/**
 * Name: elements.css
 *
 *	T.O.C
 *	
 * #Accordions
 * #Alerts
 * #Back to top
 * #Buttons
 * #Callout Boxes
 * #Custom Lists
 * #Dividers
 * #Fullwidth Section
 * #Headlines
 * #Icon Boxes
 * #Pricing Tables
 * #Styled Tables
 */
/* ==========================================================================
   #Accordions
   ========================================================================== */

	/* Accordion & Toggles */
	
	.accordion,
	.toggle { margin: 40px 0 10px; }

	.accordion-item,
	.toggle-item { margin-bottom: 5px; }

	.accordion-item-toggle,
	.toggle-item-toggle {
		position: relative;
		display: block;
		padding: 10px;
		color: #69675b;
	}
	
	.accordion-item-toggle span,
	.toggle-item-toggle span {
		position: relative;
		float: left;
		display: block;
		margin: -8px 30px 0 0;
	}
	
	.accordion-item-toggle strong,
	.toggle-item-toggle strong {
		display: block;
		font-weight: 700;
		font-size:1.2rem;
		font-family: 'Playfair Bold', serif;
		color:var(--brandColorBlue);
	}
	
	.accordion-item-toggle:before,
	.toggle-item-toggle:before {
		position: absolute;
		top: 0px;
		right: 15px;
		font-size: 30px;
		content: "+";
		color:var(--brandColorBlack);
	}
	
	.accordion-item-toggle.active:before,
	.toggle-item-toggle.active:before { content: "-"; }
	
	.accordion-item-toggle:hover,
	.accordion-item-toggle.active,
	.toggle-item-toggle:hover,
	.toggle-item-toggle.active { text-decoration: none; }
	
	.accordion-item-toggle.active span:before,
	.toggle-item-toggle.active span:before,
	.accordion-item-toggle:hover span:before,
	.toggle-item-toggle:hover span:before {
		position: absolute;
		top: 50%;
		right: -20px;
		width: 20px;
		margin-top: -1px;
		border-top: 2px solid #80a852;
		content: "";
	}
	
	.accordion-item-content,
	.toggle-item-content { 
		display: none; 
		padding: 20px 40px;
		margin: 15px 0 20px 0;
		border-radius: 30px 0px 30px 0px;
		box-sizing: border-box;
		color:var(--brandColorWhite);
		background-color: var(--brandColorSlate);
	}
		.toggle-item-content p{
			font-size:1.2rem;
			line-height:1.4;		
		}
	.accordion-item-content p:last-child,
	.toggle-item-content p:last-child { margin-bottom: 0; }
	
	/*
	 * 1. Clearfix hack 
	 */
	
	.accordion-item-toggle:after, 
	.accordion-item-content:after,
	.toggle-item-toggle:after, 
	.toggle-item-content:after { /* 1 */
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;
	}
	
	@media (min-width: 768px) and (max-width: 979px) {
		
		.accordion-item-toggle span,
		.toggle-item-toggle span { 
			float: none;
			margin-bottom: 10px;
		}
		
		.accordion-item-toggle.active span:before,
		.toggle-item-toggle.active span:before,
		.accordion-item-toggle:hover span:before,
		.toggle-item-toggle:hover span:before { display: none; }
		
	}
	
	@media (max-width: 767px) {
		
		.accordion-item-toggle span,
		.toggle-item-toggle span { 
			float: none;
			margin-bottom: 10px;
		}
		
		.accordion-item-toggle.active span:before,
		.toggle-item-toggle.active span:before,
		.accordion-item-toggle:hover span:before,
		.toggle-item-toggle:hover span:before { display: none; }
		
	}

/* ==========================================================================
   #Alerts
   ========================================================================== */

	.alert {
		padding: 13px 15px;
		border: 1px solid #d7d7d7;
		margin-bottom: 30px;
		font: 18px 'Dosis', sans-serif;
		font-weight: 300;
		text-align: center;
	}
	
	.alert i {
		position: relative;
		top: 1px;
		margin-right: 7px;
		font-size: 16px;
	}
	
	.alert.info {
		border: 1px solid #f3e686;
	}
	
	.alert.success {
		border: 1px solid #e18f5f;
		background-color: #e18f5f;
		color: #fff;
	}
	
	.alert.error {
		border: 1px solid #80a852;
		background-color: #80a852;
		color: #fff;
	}
	
	.alert.warning {
		border: 1px solid #b2a944;
		background-color: #b2a944;
		color: #fff;
	}
	

/* ==========================================================================
   #Back to top
   ========================================================================== */

	#back-to-top {
		position: fixed;
		z-index: 1000;
		right: -40px;
		bottom: 20px;
		width: 40px;
		height: 40px;
		background-color:var(--brandColorBlue);
		text-align: center;					
		opacity: 0.5;
		text-decoration: none;
		cursor: pointer;
		-webkit-transition: all 0.4s ease 0s;
				transition: all 0.4s ease 0s;
	}
	
	#back-to-top img {
		width:40px;
		line-height: 80px;
		vertical-align: top;
		-webkit-transition: all 0.4s ease 0s;
				transition: all 0.4s ease 0s;
	}
	
	#back-to-top:hover { opacity: 1; }
	
	#back-to-top.visible { right: 40px; }
	#back-to-top.gone { right: -40px; }

