html[lang] {bottom:0;} 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: #5FB260; 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: #426C40; } 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;} } 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; } }.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 .simple_banner + .HEADER { height: 70px; } .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; } .CTA { background: #091A0B no-repeat bottom center / cover; max-width: 1500px; margin: 0 auto; overflow: hidden; border-radius: 30px; color: #fff; } .CTA .b-column:last-child { align-self: flex-end; } .CTA .container { position: relative; } .CTA .container::before, .CTA .container::after { content: ""; display: block; overflow: hidden; } .CTA .image { margin: -120px 0; } .CTA .content p + p .b-button { margin-top: 10px; } @media screen and (max-width: 1500px) { .CTA {max-width:100%; border-radius:0;} } @media screen and (max-width: 900px) { .CTA .image {margin:20px 0 -60px 0 !important;} } .PFA { position: relative; background: #F5FFF4 url(/wp-content/themes/wp-pairsoft/assets/images/bg-pfa-mobile.svg) no-repeat center / cover; } .PFA .container { position: relative; } .PFA .container::before, .PFA .container::after { content: ""; display: block; overflow: hidden; } .PFA .content { z-index: 1; position: relative; } .PFA .content * + p .b-button { margin-top: 10px; } .PFA .image { position: relative; margin: -80px 0; } .PFA .image.video-pop .circle_span { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 150px; height: 150px; z-index: 1; } .PFA .image.video-pop .arrow_span { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 154px; height: 154px; z-index: 1; } .PFA .image.video-pop .arrow_span { z-index: 2; display: none; } .PFA .image.video-pop .circle_span .video_play_circle { fill: #426c40; opacity: 0.8; } .PFA .image.video-pop:hover .circle_span, .PFA .image.video-pop:hover .arrow_span { transform: scale(120%) translate(-40%, -40%); display: block; } .PFA .image.video-pop:hover .arrow_span { display: block; } .PFA .image.video-pop:hover .circle_span:before { content: ''; display: block; position: absolute; width: 130px; height: 130px; top: calc(50% - 3px); left: calc(50% - 3px); transform: translate(-50%, -50%); border-radius: 50%; border: 4px solid #5fb260; } .PFA .image.video-pop:hover .circle_span .video_play_circle { fill: #426c40; opacity: 1; } .PFA[data-style="bottom-aligned"] .b-column:last-child {align-self:flex-end;} .PFA[data-style="bottom-aligned"] .image {margin-bottom:-120px; transform: translate(0, 0.5px);} .b-page .PFA[data-style="bottom-aligned"].alt-bottom-offset .image {margin-bottom:-240px;} .PFA.alt-front-page p {max-width:575px;} @media screen and (min-width: 901px) { .PFA[data-background="bg-pfa-1"] {background-image:url(/wp-content/themes/wp-pairsoft/assets/images/bg-pfa-1.svg);} .PFA[data-background="bg-pfa-2"] {background-image:url(/wp-content/themes/wp-pairsoft/assets/images/bg-pfa-2.svg);} .PFA[data-background="bg-pfa-3"] {background-image:url(/wp-content/themes/wp-pairsoft/assets/images/bg-pfa-3.svg);} .PFA[data-background="bg-pfa-4"] {background-image:url(/wp-content/themes/wp-pairsoft/assets/images/bg-pfa-4.svg);} .PFA[data-background="bg-pfa-5"] {background-image:url(/wp-content/themes/wp-pairsoft/assets/images/bg-pfa-5.svg);} .PFA[data-background="bg-pfa-6"] {background-image:url(/wp-content/themes/wp-pairsoft/assets/images/bg-pfa-6.svg);} } @media screen and (max-width: 1200px) { .PFA br {display:none;} } @media screen and (max-width: 900px) { .PFA .image {margin: 20px 0 0 !important;} .PFA[data-style="bottom-aligned"] .image {margin:20px -20px -60px !important;} .b-page .PFA[data-style="bottom-aligned"].alt-bottom-offset .image {margin-bottom:-120px !important;} } .LOGOS .container { position: relative; padding: 80px 40px; border-radius: 30px; background: rgba(255,255,255,0.6); 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); } .LOGOS .heading { text-align: center; margin-bottom: 40px; } .LOGOS .flickity-prev-next-button.next {right:-50px;} .LOGOS .flickity-prev-next-button.previous {left:-50px;} .LOGOS[data-style="no-opacity"] .container{background: rgba(255,255,255,0.9);} .LOGOS[data-style="not-floating"] .container {box-shadow: none;} .LOGOS .image svg { width: 100% !important; } @media screen and (max-width: 1200px) { .LOGOS .heading br {display:none;} } @media screen and (max-width: 900px) { .LOGOS .container {padding:30px 20px 20px; border-radius:20px;} .LOGOS .b-column[data-width="1/5"] {width:50%;} .LOGOS .flickity-prev-next-button.next {right:-30px;} .LOGOS .flickity-prev-next-button.previous {left:-30px;} .LOGOS .container::before { content: ''; display: block; top: 0; left: 0; width: 100%; height: 100%; position: absolute; background: rgba(255,255,255,0.6); filter: blur(20px); z-index: -1; } } .COLUMNS::before, .COLUMNS::after { content: ""; display: block; overflow: hidden; } .COLUMNS .heading { max-width: 960px; margin: 0 auto 60px; text-align: center; } .COLUMNS .column { overflow: hidden; position: relative; } .COLUMNS .b-link::before { content: ""; display: block; position: absolute; top: -999px; right: -999px; bottom: -999px; left: -999px; } @media screen and (max-width: 1200px) { .COLUMNS .heading br {display:none;} } @media screen and (max-width: 900px) { .COLUMNS .heading {margin-bottom:40px;} } .COLUMNS[data-style=""] {} @media screen and (max-width: 900px) { .COLUMNS[data-style=""] {} } .COLUMNS[data-style="cards"] .column { padding: 30px; border-radius: 30px; background-color: rgba(255,255,255,0.8); box-shadow: 0 4px 3px 0 rgba(0,0,0,0.02), 0 15px 60px 0 rgba(0,0,0,0.07); height: 100%; box-sizing: border-box; } .COLUMNS[data-style="cards"] .image { width: 70px; border-radius: 20px; overflow: hidden; margin-bottom: 20px; } .COLUMNS[data-style="cards"] .b-image-fallback { background-color: #F7D169; } @media screen and (min-width: 901px) { .COLUMNS[data-style="cards"] .b-column[data-width="1/2"] .image {float:left; margin:0 30px 0 0;} .COLUMNS[data-style="cards"] .b-column[data-width="1/2"] .content {overflow:hidden;} .COLUMNS[data-style="cards"].alt-onboarding .b-column:last-child {width:66.66%;} .COLUMNS[data-style="cards"].alt-onboarding .b-column:last-child .column {background: url('/wp-content/themes/wp-pairsoft/assets/images/image-hand_on_computer.jpg') no-repeat center / cover; color:#fff;} .COLUMNS[data-style="cards"].alt-onboarding .b-column:last-child .column h5 {font-size:28px;} } @media screen and (max-width: 900px) { .COLUMNS[data-style="cards"] .column {padding:20px; border-radius:20px;} } .COLUMNS[data-style="product-slider"] .image { width: 125px; margin: 0 auto; border-radius: 30px; overflow: hidden; } .COLUMNS[data-style="product-slider"] .b-image-fallback { background-color: #F7D169; } .COLUMNS[data-style="product-slider"] .content { padding: 30px 0 0; text-align: center; max-width: 340px; margin: 0 auto; } .COLUMNS[data-style="case-study-stats"] .content { text-align: center; } .COLUMNS[data-style="case-study-stats"] .content h2 { font-family: 'Ubuntu', sans-serif; font-weight: 700; } @media screen and (min-width: 901px) { .COLUMNS[data-style="case-study-stats"] .content h2 {font-size:64px;} } .COLUMNS[data-style="without-with"] { max-width: 960px; margin: 0 auto; } .COLUMNS[data-style="without-with"] .image { margin-bottom: 40px; border-radius: 20px; overflow: hidden; } @media screen and (max-width: 900px) { .COLUMNS[data-style="without-with"] .image {margin:20px 0;} .COLUMNS[data-style="without-with"] .b-column:first-child .image {margin-top:0;} } .COLUMNS[data-style="framed"] .container { padding: 60px; margin: 0 -60px; border-radius: 30px; background: rgba(255,255,255,0.9); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); color: #101820; } .COLUMNS[data-style="framed"] .image { width: 70px; border-radius: 20px; overflow: hidden; margin-bottom: 20px; } .COLUMNS[data-style="framed"] .b-image-fallback { background-color: #F7D169; } @media screen and (max-width: 900px) { .COLUMNS[data-style="framed"] .container {border-radius:20px;} } .COLUMNS[data-style="no-image"] .image { display: none; } .COLUMNS[data-style="no-image"] .column { padding-bottom: 20px; } .COLUMNS[data-style="no-image"] .container { overflow: hidden; margin-bottom: -20px; } .COLUMNS .column_button { margin-top: 20px; text-align: center; }.CONTENT .content { max-width: 960px; margin: 0 auto; text-align: center; } .CONTENT.alt-post .content { text-align: left; } .CONTENT .breadcrumbs { margin-top: -60px; color: #6c7475; font-size: 18px; } .CONTENT .breadcrumbs a { color: #6c7475; } .CONTENT .breadcrumbs a:hover { color: #5fb260; } .CONTENT .breadcrumbs + h1 { margin-top: 20px; } .CONTENT[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); } .CONTENT[data-style="full-width"] .content {max-width:100%;} .CONTENT[data-style="narrow"] .content {max-width:720px;} @media screen and (max-width: 1200px) { .CONTENT .content br {display:none;} } @media screen and (max-width: 900px) { .CONTENT .breadcrumbs {font-size:12px; line-height:16px; margin-top:-30px;} .CONTENT[data-style="framed"] .container {padding:30px 20px;} } .TESTIMONIALS .container { position: relative; padding: 80px 40px 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); text-align: center; } .TESTIMONIALS .container ._before { content: ""; display: block; position: absolute; top: -20px; left: 50%; width: 70px; height: 70px; margin-left: -35px; border-radius: 20px; background: #F7D169; } .TESTIMONIALS .content { max-width: 800px; margin: 0 auto 40px; } .TESTIMONIALS .logo, .TESTIMONIALS .author { display: inline-block; min-width: 300px; vertical-align: middle; margin: 0 10px; } .TESTIMONIALS .logo { width: 200px; min-width: 0; padding-left: 100px; } .TESTIMONIALS .author { font-weight: 700; } .TESTIMONIALS .company { margin-top: 5px; font-size: 16px; line-height: 20px; opacity: 0.5; } @media screen and (min-width: 901px) { .TESTIMONIALS .logo .b-image > img {left:auto; right:0; transform:translate(0, -50%);} .TESTIMONIALS .logo + .author {text-align:left;} } @media screen and (max-width: 900px) { .TESTIMONIALS .container {padding:80px 20px 30px;} .TESTIMONIALS .logo, .TESTIMONIALS .author {min-width:0; display:block; margin:0;} .TESTIMONIALS .logo {margin:0 auto 10px; padding:0;} .TESTIMONIALS .author {text-align:center;} .TESTIMONIALS .flickity-prev-next-button.next {right:-25px;} .TESTIMONIALS .flickity-prev-next-button.previous {left:-25px;} } .LOGO_LINKS .container { position: relative; padding: 80px 40px; border-radius: 30px; background: rgba(255,255,255,0.6); 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); } .LOGO_LINKS .heading { text-align: center; margin-bottom: 40px; } .LOGO_LINKS .image { text-align: center; border-radius: 30px; transition: all 0.3s ease; padding-bottom: 1em; } .LOGO_LINKS .image h6 { margin-top: 0; color: #101820; } .LOGO_LINKS .image:hover { box-shadow: 0 0 5px 0 rgba(0,0,0,0.1), 0 0 33px 0 rgba(0,0,0,0.2); } .LOGO_LINKS .b-image img { aspect-ratio: 3/2; object-fit: contain; } .LOGO_LINKS .b-column { position: relative; } .LOGO_LINKS .image a:hover::after { content: ''; display: block; position: absolute; top:0;right:0;bottom:0;left:0; } @media screen and (max-width: 1200px) { .LOGO_LINKS .heading br {display:none;} } @media screen and (max-width: 900px) { .LOGO_LINKS .container {padding:30px 20px 20px; border-radius:20px;} .LOGO_LINKS .b-column[data-width="1/5"] {width:50%;} .LOGO_LINKS .flickity-prev-next-button.next {right:-30px;} .LOGO_LINKS .flickity-prev-next-button.previous {left:-30px;} .LOGO_LINKS .container::before { content: ''; display: block; top: 0; left: 0; width: 100%; height: 100%; position: absolute; background: rgba(255,255,255,0.6); filter: blur(20px); z-index: -1; } } .ROWS .row { position: relative; margin: 120px 0; } .ROWS .row::before, .ROWS .row::after { content: ""; display: block; overflow: hidden; } .ROWS .row:first-child {margin-top:0 !important;} .ROWS .row:last-child {margin-bottom:0 !important;} .ROWS .image { overflow: hidden; border-radius: 30px; box-shadow: 0 4px 3px 0 rgba(0,0,0,0.02), 0 15px 60px 0 rgba(0,0,0,0.07); } .ROWS .b-column[data-width="1/4"] .image {max-width:250px;} .ROWS .b-link::before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } @media screen and (min-width: 901px){ .ROWS[data-direction="flipped"] .b-columns {flex-direction:row-reverse;} .ROWS[data-direction="alternating"] .row:nth-child(odd) .b-columns {flex-direction:row;} .ROWS[data-direction="alternating"] .row:nth-child(even) .b-columns {flex-direction:row-reverse;} .ROWS[data-direction="alternating-flipped"] .row:nth-child(odd) .b-columns {flex-direction:row-reverse;} .ROWS[data-direction="alternating-flipped"] .row:nth-child(even) .b-columns {flex-direction:row;} } @media screen and (max-width: 900px){ .ROWS .row {margin:60px 0;} }