@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=none');
:root {

    --primary-font     								: 'Montserrat', sans-serif;
    --styled-font      								: 'Montserrat', sans-serif;

	
	--width-push                                    : 0px 170px;
	
	--fixed-top-bg-color         					: #1d252e;  /* headers and footers background */
    --fixed-top-height            					: 90px;
    --top-push                    					: 90px;  /* above +1 gives white line above content start */
    --fixed-topmenu-push-down     					: 14px;  /* push the menu options down this much to position them vertically within the fixed header */ 

    --footer-bg-color             					: var(--fixed-top-bg-color);    
    --footer-fg-color             					: var(--menu-bar-base-text-color);   
    
    --h1-and-sub-hero-color                         : #ffffff;
    
    --base-color                                    : #ffffff;
    --block-spacer                                  : 100px;
    
    --clickables-fg-color         					: black;
    --clickables-bg-color         					: #fd0209;    
    --clickables-fg-color-hovered 					: white;
    --clickables-bg-color-hovered 					: #871d2b;
    
    --clickables-fg-on-canvas-color                 : var(--clickables-bg-color);
    --clickables-fg-on-canvas-color-hovered         : var(--clickables-bg-color-hovered);

    --menu-bar-base-text-color                       : #f3f5fe;
    --menu-bar-drop-down-bg-color                    : var(--fixed-top-bg-color);
    --menu-bar-option-hover-bg-color                 : #ca1e22;
    --menu-bar-option-hover-fg-color                 : white;
    --menu-transition-speed                          : .3s;

        
    --border-thickness            					: 1px;
    --border-color                					: #f2f2f2;
    
    --border-radius-curv          					: 0px;
    --full-border-radius          					: var(--border-radius-curv);
    --top-border-radius           					: var(--border-radius-curv) var(--border-radius-curv) 0px 0px;
    --left-border-radius          					: var(--border-radius-curv) 0px 0px var(--border-radius-curv);
    --right-border-radius         					: 0px var(--border-radius-curv) var(--border-radius-curv) 0px;
 
    --canvas-dark-heading-color                     : #ffffff;
    --canvas-dark-text-color                        : #ffffff;
    --canvas-dark-bg-color                          : var(--fixed-top-bg-color);

    --canvas-light-heading-color                    : #425582;    
    --canvas-light-text-color                       : #4b6194; 
    --canvas-light-bg-color                         : #ffffff;
    
    
    --canvas-shadow      					        : 2px 2px 3px 1px rgba(0,0,0,.6);
    --canvas-padding-large        					: 120px;
    --canvas-padding-medium       					: 80px;
    --canvas-padding-small        					: 25px;
    --canvas-margin-large       					: 80px;
    --canvas-margin-medium        					: 40px;
    --canvas-margin-small         					: 20px;
    
    --canvas-heading-font-family  					: var(--primary-font);
    --canvas-heading-padding      					: 0px 0px 0px 0px;
    --canvas-heading-margin       					: 0px 0px;
    
    --canvas-text-font-family     					: var(--primary-font);
    --canvas-text-padding         					: 0px 0px 0px 0px;
    --canvas-text-margin          					: 0px 0px;

    --canvas-text-font-size-large                   : 1.8rem;
    --canvas-text-font-weight-large                 : 600;
    --canvas-text-font-line-height-large            : 2.1rem;    
    --canvas-text-font-size-medium                  : 1.4rem;
    --canvas-text-font-weight-medium                : 500;
    --canvas-text-font-line-height-medium           : 1.7rem;
    --canvas-text-font-size-small                   : 1rem;
    --canvas-text-font-weight-small                 : 400;
    --canvas-text-font-line-height-small            : 1.3rem;    

    --canvas-text-spacer                            : 12px;
    --canvas-heading-spacer                         : 16px;

    --form-heading-bg-color                         : var(--fixed-top-bg-color);    
    --form-heading-fg-color                         : white;
    --form-heading-font-size                        : var(--canvas-text-font-size-medium);    
    --form-heading-font-weight                      : var(--canvas-text-font-weight-medium); 
    --button-border                                 : 0px solid grey;

    --pressables-fg-color                           : white;
    --pressables-fg-color-hovered                   : white;;
    --pressables-bg-color                           : #d5172b;
    --pressables-bg-color-hovered                   : #a72436;
   
    --pressables-shadow                             : 2px 2px 3px 1px rgba(0,0,0,.6);
    --pressables-shadow-hovered                     : 1px 1px 0px 0px rgba(0,0,0,.3);

}


