/* ------------------------------------------- Name: Joshu Date: 2021/01/29 Author: http://psdhtml.me --------------------------------------------- */ *, :before, :after { margin: 0; padding: 0; box-sizing: border-box; outline-color: var(--main_color); transform-origin: center center; } html { overflow-y: scroll; overflow-x: hidden; min-height: 100%; margin: 0; font-size: 100.01%; -webkit-tap-highlight-color: transparent; -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; -ms-content-zooming: none; -ms-overflow-style: scrollbar; scroll-behavior: smooth; } body { overflow-x: hidden; width: 100%; min-height: 100%; background: var(--white); font-size: 16px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } @-ms-viewport { width: device-width; } @viewport { width: device-width; } /*! Variables --------- */ :root { --blank: 255, 255, 255; --white: rgba(var(--blank), 1); --black: #000000; --black_100: #453e39; --black_80: #6a6561; --black_60: #8f8b88; --black_40: #b5b2b0; --black_30: #c7c5c4; --black_20: #dad8d7; --black_15: #e3e2e1; --black_10: #edecec; --black_5: #f5f5f5; --black_2: #fbfbfb; --bush: #fed1c7; --gold: #FFA300; --orange: rgba(var(--color_primary), 1); --midnight: #533f8b; --violet: #604C99; --magenta: #A54E82; --wine: #F60D0D; --apricot: #FB6342; --plum: #b21f66; --lime: #65DB09; --pear: #55B609; --apple: #62b600; --sky: #5F9AD9; --honey: #FFB800; --cherry: #F60D0D; --monza: #de0a0d; --main_color: rgba(var(--color_primary), 1); --sand_100: #f5f0ed; --sand_80: #f7f3f1; --sand_60: #f9f6f4; --sand_40: #fbf9f8; --sand_20: #fdfcfb; --sand_dark: #ebe2dc; --sand_med: #EFE7E3; --font_content: 'Red Hat Text', Arial, Helvetica, sans-serif; /* Predefined variables */ --color_primary: 96, 76, 153; --bg_primary: var(--sand_80); --bg_primary_icon: rgba(var(--color_primary), 1); --bg_primary_text: var(--black_100); --bg_primary_input_border: var(--sand_dark); --bg_primary_item_active: var(--sand_med); --bg_secondary: var(--bg_primary); --font_titles: 'Red Hat Display', Arial, Helvetica, sans-serif; --logo-content: "\e908"; --overlay_opacity: .6; } /*! Defaults --------- */ body, textarea, input, select, option, button { color: var(--black_80); font-family: var(--font_content); line-height: 1.5; } li *, dt *, dd *, p *, figure *, th *, td *, legend * { font-size: 1em; } ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 24px; } h1, h2, h3, h4, h5, h6, legend { position: relative; margin: 38px 0 15px; color: var(--black_100); font-weight: 500; font-family: var(--font_content); font-size: 24px; font-weight: 500; line-height: 1.1428571429; } h1 a.text-right > i, h2 a.text-right > i, h3 a.text-right > i, h4 a.text-right > i, h5 a.text-right > i, h6 a.text-right > i { position: absolute; right: 0; top: 3px; color: var(--main_color); font-size: 14px; line-height: 1; } h1, .h1 { font-size: 56px; font-family: var(--font_titles); font-weight: 400; letter-spacing: -.01em; } h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small { display: block; margin: 0 0 26px; font-family: var(--font_content); font-size: 16px; font-weight: 500; line-height: 1.25; text-transform: uppercase; letter-spacing: .1em; } h1 .small i, h2 .small i, h3 .small i, h4 .small i, h5 .small i, h6 .small i { display: inline-block; position: relative; top: .225em; margin-right: 12px; font-size: 1.625em; line-height: 1px; } a { background: none; color: var(--main_color); font-weight: 500; text-decoration: none; cursor: pointer; outline-width: 0; -webkit-text-decoration-skip: objects; } /*---*/ a span { cursor: pointer; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, legend a, .quote-main a, .quote-main q, a.email, a[href*="tel"], .list-main a[href*="tel"], .list-inline a { color: inherit; font-weight: inherit; } .color-primary.module-box .list-main li > .strong, .color-primary.module-box .list-main h1, .color-primary.module-box .list-main h2, .color-primary.module-box .list-main h3, .color-primary.module-box .list-main h4, .color-primary.module-box .list-main h5, .color-primary.module-box .list-main h6, .color-primary.module-box q, .list-main h1 a, .list-main h2 a, .list-main h3 a, .list-main h4 a, .list-main h5 a, .list-main h6 a { color: inherit; } ul, ol, dd, blockquote { padding-left: 25px; } ul { list-style: none; } li { position: relative; } ul li:after { content: ""; display: block; position: absolute; left: -15px; top: 9px; width: 3px; height: 3px; border-radius: 3px; background: var(--black_80); } /*! Mixins --------- */ /* cl:b */ .owl-carousel .owl-stage:after, .owl-carousel .owl-stage-outer:after, form p:after { content: ""; display: block; overflow: hidden; clear: both; } /* fill */ .list-blog h1 span:before, .list-blog h2 span:before, .list-blog h3 span:before, .list-blog h4 span:before, .list-blog h5 span:before, .list-blog h6 span:before, .link-btn.cta-inline:before, .list-main.box a:before, .list-testimonials h1:before, .list-testimonials h2:before, .list-testimonials h3:before, .list-testimonials h4:before, .list-testimonials h5:before, .list-testimonials h6:before, .list-testimonials:before, .list-box li:before, #footer nav > *:before, .list-contact a:after, .list-contact li:before, .list-contact a:before, .list-main li:before, .scheme-progress .prg .bar:before, .scheme-progress .prg, .link-btn:before, .list-main.hr li:before, .list-slider.screen:after, figure.screen:after, .list-blog.compact li:before, #logo a { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; text-align: left; text-indent: -3000em; direction: ltr; } /* wide */ #footer:before, .module-wide > .background, #mobile:before, #top:before { content: ""; display: block; position: absolute; left: 50%; top: 0; bottom: 0; z-index: -1; width: 110vw; margin: 0 0 0 -55vw; } /* icon */ #footer:after, .form-quiz .feedback p[class*="type-"]:before, #top:after, #logo:before, .popup-a .overlay-popup a.back:before, .popup-a .box-inset > .close:before, .popup-a .box-inset > .size-14:first-child > a[data-popup]:before, .popup-a .box-inset > .size-14:first-child > a.close:before { display: block; position: absolute; left: 0; right: 0; top: 50%; margin: -10px 0 0; font-weight: 400; font-family: i; line-height: 20px; text-align: center; text-indent: 0; letter-spacing: normal; } /* z:9 */ .list-main.box a:before, .list-contact a:after, #logo a { z-index: 8; } /* tr:n */ .popup-a .overlay-popup.toggle, .popup-a.shown .box-inset { -webkit-transform: none; transform: none; } /* show */ [data-whatintent="mouse"] .list-contact a:hover:before, .owl-dots button.active:before, [data-whatintent="mouse"] #nav > ul > li > a:hover, #nav > ul > li.active > a, #nav > ul > li.btn > a, [data-whatintent="mouse"] #mobile li a:hover, #mobile li.active > a, #mobile li.btn a, .popup-a.shown, .popup-a.shown .box-inset, .popup-a.shown .box-outer .close, .popup-shown #root:after { visibility: visible; opacity: 1; } /* hide */ #top.scroll-to-fixed-fixed #logo:after, .owl-carousel.owl-loading, .owl-carousel.owl-hidden, .owl-carousel.owl-refresh .owl-item, .owl-carousel .owl-item .owl-lazy { visibility: hidden; opacity: 0; } /* i:bg */ #root .module-wide > .background img { display: block; width: 100% !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } /* cu:d */ #root .check.box input[type="radio"]:checked ~ label, .owl-dots button.active, .active > *, [disabled], .disabled { cursor: default; } /* td:n */ #root .list-main.box a, #root .list-contact a, [data-whatintent="mouse"] .check.color-primary a:hover { text-decoration: none; } /* td:u */ .check.color-primary a, [data-whatintent="mouse"] a:hover { text-decoration: underline; } /*! Layout --------- */ #root { position: relative; width: 100%; min-height: 100vh; padding-top: 120px; } #top { position: absolute; left: 50% !important; top: .1px; z-index: 999; width: 960px; height: 120px; margin-left: -480px !important; color: var(--white); } #top:before { background: var(--main_color); } #logo { position: absolute; left: 0; top: 0; bottom: 0; width: 285px; margin: 0; } #logo:before { content: var(--logo-content); right: auto; height: 40px; margin-top: -20px; background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDEzMy4xIDQwIiB3aWR0aD0iMTMzLjEiIGhlaWdodD0iNDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZT4uc3Qwe2ZpbGw6I2ZmZn08L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wIDMyLjYgMTUuNSA0MCAzMSAzMi42VjBIMHYzMi42ek0zLjEgMy4xSDI4djI3LjZsLTEyLjQgNS45LTEyLjUtNS45VjMuMXoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTguMSAyMC4yaC0yLjZWMzVsMi42LTEuM3pNMjIuMyAxMi40aC0yLjZWMzNsMi42LTEuMnpNMjYuNCA0LjdoLTIuNlYzMWwyLjYtMS4yek00Ny42IDExLjdoNy42djEwLjJjMCA0LTIuNCA2LjYtNi4xIDYuNi0zLjggMC02LjEtMi4zLTYuMS02LjRoLTMuOWMwIDYuMiAzLjkgMTAuMSAxMCAxMC4xIDYgMCAxMC4xLTQgMTAuMS0xMC4xVjhINDcuNnYzLjd6TTcwLjYgMTQuNmMtNS40IDAtOC45IDMuNy04LjkgOC43czMuNSA4LjcgOC45IDguNyA4LjktMy43IDguOS04LjctMy41LTguNy04LjktOC43em0wIDE0Yy0zLjEgMC01LjEtMi40LTUuMS01LjNzMi01LjMgNS4xLTUuMyA1LjEgMi40IDUuMSA1LjMtMiA1LjMtNS4xIDUuM3pNNjUuNyA5LjdoOS44djIuOWgtOS44ek04OC43IDIxLjZjLTIuNC0uMy0zLjQtLjgtMy40LTEuOSAwLTEuMiAxLjMtMS45IDMuNy0xLjkgMS43IDAgMy4zLjUgNC44IDEuNGwxLjctMi43Yy0xLjktMS4zLTQuMS0xLjktNi42LTEuOS00LjMgMC03LjIgMi4xLTcuMiA1LjEgMCAyLjkgMi41IDQuNyA2LjggNS4xIDIuNi4zIDMuNi44IDMuNiAycy0xLjIgMS45LTMuMyAxLjljLTIuMiAwLTQuNC0uNy01LjktMS45bC0xLjggMi43YzIuMiAxLjcgNC43IDIuNSA3LjUgMi41IDQuMyAwIDcuMi0yLjEgNy4yLTUuMnMtMi4yLTQuNy03LjEtNS4yek0xMDcuMyAxNC42Yy0yLjIgMC00IC44LTUuNCAyLjNWOGgtMy44djIzLjZoMy44di04LjhjMC0yLjggMS45LTQuOCA0LjctNC44IDIuNSAwIDQgMS43IDQgNC42djloMy44di05LjJjLjEtNC43LTIuNy03LjgtNy4xLTcuOHpNMTI5LjMgMTV2OC44YzAgMi44LTEuOSA0LjgtNC42IDQuOC0yLjQgMC0zLjktMS43LTMuOS00LjZ2LTlIMTE3djkuMmMwIDQuOCAyLjggNy44IDcgNy44IDIuMyAwIDQuMy0uOCA1LjctMi41djIuMmgzLjRWMTVoLTMuOHoiLz48L3N2Zz4=) center center no-repeat; background-size: 100% 100%; color: rgba(0,0,0,0); font-size: 40px; line-height: 40px; } /*#logo:after { content: "\e98a"; left: auto; padding-top: 3px; font-size: 17px; opacity: .5; }*/ #logo, #logo:before, #logo:after { -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } #skip { position: fixed; top: 0; left: 0; right: 0; z-index: 10001; line-height: 1.5; } #skip ul { list-style: none; margin: 0; padding: 0; } #skip a { display: block; position: absolute; left: -3000em; top: 0; min-width: 200px; padding: 8px 16px; background: var(--azure); color: var(--white); font-weight: 700; text-align: center; text-decoration: none; white-space: nowrap; outline: none; } #skip a:focus, #skip a:active { left: 0; } #nav { position: absolute; right: 0; top: 0; bottom: 0; font-family: var(--font_titles); } #nav > ul { list-style: none; margin: 0; padding: 0; } #nav > ul > li { display: block; margin: 0 0 0 24px; padding: 0; border-radius: 0; border-width: 0; font-size: 16px; } #nav > ul > li > a, #mobile li a { display: block; height: 40px; color: inherit; font-weight: 700; line-height: 40px; text-decoration: none; opacity: .6; } #nav > ul > li.btn { margin-left: 32px; } #nav > ul > li.btn > a, #mobile ul li.btn > a { padding: 0 16px; border-radius: 2px; background: var(--white); color: var(--main_color); } #top.scroll-to-fixed-fixed { height: 64px; } #top.scroll-to-fixed-fixed:before { background: var(--main_color); } #top.scroll-to-fixed-fixed #logo { width: 190px; } #top.scroll-to-fixed-fixed #logo:before { font-size: 32px; } #content { position: relative; z-index: 3; width: 100%; max-width: 798px; margin: 0 auto; padding-top: 80px; } #content > .module-wide:first-child { margin-top: -40px; padding-top: 0; } #content > .module-wide:first-child:before { top: -160px; } #content > .module-wide:first-child > .background { top: -40px; } html:not(.theme-overlay) #content > *:last-child { margin-bottom: 112px; } #content > .quote-main:last-child { margin-bottom: 0; } #footer { position: relative; z-index: 2; width: 100%; max-width: 798px; margin: 0 auto; padding: 82px 0 116px; color: var(--white); --apricot: var(--white); } #footer:before { background: var(--main_color); } #footer:after { content: "\e908"; right: auto; top: 82px; margin: -9px 0 0; font-size: 40px; line-height: 40px; } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { margin: 0 0 10px; color: inherit; font-weight: 500; font-size: 16px; } #footer a { color: inherit; } #footer nav ul:not(.list-social) a { opacity: .6; } #footer nav { margin-left: -40px; } #footer nav li { margin-bottom: 8px; } #footer nav > .list-social { width: calc(100% + 14px); } #footer nav > * { position: relative; z-index: 2; width: 25%; border-left: 40px solid rgba(0,0,0,0); } #footer nav > *:not(.list-social) { margin-bottom: 56px; padding-top: 13px; } #footer nav > *:not(.list-social):before { border-top: 1px solid var(--white); opacity: .4; } #footer ul { list-style: none; padding: 0; } #root #footer .list-social { margin-right: -14px; margin-bottom: 42px; } #root #footer .list-social li { margin-right: 14px; } #footer .list-social i { font-size: 22px; line-height: 22px; } #footer .list-social i.icon-twitter { font-size: 16px; } #footer .list-social i.icon-medium { font-size: 12px; } #shadow { visibility: hidden; position: fixed; left: 0; top: 0; z-index: 99; width: 100%; height: 100%; background: rgba(0,0,0,.4); text-align: left; text-indent: -3000em; opacity: 0; cursor: pointer; } .theme-overlay body, .theme-overlay #root { background: var(--main_color); } .theme-overlay, .theme-overlay .list-main p { color: rgba(var(--blank), .6); } .theme-overlay:before { background: var(--main_color); } .theme-overlay h1, .theme-overlay h2, .theme-overlay h3, .theme-overlay h4, .theme-overlay h5, .theme-overlay h6, .theme-overlay a, [data-whatintent="mouse"].theme-overlay a:hover, .theme-overlay .list-main li > i, .theme-overlay .list-main h1 i, .theme-overlay .list-main h2 i, .theme-overlay .list-main h3 i, .theme-overlay .list-main h4 i, .theme-overlay .list-main h5 i, .theme-overlay .list-main h6 i, .theme-overlay .list-main, .theme-overlay .list-main h1, .theme-overlay .list-main h2, .theme-overlay .list-main h3, .theme-overlay .list-main h4, .theme-overlay .list-main h5, .theme-overlay .list-main h6 { color: var(--white); } .theme-overlay a, [data-whatintent="mouse"].theme-overlay a:hover { color: inherit; } .theme-overlay .link-btn a, [data-whatintent="mouse"] .theme-overlay .link-btn a:hover { border-color: var(--white); background-color: var(--white); color: var(--main_color); } .theme-overlay .lead { color: rgba(var(--blank), .6); } .theme-overlay .lead + .list-main.triple li:before { border-color: rgba(var(--blank), .6); } .theme-overlay .lead + .list-main i { color: rgba(var(--blank), .6); } /*! Columns --------- */ .cols { display: block; position: relative; margin-left: -12px; } .cols > * { display: block; position: relative; clear: none; float: right; border: 0 solid rgba(0,0,0,0); border-left-width: 12px; } .cols > *:first-child { float: left; } .cols > .c100 { width: 100%; } .cols > .c66 { width: 66.666666666666%; } .cols > .c50 { width: 50%; } .cols > .c33 { width: 33.333333333333%; } .cols > .c25 { width: 25%; } .cols > .c20 { width: 20%; } .cols > .c16 { width: 16.666666666666%; } .cols.b80 { margin-left: -80px; } .cols.b80 > * { border-left-width: 80px; } /*! Modules --------- */ /*.fancybox-container {}*/ .fancybox-container .fancybox-bg { background: var(--sand_100); } .fancybox-container.fancybox-is-open .fancybox-bg, .fancybox-container .fancybox-toolbar { visibility: visible; opacity: 1; } .fancybox-container .fancybox-slide--image { padding: 38px; } .fancybox-container .fancybox-slide--video { padding: 0; } .fancybox-container .fancybox-slide--video .fancybox-content { width: 100% !important; height: 100% !important; } .fancybox-container .fancybox-button, .fancybox-container .fancybox-button.fancybox-button--close * { display: none !important; } .fancybox-container .fancybox-button.fancybox-button--close { display: block !important; width: 120px; height: 120px; margin: 0; padding: 0; border-width: 0; background: none; color: var(--main_color); opacity: 1; } .fancybox-container .fancybox-button.fancybox-button--close:before { content: "\e91b"; display: block; position: absolute; left: 0; right: 0; top: 50%; margin: -13px 0 0; font-weight: 400; font-family: i; font-size: 26px; line-height: 26px; text-align: center; text-indent: 0; letter-spacing: normal; } .fancybox-container.vid .fancybox-button.fancybox-button--close { color: var(--white); } .fancybox-container .fancybox-toolbar { left: 0; right: auto; } .module-article { margin-bottom: 118px; color: var(--black_100); } .module-article h1, .module-article h2, .module-article h3, .module-article h4, .module-article h5, .module-article h6 { margin: 40px 0 24px; font-family: var(--font_content); font-size: 16px; font-weight: 500; line-height: 1.5; text-transform: uppercase; } .module-article header { margin-bottom: 40px; } .module-article header h1, .module-article header h2, .module-article header h3, .module-article header h4, .module-article header h5, .module-article header h6 { margin-bottom: 15px; color: var(--main_color); font-size: 56px; font-family: var(--font_titles); font-weight: 400; line-height: 1.1428571429; text-transform: none; letter-spacing: -.01em; } .module-aside { position: relative; z-index: 2; margin: 0 0 34px -40px; color: var(--black_80); } .module-aside:before { content: ""; display: block; position: absolute; left: 50%; top: 0; bottom: 0; z-index: -1; width: 110vw; margin: 0 0 0 -55vw; } .module-aside > * { float: right; width: 50%; border-left: 40px solid rgba(0,0,0,0); } .module-aside > *:first-child { float: left; } /*.module-aside > header:first-child {}*/ .module-aside > header:first-child h1, .module-aside > header:first-child h2, .module-aside > header:first-child h3, .module-aside > header:first-child h4, .module-aside > header:first-child h5, .module-aside > header:first-child h6 { margin: 0; color: var(--main_color); font-weight: 400; font-size: 56px; font-family: var(--font_titles); letter-spacing: -.01em; } .module-aside > header:first-child > *:last-child { margin-bottom: auto; } .module-aside > header:first-child > figure:first-child { margin: auto 0 46px; } .module-aside > footer { float: none; width: 100%; margin-top: 34px; } .module-aside > footer h1, .module-aside > footer h2, .module-aside > footer h3, .module-aside > footer h4, .module-aside > footer h5, .module-aside > footer h6 { font-family: var(--font_titles); font-weight: 700; font-size: 10px; text-align: center; text-transform: uppercase; letter-spacing: .1em; } .module-aside:after { content: ""; display: block; overflow: hidden; clear: both; } /*.module-aside .list-main {}*/ .module-aside .list-main li { width: 100%; } .module-aside .list-main + .link-btn { margin-top: -14px; } /*.module-aside.color-gold {}*/ .module-aside.color-gold .list-main i, .module-aside.color-gold > header:first-child h1, .module-aside.color-gold > header:first-child h2, .module-aside.color-gold > header:first-child h3, .module-aside.color-gold > header:first-child h4, .module-aside.color-gold > header:first-child h5, .module-aside.color-gold > header:first-child h6 { color: var(--gold); } .module-aside.color-gold .link-btn a, .module-aside.color-gold .owl-dots button:before { border-color: var(--gold); background: var(--gold); } /*.module-aside.color-apricot {}*/ .module-aside.color-apricot .list-main i, .module-aside.color-apricot > header:first-child h1, .module-aside.color-apricot > header:first-child h2, .module-aside.color-apricot > header:first-child h3, .module-aside.color-apricot > header:first-child h4, .module-aside.color-apricot > header:first-child h5, .module-aside.color-apricot > header:first-child h6 { color: var(--apricot); } .module-aside.color-apricot .link-btn a, .module-aside.color-apricot .owl-dots button:before { border-color: var(--apricot); background: var(--apricot); } .module-aside.inv, .module-aside.color-primary { margin-bottom: 80px; padding-top: 80px; padding-bottom: 28px; } .module-aside.inv:before { background: var(--sand_40); } .module-aside.color-primary, .module-aside.color-primary .list-main { color: rgba(var(--blank), .6); } .module-aside.color-primary h1, .module-aside.color-primary h2, .module-aside.color-primary h3, .module-aside.color-primary h4, .module-aside.color-primary h5, .module-aside.color-primary h6, .module-aside.color-primary > header:first-child h1, .module-aside.color-primary > header:first-child h2, .module-aside.color-primary > header:first-child h3, .module-aside.color-primary > header:first-child h4, .module-aside.color-primary > header:first-child h5, .module-aside.color-primary > header:first-child h6, .module-aside.color-primary .list-main h1, .module-aside.color-primary .list-main h2, .module-aside.color-primary .list-main h3, .module-aside.color-primary .list-main h4, .module-aside.color-primary .list-main h5, .module-aside.color-primary .list-main h6, .module-aside.color-primary .list-main i { color: var(--white); } .module-aside.color-primary:before { background: var(--main_color); } #root .module-aside.color-primary .link-btn a, .module-aside.color-primary .owl-dots button:before { border-color: var(--white); background: var(--white); color: var(--main_color); } .module-blog-post { margin-bottom: 74px; } .module-blog-post h1, .module-blog-post h2, .module-blog-post h3, .module-blog-post h4, .module-blog-post h5, .module-blog-post h6 { margin: 32px 0 10px; font-size: 18px; } .module-blog-post figure + h1, .module-blog-post figure + h2, .module-blog-post figure + h3, .module-blog-post figure + h4, .module-blog-post figure + h5, .module-blog-post figure + h6 { margin-top: 82px; } .module-blog-post header { margin-bottom: 30px; } .module-blog-post header h1, .module-blog-post header h2, .module-blog-post header h3, .module-blog-post header h4, .module-blog-post header h5, .module-blog-post header h6 { margin-bottom: 12px; font-size: 64px; font-weight: 400; } .module-blog-post header .list-inline img { max-width: 40px !important; } .module-blog-post header .list-inline i { display: block; width: 40px; height: 40px; margin-right: 16px; border-radius: 40px; background: var(--main_color); color: var(--white); font-size: 20px; line-height: 40px; text-align: center; } .module-blog-post footer { margin-top: 36px; font-size: 14px; } .module-box { position: relative; z-index: 2; margin: 64px 0; padding: 25px 80px .1px; } .module-box:before { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; border-radius: 4px; background: var(--sand_20); text-align: left; text-indent: -3000em; direction: ltr; } .module-box > h1:first-child, .module-box > h2:first-child, .module-box > h3:first-child, .module-box > h4:first-child, .module-box > h5:first-child, .module-box > h6:first-child, .module-box > header:first-child > h1:first-child, .module-box > header:first-child > h2:first-child, .module-box > header:first-child > h3:first-child, .module-box > header:first-child > h4:first-child, .module-box > header:first-child > h5:first-child, .module-box > header:first-child > h6:first-child { margin: 0; font-weight: 400; color: var(--main_color); font-size: 32px; line-height: 1.1875; } .module-box > .size-48:first-child { margin-top: 13px; margin-bottom: 10px; font-size: 48px; } .cols + .module-box { margin-top: 6px; } .list-main + .module-box { margin-top: -30px; } .module-box + .module-wide { margin-top: 80px; } .module-box > .list-main:last-child, .module-box > .list-main.last-child { margin-bottom: 15px; } .module-box + .link-btn.cta { margin-top: -56px; } .module-box + .module-box, .module-box + .list-testimonials[class*="color-"] { margin-top: -56px; } .module-box.cols { padding-left: 0; padding-right: 0; } .module-box.cols > * { width: 50%; padding: 0 25px; border-left-width: 0; } .module-box.cols > *:first-child { padding-right: 20px; } .module-box.cols > *:last-child { padding-left: 20px; } .module-box[class*="color-"], .module-box[class*="color-"] .list-main, .list-testimonials[class*="color-"] { color: rgba(255,255,255,.8); } .module-box[class*="color-"] h1, .module-box[class*="color-"] h2, .module-box[class*="color-"] h3, .module-box[class*="color-"] h4, .module-box[class*="color-"] h5, .module-box[class*="color-"] h6, .module-box[class*="color-"] .strong, .module-box[class*="color-"] .list-main i, .module-box[class*="color-"] q, .list-testimonials[class*="color-"] h1, .list-testimonials[class*="color-"] h2, .list-testimonials[class*="color-"] h3, .list-testimonials[class*="color-"] h4, .list-testimonials[class*="color-"] h5, .list-testimonials[class*="color-"] h6, .list-testimonials[class*="color-"] q, .list-testimonials[class*="color-"] span.strong, .list-testimonials[data-color*="color-"] h1, .list-testimonials[data-color*="color-"] h2, .list-testimonials[data-color*="color-"] h3, .list-testimonials[data-color*="color-"] h4, .list-testimonials[data-color*="color-"] h5, .list-testimonials[data-color*="color-"] h6, .list-testimonials[data-color*="color-"] span.strong { color: var(--white); } .module-box[class*="color-"]:before, .list-testimonials[class*="color-"]:before, .list-testimonials[data-color*="color-"]:before { border-radius: 4px; background: var(--main_color); } .module-box[class*="color-"] .owl-dots button:before, .list-testimonials[class*="color-"] .owl-dots button:before, .list-testimonials[data-color*="color-"] .owl-dots button:before { background: var(--main_color); --main_color: var(--white); } .list-testimonials[class*="color-"] hx .small, .list-testimonials[data-color*="color-"] h1 .small, .list-testimonials[data-color*="color-"] h2 .small, .list-testimonials[data-color*="color-"] h3 .small, .list-testimonials[data-color*="color-"] h4 .small, .list-testimonials[data-color*="color-"] h5 .small, .list-testimonials[data-color*="color-"] h6 .small { opacity: var(--overlay_opacity); } .module-box.color-primary, .list-testimonials.color-primary, #root .list-testimonials[data-color*="color-primary"] { --main_color: rgba(var(--color_primary), 1); --black: var(--white); } .module-box.color-gold, .list-testimonials.color-gold, .list-testimonials[data-color*="color-gold"] { --main_color: var(--gold); --black: var(--white); } .module-box.color-plum, .list-testimonials.color-plum, .list-testimonials[data-color*="color-plum"] { --main_color: var(--plum); --black: var(--white); } .module-box.color-apricot, .list-testimonials.color-apricot, .list-testimonials[data-color*="color-apricot"] { --main_color: var(--apricot); --black: var(--white); } .module-box.color-sky, .list-testimonials.color-sky, .list-testimonials[data-color*="color-sky"] { --main_color: var(--sky); --black: var(--white); } .module-offset { padding-left: 205px; } .module-offset > figure:first-child, .module-team > figure:first-child { float: left; width: 181px; margin-left: -205px; font-size: 12px; line-height: 1.3333333333; text-align: center; } .module-team:after, .module-offset:after, .module-offset > figure:first-child:after, .module-team > figure:first-child:after { content: " "; display: block; overflow: hidden; clear: both; width: 100%; height: 1px; } .module-offset .module-team { margin-left: -205px; } .module-offset .module-team > figure:first-child + h1, .module-offset .module-team > figure:first-child + h2, .module-offset .module-team > figure:first-child + h3, .module-offset .module-team > figure:first-child + h4, .module-offset .module-team > figure:first-child + h5, .module-offset .module-team > figure:first-child + h6, .module-team > figure:first-child + h1, .module-team > figure:first-child + h2, .module-team > figure:first-child + h3, .module-team > figure:first-child + h4, .module-team > figure:first-child + h5, .module-team > figure:first-child + h6 { top: -3px; } h1 + .module-offset, h2 + .module-offset, h3 + .module-offset, h4 + .module-offset, h5 + .module-offset, h6 + .module-offset, h1 + .module-team, h2 + .module-team, h3 + .module-team, h4 + .module-team, h5 + .module-team, h6 + .module-team { margin-top: 38px; } .module-success { color: var(--black_60); text-align: center; } .module-success h1, .module-success h2, .module-success h3, .module-success h4, .module-success h5, .module-success h6 { margin-bottom: 8px; font-size: 24px; font-weight: 500; } .module-success h1 i, .module-success h2 i, .module-success h3 i, .module-success h4 i, .module-success h5 i, .module-success h6 i { display: block; margin-bottom: 20px; color: var(--main_color); font-size: 26px; /*width: 240px; height: 240px; margin: 0 auto 26px; border-radius: 240px; background: var(--main_color); color: var(--white); font-size: 80px; line-height: 240px; text-align: center;*/ } #content.align-center > .module-success { margin-top: auto; } /*.module-tabs {}*/ .module-tabs > nav { margin-bottom: 32px; padding-bottom: 10px; border-bottom: 1px solid var(--black_10); font-size: 24px; } .module-tabs > nav ul { list-style: none; margin: 0 -32px 0 0; padding: 0; } .module-tabs > nav ul li { margin-right: 32px; } .module-tabs > nav ul li:after, .module-tabs .tabs-header { display: none; } .module-tabs > nav ul a { opacity: .4; font-weight: 500; } .module-tabs > nav ul li.active a { opacity: 1; pointer-events: none; cursor: default; } .module-team { margin: 0 0 20px; padding-left: 205px; } .module-team h1, .module-team h2, .module-team h3, .module-team h4, .module-team h5, .module-team h6 { position: relative; margin: 0 0 4px; color: var(--black_80); font-family: var(--font_content);font-weight: 500; font-size: 16px; line-height: 1.3333333333; } .module-team > h1:first-child, .module-team > h2:first-child, .module-team > h3:first-child, .module-team > h4:first-child, .module-team > h5:first-child, .module-team > h6:first-child, .module-team > figure:first-child + h1, .module-team > figure:first-child + h2, .module-team > figure:first-child + h3, .module-team > figure:first-child + h4, .module-team > figure:first-child + h5, .module-team > figure:first-child + h6 { margin-bottom: 10px; color: var(--main_color); font-family: var(--font_titles); font-size: 24px; line-height: 1.3333333333; } .module-team .list-social { margin: -2px -16px 10px 0; } #root .module-team .list-social li { margin-right: 16px; } #root .module-team .list-social i { font-size: 16px; } .module-team p a { box-shadow: inset 0 -1px 0 var(--black_80); color: inherit; font-weight: 400; } [data-whatintent="mouse"] .module-team p a:hover { box-shadow: none; color: inherit; text-decoration: none; } .module-team .link-strong { margin-top: -11px; } .module-team .link-strong a { padding-top: 0; box-shadow: none; color: var(--main_color); font-weight: 500; } [data-whatintent="mouse"] .module-team .link-strong a:hover { text-decoration: underline; } .module-team .link-strong:first-child, .module-team .list-social:first-child { margin-top: 0; } .module-team + .module-team { margin-top: -5px; } .module-wide { position: relative; z-index: 3; margin: 56px 0 80px; padding: 80px 0 56px; } .module-wide:before, .module-wide > .list-slider:last-child:before, .module-wide > figure:before { content: ""; display: block; position: absolute; left: 50%; top: 0; bottom: 0; z-index: -2; width: 100vw; margin: 0 0 0 -50vw; background: var(--sand_40); } .module-wide > .list-slider:last-child:before, .module-wide > figure:before { z-index: -2; } .module-wide h1, .module-wide h2, .module-wide h3, .module-wide h4, .module-wide h5, .module-wide h6 { color: var(--main_color); } .module-wide h1 + .link-btn, .module-wide h2 + .link-btn, .module-wide h3 + .link-btn, .module-wide h4 + .link-btn, .module-wide h5 + .link-btn, .module-wide h6 + .link-btn { margin-top: 40px; } .module-wide > .list-main:last-child { margin-bottom: -17px; } .module-wide > .list-main.hr:last-child { margin-bottom: -37px; } .module-wide > .list-inline-sticky:last-child, .module-wide > .list-inline-sticky + .spacer:last-child { /*display: block !important;*/ margin-bottom: -56px; } .module-wide > .list-inline-sticky + .spacer:last-child { display: block !important; } .module-wide > .list-inline-sticky[style*="relative"]:last-child, .module-wide > .list-inline-sticky[style*="relative"] + .spacer:last-child { height: 0 !important; } .module-wide > .list-slider:last-child, .module-wide > figure:last-child { margin-bottom: -90px; } .module-wide > .list-slider:last-child:before, .module-wide > figure:last-child:before { top: auto; height: 100%; max-height: 196px; background: var(--white); } .module-wide > .list-slider .owl-dots { position: absolute; left: 0; right: 0; top: 100%; } .module-wide > .list-blog:last-child { margin-bottom: -13px; } .module-wide:first-child { margin-top: 0; } .module-wide figure { position: relative; z-index: 2; } .module-wide > figure { position: relative; margin: 40px 0; } .module-wide > figure:last-child > figcaption { display: block; position: absolute; left: 0; right: 0; top: 100%; margin-top: 12px; } .module-wide > figure.screen:last-child > figcaption { margin-top: -6px; } .module-wide > figure:first-child { margin-top: 0; } .module-wide h1 + figure, .module-wide h2 + figure, .module-wide h3 + figure, .module-wide h4 + figure, .module-wide h5 + figure, .module-wide h6 + figure, .module-wide h1 + .list-slider, .module-wide h2 + .list-slider, .module-wide h3 + .list-slider, .module-wide h4 + .list-slider, .module-wide h5 + .list-slider, .module-wide h6 + .list-slider { margin-top: 50px; } #root .module-wide > .background { margin: 0; margin: 0 0 0 -50vw; } #root .module-wide > .background:before { display: none; } #root .module-wide > .background img { box-shadow: none; background: none; } #root .module-wide > .background.aside { left: calc(50% + 40px); right: -70px; width: auto; margin: 0; } #root .module-wide > .background.aside img { -o-object-fit: contain; object-fit: contain; } .module-wide > .size-10:first-child { margin-top: -32px; } .module-wide > .link-btn:last-child { margin-bottom: 7px; } .module-wide + .module-wide, .module-wide + .quote-main, .quote-main + .quote-main, .quote-main + .module-wide, .module-aside.inv + .module-wide, .module-aside.color-primary + .module-wide, .module-wide + .module-aside.inv, .module-wide + .module-aside.color-primary, .module-aside.inv + .quote-main, .module-aside.color-primary + .quote-main, .quote-main + .module-aside.inv, .quote-main + .module-aside.color-primary { margin-top: -80px; } .link-btn + .module-wide, .link-btn + .quote-main { margin-top: 70px; } .module-wide + .quote-main { margin-top: auto; } .module-wide.color-primary, .module-wide.color-primary .list-main p { color: rgba(var(--blank), .6); } .module-wide.color-primary:before { background: var(--main_color); } .module-wide.color-primary h1, .module-wide.color-primary h2, .module-wide.color-primary h3, .module-wide.color-primary h4, .module-wide.color-primary h5, .module-wide.color-primary h6, .module-wide.color-primary a, [data-whatintent="mouse"] .module-wide.color-primary a:hover, .module-wide.color-primary .list-main li > i, .module-wide.color-primary .list-main h1 i, .module-wide.color-primary .list-main h2 i, .module-wide.color-primary .list-main h3 i, .module-wide.color-primary .list-main h4 i, .module-wide.color-primary .list-main h5 i, .module-wide.color-primary .list-main h6 i, .module-wide.color-primary .list-main { color: var(--white); } .module-wide.color-primary .link-btn a, [data-whatintent="mouse"] .module-wide.color-primary .link-btn a:hover { border-color: var(--white); background-color: var(--white); color: var(--main_color); } .module-wide.color-primary .lead + .list-main.triple li:before { border-color: rgba(var(--blank), .6); } .module-wide.color-primary .lead + .list-main i { color: rgba(var(--blank), .6); } .module-wide.color-midnight { color: rgba(var(--blank), .6); } .module-wide.color-midnight:before { background: var(--midnight); } .module-wide.color-midnight h1, .module-wide.color-midnight h2, .module-wide.color-midnight h3, .module-wide.color-midnight h4, .module-wide.color-midnight h5, .module-wide.color-midnight h6, .module-wide.color-midnight a, [data-whatintent="mouse"] .module-wide.color-midnight a:hover, .module-wide.color-midnight .list-main li > i, .module-wide.color-midnight .list-main h1 i, .module-wide.color-midnight .list-main h2 i, .module-wide.color-midnight .list-main h3 i, .module-wide.color-midnight .list-main h4 i, .module-wide.color-midnight .list-main h5 i, .module-wide.color-midnight .list-main h6 i, .module-wide.color-midnight .list-main { color: var(--white); } .module-wide.color-midnight .link-btn a, [data-whatintent="mouse"] .module-wide.color-midnight .link-btn a:hover { border-color: var(--white); background-color: var(--white); color: var(--midnight); } .module-wide.color-midnight .owl-dots button:before { background: rgba(var(--blank), .15); opacity: 1; } .module-wide.color-midnight .owl-dots button.active:before { background: var(--white); } @media only screen and (min-width: 1001px) { /* 1000 */ .module-wide.offset { margin-left: -81px; margin-right: -81px; } } /*.module-wide.text-center {}*/ .module-wide.text-center h1, .module-wide.text-center h2, .module-wide.text-center h3, .module-wide.text-center h4, .module-wide.text-center h5, .module-wide.text-center h6 { margin-left: -81px; margin-right: -81px; } .module-wide.text-center > figure { background: none; } .module-wide.text-center > figure img { box-shadow: none; border-radius: 0; background: none; } .module-wide.text-center > figure:last-child { margin-bottom: -23px; } .module-wide.text-center > figure:before { display: none; } .module-wide.text-center h1 + figure, .module-wide.text-center h2 + figure, .module-wide.text-center h3 + figure, .module-wide.text-center h4 + figure, .module-wide.text-center h5 + figure, .module-wide.text-center h6 + figure { margin-top: 0; } .owl-carousel { position: absolute; left: -3000em; top: 0; } .owl-carousel { -webkit-tap-highlight-color: transparent; } .owl-carousel .owl-stage { position: relative; } .owl-carousel .owl-stage { -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage-outer { overflow: hidden; position: relative; } .owl-carousel .owl-stage-outer { -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transform-style: preserve-3d; } .owl-carousel .owl-item { position: relative; float: left; } .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel.owl-loading, .owl-carousel.owl-loaded { position: relative; left: 0; top: 0; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item { -ms-touch-action: auto; touch-action: auto; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .fadeOut { -webkit-animation-name: fade; animation-name: fade; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: var(--black); } .owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { height: 100%; background: center center no-repeat; background-size: contain; opacity: 0; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } .owl-nav button, .owl-dots button { display: block; min-width: 0; width: auto; height: auto; margin: 0; padding: 0; box-shadow: none; border-radius: 0; border: 0; text-indent: -3000em; text-align: left; } /*.owl-nav button {}*/ .owl-nav button.owl-prev { left: 0; } .owl-nav button.owl-next { right: 0; } .owl-dots { clear: both; padding-top: 12px; } .owl-dots button { width: 16px; height: 16px; background: none; } .owl-dots button:before { content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; border-radius: 4px; background: var(--main_color); opacity: .15; } .popup-a { overflow-y: auto; overflow-x: hidden; visibility: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1001; color: var(--black_60); font-size: 14px; line-height: 1.2857142857; } .popup-a .box-outer { position: absolute; left: 0; top: 0; right: 0; z-index: 2; min-height: 100%; padding: 24px; } .popup-a .box-outer > .close, #root:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; visibility: hidden; z-index: 997; text-indent: -3000em; cursor: pointer; opacity: 0; } #root:after { position: fixed; z-index: 1000; background: rgba(0,0,0,.4); } .popup-a .box-inner { position: relative; z-index: 998; width: 100%; max-width: 560px; margin: 0; } .popup-a .box-inset { visibility: hidden; padding: 40px 40px 18px; box-shadow: 0 0 24px rgba(0,0,0,.1); border-radius: 4px; background: var(--black_2); opacity: 0; } .popup-a .box-inset > .close, .popup-a .box-inset > .back { display: block; overflow: hidden; position: absolute; right: 40px; top: 40px; z-index: 89881; width: 24px; height: 24px; color: var(--main_color); font-size: 16px; text-indent: -3000em; text-align: left; text-decoration: none; text-shadow: none; opacity: 1; } .popup-a .box-inset > .back { z-index: 9; } .popup-a .box-inset > .close:before { content: "\e91b"; left: 2px; bottom: 4px; top: auto; margin: 0; line-height: 16px; text-align: left; } .popup-a .box-inset [data-step="2"].hidden ~ .back { display: none; } .popup-a .overlay-popup { display: block; visibility: hidden; overflow-x: hidden; overflow-y: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999 !important; padding: 79px 40px 18px; background: var(--white); color: var(--black_100); opacity: 0; } .popup-a .overlay-popup { -webkit-transform: translateX(5%); transform: translateX(5%); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .popup-a .overlay-popup h1, .popup-a .overlay-popup h2, .popup-a .overlay-popup h3, .popup-a .overlay-popup h4, .popup-a .overlay-popup h5, .popup-a .overlay-popup h6 { margin-top: 24px; margin-bottom: 8px; color: var(--black_40); font-family: var(--font_content); font-weight: 400; font-size: 14px; } .popup-a .overlay-popup > h1:first-child, .popup-a .overlay-popup > h2:first-child, .popup-a .overlay-popup > h3:first-child, .popup-a .overlay-popup > h4:first-child, .popup-a .overlay-popup > h5:first-child, .popup-a .overlay-popup > h6:first-child, .popup-a .overlay-popup .back + h1, .popup-a .overlay-popup .back + h2, .popup-a .overlay-popup .back + h3, .popup-a .overlay-popup .back + h4, .popup-a .overlay-popup .back + h5, .popup-a .overlay-popup .back + h6 { margin: 0 0 12px; color: var(--black_100); font-weight: 700; font-family: var(--font_titles); font-size: 16px; } .popup-a .overlay-popup .cols h1, .popup-a .overlay-popup .cols h2, .popup-a .overlay-popup .cols h3, .popup-a .overlay-popup .cols h4, .popup-a .overlay-popup .cols h5, .popup-a .overlay-popup .cols h6 { margin-bottom: 12px; color: var(--black_100); font-weight: 500; font-size: 12px; } .popup-a .overlay-popup .cols { margin-top: 26px; margin-bottom: 4px; } .popup-a .overlay-popup a.back { display: block; position: relative; margin: -40px 0 23px; padding-left: 14px; font-weight: 500; font-size: 14px; } .popup-a .overlay-popup a.back:before { content: "\e912"; right: auto; font-size: 10px; } .popup-a .box-inset > .size-14:first-child > a.close, .popup-a .box-inset > .size-14:first-child > a[data-popup] { display: block; position: relative; padding-left: 16px; } .popup-a .box-inset > .size-14:first-child > a.close:before, .popup-a .box-inset > .size-14:first-child > a[data-popup]:before { content: "\e912"; right: auto; font-size: 8px; } .popup-a .size-12 { color: var(--black_40); } .popup-a .link-btn { margin-bottom: 12px; } .popup-a .semantic-select ul { max-height: 358px; } .popup-a .semantic-select ul li.has-icon a i { color: var(--main_color); font-size: 14px; } .popup-a .semantic-select ul li.has-icon a i.icon-envelope { font-size: 10px; } .popup-a .semantic-select ul li.has-icon a i.icon-website { font-size: 12px; } /*.popup-a .check.small {}*/ .popup-a .check.small label:before { border-color: var(--black_15); } .popup-a::-webkit-scrollbar { width: 0; background: none; } .popup-a.shown { z-index: 1001; } /*.popup-a {}*/ .popup-a h1, .popup-a h2, .popup-a h3, .popup-a h4, .popup-a h5, .popup-a h6 { margin-bottom: 6px; font-size: 24px; font-weight: 700; font-family: var(--font_titles); } .popup-a h1 + .size-14, .popup-a h2 + .size-14, .popup-a h3 + .size-14, .popup-a h4 + .size-14, .popup-a h5 + .size-14, .popup-a h6 + .size-14 { margin-top: 8px; } .popup-a h1 + p > label:first-child, .popup-a h2 + p > label:first-child, .popup-a h3 + p > label:first-child, .popup-a h4 + p > label:first-child, .popup-a h5 + p > label:first-child, .popup-a h6 + p > label:first-child, .popup-a h1 + .cols > p > label:first-child, .popup-a h2 + .cols > p > label:first-child, .popup-a h3 + .cols > p > label:first-child, .popup-a h4 + .cols > p > label:first-child, .popup-a h5 + .cols > p > label:first-child, .popup-a h6 + .cols > p > label:first-child, .popup-a h1 + form, .popup-a h2 + form, .popup-a h3 + form, .popup-a h4 + form, .popup-a h5 + form, .popup-a h6 + form2 { padding-top: 15px; } .popup-a h1 + .input-file, .popup-a h2 + .input-file, .popup-a h3 + .input-file, .popup-a h4 + .input-file, .popup-a h5 + .input-file, .popup-a h6 + .input-file { margin-top: 23px; } .popup-a .link-btn, .popup-a .box-inset > footer { margin-top: 40px; } .popup-a .link-btn { margin-right: -16px; } .popup-a .link-btn > * { margin-right: 16px; } .popup-a .box-inset > footer button { width: 100%; } .popup-a .link-btn a { min-width: 0; } .popup-a ::-webkit-input-placeholder { color: var(--black_40); font-weight: 400; } .popup-a :-ms-input-placeholder { color: var(--black_40); font-weight: 400; } .popup-a ::-ms-input-placeholder { color: var(--black_40); font-weight: 400; } .popup-a ::placeholder { color: var(--black_40); font-weight: 400; } .popup-a footer { position: relative; } #root .popup-a h1 + footer, #root .popup-a h2 + footer, #root .popup-a h3 + footer, #root .popup-a h4 + footer, #root .popup-a h5 + footer, #root .popup-a h6 + footer { margin-top: 23px; } /*.popup-a.scrollable {}*/ .popup-a.scrollable .box-inset { max-height: calc(100vh - 48px); } /*.popup-a.popup-blocker {}*/ #root .popup-a.popup-blocker .box-outer > .close, #root .popup-a.popup-blocker .box-inset > .close { display: none; } .w480, #content.w480 { max-width: 480px; } .w640, #content.w640 { max-width: 640px; } #content.w640 { margin-left: auto; margin-right: auto; } /*! Content --------- */ q { quotes: none; color: var(--black_100); font-weight: 700; } q:before { content: "“"; } q:after { content: "”"; } q + .size-14 { display: block; margin-top: 12px; } .font-regular { font-weight: 400; } .font-medium, .strong, a.email.strong { font-weight: 500; } .font-strong { font-weight: 700; } .font-italic, .em { font-style: italic; } .text-center { text-align: center; } .text-right { text-align: right; } .text-justify { text-align: justify; } .text-uppercase { text-transform: uppercase; } .size-10 { font-size: 10px; } h1.size-10.text-center, h2.size-10.text-center, h3.size-10.text-center, h4.size-10.text-center, h5.size-10.text-center, h6.size-10.text-center { text-transform: uppercase; letter-spacing: .1em; } .size-10.strong { font-weight: 700; } .size-12 { font-size: 12px; } .size-14 { font-size: 14px; } .size-16 { font-size: 16px; } .size-18 { font-size: 18px; } .size-32 { font-size: 32px; } .size-48 { font-size: 48px; } h1.size-48, h2.size-48, h3.size-48, h4.size-48, h5.size-48, h6.size-48 { font-family: var(--font_titles); font-weight: 400; letter-spacing: -.01em; } .size-48 .small { display: block; margin-bottom: 10px; font-size: 14px; font-weight: 500; } .size-48 i, .cols > .size-48 + i { font-size: 40px; } .size-72 { font-size: 72px; } .line-height-100 { line-height: 1; } .line-height-115 { line-height: 1.1428571429em; } .line-height-125 { line-height: 1.25; } .line-height-130 { line-height: 1.2857142857; } .line-height-150 { line-height: 1.5; } .color-black-100 { color: var(--black_100); } .color-black-80 { color: var(--black_80); } .color-black-60 { color: var(--black_60); } .color-black-40 { color: var(--black_40); } .color-black-30 { color: var(--black_30); } .color-black-20 { color: var(--black_20); } .color-black-15 { color: var(--black_15); } .color-black-10 { color: var(--black_10); } .color-black-5 { color: var(--black_5); } .color-black-2 { color: var(--black_2); } .color-secondary-100 { color: var(--sand_100); } .color-secondary-80 { color: var(--sand_80); } .color-secondary-60 { color: var(--sand_60); } .color-secondary-40 { color: var(--sand_40); } .color-secondary-20 { color: var(--sand_20); } .color-secondary-dark { color: var(--sand_dark); } .color-secondary-med { color: var(--sand_med); } .color-primary, .color-primary-100, [data-whatintent="mouse"] a:hover, .popup-a .box-inset > .size-14:first-child a, #root label.error, .color-primary .list-main i, .color-primary.list-main i, .color-primary.list-main a, .color-primary .list-main a, .module-box .list-main h1, .module-box .list-main h2, .module-box .list-main h3, .module-box .list-main h4, .module-box .list-main h5, .module-box .list-main h6, .module-box .list-main li > .strong, #root .check.color-primary label, #root .check.box.color-primary label, .color-primary.list-main a, .color-primary .list-main a, .list-main .color-primary a { color: var(--main_color); --main_color: rgba(var(--color_primary), 1); } .color-bush, .color-bush .list-main i, .color-bush.list-main i, .color-bush.list-main a, .color-bush .list-main a, .list-main .color-bush a { color: var(--bush); --main_color: var(--bush); } .color-gold, .color-gold .list-main i, .color-gold.list-main i, .color-gold.list-main a, .color-gold .list-main a, .list-main .color-gold a { color: var(--gold); --main_color: var(--gold); } .color-midnight, .color-midnight .list-main i, .color-midnight.list-main i, .color-midnight.list-main a, .color-midnight .list-main a, .list-main .color-midnight a { color: var(--midnight); --main_color: var(--midnight); } .color-plum, .color-plum .list-main i, .color-plum.list-main i, .color-plum.list-main a, .color-plum .list-main a, .list-main .color-plum a { color: var(--plum); --main_color: var(--plum); } .color-lime, .color-lime .list-main i, .color-lime.list-main i, .color-lime.list-main a, .color-lime list-main a, .list-main .color-lime a { color: var(--lime); --main_color: var(--lime); } .color-apple, .color-apple .list-main i, .color-apple.list-main i, .color-apple.list-main a, .color-apple .list-main a, .list-main .color-apple a { color: var(--apple); --main_color: var(--apple); } .color-apricot, .color-apricot .list-main i, .color-apricot.list-main i, .color-apricot.list-main a, .color-apricot .list-main a, .list-main .color-apricot a { color: var(--apricot); --main_color: var(--apricot); } .color-magenta, .color-magenta .list-main i, .color-magenta.list-main i, .color-magenta.list-main a, .color-magenta .list-main a, .list-main .color-magenta a { color: var(--magenta); --main_color: var(--magenta); } .color-wine, .color-wine .list-main i, .color-wine.list-main i, .color-wine.list-main a, .color-wine .list-main a, .list-main .color-wine a { color: var(--wine); --main_color: var(--wine); } .color-violet, .color-violet .list-main i, .color-violet.list-main i, .color-violet.list-main a, .color-violet .list-main a, .list-main .color-violet a { color: var(--violet); --main_color: var(--violet); } .color-pear, .color-pear .list-main i, .color-pear.list-main i, .color-pear.list-main a, .color-pear .list-main a, .list-main .color-pear a { color: var(--pear); --main_color: var(--pear); } .color-honey, .color-honey .list-main i, .color-honey.list-main i, .color-honey.list-main a, .color-honey .list-main a, .list-main .color-honey a { color: var(--honey); --main_color: var(--honey); } .color-cherry, .color-cherry .list-main i, .color-cherry.list-main i, .color-cherry.list-main a, .color-cherry .list-main a, .list-main .color-cherry a { color: var(--cherry); --main_color: var(--cherry); } .color-sky, .color-sky .list-main i, .color-sky.list-main i, .color-sky.list-main a, .color-sky .list-main a, .list-main .color-sky a { color: var(--sky); --main_color: var(--sky); } [class*="color"] > h1, [class*="color"] > h2, [class*="color"] > h3, [class*="color"] > h4, [class*="color"] > h5, [class*="color"] > h6, #root .list-main[class*="color"] h1, #root .list-main[class*="color"] h2, #root .list-main[class*="color"] h3, #root .list-main[class*="color"] h4, #root .list-main[class*="color"] h5, #root .list-main[class*="color"] h6, #root .list-main [class*="color"] h1, #root .list-main [class*="color"] h2, #root .list-main [class*="color"] h3, #root .list-main [class*="color"] h4, #root .list-main [class*="color"] h5, #root .list-main [class*="color"] h6 { color: inherit; } .list-main.hr.color-bush li:before, .list-main.hr li.color-bush:before, .color-bush .list-main.hr li:before { border-color: var(--bush); } .list-main.hr.color-gold li:before, .list-main.hr li.color-gold:before, .color-gold .list-main.hr li:before { border-color: var(--gold); } .list-main.hr.color-midnight li:before, .list-main.hr li.color-midnight:before, .color-midnight .list-main.hr li:before { border-color: var(--midnight); } .list-main.hr.color-plum li:before, .list-main.hr li.color-plum:before, .color-plum .list-main.hr li:before { border-color: var(--plum); } .list-main.hr.color-lime li:before, .list-main.hr li.color-lime:before, .color-lime .list-main.hr li:before { border-color: var(--lime); } .list-main.hr.color-apple li:before, .list-main.hr li.color-apple:before, .color-apple .list-main.hr li:before { border-color: var(--apple); } .list-main.hr.color-apricot li:before, .list-main.hr li.color-apricot:before, .color-apricot .list-main.hr li:before { border-color: var(--apricot); } .list-main.hr.color-magenta li:before, .list-main.hr li.color-magenta:before, .color-magenta .list-main.hr li:before { border-color: var(--magenta); } .list-main.hr.color-wine li:before, .list-main.hr li.color-wine:before, .color-wine .list-main.hr li:before { border-color: var(--wine); } .list-main.hr.color-violet li:before, .list-main.hr li.color-violet:before, .color-violet .list-main.hr li:before { border-color: var(--violet); } .list-main.hr.color-pear li:before, .list-main.hr li.color-pear:before, .color-pear .list-main.hr li:before { border-color: var(--pear); } .list-main.hr.color-honey li:before, .list-main.hr li.color-honey:before, .color-honey .list-main.hr li:before { border-color: var(--honey); } .list-main.hr.color-cherry li:before, .list-main.hr li.color-cherry:before, .color-cherry .list-main.hr li:before { border-color: var(--cherry); } .list-main.hr.color-sky li:before, .list-main.hr li.color-sky:before, .color-sky .list-main.hr li:before { border-color: var(--sky); } .color-bush .owl-dots button:before { background: var(--bush); } .color-gold .owl-dots button:before { background: var(--gold); } .color-midnight .owl-dots button:before { background: var(--midnight); } .color-plum .owl-dots button:before { background: var(--plum); } .color-lime .owl-dots button:before { background: var(--lime); } .color-apple .owl-dots button:before { background: var(--apple); } .color-apricot .owl-dots button:before { background: var(--apricot); } .color-magenta .owl-dots button:before { background: var(--magenta); } .color-wine .owl-dots button:before { background: var(--wine); } .color-violet .owl-dots button:before { background: var(--violet); } .color-pear .owl-dots button:before { background: var(--pear); } .color-honey .owl-dots button:before { background: var(--honey); } .color-cherry .owl-dots button:before { background: var(--cherry); } .color-sky .owl-dots button:before { background: var(--sky); } .lead { margin: 25px 0; font-weight: 400; font-size: 24px; line-height: 1.3333333333; } .module-wide.color-primary .lead { opacity: var(--overlay_opacity); } .lead:first-child { margin-top: 0; } .scheme-progress { position: relative; z-index: 2; max-width: 500px; margin: 0 auto 28px; padding: 0 0 49px; font-weight: 500; font-size: 16px; } .scheme-progress .prg { overflow: hidden; top: auto; bottom: 0; height: 40px; padding: 8px 40px; border-radius: 20px; background: var(--main_color); } .scheme-progress .prg { background: -moz-linear-gradient(left, var(--main_color) 0%, var(--monza) 72%); background: -webkit-linear-gradient(left, var(--main_color) 0%,var(--monza) 72%); background: linear-gradient(to right, var(--main_color) 0%,var(--monza) 72%); } .scheme-progress .prg .bar { display: block; position: relative; z-index: 2; float: left; width: 0%; height: 24px; } .scheme-progress .prg .bar:before { left: auto; right: -4px; width: 8px; border-radius: 8px; background: var(--white); } .quote-main { position: relative; z-index: 2; margin: 56px 0 80px; padding: 79px 0 76px; color: rgba(var(--blank), .6); font-size: 24px; line-height: 1.2857142857; text-align: center; } .quote-main:before { content: ""; display: block; position: absolute; left: 50%; top: 0; bottom: 0; z-index: -1; width: 100vw; margin: 0 0 0 -50vw; background: var(--main_color); } .quote-main span { display: block; margin: 10px 0 0; } .quote-main q { quotes: none; display: block; color: var(--white); font-size: 28px; font-weight: 400; line-height: 1.2857142857; } .quote-main:first-child { margin-top: 0; } .quote-main .strong { display: block; margin: 0 0 21px; font-weight: 500; font-size: 16px; text-transform: uppercase; letter-spacing: .1em; } .list-main + .quote-main, .list-main + .module-wide { margin-top: 0; } .quote-main q:before, .quote-main q:after { display: none; } #content.align-center > .quote-main:last-child, #content.align-center > .module-success:last-child { margin-top: auto; } /*! Links --------- */ .link-btn, .submit { position: relative; z-index: 2; margin-right: -23px; margin-bottom: 36px; color: var(--black_40); } .link-btn > * { margin-bottom: 10px; } .link-btn > span { margin-right: 23px; } .link-btn a, .link-btn button, .submit button { margin-right: 23px; color: var(--white); } [data-whatintent="mouse"] .link-btn a:hover { color: var(--white); text-decoration: none; } #root .link-btn a.inv { background: none; color: var(--main_color); } #root .link-btn a.compact, .link-btn button.compact { min-width: 40px; min-height: 40px; padding-left: 0; padding-right: 0; } .link-btn a.compact i, .link-btn button.compact i { font-size: 18px; } .link-btn a + a.compact { margin-left: -19px; } #root .link-btn a.inline { overflow: visible; min-width: 0; padding: 0; border-width: 0; background: none; color: var(--main_color); font-size: 14px; font-family: var(--font_content); font-weight: 500; } .link-btn a.inline i.icon-download { font-size: 0.8571428571em; } .link-btn a.inline i.icon-download:before { content: "\e956"; } .link-btn a.font-medium, button.font-medium, .list-inline .link-btn a, .module-fixed .link-btn a, .module-fixed .link-btn button, .link-btn button { min-width: 0; padding: 11px 24px; font-weight: 700; font-size: 16px; } .link-btn .no { display: block; position: absolute; right: -9px; top: -9px; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 16px; background: var(--wine); color: var(--white); font-size: 9px; font-family: var(--font_titles); font-weight: 700; line-height: 16px; text-align: center; text-indent: 0; } .link-btn.cta { margin-right: 0; padding: 40px 17px 20px 40px; color: var(--white); font-size: 32px; line-height: 1.1428571429; } .link-btn.cta > * { margin-bottom: 20px; } .link-btn.cta:before { border-radius: 4px; background: var(--main_color); } #root .link-btn.cta a { padding: 11px 16px; background: var(--white); color: var(--main_color); font-size: 16px; font-weight: 500; font-family: var(--font_content); } .link-btn.cta-inline { padding: 16px 40px 6px 40px; color: var(--main_color); font-size: 18px; font-weight: 500; line-height: 1.1428571429; } .link-btn.cta-inline:before { right: 23px; border-radius: 4px; background: var(--main_color); opacity: .05; } .link-btn.cta-inline > span:first-child { margin-right: auto; } .link-btn.cta-inline a { min-width: 153px; padding: 11px 22px; font-size: 16px; } .link-strong { position: relative; z-index: 2; margin-right: -16px; font-size: 14px; line-height: 1.2857142857; } .link-strong a { display: block; margin: 6px 16px 0 0; font-weight: 500; } .link-strong a i { display: inline-block; position: relative; top: .15em; margin-right: 4px; font-size: 1.1428571429em; line-height: 1px; } .link-strong a i.icon-chevron-right, .link-strong a i.icon-chevron-left { top: -.1em; font-size: 0.5714285714em; } .link-strong a i.icon-chevron-right { margin-right: 0; margin-left: 4px; } .link-strong a i.icon-chevron-up, .link-strong a i.icon-chevron-down { top: -2px; font-size: 0.4285714286em; } .link-strong a.clicked i.icon-chevron-up, .link-strong a.clicked i.icon-chevron-down { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .link-strong a i.icon-paperclips { top: .05em; font-size: 0.9285714286em; } .link-strong > i { display: block; margin: 0 0 7px; color: var(--main_color); font-size: 26px; line-height: 1; } input + .link-strong, select + .link-strong, textarea + .link-strong, .semantic-select-wrapper + .link-strong { margin-top: 8px; } header + .link-strong { margin-top: 32px; padding-top: 9px; } header + .link-strong:before { right: 16px; border-top: 1px solid var(--black_10); } /*! Media --------- */ img, iframe, object, embed { max-width: 100% !important; border-style: none; } img { height: auto !important; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; } img::selection { background: transparent; } img::-moz-selection { background: transparent; } picture { width: 100%; } figure, figure a, #root figure a { color: var(--black_80); font-weight: 400; } img + span, span + img, img + figcaption, figcaption + img, video + span, span + video, video + figcaption, figcaption + video, iframe + span, span + iframe, iframe + figcaption, figcaption + iframe { display: block; margin-top: 14px; } /*! Lists --------- */ .list-blog { list-style: none; margin: 17px 0 0 -40px; padding: 0; } .list-blog li { position: relative; z-index: 2; width: 50%; margin: 0 0 7px; border-left: 40px solid rgba(0,0,0,0); } .list-blog figure { margin: 0 0 14px; } .list-blog img { display: block; width: 100% !important; height: auto !important; } .list-blog h1, .list-blog h2, .list-blog h3, .list-blog h4, .list-blog h5, .list-blog h6 { position: static; margin: 0 0 1px; color: var(--black_100); font-size: 18px; font-weight: 500; font-family: var(--font_content); line-height: 1.3333333333; } .list-blog h1 span, .list-blog h2 span, .list-blog h3 span, .list-blog h4 span, .list-blog h5 span, .list-blog h6 span { display: block; position: relative; z-index: 2; margin: 0 0 6px; font-size: 12px; font-weight: 500; } .list-blog h1 span:not([class*="color-"]), .list-blog h2 span:not([class*="color-"]), .list-blog h3 span:not([class*="color-"]), .list-blog h4 span:not([class*="color-"]), .list-blog h5 span:not([class*="color-"]), .list-blog h6 span:not([class*="color-"]) { color: var(--black_80); font-weight: 400; } #root .list-blog h1 a, #root .list-blog h2 a, #root .list-blog h3 a, #root .list-blog h4 a, #root .list-blog h5 a, #root .list-blog h6 a { display: block; color: inherit; text-decoration: none; } .list-blog h1 a:before, .list-blog h2 a:before, .list-blog h3 a:before, .list-blog h4 a:before, .list-blog h5 a:before, .list-blog h6 a:before { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 9; text-align: left; text-indent: -3000em; direction: ltr; } .list-blog li > h1:first-child span, .list-blog li > h2:first-child span, .list-blog li > h3:first-child span, .list-blog li > h4:first-child span, .list-blog li > h5:first-child span, .list-blog li > h6:first-child span { padding-top: 12px; } .list-blog li > h1:first-child span:before, .list-blog li > h2:first-child span:before, .list-blog li > h3:first-child span:before, .list-blog li > h4:first-child span:before, .list-blog li > h5:first-child span:before, .list-blog li > h6:first-child span:before { border-top: 1px solid var(--main_color); opacity: .4; } .list-blog + h1, .list-blog + .h1 { margin-top: 12px; } .list-blog + .list-social { margin-top: 57px; } /*.list-blog.compact {}*/ .list-blog.compact li { margin: 0; padding-left: 25px; } .list-blog.compact li:before { top: 2px; bottom: 31px; border-left: 8px solid var(--main_color); } .list-blog.is-slider { margin-left: 0; } .list-blog.is-slider li { width: 100%; margin-bottom: 0; border-left-width: 0; } .list-blog .owl-dots { margin-top: -14px; padding-top: 0; } .list-box { position: relative; z-index: 2; list-style: none; margin-top: 23px; margin-left: calc(0px - var(--spacing)); padding: 0; --spacing: 40px; } .list-box li { width: 50%; padding: 26px 24px .1px 10px; margin-bottom: var(--spacing); border-left: var(--spacing) solid rgba(0,0,0,0); } .list-box li:before { border-radius: 2px; border: 1px solid var(--black_10); } .list-box li > * { border-left: 14px solid rgba(0,0,0,0); } .list-box li > figure, .list-box li > i { -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .list-box li > i { min-width: 40px; color: #604C99; font-size: 40px; line-height: 40px; text-align: center; } .list-box h1, .list-box h2, .list-box h3, .list-box h4, .list-box h5, .list-box h6 { margin: 0 0 6px; font-weight: 500; font-size: 18px; } .list-contact { list-style: none; margin: 0 0 16px -8px; padding: 0; color: var(--main_color); font-weight: 500; font-size: 18px; line-height: 1.375; text-align: left; } .list-contact li { position: relative; z-index: 2; width: 33.33333333333%; margin: 0 0 8px; padding: 20px 24px 24px 54px; border-left: 8px solid rgba(0,0,0,0); } .list-contact li:before { border-radius: 4px; border: 1px solid var(--black_10); } .list-contact span { display: block; margin-top: 1px; color: var(--black_80); font-weight: 400; font-size: 16px; } .list-contact i { display: block; position: absolute; left: 24px; top: 20px; font-size: 16px; line-height: 24px; opacity: .4; } .list-contact i.icon-envelope { font-size: 12px; } .list-contact a:before { visibility: hidden; box-shadow: 0px 0px 24px rgba(0,0,0,.1); border-radius: 4px; background: var(--white); opacity: 0; } .list-inline { overflow: hidden; list-style: none; margin-right: -22px; margin-bottom: 14px; padding: 0; } .list-inline li { position: relative; z-index: 2; margin-right: 22px; margin-bottom: 10px; } .list-inline li:before { content: ""; display: block; position: absolute; left: -11px; top: 50%; width: 1px; height: 14px; margin-top: -7px; background: var(--black_20); } .list-inline img { display: block; margin-right: 16px; border-radius: 99px; } .list-inline-sticky { position: relative; z-index: 2; list-style: none; margin: 0 -34px 0 0; padding: 0; font-weight: 500; font-size: 24px; } .list-inline-sticky.scroll-to-fixed-fixed:before { content: ""; display: block; position: absolute; left: 50%; top: -10px; bottom: -17px; z-index: -1; width: 110vw; margin: 0 0 0 -55vw; background: var(--main_color); } .list-inline-sticky li { margin: 0 34px 10px 0; border: 0 solid rgba(0,0,0,0); } .list-inline-sticky a { color: inherit; opacity: .6; } #root .list-inline-sticky a { text-decoration: none; } [data-whatintent="mouse"] .list-inline-sticky a:hover, .list-inline-sticky .active > a { visibility: visible; opacity: 1; } h1 + .list-inline-sticky, h2 + .list-inline-sticky, h3 + .list-inline-sticky, h4 + .list-inline-sticky, h5 + .list-inline-sticky, h6 + .list-inline-sticky, h1 + .list-inline-sticky.scroll-to-fixed-fixed + .spacer, h2 + .list-inline-sticky.scroll-to-fixed-fixed + .spacer, h3 + .list-inline-sticky.scroll-to-fixed-fixed + .spacer, h4 + .list-inline-sticky.scroll-to-fixed-fixed + .spacer, h5 + .list-inline-sticky.scroll-to-fixed-fixed + .spacer, h6 + .list-inline-sticky.scroll-to-fixed-fixed + .spacer { margin-top: 43px; } #root .list-inline-sticky.scroll-to-fixed-fixed { margin-top: 0; } .list-inline-sticky + *, .list-inline-sticky + .spacer + * { margin-top: 7px; padding-top: 43px; border-top: 1px solid var(--black_40); } .module-wide.color-primary .list-inline-sticky + *, .module-wide.color-primary .list-inline-sticky + .spacer + * { border-color: rgba(var(--blank), .2); } .list-inline-sticky + .spacer { margin-top: 0; padding-top: 0; border-top-width: 0; } .list-logo { list-style: none; margin: 28px 0 33px -40px; padding: 0; text-align: center; } .list-logo li { margin: 0 0 20px; border-left: 40px solid rgba(0,0,0,0); } .list-logo:first-child, .list-logo:first-child + .list-logo.mobile-only { margin-top: 0; } .list-logo.is-slider { display: block; margin-left: 0; } .list-logo.is-slider li { margin-bottom: 0; border-left-width: 0; } .list-logo .owl-dots { margin-top: 0; padding-top: 17px; } .list-main { position: relative; z-index: 2; list-style: none; margin: 35px 0 40px -40px; padding: 0; color: var(--black_80); --i_size: 26px; } .list-main li { position: relative; z-index: 2; width: 50%; margin: 0 0 24px; border-left: 40px solid rgba(0,0,0,0); } .list-main h1, .list-main h2, .list-main h3, .list-main h4, .list-main h5, .list-main h6, .list-main li > .strong { display: block; margin: 0 0 6px; color: var(--black_100); font-weight: 500; font-size: 18px; font-family: var(--font_content); line-height: 1.3333333333; } .list-main li > .strong { font-size: 1em; } .list-main li > i, .list-main h1 i, .list-main h2 i, .list-main h3 i, .list-main h4 i, .list-main h5 i, .list-main h6 i { display: block; margin: 0 0 10px; color: var(--main_color); font-size: var(--i_size); line-height: var(--i_size); } .list-main i.icon-growth-line, .list-main.compact i.icon-regress-line { font-size: calc(var(--i_size) * 0.55); } .list-main i.icon-envelope { font-size: calc(var(--i_size) * 0.7); } .list-main i.icon-laptop { font-size: calc(var(--i_size) * 0.8); } .list-main i.icon-payment { font-size: calc(var(--i_size) * 0.7); } .list-main i.icon-variations, .list-main i.icon-sound, .list-main i.icon-integrate2 { font-size: calc(var(--i_size) * 0.77); } .list-main i.icon-screen, .list-main i.icon-chart { font-size: calc(var(--i_size) * 0.85); } .list-main i.icon-info-circle-outline, .list-main i.icon-cart-window { font-size: calc(var(--i_size) * 0.9); } .list-main i.icon-download:before { content: "\e93a"; } .list-main p { margin-bottom: 13px; color: var(--black_80); } .list-main a { font-weight: 500; } .list-main .icon-chevron-left, .list-main .icon-chevron-right { display: inline-block; position: relative; left: 0; top: -.2em; width: auto; height: auto; color: inherit; font-size: 8px; line-height: 1px; } .list-main .icon-chevron-left { margin-right: 6px; } .list-main .icon-chevron-right { margin-left: 6px; } .list-main .link-btn { margin-top: 22px; margin-bottom: 0; } .list-main .link-btn a { min-width: 0; padding: 22px 39px; } .list-main .list-main { display: block; margin: 12px 0 40px; font-weight: 500; } #root .list-main .list-main li { width: auto; margin: 0 0 4px; padding: 0 0 0 24px; border-width: 0; } #root .list-main .list-main li > i, #root.list-main .list-main h1 i, #root.list-main .list-main h2 i, #root.list-main .list-main h3 i, #root.list-main .list-main h4 i, #root.list-main .list-main h5 i, #root.list-main .list-main h6 i { position: absolute; left: 0; top: 2px; font-size: 16px; line-height: 20px; } .list-main .list-social { margin-top: 0; margin-bottom: 0; margin-right: -14px; } .list-main .list-social li { margin-right: 14px; } .list-main .list-social i { font-size: 22px; } .list-main .list-social i.icon-twitter { font-size: 17px; } .list-main .list-social i.icon-medium { font-size: 12px; } .list-main + .link-btn { margin-top: -30px; } h1 + .list-main, h2 + .list-main, h3 + .list-main, h4 + .list-main, h5 + .list-main, h6 + .list-main { margin-top: 40px; } .list-main .link-strong a, .list-main .link-btn:first-child, .list-main:first-child { margin-top: 0; } .list-main.is-slider { margin-left: 0; } .list-main.is-slider li { margin-bottom: 0; border-left-width: 0; } /*.list-main.is-slider .owl-dots { margin-top: -2px; padding-top: 0; }*/ .list-main.box { margin-left: -8px; color: var(--black_80); --i_size: 28px; } .list-main.box li { margin-bottom: 8px; padding: 40px; border-left-width: 8px; } .list-main.box li:before { border-radius: 4px; border: 1px solid var(--black_10); background: var(--white); } [data-whatintent="mouse"] .list-main.box li:has(a):hover:before { box-shadow: 0 0 24px rgba(0,0,0,.1); } .list-main.box h1, .list-main.box h2, .list-main.box h3, .list-main.box h4, .list-main.box h5, .list-main.box h6, .list-main.box li > .strong { position: static; margin-bottom: 8px; font-size: 24px; } .list-main.box h1:not([class*="color-"]), .list-main.box h2:not([class*="color-"]), .list-main.box h3:not([class*="color-"]), .list-main.box h4:not([class*="color-"]), .list-main.box h5:not([class*="color-"]), .list-main.box h6:not([class*="color-"]), .list-main.box li > .strong:not([class*="color-"]) { color: var(--main_color); } .list-main.box li > i, .list-main.box h1 i, .list-main.box h2 i, .list-main.box h3 i, .list-main.box h4 i, .list-main.box h5 i, .list-main.box h6 i { margin-bottom: 10px; } .list-main.box:not(.box-a) li > i, .list-main.box:not(.box-a) h1 i, .list-main.box:not(.box-a) h2 i, .list-main.box:not(.box-a) h3 i, .list-main.box:not(.box-a) h4 i, .list-main.box:not(.box-a) h5 i, .list-main.box:not(.box-a) h6 i { opacity: .4; } .list-main.compact { display: block; margin-top: 32px; } .list-main.compact li { width: 100%; padding-left: 40px; } .list-main.compact li > i:first-child { position: absolute; left: 0; top: -3px; font-size: 22px; } .list-main.compact li > i.icon-refresh3, .list-main.compact li > i.icon-laptop, .list-main.compact li > i.icon-payment { font-size: 18px; } .list-main.compact li > i.icon-growth-line, .list-main.compact li > i.icon-regress-line { font-size: 14px; } .list-main.compact.double li { width: 50%; } h1 + .list-main.compact, h2 + .list-main.compact, h3 + .list-main.compact, h4 + .list-main.compact, h5 + .list-main.compact, h6 + .list-main.compact { margin-top: 42px; } .list-main.hr { margin-left: -40px; } .list-main.hr li { width: 33.333333333%; margin-bottom: 34px; padding-top: 8px; border-left-width: 40px; } .list-main.hr li:before { border-top: 1px solid var(--main_color); } .list-main.hr h1, .list-main.hr h2, .list-main.hr h3, .list-main.hr h4, .list-main.hr h5, .list-main.hr h6 { margin-bottom: 6px; color: var(--main_color); font-size: 10px; font-weight: 500; text-transform: uppercase; letter-spacing: .05em; } .list-slider { position: relative; z-index: 2; list-style: none; margin: 40px 0; padding: 0; color: var(--black_80); font-size: 16px; font-weight: 400; text-align: center; } .list-slider li, .list-slider .item li { margin-bottom: 0; } .list-slider img, .list-slider .owl-stage-outer, .module-wide > figure:last-child img { display: block; box-shadow: 0 0 24px rgba(0,0,0,.1); border-radius: 2px; background: var(--white); } .list-slider .owl-stage-outer img { box-shadow: none; border-radius: 0; background: none; } .list-slider:first-child { margin-top: 0; } .list-slider > li:first-child { display: block; } .list-slider.screen, figure.screen { height: 503px; padding: 24px 94px 98px; } .list-slider.screen img, figure.screen img { height: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center 0; object-position: center 0; } .list-slider.screen:after, figure.screen:after { background: url(../images/content/screen.png) no-repeat; background-size: 100% 100%; } .list-slider.screen .owl-dots { position: absolute; left: 0; right: 0; bottom: -107px; top: auto; } .list-social { list-style: none; margin: 23px -24px 0 0; padding: 0; } #root .list-social li { width: auto; margin: 0 24px 16px 0; border-left-width: 0; } .list-social i { display: block; font-size: 28px; line-height: 28px; } .list-social i.icon-twitter { font-size: 24px; } .list-social i.icon-medium { font-size: 16px; } #root .list-social a { text-decoration: none; } .list-social:first-child { margin-top: 0; } .list-social a span { position: absolute; left: -3000em; top: 0; } .list-testimonials { position: relative; z-index: 2; list-style: none; margin: 55px 0 75px; padding: 0; font-size: 18px; --pd: 80px; } .list-testimonials h1, .list-testimonials h2, .list-testimonials h3, .list-testimonials h4, .list-testimonials h5, .list-testimonials h6 { position: relative; z-index: 2; margin-bottom: 13px; padding-bottom: 26px; text-align: center; } .list-testimonials h1[class*="size-"]:before, .list-testimonials h2[class*="size-"]:before, .list-testimonials h3[class*="size-"]:before, .list-testimonials h4[class*="size-"]:before, .list-testimonials h5[class*="size-"]:before, .list-testimonials h6[class*="size-"]:before { border-bottom: 1px solid var(--black); opacity: .4; } .list-testimonials h1:not([class*="size-"]), .list-testimonials h2:not([class*="size-"]), .list-testimonials h3:not([class*="size-"]), .list-testimonials h4:not([class*="size-"]), .list-testimonials h5:not([class*="size-"]), .list-testimonials h6:not([class*="size-"]) { display: block; position: relative; z-index: 2; margin: 0 0 27px; padding: 0; color: inherit; font-size: 12px; font-weight: 500; text-transform: uppercase; text-align: left; opacity: .6; } .list-testimonials q { display: block; margin: 0 0 20px; font-weight: 400; font-size: 24px; line-height: 1.3333333333; opacity: 1; } .list-testimonials .icon-stars { display: block; position: absolute; right: 0; top: 50%; margin-top: -6px; font-size: 12px; line-height: 12px; opacity: .4; } .list-testimonials .strong { display: block; position: relative; z-index: 2; font-weight: 500; } .list-testimonials li[class*="color-"], .list-testimonials li[data-color*="color-"] { color: inherit; } .list-testimonials[class*="color-"], .list-testimonials li[data-color*="color-"] { margin: 80px 0; } .list-testimonials[class*="color-"], .list-testimonials li[data-color*="color-"], .list-testimonials.is-slider[class*="color-"] .item { padding: var(--pd); } .list-testimonials[class*="color-"] .owl-dots, .list-testimonials li[data-color*="color-"] .owl-dots { margin-top: -20px; padding-bottom: 40px; } .list-testimonials.is-slider[class*="color-"] { padding: 0; } /*! Tables --------- */ table { display: table; width: 100%; border-collapse: collapse; border-spacing: 0; } th, td { position: relative; z-index: 2; padding: 0; box-shadow: none; border: 0; border: 0 solid rgba(0,0,0,0); border-left-width: 7px; font-weight: 400; text-align: left; outline: none; } td.sub-toggle { z-index: 999; } tr > *:first-child { border-left-width: 0; } th { border-bottom-width: 4px; color: var(--black_60); font-size: 12px; } td, th[scope="col"] { padding: 6px 10px; border-bottom-width: 10px; color: var(--black_100); font-size: 16px; } td:before, th[scope="col"]:before { border: 0 solid var(--black_10); border-left-width: 1px; border-bottom-width: 1px; } th label, td label { margin: 0; padding: 0; color: inherit; font-size: 1em; font-weight: inherit; } #root table > tr:last-child > *, #root tbody > tr:last-child > * { border-bottom-width: 0; } table label { margin: 0; color: inherit; font-weight: inherit; } table input, table select, table .semantic-select .input, table input[type="date"], table input.input-date { position: relative; top: 6px; width: calc(100% + 20px); min-width: 0; height: 33px; margin: -13px 0 0 -10px; padding: 0 30px 0 9px; border-color: var(--black_15); background-color: var(--white); font-size: 1em; } table input { padding-right: 9px; } table .semantic-select .input { width: 100%; margin-left: 0; margin-right: 0; line-height: 32px; } table .semantic-select-wrapper { margin: 0 -10px; } table tr > [class*="color-"] input { color: inherit; } span.th { display: block; position: relative; z-index: 2; background: var(--white); color: var(--black_60); font-size: 12px; font-weight: 400; } td span.th { margin: -6px -10px 6px; padding: 0 0 4px; } th.check, td.check { display: table-cell; } /*! Forms --------- */ fieldset, hr { min-width: 0; margin: 0; padding: 0; border-width: 0; } form p { position: relative; } legend { display: none; width: 100%; max-width: 100%; padding: 0; border: 0; white-space: normal; } input, select, textarea { position: relative; z-index: 1; margin: 0; padding: 0; box-shadow: none; border-radius: 0; font-size: 1em; line-height: normal; text-align: left; text-transform: none; outline-width: 0; } input, select, textarea { -moz-appearance: none; -webkit-appearance: none; appearance: none; } input[disabled], select[disabled], textarea[disabled] { color: var(--black_15); } input, select, textarea, button, input[type="button"], input[type="reset"], input[type="submit"] { box-sizing: border-box; text-transform: none; outline-offset: -2px; } /*input {}*/ input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, input::-webkit-clear-button, input::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; visibility: hidden !important; height: auto; margin: 0; } input::-o-outer-spin-button, input::-o-inner-spin-button { appearance: none; margin: 0; } input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { height: auto; } input::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } input[type="checkbox"], input[type="radio"] { display: inline-block; width: auto; height: auto; padding: 0; border: 0; background: none; line-height: 1; } input[type="checkbox"] { -moz-appearance: checkbox; -webkit-appearance: checkbox; appearance: checkbox; } input[type="radio"] { -moz-appearance: radio; -webkit-appearance: radio; appearance: radio; } input[type="color"] { padding: 0; cursor: pointer; } input[type="date"] { display: -webkit-inline-flex; } input[type="number"] { appearance: textfield; -moz-appearance: textfield; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"]::-o-outer-spin-button, input[type="number"]::-o-inner-spin-button { -o-appearance: none; margin: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } select { line-height: 1; text-overflow: ''; text-indent: 0.01px; } select::-ms-expand { display: none; } button, input[type="button"], input[type="reset"], input[type="submit"] { display: block; overflow: visible; position: relative; z-index: 3; height: auto; margin: 0; box-shadow: none; text-transform: none; text-indent: 0; cursor: pointer; outline-width: 0; -webkit-appearance: button; appearance: button; -webkit-font-smoothing: inherit; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; outline: none; } button[disabled], input[type="button"][disabled], input[type="reset"][disabled], input[type="submit"][disabled], .link-btn a.disabled { border-color: var(--black_15); background: var(--black_15); cursor: default; } ::-webkit-input-placeholder { opacity: 1; color: var(--black_100); } :-ms-input-placeholder { opacity: 1; color: var(--black_100); } ::-ms-input-placeholder { opacity: 1; color: var(--black_100); } ::placeholder { opacity: 1; color: var(--black_100); } :focus::-webkit-input-placeholder { opacity: 1; } :focus:-ms-input-placeholder { opacity: 1; } :focus::-ms-input-placeholder { opacity: 1; } :focus::placeholder { opacity: 1; } .input-date::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder { opacity: 1; color: var(--black_40); } .input-date:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder { opacity: 1; color: var(--black_40); } .input-date::-ms-input-placeholder, input[type="date"]::-ms-input-placeholder { opacity: 1; color: var(--black_40); } .input-date::placeholder, input[type="date"]::placeholder { opacity: 1; color: var(--black_40); } /*form {}*/ form p { margin-bottom: 16px; } form p + p.size-12 { margin-top: 22px; } label, .label { display: block; position: relative; left: 0; top: 0; z-index: 2; margin: 0 0 6px; color: var(--black_80); font-size: 14px; font-weight: 500; line-height: 1.25; letter-spacing: normal; } label + *, .label + * { clear: both; } #root label.error { clear: both; width: 100%; margin-top: 11px; padding: 0; font-weight: 500; font-size: 14px; } #root h1.label, #root h2.label, #root h3.label, #root h4.label, #root h5.label, #root h6.label { font-size: 14px; font-weight: 400; } #root label.error:before { content: "\e918"; display: inline-block; position: relative; top: .15em; width: auto; height: auto; margin-right: 6px; padding: 0; border-width: 0; color: var(--main_color); font-family: i; font-size: 1.1428571429em; font-weight: 400; line-height: 1px; letter-spacing: normal; } label .text-right, .label .text-right, .check .text-right { display: block; float: right; margin-left: auto; padding-top: 2px; font-size: 0.875em; } label .text-right i, .label .text-right i, .check .text-right i { display: inline-block; position: relative; top: .1em; margin-right: 0; color: var(--main_color); font-size: 14px; line-height: 1px; } .check .text-right i { top: .3em; } label i, .label i { display: inline-block; position: relative; top: .05em; margin-right: 2px; font-size: 14px; line-height: 1px; } h1 label, h2 label, h3 label, h4 label, h5 label, h6 label { margin: 0; color: inherit; font-size: 1em; font-weight: inherit; line-height: inherit; letter-spacing: inherit; } input, select, textarea, .semantic-select .input, .chosen-container { display: block; width: 100%; border-radius: 2px; border: 1px solid var(--black_10); background: var(--white); 100% center no-repeat; background-size: auto 5px; color: var(--black_100); font-weight: 400; font-size: 18px; } input + input, input + select, input + textarea, input + .semantic-select-wrapper { display: block; margin-top: 8px; } input + .size-14, select + .size-14, textarea + .size-14, .semantic-select-wrapper + .size-14, .chosen-container + .size-14, .check + .size-14, .input-suffix + .size-14 { display: block; margin-top: 11px; } .check.inline + .size-14 { margin-top: -1px; } input, select, .semantic-select .input, .js .input-partial { height: 40px; padding: 0 15px; } input[type="date"] { line-height: 40px; } select { line-height: normal; } select, .semantic-select .input, table input[type="date"], table input.input-date { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.5 5'%3e%3cpath d='M8.9.8L5 4.8s-.1.1-.2.1c-.1.1-.2.1-.3.1s-.2 0-.3-.1c-.1 0-.2-.1-.2-.1L.1.8C-.1.6-.1.3.1.1c.2-.2.5-.2.7 0l3.7 3.8L8.1.1c.2-.2.5-.2.7 0 .2.2.3.5.1.7z' fill='none'/%3e%3cpath d='M8.1.2L4.5 3.9.9.2C.7 0 .4-.1.2.1 0 .3-.1.6.1.8l3.9 4s.1.1.2.1c.1.1.2.1.3.1s.2 0 .3-.1c.1 0 .2-.1.2-.1L8.8.9c.2-.2.2-.5 0-.7-.1-.3-.5-.2-.7 0z' fill='%23453e39'/%3e%3c/svg%3e"); } .color-black-100 select { background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAyNC41IDEzIiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGU+LnN0MHtmaWxsOiM0NTNlMzl9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNOC4xIDguMWwtMy42IDMuOEwuOSA4LjFjLS4yLS4xLS41LS4yLS43IDAtLjIuMi0uMy41LS4xLjdsMy44IDMuOWMuMS4xLjIuMS4yLjIuMi4xLjMuMS40LjFzLjIgMCAuMy0uMWMuMSAwIC4yLS4xLjItLjJsMy44LTMuOWMuMi0uMi4yLS41IDAtLjctLjEtLjItLjUtLjEtLjcgMHpNLjkgNC44TDQuNSAxbDMuNyAzLjhjMCAuMS4yLjIuMy4yLjEgMCAuMyAwIC4zLS4xLjItLjIuMi0uNSAwLS43TDUuMS4yQzUgLjIgNC45LjEgNC44LjFjLS4yLS4xLS40LS4xLS42IDAtLjEgMC0uMi4xLS4yLjFMLjEgNC4xYy0uMi4yLS4yLjUgMCAuNy4zLjIuNi4yLjggMHoiLz48L3N2Zz4=); background-size: auto 12px; } select[multiple] { height: auto; } textarea { height: 168px; min-height: 168px; padding: 8px 8px 8px 15px; } textarea.compact { height: 42px; min-height: 42px; } textarea.medium { height: 84px; min-height: 84px; } .has-error input, .has-error select, .has-error textarea, .has-error .semantic-select .input { box-shadow: inset 1px 1px var(--main_color), inset -1px 1px var(--main_color), inset -1px -1px var(--main_color), inset 1px -1px var(--main_color); border-color: var(--main_color); } .input-select.has-error .semantic-select .input { background-color: var(--main_color); } input:focus, select:focus, textarea:focus, .check.box label.hover, .semantic-select.focus .input, .semantic-select.active .input, .chosen-container-active, .input-select.is-focus input, #root .has-tabs-input.is-focus .input-multiple, #root .has-tabs-input.is-focus > input, table input.input-date:focus { box-shadow: -2px 0 0 var(--bg_primary_input_border), 2px 0 0 var(--bg_primary_input_border), 0 -2px 0 var(--bg_primary_input_border), 0 2px 0 var(--bg_primary_input_border), -1px -1px 0 var(--bg_primary_input_border), 1px -1px 0 var(--bg_primary_input_border), -1px 1px 0 var(--bg_primary_input_border), 1px 1px 0 var(--bg_primary_input_border); border-color: var(--main_color); } button, input[type="button"], input[type="reset"], input[type="submit"], .link-btn a { float: left; padding: 23px 40px; border-radius: 2px; border: 1px solid var(--main_color); background: var(--main_color); color: var(--white); font-size: 18px; font-weight: 700; line-height: 1; text-align: center; font-family: 'Red Hat Display' } .wide > button, button.wide { padding: 23px; } button.wide, input.wide[type="button"], input.wide[type="reset"], input.wide[type="submit"], .link-btn a.wide { display: block; width: 100%; margin-right: 0; } button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, .link-btn a:focus { outline: none; } button i, .link-btn i { display: inline-block; position: relative; top: .1em; margin-right: 4px; font-size: 16px; line-height: 1px; } button .icon-chevron-left, .link-btn .icon-chevron-left, button .icon-chevron-right, .link-btn .icon-chevron-right { top: -.1em; font-size: 8px; } .semantic-select { display: block; position: relative; z-index: 5; font-weight: 400; text-align: left; } .semantic-select .input { background-position: -3000em -3000em; color: var(--black_40); line-height: 40px; } .semantic-select .input .text, .semantic-select .input .text span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; } .semantic-select .ticker { display: block; position: absolute; right: 0; top: 0; bottom: 0; width: 42px; color: var(--main_color); font-size: 5px; cursor: pointer; } .semantic-select .ticker:before { content: "\e911"; } .color-black-100 .semantic-select .input { padding-right: 50px; } .color-black-100 .semantic-select .ticker { border-radius: 0 2px 2px 0; background: var(--black_100); color: var(--white); font-size: 12px; } .color-black-100 .semantic-select .ticker:before { content: "\e93c"; } .color-black-100 .semantic-select.active .ticker { background: var(--main_color); } .semantic-select ul, .chosen-drop { display: none; overflow-y: auto; overflow-x: hidden; position: absolute; left: -3000em; top: 46px; z-index: 9; list-style: none; max-height: 265px; margin: 0; padding: 12px 0; box-shadow: 0 0 12px rgba(69,62,57,.15); border-radius: 2px; background: var(--white); color: var(--black_100); counter-reset: counter; } .semantic-select.active ul, .chosen-container-active .chosen-drop { display: block; left: 0; right: 0; } .semantic-select ul li, .chosen-drop ul li { position: relative; font-size: 16px; cursor: pointer; } .semantic-select ul li.caption { display: block; padding: 5px; color: var(--main_color); font-family: var(--font_titles); font-size: 12px; font-weight: 700; text-align: center; } .semantic-select ul li.br { margin-top: 4px; padding-top: 7px; } .semantic-select ul li.br:before { left: 15px; right: 15px; top: 0; border-top: 1px solid var(--black_10); } .semantic-select ul li.br.font-medium { margin-top: 22px; } .semantic-select ul li a, .chosen-drop ul li { display: block; position: relative; z-index: 2; padding: 3px 15px; font-weight: 400; color: var(--black_100); } .semantic-select ul li.active a, .semantic-select.chosen ul li a, .semantic-select.has-icon ul li a, .semantic-select ul li.has-icon a, .chosen-drop ul li { padding-left: 38px; } .semantic-select ul li.has-icon a i { display: block; position: absolute; left: 15px; top: 5px; font-size: 16px; line-height: 16px; } .semantic-select.active, .chosen-container-active { z-index: 99999; } /*.ol ~ .semantic-select ul {}*/ .ol ~ .semantic-select ul li a { padding-left: 78px; } .ol ~ .semantic-select ul li a:before { counter-increment: counter; content: counters(counter, '.') '.0 '; display: block; position: absolute; left: 36px; top: 3px; } .chosen-container { display: block; position: relative; width: 100% !important; padding: 0 0 0 5px; } .chosen-container ul { list-style: none; margin: 0; padding: 0; } #root .chosen-container input { width: 100% !important; min-width: 0 !important; height: 40px; padding: 0 15px 0 10px; box-shadow: none; border-width: 0; } /*.chosen-choices {}*/ .chosen-choices li { position: relative; margin: 0; } .chosen-choices li.search-choice, .input-file .files a { display: block; position: relative; height: 30px; margin: 5px 5px 5px 0; padding: 0 33px 0 13px; border-radius: 20px; background: var(--black_5); line-height: 30px; } .chosen-choices li.search-choice a, .input-file .files a { color: var(--black_40); font-size: 14px; text-decoration: none; } .chosen-choices li.search-choice a:after, .input-file .files a:before { content: "\e902"; left: auto; right: 7px; color: var(--black_40); font-size: 14px; } /*.chosen-drop {}*/ .chosen-drop ul li:before, #root .semantic-select ul li.active:before { left: 15px; right: auto; color: var(--main_color); font-size: 8px; } [data-whatintent="mouse"] .chosen-drop ul li:hover:before, #root .semantic-select ul li.active:before, #root .chosen-drop ul li.result-selected:before { content: "\e917"; } .chosen-drop ul li.no-results { overflow: hidden; padding-left: 15px; text-overflow: ellipsis; white-space: nowrap; } .input-search + .chosen-container { padding-left: 35px; } .submit { margin-top: 58px; } .cols + .submit { margin-top: 30px; } .check { position: relative; z-index: 2; list-style: none; margin-top: 25px; padding: 0; font-size: 1em; } .check > * { display: block; position: relative; margin-bottom: 18px; } .check label { display: block; position: relative; z-index: 2; width: auto; margin: 0; padding: 0 0 0 33px; font-size: 1em; } .check label:last-child { width: 100%; } .check label:before, .list-plain input ~ label:before { content: ""; display: block; position: absolute; left: 0; top: 0; z-index: 2; width: 20px; height: 20px; border-radius: 2px; border: 1px solid var(--main_color); background: var(--white); color: var(--white); font-family: i; font-weight: 400; font-size: 8px; line-height: 19px; text-align: center; cursor: pointer; } .check input[type="radio"] ~ label:before, .list-plain input[type="radio"] ~ label:before { border-radius: 99px; } .check input:checked ~ label:before, .list-plain input:checked ~ label:before { content: "\e917"; background: var(--black_100); color: var(--white); } .check select, .check .semantic-select .input { width: 111px; height: 32px; padding: 0 32px 0 7px; background-position: calc(100% + 2px) center; font-size: 16px; } .check .semantic-select, .check .semantic-select-wrapper { width: 111px; } .check .semantic-select .input { width: auto; line-height: 30px; } .check .semantic-select .ticker { width: 38px; } .check .semantic-select ul { top: 36px; } .check label.small { padding-left: 25px; font-size: 14px; } .check label.small:before, .check.font-medium label:before { top: 0; width: 16px; height: 16px; font-size: 6px; line-height: 14px; } .check input, .input-file input { position: absolute; left: 0; top: 0; z-index: -1; margin: 0; opacity: 0; } .check label + p { display: none; top: 0; margin: -13px 0 0 auto; } .check input:checked ~ label + p { display: block; } .check + p > button:first-child { margin-top: 2px; } .check li > div { position: relative; top: 5px; width: 100%; padding: 9px 0 .1px; color: var(--black_100); font-weight: 400; font-size: 16px; text-align: left; } #root .check li > div label { margin: 0 0 5px; padding: 0; color: inherit; font-weight: inherit; } .check li > div input { position: relative; visibility: visible; z-index: 1; background-color: var(--white); opacity: 1; } .label + .check { margin-top: 9px; } .check li + li input:checked ~ label { margin-top: 7px; } .check li + li input:checked ~ label + p { top: 0; margin-top: -6px; } .check input[disabled] ~ label { color: var(--black_40); cursor: default; } .check input[disabled] ~ label:before { border-color: var(--black_40); cursor: default; } .module-quote .check input[disabled] ~ label { color: var(--black_40); cursor: default; } #root .check input[disabled]:checked ~ label:before { border-color: var(--black_40); background: var(--black_40); } .module-quote .check input[disabled] ~ label:before { border-color: var(--black_15); } #root .module-quote .check input[disabled]:checked ~ label:before { border-color: var(--black_15); background: var(--black_15); } .check.box { display: block; margin-top: 0; margin-bottom: 6px; } .check.box li { margin-bottom: 8px; } #root .check.box label { margin: 0; padding: 12px 32px 12px 40px; border-radius: 3px; border: 1px solid var(--black_10); color: var(--black_100); font-weight: 400; font-size: 18px; cursor: pointer; } #root .check.box label:before { left: 15px; top: 15px; width: 16px; height: 16px; border-color: var(--black_40); } #root .check.box input:checked ~ label:before { content: ""; border-color: var(--black_100); background: var(--white); } #root .check.box input:checked ~ label:before { box-shadow: inset -3px -3px 0 var(--black_100), inset 3px -3px 0 var(--black_100), inset 3px 3px 0 var(--black_100), inset -3px 3px 0 var(--black_100), inset -4px 0 0 var(--black_100), inset 4px 0 0 var(--black_100), inset 0 4px 0 var(--black_100), inset 0 -4px 0 var(--black_100); } #root .check.box input[type="checkbox"]:checked ~ label:before { content: "\e917"; box-shadow: none; background: var(--black_100); color: var(--white); font-size: 6px; line-height: 14px; } #root .check.box label.error { margin: 0 0 0; margin-top: 6px; padding: 0 0 0 40px; border-radius: 0; border-width: 0; color: var(--wine); font-weight: 500; font-size: 16px; line-height: 1.5; } #root .check.box label.error:before { content: "\e9c1"; display: block; position: absolute; left: 16px; top: 3px; width: auto; height: auto; border-radius: 0; border-width: 0; background: none; color: var(--wine); font-size: 16px; line-height: 16px; text-align: left; } /*.check.box > * { width: 100%; margin: 0 0 8px; } .check.box label { min-width: 131px; padding: 9px 15px 9px 57px; border-radius: 3px 2px 2px 3px; border: 1px solid var(--black_15); background: var(--white); color: var(--black_40); font-size: 18px; cursor: pointer; } #root .check.box label:before { content: ""; left: 0; top: 0; bottom: 0; width: 42px; height: auto; border-radius: 2px 0 0 2px; border-width: 0; background: var(--black_30); } #root .check.box label.color-black-100:before { background: var(--black_100); } .check.box label span { display: block; position: absolute; left: 0; top: 0; bottom: 0; z-index: 9; width: 42px; color: var(--white); font-size: 14px; font-weight: 700; line-height: 42px; text-align: center; text-transform: uppercase; } .check.box input:checked ~ label { color: var(--black_100); } #root .check.box input:checked ~ label:before { background: var(--black_100); }*/ .check.box.inline { margin-right: -12px; } .check.box.inline > * { width: auto; margin: 0 12px 12px 0; } /*.check.double {}*/ .check.double > *, #root .double.check > * { width: 50%; } .check.double.font-medium > * { margin-bottom: 10px; } .check.double.font-medium { margin-bottom: 17px; } .check.overlay { padding: 22px 24px; } .check.overlay:before { border-radius: 2px; background: var(--black_5); } .check.font-medium { font-size: 14px; line-height: 1.2857142857; } .check.font-medium > * { margin-bottom: 15px; } .check.font-medium label { margin: 0; padding-left: 25px; color: var(--main_color); font-weight: 500; line-height: 1.2857142857; } .check.font-medium label:before { top: 1px; } .check.font-medium > span, .check.font-medium label > span { display: block; margin: 6px 0 0; color: var(--black_60); font-weight: 400; } /*.check.font-medium.box {}*/ #root .check.font-medium.box label { padding: 22px 22px 22px 48px; font-weight: 500; font-size: 14px; } #root .check.font-medium.box label:before { left: 22px; top: 23px; } #root .check.font-medium.box input:checked ~ label:before { border-color: var(--main_color); background: var(--main_color); } /*.check.color-primary {}*/ #root .check.color-primary label:before { border-color: var(--main_color); } .check.small { margin-bottom: 20px; color: var(--black_100); font-size: 16px; } .check.small li { margin-bottom: 8px; font-size: 1em; } .check.small label { padding-left: 24px; color: inherit; font-size: 1em; } .check.small label ~ div { margin-top: -7px; padding-left: 24px; } .check.small label:before { top: 2px; width: 16px; height: 16px; border-color: var(--black_100); font-size: 6px; line-height: 15px; } .check.small input:checked ~ label:before { border-color: var(--black_100); } .check.small p { margin-bottom: 5px; } .check.small + footer { margin-top: 0; } .check.small.font-medium { font-size: 14px; } .check.small.font-medium > li { margin-bottom: 11px; } .check.strong { margin-top: -7px; } .check.strong > * { margin-bottom: 8px; } .check.strong label { width: 100%; margin: 0; padding: 24px 50px 23px 55px; border-radius: 3px; border: 1px solid var(--black_15); background: var(--white); color: var(--black_100); font-weight: 500; font-size: 18px; line-height: 1; cursor: pointer; } .check.strong label:last-child { padding-right: 23px; } .check.strong label:before { left: 23px; top: 23px; border-radius: 99px; font-size: 6px; line-height: 18px; } .check.strong label span { margin-top: 4px; } .check.strong label ~ a { display: block; position: absolute; right: 23px; top: 17px; z-index: 9; } .check.strong input[disabled] ~ label { border-color: var(--black_5); color: var(--black_40); cursor: default; } .check.strong input[disabled] ~ label:before { border-color: var(--black_15); } .check.strong input[disabled]:checked ~ label:before { border-color: var(--black_15); background: var(--black_15); } h1 + .check.strong, h2 + .check.strong, h3 + .check.strong, h4 + .check.strong, h5 + .check.strong, h6 + .check.strong { margin-top: 32px; } /*.form-contact {}*/ .form-contact header h1, .form-contact header h2, .form-contact header h3, .form-contact header h4, .form-contact header h5, .form-contact header h6 { margin-bottom: 40px; color: var(--main_color); font-size: 56px; } .form-contact p, .form-contact .hs-form__row, .form-contact .check.box { margin-bottom: 24px; } .form-contact .cols, .form-contact .hs-form__field-row { display: block; position: relative; margin-left: -24px; } .form-contact .cols, .form-contact .hs-form__field-row, .form-contact .hs-form__actions { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .form-contact .cols > *, .form-contact .hs-form__field-row__column { display: block; position: relative; clear: none; float: left; width: 50%; border: 0 solid rgba(0,0,0,0); border-left-width: 24px; } .form-contact .hs-form__field-row__column:first-child:last-child, .form-contact .hs-form__actions button { width: 100%; } .form-contact .hs-form__alert-list { display: block; list-style: none; clear: both; width: 100%; margin: 11px 0 0; padding: 0; color: var(--main_color); font-weight: 500; font-size: 14px; } .form-contact .hs-form__alert-list li { margin: 0; } .form-quiz { margin: 44px 0 120px; } .form-quiz header { margin-bottom: 18px; color: var(--black_40); font-weight: 500; } .form-quiz header > * { margin: 0 0 8px; } .form-quiz header p { font-size: 14px; } .form-quiz h1, .form-quiz h2, .form-quiz h3, .form-quiz h4, .form-quiz h5, .form-quiz h6 { font-size: 24px; } .form-quiz section { margin-top: 30px; } .form-quiz footer { margin-top: 50px; } .form-quiz .feedback { font-size: 16px; } .form-quiz .feedback p { position: relative; z-index: 2; } .form-quiz .feedback p[class*="type-"] { padding-left: 40px; font-weight: 500; } .form-quiz .feedback p[class*="type-"]:before { left: 16px; right: auto; top: 3px; margin: 0; font-size: 16px; line-height: 16px; } .form-quiz .feedback p.type-1 { color: var(--pear); } .form-quiz .feedback p.type-1:before { content: "\e914"; } .form-quiz .feedback p.type-2 { color: var(--gold); } .form-quiz .feedback p.type-2:before { content: "\e9c0"; } .form-quiz .feedback p.type-3, .form-quiz .feedback p.type-4 { color: var(--wine); } .form-quiz .feedback p.type-3:before, .form-quiz .feedback p.type-4:before { content: "\e9c1"; } .form-quiz button { min-width: 240px; } .form-quiz button[disabled], .form-quiz input[type="button"][disabled], .form-quiz input[type="reset"][disabled], .form-quiz input[type="submit"][disabled], .form-quiz .link-btn a.disabled { border-color: var(--main_color); background-color: var(--main_color); opacity: .15; } .form-quiz footer { color: var(--black); font-size: 24px; line-height: 1.3333333333; text-align: center; } .form-quiz footer h1, .form-quiz footer h2, .form-quiz footer h3, .form-quiz footer h4, .form-quiz footer h5, .form-quiz footer h6 { margin: 0 0 20px; font-size: 72px; font-weight: 400; letter-spacing: -.02em; } .form-quiz footer .link-btn { margin-top: 80px; } .form-quiz footer .link-btn > * + * { margin-top: 15px; } #root .form-quiz footer .link-btn a.inline { font-size: 16px; } .form-quiz.is-success footer { margin-top: 113px; } .form-quiz .form-success ul { list-style: none; margin: 0; padding: 0; } .form-quiz[data-answers-chosen="type-1"] .form-success li:nth-child(1), .form-quiz[data-answers-chosen="type-2"] .form-success li:nth-child(2), .form-quiz[data-answers-chosen="type-3"] .form-success li:nth-child(3) { display: block; } /*! Helpers --------- */ #root #top, #logo:before, #logo:after, #logo, #mobile, #shadow, .owl-height, .list-inline-sticky a, #nav > ul > li > a, .popup-a .close, .popup-a .overlay-popup, .scheme-progress .prg .bar { transition-property: all; transition-duration: 0.4s; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-delay: -.1s; } .owl-height { transition-property: height; } .clear { clear: both; overflow: hidden; width: 100%; } .check input:checked ~ div.hidden, .semantic-select ul li.hidden, .check input:checked ~ .hidden { position: relative; left: 0; } .hidden, #root .desktop-hide, #root .tablet-only, #root .mobile-only, #nav em, .scheme-accesskey, #top:after, #mobile, #mobile em, #top > a.menu, #logo a.menu, .list-inline-sticky li:after, .list-main li:after, .list-social li:after, #mobile li:after, #nav li:after, .check li:after, .list-slider li:after, #root .owl-carousel .disabled, .popup-a, .popup-a .box-inset, .popup-a .box-outer > .close, .popup-a footer.hidden, #root label.hidden, .check div.hidden, .scheme-progress:after, .form-quiz .form-success, .form-quiz.is-success .submit, .has-error-cont ~ .feedback, .form-quiz .form-success li:after, .list-testimonials li:after, .list-contact li:after, #footer li:after, .list-box li:after, .list-inline li:after, .form-contact .hs-form__alert-list li:after, .form-quiz .form-success li, .list-slider > li, .list-slider.screen .caption, .list-slider.screen .caption-cont, .list-blog li:after, #root .list-blog figure:before, .list-logo li:after { display: none; } article, aside, details, dialog, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, .popup-a.ready, .popup-a.shown, .popup-a.shown .box-inset, .popup-a.shown .box-outer .close, .check input:checked ~ .hidden, .form-quiz.is-success .form-success, .list-contact a { display: block; } hr { display: block; overflow: hidden; width: 100%; height: 1px; margin: 15px 0; padding: 0; border: 0; border-top: 1px solid var(--black_30); background: none; font-size: 0; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, legend:first-child, .check:first-child, .submit:first-child, label.error:first-child, .popup-a .link-btn:first-child, .popup-a .box-inset > footer:first-child, .popup-a .box-inset > footer.m0, .popup-a .m25 + footer, .popup-a .m15 + footer, .popup-a .overlay-popup a.back + *, .popup-a .box-inset > .m0 + footer, .popup-a .box-inset > .m25 + footer, .popup-a .box-inset > .size-14 + h1, .popup-a .box-inset > .size-14 + h2, .popup-a .box-inset > .size-14 + h3, .popup-a .box-inset > .size-14 + h4, .popup-a .box-inset > .size-14 + h5, .popup-a .box-inset > .size-14 + h6, .popup-a .box-inset > .m10 + footer, .popup-a .overlay-popup h1:first-child, .popup-a .overlay-popup h2:first-child, .popup-a .overlay-popup h3:first-child, .popup-a .overlay-popup h4:first-child, .popup-a .overlay-popup h5:first-child, .popup-a .overlay-popup h6:first-child, .popup-a .overlay-popup .cols:first-child, .popup-a .overlay-popup h1 + .cols, .popup-a .overlay-popup h2 + .cols, .popup-a .overlay-popup h3 + .cols, .popup-a .overlay-popup h4 + .cols, .popup-a .overlay-popup h5 + .cols, .popup-a .overlay-popup h6 + .cols, header:first-child, #root .m10 + *, #root .m0 + *, .list-blog:first-child, .list-main.compact:first-child, .module-box:first-child, .list-main.hr:first-child, .form-quiz:first-child, .form-quiz section:first-child, .form-quiz footer:first-child, .form-quiz footer .link-btn:first-child, .module-article h1:first-child, .module-article h2:first-child, .module-article h3:first-child, .module-article h4:first-child, .module-article h5:first-child, .module-article h6:first-child, .list-testimonials:first-child, #root .m20 + *, .list-box:first-child, .list-testimonials[class*="color-"]:first-child, #root .m15 + *, #root .m55 + *, .list-main.box:first-child, .module-blog-post h1:first-child, .module-blog-post h2:first-child, .module-blog-post h3:first-child, .module-blog-post h4:first-child, .module-blog-post h5:first-child, .module-blog-post h6:first-child { margin-top: 0; } #root .m0, ul ul, ul ol, ol ol, ol ul, .check p, .list-main .item .list-main { margin-bottom: 0; } #root .m5 { margin-bottom: 5px; } #root .m10 { margin-bottom: 10px; } #root .m15 { margin-bottom: 15px; } #root .m20 { margin-bottom: 20px; } #root .m25 { margin-bottom: 25px; } #root .m30 { margin-bottom: 30px; } #root .m35 { margin-bottom: 35px; } #root .m40 { margin-bottom: 40px; } #root .m50 { margin-bottom: 50px; } #root .m55 { margin-bottom: 55px; } #root .m70 { margin-bottom: 70px; } #root .m75 { margin-bottom: 75px; } #root .m80 { margin-bottom: 80px; } #root .m90 { margin-bottom: 90px; } #root .m100 { margin-bottom: 100px; } #root .m120 { margin-bottom: 120px; } /*! Miscellaneous --------- */ audio, canvas, iframe, img, svg, video { border-width: 0; vertical-align: middle; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]), video[autoplay]:not([muted]) { display: none; } svg:not(:root) { overflow: hidden; } ::selection { background: var(--main_color); color: var(--white); text-shadow: none; } ::-moz-selection { background: var(--main_color); color: var(--white); text-shadow: none; } /*! Outlines --------- */ [data-whatinput="keyboard"] a:focus, [data-whatinput="keyboard"] button:focus, [data-whatinput="keyboard"] input:focus, [data-whatinput="keyboard"] select:focus, [data-whatinput="keyboard"] textarea:focus, [data-whatinput="keyboard"] .check input:focus ~ label:before { outline-width: 2px; outline-style: solid; } [data-whatintent="mouse"] input:focus, [data-whatintent="mouse"] select:focus, [data-whatintent="mouse"] textarea:focus { outline: none; } /*! Flexbox --------- */ /* flex */ .list-inline a, .list-inline, .module-tabs > nav ul, .list-box li, .list-box, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, #footer nav, .list-contact, .form-contact .cols, .scheme-progress, .submit, .check.box, #content.align-center, #root, .list-main.compact.double, .list-logo .owl-item, .list-logo .owl-carousel .owl-stage, .popup-a .box-outer, .list-blog, .list-logo, .module-aside, .module-aside > header:first-child, .cols, .owl-dots, .list-inline-sticky, #mobile ul, #nav, .link-btn, .list-social, .list-main, #nav > ul { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } /* f:nw */ .list-box li, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .scheme-progress, #content.align-center, #root { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } /* f:dr */ .module-aside.inv { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } /* f:dc */ .form-quiz footer .link-btn, .check.box, #content.align-center, #root, #mobile ul { -webkit-flex-direction: column; flex-direction: column; } /* f:dd */ .module-aside > header:first-child { -webkit-flex-direction: column-reverse; flex-direction: column-reverse; } /* f:je */ .link-btn.cta-inline, #footer .list-social { -webkit-justify-content: flex-end; justify-content: flex-end; } /* f:jc */ .form-quiz footer .link-btn, .text-center .submit, .submit.text-center, .link-btn.text-center, .text-center .link-btn, #content.align-center, .list-logo .owl-item, .list-social.text-center, .list-logo.text-center, .popup-a .box-outer, .owl-dots, #mobile ul { -webkit-justify-content: center; justify-content: center; } /* j:jb */ .scheme-progress, .link-btn.cta, .list-logo, .cols { -webkit-justify-content: space-between; justify-content: space-between; } /* f:as */ .check.box { -webkit-align-items: flex-start; align-items: flex-start; } /* f:ac */ h1.cols, h2.cols, h3.cols, h4.cols, h5.cols, h6.cols, .list-inline, .list-inline a, .form-quiz footer .link-btn, .list-logo .owl-item, .popup-a .box-outer, .list-logo, .link-btn, #mobile ul, #nav, #nav > ul { -webkit-align-items: center; align-items: center; } h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small { -webkit-align-items: baseline; align-items: baseline; } /* f:ab */ .module-aside { -webkit-align-items: stretch; align-items: stretch; } /* f:g3 */ #content { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } .cols > h1 + i, .cols > h2 + i, .cols > h3 + i, .cols > h4 + i, .cols > h5 + i, .cols > h6 + i { margin-bottom: 15px; -webkit-align-self: center; align-self: center; } /*! Animations --------- */ .popup-a.shown .box-inset, .popup-a.unshown .box-inset { -webkit-animation-duration: .25s; animation-duration: .25s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .popup-a.shown .box-inset { -webkit-animation-name: anim-open; animation-name: anim-open; } .popup-a.unshown .box-inset { -webkit-animation-name: anim-close; animation-name: anim-close; } @-webkit-keyframes fade { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fade { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes anim-open { 0% { visibility: hidden; opacity: 0; -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); } 100% { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } } @keyframes anim-open { 0% { visibility: hidden; opacity: 0; -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); } 100% { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes anim-close { 0% { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } 100% { visibility: hidden; opacity: 0; -webkit-transform: scale3d(.9,.9,1); transform: scale3d(.9,.9,1); } } @keyframes anim-close { 0% { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } 100% { visibility: hidden; opacity: 0; -webkit-transform: scale3d(.9,.9,1); transform: scale3d(.9,.9,1); } } /*! Icons --------- */ @font-face { font-family: 'i'; src: url('icons/icomoon.woff2') format('woff2'), url('icons/icomoon.woff') format('woff'); font-display: swap; } [class^="icon-"], [class*=" icon-"] { position: relative; font-family: 'i' !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-address:before, .ui-autocomplete[data-icon*="icon-address"] li:before, .semantic-select[data-icon*="icon-address"] ul li:before { content: "\e95f"; } .icon-aircraft:before, .ui-autocomplete[data-icon*="icon-aircraft"] li:before, .semantic-select[data-icon*="icon-aircraft"] ul li:before { content: "\e964"; } .icon-alert:before, .ui-autocomplete[data-icon*="icon-alert"] li:before, .semantic-select[data-icon*="icon-alert"] ul li:before { content: "\e918"; } .icon-alert-thin:before, .ui-autocomplete[data-icon*="icon-alert-thin"] li:before, .semantic-select[data-icon*="icon-alert-thin"] ul li:before { content: "\e94e"; } .icon-backward:before, .ui-autocomplete[data-icon*="icon-backward"] li:before, .semantic-select[data-icon*="icon-backward"] ul li:before { content: "\e9a2"; } .icon-bell:before, .ui-autocomplete[data-icon*="icon-bell"] li:before, .semantic-select[data-icon*="icon-bell"] ul li:before { content: "\e948"; } .icon-boiler-and-machinery:before, .ui-autocomplete[data-icon*="icon-boiler-and-machinery"] li:before, .semantic-select[data-icon*="icon-boiler-and-machinery"] ul li:before { content: "\e967"; } .icon-box:before, .ui-autocomplete[data-icon*="icon-box"] li:before, .semantic-select[data-icon*="icon-box"] ul li:before { content: "\e9be"; } .icon-box-window:before, .ui-autocomplete[data-icon*="icon-box-window"] li:before, .semantic-select[data-icon*="icon-box-window"] ul li:before { content: "\e9b2"; } .icon-brand:before, .ui-autocomplete[data-icon*="icon-brand"] li:before, .semantic-select[data-icon*="icon-brand"] ul li:before { content: "\e934"; } .icon-bricks:before, .ui-autocomplete[data-icon*="icon-bricks"] li:before, .semantic-select[data-icon*="icon-bricks"] ul li:before { content: "\e95e"; } .icon-bug:before, .ui-autocomplete[data-icon*="icon-bug"] li:before, .semantic-select[data-icon*="icon-bug"] ul li:before { content: "\e9c3"; } .icon-building:before, .ui-autocomplete[data-icon*="icon-building"] li:before, .semantic-select[data-icon*="icon-building"] ul li:before { content: "\e910"; } .icon-burglary-and-theft:before, .ui-autocomplete[data-icon*="icon-burglary-and-theft"] li:before, .semantic-select[data-icon*="icon-burglary-and-theft"] ul li:before { content: "\e966"; } .icon-calendar:before, .ui-autocomplete[data-icon*="icon-calendar"] li:before, .semantic-select[data-icon*="icon-calendar"] ul li:before { content: "\e915"; } .icon-calendar2:before, .ui-autocomplete[data-icon*="icon-calendar2"] li:before, .semantic-select[data-icon*="icon-calendar2"] ul li:before { content: "\e95d"; } .icon-calendar-plus:before, .ui-autocomplete[data-icon*="icon-calendar-plus"] li:before, .semantic-select[data-icon*="icon-calendar-plus"] ul li:before { content: "\e916"; } .icon-cancel:before, .ui-autocomplete[data-icon*="icon-cancel"] li:before, .semantic-select[data-icon*="icon-cancel"] ul li:before { content: "\e980"; } .icon-caret-down:before, .ui-autocomplete[data-icon*="icon-caret-down"] li:before, .semantic-select[data-icon*="icon-caret-down"] ul li:before { content: "\e986"; } .icon-caret-left:before, .ui-autocomplete[data-icon*="icon-caret-left"] li:before, .semantic-select[data-icon*="icon-caret-left"] ul li:before { content: "\e985"; } .icon-caret-right:before, .ui-autocomplete[data-icon*="icon-caret-right"] li:before, .semantic-select[data-icon*="icon-caret-right"] ul li:before { content: "\e984"; } .icon-caret-up:before, .ui-autocomplete[data-icon*="icon-caret-right"] li:before, .semantic-select[data-icon*="icon-caret-right"] ul li:before { content: "\e983"; } .icon-cart:before, .ui-autocomplete[data-icon*="icon-cart"] li:before, .semantic-select[data-icon*="icon-cart"] ul li:before { content: "\e949"; } .icon-cart-window:before, .ui-autocomplete[data-icon*="icon-cart-window"] li:before, .semantic-select[data-icon*="icon-cart-window"] ul li:before { content: "\e935"; } .icon-chart:before, .ui-autocomplete[data-icon*="icon-chart"] li:before, .semantic-select[data-icon*="icon-chart"] ul li:before { content: "\e936"; } .icon-chart-1st:before, .ui-autocomplete[data-icon*="icon-chart-1st"] li:before, .semantic-select[data-icon*="icon-chart-1st"] ul li:before { content: "\e995"; } .icon-chat:before, .ui-autocomplete[data-icon*="icon-chat"] li:before, .semantic-select[data-icon*="icon-chat"] ul li:before { content: "\e996"; } .icon-chat-smile:before, .ui-autocomplete[data-icon*="icon-chat-smile"] li:before, .semantic-select[data-icon*="icon-chat-smile"] ul li:before { content: "\e997"; } .icon-check:before, .ui-autocomplete[data-icon*="icon-check"] li:before, .semantic-select[data-icon*="icon-check"] ul li:before { content: "\e917"; } .icon-check-circle:before, .ui-autocomplete[data-icon*="icon-check-circle"] li:before, .semantic-select[data-icon*="icon-check-circle"] ul li:before { content: "\e914"; } .icon-check-circle-outline:before, .ui-autocomplete[data-icon*="icon-check-circle-outline"] li:before, .semantic-select[data-icon*="icon-check-circle-outline"] ul li:before { content: "\e97d"; } .icon-check-circle-semi:before, .ui-autocomplete[data-icon*="icon-check-circle-semi"] li:before, .semantic-select[data-icon*="icon-check-circle-semi"] ul li:before { content: "\e950"; } .icon-chevron-circle-down:before, .ui-autocomplete[data-icon*="icon-chevron-circle-down"] li:before, .semantic-select[data-icon*="icon-chevron-circle-down"] ul li:before { content: "\e93d"; } .icon-chevron-circle-down-inside:before, .ui-autocomplete[data-icon*="icon-chevron-circle-down-inside"] li:before, .semantic-select[data-icon*="icon-chevron-circle-down-inside"] ul li:before { content: "\e9ad"; } .icon-chevron-circle-left:before, .ui-autocomplete[data-icon*="icon-chevron-circle-left"] li:before, .semantic-select[data-icon*="icon-chevron-circle-left"] ul li:before { content: "\e93e"; } .icon-chevron-circle-left-inside:before, .ui-autocomplete[data-icon*="icon-chevron-circle-left-inside"] li:before, .semantic-select[data-icon*="icon-chevron-circle-left-inside"] ul li:before { content: "\e9ae"; } .icon-chevron-circle-right:before, .ui-autocomplete[data-icon*="icon-chevron-circle-right"] li:before, .semantic-select[data-icon*="icon-chevron-circle-right"] ul li:before { content: "\e93f"; } .icon-chevron-circle-right-inside:before, .ui-autocomplete[data-icon*="icon-chevron-circle-right-inside"] li:before, .semantic-select[data-icon*="icon-chevron-circle-right-inside"] ul li:before { content: "\e9ab"; } .icon-chevron-circle-up:before, .ui-autocomplete[data-icon*="icon-chevron-circle-up"] li:before, .semantic-select[data-icon*="icon-chevron-circle-up"] ul li:before { content: "\e940"; } .icon-chevron-circle-up-inside:before, .ui-autocomplete[data-icon*="icon-chevron-circle-up-inside"] li:before, .semantic-select[data-icon*="icon-chevron-circle-up-inside"] ul li:before { content: "\e9ac"; } .icon-chevron-down:before, .ui-autocomplete[data-icon*="icon-chevron-down"] li:before, .semantic-select[data-icon*="icon-chevron-down"] ul li:before { content: "\e911"; } .icon-chevron-left:before, .ui-autocomplete[data-icon*="icon-chevron-left"] li:before, .semantic-select[data-icon*="icon-chevron-left"] ul li:before { content: "\e912"; } .icon-chevron-right:before, .ui-autocomplete[data-icon*="icon-chevron-right"] li:before, .semantic-select[data-icon*="icon-chevron-right"] ul li:before { content: "\e913"; } .icon-chevron-semi-down:before, .ui-autocomplete[data-icon*="icon-chevron-semi-down"] li:before, .semantic-select[data-icon*="icon-chevron-semi-down"] ul li:before { content: "\e951"; } .icon-chevron-semi-left:before, .ui-autocomplete[data-icon*="icon-chevron-semi-left"] li:before, .semantic-select[data-icon*="icon-chevron-semi-left"] ul li:before { content: "\e952"; } .icon-chevron-semi-right:before, .ui-autocomplete[data-icon*="icon-chevron-semi-right"] li:before, .semantic-select[data-icon*="icon-chevron-semi-right"] ul li:before { content: "\e953"; } .icon-chevron-semi-up:before, .ui-autocomplete[data-icon*="icon-chevron-semi-up"] li:before, .semantic-select[data-icon*="icon-chevron-semi-up"] ul li:before { content: "\e954"; } .icon-chevron-square-down:before, .ui-autocomplete[data-icon*="icon-chevron-square-down"] li:before, .semantic-select[data-icon*="icon-chevron-square-down"] ul li:before { content: "\e9a3"; } .icon-chevron-square-left:before, .ui-autocomplete[data-icon*="icon-chevron-square-left"] li:before, .semantic-select[data-icon*="icon-chevron-square-left"] ul li:before { content: "\e9a4"; } .icon-chevron-square-right:before, .ui-autocomplete[data-icon*="icon-chevron-square-right"] li:before, .semantic-select[data-icon*="icon-chevron-square-right"] ul li:before { content: "\e9a5"; } .icon-chevron-square-up:before, .ui-autocomplete[data-icon*="icon-chevron-square-up"] li:before, .semantic-select[data-icon*="icon-chevron-square-up"] ul li:before { content: "\e99e"; } .icon-chevron-strong-down:before, .ui-autocomplete[data-icon*="icon-chevron-strong-down"] li:before, .semantic-select[data-icon*="icon-chevron-strong-down"] ul li:before { content: "\e943"; } .icon-chevron-strong-left:before, .ui-autocomplete[data-icon*="icon-chevron-strong-left"] li:before, .semantic-select[data-icon*="icon-chevron-strong-left"] ul li:before { content: "\e942"; } .icon-chevron-strong-right:before, .ui-autocomplete[data-icon*="icon-chevron-strong-right"] li:before, .semantic-select[data-icon*="icon-chevron-strong-right"] ul li:before { content: "\e945"; } .icon-chevron-strong-up:before, .ui-autocomplete[data-icon*="icon-chevron-strong-up"] li:before, .semantic-select[data-icon*="icon-chevron-strong-up"] ul li:before { content: "\e944"; } .icon-chevron-up:before, .ui-autocomplete[data-icon*="icon-chevron-up"] li:before, .semantic-select[data-icon*="icon-chevron-up"] ul li:before { content: "\e90f"; } .icon-choice:before, .ui-autocomplete[data-icon*="icon-choice"] li:before, .semantic-select[data-icon*="icon-choice"] ul li:before { content: "\e95c"; } .icon-city:before, .ui-autocomplete[data-icon*="icon-city"] li:before, .semantic-select[data-icon*="icon-city"] ul li:before { content: "\e9a9"; } .icon-claim:before, .ui-autocomplete[data-icon*="icon-claim"] li:before, .semantic-select[data-icon*="icon-claim"] ul li:before { content: "\e938"; } .icon-cmp-liability-non-liability:before, .ui-autocomplete[data-icon*="icon-cmp-liability-non-liability"] li:before, .semantic-select[data-icon*="icon-cmp-liability-non-liability"] ul li:before { content: "\e965"; } .icon-cog:before, .ui-autocomplete[data-icon*="icon-cog"] li:before, .semantic-select[data-icon*="icon-cog"] ul li:before { content: "\e90d"; } .icon-commercial-auto:before, .ui-autocomplete[data-icon*="icon-commercial-auto"] li:before, .semantic-select[data-icon*="icon-commercial-auto"] ul li:before { content: "\e968"; } .icon-copy:before, .ui-autocomplete[data-icon*="icon-copy"] li:before, .semantic-select[data-icon*="icon-copy"] ul li:before { content: "\e946"; } .icon-credit-credit-default:before, .ui-autocomplete[data-icon*="icon-credit-credit-default"] li:before, .semantic-select[data-icon*="icon-credit-credit-default"] ul li:before { content: "\e96b"; } .icon-crop:before, .ui-autocomplete[data-icon*="icon-crop"] li:before, .semantic-select[data-icon*="icon-crop"] ul li:before { content: "\e96a"; } .icon-css:before, .ui-autocomplete[data-icon*="icon-css"] li:before, .semantic-select[data-icon*="icon-css"] ul li:before { content: "\e9c4"; } .icon-doc:before, .ui-autocomplete[data-icon*="icon-doc"] li:before, .semantic-select[data-icon*="icon-doc"] ul li:before { content: "\e994"; } .icon-doc-check:before, .ui-autocomplete[data-icon*="icon-doc-check"] li:before, .semantic-select[data-icon*="icon-doc-check"] ul li:before { content: "\e924"; } .icon-doc-checks:before, .ui-autocomplete[data-icon*="icon-doc-checks"] li:before, .semantic-select[data-icon*="icon-doc-checks"] ul li:before { content: "\e99f"; } .icon-doc-edit:before, .ui-autocomplete[data-icon*="icon-doc-edit"] li:before, .semantic-select[data-icon*="icon-doc-edit"] ul li:before { content: "\e925"; } .icon-doc-edit2:before, .ui-autocomplete[data-icon*="icon-doc-edit2"] li:before, .semantic-select[data-icon*="icon-doc-edit2"] ul li:before { content: "\e9a8"; } .icon-doc-label:before, .ui-autocomplete[data-icon*="icon-doc-label"] li:before, .semantic-select[data-icon*="icon-doc-label"] ul li:before { content: "\e9a0"; } .icon-document:before, .ui-autocomplete[data-icon*="icon-document"] li:before, .semantic-select[data-icon*="icon-document"] ul li:before { content: "\e958"; } .icon-document2:before, .ui-autocomplete[data-icon*="icon-document2"] li:before, .semantic-select[data-icon*="icon-document2"] ul li:before { content: "\e9bc"; } .icon-document-filter:before, .ui-autocomplete[data-icon*="icon-document-filter"] li:before, .semantic-select[data-icon*="icon-document-filter"] ul li:before { content: "\e991"; } .icon-documents:before, .ui-autocomplete[data-icon*="icon-documents"] li:before, .semantic-select[data-icon*="icon-documents"] ul li:before { content: "\e926"; } .icon-documents2:before, .ui-autocomplete[data-icon*="icon-documents2"] li:before, .semantic-select[data-icon*="icon-documents2"] ul li:before { content: "\e992"; } .icon-dot:before, .ui-autocomplete[data-icon*="icon-dot"] li:before, .semantic-select[data-icon*="icon-dot"] ul li:before { content: "\e928"; } .icon-dots:before, .ui-autocomplete[data-icon*="icon-dots"] li:before, .semantic-select[data-icon*="icon-dots"] ul li:before { content: "\e90e"; } .icon-download:before, .ui-autocomplete[data-icon*="icon-download"] li:before, .semantic-select[data-icon*="icon-download"] ul li:before { content: "\e927"; } .icon-download-cloud:before, .ui-autocomplete[data-icon*="icon-download-cloud"] li:before, .semantic-select[data-icon*="icon-download-cloud"] ul li:before { content: "\e9ba"; } .icon-download2:before, .ui-autocomplete[data-icon*="icon-download2"] li:before, .semantic-select[data-icon*="icon-download2"] ul li:before { content: "\e93a"; } .icon-download3:before, .ui-autocomplete[data-icon*="icon-download3"] li:before, .semantic-select[data-icon*="icon-download3"] ul li:before { content: "\e956"; } .icon-drag:before, .ui-autocomplete[data-icon*="icon-drag"] li:before, .semantic-select[data-icon*="icon-drag"] ul li:before { content: "\e94b"; } .icon-drag-compact:before, .ui-autocomplete[data-icon*="icon-drag-compact"] li:before, .semantic-select[data-icon*="icon-drag-compact"] ul li:before { content: "\e9aa"; } .icon-earthquake:before, .ui-autocomplete[data-icon*="icon-earthquake"] li:before, .semantic-select[data-icon*="icon-earthquake"] ul li:before { content: "\e969"; } .icon-edit:before, .ui-autocomplete[data-icon*="icon-edit"] li:before, .semantic-select[data-icon*="icon-edit"] ul li:before { content: "\e90c"; } .icon-envelope:before, .ui-autocomplete[data-icon*="icon-envelope"] li:before, .semantic-select[data-icon*="icon-envelope"] ul li:before { content: "\e962"; } .icon-envelope-refresh:before, .ui-autocomplete[data-icon*="icon-envelope-refresh"] li:before, .semantic-select[data-icon*="icon-envelope-refresh"] ul li:before { content: "\e921"; } .icon-error:before, .ui-autocomplete[data-icon*="icon-error"] li:before, .semantic-select[data-icon*="icon-error"] ul li:before { content: "\e95a"; } .icon-exclamation:before, .ui-autocomplete[data-icon*="icon-exclamation"] li:before, .semantic-select[data-icon*="icon-exclamation"] ul li:before { content: "\e9af"; } .icon-exit:before, .ui-autocomplete[data-icon*="icon-exit"] li:before, .semantic-select[data-icon*="icon-exit"] ul li:before { content: "\e909"; } .icon-expand:before, .ui-autocomplete[data-icon*="icon-expand"] li:before, .semantic-select[data-icon*="icon-expand"] ul li:before { content: "\e9b7"; } .icon-facebook:before, .ui-autocomplete[data-icon*="icon-facebook"] li:before, .semantic-select[data-icon*="icon-facebook"] ul li:before { content: "\e9b3"; } .icon-fidelity:before, .ui-autocomplete[data-icon*="icon-fidelity"] li:before, .semantic-select[data-icon*="icon-fidelity"] ul li:before { content: "\e96c"; } .icon-financial-guaranty:before, .ui-autocomplete[data-icon*="icon-financial-guaranty"] li:before, .semantic-select[data-icon*="icon-financial-guaranty"] ul li:before { content: "\e96f"; } .icon-flood:before, .ui-autocomplete[data-icon*="icon-flood"] li:before, .semantic-select[data-icon*="icon-flood"] ul li:before { content: "\e96e"; } .icon-forward:before, .ui-autocomplete[data-icon*="icon-forward"] li:before, .semantic-select[data-icon*="icon-forward"] ul li:before { content: "\e9a1"; } .icon-google:before, .ui-autocomplete[data-icon*="icon-google"] li:before, .semantic-select[data-icon*="icon-google"] ul li:before { content: "\e9b5"; } .icon-growth:before, .ui-autocomplete[data-icon*="icon-growth"] li:before, .semantic-select[data-icon*="icon-growth"] ul li:before { content: "\e993"; } .icon-growth-line:before, .ui-autocomplete[data-icon*="icon-growth-line"] li:before, .semantic-select[data-icon*="icon-growth-line"] ul li:before { content: "\e9b8"; } .icon-hash:before, .ui-autocomplete[data-icon*="icon-hash"] li:before, .semantic-select[data-icon*="icon-hash"] ul li:before { content: "\e961"; } .icon-help:before, .ui-autocomplete[data-icon*="icon-help"] li:before, .semantic-select[data-icon*="icon-help"] ul li:before { content: "\e90a"; } .icon-home:before, .ui-autocomplete[data-icon*="icon-home"] li:before, .semantic-select[data-icon*="icon-home"] ul li:before { content: "\e90b"; } .icon-homeowners:before, .ui-autocomplete[data-icon*="icon-homeowners"] li:before, .semantic-select[data-icon*="icon-homeowners"] ul li:before { content: "\e96d"; } .icon-html:before, .ui-autocomplete[data-icon*="icon-html"] li:before, .semantic-select[data-icon*="icon-html"] ul li:before { content: "\e99b"; } .icon-icon:before, .ui-autocomplete[data-icon*="icon-icon"] li:before, .semantic-select[data-icon*="icon-icon"] ul li:before { content: "\e907"; } .icon-id:before, .ui-autocomplete[data-icon*="icon-id"] li:before, .semantic-select[data-icon*="icon-id"] ul li:before { content: "\e923"; } .icon-info-circle-outline:before, .ui-autocomplete[data-icon*="icon-info-circle-outline"] li:before, .semantic-select[data-icon*="icon-info-circle-outline"] ul li:before { content: "\e97c"; } .icon-inland-marine:before, .ui-autocomplete[data-icon*="icon-inland-marine"] li:before, .semantic-select[data-icon*="icon-inland-marine"] ul li:before { content: "\e970"; } .icon-instagram:before, .ui-autocomplete[data-icon*="icon-instagram"] li:before, .semantic-select[data-icon*="icon-instagram"] ul li:before { content: "\e9b4"; } .icon-integrate:before, .ui-autocomplete[data-icon*="icon-integrate"] li:before, .semantic-select[data-icon*="icon-integrate"] ul li:before { content: "\e933"; } .icon-integrate2:before, .ui-autocomplete[data-icon*="icon-integrate2"] li:before, .semantic-select[data-icon*="icon-integrate2"] ul li:before { content: "\e990"; } .icon-js:before, .ui-autocomplete[data-icon*="icon-js"] li:before, .semantic-select[data-icon*="icon-js"] ul li:before { content: "\e99c"; } .icon-keys:before, .ui-autocomplete[data-icon*="icon-keys"] li:before, .semantic-select[data-icon*="icon-keys"] ul li:before { content: "\e94f"; } .icon-lab:before, .ui-autocomplete[data-icon*="icon-lab"] li:before, .semantic-select[data-icon*="icon-lab"] ul li:before { content: "\e99d"; } .icon-laptop:before, .ui-autocomplete[data-icon*="icon-laptop"] li:before, .semantic-select[data-icon*="icon-laptop"] ul li:before { content: "\e9b0"; } .icon-layers:before, .ui-autocomplete[data-icon*="icon-layers"] li:before, .semantic-select[data-icon*="icon-layers"] ul li:before { content: "\e98d"; } .icon-linkedin:before, .ui-autocomplete[data-icon*="icon-linkedin"] li:before, .semantic-select[data-icon*="icon-linkedin"] ul li:before { content: "\e930"; } .icon-list:before, .ui-autocomplete[data-icon*="icon-list"] li:before, .semantic-select[data-icon*="icon-list"] ul li:before { content: "\e91e"; } .icon-lock:before, .ui-autocomplete[data-icon*="icon-lock"] li:before, .semantic-select[data-icon*="icon-lock"] ul li:before { content: "\e941"; } .icon-lock-thin:before, .ui-autocomplete[data-icon*="icon-lock-thin"] li:before, .semantic-select[data-icon*="icon-lock-thin"] ul li:before { content: "\e94c"; } .icon-logo:before, .ui-autocomplete[data-icon*="icon-logo"] li:before, .semantic-select[data-icon*="icon-logo"] ul li:before { content: "\e908"; } .icon-medical-malpractice:before, .ui-autocomplete[data-icon*="icon-medical-malpractice"] li:before, .semantic-select[data-icon*="icon-medical-malpractice"] ul li:before { content: "\e973"; } .icon-medium:before, .ui-autocomplete[data-icon*="icon-medium"] li:before, .semantic-select[data-icon*="icon-medium"] ul li:before { content: "\e931"; } .icon-menu:before, .ui-autocomplete[data-icon*="icon-menu"] li:before, .semantic-select[data-icon*="icon-menu"] ul li:before { content: "\e91a"; } .icon-minimize:before, .ui-autocomplete[data-icon*="icon-minimize"] li:before, .semantic-select[data-icon*="icon-minimize"] ul li:before { content: "\e9b6"; } .icon-microphone:before, .ui-autocomplete[data-icon*="icon-microphone"] li:before, .semantic-select[data-icon*="icon-microphone"] ul li:before { content: "\e9c5"; } .icon-minus:before, .ui-autocomplete[data-icon*="icon-minus"] li:before, .semantic-select[data-icon*="icon-minus"] ul li:before { content: "\e982"; } .icon-minus-circle:before, .ui-autocomplete[data-icon*="icon-minus-circle"] li:before, .semantic-select[data-icon*="icon-minus-circle"] ul li:before { content: "\e91f"; } .icon-minus-dot:before, .ui-autocomplete[data-icon*="icon-minus-dot"] li:before, .semantic-select[data-icon*="icon-minus-dot"] ul li:before { content: "\e9c0"; } .icon-motor-vehicle-service-contracts:before, .ui-autocomplete[data-icon*="icon-motor-vehicle-service-contracts"] li:before, .semantic-select[data-icon*="icon-motor-vehicle-service-contracts"] ul li:before { content: "\e972"; } .icon-newspaper:before, .ui-autocomplete[data-icon*="icon-newspaper"] li:before, .semantic-select[data-icon*="icon-newspaper"] ul li:before { content: "\e932"; } .icon-other-liability-occ-claims-made:before, .ui-autocomplete[data-icon*="icon-other-liability-occ-claims-made"] li:before, .semantic-select[data-icon*="icon-other-liability-occ-claims-made"] ul li:before { content: "\e971"; } .icon-other-lines-of-business:before, .ui-autocomplete[data-icon*="icon-other-lines-of-business"] li:before, .semantic-select[data-icon*="icon-other-lines-of-business"] ul li:before { content: "\e977"; } .icon-paper:before, .ui-autocomplete[data-icon*="icon-paper"] li:before, .semantic-select[data-icon*="icon-paper"] ul li:before { content: "\e9bd"; } .icon-paperclip:before, .ui-autocomplete[data-icon*="icon-paperclip"] li:before, .semantic-select[data-icon*="icon-paperclip"] ul li:before { content: "\e94d"; } .icon-paperclips:before, .ui-autocomplete[data-icon*="icon-paperclips"] li:before, .semantic-select[data-icon*="icon-paperclips"] ul li:before { content: "\e97e"; } .icon-paper-plane:before, .ui-autocomplete[data-icon*="icon-paper-plane"] li:before, .semantic-select[data-icon*="icon-paper-plane"] ul li:before { content: "\e92f"; } .icon-partners:before, .ui-autocomplete[data-icon*="icon-partners"] li:before, .semantic-select[data-icon*="icon-partners"] ul li:before { content: "\e92c"; } .icon-payment:before, .ui-autocomplete[data-icon*="icon-payment"] li:before, .semantic-select[data-icon*="icon-payment"] ul li:before { content: "\e98e"; } .icon-peak:before, .ui-autocomplete[data-icon*="icon-peak"] li:before, .semantic-select[data-icon*="icon-peak"] ul li:before { content: "\e92d"; } .icon-pencil:before, .ui-autocomplete[data-icon*="icon-pencil"] li:before, .semantic-select[data-icon*="icon-pencil"] ul li:before { content: "\e93b"; } .icon-personal-auto:before, .ui-autocomplete[data-icon*="icon-personal-auto"] li:before, .semantic-select[data-icon*="icon-personal-auto"] ul li:before { content: "\e976"; } .icon-personal-farmowners:before, .ui-autocomplete[data-icon*="icon-personal-farmowners"] li:before, .semantic-select[data-icon*="icon-personal-farmowners"] ul li:before { content: "\e975"; } .icon-phone:before, .ui-autocomplete[data-icon*="icon-phone"] li:before, .semantic-select[data-icon*="icon-phone"] ul li:before { content: "\e960"; } .icon-pin:before, .ui-autocomplete[data-icon*="icon-pin"] li:before, .semantic-select[data-icon*="icon-pin"] ul li:before { content: "\e905"; } .icon-plus:before, .ui-autocomplete[data-icon*="icon-plus"] li:before, .semantic-select[data-icon*="icon-plus"] ul li:before { content: "\e981"; } .icon-plus-circle:before, .ui-autocomplete[data-icon*="icon-plus-circle"] li:before, .semantic-select[data-icon*="icon-plus-circle"] ul li:before { content: "\e920"; } .icon-plus-dot:before, .ui-autocomplete[data-icon*="icon-plus-dot"] li:before, .semantic-select[data-icon*="icon-plus-dot"] ul li:before { content: "\e9bf"; } .icon-product-liability:before, .ui-autocomplete[data-icon*="icon-product-liability"] li:before, .semantic-select[data-icon*="icon-product-liability"] ul li:before { content: "\e974"; } .icon-property:before, .ui-autocomplete[data-icon*="icon-property"] li:before, .semantic-select[data-icon*="icon-property"] ul li:before { content: "\e9a7"; } .icon-rating:before, .ui-autocomplete[data-icon*="icon-rating"] li:before, .semantic-select[data-icon*="icon-rating"] ul li:before { content: "\e92e"; } .icon-recycle:before, .ui-autocomplete[data-icon*="icon-recycle"] li:before, .semantic-select[data-icon*="icon-recycle"] ul li:before { content: "\e98f"; } .icon-refresh:before, .ui-autocomplete[data-icon*="icon-refresh"] li:before, .semantic-select[data-icon*="icon-refresh"] ul li:before { content: "\e939"; } .icon-refresh2:before, .ui-autocomplete[data-icon*="icon-refresh2"] li:before, .semantic-select[data-icon*="icon-refresh2"] ul li:before { content: "\e97f"; } .icon-refresh3:before, .ui-autocomplete[data-icon*="icon-refresh3"] li:before, .semantic-select[data-icon*="icon-refresh3"] ul li:before { content: "\e99a"; } .icon-regress-line:before, .ui-autocomplete[data-icon*="icon-regress-line"] li:before, .semantic-select[data-icon*="icon-regress-line"] ul li:before { content: "\e9b9"; } .icon-screen:before, .ui-autocomplete[data-icon*="icon-screen"] li:before, .semantic-select[data-icon*="icon-screen"] ul li:before { content: "\e98c"; } .icon-screen-cloud:before, .ui-autocomplete[data-icon*="icon-screen-cloud"] li:before, .semantic-select[data-icon*="icon-screen-cloud"] ul li:before { content: "\e9b1"; } .icon-select:before, .ui-autocomplete[data-icon*="icon-select"] li:before, .semantic-select[data-icon*="icon-select"] ul li:before { content: "\e906"; } .icon-select2:before, .ui-autocomplete[data-icon*="icon-select2"] li:before, .semantic-select[data-icon*="icon-select2"] ul li:before { content: "\e93c"; } .icon-server:before, .ui-autocomplete[data-icon*="icon-server"] li:before, .semantic-select[data-icon*="icon-server"] ul li:before { content: "\e998"; } .icon-share:before, .ui-autocomplete[data-icon*="icon-share"] li:before, .semantic-select[data-icon*="icon-share"] ul li:before { content: "\e959"; } .icon-sheet:before, .ui-autocomplete[data-icon*="icon-sheet"] li:before, .semantic-select[data-icon*="icon-sheet"] ul li:before { content: "\e955"; } .icon-shield:before, .ui-autocomplete[data-icon*="icon-shield"] li:before, .semantic-select[data-icon*="icon-shield"] ul li:before { content: "\e903"; } .icon-sound:before, .ui-autocomplete[data-icon*="icon-sound"] li:before, .semantic-select[data-icon*="icon-sound"] ul li:before { content: "\e989"; } .icon-speedometer:before, .ui-autocomplete[data-icon*="icon-speedometer"] li:before, .semantic-select[data-icon*="icon-speedometer"] ul li:before { content: "\e92b"; } .icon-stars:before, .ui-autocomplete[data-icon*="icon-stars"] li:before, .semantic-select[data-icon*="icon-stars"] ul li:before { content: "\e9c2"; } .icon-surety:before, .ui-autocomplete[data-icon*="icon-surety"] li:before, .semantic-select[data-icon*="icon-surety"] ul li:before { content: "\e97b"; } .icon-tagline:before, .ui-autocomplete[data-icon*="icon-tagline"] li:before, .semantic-select[data-icon*="icon-tagline"] ul li:before { content: "\e98a"; } .icon-team:before, .ui-autocomplete[data-icon*="icon-team"] li:before, .semantic-select[data-icon*="icon-team"] ul li:before { content: "\e98b"; } .icon-time:before, .ui-autocomplete[data-icon*="icon-time"] li:before, .semantic-select[data-icon*="icon-time"] ul li:before { content: "\e91c"; } .icon-title:before, .ui-autocomplete[data-icon*="icon-title"] li:before, .semantic-select[data-icon*="icon-title"] ul li:before { content: "\e97a"; } .icon-tools:before, .ui-autocomplete[data-icon*="icon-tools"] li:before, .semantic-select[data-icon*="icon-tools"] ul li:before { content: "\e999"; } .icon-tooltip:before, .ui-autocomplete[data-icon*="icon-tooltip"] li:before, .semantic-select[data-icon*="icon-tooltip"] ul li:before { content: "\e937"; } .icon-transfer-cloud:before, .ui-autocomplete[data-icon*="icon-transfer-cloud"] li:before, .semantic-select[data-icon*="icon-transfer-cloud"] ul li:before { content: "\e9bb"; } .icon-trash:before, .ui-autocomplete[data-icon*="icon-trash"] li:before, .semantic-select[data-icon*="icon-trash"] ul li:before { content: "\e922"; } .icon-triangle:before, .ui-autocomplete[data-icon*="icon-triangle"] li:before, .semantic-select[data-icon*="icon-triangle"] ul li:before { content: "\e94a"; } .icon-twitter:before, .ui-autocomplete[data-icon*="icon-twitter"] li:before, .semantic-select[data-icon*="icon-twitter"] ul li:before { content: "\e92a"; } .icon-upload:before, .ui-autocomplete[data-icon*="icon-upload"] li:before, .semantic-select[data-icon*="icon-upload"] ul li:before { content: "\e947"; } .icon-upload2:before, .ui-autocomplete[data-icon*="icon-upload2"] li:before, .semantic-select[data-icon*="icon-upload2"] ul li:before { content: "\e9a6"; } .icon-upload3:before, .ui-autocomplete[data-icon*="icon-upload3"] li:before, .semantic-select[data-icon*="icon-upload3"] ul li:before { content: "\e957"; } .icon-upload-cloud:before, .ui-autocomplete[data-icon*="icon-upload-cloud"] li:before, .semantic-select[data-icon*="icon-upload-cloud"] ul li:before { content: "\e91d"; } .icon-user:before, .ui-autocomplete[data-icon*="icon-user"] li:before, .semantic-select[data-icon*="icon-user"] ul li:before { content: "\e904"; } .icon-user-circle:before, .ui-autocomplete[data-icon*="icon-user-circle"] li:before, .semantic-select[data-icon*="icon-user-circle"] ul li:before { content: "\e929"; } .icon-user-semi:before, .ui-autocomplete[data-icon*="icon-user-semi"] li:before, .semantic-select[data-icon*="icon-user-semi"] ul li:before { content: "\e95b"; } .icon-user-thin:before, .ui-autocomplete[data-icon*="icon-user-thin"] li:before, .semantic-select[data-icon*="icon-user-thin"] ul li:before { content: "\e919"; } .icon-variations:before, .ui-autocomplete[data-icon*="icon-variations"] li:before, .semantic-select[data-icon*="icon-variations"] ul li:before { content: "\e988"; } .icon-warning-circle-outline:before, .ui-autocomplete[data-icon*="icon-warning-circle-outline"] li:before, .semantic-select[data-icon*="icon-warning-circle-outline"] ul li:before { content: "\e978"; } .icon-website:before, .ui-autocomplete[data-icon*="icon-website"] li:before, .semantic-select[data-icon*="icon-website"] ul li:before { content: "\e963"; } .icon-workers-compensation:before, .ui-autocomplete[data-icon*="icon-workers-compensation"] li:before, .semantic-select[data-icon*="icon-workers-compensation"] ul li:before { content: "\e979"; } .icon-x:before, .ui-autocomplete[data-icon*="icon-x"] li:before, .semantic-select[data-icon*="icon-x"] ul li:before { content: "\e901"; } .icon-x-circle:before, .ui-autocomplete[data-icon*="icon-x-circle"] li:before, .semantic-select[data-icon*="icon-x-circle"] ul li:before { content: "\e902"; } .icon-x-dot:before, .ui-autocomplete[data-icon*="icon-x-dot"] li:before, .semantic-select[data-icon*="icon-x-dot"] ul li:before { content: "\e9c1"; } .icon-xls:before, .ui-autocomplete[data-icon*="icon-xls"] li:before, .semantic-select[data-icon*="icon-xls"] ul li:before { content: "\e987"; } .icon-x-thin:before, .ui-autocomplete[data-icon*="icon-x-thin"] li:before, .semantic-select[data-icon*="icon-x-thin"] ul li:before { content: "\e91b"; } .icon-zoom:before, .ui-autocomplete[data-icon*="icon-zoom"] li:before, .semantic-select[data-icon*="icon-zoom"] ul li:before { content: "\e900"; } .icon-8, p .icon-chevron-left, p .icon-chevron-right { position: relative; top: -.1em; font-size: 8px; } p .icon-chevron-left { margin-right: 8px; } p .icon-chevron-right { margin-left: 8px; } .icon-12 { font-size: 12px; } .icon-14 { font-size: 14px; } .icon-16 { font-size: 16px; } .icon-24 { font-size: 24px; } .icon-32 { font-size: 32px; } .icon-40 { font-size: 40px; } .icon-100 { font-size: 100px; } p .icon-download3 { margin-right: 2px; font-size: 12px; } /*p a .icon-chevron-left { margin-left: 5px; margin-right: 8px; } p a .icon-chevron-left { margin-left: 5px; margin-right: 8px; }*/ /* Responsive --------- */ @media only screen and (max-width: 1200px) { /*.module-success { font-size: 18px; } .module-success h1, .module-success h2, .module-success h3, .module-success h4, .module-success h5, .module-success h6 { font-size: 54px; } .module-success h1 i, .module-success h2 i, .module-success h3 i, .module-success h4 i, .module-success h5 i, .module-success h6 i { width: 135px; height: 135px; margin-bottom: 15px; font-size: 45px; line-height: 135px; }*/ } @media only screen and (min-width: 1100px) { .w960 { margin-left: -81px; margin-right: -81px; } } @media only screen and (max-width: 1000px) { #top { width: 798px; margin-left: -399px !important; } #nav > ul > li { margin-left: 23px; } /*.module-wide {}*/ #root .module-wide > .background.aside { right: calc(-50vw + 399px); width: auto; } /*.module-wide.text-center {}*/ .module-wide.text-center h1, .module-wide.text-center h2, .module-wide.text-center h3, .module-wide.text-center h4, .module-wide.text-center h5, .module-wide.text-center h6 { margin-left: 0; margin-right: 0; } #logo:after { visibility: hidden; opacity: 0; } } @media only screen and (min-width: 821px) { /*.list-main.triple {}*/ .list-main.triple li { width: 33.333333333%; } .lead + .list-main.triple li { padding-top: 15px; } .lead + .list-main.triple li:before { border-top: 1px solid var(--black_10); } #content > .module-wide:first-child > .text-center:first-child { padding-top: 54px; } .list-slider.screen.wide, figure.screen.wide { height: 635px; margin-left: -105px; margin-right: -105px; padding: 31px 119px 124px; } .module-wide > .list-slider.wide:last-child:before, .module-wide > figure.wide:last-child:before { max-height: 315px; } .list-slider.screen.wide .caption-cont { display: block; position: absolute; left: 0; right: 0; top: 100%; width: 100%; padding: 100px 0 6px; } .list-slider.screen.wide .caption-cont ~ .owl-dots { bottom: -146px; } } @media only screen and (max-width: 820px) { #content, #top, #mobile, #footer { width: 480px; } #top, #mobile { left: 50%; margin-left: -240px; } h1, .h1 { font-size: 40px; line-height: 1.2; } h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small { margin-bottom: 31px; font-size: 12px; } h1 .small i, h2 .small i, h3 .small i, h4 .small i, h5 .small i, h6 .small i { top: .25em; font-size: 2em; } figure { font-size: 12px; line-height: 1.5; } img + span, span + img, img + figcaption, figcaption + img, video + span, span + video, video + figcaption, figcaption + video, iframe + span, span + iframe, iframe + figcaption, figcaption + iframe, .module-wide > figure > figcaption { margin-top: 12px; } #root { padding-top: 80px; } #top, #top.scroll-to-fixed-fixed { position: fixed !important; left: 50% !important; top: 0 !important; z-index: 999 !important; height: 80px; margin-left: -240px !important; } #top:before, #mobile:before { background: var(--main_color); } /*#logo {}*/ #logo:before { font-size: 32px; } #top:after { content: "\e91a"; display: block; left: auto; font-size: 12px; } #top > a.menu { display: block; position: absolute; right: -20px; top: 0; bottom: 0; z-index: 9; width: 60px; opacity: .1; } #content { padding-top: 40px; } #content > .module-wide:first-child { margin-top: -20px; } #footer { padding-bottom: 76px; padding-top: 62px; } #footer:after { top: 62px; } #footer nav { margin-bottom: 15px; } #footer nav > * { width: 50%; } #footer nav > *:not(.list-social) { margin-bottom: 3px; } #mobile { display: block; position: fixed; top: 80px; z-index: 998; max-height: calc(100vh - 80px); padding: 25px 0 36px; background: var(--main_color); color: var(--white); font-family: var(--font_titles); text-align: center; } #mobile { -webkit-transform: translateY(-100%); transform: translateY(-100%); } #mobile ul { list-style: none; margin: 0; padding: 0; } #mobile li { display: block; margin: 0; padding: 4px 0; border-radius: 0; border-width: 0; font-size: 16px; font-weight: 700; } #mobile li a { display: block; color: inherit; text-decoration: none; opacity: .5; } #mobile li.btn { padding-top: 23px; } .menu-active #mobile { -webkit-transform: none; transform: none; } .menu-active #shadow { visibility: visible; opacity: 1; } .cols.b80 { display: block; } #root .cols.b80 > * { float: none; width: 100%; } .cols.b80 > * + * { margin-top: 46px; } .cols.b80 + .module-box { margin-top: 62px; } #root .cols.m35 { margin-bottom: 60px; } /*.fancybox-container {}*/ .fancybox-container .fancybox-slide--image { padding: 24px; } .fancybox-container .fancybox-button.fancybox-button--close { width: 68px; height: 68px; } .fancybox-container .fancybox-button.fancybox-button--close:before { font-size: 20px; } /*.form-contact }*/ .form-contact header h1, .form-contact header h2, .form-contact header h3, .form-contact header h4, .form-contact header h5, .form-contact header h6 { font-size: 40px; } /*.form-quiz {}*/ .form-quiz.is-success footer { margin-top: 50px; } .form-quiz footer { font-size: 24px; } .form-quiz footer h1, .form-quiz footer h2, .form-quiz footer h3, .form-quiz footer h4, .form-quiz footer h5, .form-quiz footer h6 { font-size: 56px; } .form-quiz footer .link-btn { margin-top: 32px; } .lead { margin-top: 14px; font-size: 18px; } /*.link-btn {}*/ /*button, input[type="button"], input[type="reset"], input[type="submit"], .link-btn a { padding: 15px 24px; font-size: 18px; }*/ .link-btn.cta { text-align: center; } .link-btn.cta-inline { padding: 24px 24px 14px 24px; } .link-btn.cta-inline > span:first-child { width: 100%; margin: 0 23px 16px 0; } .list-blog { margin-left: -24px; } .list-blog li { border-left-width: 24px; } .cols + .list-blog { margin-top: 6px; } .list-box { --spacing: 24px; } .list-contact { display: block; } #root .list-contact li, .list-main.box li { width: 100%; } .list-inline-sticky { margin-right: -18px; font-size: 18px; } .list-inline-sticky li { margin-right: 18px; } .list-inline-sticky.scroll-to-fixed-fixed:before { top: 0; bottom: 0; } h1 + .list-inline-sticky, h2 + .list-inline-sticky, h3 + .list-inline-sticky, h4 + .list-inline-sticky, h5 + .list-inline-sticky, h6 + .list-inline-sticky, h1 + .list-inline-sticky.scroll-to-fixed-fixed + .spacer, h2 + .list-inline-sticky.scroll-to-fixed-fixed + .spacer, h3 + .list-inline-sticky.scroll-to-fixed-fixed + .spacer, h4 + .list-inline-sticky.scroll-to-fixed-fixed + .spacer, h5 + .list-inline-sticky.scroll-to-fixed-fixed + .spacer, h6 + .list-inline-sticky.scroll-to-fixed-fixed + .spacer { margin-top: 38px; } .list-inline-sticky + *, .list-inline-sticky + .spacer + * { margin-top: 1px; padding-top: 41px; } .list-logo { margin-top: 22px; margin-bottom: 58px; } #root .size-10 + .list-logo.text-center, #root .size-10 + .list-logo.text-center.desktop-only + .list-logo.desktop-hide { margin-top: 32px; } #root .size-10 + .list-logo.text-center.is-slider, #root .size-10 + .list-logo.text-center.desktop-only + .list-logo.desktop-hide.is-slider { margin-top: 20px; } .list-logo.static { display: block; } .list-logo.static li + li { margin-top: 32px; } .list-main { margin: 0 0 1px -24px; } .list-main li { border-left-width: 24px; } .list-main + .quote-main, .list-main + .module-wide { margin-top: 26px; } .list-main + .module-box { margin-top: 2px; } .list-main + .link-btn { margin-top: 0; } .lead + .list-main { margin-top: 35px; } .list-main.box { margin-top: 38px; --i_size: 24px; } .list-main.box li { padding: 24px; } .list-main.box h1, .list-main.box h2, .list-main.box h3, .list-main.box h4, .list-main.box h5, .list-main.box h6, .list-main.box li > .strong { margin-bottom: 2px; font-size: 16px; } .list-main.hr { display: block; margin-top: 40px; } .list-main.hr li, .list-main.compact.double li { width: 100%; } .list-main.is-slider + *, .module-aside .list-main.is-slider + .link-btn { margin-top: 28px; } .list-slider, .module-wide > figure { margin: 31px 0; } .list-slider.screen, figure.screen { height: 302px; padding: 15px 57px 59px; } .list-slider.screen .owl-dots { bottom: -68px; } .list-testimonials { margin-top: 0; margin-bottom: 23px; font-size: 12px; --pd: 24px; } .list-testimonials h1, .list-testimonials h2, .list-testimonials h3, .list-testimonials h4, .list-testimonials h5, .list-testimonials h6 { margin-bottom: 20px; } .list-testimonials q { margin-bottom: 15px; font-size: 18px; } .list-testimonials .strong { margin: 0 0 2px; } .module-box > .list-testimonials:first-child { margin-top: 0; } .list-testimonials .size-48 { font-size: 24px; } list-testimonials h1, .list-testimonials h2, .list-testimonials h3, .list-testimonials h4, .list-testimonials h5, .list-testimonials h6 { margin-bottom: 12px; padding-bottom: 22px; } .list-testimonials h1 .small, .list-testimonials h2 .small, .list-testimonials h3 .small, .list-testimonials h4 .small, .list-testimonials h5 .small, .list-testimonials h6 .small { font-size: 12px; } .list-testimonials[class*="color-"] .owl-dots, .list-testimonials li[data-color*="color-"] .owl-dots { margin-top: -16px; padding-bottom: 24px; } .list-testimonials[class*="color-"], .list-testimonials li[data-color*="color-"] { margin: 62px 0; } #root .m40 + .link-btn { margin-top: -16px; } /*.module-article {}*/ .module-article header { margin-bottom: 36px; } .module-article header h1, .module-article header h2, .module-article header h3, .module-article header h4, .module-article header h5, .module-article header h6 { font-size: 32px; } .module-aside { margin-bottom: 18px; } #root .module-aside > * { display: block; float: none; width: 100%; } .module-aside > header:first-child h1, .module-aside > header:first-child h2, .module-aside > header:first-child h3, .module-aside > header:first-child h4, .module-aside > header:first-child h5, .module-aside > header:first-child h6, .module-aside > header:first-child > *:last-child { margin-bottom: 30px; font-size: 40px; line-height: 1.2; } .module-aside > header:first-child > figure:first-child { margin: 0 0 17px; } .module-aside > header:first-child > figure:first-child img { display: block; width: auto !important; max-height: 105px !important; } .module-aside .list-main.is-slider ~ .link-btn { -webkit-justify-content: center; justify-content: center; } .module-aside > footer { margin-top: -14px; } .module-aside.inv, .module-aside.color-primary { margin-bottom: 64px; padding-top: 64px; padding-bottom: 18px; } /*.module-blog-post {}*/ .module-blog-post figure + h1, .module-blog-post figure + h2, .module-blog-post figure + h3, .module-blog-post figure + h4, .module-blog-post figure + h5, .module-blog-post figure + h6 { margin-top: 42px; } .module-blog-post header h1, .module-blog-post header h2, .module-blog-post header h3, .module-blog-post header h4, .module-blog-post header h5, .module-blog-post header h6 { margin-bottom: 16px; font-size: 40px; } .module-blog-post footer { margin-top: 0; } .module-box { margin: 48px 0; padding-left: 25px; padding-right: 25px; } .module-box > h1:first-child, .module-box > h2:first-child, .module-box > h3:first-child, .module-box > h4:first-child, .module-box > h5:first-child, .module-box > h6:first-child, .module-box > header:first-child > h1:first-child, .module-box > header:first-child > h2:first-child, .module-box > header:first-child > h3:first-child, .module-box > header:first-child > h4:first-child, .module-box > header:first-child > h5:first-child, .module-box > header:first-child > h6:first-child { font-size: 24px; line-height: 1.1666666667; } .module-box.cols > *:first-child { padding-right: 12px; } .module-box.cols > *:last-child { padding-left: 12px; } .module-box + .module-wide { margin-top: 65px; } .module-box + .link-btn.cta { margin-top: -40px; } #root .module-box .size-48 { font-size: 24px; } .module-box .size-48 .small { font-size: 10px; opacity: .6; } .module-box + .module-box, .module-box + .list-testimonials[class*="color-"] { margin-top: -40px; } .module-box.cols { padding-left: 25px; padding-right: 25px; } #root .module-box.cols > * { float: none; width: 100%; padding-left: 0; padding-right: 0; } .module-box.cols > * + * { margin-top: 16px; } .module-offset, .module-team { padding-left: 104px; } .module-offset > figure:first-child, .module-team > figure:first-child { width: 80px; } .module-offset > figure:first-child, .module-team > figure:first-child, .module-offset .module-team { margin-left: -104px; } h1 + .module-offset, h2 + .module-offset, h3 + .module-offset, h4 + .module-offset, h5 + .module-offset, h6 + .module-offset, h1 + .module-team, h2 + .module-team, h3 + .module-team, h4 + .module-team, h5 + .module-team, h6 + .module-team { margin-top: 24px; } /*.module-tabs {}*/ .module-tabs > nav { margin-bottom: 40px; font-size: 18px; } .module-tabs > nav ul { margin-right: -18px; padding-bottom: 2px; } .module-tabs > nav ul li { margin-right: 18px; } .module-team { margin-bottom: 12px; } .module-team > h1:first-child, .module-team > h2:first-child, .module-team > h3:first-child, .module-team > h4:first-child, .module-team > h5:first-child, .module-team > h6:first-child, .module-team > figure:first-child + h1, .module-team > figure:first-child + h2, .module-team > figure:first-child + h3, .module-team > figure:first-child + h4, .module-team > figure:first-child + h5, .module-team > figure:first-child + h6 { font-size: 18px; } .module-team .list-social { margin-bottom: 2px; } .module-team .link-strong { margin-top: -15px; } .module-team + .module-team { margin-top: 0; } .module-wide { margin: 64px 0; padding-top: 38px; padding-bottom: 14px; } .module-wide + .module-wide, .module-wide + .quote-main, .quote-main + .quote-main, .quote-main + .module-wide { margin-top: -80px; } .module-wide h1 + .link-btn, .module-wide h2 + .link-btn, .module-wide h3 + .link-btn, .module-wide h4 + .link-btn, .module-wide h5 + .link-btn, .module-wide h6 + .link-btn { margin-top: 32px; } .module-wide > .list-main:last-child { margin-bottom: 10px; } .module-wide > .link-btn:last-child { margin-bottom: 50px; } .module-wide > .list-slider:last-child:before, .module-wide > figure:last-child:before { max-height: 110px; } .module-wide > .list-inline-sticky:last-child, .module-wide > .list-inline-sticky + .spacer:last-child { margin-bottom: -14px; } .module-wide > .size-10:first-child { margin-top: -24px; } #root .module-wide > .list-logo.m0:last-child { margin-bottom: 21px; } .link-btn + .module-wide, .link-btn + .quote-main { margin-top: 38px; } .module-offset + .module-wide, .module-team + .module-wide, .module-offset + .quote-main, .module-team + .quote-main { margin-top: 39px; } .m75 + .module-wide { margin-top: -15px; } #root .module-wide.m100 { margin-bottom: 64px; } .module-wide > .list-slider:last-child, .module-wide > figure:last-child { margin-bottom: -32px; } /*.module-wide.text-center {}*/ .module-wide.text-center > figure:last-child { margin-bottom: 0; margin-right: 0; } .quote-main { margin: 64px 0; padding: 30px 0; font-size: 16px; line-height: 1.25; } .quote-main q { font-size: 20px; line-height: 1.4; } .quote-main span { margin-top: 12px; } .quote-main .strong { margin-bottom: 22px; font-size: 14px; } .size-48 { font-size: 32px; } .size-48 i, .cols > .size-48 + i { font-size: 32px; } .size-48.text-center, .module-box > .size-48.text-center:first-child { font-size: 40px; } .size-72 { font-size: 56px; } .link-btn.cta-inline, .link-btn.cta { -webkit-justify-content: center; justify-content: center; } #root .desktop-hide { display: block; } #logo:after, #nav, #root .module-wide > .background.aside { display: none; } #root .desktop-hide, #root .tablet-only { position: relative; left: 0; top: 0; } #root .desktop-only, #root .tablet-hide { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } } @media only screen and (max-width: 520px) { /* 520 */ #content, #footer { width: 100%; padding-left: 24px; padding-right: 24px; } #top, #top.scroll-to-fixed-fixed { left: 24px !important; right: 24px !important; width: auto !important; margin: 0 !important; } #mobile { overflow-x: hidden; overflow-y: auto; left: 0; right: 0; width: auto; margin: 0; padding-left: 24px; padding-right: 24px; } #footer { padding-top: 105px; } #footer:after { left: 24px; top: 24px; margin: 0; } #root #footer .list-social { margin-bottom: 10px; } #footer nav { display: block; margin: 0 0 40px; } #footer nav > * { border-left-width: 0; } #footer nav > *:not(.list-social) { width: 100%; max-width: 170px; margin-bottom: 28px; } /*.link-btn {}*/ #root .link-btn a.inline { width: 100%; margin-top: 14px; margin-right: 0; text-align: left; } #root .link-btn a.inline:first-child { margin-top: 0; } .link-btn.cta { padding: 24px 1px 14px 24px; text-align: center; } /*.list-blog {}*/ .list-blog li { width: 100%; } .list-blog li:last-child > *:last-child { margin-bottom: 0; } .list-blog + * { margin-top: 12px; } .list-blog + h1, .list-blog + .h1 { margin-top: 36px; } .list-blog + .list-social { margin-top: 39px; } /*.list-blog.compact {}*/ .list-blog.compact.is-slider li:before { bottom: 1px; } .list-blog.compact.is-slider .owl-dots { padding-top: 3px; } /*.list-main {}*/ .list-main li, .list-box li { width: 100%; } .list-inline-sticky { overflow-x: auto; overflow-y: hidden; margin-left: -24px; margin-right: -24px; white-space: nowrap; } .list-inline-sticky li { margin-right: 0; border-left-width: 18px; } .list-inline-sticky li:first-child { border-left-width: 24px; } .list-inline-sticky li:last-child { border-right-width: 24px; } .list-inline-sticky.scroll-to-fixed-fixed { left: 0 !important; right: 0 !important; width: 100% !important; margin-left: 0 !important; margin-right: 0; background: var(--main_color); } .list-slider.screen, figure.screen { height: calc(63vw - 24px - 24px); padding: 3.25% 12% 12%; } .list-slider.screen .owl-dots { bottom: -33%; } .list-slider.screen.mobile-offset, figure.screen.mobile-offset { width: 588px; height: 370px; padding: 18px 70px 72px; } .list-slider.screen.mobile-offset { pointer-events: none; } .module-offset, .module-team { padding-left: 0; } .module-offset > figure:first-child, .module-team > figure:first-child { float: none; width: auto; margin-bottom: 8px; text-align: left; } .module-offset > figure:first-child img, .module-team > figure:first-child img { display: block; float: left; max-width: 80px !important; margin: 0 8px 8px 0; } .module-offset > figure:first-child, .module-team > figure:first-child, .module-offset .module-team { margin-left: 0; } .module-offset .module-team > figure:first-child + h1, .module-offset .module-team > figure:first-child + h2, .module-offset .module-team > figure:first-child + h3, .module-offset .module-team > figure:first-child + h4, .module-offset .module-team > figure:first-child + h5, .module-offset .module-team > figure:first-child + h6, .module-team > figure:first-child + h1, .module-team > figure:first-child + h2, .module-team > figure:first-child + h3, .module-team > figure:first-child + h4, .module-team > figure:first-child + h5, .module-team > figure:first-child + h6 { top: 0; } .module-wide { margin: 40px 0; } .module-wide > .list-blog:last-child { margin-bottom: 21px; } .module-wide > .list-slider:last-child:before, .module-wide > figure:last-child:before { max-height: none; height: 34%; } .module-wide:before, .module-wide > .list-slider:last-child:before, .module-wide > figure:before { left: -24px; right: -24px; width: auto; margin-left: 0; } .module-wide > .list-slider.screen.mobile-offset:last-child:before { height: 54%; } .module-wide > .list-slider:last-child, .module-wide > figure:last-child { margin-bottom: -20px; } #root .module-wide.m100 { margin-bottom: 40px; } /*.module-wide.welcome {}*/ .module-wide.welcome .lead { margin-top: 0; font-size: 16px; } /*.popup-a {}*/ .popup-a .box-outer { padding: 0; } .popup-a .box-inset, .popup-a .overlay-popup { padding: 25px 25px .1px; border-radius: 0; } .popup-a .box-inset > .close, .popup-a .box-inset > .back { right: 21px; top: 24px; } .popup-a .box-inset > .close:before { left: 0; top: 50%; bottom: auto; margin-top: -10px; line-height: 20px; text-align: center; } .popup-a .link-btn { margin-top: 24px; } .popup-a .box-inset > footer { padding-right: 12px; } .popup-a .link-btn > * { margin-right: 12px; } .popup-a .link-btn a, .popup-a footer button, .popup-a .box-inset > footer button { width: auto; min-width: 0; margin-top: 0; padding: 13px; font-size: 14px; } .popup-a .link-btn a:first-child:last-child, .popup-a footer button:first-child:last-child, .popup-a .box-inset > footer button:first-child:last-child { width: 100%; } .popup-a .form-popup .submit, .popup-a .link-btn.last-child, .popup-a .box-inset > footer { margin-left: -25px; margin-right: -25px; margin-bottom: 0; padding-left: 12px; padding-right: 12px; padding-top: 12px; border-top: 1px solid var(--black_10); } .popup-a .link-btn.last-child a, .popup-a .box-inset > footer .link-btn a { margin-bottom: 12px; margin-right: 12px; } /*.popup-a.mobile-bottom {}*/ .popup-a.mobile-bottom .box-outer { padding: 0; } .popup-a.mobile-bottom .box-inner { max-width: none; } .popup-a .cols, #root .mobile-only.link-btn { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .list-inline-sticky { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } .list-inline-sticky.scroll-to-fixed-fixed, #root #footer .list-social { -webkit-justify-content: flex-start; justify-content: flex-start; } .link-btn.cta { -webkit-justify-content: center; justify-content: center; } .popup-a.mobile-bottom .box-outer { -webkit-align-items: flex-end; align-items: flex-end; } .link-btn.wide > * { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } .popup-a .overlay-popup a.back { margin-top: 0; } .popup-a .box-inset > footer > .link-btn:last-child { margin-bottom: 0; } #root span.mobile-only, #root a.mobile-only { display: inline; } #root .list-blog.mobile-only, #root .link-btn a.mobile-only, #root .mobile-only { display: block; } .list-inline-sticky.scroll-to-fixed-fixed:before, .popup-a.mobile-bottom .box-inset > .close, .list-slider.screen.mobile-offset .owl-dots { display: none; } #root .tablet-hide, #root .mobile-only { position: relative; left: 0; top: 0; } #root .tablet-only, #root .mobile-hide { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } }