/* ==========================================================================
   Define Custom Fonts Base
   ========================================================================== */
   
.shadows-into-light-two-regular {
	 font-family: "Shadows Into Light Two", cursive;
	 font-weight: 400;
	 font-style: normal;
   }
   

   .raleway {
	 font-family: "Raleway", sans-serif;
	 font-optical-sizing: auto;
	 font-weight: 400;
	 font-style: normal;
   }



/* ==========================================================================
   Define Brand Colors and cusotm variables
   ========================================================================== */

:root {
	--blue: #000a2f;
	--lavender: #7777A0;
	--gold: #CDA553;
	--olive: #848C4E;
	--mint: #A1A68D;
	--dove: #938E8B;
}

/* ==========================================================================
   Global Structure Base
   ========================================================================== */
   
   .col-100p {
	   clear: both;
	   width: 100%;
	   overflow: hidden;
   }
   
   .col-66p {
	   width: 66.66%;
	   overflow: hidden;
   }
   
   .col-50p {
	   width: 50%;
	   overflow: hidden;
   }
   
   .col-33p {
	   width: 33.33%;
	   overflow: hidden;
   }
   
   .col-30p {
	   width: 30%;
	   overflow: hidden;
   }
   
   .col-25p {
	   width: 25%;
	   overflow: hidden;
   }
   
   .col-15p {
	   width: 15%;
	   overflow: hidden;
   }
   
   .overflow {
		overflow: visible;   
   }
   
   .max-width-wrap {
	   width: 90%;
	   max-width: 1500px;
	   margin-left: auto;
	   margin-right:auto;
   }
      
   .flex {
	   display: flex;
   }
   
   .flex-row {
	   flex-direction: row;
	   justify-content: space-between;
   }
   
   #content {
		  padding-top:100px ;
	  }
	  
@media only screen and (max-width: 768px) {
		  
   		#content {
			padding-top: 81px ;
		}

}
	  
   
/* ==========================================================================
   Global Style Base
   ========================================================================== */
   
html {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
	
*, *:before, *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}  
 
body {
	background: #ffffff;
	color: #333333;
	line-height: 1.5;
	
	 font-family: "Raleway", sans-serif;
	 font-optical-sizing: auto;
	 font-weight: 400;
	 font-size: 1.5;

	font-style: normal;	
	padding-bottom:50px;
}

h1,
h2,
h3,
h4 {
	font-family: "Shadows Into Light Two", cursive;
	font-weight: 400;
	font-style: normal;  
	line-height: 1.1;
	letter-spacing: 2.5px;
	word-spacing: -20px;
	margin: 0;
	width: 100%;
}

h1,
h2,
h3,
p,
ul,
ol {
  font-size: clamp(
    var(--fluid-type-min, 1rem),
    calc(1rem + var(--fluid-type-target, 3vw)),
    var(--fluid-type-max, 1.3rem)
  );
  margin: 0 0 15px 0;
}

h1 {
  --fluid-type-min: 2.5rem;
  --fluid-type-max: 3.5rem;
  --fluid-type-target: 3.5vw;

  /*max-width: 15ch;*/
  
  color: var(--blue);
  margin-bottom: 30px;
}

h2 {
  --fluid-type-min:2.5rem;
  --fluid-type-max: 3.5rem;
  color: var(--blue);
}

	.home h2 {
  	/*color: var(--blue);*/
	}

h3 {
  --fluid-type-min: 2rem;
  --fluid-type-max: 2.5rem;
  color: var(--blue);
}

h2,
h3 {
  /*max-width: 30ch;*/
  margin-top:25px;
}

p, ul, ol {
  --fluid-type-min: 1rem;
  --fluid-type-max: 1.1rem;
  --fluid-type-target: .5vw;
}

section > p:last-child ,
article p:last-child {
	margin-bottom:0;
}


ul, ol {
	
}

.text-center ul,
.text-center ol {
  list-style-position: inside;
  text-align: center;
  padding:0;
}

strong {
	font-weight: 900;
}

a {color: var(--blue); text-decoration: none;}
a:hover {text-decoration: underline;}

#content a {
	font-weight: 700;
}

.content-white a {color: var(--lavender); }



/* ==========================================================================
  CTAs and Buttons
   ========================================================================== */
   
   .cta {
	   display: inline-block;
	   padding:15px 50px;
	   margin: 20px 0;
	   clear: both;
	   border-radius: 6px;
	   text-transform: uppercase;
	   color: white;
	   text-decoration: none;
	   border: none;
	   background-color: var(--lavender);
		
	   transition: all .2s ease;	   
	   
		font-weight: 700;
		font-style: normal;  
		font-size: 1.1rem;
		letter-spacing:2.5px;
		text-align: center;
}
   
	   .cta:hover {
		   background-color: var(--gold);
		   color: var(--blue);
		   text-decoration: none;
		   transform: scale(1.05);
		   letter-spacing: 2.8px;
	   }
	   
	  .cta-light,
	  .menu-promo .cta {
		   color: #fff;
	  }
	  
	  .cta-white {
			background: #fff;
			color: var(--blue);
		}
		
		.bg-lavender .cta {
			background: var(--blue);
			color: var(--grey);
		}
		
		  
@media only screen and (max-width: 700px) {
	.cta {
		padding:15px;
	}	
}
   
/* ==========================================================================
   CTA Rows 
   ========================================================================== */

.cta-row {
	padding:30px;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

/* ==========================================================================
  Branding Base Theme variables - reusable
   ========================================================================== */
   
/* Background colours */
.bg-white {
	background-color: #fff;
}

.bg-olive {
	background-color: var(--olive);
}

.bg-lavender {
	background-color: var(--lavender);
}

.bg-dove {
	background-color: var(--dove);
}

.bg-gold {
	background-color: var(--gold);
}


/* Text colour overrides */
.text-blue {color: var(--blue);}
.text-grey {color: var(--grey);}

/* icon Colour overrides */
.white-icon path {fill: #fff !important;}
.olive-icon path {fill: var(--olive) !important;;}
.lavender-icon path {fill: var(--lavender) !important;;}
.dove-icon path {fill: var(--dove) !important;;}



/* Gradient Overlays */
 .gradient-blue:after {
	 width: 100%;
	 height:100%;
	 content: '';
	 display: block;
	 position: absolute;
	 background: var(--lavender);
	 opacity: .8;
	 top:0; right:0; bottom:0; left:0;
	 z-index:-1;
 }
   
 .gradient-lavender:after {
		width: 100%;
		height:100%;
		content: '';
		display: block;
		position: absolute;
		background: var(--lavender);
		top:0; right:0; bottom:0; left:0;
		opacity: .8;
		z-index:-1;
	}
   
 .gradient-olive:after {
		   width: 100%;
		   height:100%;
		   content: '';
		   display: block;
		   position: absolute;
		   background: var(--olive);
		   top:0; right:0; bottom:0; left:0;
		   opacity: .8;
		   z-index:-1;
	   }
	  
/* Theme area's*/
.theme-light *:not(.cta),
.bg-olive *,
.bg-dove *,
.bg-lavender * {
	color: #fff !important;
}

.bg-red .fui-alert {
	color: #333 !important;
}

	.theme-light .cta,
	.bg-blue .cta,
	.bg-red .cta {
		/* border-color: #fff;
		background: #fff;
		color: var(--red) !important;
		*/
	}

	.theme-dark .cta {
		 color: var(--blue) !important;
	}

.theme-dark p,
.bg-dove * {
	color: #333;
}

.theme-dark p a {
	color: var(--blue);
}

/* ==========================================================================
  Start to theme it up!
   ========================================================================== */

/* Header Layout */	
.header-cont {
	position: fixed;
	top:0; right:0; left:0;
	z-index: 2;
	background: #fff;
}

	.header {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		
		font-weight: bold;
		z-index:0;
		position: relative;
	}
	
	.header-logo {
		padding: 10px;
		width: 100%;
		max-width: 120px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-content: center;
		z-index: 1;
		transition: all .3s ease;
	}
	
		.header-logo a {
			width: 100%;
		}

		.header-logo img {
			width: 100%;
			height: auto;
			display: block;
			margin: 0 auto;
			transition: all .3s ease;
		}
		
	.header-main-cont {
		display: flex;
		flex-direction: column;
		flex: 1;
		justify-content: space-between;
	}
	
		.header-main {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			flex: 1;
		}
		
		.nav-main {
			margin: 0 auto;
			list-style: none none;
			width: 100%;
			text-align: center;
		}
		
			.nav-main > li {
				display: inline-block !important;
				float: none !important;
				padding: 0;
				margin: 0 1.5%;
				height: 100%;
				font-size: 1em;
			}
			
			.nav-main > li > a {
				color: #333;
			}
			
			.nav-main > li > a path{
				fill: var(--blue);
			}
			
			.nav-main > li > a:hover path{
				fill: var(--lavender);
			}
			
			.nav-main > li > a:hover {
				color: var(--lavender);
			}
			
			
			
				/*** ESSENTIAL STYLES ***/
				.sf-menu {
				  position: relative;
				  margin: 0;
				  padding: 0;
				  list-style: none;
				}
				.sf-menu .sf-mega {
				  position: absolute;
				  padding-left:111px;
				  display: none;
				  width: 100%;
				  width: calc(111px + 100%);
				  top: 100%;
				  left: -111px;
				  z-index: 99;
				}
				
					.sf-mega .sf-mega-inner {
				  		background-color: white;
					  	padding:20px 40px;
						width: 100%;
						max-width: 1200px;
						margin: 0 auto;
						display: block;
						display: flex;
						flex-direction: row;
						flex-wrap: wrap;
						justify-content: space-between;
					}
				
				.sf-menu > li {
				  float: left;
				}
				.sf-menu li:hover > .sf-mega,
				.sf-menu li.sfHover > .sf-mega {
				  display: block;
				}
				
				.sf-menu > li > a {
				  display: block;
				  position: relative;
				  height: 100%;
				  
				  display: flex;
				  flex-direction: column;
				  justify-content: center;
				  align-content: center;
				}
								
				/*** mega menu dropdown ***/
					.main-sub {
						list-style: none none;
						margin:0; 
						padding: 0 40px 0 20px;
						width: 70%;
						float: left;
						
						-moz-column-count: 3;
					    -moz-column-gap: 20px;
					    -webkit-column-count: 3;
					    -webkit-column-gap: 20px;
					    column-count: 3;
					    column-gap: 20px;						
					}					
						.main-sub > li {
							display: block;
							padding: 5px 0;
							text-align: left;
						}

						.main-sub > li > a{
							color: #333;
							display: block;
							width: 100%;
						}
						
						.main-sub > li > a:hover {
							color: var(--lavender);
						}
						
					.menu-promo {
						display: block;
						width: 30%;
						float: right;
						color: #fff;
						background: var(--lavender);
						padding:15px;
						
						display: flex;
						flex-direction: column;
						justify-content: center;
					}
					
					#menu-cont .menu-promo {
						width: 100%;
						margin-bottom: 15px;
					}
					
					.promo-has-img {
						padding:0;
					}
					
					.menu-promo :last-child {
						margin-bottom:0;
					}
					
					.menu-promo h2 {
						color: var(--blue);
						font-family: "Raleway", sans-serif !important;
						font-weight:bold;
						word-spacing: unset;
						margin: 0 0 15px 0;
						font-size: 1.2rem;
					}
					
					.menu-promo a {color:#fff;}
					
					.menu-promo .cta {
						margin-top:0;
					}
					
					.promo-image {
						width: 100%;
						max-width: 660px; 
						height: auto;
					}
					
		.header-links {
			display: none;
			width: 100%;
			max-width: 85px;
			height: 100%;
		}
		
		#menu-cont {
			display: none;
		}
		
@media only screen and (max-width: 1050px) {
	
	/* Header */
	.header-main {
		justify-content: flex-end;
	}
	
	.main-sub {
		-moz-column-count: unset;
		-moz-column-gap: unset;
		-webkit-column-count: unset;
		-webkit-column-gap: unset;
		column-count: unset;
		column-gap: unset;						
	}					
	
	.header-links,
	.mobile-menu,
	#menu-cont {
		display: block;
	}
	
	.nav-main,
	.nav-header-links li:not(.mobile-menu) {
		display: none;
	}
	
	
}

		
			.nav-header-links {
				margin: 0 ;
				padding: 15px;
				list-style: none none;
				width: 100%;
				height: 100%;
				
				display: flex;
				flex-direction: column;
				justify-content: center;
				flex: 1;
				
				font-size: .9em;
			}
			
				/* Mobile menu burger */	
				.mobile-menu {
					padding: 0;
				}	
				
				.mobile-menu a {
					display: block;
					padding: 7px;
					color: #fff;
					border: solid 1px #fff;
					
					display:flex;
					flex-direction: column;
					justify-content: space-between;
					align-items: center;
					
					-webkit-transition: color .1s ease-out;
					-o-transition: color .1s ease-out;
					transition: color .1s ease-out;
					
					border-radius: 2px;
				}
				
				.mobile-menu a:hover {
					color: var(--lavender);
				}			
				
				/* MENU BURGER ICON */
				
				.icon-btn-label {
					display: block;
				}
				
					.icon-btn:hover {
						text-decoration: none;
					}			
				
				span.icon-burger {
					position: relative;
					border: solid 1px #1f3d7d;
					margin: 10px 0;
					height: 2px;
					width: 100%;
					-webkit-transition: all .1s ease-out;
					-o-transition: all .1s ease-out;
					transition: all .1s ease-out;
				}
				
				span.icon-burger:before {
					content: '';
					position: absolute;
					border: solid 1px #1f3d7d;
					height: 2px;
					right:0;
					width: 100%;
					top: -8px;
					-webkit-transition: all .1s ease-out;
					-o-transition: all .1s ease-out;
					transition: all .1s ease-out;
				}
				
				span.icon-burger:after {
					content: '';
					position: absolute;
					border: solid 1px #1f3d7d;
					height: 2px;
					right:0;
					width: 100%;
					bottom: -8px;
					-webkit-transition: all .1s ease-out;
					-o-transition: all .1s ease-out;
					transition: all .1s ease-out;
				}
				
				.icon-btn:hover .icon-burger, 
				.icon-btn:hover span.icon-burger:before,
				.icon-btn:hover span.icon-burger:after {
					width: 100%;
					border-color: var(--yellow);
				}
			
			
			
	
	.header-bar {
		padding:10px;
		text-align: center;
		width: calc(100% + 110px);
		margin-left: -110px;
		transition: all .3s ease;
	}
	
		.header-bar p {
			margin: 0;
		}
		
		
/* Stick that nav on scroll */

.stickied .header-main {
	
}

	.stickied .header-bar {
		padding-top:5px;
		padding-bottom:5px;
	}	
	
		.stickied .header-logo img {
			width: 60%;
		}	
		
		.stickied .sf-mega {
			padding-top:5px !important;
			padding-bottom: 5px !important;
		}
		
		
/* Mobile Icon */

   #menu-cont {
	   position: fixed;
	   z-index: 99999;
	   top:0;
	   right:-110%;
	   width: 100%;
	   max-width: 600px;
	   padding:25px;
	   opacity: 0;
	   height: 100vh;
		background: rgb(31,61,125);
		background: linear-gradient(236deg, rgba(31,61,125,1) 47%, rgba(23,47,98,1) 100%);	   
	   transition: all .2s cubic-bezier(0.600, -0.280, 0.735, 0.045);

   }
   
	#menu-cont.open {
		/*-webkit-animation: animation 865ms linear both;
		animation: animation 865ms linear both;*/
		right:0;
		overflow-y: auto;
	}
   
   .menu-toggle-opened {
	    top: 25px;
	    right: 25px;
	    width: 40px;
	    height: 40px;
	    background: white;	 
	    float: right;
	    
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    align-items: center;
	    
	   transition: ease-in-out all .03s;
   }
      
   	.menu-toggle-opened svg {
	   	width: 50%;
   	}
   
   	.menu-toggle-opened svg path {
	   	fill: var(--blue);
   	}
	   
	   .menu-toggle-opened:hover {
			  background: var(--lavender);
		  }
		  
	   .menu-toggle-opened:hover svg path {
			 fill: #fff;
		 }
		 
   ul.main-nav {
	   width: 100%;
	   overflow: hidden;
	   padding:0;
	   margin-top:0;
	   float: left;
   }
   
	   ul.main-nav li {
		   padding: 0;
		   overflow: hidden;
		   width: 100%;
		   display: block;
		   float: left;
	   }
   
		   ul.main-nav li a {
				color: #fff;
				display: block;
				width: 100%;
				float: left;
				padding:5px 12px;
				margin: 0;
				display: flex;
				flex-direction: column;
				justify-content: center;
				transition: ease-in-out .15s all;
		   }
   
			   ul.main-nav li a:hover {
				   background: rgba(255, 255, 255, .1);
			   }
   
   ul.main-nav li.active > a {
	   font-weight: bold;
	   text-decoration: underline;
	   background-color: rgba(255, 255, 255, .1);
	}
   
   /*Nested list*/   
   ul.main-nav ul {
		padding: 0 0 0 20px;
		float: left;
		width: 100%;
   }   
      
   /*Animate nested*/
   .hideSub {
	   display: none;
   }
   
   .main-nav > li.has-children > a {
	   width: 87%;
	   width: calc(100% - 40px);
   }	   
	   
   .main-nav > li.has-children > span {
		display: block;
		width: 40px;
		height:100%;
		padding:10px 10px;
		position: relative;
		float: right;
		font-size: 12px;
		text-align: center;
		cursor: pointer;
		background-color: #fff;
		transition: ease-in-out .15s all;
   }
   
		.main-nav > li.has-children > span:hover {
			background-color: var(--lavender);
		}
	   
   .main-nav > li > span svg {
	    width: 15px;
	    display: inline-block;
		transition: ease-in-out .15s all;
   }
   
   .main-nav > li > span:hover svg path {
		fill: #fff;
   }
   .main-nav > li > span svg path {
	    fill: var(--lavender);
   }
   
	   .main-nav > li.subOpened > span svg {
	   	   transform: rotate(180deg);
   	   }
   
	   .main-nav > li.subOpened > span {
	   	   background-color: white;
   	   }
   
  /* .searchbox {
	   width: 70%;
	   float: left;
	   border: solid 1px #eae7de;
	   border-radius: 2px
   }
   
	   	.searchbox input.txtbox {
		   	width: 80%;
		   	float:left;
		   	border: 0;
		   	clear: none;
		   	color: #333;
		   	padding: 15px;
	   	}
	   	
	   	.searchbox input.submit {
		   	width: 20%;
		   	float:right;
		   	clear: none;
		   	text-align: center;
		   	border: 0;
		   	padding:15px 9px;
		   	color: #031235;
		   	font-family: "Font Awesome 5 Pro"
	   	}
	   */
	   	
	   	.main-nav-social {
		   	text-align: center;
	   	}
	   		   	
		   	#menu-cont .main-nav-social li {
			   	display: inline-block;
			   	padding:13px;
		   	}
		   		   	
			   	#menu-cont .main-nav-social li a {
				   	color: #fff;
				   	font-size: 33px;
			   	}
			   	
		#menu-cont .cta {
			background: 0;
			border-color: #fff;
			padding:10px;
			font-weight: normal;
		    font-size: 1.05em;
		    margin: 10px 0;
		}
	   		   	
	   	
/* width */
#menu-cont.open::-webkit-scrollbar {width: 12px;}

/* Track */
#menu-cont.open::-webkit-scrollbar-track {background: var(--blue);}

/* Handle */
#menu-cont.open::-webkit-scrollbar-thumb {background:  var(--lavender); border-radius: 3px;}
   

	#menu-cont.open {
		opacity: 1;
		visibility: visible;
		right:0;
	}   
	

.menu-icons {
	width: 100%;
	margin: 0;
	padding:0;
	clear: both;
	display: block;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}	

	.menu-icons li {
		padding:10px;
		display: block;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		text-align: center;
	    width: 20%;
	    min-width: 105px;
	    flex-grow: 1;
	}
	
		.menu-icons a {
			display: block;
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
			align-items: center;
			color: #fff;
			text-transform: uppercase;
			font-size: .8em;
		    font-weight: bold;
		    line-height: 1.1em;
		    
			-webkit-transition: all .1s ease-out;
		    -o-transition: all .1s ease-out;
		    transition: all .1s ease-out;
		}
		
			.menu-icons a:hover {
				text-decoration: none;
			    color: var(--grey);
			}
	
		.menu-icons svg {
			margin: 0 0 10px 0;
			height: 100%;
			min-height: 60px;
			-webkit-transition: all .1s ease-out;
		    -o-transition: all .1s ease-out;
		    transition: all .1s ease-out;
		}
		
			.menu-icons a:hover svg {
				transform: scale(1.3);
			}
		
			.menu-icons a:hover svg path {
				fill: var(--grey);
			}
			


			
		
		
		
/* Footer Layout */	
.footer-cont {
	margin-top: 150px;
	margin-bottom: 20px;
	padding: 40px 0 20px 0;
	position: relative;
	background: var(--lavender);
	overflow: visible;	
}

	.footer-cont:before {
		content: '';
	    width: 150px;
	    height: 140px;
	    background-image: url("../images/site/orchard-hampton-icon.svg");
	    background-position: center center;
	    background-repeat: no-repeat;
		background-size: 100px;
	    position: absolute;
	    display: block;
	    left: 50%;
	    top:-95px;
		z-index:1;
	    transform: translateX(-50%);
		/*filter: drop-shadow(0px 3px 12px rgba(0, 0, 0, 0.3));*/
	}

	.footer {
		margin-top:40px;
		margin-bottom:15px;
		width:60%;
	}
	
		.footer img.logo {
			margin: 0 auto;
			display: block;
		}
	
	.footer a {
		font-weight: bold;
		color: white !important;
	}

	.social-links {
		list-style: none none;
		margin: 0;
		padding:0;
	}
	
		.social-links li {
			display: inline-block;
			margin: 0 30px 10px 0;
		}
	
		.social-links a {
			color: white !important;
			text-decoration: none;
		}
		
		.social-links svg {
			transition: all .2s ease-in-out;
			margin-left:3px;
		}
		
		.social-links path {
			transition: all .2s ease-in-out;
		}
		
		.social-links a:hover svg {
			transform: scale(1.1)
		}
		
			.social-links a:hover path {
				fill: var(--blue);
			}
		
	.footer-menu {
		list-style: none none;
		margin: 0;
		padding:0;
	}
	
		.footer-menu li {
			width: 50%;
			float: left;
			padding-right:10px;
			font-size: .9rem;
		}
	
			.footer-menu li a {
				font-weight: normal;
			}
	
	.signoff {
		padding-top: 20px;
		padding-top: 10px;
		text-align: center;
	}
	
		.signoff p {
			font-size: .9rem;
			margin: 0 0 10px 0;
		}
		
		.bottom-logo {
			display: inline-block;
		    width: auto;
		    height: auto;
		    max-width: 110px;
		    margin: 10px;
		    max-height: 77px;
		}
		
		
.lower-ctas-cont {
	position: fixed;
	bottom:0; right: 0; left:0;
	background: var(--yellow);
	text-align: center;
	padding: 10px;
	transform: translateY(100%);
	opacity: 0;
	transition: all .4s ease-in-out;
}

.stickied .lower-ctas-cont {
	opacity: 1;
	transform: translateY(0);
}

	.lower-ctas .cta {
		display: inline-block;
		margin: 0 15px;
	}
		
		
@media only screen and (max-width: 700px) {
	.footer {
		flex-direction: column;
		text-align: center;
		margin-bottom:0;
	}
	
	.footer > div {
		width: 100%;
		margin-bottom:20px;
	}
	
		.social-links li {
			margin: 0 20px 10px 20px;
		}

	
}



/* ==========================================================================
   Home Specific 
   ========================================================================== */
   
  .home-intro h1 {
	  --fluid-type-min: 2rem;
	  --fluid-type-max: 4rem;
	  --fluid-type-target: 2vw;
	  margin-bottom:15px;
   }  
   
   
   .home-split-banners {
		position: relative;
		min-height: 500px;
		height: 40vh;
		padding: 0 0 40px 0;
		width: 95%;
		margin: 40px 2.5% 30px 2.5%;
		overflow: visible;
   }
   
   .home-split-banner {
		  width: 34%;
		  height: 100%;
		  position: absolute;
		  top:0;
		  border-radius: 15px;
		  z-index: 1;
		  background-size: cover;
		  background-repeat: no-repeat;
		  background-position: top center;
		  
		  -webkit-box-shadow: 0px 0px 36px -19px rgba(0,0,0,0.75);
		  -moz-box-shadow: 0px 0px 36px -19px rgba(0,0,0,0.75);
		  box-shadow: 0px 0px 36px -19px rgba(0,0,0,0.75);
		  
		  transition: all .3s ease;
	  }
	  
   .home-split-banner-2 {
		   width: 52%;
	   }
	   
   .home-split-banner-3 {
			width: 34%;
		}
		
   .home-split-banner:first-of-type {
		 left:0;
	 }
	 
   .home-split-banner-3:nth-child(2) {
		   left: 50%;
		   top: 40px;
		   transform: translateX(-50%);
		   z-index:0;
	   }
	   
   .home-split-banner:last-of-type {
			 right:0;
	 }
	 
	 .home-split-banner .cta {
		 position: absolute;
		 bottom:30px;
		 left:50%;
		 transform: translateX(-50%);
		 box-shadow: none;
	 }
		
   .home-split-banner:hover {
	   z-index: 10;
	   transform: scale(1.05);
	   border-radius: 25px;
	   -webkit-box-shadow: 0px 0px 36px -19px rgba(0,0,0,1);
	  -moz-box-shadow: 0px 0px 36px -19px rgba(0,0,0,1);
	  box-shadow: 0px 0px 36px -19px rgba(0,0,0,1);
	   }
		   
	   .home-split-banner-3:nth-child(2):hover {
			  transform: translateX(-50%) scale(1.05);
		  }

		   
   @media only screen and (max-width: 700px) {
	   
		.home-split-banners {
			min-height: 300px;
			height: 25vh;
		}
	   
   }

/* ==========================================================================
		 Side Tabs & Ofted / ISI Rating
		 ========================================================================== */
		 
	   .side-tabs {
		   position: fixed;
		   right: 0;
		   top: 20%;
		   z-index:2;
	   }  
	   
		   .side-tabs ul.side-social {
			   display: block;
			   overflow: visible;
			   width: 128px;
			  padding:0;
		   }
	   
		   .side-tabs ul.side-social li {
			   width: 100%;
			   position: relative;
			   left: 85px;
			   display: block;
			   background:  var(--blue);
			   margin: 0 0 5px 0;
			   padding:0;
			   opacity: 0;
			   border-radius: 10px 0px 0px 10px;
			  
			  backface-visibility: hidden;	
			  transition: .2s ease-in-out all;
			  
	  -webkit-animation: fadeinTab 1s forwards; /* Safari, Chrome and Opera > 12.1 */
			 -moz-animation: fadeinTab 1s forwards; /* Firefox < 16 */
			  -ms-animation: fadeinTab 1s forwards; /* Internet Explorer */
			   -o-animation: fadeinTab 1s forwards; /* Opera < 12.1 */
				  animation: fadeinTab 1s forwards; 	
				  
				 animation-delay: .5s
	  
		  } 	
		  
		   .side-social li:nth-child(2) {
				 animation-delay: .6s
		  } 	
		  
		   .side-social li:nth-child(3) {
				 animation-delay: .7s
		  } 	
		  
		   .side-social li:nth-child(4) {
				 animation-delay: .8s
		  } 	
		  
		   .side-social li:nth-child(5) {
				 animation-delay: .9s
		  } 	
		  
	  @keyframes fadeinTab {
		  from { opacity: 0; transform: translateX(20px) }
		  to   { opacity: 1; transform: translateX(0) }
	  }
	  
	  /* Firefox < 16 */
	  @-moz-keyframes fadeinTab {
		  from { opacity: 0; transform: translateX(20px) }
		  to   { opacity: 1; transform: translateX(0) }
	  }
	  
	  /* Safari, Chrome and Opera > 12.1 */
	  @-webkit-keyframes fadeinTab {
		  from { opacity: 0; transform: translateX(20px) }
		  to   { opacity: 1; transform: translateX(0) }
	  }
	  
	  /* Internet Explorer */
	  @-ms-keyframes fadeinTab {
		  from { opacity: 0; transform: translateX(20px) }
		  to   { opacity: 1; transform: translateX(0) }
	  }    
		   
			   .side-tabs .side-social li:hover {
				   left: 88px;
				   background: var(--lavender);
			  }
				  
			   .side-tabs .side-social li a {
				   padding:12px;
				   display: block;
				   color: #333;
				   font-size: 25px;
				   text-align: center;
				   line-height: 0;
				   display: flex;
				   flex-direction: row;
				   flex-wrap: nowrap;
			   }
		  
				   .side-tabs .side-social li a:hover {
					   text-decoration: none;
					   color: var(--blue);
	  
				   }
				   
