/* Theme Name: Future Marketing 2026 Theme URI: https://future-marketing.com/ Author: Vanilla Killer Description: Thin WP theme shell replicating the original newsite theme from a public scrape. Version: 1.0.0 Text Domain: fm-2026 */ /*! Theme Name: ybtemplate Theme URI: https://future-marketing.com/ Author: Vanilla Killer Author URI: https://weareyellowball.com Description: Description Version: 1.0.0 Tested up to: 5.4 Requires PHP: 5.6 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: ybtemplate Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned. ybtemplate is based on ybtemplate https://weareyellowball.com, (C) 2012-2020 Automattic, Inc. ybtemplate is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://weareyellowball.com */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Generic - Normalize - Box sizing # Base - Typography - Elements - Links - Forms ## Layouts # Components - Navigation - Posts and pages - Comments - Widgets - Media - Captions - Galleries # plugins - Jetpack infinite scroll # Utilities - Accessibility - Alignments --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Generic --------------------------------------------------------------*/ /* Normalize --------------------------------------------- */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /*@import url('https://fonts.googleapis.com/css2?family=Castoro:ital@0;1&family=Open+Sans:wght@300;400;600;700&display=swap');*/ @import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600&family=Open+Sans:wght@300;400;600;700&display=swap'); :root { /*** Only designer ***/ --white:#fff; /*** Fonts ***/ --headingfont:'Barlow Condensed', sans-serif; --bodyfont:'Open Sans', sans-serif; --menufont:'Barlow Condensed', sans-serif; --buttonfont:'Barlow Condensed', sans-serif; /**** colors ****/ --body: #fff; --bodycopycolor:#626576; --formbordercolor: #D9D9E0; --formlabelcolor: #fff; --formplacehodercolor: #fff; --formfiledcolor: #fff; --hedingcolor:#233441; --anchorlinecolor:#8dc63f; --imageoverlay:#233441; --blockcolor:#233441; --gerybgcolor:#E6ECF0; --buttonbgcolor:#8BC740; --buttoncolor:#1B1B1D; --buttonoutlinecolor:#1B1B1D; --menucolor:#fff; --footerlinecolor:#D9D9E0; /*** Slider Buttons ***/ /** if slider button outline add class here https://prnt.sc/1045wc5 **/ --sliderbuttonoutline:#8BC740; /**** Font sizes ****/ --bodycopysize:17px; --h1fontsize:72px; --h2fontsize:54px; --h3fontsize:36px; --h4fontsize:30px; --h5fontsize:24px; --h6fontsize:20px; --formfieldfontsize:17px; --buttonsize:21px; --menusize:18px; /**** Font weight ****/ --bodyfontweight:400; --headingfontweight:600; --formfieldfontweight:400; --buttonfontweight:600; --menufontweight:600; /**** Font Lineheight ****/ --bodylineheight:34px; --headingheight:1.1; --formfieldlineheight:24px; --buttonlineheight:21px; --menulineheight:1; /**** Letter Spacing ****/ --bodyletterspacing:-0.34px; --headingletterspacing:0; --formfieldletterspacing:-0.34px; --buttonletterspacing:0; --menuletterspacing:0; /**** Font case ****/ /* Add option in admin uppercase capitalize none */ --bodycase:none; --headingcase:none; --formcase:none; --buttoncase:none; --menucase:none; /**** Button style ****/ /* 1 Button square add class here https://prnt.sc/103412a 2 Button outline add class here https://prnt.sc/1034245 */ --buttonborderradius:4px; /**** Ipad font sizes ****/ --ipadbodycopysize:15px; --ipadh1fontsize:60px; --ipadh2fontsize:45px; --ipadh3fontsize:30px; --ipadh4fontsize:25px; --ipadh5fontsize:22px; --ipadh6fontsize:20px; --ipadbuttonsize:18px; --ipadmenusize:17px; /**** Ipad Lineheight ****/ --ipadbodycopylineheight:30px; /*** Mobile font sizes ****/ --mobilebodycopysize:15px; --mobileh1fontsize:52px; --mobileh2fontsize:32px; --mobileh3fontsize:32px; --mobileh4fontsize:25px; --mobileh5fontsize:22px; --mobileh6fontsize:20px; --mobilebuttonsize:21px; --mobilemenusize:28px; /**** Ipad Lineheight ****/ --mobilebodycopylineheight:30px; } body {margin: 0;}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {display: block;}audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}audio:not([controls]) {display: none;height: 0;}[hidden],template {display: none;}a {background-color: transparent;}a:active,a:hover {outline: 0;}abbr[title] {border-bottom: 1px dotted;}b,strong {font-weight: 700;}dfn {font-style: italic;}h1 {font-size: 2em;margin: 0.67em 0;}mark {background: #ff0;color: #000;}small {font-size: 80%;}sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sup {top: -0.5em;}sub {bottom: -0.25em;}img {border: 0;}svg:not(:root) {overflow: hidden;}figure {margin: 1em 40px;}hr {box-sizing: content-box;height: 0;}pre {overflow: auto;}code,kbd,pre,samp {font-family: 'Red Hat Display', sans-serif;font-size: 1em;}button,input,optgroup,select,textarea {color: inherit;font: inherit;margin: 0;}button {overflow: visible;}button,select {text-transform: none;}button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}button[disabled],html input[disabled] {cursor: default;}button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}input {line-height: normal;}input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}legend {border: 0;padding: 0;}textarea {overflow: auto;}optgroup {font-weight: bold;}table {border-collapse: collapse;border-spacing: 0;}td,th {padding: 0;} b, strong {font-weight: 700;} *,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} html { -webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%; min-height: 100%; position: relative; overflow: visible !important; } html.no-touch, html.touch {margin-top: 0 !important;} body { margin: 0; font-family: var(--bodyfont); font-weight:var(--bodyfontweight); font-size: var(--bodycopysize); color: var(--bodycopycolor); line-height:var(--bodylineheight); letter-spacing: var(--bodyletterspacing); text-transform:var(--bodycase); -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; background-color:var(--body)} .clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;} .site {position: fixed !important;top: 0;right: 0;bottom: 0;left: 0;} img, span {border: none;} img {max-width: 100%; height: auto;} a {position: relative; z-index: 1;color: var(--bodycopycolor); font-weight: 400; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; text-transform: none; line-height: 1; display: inline-block; text-decoration: none;} a:not(.button):before {position: absolute;bottom: 0px;left: 50%;z-index:-1;width: 100%;height:6px;/*background-color: rgba(190, 34, 7, 0.5);*/background-color: var(--anchorlinecolor);-webkit-transform: translateX(-50%);transform: translateX(-50%);content:"";-webkit-transition: all .3s ease-in;transition: all .3s ease-in; opacity: 0.5;} a:hover, a:focus, a:active { text-decoration: none; outline:none;} a:hover:before, a:focus:before, a:active:before { height: 100%;} ul,ol {margin: 0 0 30px 0px; padding: 0 0 0 0; list-style-type: none;} ul li, ol li {position: relative; padding: 0 0 0 31px; /*font-size: 21px; line-height: 36px;*/ margin: 0 0 20px 0; text-align: left; color: var(--blockcolor); } ul li:before {content: "";position: absolute; width:9px; height:9px; left: 0; top:15px; border-radius:50%; background-color: #8BC740; } .clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;} ol li {counter-increment: li; padding: 0 0 0 40px;} ol li:before {font-family: linotype-didot, serif;content: counter(li)".";color:var(--blockcolor);;margin-left: 0;position: absolute;left: 0;top: 1px;line-height: normal;font-weight: 400; font-size: 30px; letter-spacing: 0;} /*.site {overflow: hidden;}*/ .alignleft {margin: 0 20px 20px 0; float: left;} .alignright {margin: 0 0 20px 20px; float: right;} .aligncenter {margin: 0 auto 20px auto; float: none; display: block;} .no-wrap {flex-wrap: nowrap; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap;} blockquote {margin: 0 0 30px;border-left: 5px solid var(--blockcolor);font-size: 24px;} h1,h2,h3,h4,h5,h6, .h1,.h2,.h3,.h4,.h5,.h6 {font-family: var(--headingfont); font-weight: var(--headingfontweight); line-height: var(--headingheight);color: var(--hedingcolor); letter-spacing: var(--headingletterspacing); text-transform: var(--headingcase);} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: inherit; line-height: inherit; color: var(--hedingcolor);} h1 span,h2 span,h3 span,h4 span,h5 span,h6 span, .h1 span,.h2 span,.h3 span,.h4 span,.h5 span,.h6 span {color: var(--hedingcolor);} h1, .h1 { font-size:var(--h1fontsize); margin: 0 0 20px;} h2, .h2 { font-size:var(--h2fontsize); margin: 0 0 20px; } h3, .h3 { font-size:var(--h3fontsize); margin: 0 0 20px;} h4, .h4 { font-size:var(--h4fontsize); margin: 0 0 15px;} h5, .h5 { font-size:var(--h5fontsize);margin: 0 0 15px;} h6, .h6 { font-size:var(--h6fontsize);margin: 0 0 10px;} p { /*margin: 0 0 40px;*/margin: 0 0 15px;} p:last-child {margin-bottom: 0 !important;} /*.form-row .wpcf7-list-item label .wpcf7-list-item-label a:before {display: none;}*/ .small {font-size:82%; line-height:21px;} .small small {font-size: 100%;} html {position: relative;min-height: 100%;} .centered {text-align: center;} .button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"], .wp-block-button__link {margin: 0 0 0 0; font-family: var(--buttonfont); padding:20px 40px 20px; border-radius:0px; background-color:var(--buttonbgcolor); border: none; border-radius: var(--buttonborderradius); display: inline-block; vertical-align: middle; font-weight: var(--buttonfontweight);color: var(--buttoncolor); font-size: var(--buttonsize); line-height: var(--buttonlineheight); letter-spacing:var(--buttonletterspacing); text-transform: var(--buttoncase); position: relative;outline: none; box-shadow: 0px 0px 40px rgba(49, 50, 67, 0.30);text-align: center;text-decoration: none;-webkit-transition:all 0.3s;transition: all 0.3s; overflow: hidden; -webkit-transform: translateY(0) translateZ(0);transform: translateY(0) translateZ(0);} .button:hover, a.button:hover, button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .wp-block-button__link:hover {-webkit-transform: translateY(-5px) translateZ(0);transform: translateY(-5px) translateZ(0);} .button.border-hover, a.button.border-hover, button.border-hover, input[type="button"].border-hover, input[type="reset"].border-hover, input[type="submit"].border-hover, .wp-block-button__link.border-hover {/*border: 2px solid #fff;*/} .button.border-button, a.button.border-button, button.border-button, html input[type="button"].border-button, input[type="reset"].border-button, input[type="submit"].border-button, .wp-block-button__link.border-button {background-color: transparent; color: #fff; border: 2px solid #fff;} .button.button-small, a.button.button-small, button.button-small, html input[type="button"].button-small, input[type="reset"].button-small, input[type="submit"].button-small, .wp-block-button__link.button-small {padding: 12px 25px 12px;font-size: 17px;line-height: 18px;} .normal-link {margin: 0; font-family: var(--buttonfont); padding:0; border-radius:0px;color: var(--blockcolor);font-weight: 600;color: var(--blockcolor); font-size: var(--buttonsize); line-height: 21px; letter-spacing:0; text-transform: capitalize;} .normal-link:hover {opacity: 0.7;} .normal-link:before {display: none;} .button-square .button, .button-square a.button, .button-square button, html .button-square input[type="button"], .button-square input[type="reset"], .button-square input[type="submit"], .button-square .wp-block-button__link {border-radius: 0 !important;} .button-outline .button, .button-outline a.button, .button-outline button, html .button-outline input[type="button"], .button-outline input[type="reset"], .button-outline input[type="submit"], .button-outline .wp-block-button__link {background-color: transparent !important; box-shadow: none !important; border: 2px solid var(--buttonoutlinecolor);} .screen-reader-text {border: 0;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute !important;width: 1px;word-wrap: normal !important;} .contact-form {margin: 0;padding: 113px 0 100px; background: #191B36;} .contact-form h2 {padding: 0 20px 0 0; color: #fff; line-height: 68px;} .contact-form h2 a {text-decoration: none; text-transform: none; color: #3A9B9B;} .contact-form h2 a:before {display: none;} .form-row .wpcf7-form-control-wrap {display: block;} .form-row label {margin: 0; padding: 0 0 6px; display:block; font-size:var(--formfieldfontsize); color: var(--formlabelcolor); font-weight: var(--formfieldfontweight); line-height: normal;letter-spacing: var(--formfieldletterspacing); text-transform: var(--formcase);} .gform_body ul li.form-row {margin-bottom: 22px; position: relative;} .form-col {margin: 0; padding: 0; max-width: 550px; width: 100%;} .gform_wrapper li.gfield_error {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);} .gform_validation_error.gform_wrapper li.gfield_html {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);} .validation_error {display: none !important;} .gform_confirmation_message {color: #fff;font-size: 18px;} .form-row .wpcf7-list-item {position: relative; margin: 0;} .form-row .wpcf7-list-item label {position: relative;} .form-row .wpcf7-list-item label input[type="checkbox"] {margin: 0; padding: 0; position: absolute; left: 0; top:0px; width: 32px; height: 32px; opacity: 0;} .form-row .wpcf7-list-item label .wpcf7-list-item-label {margin: 0; padding:2px 0 0 58px; position: relative; display: block;color: #fff; font-family: 'Castoro', serif;font-size: 19px;} .form-row .wpcf7-list-item label .wpcf7-list-item-label a:before {display: none;} .form-row .wpcf7-list-item label .wpcf7-list-item-label a {text-decoration: none; color: #fff; text-transform: none;} .form-row .wpcf7-list-item label .wpcf7-list-item-label:before {position: absolute;left: 0;top: 0;margin:0;width: 32px;height:32px;background: transparent;border:1px solid #3A9B9B;border-radius: 0px;cursor: pointer;transition: all 250ms cubic-bezier(.4,.0,.23,1);} .form-row .wpcf7-list-item label .wpcf7-list-item-label:after { content: "";position: absolute;left: 10px;top: 10px;width: 12px;height: 7px;border-left: 1px solid #fff;border-bottom: 1px solid #fff;transform: rotate(-45deg); opacity: 0; visibility: hidden;} .form-row .wpcf7-list-item label input[type="checkbox"]:checked + .wpcf7-list-item-label:after {opacity: 1; visibility: visible;} input[type="search"], input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea {padding:18px 20px;font-size: 18px;font-weight: 400;letter-spacing: 0;width: 100%;color: var(--formfiledcolor);text-transform: none;filter: alpha(opacity=100);border: 1px solid var(--formbordercolor);border-radius: 0px;-webkit-border-radius: 4px;-moz-border-radius: 4px;line-height:var(--formfieldlineheight);box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;outline: none !important; background:none; width: 100%;-webkit-appearance: none;-moz-appearance: none;appearance: none; resize: none;} input[type="search"]:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus{background: rgba(255, 255, 255, 0.1)} .wpcf7-form-control-wrap.textarea {line-height: 0;} .wpcf7-form-control-wrap .wpcf7-textarea {height: 210px;} input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;} input::-webkit-input-placeholder {color: var(--formplacehodercolor);opacity:0.3; letter-spacing: -0.36px;} input:-moz-placeholder {color:var(--formplacehodercolor); opacity:0.3; letter-spacing: -0.36px;} input::-moz-placeholder {color: var(--formplacehodercolor); opacity:0.3; letter-spacing: -0.36px;} input:-ms-input-placeholder {color: var(--formplacehodercolor);opacity:0.3; letter-spacing: -0.36px;} textarea::-webkit-input-placeholder {color: var(--formplacehodercolor); opacity:0.3; letter-spacing: -0.36px;} textarea:-moz-placeholder {color:var(--formplacehodercolor); opacity:0.3; letter-spacing: -0.36px;} textarea::-moz-placeholder {color: var(--formplacehodercolor); opacity:0.3; letter-spacing: -0.36px;} textarea:-ms-input-placeholder {color: var(--formplacehodercolor)acity:0.3; letter-spacing: -0.36px;} .wpcf7-form-control-wrap.textarea {line-height: 0;} .wpcf7-form-control-wrap .wpcf7-textarea {height: 169px;} textarea {height: 218px; line-height: normal;} .flex {display: flex;} .flex-wrap {flex-wrap: wrap;} .align-center {align-items: center;} .align-start {align-items: flex-start;} .justify-content-center {justify-content: center;} .space-between {justify-content: space-between;} .flex-direction-column {flex-direction: column;} .flex-direction-row {flex-direction: row;} .flex-direction-row-reverse {flex-direction: row-reverse;} .flex-direction-column-reverse {flex-direction: column-reverse;} .text-center {text-align: center;} .display-mobile {display: none} .left-inside {opacity: 0;-webkit-transform: translateX(-50px);transform: translateX(-50px);-webkit-transition: .9s ease-in-out;transition: .9s ease-in-out;} .right-inside {opacity: 0;-webkit-transform: translateX(50px);transform: translateX(50px);-webkit-transition: .9s ease-in-out;transition: .9s ease-in-out;} .top-inside {opacity: 0;-webkit-transform: translateY(-50px);transform: translateY(-50px);-webkit-transition: .9s ease-in-out;transition: .9s ease-in-out;} .bottom-inside {opacity: 0;-webkit-transform: translateY(50px);transform: translateY(50px);-webkit-transition: .9s ease-in-out;transition: .9s ease-in-out;} .button.bottom-inside {opacity: 0;-webkit-transform: translateY(50px);transform: translateY(50px);-webkit-transition: .9s ease-in-out;transition: .9s ease-in-out;} .bottom-cubic {opacity: 0;-webkit-transform: translateY(50px);transform: translateY(50px);-webkit-transition: .7s cubic-bezier(0.51, 0.12, 0.38, 0.96);transition: .7s cubic-bezier(0.51, 0.12, 0.38, 0.96);} .fade-inside {opacity: 0;-webkit-transition: .9s ease-in-out;transition: .9s ease-in-out;} .fade-inside.is-visible {opacity: 1;} .is-visible.left-inside, .is-visible.right-inside, .is-visible.top-inside, .is-visible.bottom-inside, .is-visible.bottom-cubic {opacity: 1;-webkit-transform: none;transform: none;} .image-in-out {position: relative;overflow: hidden;} .image-in-out .in, .image-in-out .out, .image-in-out:before {transition: all 2s cubic-bezier(.77,0,.175,1); -webkit-transition: all 2s cubic-bezier(.77,0,.175,1)} .image-in-out .in, .image-in-out .out {overflow: hidden} .image-in-out .in .image_inner img, .image-in-out .out .image_inner img {-webkit-transform: translateZ(0);transform: translateZ(0)} .image-in-out .out {-webkit-transform: translateX(-110%);-ms-transform: translateX(-110%);transform: translateX(-110%)} .image-in-out .in, .image-in-out.is-visible:before {-webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%)} .image-in-out.to--right .out {-webkit-transform: translateX(110%);-ms-transform: translateX(110%);transform: translateX(110%)} .image-in-out.to--right .in, .image-in-out.is-visible:before {-webkit-transform: translateX(-101%);-ms-transform: translateX(-101%);transform: translateX(-101%)} .image-in-out.is-visible .in, .image-in-out.is-visible .out {-webkit-transform: none;-ms-transform: none;transform: none} .image-in-out.is-visible .in, .image-in-out.is-visible .out {-webkit-transform: none;-ms-transform: none;transform: none;} .image_inner {line-height: 0;} .slick-slide {outline: none;} .scroll-content {overflow: hidden;} .container {margin: 0 auto; padding: 0 15px; max-width: 1170px; width: 100%;} .bg-cover {background-size: cover; background-position: center; background-repeat: no-repeat; display: block;} .bg-cover img {opacity: 0; visibility: hidden; width: 100%;} .bg-contain {background-size: contain; background-position: center; background-repeat: no-repeat; display: block;} .bg-contain img {opacity: 0; visibility: hidden; width: 100%;} .site {position: fixed; top: 0;right: 0;bottom: 0;left: 0;} .site-header {margin: 0; padding:36px 0; position: absolute; display: flex; align-items: center; justify-content: space-between; left: 0; top: 0; z-index: 99; width: 100%; -webkit-transition: all .3s ease-in;transition: all .3s ease-in;} .site-header.full-header .container {max-width: 100%; padding-left: 109px;padding-right: 109px;} .logo a {line-height: 0; text-decoration: none; display: block;} .logo {width: 220px; line-height: 0;padding: 2px 0 0;} .logo a:before {display: none;} .logo .logo-blue {display: none;} .site-branding {margin: 0; padding:0; position: relative; z-index: 1;} .site-branding {margin: 0; padding: 0; display: flex; justify-content: space-between; align-content: center;} .site-header.is-hidden {top: -120px !important;} .is-scrolling {background: rgba(0,0,0,0.5);box-shadow: 0px 0px 50px rgb(0 0 0 / 10%); top: 0 !important;} .main-navigation {margin: 0; padding: 0; display: flex; align-content: center;} .main-navigation > div {display: flex; align-items: center;} .main-navigation ul {margin: 0; padding: 0; list-style-type: none;display: flex;align-content: center;} .main-navigation ul li {margin: 0; padding: 0 18px;position: relative;} .main-navigation ul li:before {display: none;} .main-navigation ul li a {margin: 0; padding: 14px 0; display: block;font-family:var(--menufont); font-size:var(--menusize); font-weight:var(--menufontweight); text-decoration: none;letter-spacing:var(--menuletterspacing); color: var(--menucolor); text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.50); text-decoration: var(--menucase); text-transform: none; position: relative; line-height: var(--menulineheight);} .main-navigation ul li a:hover {opacity: 0.5;} .main-navigation ul li a:before {display: none;} .main-navigation div > ul > li.menu-item-has-children > a:after { content: "";border-left: 2px solid #fff;border-bottom: 2px solid #fff;width: 7px;height: 7px;display: inline-block;transform: rotate(-45deg);margin: 0 0 0 10px;position: relative;top: -3px;} .main-navigation ul li ul.sub-menu {opacity: 0; visibility: hidden; padding:38px 0 18px 0; position: absolute; flex-direction: column; left: 0; top: 100%; width: 215px; z-index: 9; } .main-navigation ul li ul.sub-menu:before {content: ""; position: absolute; left: 0; top: 20px; right: 0; bottom: 0; background: #fff;border:none;border-radius: 0px; z-index: 0;box-shadow: 0px 0px 40px rgba(49, 50, 67, 0.3);} .main-navigation ul li li {margin: 0; padding: 0 0; z-index: 1;} .main-navigation ul li li a {padding: 7px 25px; font-size:var(--menusize); letter-spacing: var(--menuletterspacing); font-weight: var(--menufontweight);color: var(--blockcolor);text-transform: none;text-shadow:none;} .main-navigation ul li li:last-child > a {border-bottom: none;} .main-navigation ul li li:hover > a {opacity: 0.5} .main-navigation ul li ul.sub-menu li ul.sub-menu {top: 0; left: 100%; min-height: 100%;} .main-navigation ul li:hover > ul.sub-menu, .main-navigation ul li.open > ul.sub-menu {opacity: 1; visibility: visible;transition: all 0.5s;} .main-navigation ul li li.current-menu-item > a, .main-navigation ul li li.current-menu-ancestor > a, .main-navigation ul li li.current-page-parent > a, .main-navigation ul li li.current-page > a, .main-navigation ul li li.current-page-parent > a, .main-navigation ul li li.current-page-ancestor > a, .main-navigation ul li li.current_page_parent > a {opacity: 0.5;} .main-navigation ul li.current-menu-item > a, .main-navigation ul li.current-menu-ancestor > a, .main-navigation ul li.current-page-parent > a, .main-navigation ul li.current-page > a, .main-navigation ul li.current-page-parent > a, .main-navigation ul li.current-page-ancestor > a, .main-navigation ul li.current_page_parent > a {opacity: 0.4;} .main-navigation .button-small {margin-left: 18px; transform: none !important; border-color: var(--menucolor) !important; color: var(--menucolor) !important;} .main-navigation .button-small:hover {opacity: 0.5;} .home-banner {margin: 0; padding: 0; height: 100vh; position: relative;overflow: hidden; z-index: 0;} .home-banner-bg {position: absolute;left: 0;top: 0;right: 0;bottom: 0;} .home-banner:before {position: absolute; content: ""; left: 0; top: 0; right: 0; bottom: 0; background: transparent linear-gradient(132deg, var(--imageoverlay) 0%, rgba(49, 50, 67, 0) 100%, rgba(49, 50, 67, 0) 100%) 0% 0% no-repeat padding-box; z-index: 1;mix-blend-mode: multiply;} .home-banner-bg {position: absolute;left: 0;top: 0;right: 0;bottom: 0; background-size: cover;background-position: center;background-repeat: no-repeat;} .home-bg-mobile {position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .home-banner .container {margin: 0 auto; padding: 90px 15px 80px 15px; min-height: 100vh; display: flex; align-items: center;} .video-banner {position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .video-banner:before {position: absolute;content: "";left: 0;top: 0;right: 0;bottom: 0; background: transparent linear-gradient(90deg, var(--imageoverlay) 0%, #191B3600 40%) 0% 0% no-repeat padding-box; z-index: 1;mix-blend-mode: multiply;} .video-banner-inner {margin: 0;padding: 0;position: relative;height: 100%;} video {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;} .home-banner-content {position: relative; z-index: 1; color: #fff; max-width: 740px;width: 100%; font-size: 19px; line-height: 38px;} .home-banner-content h1 {margin: 0 0 26px;color: #fff; line-height:97px;} .button-inline { padding: 30px 0 0 0; display: flex; align-items: center;} .home-banner-content .button {margin-top: 0; margin-right: 40px;} @-webkit-keyframes bounce {50% {transform: translateY(10px);}100% {transform: translateY(0);}} @-moz-keyframes bounce {50% {transform: translateY(10px);}100% {transform: translateY(0);}} @keyframes bounce {50% {transform: translateY(10px);}100% {transform: translateY(0);}} .mouse-indi {margin:0;padding: 0;display: flex;align-items: center;width: 196px;justify-content: space-between;} .home-banner .mouse-indi {display: none;} .home-banner .home-banner-content .mouse-indi {display: flex;} .home-banner.banner-center .mouse-indi {display: flex;} .home-banner.banner-center .home-banner-content .mouse-indi {display: none;} .mouse-icon {min-width: 26px;height: 37px;border: 2px solid white;border-radius: 15px;cursor: pointer;position: relative;text-align: center;} .mouse-wheel {height: 4px;margin: 10px auto 0;display: block;width: 4px;background-color: white;border-radius: 50%;-webkit-animation: 1.6s ease infinite bounce;-moz-animation: 1.6s ease infinite bounce;animation: 1.6s ease infinite bounce;} .mouse-text {margin: 0;padding: 0;font-size: 12px;text-shadow: 0px 0px 20px #000000;font-weight: 500;letter-spacing: 1.8px;color: #fff;line-height: 15px; text-transform: uppercase;} .site-content .section-padding {margin: 0; /*padding: 60px 0;*/padding: 0;} .page-template-default .section-padding {padding: 60px 0;} .site-content .section-padding.top-banner {padding-top: 0;} .home-banner-slider {margin: 0; padding: 0; position: absolute ;left: 0; top: 0; width: 100%; height: 100%;} .home-banner-slider-bg {margin: 0; padding: 0; height: 100vh; background-size: cover;background-position: center;background-repeat: no-repeat;}} .home-banner.banner-center:before {background: transparent linear-gradient(179deg, var(--blockcolor) 0%, rgba(49, 50, 67, 0) 100%, rgba(49, 50, 67, 0) 100%) 0% 0% no-repeat padding-box;} .banner-center .home-banner-content .button {margin-top: 20px; margin-right: 10px; margin-left: 10px;} .banner-center .home-banner-content h1 {line-height: 85px;} .banner-center .mouse-indi { position: absolute;z-index: 1; margin: 0 auto; bottom: 25px; left: 0; right: 0; width: 155px;flex-direction: column;} .banner-center .home-banner-content {margin: 0 auto;text-align: center;max-width: 850px;} .banner-center .mouse-icon {margin-bottom: 15px;} .home-banner-column .slick-list, .home-banner-column .slick-list .slick-track, .home-banner-column .slick-list .item, .home-banner-column .slick-list .item .home-banner-slider-bg { height: 100%; } .banner-center .home-banner-content .button-inline {padding:0;justify-content: center;} .image-text-align-img {margin: 0; padding: 0; max-width: 368px; width: 100%; position: relative;} .image-text-align-desc {margin: 0; padding: 40px 0; max-width: 656px; width: 100%; display: flex;flex-direction: column;justify-content: center;} .image-text-align-desc h2 {line-height: 1.3; margin-bottom: 30px;} .image-text-align-desc .button-inline {padding: 52px 0 0 0;} .image-text-align-img .image-in-out, .image-text-align-img .out, .image-text-align-img .in, .image-text-align-img .image_inner {height: 100%;} .button-inline .button {margin-right: 40px;} @-webkit-keyframes rotate {from { -webkit-transform: rotate(360deg); }to { -webkit-transform: rotate(0deg); }} @keyframes rotate {from { -webkit-transform: rotate(360deg); transform: rotate(360deg); }to { -webkit-transform: rotate(0deg); transform: rotate(0deg); }} .text-circle {margin: 0; padding: 0; position: absolute; right: -55px; top: -65px; width: 110px; height: 130px; z-index: 1;transform: rotate(135deg);} .text-spin {width: 110px; height: 130px; -webkit-animation-name: rotate;animation-name: rotate;-webkit-animation-duration: 12s;animation-duration: 12s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;animation-timing-function: linear;} .round-text {font-size: 9px; text-transform: uppercase;font-weight: 700;letter-spacing: 0px;width: 100%; height: 100%;} .flex-direction-row-reverse .text-circle {right: auto; left: -55px;} .service-rotate {margin: 0; padding:100px 0; position: relative; overflow: hidden;} .service-rotate h2 {margin: 0 0 50px 0; color: #fff;} .service-icons h2 {margin: 0 0 50px 0; } .service-rotate-bg h2 {color: var(--blockcolor);} .service-rotate:before {margin: 0; padding: 0; position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; background: var(--imageoverlay); opacity: 0.9;} .service-rotate .container {position: relative;} .service-carousel {margin: 0 -40px 0 -20px; padding: 0 0 0 0; position: relative;} .service-carousel .slick-list {padding-left: 20px !important; padding-right: -40px;overflow: visible;} .service-icons .service-carousel .slick-list {padding-left: 20px !important; padding-right: 40px !important;} .service-icons .service-carousel .item {padding: 20px 20px 20px 20px;} .service-carousel .item {padding: 20px 40px 20px 0; height: auto;} .service-carousel .slick-track {display: flex;} .service-carousel .item .service-carousel-item {box-shadow: 0px 0px 20px rgba(49, 50, 67, 0.3);} .service-carousel-item {background: #fff; height: 100%; position: relative;box-shadow: 0px 0px 40px rgba(49, 50, 67, 0.3);} .service-carousel-img {overflow: hidden;} .service-carousel-img a {display: block; transform: scale(1);transition: 0.3s;} .service-carousel-item:hover .service-carousel-img a {transform: scale(1.1);} .service-carousel-img a:before {display: none;} .service-carousel-text {margin: 0; padding: 35px 35px 85px; font-size: 15px; line-height: 30px; letter-spacing: var(--bodyletterspacing);} .service-carousel-text.no-button {padding-bottom: 30px;} .service-item .service-carousel-text.no-button {padding-bottom: 0px;} .service-carousel-text p {margin-bottom: 0;} .service-carousel-text h3 {margin-bottom: 15px; line-height: 1; letter-spacing: 0; line-height: 1.3;} .service-column4 .service-carousel-text h3 {font-size:24px; letter-spacing: -0.72px;} .service-column4 .service-carousel-text .link-with-arrow {font-size: 17px;} .service-column4 .service-carousel-text .link-with-arrow .svg {width: 14px;position: relative;top: 2px;} .service-carousel-text h3 a:before {display: none;} .link-with-arrow {margin: 0;font-family: var(--headingfont);padding: 0;border-radius: 0px;color: var(--blockcolor);font-weight: 400;color: var(--blockcolor);font-size: 21px;line-height: 21px;letter-spacing: 0;text-transform: capitalize;} .service-carousel-text .link-with-arrow {position: absolute; left: 35px; bottom: 35px;} .link-with-arrow .svg {margin: 0 0 0 13px; width: auto;display: inline-block;opacity: 1;visibility: visible;} .link-with-arrow:before {display: none;} .link-with-arrow:hover {opacity: 0.5;} .slick-arrow {padding: 13px 14px 13px;box-shadow: 0px 0px 20px rgba(49, 50, 67, 0.3);font-size: 21px;} .slick-arrow:hover { background-color: #fff;/*opacity: 0.4;*/} .service-carousel .slick-arrow {position: absolute; top:-103px; right: 0;} .service-carousel .slick-arrow.slick-prev {right: 61px;} .service-grid {margin: 0 -21px; padding: 0 0 0 0; position: relative; display: flex; flex-wrap: wrap; justify-content: center;} .service-grid .item {/*margin: 0 0 42px;*/margin:42px 0 0; padding: 0 21px;} .service-column2 .item {max-width: 50%; width: 100%;} .service-column3 .item {max-width: 33.33%; width: 100%;} .service-column4 .item {max-width: 25%; width: 100%;} .service-column2 .item:first-child, .service-column2 .item:nth-child(2) {margin-top: 0;} .service-column3 .item:first-child, .service-column3 .item:nth-child(2), .service-column3 .item:nth-child(3) {margin-top: 0 !important;} .service-column4 .item:first-child, .service-column4 .item:nth-child(2), .service-column4 .item:nth-child(3), .service-column4 .item:nth-child(4) {margin-top: 0 !important;} .service-grid-text {margin: 0 auto; padding: 50px 0 0 0; max-width: 752px; width: 100%; text-align: center; color: #fff;} .team-text {margin: 0 auto; padding: 0 0 60px 0; max-width: 944px; width: 100%; text-align: center; } .team-text h2 {margin-bottom: 30px;} .our-team-list {margin: 0 -10px; padding: 0; display: flex; flex-wrap: wrap;justify-content: center; } .our-team-item {margin: 0 0 80px 0; padding: 0 25px; width: 25%;} .our-team-item .vertical-alignment-helper {display: none;} .our-team-item:last-child, .our-team-item:nth-last-child(2), .our-team-item:nth-last-child(3), .our-team-item:nth-last-child(4) {margin-bottom: 0;} .our-team-item-img {margin: 0 0 40px; padding: 0; border-radius: 50%; line-height: 0; position: relative;border: 10px solid #fff;box-shadow: 0px 0px 40px rgba(49, 50, 67, 0.30);overflow: hidden;} .team-position {margin: 0; padding: 0 0 25px 0; display: block; font-size: 12px; line-height: 15px; font-weight: 400; letter-spacing: 1.8px;color: var(--blockcolor); text-align: center;} .our-team-item h3 {margin: 0; padding: 0; letter-spacing: -0.78px; text-align: center;} .our-team-item h5 {text-align: center;} .our-team-item h5 a:before {display: none;} .our-team-item-img a {display: block;transform: scale(1);transition: 0.3s;} .our-team-item-img a:before {display: none;} .our-team-item:hover .our-team-item-img a {transform: scale(1.1);} .modal.fade.show {opacity: 1; background: rgba(0,0,0,0.9);} .team-popup {max-width: 1088px; width: 100%; background:#fff; border-radius: 10px;position: absolute;left: 0;right: 0;top: 50%;transform: translateY(-50%)!important;} .team-popup .modal-body {padding: 0; } .team-popup .modal-content {border-radius: 10px; border: 0; box-shadow: 0px 3px 30px rgba(6,2,36,0.5); } .popup-inner {position: relative;} .close-popup {position: absolute; border-radius: 50%; right: 30px; top: 30px; width: 50px; height: 50px; background:#FFFFFF!important; box-shadow: 0px 0px 15px #00000033; display: flex; justify-content: center; align-items: center; z-index: 9; cursor: pointer; opacity: 1;} .close-popup:hover {background:var(--blockcolor)!important; opacity: 1;} .close-popup:hover svg path {stroke:#fff;} .popup-inner .our-team-item-img {max-width:443px; width: 100%; margin: 0;} .popup-inner .team-content {max-width:645px; width: 100%; padding:60px;} .popup-inner .team-content h6 {margin: 0 0 25px 0; font-size: 12px; letter-spacing: 1.8px;color: var(--blockcolor); font-weight: 400;font-family: var(--bodyfont);} .popup-inner .team-content h2 {margin-bottom:40px;} .popup-inner .our-team-item-img {border-radius: 0 10px 10px 0;border: none;box-shadow: none;} .modal-backdrop {background: var(--blockcolor);mix-blend-mode: multiply;} .modal-backdrop.in {opacity: 1;} .testimonial-detail {margin: 0; padding: 0; } .testimonial-main {margin: 0; padding: 80px 0; position: relative;} .testimonial-main:before {margin: 0;padding: 0;position: absolute;left: 0;top: 0;content: "";width: 100%;height: 100%;background: var(--imageoverlay);opacity: 0.9;} .testimonial-slider {margin: 0; padding: 0; position: relative;} .testimonial-inner {margin: 0 auto; padding: 0; max-width: 785px; width: 100%; color: #fff; text-align: center; font-size: 19px; line-height: 38px;} .testimonial-inner h2 {color: #fff;} .testimonial-author {margin: 0 auto 20px; padding: 0; width: 50px; border-radius: 50%;} .testimonial-detail {margin: 0;padding: 0 0 15px 0; display: flex; align-items: center;letter-spacing: 1.8px; font-size: 12px; line-height: 18px;justify-content: center;} .testimonial-detail h6 {margin: 0 10px 0 0; padding: 0; font-family: var(--bodyfont);letter-spacing: 1.8px; font-size: 12px; line-height: 18px; font-weight: 700; color: #fff; text-transform: uppercase;} .testimonial-bottom {margin: 0; padding: 25px 0 0 0;} .testimonial-detail span {margin: 0 0 0 10px;text-transform: uppercase;} .rating-list {margin: 0 auto;padding: 0;width: 112px;height: 15px;position: relative;background: url('images/star.svg');} .give-rating {position: absolute;left: 0;top: 0;background: url('images/star-fill.svg');height: 100%;} .add-1 {width: 1.6%;} .add-2 {width: 3.2%;} .add-3 {width: 4.8%;} .add-4 {width: 6.4%;} .add-5 {width: 8%;} .add-6 {width: 11.2%;} .add-7 {width: 12.8%;} .add-8 {width: 14.4%;} .add-9 {width: 16%;} .add-10 {width: 22%;} .add-11 {width: 23.35%;} .add-12 {width: 24.7%;} .add-13 {width: 26.05%;} .add-14 {width: 27.4%;} .add-15 {width: 28.5%;} .add-16 {width: 29.5%;} .add-17 {width: 30.5%;} .add-18 {width: 31.5%;} .add-19 {width: 33%;} .add-20 {width: 43.5%;} .add-21 {width: 44.85%;} .add-22 {width: 46.2%;} .add-23 {width: 47.55%;} .add-24 {width: 48.9%;} .add-25 {width: 50%;} .add-26 {width: 51%;} .add-27 {width: 52%;} .add-28 {width: 53%;} .add-29 {width: 54.5%;} .add-30 {width: 64.5%;} .add-31 {width: 65.85%;} .add-32 {width: 67.2%;} .add-33 {width: 68.55%;} .add-34 {width: 69.9%;} .add-35 {width: 71%;} .add-36 {width: 72%;} .add-37 {width: 73%;} .add-38 {width: 74%;} .add-39 {width: 75.5%;} .add-40 {width: 86%;} .add-41 {width: 87.4%;} .add-42 {width: 88.8%;} .add-43 {width: 90.2%;} .add-44 {width: 91.6%;} .add-45 {width: 93%;} .add-46 {width: 94%;} .add-47 {width: 95%;} .add-48 {width: 96%;} .add-49 {width: 97.5%;} .add-50 {width: 100%;} .testimonial-slider .slick-arrow {position: absolute; top: 50%; margin-top: -23px; z-index: 1;} .testimonial-slider .slick-prev {left: 0;} .testimonial-slider .slick-next {right: 0;} .gallery-slider {margin: 0; padding: 0; position: relative;} .gallery-hedding {margin: 0 0 60px 0; padding: 0; text-align: center;} .gallery-slider .slick-list {padding: 0 6% !important;} .gallery-slider .item {padding: 0 30px;} .gallery-slider .slick-arrow {position: absolute; top: 50%; margin-top: -49px; z-index: 1;} .gallery-slider .slick-prev {left: calc(6% + 5px);} .gallery-slider .slick-next {right: calc(6% + 5px);} .gallery-slider .slick-dots {margin: 35px 0 0 0;} .slick-dots {margin: 0; padding: 0; display: flex; align-items: center; justify-content: center;} .slick-dots li {margin: 0 5px; padding: 3px; width: 18px; height: 18px; line-height: 0;border: 2px solid transparent;border-radius: 50%;} .slick-dots li:before {display: none;} .slick-dots li button {margin: 0; padding: 0; background: #D9D9E0; border-radius: 50% !important;font-size: 0;line-height: 0;width: 8px;height: 8px;} .button-square .slick-dots li button {border-radius: 50% !important;} .slick-dots li button:hover {-webkit-transform: translateY(0) translateZ(0);transform: translateY(0) translateZ(0);} .slick-dots li.slick-active {border-color: #8BC740;} .slick-dots li.slick-active button {background: var(--blockcolor);} .featured-posts-slider .item {display: flex; height: auto;} .featured-img {margin: 0; padding: 0; width: 50%;} .featured-text {margin: 0; padding: 100px; width: 50%;background: var(--gerybgcolor); display: flex; align-items: center;} .featured-text-top {margin: 0; padding: 0; font-size: 12px; line-height: normal; letter-spacing: 1.8px;} .slide-count {font-weight: 700;} .featured-posts-slider {margin: 0; padding: 0; position: relative;} .featured-text-top {margin: 0; padding: 0 0 40px 0;text-transform: uppercase;} .featured-text-inner {margin: 0; padding: 0; } .slide-count {margin: 0 10px 0 0;} .slide-date {margin: 0 10px 0 0;} .featured-text h3 {margin: 0 0 30px 0; padding: 0; line-height: 51px;} .featured-text h3 a:before {display: none;} .featured-img a {display: block;} .featured-img a:before {display: none;} .featured-posts-slider .slick-arrow {position: absolute; left: calc(50% - 23px); top: 50%; z-index: 1;} .featured-posts-slider .slick-prev {margin-top: -54px;} .featured-posts-slider .slick-next {margin-top: 7px;} .featured-posts-slider .slick-next:hover {-webkit-transform: translateY(5px) translateZ(0);transform: translateY(5px) translateZ(0);} .logo-slider .slick-track {display: flex;} .logo-slider .item a:before {display: none;} .logo-slider .item img {max-height: 84px; max-width: 120px; margin: 0 auto;} .logo-slider .item {text-align: center;height: auto;display: flex;align-items: center;} .logo-slider .slick-list {padding: 0 8% !important;} .form-main {margin: 0; padding: 120px 0 100px; background: var(--blockcolor);} .form-main h2 {margin: 0 0 60px 0; padding: 0; color: var(--formlabelcolor); line-height: 1;} .gform_body ul {margin: 0; padding: 0;} .gform_body ul li {margin: 0; padding: 0; list-style-type: none;} .gform_body ul li:before {display: none;} .gform_body ul li.gfmc-column {margin: 0; padding: 0; width: 525px !important;} .gform_body ul.gform_fields {display: flex;justify-content: space-between;} .gform_body ul li .gfield_checkbox {margin: 0; padding: 0;} .gform_body ul li .gfield_checkbox li {margin: 0 !important; padding: 0; position: relative; line-height: normal;} .gform_body ul li .gfield_checkbox li input[type="checkbox"] {margin: 0 !important; padding: 0; position: absolute; left: 0; top: 0; width:30px !important;height: 30px; opacity: 0;} .gform_body ul li .gfield_checkbox li label {margin: 0; padding: 5px 0 6px 50px; position: relative;letter-spacing: 0px;color: var(--formlabelcolor); font-size: 14px; font-weight: 400 !important; line-height: normal;} .gform_body ul li .gfield_checkbox li label a {font-weight: 700; color:var(--formlabelcolor);} .gform_body ul li .gfield_checkbox li label a:before {display: inline-block;} .gform_body ul li .gfield_checkbox li label:before {margin: 0; padding: 0; position: absolute; content: ""; border-radius: 4px; left: 0; top: 0; width: 30px; height: 30px; border: 1px solid var(--formlabelcolor)} .gform_body ul li .gfield_checkbox li label:after {content: "";position: absolute;left: 9px;top: 9px;border-left: 1px solid var(--formlabelcolor);border-bottom: 1px solid var(--formlabelcolor);width: 12px;height: 7px;display: block;transform: rotate(-45deg); opacity: 0;} .gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label:after {opacity: 1;} .gform_wrapper ul li.hidden_label .gfield_label {display: none;} .gform_wrapper ul li.gfield_html {margin: 55px 0 0 0; padding: 0; font-size: 12px; line-height: 23px; letter-spacing: -0.24px;color: var(--formlabelcolor); max-width: 275px; width: 100%;} .gform_wrapper ul li.gfield_html a {font-weight: 700; color: var(--formlabelcolor);} .gform_wrapper ul li.gfield_html a:before {background: var(--anchorlinecolor); opacity: 0.5; height: 6px;} .gform_wrapper ul li.gfield_html a:hover:before, .gform_wrapper ul li.gfield_html a:focus:before {height: 100%;} .form-main form {position: relative;} .gform_footer {position: absolute;right: 0;bottom: 21px; -webkit-transition: all 0.3s;transition: all 0.3s;} .gform_footer:before {margin: 0; padding: 0; position: absolute; left: 34px; top: 20px; width: 20px; height: 21px; content: ""; background: url('images/submit-icon.svg') 0 0 no-repeat; z-index: 1; pointer-events: none;} .gform_footer .gform_button {padding-left: 64px; -webkit-transform: translateY(0) translateZ(0);transform: translateY(0) translateZ(0);} .gform_footer:hover {-webkit-transform: translateY(-5px) translateZ(0);transform: translateY(-5px) translateZ(0);} .gform_footer .gform_button:hover {-webkit-transform: translateY(0) translateZ(0);transform: translateY(0) translateZ(0);} .gform_wrapper li.gfield_error .gfield_description {color: #D01C4C;} .gfield_description {position: absolute;top: 3px;right: 0;font-size: 12px;color: #fff;line-height: normal;font-weight: 600;} .gform_wrapper li.gfield_error input[type="search"], .gform_wrapper li.gfield_error input[type="text"], .gform_wrapper li.gfield_error input[type="email"], .gform_wrapper li.gfield_error input[type="password"], .gform_wrapper li.gfield_error input[type="tel"], .gform_wrapper li.gfield_error input[type="number"], .gform_wrapper li.gfield_error textarea {border-color: #D01C4C;} .gform_wrapper li.gfield_error.form-checkbox .gfield_description {display: none;} .gform_wrapper li.gfield_error .gfield_checkbox li label, .gform_wrapper li.gfield_error .gfield_checkbox li label a {color: #D01C4C;} .gform_wrapper li.gfield_error .gfield_checkbox li label:before {border-color: #D01C4C;} .footer-mobile-head {margin: 0 0 40px 0; padding: 4px;background: var(--gerybgcolor); border-radius: 19px;} .footer-mobile-head ul {margin: 0; padding: 0; list-style-type: none; display: flex; align-items: center; justify-content: space-between; position: relative;} .footer-mobile-head ul li {margin: 0; padding: 0; line-height: 17px;} .footer-mobile-head ul li a {margin: 0; padding: 6px 20px; font-size: 12px; text-transform: uppercase; letter-spacing: 1.5px;color: var(--blockcolor);border-radius: 12px;} .footer-mobile-head ul li:before, .footer-mobile-head ul li a:before {display: none;} .footer-mobile-head ul li.active > a {/*background: #fff;*/} .magicline {margin: 0; padding: 0; position: absolute; top: 0; left: 0; height: 24px; width: 105px; background: #fff; border-radius: 19px;transition: all 0.3s;} #item2 .magicline {left: 50%;} #item3 .magicline { left: 100%;} .home-banner-column {margin: 0; padding: 0; display: flex; flex-wrap: wrap; background: var(--blockcolor);} .home-banner-left {margin: 0; padding: 80px 109px 80px; min-height: 100vh; width: 42%; display: flex; flex-direction: column; align-items: flex-start;justify-content: center; color: #fff;font-size: 19px;line-height: 38px;} .home-banner-left .button {margin-top: 30px;} .home-banner-left .mouse-indi {margin-top: 50px;} .home-banner-left h2 {color: #fff;} .home-banner-right {margin: 0; padding: 0 0 0 0; min-height: 100vh; width: 58%; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative;} .home-banner-right:before {background: transparent linear-gradient(180deg, var(--blockcolor) 0%, rgb(49 50 67 / 0%) 100%, rgb(49 50 67 / 0%) 100%) 0% 0% no-repeat padding-box;mix-blend-mode: multiply;content: "";position: absolute; left: 0; top: 0;height: 385px;width: 100%; z-index: 1;} .home-banner-small {padding:0; height: auto;} .home-banner-small .container {padding: 150px 15px 90px 15px; min-height: auto;} .home-banner-small .home-banner-content {max-width: 780px;} .service-rotate-bg {background: var(--gerybgcolor);} .service-rotate-bg:before {display: none;} .bg-white {background-color:#fff !important;} .bg-grey {background-color:var(--gerybgcolor) !important;} .service-icons {margin: 0; padding:100px 0; position: relative; overflow: hidden; background: var(--gerybgcolor);} .service-item {height: 100%; position: relative; text-align: center;} .service-item-img {margin: 0 auto; padding: 0; width: 100px; height: 100px; } .service-item-img a {display: block; background: #fff; box-shadow: 0px 0px 40px rgba(49, 50, 67, 0.3); height: 100%; display: flex; align-items: center; justify-content: center; border-radius: 50%;} .service-item-img a img {max-height: 50px;} .service-item-img a:before {display: none;} .service-item .service-carousel-text {padding: 35px 35px 55px;} .service-item .service-carousel-text .link-with-arrow {right: 0;margin: 0 auto;width: 180px;left: 0;bottom: 0;} .link-with-arrow {margin: 0;font-family: var(--headingfont);padding: 0;border-radius: 0px;color: var(--hedingcolor);font-weight: 600;font-size: 21px;line-height: 21px;letter-spacing: 0;text-transform: capitalize;} /*.service-item .service-carousel-text {padding: 35px 0 50px;}*/ /*.service-carousel-text .link-with-arrow {position: absolute; left: 35px; bottom: 0;}*/ .link-with-arrow .svg {margin: 0 0 0 13px; width: auto;display: inline-block;opacity: 1;visibility: visible;} .link-with-arrow .svg path, .link-with-arrow .svg line {stroke:var(--hedingcolor);} .link-with-arrow:before {display: none;} .link-with-arrow:hover {opacity: 0.5;} .slick-arrow {padding: 17px 14px 17px;box-shadow: 0px 0px 20px rgba(49, 50, 67, 0.3) !important;font-size: 21px; line-height: 14px; border-radius: 50% !important; background-color: #fff;} .slick-arrow svg path, .slick-arrow svg line {stroke:var(--hedingcolor);} .button-square .slick-arrow {border-radius: 50% !important;box-shadow: 0px 0px 20px rgba(49, 50, 67, 0.3);} .button-outline .slick-arrow {border: none !important;box-shadow: 0px 0px 20px rgba(49, 50, 67, 0.3) !important;} .sliderbutnoutline .slick-arrow {box-shadow:none !important; border: 2px solid var(--sliderbuttonoutline) !important; background: none; box-shadow: none;} .sliderbutnoutline .slick-arrow svg path, .sliderbutnoutline .slick-arrow svg line {stroke:var(--sliderbuttonoutline);} .slick-arrow:hover { background-color: #fff;/*opacity: 0.4;*/} .service-carousel .slick-arrow {position: absolute; top:-103px; right: 40px;} .service-carousel .slick-arrow.slick-disabled {opacity: 0.4;} .service-carousel .slick-arrow.slick-prev {right: 101px;} .service-list {margin: 0 0; padding: 0 0 0 0; position: relative; display: flex; flex-wrap: wrap; justify-content: center;} .service-column4 {margin: 0 -10px;} .service-list .item {margin-top: 80px;} .service-column2 .item {max-width: 50%; width: 100%;} .service-column3 .item {max-width: 33.33%; width: 100%;} .service-column4 .item {max-width: 25%; width: 100%;} .service-column2 .item:first-child, .service-column2 .item:nth-child(2) {margin-top: 0;} .service-column3 .item:first-child, .service-column3 .item:nth-child(2), .service-column3 .item:nth-child(3) {margin-top: 0 !important;} .service-column4 .item:first-child, .service-column4 .item:nth-child(2), .service-column4 .item:nth-child(3), .service-column4 .item:nth-child(4) {margin-top: 0 !important;} .text-center-small {margin: 0 auto; padding:0; max-width: 752px; width: 100%; text-align: center;} .text-small {margin: 0 auto; padding:0; max-width: 752px; width: 100%;} .heading-section .container *:last-child {margin-bottom: 0;} .brief-content {margin: 0; padding: 0; max-width: 533px; width: 100%;} .accordion-content .heading-section {padding: 0 0 30px 0;} .image-text-align {/*overflow: hidden;*/ } .section-overflow {overflow: hidden;} .text-align-bg {padding: 60px 0; position: relative;} .text-align-bg:before {margin: 0; padding: 0; content: ""; position: absolute; left: 115px; right: -400%; top: 0; bottom:0; background: var(--blockcolor); z-index: -1;} .flex-direction-row-reverse.text-align-bg:before {margin: 0; padding: 0; content: ""; position: absolute; left:-400%; right: 115px; top: 0; bottom:0; background: var(--blockcolor); z-index: -1;} .text-align-bg .image-text-align-desc, .text-align-bg .image-square-text-desc {color: #fff;} .text-align-bg .image-text-align-desc h2, .text-align-bg .image-square-text-desc h2 {color: #fff;} .text-align-bg .image-text-align-desc .normal-link, .text-align-bg .image-square-text-desc .normal-link {color: #fff;} .image-square-text-img {margin: 0; padding: 0; max-width: 560px; width: 100%; position: relative;} .image-square-text-desc {margin: 0; padding: 40px 0; max-width: 464px; width: 100%;display: flex;flex-direction: column;justify-content: center;} .image-square-text-desc h2 {line-height: 1.3; margin-bottom: 30px;} .image-square-text-desc .button-inline {padding: 40px 0 0 0;} .image-square-text-img .image-in-out, .image-square-text-img .out, .image-square-text-img .in, .image-square-text-img .image_inner {height: 100%;} .image-text-icon-img {margin: 0; padding: 0; max-width: 368px; width: 100%;} .image-text-icon-right {margin: 0; padding: 0; max-width: 656px; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;} .image-text-icon-item {margin: 0 0 60px 0; padding: 0; max-width: 287px; width: 100%;} .image-text-icon-right .image-text-icon-item:last-child, .image-text-icon-right .image-text-icon-item:nth-last-child(2) {margin-bottom: 0;} .image-text-icon-item h5 {margin: 0 0 15px 0;} .bespoke-small-icon {margin: 0 0 25px 0; display: flex;align-items: center;justify-content: center; width: 51px; height: 51px; border-radius: 50%;background: #fff;box-shadow: 0px 0px 40px rgba(49, 50, 67, 0.3);} .bespoke-small-icon img {height: 25px;} .image-text-icon .flex.align-start {align-items: inherit;} .image-text-icon-img .image-in-out, .image-text-icon-img .out, .image-text-icon-img .in, .image-text-icon-img .image_inner {height: 100%;} .corner-round .service-carousel-item {border-radius: 8px;} .corner-round .service-carousel-img {border-radius: 8px 8px 0 0;} .logo-grid {margin: 0 -45px;padding:0;display: flex;flex-wrap: wrap;justify-content: center;} .logo-grid .item {margin: 37px 0 37px 0;padding: 0 45px;max-width: 16.667%;width: 100%;display: flex;align-items: center;} .logo-grid .item a:before {display: none;} .logo-grid .item img {width: 100%;max-width: 120px;max-height: 84px;} .accordion-item:last-child {border-bottom: 1px solid rgba(40, 58, 66, 0.30);} .accordion-item > h3 {margin: 0; padding: 36px 0; letter-spacing: -0.4px;color: #191B36; line-height: 1.2; border-top: 1px solid #D9D9E0; cursor: pointer; transition: all 0.5s;} .accordion-item > h3:hover {background: var(--gerybgcolor);} .accordion-item > h3.active {color: #fff; background: var(--blockcolor);} .accordion-item > h3.active span {color: #fff;} .accordion-content {margin: 0; padding:50px 0;} .accordion-item h3 .container {display: flex; align-items: center; justify-content: space-between;} .accordion-item h3 .container:before, .accordion-item h3 .container:after {display: none;} .accordion-item h3 .container span {margin: 0; padding: 0 20px 0 0;} .accordion-item .container .accordion-arrow {margin: 0; padding: 0; width: 53px; min-width: 53px; height: 53px; position: relative; display: flex; align-items: center; justify-content: center;} .accordion-item .container .accordion-arrow:before {margin: 0; padding: 0; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; border-radius: 50%; box-shadow: 0px 0px 20px rgba(49, 50, 67, 0.3); transition: all 0.5s; transform: scale(1);} .accordion-item .container .accordion-arrow .plus-icon {margin: 0;transition: all 0.5s; transform: rotate(0);} .accordion-item > h3:hover .accordion-arrow:before {transform: scale(1.3);} .accordion-item > h3.active .accordion-arrow .plus-icon {transform: rotate(45deg);} .plus-icon {margin: 0 0 0 17px;position: relative;display: inline-block;width: 16px;height: 16px;transition: .3s all;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);} .plus-icon:before, .plus-icon:after {position: absolute;content: '';background: var(--blockcolor);-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;} .plus-icon:before {width: 2px;height: 16px;top: 0;left: 50%;transform: translateX(-50%);} .plus-icon:after {width: 16px;height: 2px;top: 50%;left: 0;transform: translateY(-50%);} #cookie-law-info-bar {padding: 16px 20px 16px 25px !important;width: 650px !important; box-shadow: 0px 0px 40px rgba(49, 50, 67, 0.3);} .cli-bar-message {padding: 0 132px 0 0; font-size:13px; line-height: 26px; letter-spacing: -0.26px;color: var(--blockcolor); text-align: left;font-weight: 400;font-family: var(--bodyfont);} .cli-bar-message .cli-plugin-main-link {text-decoration: none;font-weight: 700;} .cli-bar-message .cookie_action_close_header_reject {font-family: var(--headingfont); margin: 0; padding: 12px 30px 12px;font-size: 17px;line-height: 18px;letter-spacing: 0;text-transform: capitalize;position: relative;outline: none;text-align: center; border-radius: 31px;display: inline-block;vertical-align: middle;font-weight: 400; color: var(--blockcolor) !important; background-color:transparent !important; border:2px solid var(--blockcolor); text-decoration: none;-webkit-transition: all 0.3s;transition: all 0.3s;overflow: hidden; position: absolute;top: 20px;right: 20px;} .cli-bar-message .cookie_action_close_header_reject:before {display: none;} .cli-bar-message .cookie_action_close_header_reject:hover {top: 15px;} .full-img img {width: 100%;} /* D2 */ .arrow {border: solid var(--blockcolor); border-width: 0 3px 3px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg);} .site-footer {margin: 0; padding: 80px 0 0; background: var(--gerybgcolor);} .footer-social li:before, .footer-social li a:before, .footer-links li:before, .footer-links li a:before, .blog-filter ul li:before, .pagination a:before {display: none;} .footer-social li {padding-left: 0;} .footer-inner {justify-content: space-between;align-items: flex-start;} .footer-col.left {max-width: 370px; width: 100%; } .footer-logo {margin-bottom: 35px; max-width: 256px; width: 100%;} .footer-logo a:before {display: none;} .footer-social li {border: 1px solid var(--blockcolor); border-radius: 50%; margin-right: 15px; } .footer-social li a {text-decoration: none; width: 60px;height: 60px;display: flex;justify-content: center;align-items: center;border-radius: 50%;} .footer-social li a svg path {transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s; fill:var(--blockcolor);} .footer-social li a:hover {background: var(--blockcolor);} .footer-social li a:hover svg path {fill:#fff;} .footer-col.left p {max-width: 330px;} .footer-col.right {max-width:576px; width: 100%;} .footer-links .item {min-width: 190px;} .footer-links {justify-content: flex-end;} .footer-links ul {margin-bottom: 0;} .footer-links li {padding-left: 0; line-height: 17px;} .footer-links li a {font-family: var(--headingfont); font-size: 17px; text-decoration: none; color: var(--hedingcolor);} .footer-links .item h5 {margin: 0 0 48px 0; padding: 0; font-family: var(--bodyfont); font-size: 12px; text-transform: uppercase;letter-spacing: 1.8px;} .site-info {margin: 60px 0 0 0; padding: 21px 0 34px 0; display: flex; justify-content: space-between; align-items: center;border-top: 1px solid var(--footerlinecolor);} .footer-policy {margin: 0; padding: 0;} .footer-policy ul {margin: 0; padding: 0; display: flex;} .footer-policy ul li {margin: 0; padding: 0 30px 0 0; line-height: 16px;} .footer-policy ul li:before, .footer-policy ul li a:before {display: none;} .footer-policy ul li a {letter-spacing: 0px;color: var(--hedingcolor); font-size: 12px;} .footer-policy ul li a:hover {opacity: 0.5;} .design-by {letter-spacing: 0px;color: var(--hedingcolor); font-size: 12px; line-height: 16px;} .design-by a {color: var(--hedingcolor);} .design-by a:before {display: none;} .design-by a:hover {opacity: 0.5;} .blog-banner-bg {position: relative;} .blog-banner-bg:after {content:''; position: absolute; left: 0; right: 0; height: 220px; background: transparent linear-gradient(180deg, var(--imageoverlay) 0%, rgb(49 50 67 / 0%) 100%, rgb(49 50 67 / 0%) 100%) 0% 0% no-repeat padding-box; mix-blend-mode: multiply;} .blog .blog-banner-bg:after {background: var(--imageoverlay); height: 100%; opacity: 0.6;} .blog-banner {position: relative;} .blog-banner-content {position: absolute; bottom: 60px; width: 100%; max-width: 1140px;left: 0;margin: 0 auto;right: 0;} .blog-banner-content h1 {color: #fff; margin-bottom: 40px;} .blog-filter {padding-left: 28px;} .blog-filter ul {margin-bottom: 0;} .filter-title {letter-spacing: 1.8px; color: #FFFFFF; font-size: 12px; text-transform: uppercase;transform: rotate(-90deg);width: 50px;position: absolute;left: -20px; bottom:18px; font-weight: 600;} .blog-filter ul li {margin-bottom: 0; padding-left: 0; margin: 0 10px;} .featured-posts.blog-posts .item {justify-content: space-between; padding:40px 0;} .featured-posts.blog-posts .featured-img {width: 464px;} .featured-posts.blog-posts .featured-text {width: 560px; background:transparent; padding: 0;} .blog-filter .button:hover {background: rgba(255,255,255,0.2);} .button-outline .blog-filter .button {background:transparent !important; color: #fff !important; border: 2px solid #fff !important;} .blog-filter .active .button, .button-outline .blog-filter .active .button {background: rgba(255,255,255,0.7) !important; color: var(--hedingcolor); border: 2px solid transparent !important;} .pagination {display: flex; justify-content: center; margin-bottom:0; background: var(--gerybgcolor); padding:50px 0; margin-top: 40px;} .pagination .page-numbers {background: #D9D9E0; width: 46px; height: 46px; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #15272F; text-decoration: none; margin: 0 10px; font-weight: 600;} .pagination .page-numbers:hover, .pagination .page-numbers.current {background:var(--blockcolor); color: #fff;} .pagination .prev.page-numbers, .pagination .next.page-numbers {background: #ffff;} .pagination .dots {color:#D9D9E0;line-height: 36px;font-size: 26px;font-weight: 700;letter-spacing: 2px;margin: 0 5px;} .pagination .page-numbers.prev {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);} .pagination .page-numbers.prev:hover, .pagination .page-numbers.next:hover {background:var(--blockcolor);} .pagination .page-numbers.prev:hover svg path, .pagination .page-numbers.next:hover svg path, .pagination .page-numbers.prev:hover svg line, .pagination .page-numbers.next:hover svg line {stroke: #fff;} .editor-content .container {max-width: 782px;} .editor-content .entry-header .entry-title {font-size: 54px;} .editor-content h1 {font-size: 72px; margin-bottom: 40px; text-transform: none;} .editor-content p {font-size: 19px; line-height: 38px; margin-bottom:40px;} .editor-content iframe {margin: 0 -100px 80px -100px;} .editor-content ul li, .editor-content ol li {font-size: 19px; line-height: 38px; letter-spacing: -0.38px; color: var(--blockcolor);} .editor-content figure {margin: 0 -100px 80px;} .related-news-section h2 {text-align: center; margin-bottom: 60px;} .related-news-section .featured-text {padding:110px;} .page-template-tp-thankyou .home-banner-content {margin: 0 auto; text-align: center;} .page-template-tp-thankyou .home-banner-content .button-inline a {margin: 0 auto; letter-spacing: -0.38px; font-size: 19px;} .page-template-tp-thankyou .home-banner-content .phone-number {color: #fff;} .page-template-tp-thankyou .home-banner-content .phone-number:before {background: #D9D9E0; opacity: 0.5; height: 6px;} .page-template-tp-thankyou .home-banner-content .phone-number:hover:before {height: 100%;} .error-404 .home-banner-content {margin: 0 auto; text-align: center;} .error-404 .home-banner-content .button-inline a {margin: 0 auto; letter-spacing: -0.38px; font-size: 19px;} .contact-section {margin: 0; padding: 0 0 0 0;} .contact-info {margin: 0; padding: 0; max-width: 517px; width: 100%;} .contact-right {margin: 0; padding: 0; max-width: 525px; width: 100%;} .contact-top {margin: 0; padding:160px 0 100px 0; position: relative;} .contact-top:before {position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: var(--blockcolor); opacity: 0.9;} .contact-top .container {position: relative; z-index: 1;} .contact-right .form-main {padding: 0; background: transparent;} .contact-right .form-main .gform_body ul.gform_fields {flex-wrap: wrap;} .contact-right .form-main .gform_body ul li.gfmc-column {width: 100% !important;} .contact-details {color: #fff;} .contact-details p {font-size: 19px; line-height: 38px;} .contact-details h1 {margin: 0 0 40px 0; padding: 0; color: #fff; line-height: 1;} .getin-touch {padding: 25px 0 0 0;} .contact-info .getin-touch .icon {margin: 0 25px 0 0; padding: 0; width: 61px; height: 61px; background: #fff; border-radius: 50%; display: flex;align-items: center;justify-content: center;min-width: 61px;} .contact-info .getin-touch .call-section, .contact-info .getin-touch .email-section, .contact-info .getin-touch .address-section {margin: 0 0 20px 0; flex-wrap: wrap;} .contact-info .getin-touch .call-section h5, .contact-info .getin-touch .email-section h5, .contact-info .getin-touch .address-section h5 {margin: 0;} .contact-info .getin-touch .call-section h5 span, .contact-info .getin-touch .email-section h5 span, .contact-info .getin-touch .address-section h5 span {padding: 0 0 8px 0;letter-spacing: 1.8px;color: #D9D9E0; display: block; width: 100%; line-height: 17px;font-size: 12px; text-transform: uppercase; font-family: var(--bodyfont);} .contact-info .getin-touch .call-section h5 a, .contact-info .getin-touch .email-section h5 a, .contact-info .getin-touch .address-section h5 a {color: #fff; text-decoration: none;} .contact-info .getin-touch .call-section h5 a:before, .contact-info .getin-touch .email-section h5 a:before, .contact-info .getin-touch .address-section h5 a:before {display: none;} .getin-touch .address-section h5 {font-size: 18px; color: #fff;} .getin-touch .footer-social {padding: 20px 0 0 0;} .getin-touch .footer-social li {margin-bottom: 0; border: 2px solid #fff; transition: all 0.5s;} .getin-touch .footer-social li:hover {opacity: 0.5;} .getin-touch .footer-social li a svg path {fill:#fff;} .getin-touch .footer-social li a { width: 57px;height: 57px;} .getin-touch .footer-social li a:hover {background: transparent;} .contact-right .gform_footer {bottom: -4px;} .contact-map {padding-top: 33.26%; overflow: hidden; position: relative; max-height: 450px;} .getin-touch .footer-social li a svg {transform: scale(1);} .map-marker {margin: auto;padding: 0;max-width: 165px;width: 100%;position: absolute;left: 0;top: 50%;right: 0;transform: translateY(-50%);} .map-marker img {opacity: 1; visibility: visible;} .map-marker a:before {display: none;} .error-404 .home-banner-content p {opacity: 0;-webkit-transform: translateY(50px);transform: translateY(50px);-webkit-transition: .9s ease-in-out;transition: .9s ease-in-out;} .error-404 .home-banner-content.is-visible p {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);} .contact-right .gform_body ul .gfmc-column > ul > li {opacity: 0;-webkit-transform: translateY(50px);transform: translateY(50px);} .contact-right .gform_body ul .gfmc-column > ul > li.is-visible {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);} .contact-right .gform_body ul .gfmc-column > ul > li.gfield_error, .contact-right .gform_validation_error .gform_body ul li ul li.gfield_html {opacity: 1 !important;-webkit-transform: translateY(0) !important;transform: translateY(0) !important;} .contact-right .gform_ajax_spinner, .gform_ajax_spinner {display: none !important;} .contact-right .gform_body ul li.form-row label {color: var(--white);} .contact-right .gform_body ul li.form-row {} .contact-right .gform_body ul li.form-row input[type="search"], .contact-right .gform_body ul li.form-row input[type="text"], .contact-right .gform_body ul li.form-row input[type="email"], .contact-right .gform_body ul li.form-row input[type="password"], .contact-right .gform_body ul li.form-row input[type="tel"], .contact-right .gform_body ul li.form-row input[type="number"], .contact-right .gform_body ul li.form-row textarea {border:1px solid var(--white); color: #fff;} .contact-right .gform_body ul li .gfield_checkbox li label:before {border-color:var(--white);} .contact-right .gform_body ul li .gfield_checkbox li label:after {border-color:var(--white);} .contact-right .gform_body ul li .gfield_checkbox li label {color: var(--white);} .contact-right .gform_body ul li .gfield_checkbox li label a {color: var(--white);} .contact-right .gform_body ul li .gfield_checkbox li label a:before {background-color:#8BC740;} .contact-right .gform_wrapper ul li.gfield_html, .contact-right .gform_wrapper ul li.gfield_html a {color: var(--white);} .contact-right .gform_wrapper ul li.gfield_html a:before {background-color: #8BC740;} .contact-right .form-row .ginput_container input::-webkit-input-placeholder {color: var(--white);opacity:0.3;} .contact-right .form-row .ginput_container input:-moz-placeholder {color: var(--white);opacity:0.3; } .contact-right .form-row .ginput_container input::-moz-placeholder {color: var(--white); opacity:0.3;} .contact-right .form-row .ginput_container input:-ms-input-placeholder {color: var(--white);opacity:0.3;} .contact-right .form-row .ginput_container textarea::-webkit-input-placeholder {color: var(--white);opacity:0.3;} .contact-right .form-row .ginput_container textarea:-moz-placeholder {color: var(--white);opacity:0.3; } .contact-right .form-row .ginput_container textarea::-moz-placeholder {color: var(--white); opacity:0.3;} .contact-right .form-row .ginput_container textarea:-ms-input-placeholder {color: var(--white);opacity:0.3;} .image-text-align {/*overflow: hidden;*/ padding: 80px 0;} .team-section {padding:80px 0;} .heading-section {padding: 60px 0;} .content-outer {padding: 60px 0;} .image-square-text {padding: 80px 0;} .image-text-icon {padding: 80px 0;} .accordion {padding: 60px 0;} .blog .section-padding { padding: 60px 0;} .single-post .section-padding { padding: 60px 0;} .our-team-slider {position: relative;} .our-team-slider .slick-list {width: 100%;} .our-team-slider .slick-list {padding-top: 25px !important;} .our-team-slider .slick-arrow {position: absolute;top: 120px;} .our-team-slider .slick-arrow.slick-prev {left: -64px;} .our-team-slider .slick-arrow.slick-next {right: -64px;} .team-btn {text-align: center;} .team-btn.add-space {margin: 80px 0 0 0;} .our-team-slider .our-team-item-img {box-shadow: 0px 0px 23px rgba(49, 50, 67, 0.30);} .header-call {margin: 0 0 0 30px; padding: 0; position: relative;} .header-call-icon {margin: 0;padding: 0;border: 2px solid #fff;width: 46px;height: 46px;border-radius: 50%;display: flex;align-items: center;justify-content: center; cursor: pointer;} .header-call-icon.active {opacity: 0.5;} .header-call-inner {margin: 0;padding: 22px 30px;position: absolute;right: -56px;top: calc(100% + 20px);width: 229px;background: #fff; display: none;} .header-call-inner ul {margin: 0; padding:0 0; list-style-type: none; display: flex; flex-direction: column;} .header-call-inner ul li {margin: 0; padding:8px 0;} .header-call-inner ul li:beofre {display: none;} .header-call-inner ul li a {margin: 0; padding: 0; font-size: 15px; font-weight: 700; letter-spacing: -0.3px;color: var(--blockcolor); text-shadow: none;} .header-call.active .header-call-inner {display: block;} .header-search {margin: 0; padding: 0; position: relative;} .header-search-icon {margin: 0 0 0 10px;padding: 0;border: 2px solid #fff;width: 46px;height: 46px;border-radius: 50%;display: flex;align-items: center;justify-content: center; cursor: pointer;} .header-search-icon.active {opacity: 0.5;} .header-search-inner {margin: 0; padding: 15px; position: absolute; top: calc(100% + 20px); right: 0; display: none; width:400px; background: #fff;} .header-search.active .header-search-inner {display: block;} .header-search-inner .search-form {display: flex;} .header-search-inner .search-form label {margin: 0;flex-grow: 1;} .header-search-inner .search-form .search-field {margin: 0; padding:11px 15px; border: 0; border-radius: 0; color: #092D1F;caret-color: var(--blockcolor);} input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;} .search-form input::-webkit-input-placeholder {color: #092D1F;opacity:0.3;} .search-form input:-moz-placeholder {color: #092D1F; opacity:0.3; } .search-form input::-moz-placeholder {color: #092D1F; opacity:0.3;} .search-form input:-ms-input-placeholder {color: #092D1F;opacity:0.3;} .header-search-inner .search-form .search-submit {margin: 0; padding: 0; box-shadow: none; font-size: 0; line-height: 0; background:var(--blockcolor) url('images/magnifying.svg') center no-repeat; width: 46px; height: 46px;} .global-popup {margin: 0; padding: 17px 0; background: var(--blockcolor);} .global-popup.global-popup-hide {height: 0 !important; overflow: hidden;padding: 0;} .global-popup .container {padding: 0 109px; padding-right: 380px; position: relative; color: #fff;letter-spacing: -0.12px; font-size: 12px; max-width: 100%; line-height: normal;} .global-popup .container p {margin: 0;} .global-popup h6 svg path, .global-popup h6 svg circle {fill:#fff;} .global-popup h6 {margin: 0 0 7px 0; padding: 0 0 0 24px; font-size: 17px; color: #fff; position: relative;} .global-popup h6 svg {position: absolute; left: 0; top: 1px;} .global-popup .container a {color:#fff; font-weight: 700;} .global-popup-btn {margin: 0; padding: 0; display: flex;position: absolute;top: 0;right: 109px;} .global-popup .global-popup-close {margin: 0 0 0 10px;} .global-popup .container .global-popup-close {padding-top: 14px; padding-bottom: 14px; color: var(--blockcolor);} .global-popup .container .global-popup-close svg {margin: 0 3px 0 0;} .global-popup .global-popup-btn a {font-weight: normal;} .footer-address {margin: 0 0 34px 0; padding: 0; line-height: normal;} .location {margin: 0 0 10px 0; padding: 0; display: flex; align-items: center; font-size: 12px; text-transform: uppercase;letter-spacing: 1.8px;color: var(--hedingcolor);} .location .svg {margin: 0 13px 0 0;} .location .svg path {fill:var(--hedingcolor);} .footer-address h6 {margin: 0 0 10px 0; padding: 0; font-size: 19px;} .footer-address a {font-size: 16px;} .footer-address a:before {display: none;} .footer-col-bottom {margin: 0; padding: 0; display: flex; align-items: center;} .footer-bottom-logo {margin: 0 40px 0 0; padding: 0; max-width: 174px;} .footer-bottom-logo a:before {display: none;} .footer-col-bottom .footer-social {margin: 0;} .footer-col-bottom .footer-social li {margin-bottom: 0;} .footer-twocol-left {margin: 0; padding: 0; max-width: 430px; width: 100%;} .footer-twocol-right {position: relative;max-width: 525px; width: 100%;} .footer-twocol-right .form-row label {color: var(--blockcolor);} .footer-twocol-right .form-row .ginput_container_text input[type="text"], .footer-twocol-right .form-row .ginput_container_email input[type="text"] {color: var(--hedingcolor);border: 1px solid var(--hedingcolor); } .footer-twocol-right .gform_validation_error.gform_wrapper li.form-row {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);} .footer-twocol-right .form-row .ginput_container_text input::-webkit-input-placeholder {color: var(--hedingcolor);opacity:0.3;} .footer-twocol-right .form-row .ginput_container_text input:-moz-placeholder {color: var(--hedingcolor);opacity:0.3; } .footer-twocol-right .form-row .ginput_container_text input::-moz-placeholder {color: var(--hedingcolor); opacity:0.3;} .footer-twocol-right .form-row .ginput_container_text input:-ms-input-placeholder {color: var(--hedingcolor);opacity:0.3;} .footer-twocol-right .form-row .ginput_container_email input::-webkit-input-placeholder {color: var(--hedingcolor);opacity:0.3;} .footer-twocol-right .form-row .ginput_container_email input:-moz-placeholder {color: var(--hedingcolor);opacity:0.3; } .footer-twocol-right .form-row .ginput_container_email input::-moz-placeholder {color: var(--hedingcolor); opacity:0.3;} .footer-twocol-right .form-row .ginput_container_email input:-ms-input-placeholder {color: var(--hedingcolor);opacity:0.3;} .footer-twocol-right .form-row select {border: 1px solid var(--hedingcolor);padding: 18px 20px;font-size: 18px;font-weight: 400;letter-spacing: -0.36px; -webkit-border-radius: 4px;-moz-border-radius: 4px;line-height: 24px;box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;outline: none !important;background:url('images/select-arrow.svg') 96% center no-repeat;width: 100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;resize: none;} .footer-twocol-right .gform_body ul li .gfield_checkbox li label:before {border: 1px solid var(--hedingcolor);} .footer-twocol-right .gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label:after {border-color:var(--hedingcolor);} .footer-twocol-right .gform_body ul li .gfield_checkbox li label {color: var(--blockcolor);} .footer-twocol-right .gform_body ul li .gfield_checkbox li label a {color: var(--blockcolor);} .footer-twocol-right .gform_wrapper ul li.gfield_html {color: var(--blockcolor);} .footer-twocol-right .gform_wrapper ul li.gfield_html a {color: var(--blockcolor);} .footer-twocol-right .gform_footer {bottom: 0;} /**** Footer Dark ****/ .footer-dark .footer-social li {border-color: #fff;} .footer-dark .footer-social li a svg path {fill: #fff;} .footer-dark .footer-social li a:hover {background: #fff;} .footer-dark .footer-social li a:hover svg path {fill:var(--blockcolor);} .footer-dark .footer-col.left p {color: #fff;} .footer-dark .footer-links .item h5 {color: #fff;} .footer-dark .footer-links li a {color: #fff;} .footer-dark .footer-links li a:hover {opacity: 0.5;} .footer-dark .footer-policy ul li a {color: #fff;} .footer-dark .design-by, .footer-dark .design-by a {color: #fff;} .footer-dark .location {color: #fff;} .footer-dark .location svg path {fill:#fff;} .footer-dark .footer-address h6, .footer-dark .footer-address a {color: #fff;} .footer-dark .footer-twocol-right h3 {color: #fff;} .footer-dark .footer-twocol-right .form-row label {color: #fff;} .footer-dark .footer-twocol-right .form-row .ginput_container_text input[type="text"], .footer-dark .footer-twocol-right .form-row .ginput_container_email input[type="text"] {color: #fff;border: 1px solid #fff;} .footer-dark .footer-twocol-right .form-row .ginput_container input::-webkit-input-placeholder {color: #fff;opacity:0.3;} .footer-dark .footer-twocol-right .form-row .ginput_container input:-moz-placeholder {color: #fff;opacity:0.3; } .footer-dark .footer-twocol-right .form-row .ginput_container input::-moz-placeholder {color: #fff; opacity:0.3;} .footer-dark .footer-twocol-right .form-row .ginput_container input:-ms-input-placeholder {color: #fff;opacity:0.3;} .footer-dark .footer-twocol-right .form-row select {border-color: #fff;color: #fff;} .footer-dark .footer-twocol-right .form-row select option {color: #000;} .footer-dark .footer-twocol-right .gform_body ul li .gfield_checkbox li label:before {border-color: #fff;} .footer-dark .footer-twocol-right .gform_body ul li .gfield_checkbox li label:after {border-color: #fff;} .footer-dark .footer-twocol-right .gform_body ul li .gfield_checkbox li label {color: #fff;} .footer-dark .footer-twocol-right .gform_body ul li .gfield_checkbox li label a {color: #fff;} .footer-dark .footer-twocol-right .gform_body ul li .gfield_checkbox li label a:before {background-color:#fff;} .footer-dark .footer-twocol-right .gform_wrapper ul li.gfield_html, .footer-dark .footer-twocol-right .gform_wrapper ul li.gfield_html a {color:#fff;} .footer-dark .footer-twocol-right .gform_wrapper ul li.gfield_html a:before {background-color:#fff;} .footer-dark .gform_footer:before {} .footer-dark .footer-add-item {color:#fff;} .multi-column > .sub-menu > li, .multi-column > .sub-menu > li > .sub-menu > li {position: static;} .multi-column ul.sub-menu:before {box-shadow: none!important;} .multi-column > ul.sub-menu:after {display: none;} .multi-column ul.sub-menu:after {content:''; position: absolute; width: 1px; height: calc(100% - 50px); border-left: 1px solid #cccccc;position: absolute;top: 30px;} .multi-column > ul.sub-menu:after {display: none;} .multi-column .main-navigation ul li ul.sub-menu li ul.sub-menu {min-height: 100%;} .multi-column .main-navigation ul li ul.sub-menu {padding:38px 0 18px 0;} .multi-column .main-navigation ul li ul.sub-menu:before {top: 20px;} .search-banner {margin: 0; padding: 0; min-height: 335px; position: relative; display: flex; align-items: flex-end; justify-content: center;} .search-banner:before {margin: 0; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ""; background: var(--blockcolor);mix-blend-mode: multiply; opacity: 0.6;} .search-banner .container {position: relative;} .search-banner .container h1 {margin-bottom: 50px; color: #fff;} .search-data {margin: 0; padding: 60px 0 40px 0;} .search-data h3 {margin-bottom: 35px;} .search-data ul li {margin-bottom: 15px;} /*Team*/ .team-details {position: relative;} .team-details-info {position: absolute;left: 0;right: 0;bottom: 60px;z-index: 1;} .team-detail-position {margin: 0 0 10px 0; display: block;padding: 0; font-size: 12px; font-weight: 900; letter-spacing: 1.8px;color: #fff;text-transform: uppercase;} .team-details-img {margin: 0;padding: 0; height: 100vh; position: relative;} .team-details-img:before {margin: 0; padding: 0; position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: var(--blockcolor); opacity: 0.6;mix-blend-mode: multiply; z-index: 1;} .team-details-bottom {display: flex; flex-wrap: wrap; align-items: center;} .team-details-bottom ul {margin-bottom: 20px;margin-right: 25px;} .getin-touch .team-details-bottom .footer-social li a:hover {background: transparent;} /* Footer testimonial team upercase */ .footer-twocol-left {max-width: 500px;} .testimonial-slider .slick-track {display: flex;align-items: center;} .footer-address a {font-size: 19px; font-family: var(--headingfont); color:var(--hedingcolor);} .footer-add-item {font-family: var(--headingfont);color:var(--hedingcolor);margin: 0 0 10px 0;font-size: 19px;} .footer-buttons {margin: 0;padding: 0 0 40px 0;} .footer-buttons .button {margin: 0 20px 0 0;background: var(--buttonbgcolor); color: var(--buttoncolor)} .footer-buttons .button:last-child {margin-right: 0;} .footer-col-bottom.line-by { align-items: flex-start;flex-direction: column-reverse;} .footer-col-bottom.line-by .footer-bottom-logo {margin-bottom: 40px;} .footer-col-bottom.line-by .footer-bottom-logo {margin-left: 0;max-width: 225px;} .team-position {text-transform: uppercase;} .imageclass {background-size: cover; background-position: center; background-repeat: no-repeat;} .imageclass:before {margin: 0;padding: 0;position: absolute;left: 0;top: 0;content: "";width: 100%;height: 100%;background: var(--blockcolor);opacity: 0.9;} .imageclass .container {position: relative;} .service-icons.imageclass h2 {color: #fff;} .service-item-img a img {max-width: 70px;} .imageclass .service-carousel-text h3 a, .imageclass .service-carousel-text h3, .imageclass .service-carousel-text {color: #fff;} .imageclass .link-with-arrow {color: #fff;} .imageclass .link-with-arrow svg path, .imageclass .link-with-arrow svg line {stroke: #fff;} .service-icons.imageclass .service-carousel .slick-dots li.slick-active {border-color: #fff;} .service-icons.imageclass .service-carousel .slick-dots li.slick-active button {background: #fff;} .service-icons.imageclass .service-carousel .slick-dots li button {background: #fff;} .home-banner-small {min-height: auto !important;} .home-banner-small .home-banner-slider, .home-banner-small .home-banner-slider .slick-list, .home-banner-small .home-banner-slider .slick-track, .home-banner-small .home-banner-slider .slick-track .item, .home-banner-small .home-banner-slider-bg {height: 100%;} .form-main h2 a {color: #fff;} .form-main h2 a:before {display: none;} .logo-slider .item {justify-content: center;} .contact-info .location {margin-bottom: 20px;} .contact-info .location svg path {fill:#fff;} .contact-info .location {font-size: 15px; color: #fff;} .contact-info .footer-add-item, .contact-info .footer-add-item a {color: #fff;} .contact-info .footer-address {margin-bottom: 45px;} .contact-info .footer-address:last-child {margin-bottom: 0;} .contact-info .footer-add-item span a:before {display: block;} .complaints {font-size: 21px;} .contact-two-col ul, .contact-two-col ol {line-height: 1.7;} .contact-two-col ul li, .contact-two-col ol li {margin-bottom: 10px;} .contact-two-col ul li:before {top: 11px;} .contact-two-col ol li:before {font-size: 25px;} .contact-two-col .brief-content .button {margin-top: 10px; margin-right: 15px; padding: 15px 30px 15px;font-size: 17px;} .single-col .footer-logo {margin-left: auto; margin-right: auto;} .single-col .footer-social {margin-left: auto; margin-right: auto;} .single-col .footer-social li {margin-right: 7px;margin-left: 7px;} .footer-single-item {margin: 0 0 20px 0; padding: 0; text-align: center;letter-spacing: 0px; color: #313243;font-family: var(--headingfont); font-size: 21px; font-weight: 600; line-height: normal;width: 100%;} .footer-single-item:last-child {margin-bottom: 0;} .footer-single-item a {font-family: var(--headingfont);font-size: 21px; font-weight: 600; text-decoration: none; color: #313243; line-height: normal;} .footer-single-item a:before {display: none; color: #313243;} .tab-outer {margin: 0; padding:60px 0;} .tab-main {margin: 0; padding: 0; display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: space-between;} .tab-left {margin: 0; padding: 0 0; max-width: 464px; width: 100%;} .tab-left ul {margin-bottom: 0;} .tab-right {margin: 0; padding: 12px 0; max-width: 570px; width: 100%;} .tab-left .tabs li {margin: 0 0 15px 0; padding: 13px 30px 13px 13px; display: flex; align-items: center; font-family: var(--headingfont); background: #fff;box-shadow:0px 0px 40px rgba(49, 50, 67, 0.30);border-radius: 4px; color: #1A252F; font-size: 36px; font-weight: 600; cursor: pointer; transition: all 0.3s;} .tab-left .tabs li:last-child {margin-bottom: 0;} .tab-left .tabs li:before {display: none;} .tab-left .tabs li .tab-count {margin: 0 23px 0 0; padding: 0; width: 50px; height: 50px; line-height: 50px; background: #fff; border-radius: 50%; letter-spacing: 0.85px; color: #8BC740; font-size: 17px; font-weight: 700; text-align: center; transition: all 0.3s;} .tab-left .tabs li svg {position: absolute;top: 50%;right: 30px;transform: translateY(-50%);} .tab-left .tabs li svg path, .tab-left .tabs li svg line {stroke:#E6ECF0; transition: all 0.3s;} .tab-left .tabs li.current svg path, .tab-left .tabs li.current svg line {stroke:#fff;} .tab-left .tabs li.current {background: #8BC740; color: #fff;} .tab-left .tabs li.current .tab-count {background: rgba(255,255,255,0.2); color: #fff;} .tab-left .tabs li:not(.current):hover .tab-count {background:rgba(139, 199, 64, 0.2);} .tab-left .tabs li:not(.current):hover svg path, .tab-left .tabs li:not(.current):hover svg line {stroke:#8BC740;} .tab-right .tab-content {display: none; color: #1A252F;} .tab-right .tab-content.current {display: block;} .tab-right .tab-content h5 {margin: 0 0 20px 0; font-family: var(--bodyfont);font-size:14px; font-weight: 700; text-transform: uppercase; letter-spacing: 2.1px; } .tab-right .tab-content ul, .tab-right .tab-content ol {columns: 2;-webkit-columns: 2;-moz-columns: 2;} .tab-right .tab-content ul li, .tab-right .tab-content ol li {margin: 0 0 5px 0;} .acquisition-sources-inner {margin: 0; padding: 55px 0 80px; position: relative;} .acquisition-step {margin: 0 0 15px 0; padding: 0; font-size: 14px; font-weight: 700; text-align: center; line-height: normal; display: block;letter-spacing: 2.1px;color: #8BC740;text-transform: uppercase;} .acquisition-sources-inner .container {position: relative;} .acquisition-sources-inner .container .acquisition-sources-count {margin: 0; padding: 0; font-family: var(--headingfont);font-size:200px; font-weight: 600; position: absolute; left: 0; right: 0; top: 0; text-align: center; letter-spacing: 0px; color: rgba(26, 37, 47, 0.05); text-align: center; line-height: 74px;} .acquisition-sources-inner h2 {margin: 0 0 30px 0; text-align: center;} .acquisition-sources-inner p {text-align: center; margin: 0 0 20px 0;} .acquisition-sources-list {margin: 0; padding: 12px 12px; display: flex; justify-content: center; flex-wrap: wrap; } .acquisition-sources-item {margin: 0; padding:8px 8px; width: 33.33%;} .acquisition-sources-item-inner {margin: 0; padding: 20px; background:#fff; box-shadow: 0px 0px 40px rgba(49, 50, 67, 0.3);border-radius: 4px; text-align: center; height: 100%;} .acquisition-sources-item-inner h5 {margin: 0 0 7px 0; padding: 0; font-size: 26px;} .acquisition-sources-item-inner {margin: 0; font-size: 15px; line-height: 25px; letter-spacing: -0.3px;color: #626576;display: flex;flex-direction: column;justify-content: center;} .light-green-bg {background: rgba(139, 199, 64, 0.2);border-radius: 4px; } .acquisition-sources-list-main { margin: 0 -16px;} .site-content .acquisition-sources.section-padding {padding-left: 55px; padding-right: 55px; padding-top: 50px;padding-bottom: 50px} .acquisition-message {margin: 0 auto; padding: 0 0 20px 0; max-width: 684px; width: 100%; display: flex; align-items: center; flex-wrap: wrap;} .acquisition-images {margin: 0; padding: 0; display: flex; } .acquisition-images .acquisition-images-item:first-child {margin-left: 0;} .acquisition-images .acquisition-images-item {margin: 0 -12px 0 0; padding: 0; width: 75px; height: 75px; border-radius: 50%; border: 4px solid #fff; box-shadow: 0 0 40px rgba(49,50,67,0.30);} .acquisition-message-text {margin: 0 0 0 40px; padding: 15px 20px; max-width: 455px; width:100%; background: #8BC740; border-radius: 4px; position: relative;} .acquisition-message-text:before {margin: 0;padding: 0;position: absolute;left: -8px;top: 50%;border-top: 8px solid transparent;content: "";border-bottom: 8px solid transparent;border-right: 10px solid #8BC740;transform: translateY(-50%);} .acquisition-message-text p {text-align: left;letter-spacing: -0.3px; font-size: 15px; font-weight: 600; color: #fff; line-height: 25px;} .acquisition-two {max-width: 984px;margin: 0 auto;} .acquisition-two .acquisition-sources-item {width: 50%;} .acquisition-last {background:#8BC740 !important;} .acquisition-last.acquisition-sources-inner h2 {color: #fff;} .acquisition-last.acquisition-sources-inner {color: #fff;} .acquisition-last.acquisition-sources-inner .acquisition-sources-item {width: 50%;} .acquisition-last .acquisition-sources-item-inner h5 {margin: 0 0 10px 0;font-size: 32px;} .acquisition-last .acquisition-sources-item-inner p {letter-spacing: -0.38px; font-size: 19px;} .acquisition-last.acquisition-sources-inner .acquisition-step {color: #fff;} .section-down-arrow.scroll-bottom {margin: 0 auto;padding: 0;width: 100px;height: 100px;background: #8BC740;border-radius: 50%;position: absolute;left: 0;right: 0;bottom: -50px; cursor: pointer;} .section-down-arrow.scroll-bottom svg {width: 36px;height: 20px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) rotate(-90deg);} .section-down-space {height: 50px; position: absolute; opacity: 0; visibility: hidden; width: 1px;} @media only screen and (min-width: 768px) { .team-popup {height: calc(100vh - 160px);} .team-popup .modal-body {height: 100%;} .team-popup .modal-content {height: 100%;overflow: hidden;} .popup-inner {height: 100%;overflow: hidden;} .popup-inner .team-content {overflow: auto;} .modal-dialog {margin: 0 auto;} .home-bg-mobile {display: none;} .header-social {display: none;} .menu-icon {display: none;} .footer-mobile-head {display: none;} /** D2 **/ .blog-filter-mobile {display: none;} .footer-social.mobile-display {display: none;} .submenu-head {display: none !important;} .menu-dark .main-navigation .menu-main-menu-container > ul > li > a {color: var(--blockcolor); text-shadow: none;} .menu-dark .site-header .button {color: var(--blockcolor);} .menu-dark .main-navigation div > ul > li.menu-item-has-children > a:after {border-color: var(--blockcolor);} .menu-dark .logo svg rect, .menu-dark .logo svg text {fill:var(--blockcolor);} .menu-dark .logo svg circle {fill:#fff;} .menu-dark .header-call-icon {border-color: var(--blockcolor);} .menu-dark .header-call-icon svg path {fill:var(--blockcolor);} .menu-dark .header-call-inner {box-shadow: 0px 0px 40px rgb(49 50 67 / 30%);} .menu-dark .header-search-inner {box-shadow: 0px 0px 40px rgb(49 50 67 / 30%);} .menu-dark .header-search-icon {border-color: var(--blockcolor);} .menu-dark .header-search-icon svg path {fill:var(--blockcolor);} } @media only screen and (max-width: 1440px) { .home-banner-left {padding: 80px 109px 80px; justify-content: flex-end;} } @media only screen and (max-width: 1320px) { .our-team-slider {padding: 0 25px;margin: 0 ;} .our-team-slider .slick-arrow.slick-prev {left: -24px;} .our-team-slider .slick-arrow.slick-next {right: -24px;} } @media only screen and (max-width: 1199px) { body {font-size: var(--ipadbodycopysize);line-height: var(--ipadbodycopylineheight);} .container {max-width: 948px;} .main-navigation ul li {padding: 0 15px;} .site-header.full-header .container {max-width: 100%; padding-left: 60px;padding-right: 60px;} .button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"], .wp-block-button__link {padding:16px 30px 16px; font-size: var(--ipadbuttonsize);} .normal-link {font-size: var(--ipadbuttonsize);} .button-inline .button {margin-right: 35px;} h1, .h1 { font-size:var(--ipadh1fontsize); margin: 0 0 20px;} h2, .h2 { font-size:var(--ipadh2fontsize); margin: 0 0 20px; } h3, .h3 { font-size:var(--ipadh3fontsize); margin: 0 0 20px;} h4, .h4 { font-size:var(--ipadh4fontsize); margin: 0 0 15px;} h5, .h5 { font-size:var(--ipadh5fontsize);margin: 0 0 15px;} h6, .h6 { font-size:var(--ipadh6fontsize);margin: 0 0 10px;} .site-content .section-padding {margin: 0; /*padding: 50px 0;*/ padding: 0;} .home-banner-content { max-width: 670px; font-size: 17px;line-height: 34px;letter-spacing: -0.5px;} .home-banner-content h1 {line-height: 80px;} .banner-center .home-banner-content h1 {line-height: 80px;} .image-text-align-img {max-width: 318px;} .image-text-align-desc {padding: 35px 0;max-width: 536px;} .image-text-align-desc h2 {margin-bottom: 25px;} .image-text-align-desc .button-inline {padding: 32px 0 0 0;} .service-rotate {padding: 80px 0;} .service-carousel .slick-arrow {top: -98px;} .link-with-arrow {font-size: 19px;} .service-carousel-text {padding: 30px 30px 80px;} .service-carousel-text .link-with-arrow {position: absolute;left: 30px;bottom: 30px;} .team-text {max-width: 800px;} .our-team-item {padding: 0 20px; margin: 0 0 60px 0;} .our-team-item-img {margin: 0 0 30px;} .team-popup {max-width: 950px;} .testimonial-main {padding: 70px 0;} .testimonial-inner {font-size: 18px;line-height: 36px;max-width: 735px;} .gallery-hedding {margin: 0 0 40px 0;} .featured-text {padding: 63px;} .logo-slider .item img {width: 70%;} .gform_body ul li.gfmc-column {margin: 0;padding: 0;width: 435px !important;} .gform_footer:before {left: 25px;top: 16px;} .gform_footer .gform_button {padding-left: 56px;} .gform_footer {bottom: 29px;} .form-main {padding: 80px 0 60px;} .site-footer {padding: 60px 0 0;} .footer-logo svg {width: 210px;} .footer-logo {margin-bottom: 25px;} .footer-social {margin: 0 0 10px 0px;} .footer-social li a {width: 45px;height: 45px;} .footer-social li a svg {transform: scale(0.8);} .footer-col.left {max-width: 310px;} .footer-col.right {max-width: 510px;} .footer-links .item {min-width: 170px;} .site-info {margin: 45px 0 0 0;} .service-icons {padding: 80px 0;} .home-banner-left {padding: 0 60px 80px;} .service-column4 .service-carousel-text .link-with-arrow {left: 20px;} .service-column4 .service-carousel-text {padding: 30px 20px 80px;} .service-column3 .service-item .service-carousel-text {padding: 35px 20px 50px;} .service-column4 .service-item .service-carousel-text {padding: 35px 20px 50px;} .service-item .service-carousel-text.no-button {padding-bottom: 0px;} .text-center-small {margin: 0 auto; padding:0;} .text-small {margin: 0 auto; padding:0;} .blog-banner-content {max-width: 918px;} .brief-content {max-width: 410px;} .image-square-text-desc {max-width: 404px;} .image-square-text-img {max-width: 450px;} .image-text-icon-img {max-width: 318px;} .image-text-icon-right {max-width: 536px;} .image-text-icon-item {max-width: 243px;} .logo-grid .item {padding: 0 30px;} .accordion-item > h3 {padding: 25px 0;} .contact-info {max-width: 427px;} .contact-right {max-width: 435px;} .contact-details p {font-size: 17px;line-height: 34px;} .contact-details h1 {margin: 0 0 30px 0;} .contact-info .getin-touch .icon {margin: 0 20px 0 0;} .contact-info .getin-touch .call-section h5, .contact-info .getin-touch .email-section h5, .contact-info .getin-touch .address-section h5 {font-size: 20px;} .contact-info .getin-touch .address-section h5 {font-size: 16px; } .service-item .service-carousel-text {padding: 35px 20px 50px} /** D2 **/ .blog-banner-bg {min-height: 370px;} .featured-posts.blog-posts .featured-img {width: 400px;} .featured-posts.blog-posts .featured-text {width: 450px;} .related-news-section .featured-text {padding: 63px;} .editor-content .entry-header .entry-title {font-size: 45px;} .image-text-align {/*overflow: hidden;*/ padding: 50px 0;} .image-text-align.section-gap {/*overflow: hidden;*/ padding: 80px 0;} .team-section {padding:50px 0;} .heading-section {padding: 50px 0;} .content-outer {padding: 50px 0;} .image-square-text {padding: 50px 0;} .image-square-text.section-gap {padding: 80px 0;} .image-text-icon {padding: 50px 0;} .accordion {padding: 50px 0;} .blog .section-padding { padding: 50px 0;} .single-post .section-padding { padding: 50px 0;} .our-team-slider {padding: 0 15px;margin: 0 -10px;} .our-team-slider .slick-arrow {top: 92px;} .our-team-slider .slick-arrow.slick-prev {left: -27px;} .our-team-slider .slick-arrow.slick-next {right: -27px;} .team-btn.add-space {margin: 60px 0 0 0;} .global-popup .container {padding: 0 60px; padding-right: 330px;} .global-popup-btn {right: 60px;} .footer-twocol-right {max-width: 455px;} .footer-twocol-right .gform_body ul li.gfmc-column {width: 100% !important;} .footer-twocol-left {max-width: 430px;} .tab-outer {padding: 50px 0;} .tab-left {max-width: 365px;} .tab-right {max-width: 500px;} ul li, ol li {padding: 0px 0 0 25px;} ul li:before {top: 11px;} .tab-left .tabs li .tab-count {margin: 0 15px 0 0;} .tab-left .tabs li {font-size: 28px;} } @media only screen and (max-width: 991px) { body {font-size: var(--ipadbodycopysize);line-height: var(--ipadbodycopylineheight);} .site-header.full-header .container {max-width: 100%;padding-left: 35px;padding-right: 35px;} .button.button-small, a.button.button-small, button.button-small, html input[type="button"].button-small, input[type="reset"].button-small, input[type="submit"].button-small, .wp-block-button__link.button-small {padding: 10px 25px 10px;} .site-content .section-padding {margin: 0;/*padding: 40px 0;*/padding: 0 0;} .container {max-width: 730px;} .logo { width: 170px;} .site-header {padding: 30px 0;} .main-navigation ul li {padding: 0 8px;} .main-navigation ul li a {font-size: var(--ipadmenusize);} .main-navigation .button-small {margin-left: 10px;} h1, .h1 { font-size:50px; margin: 0 0 20px;} h2, .h2 { font-size:35px; margin: 0 0 20px; } .home-banner-content { max-width: 630px;font-size: 16px;line-height: 32px;} .home-banner-content h1 {margin: 0 0 20px;line-height: 70px;} .banner-center .home-banner-content h1 {line-height: 70px;} .button-inline {padding: 20px 0 0 0;} .image-text-align-img {max-width: 268px;} .image-text-align-desc {padding: 25px 0;max-width: 386px;} .image-text-align-desc h2 {margin-bottom: 20px;} .image-text-align-desc .button-inline {padding: 20px 0 0 0;} .button-inline .button {margin-right: 25px;} .text-spin {transform: scale(0.8);} .service-rotate {padding: 70px 0;} .service-rotate h2 { padding: 0 130px 0 0;} .service-carousel .slick-arrow {top: -92px;} .service-column3 .item {max-width: 50%;} .service-column3 .item:nth-child(3) {margin-top: 42px !important;} .service-column4 .item:nth-child(3), .service-column4 .item:nth-child(4) {margin-top:42px !important;} .team-text h2 {margin-bottom: 20px;} .team-text {max-width: 630px;} .team-text {padding: 0 0 40px 0;} .our-team-item {padding: 0 10px;margin: 0 0 40px 0;} .our-team-item-img {margin: 0 0 20px;border: 5px solid #fff;} .team-position {padding: 0 0 15px 0;} .our-team-item h5 {font-size: 20px;} .testimonial-inner {font-size: 15px;line-height: 30px;max-width: 535px;} .gallery-slider .item {padding: 0 20px;} .gallery-slider .slick-next {right: calc(6% - 5px);} .gallery-slider .slick-prev {left: calc(6% - 5px);} .featured-posts-slider .item {flex-wrap: wrap;} .featured-img {width: 100%;} .featured-text {padding: 50px;width: 100%;} .featured-posts-slider {padding: 0 34px;} .featured-posts-slider .slick-dots {padding: 30px 0 0 0;} .gform_body ul.gform_fields {flex-wrap: wrap;} .gform_body ul li.gfmc-column {width: 100% !important;} .gform_footer {bottom: 0;} .footer-inner {flex-wrap: wrap;} .footer-col.left {max-width: 100%;} .footer-col.right {padding: 50px 0 0 0;max-width: 100%;} .footer-col.left p {max-width: 100%;} .footer-links .item {min-width: 33.33%;width: 100%;} .service-column4 .item {max-width: 50%;} .service-list .item {margin-top: 60px;} .service-column4.service-list .item {margin-top: 60px;} .service-column3.service-list .item:nth-child(3) {margin-top: 60px !important;} .service-column4.service-list .item:nth-child(3), .service-column4.service-list .item:nth-child(4) {margin-top: 60px !important;} .service-icons {padding: 70px 0;} .home-banner-left {padding:40px 0 40px;width: 100%;min-height: auto;position: absolute;left: 0;top: 50%;z-index: 1;max-width: 510px;margin: 0 auto;right: 0;text-align: center;transform: translateY(-50%); align-items: center;z-index: 2;} .home-banner-right {min-height: 100vh; width: 100%;} .home-banner-column {position: relative;} .home-banner-right:before {height: 100%;} .text-center-small {margin: 0 auto; padding:0;} .text-small {margin: 0 auto; padding:0;} .blog-banner-content {max-width: 700px;} .text-center-small {max-width: 620px;} .text-small {max-width: 620px;} .brief-content {max-width: 320px;} .text-align-bg {padding: 40px 0;} .image-square-text-desc h2 {margin-bottom: 15px;} .image-square-text-desc .button-inline {padding: 15px 0 0 0;} .image-square-text-desc {max-width: 364px;padding: 20px 0;} .image-square-text-img {max-width: 300px;} .image-text-icon .flex.align-start {flex-direction: column-reverse;} .image-text-icon-img {max-width: 100%;} .image-text-icon-right {padding: 0 0 40px 0;max-width: 100%;} .image-text-icon-item {max-width: calc(50% - 20px);margin: 0 0 40px 0;} .logo-grid .item {padding: 0 35px;max-width: 25%;margin: 25px 0 25px 0;} .contact-info {max-width: 100%;} .contact-right {padding: 40px 0 0 0;max-width: 100%;} .contact-details p {font-size: 15px;line-height: 30px;} .contact-details h1 {margin: 0 0 20px 0;} .contact-section {padding: 0 0 0 0;} .contact-top {padding: 130px 0 70px 0;} .contact-map {padding-top: 56.26%; max-height: inherit;height: 0;} .team-popup {max-width: 720px;} .popup-inner .team-content {padding: 40px;} /** D2 **/ .blog-banner-bg {min-height: 300px;} .blog-banner-content h1 {margin-bottom: 20px;} .blog-banner-content {bottom: 40px;} .filter-title {bottom: 10px;} .blog-filter .button {padding:10px 20px;} .featured-posts.blog-posts .featured-img {width: 310px;} .featured-posts.blog-posts .featured-text {width: 350px;} .featured-text.blog-posts h3 {line-height: 40px;} .editor-content h1 {font-size: 50px;} .editor-content figure {margin: 0 -50px 80px;} .editor-content iframe {width: 115%; margin: 0 -7.5% 80px;} .related-news-section .featured-text {padding: 50px;} .editor-content .entry-header .entry-title {font-size: 35px;} .editor-content .container {max-width: 730px;} .editor-content p {font-size: 17px;line-height: 34px;} .image-text-align {/*overflow: hidden;*/ padding: 40px 0;} .image-text-align.section-gap {/*overflow: hidden;*/ padding: 80px 0;} .team-section {padding:40px 0;} .heading-section {padding: 40px 0;} .content-outer {padding: 40px 0;} .image-square-text {padding: 40px 0;} .image-square-text.section-gap {padding: 80px 0;} .image-text-icon {padding: 40px 0;} .accordion {padding: 40px 0;} .blog .section-padding { padding: 40px 0;} .single-post .section-padding { padding: 40px 0;} .map-marker {max-width: 115px;} .our-team-slider {padding: 0 25px;margin: 0;} .our-team-slider .slick-list {padding-top: 15px !important;padding-left: 10px;padding-right: 10px;} .our-team-slider .our-team-item {padding: 0 20px;} .our-team-slider .our-team-item-img {box-shadow: 0px 0px 14px rgba(49, 50, 67, 0.30);} .our-team-slider .slick-arrow {top: 73px;} .our-team-slider .slick-arrow.slick-prev {left: -13px;} .our-team-slider .slick-arrow.slick-next {right: -13px;} .team-btn.add-space {margin: 40px 0 0 0;} .header-call-inner ul li {padding: 8px 0;} .header-call-icon {width: 42px;height: 42px;} .header-search-icon {width: 42px;height: 42px;} .header-call {margin: 0 0 0 10px;} .logo {width: 150px; min-width: 150px;} .logo .svg {width: 100%;} .global-popup .container {padding: 0 35px;padding-right: 35px;} .global-popup-btn {right: 0;position: relative; margin-top: 20px;} .footer-twocol-left {max-width: 100%;} .footer-twocol-right {margin: 40px 0 0 0; max-width: 100%;} .tab-left {max-width:100%;} .tab-right {padding-top: 30px;max-width: 100%; border-top: 1px solid rgba(0,0,0,0.1);} .tab-left .tabs {display: flex;width: fit-content;} .tab-left .tabs li {margin: 0 10px 0 0;padding: 9px 15px 9px 15px; font-family: var(--bodyfont);text-transform: uppercase;letter-spacing: 2.1px; font-size: 14px; font-weight: 700;box-shadow: 0px 0px 20px rgb(49 50 67 / 30%);} .tab-left .tabs li .tab-count {display: none;} .tab-left .tabs li svg {display: none;} .tab-left {max-width: inherit;overflow: auto;padding: 24px 30px;margin: 0px -34px;width: inherit; } .tab-left .tabs {margin-bottom: 0;} .tab-right .tab-content h5 {font-family: var(--headingfont); font-size: 48px; letter-spacing: 0; font-weight: 600;} .tab-left .tabs li:last-child {margin-right: 30px;} .tab-outer {padding: 40px 0;} .acquisition-sources-item {width: 50%;} .acquisition-last.acquisition-sources-inner .acquisition-sources-item {width: 60%;} .site-content .acquisition-sources.section-padding {padding-top: 40px;padding-bottom: 40px} .section-down-space {height: 40px;} } @media only screen and (max-width: 768px) and (min-width: 991px) { .button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"], .wp-block-button__link {box-shadow: 0px 0px 25px rgba(49, 50, 67, 0.30);} } @media only screen and (max-width: 767px) { body {font-size: var(--mobilebodycopysize);line-height: var(--mobilebodycopylineheight);} h1, .h1 { font-size:var(--mobileh1fontsize); margin: 0 0 20px;} h2, .h2 { font-size:var(--mobileh2fontsize); margin: 0 0 20px; } h3, .h3 { font-size:var(--mobileh3fontsize); margin: 0 0 20px; } h4, .h4 { font-size:var(--mobileh4fontsize); } h5, .h5 { font-size:var(--mobileh5fontsize);} h6, .h6 { font-size:var(--mobileh6fontsize);} .site {position: relative !important;overflow-x: hidden;} .site-header.full-header .container {max-width: 100%;padding-left: 25px;padding-right: 25px;} .container {max-width: 100%; padding: 0 25px;} .site-header {padding: 25px 0;} .main-navigation {display: none;padding: 87px 25px 0 25px;position: fixed;top: 0;width: 100%;left: 0; height: 100%; overflow: auto; overflow-x: hidden; background: var(--blockcolor);text-align: center;} .logo {width: 152px;} .logo svg {width: 152px;} .menu-icon {position: fixed;top: 20px;right: 25px; background: #fff;border-radius: 50%;width: 53px;height: 53px;box-shadow: 0px 0px 40px rgba(49, 50, 67, 0.3);-webkit-transition: all .3s ease-in;transition: all .3s ease-in;} .menu-icon img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} .menu-icon .menu-close {display: none;} .menu-icon.open .menu-bar {display: none;} .menu-icon.open .menu-close {display: block;} .main-navigation ul {flex-wrap: wrap;width: 100%;} .main-navigation ul li {width: 100%; text-align: center;} .main-navigation div > ul > li.menu-item-has-children > a:after{margin: 6px auto 0 auto;position: relative;top: 0;display: block;width: 9px;height: 9px;} .main-navigation ul li {padding: 25px 10px;} .main-navigation ul li a {padding: 0;font-size: var(--mobilemenusize);} .main-navigation .button.border-button {padding: 20px 40px 20px; font-size: 21px;margin: 35px 0 45px 0;min-height: 62px;} .main-navigation .menu-main-menu-container {margin-top: 0;} .header-social { margin-top: auto;margin-bottom: 0;padding: 0 0 25px 0;} .header-social ul.footer-social {justify-content: center;} .header-social ul.footer-social li {margin: 0 5px; padding: 0; width: auto;border: 2px solid #fff;} .header-social ul.footer-social li a {padding: 0 !important; width: 50px;height: 50px;display: flex;} .header-social .footer-social li a svg {transform: scale(0.9);} .header-social .footer-social li a svg path {fill:#fff;} .is-open .main-navigation {display: flex !important;flex-direction: column;align-items: center;} .main-navigation .menu-main-menu-container, .main-navigation .button, .main-navigation .header-social {transition: none;opacity: 0; } .is-open .main-navigation .menu-main-menu-container, .is-open .main-navigation .button, .is-open .main-navigation .header-social { opacity: 1;transition-delay: 1s; transition: opacity 0.3s;} .is-open {overflow: hidden;} .main-navigation ul li ul.sub-menu {position: relative; width: 100%; display: none; opacity: 1; visibility: visible;top: 0;padding: 28px 0 0 0;} .main-navigation ul li ul.sub-menu:before {display: none;} .main-navigation ul li li a {color: #fff; font-size: 21px;padding: 10px 0;} .main-navigation ul li.open > ul.sub-menu {display: block;} .main-navigation .nav-inner {flex-direction: column;height: 100%;} .main-navigation div > ul > li.menu-item-has-children.open > a:after {transform: rotate(135deg);} .home-banner-content { max-width: 100%;text-align: center; } .home-banner-content h1 {line-height: 60px;} .banner-center .home-banner-content h1 {line-height: 60px;} .home-banner .container {padding: 88px 25px 50px 25px;} .home-banner-content .button-inline { padding: 10px 0 0 0;flex-direction: column;} .mouse-indi {margin:0 0 0 0; flex-direction: column-reverse;} .mouse-icon {margin: 10px 0 0 0;min-width: 26px;height: 26px;} .mouse-wheel { animation: none;border-left: 2px solid #fff;border-bottom: 2px solid #fff;width: 6px;height: 6px;transform: rotate(-45deg);border-radius: 0;background: transparent;margin: 7px auto;} .button-inline .button {margin-right: 0;} .button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"], .wp-block-button__link {padding:20px 40px 20px; font-size: var(--mobilebuttonsize); line-height: 21px;} .banner-center .home-banner-content .button {margin-top: 10px;} .home-banner.banner-center .container {align-items: center;} .image-text-align .flex {flex-direction: column-reverse;} .image-text-align-img {margin-top: 90px; max-width: 100%;} .image-text-align-desc {padding: 25px 0;max-width: 100%; text-align: center;} .site-content .section-padding {margin: 0;/*padding: 25px 0;*/padding:0 0;} .button-inline {flex-direction: column;} .button-inline .button {margin-bottom: 30px;} .text-spin {transform: scale(1);} .text-circle, .flex-direction-row-reverse .text-circle {left: 0; right: 0; margin: 0 auto;} .service-rotate {padding: 50px 0;} .service-carousel {margin: 0 -25px; padding: 0 0 0 0;} .service-rotate h2 {margin: 0 0 32px 0;text-align: center; padding: 0; line-height: 42px;} .service-icons h2 {margin: 0 0 32px 0;text-align: center; padding: 0; line-height: 42px;} .service-carousel .item {padding: 0 15px;} .service-carousel .slick-list {margin-right: 0 !important; padding: 0 !important;overflow: visible;} .service-icons .service-carousel .slick-list {padding-left: 0 !important;padding-right: 0 !important;} .service-carousel .slick-dots {padding: 25px 0 0 0;} .service-carousel .slick-dots li button {background: #fff; opacity: 0.3;} .service-carousel .slick-dots li.slick-active button {background: #fff; opacity: 1;} .service-carousel .slick-dots li.slick-active {border-color:#fff;} .service-carousel-text .link-with-arrow {font-size: 21px;} .service-grid {margin: 0 0;padding: 0 0 0 0;} .service-grid .item {margin: 30px 0 0;padding: 0 0px;} .service-column2 .item {max-width: 100%;} .service-column3 .item {max-width: 100%;} .service-column4 .item {max-width: 100%;} .service-column3 .item:first-child, .service-column3 .item:nth-child(2), .service-column3 .item:nth-child(3) {margin-top: 30px !important;} .service-column3 .item:first-child {margin-top: 0 !important;} .service-column2 .item:first-child, .service-column2 .item:nth-child(2) {margin-top: 30px !important;} .service-column4 .item:first-child, .service-column4 .item:nth-child(2), .service-column4 .item:nth-child(3), .service-column4 .item:nth-child(4) {margin-top: 30px !important;} .service-column2 .item:first-child {margin-top: 0 !important;} .service-column4 .item:first-child {margin-top: 0 !important;} .our-team-list {margin: 0 35px; position: relative;} .our-team-item {margin: 0; padding: 0;} .our-team-item-img {margin: 0 0 25px;border: none;box-shadow: none;} .our-team-list .slick-arrow {position: absolute; top: 50%; margin-top: -67px; z-index: 1;} .our-team-list .slick-next {right: -21px;} .our-team-list .slick-prev {left: -21px;} .our-team-item h5 {margin: 0 0 4px 0; font-size: 28px;} .testimonial-main {padding: 50px 0;} .testimonial-slider .slick-arrow {top: auto; bottom:0; margin-top: 0;} .testimonial-slider {padding-bottom: 75px;} .testimonial-slider .slick-next {right: calc(50% - 55px);} .testimonial-slider .slick-prev {left: calc(50% - 55px);} .gallery-hedding {margin: 0 0 30px 0; padding: 0 20px; line-height: 42px;} .gallery-slider .item {padding: 0;} .featured-posts-slider {padding: 0 0;} .featured-img {width: calc(100% - 30px);margin-left: 15px; position: relative;} .featured-img:before {content: "";position: absolute;left: -15px;bottom: 0;right: -15px;background: #eaeaec;height: 50%;z-index: -1;} .featured-text {padding: 35px 35px 90px;width: 100%; text-align: center;} .featured-posts-slider .slick-dots {padding: 30px 0 0 0;margin: 0 0 0 0;position: absolute;left: 0;width: 100%;bottom: 40px;} .featured-posts-slider .slick-dots li button {background: var(--blockcolor); opacity: 0.3;} .featured-posts-slider .slick-dots li.slick-active button {background: var(--blockcolor); opacity: 1;} .normal-link {font-size:var(--mobilebuttonsize);} .featured-text h3 {font-size: 28px;margin: 0 0 20px 0; line-height: 38px;} .featured-text-top {letter-spacing: 1px;} .logo-slider .item img {width: 50%;max-height: inherit;} .logo-slider .slick-list {padding: 0 25% !important;} .form-main {padding: 50px 0 30px;} .gform_footer {margin-top: 30px; position: relative;} .gform_footer .gform_button {width: 100%;padding-left: 40px;} .gform_footer:before {left: calc(50% - 67px);top: 19px;} .footer-logo svg {width: 256px;} .site-footer {padding:50px 0 0;} .footer-logo {margin-bottom: 40px;text-align: center;margin-left: auto;margin-right: auto;} .footer-inner .footer-social {align-items: center;} .footer-inner .footer-social li {border: 2px solid var(--blockcolor); margin-right: 7px; margin-left: 7px;} .footer-inner .footer-social li a {width: 47px;height: 47px;} .footer-links {flex-direction: column;} .footer-links .item {width: 100%; text-align: center;} .footer-links li {text-align: center;} .site-info {margin: 40px 0 0 0;} .footer-policy ul li {padding: 0 15px 0 0;} .design-by {margin-top: 6px;} .site-info {padding: 15px 0 20px 0;} .gform_wrapper ul li.gfield_html {margin: 10px 0 0 0;} .footer-links .item h5 {display: none;} .footer-links .item {display: none;} #item1 .footer-links .footer-col1 {display: block;} #item2 .footer-links .footer-col2 {display: block;} #item3 .footer-links .footer-col3 {display: block;} .home-banner-left {padding:40px 25px 40px; transform: translateY(0);top: 0;height: 100%;display: flex; justify-content: center;} .service-item .service-carousel-text {padding: 35px 0 50px;} .service-icons {padding: 50px 0;} .service-column2.service-list .item:first-child, .service-column2.service-list .item:nth-child(2) {margin-top: 60px !important;} .service-column2.service-list .item:first-child {margin-top: 0 !important;} .service-column3.service-list .item:first-child, .service-column3.service-list .item:nth-child(2), .service-column3.service-list .item:nth-child(3) {margin-top: 60px !important;} .service-column3.service-list .item:first-child {margin-top: 0 !important;} .service-column4.service-list .item:first-child, .service-column4.service-list .item:nth-child(2), .service-column4.service-list .item:nth-child(3), .service-column4.service-list .item:nth-child(4) {margin-top: 60px !important;} .service-column4.service-list .item:first-child {margin-top: 0 !important;} .text-center-small {margin: 0 auto; padding:0; max-width: 100%;} .text-small {margin: 0 auto; padding:0; max-width: 100%; } .blog-banner-content {max-width: 100%; padding: 0 0;} .brief-content {max-width: 100%;} .brief-content + .brief-content {padding: 30px 0 0 0;} .image-text-align-img {margin-top: 50px;} .image-text-align.section-gap .image-text-align-img {margin-top: 90px;} .image-text-align-desc {padding: 0;} .text-align-bg {padding: 40px 0 0;} .text-align-bg:before { left: -25px;right: -25px;} .text-align-bg .image-text-align-img:before {margin: 0;padding: 0;content: "";position: absolute;left: -25px;right: -25px;top:50%;bottom: -40px;background: #fff;z-index: -1;} .image-square-text .text-align-bg {flex-direction: column-reverse;} .image-square-text .text-align-bg .image-square-text-img:before {margin: 0;padding: 0;content: "";position: absolute;left: -25px;right: -25px;top:50%;bottom: -40px;background: #fff;z-index: -1;} .image-square-text .text-align-bg .image-square-text-img {margin-top: 50px; padding-bottom: 0;} .flex-direction-row-reverse.text-align-bg:before {left: -25px;right:-25px;} .image-square-text-desc {max-width: 100%;padding: 0 0;text-align: center;} .image-square-text-img {max-width: 100%;padding: 0 0 30px 0;} .image-text-icon-item {max-width: 100%; margin: 0 0 30px 0; text-align: center;} .image-text-icon-right .image-text-icon-item:last-child, .image-text-icon-right .image-text-icon-item:nth-last-child(2) {margin-bottom: 30px;} .image-text-icon-right {padding: 0 0 10px 0;} .bespoke-small-icon {margin: 0 auto 25px auto;width: 75px;height: 75px;} .bespoke-small-icon img {height: 30px;} .logo-grid {margin: 0 -20px;} .logo-grid .item {max-width: 33.33%;margin: 20px 0 20px 0;padding: 0 20px;} .accordion-item > h3 {padding: 22px 0;font-size: 19px;} .accordion-item .container .accordion-arrow {width: 30px;min-width: 30px;height: 30px;} .plus-icon {width: 10px;height: 10px;} .plus-icon:before {height: 10px;} .plus-icon:after {width: 10px;} .accordion-content {margin: 0;padding: 30px 0;} .form-main h2 {margin: 0 0 30px 0;line-height: 42px;} .service-icons .service-carousel {margin: 0 0;} .service-icons .service-carousel .slick-dots li button {background: var(--blockcolor);} .service-icons .service-carousel .slick-dots li.slick-active button {background: var(--blockcolor);opacity: 1;} .service-icons .service-carousel .slick-dots li.slick-active {border-color: var(--blockcolor);} .service-rotate-bg .service-carousel .slick-dots li button {background: var(--blockcolor); } .service-rotate-bg .service-carousel .slick-dots li.slick-active button {background: var(--blockcolor);opacity: 1;} .service-rotate-bg .service-carousel .slick-dots li.slick-active {border-color: var(--blockcolor);} .video-banner {display: none;} .contact-top {padding: 120px 0 60px 0;} .contact-info {text-align: center;} .contact-info .getin-touch .call-section, .contact-info .getin-touch .email-section, .contact-info .getin-touch .address-section {margin: 0 0 30px 0;flex-direction: column;} .contact-info .getin-touch .icon {margin: 0 auto 15px auto;} .contact-info .getin-touch .call-section h5, .contact-info .getin-touch .email-section h5, .contact-info .getin-touch .address-section h5 {font-size: 24px;} .contact-info .getin-touch .address-section h5 {font-size: 18px;padding: 0 40px;line-height: 28px;} .getin-touch .footer-social li a {width: 50px;height: 50px;} .getin-touch .footer-social li {margin-right: 14px;} .getin-touch .footer-social {justify-content: center;} .contact-section {padding: 0 0 0 0;} .footer-inner .footer-social {justify-content: center;} .footer-col.left p {text-align: center;} .contact-map {padding-top: 56.25%;max-height: inherit;height: 0;} .contact-details.left-inside { -webkit-transform: translateY(50px);transform: translateY(50px);} .contact-details.left-inside.is-visible {-webkit-transform: translateY(0);transform: translateY(0);} #cookie-law-info-bar {padding: 16px 23px 16px 23px !important;width: calc(100% - 30px) !important;box-shadow: 0px 0px 40px rgba(49, 50, 67, 0.3);left: 0 !important;right: 0 !important;} .cli-bar-message {padding: 0; text-align: center;} .cli-bar-message .cookie_action_close_header_reject {position: relative;top: 0;right: 0; display: block; width: 106px;margin: 20px auto 0;} .cli-bar-message {font-size: 12px;line-height: 22px;letter-spacing: -0.24px;} .home-banner-left {z-index: 2;} .team-popup {max-width: 100%; top:0; transform: none!important; border-radius:0; margin: 0;} .team-popup .close-icon {display: block;} .popup-inner {flex-direction: column-reverse;} .popup-inner .team-content, .popup-inner .our-team-item-img {max-width: 100%; border-radius: 0;background-position: top center;} .team-popup .modal-content {border-radius: 0;} .popup-inner .team-content {padding:39px 30px; text-align: center;} .popup-inner .team-content h6 {line-height: 15px;} .popup-inner .team-content h2 {margin-bottom: 30px;} .close-popup { right: 20px;top: 20px;position: fixed;} .home-banner.banner-center .mouse-indi {flex-direction: column-reverse;} .service-column3 .service-item .service-carousel-text {padding: 35px 0px 50px;} .service-column4 .service-item .service-carousel-text {padding: 35px 0px 50px;} .service-column4 {margin: 0;} .service-item .service-carousel-text.no-button {padding-bottom: 0px;} /** D2 **/ .featured-posts.blog-posts .container {padding: 0 15px;} .featured-posts.blog-posts .item {flex-direction: column;} .featured-posts.blog-posts .featured-img {width: 100%; margin-left: 0;} .featured-posts.blog-posts .featured-img:before {left: -100%; right: -100%;} .featured-posts.blog-posts .featured-text {background:#eaeaec; position: relative;} .featured-posts.blog-posts .featured-text:before {content:''; background:#eaeaec; position: absolute; top: 0; left: -100%; right: -100%; bottom: 0; z-index: -1;} .featured-posts.blog-posts .featured-text-inner {padding: 26px 15px 0;} .featured-posts.blog-posts .featured-text-top {padding:0 0 25px 0;} .featured-posts.blog-posts .button-inline .button {margin-bottom: 50px;} .featured-posts.blog-posts .item {padding:7.5px 0;} .blog-banner .blog-banner-bg {height: 272px; min-height: 272px;} .blog-banner .blog-banner-content .blog-filter {display: none;} .blog-banner-content {text-align: center; left: 0; bottom: 68%; transform: translateY(50%);} .blog-banner-content h1 {margin-bottom: 0; margin-top: 20px;} .blog-filter-mobile {padding: 0 25px;} .blog-filter-mobile .filter-title {padding: 25px 0; width: 100%; transform: rotate(0deg);bottom: auto;left: 0;right: 0;position: relative; color:var(--blockcolor); letter-spacing: 1.8px; font-weight: 700; text-align: center;} .blog-filter-mobile .button.border-button {width: 100%; border: 2px solid var(--blockcolor)!important; color: var(--blockcolor); text-align: left; padding: 18px 25px;box-shadow: none;} .blog-filter-mobile .button.border-button:hover {transform: translateY(0);} .blog-filter-mobile .filter-drop {display: none; margin: 0; padding: 20px 0 0 0;} .blog-filter-mobile ul li {margin: 0 0 10px 0; padding: 0;} .blog-filter-mobile ul li .button {border: none !important;background: var(--gerybgcolor);padding: 20px 25px;} .blog-filter-mobile ul li:before {display: none;} .blog-filter-mobile .button .arrow { float: right; margin-top: 5px;} .blog-filter-mobile .blog-filter-btn.active {background: var(--gerybgcolor);} .blog-filter-mobile ul li .button.border-button {border: 2px solid transparent!important;} .blog-filter-mobile ul li:hover .button.border-button {background: var(--blockcolor); color: #fff;} .blog-filter-mobile ul li:hover .button.border-button:after {border-left: 2px solid var(--blockcolor); border-bottom: 2px solid var(--blockcolor);} .blog-filter-mobile ul li .button.border-button:before {display: block;content: "";position: absolute;width: 31px;height: 31px;background: #fff;border-radius: 50%;top: 14px;right: 15px;} .blog-filter-mobile ul li .button.border-button:after {content: "";width: 9px;height: 5px;border-left: 2px solid #D9D9E0;border-bottom: 2px solid #D9D9E0;display: block;position: absolute;top: 27px;right: 26px;transform: rotate(-45deg);} .blog-filter-mobile ul li .button.active {background: var(--blockcolor); color: #fff;} .blog-filter-mobile ul li .button.active:after { border-left: 2px solid var(--blockcolor); border-bottom: 2px solid var(--blockcolor);} .blog-filter-mobile .apply-filter {width: 100%;} .blog-filter-btn.active .arrow {transform: rotate(-135deg); -webkit-transform: rotate(-135deg); margin-top: 7px!important;} .editor-content h1 {font-size: 32px; line-height: 42px; letter-spacing: -0.96px; margin-bottom: 30px;} .editor-content p {font-size: 17px; line-height: 32px; letter-spacing: -0.34px; margin-bottom: 30px;} .editor-content h3 {font-size: 28px; letter-spacing: -0.84px; margin-bottom: 30px;} .editor-content figure {margin: 0 -10px 60px;} .editor-content ul li, .editor-content ol li {font-size: 17px; line-height: 32px;} .editor-content ul li:before {top: 12px;} .related-news-section .featured-text {padding: 35px 35px 90px;} .editor-content p {font-size: 17px;line-height: 32px;} .image-text-align {/*overflow: hidden;*/ padding: 50px 0;} .image-text-align.section-gap {/*overflow: hidden;*/ padding: 50px 0;} .team-section {padding:50px 0;} .heading-section {padding: 35px 0;} .content-outer {padding: 40px 0;} .image-square-text {padding: 50px 0;} .image-square-text.section-gap {padding: 50px 0;} .image-text-icon {padding: 50px 0;} .accordion {padding: 40px 0;} .blog .section-padding { padding: 25px 0;} .single-post .section-padding { padding: 25px 0;} .image-text-align-desc .button-inline .button, .image-square-text-desc .button-inline .button {margin-bottom: 0;} .image-text-align-desc .button-inline .normal-link, .image-square-text-desc .button-inline .normal-link {margin-top: 30px;} .map-marker {max-width: 75px;} .our-team-slider {padding: 0;} .our-team-slider .slick-list {padding-top: 0 !important;padding-left: 0;padding-right: 0;} .our-team-slider .our-team-item {padding: 0;} .our-team-slider .our-team-item-img {box-shadow: none;} .is-open .logo {display: none;} .main-navigation .button.border-button.button-small.payonline {margin: 0 !important;position: absolute;padding: 14px 22px 14px;letter-spacing: -0.19px;font-size: 19px;min-height: auto; top: 22px;left: 150px;transition: all 0s;opacity: 0; visibility: hidden;} .header-call-icon {width: 53px;height: 53px;} .header-call {margin: 0 0 0 10px;position: absolute;top: 20px;left: 14px; transition: all 0s; opacity: 0; visibility: hidden;} .header-call-icon svg {transform: scale(1.2);} .header-search-icon {margin: 0; width: 53px;height: 53px;} .header-search {margin: 0 0 0 10px;position: absolute;top: 20px;left: 77px; transition: all 0s; opacity: 0; visibility: hidden;} .header-search-icon svg {transform: scale(1.2);} .is-open .header-search, .is-open .header-call {opacity: 1; visibility: visible;transition: all 1.3s;} .is-open .main-navigation .button.border-button.button-small.payonline {opacity: 1; visibility: visible;transition: all 1.3s;} .header-call-inner {left: 0; right: auto;z-index: 1;} .header-call-inner ul li {padding: 8px 0;} .header-call-inner ul li a {font-size: 15px !important;text-align: center;padding: 0 !important;text-decoration: none; border-bottom: none !important;} .header-search-inner {width: 325px;left: -62px; right: auto;z-index: 1;} .flex-direction-row-reverse .main-navigation .button.border-button.button-small.payonline { right: 150px;left: auto;} .flex-direction-row-reverse .header-call {right: 87px;left: auto;} .flex-direction-row-reverse .header-search {right: 25px;left: auto;} .flex-direction-row-reverse .header-call-inner { left: auto;right: -60px;} .flex-direction-row-reverse .header-search-inner {left: auto;right: 0;} .global-popup {padding: 15px 0 30px;} .global-popup .container {padding: 0 25px;padding-right: 25px;} .global-popup h6 { margin: 0 0 7px 0;padding: 24px 0 0 0;text-align: center;} .global-popup h6 svg {right: 0;margin: 0 auto;} .global-popup .container {font-size: 10px; line-height: 16px; letter-spacing: -0.1px;text-align: center;} .global-popup-btn {margin-top: 17px; justify-content: center;} .is-open .menu-icon {transform: translateY(0) !important;} .sticky .menu-icon {transform: translateY(0) !important;} .footer-social.mobile-hide {display: none;} .location {flex-direction: column;} .location .svg {margin: 0 auto 10px auto;} .footer-address {text-align: center;} .footer-address h6 {font-size: 16px;} .footer-bottom-logo { margin: 0 0 0 0;padding: 0;max-width:100%; width: 100%;} .footer-bottom-logo img {display: block; margin: 0 auto; max-height: 102px;} .footer-twocol-right .gform_body ul li .gfield_checkbox li label {font-size: 11px;} .banner-center .home-banner-content .button {margin-bottom: 10px;} .banner-center {min-height: 100vh;height: auto;} .banner-center .home-banner-slider-bg {height: 100%;} .banner-center .home-banner-slider, .banner-center .home-banner-slider .slick-list, .banner-center .home-banner-slider .slick-track, .banner-center .home-banner-slider .slick-track .item {height: 100%;} .home-banner.banner-center .container {align-items: center;padding-bottom: 100px;} .menu-layout .nav-inner {margin: 0 -25px;border-top: 1px solid rgb(217 217 224 / 0.30);} .menu-layout .main-navigation ul li {padding:0 0; position: static;} .menu-layout .main-navigation ul li a {padding: 20px 25px; font-size:var(--mobilemenusize);text-align: left;border-bottom: 1px solid rgb(217 217 224 / 0.30);} .menu-layout .main-navigation div > ul > li.menu-item-has-children > a:after {margin: 0; position: absolute;right: 27px;transform: rotate(-45deg);top: 27px;} .menu-layout .main-navigation .menu-main-menu-container {margin-top: 0; position: relative;} .menu-layout .main-navigation ul li ul.sub-menu {padding:0;} .menu-layout .multi-column ul.sub-menu:after {display: none;} .menu-layout .main-navigation ul li ul.sub-menu {border-bottom: 1px solid rgb(217 217 224 / 0.30); position: static; } .menu-layout .main-navigation ul li li a {padding: 15px 25px;font-size: 19px;} .menu-layout .main-navigation ul li li li a {padding: 15px 25px;font-size: 17px;} .menu-layout .main-navigation ul li li.menu-item-has-children > a:before { content: "";border-left: 2px solid #fff;border-bottom: 2px solid #fff;display: block;width: 9px;height: 9px; margin:0;position: absolute;right: 27px;transform: rotate(-45deg);top: 19px; background: transparent;opacity: 1;right: 27px;left: auto;} .menu-layout .main-navigation ul li ul.sub-menu li ul.sub-menu {position: absolute; top: 0;background: var(--blockcolor); border-bottom: none; display: block !important; opacity: 1; visibility: visible;} .menu-layout .main-navigation ul li ul.sub-menu li.open > ul.sub-menu {left: 0;} .menu-layout .submenu-head {background: #fff;margin: 0;padding: 19px 25px 19px 52px;text-align: left;font-size: 19px;font-family: var(--headingfont);} .menu-layout .submenu-head:before {content: "";border-left: 2px solid var(--blockcolor);border-bottom: 2px solid var(--blockcolor);display: block;width: 9px;height: 9px;margin: 0;position: absolute;transform: rotate(45deg);top: 28px;background: transparent;opacity: 1;left: 27px;} .menu-layout .main-navigation ul li.open > a {color: var(--blockcolor); background: #fff; text-shadow: none;} .menu-layout .main-navigation div > ul li.open > a {opacity: 1;} .menu-layout .main-navigation div > ul > li.menu-item-has-children.open > a:after {transform: rotate(135deg);top: 30px;border-color: var(--blockcolor);} .menu-layout .main-navigation ul li li li:last-child {border-bottom: 1px solid rgb(217 217 224 / 0.30);} .search-data {margin: 0;padding: 40px 0 20px 0;} .multi-column > .sub-menu > li, .multi-column > .sub-menu > li > .sub-menu > li {background: rgba(255,255,255,0.15);} .multi-column > .sub-menu > li, .multi-column > .sub-menu > li > .sub-menu > li > .sub-menu > li {background: rgba(255,255,255,0.15);} .home-banner-left {font-size: 17px; line-height: 32px;} .menu-layout .main-navigation ul li.open > ul > li {background: rgba(255,255,255,0.15);} /* Footer */ .footer-buttons {padding: 0 0 40px 0;text-align: center; display: flex; flex-direction: column; align-items: center;} .footer-buttons .button {margin: 0 0 20px 0;color: #fff;} .footer-buttons .button:last-child {margin-right: 0;margin-bottom: 0;} .footer-bottom-logo {text-align: center;} /* Team heade */ .team-details-img {height: auto;} .team-details-info {padding: 35px 0; position: relative; bottom: 0; background: #194C3B;} .team-details-info .contact-info {text-align: left;} .team-details-mobile {margin: 0; padding: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0;} .team-details-info .contact-info .getin-touch .call-section, .team-details-info .contact-info .getin-touch .email-section {margin: 0 0 25px 0;flex-direction: row;} .team-details-info .contact-info .getin-touch .icon {display: none;} .team-details-info .getin-touch {padding:10px 0 0 0;} .team-details-info .contact-info .getin-touch .call-section h5 span, .team-details-info .contact-info .getin-touch .email-section h5 span {color: #8BAF48;} .team-details-info .getin-touch .footer-social li a {width: 56px;height: 56px;} .team-details-info .getin-touch .footer-social {padding: 10px 0 0 0; margin-bottom: 0;} .team-details-info .mouse-indi {display: none;} .contact-info-multiadd {text-align: left;} .contact-info .location {flex-direction:row;} .contact-info .location .svg {margin: 0 13px 0 0;} .contact-info .footer-address {text-align: left;} .footer-single-item {margin-bottom: 15px;} .tab-outer {padding:25px 0;} .tab-right .tab-content ul, .tab-right .tab-content ol {columns: 1;-webkit-columns: 1;-moz-columns: 1;} .tab-left {padding: 24px 25px;margin: 0px -25px;} .site-content .acquisition-sources.section-padding {padding-left: 0px;padding-right: 0px;padding-top: 35px;padding-bottom: 35px;} .acquisition-sources-list-main {margin: 0 -25px;border-radius: 0;} .acquisition-sources-list {padding: 0;} .acquisition-sources-list .slick-list {padding: 0px 30px !important;} .acquisition-sources-list .slick-list .slick-track {display: flex;} .acquisition-sources-item {padding:25px 8px;height: auto;} .acquisition-sources-item-inner {box-shadow: 0px 0px 24px rgb(49 50 67 / 30%)} .acquisition-message {padding: 0 25px 25px 25px;} .acquisition-sources-inner {padding: 55px 0 50px;} .acquisition-images {margin: 0 auto 30px;padding: 0 12px 0 0;justify-content: center;} .acquisition-message-text {margin: 0 0 0 0;max-width: 100%;} .acquisition-message-text p {text-align: center;} .acquisition-message-text:before { left: 0; right: 0; margin: 0 auto;top:-10px; width: 16px; border-left: 8px solid transparent;content: "";border-top: none; border-right: 8px solid transparent;border-bottom: 10px solid #8BC740;transform: none;} .acquisition-sources-inner h2 {margin: 0 0 20px 0;} .acquisition-last .acquisition-sources-item-inner h5 {font-size: 26px;} .acquisition-last .acquisition-sources-item-inner p {font-size: 15px;} .acquisition-last .acquisition-sources-list .slick-list {padding: 0px 17px !important;} .acquisition-sources-inner p {margin: 0 0 25px 0;} .acquisition-last.acquisition-sources-inner p {margin: 0 0 0 0;} .section-down-arrow.scroll-bottom { width: 60px;height: 60px;bottom: -30px;} .section-down-arrow.scroll-bottom svg {width: 26px;height: 16px;} .section-down-space {height: 35px;} } /* ============================================================ Future Marketing — v2 additions Homepage layout + contact overlay. Deliberately short: the theme's built-in typography (h1=72px, h2=54px, body=17px, Barlow Condensed headings) carries the look. We only override layout/spacing/colour where needed. ============================================================ */ /* --- Lozenge CTA buttons (match nav Contact style) --- */ .button, a.button, .wp-block-button__link { border-radius: 40px !important; /* full pill */ letter-spacing: 0.02em; } .button.border-button, a.button.border-button { background: transparent; color: #fff; border: 2px solid #fff; transition: background 0.2s, color 0.2s, transform 0.2s; } .button.border-button:hover, a.button.border-button:hover { background: #fff; color: #233441; } /* On light backgrounds, border-button goes dark */ .bg-white .button.border-button, .fm-what .button.border-button, .fm-why .button.border-button, .fm-stakes .button.border-button, .fm-final-cta .button.border-button { color: #233441; border-color: #233441; } .bg-white .button.border-button:hover, .fm-what .button.border-button:hover, .fm-why .button.border-button:hover, .fm-stakes .button.border-button:hover, .fm-final-cta .button.border-button:hover { background: #233441; color: #fff; } /* --- Hero: widen content area; clean testimonial --- */ .fm-hero .home-banner-content { max-width: 1080px; } .fm-hero .home-banner-content h1 { color: #fff; } .fm-hero .home-banner-content p { color: rgba(255,255,255,0.94); font-size: 21px; line-height: 1.55; margin-bottom: 32px; max-width: 780px; } .fm-hero .button-inline { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 40px; } .fm-hero .fm-testimonial { max-width: 720px; margin-top: 8px; } /* --- Testimonial blockquote: override theme 5px border, use ours only --- */ .fm-testimonial blockquote { border: 0; border-left: 3px solid rgba(255,255,255,0.55); padding: 8px 0 8px 18px; margin: 0; font-size: 18px; line-height: 1.55; } .fm-testimonial blockquote p { margin: 0 0 10px; font-size: 18px; line-height: 1.55; color: inherit; } .fm-testimonial cite { font-style: normal; font-size: 14px; color: rgba(255,255,255,0.75); } .fm-testimonial-note { color: #ffb3b3; font-size: 12px; font-style: italic; margin-left: 4px; } /* Non-hero testimonials: dark text on white */ section.fm-what .fm-testimonial, section.fm-why .fm-testimonial { color: #1a2332; max-width: 820px; margin-top: 48px; } section.fm-what .fm-testimonial blockquote, section.fm-why .fm-testimonial blockquote { border-left-color: #233441; } section.fm-what .fm-testimonial blockquote p, section.fm-why .fm-testimonial blockquote p { color: #1a2332; } section.fm-what .fm-testimonial cite, section.fm-why .fm-testimonial cite { color: #6b7480; } /* --- Sections: spacing + headline sizing stays from theme --- */ section.section-padding.fm-problem, section.section-padding.fm-what, section.section-padding.fm-how, section.section-padding.fm-why, section.section-padding.fm-who, section.section-padding.fm-stakes, section.section-padding.fm-success, section.section-padding.fm-faq, section.section-padding.fm-final-cta { padding: 64px 0; } @media (max-width: 768px) { section.section-padding.fm-problem, section.section-padding.fm-what, section.section-padding.fm-how, section.section-padding.fm-why, section.section-padding.fm-who, section.section-padding.fm-stakes, section.section-padding.fm-success, section.section-padding.fm-faq, section.section-padding.fm-final-cta { padding: 44px 0; } } /* Lead paragraph */ .fm-lead { font-size: 21px; line-height: 1.6; max-width: 860px; margin-top: 32px; color: #3d4258; } .fm-emphasis { font-size: 24px; line-height: 1.45; max-width: 860px; margin-top: 32px; color: #1a2332; } /* Three + two column layouts */ .fm-three-col, .fm-two-col { display: flex; gap: 40px; margin-top: 48px; flex-wrap: wrap; } .fm-three-col .fm-col { flex: 1 1 280px; } .fm-two-col .fm-col { flex: 1 1 420px; } .fm-col p, .fm-col li { font-size: 18px; line-height: 1.6; color: #3d4258; } .fm-col h3 { margin: 0 0 16px; } /* Bullet lists */ .fm-bullets { list-style: none; padding: 0; margin: 28px 0 0; } .fm-bullets li { padding: 12px 0 12px 32px; position: relative; font-size: 18px; line-height: 1.6; color: #3d4258; } .fm-bullets li::before { content: ""; position: absolute; left: 0; top: 22px; width: 16px; height: 2px; background: #8BC740; } .fm-bullets li strong { color: #1a2332; } /* How-it-works steps */ .fm-how-steps .fm-step { flex: 1 1 280px; padding: 40px 32px; background: #f6f7f9; border-radius: 6px; } .fm-step-num { font-size: 14px; font-weight: 700; letter-spacing: 3px; color: #8BC740; margin-bottom: 12px; } .fm-step h3 { margin-bottom: 14px; } /* CTA rows */ .fm-cta-row { margin-top: 48px; display: flex; gap: 16px; flex-wrap: wrap; } .fm-final-cta { text-align: center; background: #f6f7f9; } .fm-final-cta-inner { max-width: 860px; margin: 0 auto; } .fm-final-cta .fm-cta-row { justify-content: center; } .fm-final-cta-meta { margin-top: 28px; color: #6b7480; font-size: 16px; } .fm-final-cta-meta a { color: #233441; } /* FAQ */ .fm-faq-item { border-bottom: 1px solid #e6e7eb; padding: 24px 0; } .fm-faq-item summary { cursor: pointer; font-weight: 600; font-size: 21px; list-style: none; position: relative; padding-right: 40px; color: #1a2332; } .fm-faq-item summary::-webkit-details-marker { display: none; } .fm-faq-item summary::after { content: "+"; position: absolute; right: 0; top: -4px; font-size: 32px; color: #233441; transition: transform 0.2s; font-weight: 300; } .fm-faq-item[open] summary::after { content: "−"; } .fm-faq-item p { margin: 16px 0 0; font-size: 18px; line-height: 1.6; color: #3d4258; } /* --- Contact overlay --- */ .fm-contact-overlay { position: fixed; inset: 0; z-index: 10000; display: none; } .fm-contact-overlay.is-open { display: block; } .fm-contact-overlay__backdrop { position: absolute; inset: 0; background: rgba(10,10,10,0.75); backdrop-filter: blur(4px); } .fm-contact-overlay__panel { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; color: #1a1a1a; width: min(1080px, 94vw); max-height: 92vh; overflow: auto; border-radius: 8px; padding: 56px 48px; box-shadow: 0 30px 80px rgba(0,0,0,0.4); } .fm-contact-overlay__close { position: absolute; top: 16px; right: 20px; background: none !important; border: none !important; font-size: 40px; line-height: 1; cursor: pointer; color: #888; font-weight: 300; box-shadow: none !important; padding: 0 !important; border-radius: 0 !important; outline: none !important; transform: none !important; } .fm-contact-overlay__close:hover { color: #000; background: none !important; box-shadow: none !important; } .fm-contact-overlay__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; } @media (max-width: 820px) { .fm-contact-overlay__panel { padding: 36px 24px; } .fm-contact-overlay__grid { grid-template-columns: 1fr; gap: 36px; } } .fm-contact-overlay__left h2 { font-size: 40px; margin: 0 0 12px; color: #1a2332; } .fm-contact-overlay__lead { color: #6b7480; margin: 0 0 28px; font-size: 17px; } .fm-contact-overlay__calendly { display: inline-block !important; margin: 0 0 28px; } .fm-contact-overlay__list { list-style: none; padding: 0; margin: 0 0 32px; border-top: 1px solid #e6e7eb; } .fm-contact-overlay__list li { display: flex; justify-content: space-between; align-items: center; padding: 14px 0; border-bottom: 1px solid #e6e7eb; font-size: 16px; } .fm-contact-overlay__list li span { color: #8a8f9a; font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase; } .fm-contact-overlay__list li a { color: #1a2332; text-decoration: none; } .fm-contact-overlay__list li a:hover { text-decoration: underline; } .fm-contact-overlay__testimonial { border: 0; border-left: 3px solid #233441; padding: 10px 0 10px 18px; margin: 0; color: #3d4258; font-size: 15px; line-height: 1.55; } .fm-contact-overlay__testimonial cite { display: block; margin-top: 10px; font-style: normal; color: #8a8f9a; font-size: 13px; } .fm-contact-overlay__testimonial em { font-style: normal; color: #c66; } .fm-contact-overlay__right h3 { font-size: 22px; margin: 0 0 20px; color: #1a2332; } body.fm-overlay-open { overflow: hidden; } /* ============================================================ v2.1 — Hero centering, nav CTA, problem cards, logo bar ============================================================ */ /* --- Hero: fully centered content --- */ .fm-hero--center .home-banner-content { max-width: 880px; margin: 0 auto !important; text-align: center; display: flex; flex-direction: column; align-items: center; } .fm-hero--center .home-banner { display: flex; align-items: center; justify-content: center; } .fm-hero--center .container { display: flex; align-items: center; justify-content: center; width: 100%; } .fm-hero--center .home-banner-content h1 { margin-left: auto; margin-right: auto; } .fm-hero--center .home-banner-content p { margin-left: auto; margin-right: auto; } .fm-hero--center .button-inline { justify-content: center; } /* --- Hero testimonial: no border, centered --- */ .fm-testimonial--hero { max-width: 720px; margin: 0 auto !important; text-align: center; } .fm-testimonial--hero blockquote { border: 0 !important; padding: 16px 0 0; margin: 0 auto; } .fm-testimonial--hero blockquote p { font-size: 18px; line-height: 1.55; color: rgba(255,255,255,0.94); margin: 0 0 10px; } .fm-testimonial--hero blockquote cite { display: block; } /* --- Nav Contact button: GREEN solid, matches Book a call --- */ .fm-nav-cta, a.button.fm-nav-cta { background-color: #8BC740 !important; /* theme's --buttonbgcolor */ color: #1B1B1D !important; border: none !important; border-radius: 40px !important; padding: 10px 26px !important; font-size: 16px !important; letter-spacing: 0.02em; transition: background 0.2s; } .fm-nav-cta:hover, a.button.fm-nav-cta:hover { background-color: #78a935 !important; color: #1B1B1D !important; } /* --- Logo bar: tighten vertical spacing --- */ section.section-padding.logo-bar, section.section-padding-6 { padding: 28px 0 !important; } /* Also explicitly target the class list on the scraped logo section */ section.section-padding.\36.bg-white, /* "6" is escaped because it starts with a digit */ section.section-padding[class*=" 6"], section.section-padding[class^="section-padding 6"] { padding: 24px 0 !important; } .logo-slider.bottom-inside { padding: 0 !important; margin: 0 !important; } .content-outer.bg-white { padding: 24px 0 !important; } /* --- Problem cards ("Sound familiar?") --- */ .fm-centered { text-align: center; max-width: 860px; margin-left: auto; margin-right: auto; } section.fm-problem { background: #fafbfc; } section.fm-problem h2 { text-align: center; margin-bottom: 16px; } .fm-problem-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin: 56px 0 56px; } @media (max-width: 880px) { .fm-problem-grid { grid-template-columns: 1fr; } } .fm-problem-card { background: #fff; border: 1px solid #e6e7eb; border-radius: 10px; padding: 40px 32px 36px; position: relative; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s; overflow: hidden; } .fm-problem-card::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: #8BC740; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; } .fm-problem-card:hover { border-color: #8BC740; transform: translateY(-4px); box-shadow: 0 10px 30px rgba(35,52,65,0.08); } .fm-problem-card:hover::before { transform: scaleX(1); } .fm-problem-card__num { font-family: 'Barlow Condensed', sans-serif; font-size: 40px; font-weight: 700; color: #8BC740; line-height: 1; margin-bottom: 18px; letter-spacing: -0.02em; } .fm-problem-card__title { font-size: 22px; margin: 0 0 14px; color: #1a2332; line-height: 1.25; } .fm-problem-card p { font-size: 17px; line-height: 1.6; color: #3d4258; margin: 0; } /* Explicit logo bar spacing (now that markup uses .fm-logo-bar) */ section.fm-logo-bar { padding: 20px 0 !important; margin: 0 !important; background: #fff; } section.fm-logo-bar .content-outer { padding: 0 !important; margin: 0 !important; } section.fm-logo-bar .logo-slider { padding: 0 !important; margin: 0 !important; } /* ============================================================ v2.2 — Green bullets, split layouts, colourful testimonials, blog cards preserved from live site. ============================================================ */ /* --- Green circular bullets (replaces em-dash) --- */ .fm-bullets { list-style: none !important; padding: 0 !important; margin: 28px 0 0 !important; } .fm-bullets li { position: relative; padding: 0 0 0 26px !important; margin: 0 0 12px 0 !important; /* tighter: 12px instead of 20px */ font-size: 18px; line-height: 1.55; color: #3d4258; list-style: none !important; text-align: left; } .fm-bullets li::before { content: "" !important; display: block !important; position: absolute !important; left: 0 !important; top: 10px !important; width: 10px !important; height: 10px !important; border-radius: 50% !important; background-color: #8BC740 !important; } .fm-bullets li strong { color: #1a2332; } /* Same treatment for any ul inside .fm-col (Who this is for) */ .fm-col ul, section.fm-who ul, section.fm-why ul { list-style: none !important; padding: 0 !important; margin: 20px 0 0 !important; } .fm-col ul li, section.fm-who ul li, section.fm-why ul li { list-style: none !important; position: relative; padding: 0 0 0 26px !important; margin: 0 0 12px 0 !important; font-size: 18px; line-height: 1.55; color: #3d4258; } .fm-col ul li::before, section.fm-who ul li::before, section.fm-why ul li::before { content: "" !important; position: absolute !important; left: 0 !important; top: 10px !important; width: 10px !important; height: 10px !important; border-radius: 50% !important; background-color: #8BC740 !important; display: block !important; } /* --- Image + content split sections --- */ .fm-split { display: flex; flex-wrap: wrap; gap: 64px; align-items: center; margin: 48px 0; } .fm-split__img { flex: 0 0 auto; width: 45%; max-width: 520px; position: relative; } .fm-split__desc { flex: 1 1 400px; min-width: 0; } @media (max-width: 980px) { .fm-split { flex-direction: column; gap: 40px; } .fm-split__img { width: 100%; max-width: 100%; } .flex-direction-row-reverse.fm-split { flex-direction: column; } } /* Image frame — rounded corners, aspect preserved */ .fm-split__img .image_inner { width: 100%; padding-bottom: 130%; /* portrait aspect for section 2 */ background-size: cover !important; background-position: center; border-radius: 12px; overflow: hidden; position: relative; } .fm-split__img .image_inner img { display: none; } /* hide placeholder jpg */ /* Square variant for "What I actually do" */ section.fm-what .fm-split__img .image_inner { padding-bottom: 100%; } /* --- Circletype animation: visible + positioned over image --- */ .fm-problem .text-circle { position: absolute; top: -40px; right: -40px; width: 150px; height: 150px; z-index: 2; background: #8BC740; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .fm-problem .text-spin { width: 100%; height: 100%; animation: fmSpin 14s linear infinite; position: relative; } @keyframes fmSpin { to { transform: rotate(360deg); } } .fm-problem .round-text { color: #1B1B1D; font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 12px; letter-spacing: 0.15em; text-transform: uppercase; /* Use circletype when js inits; otherwise curve manually-ish */ } @media (max-width: 700px) { .fm-problem .text-circle { width: 110px; height: 110px; top: -20px; right: -20px; } .fm-problem .round-text { font-size: 10px; } } /* --- Sound familiar: problem cards stacked vertically in split --- */ .fm-problem-stack { display: flex; flex-direction: column; gap: 16px; margin-top: 32px; } .fm-problem-stack .fm-problem-card { padding: 28px 32px; display: flex; gap: 20px; align-items: flex-start; } .fm-problem-stack .fm-problem-card__num { flex: 0 0 auto; margin-bottom: 0; min-width: 44px; } .fm-problem-stack .fm-problem-card > div + h3, .fm-problem-stack .fm-problem-card__title { margin-top: -4px; } .fm-problem-stack .fm-problem-card__title + p { margin-top: 6px; } /* Regroup title + p into a content column */ .fm-problem-stack .fm-problem-card h3, .fm-problem-stack .fm-problem-card p { flex: 1; } .fm-problem-stack .fm-problem-card { display: grid; grid-template-columns: 56px 1fr; grid-template-rows: auto auto; column-gap: 20px; row-gap: 4px; align-items: start; } .fm-problem-stack .fm-problem-card__num { grid-row: 1 / 3; grid-column: 1; font-size: 36px; } .fm-problem-stack .fm-problem-card__title { grid-row: 1; grid-column: 2; margin: 0; font-size: 20px; } .fm-problem-stack .fm-problem-card p { grid-row: 2; grid-column: 2; margin: 0; font-size: 16px; } /* --- Testimonials: colourful card style (replaces left-border-only) --- */ .fm-testimonial { background: linear-gradient(135deg, #f6faf0 0%, #eef7e1 100%); border: 0 !important; border-radius: 16px; padding: 40px 40px 40px 80px; margin: 48px 0 0 !important; position: relative; box-shadow: 0 4px 20px rgba(139,199,64,0.08); max-width: 820px !important; } .fm-testimonial::before { content: "\201C"; /* opening curly quote */ position: absolute; top: 20px; left: 24px; font-family: Georgia, serif; font-size: 80px; line-height: 1; color: #8BC740; font-weight: 700; } .fm-testimonial::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 5px; background: linear-gradient(90deg, #8BC740 0%, #78a935 100%); border-radius: 0 0 16px 16px; } .fm-testimonial blockquote { border: 0 !important; padding: 0 !important; margin: 0; } .fm-testimonial blockquote p { font-size: 18px !important; line-height: 1.6 !important; color: #1a2332 !important; margin: 0 0 16px !important; font-style: italic; } .fm-testimonial cite { font-style: normal; font-size: 18px !important; /* same size as quote */ color: #233441; font-weight: 600; display: block; line-height: 1.5; } .fm-testimonial-note { display: inline-block; font-size: 18px !important; /* same size as quote */ font-style: italic; color: #c44; font-weight: 400; margin-left: 6px; } /* Hero testimonial: override to dark-on-light + white-on-dark hybrid */ .fm-testimonial--hero { background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.2); backdrop-filter: blur(8px); box-shadow: 0 4px 30px rgba(0,0,0,0.2); margin: 32px auto 0 !important; max-width: 720px !important; } .fm-testimonial--hero::before { color: rgba(255,255,255,0.85); } .fm-testimonial--hero::after { background: linear-gradient(90deg, #8BC740 0%, #78a935 100%); } .fm-testimonial--hero blockquote p { color: #fff !important; } .fm-testimonial--hero cite { color: rgba(255,255,255,0.95); font-size: 18px !important; } .fm-testimonial--hero .fm-testimonial-note { color: #ffb3b3; font-size: 18px !important; } @media (max-width: 700px) { .fm-testimonial { padding: 36px 24px 36px 64px; } .fm-testimonial::before { font-size: 60px; left: 16px; top: 16px; } } /* --- Featured posts (blog cards at bottom) — keep original styling from main.css --- */ section.fm-featured-posts { padding: 100px 0 !important; background: #f8f9fa; } section.fm-featured-posts .fm-blog-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; max-width: 1200px; margin: 0 auto; padding: 0 20px; } @media (max-width: 900px) { section.fm-featured-posts .fm-blog-grid { grid-template-columns: 1fr; } } section.fm-featured-posts .item { background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 12px rgba(35,52,65,0.06); transition: transform 0.3s, box-shadow 0.3s; } section.fm-featured-posts .item:hover { transform: translateY(-6px); box-shadow: 0 12px 28px rgba(35,52,65,0.12); } section.fm-featured-posts .featured-img { width: 100%; height: 240px; background-size: cover; background-position: center; position: relative; } section.fm-featured-posts .featured-img img { display: none; } section.fm-featured-posts .featured-text-inner { padding: 32px; } section.fm-featured-posts .featured-text-top { font-size: 13px; letter-spacing: 0.1em; text-transform: uppercase; color: #8BC740; margin-bottom: 16px; font-weight: 600; } section.fm-featured-posts .featured-text-top span { padding: 0 6px; } section.fm-featured-posts .slide-count { color: #233441; } section.fm-featured-posts .slide-date { color: #6b7480; } section.fm-featured-posts .slide-category { color: #8BC740; } section.fm-featured-posts h3 { margin: 0 0 14px; font-size: 24px; line-height: 1.3; } section.fm-featured-posts h3 a { color: #1a2332; text-decoration: none; } section.fm-featured-posts h3 a:hover { color: #8BC740; } section.fm-featured-posts p { font-size: 16px; line-height: 1.55; color: #3d4258; margin: 0 0 20px; } section.fm-featured-posts .button-inline { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; } section.fm-featured-posts .normal-link { font-size: 14px; color: #6b7480; text-decoration: underline; } section.fm-featured-posts .normal-link:hover { color: #8BC740; } /* ============================================================ v2.3 — Circle text (transparent), avatars, islands, blog grid, tighter section spacing, overlay form guaranteed visible. ============================================================ */ /* --- Circle text: transparent background, black text (matches live site) --- */ .fm-problem .text-circle { background: transparent !important; border-radius: 0 !important; width: 170px !important; height: 170px !important; top: -30px !important; right: -30px !important; display: block !important; pointer-events: none; } .fm-problem .text-spin { width: 100%; height: 100%; animation: fmSpin 18s linear infinite; position: relative; } .fm-problem .round-text { color: #1B1B1D !important; font-family: 'Barlow Condensed', sans-serif; font-weight: 700 !important; font-size: 13px !important; letter-spacing: 0.12em !important; text-transform: uppercase; display: block; width: 100%; height: 100%; } @media (max-width: 700px) { .fm-problem .text-circle { width: 120px !important; height: 120px !important; top: -15px !important; right: -15px !important; } .fm-problem .round-text { font-size: 10px !important; } } /* --- Fix gap above How it works: tighten section padding stacking --- */ section.section-padding.fm-what, section.section-padding.fm-how, section.section-padding.fm-why, section.section-padding.fm-who, section.section-padding.fm-islands, section.section-padding.fm-faq, section.section-padding.fm-final-cta, section.section-padding.fm-featured-posts, section.section-padding.fm-testimonial-band { padding: 48px 0 !important; } @media (max-width: 768px) { section.section-padding.fm-what, section.section-padding.fm-how, section.section-padding.fm-why, section.section-padding.fm-who, section.section-padding.fm-islands, section.section-padding.fm-faq, section.section-padding.fm-final-cta, section.section-padding.fm-featured-posts, section.section-padding.fm-testimonial-band { padding: 48px 0 !important; } } /* Kill the image-text-align / image-square-text built-in padding that was ADDING to section padding */ .fm-problem .image-text-align, .fm-what .image-square-text { padding: 0 !important; margin: 0 !important; } section.fm-problem > .image-text-align > style, section.fm-what > .image-square-text > style { display: none !important; } .fm-split { margin: 24px 0 !important; } /* --- Middle testimonial band --- */ section.fm-testimonial-band { background: #fafbfc; padding: 44px 0 !important; } section.fm-testimonial-band .fm-testimonial { margin: 0 auto !important; } /* --- Testimonial avatar (circular mugshot placeholder) --- */ .fm-testimonial { display: grid !important; grid-template-columns: 72px 1fr; gap: 24px; align-items: start; padding: 40px 40px 40px 40px !important; } .fm-testimonial::before { display: none !important; /* drop the big quote; avatar takes its place */ } .fm-testimonial__avatar { grid-column: 1; grid-row: 1; width: 72px; height: 72px; flex-shrink: 0; } .fm-testimonial__avatar svg { width: 100%; height: 100%; display: block; border-radius: 50%; box-shadow: 0 2px 8px rgba(0,0,0,0.08); } .fm-testimonial blockquote { grid-column: 2; grid-row: 1; } .fm-testimonial--hero { grid-template-columns: 64px 1fr; } .fm-testimonial--hero .fm-testimonial__avatar { width: 64px; height: 64px; } /* --- BAD ISLAND / GOOD ISLAND 2-column --- */ section.fm-islands { background: #fff; } .fm-islands-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; } @media (max-width: 820px) { .fm-islands-grid { grid-template-columns: 1fr; } } .fm-island { padding: 40px 36px; border-radius: 12px; position: relative; overflow: hidden; } .fm-island--bad { background: #fef5f5; border: 1px solid #f3d9d9; } .fm-island--good { background: linear-gradient(135deg, #f6faf0 0%, #eef7e1 100%); border: 1px solid #cfe4a3; box-shadow: 0 4px 20px rgba(139,199,64,0.08); } .fm-island__eyebrow { font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; margin-bottom: 12px; } .fm-island--bad .fm-island__eyebrow { color: #c44; } .fm-island--good .fm-island__eyebrow { color: #78a935; } .fm-island h2 { font-size: 32px !important; line-height: 1.15 !important; margin: 0 0 16px !important; color: #1a2332; } .fm-island p { font-size: 17px; line-height: 1.6; color: #3d4258; margin: 0 0 12px; } .fm-island__emphasis { margin-top: 20px !important; font-size: 20px !important; color: #1a2332 !important; } /* --- Blog grid: force grid, kill swiper transforms --- */ section.fm-featured-posts { background: #f8f9fa; } section.fm-featured-posts .fm-blog-grid { display: grid !important; grid-template-columns: 1fr 1fr; gap: 32px; max-width: 1200px; margin: 0 auto; padding: 0 20px; transform: none !important; width: auto !important; height: auto !important; position: relative !important; overflow: visible !important; } @media (max-width: 900px) { section.fm-featured-posts .fm-blog-grid { grid-template-columns: 1fr; } } section.fm-featured-posts .fm-blog-grid .item { transform: none !important; width: auto !important; min-width: 0 !important; max-width: 100% !important; position: relative !important; display: block !important; float: none !important; opacity: 1 !important; } section.fm-featured-posts .swiper-button-next, section.fm-featured-posts .swiper-button-prev, section.fm-featured-posts .swiper-pagination { display: none !important; } /* --- Overlay: make form visible (Fluent Forms hides itself when parent is display:none) --- */ /* Force the overlay to render offscreen so FF scripts initialise, then show via is-open */ .fm-contact-overlay { display: block !important; visibility: hidden; pointer-events: none; opacity: 0; transition: opacity 0.2s; } .fm-contact-overlay.is-open { visibility: visible; pointer-events: auto; opacity: 1; } .fm-contact-overlay:not(.is-open) .fm-contact-overlay__panel, .fm-contact-overlay:not(.is-open) .fm-contact-overlay__backdrop { visibility: hidden; } .fm-contact-overlay.is-open .fm-contact-overlay__panel, .fm-contact-overlay.is-open .fm-contact-overlay__backdrop { visibility: visible; } /* And force FF form visible inside */ .fm-contact-overlay .frm-fluent-form { display: block !important; opacity: 1 !important; } .fm-contact-overlay .frm-fluent-form.ff-form-loading { opacity: 1 !important; } .fm-contact-overlay .fluent_form_3 { display: block !important; } /* Style FF fields inline with our design */ .fm-contact-overlay .ff-el-input--label label { font-weight: 600; color: #1a2332; font-size: 14px; } .fm-contact-overlay input[type="text"], .fm-contact-overlay input[type="email"], .fm-contact-overlay textarea { width: 100% !important; padding: 12px 14px !important; border: 1px solid #d6d9df !important; border-radius: 6px !important; font-size: 15px !important; font-family: 'Open Sans', sans-serif !important; margin-top: 4px; } .fm-contact-overlay .ff-btn-submit, .fm-contact-overlay button[type=submit] { background: #8BC740 !important; color: #1B1B1D !important; border: 0 !important; border-radius: 40px !important; padding: 12px 32px !important; font-size: 15px !important; font-weight: 600 !important; cursor: pointer; transition: background 0.2s; } .fm-contact-overlay .ff-btn-submit:hover { background: #78a935 !important; } /* ============================================================ v2.4 — Major polish pass ============================================================ */ /* --- Centre section titles (How it works, Why FM, etc) --- */ section.fm-how > .container > h2, section.fm-why > .container > h2, section.fm-who > .container > h2, section.fm-faq > .container > h2, section.fm-final-cta > .container > h2, section.fm-islands > .container > h2, section.fm-featured-posts h2, .fm-latest-news__title { text-align: center; } /* --- fm-cta-row: centre buttons --- */ .fm-cta-row { justify-content: center !important; text-align: center; margin-top: 32px !important; } /* --- Testimonials: full width; drop big quote bg stays, tighter padding --- */ .fm-testimonial { max-width: 100% !important; width: 100% !important; } section.fm-testimonial-band { background: transparent !important; /* no grey stripe */ padding: 0 !important; /* kill massive v-space */ margin: 0 !important; } section.fm-testimonial-band .container { padding-top: 24px; padding-bottom: 24px; } /* --- Problem outro paragraphs inside right col (not centered) --- */ .fm-problem-outro { margin: 24px 0 16px; font-size: 17px; line-height: 1.55; color: #3d4258; } .fm-problem-emphasis { margin: 12px 0 0; font-size: 19px; line-height: 1.45; color: #1a2332; } /* --- Split: shrink image a touch so right col breathes --- */ .fm-split__img { width: 38%; max-width: 440px; } .fm-split__desc { flex: 1 1 480px; } @media (max-width: 980px) { .fm-split__img { width: 100%; max-width: 520px; margin: 0 auto; } } /* --- Text circle: centre sits on image corner --- */ .fm-problem .fm-split__img { position: relative; overflow: visible; } .fm-problem .text-circle { top: -85px !important; /* half outside image top */ right: -85px !important; /* half outside image right */ width: 170px !important; height: 170px !important; z-index: 3; } /* Slow the spin down from 18s → 40s */ .fm-problem .text-spin { animation: fmSpin 40s linear infinite !important; } /* --- Empty grey bar below logo strip: kill hidden margin / padding --- */ section.fm-logo-bar + section { margin-top: 0 !important; } section.fm-logo-bar { margin-bottom: 0 !important; padding-bottom: 14px !important; } /* --- Logo bar: slow the scrolling logos (theme main.js owl slider; slow via CSS on any marquee-like animation) --- */ .logo-slider, .owl-stage { animation-duration: 80s !important; /* was likely 20-30s */ transition-duration: 8s !important; } /* --- Overlay: vertical centering + scrollable form column --- */ .fm-contact-overlay__panel { top: 50% !important; max-height: 90vh !important; display: flex; flex-direction: column; padding: 40px 40px !important; } .fm-contact-overlay__grid { overflow-y: auto; max-height: calc(90vh - 80px); flex: 1; } /* Form column: allow form to expand, scroll within overlay */ .fm-contact-overlay__right { display: flex; flex-direction: column; min-height: 0; } .fm-contact-overlay__form { flex: 1; overflow-y: visible; } /* --- Overlay: Calendly as TEXT LINK (not button) --- */ .fm-contact-overlay__calendly-line { margin: 0 0 28px !important; font-size: 17px; } a.fm-contact-overlay__calendly { background: transparent !important; border: 0 !important; color: #78a935 !important; padding: 0 !important; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; border-radius: 0 !important; display: inline !important; } a.fm-contact-overlay__calendly:hover { color: #8BC740 !important; background: transparent !important; } /* --- Overlay: contact details redesigned (no green bullets, clean rows) --- */ .fm-contact-overlay__details { margin: 0 0 28px; display: grid; grid-template-columns: max-content 1fr; column-gap: 28px; row-gap: 14px; padding: 20px 0; border-top: 1px solid #e6e7eb; border-bottom: 1px solid #e6e7eb; } .fm-contact-overlay__details dt { font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: #8a8f9a; font-weight: 600; align-self: center; } .fm-contact-overlay__details dd { margin: 0; font-size: 15px; color: #1a2332; text-align: right; } .fm-contact-overlay__details dd a { color: #1a2332; text-decoration: none; border-bottom: 1px solid transparent; transition: border-color 0.2s; } .fm-contact-overlay__details dd a:hover { border-bottom-color: #8BC740; } /* Kill the green bullets inside overlay lists */ .fm-contact-overlay__details::before, .fm-contact-overlay__details dd::before, .fm-contact-overlay__details dt::before { display: none !important; content: none !important; } /* Overlay testimonial — cleaner style (no big bar) */ .fm-contact-overlay__testimonial { border: 0 !important; border-left: 3px solid #8BC740 !important; padding: 8px 0 8px 18px !important; background: transparent !important; } /* --- Kill the card/gradient treatment for Bad/Good islands we don't want — but not testimonials --- */ /* --- Latest news — clean card design, no theme class interference --- */ .fm-latest-news { background: #fff; padding: 56px 0 80px; } .fm-latest-news__inner { max-width: 1200px; margin: 0 auto; padding: 0 20px; } .fm-latest-news__title { font-size: clamp(32px, 4vw, 44px); line-height: 1.1; margin: 0 0 40px; color: #1a2332; text-align: center; } .fm-news-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; } @media (max-width: 820px) { .fm-news-grid { grid-template-columns: 1fr; } } .fm-news-card { background: #fff; border: 1px solid #e6e7eb; border-radius: 12px; overflow: hidden; box-shadow: 0 1px 4px rgba(35,52,65,0.04); transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s; display: flex; flex-direction: column; } .fm-news-card:hover { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(35,52,65,0.10); border-color: #8BC740; } .fm-news-card__img { display: block; width: 100%; height: 220px; background-size: cover; background-position: center; background-color: #d6d9df; } .fm-news-card__body { padding: 28px 28px 32px; display: flex; flex-direction: column; gap: 14px; flex: 1; } .fm-news-card__meta { font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; font-weight: 600; } .fm-news-card__num { color: #1a2332; } .fm-news-card__sep { color: #c9cdd4; margin: 0 8px; } .fm-news-card__date { color: #6b7480; } .fm-news-card__cat { color: #8BC740; } .fm-news-card__h { margin: 0; font-size: 22px; line-height: 1.3; } .fm-news-card__h a { color: #1a2332; text-decoration: none; } .fm-news-card__h a:hover { color: #8BC740; } .fm-news-card__excerpt { margin: 0; font-size: 15px; line-height: 1.55; color: #3d4258; } .fm-news-card__actions { margin-top: auto; padding-top: 8px; display: flex; align-items: center; gap: 20px; flex-wrap: wrap; } .fm-news-card__btn { background: #8BC740; color: #1B1B1D; padding: 10px 22px; border-radius: 40px; font-weight: 600; font-size: 14px; text-decoration: none; transition: background 0.2s; } .fm-news-card__btn:hover { background: #78a935; color: #1B1B1D; } .fm-news-card__link { font-size: 13px; color: #6b7480; text-decoration: underline; } .fm-news-card__link:hover { color: #8BC740; } /* Hide old fm-featured-posts rules leftover */ section.fm-featured-posts { display: none !important; } /* ============================================================ v2.5 — CTA trigger fix, overlay v-centre, grey-bar fix, blog link backgrounds, logo speed, mobile responsive ============================================================ */ /* ── 1. Kill the grey bar above Silverbug ─────────────────────────────────── v2.3 added "section.section-padding.fm-testimonial-band { padding: 72px !important }" which has higher specificity (0,2,1) than the v2.4 reset (0,1,1). Re-assert with the same two-class selector so the later rule wins. */ section.section-padding.fm-testimonial-band { background: transparent !important; padding: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; } /* Also give fm-problem a white bg so its own padding doesn't expose the grey page bg */ section.fm-problem { background: #fff !important; } /* ── 2. Overlay: position:fixed on panel so it truly centres in the viewport ─ The previous position:absolute was relative to the fixed overlay wrapper, but some browsers don't guarantee 50% = 50vh when overflow or transforms are in play. Switching the panel itself to fixed is rock-solid. */ .fm-contact-overlay__panel { position: fixed !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: min(1040px, 94vw) !important; max-height: 88vh !important; overflow-y: auto !important; display: block !important; /* not flex — inner grid manages layout */ } /* Grid inside can now be natural height; panel handles the scroll */ .fm-contact-overlay__grid { overflow-y: visible !important; max-height: none !important; } /* ── 3. Blog card links — stop theme .button styles leaking in ─────────────── The theme has broad a.button / .button a rules that can add green bg + border-radius to any inside an .entry. Override for every non-CTA link inside the news cards. */ .fm-news-card a:not(.fm-news-card__btn):not(.fm-news-card__img) { background: transparent !important; background-color: transparent !important; border-radius: 0 !important; padding: 0 !important; border: none !important; box-shadow: none !important; display: inline !important; } .fm-news-card__h { display: block; } .fm-news-card__h a { color: #1a2332 !important; } .fm-news-card__h a:hover { color: #8BC740 !important; background: transparent !important; } .fm-news-card__link:hover { color: #8BC740 !important; background: transparent !important; } /* ── 4. Logo carousel: slow the owl transition ─────────────────────────────── owl sets inline transition-duration via JS; !important beats inline styles. */ .owl-stage { transition-duration: 4000ms !important; } /* ── Hide "Scroll to discover" mouse indicator globally ─────────────────────*/ .mouse-indi { display: none !important; } /* ── Hero: ensure content always clears the absolute nav ───────────────────── Testimonial moved out of .home-banner-content so the centred content is only h1 + p + button (~420px). The banner stays height:100vh overflow:hidden. A modest padding-top bump ensures the content top always exceeds nav height at any viewport size. align-items:flex-start anchors the container to the top so it can never be centred upward past the nav. */ .fm-hero .home-banner { align-items: flex-start !important; } .fm-hero .home-banner .container { padding-top: 140px !important; } @media (max-width: 768px) { .fm-hero .home-banner .container { padding-top: 100px !important; } } /* Hero testimonial band — between hero and logo bar */ .fm-hero-testimonial-band { background: #f5f6f8; padding: 40px 0; } .fm-hero-testimonial-band .fm-testimonial { color: #1a2332; margin: 0 auto; } .fm-hero-testimonial-band .fm-testimonial blockquote { border-left-color: #8bc740; } .fm-hero-testimonial-band .fm-testimonial blockquote p { color: #1a2332; font-size: 1.1rem; } .fm-hero-testimonial-band .fm-testimonial cite { color: #6b7480; } /* The hero testimonial card was styled white-on-dark for placement over the hero photo, but it sits in this light band — force it dark-on-light so the quote is readable. */ .fm-hero-testimonial-band .fm-testimonial--hero { background: transparent !important; border: 0 !important; backdrop-filter: none !important; box-shadow: none !important; } .fm-hero-testimonial-band .fm-testimonial--hero blockquote p { color: #1a2332 !important; } .fm-hero-testimonial-band .fm-testimonial--hero cite { color: #6b7480 !important; } .fm-hero-testimonial-band .fm-testimonial--hero::before { color: rgba(139,199,64,0.55) !important; } /* ── Kill green dot bullets inside overlay contact list ─────────────────────*/ .fm-contact-overlay__list li::before, .fm-contact-overlay__list li::after { display: none !important; content: none !important; } .fm-contact-overlay__list li { padding-left: 0 !important; } /* ── Logo bar: always fully visible — no fade-in animation ──────────────────*/ .fm-logo-bar .js-visibility, .fm-logo-bar .bottom-inside, .fm-logo-bar .logo-slider { opacity: 1 !important; visibility: visible !important; transform: none !important; transition: none !important; } /* ── Scroll lock (html + body) ───────────────────────────────────────────── */ html.fm-overlay-open, body.fm-overlay-open { overflow: hidden !important; } /* ── v2.6: Revert panel to position:absolute ───────────────────────────────── The theme wraps #page content in a .scroll-content div with a CSS transform. Any transform on an ancestor hijacks position:fixed, making top:50% resolve against the document height (~7000px) instead of the viewport. Fix: overlay is now a direct child (see footer.php), so the panel can safely use position:absolute inside the position:fixed overlay wrapper. */ .fm-contact-overlay__panel { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; z-index: 2 !important; /* above the backdrop (z-index:1) */ } .fm-contact-overlay__backdrop { position: absolute; inset: 0; z-index: 1; } /* ── 5. Mobile responsive ───────────────────────────────────────────────────── */ @media (max-width: 768px) { /* Hero — left-align text and buttons */ .fm-hero .home-banner-content, .fm-hero .home-banner-content h1, .fm-hero .home-banner-content p { text-align: left !important; } .fm-hero .button-inline { justify-content: flex-start !important; } /* Tighter bullet spacing */ .fm-bullets li { padding-top: 4px !important; padding-bottom: 4px !important; line-height: 1.45 !important; } /* Hide news card image thumbs */ .fm-news-card__img { display: none !important; } /* Logo bar — reduce item padding so logos sit closer */ .fm-logo-bar .item { padding: 0 10px !important; } /* Nav — Contact pill: stack cleanly inside mobile menu */ a.fm-nav-cta { display: inline-block !important; margin: 10px 0 6px !important; width: auto !important; } /* Section padding — slightly tighter on small screens */ .fm-latest-news { padding: 40px 0 52px !important; } .fm-latest-news__inner { padding: 0 16px !important; } .fm-how-steps { gap: 16px !important; } .fm-how-steps .fm-step { padding: 20px 16px !important; } /* Overlay — full-screen on mobile (no floating panel) */ .fm-contact-overlay__panel { top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; transform: none !important; width: 100% !important; max-height: 100vh !important; border-radius: 0 !important; padding: 24px 20px !important; overflow-y: auto !important; } /* Hide testimonial author thumbs on mobile */ .testimonial-author, .fm-testimonial__avatar { display: none !important; } /* Hide "Scroll to discover" mouse indicator on mobile (also hidden globally — see below) */ } /* ── Image wipe animation: ::before overlay ────────────────────────────────── The original CSS sets the transition and is-visible exit-transform for ::before but never gives it content or positioning, so the wipe block is invisible. These rules make it render as a dark panel that covers the image initially, then sweeps left as the image slides in on scroll. ─────────────────────────────────────────────────────────────────────────── */ .image-in-out:before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; background: var(--blockcolor) !important; /* dark navy sweep block */ z-index: 2 !important; /* above .out/.in/.image_inner */ } /* ============================================================ Static homepage — motion removed per client request. Scroll-reveal slide/fade, image wipe, and spinning badge all render in their final resting state with no animation. ============================================================ */ .js-visibility, .bottom-inside, .button.bottom-inside, .fade-inside, .left-inside, .right-inside, .top-inside, .bottom-cubic { opacity: 1 !important; -webkit-transform: none !important; transform: none !important; -webkit-transition: none !important; transition: none !important; } .image-in-out .in, .image-in-out .out { -webkit-transform: none !important; transform: none !important; -webkit-transition: none !important; transition: none !important; } .image-in-out:before { display: none !important; } .text-spin, .fm-problem .text-spin { -webkit-animation: none !important; animation: none !important; } .mouse-wheel { -webkit-animation: none !important; animation: none !important; } /* ── Hide Fluent Forms' "Contact Overlay" in the contact popup. ignores width/height/overflow in most browsers, so the form title text can leak onto the page. Proper sr-only hiding. ─────────────── */ #fm-contact-overlay legend, .fm-contact-overlay__form legend { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important; } /* ── Stat bar — proof numbers under the hero ───────────────────────────── */ .fm-stats { background: #1a2332; padding: 40px 0; } .fm-stats__grid { display: flex; flex-wrap: wrap; gap: 24px; justify-content: space-around; align-items: flex-start; text-align: center; } .fm-stat { flex: 1 1 200px; } .fm-stat__num { font-family: 'Barlow Condensed', 'Open Sans', sans-serif; font-size: 3.1rem; font-weight: 700; line-height: 1; color: #8BC740; } .fm-stat__num span { font-size: 1.9rem; vertical-align: top; margin-left: 2px; } .fm-stat__label { color: #cfd4da; font-size: 0.95rem; margin-top: 8px; letter-spacing: .2px; } @media (max-width: 600px) { .fm-stat { flex: 1 1 42%; } .fm-stat__num { font-size: 2.4rem; } } /* ── Testimonials v3 (2026-09-23): full-width scattered bands, large centred quote, client logo as attribution. Replaces the boxed card + letter avatar. */ .fm-quote { padding: 72px 0; } .fm-quote--soft { background: #f5f6f8; } .fm-quote--dark { background: #1a2332; } .fm-quote--tint { background: #f3f8ea; } .fm-quote__inner { max-width: 860px; margin: 0 auto; text-align: center; } .fm-quote__inner::before { content: "\201C"; display: block; font-family: Georgia, serif; font-size: 96px; line-height: 0.6; height: 44px; color: #8BC740; } .fm-quote__text { margin: 0; padding: 0; border: 0; } .fm-quote .fm-quote__text p { font-size: clamp(20px, 2.2vw, 26px) !important; line-height: 1.5 !important; font-weight: 400; color: #1a2332 !important; margin: 0 !important; font-style: normal; } .fm-quote__by { margin-top: 32px; } /* Logo PNGs have solid white backgrounds: multiply drops the white on light bands; on the dark band invert + screen turns the white to nothing and the mark to light grey. */ .fm-quote__logo { height: 36px; width: auto; max-width: 200px; display: inline-block; mix-blend-mode: multiply; } .fm-quote--dark .fm-quote__text p { color: #fff !important; } .fm-quote--dark .fm-quote__logo { filter: grayscale(1) invert(1) brightness(1.3); mix-blend-mode: screen; } @media (max-width: 700px) { .fm-quote { padding: 52px 0; } .fm-quote__inner::before { font-size: 72px; height: 34px; } .fm-quote__logo { height: 28px; } } /* ── 2026-10-13: contact popup is now details-only (email + Calendly), no form. Single narrow column instead of the two-column form layout. ─────────────── */ .fm-contact-overlay__panel { width: min(560px, 94vw) !important; } .fm-contact-overlay__grid { grid-template-columns: 1fr !important; gap: 0 !important; } .fm-contact-overlay__left h2 { margin-top: 0; } .fm-stats__grid { justify-content: center; } /* ── 2026-10-13: logo bar sits straight under the hero and is visible without scrolling. Hero is shortened by roughly the logo bar height (desktop only). ── */ @media (min-width: 769px) { .fm-hero .home-banner, .fm-hero .home-banner-slider-bg { height: calc(100vh - 120px) !important; min-height: 460px; } .fm-hero .home-banner .container { min-height: 0 !important; height: 100%; padding-bottom: 60px !important; } } @media (min-width: 769px) { section.fm-hero { padding-bottom: 0 !important; margin-bottom: 0 !important; } .fm-hero .home-banner, .fm-hero .home-banner-slider-bg { height: calc(100vh - 150px) !important; } } /* ── 2026-10-13: logos stacked in a vertical line until the slider script initialised. Lay them out as a single clipped row from first paint. ───────── */ .fm-logo-bar .logo-slider:not(.slick-initialized) { display: flex; flex-wrap: nowrap; overflow: hidden; align-items: center; height: 84px; padding: 0 8% !important; } .fm-logo-bar .logo-slider:not(.slick-initialized) .item { flex: 0 0 16.666%; justify-content: center; } @media (max-width: 768px) { .fm-logo-bar .logo-slider:not(.slick-initialized) .item { flex-basis: 33.333%; } } /* ── 2026-10-13 James's final tweaks ───────────────────────────────────────── 1. Quotes: drop the big green mark above the text; use small green marks that bookend the quote on the same line. 2. No single orphan word on the last line of quotes or the closing CTA heading. 3. Popup links: remove the theme's 6px green hover bar (it sat across the text like a highlighter); use a plain thin underline instead. */ .fm-quote__inner::before { content: none !important; display: none !important; } .fm-quote .fm-quote__text p::before { content: "\201C"; color: #8BC740; margin-right: 2px; } .fm-quote .fm-quote__text p::after { content: "\201D"; color: #8BC740; margin-left: 2px; } .fm-quote .fm-quote__text p, .fm-final-cta h2 { text-wrap: balance; } .fm-contact-overlay a::before, .fm-contact-overlay a::after { content: none !important; display: none !important; background: none !important; } .fm-contact-overlay a { background: none !important; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-color: rgba(26,35,50,0.35); } .fm-contact-overlay a:hover { text-decoration-color: #8BC740; } .fm-contact-overlay__close { text-decoration: none; }