html[lang] {bottom:0;} :root { --color-text: #101820; --color-background: #ffffff; --color-primary: #5FB260; --color-primary-dark: #426C40; --color-primary-border: #17341A; --color-accent-yellow: #F7D169; --color-accent-blue: #7BBACE; --color-accent-green-light: #F5FFF4; --color-accent-green-mid: #DEEEBF; --color-grey-lightest: #F3F6F7; --color-grey-lighter: #eee; --color-grey-light: #ccc; --color-grey-mid: #999; --color-grey-dark: #778179; --color-black: #000000; --color-overlay: rgba(0,0,0,0.8); --color-shadow-1: rgba(0,0,0,0.03); --color-shadow-2: rgba(0,0,0,0.05); --color-section-dark: #0A1A0C; --snack_1: #3EB3CB; --snack_2: #F3AA00; --snack_3: #57A34B; --snack_4: #2D6B14; --snack_5: #135008; --snack_6: #1C3319; } body { margin: 0; font-family: 'Ubuntu', sans-serif; font-size: 18px; line-height: 28px; color: #101820; background: #fff; overflow-y: scroll; text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: transparent; } h1, .b-h1, h2, .b-h2, h3, .b-h3, h4, h5, h6 { font-family: 'Martel', serif; margin: 40px 0 0 0; line-height: 1.25em; font-weight: 900; } h4, .b-h4, h5, .b-h5, h6, .b-h6 {font-family:'Ubuntu', sans-serif;} h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; } h1, .b-h1 {font-size:54px;} h2, .b-h2 {font-size:36px;} h3, .b-h3 {font-size:26px;} h4, .b-h4 {font-size:28px; font-weight:700;} h5, .b-h5 {font-size:20px; font-weight:700;} h6, .b-h6 {font-size:18px; font-weight:500;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:inherit;} .b-text-large {font-size:20px; line-height:32px;} .b-text-small {font-size:16px; line-height:24px;} h6.alt-label-subhead { text-transform: uppercase; font-size: 11px; color: #101820; background: #F7D169; padding: 6px 13px; border-radius: 13px; display: inline-block; vertical-align: top; } h6.alt-label-subhead + * {margin-top:20px;} @media screen and (max-width: 1200px) { .b-page h1 br, .b-page h2 br, .b-page h3 br, .b-page h4 br, .b-page h5 br, .b-page h6 br {display:none;} } @media screen and (max-width: 900px) { h1, .b-h1 {font-size:36px;} h2, .b-h2 {font-size:28px;} h3, .b-h3 {font-size:20px;} h4, .b-h4 {font-size:24px;} h5, .b-h5 {font-size:20px;} h6, .b-h6 {font-size:18px;} } a { color: #5FB260; background-color: transparent; text-decoration: none; transition: color 0.25s; } a:hover {} a:focus {outline:none;} a svg {fill:currentColor;} .a-link, .b-link { font-size: 16px; font-weight: 700; } .a-link > .link-icon, .b-link > .link-icon { white-space: nowrap; display:inline-block; } .a-link > .link-icon, .b-link > .link-icon > svg { margin: 0 0 0 4px; stroke: currentColor; display: inline-block; transition: stroke 0.25s; } .a-link:hover, .b-link:hover { color: #426C40; } .a-link:hover > .link-icon > svg, .b-link:hover > .link-icon > svg { stroke: currentColor; } p { margin: 20px 0; } ul, ol { margin: 20px 0; padding: 0 0 0 20px; } li { margin: 10px 0; padding: 0; } strong, b { font-weight: 700; } em, i { font-style: italic; } img, svg { display: block; max-width: 100%; height: auto; border: none; } blockquote { position: relative; background: #eee; margin: 40px 0; padding: 40px; } hr { margin: 40px 0; padding: 0; background: none; border: none; border-bottom: 1px solid #ccc; } table { margin: 40px 0; width: 100%; border-spacing: 0; border-collapse: collapse; } td { padding: 5px; border: 1px solid #ccc; border-width: 1px 0; } iframe { max-width: 100%; border: none; overflow: auto; } article, aside, footer, header, main, section { display: block; } p:first-child, ul:first-child, ol:first-child, li:first-child, blockquote:first-child, hr:first-child, table:first-child { margin-top: 0; } p:last-child, ul:last-child, ol:last-child, li:last-child, blockquote:last-child, hr:last-child, table:last-child { margin-bottom: 0; } input[type="submit"].hs-button, .gform_next_button, .gform_previous_button, .gform_button, .b-button { cursor: pointer; max-width: 100%; vertical-align: top; display: inline-block; box-sizing: border-box; color: #fff; font-family: inherit; font-weight: 500; font-size: 16px; line-height: 52px; height: 52px; width: auto; padding: 0 26px; background: #5FB260; border: none; border-radius: 26px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; appearance: none; -webkit-appearance: none; -moz-appearance: none; transition: color 0.25s, background 0.25s, box-shadow 0.25s; } input[type="submit"].hs-button:hover, .gform_next_button:hover, .gform_previous_button:hover, .gform_button:hover, .b-button:hover { color: #fff; background: #426C40; } input[type="submit"].hs-button:focus, .gform_next_button:focus, .gform_previous_button:focus, .gform_button:focus, .b-button:focus { outline: none; } .gform_previous_button.gform_previous_button, .b-button.alt-outline {background:transparent; box-shadow:inset 0 0 0 2px #101820; color:#101820;} .gform_previous_button.gform_previous_button:hover, .b-button.alt-outline:hover {color:#5FB260; box-shadow:inset 0 0 0 2px #5FB260;} .hs-form-field input[type="tel"], .hs-form-field input[type="text"], .hs-form-field input[type="email"], .hs-form-field input[type="number"], .hs-form-field textarea, .gfield input[type="tel"], .gfield input[type="text"], .gfield input[type="email"], .gfield input[type="number"], .gfield textarea, .b-input, .b-textarea { box-sizing: border-box; color: inherit; font-family: inherit; font-size: 16px; font-weight: 500; line-height: 52px; height: 52px; padding: 0 20px; background: #fff; box-shadow: inset 0 0 0 1px #17341A; border: none; border-radius: 10px; width: 100%; max-width: 100%; transition: box-shadow 0.25s; appearance: none; -webkit-appearance: none; -moz-appearance: none; } .hs-form-field input[type="tel"]:focus, .hs-form-field input[type="text"]:focus, .hs-form-field input[type="email"]:focus, .hs-form-field input[type="number"]:focus, .hs-form-field textarea:focus, .gfield input[type="tel"]:focus, .gfield input[type="text"]:focus, .gfield input[type="email"]:focus, .gfield input[type="number"]:focus, .gfield textarea:focus, .b-input:focus, .b-textarea:focus { box-shadow: inset 0 0 0 1px #5FB260; outline: none; } .hs-form-field input[type="number"]::-webkit-outer-spin-button, .hs-form-field input[type="number"]::-webkit-inner-spin-button, .gfield input[type="number"]::-webkit-outer-spin-button, .gfield input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .hs-form-field input[type="number"][type=number], .gfield input[type="number"][type=number] { -moz-appearance: textfield; } .hs-form-field textarea, .gfield textarea, .b-textarea { display: block; line-height: 24px; padding: 10px 20px; height: 160px; resize: vertical; } select.hs-input, .gfield_select, .b-select { cursor: pointer; box-sizing: border-box; color: inherit; font-family: inherit; font-size: 16px; font-weight: 500; line-height: 52px; height: 52px; padding: 0 40px 0 20px; box-shadow: inset 0 0 0 1px #17341A; border: none; border-radius: 10px; background: #fff no-repeat right 16px center url(); width: 100%; max-width: 100%; transition: box-shadow 0.25s; appearance: none; -webkit-appearance: none; -moz-appearance: none; } select.hs-input:focus, .hs-fieldtype-select:focus, .gfield_select:focus, .b-select:focus { box-shadow: inset 0 0 0 1px #5FB260; outline: none; } select.hs-input::-ms-expand, .hs-fieldtype-select::-ms-expand, .gfield_select::-ms-expand, .b-select::-ms-expand { display: none; } .b-page { border-right: 0 solid #fff; max-width: 100%; min-width: 320px; overflow: hidden; } .b-page-head { position: fixed; z-index: 2; top: 0; left: 0; right: 0; height: 120px; transition: transform, height 0.25s; } .b-page-head + .b-page-body { position: relative; z-index: 1; border-top: 120px solid transparent; } .b-page-head.alt-simple + .b-page-body { border-top-width: 30px } .b-page[data-scroll] .b-page-head { height: 70px; transition: transform, height 0.25s; } .b-page .b-head-offset { margin-top: -120px; padding-top: 80px; } .b-page.b-page .b-page-head.alt-simple {position:absolute; top:0; transform:translate(0, 0);} @media screen and (max-width: 900px) { .b-page-head {height:60px;} .b-page-head + .b-page-body {border-top-width:60px;} .b-page[data-scroll] .b-page-head { height:60px;} .b-page .b-head-offset {margin-top:-60px; padding-top:50px;} } .b-section[data-style="inverted"] { background: #0A1A0C; color: #fff; } .b-section[data-style="bg-1"] {background: #F5FFF4 url(/wp-content/themes/wp-pairsoft/assets/images/bg-1.svg) no-repeat center / cover;} .b-section[data-style="bg-2"] {background: #F5FFF4 url(/wp-content/themes/wp-pairsoft/assets/images/bg-2.svg) no-repeat center / cover;} .b-section[data-style="bg-3"] {background: #F5FFF4 url(/wp-content/themes/wp-pairsoft/assets/images/bg-3.svg) no-repeat center / cover;} .b-section[data-style="bg-grey-1"] {background: #F3F6F7 url(/wp-content/themes/wp-pairsoft/assets/images/bg-grey-1.svg) no-repeat bottom center / cover;} .b-section[data-style="bg-grey-2"] {background: #F3F6F7 url(/wp-content/themes/wp-pairsoft/assets/images/bg-grey-2.svg) no-repeat top center / cover;} .b-section[data-style="bg-resources"] {background: #F5FFF4 url(/wp-content/themes/wp-pairsoft/assets/images/bg-resources.svg) no-repeat top center / cover;} .b-page .b-section.alt-home-awards {box-shadow: inset 0 120px 0 0 #0A1A0C;} .b-page .b-section.alt-bottom-form {box-shadow: inset 0 -120px 0 0 #fff;} .b-page .b-section.alt-bottom-form .b-frame:last-child {padding-bottom:0;} .b-page .b-section.alt-top-offset {margin-top:-240px; padding-top:120px;} .b-page .b-section.alt-top-offset[data-style=""] {background:#fff;} .b-page .b-section.alt-ntp .b-frame:first-child {padding-top:0;} .b-page .b-section.alt-nbp .b-frame:last-child {padding-bottom:0;} .b-page .b-section.alt-bottom-offset .b-frame:last-child {padding-bottom:240px;} .b-page .b-section.alt-bottom-offset.alt-slim-vertical-padding .b-frame:last-child {padding-bottom:170px;} .b-page .b-section.alt-bottom-offset + .b-section {margin-top:-120px;} .b-page .b-section.alt-bottom-offset + .b-section .b-frame:first-child {padding-top:0; position:relative;} .b-page .b-section.alt-bottom-offset .CONTENT.alt-bottom-offset {margin-bottom:-60px;} @media screen and (max-width: 900px) { .b-page .b-section.alt-home-awards {box-shadow: inset 0 60px 0 0 #0A1A0C;} .b-page .b-section.alt-bottom-form {box-shadow: inset 0 -60px 0 0 #fff;} .b-page .b-section.alt-top-offset {margin-top:-120px; padding-top:60px;} .b-page .b-section.alt-bottom-offset .b-frame:last-child {padding-bottom:120px;} .b-page .b-section.alt-bottom-offset + .b-section {margin-top:-60px;} .b-page .b-section.alt-bottom-offset .CONTENT.alt-bottom-offset {margin-bottom:-20px;} .b-section[data-style="bg-1"] {background-image:none;} .b-section[data-style="bg-2"] {background-image:none;} .b-section[data-style="bg-3"] {background-image:none;} .b-section[data-style="bg-grey-1"] {background-image:none;} .b-section[data-style="bg-grey-2"] {background-image:none;} .b-section[data-style="bg-resources"] {background-image:none;} } .b-frame { max-width: 1200px; margin: 0 auto; padding: 120px 40px; box-sizing: content-box; position: relative; z-index: 1; } .top-0 .b-frame { padding-top:0; } .bottom-0 .b-frame { padding-bottom:0; } .b-frame + .b-frame {padding-top:0;} @media screen and (max-width: 900px) { .b-frame {max-width:400px; padding:60px 20px;} } .b-page .b-section.alt-slim-vertical-padding .b-frame { padding: 80px 40px; } .b-nav, .b-modal { display: flex !important; justify-content: center; align-items: center; pointer-events: none; overflow: hidden; position: fixed; z-index: 3; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; visibility: hidden; transition: visibility 0s 0.25s, opacity 0.25s; } .b-nav-overlay, .b-modal-overlay { position: absolute; top: -100px; bottom: -100px; left: -100px; right: -100px; background: #000; opacity: 0.8; } .b-nav-content, .b-modal-content { width: calc(100% - 80px); max-width: 1200px; max-height: 100%; overflow: hidden; transform: translate(0, 80px); transition: transform 0.25s; } #toggle-nav:checked ~ .b-nav, #toggle-modal:checked ~ .b-modal { pointer-events: auto; opacity: 1; visibility: visible; transition: visibility 0s 0s, opacity 0.25s; } #toggle-nav:checked ~ .b-nav .b-nav-content, #toggle-modal:checked ~ .b-modal .b-modal-content { transform: translate(0, 0); } .b-nav {top:120px; align-items:flex-start;} .b-nav-overlay {background:linear-gradient(#F5FFF4, #DEEEBF); opacity:1;} .b-nav-content { height: 100%; overflow: auto; transform: translate(0, -80px); scrollbar-width: none; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; } .b-nav-content::-webkit-scrollbar { display: none; } @media screen and (max-width: 900px) { .b-nav-content {width:100%; max-width:440px;} .b-modal-content {width:calc(100% - 40px); max-width:400px;} .b-nav {top:60px;} } .b-columns { display: flex; flex-wrap: wrap; margin: -15px; } .b-column { padding: 15px; box-sizing: border-box; flex: 0 0 auto; align-items: stretch; } .b-column[data-width="1/1"] {width:100.0%;} .b-column[data-width="1/2"] {width:50.00%;} .b-column[data-width="1/3"] {width:33.33%;} .b-column[data-width="1/4"] {width:25.00%;} .b-column[data-width="1/5"] {width:20.00%;} .b-column[data-width="1/6"] {width:16.66%;} .b-column[data-width="1/7"] {width:14.27%;} .b-column[data-width="1/8"] {width:12.50%;} .b-column[data-width="2/3"] {width:66.66%;} .b-column[data-width="2/4"] {width:50.00%;} .b-column[data-width="2/5"] {width:40.00%;} .b-column[data-width="2/6"] {width:33.33%;} .b-column[data-width="2/7"] {width:28.56%;} .b-column[data-width="2/8"] {width:25.00%;} .b-column[data-width="3/4"] {width:75.00%;} .b-column[data-width="3/5"] {width:60.00%;} .b-column[data-width="3/6"] {width:50.00%;} .b-column[data-width="3/7"] {width:42.84%;} .b-column[data-width="3/8"] {width:37.50%;} .b-column[data-width="4/5"] {width:80.00%;} .b-column[data-width="4/6"] {width:66.66%;} .b-column[data-width="4/7"] {width:57.13%;} .b-column[data-width="4/8"] {width:50.00%;} .b-column[data-width="5/6"] {width:83.33%;} .b-column[data-width="5/7"] {width:71.41%;} .b-column[data-width="5/8"] {width:62.50%;} .b-column[data-width="6/7"] {width:85.70%;} .b-column[data-width="6/8"] {width:75.00%;} .b-column[data-width="7/8"] {width:87.50%;} .b-columns.alt-tight {margin:-10px;} .b-columns.alt-tight > .b-column {padding:10px;} .b-columns.alt-collapse {margin:0;} .b-columns.alt-collapse > .b-column {padding:0;} .b-columns.alt-center {justify-content:center;} .b-columns.alt-middle {align-items:center;} .b-columns.alt-flickity {overflow:hidden; justify-content:flex-start; flex-wrap:nowrap;} .b-columns.flickity-enabled {overflow:visible; display:block; margin:0 -15px;} .b-columns.flickity-enabled .b-column {display:block; padding:0 15px;} .b-columns.flickity-resize .b-column {min-height:100%;} .b-columns.flickity-enabled.alt-tight {margin:0 -10px;} .b-columns.flickity-enabled.alt-tight .b-column {padding:0 10px;} .b-columns.flickity-enabled.alt-collapse {margin:0px;} .b-columns.flickity-enabled.alt-collapse .b-column {padding:0px;} .b-columns.flickity-enabled.alt-middle .b-column {display:flex; flex-direction:column; justify-content:center;} @media screen and (min-width: 1201px) { .b-columns.alt-loose {margin:-30px;} .b-columns.alt-loose > .b-column {padding:30px;} .b-columns.flickity-enabled.alt-loose {margin:0 -30px;} .b-columns.flickity-enabled.alt-loose .b-column {padding:0 30px;} } @media screen and (max-width: 900px) { .b-columns {margin:-10px;} .b-column {padding:10px;} .b-column[data-width] {width:100%;} .tab_rev .b-columns {flex-direction:column-reverse;} } .b-spacer { display: block; clear: both; } .b-spacer[data-height="small"] {height:20px;} .b-spacer[data-height="medium"] {height:60px;} .b-spacer[data-height="large"] {height:120px;} .b-spacer.alt-placeholder {background:#ccc; color:#999; height:240px} .b-spacer.alt-placeholder::before {content:" placeholder";} @media screen and (max-width: 900px) { .b-spacer[data-height="medium"] {height:40px;} .b-spacer[data-height="large"] {height:60px;} } .b-image { position: relative; overflow: hidden; margin: 0 auto; } .b-image > span { display: block; } .b-image > img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: none; } .greyscale-logos .b-image > img { filter: grayscale(1) opacity(0.7); } .greyscale-logos[data-style="no-opacity"] .b-image > img { filter: grayscale(1) opacity(1); } .b-image-fallback { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ccc; } .b-image[data-fill="landscape"] > img {width:100%; height:auto;} .b-image[data-fill="portrait"] > img {width:auto; height:100%;} .b-scrollbar { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } .b-disabled { opacity: 0.25 !important; pointer-events: none !important; } .b-hidden { display: none !important; } .b-box { padding: 20px; background: #eee; box-shadow: inset 0 0 1px #999; } @media screen and (max-width: 1800px) { .b-hidden-1800 {display:none !important;} } @media screen and (max-width: 1500px) { .b-hidden-1500 {display:none !important;} } @media screen and (max-width: 1200px) { .b-hidden-1200 {display:none !important;} } @media screen and (max-width: 900px) { .b-hidden-900 {display:none !important;} } @media screen and (max-width: 600px) { .b-hidden-600 {display:none !important;} } @media screen and (min-width: 901px) { .b-901-hidden {display:none !important;} } body#tinymce { padding: 10px; } .aligncenter { margin: 40px auto; } .alignleft { float: left; margin: 0 20px 20px 0; } .alignright { float: right; margin: 0 0 20px 20px; } @media screen and (max-width: 900px) { .aligncenter, .alignleft, .alignright {float:none; margin:40px auto;} } .b-iconlist { list-style: none; padding: 0; } .b-iconlist > li { position: relative; padding-left: 45px; } .b-iconlist > li:not(:first-child, :last-child){ margin: 15px 0; } .b-iconlist > li:first-child {margin-top:1px;} .b-iconlist > li:last-child {margin-bottom:1px;} .b-iconlist > li::before { content: ""; display: block; position: absolute; top: -1px; left: 0; width: 30px; height: 30px; background: no-repeat center / 30px 30px; } .b-iconlist.alt-pros > li::before {background-image:url(/wp-content/themes/wp-pairsoft/assets/images/ui-pros.svg);} .b-iconlist.alt-cons > li::before {background-image:url(/wp-content/themes/wp-pairsoft/assets/images/ui-cons.svg);} .b-frame .categories { position: relative; padding-top: 3rem; background: #fff; } .b-frame .categories ul { list-style-type: none; padding: 0; margin: 0 -10px 20px 0; } .b-frame .categories li { display: inline-block; vertical-align: top; margin: 0 5px 5px 0; padding: 0 10px; font-size: 12px; font-weight: 500; text-transform: uppercase; color: #426C40; border-radius: 16px; transition: color 0.25s; } .b-frame .categories li a:hover { text-decoration: underline; } .b-page .flickity-prev-next-button { width: 40px; height: 40px; background: #fff; opacity: 1 !important; box-shadow: 0 5px 4px 0 rgba(0,0,0,0.03), 0 8px 20px 0 rgba(0,0,0,0.05); } .b-page .flickity-prev-next-button:focus {box-shadow:none;} .b-page .flickity-prev-next-button .flickity-button-icon {transition:opacity 0.25s;} .b-page .flickity-prev-next-button[disabled] .flickity-button-icon {opacity:0.25;} .b-page .flickity-prev-next-button.next {right:-45px;} .b-page .flickity-prev-next-button.previous {left:-45px;} .b-section[data-style="inverted"] .flickity-prev-next-button {background:#778179;} @media screen and (max-width: 1380px) { .b-page .flickity-prev-next-button.next {right:-20px;} .b-page .flickity-prev-next-button.previous {left:-20px;} } @media screen and (max-width: 900px) { .b-page .flickity-prev-next-button.next {right:0;} .b-page .flickity-prev-next-button.previous {left:0;} } .ez-toc-title { font-size: 20px; font-weight: 700; text-transform: uppercase; } .ez-toc-section { border-top: 30px solid transparent; margin-top: -30px; } .visually-hidden { clip-path: inset(100%); clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } .NOT-FOUND .content { text-align: center; } .NOT-FOUND h1 { line-height: 1em; color: #5FB260; margin: 0 auto 50px; font-family: 'Ubuntu', sans-serif; } @media screen and (min-width: 401px) { .NOT-FOUND h1 { font-size: 200px; } } @media screen and (max-width: 900px) { .NOT-FOUND h1 { font-size: 150px; } } #hubspot-messages-iframe-container { z-index: 1 !important; } @media screen and (max-width: 900px) { #hubspot-messages-iframe-container { z-index: 2147483647 !important; } } .cta_outer { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-position: center; background-size: cover; background-repeat: no-repeat; padding: 1.5rem; border-radius: 1.5rem; margin: 1.5rem 0; background-image: url('/wp-content/themes/wp-pairsoft/assets/images/agnostic_cta_mobile_bg.png'); } .cta_inner_2 { display: flex; flex-direction: column-reverse; flex-wrap: wrap; justify-content: center; align-items: center; } .cta_image, .cta_buttons { width: 100%; margin: 1rem 0 0; } .cta_heading { margin: 0 0 1rem; } @media screen and (min-width: 900px) { .cta_inner_2 { flex-direction: row-reverse; } .cta_image { width: 50%; } .cta_buttons { width: 50%; } } @media screen and (min-width: 1100px) { .cta_outer { padding: 3rem 1.5rem; background-image: url('/wp-content/themes/wp-pairsoft/assets/images/agnostic_cta_bg.png'); } .cta_inner_1 { width: calc(70% - 1rem); padding-right: 1rem; } .cta_inner_2 { flex-direction: column; width: 30%; } .cta_image, .cta_buttons { width: 100%; } } @media screen and (min-width: 1280px) { .cta_outer { padding: 1.5rem; } } .b-snacks { background-image: url(/wp-content/themes/wp-pairsoft/assets/images/bg-pfa-1.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 30px; padding: 60px 40px 40px 40px; } ul .b-snacks, ul .cta_outer { margin-left:-20px; } .b-snacks.flickity-enabled { padding:0; } .b-snacks .flickity-slider { display: flex; align-items: stretch; } @media screen and (min-width: 901px) { .b-snacks.flickity-enabled {padding:0 0 0 10px;} } @media screen and (min-width: 1200px) { .b-snacks.flickity-enabled {padding:0} } .b-snacks .flickity-viewport { padding: 60px 40px 40px 40px; } .b-snacks .flickity-button { background-color: var(--color-accent-green-light); } .b-snacks .flickity-button svg { fill: var(--snack_3); } .b-snack { display:flex; box-sizing: border-box; position: relative; width: 80%; min-height: 168px; margin: 0 4px; background: #fff; border-radius: 30px; padding: 28px 13px 20px 13px; box-shadow: 0px 5px 30px #00000029; } @media screen and (min-width: 901px) { .b-snack {width: 47.5%;} } @media screen and (min-width: 1200px) { .b-snack {width: 30.3%;} } .b-snack .snack_arrow { display: flex; justify-content: center; align-items: center; position: absolute; top:-20px; left:50%; transform: translateX(-50%); width: 30px; height: 40px; z-index: 1; } .b-snack .snack_arrow svg { fill: #fff; } .b-snack:before { content: ""; display: flex; justify-content: center; align-items: center; position: absolute; top:-25px; left:50%; transform: translateX(-50%); border-radius: 16px; width: 50px; height: 50px; z-index: 1; } .b-snack.is-in { opacity: 1; transition: opacity 0.25s ease; } .b-snack.is-out { opacity: 0; transition: opacity 0.25s ease; } .snack_wrap { text-align: center; width: 100%; display: flex; flex-direction: column; justify-content: space-between; } .snack_wrap .b-link:after { content: ""; display: block; position: absolute; top:0; left:0; bottom:0; right:0; border-radius: 30px; } .snack_wrap h4.snack_title { font-size: 18px; margin-bottom: 8px; margin: 0; } .snack_form { border-radius: 2rem; overflow: clip; } .snack_subtitle { font-size: 20px; color: var(--color-primary); font-weight: bold; padding: 1rem 0; } .snack_answer p { font-size: 18px; line-height: 24px; } .snack_1 .b-link, .snack_1 .b-link .link-icon svg { color: var(--snack_1); stroke: var(--snack_1); } .snack_1:before { background: var(--snack_1); color: #fff; } .snack_2 .b-link, .snack_2 .b-link .link-icon svg { color: var(--snack_2); stroke: var(--snack_2); } .snack_2:before { background: var(--snack_2); color: #fff; } .snack_3 .b-link, .snack_3 .b-link .link-icon svg { color: var(--snack_3); stroke: var(--snack_3); } .snack_3:before { background: var(--snack_3); color: #fff; } .snack_4 .b-link, .snack_4 .b-link .link-icon svg { color: var(--snack_4); stroke: var(--snack_4); } .snack_4:before { background: var(--snack_4); color: #fff; } .snack_5 .b-link, .snack_5 .b-link .link-icon svg { color: var(--snack_5); stroke: var(--snack_5); } .snack_5:before { background: var(--snack_5); color: #fff; } .snack_6 .b-link, .snack_6 .b-link .link-icon svg { color: var(--snack_6); stroke: var(--snack_6); } .snack_6:before { background: var(--snack_6); color: #fff; } .snack_image { display:none; } .snack_image img { max-height: 250px; width: auto; } span.close_modal { display: none; } @media screen and (max-width: 900px) { .snack_form .form-column {display:none !important;} .b-modal-content .snack_form > .modal {padding-top: 0;} .b-modal-content .snack_form .modal-cta-content-wrap {position: relative;} .b-modal-content .snack_form .modal-cta-content-wrap .b-button {margin-top: 20px;} .b-modal-content .snack_form .modal-cta-content-wrap .snack_title {margin: 0;} span.close_modal { cursor: pointer; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 15px; background: #fff; font-size: 30px; color: var(--snack_1); line-height: 0; position: absolute; top: 0; right: 0; box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2); z-index: 1; } }.FOOTER .sitemap { background: #fff; } .FOOTER .sitemap .b-frame {padding-bottom:60px;} .FOOTER .sitemap .b-columns {justify-content:space-between; flex-wrap:nowrap;} .FOOTER .sitemap .b-column {flex:1 1 auto;} .FOOTER .logo { display: block; width: 155px; height: 48px; background: url('https://www.pairsoft.com/wp-content/themes/wp-pairsoft/assets/images/logo-white.png') no-repeat center; background-size: contain; } .FOOTER .buttons { position: absolute; top: 120px; left: 200px; right: 40px; text-align: right; } .FOOTER .b-button { height: 48px; line-height: 48px; font-size: 16px; border-radius: 24px; margin-left: 20px; } .FOOTER nav { clear: both; border-top: 2px solid #F3F6F7; padding-top: 30px; margin-top: 30px; } .FOOTER nav ul { list-style: none; margin: 0; padding: 0; } .FOOTER nav li { margin: 0; padding: 0; } .FOOTER nav a:not(.b-button) { color: #101820; opacity: 0.6; transition: color 0.25s, opacity 0.25s; } .FOOTER nav a:not(.b-button):hover { color: #5FB260; opacity: 1; } .FOOTER nav li { font-size: 15px; line-height: 20px; margin: 10px 0; } .FOOTER nav li .heading { font-size: 16px; font-weight: 500; text-transform: uppercase; opacity: 1; } .FOOTER nav li .social { display: block; width: 20px; height: 20px; overflow: hidden; background: no-repeat center / cover; margin-right: 15px; text-indent: -999px; } .FOOTER nav li .social.facebook { width: 11px; height: 19px; background-image: url('https://www.pairsoft.com/wp-content/themes/wp-pairsoft/assets/images/icon-facebook.svg'); } .FOOTER nav li .social.twitter { width: 20px; height: 16px; background-image: url('https://www.pairsoft.com/wp-content/themes/wp-pairsoft/assets/images/icon-twitter.svg'); } .FOOTER nav li .social.youtube { width: 27px; height: 18px; background-image: url('https://www.pairsoft.com/wp-content/themes/wp-pairsoft/assets/images/icon-youtube.svg'); } .FOOTER nav li .social.linkedin { width: 21px; height: 21px; background-image: url('https://www.pairsoft.com/wp-content/themes/wp-pairsoft/assets/images/icon-linkedin.svg'); } .FOOTER .b-column:last-child li:nth-last-child(1), .FOOTER .b-column:last-child li:nth-last-child(2), .FOOTER .b-column:last-child li:nth-last-child(3), .FOOTER .b-column:last-child li:nth-last-child(4) {display:inline-block;} .FOOTER .legal { background: #F3F6F7; font-size: 12px; line-height: 20px; } .FOOTER .legal a {color:#101820;} .FOOTER .legal a:hover {color:#5FB260;} .FOOTER .copyright { padding-right: 40px; } .FOOTER .legal .b-frame {padding-top:20px; padding-bottom:20px;} .b-page-foot.alt-simple .FOOTER .sitemap {display:none;} .b-page-foot.alt-simple .FOOTER .legal {text-align:center;} @media screen and (max-width: 900px) { .FOOTER .sitemap .b-frame {padding-bottom:20px;} .FOOTER .sitemap .b-columns {flex-wrap:wrap;} .FOOTER .logo {transform-origin:0 0; transform:scale(0.8);} .FOOTER .buttons {position:static; margin-top:20px; text-align:left;} .FOOTER .buttons .b-button {float:left; clear:left; margin:0 0 15px 0;} .FOOTER nav {border-top:none; margin-top:0; padding-top:10px;} .FOOTER nav li .social {width:30px; height:30px;} .FOOTER .b-column {display:block; width: 100%;} .FOOTER .b-column:last-child {display:block;} .FOOTER .copyright {display:block; padding:0 0 10px 0;} } .HEADER { height: 100%; transition: background 0.25s; } .HEADER .b-frame { padding-top: 0; padding-bottom: 0; height: 100%; } .HEADER .inset { position: relative; height: 100%; } .HEADER .logo { position: absolute; display: block; top: 50%; left: 0; width: 155px; height: 40px; transform: translate(0, -50%); transform-origin: 0 50%; } .HEADER .nav-trigger { width: 35px; height: 30px; display: none; position: absolute; top: 50%; right: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: translate(0, -50%) rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } .HEADER .nav-trigger span { display: block; position: absolute; height: 5px; width: 100%; background: #426C40; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .HEADER .nav-trigger span:nth-child(1) { top: 0px; } .HEADER .nav-trigger span:nth-child(2), .HEADER .nav-trigger span:nth-child(3) { top: 10px; } .HEADER .nav-trigger span:nth-child(4) { top: 20px; } #toggle-nav:checked ~ .b-page .HEADER .nav-trigger span:nth-child(1), #toggle-nav:checked ~ .b-page .HEADER .nav-trigger span:nth-child(4) { top: 11px; width: 0%; left: 50%; } #toggle-nav:checked ~ .b-page .HEADER .nav-trigger span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #toggle-nav:checked ~ .b-page .HEADER .nav-trigger span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .HEADER nav { position: absolute; top: 50%; right: 0; height: 48px; transform: translate(0, -50%); } .HEADER nav ul { list-style: none; margin: 0; padding: 0; } .HEADER nav li { margin: 0; padding: 0; } .HEADER nav a:not(.b-button) {color:#101820;} .HEADER nav a:not(.b-button):hover {color:#5FB260;} .HEADER nav .b-button { height: 48px; line-height: 48px; font-size: 16px; padding: 0 24px; border-radius: 24px; } .HEADER nav .a { cursor: default; } .HEADER nav .dropdown-arrow::after { content: ""; display: inline-block; vertical-align: middle; width: 15px; height: 8px; background: url('https://www.pairsoft.com/wp-content/themes/wp-pairsoft/assets/images/ui-dropdown-arrow.svg') no-repeat; margin: -2px 0 0 4px; } .HEADER nav > ul > li:hover > .dropdown-arrow::after {transform: rotate(180deg);} .HEADER nav > ul > li { position: relative; float: left; margin: 0 0 0 30px; font-size: 16px; font-weight: 500; line-height: 48px; height: 48px; } .HEADER nav ul ul { display: block !important; position: absolute; overflow: hidden; top: 48px; left: 0px; background: #fff; width: 220px; border-radius: 10px; box-shadow: 0 5px 5px 0 rgba(0,0,0,0.03), 0 33px 70px 0 rgba(0,0,0,0.05); opacity: 0; transform: translate(0, 40px); pointer-events: none; transition: opacity 0.25s, transform 0.25s; } .HEADER nav ul ul > li { padding: 7px 20px; font-size: 15px; line-height: 20px; } .HEADER nav ul ul > li:first-child {padding-top:20px;} .HEADER nav ul ul > li:last-child {padding-bottom:20px;} .HEADER nav > ul > li:hover > ul { opacity: 1; transform: translate(0, 0); pointer-events: auto; } .HEADER li[data-id="53557"] {position: static;} .HEADER .megamenu { display: block !important; position: absolute; top: 50px; right: calc(((100vw - 920px) / 2) - 40px); background: #fff; width: 920px; max-width: calc(100vw - 80px); border-radius: 10px; box-sizing: border-box; padding: 30px; box-shadow: 0 5px 5px 0 rgba(0,0,0,0.03), 0 33px 70px 0 rgba(0,0,0,0.05); font-size: 16px; line-height: 20px; text-transform: uppercase; opacity: 0; transform: translate(0, 40px); pointer-events: none; transition: opacity 0.25s, transform 0.25s; } .HEADER .megamenu::before { content: ""; display: block; position: absolute; top: -20px; left: 0; width: 100%; height: 20px; } .HEADER .megamenu a, .HEADER .megamenu .a { display: inline-block; padding: 8px 10px; background: transparent; transition: background 0.25s, color 0.25s; } .HEADER .megamenu a:hover { background: #F6FAF6; } .HEADER .megamenu .heading { opacity: 0.5; display: inline-block; margin-bottom: 20px; transition: opacity 0.25s, background 0.25s, color 0.25s; } .HEADER .megamenu a.heading:hover { opacity: 1; } .HEADER .megamenu .description { display: block; text-transform: none; font-size: 15px; line-height: 24px; font-weight: 400; padding: 5px 0 0; color: #101820 !important; } .HEADER .megamenu .icon-gears, .HEADER .megamenu .icon-cart, .HEADER .megamenu .icon-document, .HEADER .megamenu .icon-change, .HEADER .megamenu .icon-chart, .HEADER .megamenu .icon-payments, .HEADER .megamenu .icon-throw-ring, .HEADER .megamenu .icon-ai-agent { position: relative; padding-left: 55px; } .HEADER .megamenu .icon-gears::before, .HEADER .megamenu .icon-cart::before, .HEADER .megamenu .icon-document::before, .HEADER .megamenu .icon-change::before, .HEADER .megamenu .icon-chart::before, .HEADER .megamenu .icon-payments::before, .HEADER .megamenu .icon-throw-ring::before, .HEADER .megamenu .icon-ai-agent::before { content: ""; display: block; position: absolute; top: 10px; left: 10px; width: 32px; height: 32px; background: no-repeat center / contain; } .HEADER .megamenu .icon-gears::before { background-image: url('https://www.pairsoft.com/wp-content/themes/wp-pairsoft/assets/images/icon-gears.svg'); } .HEADER .megamenu .icon-cart::before { background-image: url('https://www.pairsoft.com/wp-content/themes/wp-pairsoft/assets/images/icon-cart.svg'); } .HEADER .megamenu .icon-document::before { background-image: url('https://www.pairsoft.com/wp-content/themes/wp-pairsoft/assets/images/icon-document.svg'); } .HEADER .megamenu .icon-change::before { background-image: url('https://www.pairsoft.com/wp-content/themes/wp-pairsoft/assets/images/icon-change.svg'); } .HEADER .megamenu .icon-chart::before { background-image: url('https://www.pairsoft.com/wp-content/themes/wp-pairsoft/assets/images/icon-chart.svg'); } .HEADER .megamenu .icon-payments::before { background-image: url('https://www.pairsoft.com/wp-content/themes/wp-pairsoft/assets/images/icon-payments.svg'); } .HEADER .megamenu .icon-throw-ring::before { background-image: url('https://www.pairsoft.com/wp-content/themes/wp-pairsoft/assets/images/icon-throw-ring.svg'); } .HEADER .megamenu .icon-ai-agent::before { background-image: url('https://www.pairsoft.com/wp-content/themes/wp-pairsoft/assets/images/icon-ai-agent.svg'); } .HEADER .megamenu > .b-columns > .b-column {position:relative;} .HEADER .megamenu > .b-columns > .b-column::after { content: ""; display: block; position: absolute; top: 30px; bottom: 30px; right: -1px; width: 2px; background: #F3F6F7; } .HEADER .megamenu > .b-columns > .b-column:last-child::after {display:none;} .HEADER .megamenu > .b-columns > .b-column:nth-child(1) {width:70%;} .HEADER .megamenu > .b-columns > .b-column:nth-child(2) {width:30%;} .HEADER .megamenu > .b-columns > .b-column:nth-child(3) {width:22%;} .HEADER .megamenu > .b-columns > .b-column:nth-child(2) .description, .HEADER .megamenu > .b-columns > .b-column:nth-child(3) .description {display:none;} .HEADER .megamenu > .b-columns > .b-column .b-column {width:100%;} .HEADER .megamenu > .b-columns > .b-column:nth-child(1) .b-column {width:50%;} .HEADER nav > ul > li:hover > .megamenu, .HEADER .megamenu:hover { opacity: 1; transform: translate(0, 0); pointer-events: auto; } .b-page[data-scroll] .HEADER { background:#fff; } #toggle-nav:checked ~ .b-page .HEADER {background:#F5FFF4;} #toggle-nav:checked ~ .b-page .HEADER .nav-trigger {display:block;} #toggle-nav:checked ~ .b-page .HEADER nav {display:none;} .b-page-head.alt-simple .HEADER {background:none;} .b-page-head.alt-simple .HEADER .logo {left:50%; transform:translate(-50%, -50%);} .b-page-head.alt-simple .HEADER nav {display:none;} .b-page-head.alt-simple .HEADER .nav-trigger {display:none;} @media screen and (min-width: 1281px) { .HEADER nav > ul > li:nth-last-child(2) {margin-left:150px;} .HEADER .megamenu {right:calc((1200px - 920px) / 2);} } @media screen and (max-width: 980px) { .HEADER nav > ul > li {margin-left:20px;} } @media screen and (max-width: 900px) { .HEADER .nav-trigger {display:block;} .HEADER nav {display:none;} } .simple_banner { display: none; text-align: center; padding: 4px 10px; background: #fed053; color: #426C40; }.NAV { padding-top: 10px; } .NAV nav ul { list-style: none; margin: 0; padding: 0; } .NAV nav li { margin: 0; padding: 0; } .NAV nav input { display: none; } .NAV nav input ~ label { display: block; position: absolute; top: 0; bottom: 0; right: 0; width: 100%; } .NAV nav a:not(.b-button) { color: #101820; } .NAV nav a:not(.b-button) .description { display: block; text-transform: none; font-size: 15px; line-height: 24px; font-weight: 400; padding: 5px 0 0; color: #101820 !important; } .b-nav .NAV a:not(.b-button) .description { display: none; } .NAV nav .dropdown-arrow::after { content: ""; display: inline-block; vertical-align: middle; width: 15px; height: 8px; background: url('https://www.pairsoft.com/wp-content/themes/wp-pairsoft/assets/images/ui-dropdown-arrow.svg') no-repeat; margin: -2px 0 0 4px; } .NAV nav > ul > li > input[type='checkbox']:checked + label + .dropdown-arrow::after {transform: rotate(180deg);} .NAV nav > ul > li { position: relative; padding: 10px 20px 0; font-size: 16px; line-height: 24px; font-weight: 500; } .NAV nav > ul > li > a, .NAV nav > ul > li > .a { display: inline-block; padding-bottom: 10px; } .NAV nav > ul > li:nth-last-child(2)::before { content: ""; display: block; height: 1px; background: #101820; opacity: 0.2; margin: 0 0 30px; } .NAV nav ul ul { margin: 0 -10px 10px; padding: 0 10px; background: #fff; overflow: hidden; max-height: 0; box-shadow: 0 5px 5px 0 rgba(0,0,0,0.03), 0 33px 70px 0 rgba(0,0,0,0.05); border-radius: 10px; transition: max-height 0.25s; } .NAV nav ul ul > li { position: relative; padding: 10px; font-size: 15px; line-height: 20px; } .NAV nav ul ul > li:first-child {padding-top:20px;} .NAV nav ul ul > li:last-child {padding-bottom:20px;} .NAV nav input:checked ~ ul {max-height:580px;} .NAV nav ul ul li > a[class*='icon-'] { position: relative; padding-left: 50px; display: block; } .NAV nav ul ul li > a[class*='icon-']::before { content: ""; display: block; position: absolute; top: 2px; left: 0px; width: 32px; height: 32px; background: no-repeat center / contain; } .b-nav .NAV nav ul ul li > a[class*='icon-'] { padding-left: 40px; } .b-nav .NAV nav ul ul li > a[class*='icon-']::before { width: 25px; height: 25px; top:-2px; } .NAV nav ul ul li > a[class='icon-gears']::before { background-image: url('https://www.pairsoft.com/wp-content/themes/wp-pairsoft/assets/images/icon-gears.svg'); } .NAV nav ul ul li > a[class='icon-cart']::before { background-image: url('https://www.pairsoft.com/wp-content/themes/wp-pairsoft/assets/images/icon-cart.svg'); } .NAV nav ul ul li > a[class='icon-document']::before { background-image: url('https://www.pairsoft.com/wp-content/themes/wp-pairsoft/assets/images/icon-document.svg'); } .NAV nav ul ul li > a[class='icon-change']::before { background-image: url('https://www.pairsoft.com/wp-content/themes/wp-pairsoft/assets/images/icon-change.svg'); } .NAV nav ul ul li > a[class='icon-chart']::before { background-image: url('https://www.pairsoft.com/wp-content/themes/wp-pairsoft/assets/images/icon-chart.svg'); } .NAV nav ul ul li > a[class='icon-payments']::before { background-image: url('https://www.pairsoft.com/wp-content/themes/wp-pairsoft/assets/images/icon-payments.svg'); } .NAV nav ul ul li > a[class='icon-ai-agent']::before { background-image: url('https://www.pairsoft.com/wp-content/themes/wp-pairsoft/assets/images/icon-ai-agent.svg'); } .MODAL { position: relative; margin: 0 auto; } .MODAL .close { position: absolute; top: 0; right: 0; width: 40px; height: 40px; background: #ccc no-repeat center; } .MODAL .content { box-sizing: border-box; background: #fff; max-height: calc(100vh - 80px); padding: 40px; overflow: auto; -webkit-overflow-scrolling: touch; } .MODAL.alt-600 {max-width:600px;} @media screen and (max-width: 900px) { .MODAL .content {padding:20px;} } .flickity-enabled { position: relative; } .flickity-enabled:focus { outline: none; } .flickity-viewport { overflow: hidden; position: relative; height: 100%; } .flickity-slider { position: absolute; width: 100%; height: 100%; } .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; } .flickity-button { position: absolute; background: hsla(0, 0%, 100%, 0.75); border: none; color: #333; } .flickity-button:hover { background: white; cursor: pointer; } .flickity-button:focus { outline: none; box-shadow: 0 0 0 5px #19F; } .flickity-button:active { opacity: 0.6; } .flickity-button:disabled { opacity: 0.3; cursor: auto; pointer-events: none; } .flickity-button-icon { fill: currentColor; } .flickity-prev-next-button { top: 50%; width: 44px; height: 44px; border-radius: 50%; transform: translateY(-50%); } .flickity-prev-next-button.previous { left: 10px; } .flickity-prev-next-button.next { right: 10px; } .flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 10px; } .flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px; } .flickity-prev-next-button .flickity-button-icon { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%; } .flickity-page-dots { position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; } .flickity-rtl .flickity-page-dots { direction: rtl; } .flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; opacity: 0.25; cursor: pointer; } .flickity-page-dots .dot.is-selected { opacity: 1; } .MODAL { } .MODAL .modal { max-width: 960px; margin: 0 auto; text-align: center; } .MODAL.alt-post .modal { text-align: left; } .MODAL .breadcrumbs { margin-top: -60px; color: #6c7475; font-size: 18px; } .MODAL .breadcrumbs a { color: #6c7475; } .MODAL .breadcrumbs a:hover { color: #5fb260; } .MODAL .breadcrumbs + h1 { margin-top: 20px; } .MODAL[data-style="framed"] .container { padding: 60px 40px; background: rgba(255, 255, 255, 0.5); border-radius: 30px; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.03), 0 33px 70px 0 rgba(0, 0, 0, 0.05); } .MODAL[data-style="full-width"] .modal {max-width:100%;} .MODAL[data-style="narrow"] .modal {max-width:720px;} .b-modal-content .modal { position: relative; display: block; width: 100%; padding-top: 56.125%; } .b-modal-content .container { display: none; } .b-modal-content iframe { position: absolute; width: 100%; height: 100%; top:0;right:0;bottom:0;left:0; } .b-button.modal-cta { display: none; position: absolute; top: 50%; right: 50%; transform: translate(50%); } .modal.b-text-large { background-color: #F5F5F5ee; } @media screen and (max-width: 1200px) { .MODAL .modal br {display:none;} } @media screen and (max-width: 900px) { .MODAL .breadcrumbs {font-size:12px; line-height:16px; margin-top:-30px;} .MODAL[data-style="framed"] .container {padding:30px 20px;} }