/* Styles specific to the rating popout */		
	  
	  .side-rating {
		  position: absolute;
		  margin:0;
		  padding:0;
		  right: 0;
		  z-index: 1;
	  }
	  
	  .side-rating li.rating {
		  border-radius: 0;
		  width: 270px;
		  right: -270px;
		  position: absolute;
		  opacity: 0;
		  transition: .2s ease-in-out all;
				  
		  -webkit-animation: fadeinTab 1s forwards; /* Safari, Chrome and Opera > 12.1 */
				 -moz-animation: fadeinTab 1s forwards; /* Firefox < 16 */
				  -ms-animation: fadeinTab 1s forwards; /* Internet Explorer */
				   -o-animation: fadeinTab 1s forwards; /* Opera < 12.1 */
					  animation: fadeinTab 1s forwards; 	
					 animation-delay: .5s
	  }
	  
	  .side-rating li.rating:hover {
		  right: -100%;
	  }
	  
		  .side-rating li.rating .rating-logo {
			  width: 70px;
			  height: auto;
			  position: absolute;
			  top:0;
			  left: -70px;
			  padding: 5px;
			  background-color: #292659;
			  border-radius: 10px 0px 0px 10px;
		  }
	  
			  .side-rating li.rating .rating-logo img {
				  width: 100%;
				  height: auto;
				  display: block;
				  float: left;
			  }
		  
		  .side-rating li .rating-content {
				  background-color: #292659;
				  width: 100%;
				  padding:15px;
				  color: #fff;
				  border-radius: 0 0 0 10px;
			  }
			  
			  .side-rating li .rating-content p {
					  font-size: 90% !important;
					  margin-bottom:5px;
					  line-height: 130%;
				  }
				  
			  .side-rating p:last-child {
					  margin-bottom:0;
				  }
				  
			  .side-rating li .rating-content a {
				  color: var(--blue);
				  font-size: 90%;
				  padding:0;
				  }
				  
			  .side-rating li .rating-content a:hover {
				  text-decoration: underline;
				  }
			  
	  
	  
	  
				   
	  @media only screen and (max-width: 600px) {
					   
					   
					.side-tabs {
						top: 110px;
					}  
				   
						.side-tabs ul.side-social {
							width: 37px;
						}
					
							.side-tabs ul.side-social li {
								left: 0;
						   } 	
						   
							.side-tabs ul.side-social li a {
								padding: 7px;
							}
					   
				   
				   }   
/* ==========================================================================
   SECTION: Hero banners 
   ========================================================================== */
   
   .hero-banner {
	   position: relative;
   }
         
   .banner-slide {
	   position: relative;
	   width: 100%;
   }
   
	   .banner-slide:after {
		    content: '';
		    display: block;
		    position: absolute;
		    right: 0;
		    bottom: 0;
		    left: 0;
		    width: 100%;
		    height: 300px;
			background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 81%);
		}
		
		.home .banner-slide:after {
			background: linear-gradient(180deg, rgba(0,10,47,0) 0%, rgba(0,10,47,1) 81%);
		}
		
		.home-first-logo {
			width: 100%;
			max-width: 200px;
			margin-bottom:30px;
		}
   
   .slide-inner {
	   width: 100%;
	   max-width: 85%;
	   margin: 0 auto;
	   padding-bottom: 70px;
	   clear: both;
	   position: relative;
	   height: 50vh;
	   min-height: 650px;
	   z-index: 1;
	   
	   text-align: center;
	   color: #fff;
	   
	   display: flex;
	   flex-direction: column;
	   justify-content: end;
	   align-items: center; 
   }
   
   .tall-banner .slide-inner {
	   height: 70vh;
   }
   
	   	.slide-inner span {
			font-family: "Shadows Into Light Two", cursive;
		   font-weight: 400;
		   font-style: normal;  
		   letter-spacing: 2.5px;
		   word-spacing: -15px;
			font-size: 4.5rem;
		   	line-height: 1.1;
		   	text-shadow: 1px 1px 1px rgba(0,0,0,.3);
	   	}		   
   
   	.banner-media {
	   	width: 100%;
	   	height:100%;
	   	float: left;
	   	position: absolute;
	   	top:0; right:0; bottom:0; left:0;
	   	z-index:0;
   	}
   	
	   	.banner-slide img {
		   	width: 100%;
		   	height:100%;
		   	object-fit: cover;
	   	}
	   	
	   	.banner-media video {
		   	width: 100%;
		   	height:100%;
		   	object-fit: cover;
	   	}	   	
	   	
   .hero-banner .slick-next {
	   right:30px;
	   width: 28px;
	   height:28px;
	   padding-top:2px;
   }
   
   .hero-banner .slick-prev {
	   left:30px;
	   width: 28px;
	   height:28px;
	   padding-top:2px;
	   z-index:1;
   }
   
	   	.slide-inner img {
		   	width: 100%;
		   	height:100%;
		   	float: left;
		   	object-fit: cover;
	   	}
	   	
		@keyframes fadein {
				    from { opacity: 0; transform: translateX(-20px) }
				    to   { opacity: 1; transform: translateX(0) }
		}
		
		/* Firefox < 16 */
		@-moz-keyframes fadein {
				    from { opacity: 0; transform: translateX(-20px) }
				    to   { opacity: 1; transform: translateX(0) }
		}
		
		/* Safari, Chrome and Opera > 12.1 */
		@-webkit-keyframes fadein {
				    from { opacity: 0; transform: translateX(-20px) }
				    to   { opacity: 1; transform: translateX(0) }
		}
		
		/* Internet Explorer */
		@-ms-keyframes fadein {
				    from { opacity: 0; transform: translateX(-20px) }
				    to   { opacity: 1; transform: translateX(0) }
		}

	   	.slide-ani {
		   	opacity: 0;
		   	display: inline-block;
	   	}
	   	
	   	.slick-current .slide-ani {
		    -webkit-animation: fadein .5s forwards; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein .5s forwards; /* Firefox < 16 */
        -ms-animation: fadein .5s forwards; /* Internet Explorer */
         -o-animation: fadein .5s forwards; /* Opera < 12.1 */
            animation: fadein .5s forwards;
		   	animation-delay: .3s
	   	}
	   	
	   	.slick-current .slide-ani:nth-child(2) {
		   	animation-delay: .4s
	   	}

	   	.slick-current .slide-ani:nth-child(3) {
		   	animation-delay: .5s;
	   	}	   	
	   	
	   	.hero-banner span.arrow {
			color:#fff;
			display: block;
			width: 100%;
			position: absolute;
			bottom:0;
			left:0;
			text-align: center;
			-webkit-transition: all ease-in-out .3s;
			-o-transition: all ease-in-out .3s;
			transition: all ease-in-out .3s;
			margin-top: 30px;
			margin-bottom: 20px;
			-webkit-animation: bounce 4s infinite;
			        animation: bounce 4s infinite;
		}		
 
		@-webkit-keyframes bounce {
			0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}
			40% {-webkit-transform: translateY(-15px);transform: translateY(-15px);}
			60% {-webkit-transform: translateY(-5px);transform: translateY(-5px);}
		}		
 
		@keyframes bounce {
			0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}
			40% {-webkit-transform: translateY(-15px);transform: translateY(-15px);}
			60% {-webkit-transform: translateY(-5px);transform: translateY(-5px);}
		}	
		
		.has-split-layer .slide-inner {
			padding-bottom: 110px;
		}	
		
		.homepage-banner-split {
			position: relative;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			flex-wrap: wrap;
			background: #fff;
			margin: -55px auto 50px auto;
			
			-webkit-box-shadow: 0px 18px 70px -12px rgba(0,0,0,0.3);
			-moz-box-shadow: 0px 18px 70px -12px rgba(0,0,0,0.3);
			box-shadow: 0px 18px 70px -12px rgba(0,0,0,0.3);
		}
		
		.homepage-banner-split > div {
			width: 50%;
			padding: 20px 6%;
			text-align: center;
			flex: 1;
		}
		
		.homepage-banner-split p {
			font-size: 1.55em;
			color: var(--gold);
		}
		
		.homepage-banner-split > div:first-child {
			background: var(--lavender);
		}
		
		.homepage-banner-split > div:first-child p {
			color: #fff;
		}
		
			.homepage-banner-split a {
				color: var(--black);
			}
		
		.homepage-banner-split > div > :last-child {
			margin-bottom: 0;
		}
		
		
		
@media only screen and (max-width: 1400px) {
			
				 .slide-inner {
					min-height: 450px;
				}
				
		}
		
@media only screen and (max-width: 700px) {
			
				.tall-banner .slide-inner {
					height: 50vh;
				}
				
				.home-first-logo {
					width: 60%;
				}
				
				.home-banner span.arrow {
					display: none;
				}
				
				.homepage-banner-split {
					flex-direction: column;
					margin-bottom:15px;
					-webkit-box-shadow: 0px 18px 30px -12px rgba(0,0,0,0.3);
					-moz-box-shadow: 0px 18px 30px -12px rgba(0,0,0,0.3);
					box-shadow: 0px 18px 30px -12px rgba(0,0,0,0.3);
				}
				
				.homepage-banner-split > div {
					width: 100%;
					clear: both;
				}
		}
		
/* ==========================================================================
Popup Styling
========================================================================== */