/* ==========================================================================
   #Buttons
   ========================================================================== */

	.btn { 
		display: inline-block; 
		padding: 12px 23px; 
		margin: 0 0px 0px 10px;
		border:1px solid var(--brandColorSlate);
		background-color: var(--brandColorWhite);
		color: var(--brandColorSlate);
		font: 1em 'Mulish Bold', sans-serif;
		line-height: 1;
		font-weight: bold;
		text-decoration: none !important;
		vertical-align: middle;
		cursor: pointer; 
		box-sizing: border-box;
		border-radius: 10px 0px 10px 0px;
	}
	
	a.btn { color:var(--brandColorSlate); }
	
	.btn:focus { outline: 0; }
	
	.btn-large {
		padding: 15px 30px;
		font-size: 20px;
		border-radius: 10px 0px 10px 0px;
	}
	
	.btn i,
	.btn-large i { 
		float: left; 
		margin: 0 8px 0 -4px;
		font-size: 20px; 
		line-height: 20px; 
	}
	
	.btn:hover,
	.btn-large:hover { 
		background-color: var(--brandColorSlate);
		color: #fff;
	}

	/* Buton Colors */
	
	/** Slate standard fill **/
	.btn.accent-color-1,
	.btn-large.accent-color-1 { 
		border:1px solid var(--brandColorSlate);
		background-color: var(--brandColorSlate);
		color: var(--brandColorWhite) !important;
	}
	
	a.btn.accent-color-1 { color: var(--brandColorSlate); }
	
	.btn.accent-color-1:hover,
	.btn-large.accent-color-1:hover { 
		background-color: var(--brandColorWhite);
		color: var(--brandColorSlate) !important;
	}
	
	/** Slate Tabs fill **/

	.btn.accent-color-2 { 
		box-sizing: border-box;
		border:1px solid var(--brandColorBlack);
		background-color: var(--brandColorBlack);
		color: var(--brandColorWhite) !important;
	}
	
	a.btn.accent-color-2 { color: var(--brandColorBlack) }
	
	.btn.accent-color-2:hover { 
		border:1px solid var(--brandColorBlack);
		background-color: var(--brandColorWhite);
		color: var(--brandColorBlack) !important;
	}

	/** Solid Grey **/

	.btn.accent-color-3 { 
		border: 1px solid var(--brandColorBlack);
		color: var(--brandColorBlack);
	}
	
	a.btn.accent-color-3 { color: var(--brandColorBlack); }
	
	.btn.accent-color-3:hover { 
		background-color: var(--brandColorBlack) !important;
		color: #fff;
	}

	/** Black **/
	.btn.accent-color-4 { 
		border: 1px solid transparent;
		background-color: var(--brandColorBlack);
		color: #fff !important;
		font-size: .875em;
		text-transform: uppercase;
	}
	
	a.btn.accent-color-4 { color: #f3e686; }
	
	.btn.accent-color-4:hover { 
		border: 1px solid #000;
		background-color: var(--brandColorWhite);
		color: #000 !important;
	}

/* ==========================================================================
   #Tabs
   ========================================================================== */

	/* Horizontal tabs */
		
   /*
    *  1. Wraps around a horizontal tab group
	*/
   
	.tabs-container {} /* 1 */

	.tabs-container .tabs-menu { 
		margin-top: 10px; 
		margin-bottom: 0;
		list-style: none; 
	}
	
	.tabs-container .tabs-menu li { display: inline; }
	
	.tabs-container .tabs-menu li a { 
		display: inline-block; 
		padding: 12px 45px; 
		margin: 0 0px 0px 10px;
		border: 1px solid var(--brandColorBlack);
		color: var(--brandColorBlack);
		font: 1em 'Mulish Bold', sans-serif;
		line-height: 1;
		font-weight: bold;
		text-decoration: none !important;
		vertical-align: middle;
		cursor: pointer; 
		box-sizing: border-box;
		border-radius: 10px 0px 10px 0px;
	}
	
	.tabs-container .tabs-menu li a span {
		position: relative;
		float: left;
		display: inline-block;
		margin: -10px 20px 0 0;
		text-align: center;
		
	}

	
	.tabs-container .tabs-menu li a:hover { text-decoration: none; }
	
	.tabs-container .tabs-menu li.active a { 		
		border:1px solid var(--brandColorBlack);
		background-color: var(--brandColorBlack);
		color: var(--brandColorWhite) !important;
	}
	
	.tabs-container .tabs-menu li a:hover span,
	.tabs-container .tabs-menu li.active a span {
		width: 43px;
		height: 43px;		
		border: 1px solid #80a852;
		border-radius: 50%;
		line-height: 43px;
	}
	
	.tabs-container .tabs-menu li a:hover span:after,
	.tabs-container .tabs-menu li.active a span:after {
		position: absolute;
		top: 50%;
		right: -15px;
		width: 15px;
		content: "";
	}
	
	.tabs-container .tabs-menu li a:hover span i,
	.tabs-container .tabs-menu li.active a span i {
		width: 37px;
		height: 37px;
		line-height: 37px;
	}
	
	.tabs-container .tabs {
		border-top: none; 
		min-height: 370px;  
		margin-bottom:0px;
	}
	
	.tabs-container .tab-content { padding: 35px 0px 0px 10px; }
	
	/* Accent colors */
	
	.tabs-container .tabs-menu li.accent-color-1 a:hover span,
	.tabs-container .tabs-menu li.accent-color-1.active a span,
	.tabs-container .tabs-menu li.accent-color-1 a:hover span:after,
	.tabs-container .tabs-menu li.accent-color-1.active a span:after { border-color: #80a852; }
	
	
	.tabs-container .tabs-menu li.accent-color-2 a:hover span,
	.tabs-container .tabs-menu li.accent-color-2.active a span,
	.tabs-container .tabs-menu li.accent-color-2 a:hover span:after,
	.tabs-container .tabs-menu li.accent-color-2.active a span:after { border-color: #b1a843; }
	
	
	.tabs-container .tabs-menu li.accent-color-3 a:hover span,
	.tabs-container .tabs-menu li.accent-color-3.active a span,
	.tabs-container .tabs-menu li.accent-color-3 a:hover span:after,
	.tabs-container .tabs-menu li.accent-color-3.active a span:after { border-color: #e18f5f; }
	
	
	.tabs-container .tabs-menu li.accent-color-4 a:hover span,
	.tabs-container .tabs-menu li.accent-color-4.active a span,
	.tabs-container .tabs-menu li.accent-color-4 a:hover span:after,
	.tabs-container .tabs-menu li.accent-color-4.active a span:after { border-color: #f3e686; }
	
	@media screen and (max-width: 1366px) {
		.tabs-container .tabs-menu li a {
		  display: inline-block;
		  padding: 12px 30px;
		  font: .875em 'Mulish Bold', sans-serif;
		}
	}

	@media screen and (max-width: 1080px) {
		.tabs-container .tabs {
			border-top: none; 
			min-height: 1px;  
			margin-bottom:0px;
		}
		.tabs-container .tabs-menu { border-bottom: none; display: flex;flex-wrap: wrap;}
		
		.tabs-container .tabs-menu li { display: flex;flex:0 0 33%;}
	
		.tabs-container .tabs-menu li a { 
			width:100%;
			float: none; 
			text-align: center;
			padding: 10px 25px;
			border: 1px solid #e7e7e7;
			background-color: white;
			margin: 0;
			border-radius: 0px;
		}
		
		.tabs-container .tabs-menu li a:hover { text-decoration: none; }
		
		.tabs-container .tabs-menu li.active a {  
			padding: 10px 25px;
			border-bottom-color: #69675b;
			margin: 0px;
		}
	
	  
	}
	@media screen and (max-width:700px){
		.tabs-container .tabs-menu li { display: flex;flex:0 0 50%;}
	}	
	@media screen and (max-width:440px){
		  .tabs-container .tabs-menu li {
		    display: flex;
		    flex: 0 0 100%;
		  }
	}
		
/* ==========================================================================
   #Callout Boxes
   ========================================================================== */

	.callout-box {
		padding: 45px 0;
		background-color:var(--brandColorSlate);
	}
	.callout-box h3,
	.callout-box p,
	.callout-box h3 a{
		color:var(--brandColorWhite) !important;
	}
	.callout-box h3{
		font-family: 'Playfair BoldIt', serif;
		font-size:2.5em;
	}
	.callout-box h3 a{
		font-family: 'Mulish Bold', san-serif !important;
	}
	.callout-box p{
		font-size: 1.125em;
		margin-bottom: 0px;
	}

	/**
 	 * Callout box with one background image
 	 *
	 * 1. background-image must be supplied using inline css as it is different for every .callout-box
	 *
	 */
	 
	.callout-box.bg-img {
		background-repeat: no-repeat; /* 1 */ 
		background-position: center center;
		-webkit-background-size: cover;
				background-size: cover;
		color: #fff;
	}
	
	/**
 	 * Callout box with repeating background image
 	 *
	 * 1. background-image must be supplied using inline css as it is different for every .callout-box
	 *
	 */
	 
	.callout-box.bg-pattern {
		background: repeat top left; /* 1 */	
		color: #fff;
	}
	
	.callout-box.bordered {
		border: 1px solid #efefef;
		background-color: #f5f5f5;
	}
	
	.callout-box .btn { margin-bottom: 0; }
	
	/**
 	 * Callout box grid system
 	 *
	 * 1. overwriting inherited .row width to 100% in order to make it fluid
	 *
	 */
	
	.callout-box .row { 
		width: 100%; /* 1 */ 
	}
	
	.callout-box .span1,
	.callout-box .span2,
	.callout-box .span3,
	.callout-box .span4,
	.callout-box .span5,
	.callout-box .span6,
	.callout-box .span7,
	.callout-box .span8,
	.callout-box .span9,
	.callout-box .span10,
	.callout-box .span11,
	.callout-box .span12 {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		padding: 0 10px;
		margin: 0;	
	}
	
	.callout-box .span12 { width: 100%; }
	.callout-box .span11 { width: 91.6666666667%; }
	.callout-box .span10 { width: 83.3333333333%; }
	.callout-box  .span9 { width: 75%; }
	.callout-box  .span8 { width: 66.6666666667%; }
	.callout-box  .span7 { width: 58.3333333333%; }
	.callout-box  .span6 { width: 50%; }
	.callout-box  .span5 { width: 41.6666666667%; }
	.callout-box  .span4 { width: 33.3333333333%; }
	.callout-box  .span3 { width: 25%; }
	.callout-box  .span2 { width: 16.66666666666667%; }
	.callout-box  .span1 { width: 8.333333333333333%; }
  
	@media screen and (max-width:1180px){
		.callout-box{
			padding: 25px 0;
		}
		.callout-box .row-fluid [class*="span"]{
			width:100%;
			float:none;
			margin-left:0px;
		}
	}
	@media (max-width: 767px) {
	
		.callout-box .span1,
		.callout-box .span2,
		.callout-box .span3,
		.callout-box .span4,
		.callout-box .span5,
		.callout-box .span6,
		.callout-box .span7,
		.callout-box .span8,
		.callout-box .span9,
		.callout-box .span10,
		.callout-box .span11,
		.callout-box .span12 { width: 100%; }

		.callout-box p{
			font-size: 1em;
			line-height: 1.4;
		}
		.callout-box h3{
			font-family: 'Playfair BoldIt', serif;
			font-size:1.8em;
			margin-bottom: 5px;
		}		
		  
	}

/* ==========================================================================
   #Custom Lists
   ========================================================================== */

	/**
 	 * Custom lists
 	 *
	 * 1. unstyled list
	 * 2. list with squares for bullets
	 * 3. list with discs for bullets
	 *
	 */
	 
	ul.unstyled { list-style-type: none; } /* 1 */
	ul.square { list-style-type: square; } /* 2 */
	ul.circle { list-style-type: circle; } /* 3 */
	
	/**
 	 * FontAwesome lists
 	 *
	 * 1. Fill circle list
	 *
	 */
	 								
	ul.fill-circle { list-style: none; margin-left:40px}	/* 1 */
	
	ul.fill-circle li:before { 
		position: relative;
		top: -2px;
		width: auto;
		height: auto;
		margin-right: 10px;
		color: #80a852;
		font-family: 'FontAwesome';
		font-size: 13px;
		font-style: normal;
	}
	
	ul.fill-circle li:before { content: ""; }
	
	/**
 	 * Custom Icon Font lists
 	 *
	 * 1. Check list
	 *
	 */
	ul.check{
		margin:20px 0 0 40px;
		position: relative;
	}
	ul.check li {
		position: relative;
	  list-style: url(/images/check.svg) outside no-repeat;
	  margin-bottom: 10px;
	  padding-left:10px;
	  margin-top:10px;
	  text-align: left;
	}
	ul.check li ul.square li{
		position: relative;
		list-style-type: square !important;
		list-style-image: none !important;
	}
	
	ul.fill-circle li { margin-bottom: 10px; }
	
	ul.fill-circle li:last-child { margin-bottom: 0; }	
	
	/* Accent colors */
	
	ul.fill-circle.accent-color-1 li:before { color: var(--brandColorSlate); }
	
	ul.fill-circle.accent-color-2 li:before{ color: var(--brandColorGreen); }
	
	ul.fill-circle.accent-color-3 li:before{ color: var(--brandColorGrey); }
	
	ul.fill-circle.accent-color-4 li:before{ color: var(--brandColorBlue); }

/* ==========================================================================
   #Dividers
   ========================================================================== */

	
	.divider.single-line { border-top: 1px solid #e2e2e2; }
	
	.divider.double-line { border-top: 4px double #e2e2e2; }
	
	.divider.single-dotted {
		 height: 1px;
		 background: url(../images/bg-single-dotted.gif) repeat-x top left ;  
	}
	
	.divider.double-dotted { 
		height: 4px;
		background: url(../images/bg-double-dotted.gif) repeat-x top left; 
	}	

	.divider {
		position: relative;
		margin-top: 90px;
		margin-bottom:90px;
		height: 1px;
	}

	.div-transparent:before {
		content: "";
		position: absolute;
		top: 0;
		left: 2%;
		right: 2%;
		width: 96%;
		height: 3px;
		background-image: linear-gradient(
			to right,
			transparent,
			rgb(133, 150, 166),
			transparent
		);
	}
	.div-sectionsym img{
		position: absolute;
		top:-25px;
		left: calc(50% - 15px);
		width:50px;
		z-index: 5;
		background-color: white;
	}

	.div-arrow-down:after {
		content: "";
		position: absolute;
		z-index: 1;
		top: -7px;
		left: calc(50% - 7px);
		width: 14px;
		height: 14px;
		transform: rotate(45deg);
		background-color: white;
		border-bottom: 1px solid rgb(48, 49, 51);
		border-right: 1px solid rgb(48, 49, 51);
	}

	/**
 		Book Divideres
	**/

	.book-divider {
	    position: absolute;
	    bottom: -5px;
	    left: 0;
	    width: 100%;
	    overflow: hidden;
	    line-height: 0;
	    transform: rotate(180deg);
	}

	.book-divider svg {
	    position: relative;
	    display: block;
	    width: calc(100% + 1.3px);
	    height: 112px;
	}

	.book-divider .shape-fill {
	    fill: #FFFFFF;
	}

	.book-divider-top {
	    position: absolute;
	    bottom: -110px;
	    left: 0;
	    width: 100%;
	    overflow: hidden;
	    line-height: 0;
	    transform: rotate(180deg);
	}

	.book-divider-top svg {
	    position: relative;
	    display: block;
	    width: calc(100% + 1.3px);
	    height: 112px;
	}

	.book-divider-top .shape-fill {
	    fill: #f6f6f6;
	}

	@media screen and (max-width: 980px) {
		.divider {
			position: relative;
			clear: both;
			margin-top:50px;
			margin-bottom:60px;
		}


	}

/* ==========================================================================
   #Fullwidth Section
   ========================================================================== */
   
    /**
 	 * Full width section
 	 *
	 * 1. background-image must be supplied using inline css as it is different for every .fullwidth-section
	 *
	 */
	 
   .fullwidth-section {
		overflow: hidden;
		position: relative;
		z-index: 0;	
		margin:80px 0px;
		padding:50px 0px;
		color:var(--primaryText);
		background-color: #f6f6f6;
		background-attachment: scroll;
		background-repeat: no-repeat; /* 1 */ 
		background-position: 50% 0;
		background-size: cover;			
	}

	.fullwidth-section-content {
		position: relative;
		z-index: 3;
	}
   
   .fullwidth-section-overlay {
		position: absolute;
		z-index: 2;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-repeat: repeat;
		background-position: 0 0;	
	}
	
	.fullwidth-section-video {
		position: absolute;
		z-index: 1;
		top: 0;
		overflow: hidden;
		width: 100%;
		height: 100%;
	}
	
	a.play {
		display: inline-block;
		width: 72px;
		height: 72px;
		border: 1px solid #80a852;
		border-radius: 50%;
		margin-top: 20px;
		background-color: #80a852;
		color: #fff;
		text-align: center;		
	}
	
	a.play i {
		font-size: 60px; 
		line-height: 72px;
	}
	
	a.play:hover {
		background-color: transparent;
		text-decoration: none;
	}
	
	.parallax.parallax-enabled { 
		background-attachment: fixed !important;
		/* if parallax then we don't want it to cover */
		-webkit-background-size: cover;
				background-size: cover;
		
	}
	
	
	.fit-vids-style { display:none; } /* adaugat de ytplayer */
	
	.fullwidth-section .callout-box {
		background-color: transparent;
		margin: 0;
	}

	
	/* Fullwidth Backgrounds */
	
	#bg-1 {
		padding: 80px 0 40px 0;
		margin-bottom:0px;
		margin-top:0px;
		height:85vh;
		background-image: url(/images/map-slide-lighter.webp);
		background-position: 50% 0;
	}
	#bg-1 h3{
		margin-bottom: 10px;	
		font-size: 3.563em;
		line-height:1;
		font-family: 'Playfair Bold', serif;  		
	}
	
	#bg-2 {
		padding: 20px 0 40px 0;
		background-image: url(/images/bg-courthouse.jpg);
		background-size: contain;
		background-repeat: no-repeat; /* 1 */ 
		background-position: bottom right;
	}
	
	#bg-3 {
		margin-top:0px;
		padding: 50px 0 10px 0; 
		margin-bottom:0px;
	}
   
   #bg-4 {
		padding: 80px 0 30px 0;
		border: none;
		margin: 0px 0 0px 0;
		position: relative;
		opacity: 1;
		background-color: #fff;
	}
	#bg-4:before{
	 	  content: ' ';
		  display: block;
		  position: absolute;
		  left: 0;
		  top: 0;
		  width: 100%;
		  height: 100%;
		  opacity: 0.4;
		  background-image: url('/images/bg-4-compass-map.webp');
		  background-repeat: no-repeat;
		  background-position: 50% 0;
		  background-size: cover;
	 }
	#bg-4 .row-fluid{
		position: relative;
		opacity: 1;
	}
	#bg-5 {
		margin-top:50px;
		padding: 50px 0 40px 0; 
		margin-bottom:0px;
	}
	
	#bg-6 {
		border: none;
		margin-top: 0;
		margin-bottom: 80px;
		background-color: #e18f5f;
	}
	
	#bg-7 {
		background-image: url(/images/bg-courthouse.jpg);
		background-size: contain;
		background-repeat: no-repeat; /* 1 */ 
		background-position: bottom right;
		padding: 30px 0 50px;
		margin: 30px 0 0;		
	}
	
	#bg-8 {
		background-image: url(/images/bg-courthouse.jpg);
		background-size: contain;
		background-repeat: no-repeat; /* 1 */ 
		background-position: bottom right;
		padding:0px 0 50px;
		margin:0px;
	}
	
	#bg-8 img {
		display: block;
		margin-bottom: -47px;
	}
	
	#bg-9 {
		overflow: visible;
		padding: 30px 0 10px 0;
		margin: 80px 0 110px 0;
		background-image: url(../../_content/backgrounds/1920x1000-1.jpg);
	}
	
	#bg-9 .icon-box-2 { margin-bottom: 20px; }
	
	#bg-9 img { margin: -60px 0 -50px 0; }
	
	#bg-10 {
		overflow: visible;
		padding-bottom: 0;
		border: none;
		margin-bottom: -50px;
		background-color: #f3e686;
		color: #69675b;
	}
	
	#bg-10 a { color: #69675b; }
	
	#bg-10 img {
		display: block;
		margin-top: -80px;
	}
	
	#bg-video {
		padding: 150px 0;
		margin: 60px 0 100px 0;
		background-image: url(../../_content/backgrounds/1920x1200.jpg);
	}
	
	#bg-11 {
		padding: 80px 0 50px 0;
		margin: 60px 0 -50px 0;
		background-color: #e4e4e4;
		color: #69675b;
	}
	
	#bg-11 a { color: #69675b; }
	
	@media screen and (min-width: 1660px) {

		#bg-9 { padding-top: 50px;  }
		#bg-9 .icon-box-2 { margin-bottom: 40px; }
		#bg-9 img { margin: -110px 0 -50px 0; }
		
		#bg-10 img { margin-top: -90px; }
		
	}
	
	@media screen and (max-width:1659px){
		#bg-1 { height: 78vh;}

		#bg-1 h3{
			font-size: 2.8em;
			line-height:1;
		}
		
	}
	@media screen and (max-width: 1180px){
		
		#bg-1 { height: 55vh;padding:30px 0px}

		#bg-1 .btn{
			margin-top:10px !important;
		}
		#bg-1 h3{
			font-size: 2.7em;
			line-height:1;
		}
		#bg-4 [class*=span]{
			width:100%;
			float:none;
			margin-left:0px;
		}

	}
	@media screen and (max-width: 980px) {
		#bg-1 { height: 35vh;}
		#bg-1 h3{
			font-size: 2em;
			line-height:1;
		}
		.book-divider, .book-divider-top{
			display: none;
		}
		#bg-2 {
		  padding: 40px 0 40px 0;
		}	
		#bg-3 {
		  padding: 30px 0 10px 0;
		}	
		#bg-8 img {
		display: block;
		margin-bottom: 20px;
	  }
	}
	
	@media screen and (max-width: 767px) {
		
		#bg-9 img,
		#bg-10 img { margin: 0; }
		
	}