* {
    box-sizing : border-box;
    margin : 0;
    padding : 0;
}


.mt-c
{
	margin-top : 70px;
}

html { font-size: 15px; }

/* Body global settings */
body 
{
    font-family: var(--primary-font);
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale;
	text-rendering: geometricPrecision;
	font-smooth: always;
	padding-top : var(--top-push);
	overflow-x : hidden;
	opacity : 1;
    transition : opacity 2s;
    -webkit-transition : opacity 2s;	
    background-color : var(--base-color);
    overflow-y: scroll;    
}


HR {margin-bottom : 40px;}

UL { list-style : none; }


H1, H2, H3, H4, H5
{
	display : inline;
	margin : none;
	padding : none;
	border : none;
}

.round-li-bullets {
  list-style-type: disc;  /* 'disc' gives round bullets */
  padding-left: 0px;     /* optional: creates indentation */
}

.round-li-bullets li {
  margin-bottom: 1px;     /* optional: space between list items */
}
	
	
.centered-div
{
	text-align : center;
}
	
.text-shadow
{
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}	
	
.output_blurry_outer 
{
    position: relative;
    width: 100%;
    height: 500px;                /* adjust as needed */
 /*   background: url('your-image.jpg') center/cover no-repeat; */
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

    /* Central box that blurs whatever's behind it */
.output_blurry_inner
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 33%;
    height: 80%;
    /* semi-transparent so backdrop-filter can work */
    background: rgba(255, 255, 255, 0.2);
    /* blur the background behind this element */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    /* centre contents */
    display: flex;
    align-items: center;
    justify-content: center;
    /* optional styling */
    border: 1px solid rgba(255,255,255,0.4);
    border-radius: var(--site-full-radius);
}

    /* Text inside div2 */
.output_blurry_inner p 
{
    margin: 0;
    text-align: center;
}	
	
	
.output_gallery_wrapper 
{
	border : 1px solid #f0f0f0; 
	border-radius : var(--full-border-radius);
	text-align : center;
	margin : 20 auto;
	padding : 20px 5px 20px 5px;
	width : 100%;
	background-color : #fbfbfb;
}
	
.output_gallery_image_wrapper 
{
	display : inline-block;
	border-radius : var(--full-border-radius);
	margin : 15px 15px 15px 15px;
	background-size : contain;
	background-color : #f3f3f3;
	
	
}
	
.output_gallery_image_tn 
{
	position : relative;
	top : -2px;
	border-radius : var(--full-border-radius);
    max-height : 150px;
    min-height : 150px;
    max-width : 300px;
	-webkit-backface-visibility: hidden;
    backface-visibility: hidden;
   -webkit-filter: brightness(1);
   -moz-filter: brightness(1);
   filter: brightness(1);
   transition: all 0.1s;
}

.output_gallery_image_tn:hover 
{
    top : 0px;
	cursor : pointer;
	filter : brightness(1.2);
    -webkit-box-shadow : 1px 1px 1px 1px rgba(0,0,0,.2);
    -moz-box-shadow    : 1px 1px 1px 1px rgba(0,0,0,.2);
    box-shadow         : 1px 1px 1px 1px rgba(0,0,0,.2);
}	
	
	
	
	
.output_side_by_side_2-image
{
    min-height : 600px;
    max-height : 600px;
    width : 100%;
    object-fit : cover;
    object-position: left;    
    border-radius : var(--full-border-radius);
}

	
.output_img_left_text_right_a-image 
{
    min-height : 600px;
    max-height : 600px;
    width : 100%;
    object-fit : cover;
    border-radius : var(--full-border-radius);
}