.popup-overlay {
	width: 100%;
	position: fixed;
	top:0;
	right:0;
	left:0;
	bottom:0;
	opacity: 0;
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	visibility: hidden;
	z-index: 999999;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

	.popup-open .popup-overlay {
		background: rgba(27,55,107, .55);
		opacity: 1;
		visibility: visible;
	}
	   
   .popup-cont {
		width: 100%;
	    max-width: 800px;
	    display: block;
	    position: fixed;
	    padding:20px;
	    top: 35%;
	    left: 50%;
	    opacity: 0;
	    visibility: hidden;
		z-index: 9999999;
	    transform: translateY(-50%) translateX(-50%);
	    
	    animation-duration: .5s;
	    animation-fill-mode: both;
	    animation-delay: .2s;
	    -webkit-animation-duration: 1s;
	    -webkit-animation-fill-mode: both;
	    
	    display: flex;
	    flex-direction: row;
	    flex-wrap: nowrap;
	    align-content: center;
	    justify-content: center;
	}
	
		@keyframes fadeInUp {
		    from {
			    transform: translateY(-40%) translateX(-50%);
		    }
		
		    to {
			    transform: translateY(-50%) translateX(-50%);
		        opacity: 1
		    }
		}
		
		
	   .popup-open .popup-cont {
		    visibility: visible;
		    animation-name: fadeInUp;
		    -webkit-animation-name: fadeInUp;
		}	
		
	.popup-logo {
		position: absolute;
		top: -20px;
		left: 50%;
		margin-left: -60px;
		width: 120px;
		height: 120px;
		z-index: 1;
		padding:15px;
		background: #fff;
	}
	

	.popup-open .popup-logo {
		-webkit-animation: jello-horizontal 1s both;
	        animation: jello-horizontal 1s both;	
	}
	

@-webkit-keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

   	
   	.popup-close {
	   	position: absolute;
	   	display: block;
	   	top:-10px;
	   	right:20px;
	   	font-size: 16px;
	   	font-weight: bold;
   	}
   	
	   	.popup-close a {
		   	color: white;
		   	font-weight: bold;
	   	}	   	
	   	
	.popup-inner {
		padding: 75px 20px 35px 20px;
		background: #fff;
		width: 100%;
		text-align: center;
	}		
		
	.popup-cont h3 {
		line-height: 120%;
		font-weight: 700;
		text-align: center;
		margin-top:10px;
	}
	
	.popup-cont .cta {
		display: block;
	    width: fit-content;
	    margin: 25px auto 0 auto;
	}
	
@media only screen and (max-width: 850px) {	
	
   .popup-cont {
	    flex-direction: column-reverse;
	    top:25%;
	}
	
	.popup-cont > div {
		width: 100%;
		clear: both;
	}
	
	.popup-inner {
		padding-left:20px;
		padding-right:20px;
	}
	
		@keyframes fadeInUp {
		    from {
			    transform: translateY(-40%) translateX(-50%);
		    }
		
		    to {
			    transform: translateY(-35%) translateX(-50%);
		        opacity: 1
		    }
		}
		
}		
		

	   	
	   	
/* ==========================================================================
   SECTION: EMBED 
   ========================================================================== */
   
   .section-embed {
	   padding:20px;
   }
	 
/* ==========================================================================
	  SECTION: TEXT BANNER 
	  ========================================================================== */
		
	 .section-text-banner {
		 background-size: cover;
		 background-position: top center;
		 background-repeat: no-repeat;
		 position: relative;
		 z-index:0;
	 }  	
	 
	 	.text-banner-inner {
		 	padding: 35px 0;
		 	z-index: 1;
	 	}
	 	
		 	.text-banner-inner p:last-child {
			 	margin-bottom: 0;
			 }
	 	
		 	.text-banner-inner > :first-child {
			 	margin-top: 0;
			 }
			 
		.text-col-wrapper {
			display: flex;
			flex-wrap: wrap;
		}
		
			.text-col-wrapper .text-column {
				width: 50%;
				margin-bottom: 20px;
				flex-grow: 1;
			}
			
			.text-col-wrapper .text-column:nth-child(odd){
				padding-right: 15px;
			}
	 	
			.text-col-wrapper .text-column:nth-child(even){
				padding-left: 15px;
			}
			
			.text-column h3 {margin-top:0;}
	 	
	 	.text-banner-has-bg {
		 	padding-top:40px;
		 	padding-bottom:40px;
	 	}
		 
		.text-banner-has-bg .text-banner-inner {
			  padding: 0;
		  }
	 	
	 	.content-blockquote {
		 	color: var(--red);
		 	text-align: left;
		 	padding: 0 5%;
		 	margin: 20px 0 20px 0;
		 	font-size: 1.7rem;
		 	clear: both;
		 	display: block;
		 	clear: both;
		 	float: left;
	 	}
	 	
	 	.accordian-link {
		 	position: relative;
		 	margin-bottom:0;
		 	margin-top:40px;
			 width:100%;
	 	}
	 	
		 	.accordian-link:hover {
			 	background: var(--blue);
			 	color: var(--lavender) !important;
		 	}
	 	
		 	.accordian-link svg,
		 	.accordian-link svg path {
			 	transition: all .2s ease;
		 	}
	 	
		 	.accordian-open svg {
			 	transform: rotate(180deg);
		 	}
	 	
		 	.accordian-link:hover svg path {
			 	fill: var(--lavender) !important;
		 	}
	 	
	 	.accordian-link .arrow {
		 	display: inline-block;
			margin-left: 10px;
			text-align: center;
			-webkit-transition: all ease-in-out .3s;
			-o-transition: all ease-in-out .3s;
			transition: all ease-in-out .3s;
				-webkit-animation: bounce 4s infinite;
	        animation: bounce 4s infinite;
	 	}
		 
		 
		 table {
			 width: 100%;
			 border:0;
			 margin: 0 0 20px 0;
		 }
		 
		 table thead {
			 background: var(--blue);
		 }
		 
		 table td {
			 padding:10px;
			 border: solid 1px var(--grey);
		 }
		 
		 table th {
			 padding:10px;
		 	font-weight: 700;
		 	font-style: normal;  
			 font-size: 1.85em;
		 	line-height: 1.05;
		   color: white;
		 }
	 	
	 	
 	@media only screen and (max-width: 700px) {
	 	
	 	.text-banner-inner {
		 	padding: 30px 0 30px 0;
		 	z-index: 1;
	 	}
		 
		 
		.text-col-wrapper {
			flex-direction: column;
			}
			
			.text-col-wrapper .text-column {
				width: 100%;
			}
			
			.text-col-wrapper > :last-child {
				margin-bottom:0;
			}
			
		.text-col-wrapper .text-column:nth-child(odd)	{
				padding-right:0;
			} 	
		.text-col-wrapper .text-column:nth-child(even)	{
				padding-left:0;
			} 	
		
		.text-banner-has-bg .text-banner-inner {
			 padding: 0;
		 }
		
	 	}


/* ==========================================================================
   SECTION: TEXT / IMG GRID 
   ========================================================================== */
	 
	 
   .text-image-row {
	   display: flex;
	   flex-direction: row;
	   justify-content: space-between;
	   flex-wrap: nowrap;
   }
   
	   .text-image-row > div {
		   width: 50%;
		   padding: 70px;
	   }
	   	   
	   .ti-text {
		   display: flex;
		   flex-direction:column;
		   justify-content: center;
	   }
	   
	   .ti-img {
		   background-repeat: no-repeat;
		   background-size: cover;
		   background-position: center center;
		   min-height: 400px;
	   }
	   
	   	.text-image-row:nth-child(even) .ti-img {
		   	order: 0;
	   	}
   
	   	.text-image-row:nth-child(even) .ti-text {
		   	order: 1;
	   	}
	   	
	   	
   @media only screen and (max-width: 700px) {
	   
	   .text-image-row {
		   flex-direction: column;
	   }
	   
	   .text-image-row > div {
		   width: 100%;
		   padding: 25px 25px 10px 25px;
	   }
	   
	   .text-image-row:nth-child(even) .ti-text {
		  order: unset;
		}
		
		.text-image-row:nth-child(even) .ti-img {
		    order:  unset;
		}


	}
   	 	
/* ==========================================================================
   SECTION: CARD CTAs 
   ========================================================================== */
   
   .section-card-ctas {
	   padding-top: 55px;
	   padding-bottom: 35px;
   }
   
   .card-ctas-header h2 {
	   margin: 10px 0 40px 0;
   }
   
   	.card-ctas-cont {
	   	display: flex;
	   	flex-direction: row;
	   	flex-wrap: wrap;
	   	justify-content: space-around;
   	}
   	
   		.card-cta {
	   		width: 31%;
	   		position: relative;
	   		z-index:1;
   		}
   		
   		.card-cta:nth-child(even) {
	   		margin-top:50px;
   		}
   		
   			.card-cta .bg-dove {
	   			border: solid 1px var(--red);
	   			color: #fff !important;
   			}
   			
   			.card-cta  * {
	   			color: #fff !important;
   			}
   			
   			.card-cta .bg-dove .cta:hover {
	   			color: #fff;
   			}
   			
   			.bg-white .card-cta .bg-dove {
	   			border: 0;
   			}

   		
   		.cards-2-row .card-cta {
	   		width: 48%;
   		}
   		
   		.cards-3-row .card-cta {
	   		width: 31%;
   		}
   		
   		.cards-4-row .card-cta {
	   		width: 23%;
   		}
   		
   		a.card-cta:hover {
	   		text-decoration: none;
	   		transform: scale(1.01);
   		}
   		
   			.cta-card-inner {
			    padding: 30px 30px 40px 30px;
			   	margin: 0 0 30px 0;
		   		color: #333;
		   		text-align: center;
		   		border-radius: 6px;
		   		position: relative;
		   		z-index: 1;
		   		
		   		display: flex;
		   		flex-direction: column;
		   		justify-content: flex-start;
		   		align-items: center;
				   
			   -webkit-box-shadow: 0px 0px 5px 6px rgb(0 0 0 / 3%);
			   -moz-box-shadow: 0px 0px 5px 6px rgba(0,0,0,0.03);
			   box-shadow: 0px 0px 5px 6px rgb(0 0 0 / 3%);
   			}
			   
			   .bg-blue .cta-card-inner {
				   color: #fff;
			   }
   			
   			
   			.card-hasImage {
	   			width: 90%;
	   			margin: -50px auto 30px auto;
   			}
   		
		   		.card-cta-ico {
			   		display: inline-block;
			   		margin: 0 0 20px 0;
			   		width: 100%;
			   		height: 60px;
		   		}
		   		
			   		.card-cta-ico svg {
				   		width: auto;
				   		height: 100%;
				   		max-height: 60px;
			   		}
		   		
				   		.card-cta-ico svg path{
					   		fill: var(--lavender);
				   		}
		   		
				   		.theme-dark .card-cta-ico svg path{
					   		fill:  var(--lavender);
				   		}
				   		
	   		.card-img {
		   		width: 100%;
		   		position: relative;
		   		z-index: -1;
		   		overflow: hidden;
		   		border-radius: 6px;
	   		}
   		
		   		.card-img img {
			   		width: 100%;
			   		height: auto;
		   		}

   		.card-cta h2 {
	   		font-size: 2.5em;
	   		margin-top:5px;
   		}
   		
   		.card-cta .cta {
	   		margin:10px 0;
	   		margin-top: auto;
			   -webkit-box-shadow: none;
			   box-shadow:none;
   		}
   		
   		.cta-card-inner :last-child {
	   		margin-bottom:0;
   		}
   		
   		
@media only screen and (max-width: 700px) {
	
	.section-card-ctas {
		padding-top:25px;
		padding-bottom:0;
	}
	
	.card-ctas-cont {
		padding-top: 30px;
	}
	   	
   		.card-cta {
	   		width: 100%;
	   		padding: 0 10px 0 10px;
		   	margin: 0 0 30px 0;
	   		color: #fff;
	   		text-align: center;
	   		
	   		display: flex;
	   		flex-direction: column;
	   		justify-content: flex-start;
	   		align-items: center;
   		}
		   
		.card-cta:nth-child(even) {
			   margin-top: 0;
		   }  
		   
		   .cards-3-row .card-cta,
		   .cards-4-row .card-cta  {
			   width: 49%;
		   } 		
		   

}


@media only screen and (max-width: 650px) {
   		
		   .card-ctas-cont,
		   .instagram-cont {
			   flex-direction: column;
		   }	
		   
		  .cards-4-row .card-cta,
		  .cards-3-row .card-cta{
			  width: 100%;
			  padding:0;
		  }
		  
		  .card-cta {
			  margin: 0 0 10px 0;
		  }


}   		
   		
/* ==========================================================================
   SECTION: INSTAGRAM FEED 
   ========================================================================== */
   
   
   .section-insta-feed {
	   padding-top: 35px;
	   padding-bottom: 35px;
   }
   
   
   .instagram-cont {
	   flex-wrap: wrap;
	   padding:30px;
	   margin-top:30px;
   }
   
  #content .insta-card {
	   font-weight: normal;
	   min-width: 300px;
   }
   
   .insta-card .cta-card-inner {
		  padding:30px;
		  max-height: 300px;
		  overflow: hidden;
	  }
	  
   .insta-card .cta-card-inner:after {
			content: '';
			width: 100%;
			display: block;
			height:40px;
			position: absolute;
			bottom:0; left:0; right:0;
			background: linear-gradient(0deg, rgba(255,255,255,1) 55%, rgba(255,255,255,0) 100%);
		 }
		 
   .insta-like, .insta-icon {
	   position: relative;
   }
   
   .feed-icons {
	   font-size: 13px;
	   border-bottom: solid 1px var(--blue);
	   margin: 0 0 10px 0;
	   padding: 0 0 10px 0;
	   display: block;
	   width: 100%;
	   float: left;
	   text-align: left;
	   position: relative;
   }
   
   .feed-icons:after {
	   content: "";
	   height: 2px;
	   width: 30px;
	   bottom: 0;
	   left: 0;
   }
   
   .insta-icon {
	   content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'%3E%3C/path%3E%3C/svg%3E");
	   display: inline-block;
	   margin: 0 6px 0 0;
	   width: 12px;
	   vertical-align: sub;
	   opacity: .7;
   }
   
	.insta-like:before {
	   content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='red' d='M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z'%3E%3C/path%3E%3C/svg%3E");
	   display: inline-block;
	   margin: 0 6px 0 0;
	   width: 12px;
	   vertical-align: sub;
		}	 
		
		.feed-view {
			float: right;
			font-style: normal;
			font-weight: bold;
			color: var(--blue);
			position: relative;
			margin: 0 0 0 -30px;
			opacity: 0;
			transition: all .3s ease;
		}  
		
		.feed-view:after {
			content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='currentColor' d='M311.03 131.515l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L387.887 239H12c-6.627 0-12 5.373-12 12v10c0 6.627 5.373 12 12 12h375.887l-83.928 83.444c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l116.485-116c4.686-4.686 4.686-12.284 0-16.971L328 131.515c-4.686-4.687-12.284-4.687-16.97 0z'%3E%3C/path%3E%3C/svg%3E");
			position: absolute;
			top: -1px;
			right: -27px;
			width: 17px;
			opacity: .6;
		}
		
		.insta-card:hover .feed-view {
			margin: 0 20px 0 0;
			opacity: 1;
		}
		