/* ==========================================================================
   #Headlines
   ========================================================================== */

	.headline {
		margin: 20px auto 40px;
		text-align: center;
		width: 40%;
	}
	#bg-3 .headline {
		margin: 20px auto 20px;
		text-align: center;
		width: 40%;
	}

	.headline-lrg {
		margin: 20px auto 40px;
		text-align: center;
		width: 80%;
	}
	#bg-3 .headline-lrg {
		margin: 20px auto 0px;
		text-align: center;
		width: 80%;
	}

	.headline h2,
	.headline h3,
	.headline-lrg h3,
	.headline-lrg h2{
		font-size: 40px !important;
		margin-bottom: 20px;
	}

	.headline-lrg h4 {
		font-size: 2.25rem;
		line-height: 2.5rem;
	}

	.headline h5,
	.headline-lrg h5 {
		font-family: 'Mulish', Arial, sans-serif;
		line-height: 1.5em;
	}

	.headline p,
	.headline-lrg p {
		font-size: 1.1em;
		text-align: center;
	}
	.headline-lrg p {
		width: 70%;
		margin:0px auto 20px;
	}
	#content .headline-lrg p.text-center,
	#content .headline p.text-center{
		text-align: center !important;
	}

	@media screen and (max-width: 1280px) {
		.headline {
			margin: 20px auto 30px;
			text-align: center;
			width: 75%;
		}

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

		.headline-lrg p {
			width: 95%;
			margin:0px auto 20px;
		}
		#bg-3 .headline {
			margin: 20px auto 20px;
			text-align: center;
			width: 100%;
		}
	}

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

		.headline,
		.headline-lrg {
			margin: 10px auto !important;
			padding: 10px 0px;
			text-align: center;
			width: 100%;
		}
		.headline h3,
		.headline-lrg h3,
		.headline h2,
		.headline-lrg h2{
			font-size: 35px !important;
			margin-bottom: 20px;
		}
		.headline-lrg h4 {
			font-size: 1.65rem;
		}

	}

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

		.headline h3,
		.headline-lrg h3,
		.headline h2,
		.headline-lrg h2{
			font-size: 25px !important;
			margin-bottom: 20px;
		}
		.headline h4,
		.headline-lrg h4 {
			font-size: 18px;
		}

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

	.headline-lrg h4,
	.headline h4{
		line-height: 1.5rem;
	}
	.headline .text-center,.headline-lrg .text-center{
		text-align: center;
	}

}
	@media screen and (max-width: 320px) {
		.headline h3,
		.headline-lrg h3,
		.headline h2,
		.headline-lrg h2{
			font-size: 20px !important;
			margin-bottom: 20px;
		}

		.icon-box-1 > img{
			width:35px !important;
		}

	}