.output_img_left_text_right_a-text 
{
    display: grid;
    place-items: center start; 
    height: 100%; 
    background-color : var(--canvas-light-bg-color);
    border-radius : var(--full-border-radius);    
}

.output_text_left_img_right_a-image
{
    min-height : 600px;
    max-height : 600px;
    width : 100%;
    object-fit : cover;
    border-radius : var(--full-border-radius);
}
.output_text_left_img_right_a-text 
{
    display: grid;
    place-items: center start; 
    height: 100%; 
    background-color : var(--canvas-light-bg-color);    
    border-radius : var(--full-border-radius);    
}



.output_img_left_text_right_b-image 
{
    min-height : 600px;
    width : 100%;
    height : 100%;
    object-fit : cover;
    border-radius : var(--full-border-radius);
}

.output_img_left_text_right_b-text 
{
    display: grid;
    place-items: center start; 
    height: 100%; 
    background-color : var(--canvas-light-bg-color);   
    border-radius : var(--full-border-radius);     
}

.output_text_left_img_right_b-image
{
    min-height : 600px;
	height : 100%;
    width : 100%;
    object-fit : cover;
    border-radius : var(--full-border-radius);
}
.output_text_left_img_right_b-text 
{
    display: grid;
    place-items: center start; 
    height: 100%; 
    background-color : var(--canvas-light-bg-color);
    border-radius : var(--full-border-radius);        
}



.accordion {
    width : 100%;
    margin: 0 auto;
}

.accordionquestion
{
	display : inline-block;
	max-width : 70%;
	background-color : #e9e9e9;
}

.accordionitem {
    margin : 10px;
    border-radius: 5px;
	background-color : #e9e9e9;
    font-weight : 600;
}

.accordionheader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 20px;
    cursor: pointer;
	background-color : #e9e9e9;
    border-radius: 5px;
}


.accordioncircle {
	position : relative;
    width: 70px;
    height: 40px;
    border-radius: 50%;
    top : -1px;
    background-color: var(--pressables-bg-color);
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--pressables-fg-color);
    font-size: 1.2rem;
	border-radius : var(--full-border-radius);
    -webkit-box-shadow: var(--pressables-shadow);
    -moz-box-shadow: var(--pressables-shadow);
    box-shadow: var(--pressables-shadow);
    border : var(--button-border);  
    transition: transform 0.3s ease;
}
.accordioncircle:hover
{
    top : 1px;
    color : var(--pressables-fg-color-hovered);
    background-color : var(--pressables-bg-color-hovered);    
    -webkit-box-shadow: var(--pressables-shadow-hovered);
    -moz-box-shadow: var(--pressables-shadow-hovered);
    box-shadow: var(--pressables-shadow-hovered);
}

.accordionarrow {
	font-size : 1.5rem;
	font-weight : 800;
    transition: transform 0.3s ease;
}

.accordionanswer {
    padding: 0px 30px;
    background-color: #f9f9f9;
    font-weight : 400;    
    max-height: 0; /* Start closed */
    overflow: hidden;
    transition: max-height .3s ease-out; /* Sliding effect */
}

.accordionheader.active .accordionarrow {
    transform: rotate(180deg);
}

.accordionheader.active + .accordionanswer {
    max-height: 3000px; /* Adjust the max-height as per the content size */
}

.accordionheading
{
    display : block;
    font-family : var(--primary-font);
    font-size : 1.6rem;
    font-weight : 700;
    line-height : 1.8rem;
    color : var(--canvas-light-heading-color);
    background-color : white;
    padding : 20px 4px;
    border-radius : var(--full-border-radius);
}