@media only screen and (max-width: 700px) {
			
			.instagram-cont {
				flex-direction: row;
			}	
			
			#content .insta-card {
				min-width: unset;
				width: 50%;
				padding: 10px;
				margin:0;
			}
				
		}		
		   
@media only screen and (max-width: 480px) {
			
			.instagram-cont {
				flex-direction: column;
			}	
			
			#content .insta-card {
				width: 100%;
			}
				
		}		
		   
/* ==========================================================================
  SECTION: TESTIMONIALS 
  ========================================================================== */
	  
   .section-testims {
	   position: relative;
	   padding-top:40px;
	   padding-bottom:80px;
	   
	   background-image: url("../images/site/bambi.png");
	   background-repeat: no-repeat;
	   background-position: 97% bottom;
   }
	  
	   .section-testims:after {
		   content:'';
		   position: absolute;
		   width: 100%;
		   height: 50%;
		   bottom: 0; left:0; right:0;
		   background: var(--light-red);
		   z-index: -1;
	   }
	   
		   .testims-cont {
			   z-index: 1;
		   }
   
		   .testims-cont h2 {
			   margin-bottom:40px;
		   }
		   
		   .testim-controls {
			   width: 100%;
			   display: block;
			   text-align: center;
		   }
		   
		   .testim-controls .slick-next,
		   .testim-controls .slick-prev {
			   display: inline-block !important;
			   margin: 0 10px !important;
			   position: relative !important;
		   }
		   
		   .testims-header .slick-prev {
			   left: unset !important;
		   }
	   
		   .testims-header .slick-next {
			   right: unset !important;
		   }
		   
		   .testim-slide {
			   border-radius: 15px;
			   background: #fff;
			   margin:15px;
			   padding:30px;
			-webkit-box-shadow: 0px 0px 5px 6px rgba(0,0,0,0.03);
			-moz-box-shadow: 0px 0px 5px 6px rgba(0,0,0,0.03);
			box-shadow: 0px 0px 5px 6px rgba(0,0,0,0.03);   		
		}
	   
		   .testim-slide blockquote {
			   margin:0;
			   color: #333;
			   font-size: 1.2rem;
			   line-height: 1.8rem;
			   
			   font-weight: 600;
		   }
	   
		   .testim-slide cite {
			   display: inline-block;
			   margin: 20px 0 0 0;
			   font-style: normal;
			   font-weight: bold;
			   color: var(--light-green);
		   }
		   
	  .section-testims .slick-track {
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
	  }
	  
	  .section-testims .cta-row {
		  padding:0;
	  }
		   
		   
@media only screen and (max-width: 700px) {
		   
	   .testims-has-bg .testims-cont {
		width: 100%;
		padding: 7px 5%
	}
}
		   
/* ==========================================================================
   SECTION: GALLERY 
   ========================================================================== */
   
   .section-gallery {
	   position: relative;
	   padding-top:20px;
	   padding-bottom:20px;
   }
	     
		   .gallery-cont {
			   z-index: 1;
		   }
   
		   .gallery-cont h2 {
			   margin-bottom:40px;
		   }
		   
		   .gallery-controls {
			   width: 100%;
			   display: block;
			   text-align: center;
		   }
		   
		   .gallery-controls .slick-next,
		   .gallery-controls .slick-prev {
			   display: inline-block !important;
			   margin: 0 10px !important;
			   position: relative !important;
		   }
		   
		   .gallery-header .slick-prev {
			   left: unset !important;
		   }
	   
		   .gallery-header .slick-next {
			   right: unset !important;
		   }
		   
		   .gallery-slide {
			   border-radius: 15px;
			   background: #fff;
			   margin:15px;
			   overflow: hidden;
				-webkit-box-shadow: 0px 0px 5px 6px rgba(0,0,0,0.03);
				-moz-box-shadow: 0px 0px 5px 6px rgba(0,0,0,0.03);
				box-shadow: 0px 0px 5px 6px rgba(0,0,0,0.03);   		
			}
			
				.gallery-slide img {
					width: 100%;
					height: auto;
				}
	   		   
	  .section-gallery .slick-track {
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
	  }
	  	   
		   
		   
/* ==========================================================================
   SECTION: APPROACH 
   ========================================================================== */
   
   .approach-cont {
	   padding: 70px 30px;
   }
   
   .approach-has-bg {
	   background-repeat: no-repeat;
	   background-size: cover;
	   background-position: center center;
	   position: relative;
	   z-index: 0;
   }
   
   .approach-header {
	   margin: 0 0 50px 0;
   }
   
   	.approach-blocks {
	   	display: flex;
	   	flex-direction: row;
	   	flex-wrap: wrap;
	   	justify-content: space-between;
   	}
   	
   		.approach-block {
	   		width:30%;
	   		margin: 10px 0;
   		}
   		
   			.approach-icon {
	   			border: solid 1px var(--red);
	   			border-radius: 50%;
	   			width: 150px;
	   			height: 150px;
	   			margin: 0 auto 15px auto;
	   			
	   			display: flex;
	   			flex-direction: column;
	   			justify-content: center;
	   			align-items: center;
   			}
   			
   			.approach-icon svg path{
	   			fill: var(--red);
   			}
   			
   			.approach-block h3 {
			   font-size: 3em;
	   			color: var(--blue);
   			}
   			
   			
   			.theme-light .approach-icon {
	   			border-color: #fff;
   			}
   			
   			.theme-light .approach-icon svg path{
	   			fill: #fff;
   			}
   			
   			
