html{
scroll-padding-top: 0px;
overflow-x:hidden;
}
div#scrollToTop {
float: left;
width: 100%;
height: 0px;
display: block;
}
body {
line-height: normal;
opacity: 0;
float: left;
width: 100%;
display: block;
overflow-x:hidden;
}
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: 700;
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: 700;
}
/* 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, form.post-password-form input[type="submit"] {
font-size: 15px;
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"], form.post-password-form input[type="submit"] {
color: #ffffff;
background: transparent;
padding: 19px 25px;
}
/* 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-479 > 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-479 a:before, .mobile-menu .mobile-menu-inner ul li.menu-item-479 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
{
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: 102%;
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 14px;
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, .title {
line-height:1.6;
padding: 0 0 0 0;
letter-spacing:0.03em;
}
h1 {
font-size: 70px;
margin: 0 0 18px 0;
}
.flexible-article-fields h1 {
font-size: 42px;
font-weight: 300;
}
h2 {
font-size: 37px;
margin: 0 0 13px 0;
}
h3 {
font-size: 30px;
margin: 0 0 12px 0;
line-height: 62px;
}
h4 {
font-size: 26px;
margin: 0 0 12px 0;
}
h5, h6, h7 {
font-size: 22px;
margin: 0 0 12px 0;
font-weight: 500 !important;
}
h6, h7 {
font-size:20px;
}
.single-post.standard-post h1 {
font-size: 32px;
}
.single-post.standard-post h2 {
font-size: 28px;
}
.single-post.standard-post h3 {
font-size: 24px;
}
blockquote {
float: left;
width: 100%;
height: auto;
margin: 0 0 30px 0;
padding: 35px;
font-size: 25px;
overflow: hidden;
position: relative;
background: none !important;
padding: 14px 0 14px 77px;
}
blockquote:before {
width: 40px;
height: 37px;
display: block;
position: absolute;
background:url(/wp-content/uploads/2021/05/“@2x.png) center center no-repeat;
background-size: cover;
top: 15px;
left: 0px;
}
blockquote p {
margin: 0 0 12px 0;
line-height: 43px;
position: relative;
z-index: 3;
font-weight: 300;
}
blockquote p:first-of-type {
margin-top: -10px;
}
blockquote p:last-of-type {
margin-bottom: -10px;
}
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 25px 0;
list-style-type: none;
padding-left: 30px;
float: left;
width: 100%;
}
ul li, ol li {
padding-left: 30px;
float: left;
position: relative;
width: 100%;
display: block;
height: auto;
margin: 0 0 9px 0;
line-height: 38px;
}
ul li:before {
content: "";
position: absolute;
display: block;
left: 0px;
top: 17px;
border-radius: 50%;
}
ol li {
counter-increment: step-counter;
padding-left: 30px;
}
ol li:before {
content: counter(step-counter);
position: absolute;
left: 0px;
top: auto;
}
.header {
position: fixed;
top: 0px;
left: 0px;
height: 106px;
margin: 0 0 0 0 !important;
padding: 35px 0;
background: #ffffff;
z-index: 20;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-ms-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
transition: all 0.4s ease-in-out !important;
-webkit-box-shadow: 0px 0px 33px 0px rgb(101 63 127 / 0%);
-moz-box-shadow: 0px 0px 33px 0px rgba(101,63,127,0);
box-shadow: 0px 0px 33px 0px rgb(101 63 127 / 0%);
margin-bottom: 0px;
}
.alt-header {
background: transparent;
}
.header.fixed {
-webkit-box-shadow: 0px 0px 33px 0px rgb(101 63 127 / 30%);
-moz-box-shadow: 0px 0px 33px 0px rgba(101,63,127,0.3);
box-shadow: 0px 0px 33px 0px rgb(101 63 127 / 30%);
padding: 20px 0;
height: 75px;
background:#ffffff;
}
.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: 35px;
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%;
}
.alt-header.header a#logo-main img {
opacity:0;
}
.header.active a#logo-main img {
opacity:1;
}
.header.active a#logo-main img.position-absolute {
opacity:0 !important;
}
.header a#logo-main img.position-absolute {
left: 0px;
top: 0px;
opacity: 0;
}
.alt-header.header a#logo-main img.position-absolute {
opacity:1;
}
.header.fixed a#logo-main {
height: 35px;
}
.header.fixed a#logo-main img {
opacity:1;
}
.header.fixed a#logo-main img.position-absolute {
opacity:0;
}
.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 28px 0;
}
form .fields.gdpr {
margin: 0px;
margin-top: 0px;
margin-bottom: 20px;
}
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, .sidebar .section b.posted, .woocommerce-pages .woocommerce .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals th, .woocommerce-pages .woocommerce ul.woocommerce-order-overview li, .contact-meta .meta-inner.address b,
form.post-password-form label {
float: left;
width: 100%;
display: block;
height: auto;
margin: -5px 0 10px 0;
text-transform: none;
font-size: 15px;
font-weight: 500;
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,
form.post-password-form label: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,
form.post-password-form label input {
float: left;
width: 100%;
display: block;
height: auto;
padding: 0px 0px 16px;
text-transform: none;
font-size: 18px;
font-weight: 300;
border-radius: 0px;
appearence: none;
-webkit-appearance: none;
box-shadow: none;
border: 2px solid #cccccc;
border-left: none;
border-top: 0px;
border-right: 0px;
padding-left: 1px;
background: transparent;
letter-spacing: 0.02em;
min-height: 39px;
}
.search-form-main input {
padding-right: 50px;
}
.search-form-main button.search-submit {
position: absolute;
right: -15px;
height: 50px;
width: 50px;
background: none;
top: -12px;
font-size: 18px;
}
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: 2px !important;
margin: 6px 0 0 0 !important;
font-weight: 400;
opacity: 0.8;
position: absolute;
font-size: 16px;
}
.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: 41px !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: 180px;
resize: none;
line-height: 38px;
}
.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: 5px 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: 18px;
display: flex;
padding: 0 10px 1px 40px;
align-items: center;
min-height: 26px;
}
.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: 26px;
height: 26px;
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: 400;
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: 12px;
margin: 10px 0 0 0;
color: #fe4949;
font-weight: 400;
letter-spacing: 0.02em;
}
.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: 58px;
position: relative;
}
form .fields.gdpr label p {
margin: 0px;
font-size: 18px;
font-weight: 300;
}
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: 9px 10px !important;
}
form .fields.gdpr label .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
display: none;
}
.contact-form-main .btn {
position: relative;
z-index: 3;
}
.search-form-main {
width: 100%;
height: auto;
display: block;
float: left;
}
.no-results-block {
float: left;
width: 100%;
height: auto;
display: block;
margin-bottom: 40px;
}
.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 0 20px 0;
}
.accordions .accordion-section:last-of-type {
margin:0px;
}
.accordion-section .acc-section {
float: left;
width: 100%;
padding: 27px;
display: none;
position: relative;
z-index: 2;
margin-top: -1px;
background: #ffffff;
padding-top: 11px;
}
.accordion-section .acc-title {
float: left;
width: 100%;
display: flex;
height: auto;
min-height: 60px;
padding: 10px 25px;
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: "\f107";
font-family: "Font Awesome 5 Pro";
position: absolute;
right: 27px;
display: block;
font-weight: 400;
font-size: 18px;
}
.accordion-section .acc-title.active:after {
content:"\f106";
}
.flexible-article-fields {
float: left;
width: 100%;
position: relative;
clear: both;
}
.content {
float:left;
width:100%;
height:auto;
display:block;
}
.content > *:first-child {
margin-top: -11px;
}
.content > *:last-child {
margin-bottom:-11px;
}
.hero {
margin-bottom: 80px;
}
.hero-plain h1, .hero-background-block h1 {
margin: -31px 0 -31px 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: 22px;
margin-bottom: 46px;
}
.hero-background-block p#breadcrumbs, .hero.hero-full-image p#breadcrumbs {
margin-top: 22px;
}
p#breadcrumbs a, p#breadcrumbs b, p#breadcrumbs strong {
float: left;
width: auto;
display: block;
font-size: 14px;
font-weight: 500;
}
.hero.hero-full-image p#breadcrumbs a, .hero.hero-full-image p#breadcrumbs b, .hero.hero-full-image p#breadcrumbs strong {
color: #ffffff;
font-weight: 400;
}
.hero.hero-full-image p#breadcrumbs a {
opacity:1;
}
.hero.hero-full-image p#breadcrumbs a:hover {
opacity: 1;
color: #FB004C;
}
p#breadcrumbs a {
box-shadow:none;
}
p#breadcrumbs b {
margin: 0 20px;
}
.hero-background-block h1,
.hero.hero-full-image h1 {
color:#ffffff;
}
.hero.hero-full-image h1 {
text-shadow: 0px 0px 30px #0c0c0c;
margin: 0px 0 -11px 0;
float: left;
width: 100%;
line-height: 1.5;
}
.hero.hero-full-image h1 b,
.hero.hero-full-image h1 span {
font-weight: 100;
}
.single-post .hero h1 {
font-size: 60px;
line-height: 80px;
}
.hero-background-block .content {
margin-top: 45px;
margin-bottom: 75px;
}
.header ul {
float: left;
margin: 0pc;
}
.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: 17px;
}
.header ul li.menu-item-has-children > a, .header ul li#menu-item-479 > a {
position: relative;
padding-right: 20px;
}
.header ul li.menu-item-has-children > a:after, .header ul li#menu-item-479 > a:after {
content: "\f107";
font-family: 'Font Awesome 5 Pro';
font-weight: 100;
font-size: 14px;
position: absolute;
right: 1px;
top: 4px;
}
.header ul li.menu-item-has-children > a:hover:after,
.header ul li#menu-item-479 > a:hover:after {
content:"\f106";
}
.header ul li ul.sub-menu {
position: absolute;
display: none;
left: 0px;
top: 50px;
padding: 16px 25px;
width: auto;
background: #ffffff;
}
.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: 14px;
}
.standard-post {
margin-bottom: 50px;
clear: both;
}
footer {
float: left;
width: 100%;
height: auto;
display: block;
}
footer.lazyLoadImage {
position:relative;
}
footer.lazyLoadImage:before {
content: "";
visibility: visible;
position: absolute;
width: 100%;
height: 100%;
background: #101010;
left: 0px;
top: 0px;
opacity: 0.6;
}
footer.lazyLoadImage .container-fluid {
position:relative;
z-index:2;
}
.footer-top {
padding-top: 110px;
padding-bottom: 90px;
}
.footer-bottom {
min-height: 0px;
padding-top: 0px;
padding-bottom: 46px;
height: auto;
}
.footer-bottom ul {
padding: 0px;
margin: 0px;
}
.footer-bottom .menu-footer-services-container {
float: left;
width: 100%;
height: auto;
display: block;
margin-top: 3px;
}
.footer-bottom ul li {
width: auto;
padding: 0px;
float: left;
margin-right: 29px;
line-height: normal;
margin-bottom: 0px;
line-height: 1;
}
.footer-bottom ul li:before {
width: 2px;
background: #ffffff;
height: 12px;
top: 2px;
left: auto;
right: -15px;
border-radius: 0px;
}
.footer-bottom ul li:last-of-type:before {
display:none;
}
.footer-bottom ul li a {
color: #ffffff;
box-shadow: none;
font-weight: 400;
font-size: 14px;
opacity: 1;
float: left;
}
.footer-bottom ul li a:hover {
color:#FB004C;
}
.footer-bottom p {
font-size: 15px;
}
.footer-bottom p span {
display: inline-block;
line-height: 1;
font-size: 15px;
height: 14px;
color: transparent;
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: 60px;
}
.footer-top ul.social-media {
margin-top:40px;
}
ul.social-media {
padding: 0px;
margin: 0px;
width: auto;
}
ul.social-media li {
padding: 0px;
clear: none;
width: auto;
margin-right: 25px;
margin-bottom: 0px;
}
ul.social-media li:before {
display:none;
}
ul.social-media li a {
width: auto;
height: 22px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 0%;
color: #ffffff;
font-size: 20px;
opacity: 1;
}
.contact-page-module ul.social-media li a {
color: #151515;
}
ul.social-media li a:hover,
.contact-page-module ul.social-media li a:hover {
color: #FB004C;
}
/*
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 {
}
.contact-meta .meta-inner {
margin-bottom: 40px;
min-height: 23px;
padding-left: 0px;
}
.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;
}
/*.contact-meta .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 {
font-size: 11px;
line-height: 0.8;
padding-left: 1px;
}*/
/*.contact-meta .meta-inner i.fa-map-marker-alt {
font-size:12px;
}*/
.contact-meta .meta-inner p {
margin: -8px 0 -5px 0px;
}
.contact-page-module .contact-meta .meta-inner {
margin-bottom: 27px;
}
.contact-meta .meta-inner:last-of-type,
.contact-page-module .contact-meta .meta-inner:last-of-type {
margin:0px;
}
.contact-meta .meta-inner.address p {
line-height: 31px;
}
.contact-meta .meta-inner.address b {
}
.background-block {
overflow:hidden;
}
.background-block .container {
z-index:3;
}
.contact-block .content:not(.flexible-row-block) {
margin-bottom: 52px;
}
.contact-block .content h3 {
font-size: 29px;
margin-bottom: 45px;
}
.contact-block h6 {
clear: both;
float: left;
width: 100%;
margin: -6px 0 31px 0;
padding-top: 3px;
font-size: 24px;
font-weight: 500 !important;
}
.contact-block a.white {
color: #151515;
}
.contact-block a.white:hover {
box-shadow: inset 0 -0.1rem 0 0 #151515;
color: #151515;
}
.contact-meta .meta-inner.address b {
margin: -1px 0 20px 0;
color: #151515;
opacity: 0.6;
}
.contact-page-module .contact-meta .meta-inner:nth-of-type(3) {
margin-top: 16px;
margin-bottom: 32px;
}
.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,
.archive-loader .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,
.archive-loader .form-loader{
z-index: 4;
opacity:1;
visibility:visible;
}
.form-loader .loader-inner,
.archive-loader .loader-inner {
width: 60px;
height: 65px;
display: block;
background: none;
padding: 3px;
}
.form-loader .loader-inner .position-absolute,
.archive-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,
.archive-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: 5px 20px 18px;
}
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: 90px;
clear: both;
}
.flexible-article-fields .flexible-row-block:last-child {
margin-bottom: 0px;
}
.lightbox,
.lightbox * {
box-shadow:none !important;
}
.flexible-row-block blockquote {
margin: 10px 0 20px;
}
.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: 4px;
}
.scroll-content-section::-webkit-scrollbar-thumb {
border-radius: 4px;
}
.image-split-blocks .content {
justify-content: start;
padding-left: 50px;
padding-right: 30px;
padding-top: 30px;
padding-bottom: 30px;
}
.image-split-blocks.flex-row-reverse .content {
justify-content: end;
padding-right: 50px;
padding-left:30px;
padding-top: 30px;
padding-bottom: 30px;
text-align:right;
}
.img-filter {
position: relative;
filter: brightness(1.1) contrast(1.1);
}
.img-filter:before {
background: -moz-radial-gradient(center, ellipse cover, rgba(27,27,27,0) 0%, rgba(27,27,27,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(27,27,27,0) 0%,rgba(27,27,27,1) 100%);
background: radial-gradient(ellipse at center, rgba(27,27,27,0) 0%,rgba(27,27,27,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001b1b1b', endColorstr='#1b1b1b',GradientType=1 );
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
display: block;
z-index: 2;
opacity: 0.3;
}
.img-filter img {
position: relative;
z-index: 1;
min-width: 100%;
height: auto;
}
.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: 450px;
}
.testimonials {
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 70px;
margin-top: 70px;
}
.full-width-contact-form, .testimonials {
background: #F8F8F9;
}
.testimonials .container {
position: relative;
}
.testimonials .testimonial-slider {
padding-top: 50px;
padding-bottom: 75px;
}
.testimonial-block .testimonial-image {
left: 0px;
top: 12px;
width: 112px;
height: 112px;
border-radius: 50%;
overflow: hidden;
}
.testimonial-block .testimonial-image img {
float: left;
}
.testimonials .container .row {
position: relative;
z-index: 4;
}
.testimonials.border-bottom {
margin-bottom: 70px;
padding-bottom: 80px;
}
.testimonial-block.has-image {
padding-left: 170px;
}
.title-row {
margin-bottom: 50px;
}
.title-row h3 {
margin: -19px 0 -19px 0px;
font-size: 30px;
}
.testimonial-block {
position: relative;
padding: 0px;
padding: 14px 0 0px 23px;
}
.testimonial-block .content:before {
width: 40px;
height: 37px;
display: block;
position: absolute;
background: url(/wp-content/uploads/2021/05/“@2x.png) center center;
background-size: cover;
content: "";
visibility: visible;
top: -14px;
left: -22px;
}
.testimonial-block:before {
top:0px;
left:0px;
}
.testimonial-block:after {
right: 0px;
bottom: 56px;
transform: rotate(180deg);
}
.testimonial-block p,
.full-width-image .content p {
font-size: 35px;
line-height: 55px;
font-weight: 300;
letter-spacing: 0.014em;
}
.testimonial-block .content {
margin-bottom: 35px;
position: relative;
}
.testimonial-block .meta {
font-size: 16px;
text-align: left !important;
}
.testimonial-block .meta b {
margin: -5px 0 -5px 0;
}
.testimonial-block .meta span {
margin-top: 40px;
float: left;
width: 100%;
display: block;
margin-bottom: -5px;
font-weight: 300;
}
.testimonials .testimonial-slider ul.slick-dots {
margin-left: 170px;
margin-top: 30px;
}
.testimonial-block .content > *:last-child {
margin-bottom: -11px;
}
.testimonial-block .content > *:first-child {
margin-top: -11px;
}
.testimonial-block .meta span:last-of-type:after {
display:none;
}
.slick-slider ul.slick-dots {
padding: 0px;
margin-top: 75px;
margin-bottom: 0px;
width: auto;
}
.slick-slider ul.slick-dots li {
padding: 0px;
margin-right: 18px;
width: auto;
margin-bottom: 0px;
line-height: normal;
width: 10px;
height: 10px;
}
.slick-slider ul.slick-dots li:before {
display:none;
}
.slick-slider ul.slick-dots li button {
width: 10px;
height: 10px;
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: 22px;
background: none;
margin-top: 0;
}
.slick-slider button.previous {
left:-60px;
}
.slick-slider button.next {
right: -60px;
}
.post-list {
margin-bottom: 40px;
}
.navigation {
float: left;
width: 100%;
height: auto;
display: block;
}
.navigation ul {
margin-bottom: 0px;
margin-top: 35px;
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;
line-height: 1.5;
}
.post-list .post-inner span.meta {
font-size: 16px;
font-weight: 300;
line-height: 1.7;
margin-bottom: -6px;
}
.post-list .post-inner a.post-thumbnail {
height: 200px;
overflow: hidden;
margin-bottom: 34px;
}
.post-list .post-inner a.post-thumbnail:after {
z-index: 2;
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
background-size: 100px !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 {
min-height: 100vh;
display: flex;
align-content: center;
align-items: center;
padding-top: 50px;
padding-bottom: 50px;
overflow-x: hidden;
overflow-y: auto;
background: #101010;
position: relative;
width: 100%;
margin: 0px;
flex-wrap: wrap;
}
.error404:before {
position: absolute;
content: "";
visibility: visible;
width: 100%;
height: 100%;
bottom: 0px;
left: 0px;
display: block;
}
.error-404-block {
position: relative;
z-index: 3;
}
.error-404-block p {
color: #ffffff;
}
.error404.bodyactive:before {
background:url(/wp-content/uploads/2021/05/4853433@2x.png) bottom left no-repeat;
background-size:cover;
}
.error-404-block h1 {
width: 100%;
font-size: 200px;
line-height: 0.7;
margin-bottom: 34px;
color: #ffffff;
font-weight: 100;
letter-spacing: 0.23em;
margin-left: 44px;
}
.error-404-block b.title {
text-transform: uppercase;
color: #ffffff;
font-size: 18px;
letter-spacing: 0.2em;
padding: 10px 15px;
line-height: 0.8;
padding-right: 12px;
margin-bottom: 35px;
}
.error-404-block form input {
background: none;
color: #ffffff;
border-color: #ffffff;
}
.error-404-block form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #ffffff;
}
.error-404-block form input::-moz-placeholder { /* Firefox 19+ */
color: #ffffff;
}
.error-404-block form input:-ms-input-placeholder { /* IE 10+ */
color: #ffffff;
}
.error-404-block form input:-moz-placeholder { /* Firefox 18- */
color: #ffffff;
}
.error-404-block form input:hover,
.error-404-block form input:focus {
border-color:#fb004c;
}
.error-404-block form button {
color:#ffffff !important;
}
.error-404-block form button:hover {
color:#fb004c !important;
}
.error-404-block .content {
margin-bottom: 50px;
}
.standard-post .gutter-right {
padding-right: 50px;
}
.standard-post .gutter-left {
padding-left:50px;
}
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 {
flex-direction: row;
align-items: center;
}
.sidebar .section .post-list article .post-inner a.post-thumbnail {
max-width: 90px;
margin: 0px;
height: 90px;
min-width: 90px;
}
.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 {
font-size: 18px;
padding-left: 20px;
margin-top: -3px;
margin-bottom: -3px;
min-width: calc(100% - 90px);
max-width: calc(100% - 90px);
}
.sidebar .section .post-list article .post-inner span.meta {
display:none !important;
}
.contact-page-module .contact-meta {
margin-bottom: 0px;
}
.contact-page-module .contact-form-main {
padding-left: 45px;
margin: 0;
}
.hero.hero-full-image h1 br {
display: none;
}
.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.main-sidebar .section {
margin-bottom: 50px;
}
.sidebar.main-sidebar .section:last-of-type {
margin: 0px;
}
.panel,
.woocommerce-pages .woocommerce .cart-collaterals {
padding: 30px;
background: #ffffff;
}
.sidebar.main-sidebar .section form .btn-primary {
margin-top: 40px;
}
.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: 16px;
font-weight: 300;
line-height: 28px;
line-height: 30px;
}
.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 {
padding: 0px;
margin: 0px;
margin-bottom: -26px !important;
margin-top: -9px;
}
.checklist-block ul li {
min-height: 36px;
padding-left: 60px;
margin-bottom: 20px !important;
width: 50%;
padding-right: 13px;
}
.checklist-block ul li:before {
content: "\f00c";
font-family: "Font Awesome 5 Pro";
width: 36px;
height: 36px;
top: 8px;
text-align: center;
color: #ffffff;
line-height: 0.8;
padding: 11px 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: 00px;
margin-bottom: 90px;
}
.cta-panel-list .panel {
height: 100%;
padding: 45px 50px;
background: #f8f8f9;
}
.cta-panel-list .panel .content {
padding-bottom: 5px;
}
.cta-panel-list .panel .icon-block {
margin-top: -5px;
margin-bottom: 30px;
height: 100px;
width: 100%;
position: relative;
}
.cta-panel-list .panel .icon-block svg {
float: left;
width: auto;
height: auto;
max-height: 100%;
display: block;
overflow: visible;
}
.cta-panel-list .panel .icon-block img {
max-width: 80px;
max-height: 100%;
}
.cta-panel-list .panel h4 {
font-size: 26px;
margin-bottom: 15px;
font-weight: 500;
}
.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: 600px;
position: relative;
padding-bottom: 90px;
margin-top: -106px;
padding-top: 106px;
overflow: hidden;
background: #ffffff;
}
.hero.hero-full-image:before {
background: #151515;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0.5;
z-index: 2;
}
.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-slider.slick-slider ul.slick-dots {
margin-left: 15px;
margin-top: 40px;
}
.gallery-slider a.gallery-block,
.gallery-filter a.gallery-block {
box-shadow:none;
}
.gallery-slider a.gallery-block {
max-height: 420px;
overflow: hidden;
top: 0px;
left: 0px;
z-index: 3;
}
.gallery-slider a.gallery-block .gallery-alt {
bottom: 0px;
opacity: 1;
color: #ffffff;
z-index: 3;
font-size: 16px;
font-weight: 300;
width: 100%;
text-align: left;
line-height: 26px;
padding: 0 25px 20px;
}
.gallery-slider a.gallery-block .gallery-alt:before,
.project-block .project-excerpt:before {
background: -moz-linear-gradient(top, rgba(19,19,19,0) 0%, rgba(19,19,19,1) 100%);
background: -webkit-linear-gradient(top, rgba(19,19,19,0) 0%,rgba(19,19,19,1) 100%);
background: linear-gradient(to bottom, rgba(19,19,19,0) 0%,rgba(19,19,19,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00131313', endColorstr='#131313',GradientType=0 );
position: absolute;
content: "";
visibility: visible;
width: 100%;
height: 200%;
left: 0;
bottom: 0px;
z-index: -1;
opacity: 0.7;
}
.gallery-slider a.gallery-block:hover .gallery-alt {
opacity:0;
}
.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);
min-height: 100%;
}
.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 {
min-width: 140px;
text-align: center;
line-height: 0.8;
padding: 19px 23px;
min-width: 140px;
}
.downloads-list .download-item .file-icon {
width: 30px;
height: auto;
color: #dfdee0;
text-align: center;
font-size: 40px;
line-height: 0.8;
padding: 0px 0;
min-width: 30px;
background: none !important;
}
.downloads-list .download-item .file-meta {
min-width: 43%;
max-width: 43%;
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: 16px;
line-height: 1.4;
}
.downloads-list .download-item .file-type span {
display:inline-block;
text-transform:uppercase;
}
.downloads-list .download-item small {
font-weight: 500;
font-style: normal;
opacity: 0.5;
font-size: 15px;
margin-bottom: 0px;
}
.downloads-list .download-item h4 {
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 7px;
font-size: 20px;
margin-top: -6px;
}
.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 {
}
.single-case_study .testimonials {
border-top: none;
padding-top: 0px;
}
.full-width-image {
min-height: 500px;
}
.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 */
/* all your homepage hero stuff sits here */
.hero-home-page {
margin-top: 30px;
margin-bottom: 100px;
height: 600px;
overflow: hidden;
padding-bottom: 40px;
}
.hero-home-page h1 {
margin-top: -11px;
margin-bottom: 40px;
line-height: 1.4;
}
.hero-home-page h1,
.hero-home-page .content {
width: 104%;
}
.hero-home-page .content {
margin-bottom:50px;
}
.hero-home-page .content p {
font-size:18px;
line-height:36px;
}
.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: 50px;
float: left;
}
.hero-home-page .hero-image img {
float: left;
width: auto;
max-width: none;
position:relative;
z-index:3;
}
.hero-home-page .flex-nowrap .btn {
min-width: 152px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
/* all your homepage hero stuff sits here */
.large-title {
font-size: 70px;
line-height: 86px;
}
.footer-top .large-title {
color: #ffffff;
margin-top: -18px;
margin-bottom: 70px;
}
.footer-top .contact-meta .meta-inner:nth-of-type(2) {
margin-bottom: 0px;
}
.large-title b,
.full-width-contact-form .title-row h3 span {
font-weight: 500;
}
.footer-top .large-title span,
.full-width-contact-form .title-row h3 span {
position: relative;
}
.footer-top .large-title span:after, .full-width-contact-form .title-row h3 span:after {
content: "";
visibility: visible;
-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;
opacity: 0;
height: 2px;
position: absolute;
bottom: 0px;
left: 0px;
width: 0%;
background: #fb004c;
}
.footer-top .active .large-title span:after, .full-width-contact-form .active .title-row h3 span:after {
transition-delay: 0.6s;
width: 100%;
opacity: 1;
}
.footer-top .footer-contact {
padding-top: 8px;
padding-bottom: 11px;
}
.footer-top .footer-contact .address {
display: none !important;
}
.full-width-image, .video-block-full {
min-height: 550px;
height: auto;
box-shadow: none;
padding-bottom: 80px;
padding-top: 60px;
}
.image-split-blocks, .full-width-image, .video-block-full, .gallery-slider, .testimonials, .team-module, .dual-maps {
border-left: 60px solid #ffffff;
border-right: 60px solid #ffffff;
}
.video-block-full {
box-shadow: none;
padding: 0px;
}
.video-player {
box-shadow:none;
opacity:1;
}
.video-player:hover {
opacity:1 !important;
}
.video-player .play-icon {
width: 60px;
height: 60px;
background: #FB004C;
border-radius: 50%;
overflow: hidden;
z-index: 3;
}
.video-player .play-icon:before {
content: "";
visibility: visible;
width: 0;
height: 0;
border-top: 13px solid transparent;
border-left: 22px solid white;
border-bottom: 13px solid transparent;
position: absolute;
left: 20px;
top: 17px;
}
.video-player:hover .play-icon {
background:#131313;
}
.video-player iframe {
-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;
position: absolute;
top: 0px;
left: 0px;
background: #131313;
opacity: 0;
z-index: -1;
}
.video-player.playing iframe {
z-index:6;
opacity:1;
}
a.full-width-image {
opacity:1;
box-shadow:none
}
a.full-width-image:hover {
opacity:0.6;
}
.full-width-image .content p {
color: #ffffff;
}
.full-width-image .meta {
margin: -5px 0 -5px 0;
font-size: 16px;
color: #ffffff;
font-weight: 500;
margin-top: 34px;
}
.post-meta {
margin-top: 40px;
margin-bottom: 70px;
}
.post-meta.sidebar .section.share b.posted, .post-meta.sidebar .section.search b.posted {
white-space: nowrap;
font-size: 16px;
margin: -6px 0 19px 0px;
}
.post-meta.sidebar .section {
margin-bottom: 50px;
min-width: 360px;
}
.post-meta.sidebar .section.search b.posted {
text-align: right;
}
.post-meta.sidebar .section.share ul.social-media {
max-width: 100%;
}
.post-meta.sidebar .section.share ul.social-media li {
float: left;
margin-right: 15px;
}
.post-meta.sidebar .section.share ul.social-media li a {
color: #ffffff;
opacity: 1;
width: 40px;
height: 40px;
font-size: 16px;
}
.post-meta.sidebar .section.share ul.social-media li a {
color:#ffffff;
opacity:1;
}
.post-meta.sidebar .section.share ul.social-media li a:hover {
color:#ffffff;
opacity:0.6;
}
.post-meta.sidebar .section.share ul.social-media li a.fa-facebook-f {
background:#1877f2;
}
.post-meta.sidebar .section.share ul.social-media li a.fa-twitter {
background:#1da1f2;
}
.post-meta.sidebar .section > h4 {
margin: -10px 0 20px 0px;
font-size: 24px;
}
.post-meta.sidebar .section ul.archive {
margin: -7px 0 -7px 0px;
padding: 0px;
}
.post-meta.sidebar .section ul.archive li {
width: auto;
clear: none;
padding-right: 20px;
}
.post-meta.sidebar .section ul.archive li:before {
display: block;
content: ",";
visibility: visible;
width: auto;
height: auto;
background: none;
line-height: normal;
left: auto;
top: auto;
bottom: 7px;
right: 13px;
font-size: 20px;
color: #151515;
font-family: 'HelveticaLTPro', "Helvetica",sans-serif;
}
.post-meta.sidebar .section ul.archive li:last-of-type {
padding:0px;
}
.post-meta.sidebar .section ul.archive li:last-of-type:before {
display:none;
}
.team-module {
margin-top: 50px;
margin-bottom: 50px;
background: #101010;
padding-top: 80px;
padding-bottom: 25px;
}
.team-module .title-row {
text-align: center;
margin-bottom: 70px;
}
.team-module .title-row h3 {
color: #ffffff;
font-size: 38px;
margin: -17px 0 -17px 0px;
}
.team-module .mb-35 {
margin-bottom: 55px;
}
.team-module .team-block {
padding: 0 10px;
}
.team-module .team-block .team-image {
height: 330px;
border-radius: 50%;
overflow: hidden;
margin-bottom: 37px;
}
.team-module .team-block .team-meta h5 {
color: #ffffff;
font-size: 22px;
margin: -9px 0 5px 0px;
}
.team-module .team-block .team-meta small {
color: #ffffff;
font-size: 16px;
font-weight: 300;
opacity: 0.8;
}
.post-list .staggered > article {
margin-bottom: 30px;
}
.post-list .staggered > article:nth-of-type(even) {
margin-top:-100px;
}
.post-list .staggered > article:nth-of-type(1) {
margin-top: 100px;
}
.post-list .staggered > article:nth-of-type(2) {
margin-top:0px;
}
.project-block {
overflow: hidden;
max-height: 540px;
min-height: 540px;
}
.project-block img {
transform: scale(1);
-webkit-transform: scale(1);
min-height: 100%;
min-width: auto;
max-width: none;
}
.project-block:hover img {
transform: scale(1.2);
-webkit-transform: scale(1.2);
}
.project-block .project-meta {
width: 100%;
top: 0px;
z-index: 4;
padding: 60px 50px 30px;
opacity:1;
}
.project-block:hover .project-meta {
opacity:0;
}
.project-block .project-meta .project-tag,
.hero .project-tag {
font-size: 15px;
text-transform: uppercase;
line-height: 0.8;
float: left;
color: #ffffff;
font-weight: 500;
height: 35px;
margin-bottom: 35px;
margin-left: -50px;
padding-left: 50px;
padding-right: 16px;
padding-top: 12px;
padding-bottom: 11px;
background: #131313;
}
.hero .project-tag {
margin-bottom: 10px;
margin-left: 0px;
padding-left: 0;
position: relative;
}
.hero .project-tag:before {
content: "";
visibility: visible;
position: absolute;
height: 100%;
width: 100vw;
top: 0px;
left: -100vw;
}
.project-block .project-meta .project-tag.projects,
.hero .project-tag.projects,
.hero .project-tag.projects:before {
background: #ee2659;
}
.project-block .project-meta .project-tag.opportunities,
.hero .project-tag.opportunities,
.hero .project-tag.opportunities:before {
background: #352de0;
}
.project-block .project-meta h3 {
color: #ffffff;
font-size: 48px;
font-weight: 200;
line-height: 62px;
margin: -14px 0 -12px;
float: left;
width: 100%;
text-shadow: 0px 0px 37px hsl(0deg 0% 11% / 27%), 0px 0px 9px rgb(27 27 27 / 42%), 0px 0px 9px rgb(27 27 27 / 57%), 0px 0px 14px rgb(27 27 27 / 76%), 0px 0px 15px rgb(27 27 27 / 68%), 0px 0px 23px rgb(27 27 27 / 67%), 0px 0px 22px rgb(27 27 27 / 39%);
}
.project-block .project-meta:before {
position: absolute;
content: "";
visibility: visible;
width: 100%;
height: 150%;
background: -moz-linear-gradient(top, rgba(27,27,27,1) 0%, rgba(27,27,27,0) 100%);
background: -webkit-linear-gradient(top, rgba(27,27,27,1) 0%,rgba(27,27,27,0) 100%);
background: linear-gradient(to bottom, rgba(27,27,27,1) 0%,rgba(27,27,27,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b1b1b', endColorstr='#001b1b1b',GradientType=0 );
z-index: -1;
top: 0px;
left: 0px;
opacity: 0.4;
}
.project-block .project-excerpt {
position: absolute;
z-index: 4;
bottom: 0px;
padding: 20px 50px 50px;
opacity:0;
}
.project-block:hover .project-excerpt {
opacity:1;
}
.project-block .project-excerpt:before {
content:"";
visibility:visible;
}
.project-block .project-excerpt p {
font-size: 16px;
color: #ffffff;
position: relative;
z-index: 2;
font-weight: 300;
line-height: 30px;
}
.full-width-contact-form {
margin-top: 50px;
margin-bottom: 100px;
padding-top: 70px;
padding-bottom: 70px;
}
.full-width-contact-form .title-row h3 {
margin: -12px 0 -12px 0px;
font-size: 30px;
line-height: 45px;
}
.full-width-contact-form .title-row h3 span:after {
bottom: -5px;
}
.contact-page-module {
margin-top: 20px;
margin-bottom: 70px;
}
.dual-maps {
margin-bottom: -40px;
}
.gallery-full .title-row,
.related-case-studies .title-row,
.related-posts .title-row,
.full-width-contact-form .title-row,
.dual-maps .title-row {
margin-bottom: 60px;
}
.dual-maps iframe {
top: 0px;
left: 0px;
z-index: 2;
filter: grayscale(1);
border: none !important;
}
.home-page-hero {
margin-bottom: 140px;
}
.home-page-hero.hero.hero-full-image h1 {
line-height: 1.3;
margin: -30px 0 50px 0;
}
.home-page-hero.hero.hero-full-image h1 b {
font-weight: 500;
position:relative;
}
.home-page-hero.hero.hero-full-image h1 b:after {
content: "";
visibility: visible;
width: 12px;
height: 12px;
position: absolute;
bottom: 13px;
background: #FB004C;
border-radius: 50%;
right: -15px;
transform: scale(0);
-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;
}
.home-page-hero.hero.hero-full-image.active h1 b:after {
transform: scale(1);
transition-delay: 0.3s;
}
.hero.hero-full-image.home-page-hero {
height: 100vh;
max-height: 700px;
margin-bottom: 0px;
}
.hero.hero-full-image.home-page-hero .hero-home-page-inner {
top: 0px;
left: 0px;
z-index: 1;
transform: scale(1);
}
.hero.hero-full-image.home-page-hero.active .hero-home-page-inner {
animation: scaling 10s infinite alternate;
}
@keyframes scaling {
from {
transform: scale(1);
}
to {
transform: scale(1.2);
}
}
.hero.hero-full-image.home-page-hero:before {
z-index: 4;
}
.hero.hero-full-image.home-page-hero .container {
z-index: 5;
}
.btn-link, footer .contact-meta .meta-inner a {
font-size: 18px;
text-transform: uppercase;
color: #151515;
font-weight: 500;
box-shadow: none !important;
float: left;
padding-bottom: 20px;
position: relative;
overflow: hidden;
margin-bottom: -4px;
line-height: 1;
padding-top: 1px;
}
footer .contact-meta .meta-inner a {
text-transform: none;
color: #ffffff;
font-weight: 700;
padding-bottom: 24px;
font-size: 20px;
}
.btn-link:before, footer .contact-meta .meta-inner a:before,
.mobile-menu .mobile-menu-inner ul li a:before {
height: 2px;
width: 100%;
background: #fb004c;
position: absolute;
content: "";
visibility: visible;
left: 0px;
bottom: 4px;
}
.btn-link:after,
footer .contact-meta .meta-inner a:after,
.mobile-menu .mobile-menu-inner ul li a:after {
content: "";
visibility: visible;
width: 10px;
height: 10px;
position: absolute;
background: #fb004c;
border-radius: 50%;
transform: translateX(-50%);
left: -10px;
bottom: 0;
opacity:1;
}
.btn-link:hover {
color: #151515;
}
.btn-link:hover:after,
footer .contact-meta .meta-inner a:hover:after,
.mobile-menu .mobile-menu-inner ul li a:hover:after {
transform:translateX(-50%);
left:50%;
}
.btn-link.white {
color:#ffffff;
}
.line-down {
margin: 0px;
min-height: 1px;
position: relative;
z-index: 4;
height: 140px;
}
.line-down span {
background: #CECECE;
height: 0px;
width: 2px;
top: -70px;
opacity: 0;
-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;
}
.line-down.active span {
height:140px;
transition-delay:0.5s;
opacity:1;
}
.above-case-study {
margin-bottom:100px;
}
.above-case-study .large-title {
margin-top: -18px;
}
.above-case-study .content {
margin-top: 99px;
}
.post-list.home-page {
margin-bottom: 130px;
}
.post-list.home-page .btn-link {
margin-top: 40px;
}
.latest-insights {
background: #101010;
padding-top: 125px;
margin: 0px;
padding-bottom: 185px;
overflow: hidden;
}
.latest-insights h3 {
color: #ffffff;
margin-bottom: 50px;
margin-top: -19px;
padding-left: 100px;
}
.latest-insights .container {
position:relative;
z-index:3;
}
.latest-insights .corner-svg {
left: -40px;
bottom: -15px;
width: auto;
height: auto;
z-index: 2;
-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;
transform: skew(-1deg, -1deg)rotate(0deg);
}
.latest-insights .corner-svg.active {
animation: waves 10s infinite alternate;
}
@keyframes waves {
from {
transform: skew(0deg, -1deg)rotate(0deg);
}
to {
transform: skew(5deg, 5deg)rotate(-3deg);
}
}
.latest-insights .corner-svg svg {
max-width: 1380px;
height: auto;
}
/*
.latest-insights .corner-svg svg path {
fill: none;
stroke: #fb004c;
stroke-dashoffset: 7500;
stroke-dasharray: 7500;
}
.latest-insights .corner-svg.active svg path {
animation: dashWaves 5s linear forwards;
}
@keyframes dashWaves {
to {
stroke-dashoffset: 0;
}
}*/
.latest-insights .post-list {
margin-bottom: 18px;
}
.latest-insights .btn-link {
float: left;
color: #ffffff;
}
.latest-insights .post-list .latest-insights-inner {
padding-bottom: 64px;
margin-bottom: 35px;
border-bottom: 2px dashed #4F4F4F;
padding-left: 140px;
}
.latest-insights .post-list .latest-insights-inner:after {
content: "";
visibility: visible;
position: absolute;
-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;
background: #fb004c;
left: 0px;
bottom: -2px;
width: 0%;
height: 2px;
}
.latest-insights .post-list .latest-insights-inner:hover:after {
width:100%;
}
.latest-insights .post-list .latest-insights-inner:last-of-type {
margin-bottom:0px;
border-bottom:none;
}
.latest-insights .post-list .latest-insights-inner:last-of-type:after {
display:none;
}
.latest-insights .post-list .latest-insights-inner a.post-thumbnail {
top: 0px;
left: 0px;
width: 100px;
height: 100px;
overflow: hidden;
opacity: 1;
background: aliceblue;
box-shadow: none;
background: url(/wp-content/uploads/2021/05/favicon.png) center center no-repeat #f8f8f9;
background-size: 40px;
}
.latest-insights .post-list .latest-insights-inner a.post-thumbnail img {
min-height: 100%;
}
.latest-insights .post-list .latest-insights-inner:hover a.post-thumbnail {
opacity: 0.6;
}
.latest-insights .post-list .latest-insights-inner h4 {
float: left;
width: 100%;
display: block;
margin-bottom: 16px;
margin-top: -9px;
}
.latest-insights .post-list .latest-insights-inner h4 a {
color: #ffffff;
box-shadow: none;
font-size: 21px;
font-weight: 300;
line-height: 37px;
margin: 0px;
}
.latest-insights .post-list .latest-insights-inner h4 a:hover {
color:#fb004c;
}
.latest-insights .post-list .latest-insights-inner span {
color: #858585;
clear: both;
margin-bottom: -5px;
font-size: 18px;
}
.standard-post-home {
margin-bottom: 110px;
}
.post-navigator {
margin-bottom: 0px;
margin-top: -20px;
margin-bottom: 30px;
}
.post-navigator .post-navigator-block {
font-size: 18px;
}
.post-navigator .post-navigator-block span.text-nowrap {
padding-right: 30px;
margin-top: -29px;
}
.post-navigator .post-navigator-block label {
margin: 0px;
padding-bottom: 0px;
float: left;
display: block;
}
.post-navigator .post-navigator-block label input {
display: none;
}
.post-navigator .post-navigator-block label:hover span:after {
opacity: 0.3;
}
.post-navigator .post-navigator-block label span {
position: relative;
padding-bottom: 25px;
opacity: 0.6;
-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-left: 15px;
padding-right: 15px;
overflow: hidden;
float: left;
display: block;
}
.post-navigator .post-navigator-block label:hover span {
cursor:pointer;
opacity:1;
}
.post-navigator .post-navigator-block label span:before,
.post-navigator .post-navigator-block label span:after {
content:"";
visibility:visible;
-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;
}
.post-navigator .post-navigator-block label span:before {
width: 10px;
height: 10px;
left: -10px;
transform: translateX(0);
background: #151515;
position: absolute;
border-radius: 50%;
bottom: 3px;
}
.post-navigator .post-navigator-block label span:after {
position: absolute;
left: 0px;
bottom: 7px;
height: 2px;
display: block;
width: 100%;
background: #151515;
opacity: 0.5;
}
.post-navigator .post-navigator-block label input:checked ~ span {
opacity:1;
}
.post-navigator .post-navigator-block label input:checked ~ span:before {
transform: translateX(-50%);
left: 50%;
}
.post-navigator .post-navigator-block label input:checked ~ span:after {
opacity:1;
}
.post-navigator .post-navigator-block label[for="filter_all"] input:checked ~ span {
}
.post-navigator .post-navigator-block label[for="filter_opportunities"] input:checked ~ span {
color: #332aff;
}
.post-navigator .post-navigator-block label[for="filter_projects"] input:checked ~ span {
color: #ff215f;
}
.post-navigator .post-navigator-block label[for="filter_opportunities"] input:checked ~ span:before,
.post-navigator .post-navigator-block label[for="filter_opportunities"] input:checked ~ span:after {
background:#332aff;
}
.post-navigator .post-navigator-block label[for="filter_projects"] input:checked ~ span:before,
.post-navigator .post-navigator-block label[for="filter_projects"] input:checked ~ span:after {
background:#ff215f;
}
.hero h1 {
font-weight: 300;
}
.filterable-post-list {
min-height: 640px;
}
.archive-loader {
width: 100%;
height: 100%;
top: 0px;
left: 0px;
opacity: 0;
z-index: -1;
visibility: hidden;
min-height: 640px;
}
.archive-loader.active {
opacity: 1;
z-index: 10;
visibility: visible;
}
/* animate all your icons so they draw themselves*/
.cta-panel-list #icon-block-1 svg path,
.cta-panel-list #icon-block-2 svg path,
.cta-panel-list #icon-block-3 svg path,
.cta-panel-list #icon-block-3 svg circle {
stroke-dasharray: 1000;
stroke-dashoffset: 1000;
}
/*.cta-panel-list #icon-block-3 svg * {
stroke-width: 5px;
}*/
.cta-panel-list .active #icon-block-1 svg path,
.cta-panel-list .active #icon-block-2 svg path,
.cta-panel-list .active #icon-block-3 svg path,
.cta-panel-list .active #icon-block-3 svg circle {
animation: dash 6s linear forwards;
animation-delay:0.5s;
}
.cta-panel-list .active #icon-block-3 svg path,
.cta-panel-list .active #icon-block-3 svg circle {
animation: dash 3s linear forwards;
}
.cta-panel-list .active #icon-block-2 svg path {
animation-delay:0.75s;
}
.cta-panel-list .active #icon-block-3 svg path,
.cta-panel-list .active #icon-block-3 svg circle {
animation-delay:1s;
}
@keyframes dash {
to {
stroke-dashoffset: 0;
}
}
/* mobile menu */
a#burgerMenu {
display: block;
width: 40px;
height: 40px;
margin-left: 0px;
position: relative;
padding: 9px;
margin-top: -4px;
margin-bottom: -4px;
margin-right: 6px;
}
a#burgerMenu span {
opacity: 1;
transform: rotate(0deg);
width: 22px;
height: 3px;
background: #1b1b1b;
position: absolute;
left: 9px;
}
a#burgerMenu span:nth-of-type(1) {
top: 9px;
}
a#burgerMenu span:nth-of-type(2) {
top: 18px;
}
a#burgerMenu span:nth-of-type(3) {
bottom: 9px;
}
a#burgerMenu.active span {
background: #221D48 !important;
}
a#burgerMenu.active span:nth-of-type(1),
a#burgerMenu.active span:nth-of-type(2) {
transform: rotate(45deg);
top: 19px;
}
a#burgerMenu.active span:nth-of-type(2) {
opacity:0;
}
a#burgerMenu.active span:nth-of-type(3) {
transform: rotate(-45deg);
bottom: 18px;
}
.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;
z-index: 999;
}
.mobile-menu {
right: 0px;
width: 100vw;
max-width: 100vw;
top: 0px;
background: transparent;
min-height: 100%;
min-height: 100%;
min-height: 100%;
height:100vh;
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: 146px;
transform: translateX(100%);
overflow: hidden;
opacity: 0;
}
.mobile-menu:after {
content: "";
visibility: visible;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
bottom: -150px;
right: -150px;
width: 300px;
height: 300px;
border-radius: 50%;
background: #ffffff;
position: absolute;
transform: scale(0);
opacity: 0;
}
.mobile-menu.active:after {
opacity: 1;
transform: scale(15);
}
.mobile-menu:before {
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
display: block;
top: 280px;
left: 0px;
content: "";
visibility: visible;
-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;
transform: skew(-1deg, -1deg)rotate(0deg);
}
.mobile-menu.active {
transform: translateX(0%);
opacity:1;
}
.bodyactive .mobile-menu:before {
background:url(/wp-content/uploads/2021/05/Moiré-Waves@2x.png.webp) center center;
background-size:cover;
opacity:1;
}
.mobile-menu.active:before {
animation: wavesMobile 4s infinite alternate;
}
@keyframes wavesMobile {
from {
transform: skew(0deg, -1deg)rotate(0deg);
}
to {
transform: skew(5deg, 5deg)rotate(-3deg);
}
}
.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: 116px;
position: absolute;
top: 135px;
height: calc(100% - 150px);
width: 100%;
left: 0px;
padding-left: 30px;
padding-right: 30px;
z-index: 4;
}
.mobile-menu .mobile-menu-inner .menu-main-menu-container {
float: left;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.mobile-menu.active .mobile-menu-inner {
transform: translateX(0%);
transition-delay:0.1s;
}
.mobile-menu .mobile-menu-inner ul {
padding: 0px;
margin: 0px;
}
.selectize-control.single .selectize-input input {
display:none !important;
}
.selectize-control {
float: left;
width: 100%;
display: block;
}
.mobile-menu .mobile-menu-inner ul li {
padding: 0px;
margin: 0px;
float: left;
width: 100%;
margin-bottom: 37px;
padding-left: 0px;
text-align: center;
display: flex;
justify-content: center;
padding-top: 5px;
line-height: 1;
}
.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: auto;
display: block;
line-height: 1;
font-size: 70px;
font-weight: 100;
letter-spacing: 0.025em;
opacity: 1;
position: relative;
overflow: hidden;
padding-bottom: 32px;
margin-top: -8px;
line-height: 1 !important;
}
.mobile-menu .mobile-menu-inner ul li a:before {
height: 3px;
bottom: 6px;
}
.mobile-menu .mobile-menu-inner ul li a:after {
width: 13px;
height: 13px;
bottom: 1px;
}
.mobile-menu .mobile-menu-inner ul li a:hover {
opacity: 1;
}
.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-479 {
padding-left:0px;
}
.mobile-menu .mobile-menu-inner ul li.menu-item-479 a {
padding-left: 20px;
font-size: 24px;
line-height: 1;
position: relative;
}
.mobile-menu .mobile-menu-inner ul li.menu-item-479 a:before, .mobile-menu .mobile-menu-inner ul li.menu-item-479 a:after {
opacity: 0;
left: 0px;
width: 2px;
position: absolute;
left: 0px;
top: 1px;
}
.mobile-menu .mobile-menu-inner ul li.menu-item-479 a:after {
height: 100%;
display: block;
opacity: 1;
z-index:1;
}
.mobile-menu .mobile-menu-inner ul li.menu-item-479 a:before {
z-index:2;
}
.mobile-menu .mobile-menu-inner ul li.menu-item-479 a:hover:before,
.mobile-menu .mobile-menu-inner ul li.menu-item-479.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(19, 19, 19, 0.65);
display: none;
}
.ie-modal-only .vhboth {
width: 100%;
max-width: 670px;
}
.ie-modal-only .panel {
padding: 40px;
padding-top: 36px;
}
.ie-modal-only .panel h4 {
font-size: 22px;
line-height: 1.5;
padding-top: 2px;
}
.ie-modal-only .panel p {
font-size: 16px;
line-height: 30px;
}
/* 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: 40px;
}
.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;
clear: both;
}
img.img-scaler {
float: left;
width: 100%;
height: auto;
display: block;
opacity: 0;
position: relative;
z-index: -1;
}
footer .contact-meta .meta-inner a:before,
footer .contact-meta .meta-inner a:after {
display:block !important;
}
.footer-top .contact-meta .meta-inner p {
margin: 1px 0 -5px 0px;
}
.footer-top .contact-meta .meta-inner {
max-height: 38px;
}
.map-container {
background: #e4e4e4;
}
footer .registered-information {
color: #ffffff;
margin-top: -9px;
margin-bottom: -9px;
}
footer .registered-information p {
margin: 0px;
float: right;
font-size: 16px;
max-width: 323px;
line-height: 32px;
}
div#detach-button-host {
display: none !important;
visibility: hidden !important;
opacity: 0;
z-index: -1;
}
.lazyLoadVideo video {
top: 0px;
left: 0px;
object-fit: cover;
-webkit-object-fit: cover;
z-index: 1;
opacity: 0;
}
.bodyactive .lazyLoadVideo.active video {
opacity:1;
}
.image-split-blocks a.img-filter {
height: auto;
box-shadow: none;
min-height: 100%;
}
.image-split-blocks a.img-filter img {
min-height: fit-content;
min-height: -webkit-fit-content;
}
.above-case-study .find-out-more {
clear: both;
float: left;
margin-top: 45px;
}
/* password protect case studies */
form.post-password-form p {
margin-bottom: 30px;
}
form.post-password-form p:last-of-type {
margin-bottom:0px;
}
form.post-password-form p:last-of-type {
display: flex;
flex-wrap: wrap;
justify-content: start;
align-content: center;
align-items: center;
}
form.post-password-form label input {
width: auto;
flex: 1; margin-left: 25px;
}
form.post-password-form {
margin-bottom:30px;
}
form.post-password-form label {
display: flex;
flex-wrap: wrap;
justify-content: start;
align-content: center;
align-items: center;
padding-right: 30px;
max-width: 500px;
margin-bottom: 0px;
}
form.post-password-form label:hover {
}
form.post-password-form label input {
}
form.post-password-form label input:hover {
}
form.post-password-form label input:focus {
}
form.post-password-form input[type="submit"] {
background: #221D48;
}
form.post-password-form input[type="submit"]:hover {
background: #fb004c;
}
ul.social-media li a.fa-linkedin-in {
background: #0077b5;
}
/* 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, .error404 .testimonials {
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-479 > 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, ul.social-media li a:before, ul.social-media li a:after {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}