.full-border-radius { border-radius : var(--full-border-radius); }
.top-border-radius { border-radius : var(--top-border-radius); }
.left-border-radius { border-radius : var(--left-border-radius); }
.right-border-radius { border-radius : var(--right-border-radius); }


.block-spacer
{
	display : block;
	min-height : var(--block-spacer);
}




.canvas-button
{
	display : inline-block;
	position : relative;
	top : -1px;
	font-family : var(--styled-font);		
	font-size : 1rem;
	font-weight : 800;
	padding : 10px 5px;
	background-color : var(--pressables-bg-color);
	color : var(--pressables-fg-color);
	outline : none;
	text-decoration : none;
    width : 100%;
	border-radius : var(--full-border-radius);
    -webkit-box-shadow: var(--pressables-shadow);
    -moz-box-shadow: var(--pressables-shadow);
    box-shadow: var(--pressables-shadow);	
    border : var(--button-border);
}

.canvas-button:hover
{
	top : 1px;
	cursor : pointer;
	color : var(--pressables-fg-color-hovered);
	background-color : var(--pressables-bg-color-hovered);
    -webkit-box-shadow: var(--pressables-shadow-hovered);
    -moz-box-shadow: var(--pressables-shadow-hovered);
    box-shadow: var(--pressables-shadow-hovered);
}



.canvas-light
{
	color : var(--canvas-light-text-color); 
    background-color : var(--canvas-light-bg-color);
    margin : 0px;
    padding : 0px;
    border-radius : var(--full-border-radius);    
}

.canvas-dark
{
	color : var(--canvas-dark-text-color); 
    background-color : var(--canvas-dark-bg-color);
    margin : 0px;
    padding : 0px;
    border-radius : var(--full-border-radius);    
}


.canvas-margin-large   { margin : var(--canvas-margin-large); }
.canvas-margin-medium  { margin : var(--canvas-margin-medium); }
.canvas-margin-small   { margin : var(--canvas-margin-small); }

.canvas-padding-large  { padding :  var(--canvas-padding-large); }
.canvas-padding-medium { padding :  var(--canvas-padding-medium); }
.canvas-padding-small  { padding :  var(--canvas-padding-small); }

.canvas-shadow
{
    -webkit-box-shadow : var(--canvas-shadow);
    -moz-box-shadow : var(--canvas-shadow);
    box-shadow : var(--canvas-shadow);
}

.canvas-text-spacer
{
	display : block;
	min-height : var(--canvas-text-spacer);
}

.canvas-light-heading-h1, .canvas-light-heading-h2, .canvas-light-heading-h3, .canvas-light-heading-h4, .canvas-light-heading-h5,
.canvas-dark-heading-h1, .canvas-dark-heading-h2, .canvas-dark-heading-h3, .canvas-dark-heading-h4, .canvas-dark-heading-h5
{
	display : block;
    font-family : var(--canvas-heading-font-family);
    padding : var(--canvas-heading-padding);
    margin : var(--canvas-heading-margin);
    background-color : none;
}

.canvas-light-h1 { color : var(--canvas-light-heading-color); font-size : 3.0rem; font-weight : 700; }    /* rarely used - hero is h1 */
.canvas-light-h2 { color : var(--canvas-light-heading-color); font-size : 2.0rem; font-weight : 700; }
.canvas-light-h3 { color : var(--canvas-light-heading-color); font-size : 1.8rem; font-weight : 700; }
.canvas-light-h4 { color : var(--canvas-light-heading-color); font-size : 1.2rem; font-weight : 600; }
.canvas-light-h5 { color : var(--canvas-light-heading-color); font-size : 1.1rem;   font-weight : 600; }

