/*************************************** Base Styles  ***************************************/  /* Clear Elements */    .group:before, .group:after {content: ""; display: table;}     .group:after {clear: both;}    .group {zoom: 1;}    /* Set up REM style */  /*  html { font-size: 62.5%; }     body { font-size: 14px; font-size: 1.4rem; background: #fff;}     h1   { font-size: 24px; font-size: 2.4rem; } */    /* Older browsers */    html { font-size: 12px; background: #ffffff; scroll-behavior: smooth;}      @media screen and (min-width: 320px){      html { font-size: calc( 12px + (16 - 12) * (100vw - 320px) / (1200 - 320) ); }  }      @media screen and (min-width: 800px){        html { font-size: 16px; }  }    /* Border Box */    *, *:before, *:after {        -webkit-box-sizing: border-box;        -moz-box-sizing: border-box;        box-sizing: border-box;    }body { font-family: "Lexend", sans-serif; font-optical-sizing: auto;}/************************ * Colors  *  * *********************/:root {--black: #010101;--black-transparent: rgba(1,1,1,0.4);--black-transparent-hover: rgba(1,1,1,0.8);--white:  #fff;--white-transparent:  rgba(255,255,255,0.8);--grey: #50555b;--grey-transparent: rgba(80,85,91,0.8);}/*************************************** Fonts  ***************************************/  /* font-family: "Inter", sans-serif;font-family: "Playfair Display", serif;  font-optical-sizing: auto;  font-weight: <weight>;  font-style: normal;light = 300reg = 400med = 500semi-bold = 600bold = 700extra-bold = 700black = 900  */h1 {font-family: "Playfair Display", serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 65px; font-size: 4.0625em; line-height: 1.25; margin: 0px; color: var(--green); margin-bottom: 15px;}h2 {font-family: "Playfair Display", serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 45px; font-size: 2.8125em; line-height: 1.25; margin: 0px;  color: var(--green); margin-bottom: 15px;}h3 {font-family: "Playfair Display", serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 30px; font-size: 1.875em; line-height: 1.25; margin: 0px; color: var(--green); margin-bottom: 15px;}h4 {font-family: "Playfair Display", serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 18px; font-size: 1.125em; line-height: 1.25; margin: 0px;  color: var(--green); margin-bottom: 15px;}h5 {font-family: "Playfair Display", serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 16px; font-size: 1.0em; line-height: 1.25; margin: 0px; color: var(--green); margin-bottom: 15px;}h6 {font-family: "Playfair Display", serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 14px; font-size: 0.875em; line-height: 1.25; margin: 0px; color: var(--green); margin-bottom: 15px;}p {color: var(--dark-grey);  font-family: "Inter", sans-serif; font-optical-sizing: auto; font-size: 16px; font-size: 1em; line-height: 1.5;font-weight: 400; font-style: normal; margin-top: 0px; margin-bottom: 15px;} p strong {font-weight: 600;}a {color: var(--dark-grey);  font-family: "Inter", sans-serif; font-optical-sizing: auto; text-decoration: none; font-style: normal; }ul li, ol li, li {color: var(--dark-grey);  font-family: "Inter", sans-serif; font-optical-sizing: auto; font-style: normal; }em {color: var(--dark-grey);  font-family: "Inter", sans-serif; font-optical-sizing: auto; font-style: italic; }/***************************************Buttons ***************************************/.menu-btn {font-family: "Inter", sans-serif; transition: all 0.5s ease 0s; display: inline-block; background: var(--green); color: var(--white); border: 0px;}.menu-btn:hover {background: var(--purple); color: var(--white);}.white-btn {font-family: "Inter", sans-serif; transition: all 0.5s ease 0s; display: inline-block; border: 2px solid var(--white); padding: 15px 25px; background: var(--white); color: var(--green)}.white-btn:after {font-family: 'FontAwesome'; content: "\f061"; font-size: 16px; margin-left: 10px;}.white-btn:hover {background: transparent; color: var(--white);}/*************************************** Navigation ***************************************/ body.pushy-open-right {overflow: hidden;}.pushy {padding: 0px;}.pushy-inner {width: 100%; height: 100%;}.pushy-navigation {width: 100%; height: 100%; background:url("/brikk-london-co-uk/_img/img/home-banner1a.jpg"); background-size: cover; background-position: center center;}.pushy-navigation ul {display:  flex; flex-direction:  column; height: 100%; margin: 0px; padding: 0px; align-items: stretch;}.pushy-navigation ul li {flex: 1;   opacity: 0;  transform: translateY(-20px); /* Start slightly above */  transition: transform 0.5s ease, opacity 0.5s ease;}.pushy-navigation ul li.fade-in {  opacity: 1;  transform: translateY(0); /* Slide into place */}.pushy-navigation ul li a {transition: all 0.5s ease 0s; color: var(--white);font-family: "Playfair Display", serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 30px; font-size: 1.875em; line-height: 1.25; margin: 0px; display:  flex; align-items: center; justify-content: center; padding: 0px; background: var(--black-transparent); width: 100%; height: 100%; }.pushy-navigation ul li a:hover {background: var(--black-transparent-hover);}/*.pushy-navigation ul li#mobile0 {background:url("/brikk-london-co-uk/_img/img/home-banner1.jpg"); background-size: cover; background-position: center center;}.pushy-navigation ul li#mobile1 {background:url("/brikk-london-co-uk/_img/img/home-banner2.jpg"); background-size: cover; background-position: center center;}.pushy-navigation ul li#mobile2 {background:url("/brikk-london-co-uk/_img/img/home-banner3.jpg"); background-size: cover; background-position: center center;}.pushy-navigation ul li#mobile3 {background:url("/brikk-london-co-uk/_img/img/home-banner4.jpg"); background-size: cover; background-position: center center;}.pushy-navigation ul li#mobile4 {background:url("/brikk-london-co-uk/_img/img/home-banner1.jpg"); background-size: cover; background-position: center center;}*/.pushy-link {transition: all 0.5s ease 0s; position: absolute; top: 0px; right: 0px; background: var(--white); z-index: 99999999; color: var(--black)}.pushy-link:hover {background: var(--black-transparent); }.pushy-link:hover a {color: var(--white)}/*************************************** Header Bar ***************************************/.nav-bar {width: 100%; display:  flex; align-items: center; padding: 0px 0px 40px 0px;}.nav-bar-email {width: 33.33%; color: var(--white);}.nav-bar-email i {margin-right: 10px;}.nav-bar-email a {color: var(--white);}.nav-bar-logo {width: 50%; }.nav-bar-logo img {width: 180px; transition: all 0.5s ease 0s;}.nav-bar-logo img:hover {scale: 1.1;}.nav-bar-nav {width: 50%; text-align: right;}.nav-bar i {font-size: 20px;}/*************************************** Home  Page***************************************/.darken-overlay {width: 100%; height: 100%; background: var(--black-transparent);}.home-main-banner {background:url("/brikk-london-co-uk/_img/img/home-banner1a.jpg"); background-size: cover; background-position: bottom center;  width: 100%; height: 100vh; }.home-main-banner .darken-overlay {padding: 50px;}.home-banner-section {width: 100%; height: 100vh;}.home-banner-section .darken-overlay {padding: 50px;}.home-banner-section-inner {/*border: 1px solid var(--white);*/ width: 100%; height: 100%;  display: flex; align-items: center; justify-content: center; text-align: center;}.home-banner-section-inner-content h2 {color: var(--white); font-size: 50px; font-size: 3.125em;}.home-banner-section-inner-content p {color: var(--white); font-size: 18px; font-size: 1.125em; }.section-two {background:url("/brikk-london-co-uk/_img/img/home-banner2a.jpg"); background-size: cover; background-position: center center;}.section-three {background:url("/brikk-london-co-uk/_img/img/home-banner3a.jpg"); background-size: cover; background-position: center center;}.section-four {background:url("/brikk-london-co-uk/_img/img/home-banner4a.jpg"); background-size: cover; background-position: center center;}.home-main-banner-content {position: relative; /*border: 1px solid var(--white);*/ width: 100%; height: calc(100% - 115px); display: flex; align-items: center; justify-content: center; text-align: center;}.home-main-banner-content h1{color: var(--white); font-size: 50px; font-size: 3.125em; }.home-main-banner-content-inner {width: 100%; margin-top: -100px}.down-arrow-home {transition: all 0.5s ease 0s;position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); font-size: 25px; color: var(--white)}.down-arrow-home:hover {scale: 1.1;}.fade-in-element {  opacity: 0;  transform: translateY(20px);  transition: opacity 0.6s ease-out, transform 0.6s ease-out;  will-change: opacity, transform;}.fade-in-element.visible {  opacity: 1;  transform: translateY(0);}.parallax {  background-size: cover;  background-repeat: no-repeat;  background-attachment: scroll; /* Not 'fixed' for iOS */  background-position: center center; /* This will be overridden by JS */  position: relative;  overflow: hidden;}.nav {height: 100%;}.previewFrame .home-main-banner, .previewFrame .home-banner-section {height: 700px;}/***************************************Inner Pages***************************************/.inner-wrapper {background: var(--black); }.inner-title-banner .darken-overlay {padding: 50px; position: relative;}/*.inner-title-banner .darken-overlay:after {width: 100%; height: 250px; display:  block; content:"";background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(1,1,1,1) 100%);position: absolute; bottom: 0; left: 0; z-index: 0;}*/.inner-title-banner .nav-bar { position: relative; z-index: 99;}.inner-title-banner-text {text-align: center; position: relative; z-index: 99; padding: 75px 0px;}.inner-title-banner-text h1 {color: var(--white);}#s8526301 .inner-title-banner {background:url("/brikk-london-co-uk/_img/img/home-banner2.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat;}#s8526302 .inner-title-banner {background:url("/brikk-london-co-uk/_img/img/home-banner3.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat;}#s8526320 .inner-title-banner {background:url("/brikk-london-co-uk/_img/img/home-banner4.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat;}#s8526303 .inner-title-banner {background:url("/brikk-london-co-uk/_img/img/home-banner1.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat;}.inner-intro {padding: 75px 0px;}.inner-intro h2 {color: var(--white); font-size: 40px; font-size: 2.5em;}.inner-intro h2:first-of-type {padding-top: 30px;}.inner-intro h2:last-of-type {padding-bottom: 30px;}/*.inner-intro .ten {border-left: 2px solid var(--white); padding: 25px 0;}.inner-intro .ten:before {width: 100px; height: 2px; background: var(--white);content:""; display: block; transform: translateX(-40%);}.inner-intro .ten:after {width: 100px; height: 2px; background: var(--white);content:""; display: block; transform: translateX(-40%);}*/.parallax-item {  will-change: transform;  transition: transform 0.1s ease-out;  position: relative;}.custom-section {padding: 200px 0; position: relative;}.custom-section.new-custom {padding: 0px;}.custom-section .text-section {padding: 30px; background: var(--grey-transparent); color: var(--white); position: relative; z-index: 99;}.new-custom .row .twelve {display:  flex;}.about-img-1 p, .about-img-2 p {height: 100%; width: 100%;}.about-img-1 img {object-fit: cover; object-position: center; width: 100%; height: 100%;}.about-img-2 img {object-fit: cover; object-position: center; width: 100%; height: 100%;}.parallax-image1 {width: 100%; max-width: 600px; position: absolute; bottom: 0; left: 5%;  position: absolute; z-index: 0;}.parallax-image2 {width: 100%; max-width: 500px; position: absolute; top: 0; right: 5%;  position: absolute; z-index: 0;}.meet-the-team-wrapper {padding: 75px 0px;}.meet-the-team-wrapper h2 {text-align: center; color: var(--white); margin-bottom: 50px;}.team-wrapper {position: relative; z-index: 99;}.team-item { display:  flex; align-items: center; margin-bottom: 50px;}.team-item:nth-of-type(even) {flex-direction: row-reverse;}.team-item:nth-of-type(even) .team-image {margin-left: 40px;}.team-details {width: 80%;padding: 30px; background: var(--grey-transparent); position: relative; z-index: 99; color: var(--white)}.team-image {width: 100%; max-width: 350px; margin-right: 40px;}.services-intro-text {columns: 2; color: var(--white)}.services {padding-top: 75px; display:  flex; flex-wrap: wrap;}.services-items {width: calc(33.33% - 10px); min-height: 350px; margin: 5px; /*  transform: translateY(20px);  transition: opacity 0.6s ease-out, transform 0.6s ease-out;  will-change: opacity, transform;*/}/*.services-items.visible {  opacity: 1;  transform: translateY(0);}*/.services-items .darken-overlay {padding: 30px;}.services-items .border-inner {/*border: 1px solid var(--white); */padding: 30px; height: 100%; display:  flex; align-items: center; text-align: center;}.services-items .border-inner h3 {text-align: center; color: var(--white)}.white-popup {  position: relative;  background: var(--grey);   width: auto;  max-width: 500px;  margin: 20px auto;}.mfp-close {background: var(--grey) !important;}.service-title-inner {width: 100%;}.service-detail-image {width: 100%; height: 300px; }.service-detail-image img {width: 100%; height: 100%; object-fit: cover; object-position: center center;}.service-detail-text {padding: 25px; color: var(--white)}.testimonial-item {padding: 30px; border: 1px solid var(--white); position: relative; margin-bottom: 30px;}.quote-mark {position: absolute; top: 0; left: 0; padding: 0 20px; background: var(--black); color: var(--white); display:  inline-block; transform: translateY(-50%);}.quote-mark i {font-size: 30px; margin-right: 10px;}.testimonial-text p {font-family: "Playfair Display", serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 20px; font-size: 1.25em; color: var(--white)}.testimonial-text p strong {}.testimonial-name {color: var(--white)}.contact-form-wrapper h2 {color: var(--white)}.contact-details-outer {width: 100%; display:  flex; border: 1px solid var(--white); margin-bottom: 25px;}.contact-details-left {width: 50%; text-align: center; color: var(--white); border-right: 1px solid var(--white); padding: 15px;}.contact-details-right {width: 50%; text-align: center; color: var(--white); padding: 15px;}.contact-details-left i,.contact-details-right i {font-size: 25px; margin-bottom: 10px;}.contact-details-left p,.contact-details-right p {margin-bottom: 0px;}.testimonial-image {margin-top: 25px;}/*************************************** Blog***************************************//***************************************Footer***************************************/.footer-wrapper {width: 100%; padding: 50px 0px; background: var(--black);}.footer-top .footer-top-inner {display:  flex; align-items: center; width: 100%;  max-width: 1400px;  min-width: 320px;  margin: 0 auto;  padding-left: 20px;  padding-right: 20px;}.footer-top i {margin-right: 10px;}.footer-email {color: var(--white); width: 33.33%;}.footer-logo { width: 50%;}.footer-logo img {width: 175px;}.footer-telephone {width: 50%; color: var(--white); text-align: right; width: 50%;}.footer-bottom {width: 100%; text-align: center; color: var(--white); margin-top: 25px;}.footer-bottom p {margin: 0px; font-size: 12px; font-size: 0.75em;}.footer-bottom p a {color: var(--white)}/***************************************Form***************************************/.defaultForm {  width: 100%;  *zoom: 1;}.defaultForm:before, .defaultForm:after {  content: " ";  display: table;}.defaultForm:after {  clear: both;}.defaultForm .inputset {float: left;  width: 100%; margin-right:  0%;  position: relative;  margin-bottom: 20px; }.defaultForm .inputset .form_error_specific {  position: absolute;  top: 0;  right: 0;  color: Tomato;  display: none;}.defaultForm .inputset label {  display: block;  width: 100%;font-family: "Inter", sans-serif; font-size: 16px; font-size: 1em; color: var(--white);}.defaultForm .inputset label.label {  display: inline-block;}.defaultForm .inputset label.label input {  width: initial;  display: inline-block;  margin-left: 0.625em;}.defaultForm .inputset input, .defaultForm .inputset select {  width: 100%;   background: #fff; padding: 15px; border: 0px;font-family: "Inter", sans-serif;  font-size: 16px; font-size: 1em;}.defaultForm .inputset textarea {width: 100%;  height: 10.625em;  background: #fff; padding: 15px; border: 0px;font-family: "Inter", sans-serif;  font-size: 16px; font-size: 1em;}.inputset.inputsetcheck label:first-of-type {  margin-bottom: 0.3125em;  padding-bottom: 0.3125em;  border-bottom: 1px solid #cccccc;}.inputset label.form_header {  font-weight: bold;  font-size: 18px;}.defaultForm .form_submit {/*  text-align: right;*/}.defaultForm .form_submit {float: left;}.defaultForm .form_submit .fbElementButton {font-family: "Inter", sans-serif; transition: all 0.5s ease 0s; display: inline-block; border: 2px solid var(--white); padding: 15px 25px; background: var(--white); color: var(--green)}.defaultForm .form_submit .fbElementButton:after {font-family: 'FontAwesome'; content: "\f061"; font-size: 16px; margin-left: 10px;}.defaultForm .form_submit .fbElementButton:hover {background: transparent; color: var(--white);}.form_error {font-family: "Inter", sans-serif;  font-size: 16px; font-size: 1em; font-style: normal; padding: 10px; background: #ff0000; color: #fff; margin-bottom: 10px;}/*************************************** Ecommerce - General  ***************************************//***************************************Ecommerce - Listings ***************************************//***************************************Ecommerce - Item ***************************************//***************************************Ecommerce - Basket ***************************************//***************************************Ecommerce - Checkout ***************************************//***************************************Custom Modules***************************************//***************************************Custom Database***************************************//***************************************Media Queries***************************************/@media all and (max-width: 1200px) and (min-width: 0px) {/*.text-section {width: 80%; margin: 0 auto;}.parallax-image1 {max-width: 300px;}.parallax-image2 {max-width: 300px;}*/}@media all and (max-width: 1024px) and (min-width: 0px) {.inner-intro h2 {font-size: 35px; font-size: 2.1875em;}.services-items {width: calc(50% - 10px)}.new-custom .row .twelve {flex-direction: column;}.about-img-1 {width: 100%; height: 450px;}.about-img-2 {width: 100%; height: 450px;}.new-custom .text-section {width: 100%;}}@media all and (max-width: 950px) and (min-width: 0px) {.team-item {flex-direction: column;}.team-item:nth-of-type(even) {flex-direction: column;}.team-image {margin: 0px;  width: 90%; height: 350px; max-width: initial;}.team-image img {width: 100%; height: 100%; object-fit: cover; object-position: center;}.team-item:nth-of-type(even) .team-image {margin: 0px;}.team-details {width: 90%;}}@media all and (max-width: 820px) and (min-width: 0px) {.nav-bar-email a {font-size: 0px;}.footer-email a {font-size: 0px;}.footer-telephone a {font-size: 0px;}.footer-email a i,.footer-telephone a i {font-size: 20px;}}@media all and (max-width: 750px) and (min-width: 0px) {.home-main-banner .darken-overlay {padding: 30px;}.home-main-banner-content h1 {font-size: 35px; font-size: 2.1875em; }.home-banner-section .darken-overlay {padding: 30px;}.home-main-banner-content {height: calc(100% - 94px);}.home-banner-section-inner-content h2 {font-size: 35px; font-size: 2.1875em;}.down-arrow-home {bottom: 20px;}.services-intro-text {columns: initial;}}@media all and (max-width: 480px) and (min-width: 0px) {.contact-details-outer {flex-direction: column;}.contact-details-left {border-right: 0px; border-bottom: 1px solid var(--white)}.contact-details-left,.contact-details-right {width: 100%;}}@media all and (max-width: 480px) and (min-width: 0px) {.services-items {width: 100%; margin: 5px 0px;}}@media all and (max-width: 480px) and (min-width: 0px) {}
/* not required */