/* 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: #fff;}    @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;  }/* font-family: 'Chivo', sans-serif;font-family: 'Pathway Gothic One', sans-serif;Reg = 400bold = 700*//* Font Styles */  h1 {font-family: 'Pathway Gothic One', sans-serif; font-weight: 400; font-style: normal; font-size: 57px; font-size: 3.5625em; line-height: 1.4; margin: 0px; color: #58bf94; text-transform: uppercase;}  h2 {font-family: 'Pathway Gothic One', sans-serif; font-weight: 400; font-style: normal; font-size: 25px; font-size: 1.875em; line-height: 1.4; margin: 0px;  color: #58bf94; text-transform: uppercase;}  h3 {font-family: 'Pathway Gothic One', sans-serif; font-weight: 400; font-style: normal; font-size: 20px; font-size: 1.25em; line-height: 1.4; margin: 0px; color: #58bf94; text-transform: uppercase;}  h4 {font-family: 'Pathway Gothic One', sans-serif; font-weight: 400; font-style: normal; font-size: 18px; font-size: 1.125em; line-height: 1.4; margin: 0px;  color: #58bf94; text-transform: uppercase;}  h5 {font-family: 'Pathway Gothic One', sans-serif; font-weight: 400; font-style: normal; font-size: 16px; font-size: 1.0em; line-height: 1.4; margin: 0px; color: #58bf94; text-transform: uppercase;}  h6 {font-family: 'Pathway Gothic One', sans-serif; font-weight: 400; font-style: normal; font-size: 14px; font-size: 0.875em; line-height: 1.4; color: #58bf94; text-transform: uppercase;}  p {color: #252525; font-family: 'Chivo', sans-serif; font-size: 16px; font-size: 1em; line-height: 1.8;font-weight: 400; font-style: normal; }  a {color: #252525; font-family: 'Chivo', sans-serif; text-decoration: none;font-weight: 400; font-style: normal; }  ul li, ol li, li {color: #252525;font-family: 'Chivo', sans-serif; font-size: 18px; font-size: 1.125em; line-height: 1.8;font-weight: 400; font-style: normal; }  em {color: #252525; font-family: 'Chivo', sans-serif; font-size: 18px; font-size: 1.125em; font-weight: 400; font-style: italic; }/* Buttons */.green-btn {border-radius: 30px; color: #fff; transition: all 0.5s ease 0s;  display: inline-block; padding: 10px 35px 10px 35px ; font-size: 18px; font-size: 1.125em; font-family: 'Chivo', sans-serif; font-weight: 700; border: 0px;background: #5a9532;}.green-btn:hover {opacity:0.8;}.white-btn {border-radius: 30px; color: #303032; transition: all 0.5s ease 0s;  display: inline-block; padding: 10px 35px 10px 35px ; font-size: 18px; font-size: 1.125em; font-family: 'Chivo', sans-serif; font-weight: 700; border: 0px;background: #fff;}.white-btn:hover {opacity:0.8;}/* Animations */.services-wrapper .fadeIn {visibility: hidden; opacity: 0;}.inviewport .slideRight {  animation-name: slideRight;  -webkit-animation-name: slideRight;   animation-duration: 1.5s;   -webkit-animation-duration: 1.5s;  animation-timing-function: ease-in-out;   -webkit-animation-timing-function: ease-in-out;     visibility: visible !important;    animation-fill-mode: forwards;}@keyframes slideRight {  0% {    transform: translateX(-150%);  }  50%{    transform: translateX(8%);  }  100% {    transform: translateX(0%);        opacity: 1;   } }@-webkit-keyframes slideRight {  0% {    -webkit-transform: translateX(-150%);  }  50%{    -webkit-transform: translateX(8%);  }   100% {    -webkit-transform: translateX(0%);        opacity: 1;   }}.inviewport .slideLeft{  animation-name: slideLeft;  -webkit-animation-name: slideLeft;    animation-duration: 1.5s;   -webkit-animation-duration: 1.5s;  animation-timing-function: ease-in-out;   -webkit-animation-timing-function: ease-in-out;     visibility: visible !important;  animation-fill-mode: forwards;}@keyframes slideLeft {  0% {    transform: translateX(150%);  }  50%{    transform: translateX(-8%);  }  100% {    transform: translateX(0%);        opacity: 1;   }}@-webkit-keyframes slideLeft {  0% {    -webkit-transform: translateX(150%);  }  50%{    -webkit-transform: translateX(-8%);  }  100% {    -webkit-transform: translateX(0%);        opacity: 1;   }}.inviewport .fadeIn{  animation-name: fadeIn;  -webkit-animation-name: fadeIn;   animation-duration: 1.5s;   -webkit-animation-duration: 1.5s;  animation-timing-function: ease-in-out;   -webkit-animation-timing-function: ease-in-out;     visibility: visible !important;  animation-fill-mode: forwards;}@keyframes fadeIn {  0% {    transform: scale(0);    opacity: 0.0;     }  100% {    transform: scale(1);    opacity: 1;   }   }@-webkit-keyframes fadeIn {  0% {    -webkit-transform: scale(0);    opacity: 0.0;     }  100% {    -webkit-transform: scale(1);    opacity: 1;   }   }.inviewport .fadeInBanner{  animation-name: fadeInBanner;  -webkit-animation-name: fadeInBanner;   animation-duration: 1.5s;   -webkit-animation-duration: 1.5s;  animation-timing-function: ease-in-out;   -webkit-animation-timing-function: ease-in-out;     visibility: visible !important; }@keyframes fadeInBanner {  0% {    transform: scale(0);    opacity: 0.0;     }  100% {    transform: scale(1);    opacity: 1;   }   }@-webkit-keyframes fadeInBanner {  0% {    -webkit-transform: scale(0);    opacity: 0.0;     }  100% {    -webkit-transform: scale(1);    opacity: 1;   }   }.floating{  animation-name: floating;  -webkit-animation-name: floating;  animation-duration: 1.5s;   -webkit-animation-duration: 1.5s;  animation-iteration-count: infinite;  -webkit-animation-iteration-count: infinite;}@keyframes floating {  0% {    transform: translateY(0%);    }  50% {    transform: translateY(8%);    }   100% {    transform: translateY(0%);  }     }@-webkit-keyframes floating {  0% {    -webkit-transform: translateY(0%);    }  50% {    -webkit-transform: translateY(8%);    }   100% {    -webkit-transform: translateY(0%);  }     }/* Header Bar */.inner-position {vertical-align: middle; display: table-cell;}/*.darken-overlay {background: rgba(255,255,255, 1.0); position: absolute; right: 0; bottom: 0; left: 0; top: 0; display: block; z-index: 0;}*/.home-banner {position: relative;}.header-bar {width: 100%; background: #ececec;}.header-logo {width: 20%; float: left; display: table; padding: 1%; }.header-logo img {width: 170px;}.header-navigation-wrapper {width: 80%; float: left; display: table; padding: 0 1%; }.header-contact {text-align: right;}.header-contact p {font-size: 14px; font-size: 0.875em; color: #447366;}.header-contact p a {color: #447366;}.header-contact p a:hover  {}.header-contact img {vertical-align: middle; margin: 0 10px;}/* Mobile Nav */.pushy-content .logo-wrapper {padding: 30px; text-align: center;  background-size: cover; position: relative;}/*.pushy-content .logo-wrapper a {color: #fff;}.pushy-content .logo-wrapper a:hover {color: #590c0c;}*/.pushy-content .logo-wrapper img {width: 200px; position: relative;}.close-btn a{  position: absolute; top: 0; right: 0; display: block;transition: all 0.5s ease 0s; display: inline-block; font-family: 'Quattrocento Sans', sans-serif; font-weight: 700; font-style: normal; padding: 6px 15px !important ; font-size: 18px; font-size: 1.125em; text-transform: uppercase; color: #fff !important;}.close-btn a:hover {  opacity: 1;  color: #02837e !important;background: #fff; }.pushy-navigation ul {margin: 0px; padding: 0px;}.pushy-navigation ul li {text-align: center; font-size: 16px; font-size: 1em; border-bottom: 1px solid #060e17; transition: all 0.5s ease 0s;}.pushy-navigation ul li a {font-family: 'Tenor Sans', sans-serif; font-weight: 400; font-style: normal; color: #fff; transition: all 0.5s ease 0s;  }.pushy-navigation ul li a:hover {color: #fff; }.pushy-navigation ul li:hover {background: rgba(0,0,0, 0.4); }.mobile-btn {display: none; padding-right: 30px;}.menu-btn {border-radius: 30px; color: #fff; transition: all 0.5s ease 0s;  display: inline-block; padding: 10px 35px 10px 35px ; font-size: 18px; font-size: 1.125em; font-family: 'Chivo', sans-serif; font-weight: 700; border: 0px;background: #5a9532;}.menu-btn:hover {opacity:0.8;}.header-navigation #primary {  margin: 0px 0px 0px 0px;  width: 100%; height: 100%; padding-left: 0px;  text-align: right;  }.header-navigation #primary>li {display: inline-block; vertical-align: middle; border-bottom: 0px solid #fff; list-style-type: none; position: relative; text-align: center; height: 100%; padding: 0px 0px; border-bottom: 2px solid transparent; margin-left: 10px;}.header-navigation #primary>li:hover {transition: all 0.5s ease 0s; }.header-navigation #primary>li>a {padding: 0 0 0px 0; line-height: 16px; vertical-align: middle;  transition: all 0.5s ease 0s; font-family: 'Chivo', sans-serif; font-weight: 400; font-style: normal; font-size: 14px; font-size: 0.875em; color: #447366;  /*height: 40px; line-height: 40px;*/ position: relative;  text-decoration: none; }.header-navigation #primary>li>a:hover {color: #58bf94;  }.header-navigation #primary>li:last-of-type>a {border-right: 0px;}.header-navigation .menu>li>a.linkActive, .header-navigation #primary>li.liLinkActive a {color: #58bf94; }  /* Dropdown LV1 */.header-navigation #primary>li>ul {display: none; white-space:nowrap; list-style: none; text-decoration:none; margin: 0px;}.header-navigation #primary>li:hover>ul {display: block;  position: absolute; top: 40px; left: 0; z-index: 9999; background: #00365b; padding: 0px; }.header-navigation #primary>li>ul>li {padding: 7px 10px !important; text-align: left; }.header-navigation #primary>li>ul>li:hover {background: #68b32d;}.header-navigation #primary>li>ul>li>a {font-family: 'Barlow', sans-serif; font-weight: 500; font-style: normal; font-size: 19px; font-size: 1.1875em; color: #525252; height: auto;  display: block; border: none; text-decoration:none;  padding: 0px; }.header-navigation #primary>li>ul>li>a:hover {text-decoration: none;}.header-navigation #primary li>ul>li {position: relative;}  /* Dropdown LV2 */.header-navigation #primary>li>ul>li>ul {display: none; white-space:nowrap; list-style: none; text-decoration:none; margin: 0px;}.header-navigation #primary>li>ul>li:hover>ul {display: block;  position: absolute; top: 0px; left: 200px; z-index: 1; background: #00365b; padding: 0px; }.header-navigation #primary>li>ul>li>ul>li {padding: 7px 10px !important; text-align: left; }.header-navigation #primary>li>ul>li>ul>li:hover {background: #68b32d;}.header-navigation #primary>li>ul>li>ul>li a {font-family: 'Barlow', sans-serif; font-weight: 500; font-style: normal; font-size: 19px; font-size: 1.1875em; color: #525252; height: auto;  display: block; border: none; text-decoration:none; padding: 0px; }.header-navigation #primary>li>ul>li>ul>li a:hover {text-decoration: none;}.header-navigation #primary li>ul>li>ul>li {position: relative;}  /* Dropdown LV3 */.header-navigation #primary>li>ul>li>ul>li>ul {display: none; white-space:nowrap; list-style: none; text-decoration:none; margin: 0px;}.header-navigation #primary>li>ul>li>ul>li:hover>ul {display: block;  position: absolute; top: 0px; left: 200px; z-index: 1; background: #00365b; padding: 0px; }.header-navigation #primary>li>ul>li>ul>li>ul>li {padding: 7px 10px !important; text-align: left; }.header-navigation #primary>li>ul>li>ul>li>ul>li:hover {background: #68b32d;}.header-navigation #primary>li>ul>li>ul>li>ul>li a {font-family: 'Barlow', sans-serif; font-weight: 500; font-style: normal; font-size: 19px; font-size: 1.1875em; color: #525252; height: auto;  display: block; border: none;   padding: 0px; }.header-navigation #primary>li>ul>li>ul>li>ul>li a:hover {text-decoration: none;}.header-navigation #primary li>ul>li>ul>li>ul>li {position: relative;}.slide-colour {width: 100%; height: 100%; display: block; background:rgba(65,65,65,0.75); padding: 25vh 0;}.slides {margin: 0; padding: 0;}.slides li {width: 100%;   position: relative;}.home-banner-text-wrapper {text-align: center; }.home-banner-text-wrapper h1 {font-size: 60px; font-size: 3.75em; color: #fff; line-height: 1.2; margin-bottom: 25px;}.service-box {width: 33.33%; float: left;}.service-box-colour {padding: 20px;}.service-box:nth-of-type(1) .service-box-colour {background: rgba(68,115,102,0.8);}.service-box:nth-of-type(2) .service-box-colour {background: rgba(90,149,50,0.8);}.service-box:nth-of-type(3) .service-box-colour {background: rgba(140,159,44,0.8);}.service-box-inner {border: 1px solid #fff; padding: 20px;}.service-box-heading {padding: 20vh 0; text-align: center; }.service-box-heading h2 {color: #fff; font-size: 48px; font-size: 3em;}.intro-wrapper {padding: 100px 0; background: #ececec;}.intro-text-heading h2 {font-family: 'Pathway Gothic One', sans-serif; font-size: 60; font-size: 3.75em; color: #4d4b4c; line-height: 1;} .intro-text-heading h3 {font-family: 'Chivo', sans-serif; font-size: 18px; font-size: 1.125em; color: #447366; font-weight: 700; }.contact-wrapper {padding: 100px 0px; }.contact-text h2 {font-size: 60px; font-size:3.75em; color: #4d4b4c;}.contact-text table td:first-of-type {width: 45px; padding: 0px;}.contact-text table td {padding: 0px; vertical-align: top;}.contact-text table td p {margin-top: 0;}.defaultForm {  width: 100%;  *zoom: 1;}.defaultForm:before, .defaultForm:after {  content: " ";  display: table;}.defaultForm:after {  clear: both;}.defaultForm .inputset {  display: block;  width: 100%;  position: relative;  margin-bottom: 0.625em;}.defaultForm .inputset .form_error_specific {  position: absolute;  top: 0;  right: 0;  color: Tomato;}.defaultForm .inputset label {  display: block;  width: 100%;  color: #252525; font-family: 'Chivo', sans-serif; font-size: 16px; font-size: 1em; line-height: 1.8;font-weight: 400; font-style: normal; }.defaultForm .inputset label.label {  display: inline-block;  color: #252525; font-family: 'Chivo', sans-serif; font-size: 16px; font-size: 1em; line-height: 1.8;font-weight: 400; font-style: normal; }.defaultForm .inputset label.label input {  width: initial;  display: inline-block;  margin-left: 0.625em;  background: #c8c7c6;  border: 0px; border-radius: 5px;}.defaultForm .inputset input, .defaultForm .inputset textarea, .defaultForm .inputset select {  display: block;  width: 100%;  padding: 0.625em;  width: 100%;  background: #c8c7c6;  border: 0px; border-radius: 5px;}.defaultForm .inputset textarea {  height: 10.625em;  background: #c8c7c6;  border: 0px; border-radius: 5px;}.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 .fbElementButton {border-radius: 30px; color: #fff; transition: all 0.5s ease 0s;  display: inline-block; padding: 10px 35px 10px 35px ; font-size: 18px; font-size: 1.125em; font-family: 'Chivo', sans-serif; font-weight: 700; border: 0px;background: #5a9532;}.defaultForm .form_submit .fbElementButton:hover {opacity:0.8;}.form_error_specific {display: none;}.form_error {padding: 15px; background: #ff0000; color: #fff; margin-bottom: 10px;}.footer-wrapper {width: 100%; background: #484848; padding: 30px;}.footer-logo {width: 20%; margin-right: 1%; float: left;}.footer-logo img {width: 240px;}.footer-copy {width: 79%; float: left; text-align: right; }.footer-copy p {color: #fff; margin: 0px;}.footer-copy a {color: #fff;}.footer-copy #primary {  margin: 0px 0px 0px 0px;  width: 100%; height: 100%; padding-left: 0px;  text-align: right;  }.footer-copy #primary>li {display: inline-block; vertical-align: middle; border-bottom: 0px solid #fff; list-style-type: none; position: relative; text-align: center; height: 100%; padding: 0px 0px; border-bottom: 2px solid transparent; margin-left: 10px;}.footer-copy #primary>li:hover {transition: all 0.5s ease 0s; }.footer-copy #primary>li>a {padding: 0 0 0px 0; line-height: 16px; vertical-align: middle;  transition: all 0.5s ease 0s; font-family: 'Chivo', sans-serif; font-weight: 400; font-style: normal; font-size: 14px; font-size: 0.875em; color: #fff;  /*height: 40px; line-height: 40px;*/ position: relative;  text-decoration: none; }.footer-copy #primary>li>a:hover {color: #fff;  }.footer-copy #primary>li:last-of-type>a {border-right: 0px;}.footer-copy .menu>li>a.linkActive, .footer-copy #primary>li.liLinkActive a {color: #fff; }  /* Dropdown LV1 */.footer-copy #primary>li>ul {display: none;}.inner-title {background: #447366; text-align: left; padding: 65px 0; }.inner-title h1 {color: #fff; font-size: 60px; font-size: 3.75em;}.inner-content {padding: 45px 0px;}.inner-photo-large {padding-top: 500px;}.inner-photo-large p {margin: 0px; }.inner-photo-large.imgLiquid_error {display: none;}.previewFrame .inner-photo-large.imgLiquid_error {display: block;}.float--left {max-width: 50%; float: left; margin: 20px 20px 20px 0px; }.float--right {max-width: 50%; float: right; margin: 20px 0px 20px 20px; }.previewFrame .liquid .bgPat {height: 40px;}.inner-content-text p a {transition: all 0.5s ease 0s; border-bottom: 1px dotted #447366; color: #447366;}.inner-content-text p a:hover {border-bottom: 1px dotted #58bf94; color: #58bf94;}.inner-content-text ul {padding-left: 0px;}.inner-content-text ul li {list-style-type: none; color: #252525; font-family: 'Chivo', sans-serif; font-size: 16px; font-size: 1em; line-height: 1.8;font-weight: 400; font-style: normal; }.inner-content-text ul li:before {content:url("/tpfbuilding-co-uk/_img/img/logo-bullet.svg"); margin-right: 20px; }.intro-wrapper .intro-text-content p a {transition: all 0.5s ease 0s; border-bottom: 1px dotted #447366; color: #447366;}.intro-wrapper .intro-text-content p a:hover {border-bottom: 1px dotted #58bf94; color: #58bf94;}.contact-text a {transition: all 0.5s ease 0s; border-bottom: 1px dotted #447366; color: #447366;}.contact-text a:hover {border-bottom: 1px dotted #58bf94; color: #58bf94;}/* Media Queries */@media all and (max-width: 1400px) and (min-width: 0px) {.footer-copy ul li {margin: 0 0.5%;}.footer-copy ul li a {font-size: 11px; font-size: 0.6875em; }}@media all and (max-width: 1000px) and (min-width: 0px) {.header-navigation #primary {width: 95%; margin-left: 5%;}.home-banner-text-wrapper {max-width: 100%;}.service-box {width: 100%; }} @media all and (max-width: 950px) and (min-width: 0px) {} @media all and (max-width: 900px) and (min-width: 0px) {.mobile-nav-btn {display: block; text-align: center; padding-top: 10px;}.menu-btn {display: inline-block;}.header-logo {display: table;}.header-logo img {width: 280px;}.header-navigation-wrapper {display: none;}.header-logo {width: 50%;}.mobile-btn {width: 50%; float: left; text-align: right; padding-top: 2%; display: inline-block;}.menu-btn {border: 0px;}.footer-logo {width: 100%; margin-bottom: 20px; margin-right: 0px; text-align: center;}.footer-copy {width: 100%; text-align: center;}.footer-copy #primary {text-align: center;}} @media all and (max-width: 850px) and (min-width: 0px) {.why-choose-us-text {width: 100%;}.why-choose-us-image {width: 100%; padding-top: 75%;}.implimentation-text {width: 100%;}.implimentation-image {width: 100%; padding-top: 75%;}} @media all and (max-width: 780px) and (min-width: 0px) {.slider-nav {display: none;}.testimonial-output ul li .eight.columns.push_two {width: 100% !important; margin-left: 0;}} @media all and (max-width: 650px) and (min-width: 0px) {.inner-position {display: block;}.follow-us {  width: 100%;   padding: 0 20px;    position: absolute;    top: auto;    bottom: 10%;    left: auto;    transform: none;    -webkit-transform: none;    -moz-transform: none;    -o-transform: none;    -ms-transform: none;    text-align:center;}.follow-us-title {width: 25%; margin-right: 0; }.follow-us-divide {width: 25%; margin-right: 0;}.follow-us-link {width: 25%; margin-right: 0;}.footer-wrapper {padding: 10% 0;}.footer-logo {text-align: center; margin-bottom: 20px;}.footer-copy {text-align: center;}} @media all and (max-width: 550px) and (min-width: 0px) {.footer-copy #primary {display: none;}.float--left {max-width: 100%;  display: block; margin: 20px 0px;}.float--left img {width: 100%;}.float--right {max-width: 100%;display: block; margin: 20px 0px;}.float--right img {width: 100%;} } @media all and (max-width: 480px) and (min-width: 0px) {.header-logo {width: 100%; padding: 15px; text-align: center;}.mobile-btn {width: 100%; text-align: center; padding-right: 0px;}.follow-us {bottom: 10%;}.home-banner-text-wrapper h1 {font-size: 50px; font-size: 3.125em; color: #fff;}.green-btn {padding: 15px 25px 15px 25px ; font-size: 18px; font-size: 1.125em;}.green-btn:hover {opacity:0.8;}.green-btn:after {margin-left: 20px;}.header-bar {padding-bottom: 25px;}}
/* not required */