.canvas-dark-h1 { color : var(--canvas-dark-heading-color); font-size : 3.0rem; font-weight : 700; }    /* rarely used - hero is h1 */
.canvas-dark-h2 { color : var(--canvas-dark-heading-color); font-size : 2.0rem; font-weight : 700; }
.canvas-dark-h3 { color : var(--canvas-dark-heading-color); font-size : 1.8rem; font-weight : 700; }
.canvas-dark-h4 { color : var(--canvas-dark-heading-color); font-size : 1.2rem; font-weight : 600; }
.canvas-dark-h5 { color : var(--canvas-dark-heading-color); font-size : 1.1rem;   font-weight : 600; }



.canvas-heading-spacer
{
	display : block;
	min-height : var(--canvas-heading-spacer);
}

.canvas-text-large, .canvas-text-medium, .canvas-text-small 
{
	display : block;
    font-family : var(--canvas-text-font-family);
    padding : var(--canvas-text-padding);
    margin : var(--canvas-text-margin);
}

.canvas-light-text-large { 	color : var(--canvas-light-text-color); line-height : var(--canvas-text-font-line-height-large); font-size : var(--canvas-text-font-size-large); font-weight : var(--canvas-text-font-weight-large);}
.canvas-light-text-medium { color : var(--canvas-light-text-color); line-height : var(--canvas-text-font-line-height-medium);  font-size : var(--canvas-text-font-size-medium); font-weight : var(--canvas-text-font-weight-medium);}
.canvas-light-text-small { color : var(--canvas-light-text-color); line-height : var(--canvas-text-font-line-height-small); font-size : var(--canvas-text-font-size-small); font-weight : var(--canvas-text-font-weight-small);}

.canvas-dark-text-large { color : var(--canvas-dark-text-color); line-height : var(--canvas-text-font-line-height-large); font-size : var(--canvas-text-font-size-large); font-weight : var(--canvas-text-font-weight-large);}
.canvas-dark-text-medium { color : var(--canvas-dark-text-color); line-height : var(--canvas-text-font-line-height-medium);  font-size : var(--canvas-text-font-size-medium); font-weight : var(--canvas-text-font-weight-medium);}
.canvas-dark-text-small { color : var(--canvas-dark-text-color); line-height : var(--canvas-text-font-line-height-small); font-size : var(--canvas-text-font-size-small); font-weight : var(--canvas-text-font-weight-small);}



.canvas-centered
{
	text-align : center;
}

.canvas-left
{
	text-align : left;
}


.fixed-top
{
    font-family: var(--styled-font); 	
    position: fixed;
    position: -webkit-fixed;
    top: 0;
    left: 0;
    width : 100%;
    min-width : 220px;  
    z-index : 100;
    height : var(--fixed-top-height);
    max-height : var(--fixed-top-height);
    padding : 0px;
}

.fixed-top-menu-area-wrapper  
{
	display : inline-block;
	width : 100%;
	background-color : var(--fixed-top-bg-color);
	height : var(--fixed-top-height);
    max-height : var(--fixed-top-height);
}

.fixed-top-menu-area  /* tick */
{
	display : block;
	float : right;
    padding-top : var(--fixed-topmenu-push-down);	
	margin-top : 7px;
	margin-right : 4px;
    height : var(--fixed-top-height);
    max-height : var(--fixed-top-height);
}

.fixed-top-logo-area   /* tick */
{
    position : fixed;
    position: -webkit-fixed;
    top: 0;
    left: 0;
    z-index : 100;
}

.logo 
{
    position : fixed;
    position: -webkit-fixed;    
	top : 0;
	left : 0;
	margin : 2px 0px 2px 10px;
	max-height : 86px;
	z-index : 105;
}


.fullscreen-container 
{
    position: relative;
    width: 100vw;
    height: 70vh;
    overflow: hidden;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.fullscreen-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
 /* Dims the image */ 
    background: rgba(0, 0, 0, 0.0); /* Adjust opacity as needed */   
    z-index: -1;

}