@media only screen and (max-width: 700px) {
	
	.approach-cont {
		padding:0 20px;
	}
	
   .approach-header {
		   margin: 30px 0;
	   }
	   
	
   	.approach-blocks {
	   	display: flex;
	   	flex-direction: column;
   	}
   	
   		.approach-block {
	   		width:100%;
	   		margin: 10px 0 20px 0;
	   		padding-left:10px;
	   		padding-right:10px;
   		}
	
}
   			
   			
/* ==========================================================================
   Section: FAQs 
   ========================================================================== */
   
  .faqs-cont {
   padding: 20px 0 20px 0;
   } 
      
   
	h4.faq-q {
		width: 100%;
		clear: both;
		display: block;
		margin: 0 0 0 0;
		font-size: 1.2em;
		position: relative;
		border-bottom: solid 1px var(--blue);
		-webkit-transition: all ease-in .1s;	
		-o-transition: all ease-in .1s;	
		transition: all ease-in .1s;
	}

	h4.faq-q:hover {
		background: var(--lavender);
		
	}

	h4.faq-q svg {
		-webkit-transition: all ease-in .1s;
		-o-transition: all ease-in .1s;
		transition: all ease-in .1s;
		position: absolute;
		top: 25px; right: 15px;
	}
	
	h4.faq-q svg path{
		fill: var(--blue);
	}
	
	h4.faq-open svg path{
		fill: #fff;
	}
	
	h4.faq-open,
	h4.faq-open:hover {
		background: var(--blue);
		color: #fff;
	}

	h4.faq-open svg {
		-webkit-transform: rotate(-180deg);
		    -ms-transform: rotate(-180deg);
		        transform: rotate(-180deg);
	}

	h4.faq-q a {
		width: 100%;
		color: #333;
		display: block;
		padding:20px;
		font-size: 1.2em;
	}
	
	h4.faq-q a:hover {
		text-decoration: none;
	}
	
	h4.faq-open a {
		color: #fff;
	}
	
.faq-a {
	display: none;
	width: 100%;
	clear: both;
	padding:20px 0 40px 0;
}

.accordian-content {
	display: none;
	width: 100%;
	clear: both;
	padding:50px 0;
}

	.faq-a > :first-child,
	.accordian-content > :first-child {
		margin-top:0;
	}	
	.faq-a > :last-child,
.accordian-content > :last-child {
	margin-bottom:0;
}	
	
	.faq-a ul {
		list-style-position: inside;
	    list-style-type: disc;
	    margin: 20px 0;
	}

	 	   	
