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; } 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; } .CLASSIC ul li::marker { color: #5fb260; } .CLASSIC ol, .CLASSIC ul.checklist { list-style-type: none; padding: 0; } .CLASSIC ol { counter-reset: index; } .CLASSIC ol li { position: relative; padding-left: 30px; } .CLASSIC ol li::before { counter-increment: index; content: counter(index) "."; display: inline-block; color: #5fb260; font-size: inherit; position: absolute; font-weight: 600; left: 0; } .CLASSIC ul.checklist li { position: relative; padding-left: 40px; } .CLASSIC ul.checklist li::before { content: ""; display: block; position: absolute; left: 0; top: 5px; width: 20px; height: 20px; border-radius: 6px; background-color: #5fb260; } .CLASSIC blockquote { margin: 95px 0 60px; padding: 30px; border-radius: 30px; box-sizing: border-box; background-color: rgba(255, 255, 255, 0.85); box-shadow: 0 4px 3px 0 rgba(0, 0, 0, 0.02), 0 15px 60px 0 rgba(0, 0, 0, 0.07); } .CLASSIC blockquote::before { content: ""; width: 70px; height: 70px; display: block; margin-top: -65px; border-radius: 18px; background: #f7d169 no-repeat center; background-image: url('https://www.pairsoft.com/wp-content/themes/wp-pairsoft/assets/images/icon-quote.svg'); margin-bottom: 30px; } .CLASSIC blockquote h6 {margin-top:20px;} .CLASSIC blockquote h6 + p {margin-top:0;} .CLASSIC .ct_cta { padding: 2rem; text-align: center; background: #17341A; border-radius: 2rem; color: #fff; } .CLASSIC .cta_button_wrapper { display: flex; flex-wrap: wrap; justify-content: center; } .CLASSIC .cta_button_wrapper .b-button { margin: 1rem 0.5rem 0; min-width: 30%; } @media screen and (max-width:900px) { .CLASSIC .cta_button_wrapper { flex-direction: column; justify-content: center; } }#the_sidebar { position:relative; overflow: initial; } .TOC-SPACER { display: block; width: 100%; } .TABLE-OF-CONTENTS { box-sizing: border-box; background: #f0f9fb; padding: 30px 20px; border-radius: 20px; width: 360px; max-width: 100%; position: sticky; top:-40px; bottom: -40px; transition: top 0.7s ease, bottom 0.7s ease; } [data-scroll="down"] .TABLE-OF-CONTENTS { position: sticky; bottom: 40px; top: unset; } [data-scroll="up"] .TABLE-OF-CONTENTS { position: sticky; bottom: unset; top: 40px; } .TABLE-OF-CONTENTS li {margin:10px 0; line-height:24px;} .TABLE-OF-CONTENTS li:first-child {margin-top:0;} .TABLE-OF-CONTENTS li:last-child {margin-bottom:0;} .TABLE-OF-CONTENTS li::marker {color:#5fb260;} .TABLE-OF-CONTENTS li a:not(:hover) {color:#101820;} .TABLE-OF-CONTENTS ul ul {margin-top:10px;} @media screen and (max-width: 900px) { .TABLE-OF-CONTENTS {position:static; margin-bottom:20px;} } .POST-HEAD { position: relative; background: #F5FFF4 no-repeat top center / cover; margin-bottom: -60px; } .POST-HEAD .b-frame:first-child { padding-top: 60px; padding-bottom: 60px; display: flex; justify-content: space-between; } .POST-HEAD .b-frame:last-child { padding-bottom: 60px; } .POST-HEAD .content { width: calc(60% - 2rem); text-align: left; margin-bottom: -40px; } .POST-HEAD .breadcrumbs { color: #6c7475; font-size: 18px; } .POST-HEAD .breadcrumbs a {color:#6c7475;} .POST-HEAD .breadcrumbs a:hover {color:#5FB260;} .POST-HEAD .breadcrumbs + h1 {margin-top:20px;} .POST-HEAD .sperator { color: #5FB260; padding: 0 5px; } .POST-HEAD .image { position: relative; width: 40%; margin-bottom: -80px; } .POST-HEAD .image .b-image { border-radius: 20px; } .POST-HEAD .topic { position: absolute; top: 30px; left: 30px; } .POST-HEAD .category { position: absolute; top: 30px; right: 30px; } .POST-HEAD .category h6.alt-label-subhead {background:#F5FFF4;} @media screen and (max-width: 1200px){ .POST-HEAD .content br {display:none;} .POST-HEAD .image, .POST-HEAD .content {margin-bottom:unset;} .POST-HEAD .b-frame:first-child {align-items: center;} } @media screen and (max-width: 900px){ .POST-HEAD {margin-bottom:-20px;} .POST-HEAD .b-frame:first-child {flex-wrap: wrap; justify-content: center;} .POST-HEAD .b-frame:last-child {padding-bottom:40px;} .POST-HEAD .content {width:100%; text-align: center;} .POST-HEAD .breadcrumbs {font-size:12px; line-height:16px; margin-top:-30px;} .POST-HEAD .sperator {display:block; font-size:0; line-height:0;} .POST-HEAD .image {margin:40px 0 -40px; width: 70%;} .POST-HEAD .topic {top:15px; left:15px;} .POST-HEAD .category {display:none;} .POST-HEAD .image::before { content: ""; display: block; position: absolute; top:60px; bottom: 0; background: #fff; left: 50%; width: 90vw; transform: translate(-50%, 0); box-shadow: 300px 0 0 #fff, -300px 0 0 #fff; } } .FORM::before, .FORM::after { content: ""; display: block; overflow: hidden; } .FORM .container { padding: 30px; background: #fff; border-radius: 30px; box-shadow: 0 5px 5px 0 rgba(0,0,0,0.03), 0 33px 70px 0 rgba(0,0,0,0.05); } .FORM .form-column { justify-content: center; max-width: 100%; } .FORM .points {display: block;} .FORM .form-column .points {display: none;} .FORM .point { margin-top: 40px; overflow: hidden; } .FORM .image { overflow: hidden; width: 70px; height: 70px; border-radius: 20px; background: #F7D169; float: left; margin-right: 20px; } .FORM .image .b-image-fallback { background-color: #F7D169; } .FORM .content { padding-top: 5px; overflow: hidden; } .FORM .content p {margin:10px 0;} .FORM .content p:first-child {margin-top:0;} .FORM .content p:last-child {bottom:0;} .FORM .b-column { display:flex; flex-direction:column; align-items: center; justify-content: center; } .FORM .container .hs_firstname, .FORM .container .hs_lastname { position: relative; width: 50%; display: inline-block; } .FORM .hs-form .hs-form-field:not(.hs-fieldtype-select) label:not(.hs-error-msg) { width: min-content; } .FORM .hs-form .hs_submit { margin-top: 20px; } .modal-cta-content-wrap { position: absolute; top:0; right:0; bottom:0; left:0; padding:30px; background-image: linear-gradient(-30deg, #aca, #ffc); overflow: scroll; display: none; align-items: center; } .modal-cta-form .FORM .container { display:block; } .modal-cta-form .FORM .hs-form .hs-form-field { line-height:1; } .modal-cta-form .FORM .hs-form .hs-form-field:not(.hs-fieldtype-select) label:not(.hs-error-msg) { transform: translate(0, 17px) scale(1.3); } .modal-cta-form .FORM .hs-form .hs-form-field.alt-active:not(.hs-fieldtype-select) label:not(.hs-error-msg) { transform: translate(0, -5px); } @media screen and (max-width: 1200px){ .FORM .container {padding:30px;} } @media screen and (max-width: 900px){ .FORM .container {padding:30px 20px; border-radius:20px;} .FORM .points {margin-top:40px;} .FORM .point {margin-top:20px;} .FORM .image {width:40px; height:40px; border-radius:10px;} .FORM .content {padding-top:0;} .FORM .container .hs_firstname, .FORM .container .hs_lastname {width: 100%;} .FORM .points {display: none;} .FORM .form-column .points {display: block;} } .TABLE-OF-CONTENTS .FORM .container { margin-top: 1rem; padding: 0px; background: transparent; border-radius: 0; box-shadow: none; } .TABLE-OF-CONTENTS .FORM .hs-form .hs-form-field { padding: 5px 10px; } .TABLE-OF-CONTENTS .FORM .hs-form-field input[type="tel"], .TABLE-OF-CONTENTS .FORM .hs-form-field input[type="text"], .TABLE-OF-CONTENTS .FORM .hs-form-field input[type="email"], .TABLE-OF-CONTENTS .FORM .hs-form-field input[type="number"], .TABLE-OF-CONTENTS .FORM select.hs-input { height: 36px; line-height: 36px; } .TABLE-OF-CONTENTS .FORM .hs-form-field textarea { height: 100px; } .TABLE-OF-CONTENTS .FORM .container .hs_firstname, .TABLE-OF-CONTENTS .FORM .container .hs_lastname { width: 100%; } .TABLE-OF-CONTENTS .hs-form .hs-form-field:not(.hs-fieldtype-select) label:not(.hs-error-msg) { transform: translate(0, 19px) scale(1.3); } .TABLE-OF-CONTENTS .hs-form .hs-form-field label:not(.hs-error-msg) { border-radius: 4px; }.AUTHOR .container { border-top: 2px solid #f3f6f7; padding-top: 120px; } .AUTHOR .image { max-width: 150px; overflow: hidden; border-radius: 20px; } .AUTHOR h4 { text-decoration: underline; } @media screen and (max-width: 900px) { .AUTHOR .container {padding-top: 60px;} } .POSTS .heading { max-width: 960px; margin: 0 auto 60px; text-align: center; } .POSTS .search { max-width: 450px; margin: -30px auto 60px; } .POSTS .posts-filter { margin-bottom: 60px; text-align: center; } .POSTS .posts-filter .content-types { height: 0; } .POSTS .posts-filter .categories { position: relative; padding-top: 3rem; background: #fff; } .POSTS .posts-filter ul { list-style-type: none; padding: 0; margin: 0 -10px 20px 0; } .POSTS .posts-filter .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; } .POSTS .posts-filter .categories li a:hover { text-decoration: underline; } .POSTS .posts-filter .content-types li { display: inline-block; vertical-align: top; margin: -67px 0 0 0; color: #426C40; transition: color 0.25s; } .POSTS .posts-filter .content-types li a { display: block; padding: 20px 30px; font-size: 12px; font-weight: 500; text-transform: uppercase; border-radius: 16px 16px 0 0; background: #ffffff55; transition: all 0.25s ease; } .POSTS .posts-filter li:hover { color: #5FB260; } .POSTS .posts-filter li.alt-active a { color: #5FB260; background: #fff; text-decoration: underline; } .POSTS .posts-filter .content-types li a:hover { background: #ffffffff; } .POSTS .posts-filter .content-types li.alt-active a { box-shadow: 0 2px 30px 0 rgba(0,0,0,0.1); text-decoration: none; } .POSTS .posts-filter a { color: inherit; } .POSTS .posts { margin: 0 0 -20px; } .POSTS .posts::before, .POSTS .posts::after { content: ""; display: block; overflow: hidden; } .POSTS .post { position: relative; overflow: hidden; margin-bottom: 20px; } .POSTS .image { position: relative; border-radius: 20px; overflow: hidden; margin-bottom: 24px; } .POSTS .topic { position: absolute; top: 15px; left: 15px; } .POSTS .category { letter-spacing: 0.1em; color: #0e4112; font-size: 16px; text-transform: uppercase; margin-bottom: 12px; } .POSTS .content a::before { content: ""; display: block; position: absolute; top: -999px; right: -999px; bottom: -999px; left: -999px; } .POSTS .content a ~ h4, .POSTS .content a h4{ margin: 0; font-size: 22px; color: #101820; transition: color 0.25s; } .POSTS .content a:hover ~ h4, .POSTS .content a:hover h4 { color: #426C40; } .POSTS .screen-reader-text { display: none; } .POSTS .nav-links { margin: 60px -20px 0; text-align: center; } .POSTS .page-numbers { display: inline-block; vertical-align: top; width: 60px; height: 60px; border-radius: 30px; font-size: 22px; line-height: 60px; font-weight: 500; color: #101820; } .POSTS a.page-numbers:hover {color:#5FB260;} .POSTS .page-numbers.current {background:#F7D169;} .POSTS .page-numbers.prev, .POSTS .page-numbers.next { text-indent: -9999px; background: no-repeat center; } .POSTS .page-numbers.prev {background-image: url(/wp-content/themes/wp-pairsoft/assets/images/ui-pagination-prev.svg);} .POSTS .page-numbers.next {background-image: url(/wp-content/themes/wp-pairsoft/assets/images/ui-pagination-next.svg);} .POSTS .newsletter { margin-bottom: 20px; padding: 40px; border-radius: 20px; background: #f5fff4 url(/wp-content/themes/wp-pairsoft/assets/images/bg-posts-newsletter.jpg) no-repeat center / cover; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.03), 0 33px 70px 0 rgba(0, 0, 0, 0.05); } .POSTS .hs-form .hs-form-field.alt-active:not(.hs-fieldtype-select) label:not(.hs-error-msg) { background: linear-gradient(0deg, rgba(255,255,255,1) 49%, rgba(255,255,255,0) 49%); } .POSTS .newsletter .hs-form .hs-submit { margin: 10px 0 0 10px; } .POSTS[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); box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.03), 0 33px 70px 0 rgba(0, 0, 0, 0.05); } @media screen and (max-width: 1200px) { .POSTS .heading br {display:none;} } @media screen and (max-width: 900px) { .POSTS .posts-filter {margin-bottom:20px;} .POSTS .heading {margin-bottom:40px;} .POSTS .nav-links {margin:40px -20px 0;} .POSTS .page-numbers {width:24px; height:24px; border-radius:12px; font-size:16px; line-height:24px;} .POSTS .newsletter {padding:30px 20px;} .POSTS[data-style="framed"] .container {border-radius:20px;} .POSTS .posts-filter .content-types li {margin-top: -28px;} .POSTS .posts-filter .content-types li a {padding: 0 6px; font-size: 10px; border-radius: 7px 7px 0 0;} .POSTS .posts-filter .categories {margin-bottom: 40px;} } .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;} } .gform_submission_error { font-size: 22px; color: red; margin-bottom: 30px; } .gform_heading { margin-bottom: 30px; } .gform_description { display: block; margin: 20px 0 0; } .gform-body::before, .gform-body::after { content: ""; display: block; overflow: hidden; } .gform_footer { margin-top: 40px; } .gform_page_footer { margin-top: 60px; } @media screen and (max-width: 900px) { .gform_page_footer {margin-top:40px;} } .gform_fields { display: flex; flex-wrap: wrap; list-style: none; margin: -10px; padding: 0 ; } .gform_fields::before, .gform_fields::after { content: ""; display: block; overflow: hidden; } .gform_fields .gfield { width: 100%; box-sizing: border-box; flex: 0 0 auto; align-items: stretch; margin: 0; padding: 10px; } .gform_fields .gfield:not(.gfield_html) { font-size: 0; line-height: 0; } .gform_fields .gfield .gfield_label { font-size: 12px; line-height: 15px; font-weight: 500; display: inline-block; position: relative; background: #fff; vertical-align: top; margin-left: 15px; padding: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .gform_fields .gfield_description { padding-top: 5px; font-size: 14px; line-height: 20px; margin-bottom: -5px; } .gform_fields .validation_message { color: red; } .gform_fields .gfield_description + .validation_message { margin-top: 5px; } .ginput_container { margin-top: -6px; } .gform_fields .gfield .gfield_label { transition: transform 0.25s; transform-origin: 0; transform: scale(1.3) translate(0, 21px); cursor: text; max-width: 66.66%; } .gform_fields .gfield.alt-active .gfield_label { transform:scale(1) translate(0, 0); max-width:100%; } .gform_fields .gfield--width-half {width:50%;} .gfield.alt-dollar { position: relative; } .gfield.alt-dollar::after { content: "$"; display: block; position: absolute; top: 19px; left: 9px; width: 35px; height: 52px; background: #426C40; border-radius: 10px 0 0 10px; color: #fff;font-size: 18px; line-height: 52px; text-align: center; font-weight: 500; transition: background 0.25s; } .gfield.alt-active.alt-dollar::after { background: #5FB260; } .gfield.alt-dollar input {padding-left:45px;} .gfield.alt-dollar .gfield_label {margin-left:40px;} @media screen and (max-width: 900px) { .gform_fields .gfield {width:100%;} } .gf_page_steps { position: relative; display: flex; margin-bottom: 60px; line-height: 40px; } .gf_step::after { content: ""; vertical-align: middle; display: inline-block; width: 20px; height: 1px; background: #5FB260; } .gf_step_number { vertical-align: middle; display: inline-block; width: 40px; height: 40px; line-height: 40px; box-shadow: inset 0 0 0 1px #5FB260; font-size: 18px; font-weight: 500; text-align: center; border-radius: 20px; color: #5FB260; } .gf_step_label {display:none;} .gf_step_active .gf_step_number {background:#5FB260; color:#fff;} @media screen and (max-width: 900px) { .gf_page_steps {margin-bottom:40px; line-height:20px;} .gf_step::after {width:5px;} .gf_step_number {height:20px; line-height:20px; width:20px; font-size:12px;} } .gform_required_legend {display:none;} .gfield_required {display:none;} .gform_ajax_spinner {display: none !important;} .gform_fields .hidden_label .gfield_label, .gform_fields .screen-reader-text, .gform_fields .gform_validation_container, .gform_fields .gform_hidden, .gform_fields .gfield_visibility_hidden { display: none !important; } .hs-form { margin: -10px -10px 0; } h1 ~ .hbspt-form .hs-form h2 ~ .hbspt-form .hs-form, h3 ~ .hbspt-form .hs-form, h4 ~ .hbspt-form .hs-form, h5 ~ .hbspt-form .hs-form, h6 ~ .hbspt-form .hs-form { margin-top: 10px; } .hs-form .hs-form-field { width: 100%; box-sizing: border-box; flex: 0 0 auto; align-items: stretch; margin: 0; padding: 10px; } .hs-form .hs_submit { margin: 30px 0 0 10px; } .hs-form .hs-form-field label { font-size: 12px; line-height: 15px; font-weight: 500; display: inline-block; position: relative; background: #fff; vertical-align: top; margin-left: 15px; padding: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 66.66%; } .hs-form .hs-form-field.hs-fieldtype-select label { width: auto; } .hs-form .hs-form-field:not(.hs-fieldtype-select) label:not(.hs-error-msg) { transition: transform 0.25s; transform-origin: 0; transform: scale(1.3) translate(0, 21px); cursor: text; max-width: 66.66%; } .hs-form .hs-form-field.alt-active:not(.hs-fieldtype-select) label:not(.hs-error-msg) { transform:scale(1) translate(0, 0); max-width:100%; width: auto; } .hs-form .hs-form-field .input { margin-right: 0 !important; margin-top: -20px; } .hs-form .hs-form-field textarea { width: 100% !important; } .hs-form .hs-form-field .hs-error-msgs { margin: 0; padding: 10px 10px 0; list-style-type: none; color: #cc0000; } .hs-form .hs-form-field .hs-error-msgs li { line-height: 12px; } .hs-form .hs-form-field .hs-error-msgs li label { margin: 0; white-space: normal; background: transparent; }