/* Table of Contents 01. Settings ---------------------------------- 02. Sprite ------------------------------------ Slider ----------------------------------- 03. Generic ----------------------------------- 04. Base -------------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 05. Fonts ------------------------------------- Generated by Fontie 06. Helpers ----------------------------------- Clear ------------------------------------ Notext ----------------------------------- Hidden ----------------------------------- Alignleft -------------------------------- Alignright ------------------------------- Disabled --------------------------------- Grid ------------------------------------- Responsive Helpers ----------------------- 07. Reset ------------------------------------- 08. Regions ----------------------------------- 09. Container --------------------------------- 10. Content ----------------------------------- 11. Content Box With Border ------------------- Tablet Portrait -------------------------- 12. Footer ------------------------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 13. Header ------------------------------------ Small Desktop ---------------------------- 14. Main -------------------------------------- 15. Shell ------------------------------------- 16. Sidebar ----------------------------------- 17. Wrapper ----------------------------------- 18. Modules ----------------------------------- 19. Accordion --------------------------------- Mobile ----------------------------------- 20. Animated Background ----------------------- 21. Article ----------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 22. Article Excerpt --------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 23. Button ------------------------------------ Button Block ----------------------------- 24. Btn Menu ---------------------------------- 25. Button Menu ------------------------------- 26. Callout ----------------------------------- Mobile ----------------------------------- 27. Detail ------------------------------------ 28. Feature Box ------------------------------- Feature Box Even ------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 29. Feature ----------------------------------- 30. Feature Excerpt --------------------------- Mobile ----------------------------------- 31. Form Elements ----------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 32. Form -------------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 33. Form Submiting ---------------------------- 34. Intro ------------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 35. Intro ------------------------------------- With Overlay ----------------------------- Witg Animation --------------------------- 36. List -------------------------------------- 37. List-Btns --------------------------------- Mobile ----------------------------------- 38. List Links -------------------------------- 39. list-clients ------------------------------ Mobile ----------------------------------- 40. List Stats -------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 41. List Checks ------------------------------- Mobile ----------------------------------- 42. List Steps -------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 43. List Partners ----------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 44. List Boxes -------------------------------- Mobile ----------------------------------- 45. List Details ------------------------------ 46. Logo -------------------------------------- 47. Member ------------------------------------ Tablet Portrait -------------------------- 48. Nav --------------------------------------- Dropdown --------------------------------- Show dropdown ---------------------------- White ------------------------------------ Small Desktop ---------------------------- Tablet Portrait -------------------------- 49. Nav Steps --------------------------------- Show dropdown ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 50. Nav scrollspy ----------------------------- Add sticky functionality ----------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 51. Plans ------------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 52. Section ----------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 53. section-book ------------------------------ 54. section-overview -------------------------- 55. section-features-boxes -------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 56. Section Clients --------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 57. Section Partners -------------------------- Mobile ----------------------------------- 58. Section Stats ----------------------------- Tablet Portrait -------------------------- 59. Section Callouts -------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 60. Section Services -------------------------- 61. section-contact-us ------------------------ Small Desktop ---------------------------- Tablet Portrait -------------------------- 62. Section For ------------------------------- 63. Section Features ------------------------- 64. Section Details --------------------------- 65. Section management system ----------------- 66. Section Partners -------------------------- 67. Service ----------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 68. Slider ------------------------------------ 69. Slider Featured --------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 70. Socials ----------------------------------- 71. Tab --------------------------------------- 72. Tabs features ----------------------------- 73. Table ------------------------------------- 74. Video ------------------------------------- Video Playing ---------------------------- Mobile ----------------------------------- 75. Widget ------------------------------------ 76. Themes ------------------------------------ */ /* ------------------------------------------------------------ *\ Settings \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Sprite \* ------------------------------------------------------------ */ .ico-access { background: url(../images/sprite/ico-access.png) no-repeat 0 0; background-size: 100% 100%; width: 48px; height: 39px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-bike { background: url(../images/sprite/ico-bike.png) no-repeat 0 0; background-size: 100% 100%; width: 48px; height: 43px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-cart { background: url(../images/sprite/ico-cart.png) no-repeat 0 0; background-size: 100% 100%; width: 50px; height: 42px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-cash { background: url(../images/sprite/ico-cash.png) no-repeat 0 0; background-size: 100% 100%; width: 52px; height: 46px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-check-black { background: url(../images/sprite/ico-check-black.png) no-repeat 0 0; background-size: 100% 100%; width: 17px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-check-sm { background: url(../images/sprite/ico-check-sm.png) no-repeat 0 0; background-size: 100% 100%; width: 50px; height: 46px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-communication { background: url(../images/sprite/ico-communication.png) no-repeat 0 0; background-size: 100% 100%; width: 48px; height: 48px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-customers-notifications { background: url(../images/sprite/ico-customers-notifications.png) no-repeat 0 0; background-size: 100% 100%; width: 44px; height: 48px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-customize { background: url(../images/sprite/ico-customize.png) no-repeat 0 0; background-size: 100% 100%; width: 30px; height: 48px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-device { background: url(../images/sprite/ico-device.png) no-repeat 0 0; background-size: 100% 100%; width: 18px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-handshake { background: url(../images/sprite/ico-handshake.png) no-repeat 0 0; background-size: 100% 100%; width: 66px; height: 38px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-hosting { background: url(../images/sprite/ico-hosting.png) no-repeat 0 0; background-size: 100% 100%; width: 25px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-integration { background: url(../images/sprite/ico-integration.png) no-repeat 0 0; background-size: 100% 100%; width: 24px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-language { background: url(../images/sprite/ico-language.png) no-repeat 0 0; background-size: 100% 100%; width: 24px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-management-system { background: url(../images/sprite/ico-management-system.png) no-repeat 0 0; background-size: 100% 100%; width: 48px; height: 48px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-notifications { background: url(../images/sprite/ico-notifications.png) no-repeat 0 0; background-size: 100% 100%; width: 48px; height: 48px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-phone { background: url(../images/sprite/ico-phone.png) no-repeat 0 0; background-size: 100% 100%; width: 15px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-pins { background: url(../images/sprite/ico-pins.png) no-repeat 0 0; background-size: 100% 100%; width: 48px; height: 48px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-plus { background: url(../images/sprite/ico-plus.png) no-repeat 0 0; background-size: 100% 100%; width: 24px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-promo { background: url(../images/sprite/ico-promo.png) no-repeat 0 0; background-size: 100% 100%; width: 47px; height: 47px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-report { background: url(../images/sprite/ico-report.png) no-repeat 0 0; background-size: 100% 100%; width: 19px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-shield { background: url(../images/sprite/ico-shield.png) no-repeat 0 0; background-size: 100% 100%; width: 23px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-track { background: url(../images/sprite/ico-track.png) no-repeat 0 0; background-size: 100% 100%; width: 34px; height: 48px; display: inline-block; vertical-align: middle; font-size: 0px; } .white-labeling-marketplace { background: url(../images/sprite/White%20Labeling%20Marketplace.png) no-repeat 0 0; background-size: 100% 100%; width: 1440px; height: 6736px; display: inline-block; vertical-align: middle; font-size: 0px; } @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) { .ico-access { background: url(../images/sprite/ico-access@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 48px; height: 38.5px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-bike { background: url(../images/sprite/ico-bike@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 48px; height: 43px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-cart { background: url(../images/sprite/ico-cart@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 50px; height: 42px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-cash { background: url(../images/sprite/ico-cash@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 52px; height: 46px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-check-black { background: url(../images/sprite/ico-check-black@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 17px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-check-sm { background: url(../images/sprite/ico-check-sm@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 50px; height: 46px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-communication { background: url(../images/sprite/ico-communication@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 48px; height: 48px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-customers-notifications { background: url(../images/sprite/ico-customers-notifications@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 44px; height: 48px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-customize { background: url(../images/sprite/ico-customize@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 30px; height: 48px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-device { background: url(../images/sprite/ico-device@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 18px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-handshake { background: url(../images/sprite/ico-handshake@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 66px; height: 37.5px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-hosting { background: url(../images/sprite/ico-hosting@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 25.5px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-integration { background: url(../images/sprite/ico-integration@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 24px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-language { background: url(../images/sprite/ico-language@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 23.5px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-management-system { background: url(../images/sprite/ico-management-system@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 48px; height: 48px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-notifications { background: url(../images/sprite/ico-notifications@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 48px; height: 48px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-phone { background: url(../images/sprite/ico-phone@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 15px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-pins { background: url(../images/sprite/ico-pins@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 48px; height: 48px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-plus { background: url(../images/sprite/ico-plus@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 24px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-promo { background: url(../images/sprite/ico-promo@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 47px; height: 47px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-report { background: url(../images/sprite/ico-report@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 18.5px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-shield { background: url(../images/sprite/ico-shield@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 22.5px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-track { background: url(../images/sprite/ico-track@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 33.5px; height: 48px; display: inline-block; vertical-align: middle; font-size: 0px; } } /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* ------------------------------------------------------------ *\ Generic \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Base \* ------------------------------------------------------------ */ body { min-width: 320px; background: #fff; font-family: 'Proxima Nova', Arial, Helvetica, sans-serif; font-size: 15px; line-height: 1.67; color: #5A6469; } p { font-weight: 300; } a { color: inherit; text-decoration: underline; } a:hover, a[href^="tel"] { text-decoration: none; } a[href^="tel"], a[href^="mailto"] { color: #FF5F5F; text-decoration: underline; } h1, h2, h3, h4, h5, h6 { margin-bottom: 0.835em; } h1 { font-size: 56px; } h2 { font-size: 48px; } h3 { font-size: 32px; line-height: 1.19; font-weight: 300; } h4 { font-size: 24px; line-height: 1.42; font-weight: 400; } h5 { font-size: 20px; } h6 { font-size: 16px; } /* Tablet Portrait */ @media (max-width: 1023px) { h1 { font-size: 44px; } h2 { font-size: 38px; } h3 { font-size: 28px; } h4 { font-size: 22px; } h5 { font-size: 18px; } h6 { font-size: 14px; } } /* Mobile */ @media (max-width: 767px) { h1 { font-size: 38px; } h2 { font-size: 32px; } h3 { font-size: 26px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 14px; } } p, ul, ol, dl, hr, table, blockquote { margin-bottom: 1.67em; } 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; } hr { margin-bottom: 0; } /* ------------------------------------------------------------ *\ Fonts \* ------------------------------------------------------------ */ /* Generated by Fontie */ @font-face { font-family:'Glyphicons Halflings'; src: url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'); } @font-face { font-family:'Proxima Nova'; src: url('../fonts/Proxima-Nova-LightIt.woff2') format('woff2'), url('../fonts/Proxima-Nova-LightIt.woff') format('woff'); font-weight: 300; font-style: italic; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family:'Proxima Nova'; src: url('../fonts/Proxima-Nova-Light.woff2') format('woff2'), url('../fonts/Proxima-Nova-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family:'Proxima Nova'; src: url('../fonts/Proxima-Nova-Regular.woff2') format('woff2'), url('../fonts/Proxima-Nova-Regular.woff') format('woff'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family:'Proxima Nova'; src: url('../fonts/Proxima-Nova-RegularIt.woff2') format('woff2'), url('../fonts/Proxima-Nova-RegularIt.woff') format('woff'); font-weight: 400; font-style: italic; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family:'Proxima Nova'; src: url('../fonts/Proxima-Nova-Lt-Semibold.woff2') format('woff2'), url('../fonts/Proxima-Nova-Lt-Semibold.woff') format('woff'); font-weight: 600; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family:'Proxima Nova'; src: url('../fonts/Proxima-Nova-Bold.woff2') format('woff2'), url('../fonts/Proxima-Nova-Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } /* ------------------------------------------------------------ *\ Helpers \* ------------------------------------------------------------ */ /* Clear */ .clear:after { content: ''; display: block; clear: both; } /* Notext */ .notext { overflow: hidden; text-indent: 101%; white-space: nowrap; } /* Hidden */ [hidden], .hidden { display: none !important; } /* Alignleft */ .alignleft { float: left; } /* Alignright */ .alignright { float: right; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } /* Disabled */ [disabled], .disabled { cursor: default; } /* Grid */ .cols { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .col { max-width: 100%; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; } .col--1of2 { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } /* Responsive Helpers */ /*.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; }*/ /*@media (max-width: $responsive-xs) { .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: calc($responsive-xs + 1px)) and (max-width: $responsive-sm) { .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: calc($responsive-sm + 1px)) and (max-width: $responsive-md) { .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: calc($responsive-md + 1px)) { .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; } }*/ /*! * Bootstrap Grid v4.0.0 (https://getbootstrap.com) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ @-ms-viewport { width: device-width; } .container { width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto; } @media (min-width: 767px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 1023px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto; } .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .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, .col-sm, .col-sm-auto, .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, .col-md, .col-md-auto, .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, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } @media (min-width: 767px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-sm-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-sm-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-sm-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-sm-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-sm-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-sm-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-sm-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-sm-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-sm-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-sm-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-sm-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-sm-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-sm-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-sm-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-md-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-md-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-md-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-md-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-md-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-md-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-md-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-md-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-md-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-md-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-md-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-md-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-md-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-md-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 1023px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-lg-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-lg-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-lg-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-lg-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-lg-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-lg-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-lg-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-lg-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-lg-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-lg-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-lg-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-lg-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-lg-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-lg-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-xl-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-xl-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-xl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-xl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-xl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-xl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-xl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-xl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-xl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-xl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-xl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-xl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-xl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-xl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 767px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1023px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 767px) { .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-sm-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-md-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1023px) { .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-lg-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-xl-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } /* ------------------------------------------------------------ *\ Reset \* ------------------------------------------------------------ */ * { padding: 0; margin: 0; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; } template { display: none; } html { -webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0); } body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; } img, iframe, video, audio, object { max-width: 100%; } img, iframe { border: 0 none; } img { height: auto; display: inline-block; vertical-align: middle; } b, strong { font-weight: bold; } address { font-style: normal; } svg:not(:root) { overflow: hidden; } a, button, input[type="submit"], input[type="button"], input[type="reset"], input[type="file"], input[type="image"], label[for] { cursor: pointer; } a[href^="tel"], button[disabled], input[disabled], textarea[disabled], select[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; } textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } button, input, optgroup, select, textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } button, select { text-transform: none; } table { width: 100%; border-collapse: collapse; border-spacing: 0; } nav ul, nav ol { list-style: none outside none; } /* ------------------------------------------------------------ *\ Regions \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Container \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Content \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Content Box With Border \* ------------------------------------------------------------ */ .content-box-with-bordered { padding-top: 32px; border-top: 2px solid #FF5F5F; } /* Tablet Portrait */ @media (max-width: 1023px) { .content-box-with-bordered { padding-top: 20px; } } /* ------------------------------------------------------------ *\ Footer \* ------------------------------------------------------------ */ .footer { color: #fff; background: #50595E; } .footer .footer__inner { padding: 46px 0 60px; } .footer h6 { font-size: 12px; text-transform: uppercase; line-height: 1.17; margin-bottom: 12px; } .footer .footer__bar {background: rgba(0,0,0,0.10); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 19px 15px; } .footer .copyright p { font-size: 10px; text-transform: uppercase; letter-spacing: 0.08em; margin: 0; } /* Tablet Portrait */ @media (max-width: 1023px) { .footer .footer__inner { padding: 30px 0; } .footer .footer__aside { text-align: center; padding-top: 20px; } .footer .socials ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } /* Mobile */ @media (max-width: 767px) { .footer .footer__inner { text-align: center; } } /* ------------------------------------------------------------ *\ Header \* ------------------------------------------------------------ */ .header { padding: 50px 0; background: #fff; background: #fff; } .header .shell { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header .logo { -ms-flex-negative: 0; flex-shrink: 0; } .header--absolute { position: absolute; top: 0; left: 0; width: 100%; background: none; z-index: 3; } .header .btn-menu { display: none; } /* Small Desktop */ @media (max-width: 1200px) { .header { padding: 30px 0; } } @media(max-width: 992px){ .header { padding: 15px 0; position: relative; } .header .btn-menu { display: block; position: absolute; right: 10px; top: 17px; } .header .shell { display: block; } .header--absolute { position: absolute; } .header--absolute .nav { background: #FF5F5F; margin: 10px -15px 0; padding: 0 15px 0; } .header--absolute .nav > ul { margin-bottom: 15px; } .header--absolute .nav .dropdown { background: none; } .header--absolute .nav .dropdown a { color: #fff; } } /* ------------------------------------------------------------ *\ Main \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Shell \* ------------------------------------------------------------ */ .shell { max-width: 1230px; padding-left: 15px; padding-right: 15px; margin: auto; } .shell--fluid { max-width: none; } /* ------------------------------------------------------------ *\ Sidebar \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Wrapper \* ------------------------------------------------------------ */ .wrapper { min-height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; } .wrapper .wrapper__inner { width: 100%; min-height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .wrapper .footer, .wrapper .header, .wrapper .page-content {width: 100%; -ms-flex-item-align: start; align-self: flex-start; } .wrapper .footer { -ms-flex-item-align: end; align-self: flex-end; } /* ------------------------------------------------------------ *\ Modules \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Accordion \* ------------------------------------------------------------ */ .accordion h5 { font-weight: 300; line-height: 1.4; margin-bottom: 0; } .accordion__section { border-bottom: 1px solid rgba(90,100,105,0.20); } .accordion .accordion__body { display: none; padding: 20px 0; } .accordion__section + .accordion__section { margin-top: 27px; } .accordion .accordion__head { position: relative; padding: 13px 30px 13px 0; } .accordion .accordion__head i { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: -webkit-transform .4s; transition: -webkit-transform .4s; -o-transition: transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; } .accordion__section--current { border-bottom: 1px solid #FF5F5F; } .accordion__section--current .accordion__head i { -webkit-transform: rotate(180deg) translateY(50%); -ms-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%); } .accordion__section--current .accordion__head i path { stroke: #FF5F5F; } .accordion__section--current .accordion__head h5 { color: #FF5F5F; } /* Mobile */ @media (max-width: 767px) { .accordion__section + .accordion__section { margin-top: 10px; } } /* ------------------------------------------------------------ *\ Animated Background \* ------------------------------------------------------------ */ .animated-background { background-repeat: repeat-x; width: 5342px; /* width * 3 */ height: 300px; -webkit-animation: wave 90s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite; animation: wave 90s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* ------------------------------------------------------------ *\ Article \* ------------------------------------------------------------ */ .article { margin-bottom: 100px; } .article h3, .article h4 { font-weight: 300; margin-bottom: 20px; } .article h3 a, .article h4 a { text-decoration: none; } .articlle-excerpt-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .articlle-excerpt-grid .article { width: calc(50% - 60px); } .article--alt .article__entry h4 { margin-bottom: 50px; } .article--career .article__entry { display: none; } /* Small Desktop */ @media (max-width: 1200px) { .article { margin-bottom: 75px; } .articlle-excerpt-grid .article { width: calc(50% - 15px); } } /* Tablet Portrait */ @media (max-width: 1023px) { .article { margin-bottom: 50px; } .article--alt .article__entry h4 { margin-bottom: 30px; } } /* Mobile */ @media (max-width: 767px) { .article { margin-bottom: 25px; } .article .article__aside { margin-bottom: 20px; } .article--career { text-align: center; } .article--alt .article__entry h4, .article p, .article h4 { margin-bottom: 20px; } .article p:last-child { margin-bottom: 0; } .articlle-excerpt-grid .article { width: 100%; } } /* ------------------------------------------------------------ *\ Article Excerpt \* ------------------------------------------------------------ */ .article-excerpt + .article-excerpt { margin-top: 50px; } .article-excerpt h6 { margin-bottom: 0; font-size: 700px; font-size: 15px; } .article-excerpt p { font-weight: 400; } .article-excerpt .map { margin-bottom: 20px; } /* Tablet Portrait */ @media (max-width: 1023px) { .article-excerpt-holder { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -10px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .article-excerpt-holder .article-excerpt { width: 50%; margin: 0 10px; } .article-excerpt + .article-excerpt { margin-top: 0; } } /* Mobile */ @media (max-width: 767px) { .article-excerpt-holder { margin: 0; display: block; } .article-excerpt-holder .article-excerpt { margin: 0; width: 100%; } .article-excerpt + .article-excerpt { margin-top: 20px; } } /* ------------------------------------------------------------ *\ Button \* ------------------------------------------------------------ */ .btn { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 12px; font-weight: 700; text-transform: uppercase; padding: 0 13px; height: 40px; line-height: 38px; border-radius: 4px; min-width: 120px; } .btn--medium { height: 50px; line-height: 48px; min-width: 200px; font-size: 15px; } .btn--medium-shrink { min-width: 120px; } .btn-width-small { min-width: 80px; } .btn--white-alt { background-color: transparent; border: 1px solid #fff; color: #fff; -webkit-transition: background-color .4s, color .4s; -o-transition: background-color .4s, color .4s; transition: background-color .4s, color .4s; } .btn--white-alt:hover { background: #fff; color: #FF5F5F; } .btn--white { background: #fff; border: 1px solid #fff; color: #FF5F5F; -webkit-transition: background-color .4s, color .4s; -o-transition: background-color .4s, color .4s; transition: background-color .4s, color .4s; } .btn--white:hover { color: #fff; background: #FF5F5F; } .btn--red-alt { background-color: transparent; border: 1px solid #FF5F5F; color: #FF5F5F; -webkit-transition: background-color .4s, color .4s; -o-transition: background-color .4s, color .4s; transition: background-color .4s, color .4s; } .btn--red-alt:hover { background-color: #FF5F5F; color: #fff; } .btn--red { background: #FF5F5F; border: 1px solid #FF5F5F; color: #fff; -webkit-transition: background-color .4s, color .4s; -o-transition: background-color .4s, color .4s; transition: background-color .4s, color .4s; } .btn--red:hover { color: #FF5F5F; background: #fff; } .btn--red-lg { width: 100%; min-height: 50px; border: 1px solid #ff5f5f; font-size: 15px; color: #ff5f5f; line-height: 45px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .btn--red-lg:hover { background: #ff5f5f; color: #fff; } @media (max-width: 1023px) { .btn--red-lg { height: auto; } } @media (max-width: 767px) { .btn--red-lg { min-width: 300px; } } /* Button Block */ .btn--block { display: block; padding-left: 0; padding-right: 0; width: 100%; } /* ------------------------------------------------------------ *\ Btn Menu \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Button Menu \* ------------------------------------------------------------ */ .btn-menu { position: relative; z-index: 70; vertical-align: middle; width: 31px; height: 30px; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); text-decoration: none; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .btn-menu span { position: absolute; left: 0; display: block; height: 4px; width: 100%; background: #5A6469; opacity: 1; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); font-size: 0; line-height: 0; text-indent: -4004px; -webkit-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } .btn-menu span:nth-child(1) {top: 0px; } .btn-menu span:nth-child(2) { top: 13px; } .btn-menu span:nth-child(3) { top: 25px; } .btn-menu.open span { background: #464648; } .btn-menu.open span:nth-child(1) { top: 12px; -webkit-transform: rotate(135deg); -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: 12px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .btn-menu--white.open span, .btn-menu--white span { background: #fff; } /* ------------------------------------------------------------ *\ Callout \* ------------------------------------------------------------ */ .callouts .callout { margin: 10px 0; } .callout { position: relative; background-size: cover; height: 0; padding-top: 50%; } .callout h4 { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; color: #fff; line-height: 1.21; font-weight: 400; margin: 0; } .callout .btn { -ms-flex-negative: 0; flex-shrink: 0; } .callout .callout__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; bottom: 0; left: 0; width: 100%; padding: 30px; } /* Mobile */ @media (max-width: 767px) { .callout .callout__content { padding: 10px; } .callout h4 { font-size: 16px; } } /* ------------------------------------------------------------ *\ Detail \* ------------------------------------------------------------ */ .details { margin-right: 41px; padding: 18px 0 53px; border-top: 1px solid rgba(90, 100, 105, 0.2); } .details .details__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; } .details .details__head h6 { font-size: 15px; font-weight: 400; letter-spacing: 2px; } .details .details__head i { margin-right: 12px; } @media (max-width: 767px) { .details { margin-right: 0; padding-bottom: 18px; } } /* ------------------------------------------------------------ *\ Feature Box \* ------------------------------------------------------------ */ .feature-box { overflow: hidden; } .feature-box + .feature-box { margin-top: 100px; } .feature-box .shell { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 1360px; } .feature-box h3 { font-weight: 300; line-height: 1.19; margin-bottom: 20px; } .feature-box p { margin-bottom: 20px; } .feature-box .feature__content { position: relative; padding: 51px 50px; background: #fff; width: 40vw; margin-left: -150px; } .feature-box .feature__content:before { position: absolute; top: 0; left: 0; content: ''; width: 100vw; height: 2px; background: #FF5F5F; } .feature-box .feature__image { width: 72%; width: 67vw; } /* Feature Box Even */ .feature-box:nth-child(even) .shell { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .feature-box:nth-child(even) .feature__content { margin-left: auto; margin-right: -150px; } .feature-box:nth-child(even) .feature__content:before { left: auto; right: 0; } /* Small Desktop */ @media (max-width: 1200px) { .feature-box + .feature-box { margin-top: 75px; } .feature-box .feature__content { padding: 20px 0 20px 20px; margin-left: -100px; } .feature-box:nth-child(even) .feature__content { margin-right: -100px; padding: 20px 20px 20px 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .feature-box + .feature-box { margin-top: 50px; } .feature-box .feature__image, .feature-box .feature__content { width: calc(50% - 10px); } .feature-box .feature__content, .feature-box:nth-child(even) .feature__content { margin: 0; padding: 20px 0 0; } .feature-box .shell { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .feature-box .feature__content:before { width: 100%; } } /* Mobile */ @media (max-width: 767px) { .feature-box + .feature-box { margin-top: 25px; } .feature-box .shell { display: block; } .feature-box .feature__image, .feature-box .feature__content { width: 100%; } .feature-box .feature__image { margin-bottom: 20px; } } /* ------------------------------------------------------------ *\ Feature \* ------------------------------------------------------------ */ .features { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .feature { text-align: center; } .feature .feature__image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 19px; min-height: 48px; } /* ------------------------------------------------------------ *\ Feature Excerpt \* ------------------------------------------------------------ */ .feature-excerpt { text-align: center; margin-bottom: 50px; } .feature-excerpt i { display: block; text-align: center; min-height: 68px; } .feature-excerpt h6 { font-size: 15px; font-weight: 400; line-height: 1.2; letter-spacing: 0.2em; text-transform: uppercase; margin-bottom: 20px; } /* Mobile */ @media (max-width: 767px) { .feature-excerpt { margin-bottom: 25px; } } /* ------------------------------------------------------------ *\ Form Elements \* ------------------------------------------------------------ */ input::-webkit-input-placeholder { color: inherit; opacity: 1; } input:-ms-input-placeholder { color: inherit; opacity: 1; } input::-ms-input-placeholder { color: inherit; opacity: 1; } input::placeholder { color: inherit; opacity: 1; } textarea::-webkit-input-placeholder { color: inherit; opacity: 1; } textarea:-ms-input-placeholder { color: inherit; opacity: 1; } textarea::-ms-input-placeholder { color: inherit; opacity: 1; } textarea::placeholder { color: inherit; opacity: 1; } input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; } .form__label { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 15px; line-height: 15px; font-weight: 400; -webkit-transition: top .4s, font-size .4s; -o-transition: top .4s, font-size .4s; transition: top .4s, font-size .4s; pointer-events: none; will-change: font-size; } select, .field { width: 100%; background: none; border: none; border-radius: 0; font-size: 15px; height: 39px; line-height: 37px; border-bottom: 1px solid #EBECEC; font-weight: 400; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form__controls { position: relative; margin-bottom: 38px; } .form__controls.focus .form__label { font-size: 10px; top: 0; } .form__controls .ico-arrow { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; } .form__controls.focus select, .form__controls.focus .field { border-bottom-color: #5A6469; } .form__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -25px; } .form__col { max-width: 100%; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; padding: 0 25px; } .form__col--1of2 { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } select::-ms-expand { display: none; } /* Tablet Portrait */ @media (max-width: 1023px) { .form__row { margin: 0 -10px; } .form__col { padding: 0 10px; } } /* Mobile */ @media (max-width: 767px) { .form__col { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .form__controls { margin-bottom: 20px; } } /* ------------------------------------------------------------ *\ Form \* ------------------------------------------------------------ */ .form { padding: 52px 50px; border-radius: 5px; background: #FFFFFF; -webkit-box-shadow: 0 0 100px 0 rgba(90,100,105,0.10); box-shadow: 0 0 100px 0 rgba(90,100,105,0.10); } .form .form__actions { padding-top: 10px; } .form .form__btn { font-size: 12px; } /* Tablet Portrait */ @media (max-width: 1023px) { .form { padding: 20px; } } /* Mobile */ @media (max-width: 767px) { .form { padding: 15px; } } /* ------------------------------------------------------------ *\ Form Submiting \* ------------------------------------------------------------ */ .form-contact .field.error, .form-book-a-demo .field.error { border-bottom: 1px solid red; } .form-contact .thank-you-message, .form-book-a-demo .thank-you-message { color: lightgreen; text-align: center; } .form-contact .thank-you-message--alt, .form-book-a-demo .thank-you-message--alt { color: red; } .form-contact .form__actions button, .form-book-a-demo .form__actions button { position: relative; } .form-contact .form__spinner, .form-book-a-demo .form__spinner { position: absolute; top: 50%; right: 25px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: none; background-image: url(../images/spinner.gif); background-size: contain; background-repeat: no-repeat; width: 30px; height: 30px; } /* ------------------------------------------------------------ *\ Intro \* ------------------------------------------------------------ */ .intro-featured { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 600px; background-image: -o-linear-gradient(225deg, #FF5F5F 0%, #FF8282 100%); background-image: linear-gradient(-135deg, #FF5F5F 0%, #FF8282 100%); overflow: hidden; } .intro-featured h2 { color: #fff; font-weight: 300; line-height: 1.21; margin-bottom: 38px; } .intro-featured h2 strong { font-weight: 700; } .intro-featured .intro__content { position: relative; width: 100%; text-align: center; padding: 20px 0 0; z-index: 2; } .intro-featured .animated-background { position: absolute; bottom: 0; } /* Tablet Portrait */ @media (max-width: 1023px) { .intro-featured { height: 500px; } } /* Mobile */ @media (max-width: 767px) { .intro-featured { height: 450px; } .intro-featured h2 { margin-bottom: 20px; } } /* ------------------------------------------------------------ *\ Intro \* ------------------------------------------------------------ */ .intro { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; height: 300px; background-size: cover; z-index: 2; } .intro h1 { font-weight: 300; line-height: 1.2; margin: 11px 0; } .intro p { font-size: 20px; font-weight: 400; line-height: 1.2; } .intro .intro__content { position: relative; color: #fff; text-align: center; width: 100%; z-index: 3; } /* With Overlay */ .intro-with-overlay:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: #5A6469; opacity: .35; } /* Witg Animation */ .intro-with-animation { position: relative; overflow: hidden; } .intro-with-animation p, .intro-with-animation h1 { color: #5A6469; } .intro-with-animation .animated-background { position: absolute; bottom: 0; left: 0; z-index: 1; } /* ------------------------------------------------------------ *\ List \* ------------------------------------------------------------ */ [class^="list-"] { list-style: none outside none; } /* ------------------------------------------------------------ *\ List-Btns \* ------------------------------------------------------------ */ .list-btns { list-style-type: none; } .list-btns-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 -5px; } .list-btns-flex li { padding: 0 5px; } /* Mobile */ @media (max-width: 767px) { .list-btns-flex { display: block; } .list-btns-flex li { padding: 0; } .list-btns-flex li + li { margin-top: 10px; } } /* ------------------------------------------------------------ *\ List Links \* ------------------------------------------------------------ */ .list-links a { display: inline-block; font-size: 12px; line-height: 1.83; text-decoration: none; text-transform: uppercase; font-weight: 400; -webkit-transition: opacity .4s; -o-transition: opacity .4s; transition: opacity .4s; letter-spacing: 0.001em; } .list-links a:hover { opacity: .8; } .list-links--underline a { text-decoration: underline; } /* ------------------------------------------------------------ *\ list-clients \* ------------------------------------------------------------ */ .list-clients { list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 -30px; } .list-clients li { padding: 0 30px; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; text-align: center; } .list-clients a { -webkit-transition: opacity .4s; -o-transition: opacity .4s; transition: opacity .4s; } .list-clients a:hover { opacity: .8; } @media(max-width: 1290px){ .list-clients { margin: 0 -15px; } .list-clients li { padding: 0 15px; } } /* Mobile */ @media (max-width: 767px) { .list-clients { -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-clients li { width: 50%; max-width: 50%; min-width: 50%; padding: 0 15px 20px; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } } /* ------------------------------------------------------------ *\ List Stats \* ------------------------------------------------------------ */ .list-stats { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; color: #fff; text-align: center; } .list-stats li { position: relative; width: 33.33%; } .list-stats li + li:before { position: absolute; bottom: 53px; left: 0; content: ''; width: 80px; height: 2px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-image: -webkit-gradient(linear, left top, right top, color-stop(10%, #fff), color-stop(0%, rgba(255, 255, 255, 0))); background-image: -o-linear-gradient(left, #fff 10%, rgba(255, 255, 255, 0) 0%); background-image: linear-gradient(to right, #fff 10%, rgba(255, 255, 255, 0) 0%); background-position: top; background-size: 10px 2px; background-repeat: repeat-x; } .list-stats span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 60px; margin-bottom: 20px; } .list-stats strong { font-size: 72px; font-weight: 300; line-height: 1; letter-spacing: 0.02em; } .list-stats p { text-transform: uppercase; line-height: 1.2; letter-spacing: 0.2em; font-weight: 400; } /* Tablet Portrait */ @media (max-width: 1023px) { .list-stats span { margin-bottom: 0; } .list-stats strong { font-size: 50px; } .list-stats li + li:before { bottom: 42px; } } /* Mobile */ @media (max-width: 767px) { .list-stats { display: block; } .list-stats li { width: 100%; } .list-stats li + li { margin-top: 20px; } .list-stats li + li:before { display: none; } } /* ------------------------------------------------------------ *\ List Checks \* ------------------------------------------------------------ */ .list-checks li { position: relative; padding-left: 37px; padding-right: 15px; margin-bottom: 5px; text-align: left; } .list-checks li:before { position: absolute; top: 7px; left: 0; content: ''; background: url(../images/ico-check@2x.png) 0 0 no-repeat; width: 17px; height: 12px; background-size: 100% 100%; } .list-checks-columns-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-checks-columns-2 li { width: 50%; } /* Mobile */ @media (max-width: 767px) { .list-checks-columns-2 li { width: 100%; } } /* ------------------------------------------------------------ *\ List Steps \* ------------------------------------------------------------ */ .list-steps { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .list-steps li { width: 25%; padding: 0 10px; text-align: center; } .list-steps i { position: relative; display: block; text-align: center; min-height: 201px; margin-bottom: 49px; } .list-steps h6 { font-size: 15px; font-weight: 400; line-height: 1.2; letter-spacing: 0.2em; text-transform: uppercase; margin-bottom: 20px; } .list-steps p { font-size: 18px; } .list-steps li + li i:before { position: absolute; top: 100px; left: 0; content: ''; width: 64px; height: 2px; -webkit-transform: translateX(-42px); -ms-transform: translateX(-42px); transform: translateX(-42px); background-image: -webkit-gradient(linear, right top, left top, color-stop(25%, rgba(255, 255, 255, 0)), color-stop(0%, #0FB5CE)); background-image: -o-linear-gradient(right, rgba(255, 255, 255, 0) 25%, #0FB5CE 0%); background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 25%, #0FB5CE 0%); background-position: top; background-size: 8px 2px; background-repeat: repeat-x; } /* Small Desktop */ @media (max-width: 1200px) { .list-steps i { margin-bottom: 30px; } .list-steps li + li i:before { width: 30px; -webkit-transform: translateX(-25px); -ms-transform: translateX(-25px); transform: translateX(-25px); } } /* Tablet Portrait */ @media (max-width: 1023px) { .list-steps h6 { margin-bottom: 10px; } .list-steps i { min-height: 101px; margin-bottom: 20px; } .list-steps i svg { width: 100px; height: 100px; } .list-steps li + li i:before { top: 50px; } } /* Mobile */ @media (max-width: 767px) { .list-steps { display: block; } .list-steps li { width: 100%; } .list-steps li + li { margin-top: 30px; } .list-steps li + li i:before { display: none; } } /* ------------------------------------------------------------ *\ List Partners \* ------------------------------------------------------------ */ .list-partners { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -10px; } .list-partners li { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; padding: 0 10px; } .list-partners a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 120px; background: rgba(90,100,105,0.07); border-radius: 4px; -webkit-transition: background .4s; -o-transition: background .4s; transition: background .4s; } .list-partners a:hover { background: rgba(90,100,105,0.1) } .list-partners-sm { padding-top: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .list-partners-sm li { text-align: center; } /* Tablet Portrait */ @media (max-width: 1023px) { .list-partners li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 5px; } .list-partners a { padding: 10px; height: auto; } } /* Mobile */ @media (max-width: 767px) { .list-partners { -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-partners li { min-width: 50%%; width: 50%%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 5px; } .list-partners a { width: 100%; } .list-partners-sm li { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 15px; } } /* ------------------------------------------------------------ *\ List Boxes \* ------------------------------------------------------------ */ .list-boxes { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -10px; /*flex-wrap: wrap;*/ } .list-boxes li { width: 16.67%; padding: 0 10px; } .list-boxes a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 60px; font-size: 12px; font-weight: 700; line-height: 1.33; text-decoration: none; text-align: center; text-transform: uppercase; background: #fff; padding: 0 15px; -webkit-transition: background .4s; -o-transition: background .4s; transition: background .4s; } .list-boxes a:hover { background: rgba(90,100,105,0.07); } @media (max-width: 1023px) { .list-boxes li { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 5px; } .list-boxes a { font-size: 10px; width: 100%; } } /* Mobile */ @media (max-width: 767px) { .list-boxes { -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-boxes li { min-width: 50%%; width: 50%%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 5px; } .list-boxes a { width: 100%; } } /* ------------------------------------------------------------ *\ List Details \* ------------------------------------------------------------ */ .list-details { padding-top: 18px; } .list-details li + li { margin-top: 10px; } .list-details i { margin-right: 13px; } /* ------------------------------------------------------------ *\ Logo \* ------------------------------------------------------------ */ .logo { display: block; font-size: 0; } .map-element { height: 150px; width: 100%; } /* ------------------------------------------------------------ *\ Member \* ------------------------------------------------------------ */ .member .member__image img { width: 100%; height: auto; } .member .member__content { padding: 20px 0 50px; } .member h6 { font-weight: 700; line-height: 1.67; margin: 0; font-size: 15px; } .member p { font-weight: 400; } /* Tablet Portrait */ @media (max-width: 1023px) { .member .member__content { padding: 20px 0; } } /* ------------------------------------------------------------ *\ Nav \* ------------------------------------------------------------ */ .nav > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .nav > ul > li + li { margin-left: 10px; } .nav > ul > li a:not(.btn) { padding: 10px 10px; } .nav a:not(.btn) { display: block; padding: 0 10px; font-size: 12px; font-weight: 700; line-height: 1.17; text-transform: uppercase; text-decoration: none; -webkit-transition: color .4s; -o-transition: color .4s; transition: color .4s; letter-spacing: 0.083em; } .nav a:not(.btn):hover { color: #FF5F5F; } .nav .parent { position: relative; } .nav .parent > a { position: relative; padding-right: 15px !important; } .nav .parent > a:hover:after { border-color: #FF5F5F transparent transparent transparent; } .nav .parent > a:after { position: absolute; top: 50%; right: 0; content: ''; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #5A6469 transparent transparent transparent; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* Dropdown */ .nav .dropdown { position: absolute; left: 50%; top: 100%; width: 250px; background: #fff; z-index: 5; visibility: hidden; opacity: 0; -webkit-transform: translate(-50%, 10px); -ms-transform: translate(-50%, 10px); transform: translate(-50%, 10px); -webkit-transition: visibility .4s, opacity .4s, -webkit-transform .4s; transition: visibility .4s, opacity .4s, -webkit-transform .4s; -o-transition: visibility .4s, opacity .4s, transform .4s; transition: visibility .4s, opacity .4s, transform .4s; transition: visibility .4s, opacity .4s, transform .4s, -webkit-transform .4s; -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.10); box-shadow: 0 0 20px 0 rgba(0,0,0,0.10); margin-top: 10px; } .nav .dropdown:before { position: absolute; top: 0; left: 50%; content: ''; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #fff transparent; -webkit-transform: translate(-50%, -100%); -ms-transform: translate(-50%, -100%); transform: translate(-50%, -100%); } .nav .dropdown a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #5A6469; text-align: center; height: 48px; } .nav .dropdown a:hover { color: #FF5F5F; } .nav .dropdown li + li { border-top: 1px solid rgba(90,100,105,0.10); } /* Show dropdown */ .nav.no-touch .parent:hover .dropdown { visibility: visible; opacity: 1; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .nav.touch .dropdown-open .dropdown { visibility: visible; opacity: 1; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } /* White */ .nav--white a:not(.btn) { color: #fff; } .nav--white .parent > a:after { border-color: #fff transparent transparent transparent; } .nav--white a:not(.btn):hover { color: rgba(255,255,255,.8); } .nav--white .parent > a:hover:after { border-color: rgba(255,255,255,.8) transparent transparent transparent; } .nav--white .dropdown a { color: #5A6469; } .nav--white .dropdown a:hover { color: #FF5F5F; } /* Small Desktop */ @media (max-width: 1200px) { .nav > ul > li a:not(.btn) { padding: 0 5px; } .nav .parent > a { padding-right: 10px !important; } .nav > ul > li + li { margin-left: 2px; } } /* Tablet Portrait */ @media(max-width: 992px){ .nav { display: block; max-height: 0; overflow: hidden; -webkit-transition: max-height .4s; -o-transition: max-height .4s; transition: max-height .4s; } .nav.open { max-height: 500px; } .nav ul { display: block; } .nav a:not(.btn) { padding: 5px 10px; } .nav > ul > li { text-align: center; margin-top: 10px; } .nav li + li { margin-left: 0; } .nav > ul > li > a:not(.btn), .nav .parent > a { padding: 5px 10px !important; } .nav > ul > li + li { margin-left: 0; } .nav .dropdown { position: static; width: 100%; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; visibility: visible; overflow: hidden; max-height: 0; -webkit-transition: max-height .4s; -o-transition: max-height .4s; transition: max-height .4s; -webkit-box-shadow: none; box-shadow: none; margin-top: 0; } .nav .dropdown > li > a { display: block; height: auto; line-height: 1.3; padding: 5px 10px !important; } .nav .dropdown:before { display: none; } .nav.touch .dropdown-open .dropdown { -webkit-transform: none; -ms-transform: none; transform: none; max-height: 400px; } .nav .parent > a:hover:after { -webkit-transition: -webkit-transform .4s; transition: -webkit-transform .4s; -o-transition: transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; } .nav .parent.dropdown-open > a:hover:after { -webkit-transform: rotate(180deg) translateY(50%); -ms-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%); } } /* ------------------------------------------------------------ *\ Nav Steps \* ------------------------------------------------------------ */ .nav-steps { position: relative; z-index: 3; } .nav-steps a { font-size: 12px; font-weight: 700; text-transform: uppercase; text-decoration: none; } .nav-steps > ul { display: -webkit-box; display: -ms-flexbox; display: flex; } .nav-steps > ul > li { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; } .nav-steps > ul > li > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 60px; background: #5A6469; color: #fff; -webkit-transition: background-color .4s; -o-transition: background-color .4s; transition: background-color .4s; letter-spacing: 0.1em; } .nav-steps.no-touch > ul > li > a:hover { background: #485054; } .nav-steps > ul > li > a i { font-size: 0; margin-right: 10px; } .nav-steps .parent { position: relative; } .nav-steps .dropdown { position: absolute; left: 50%; top: 100%; width: 250px; background: #fff; z-index: 2; visibility: hidden; opacity: 0; -webkit-transform: translate(-50%, 10px); -ms-transform: translate(-50%, 10px); transform: translate(-50%, 10px); -webkit-transition: visibility .4s, opacity .4s, -webkit-transform .4s; transition: visibility .4s, opacity .4s, -webkit-transform .4s; -o-transition: visibility .4s, opacity .4s, transform .4s; transition: visibility .4s, opacity .4s, transform .4s; transition: visibility .4s, opacity .4s, transform .4s, -webkit-transform .4s; -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.10); box-shadow: 0 0 20px 0 rgba(0,0,0,0.10); } .nav-steps .dropdown:before { position: absolute; top: 0; left: 50%; content: ''; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #fff transparent; -webkit-transform: translate(-50%, -100%); -ms-transform: translate(-50%, -100%); transform: translate(-50%, -100%); } .nav-steps .dropdown a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #5A6469; text-align: center; height: 48px; letter-spacing: 0.1em; } .nav-steps .dropdown a:hover { color: #FF5F5F; } .nav-steps .dropdown li + li { border-top: 1px solid rgba(90,100,105,0.10); } /* Show dropdown */ .nav-steps.no-touch .parent:hover .dropdown { visibility: visible; opacity: 1; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .nav-steps.no-touch .parent:hover > a { background: #485054; } .nav-steps.touch .dropdown-open .dropdown { visibility: visible; opacity: 1; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .nav-steps.touch .dropdown-open > a { background: #485054; } /* Tablet Portrait */ @media (max-width: 1023px) { .nav-steps > ul > li > a { letter-spacing: 0.01em; } } /* Mobile */ @media (max-width: 767px) { .nav-steps { display: none; } .nav-steps > ul { display: block; } .nav-steps > ul > li > a { height: 50px; } .nav-steps .parent > a { position: relative; } .nav-steps .parent > a:before { position: absolute; top: 50%; right: 10px; content: ''; width: 0; height: 0; border-style: solid; border-width: 6px 5px 0 5px; border-color: #fff transparent transparent transparent; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .nav-steps .dropdown { position: static; width: 100%; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; visibility: visible; overflow: hidden; max-height: 0; -webkit-transition: max-height .4s; -o-transition: max-height .4s; transition: max-height .4s; } .nav-steps .dropdown:before { display: none; } .nav-steps.touch .dropdown-open .dropdown { -webkit-transform: none; -ms-transform: none; transform: none; max-height: 400px; } } /* ------------------------------------------------------------ *\ Nav scrollspy \* ------------------------------------------------------------ */ .nav-scrollspy-holder { position: relative; height: 50px; } .nav-scrollspy { position: absolute; top: 0; left: 0; width: 100%; background: #fff; -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.10); box-shadow: 0 2px 2px 0 rgba(0,0,0,0.10); } .nav-scrollspy ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .nav-scrollspy a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px; padding: 0 55px; text-decoration: none; font-size: 15px; font-weight: 600; color: #5A6469; opacity: .5; -webkit-transition: opacity .4s; -o-transition: opacity .4s; transition: opacity .4s; } .nav-scrollspy a:after { position: absolute; top: 100%; left: 50%; content: ''; height: 2px; width: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: #5A6469; -webkit-transition: width .4s; -o-transition: width .4s; transition: width .4s; } .nav-scrollspy a:hover, .nav-scrollspy .current a { opacity: 1; } .nav-scrollspy .current a:after, .nav-scrollspy a:hover:after { width: 100%; } /* Add sticky functionality */ .nav-scrollspy-holder.sticky .nav-scrollspy { position: fixed; z-index: 99; } /* Small Desktop */ @media (max-width: 1200px) { .nav-scrollspy a { padding: 0 20px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .nav-scrollspy a { padding: 0 10px; } } /* Mobile */ @media (max-width: 767px) { .nav-scrollspy-holder { display: none; } .nav-scrollspy ul { display: block; } } /* ------------------------------------------------------------ *\ Plans \* ------------------------------------------------------------ */ .plan { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; width: 100%; } .plan .plan__inner { background: #fff; padding: 57px 50px 50px; width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .plan .plan__head { padding-bottom: 20px; border-bottom: 1px solid rgba(90,100,105,0.20); } .plan .plan__body { padding-top: 20px; text-align: center; } .plan .plan__body p { margin-bottom: 23px; } .plan .plan__prices { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 25px; } .plan .plan__price { text-align: center; position: relative; padding: 0 32px; } .plan .plan__price p { margin-bottom: 0; font-weight: 400; } .plan .plan__price strong { font-size: 72px; line-height: 1; font-weight: 300; } .plan .plan__price + .plan__price:before { position: absolute; top: 0; left: 0; content: ''; width: 1px; height: calc(100% + 2px); -webkit-transform: rotate(7deg); -ms-transform: rotate(7deg); transform: rotate(7deg); background: rgba(90,100,105,0.20); } .plan .plan-label { width: 100%; height: 40px; line-height: 40px; margin-bottom: 20px; background: #5A6469; font-size: 15px; color: #fff; font-weight: 400; text-transform: uppercase; letter-spacing: 0.2em; } .plan .plan-label--blue { background: #0FB5CE; } /* Tablet Portrait */ @media (max-width: 1023px) { .plans .col-12 + .col-12 { margin-top: 20px; } } /* Mobile */ @media (max-width: 767px) { .plan { width: 100%; } .plan .plan__inner { padding: 15px; } .plan .plan__head { padding-bottom: 10px; } .plan .plan__body { padding-top: 10px; } .plan .plan__prices { margin-bottom: 15px; } .plan .plan__price { padding: 0 10px; } .plan .plan__price strong { font-size: 40px; } .plan .list-checks { max-width: 240px; margin: 0 auto; } } /* ------------------------------------------------------------ *\ Section \* ------------------------------------------------------------ */ .section { padding: 100px 0; } .section .section__head { margin-bottom: 50px; } .section .section__head--alt { margin-bottom: 84px; } .section .section__head h3 { margin-bottom: 20px; } .section .section__head.d-flex h3 { margin-bottom: 0; } .section .section__head h3:last-child { margin-bottom: 0; } .section .section__head h4 { font-weight: 300; } .section .section__head p { margin-bottom: 20px; font-weight: 400; } .section .section__head p:last-child { margin-bottom: 0; } .section .section__foot { padding-top: 50px; } .section .section__foot-no-spacing-top { padding-top: 0; } .section .section__foot p { font-weight: 400; } .section .section__foot--with-border { border-top: 1px solid rgba(90,100,105,0.25); } .section .section__group { margin-bottom: 100px; } .section .section__group + .section__group { margin-top: 100px; } .section.section-no-spacing-bottom { padding-bottom: 0; } .section.section-no-spacing-top { padding-top: 0; } .section.section-less-spacing-bottom { padding-bottom: 50px; } .section.section-less-spacing-top { padding-top: 50px; } .section-more-spacing { padding: 157px 0 13px; } .section--with-animation { position: relative; overflow: hidden; } .section--with-animation .shell { position: relative; z-index: 2; } .section--with-animation .animated-background { position: absolute; bottom: 0; left: 0; } .section .section__media { position: relative; z-index: 4; } /* Small Desktop */ @media (max-width: 1200px) { .section { padding: 75px 0; } .section.section-no-spacing-bottom { padding-bottom: 0; } .section.section-no-spacing-top { padding-top: 0; } .section.section-less-spacing-bottom { padding-bottom: 25px; } .section.section-less-spacing-top { padding-top: 25px; } .section .section__head--alt { margin-bottom: 50px; } .section .section__group { margin-bottom: 75px; } .section .section__group + .section__group { margin-top: 75px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section { padding: 50px 0; } .section .section__group { margin-bottom: 50px; } .section .section__group + .section__group { margin-top: 50px; } } /* Mobile */ @media (max-width: 767px) { .section { padding: 25px 0; } .section .section__head { margin-bottom: 25px; } .section .section__foot { padding-top: 25px; } .section .section__foot-no-spacing-top { padding-top: 0; } .section .section__group { margin-bottom: 25px; } .section .section__group + .section__group { margin-top: 25px; } .section .section__head.d-flex > * { width: 100%; } .section .section__media { margin-bottom: 20px; } } /* ------------------------------------------------------------ *\ section-book \* ------------------------------------------------------------ */ .section-book { position: relative; padding: 82px 0; color: #fff; text-align: center; background: #5A6469; overflow: hidden; } .section-book h4 { font-weight: 300; margin-bottom: 15px; } .section-book .section__content { position: relative; z-index: 2; } .section-book .animated-background { position: absolute; bottom: 0; left: 0; z-index: 1; } /* ------------------------------------------------------------ *\ section-overview \* ------------------------------------------------------------ */ .section-overview { text-align: center; } .section-overview--centered .row { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .section-overview p { font-size: 18px; } .section-overview h4 { letter-spacing: 0.1em; } /* ------------------------------------------------------------ *\ section-features-boxes \* ------------------------------------------------------------ */ .section-features-boxes .section__head { padding: 100px 0; } .section-features-boxes .section__head h4 { margin: 0; font-weight: 400; line-height: 1.21; letter-spacing: 0.02em; } /* Small Desktop */ @media (max-width: 1200px) { .section-features-boxes .section__head { padding: 75px 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-features-boxes .section__head { padding: 50px 0; } } /* Mobile */ @media (max-width: 767px) { .section-features-boxes .section__head { padding: 25px 0; } } /* ------------------------------------------------------------ *\ Section Clients \* ------------------------------------------------------------ */ .section-clients { padding: 100px 0; } .section-clients .section__head { margin-bottom: 25px; } .section-clients .section__head h6 { font-weight: 300; font-size: 15px; line-height: 1.2; margin: 0; letter-spacing: 0.2em; text-transform: uppercase; } /* Small Desktop */ @media (max-width: 1200px) { .section-clients { padding: 75px 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-clients { padding: 50px 0; } } /* Mobile */ @media (max-width: 767px) { .section-clients { padding: 25px 0 15px; } .section-clients .section__head { margin-bottom: 20px; } } /* ------------------------------------------------------------ *\ Section Partners \* ------------------------------------------------------------ */ .section-partners p { font-size: 18px; } /* Mobile */ @media (max-width: 767px) { .section-partners p { font-size: 15px; } } /* ------------------------------------------------------------ *\ Section Stats \* ------------------------------------------------------------ */ .section-stats { padding: 40px 0 60px; background-image: -o-linear-gradient(46deg, #FF8282 0%, #FF5F5F 100%); background-image: linear-gradient(44deg, #FF8282 0%, #FF5F5F 100%); } /* Tablet Portrait */ @media (max-width: 1023px) { .section-stats { padding: 25px 0 40px; } } /* ------------------------------------------------------------ *\ Section Callouts \* ------------------------------------------------------------ */ .section-callouts { padding: 90px 0 40px; } /* Small Desktop */ @media (max-width: 1200px) { .section-callouts { padding: 65px 0 40px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-callouts { padding: 40px 0 30px; } } /* Mobile */ @media (max-width: 767px) { .section-callouts { padding: 15px 0 20px; } } /* ------------------------------------------------------------ *\ Section Services \* ------------------------------------------------------------ */ .section-services { padding: 0 0 50px; } /* ------------------------------------------------------------ *\ section-contact-us \* ------------------------------------------------------------ */ .section-contact-us .section__head h4 { margin-bottom: 0; } .section-contact-us .section__aside { padding-right: 80px; } .section-contact-us .section__aside h4 { font-weight: 300; margin-bottom: 25px; } /* Small Desktop */ @media (max-width: 1200px) { .section-contact-us .section__aside { padding-right: 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-contact-us .section__aside { padding-top: 20px; } } /* ------------------------------------------------------------ *\ Section For \* ------------------------------------------------------------ */ .section-for { padding: 97px 0 0; text-align: center; } .section-for .section__head { margin-bottom: 42px; } .section-for .section__nav { padding: 0 12px; font-size: 12px; color: #5a6469; font-weight: 700; text-transform: uppercase; } .section-for .section__nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 -11px; list-style: none; } .section-for .section__nav li { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; margin: 0 10px; margin-top: 10px; background: #fff; border-radius: 4px; } .section-for .section__nav a { display: block; line-height: 60px; text-decoration: none; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .section-for .section__nav a:hover { color: #FF5F5F; } .section-for .section__inner { padding-top: 50px; } .section-for .section__image { text-align: right; } .section-for .section__entry { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; text-align: left; } .section-for h5 { font-weight: 300; } @media (max-width: 1200px){ .section-for .section__nav li { width: 50%; -ms-flex-preferred-size: 34%; flex-basis: 34%; } } @media (max-width: 767px) { .section-for { padding: 25px 0; } .section-for .section__nav ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .section-for .section__nav li { margin: 10px 10px 0; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .section-for .section__image { text-align: center; margin-bottom: 10px; } .section-for .section__entry { text-align: center; } } /* ------------------------------------------------------------ *\ Section Features \* ------------------------------------------------------------ */ .section-features { padding: 99px 0; text-align: center; } .section-features .section__head { margin-bottom: 48px; } .section-features .row > div:nth-child(n+5) { margin-top: 50px; } @media (max-width: 767px) { .section-features { padding: 25px 0; } .section-features .row > div:nth-child(n+5) { margin-top: 20px; } .section-features .row > div { margin-top: 20px; } .section-features .section__head { margin-bottom: 25px; } } /* ------------------------------------------------------------ *\ Section Details \* ------------------------------------------------------------ */ .section--details { padding-bottom: 50px; } .section--details .section__head { font-size: 18px; font-weight: 300; color: #5a6469; text-align: center; } .section--details .section__body { padding-left: 10px; } @media (max-width: 767px) { .section--details { padding-bottom: 25px; } } /* ------------------------------------------------------------ *\ Section management system \* ------------------------------------------------------------ */ .section-management-system { text-align: center; font-size: 18px; } .section-management-system p { margin-bottom: 8px; font-weight: 300; } /* ------------------------------------------------------------ *\ Section Partners \* ------------------------------------------------------------ */ .section-partners h6 { font-size: 15px; font-weight: 300; letter-spacing: 2px; text-transform: uppercase; } @media (max-width: 767px){ .section-partners h6 { text-align: center; letter-spacing: 1px; } } /* ------------------------------------------------------------ *\ Service \* ------------------------------------------------------------ */ .service { margin-bottom: 100px; } .service .service__content { padding-top: 52px; border-top: 2px solid #FF5F5F; } .service h3 { margin-bottom: 20px; font-weight: 300;} .service p { font-size: 18px; } .services .service:nth-child(even) .row { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-flow: row-reverse; flex-flow: row-reverse; } .services .service:nth-child(even) .service__image { text-align: right; } .service--less-space-bottom { margin-bottom: 88px; } /* Small Desktop */ @media (max-width: 1200px) { .service { margin-bottom: 75px; } .service p { font-size: 15px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .service { margin-bottom: 50px; } } /* Mobile */ @media (max-width: 767px) { .service { margin-bottom: 30px; } .services .service:nth-child(even) .row { display: block; } .services .service .service__image, .services .service:nth-child(even) .service__image { text-align: center; margin-bottom: 20px; padding: 0 30px; } .services .service .service__content { padding-top: 20px; text-align: center; } } /* ------------------------------------------------------------ *\ Slider \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Slider Featured \* ------------------------------------------------------------ */ .slider-featured { position: relative; } .slider-featured .slick-slide img { margin-left: auto; margin-right: auto; } .slider-featured .slider__arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .slider-featured .slider__prev { left: 50%; margin-left: -600px; } .slider-featured .slider__next { right: 50%; margin-right: -600px; } .slider-featured .slider__slide-image-caption { padding-top: 20px; } /* Small Desktop */ @media (max-width: 1200px) { .slider-featured { padding: 0 15px; } .slider-featured .slider__prev { left: 5px; margin-left: 0; } .slider-featured .slider__next { right: 5px; margin-right: 0; } } /* Mobile */ @media (max-width: 767px) { .slider-featured .slider__arrow svg { height: 30px; width: 16px; } } /* ------------------------------------------------------------ *\ Socials \* ------------------------------------------------------------ */ .socials ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style-type: none; } .socials li + li { margin-left: 20px; } .socials a { display: block; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .socials a:hover { opacity: .8; } /* ------------------------------------------------------------ *\ Tab \* ------------------------------------------------------------ */ .tabs .tabs__head { max-width: 777px; margin: 0 auto; } .tabs .tabs__head p { display: block; margin-top: 51px; padding: 0 28px; } .tabs .tabs__nav { font-size: 15px; font-weight: 600; color: #5a6469; } .tabs .tabs__nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .tabs .tabs__nav li { padding-bottom: 11px; width: 33.33%; border-bottom: 1px solid rgba(90, 100, 105, 0.2); } .tabs .tabs__nav a { text-decoration: none; } .tabs .tabs__nav .highlight { color: #ff5f5f; border-color: #ff5f5f; } .tabs .tabs__body { position: relative; overflow: hidden; padding-top: 51px; } .tabs .tab { position: absolute; bottom: 100%; right: 100%; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s, visibility .3s; -o-transition: opacity .3s, visibility .3s; transition: opacity .3s, visibility .3s; } .tabs .tab.active { position: relative; bottom: auto; right: auto; opacity: 1; visibility: visible; } @media (max-width: 767px) { .tabs .tabs__nav ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; } .tabs .tabs__nav li { width: 100%; } .tabs .tabs__nav li + li { margin-top: 15px; } .tabs .tabs__body { padding-top: 25px; } .tabs .tabs__head { margin-top: 0; } .tabs .tabs__head p { padding: 0; } } /* ------------------------------------------------------------ *\ Tabs features \* ------------------------------------------------------------ */ .tabs--features .tabs__nav li { width: 50%; } .tabs--features .tab > p { display: block; max-width: 710px; margin: 0 auto 51px; } @media (max-width: 767px) { .tabs--features .tabs__nav ul { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .tabs .tabs__nav li + li { margin-top: 0; } } /* ------------------------------------------------------------ *\ Table \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Video \* ------------------------------------------------------------ */ .video { padding-bottom: 56.25%; position: relative; overflow: hidden; } .video iframe, .video .video__inner, .video .video__placeholder { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .video .video__inner { opacity: 0; visibility: hidden; -webkit-transition: opacity .4s ease, visibility .4s ease; -o-transition: opacity .4s ease, visibility .4s ease; transition: opacity .4s ease, visibility .4s ease; z-index: 2; } .video .video__placeholder { background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 1; } .video .play { width: 100px; height: 100px; background: rgba(90,100,105,0.80); border-radius: 50%; position: absolute; left: 50%; top: 50%; z-index: 3; -webkit-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease; cursor: pointer; pointer-events: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .video .play:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 12px 0 12px 17px; border-color: transparent transparent transparent #fff; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 4; opacity: 1; } /* Video Playing */ .video.is-playing .video__inner { opacity: 1; visibility: visible; } .video.is-playing .play { opacity: 0; pointer-events: none; } /* Mobile */ @media (max-width: 767px) { .video .play { width: 50px; height: 50px; } .video .play:after { border-width: 6px 0 6px 8px; } } /* ------------------------------------------------------------ *\ Widget \* ------------------------------------------------------------ */ .widgets { list-style: none outside none; } /* ------------------------------------------------------------ *\ Themes \* ------------------------------------------------------------ */ @-webkit-keyframes wave { 0% { margin-left: 0; } 100% { margin-left: -2671px; } } @keyframes wave { 0% { margin-left: 0; } 100% { margin-left: -2671px; } } .ui-datepicker { background-color: #fff; border: 1px solid #fff; border-radius: 4px; -webkit-box-shadow: 0 0 8px rgba(0,0,0,.2); box-shadow: 0 0 8px rgba(0,0,0,.2); display: none; margin-top: 4px; padding: 10px; width: 240px; } .ui-datepicker a, .ui-datepicker a:hover { text-decoration: none; } .ui-datepicker a:hover, .ui-datepicker td:hover a { color: #FF5F5F; -webkit-transition: color 0.1s ease-in-out; -o-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; } .ui-datepicker .ui-datepicker-header { margin-bottom: 4px; text-align: center; } .ui-datepicker .ui-datepicker-title { font-weight: 700; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { cursor: default; font-family: 'Glyphicons Halflings'; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; height: 20px; line-height: 1; margin-top: 2px; width: 30px; } .ui-datepicker .ui-datepicker-prev { float: left; text-align: left; } .ui-datepicker .ui-datepicker-next { float: right; text-align: right; } .ui-datepicker .ui-datepicker-prev:before { content: "\e079"; } .ui-datepicker .ui-datepicker-next:before { content: "\e080"; } .ui-datepicker .ui-icon { display: none; } .ui-datepicker .ui-datepicker-calendar { table-layout: fixed; width: 100%; } .ui-datepicker .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td { text-align: center; padding: 4px 0; } .ui-datepicker .ui-datepicker-calendar td { border-radius: 4px; -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; } .ui-datepicker .ui-datepicker-calendar td:hover { background-color: #eee; cursor: pointer; } .ui-datepicker .ui-datepicker-calendar td a { text-decoration: none; } .ui-datepicker .ui-datepicker-current-day { background-color: #FF5F5F; } .ui-datepicker .ui-datepicker-current-day a { color: #fff } .ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover { background-color: #fff; cursor: default; } /*# sourceMappingURL=bundle.css.map */