/* ==========================================================================
	   SECTION: Staff List cards
	========================================================================== */
	
	  .staff-cont {
	   padding: 20px 0 20px 0;
	   }    
	
	.staff-wrap {
		display: flex;
		clear: both;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.staff-member {
		padding:10px;
		margin:0 1% 20px 1%;
		width: 31.33%;
		min-width: 300px;
		
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	
	.staff-info {
		flex: 1;
	}
		.staff-info h3 {
			margin: 0 0 10px 0;
			font-size: 1.5em;
			font-weight: normal;
		}
	
	.staff-photo {
		margin-right:15px;
		width: 100%;
		max-width: 170px;
		height: auto;
		transform: rotate(-1.5deg);
	}
	
		.staff-image {
			width: 100%;
			height: auto;
			background:#fafafa;
		}
		
		@media only screen and (max-width: 1100px) {
			.staff-member {
				width: 49%;
				margin: 0 0 15px 0;
			}
			
			.staff-photo {
				max-width: 120px;
			}
			
		}
		
		@media only screen and (max-width: 650px) {
			.staff-member {
				width: 100%;
			}
			
		}
		
	   
/* ==========================================================================
		  SECTION: Column CTAs banners 
		  ========================================================================== */
		  
   .column-cta {

   }
   
   .column-cta {
	   display: flex;
	   flex-direction: column;
	   overflow: visible;
   }

   .column-cta-inner {
	   background-color: #fff;
	   padding:85px 25px 25px 25px;
	   flex: 1;
	   z-index:0;
   	   -webkit-box-shadow: 0px 0px 18px -3px rgba(0,0,0,0.1); 
		box-shadow: 0px 0px 18px -3px rgba(0,0,0,0.1);
   }
   
   	.column-cta-icon {
	   	width:100px;
	   	height:100px;
	   	border-radius: 100%;
	   	margin-bottom:-50px;
	   	margin-left:30px;
	   	z-index:1; 
	   	color: #fff;
	   	
	   	display: flex;
	   	flex-direction: column;
	   	justify-content: center;
	   	align-items: center;
	   	text-align: center;
   	}
   	
   	
/* ==========================================================================
   SECtioN: Facilities Split Content 
   ========================================================================== */
   
   
   .facilities-cont {
	   position: relative;
	   z-index: 0;
	   clear: both;
	   float: left;
	   margin: 100px 0 100px 0;
	   overflow: visible;
   }
   
   	.facilities-media {
	   	width: 53%;
	   	position: absolute;
	   	display: block;
	   	z-index:1;
	   	top:50%; left:0;
	   	transform: translateY(-50%);
	   	max-width: 700px;
	   	min-width: 500px;
   	   -webkit-box-shadow: 0px 0px 18px -3px rgba(0,0,0,0.1); 
		box-shadow: 0px 0px 18px -3px rgba(0,0,0,0.1);
   	}
   	
   		.facility-slide {
	   		position: relative;
	   		z-index:0;
	   		float: left;
   		}
   		
   		.facility-slide:after {
	   		content: '';
	   		position: absolute;
	   		display: block;
	   		bottom: -1px;
	   		right:0;
	   		width: 100%;
	   		height: 40%;
	   		z-index:1;
			background: rgb(255,255,255);
			background: linear-gradient(0deg, rgba(255,255,255,1) 2%, rgba(255,255,255,0) 100%);   		
		}
   		
   		.facility-slide img {
	   		width: 100%;
	   		height: auto;
	   		float: left;
   		}
   		
   			.facility-slide-caption {
	   			position: absolute;
	   			display: block;
	   			bottom:0; left:0; right: 0;
	   			text-align: center;
	   			padding: 0 0 25px 0;
	   			font-size: 2.2rem;
	   			font-weight: bold;
	   			z-index:2;
   			}
   	
   	.facilities-content {
	   	width: auto;
	   	padding:50px 30px 50px 55%;
	   	margin: 20px 0 20px 20px;
	   	background: #fff;
	   	float: right;
	   	position: relative;
	   	z-index:0;
	   	
   	   -webkit-box-shadow: 0px 0px 18px -3px rgba(0,0,0,0.1); 
		box-shadow: 0px 0px 18px -3px rgba(0,0,0,0.1);
   	}
   	
/* ==========================================================================
SECTION: Listings 
========================================================================== */

/* Listing Filter */

.listing-filter {
	text-align: center;
	padding: 40px 20px;
	margin: 0 0 30px 0;
}

 select.listing-filter {
	 width: 300px;
	 border: solid 1px var(--red);
	 height: 50px;
	 font-size: .9em;
	 background: transparent;
	 margin:4px 0 4px 30px;
	 padding: 0 10px;
	 border-radius: 15px;
	 text-align: left;
	 font-weight: bold;
 }
 
.listing-cont {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

	.listing-card {
		width: 31%;
		overflow: hidden;
		border-radius: 10px;
		margin: 0 0 30px 0;
		transition: all .2s ease-in-out;
	}
	
		.listing-card:hover {
			text-decoration: none;
		}
		
		.listing-card-inner {
			padding: 20px 30px;
			text-align: center;
		}
		
			.listing-card-inner h3 {
				margin-top:0;
			}
			
		.card-detail {
			margin: 0 0 20px 0;
			display: block;
			width: 100%;
			clear: both;
		}
		
	.section-news-feed {
			margin-bottom:40px;
		}
		
	.section-news-feed .listing-cont {
			margin-top:30px;
			margin-bottom:30px;
			justify-content: space-around;
		}
		
	.section-news-feed .listing-card {
			background: #f7f8fa;
			margin: 0 10px;
		}
		
	@media only screen and (max-width: 950px) {
			.listing-card {width: 48%;}
	}
	
@media only screen and (max-width: 700px) {
				
				.listing-cont .slick-prev:before, 
				.listing-cont  .slick-next:before {
					background: white;
					padding: 10px;
				}
	
				.listing-cont .slick-prev {
					left:-17px;
					z-index:1;
				}
				
				.listing-cont .slick-next {
					right:0;
					z-index:1;
					}
					
			.listing-card {width: 100%;}
					
			.listing-card-inner {
				padding: 15px;
			}
				
	}
			
				
	
ul.pagination {
	width: 100%;
	clear: both;
	text-align: center;
	padding:0 30px;
	text-transform: uppercase;
}	

	ul.pagination li {
		display: inline-block;		
	} 	
	
		ul.pagination li a,
		ul.pagination li span {
			display: block;
			color: var(--red);
			padding:10px 20px;
			margin: 0 5px;
			transition: all ease-in-out .2s;
		}
 
		ul.pagination li a:hover,
		ul.pagination li span {
			display: block;
			color: var(--red);
			text-decoration: none;
		}
		
		
ul.entry-pager {
	width: 100%;
	clear: both;
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 20px 0;
	display: flex;
}

	ul.entry-pager li {
		display: block;
		display: flex;
		float: left;
        flex:1;
	}
	
	ul.entry-pager li a {
		display: block;
		background: #188fa9;
		padding:10px 15px;
		color: #fff;
		width: 100%;
		transition: all ease-in-out .2s;
	}
 
	ul.entry-pager li:nth-child(even) a {
		border-left: solid 1px #fff;
		border-right: solid 1px #fff;
	}
 
		ul.entry-pager li a:hover {
			color: #fff;
			background: #333;
			text-decoration: none;
		}
		
	ul.entry-pager li i {
		font-size: .8em;
		transition: all ease-in-out .2s;
		margin: 0 0 0 4px;
	}
	
		ul.entry-pager li a:hover i {
			margin: 0 4px 0 0 ;
		}
 
	ul.entry-pager li:last-child i {
		margin: 0 4px 0 0;
	}
	
		ul.entry-pager li:last-child a:hover i {
			margin: 0 0 0 4px ;
		}
   	
   	
   	
/* ==========================================================================
   Forms 
   ========================================================================== */
      
   .form-cont {
		-webkit-box-shadow: 0px 0px 5px 6px rgba(0,0,0,0.03);
		-moz-box-shadow: 0px 0px 5px 6px rgba(0,0,0,0.03);
		box-shadow: 0px 0px 5px 6px rgba(0,0,0,0.03);   
		border-radius: 15px;		
	   padding: 20px 30px 30px 30px;
	   max-width: 900px;
	   margin-top: 40px;
	   margin-bottom: 40px;
   }
   
		.fui-page:not(.fui-hidden) + .fui-page {margin-top:0 !important;}  
		
	   	.form-cont h2 {
		   	text-align: center;
		   	margin:20px 0;
	   	}
	   	
	   	.form-cont > p:last-of-type {
	   		margin-bottom:30px;
	   	}
	   		   	
	 @media only screen and (max-width: 700px) {
		 .form-cont {
			 padding: 20px;
			 margin-top:20px;
		 }
		 
		   .form-cont h2 {
				margin-top: 0;
			}
			

	}  	
	   	
	   	
/* ==========================================================================
   Formie overrides
   ========================================================================== */
   
   /* Animate the multi page forms */
   .fui-form-container {
	   overflow: hidden;
   }
   .fui-page {
	   opacity: 1;
	   visibility: visible;
	   transition: all .2s ease;
	   
   }
   
   .fui-hidden {
	   display: block !important;
	   visibility: hidden !important;
	   transform: translateX(120%);
	   height: 0 !important;
	   overflow: hidden !important;
	   
        /*animation-duration: 2s;
        animation-iteration-count: 1;
        animation-name: bounce-7;
        animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);
        transform-origin: bottom;*/
	   
   }   
   
    @keyframes bounce-7 {
        0%   { transform: scale(1,1)      translateY(0); }
        10%  { transform: scale(1.1,.9)   translateY(0); }
        30%  { transform: scale(.9,1.1)   translateY(-100px); }
        50%  { transform: scale(1.05,.95) translateY(0); }
        57%  { transform: scale(1,1)      translateY(-7px); }
        64%  { transform: scale(1,1)      translateY(0); }
        100% { transform: scale(1,1)      translateY(0); }
    }
    
    
    
   
   .fui-label,
   .fui-legend,
   .fui-checkbox-label  {
	   color: var(--red) !important;
	   font-weight: 700;
	   font-style: normal;
	   font-size: 1.15rem !important;
   }
   
   .bg-red .fui-label,
	.bg-red .fui-legend,
	.bg-red .fui-checkbox-label {
		color: #fff !important;
	}
	
	.fui-alert-error {
		color: red !important;
	}
   
  .fui-input, .fui-select 	{
	  border-radius: 10px !important;
	  padding: 15px 10px !important;
	  color: var(--red) !important;
  }	
  
	  .fui-select option 	{
		  color: var(--red) !important;
	  }	
  
   .fui-btn-wrapper .fui-btn {
			 display: inline-block;
			 padding:10px 50px;
			 margin: 0 auto !important;
			 clear: both;
			 border: solid 1px var(--red);
			 text-transform: uppercase;
			 background: none;
			 color: var(--red) !important;
			 text-decoration: none;
			 font-size: .9rem;
			 font-weight: bold;
			 border-radius: 10px !important;
			  
			 transition: all .2s ease;
		 }
		 
		 .fui-btn-wrapper .fui-btn:hover {
				 border: solid 1px var(--red) !important;
				 color: #fff !important;
				 background-color: var(--red);
				 text-decoration: none;
			 }
	  
	  
   .bg-red .fui-btn-wrapper .fui-btn {
					border: solid 1px white;
					background: white;
					color: var(--red) !important;
				}
				
				.bg-red .fui-btn-wrapper .fui-btn:hover {
						border: solid 1px #fff !important;
						color: #fff !important;
						background-color: var(--red);
						text-decoration: none;
					}
			 
			 
	   
   
   	
/* ==========================================================================
   Slick overrides
   ========================================================================== */
   		
.slick-prev, .slick-next {
    transition: all .1s ease-in-out;
}   

.slick-prev:before, .slick-next:before {
    font-size: 28px !important;
    color: #f4b233 !important;
    transition: all .2s ease-in-out;
}   

.slick-next:before {
	content: url("data:image/svg+xml,%3Csvg viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23002647' d='m443.7 266.8-165.9 176c-3.3 3.5-8.7 5.2-12.3 5.2-3.986 0-7.988-1.375-11.16-4.156-6.773-5.938-7.275-16.06-1.118-22.59l140.678-149.254h-377.31c-9.171 0-16.59-7.155-16.59-15.1s7.421-16.9 16.59-16.9h377.3l-140.7-149.3c-6.157-6.531-5.655-16.66 1.118-22.59 6.789-5.906 17.27-5.469 23.45 1.094l165.9 176c5.742 6.096 5.742 15.496.042 21.596z'/%3E%3C/svg%3E") !important;
}

.slick-prev:before {
	content: url("data:image/svg+xml,%3Csvg viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23002647' d='m448 256c0 8.8-7.4 16-16.6 16h-377.29l140.7 149.3c6.157 6.531 5.655 16.66-1.118 22.59-3.192 2.71-7.192 4.11-11.192 4.11-4.505 0-9.009-1.75-12.28-5.25l-165.9-176c-5.752-6.094-5.752-15.41 0-21.5l165.9-176c6.19-6.562 16.69-7 23.45-1.094 6.773 5.938 7.275 16.06 1.118 22.59l-140.678 149.254h377.3c9.19 0 16.59 7.2 16.59 16z'/%3E%3C/svg%3E") !important;
}

.slick-prev:hover, .slick-next:hover {
    transform: scale(1.2) translate(0, -45%);
}   


   
   	
   
/* ==========================================================================
   Other Variables + Overrides
   ========================================================================== */
   
.text-center {
	text-align: center;
}

.py-60 {
	padding-top:60px;
	padding-bottom:60px;
}

.px-50 {
	padding-left:50px;
	padding-right:50px;
}

.px-80 {
	padding-left:80px;
	padding-right:80px;
}


@media only screen and (max-width: 940px) {
	
	
}

/* ==========================================================================
   Responsive classes
   ========================================================================== */


@media only screen and (max-width: 768px) {
	

	.header-logo {
		max-width: 85px;
	}
	
	.header-bar {
	    width: calc(100% + 87px);
	    margin-left: -87px;
	    text-align: right;
	    padding-right:15px;
	}
	
	/* Header */
	.slide-inner {
		height: 40vh;
		min-height: 200px;
		max-height: 550px;
	}
	
		.slide-inner > span {
			font-size: 3rem;
		}
		
	/* Base Structure */
	.max-width-wrap {
		width: 90%;
	}
	
	.px-80 {
		padding-right:20px;
		padding-left:20px;
	}
	
	/* Home intro */
	
	.home-intro {
		padding:6%;
	}
	
	/* Column CTAS Stack*/
	.column-ctas {
		flex-direction: column;
		align-items: center;
	}
	
		.column-cta {
			width: 90%;
			margin-bottom:25px;
		}
		
	/* Facilities */
	
	.facilities-cont {
		display: flex;
		flex-direction: column;
	}
	
		.facilities-media {
			width: 90%;
		}
		
	.facilities-media .slick-next {
		    right: -5px !important;
	}
	
		.facilities-media .slick-prev {
			    left: -13px !important;
			    z-index: 1;
		}
	
		.facility-slide:after {
		    height: 80%;
		 }
		 
		 .facility-slide-caption {
		    font-size: 2rem;
		}
	
	.facilities-content {
		margin:0;
		padding:40px;
	}
	
		
		.fui-row {
			display: block !important;
		}
	
	
	
}


@media only screen and (max-width: 420px) {
	
			
}



/* ==========================================================================
   Print styles.
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/*CMS Admin Bar*/
.admin-bar {
	width: 100%;
	position: fixed;
	bottom:0;
	left: 0;
	padding: 0;
	background: #333f4d;
	z-index: 999;
}

	.admin-bar ul {
		width: 100%;
		padding:0;
		margin: 0 auto;
		font-size: .9em;
		text-align: center;
	}

		.admin-bar ul li {
			display: inline-block;
			float: none;
			clear: none;
			width: auto;
			padding:0;
		}

		.admin-bar ul li a {
			color: #d7d9db;
			display: block;
			float: none;
			padding: 10px 20px;
		}
		
		.admin-bar ul li a:hover {
			background: rgba(255, 255, 255, 0.05);
			text-decoration: none;
			color: #fff;
		}
		
	.devmode {
		width: 100%;
	    height: 3px;
	    background: url('/cpresources/759cdfeb/images/dev-mode.svg') repeat-x 15px 0;
	}
	
	.dev {
		padding: 10px 20px;
		color: #fdd50b
	}