/*
Theme Name: Eprefix bootstrap 4
Theme URI: 
Description: 
Version: 4.0
Author: Gary McClumpha & James Richards
Author URI: http://eprefix.co.uk
*/

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html {
	height:100%;
}

body {
  	height: 100%;
  	display: flex;
	flex-direction: column;
	font-family: 'Roobert';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  	overflow-x: hidden;
  	width: 100vw;
/*   	color: #656979; */
}
.no_scroll {
	overflow: hidden;
}
.site-content {
  flex: 1 0 auto; /* 2 */
  width: 100%;
  min-height: 0.01px;
  margin-top: 5rem;
  width: 100vw;
  height: auto;
}

a {
	color: #FAB43A;
}

.footerholder {
	flex-shrink: 0;
}
.footer_sub {
	background-color: #e6e6e5;
}

.fade-content {
	opacity: 0;
}
.vh-fix {
  height: 100vh;
  /* If you need to support browser without CSS var support (<= IE11) */
  height: calc(100vh - var(--vh-offset, 0px));
  /* enable vh fix */
}
.vh-fix_home {
  height: 100vh;
  /* If you need to support browser without CSS var support (<= IE11) */
  height: calc(100vh - var(--vh-offset, 0px));
  /* enable vh fix */
}
@media (min-width: 768px) {
.vh-fix_home {
  height: 100vh;
  /* If you need to support browser without CSS var support (<= IE11) */
  height: calc(100vh - var(--vh-offset, 0px) - 15vh);
  /* enable vh fix */
}
}
.image-fill {
	left: 0;
	top: 0;
	position: absolute;
	object-fit: cover;
	font-family: 'object-fit: cover;';
	width:100%;
    height:100%;
}
.image-fill_top {
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	object-position: 0% 10%;
	font-family: 'object-fit: cover;';
	width:100%;
    height:100%;
    
}
.full-background {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.grey {
	color: #A8A8A7;
}
.orange {
	color: #ff6600;
}
.orange_link {
	color: #ff6600;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; 
}
strong {
	font-family: 'Roobert';
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

.center_object {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.center_horizontal {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

/* Component styles */
/*
.image_text_split_with_background h2, .image_text_split h2 {
	font-family: 'Euclid Square';
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  	margin-bottom: 3rem;
}
.image_text_split h3 {
	font-family: 'Euclid Square';
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  	font-size: 1.4rem;
}
*/
.background_cover {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.acc_open {
	width 1.5rem;
	height: 1.5rem;
}
.acc_close {
	display: none;
	width 1.5rem;
	height: 1.5rem;
}
.next_button {
	width: 2rem;
	height: 2rem;
	cursor: pointer
}
.next_button path {
	stroke: #000;
}
.next_button:hover {
	background-color: #000;
}
.next_button:hover .next_arrow {
	stroke: #fff;
}
.pop_close {
	width: 2rem;
	height: 2rem;
	top: -1rem;
	right: 0;
	z-index: 50;
	cursor: pointer;
}
@media (min-width: 768px) {
.pop_close {
	width: 2rem;
	height: 2rem;
	right: 0;
}
}
.pop_close_form {
	width: 2rem;
	height: 2rem;
	top: -1rem;
	right: -1rem;
	z-index: 50;
	cursor: pointer;
}
.full_nav {
	bottom: 4rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 100;
}
@media (min-width: 768px) {
.full_nav {
	bottom: 2rem;
}	
}
.button_link {
	padding: .8rem 1.5rem;
	font-size: .9rem;
	transition: 200ms;
}
.button_link:hover {
	text-decoration: none;
	background-color: #fff;
	color: #000 !important;
}
.button_link svg {
	width: .6rem;
	margin-left: .5rem;
	margin-top: -.2rem;
	fill: #fff;
}
.button_link:hover svg {
	fill: #000;
}
.left_angle, .top_angle {
	top: 0;
}
.overlay_container {
	position: relative;
}
@media (min-width: 768px) {
.overlay_container {
	position: absolute;
	top: 0;
}
}
.header_two_image:before{
    content: "";
    display: block;
    padding-top: 100%;
}
@media (min-width: 768px) {
.header_two_image:before{
    content: "";
    display: block;
    padding-top: 65%;
}	
}
.header_three_image:before{
    content: "";
    display: block;
    padding-top: 140%;
}
@media (min-width: 768px) {
.header_three_image:before{
    content: "";
    display: block;
    padding-top: 35%;
}	
}
.fullwidth_image:before {
	position: relative;
    content: '';
    float: left;
    padding-top: 100vw;
}
@media (min-width: 768px) {
.fullwidth_image:before {
	padding-top: 50%;
}
}
@media (min-width: 1600px) {
.fullwidth_image:before {
    padding-top: 800px;
}
}

.w-30 {
	width: 33.333333%;
}
.on_top {
	z-index: 100;
	max-width: 1920px;
}
.left_text {
	top: 5rem;
}
.flex_square_two {
    flex: 1 0 auto;
    height:auto;
}
.flex_square_two:before {
    content:'';
    float:left;
    padding-top:50%;
}
.flex_square_three {
    flex: 1 0 auto;
    height:auto;
}
.flex_square_three:before {
    content:'';
    float:left;
    padding-top:33.3%;
}
.stacked_padding {
	padding: 2rem;
}
.stacked_box {
	padding: 2rem;
	transition: 200ms;
}
.stacked_box p {
	font-size: 1.4rem;
	margin-top: 2rem;
}
.stackbox_mobile p {
	font-size: 1.4rem;
}
.stacked_box:hover {
	transform: scale(1.05);
	-webkit-box-shadow: 2px 15px 51px -17px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 15px 51px -17px rgba(0,0,0,0.3);
	box-shadow: 2px 15px 51px -17px rgba(0,0,0,0.3);
	z-index: 100;
}
.stacked_icons {
/* 	width: 6.5rem; */
}
.stacked_box.stacked_flip p {
	margin: 0;
}
.stacked_box .back p {
	font-size: 1rem !important;
	line-height: 1.2;
}
.mobile_box {
	top: 0;
	left: 0;
	background-color: #f2f3f3;
}
.top_label {
	padding: .5rem 1.5rem;
	background-color: #000;
	color: #fff;
	transform: skewX(-34deg);
	top: 0;
	left: 8rem;
	z-index: 50;
}

.top_label_call {
	padding: .5rem 1.5rem;
	background-color: #000;
	color: #fff;
	transform: skewX(-34deg);
	top: -1rem;
	left: 2rem;
	z-index: 50;
}
.top_label_call div {
	transform: skewX(34deg);
	letter-spacing: .1rem;
}
.black_button {
	background-color: #000;
}
.top_label {
	font-size: .8rem;
	padding: .5rem 1.5rem;
	background-color: #000;
	color: #fff;
	transform: skewX(-34deg);
	top: 0;
	left: 1.6rem;
	z-index: 50;
}
@media (min-width: 768px) {
.top_label {
	font-size: 1rem;
	padding: .5rem 1.5rem;
	left: 8rem;
}
}
.crop_width {
	padding-right: 0;
}
@media (min-width: 768px) {
.crop_width {
	padding-right: 12rem;
}
}
.center_quote {
	left: 0;
	top: 0;
}
.down_arrow {
	bottom: 1rem;
	right: 1rem;
	width: 2.2rem;
	z-index: 100;
}
@media (min-width: 768px) {
.down_arrow {
	bottom: 2rem;
	right: 8rem;
	width: 2.2rem;
}
}
.owl-dot {
	outline: none !important;
}
.scrolling_anchors {
	margin-top: -3rem;
}
/* Component styles */

/* Bottom contact button */
.contact_button {
	color: #fff;
	font-size: .8rem;
	width: 5rem;
	height: 2rem;
	background-color: #0061ff;
	bottom: 1rem;
	right: 1rem;
	cursor: pointer;
	z-index: 500;
	-webkit-box-shadow: 0px 9px 28px -11px rgba(0,0,0,1);
	-moz-box-shadow: 0px 9px 28px -11px rgba(0,0,0,1);
	box-shadow: 0px 9px 28px -11px rgba(0,0,0,1);
}
@media (min-width: 768px) {
.contact_button {
	bottom: 1rem;
	right: 1rem;
}
}
.contact_button:hover {
	background-color: #161616;
	transition: 250ms;
}
.footer_button {
	display: none;
}
.footer_button.active {
	display: block;
}
.fixed_contact_form {
	display: none;
	font-size: .85rem;
	bottom: 5rem;
	right: 1rem;
	background: #fff;
	width: 90%;
	z-index: 500;
	-webkit-box-shadow: 0px 9px 28px -11px rgba(0,0,0,1);
	-moz-box-shadow: 0px 9px 28px -11px rgba(0,0,0,1);
	box-shadow: 0px 9px 28px -11px rgba(0,0,0,1);
}
@media (min-width: 768px) {
.fixed_contact_form {
	width: 18rem;
	right: 2rem;
}
}
/* Bottom contact button */

.fancy_box {
	display: none;
	overflow: visible;
	cursor: pointer;
}
.anchor_offset {
	margin-top: -10rem;
}
.close_form_pop {
	width: .5rem;
}

/* Form styles */
span .wpcf7-not-valid {
    border: 1px solid #ff0000 !important;
}
span.wpcf7-not-valid-tip {
    display: none !important;
}
div.wpcf7-validation-errors {
    background: #ffe2e2;
    border: 1px solid #ff0000;
    color: #C10000;
}
 
div.wpcf7-response-output {
    margin: 1em 0 !important;
    font-size: .8rem !important;
    padding: 0 !important;
    border: none !important;	
}
.form_disclaimer {
	font-size: .6rem;
}
/* Form styles */
.social_footer {
	width: 10%;
	margin-right: .3rem;
	transition: 100ms;
}
.social_footer:hover {
	opacity: .7;
}
@media (min-width: 768px) {
.social_footer {
	width: 15%;
}
}
.search_holder {
	display: none;
	top: 0;
	z-index: 1000;
}
.search_form {
	background-color: #fff;
	border: 1px solid #A8A8A8;
}
.search_form input[type=text] {
	border: none;
	background-color: transparent;
	width: 80%;
	outline: none;
}
.close_search {
	width: 1rem;
	height: 1rem;
	right: 15px;
	top: 2rem;
	cursor: pointer;
}
.search_form input[type=submit] {
	background-color: transparent;
	border: none;
	background-image: url(../search_submit.html);
	background-repeat: no-repeat;
	background-position: center center;
	width: 1rem;
}
.search_border {
	border-top: 1px solid #A8A8A8;
}
.wpcf7-list-item {
	margin: 0 !important;
	width: 100%;
}
.wpcf7-list-item-label {
	margin-left: .5rem;
	width: 100%;
	white-space: nowrap;
}

/* Headroom styles */
.headroom {
  will-change: transform;
  transition: transform 200ms linear;
}
.headroom--pinned {
  transform: translateY(0%);
}
.headroom--unpinned {
  transform: translateY(-100%);
}

/* Cookies styles */
#cookie-law-info-bar {
	padding: 2rem 5rem !important;
	z-index: 1000 !important;
}
.cli_setting_save_button {
	background-color: #000 !important;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media (min-width: 576px) {

}
@media (min-width: 768px) {
html {
	font-size: 9.5px;
}
}
@media (min-width: 992px) {
html {
	font-size: 13px;
}
}
@media (min-width: 1200px) {
html {
	font-size: 16px;
}
}
@media (min-width: 1400px) {
html {
	font-size: 18px;
}
}
@media (min-width: 1600px) {
html {
	font-size: 20px;
}
}

.page-id-27725 .border_bottom2{
	border-bottom:none !important;
	
}

.page-id-27725 .border_left2{
	border-left:none !important;
}


.page-id-27725 .border_top1{
border-top:none !important;
}


.page-id-27725 .border_bottom1{
border-bottom:none !important;
}


.page-id-27725 .border_left1{
border-left:none !important;
}


.page-id-27725 .border_right1{
	border-right:none !important;
}


.page-id-27725 .border_top2{
border-top:none !important;
}

.page-id-27725 .border_left2{
border-left:none !important;
}
.page-id-27725 .border_right2{
border-right:none !important;
}

.page-id-27725 .border_bottom2{
border-bottom:none !important;
}

.page-id-27725 .heading2.border_bottom2{
border-bottom:none !important;
}


/* border top 3 */ 

.page-id-27725 .border_top3{
border-top:none !important;
}

.page-id-27725 .border_left3{
border-left:none !important;
}
.page-id-27725 .border_right3{
border-right:none !important;
}

.page-id-27725 .border_bottom3{
border-bottom:none !important;
}

.page-id-27725 .heading2.border_bottom2{
border-bottom:none !important;
}


.page-id-27725 .text_split2 .container{
	width:100%;
}

.page-id-27725 .heading1 img{
	width:100%;
	height: auto;
}

.page-id-27725 .heading3 img{
	width:100%;
	height: auto;
}


@media screen and (min-width: 1475px) {
	.page-id-27725 .text_split2 .container{
		width:50%;
	}

}

@font-face {
    font-family: 'Roobert';
    src: url('../woff2/roobert-light.woff2') format('woff2'),
        url('../woff/roobert-light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roobert';
    src: url('../woff2/roobert-bold.woff2') format('woff2'),
        url('../woff/roobert-bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roobert';
    src: url('../woff2/roobert-heavy.woff2') format('woff2'),
        url('../woff/roobert-heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roobert';
    src: url('../woff2/roobert-medium.woff2') format('woff2'),
        url('../woff/roobert-medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
.roobert-md {
	font-family: 'Roobert';
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roobert';
    src: url('../woff2/roobert-regular.woff2') format('woff2'),
        url('../woff/roobert-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Hide recaptcha badge sitewide */
.grecaptcha-badge {display: none !important;}