.h1-main-hero-styling {
    font-family: var(--styled-font); 
    position: absolute;
    top: 140px;
    left: 0; /* align from the left */
    transform: translateY(-30%); /* remove horizontal centering */
    color: var(--h1-and-sub-hero-color);
    font-size: 4rem;
    font-weight: 600;
    text-align: left; 
    text-shadow: 8px 8px 8px rgba(0, 0, 0, 1);
    line-height: 4rem;
    width: 45%;
    padding: 0px 30px;
}

.h-sub-hero-styling {
    font-family: var(--styled-font); 
    position: absolute;
    top: 450px;
    left: 0; /* align from the left */
    transform: translateY(-70%); /* remove horizontal centering */
    color: var(--h1-and-sub-hero-color);
    font-size: 3rem;
    font-weight: 600;
    text-align: left; /* changed from center */
    text-shadow: 3px 3px 4px rgba(0, 0, 0, 1);
    line-height: 3rem;
    width: 100%;
    padding: 0px 30px;
}



.footer-background
{
    font-family: var(--styled-font); 	
	text-align : center;
	padding : 50px 30px 50px 30px; 
	background-color : var(--footer-bg-color);
	margin : 70px 0px 0px 0px; 
}

.footer-type-large
{
    font-family: var(--styled-font); 	
	font-size : 1.1rem;
	color : var(--footer-fg-color);
}

.footer-type-small
{
    font-family: var(--styled-font); 
	font-size : 1rem;
	color : var(--footer-fg-color);
}

.gallery-image-wrapper {
	display : inline-block;
	border-radius : var(--full-border-radius);
	margin : 5px 5px 5px 5px;
	background-size : contain;
	background-color : #f3f3f3;
	overflow : hidden;
}


.gallery-image {
   border : 1px solid grey;
	border-radius : var(--site-full-border-radius);
	-webkit-backface-visibility: hidden;
    backface-visibility: hidden;
   -webkit-filter: brightness(1.2);
   -moz-filter: brightness(1.2);
   filter: brightness(1.2);
   transition: all 0.5s ease;
}

.gallery-image:hover {
    cursor : pointer;
	filter : brightness(1.3);
}
.logo-in-footer
{
	margin : 0px;
    max-height : 140px;
    padding : 10px;
}


.rounded-image
{
	max-height : 180px;
	border-radius : 90px;
}

ul {
  list-style-position: inside;
}

.text-li {
	padding-left : 1px;
    color : var(--brand-color);	
    list-style-type: square;
}



.pf-logo 
{ 
	cursor : pointer; max-height : 50px; border-radius : 20px;
}

.pf-link-text 
{
	color : white; 
}

.pf-link-text:hover 
{ 
	color : yellow; 
}



.bg-white
{
	background-color : white;
}


a:link {color : none;}      /* unvisited link */

a:visited {color : none;}  /* visited link */

a:hover {color : none;}  /* mouse over link */

a:active {color : none;}  /* selected link */

a {
	text-decoration :none;
}


.must-complete
{
	display : none;
}

.tick-styling
{
	margin-right : 20px;
	min-height : 30px;
}

.img-cover
{
	width : 100%;
	height : 100%;
	min-height : 335px;
	object-fit : cover;
}


.width-push
{
	display : block;
    padding : var(--width-push); 
}

.no-border
{
	border : none;
	border-radius : 0;
}

.no-margin
{
	margin : 0px;
}

.no-padding
{
	padding : 0px;
}

.no-edge
{
	display : block;
	width : 100%;
	margin: 0px;
	padding: 0px;
}

.white-text-shadow 
{
	text-shadow: 1px 1px #c0c0c0;
}



a { cursor : pointer; }



p 
{
	margin : 0px;
	padding : 0px;
}


.no-padding {
	padding-left: 0px;
  	padding-right: 0px;
}

.raise-5 {
	position : relative;
	z-index : 5;
}


.pdf-wrapper
{
	width : 100%; 
	border : none;
    height : 2200px;
}



