html{ scroll-padding-top: 190px; overflow-x:hidden; } body { line-height: normal; opacity: 0; float: left; width: 100%; display: block; } body.bodylock { height:100vh; overflow:hidden; } body.bodyactive { opacity:1; } *:before, *:after { content: none; visibility: hidden; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } a { box-shadow: inset 0 -0.06rem 0 0 #3c3c3c; transition: box-shadow 0.2s; font-weight: 500; color: #3c3c3c; position: relative; } a:hover { box-shadow: inset 0 -0.06rem 0 0 #fb7d17; color: #fb7d17; } a:hover { cursor:pointer; } a:focus, button:focus { outline:none !important; } a:active { outline:none !important; } .fal { font-weight:normal; } .fab { font-weight:normal; } ::-ms-clear { display: none; } ul, ul li, ol, ol li { padding:0 0 0 0; } img { max-width: 100%; backface-visibility:hidden; -webkit-backface-visibility:hidden; } button, html input[type=button], input[type=reset], input[type=submit]{ border:0; } b, strong { font-weight: 600; } /* Chrome */ ::-webkit-search-decoration, ::-webkit-search-cancel-button, ::-webkit-search-results-button, ::-webkit-search-results-decoration { display: none; } /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important; } /* apply a natural box layout model to all elements */ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .btn, .cookieconsent-popup .cookieconsent-button-wrap button:last-of-type, .woocommerce-pages .woocommerce .button { font-size: 16px; line-height: 0.9; border-radius: 0px; height: 50px; float: left; display: block; position: relative; text-align: center; border: none; outline: none !important; overflow: hidden; z-index: 1; backface-visibility: hidden; -webkit-backface-visiblity: hidden; overflow: hidden; } .cookieconsent-popup .cookieconsent-button-wrap button:last-of-type { padding: 0px !important; float: right; } .btn-primary, .btn-secondary, .btn-white, .cookieconsent-popup .cookieconsent-button-wrap button:last-of-type, .woocommerce-pages .woocommerce .button, .woocommerce-pages table tbody td button.button[name="update_cart"] { color: #ffffff; background: transparent; padding: 19px 30px; } /* all your before and afters live here */ .btn-primary:before, .btn-primary:after, .btn-secondary:before, .btn-secondary:after, .btn-white:before, .btn-white:after, .cookieconsent-popup .cookieconsent-button-wrap button:last-of-type:before, .cookieconsent-popup .cookieconsent-button-wrap button:last-of-type:after, ol li:before, form .fields .selectize-input:after, form .form-row .selectize-input:after, div.summary table.variations tr td .selectize-input:after, .wpcf7 form .fields .wpcf7-checkbox .wpcf7-list-item span.wpcf7-list-item-label:before, .wpcf7 form .fields .wpcf7-radio .wpcf7-list-item span.wpcf7-list-item-label:before, .accordion-section .acc-title:after, .header ul li.menu-item-has-children > a:after, .header ul li#menu-item-860 > a:after, .background-block .bg-image, blockquote:before, .full-width-block .full-width-inner .bg-image, .img-filter:before, .testimonial-block:before, .testimonial-block:after, .testimonial-block .meta span:after, .navigation ul li a:before, .post-list .post-inner a.post-thumbnail:after, .section.sidebar-services:before, .section.sidebar-services .sidebar-service-contain:before, .full-width-block:before, .hero.hero-full-image:before, .mobile-menu .mobile-menu-inner ul li.menu-item-860 a:before, .mobile-menu .mobile-menu-inner ul li.menu-item-860 a:after, .woocommerce-pages .woocommerce .button:before, .woocommerce-pages .woocommerce .button:after, .woocommerce-pages .woocommerce .cart-collaterals .cart_totals table ul#shipping_method li label:before, .woocommerce-pages .woocommerce table tfoot ul#shipping_method li label:before, .woocommerce-pages .woocommerce .woocommerce-terms-and-conditions-wrapper label span:before, .woocommerce-pages .woocommerce ul.payment_methods.methods li label:before, .select2-container .select2-selection .select2-selection__rendered:after, #customer_login .col-1:before, #customer_login .col-2:before, #customer_login .form-row label.woocommerce-form-login__rememberme span:before, .filters-container .filter-block ul li label span:before, .filters-container .filter-block h4 a:before, ul.nav-tabs li a:before, .woocommerce-pages .woocommerce nav ul li a:before, ul.nav-tabs li a:after, .full-width-image:before, .hero-home-page:before, .hero-home-page:after, .latest-case-study:before, .latest-case-study:after, .contact-block:before, .contact-block:after, article.case-study-post .image-container:before, article.case-study-post a:before, article.case-study-post a:after, .sidebar .section.call-us:after, .testimonials:before, .testimonials:after { visibility: visible; content: ""; } .fab:before, .fab:after, .fal:before, .fal:after, .fas:before, .fas:after, .far:before, .far:after, ul li:before { visibility: visible; } .btn-primary:before, .btn-primary:after, .btn-secondary:before, .btn-secondary:after,.btn-white:before, .btn-white:after, .cookieconsent-popup .cookieconsent-button-wrap button:last-of-type:before, .cookieconsent-popup .cookieconsent-button-wrap button:last-of-type:after, .woocommerce-pages .woocommerce .button:before, .woocommerce-pages .woocommerce .button:after { z-index: -1; width: 100%; position: absolute; left: -1px; top: 0px; display: block; height: 100%; border-radius: 0px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; backface-visibility: hidden; -webkit-backface-visiblity: hidden; } .btn-primary:after, .btn-secondary:before, .cookieconsent-popup .cookieconsent-button-wrap button:last-of-type:after, .woocommerce-pages .woocommerce .button:after, .woocommerce-pages table tbody td button.button[name="update_cart"]:before { transform: translate(-100%, 0%); width: 50%; opacity: 0; } .btn-primary:hover:after, .btn-secondary:hover:before, .cookieconsent-popup .cookieconsent-button-wrap button:last-of-type:hover:after, .woocommerce-pages .woocommerce .button:hover:after, .woocommerce-pages table tbody td button.button[name="update_cart"]:hover:before { transform: translate(0%, 0%); width: 100%; opacity: 1; left:0px; } .btn-primary:focus:after, .btn-primary:active:after, .btn-secondary:active:before, .btn-secondary:focus:before, .btn-secondary:active:after, .btn-secondary:focus:after, .btn-white:focus:before, .btn-white:active:before, .woocommerce-pages .woocommerce .button:focus:after, .woocommerce-pages .woocommerce .button:focus:before, .woocommerce-pages .woocommerce .button:active:after, .woocommerce-pages .woocommerce .button:active:before { opacity:0 !important; } /* apply a natural box layout model to all elements */ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } a, button, input, select, textarea, a *, a *:before, a *:after, button *, button *:before, button *:after, a:before, a:after, .transition, .transition:before, .transition:after, .transition * { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a:hover, button:hover, input:hover, select:hover, textarea:hover, a:hover *, a:hover *:before, a:hover *:after, button:hover *, button:hover *:before, button:hover *:after, a:hover:before, a:hover:after { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } ::-ms-clear { display: none; } p { margin: 0px 0 9px; line-height: 38px; } li:last-of-type { margin:0 0 0 0 !important; } :focus, :active, :visited { outline:none; text-decoration:none; } /*Aligns*/ .vertical { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .horizontal { position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .vhboth { position: relative; top:50%; left: 50%; -webkit-transform: translateY(-50%)translateX(-50%); -ms-transform: translateY(-50%)translateX(-50%); transform: translateY(-50%)translateX(-50%); } .fab:before, .fab:after { font-family:"Font Awesome 5 Brands"; font-style:normal; font-weight:normal; position:relative; } .fal:before, .fal:after { font-family: 'Font Awesome 5 Pro'; font-weight: 300; position:relative; } .fas:before, .fas:after { font-family: "Font Awesome 5 Pro"; font-weight: 900; position:relative; } .far:before, .far:after { font-family: "Font Awesome 5 Pro"; font-weight: 400; position:relative; } .container-fluid { margin: 0 0 130px 0; float: left; width: 100%; clear: both; } .no-padding { padding:0 0 0 0 !important; } .no-margin { margin:0 0 0 0 !important; } :hover, :active, :focus { text-decoration:none !important; } h1, h2, h3, h4, h5, h6 { line-height:1.3; padding: 0 0 0 0; } h1 { font-size: 40px; margin: 0 0 18px 0; } h2 { font-size: 32px; margin: 0 0 13px 0; } h3 { font-size: 26px; margin: 0 0 12px 0; } h4 { font-size: 22px; margin: 0 0 12px 0; } h5, h6, h7 { font-size:20px; margin: 0 0 8px 0; } .single-post.standard-post h1 {margin-bottom: 18px;} .single-post.standard-post h2 {margin-bottom: 17px;} .single-post.standard-post h3 {margin-bottom: 10px;} blockquote { float: left; width: 100%; height: auto; margin: 0 0 30px 0; padding: 0 0 0 60px; font-size: 22px; overflow: hidden; position: relative; } blockquote p { margin: 0 0 12px 0; line-height: 44px; position: relative; z-index: 3; } blockquote p:first-of-type { margin-top: -12px; } blockquote p:last-of-type { margin-bottom: -14px; } hr { float: left; width: 100%; display: block; margin: 18px 0 35px 0; background: none; height: 1px; border: none; } ul li { float: left; height: auto; display: block; } ol, ul { margin: 0 0 28px 0; list-style-type: none; padding-left: 30px; float: left; width: 100%; } ul li, ol li { padding-left: 26px; float: left; position: relative; width: 100%; display: block; height: auto; margin: 0 0 9px 0; line-height: 30px; } ul li:before { content: ""; position: absolute; display: block; left: 0px; top: 13px; } ol li { counter-increment: step-counter; padding-left: 27px; } ol li:before { content: counter(step-counter)"."; position: absolute; left: 0px; top: auto; } .header { position: fixed; top: 0px; left: 0px; height: 115px; margin: 0 0 0 0 !important; padding: 30px 0; background: #ffffff; z-index: 20; margin-bottom: 0px; } .header.fixed {height: 90px;padding: 19px 0;} .header a#logo-main, form .fields .selectize-input, form .form-row .selectize-input, div.summary table.variations tr td .selectize-input, .header ul li a, .footer-top .footer-meta a.footer-logo, ul.social-media li a, .accreditation a, .navigation ul li a, .post-list .post-inner a.post-thumbnail, .post-list .post-inner h4 a, a.featured-single, .next-posts span.nav-posts a, .section.sidebar-services .sidebar-service-contain, .mega-menu a, a#burgerMenu, .mobile-menu .mobile-menu-inner ul li a { box-shadow: none !important; } .header a#logo-main { float: left; width: auto; height: 50px; display: block; opacity: 1; } .header a#logo-main:before, .header a#logo-main:after { display:none; } .header a#logo-main:hover { opacity:0.6; } .header a#logo-main img { max-width: 100%; max-height: 100%; } .header.fixed a#logo-main { height: 50px; } .wpcf7 { float: left; width: 100%; height: auto; display: block; position: relative; } .wpcf7 br { display:none; } form { float: left; width: 100%; display: block; height: auto; } form .fields, form .form-row, form#commentform p { float: left; display: block; height: auto; margin: 0 0 24px 0; } form .fields.gdpr { margin: 0px; margin-top: 7px; } form .fields.half , .woocommerce-pages .woocommerce form .form-row-first, .woocommerce-pages .woocommerce form .form-row-last{ width: 48%; } form .fields.right, .woocommerce-pages .woocommerce form .form-row-last { float:right; } form .fields.full, .woocommerce-pages .woocommerce form .form-row-wide { width:100%; } form .fields.submit { width: 100%; display: block; margin: 0 0 0 0; } form .fields label { float: left; width: 100%; margin: 0px; position: relative; } form .fields b, form .form-row label, div.summary table.variations tr td label, form#commentform p label, .next-posts span.nav-posts span, .woocommerce-pages .woocommerce .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals th, .woocommerce-pages .woocommerce ul.woocommerce-order-overview li { float: left; width: 100%; display: block; height: auto; margin: -3px 0 13px 0; text-transform: none; font-size: 15px; font-weight: 800; color: #1b1b1b; } form .fields b:hover, form .form-row label:hover, form#commentform p label:hover, .woocommerce-pages .woocommerce ul.woocommerce-order-overview li:hover { cursor:pointer; color:#e56700; } .select2-container, .select2-container .selection, .select2-container .select2-selection { float: left; width: 100%; height: auto; display: block; position:relative; border:none !important; } .select2-container .select2-selection__arrow { display: none !important; } form .fields input.wpcf7-text, form .fields textarea, form .form-row textarea, .quantity input, form#commentform p:not(.form-submit) input:not([type=checkbox]):not([type=radio]), form#commentform p textarea, form .fields .selectize-input, form .form-row .selectize-input, div.summary table.variations tr td .selectize-input, .search-form-main input, .woocommerce-pages table tbody td input#coupon_code, .checkout_coupon.woocommerce-form-coupon input, .woocommerce-pages .woocommerce form .form-row .woocommerce-input-wrapper input.input-text, .woocommerce-pages .woocommerce form.edit-account .form-row input, .select2-container .select2-selection .select2-selection__rendered, .select2-dropdown .select2-search input, #customer_login .form-row input, .woocommerce-pages .woocommerce .lost_reset_password input#user_login { float: left; width: 100%; display: block; height: 50px; padding: 10px 20px; text-transform: none; font-size: 16px; font-weight: 300; border-radius: 0px; appearence: none; -webkit-appearance: none; box-shadow: none; border: 1px solid #cccccc; background: #ffffff; } .search-form-main input { padding-right:70px; } .search-form-main button.search-submit { position: absolute; right: 5px; height: 50px; width: 50px; background: none; } form .fields .selectize-input, form .form-row .selectize-input, div.summary table.variations tr td .selectize-input { display: flex !important; flex-wrap: wrap; justify-content: start; align-items: center; padding-right: 50px; } .select2-container .select2-selection .select2-selection__rendered { position: relative; line-height: normal !important; padding: 14px 20px; } form .fields .selectize-input:after, form .form-row .selectize-input:after, div.summary table.variations tr td .selectize-input:after, .select2-container .select2-selection .select2-selection__rendered:after { content: "\f107"!important; font-family: "Font Awesome 5 Pro"; border: none !important; width: auto !important; height: auto !important; top: auto !important; right: 23px !important; margin: 0px !important; font-weight: 400; opacity: 0.8; position: absolute; } .select2-container .select2-selection .select2-selection__rendered:after { top: 17px !important; } form .fields .selectize-input.dropdown-active:after, form .form-row .selectize-input.dropdown-active:after, div.summary table.variations tr td .selectize-input.dropdown-active:after, .select2-container.select2-container--open .select2-selection .select2-selection__rendered:after { content:"\f106"!important; } form .fields .selectize-dropdown, form .form-row .selectize-dropdown, div.summary table.variations tr td .selectize-dropdown, .select2-dropdown { padding-top: 10px; padding-bottom: 13px; top: 70px !important; } .select2-dropdown { top: auto !important; border-radius: 0px !important; } form .form-row .selectize-dropdown { top: 50px !important; } form .fields .selectize-dropdown .selectize-dropdown-content, form .form-row .selectize-dropdown .selectize-dropdown-content, div.summary table.variations tr td .selectize-dropdown .selectize-dropdown-content, .select2-dropdown .select2-results { max-height: 220px; } .select2-dropdown .select2-search { float: left; width: 100%; display: block; padding: 0px 20px 10px; display: none; } .select2-dropdown ul, .select2-dropdown ul li { float:left; width:100%; display:block; height:auto; margin:0px; padding:0px; } .select2-dropdown ul li:before { display:none; } .select2-dropdown ul li { } form .fields .selectize-dropdown .selectize-dropdown-content .option, form .form-row .selectize-dropdown .selectize-dropdown-content .option, div.summary table.variations tr td .selectize-dropdown .selectize-dropdown-content .option, .select2-dropdown ul li { padding: 13px 22px; background: none !important; } .select2-container--open .select2-dropdown { padding: 0px; } .wpcf7 form .fields textarea, form .form-row textarea, form#commentform p textarea { height: 210px; resize: none; line-height: 30px; } .wpcf7 form .fields input.wpcf7-text:hover, .wpcf7 form .fields textarea:hover, form .form-row input:hover, form .form-row textarea:hover, form#commentform p input:hover, form#commentform p textarea:hover { cursor:pointer; } .wpcf7 form .fields input.wpcf7-text:focus, .wpcf7 form .fields textarea:focus, form .form-row input:focus, form .form-row textarea:focus, form#commentform p input:focus, form#commentform p textarea:focus { cursor:default; } form#commentform p input[type=checkbox], form#commentform p input[type=radio] { float: left; margin: 6px 10px 0 0; } form#commentform p.comment-form-cookies-consent label { width: auto; margin: 0; } .wpcf7 form .fields .wpcf7-checkbox, .wpcf7 form .fields .wpcf7-radio { float: left; width: 100%; height: auto; display: block; } .wpcf7 form .fields .wpcf7-checkbox .wpcf7-list-item, .wpcf7 form .fields .wpcf7-radio .wpcf7-list-item { margin: 7px 0 7px 0; float: left; width: 33%; height: auto; } .wpcf7 form .fields .wpcf7-checkbox .wpcf7-list-item label, .wpcf7 form .fields .wpcf7-radio .wpcf7-list-item label, .woocommerce-pages .woocommerce .cart-collaterals .cart_totals table ul#shipping_method li label, .woocommerce-pages .woocommerce table tfoot ul#shipping_method li label, .woocommerce-pages .woocommerce ul.payment_methods.methods li label{ float: left; width: 100%; height: auto; display: block; margin: 0 0 0 0; position: relative; } .wpcf7 form .fields .wpcf7-checkbox .wpcf7-list-item span.wpcf7-list-item-label, .wpcf7 form .fields .wpcf7-radio .wpcf7-list-item span.wpcf7-list-item-label, .woocommerce-pages .woocommerce .cart-collaterals .cart_totals table ul#shipping_method li label, .woocommerce-pages .woocommerce table tfoot ul#shipping_method li label, .woocommerce-pages .woocommerce .woocommerce-terms-and-conditions-wrapper label span:before, .woocommerce-pages .woocommerce ul.payment_methods.methods li label { float: left; width: 100%; height: auto; display: block; position: relative; font-weight: 300; font-size: 16px; display: flex; padding: 0 10px 0 30px; align-items: center; min-height: 20px; } .wpcf7 form .fields .wpcf7-checkbox .wpcf7-list-item span.wpcf7-list-item-label:before, .wpcf7 form .fields .wpcf7-radio .wpcf7-list-item span.wpcf7-list-item-label:before, .woocommerce-pages .woocommerce .cart-collaterals .cart_totals table ul#shipping_method li label:before, .woocommerce-pages .woocommerce table tfoot ul#shipping_method li label:before, .woocommerce-pages .woocommerce .woocommerce-terms-and-conditions-wrapper label span:before, .woocommerce-pages .woocommerce ul.payment_methods.methods li label:before, #customer_login .form-row label.woocommerce-form-login__rememberme span:before, .filters-container .filter-block ul li label span:before { content: ""; width: 20px; height: 20px; display: block; position: absolute; left: 0px; top: auto; color: transparent; } .wpcf7 form .fields .wpcf7-checkbox .wpcf7-list-item span.wpcf7-list-item-label:before, .woocommerce-pages .woocommerce .woocommerce-terms-and-conditions-wrapper label span:before, #customer_login .form-row label.woocommerce-form-login__rememberme span:before, .filters-container .filter-block ul li label span:before { content: "\f00c" !important; font-family: 'Font Awesome 5 Pro'; font-weight: 500; font-size: 12px; text-align: center; padding: 2px 0; } .wpcf7 form .fields .wpcf7-radio .wpcf7-list-item span.wpcf7-list-item-label:before, .woocommerce-pages .woocommerce .cart-collaterals .cart_totals table ul#shipping_method li label:before, .woocommerce-pages .woocommerce table tfoot ul#shipping_method li label:before, .woocommerce-pages .woocommerce ul.payment_methods.methods li label:before { border-radius:50%; } .wpcf7 form .fields .wpcf7-checkbox .wpcf7-list-item span.wpcf7-list-item-label:hover, .wpcf7 form .fields .wpcf7-radio .wpcf7-list-item span.wpcf7-list-item-label:hover, .woocommerce-pages .woocommerce .cart-collaterals .cart_totals table ul#shipping_method li label:hover, .woocommerce-pages .woocommerce table tfoot ul#shipping_method li label:hover { cursor:pointer; } .wpcf7 form .fields .wpcf7-checkbox .wpcf7-list-item label input, .wpcf7 form .fields .wpcf7-radio .wpcf7-list-item label input { display:none; } .wpcf7-response-output { clear: both; float: left; width: 100%; display: none; border: none !important; padding: 0 0 0 0 !important; margin: 40px 0 0 0 !important; text-align: center; text-transform: none; font-weight: 500; font-size: 16px; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, form .fields b i, form .form-row label i, div.summary table.variations tr td label i, form#commentform p label i { color: #fe4949; } .wpcf7 form.sent .wpcf7-response-output { color: #4aa51b !important; } div.wpcf7-validation-errors, .wpcf7 form .fields .wpcf7-checkbox.wpcf7-not-valid label span.wpcf7-list-item-label { color:#fe4949 !important; } .wpcf7 form .fields span.wpcf7-not-valid-tip { float: left; clear: both; font-size: 11px; margin: 10px 0 0 0; color: #fe4949; font-weight: 800; } .wpcf7 form .fields input.wpcf7-text.wpcf7-not-valid, form .fields.gdpr label .wpcf7-form-control-wrap .wpcf7-not-valid .wpcf7-list-item-label:before { border-color: #fe4949 !important; } form .fields b i, form .form-row label i, div.summary table.variations tr td label i, form#commentform p label i { font-style: normal; } form .fields.gdpr label { min-height: 38px; display: block; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; padding-left: 56px; position:relative; } form .fields.gdpr label p { margin:0px; } form .fields.gdpr label .wpcf7-form-control-wrap { position:absolute; left:0px; top:0px; height:38px; width:38px; } form .fields.gdpr label .wpcf7-form-control-wrap .wpcf7-list-item { width: 100%; margin: 0px; height: 38px; overflow: hidden; } form .fields.gdpr label .wpcf7-form-control-wrap .wpcf7-list-item input { display: none; } form .fields.gdpr label .wpcf7-form-control-wrap .wpcf7-list-item .wpcf7-list-item-label { padding: 0px; height: 38px; } form .fields.gdpr label .wpcf7-form-control-wrap .wpcf7-list-item-label:before, .woocommerce-pages .woocommerce .woocommerce-terms-and-conditions-wrapper label span:before, #customer_login .form-row label.woocommerce-form-login__rememberme span:before, .filters-container .filter-block ul li label span:before { width: 38px !important; height: 38px !important; z-index: 3; font-size: 16px !important; padding: 10px 0 !important; } form .fields.gdpr label .wpcf7-form-control-wrap .wpcf7-not-valid-tip { display: none; } .contact-form-main .btn { position: relative; z-index: 3; margin-top: -24px; } .search-form-main { width: 100%; height: auto; display: block; float: left; } .no-results-block { float: left; width: 100%; height: auto; display: block; margin-bottom: 90px; } .no-results-block p { float: left; width: 100%; display: block; margin: 0; } .no-results-block .content { margin-bottom: 50px; } .development-notice { position: fixed; bottom: 0px; height: auto; width: 100%; background: rgba(27, 27, 27, 0.9); z-index: 999999; padding: 30px; } .development-notice .development-notice-inner { float: left; width: 100%; display: block; height: auto; } .development-notice .development-notice-inner b.title { float: left; width: 100%; display: block; text-align: center; margin: 0 0 30px 0; text-transform: uppercase; font-size: 30px; color: #ffffff; line-height: 1; } .development-notice .development-notice-inner p { text-align: center; color: #ffffff; margin: 0 0 0 0; font-size: 18px; padding: 0 15px; } .accordion-section { float: left; width: 100%; display: block; height: auto; margin: 0; } .accordions .accordion-section:last-of-type { margin:0px; } .accordion-section .acc-section { float: left; width: 100%; padding: 0 0 26px; display: none; position: relative; z-index: 2; margin-top: -1px; } .accordion-section .acc-title { float: left; width: 100%; display: flex; height: auto; min-height: 70px; padding: 0 0; padding-right: 70px; position: relative; margin: 0 0 0px 0; flex-wrap: wrap; justify-content: flex-start; align-items: center; } .accordion-section .acc-title:hover { cursor:pointer; } .accordion-section .acc-title:after { content: "\f00d"; font-family: "Font Awesome 5 Pro"; position: absolute; right: 25px; display: block; font-weight: 300; font-size: 18px; transform: rotate(45deg); } .accordion-section .acc-title.active:after { transform: none; } .flexible-article-fields { float: left; width: 100%; position: relative; } .content { float:left; width:100%; height:auto; display:block; } .content > *:first-child { margin-top: -10px; } .content > *:last-child { margin-bottom: -13px; } .hero { margin-bottom:75px; } .hero-plain h1, .hero-background-block h1 { margin: -10px 0 -12px 0px; } .hero-plain h1:before, .hero-background-block h1:before, .hero-plain h1:after, .hero-background-block h1:after { display:none; } p#breadcrumbs { margin: 0px; line-height: 1.5; float: left; width: 100%; display: block; } .hero-plain p#breadcrumbs, .hero-background-block p#breadcrumbs, .hero.hero-full-image p#breadcrumbs { margin-top: 60px; margin-bottom: 32px; } .hero-background-block p#breadcrumbs, .hero.hero-full-image p#breadcrumbs { margin-top: 88px; } p#breadcrumbs a, p#breadcrumbs b, p#breadcrumbs strong { float: left; width: auto; display: block; font-size: 14px; font-weight: 600; } .hero.hero-full-image p#breadcrumbs a, .hero.hero-full-image p#breadcrumbs b, .hero.hero-full-image p#breadcrumbs strong { color:#ffffff; } .hero.hero-full-image p#breadcrumbs a { opacity:1; } .hero.hero-full-image p#breadcrumbs a:hover { opacity: 0.4; } p#breadcrumbs a { box-shadow:none; } p#breadcrumbs b { margin: 0 15px; } .hero-background-block h1, .hero.hero-full-image h1 { color:#ffffff; } .hero.hero-full-image h1 { text-shadow: 0px 0px 51px #1e1e1e; margin: -13px 0 0; font-size: 55px; } .hero-background-block .content { margin-top: 45px; margin-bottom: 75px; } .header ul { float: left; margin: 0; padding: 0; } .header .btn { margin-left: 50px; white-space: nowrap; } .header ul li { padding: 0px; width: auto; margin: 0 50px 0 0; line-height: normal; position: relative; } .header ul li:before { display:none; } .header ul li a { font-size: 15px; } .header ul li.menu-item-has-children > a, .header ul li#menu-item-860 > a { position: relative; padding-right: 20px; } .header ul li.menu-item-has-children > a:after, .header ul li#menu-item-860 > a:after { content: "\f107"; font-family: 'Font Awesome 5 Pro'; font-weight: 300; font-size: 15px; position: absolute; right: 0; top: 3px; } .header ul li.menu-item-has-children > a:hover:after, .header ul li#menu-item-860 > a:hover:after { content:"\f106"; } .header ul li ul.sub-menu { position: absolute; display: none; left: -25px; top: 40px; padding: 20px 25px; width: auto; background: #f7f8f8; /* top: 69px; */ /* background: white; */ box-shadow: 0 0 30px #c6ced03b; } .header ul li ul.sub-menu li { margin: 0px; white-space: nowrap; margin-bottom: 19px; } .header ul li ul.sub-menu li a { font-weight: 400; font-size: 16px; } .standard-post { margin-bottom: 90px; } footer { float: left; width: 100%; height: auto; display: block; } .footer-top { padding-top: 100px; padding-bottom: 80px; background: #00242e; } .footer-bottom { min-height: 90px; padding-top: 20px; padding-bottom: 20px; height: auto; } .footer-bottom p { font-size: 15px; } .footer-bottom p span { display: inline-block; line-height: 1; font-size: 15px; height: 14px; color: white; width: 2px; margin: 0 14px; } .footer-bottom p a { box-shadow:none; font-weight: 300; } .footer-top .footer-meta { max-width: 330px; } .footer-top .footer-meta a.footer-logo { margin-bottom: 40px; } .footer-top .footer-meta a.footer-logo img, .footer-top .footer-meta a.footer-logo { max-height: 55px; } .footer-top ul.social-media { margin-top:40px; } ul.social-media { padding: 0px; margin: 0px; } ul.social-media li { padding: 0px; clear: none; width: auto; margin-right: 10px; margin-bottom: 0px; } ul.social-media li:before { display:none; } ul.social-media li a { width: 38px; height: 38px; display: flex; justify-content: center; align-items: center; border-radius: 50%; color: #ffffff; font-size: 14px !important; opacity:1; } ul.social-media li a:hover { opacity:0.6; } ul.social-media li a.fa-facebook-f { background:#1877f2; } ul.social-media li a.fa-twitter { background:#1da1f2; } ul.social-media li a.fa-linkedin-in { background:#0a66c2; } ul.social-media li a.fa-instagram { background: #d6249f; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); font-size: 18px; } ul.social-media li a.fa-pinterest-p { background:#bd081c; } .contact-meta { } .meta-inner { margin-bottom: 15px; padding-left: 35px; } .contact-meta .meta-inner:nth-of-type(2) { max-height: 28px; display: block !important; } .contact-meta .meta-inner:nth-of-type(2) a { margin-top: 2px; display: block; height: auto; position: relative; top: 0px; } .contact-meta .meta-inner a:before, .contact-meta .meta-inner a:after { display:none; } .meta-inner i, .section.sidebar-panel .contact-title i { font-size: 10px; width: 28px; height: 28px; display: flex; left: 0px; top: 0px; justify-content: center; align-items: center; border-radius: 50%; } .contact-meta .meta-inner i.fa-envelope { } .contact-meta .meta-inner i.fa-map-marker-alt { font-size:12px; } .contact-meta .meta-inner p { margin: -8px 0 -5px 0px; } .contact-meta .meta-inner:last-of-type { margin:0px; } .footer-top .contact-meta { margin:0px; } .footer-top .footer-section { } .footer-top .footer-section:first-of-type { } .footer-top .footer-section:last-of-type { } .footer-top .footer-section h6 { float: left; width: 100%; display: block; font-size: 18px; font-weight: 500; color: white; margin: -3px 0 44px; } .footer-top .footer-section ul { padding: 0px; margin: -10px 0 -10px 0px; } .footer-top .footer-section ul li { padding: 0px; margin-bottom: 20px; } .footer-top .footer-section ul li:before { display:none; } .footer-top .footer-section ul li a { box-shadow:none; } .footer-top .footer-section > div { } .accreditation { margin-bottom: 55px; } .accreditation a { opacity: 1; height: 78px; width: auto; float: left; } .accreditation .row > div { margin-bototm:30px; } .accreditation a:hover { opacity:0.6; } .accreditation a img { height:100%; width:auto; } .background-block { overflow:hidden; } .background-block .container { z-index:3; } .contact-block .content:not(.flexible-row-block) { } .contact-block .content h3 { font-size: 29px; margin-bottom: 45px; } .contact-block h6 { clear: both; float: left; width: 100%; margin: -6px 0 28px 0; } .background-block.contact-block .content:not(.flexible-row-block) { margin-top: 94px; } .background-block.contact-block .contact-form-main { padding-top: 90px; padding-bottom: 90px; background: #ffffff; padding-left: 35px; padding-right: 35px; max-width: calc(100% - 40px); } .background-block.contact-block .contact-form-main h4 { font-size: 26px; margin: -5px 0 35px 0; } .form-loader { background: rgb(255 255 255 / 64%); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); z-index: -1; opacity:0; visibility:hidden; } .form-loader.active { z-index: 4; opacity:1; visibility:visible; } .form-loader .loader-inner { width: 80px; height: 92px; display: block; background: none; } .form-loader .loader-inner .position-absolute { bottom: 0px; width: 100%; height: 0%; display: block; left: 0px; overflow: hidden; opacity: 0; animation:slidein 2s infinite alternate; } @keyframes slidein { from { height: 0%; opacity: 0; } to { height: 100%; opacity: 1; } } .form-loader .loader-inner .position-absolute img { float: left; width: 100%; height: auto; display: block; } table { width: 100%; margin-bottom: 35px; text-align:center; } table thead th { padding: 0 5px 16px; } table tbody td, table tfoot tr td, table tfoot tr th { height: 70px; vertical-align: middle; padding: 10px 20px; } .flexible-article-fields .flexible-row-block { margin-bottom: 60px; } .flexible-article-fields .flexible-row-block:last-of-type { margin-bottom: 0px; } .lightbox, .lightbox * { box-shadow:none !important; } .flexible-row-block blockquote { margin:0px; } .scroll-content-section { overflow-x: hidden; overflow-Y: auto; padding-right: 10px; max-height: 250px; padding-top: 6px; padding-bottom: 6px; } .scroll-content-section::-webkit-scrollbar { width: 8px; } .scroll-content-section::-webkit-scrollbar-track { border-radius: 0px; } .scroll-content-section::-webkit-scrollbar-thumb { border-radius: 0px; } .image-split-blocks .content { justify-content: start; padding-left: 40px; padding-right:0px; } .image-split-blocks.flex-row-reverse .content { justify-content: end; padding-right: 40px; padding-left:0px; text-align:right; } .img-filter { position: relative; filter: brightness(1.1) contrast(1.1); } .img-filter:before, article.case-study-post .image-container:before { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; display: block; z-index: 2; opacity: 0; background: rgb(44,241,48); background: -moz-linear-gradient(right, rgba(44,241,48,1) 0%, rgba(0,219,255,1) 48%, rgba(2,72,254,1) 100%); background: -webkit-linear-gradient(right, rgba(44,241,48,1) 0%,rgba(0,219,255,1) 48%,rgba(2,72,254,1) 100%); background: linear-gradient(to left, rgba(44,241,48,1) 0%,rgba(0,219,255,1) 48%,rgba(2,72,254,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( endColorstr='#2cf130', startColorstr='#0248fe',GradientType=1 ); } .img-filter img { position: relative; z-index: 1; width: 100%; height: 100%; object-fit: cover; } .image-split-blocks a.img-filter, .full-width-image a.img-filter{ opacity:1; } .image-split-blocks a.img-filter:hover, .full-width-image a.img-filter:hover { opacity:0.6; } .full-width-image a.img-filter { max-height: 330px; } .testimonials { margin-bottom: 120px; position: relative; } .testimonials.border-bottom { margin-bottom: 70px; padding-bottom: 80px; } .title-row { margin-bottom: 30px; } .title-row h3 { margin: -3px 0 -6px !important; font-size: 18px; font-weight: 600; } .testimonial-block { position: relative; padding: 15px 120px 0; } .testimonial-block:before, .testimonial-block:after { width:48px; height:38px; display: block; position: absolute; background: url(/wp-content/uploads/2022/09/Quotes.png) center center; background-size: cover; content: ""; transform: rotate(180deg); } .testimonial-block:before { top:0px; left:0px; } .testimonial-block:after { right: 0px; bottom: 128px; transform: none; } .testimonial-block p { font-size: 25px; line-height: 50px; font-weight: 300; } .testimonial-block .content { margin-bottom: 55px; } .testimonial-block .meta { font-size: 16px; font-weight: 600; } .testimonial-block .meta span:after { content:" and "; } .testimonial-block .meta span:last-of-type:after { display:none; } .slick-slider ul.slick-dots { padding: 0px; margin-top: 67px; margin-bottom: 0px; width: auto; } .slick-slider ul.slick-dots li { padding: 0px; margin-right: 30px; width: auto; margin-bottom: 0px; line-height: normal; width: 12px; height: 12px; } .slick-slider ul.slick-dots li:before { display:none; } .slick-slider ul.slick-dots li button { width: 12px; height: 12px; border-radius: 50%; color: transparent; text-indent: -9999px; padding: 0px; appearance: none; -webkit-appearance: none; } .slick-slider ul.slick-dots li.slick-active button { cursor:default; pointer-events:none; } .slick-slider button.next, .slick-slider button.previous { position:absolute; opacity:1; } .slick-slider button.next, .slick-slider button.previous { position: absolute; opacity: 1; width: 40px; height: 40px; font-size: 0px; background: 0 0; margin-top: 0; } .slick-slider button.next:before, .slick-slider button.previous:before { font-size: 22px; } .slick-slider button.previous { left:-60px; } .slick-slider button.next { right: -60px; } .post-list { margin-bottom: 60px; } .navigation { float: left; width: 100%; height: auto; display: block; } .navigation ul { margin-bottom: 30px; margin-top: 30px; padding-left: 0px; margin-left: 0px; border-bottom: 2px solid; } .navigation ul li { width: auto; padding: 0px; margin: 0px; line-height: normal; height: 40px; width: 36px; text-align: center; } .navigation ul li .ellipses { float: left; width: 100%; line-height: 0.8; font-weight: 600; display: block; margin-top: 10px; } .navigation ul li:before { display:none; } .navigation ul li a { position: relative; width: 100%; height: 100%; float: left; font-size: 20px; line-height: 0.8; } .navigation ul li a:before { position: absolute; left: 0px; height: 2px; display: block; bottom: -2px; width: 0%; opacity: 0; } .navigation ul li a:hover:before, .navigation ul li.active a:before { width:100%; opacity:1; } .navigation ul li.active a { } .navigation ul li.active { pointer-events:none; cursor:default; } .post-list .post-inner { flex-direction: column; height: 100%; position: relative; } .post-list .post-inner a.post-thumbnail { height: 200px; overflow: hidden; margin-bottom: 30px; } .post-list .post-inner h4 { margin-top: -6px; margin-bottom: 20px; } .post-list .post-inner h4 a { font-weight: 600; } .post-list .post-inner span.meta { font-size: 13px; font-weight: 600; line-height: 1.7; margin-bottom: -4px; } .post-list .post-inner a.post-thumbnail { height: 200px; overflow: hidden; margin-bottom: 30px; } .post-list .post-inner a.post-thumbnail:after { z-index: 2; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background-size: 160px !important; filter: grayscale(1); opacity: 0.4; } .post-list .post-inner a.post-thumbnail:before { z-index:4; } .post-list .post-inner a.post-thumbnail img { z-index:3; } .no-results-block .search-form-main { max-width: 600px; } .error404 { background: #00242e; padding: 0; } .error-404-block h1 { width: 100%; font-size: 292px; line-height: 1; margin-bottom: 0; } .error-404-block b.title { text-transform: uppercase; color: #ffffff; font-size: 18px; letter-spacing: 0.5em; padding: 13px 15px 10px; line-height: 0.8; padding-right: 9px; margin-bottom: 35px; } .error-404-block .content { margin-bottom: 50px; } .standard-post .gutter-right { padding-right: 50px; } .standard-post .gutter-left { padding-left: 0; } a.featured-single { opacity: 1; margin-top: -20px; margin-bottom: 60px; max-height: 450px; } a.featured-single:hover { opacity:0.6; } .next-posts, .next-posts span.nav-posts { margin-top: 30px; } .next-posts span.nav-posts span { line-height: 0.8; max-height: 14px; margin-bottom: 15px; } .next-posts span.nav-posts a, .next-posts span.nav-posts p, .related-case-studies .no-post { font-size: 20px; line-height: 1.45; font-weight: 400; } .next-posts span.nav-posts p, .related-case-studies .no-post { margin: 0px; opacity: 0.6; } .sidebar .section { float: left; width: 100%; margin-bottom: 40px; } .sidebar .section:last-of-type { margin-bottom:0px; } .sidebar .section.share ul.social-media { max-width: 90px; } .sidebar .section.share b.posted { margin: 0px; flex-grow: 1; padding-right: 15px; } .sidebar .section.share{ margin-bottom: 35px; } .sidebar .section > h4 { margin: -6px 0 23px 0px; } .sidebar .section ul.archive { margin: -7px 0 -7px 0px; padding: 0px; } .sidebar .section ul.archive li { padding: 0px; margin: 0 0 7px 0; } .sidebar .section ul.archive li:before{ display:none; } .sidebar .section ul.archive li a { box-shadow:none; } .sidebar .section .post-list { margin-bottom: 0px; } .sidebar .section .post-list article:last-of-type { margin: 0px; } .sidebar .section .post-list article { max-width: 100%; flex: 0 0 100%; } .sidebar .section .post-list article .post-inner {background: #f7f8f8;padding-bottom: 35px;} .sidebar .section .post-list article .post-inner a.post-thumbnail {height: 190px;margin: 0 0 35px;} .sidebar .section .post-list article .post-inner a.post-thumbnail img { max-width: none; float: left; min-width: auto; height: 100%; } .sidebar .section .post-list article .post-inner h4, .sidebar .section .post-list article .post-inner h4 a {font-size: 22px;font-weight: 400;} .sidebar .section .post-list article .post-inner span.meta { display:none !important; } .contact-page-module .contact-meta { margin-bottom: 55px; } .contact-page-module .contact-form-main { padding: 30px 30px 20px; margin: -5px 0 55px 0; background: #f7f8f8; } .contact-page-module .map-container { height: 450px; filter: grayscale(1); } .testimonials.no-border { padding-top: 0px; border-top: none; } .flexible-article-fields .section { clear: both; float: left; width: 100%; margin-bottom: 55px; } .flexible-article-fields > *:last-child { margin-bottom:0px; } .sidebar .section {margin-bottom: 70px;} .sidebar.main-sidebar .section:last-of-type { margin: 0px; } .panel, .woocommerce-pages .woocommerce .cart-collaterals { padding: 30px; background: #ffffff; } .section.sidebar-testimonial { padding-left: 105px; padding-right: 36px; } .section.sidebar-testimonial .content h4 { font-size: 20px; } .section.sidebar-testimonial .content p { font-size: 14px; font-weight: 500; line-height: 28px; } .section.sidebar-testimonial .content h4 span { font-weight: 900; } .section.sidebar-testimonial .content h4 span small { font-weight: 900; font-size: 15px; } .section.sidebar-testimonial .icon-block { position: absolute; left: 30px; top: 27px; } .icon-block { width: 50px; height: auto; max-width: 100%; max-height: 100%; float: left; } .icon-block img { float: left; max-width: 50px; max-height: 50px; } .section.sidebar-services { padding-left: 30px; position: relative; } .section.sidebar-services:before { position: absolute; left: 0px; height: 100%; width: 2px; display: block; top: 0px; } .section.sidebar-services .sidebar-service-contain { float: left; width: 100%; height: auto; display: block; padding-left: 69px; margin-bottom: 35px; } .section.sidebar-services .sidebar-service-contain:before { opacity: 0; position: absolute; left: -30px; height: 0%; width: 2px; display: block; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .section.sidebar-services .sidebar-service-contain:hover:before { opacity:1; height:100%; } .section.sidebar-services .sidebar-service-contain .content h5 { font-size: 18px; font-weight: 900; padding-top: 3px; margin-bottom: 8px; } .section.sidebar-services .sidebar-service-contain .content p, .section.sidebar-services a.sidebar-service-contain .content p, .cta-panel-list .panel p, .mega-menu .mega-menu-col .content p, .mega-menu .mega-menu-col .content ul li a { font-size: 14px; font-weight: 600; line-height: 28px; } .section.sidebar-services .sidebar-service-contain:last-of-type { margin-bottom:0px; } .section.sidebar-services .sidebar-service-contain .icon-block { position: absolute; left: 0px; top: 0px; } .section.sidebar-services .sidebar-service-contain .icon-block img { min-width: 50px; } .section.sidebar-services .sidebar-service-contain .icon-block img.icon-332 { min-width: 37px; } .section.sidebar-services h4 { margin-bottom: 33px; font-size: 21px; } .section.sidebar-panel b.posted { font-size: 17px; margin-bottom: 12px; float: left; width: 100%; } .section.sidebar-panel p { font-size: 14px; font-weight: 500; line-height: 28px; } .section.sidebar-panel .bottom-content p { line-height: 30px; } .section.sidebar-panel .contact-title { height: 28px; margin-bottom: 15px; padding-left: 43px; } .section.sidebar-panel .contact-title h6 { margin: 0px; font-size: 18px; } .section.sidebar-panel .bottom-content { margin-top: 30px; padding-top: 30px; } .flexible-article-fields .section.sidebar-panel .bottom-content { flex-wrap: nowrap !important; align-items: center; height: 60px; } .flexible-article-fields .section.sidebar-panel .bottom-content .contact-title { width: auto !important; flex-grow: 0; padding-right: 30px; margin: 0px; } .flexible-article-fields .section.sidebar-panel .bottom-content p { flex-grow: 1; display: flex; line-height: normal; margin-top: -6px; } .flexible-article-fields .section.sidebar-panel .bottom-content p a { margin-left: 6px; } .flexible-article-fields .section.sidebar-panel .bottom-content p a:first-of-type { margin-right: auto; } .flexible-article-fields .section.sidebar-panel .bottom-content p br { display: none; } .flexible-article-fields .section.sidebar-testimonial { padding-left: 95px; } .flexible-article-fields .section.sidebar-testimonial .icon-block { left: 27px; } .flexible-article-fields .section.sidebar-testimonial .content { display: flex; flex-wrap: wrap; } .flexible-article-fields .section.sidebar-testimonial .content p { margin: 0px 0 -7px 0; } .flexible-article-fields .section.sidebar-testimonial .content a.title { margin-left: auto; height: 21px; margin-bottom: 0px; margin-top: 4px; } .flexible-article-fields .section.sidebar-testimonial h4 { margin-bottom: 6px; padding-top: 2px; } .icon-block.hover { backface-visibility: hidden; -webkit-backface-visibility: hidden; } .icon-block.hover img { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .icon-block.hover img.top { z-index:2; opacity:0; } .icon-block.hover img.bottom { z-index:1; opacity:1; } .section.sidebar-services .sidebar-service-contain:hover .icon-block.hover img.top { opacity:1; } .section.sidebar-services .sidebar-service-contain:hover .icon-block.hover img.bottom { opacity:0; } .checklist-block ul, ul.checklist { padding: 0px; margin: 0px; margin-bottom: -14px !important; } .checklist-block ul li, ul.checklist li { min-height: 40px; padding-left: 60px; margin-bottom: 15px !important; float: left; width: 100%; display: flex; align-items: center; } .checklist-block ul li:before, ul.checklist li:before { content: "\f00c"; font-family: "Font Awesome 5 Pro"; width: 40px; height: 40px; top: 0px; text-align: center; color: #ffffff; line-height: 0.8; padding: 14px 0; border-radius: 0; font-size: 16px; } .lazyLoadImage, .lazyLoadHeroImage { -webkit-transition: all 0.2s ease-in-out !important; -moz-transition: all 0.2s ease-in-out !important; -ms-transition: all 0.2s ease-in-out !important; -o-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important; opacity:0; background-position:center center !important; background-size:cover !important; } .lazyLoadImage.active, .lazyLoadHeroImage.active { opacity:1; } .full-width-block { position: relative; overflow: hidden; } .full-width-block:before, .full-width-image:before { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } .full-width-block .full-width-inner { z-index: 2; padding-top: 90px; padding-bottom: 225px; } .cta-panel-list { z-index: 3; margin-top: -150px; margin-bottom: 80px; } .cta-panel-list .panel { height: 100%; } .cta-panel-list .panel .icon-block { margin-top: 5px; margin-bottom: 30px; height: 66px; width: 100%; position: relative; } .cta-panel-list .panel .icon-block img { max-width: 80px; max-height: 100%; } .cta-panel-list .panel h4 { font-size: 20px; margin-bottom: 14px; } .cta-panel-list .panel:hover .icon-block img.top { opacity:1; } .cta-panel-list .panel:hover .icon-block img.bottom { opacity:0; } .opening-content { margin-bottom: 70px; } .opening-content h2 { line-height: 1.35; margin-bottom: 35px; } .service-panels.cta-panel-list { margin-top: 0px; } .service-panels.cta-panel-list .panel, .service-panels.cta-panel-list .panel span.link { box-shadow:none; } .service-panels .panel h3 { font-size: 22px; font-weight: 500; } .service-panels.cta-panel-list .panel .icon-block { height: 70px; margin-top: 0px; } .service-panels.cta-panel-list .panel .icon-block img { max-width: 100%; min-width: 64px; } .service-panels.cta-panel-list .panel .content { margin-bottom: 30px; } .service-panels.cta-panel-list .panel { flex-direction: column; } .service-panels.cta-panel-list.service-panels-list { margin-bottom: 0px; } .service-panels.service-panels-list a.panel { justify-content: start !important; padding: 35px; padding-left: 135px; } .service-panels.service-panels-list a.panel .icon-block { width: 70px; position: absolute; left: 30px; margin-bottom: 0px; } .service-panels.service-panels-list a.panel .content { text-align: left !important; margin-top: 3px; } .service-panels.service-panels-list a.panel span.link { justify-content: start !important; } .sidebar-over { position: relative; z-index: 4; margin-top: -250px; } .hero-background-block .content p { font-size: 18px; line-height: 36px; } .hero.hero-full-image { filter: contrast(1.1) brightness(1.1); height: 500px; position: relative; padding-bottom: 95px; } .hero.hero-full-image:before { background: #1b1b1b; background: -moz-linear-gradient(left, #1b1b1b 0%, rgb(27 27 27 / 0%) 100%); background: -webkit-linear-gradient(left, #1b1b1b 0%,rgb(27 27 27 / 0%) 100%); background: linear-gradient(to right, #1b1b1b 0%,rgb(27 27 27 / 0%) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b1b1b', endColorstr='#1b1b1b',GradientType=1 ); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0.5; } .hero.hero-full-image p#breadcrumbs { text-shadow: 0px 0px 15px rgb(43 43 43 / 50%), 0px 0px 7px rgb(43 43 43 / 16%); } .page-template-service-parent .flexible-article-fields { margin-top:15px; } .top-nav { margin-bottom: 25px; margin-top: 0px; -webkit-transition: all 0.2s ease-in-out !important; -moz-transition: all 0.2s ease-in-out !important; -ms-transition: all 0.2s ease-in-out !important; -o-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important; } .header.fixed .top-nav { margin-top: -41px; } .top-nav span.contact-meta { font-size: 13px; font-weight: 500; line-height: 1; margin-right: 25px; white-space: nowrap; } .header .top-nav ul { padding: 0px; margin: -4px 0 0 0px; } .header .top-nav ul li { margin-right: 40px; } .header .top-nav ul li a { font-size: 14px; line-height: 1; } .contact-page-module .contact-meta .meta-inner:last-of-type p br { display: none; } .gallery-full .title-row { margin-bottom: 50px; } .gallery-slider.slick-slider ul.slick-dots { margin-left: 15px; margin-top: 50px; } .gallery-slider a.gallery-block, .gallery-filter a.gallery-block { box-shadow:none; } .gallery-slider a.gallery-block img, .gallery-filter a.gallery-block img { -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .gallery-slider a.gallery-block:hover img, .gallery-filter a.gallery-block:hover img { -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .gallery-slider.slick-slider button.previous, .gallery-slider.slick-slider button.next { bottom: auto; top: 40%; transform: translateY(-50%); } .gallery-slider.portrait a.gallery-block { height: 320px; } .gallery-slider.portrait a.gallery-block img { height: 100%; max-width: none; } .gallery-filter { margin-top: -30px; margin-bottom: 85px; } ul.nav-tabs, .woocommerce-pages .woocommerce nav ul { padding: 0px; margin-bottom: 45px; border-bottom: 1px solid #000000; } ul.nav-tabs li, .woocommerce-pages .woocommerce nav ul li { padding: 0px; margin: 0px; position: relative; z-index: 3; } ul.nav-tabs li:before, .woocommerce-pages .woocommerce nav ul li:before { display:none; } ul.nav-tabs li a, .woocommerce-pages .woocommerce nav ul li a { line-height: 1; font-size: 16px; box-shadow: none; position: relative; padding: 0 20px 20px; opacity: 0.5; } ul.nav-tabs li a:hover, .woocommerce-pages .woocommerce nav ul li a:hover { opacity: 1; } ul.nav-tabs li a:before, .woocommerce-pages .woocommerce nav ul li a:before { visibility: visible; height: 2px; bottom: -2px; left: 0px; width: 0px; display: block; opacity: 0; position: absolute; z-index: 2; } ul.nav-tabs li a:hover:before, ul.nav-tabs li a.active:before, .woocommerce-pages .woocommerce nav ul li a:hover:before, .woocommerce-pages .woocommerce nav ul li.is-active a:before { opacity:1; width:100%; } ul.nav-tabs li a.active, .woocommerce-pages .woocommerce nav ul li.is-active a { opacity: 1; cursor:default; pointer-events:none; } .testimonials.testimonials-panel { border: none !important; padding-top: 0px; margin-bottom: 30px; } .downloads-list .download-item { flex-direction: row; } .downloads-list .download-item:last-of-type { margin:0px; } .downloads-list .download-item a.btn { width: 50px; text-align: center; line-height: 0.8; padding: 15px 0px; min-width: 50px; } .downloads-list .download-item a.btn { font-size: 0px; } .downloads-list .download-item a.btn > i { font-size: 17px; } .downloads-list .download-item .file-icon { width: 50px; height: 50px; color: #ffffff; text-align: center; font-size: 26px; line-height: 0.8; padding: 11px 0; min-width: 50px; } .downloads-list .download-item .file-meta { min-width: 50%; max-width: 50%; padding-left:30px; } .downloads-list .download-item .file-size, .downloads-list .download-item .file-type { min-width: 20%; max-width: 20%; padding: 0 15px; font-size: 18px; line-height: 1.4; } .downloads-list .download-item .file-type span { display:inline-block; text-transform:uppercase; } .downloads-list .download-item small { font-weight: 700; font-style: italic; opacity: 0.7; } .downloads-list .download-item h4 { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 7px; } .gutter-right .downloads-list .download-item .file-size, .gutter-right .downloads-list .download-item .file-type { font-size: 16px; min-width: 25%; max-width: 25%; } .gutter-right .downloads-list .download-item .file-meta { min-width: 35%; max-width: 35%; } .post-list .post-inner.case-study-post { position: relative; flex-direction: row; } .post-list .post-inner.case-study-post a.post-thumbnail { margin: 0px; min-width: 200px; max-width: 200px; overflow: hidden; height:200px; } .post-list .post-inner.case-study-post a.post-thumbnail img { height: 100%; width: auto; max-width: none; } .post-list .post-inner.case-study-post .content { max-width: calc(100% - 200px); padding-left: 40px; } .post-list .post-inner.case-study-post .content h4 { float: left; width: 100%; display: block; margin-bottom: 12px; } .related-case-studies { margin-bottom: 110px; } .related-case-studies .title { } .related-case-studies .title-row { margin-bottom: 60px; } .single-case_study .testimonials { border-top: none; padding-top: 0px; } .full-width-image { } .full-width-image .container { position: relative; z-index: 3; } .full-width-image .quote-over-image { padding-bottom: 75px; padding-top: 90px; color: #ffffff; } .full-width-image .quote-over-image p { font-size: 24px; line-height: 40px; font-weight: 100; margin: 0px; } .full-width-image .quote-over-image small { font-size: 16px; margin-top: 30px; } .featured-case-study .gutter-left { padding-left: 60px; } .featured-case-study h3 { margin-bottom: 30px; } .featured-case-study h3 small { font-size: 20px; margin-bottom: 14px; } .featured-case-study .content { margin-bottom: 50px; } .featured-case-study .meta a.btn { width: 156px; } /* mega menu blocks */ .mega-menu { top: 115px; display: none; } .header.fixed .mega-menu { top: 90px; } .mega-menu .row.top { margin-left: -50px; margin-right: -50px; } .mega-menu h3 { font-size: 24px; margin: -6px 0 30px 0; } .mega-menu .mega-menu-col { max-width: 20%; min-width: 20%; } .mega-menu .mega-menu-col .justify-content-start { padding-left: 0px; } .mega-menu .mega-menu-col .content { margin-bottom: 3px; } .mega-menu .mega-menu-col .content h4 { font-size: 19px; padding-top: 3px; margin-bottom: 16px; } .mega-menu .mega-menu-col .content h4 a { font-weight: 500; } .mega-menu .mega-menu-col .content ul { padding: 0px; } .mega-menu .mega-menu-col .content li { float: left; width: 100%; margin: 0 0 14px 0; } .mega-menu .mega-menu-col .content p { margin-top: -2px; } /* mega menu blocks */ /* all your homepage hero stuff sits here */ .hero-home-page { margin-top: 0; height: 575px; background: #274e13; position: relative; } .hero-home-page h1 {margin: -13px 0 30px;font-size: 55px;color: #ffffff;} .hero-home-page h1, .hero-home-page .content { width: 100%; } .hero-home-page .content { margin-bottom: 62px; } .hero-home-page .content p {color: #deebef;} .hero-home-page .flex-nowrap { margin-left: -10px; margin-right: -10px; } .hero-home-page .flex-nowrap .col { padding-left: 10px; padding-right: 10px; flex-grow: 0; } .hero-home-page .hero-image { margin-left: 55px; float: left; padding: 15px 0 0; position: relative; top: 35px; } .hero-home-page .hero-image img { float: left; max-width: none; position: relative; animation: bob 3s infinite; } .hero-home-page .flex-nowrap .btn { min-width: 152px; backface-visibility: hidden; -webkit-backface-visibility: hidden; } /* all your homepage hero stuff sits here */ /* mobile menu */ a#burgerMenu { display: none; width: 45px; height: 45px; margin-left: 20px; position: relative; padding: 7px; font-size: 0px; } a#burgerMenu span { opacity: 1; transform: rotate(0deg); width: 30px; height: 3px; background: #1b1b1b; position: absolute; left: 5px; } a#burgerMenu span:nth-of-type(1) { top: 9px; } a#burgerMenu span:nth-of-type(2) { top: 21px; } a#burgerMenu span:nth-of-type(3) { bottom: 9px; } a#burgerMenu.active span { background: #fe4949 !important; } a#burgerMenu.active span:nth-of-type(1), a#burgerMenu.active span:nth-of-type(2) { transform: rotate(45deg); top: 21px; } a#burgerMenu.active span:nth-of-type(2) { opacity:0; } a#burgerMenu.active span:nth-of-type(3) { transform: rotate(-45deg); bottom: 21px; } .header.active { -webkit-box-shadow: 0px 0px 33px 0px rgb(101 63 127 / 0%) !important; -moz-box-shadow: 0px 0px 33px 0px rgb(101 63 127 / 0%) !important; box-shadow: 0px 0px 33px 0px rgb(101 63 127 / 0%) !important; } .mobile-menu { right: 0px; width: 100vw; max-width: 290px; top: 0px; background: #ffffff; min-height: 100vh; min-height: -moz-available; min-height: -webkit-fill-available; min-height: fill-available; z-index: 98; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding: 30px; padding-top: 130px; transform: translateX(100%); overflow: hidden; opacity: 0; } .mobile-menu.active { transform: translateX(0%); opacity:1; } .mobile-menu .mobile-menu-inner { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; transform: translateX(100%); max-height: 100%; padding-bottom: 120px; position: absolute; top: 120px; height: calc(100% - 150px); width: 100%; left: 0px; padding-left: 30px; padding-right: 30px; } .mobile-menu .mobile-menu-inner .menu-main-menu-container { float: left; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; } .mobile-menu.active .mobile-menu-inner { transform: translateX(0%); transition-delay:0.1s; } .mobile-menu .mobile-menu-inner ul { padding: 0px; margin: 0px; } .mobile-menu .mobile-menu-inner ul li { padding: 0px; margin: 0px; float: left; width: 100%; margin-bottom: 17px; padding-left: 20px; } .mobile-menu .mobile-menu-inner ul li ul.sub-menu { position: relative; float: left; width: 100%; display: block; } .mobile-menu .mobile-menu-inner ul li:before { display:none; } .mobile-menu .mobile-menu-inner ul li a { font-weight: 400; float:left; width:100%; display:block; } .mobile-menu .mobile-menu-inner ul li.menu-item-has-children > a { display: none; } .mobile-menu .mobile-menu-inner ul li.menu-item-has-children, .mobile-menu .mobile-menu-inner ul li.menu-item-860 { padding-left:0px; } .mobile-menu .mobile-menu-inner ul li.menu-item-860 a { padding-left: 20px; font-size: 24px; line-height: 1; position: relative; } .mobile-menu .mobile-menu-inner ul li.menu-item-860 a:before, .mobile-menu .mobile-menu-inner ul li.menu-item-860 a:after { opacity: 0; left: 0px; width: 2px; position: absolute; left: 0px; top: 1px; } .mobile-menu .mobile-menu-inner ul li.menu-item-860 a:after { height: 100%; display: block; opacity: 1; z-index:1; } .mobile-menu .mobile-menu-inner ul li.menu-item-860 a:before { z-index:2; } .mobile-menu .mobile-menu-inner ul li.menu-item-860 a:hover:before, .mobile-menu .mobile-menu-inner ul li.menu-item-860.current-menu-item a:before { height:100%; opacity:1; } /* mobile menu contact info */ .mobile-menu-inner .contact-bottom { padding-bottom: 0px; bottom: 0px; z-index:3; } .mobile-menu-inner .contact-bottom .contact-meta .meta-inner { padding-left: 0px; } .mobile-menu-inner .contact-bottom .contact-meta .meta-inner i { display:none; } .mobile-menu-inner .contact-bottom .contact-meta .meta-inner { padding-left: 0px; font-size: 14px; font-weight: 500; min-height: 20px; margin-bottom: 20px; } .mobile-menu-inner .contact-bottom .contact-meta .meta-inner:nth-of-type(2) { margin-bottom:0px; } .mobile-menu-inner .contact-bottom .contact-meta .meta-inner:last-of-type { display: none !important; } /* mobile menu */ /* IE 11 modal */ .ie-modal-only { z-index: 9999999; top: 0px; left: 0px; width: 100vw; height: 100vh; background: rgba(59, 59, 59, 0.65); display:none; } .ie-modal-only .vhboth { width: 100%; max-width: 670px; } /* IE 11 modal */ /*misc icon width fixe */ .section.sidebar-services .sidebar-service-contain .icon-block img.icon-549 { min-width: 24px; } .service-panels.service-panels-list a.panel .icon-block img.icon-549 { min-width: 34px; } .section.sidebar-services .sidebar-service-contain .icon-block img.icon-533 { min-width: 36px; } .service-panels.service-panels-list a.panel .icon-block img.icon-533 { min-width: 50px; } /* global margins */ .mb-35 { margin-bottom:35px; } .mb-30 { margin-bottom:30px; } p#breadcrumbs *:before, p#breadcrumbs *:after { display:none; } div#primary, div#primary #main { float: left; width: 100%; height: auto; display: block; } /* hidden elements*/ .element, .wpcf7 form .fields.submit span.ajax-loader, body.error404 .header, body.error404 .footer, body.error404 .footer-bottom, .page .standard-post .standard-post-meta, .page .post-navigation, .contact-meta a span p br, .single-testimonials .standard-post .standard-post-meta, .testimonials-template-default .social-feed, .grecaptcha-badge, .error404 .accreditation, .error404 footer { display:none !important; visibility:none !important; } /* no transitions */ div#cookie-law-info-bar .header .menu-main-menu-container ul li > ul.sub-menu, .header .menu-main-menu-container ul li.menu-item-has-children > a:after, .mega-menu-container, .header .menu-main-menu-container ul li > ul.sub-menu, .lightboxOverlay, .lightbox, .lightbox *, .accordion-section .acc-section, .tabbed-container .tabbed-content-contain .tabbed-inner, .container-fluid, .container, .row, .h1, h2, h3, h4, h5, h6, .col-12, .col-0, .fab:before, .fab:after, .fal:before, .fal:after, .fal:before, .fal:after, .fas:before, .fas:after, .fa:before, .fa:after, .header ul li.menu-item-has-children > a:after, .header ul li#menu-item-860 > a:after, .search-form-main button.search-submit i, .search-form-main button.search-submit i:before, .search-form-main button.search-submit i:after, .show-filters a#showFilters i, .show-filters a#showFilters i:before, .show-filters a#showFilters i:after, .show-filters a#showFilters span, .filters-container .filter-block h4 a:before { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .frm_forms form .form-loader { top: 0; left: 0; } .frm_forms form .form-field { margin-bottom: 25px; } .frm_forms form .form-field > label { float: left; width: 100%; display: block; height: auto; margin: -3px 0 13px 0; text-transform: none; font-size: 15px; font-weight: 600; color: #00242e; font-family: 'Montserrat',sans-serif; } .frm_forms form .form-field > label:hover, .contact-page-module .frm_forms form .form-field > label:hover { cursor: pointer; color: #2ae83b; } .frm_forms form .form-field input[type=text], .frm_forms form .form-field input[type=password], .frm_forms form .form-field input[type=email], .frm_forms form .form-field input[type=number], .frm_forms form .form-field input[type=url], .frm_forms form .form-field input[type=tel], .frm_forms form .form-field input[type=file], .frm_forms form .form-field input[type=search], .frm_forms form .form-field select, .frm_forms form .form-field textarea, .frm_forms form .form-field .frm-card-element.StripeElement, .frm_forms form .form-field .selectize-input{ float: left; width: 100%; height: 50px; padding: 10px 20px; text-transform: none; font-size: 16px; font-weight: 300; border-radius: 0px; appearence: none; -webkit-appearance: none; box-shadow: none; border: 1px solid #cccccc; background: #ffffff; } .frm_forms form .form-field textarea { height: 130px; resize: none; } .frm_forms form .form-field input[type=text]:hover, .frm_forms form .form-field input[type=password]:hover, .frm_forms form .form-field input[type=email]:hover, .frm_forms form .form-field input[type=number]:hover, .frm_forms form .form-field input[type=url]:hover, .frm_forms form .form-field input[type=tel]:hover, .frm_forms form .form-field input[type=file]:hover, .frm_forms form .form-field input[type=search]:hover, .frm_forms form .form-field select:hover, .frm_forms form .form-field textarea:hover, .frm_forms form .form-field .frm-card-element.StripeElement:hover, .frm_forms form .form-field .selectize-input:hover { cursor: pointer; border-color: #2ae83b; } .frm_forms form .form-field input[type=text]:focus, .frm_forms form .form-field input[type=password]:focus, .frm_forms form .form-field input[type=email]:focus, .frm_forms form .form-field input[type=number]:focus, .frm_forms form .form-field input[type=url]:focus, .frm_forms form .form-field input[type=tel]:focus, .frm_forms form .form-field input[type=file]:focus, .frm_forms form .form-field input[type=search]:focus, .frm_forms form .form-field select:focus, .frm_forms form .form-field textarea:focus, .frm_forms form .form-field .frm-card-element.StripeElement:focus, .frm_forms form .form-field .selectize-input:focus { cursor:default; } .frm_forms form .form-field .frm_error { font-weight: normal; display: block; float: left; width: 100%; margin: 10px 0 0 0; font-size: 12px; } .frm_forms form .form-field .frm_opt_container { float: left; width: 100%; position: relative; } .frm_forms form .form-field .frm_opt_container .frm_checkbox label{ float:left; width:auto; padding: 0; margin: 0; text-indent: 0px; } .frm_forms form .form-field .frm_opt_container .frm_checkbox label input, .frm_forms form .form-field .frm_opt_container .frm_radio label input{ display: none !important; } .frm_forms form .form-field .frm_opt_container .frm_radio label span, .frm_forms form .form-field .frm_opt_container .frm_checkbox label span { float: left; padding-left: 55px; position: relative; line-height: 35px; } .frm_forms form .form-field .frm_opt_container .frm_radio label span:before, .frm_forms form .form-field .frm_opt_container .frm_checkbox label span:before { content: ''; visibility: visible; position: absolute; left: 0; top: 0; width: 35px; height: 35px; display: block; border: solid 1px #ccc; content: "\f00c" !important; font-family: 'Font Awesome 5 Pro'; font-weight: 500; font-size: 12px; text-align: center; line-height: 33px; color: transparent; } .frm_forms form .form-field .frm_opt_container .frm_radio label span:before{ border-radius: 50%; } .frm_forms form .form-field .selectize-input { display: flex !important; flex-wrap: wrap; justify-content: start; align-items: center; padding-right: 50px; } .frm_forms form .form-field .selectize-input:after { content: "\f107"!important; font-family: "Font Awesome 5 Pro"; border: none !important; width: auto !important; height: auto !important; top: auto !important; right: 23px !important; margin: 0px !important; font-weight: 400; opacity: 0.8; position: absolute; visibility: visible; } .frm_forms form .form-field .selectize-input.dropdown-active:after { content:"\f106"!important; } .frm_forms form .form-field .selectize-dropdown { padding-top: 10px; padding-bottom: 13px; top: 70px !important; } .frm_forms form .form-field .selectize-dropdown { top: 50px !important; } .frm_forms form .form-field .selectize-dropdown .selectize-dropdown-content { max-height: 220px; } .frm_forms form .form-field .selectize-dropdown .selectize-dropdown-content .option { padding: 13px 22px; cursor: pointer; } .frm_forms form .frm_submit { float: left; width: 100%; margin: 0 0 0 0; } .frm_forms form .frm_submit button.btn.btn-primary { color: #fff; background: none; } body { font-size: 18px; color: #455155; font-family: 'Montserrat', "Helvetica",sans-serif; font-weight: 400; padding-top: 0; opacity: 1; } ::-moz-selection { color: #ffffff; background:#00242e; } ::selection { color: #ffffff; background:#00242e; } .header ul li ul.sub-menu, .drop-shadow, .cookieconsent-popup, .woocommerce-pages .woocommerce .cart-collaterals, #customer_login .col-1:before, #customer_login .col-2:before { } .drop-shadow { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .drop-shadow:hover { -webkit-box-shadow: 0px 0px 33px 0px rgb(31 29 33 / 30%); -moz-box-shadow: 0px 0px 33px 0px rgb(31 29 33 / 30%); box-shadow: 0px 0px 33px 0px rgb(31 29 33 / 30%); } ul.nav-tabs li a, .woocommerce-pages .woocommerce nav ul li a, .woocommerce-pages .woocommerce .woocommerce-terms-and-conditions-wrapper label span, #customer_login .form-row .password-input .show-password-input, #customer_login .form-row label.woocommerce-form-login__rememberme span { color: #666666; } a, .footer-bottom p a:hover, .footer-bottom .text-right p a, .background-block.contact-block .contact-meta a:hover, .section.sidebar-panel a:hover, .post-list .post-inner h4 a:hover, .next-posts span.nav-posts a:hover, .section.sidebar-services a.sidebar-service-contain:hover .content p, .section.sidebar-services a.sidebar-service-contain:hover .content h5, .service-panels .panel:hover h3, .mega-menu .mega-menu-col .content ul li a:hover, .service-panels.cta-panel-list .panel span.link b, .mega-menu a:hover, .mobile-menu .mobile-menu-inner ul li a:hover, .cookieconsent-popup .cookieconsent-button-wrap button:first-of-type span.ui-button-text, ul.nav-tabs li a:hover, .woocommerce-pages .woocommerce nav ul li a:hover, #customer_login .form-row .password-input .show-password-input:hover, .filters-container .filter-block.active h4 a, .post-inner:hover h4 a, .post-inner:hover .meta { color: #2ae83b; } p#breadcrumbs a, p#breadcrumbs b, p#breadcrumbs strong, .top-nav span.contact-meta, ul.nav-tabs li a.active, .woocommerce-pages .woocommerce .cart-collaterals .cart_totals table tr.order-total th, .woocommerce-pages .woocommerce .cart-collaterals .cart_totals table tr.order-total td, .woocommerce-pages .woocommerce .cart-collaterals .cart_totals table tr.order-total td strong, .woocommerce-pages .woocommerce nav ul li a, .woocommerce-pages .woocommerce table tfoot tr.order-total th, .woocommerce-pages .woocommerce table tfoot tr.order-total td, .woocommerce-pages .woocommerce table tfoot tr.order-total td strong, .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected], .filters-container .filter-block h4 a { color: #00242e; } a, .service-panels.cta-panel-list .panel span.link b, .cookieconsent-popup .cookieconsent-button-wrap button:first-of-type span.ui-button-text, .single-address p a:hover, .footer-address p a:hover { box-shadow: inset 0 -0.06rem 0 0 #2ae83b; } a:hover, .service-panels.cta-panel-list .panel:hover span.link b, .cookieconsent-popup .cookieconsent-button-wrap button:first-of-type span.ui-button-text:hover { box-shadow: inset 0 -0.06rem 0 0 #3b3b3b; color: #3b3b3b; } p#breadcrumbs a, p#breadcrumbs b, p#breadcrumbs strong, .navigation ul li .ellipses, .post-list .post-inner span.meta, form .fields input.wpcf7-text, form .fields textarea, form .form-row input:not([type=checkbox]):not([type=radio]), form .form-row textarea, .quantity input, form#commentform p:not(.form-submit) input:not([type=checkbox]):not([type=radio]), form#commentform p textarea, form .fields .selectize-input, form .form-row .selectize-input, div.summary table.variations tr td .selectize-input, .search-form-main input, form .fields .selectize-dropdown .selectize-dropdown-content .option, form .form-row .selectize-dropdown .selectize-dropdown-content .option, div.summary table.variations tr td .selectize-dropdown .selectize-dropdown-content .option, form .fields .selectize-dropdown .selectize-dropdown-content .option.selected, form .form-row .selectize-dropdown .selectize-dropdown-content .option.selected, div.summary table.variations tr td .selectize-dropdown .selectize-dropdown-content .option.selected, input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input::-moz-placeholder, textarea::-moz-placeholder, input:-ms-input-placeholder, textarea:-ms-input-placeholder, input:-moz-placeholder, textarea:-moz-placeholder, .wpcf7 form .fields .wpcf7-checkbox .wpcf7-list-item span.wpcf7-list-item-label, .wpcf7 form .fields .wpcf7-radio .wpcf7-list-item span.wpcf7-list-item-label, .accordion-section .acc-title, p#breadcrumbs a, p#breadcrumbs b, p#breadcrumbs strong, .woocommerce-pages .woocommerce ul.payment_methods.methods li label, .woocommerce-pages .woocommerce ul.woocommerce-order-overview li { color:#3b3b3b; } p#breadcrumbs a:hover, .woocommerce-pages .woocommerce ul.payment_methods.methods li label:hover, .woocommerce-pages .woocommerce ul.payment_methods.methods li input:checked ~ label { color:#00242e; } h1, h2, h3, h4, h5, h6, .title, .btn, .testimonial-block .meta, .navigation ul li a, .mobile-menu .mobile-menu-inner ul li.menu-item-479 a, form .fields b, form .form-row label, div.summary table.variations tr td label, form#commentform p label, .next-posts span.nav-posts span, .sidebar .section b.posted, table thead th, .cookieconsent-dialog-content .cookieconsent-level-changer-wrap p.ui-state-highlight, .cookieconsent-dialog-content .cookieconsent-level-changer-wrap .cookieconsent-permission-panels .ui-corner-all .cookieconsent-permission-panel-title, .accordion-section .acc-title, .woocommerce-pages .woocommerce .button, .woocommerce-pages .woocommerce .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals th, .woocommerce-pages .woocommerce nav ul li a, .woocommerce-pages .woocommerce form.edit-account fieldset legend, .woocommerce-pages .woocommerce ul.payment_methods.methods li label, .woocommerce-pages .woocommerce ul.woocommerce-order-overview li { font-family: 'Montserrat', "Helvetica",sans-serif; } .woocommerce-pages .woocommerce .woocommerce-terms-and-conditions-wrapper label span { font-family: 'Montserrat', "Helvetica",sans-serif; } .btn, .woocommerce-pages .woocommerce .button { font-weight: 500; } h1, h2, h3, h4, h5, h6, .testimonial-block .meta, .navigation ul li a, .search-form-main button.search-submit, .opening-content h2, .mobile-menu .mobile-menu-inner ul li.menu-item-479 a, ol li:before, .background-block.contact-block .contact-form-main h4, form .fields b, form .form-row label, div.summary table.variations tr td label, form#commentform p label, .next-posts span.nav-posts span, .sidebar .section b.posted, .wpcf7 form .fields .wpcf7-checkbox .wpcf7-list-item label input:checked ~ span.wpcf7-list-item-label, .wpcf7 form .fields .wpcf7-radio .wpcf7-list-item span.wpcf7-list-item-label, form .fields.gdpr label .gdpr-checkbox, table thead th, .mega-menu a, .woocommerce-pages .woocommerce .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals th, .woocommerce-pages .woocommerce form.edit-account fieldset legend, .woocommerce-pages .woocommerce section h2, #customer_login h2 { color: #00242e; } h1, h2, h3, h4, h5, h6, .navigation ul li a, .search-form-main button.search-submit, .opening-content h2 { font-weight: 500; } .navigation ul li.active a, .search-form-main button.search-submit:hover, .no-results-block h3, .hero-home-page h1 span, .mobile-menu .mobile-menu-inner ul li.menu-item-479 a:hover { color:#00242e; font-weight: 900; } h3 { } h4, h5, h6, .slick-slider button.next, .slick-slider button.previous, .post-list .post-inner h4 a, .next-posts span.nav-posts a, .section.sidebar-testimonial .content p, .section.sidebar-testimonial .content b, .section.sidebar-testimonial .content strong, .slick-slider ul.slick-dots li button:hover, .cookieconsent-dialog-content .cookieconsent-level-changer-wrap p.ui-state-highlight, .cookieconsent-dialog-content .cookieconsent-level-changer-wrap .cookieconsent-permission-panels .ui-corner-all .cookieconsent-permission-panel-title { font-weight: 600; } .cookieconsent-dialog-content .cookieconsent-level-changer-wrap p.ui-state-highlight { font-weight: 700; } .cookieconsent-dialog-content .cookieconsent-level-changer-wrap .cookieconsent-permission-panels .ui-corner-all .cookieconsent-permission-panel-title { font-weight:600; } ul.nav-tabs li a:before, .woocommerce-pages .woocommerce nav ul li a:before, .woocommerce-pages .woocommerce mark { background:#00242e; } .btn-secondary:before, .background-block, .error-404-block b.title, ul.nav-tabs li a.active:before, .woocommerce-pages table tbody td button.button[name="update_cart"]:before, .woocommerce-pages .woocommerce nav ul li.is-active a:before { background: #00242e; } ul li:before { width:5px; height:5px; background: #2ae83b; border-radius: 100px; } ol li:before { font-family: 'Montserrat', sans-serif; font-weight: 600; } .header ul li a { color: #00242e; font-weight: 500; } .footer-top .footer-section ul li a {font-size: 16px;font-weight: 400;color: #c4cfd2;} .header ul li a:hover, .header ul li ul.sub-menu li a:hover, .sidebar .section ul.archive li a:hover{ color: #0257fe; } .header ul li.current-menu-item > a , .header ul li ul.sub-menu li.current-menu-item a, .header ul li.current_page_ancestor > a, .footer-bottom .text-right p a:hover, form .fields .selectize-dropdown .selectize-dropdown-content .option:hover, form .form-row .selectize-dropdown .selectize-dropdown-content .option:hover, div.summary table.variations tr td .selectize-dropdown .selectize-dropdown-content .option:hover { color: #0257fe; } .btn-primary, .cookieconsent-popup .cookieconsent-button-wrap button:last-of-type,.section.sidebar-panel, .woocommerce-pages .woocommerce .button:after { box-shadow: none !important; } .btn-secondary, .woocommerce-pages table tbody td button.button[name="update_cart"] { border: 1px solid #00242e; color: #00242e; box-shadow: none !important; } .btn-secondary.white { border: 1px solid #ffffff; color: #ffffff; } .btn-primary.white { color:#3c3c3c; } .btn-primary.white:hover, .btn-secondary:hover, .woocommerce-pages .woocommerce .button:hover, .woocommerce-pages table tbody td button.button[name="update_cart"]:hover, .woocommerce-pages .woocommerce mark, .show-filters a#showFilters.active { color:#ffffff !important; } .btn-primary.white:hover:focus { color:#3c3c3c !important; } .btn-primary:before, .btn-secondary:before, .cookieconsent-popup .cookieconsent-button-wrap button:last-of-type:before, .section.sidebar-panel, .woocommerce-pages .woocommerce .button:before, .downloads-list .download-item .file-icon, .section.call-us .meta-inner i:before { opacity: 1; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2cf130+0,0248fe+100 */ background: rgb(44,241,48); /* Old browsers */ background: -moz-linear-gradient(right, rgba(44,241,48,1) 0%, rgba(2,72,254,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(right, rgba(44,241,48,1) 0%,rgba(2,72,254,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to left, rgba(44,241,48,1) 0%,rgba(2,72,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( endColorstr='#2cf130', startColorstr='#0248fe',GradientType=1 ); /* IE6-9 */ } .btn-secondary:before, .woocommerce-pages table tbody td button.button[name="update_cart"]:before { background: none; } .btn-primary.white:before { background:#ffffff; } .btn-primary:after, .cookieconsent-popup .cookieconsent-button-wrap button:last-of-type:after, .woocommerce-pages .woocommerce .button:after, .section.call-us .meta-inner:hover i:before { background: linear-gradient(to right, #034cf9 0%,#034cf9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#034cf9', endColorstr='#034cf9',GradientType=1 ); } .btn-primary:hover, .btn-secondary:hover, .cookieconsent-popup .cookieconsent-button-wrap button:last-of-type:hover, .woocommerce-pages table tbody td button.button[name="update_cart"]:hover { background:transparent; -webkit-box-shadow: 0px 0px 0px 0px rgb(194 109 255 / 0%); -moz-box-shadow: 0px 0px 0px 0px rgb(194 109 255 / 0%); box-shadow: 0px 0px 0px 0px rgb(194 109 255 / 0%); } .btn-secondary:hover, .woocommerce-pages table tbody td button.button[name="update_cart"]:hover { border-color: #28d331; color: #28d331 !important; } .btn-primary.white:hover:before { opacity:0; } .btn-primary:active, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus, .woocommerce-pages .woocommerce .button:focus, .woocommerce-pages .woocommerce .button:active { background:#1b1b1b; color:#ffffff; border:none; -webkit-box-shadow: 0px 0px 0px 0px rgb(94 102 115 / 0%); -moz-box-shadow: 0px 0px 0px 0px rgb(94 102 115 / 0%); box-shadow: 0px 0px 0px 0px rgb(94 102 115 / 0%); } .btn-secondary:active, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle, .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus, .woocommerce-pages table tbody td button.button[name="update_cart"]:active, .woocommerce-pages table tbody td button.button[name="update_cart"]:focus, .show-filters a#showFilters.active { background:#3c3c3c; color:#ffffff; border-color:#3c3c3c; -webkit-box-shadow: 0px 0px 0px 0px rgb(94 102 115 / 0%); -moz-box-shadow: 0px 0px 0px 0px rgb(94 102 115 / 0%); box-shadow: 0px 0px 0px 0px rgb(94 102 115 / 0%); } .show-filters a#showFilters.active { background:#3c3c3c; } .btn-primary.white:focus { color:#3c3c3c; } .footer-bottom {border-top: 1px solid #1a3a43;background: #00242e;} .testimonials.border-bottom { border-bottom: 1px solid #cccccc !important; } ul.nav-tabs, .woocommerce-pages .woocommerce nav ul { border-bottom: 2px solid #cccccc !important; } ul.nav-tabs li a:after, .woocommerce-pages .woocommerce nav ul:after { opacity:0; background:#cccccc; } .footer-top .footer-menus { padding-left: 60px; } .meta-inner i { color:#ffffff; font-size: 16px; width: auto; height: auto; line-height: 20px; } .background-block.contact-block .contact-form-main { -webkit-box-shadow: 0px 0px 33px 0px rgb(140 62 0 / 51%); -moz-box-shadow: 0px 0px 33px 0px rgb(140 62 0 / 51%); box-shadow: 0px 0px 33px 0px rgb(140 62 0 / 51%); } .background-block { background: -moz-linear-gradient(45deg, #1b1b1b 0%, #3b3b3b 100%); background: -webkit-linear-gradient(45deg, #1b1b1b 0%,#3b3b3b 100%); background: linear-gradient(45deg, #1b1b1b 0%,#3b3b3b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b1b1b', endColorstr='#3b3b3b',GradientType=1 ); } blockquote:before { width: 30px; height: 22px; background: url(/wp-content/uploads/2022/09/Quotes.png); position: absolute; top: 0; left: 0; background-size: contain; background-repeat: no-repeat; transform: rotateX(180deg) rotateY(180deg); } blockquote p { color: #455155; } .background-block.contact-block { background: #00242e; background: -moz-linear-gradient(45deg, #00242e 0%, #ffa65d 100%); background: -webkit-linear-gradient(45deg, #00242e 0%,#ffa65d 100%); background: linear-gradient(45deg, #00242e 0%,#ffa65d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00242e', endColorstr='#ffa65d',GradientType=1 ); } .background-block.contact-block .content h3, .background-block.contact-block h6, .background-block.contact-block .contact-meta a, .section.sidebar-panel a, .section.sidebar-panel h6, .section.sidebar-panel b.posted { color:#ffffff; } .background-block.contact-block p, .section.sidebar-panel p { color: #ffffff; } .background-block.contact-block .contact-meta a, .section.sidebar-panel a { box-shadow: inset 0 -0.06rem 0 0 #ffffff; } .background-block.contact-block .contact-meta a:hover, .section.sidebar-panel a:hover { box-shadow: inset 0 -1.5rem 0 0 #ffffff; } .background-block.contact-block .contact-meta .meta-inner i, .section.sidebar-panel .contact-title i { background:#ffffff; color:#00242e; -webkit-box-shadow: 0px 0px 33px 0px rgb(140 62 0 / 51%); -moz-box-shadow: 0px 0px 33px 0px rgb(140 62 0 / 51%); box-shadow: 0px 0px 33px 0px rgb(140 62 0 / 51%); } form .fields b:hover, form .form-row label:hover, form#commentform p label:hover { color:#00242e; } form .fields input.wpcf7-text, form .fields textarea, form .form-row textarea, .quantity input, form#commentform p textarea, form .fields .selectize-input, form .form-row .selectize-input, div.summary table.variations tr td .selectize-input, .search-form-main input, .woocommerce-pages table tbody td input#coupon_code, .checkout_coupon.woocommerce-form-coupon input, .woocommerce-pages .woocommerce form .form-row .woocommerce-input-wrapper input.input-text, .woocommerce-pages .woocommerce form.edit-account .form-row input, .select2-container .select2-selection .select2-selection__rendered, .select2-dropdown .select2-search input, #customer_login .form-row input, .woocommerce-pages .woocommerce .lost_reset_password input#user_login { border-color: #cccccc; font-family: 'Montserrat', sans-serif; } .wpcf7 form .fields input.wpcf7-text:hover, .wpcf7 form .fields textarea:hover, form .form-row input:hover, form .form-row textarea:hover, form#commentform p input:hover, form#commentform p textarea:hover, form .fields .selectize-input:hover, form .form-row .selectize-input:hover, div.summary table.variations tr td .selectize-input:hover, .search-form-main input:hover, .quantity input:hover, .woocommerce-pages table tbody td input#coupon_code:hover, .checkout_coupon.woocommerce-form-coupon input:hover, .woocommerce-pages .woocommerce form .form-row .woocommerce-input-wrapper input.input-text:hover, .woocommerce-pages .woocommerce form.edit-account .form-row input:hover, .select2-container .select2-selection .select2-selection__rendered:hover, .select2-dropdown .select2-search input:hover, #customer_login .form-row input:hover, .woocommerce-pages .woocommerce .lost_reset_password input#user_login:hover { border-color:#3b3b3b; } .wpcf7 form .fields input.wpcf7-text:focus, .wpcf7 form .fields textarea:focus, form .form-row input:focus, form .form-row textarea:focus, form#commentform p input:focus, form#commentform p textarea:focus, form .fields .selectize-input.dropdown-active, form .form-row .selectize-input.dropdown-active, div.summary table.variations tr td .selectize-input.dropdown-active, .search-form-main input:focus, .quantity input:focus, .woocommerce-pages table tbody td input#coupon_code:focus, .checkout_coupon.woocommerce-form-coupon input:focus, .woocommerce-pages .woocommerce form .form-row .woocommerce-input-wrapper input.input-text:focus, .woocommerce-pages .woocommerce form.edit-account .form-row input:focus, .select2-container.select2-container--open .select2-selection .select2-selection__rendered, .select2-dropdown .select2-search input:focus, #customer_login .form-row input:focus, .woocommerce-pages .woocommerce .lost_reset_password input#user_login:focus { border-color:#00242e; } form .fields .selectize-dropdown, form .form-row .selectize-dropdown, div.summary table.variations tr td .selectize-dropdown, .select2-dropdown { border: 1px solid #00242e; border-top: 0px; box-shadow: none; background: #ffffff; } .frm_forms form .form-field .selectize-dropdown .selectize-dropdown-content .option, form .form-row .selectize-dropdown .selectize-dropdown-content .option, div.summary table.variations tr td .selectize-dropdown .selectize-dropdown-content .option, .select2-dropdown ul li, #customer_login .form-row label.woocommerce-form-login__rememberme span { font-family: 'Montserrat', sans-serif; font-size:16px; } .frm_forms form .form-field .selectize-dropdown .selectize-dropdown-content .option:hover, form .form-row .selectize-dropdown .selectize-dropdown-content .option:hover, div.summary table.variations tr td .selectize-dropdown .selectize-dropdown-content .option:hover, .select2-dropdown ul li:hover { cursor:pointer; } .frm_forms form .form-field .selectize-dropdown .selectize-dropdown-content .option.selected, form .form-row .selectize-dropdown .selectize-dropdown-content .option.selected, div.summary table.variations tr td .selectize-dropdown .selectize-dropdown-content .option.selected, .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] { font-weight:700; } .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] { background:none; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input::-moz-placeholder, textarea::-moz-placeholder, input:-ms-input-placeholder, textarea:-ms-input-placeholder, input:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */ text-transform:capitalize; font-family: 'Montserrat', sans-serif; opacity:0.6; } .wpcf7 form .fields .wpcf7-radio .wpcf7-list-item span.wpcf7-list-item-label:before, .wpcf7 form .fields .wpcf7-checkbox .wpcf7-list-item span.wpcf7-list-item-label:before, .woocommerce-pages .woocommerce .cart-collaterals .cart_totals table ul#shipping_method li label:before, .woocommerce-pages .woocommerce table tfoot ul#shipping_method li label:before, .woocommerce-pages .woocommerce .woocommerce-terms-and-conditions-wrapper label span:before, .woocommerce-pages .woocommerce ul.payment_methods.methods li label:before, .woocommerce-pages .woocommerce ul.payment_methods.methods li .payment_box, .woocommerce-pages .woocommerce .col2-set #ship-to-different-address label span:before, .woocommerce-pages .woocommerce ul.woocommerce-order-overview li, #customer_login .form-row label.woocommerce-form-login__rememberme span:before, .filters-container .filter-block ul li label span:before { background: #ffffff; border: 1px solid #cccccc; } .wpcf7 form .fields .wpcf7-radio .wpcf7-list-item span.wpcf7-list-item-label:before, .woocommerce-pages .woocommerce .cart-collaterals .cart_totals table ul#shipping_method li label:before, .woocommerce-pages .woocommerce table tfoot ul#shipping_method li label:before, .woocommerce-pages .woocommerce ul.payment_methods.methods li label:before { -webkit-box-shadow: inset 0px 0px 0px 4px rgb(255 255 255 / 100%); -moz-box-shadow: inset 0px 0px 0px 4px rgb(255 255 255 / 100%); box-shadow: inset 0px 0px 0px 4px rgb(255 255 255 / 100%); } .wpcf7 form .fields .wpcf7-radio .wpcf7-list-item span.wpcf7-list-item-label:hover:before, .wpcf7 form .fields .wpcf7-checkbox .wpcf7-list-item span.wpcf7-list-item-label:hover:before, .woocommerce-pages .woocommerce .cart-collaterals .cart_totals table ul#shipping_method li label:hover:before, .woocommerce-pages .woocommerce table tfoot ul#shipping_method li label:hover:before, .woocommerce-pages .woocommerce .woocommerce-terms-and-conditions-wrapper label:hover span:before, .woocommerce-pages .woocommerce ul.payment_methods.methods li label:hover:before, .woocommerce-pages .woocommerce .col2-set #ship-to-different-address label:hover span:before, #customer_login .form-row label.woocommerce-form-login__rememberme:hover span:before, .filters-container .filter-block ul li label:hover span:before { border-color: #3b3b3b; } .wpcf7 form .fields .wpcf7-radio .wpcf7-list-item input:checked ~ span.wpcf7-list-item-label:before, .wpcf7 form .fields .wpcf7-checkbox .wpcf7-list-item input:checked ~ span.wpcf7-list-item-label:before, .woocommerce-pages .woocommerce .cart-collaterals .cart_totals table ul#shipping_method li input:checked ~ label:before, .woocommerce-pages .woocommerce table tfoot ul#shipping_method li input:checked ~ label:before, .woocommerce-pages .woocommerce .woocommerce-terms-and-conditions-wrapper label input:checked ~ span:before, .woocommerce-pages .woocommerce ul.payment_methods.methods li input:checked ~ label:before, .woocommerce-pages .woocommerce .col2-set #ship-to-different-address label input:checked ~ span:before, #customer_login .form-row label.woocommerce-form-login__rememberme input:checked ~ span:before, .filters-container .filter-block ul li label input:checked ~ span:before { border-color: #00242e; background:#00242e; color:#ffffff; } form .fields.gdpr label { cursor:pointer; } form .fields.gdpr label .wpcf7-form-control-wrap .wpcf7-list-item-label:before { border:1px solid #cccccc !important; background:#ffffff !important; } form .fields.gdpr label:hover .wpcf7-form-control-wrap .wpcf7-list-item-label:before { border-color: #1b1b1b !important; } form .fields.gdpr label .wpcf7-form-control-wrap input:checked ~ .wpcf7-list-item-label:before, .woocommerce-pages .woocommerce .woocommerce-terms-and-conditions-wrapper label input:checked ~ span:before, #customer_login .form-row label.woocommerce-form-login__rememberme input:checked ~ span:before, .filters-container .filter-block ul li label input:checked ~ span:before { border-color: #00242e !important; color:#00242e !important; background:#ffffff !important; } hr, .woocommerce-pages .woocommerce nav ul li:after, .scroll-content-section::-webkit-scrollbar-track, .woocommerce-pages .woocommerce .col2-set #ship-to-different-address label span:after { background:#cccccc; } .woocommerce-pages .woocommerce .col2-set #ship-to-different-address label input:checked ~ span:after { background:#ffffff; } .scroll-content-section::-webkit-scrollbar-thumb { background:#3b3b3b; } .cookieconsent-dialog-content .cookieconsent-level-changer-wrap .cookieconsent-permission-panels .ui-corner-all ul li:before, .cookieconsent-dialog-content .cookieconsent-level-changer-wrap .cookieconsent-level-changer a.ui-corner-all.activated span.cookieconsent-level-button-icon, .scroll-content-section::-webkit-scrollbar-thumb:hover { background: #00242e; } table thead th { border-bottom: 2px solid #3b3b3b; font-size: 14px; font-weight: 600; color: #00242e; } table tbody td, table tfoot tr td, table tfoot tr th { border-bottom: 1px solid #ccd3d5 !important; } .woocommerce-pages .woocommerce table tfoot tr.woocommerce-shipping-totals th, .woocommerce-pages .woocommerce table tfoot tr.woocommerce-shipping-totals td, .woocommerce-pages .woocommerce table tfoot tr.order-total th, .woocommerce-pages .woocommerce table tfoot tr.order-total td { border-bottom:1px solid #3b3b3b !important; } table tbody tr:hover td, table tfoot tr:hover td, table tfoot tr:hover th { border-color: #00242e !important; } .accordion-section .acc-title { font-size: 18px; border-top: 1px solid #dadcdd; font-weight: 600; color: #00242e; } .accordion-section .acc-title:hover { border-top: 1px solid #2ae83b; } .accordion-section .acc-title.active, .accordion-section .acc-title.active:hover { border-color: #2ae83b; } .accordion-section .acc-section { } .slick-slider ul.slick-dots li button { background: #dce4e6; } .slick-slider ul.slick-dots li.slick-active button { background:#00242e; } .navigation ul { border-color:#ded0e7; } .navigation ul li a:before { background:#00242e; } .post-list .post-inner a.post-thumbnail:after { background:url(/wp-content/uploads/2022/09/Instacom-Logo-280x65.png) center center no-repeat; } .post-list .post-inner a.post-thumbnail { background: #eeeeee; } .no-results-block h3 { font-weight: 600; } .error-404-block b.title { font-weight: 300; } .section.sidebar-testimonial .content h4 span { color: #00242e; } .section.sidebar-testimonial .content a { box-shadow: inset 0 -0.06rem 0 0 #00242e; color: #00242e; } .section.sidebar-testimonial .content a:hover { box-shadow: inset 0 -1.5rem 0 0 #00242e; color: #ffffff; } .section.sidebar-services:before, .section.sidebar-services .sidebar-service-contain:before, .checklist-block ul li:before, a#burgerMenu span { background: #2ae83b; } .section.sidebar-services:before { opacity:0.19; } .section.sidebar-services .sidebar-service-contain .content p, .section.sidebar-services a.sidebar-service-contain .content p, .cta-panel-list .panel p, .mega-menu .mega-menu-col .content p, .mega-menu .mega-menu-col .content ul li a { color:#666666; } .section.sidebar-panel b.posted, .full-width-block .full-width-inner, .full-width-block .full-width-inner h3 { color:#ffffff; } .section.sidebar-panel .bottom-content { border-top: 1px solid #ffffff; } .full-width-block:before, .full-width-image.overlay:before { background:#1b1b1b; opacity:0.6; } .service-panels.cta-panel-list .panel { border: 1px solid #cccccc; -webkit-box-shadow: 0px 0px 0px 0px rgb(101 63 127 / 0%); -moz-box-shadow: 0px 0px 0px 0px rgba(101,63,127,0); box-shadow: 0px 0px 0px 0px rgb(101 63 127 / 0%); } .service-panels.cta-panel-list .panel:hover { border: 1px solid #ffffff; -webkit-box-shadow: 0px 0px 33px 0px rgb(31 29 33 / 20%); -moz-box-shadow: 0px 0px 33px 0px rgb(31 29 33 / 20%); box-shadow: 0px 0px 33px 0px rgb(31 29 33 / 20%); } .hero-background-block p, .hero-background-block p#breadcrumbs a, .hero-background-block p#breadcrumbs b, .hero-background-block p#breadcrumbs strong { color:#eeeeee; } .hero-background-block p#breadcrumbs a:hover { color:#ffffff; } /* mobile menu stuff */ .mobile-menu .mobile-menu-inner ul li a { color: #666666; } .mobile-menu .mobile-menu-inner ul li.current-menu-item > a { color: #1b1b1b; font-weight: 600; } /* when you want to add specific sized mobile menu items */ .mobile-menu .mobile-menu-inner ul li.menu-item-479 { margin-bottom: 20px; } .mobile-menu .mobile-menu-inner ul li.menu-item-479 a:hover { color: #00242e; font-weight: 400; } .mobile-menu .mobile-menu-inner ul li.menu-item-479 a:before { background:#00242e; } .mobile-menu .mobile-menu-inner ul li.menu-item-479.current-menu-item a:before { background:#1b1b1b; } .mobile-menu .mobile-menu-inner ul li.menu-item-479 a:after { background: #1b1b1b; opacity: 0.3; } /* cookie banner background */ .cookieconsent-overlay { background: rgba(27, 27, 27, 0.4) !important; } .frm_style_formidable-style.with_frm_style .form-field input:not([type=file]):focus, .frm_style_formidable-style.with_frm_style select:focus, .frm_style_formidable-style.with_frm_style textarea:focus, .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=text], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=password], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=email], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=number], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=url], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=tel], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=search], .frm_form_fields_active_style, .frm_style_formidable-style.with_frm_style .frm_focus_field .frm-card-element.StripeElement, .frm_style_formidable-style.with_frm_style .chosen-container-single.chosen-container-active .chosen-single, .frm_style_formidable-style.with_frm_style .chosen-container-active .chosen-choices { background-color: #ffffff !important; border-color: #00242e !important; box-shadow: none !important; } .frm_forms form .form-field .frm_opt_container .frm_checkbox label span:before, .frm_forms form .form-field .frm_opt_container .frm_radio label span:before { background: #ffffff; border: 1px solid #cccccc; } .frm_forms form .form-field .frm_opt_container .frm_radio label span:hover:before, .frm_forms form .form-field .frm_opt_container .frm_checkbox label span:hover:before { border-color: #3b3b3b; } .frm_forms form .form-field .frm_opt_container .frm_radio label input:checked ~ span:before, .frm_forms form .form-field .frm_opt_container .frm_checkbox label input:checked ~ span:before{ border-color: #00242e; color: #00242e; background: #ffffff; } body.page-template-default header, .header.fixed { border-bottom: 2px solid #c6ced0; } .hero-plain { background: #f7f8f8; padding-bottom: 130px; margin-bottom: -60px; } .featured-image { height: 445px; margin: 0 0 90px; } .object-fit-cover { object-fit: cover; } .object-fit-contain { object-fit: contain; } .mega-menu-inner { background: #f7f8f8; padding: 0 15px; box-shadow: 0 0 30px #c6ced03b; position: relative; } .mega-menu-item {padding-top: 30px;} .mega-menu-item a { font-size: 18px; font-weight: 500; color: #000000; float: left; width: 100%; position: relative; padding: 0 30px 0 0; } .mega-menu-item .content { border-bottom: 1px solid #cacecf; margin: 20px 0 0; font-size: 16px; padding-bottom: 30px; } .mega-menu-item a:after { content: "\f178"; visibility: visible; font-family: 'Font Awesome 5 Pro'; font-weight: 400; position: absolute; right: 0; } .mega-menu-item p { line-height: 32px; } .mega-menu-inner:after { content: ""; visibility: visible; background: #f7f8f8; width: 100%; height: 2px; position: absolute; bottom: 0; left: 0; } .sidebar .section.call-us { background: #00242e; padding: 34px; margin: 0 0 105px; position: relative; margin-top: -258px; } .section.call-us b.title { font-size: 22px; line-height: 34px; color: white; font-weight: 400; margin: -7px 0 28px; } .section.call-us .content { margin: 0 0 32px; color: #c4cfd2; font-size: 16px; } .section.call-us p { line-height: 32px; } .section.call-us a { color: white; box-shadow: inset 0 -0.06rem 0 0 white; margin: 0 0 0 4px; } .section.call-us .meta-inner { padding-left: 55px; min-height: 40px; margin: 0; display: flex; align-items: center; font-size: 16px; color: white; font-weight: 600; } .section.call-us i { width: 40px; height: 40px; color: white; position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; } .hero-home-page:before, .single-category:before, .contact-block:before, article.case-study-post a:before, .error-404-block:before { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 */ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#274e13+0,274e13+65,ffffff+100&1+0,1+65,0+100 */ background: -moz-linear-gradient(top, rgba(39,78,19,1) 0%, rgba(39,78,19,1) 65%, rgba(255,255,255,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(39,78,19,1) 0%,rgba(39,78,19,1) 65%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(39,78,19,1) 0%,rgba(39,78,19,1) 65%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#274e13', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ } .hero-home-page:after, .single-category:after, .contact-block:after, article.case-study-post a:after, .error-404-block:after { height: 100%; width: 45vw; position: absolute; bottom: 0; left: 0; opacity: 0.5; z-index: 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2cf130+0,00dbff+48,0248fe+100 */ /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 */ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff9900+0,ff9900+100 */ background: rgb(255,153,0); /* Old browsers */ background: -moz-linear-gradient(left, rgba(255,153,0,1) 0%, rgba(255,153,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255,153,0,1) 0%,rgba(255,153,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255,153,0,1) 0%,rgba(255,153,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#ff9900',GradientType=1 ); /* IE6-9 */ } .hero-home-page .container { position: relative; z-index: 2; } @keyframes bob { 0% {transform:translateY(0%)} 50% {transform:translateY(-2%)} 100% {transform:translateY(0%)} } .opening-content h2 { font-size: 36px; line-height: 50px; max-width: 560px; margin: -10px 0 42px; } .service-panels.cta-panel-list .row, .latest-news .row { margin: 0 -25px; } .service-panels.cta-panel-list article, .latest-news article, .latest-news .col-12 { padding: 0 25px; } .single-category { padding: 50px 38px; background: #f7f8f8; box-shadow: none !important; position: relative; overflow: hidden; } .single-category img { height: 65px; width: auto; margin: 0 0 30px; } .single-category .title { font-size: 22px; line-height: 34px; color: #00242e; font-weight: 400; margin: -7px 0 25px; } .single-category .content { font-size: 16px; margin: 0; } .single-category p { line-height: 32px; color: #455155; } .single-category .content > *:last-child { margin-bottom: -11px; } .single-category .content > *:first-child { margin-top: -9px; } .link { font-size: 16px; font-weight: 600; color: #28d331; box-shadow: none !important; } .link:after, .link:hover:after { content: "\f178"; font-family: 'Font Awesome 5 Pro'; visibility: visible; margin: 0 0 0 10px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .link:hover { color: #034cf9; } .single-category:hover .link, .single-category:hover p, .single-category:hover .title { color: white; } .single-category:hover img { filter: brightness(0) invert(1); } .single-category:hover { background: #274e13; } .single-category img, .single-category .title, .single-category .content, .single-category .link { position: relative; z-index: 1; } .single-category:before, .single-category:after { width: 50%; opacity: 0; } .single-category:hover:before { opacity: 1; } .single-category:before { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00242e+0,00242e+70,7db9e8+100&1+0,1+70,0+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 *//* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00242e+0,00242e+80,7db9e8+100&1+0,1+80,0+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 *//* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00242e+0,00242e+72,7db9e8+100&1+0,1+72,0+100 */background: -moz-linear-gradient(top, rgba(0,36,46,1) 0%, rgba(0,36,46,1) 72%, rgba(125,185,232,0) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(0,36,46,1) 0%,rgba(0,36,46,1) 72%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(0,36,46,1) 0%,rgba(0,36,46,1) 72%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00242e', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */width: 100%;} .single-category:after { } .single-category:hover:after { opacity: 0.5; } .latest-case-study { background: #274e13; position: relative; } .latest-case-study .title { font-size: 16px; line-height: 1; color: white; font-weight: 600; margin: -1px 0 50px; } .latest-case-study img { max-width: 230px; max-height: 80px; width: auto; height: auto; filter: brightness(0) invert(1); margin: 0 0 28px; } .latest-case-study .content { font-size: 16px; color: white; font-weight: 300; margin: 0; } .latest-case-study p {line-height: 34px;} .latest-case-study .link { color: white; } .latest-case-study .image img { max-height: none; max-width: none; filter: none; width: 48vw; margin: 0; object-fit: cover; margin-left: 30px; } .featured-case-block { padding: 100px 0; padding-right: 18px; } .latest-case-study .link:hover, .single-address p a:hover, .footer-address p a:hover, .footer-top .footer-section ul li a:hover { color: #28d331; } .latest-case-study:before, .latest-case-study:after, .sidebar .section.call-us:after, .testimonials:before, .testimonials:after { height: 40px; width: 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0248fe+0,00dbff+48,2cf130+100&1+0,0+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 */ position: absolute; opacity: 0.5; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; transition: all 2s ease-in-out; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff9900+0,ff9900+100&1+0,0+100 */ background: -moz-linear-gradient(left, rgba(255,153,0,1) 0%, rgba(255,153,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255,153,0,1) 0%,rgba(255,153,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255,153,0,1) 0%,rgba(255,153,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#00ff9900',GradientType=1 ); /* IE6-9 */ } .latest-case-study:before { transform: rotate(180deg); right: 35px; top: -40px; } .latest-case-study:after { left: 35px; bottom: -40px; } .latest-case-study.active:before, .latest-case-study.active:after { width: 350px; } .what-makes-us { margin-bottom: 120px; } .what-makes-us .title { font-size: 36px; font-weight: 300; color: #00242e; margin: -6px 0 48px; } .what-makes-us .content { margin: 0 0 54px; } .what-makes-us .gutter-right { padding-right: 40px; } .what-makes-us .gutter-left { padding-left: 57px; } .contact-block { margin-bottom: 120px; background: #00242e; padding-bottom: 95px; padding-top: 95px; } .contact-block .title { font-size: 36px; font-weight: 300; color: white; margin: -6px 0 36px; } .contact-block .content { color: white; margin: 0 0 52px; } .contact-block .container { position: relative; z-index: 1; } .contact-block .contact-meta .title { font-size: 20px; font-weight: 400; margin: -3px 0 30px; } .contact-block .contact-meta a, .meta-inner a { color: white; box-shadow: inset 0 -0.06rem 0 0 white; font-size: 16px; font-weight: 500; } .fas:before { font-weight: 300; } .contact-block ul.social-media { margin: 30px 0 0; } .single-address .title, .footer-address .title { font-size: 14px; color: white; font-weight: 600; margin: -4px 0 22px; } .single-address .content, .footer-address .content { font-size: 16px; color: #c4cfd2; margin: 0; } .single-address p, .footer-address p { line-height: 32px; } .single-address p a, .footer-address p a { color: white; box-shadow: inset 0 -0.06rem 0 0 white; } .single-address { padding-top: 50px; } .single-address .content > *:last-child { margin-bottom: -11px; } .single-address .content > *:first-child { margin-top: -9px; } .latest-news { margin-bottom: 90px; } .contact-block:after { width: 28vw; } .contact-block:before { background: -moz-linear-gradient(top, rgba(0,36,46,1) 0%, rgba(0,36,46,1) 48%, rgba(125,185,232,0) 100%); background: -webkit-linear-gradient(top, rgba(0,36,46,1) 0%,rgba(0,36,46,1) 48%,rgba(125,185,232,0) 100%); background: linear-gradient(to bottom, rgba(0,36,46,1) 0%,rgba(0,36,46,1) 48%,rgba(125,185,232,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00242e', endColorstr='#007db9e8',GradientType=0 ); } .latest-news .title { font-size: 30px; line-height: 1; font-weight: 400; margin: -1px 0 0; } .latest-news article { margin-top: 70px; } .post-inner .post-thumbnail { height: 230px; position: relative; margin: 0 0 30px; } .post-inner:hover .img-filter:before { opacity: 0.6; } .img-filter:before { -webkit-box-shadow: inset 0 0 15px 0 #000000; box-shadow: inset 0 0 15px 0 #000000; } .post-inner h4 a { font-size: 20px; color: #00242e; font-weight: 400; box-shadow: none !important; line-height: 30px; } .post-inner h4 { margin: -4px 0 20px; } .accreditation-single { height: 70px; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; margin: 0 0 70px; display: flex; justify-content: center; align-items: center; } .accreditation-single img { height: auto; width: auto; max-width: 100%; max-height: 100%; opacity: 0.6; filter: grayscale(1); } .accreditation .col-12 { justify-content: space-between; align-items: center; flex-wrap: wrap; } .footer-address { margin: 15px 0 0; } .footer-bottom p, .footer-bottom p a { color: #c4cfd2; font-size: 14px; font-weight: 400; } .post-inner .meta { font-size: 14px; font-weight: 600; color: #455155; } .hero.hero-full-image .content { color: white; margin: 35px 0 0; text-shadow: 0px 0px 51px #1e1e1e; } .introduction.content { margin: 0 0 68px; } .introduction.content > :first-child { font-size: 22px; color: #00242e; } .container-fluid.post-list .gutter-right { padding-right: 80px; } article.case-study-post a { padding: 40px 40px 40px 280px; box-shadow: none !important; background: #f7f8f8; } .mb-50 { margin-bottom: 50px; } article.case-study-post .image-container { width: 240px; height: 100%; position: absolute; top: 0; left: 0; } article.case-study-post .title { font-size: 22px; line-height: 34px; font-weight: 400; color: #00242e; margin: -7px 0 25px; } article.case-study-post .content { font-size: 16px; color: #455155; margin: 0 0 45px; display: -webkit-box; max-height: 49px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; padding: 2px 0 0; } article.case-study-post p { line-height: 32px; } article.case-study-post a:hover { background: #00242e; } article.case-study-post a:hover .title, article.case-study-post a:hover .content, article.case-study-post a:hover .link { color: white; } article.case-study-post .image-container:before {opacity: 0;} article.case-study-post a:hover .image-container:before, article.case-study-post a:hover:after { opacity: 0.4; } article.case-study-post a:before { background: -moz-linear-gradient(top, rgba(0,36,46,1) 0%, rgba(0,36,46,1) 60%, rgba(125,185,232,0) 100%); background: -webkit-linear-gradient(top, rgba(0,36,46,1) 0%,rgba(0,36,46,1) 60%,rgba(125,185,232,0) 100%); background: linear-gradient(to bottom, rgba(0,36,46,1) 0%,rgba(0,36,46,1) 60%,rgba(125,185,232,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00242e', endColorstr='#007db9e8',GradientType=0 ); } article.case-study-post .image-container, article.case-study-post .title, article.case-study-post .content, article.case-study-post .link { z-index: 1; position: relative; } article.case-study-post a:after { width: 54%; } article.case-study-post a:before, article.case-study-post a:after { opacity: 0; } article.case-study-post a:hover:before { opacity: 1; } .section.call-us .meta-inner i:before { float: left; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .sidebar .section.call-us:after { bottom: -40px; left: 35px; width: calc(100% - 70px); } .sidebar .section.section-testimonials { margin-bottom: 60px; padding-bottom: 58px; position: relative; border-bottom: 1px solid #dadcdd; } .sidebar .section b.posted { font-size: 22px; font-weight: 400; margin: -3px 0 30px; float: left; width: 100%; } .sidebar .section.section-testimonials.has-photo { padding-left: 100px; } .section.section-testimonials img { width: 70px; height: 70px; position: absolute; top: 0; left: 0; object-fit: cover; } .sidebar .section.section-testimonials .content { font-size: 16px; margin: 0 0 44px; } .sidebar .section.section-testimonials p { line-height: 32px; } .sidebar .section.section-testimonials > strong { font-weight: 600; font-size: 16px; color: #00242e; } .sidebar ul.checklist li { font-size: 16px; font-weight: 400; } .testimonials h3 { font-size: 22px; font-weight: 400; margin: -4px 0 13px !important; } .testimonial-block img { max-width: 250px; max-height: 55px; width: auto; height: auto; filter: brightness(0); opacity: 0.4; margin: 35px 0 0; float: left; } .testimonials:before, .testimonials:after { width: 10vw; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2ae83b+0,2ae83b+100&1+0,0+100 */ background: -moz-linear-gradient(left, rgba(42,232,59,1) 0%, rgba(42,232,59,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(42,232,59,1) 0%,rgba(42,232,59,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(42,232,59,1) 0%,rgba(42,232,59,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ae83b', endColorstr='#002ae83b',GradientType=1 ); /* IE6-9 */ } .testimonials:before { top: 100px; left: 0; } .testimonials:after { bottom: 195px; right: 0; transform: rotate(180deg); } .sidebar .section .post-list article .post-inner h4 { margin: 0 0 22px; } .sidebar .section .post-list article .post-inner h4, .sidebar .section .post-list article .content { float: left; width: 100%; padding: 0 38px; } .sidebar .section .post-list article .content { margin-bottom: 35px; font-size: 16px; } .sidebar .section .post-list article .link { margin-left: 38px; } .sidebar .section .post-list article p { line-height: 32px; } .related-case-studies-top { margin: 0; padding-bottom: 335px; position: relative; } .related-case-studies-top h3 { font-size: 30px; font-weight: 400; } .related-case-studies { margin: -268px 0 120px; position: relative; overflow: hidden; } .related-case-studies .slick-list {margin-left: -15px;overflow: visible;} .related-case-studies .other-categories-slider:before { content: ""; visibility: visible; position: absolute; bottom: 0; right: 100%; background: white; height: 100%; width: 100vw; z-index: 1; } .error-404-block .col-12 { background: #f7f8f8; padding-bottom: 15px; } .error-404-block { position: relative; height: 100vh; display: flex; align-items: center; } .error-404-block:before, .error-404-block:after { content: ""; visibility: visible; position: absolute; bottom: 0; left: 0; z-index: -1; } .error-404-block:after { opacity: 0.5; z-index: -2; } .contact-page-module .title-row h3 { color: white; font-size: 22px; font-weight: 400; } .contact-page-module .frm_forms form .form-field > label { } .frm_forms form .form-field > label span { color: inherit; } .contact-page-module .frm_forms form .form-field .frm_opt_container .frm_radio label span, .contact-page-module .frm_forms form .form-field .frm_opt_container .frm_checkbox label span { }