/* ==========================================================================
   #Icon Boxes
   ========================================================================== */

/* Icon Box 1
   ========================================================================== */
   
	.icon-box-1 { 
		display:flex;
		position: relative; 
		margin-bottom: 40px; 
	}
	.icon-box-1 div:last-child{
		margin-left:20px;
	}
	
	.icon-box-1 img { 
		float: left;
		display: block;
		width: 60px;
		height: 60px;
		color: #fff;  
		text-align: center;
	} 
	.icon-box-1 h5{
		margin-bottom: 5px;
	}
	.icon-box-1 a { color: #69675b; }
	
	
	.icon-box-1 .icon-box-content { margin-left: 100px; }
	
	/* Accent colors */
	
	.icon-box-1.accent-color-1 > i { background-color: #80a852; }
	.icon-box-1.accent-color-2 > i { background-color: #b1a843; }
	.icon-box-1.accent-color-3 > i { background-color: #e18f5f; }
	.icon-box-1.accent-color-4 > i { background-color: #f3e686; }
	
	.icon-box-1:hover > i { background-color: #69675b; }

	@media screen and (max-width:980px){
		#info-boxes [class*="span"]{ 
			width:100%;
			margin-left:0px;
			float:none;
		}
	}

/* Icon Box 2
   ========================================================================== */
   
	.icon-box-2 { 
		position: relative; 
		margin-bottom: 40px;
		text-align: center; 
	}
		
	.icon-box-2 > span {
		position: relative;
		display: inline-block;
		margin-bottom: 60px; 
	}
	
	.icon-box-2 > span i { 
		display: inline-block;
		width: 115px;
		height: 115px;
		border-radius: 50%;
		background-color: #80a852;
		color: #fff;
		font-size: 50px;
		line-height: 115px;
	}
	
	.icon-box-2 > img { margin-bottom: 10px; }
	
	.icon-box-2 h4 { margin-bottom: 25px; }
	
	.icon-box-2 a { color: #69675b; }
	
	.icon-box-2 .icon-box-content {}
	
	.icon-box-2:hover > span {
		width: 111px;
		height: 111px;
		border: 2px solid #80a852;
		border-radius: 50%;
		line-height: 143px;
	}
	
	.icon-box-2:hover > span:after {
		position: absolute;
		bottom: -45px;
		left: 50%;
		height: 45px;
		border-left: 2px solid #80a852;
		margin-left: -1px;
		content: ""; 
	}
	
	.icon-box-2:hover > span i {
		width: 90px;
		height: 90px;
		line-height: 90px;
	}
	
	/* Icon for page 404 */
	
	.icon-box-2 h1.error {
		position: relative;
		width: 220px;
		height: 220px;
		padding: 30px;
		border: 2px solid #e18f5f;
		border-radius: 50%;
		margin: 0 auto 100px auto;
		font-size: 125px;
		line-height: 220px;
		text-align: center;
	}
	
	.icon-box-2 h1.error:before {
		position: absolute;
		bottom: -65px;
		left: 50%;
		height: 65px;
		border-left: 2px solid #e18f5f;
		margin-left: -1px;
		content: ""; 
	}
	
	.icon-box-2 h1.error span {
		display: inline-block;
		width: 220px;
		height: 150px;
		border-radius: 50%;
		padding-top: 70px;
		background-color: #e18f5f;
		color: #fff; 
		line-height: 40px;
	}
	
	.icon-box-2 h1.error span small { font-size: 30px; }
	
	@media (max-width: 767px) {
		
		.icon-box-2 h1.error {
			width: 180px;
			height: 180px;
			font-size: 75px;
			line-height: 180px;
		}
		
		.icon-box-2 h1.error span {		
			width: 180px;
			height: 130px;
			padding-top: 50px;
		}
	}
	
	/* Accent colors */
	
	.icon-box-2.accent-color-1 > span i { background-color: #80a852; }
	
	.icon-box-2.accent-color-1:hover > span,
	.icon-box-2.accent-color-1:hover > span:after { border-color: #80a852; }
	
	.icon-box-2.accent-color-2 > span i { background-color: #b1a843; }
	
	.icon-box-2.accent-color-2:hover > span,
	.icon-box-2.accent-color-2:hover > span:after { border-color: #b1a843; }
	
	.icon-box-2.accent-color-3 > span i { background-color: #e18f5f; }
	
	.icon-box-2.accent-color-3:hover > span,
	.icon-box-2.accent-color-3:hover > span:after { border-color: #e18f5f; }
	
	.icon-box-2.accent-color-4 > span i { background-color: #f3e686; }
	
	.icon-box-2.accent-color-4:hover > span,
	.icon-box-2.accent-color-4:hover > span:after { border-color: #f3e686; }
	
/* Icon Box 3
   ========================================================================== */
   
	.icon-box-3 { 
		margin-bottom: 30px;
		padding-bottom:20px; 
		text-align: center;
		-webkit-transition: all 0.3s;
				transition: all 0.3s; 
		-webkit-box-shadow: 1px 2px 4px 0px rgba(110, 127, 145, 1);
		-moz-box-shadow: 1px 2px 4px 0px rgba(110, 127, 145, 1);
			box-shadow: 1px 2px 4px 0px rgba(110, 127, 145, 1);
		border-top-left-radius: 34px;
		border-top-right-radius: 0px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 34px;
		background-color: rgba(255,255,255,.8);
		min-height:320px;
	}	
	
	.icon-box-3 a { color: var(--brandColorBlack);font-weight: normal;}
	.icon-box-3 a:hover{text-decoration: underline;}
	.icon-box-3 h4 {color:#fff;border-bottom:5px solid var(--brandColorBlack);}
	.icon-box-3 h4 a{color:#fff;}
	.icon-box-3 div {color: #333;text-align: left;}
	.icon-box-3 div ul{text-align: left;margin:20px 10px 10px 20px;}
	.icon-box-3 ul li{margin-bottom: 5px;font-size:1em;line-height:1.7;}
	
	.icon-box-3 .btn{
		margin-bottom: 10px;
	}	
	.icon-box-3 h4 { 
		margin-bottom: 0px;
		font-size: 1.1em;
		background-color: var(--brandColorBlue);
		text-align: center !important;
		padding:10px 0 10px 0px;
		border-top-left-radius: 26px;
	}

	.icon-box-content p{
		min-height:300px;
	}	
	.icon-box-content-short ul, .icon-box-content-short p{
		height:180px;
	}
	.icon-box-content ul, .icon-box-content p{
		min-height:210px;
	}
	@media screen and (max-width:980px){
		.icon-box-content ul, 
		.icon-box-content p{
			min-height:auto;
		}
	}
	.icon-box-3 .icon-box-content { display:block;}
	.icon-box-3:hover { 
		-webkit-box-shadow: 8px 18px 20px 0px rgba(110, 127, 145, 1);
		-moz-box-shadow: 8px 18px 20px 0px rgba(110, 127, 145, 1);
			box-shadow: 8px 18px 20px 0px rgba(110, 127, 145, 1);
		}
	.icon-box-3:hover img{
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

/* Icon Box 4
   ========================================================================== */
   
	.icon-box-4 { 
		position: relative; 
		margin-bottom: 55px; 
	}
		
	.icon-box-4 > i { 
		float: left;
		display: block;
		margin-top: 10px;
		color: #80a852;
		font-size: 50px; 
	} 
	
	.icon-box-4 > img { 
		float: left; 
		display: block; 
	} 
	
	.icon-box-4 a { color: #69675b; }
	
	.icon-box-4 h4 { 
		font-family: 'Open Sans', Arial, sans-serif;
		font-weight: 600;
	}
	
	.icon-box-4 .icon-box-content { margin-left: 90px; }
	
	/* Accent colors */
	
	.icon-box-4.accent-color-1 > i { color: #80a852; }
	.icon-box-4.accent-color-2 > i { color: #b1a843; }
	.icon-box-4.accent-color-3 > i { color: #e18f5f; }
	.icon-box-4.accent-color-4 > i { color: #f3e686; }
	
	.icon-box-4:hover > i { color: #69675b; }
	
	@media (min-width: 768px) and (max-width: 979px) {
		
		.icon-box-4 > i,
		.icon-box-4 > i img { 
			float: none;
			margin-bottom: 20px;
			text-align: center;
		}
		
		.icon-box-4 .icon-box-content { margin-left: 0; }
		
	}

/* Icon Box 5
   ========================================================================== */
   
	.icon-box-5 { 
		position: relative; 
		margin-bottom: 40px; 
	}
		
	.icon-box-5 > i { 
		float: left;
		display: block;
		width: 64px;
		height: 64px;
		border-radius: 50%;
		background-color: #80a852;
		color: #fff;  
		font-size: 24px; 
		line-height: 64px; 
		text-align: center;
	} 
	
	.icon-box-5 > img { 
		float: left; 
		display: block; 
	} 
	
	.icon-box-5 h4 {
		padding-top: 7px; 
		font-family: 'Open Sans', Arial, sans-serif;
		font-weight: 600;
	}
	
	.icon-box-5 .icon-box-content { margin-left: 100px; }
	
	/* Accent colors */
	
	.icon-box-5.accent-color-1 > i { background-color: #80a852; }
	.icon-box-5.accent-color-2 > i { background-color: #b1a843; }
	.icon-box-5.accent-color-3 > i { background-color: #e18f5f; }
	.icon-box-5.accent-color-4 > i { background-color: #f3e686; }
	
	.icon-box-5:hover > i { background-color: #69675b; }
	
/* Icon Box 6
   ========================================================================== */
	
	.icon-box-6 { 
		position: relative;
		padding: 20px 10px 0 10px;
		border: 1px solid #f3e686;
		margin-bottom: 40px;
		text-align: center;
		-webkit-transition: all 0.3s;
				transition: all 0.3s; 
	}
	
	.icon-box-6 > span {
		position: relative;
		display: inline-block;
		margin-bottom: 60px; 
		width: 82px;
		height: 82px;
		border: 2px solid #80a852;
		border-radius: 50%;
		line-height: 105px;
	}
	
	.icon-box-6 > span i {
		display: inline-block;
		width: 65px;
		height: 65px;
		border-radius: 50%;
		background-color: #80a852;
		color: #fff;
		font-size: 40px;
		line-height: 65px;
	}
	
	.icon-box-6 > span:after {
		position: absolute;
		bottom: -45px;
		left: 50%;
		height: 45px;
		border-left: 2px solid #80a852;
		margin-left: -1px;
		content: ""; 
	}
	
	.icon-box-6 > img { margin-bottom: 10px; }
	
	.icon-box-6 h4 { margin-bottom: 25px; }
	
	.icon-box-6 a { color: #69675b; }
	
	.icon-box-6 .icon-box-content {}
	
	.icon-box-6:hover { background-color: #f3e686; }
	.icon-box-6:hover a { color: #69675b; }
	
	/* Accent colors */
	
	.icon-box-6.accent-color-1 > span i { background-color: #80a852; }
	
	.icon-box-6.accent-color-1 > span,
	.icon-box-6.accent-color-1 > span:after { border-color: #80a852; }
	
	.icon-box-6.accent-color-2 > span i { background-color: #b1a843; }
	
	.icon-box-6.accent-color-2 > span,
	.icon-box-6.accent-color-2 > span:after { border-color: #b1a843; }
	
	.icon-box-6.accent-color-3 > span i { background-color: #e18f5f; }
	
	.icon-box-6.accent-color-3 > span,
	.icon-box-6.accent-color-3 > span:after { border-color: #e18f5f; }
	
	.icon-box-6.accent-color-4 > span i { background-color: #f3e686; }
	
	.icon-box-6.accent-color-4 > span,
	.icon-box-6.accent-color-4 > span:after { border-color: #f3e686; }
	
	.icon-box-6.accent-color-4:hover > span i { background-color: #80a852; }
	
	.icon-box-6.accent-color-4:hover > span,
	.icon-box-6.accent-color-4:hover > span:after { border-color: #80a852; }
	


/* ==========================================================================
   #Styled Tables
   ========================================================================== */

	.table-bordered { 
		border: 1px solid #d7d7d7; 
		border-left: none; 
		border-collapse: separate; 		
	}
	
	.table-bordered th, 
	.table-bordered td { border-left: 1px solid #d7d7d7; }
	
	.table-bordered caption + thead tr:first-child th,
	.table-bordered caption + tbody tr:first-child th,
	.table-bordered caption + tbody tr:first-child td,
	.table-bordered colgroup + thead tr:first-child th,
	.table-bordered colgroup + tbody tr:first-child th,
	.table-bordered colgroup + tbody tr:first-child td,
	.table-bordered thead:first-child tr:first-child th,
	.table-bordered tbody:first-child tr:first-child th,
	.table-bordered tbody:first-child tr:first-child td { border-top: none; }

	.table-condensed th,
	.table-condensed td { padding: 4px 8px; }
	
	table.accent-color-1 th { background-color: #80a852; }
	table.accent-color-2 th { background-color: #b1a843; }
	table.accent-color-3 th { background-color: #e18f5f; }
	table.accent-color-4 th { background-color: #f3e686; }

	@media (max-width: 480px) {
	
		/**
		 * Force table to not be like tables anymore
		 */
		 
		table, 
		thead, 
		tbody, 
		th, 
		td, 
		tr { 
			display: block;
		}
		
		/**
		 * Hide table headers
		 */
	
		thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		.table-bordered { border-top: none; }
		tr { border-top: 1px solid #69675b; }
		
		td:first-child { border-top: none !important; }