.quick-form-offset
{
	position : relative;
	top : -50px;
	z-index : 50;
}

.general-use-bg-color 
{
	background-color : var(--fixed-top-bg-color);
}
.form-heading-wrapper
{
	background-color : var(--form-heading-bg-color);
	padding : var(--canvas-padding-medium);
    border-radius : var(--top-border-radius);
}

.form-heading
{
	display : inline-block;
	background-color : var(--form-heading-bg-color);
	color : var(--form-heading-fg-color);
	font-family : var(--primary-font);
	font-size : var(--form-heading-font-size);
    font-weight : var(--form-heading-font-weight);	
}

.form-phone-link
{
	display : inline-block;
	font-weight : 800;
	font-family : var(--primary-font);
	font-size : 2.5rem;
	line-height : 3.3rem;
	color : var(--clickables-fg-on-canvas-color);
}

.form-phone-link:hover
{
	color : var(--clickables-fg-on-canvas-color-hovered);
}

.form-phone-link-cta
{
	display : inline-block;
	font-weight : 800;
	font-family : var(--primary-font);
	font-size : 1.4rem;
	padding : 0px 0px 20px 0px;
	color : var(--canvas-heading-standout-fg);
}


.form-block-background {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color : rgba(0,0,0, .2);
    z-index: 25001;
}

.form-block-background.active
{
    display: inline-block;
}


.form-message-box
{
    display : none;
    position : fixed;
    top : 50%;
    left : 50%;
    -webkit-transform : translate(-50%, -50%);
    transform : translate(-50%, -50%);
    background : #ffffff;
    -webkit-box-shadow : var(--canvas-shadow);
    -moz-box-shadow : var(--canvas-shadow);
    box-shadow : var(--canvas-shadow);
	border : 1px solid #e6e6e6;
    margin : 0 auto;
    padding : 30px;
    text-align : center;
    z-index : 25006;
    border-radius : var(--full-border-radius);
}
.form-message-box.active
{
    display : inline-block;
}

.form-button
{
	display : inline-block;
	position : relative;
	top : 0px;
	font-family : var(--styled-font);		
	font-size : 1rem;
	font-weight : 800;
	padding : 10px 5px;
	height : 44px;
	background-color : var(--pressables-bg-color);
	color : var(--pressables-fg-color);
	outline : none;
	text-decoration : none;
    width : 100%;
	border-radius : var(--full-border-radius);
    -webkit-box-shadow: var(--pressables-shadow);
    -moz-box-shadow: var(--pressables-shadow);
    box-shadow: var(--pressables-shadow);	
    border : var(--button-border);
}

.form-button:hover
{
	top : 2px;
	cursor : pointer;
	color : var(--pressables-fg-color-hovered);
	background-color : var(--pressables-bg-color-hovered);
    -webkit-box-shadow: var(--pressables-shadow-hovered);
    -moz-box-shadow: var(--pressables-shadow-hovered);
    box-shadow: var(--pressables-shadow-hovered);
}


.form-full-input-line
{
	display : block;
	color : #ffffff;
	font-size : 1rem;
	font-weight : 700;
	text-align : left;
	text-shadow : 1px 1px 1px black;
}

.form-legend 
{
	display : inline-block;
	width : 100%;
	color : var(--canvas-light-text-color);
	margin : 3px 0px 0px 4px;
	padding : 0px 8px 0px 0px;
	font-size : 1rem;
	font-weight : 500;
}


.form-input-text-single-line, .input-text-single-lineUCASE 
{
	display : inline-block;
	width : 100%;
	background-color : #ffffff;
	border : 1px solid #e6e6e6;
	outline : none;
	padding : 10px 10px 10px 10px;
	font-size : 1rem;
	color : #454545;
	border-radius : var(--full-border-radius);
}

.form-input-text-single-lineUCASE
{
   text-transform : uppercase;
}

.form-input-text-multi-line {
	display : inline-block;
	width : 100%;
	height : 100px;
	background-color : #efefef;
	border : 2px solid #e6e6e6;
	margin : 0px;
	padding : 5px 0px 0px 13px;
	font-size : 14px;
	color : #787878;
	resize : none;
	outline : none;	
	vertical-align : center;
	border-radius : 0px;	
}


.form-input-text-multi-line:focus, .input-text-single-line:focus, .input-text-single-lineUCASE:focus 
{
   background-color : white;
}




.quick-form-heading
{
	display : inline-block;
	font-weight : 800;
	font-family : var(--primary-font);
	font-size : 1.6rem;
	color : var(--canvas-dark-heading-color);
}

.quick-form-phone-link
{
	display : inline-block;
	font-weight : 800;
	font-family : var(--primary-font);
	font-size : 1.6rem;
	color : var(--clickables-fg-on-canvas-color);
}

.quick-form-phone-link:hover
{
	color : var(--clickables-fg-on-canvas-color-hovered);
}




@media (max-width: 1850px) 
{
    :root
    {
        --width-push : 0px 140px; 
    }
}

@media (max-width: 1650px) 
{

}

@media (max-width: 1500px) 
{
    :root
    {
        --canvas-padding-large : 90px;        
        --canvas-padding-medium : 70px;     
        --width-push : 0px 40px; 
   
    }
  
}




/* bs xl */
@media only screen and (max-width: 1200px) 
{
    :root
    {
        --canvas-padding-large : 80px;    
        --canvas-padding-medium : 65px;
        --width-push : 0px 20px; 
    }

	
	.h1-main-hero-styling 
    {
        top : 100px;
        font-size : 3rem;
        font-weight : 600;
        line-height : 3rem;
    }
    
    .h-sub-hero-styling
    {
        top : 400px;
        font-size : 2rem;
        font-weight : 600;
        line-height : 2rem;
    }    
    
    .output_blurry_inner
    {
        width: 80%;
    }    
    
}

/* bs lg */
@media only screen and (max-width: 992px) 
{
	:root 
    {
        --canvas-padding-large : 60px;
        --canvas-padding-medium : 50px;        
        --canvas-padding-small : 20px; 
    }
    
	
}

/* bs md */
@media only screen and (max-width: 767px) 
{
 
    :root 
    {
        --canvas-padding-large : 50px;
        --canvas-padding-medium : 30px;
        --canvas-padding-small : 15px; 
        --width-push : 0px 5px;
    }
    
	.h1-main-hero-styling 
    {
        top : 60px;
        font-size : 3rem;
        font-weight : 600;
        line-height : 3rem;
        width : 100%;
        text-align: center;         
    }
    
    .h-sub-hero-styling
    {
        top : 400px;
        font-size : 2rem;
        font-weight : 600;
        line-height : 2rem;
        text-align: center;   
    }    
    

}

/*bs sm */
@media only screen and (max-width: 576px) 
{
    :root 
    {
        --canvas-padding-large : 20px;
        --canvas-padding-medium : 15px;
        --canvas-padding-small : 10px; 
    }
    
    .h-sub-hero-styling
    {
	    display : none;
    }        
    
 	.h1-main-hero-styling 
    {
        top : 130px;
        font-size : 4rem;
        font-weight : 700;
        line-height : 4rem;
        text-align: center;
        background-color : rgba(0,0,0,.3); 
        padding : 20px 10px;        
    }
	
}



@media only screen and (max-width: 376px) 
{
    :root 
    {
        --canvas-padding-large : 20px;
        --canvas-padding-medium : 10px;
        --canvas-padding-small : 3px;        
    }
    
    .h-sub-hero-styling
    {
	    display : none;
    }        
    
 	.h1-main-hero-styling 
    {
        font-size : 3rem;
        font-weight : 600;
        line-height : 3rem;
        text-align: center;         
    }

    .output_gallery_image_tn 
    {
        max-width : 230px;
    }    
    
	
}