/*

	widgets : faq Q & A circles
	===========================

	*/
	
	.flexRow {
    box-sizing: border-box;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
	}
		.flexRow > p {
			margin: 0;
			margin-bottom: calc(var(--space-px) * 15);
			padding: 0;
			padding-left: var(--space-s);
			font-size: var(--text-l);
			font-weight: 600;
			line-height: 1.25;
			flex: 1 1;
		}    
   		.flexRow .bgCircle {   	
    		display: flex;
			align-items: center;
			justify-content: center;
    		width: calc(var(--space-px) * 50);
    		height: calc(var(--space-px) * 50);
    		margin-bottom: calc(var(--space-px) * 15);
    		background: var(--color-success-3);
    		border-radius: 50%;
    		font-size: calc(var(--text-xl) + 3px);
    		font-weight: 700;
    		color: var(--color-main-1);
    	}


	/*

	widgets : slide nav
	========================

	using css transitions, very little javascript

	*/

	/**::after, *::before {
  		content: '';
	}*/
	
	/* generic trigger button - all pages */

	a.cd-btn {
		display: block;
		margin: 0;
		padding: 0 calc(var(--space-px) * 7);
	}
		a.cd-btn:hover,
		a.cd-btn:hover span {
			background-color: var(--color-success-5);
  		color: var(--color-main-1);
		}
		a.cd-btn:before {
			content: '\2261';
			padding-right: calc(var(--space-px) * 5);
			font-size: calc(var(--space-px) * 30);
			vertical-align: middle;
   	}
   		
   	/* cd panel links content */
   	
   	.cd-panel ul li {
    	padding: 0;
    }
   	.cd-panel ul li a {
   		width: 100%;
   		display: block;
    	padding: var(--space-s) 0;
    	font-family: var(--font-family, var(--font-headline));
  		font-weight: 400;
    	font-size: calc(var(--space-px) * 13);
    	color: var(--color-main-6);
    }
    .cd-panel ul li.navBdr {
  		border-bottom: var(--space-px) dotted var(--color-main-5);
		}
		.cd-panel ul li a:hover {
			padding-left: var(--space-s);
			background-color: var(--color-main-6);
			color: var(--color-main-1);
		}
		
	/* Request Consultation button */
	
	.cd-panel a.cd-panel-btn {
		display: block;
		padding: var(--space-m) 0;
  	margin-top: var(--space-m);
  	font-family: var(--font-family, var(--font-headline));
  	font-weight: 500;
  	font-size: calc(var(--space-px) * 14);
  	text-transform: uppercase;
  	text-align: center;
  	color: var(--color-main-1);
  	letter-spacing: .1rem;
  	background-color: var(--color-main-4);
	}
		.cd-panel a.cd-panel-btn:hover {
			background-color: var(--color-success-5);
    	color: var(--color-main-1);
		}
		.cd-panel a.cd-panel-btn img {
    		display: inline;
    		margin-left: var(--space-xs);
    		vertical-align: middle;
		}
		
		
	/* cd-panel container, close button */

	.cd-panel {
  		position: fixed;
  		top: 0;
  		left: 0;
  		height: 100%;
  		width: 100%;
  		visibility: hidden;
  		-webkit-transition: visibility 0s 0.6s;
  		-moz-transition: visibility 0s 0.6s;
  		transition: visibility 0s 0.6s;
  		z-index: 30000 !important;
	}
	.cd-panel::after {
  		/* overlay layer */
  		position: absolute;
  		top: 0;
  		left: 0;
  		width: 100%;
  		height: 100%;
  		background: transparent;
  		cursor: pointer;
  		-webkit-transition: background 0.3s 0.3s;
  		-moz-transition: background 0.3s 0.3s;
  		transition: background 0.3s 0.3s;
	}
	.cd-panel.is-visible {
  		visibility: visible;
  		-webkit-transition: visibility 0s 0s;
  		-moz-transition: visibility 0s 0s;
  		transition: visibility 0s 0s;
	}
	.cd-panel.is-visible::after {
  		-webkit-transition: background 0.3s 0s;
  		-moz-transition: background 0.3s 0s;
  		transition: background 0.3s 0s;
	}
	.cd-panel.is-visible .cd-panel-close::before {
  		-webkit-animation: cd-close-1 0.6s 0.3s;
  		-moz-animation: cd-close-1 0.6s 0.3s;
  		animation: cd-close-1 0.6s 0.3s;
	}
	.cd-panel.is-visible .cd-panel-close::after {
  		-webkit-animation: cd-close-2 0.6s 0.3s;
  		-moz-animation: cd-close-2 0.6s 0.3s;
  		animation: cd-close-2 0.6s 0.3s;
	}

	@-webkit-keyframes cd-close-1 {
  		0%, 50% {
    		-webkit-transform: rotate(0);
  		}
  		100% {
    		-webkit-transform: rotate(45deg);
  		}
	}
	@-moz-keyframes cd-close-1 {
  		0%, 50% {
    		-moz-transform: rotate(0);
  		}
  		100% {
    		-moz-transform: rotate(45deg);
  		}
	}
	@keyframes cd-close-1 {
  	0%, 50% {
    	-webkit-transform: rotate(0);
    	-moz-transform: rotate(0);
    	-ms-transform: rotate(0);
    	-o-transform: rotate(0);
    	transform: rotate(0);
  	}
  	100% {
    	-webkit-transform: rotate(45deg);
    	-moz-transform: rotate(45deg);
    	-ms-transform: rotate(45deg);
    	-o-transform: rotate(45deg);
    	transform: rotate(45deg);
  	}
	}
	@-webkit-keyframes cd-close-2 {
  		0%, 50% {
    		-webkit-transform: rotate(0);
  		}
  		100% {
    		-webkit-transform: rotate(-45deg);
  		}
	}
	@-moz-keyframes cd-close-2 {
  		0%, 50% {
    		-moz-transform: rotate(0);
  		}
  		100% {
    		-moz-transform: rotate(-45deg);
  		}
	}
	@keyframes cd-close-2 {
  		0%, 50% {
    		-webkit-transform: rotate(0);
    		-moz-transform: rotate(0);
    		-ms-transform: rotate(0);
    		-o-transform: rotate(0);
    		transform: rotate(0);
  		}
  		100% {
    		-webkit-transform: rotate(-45deg);
    		-moz-transform: rotate(-45deg);
    		-ms-transform: rotate(-45deg);
    		-o-transform: rotate(-45deg);
    		transform: rotate(-45deg);
  		}
	}

	.cd-panel-close {
  		position: absolute;
  		top: 0;
  		left: 0;
  		height: 40px;
  		width: 40px;
  		/* image replacement */
  		display: inline-block;
  		overflow: hidden;
  		text-indent: 100%;
  		white-space: nowrap;
	}
	.cd-panel-close::before, .cd-panel-close::after {
  		/* close icon created in CSS */
  		content: '';
  		position: absolute;
  		top: 22px;
  		left: 20px;
  		height: 2px;
  		width: 15px;
  		background-color: var(--color-main-6);
  		/* this fixes a bug where pseudo elements are slighty off position */
  		-webkit-backface-visibility: hidden;
  		backface-visibility: hidden;
	}
	.cd-panel-close::before {
  		-webkit-transform: rotate(45deg);
  		-moz-transform: rotate(45deg);
  		-ms-transform: rotate(45deg);
  		-o-transform: rotate(45deg);
  		transform: rotate(45deg);
	}
	.cd-panel-close::after {
  		-webkit-transform: rotate(-45deg);
  		-moz-transform: rotate(-45deg);
  		-ms-transform: rotate(-45deg);
  		-o-transform: rotate(-45deg);
  		transform: rotate(-45deg);
	}
	
	.no-touch .cd-panel-close:hover {
  		cursor: pointer;
	}
	.no-touch .cd-panel-close:hover::before, .no-touch .cd-panel-close:hover::after {
  		background-color: var(--color-success-5);
	}

	.cd-panel-container {
  		position: fixed;
  		top: 0;
  		width: 350px;
  		height: 100%;
  		padding: 25px;
  		background: var(--color-main-1);
  		box-shadow: -10px 0px 20px 0px rgba(0,0,0,0.05);
  		z-index: 1;
  		-webkit-transition-property: -webkit-transform;
  		-moz-transition-property: -moz-transform;
  		transition-property: transform;
  		-webkit-transition-duration: 0.3s;
  		-moz-transition-duration: 0.3s;
  		transition-duration: 0.3s;
  		-webkit-transition-delay: 0.3s;
  		-moz-transition-delay: 0.3s;
  		transition-delay: 0.3s;
  		overflow-y: auto;
	}
	.from-right .cd-panel-container {
  		right: 0;
  		-webkit-transform: translate3d(100%, 0, 0);
  		-moz-transform: translate3d(100%, 0, 0);
  		-ms-transform: translate3d(100%, 0, 0);
  		-o-transform: translate3d(100%, 0, 0);
  		transform: translate3d(100%, 0, 0);
	}
	.is-visible .cd-panel-container {
  		-webkit-transform: translate3d(0, 0, 0);
  		-moz-transform: translate3d(0, 0, 0);
  		-ms-transform: translate3d(0, 0, 0);
  		-o-transform: translate3d(0, 0, 0);
  		transform: translate3d(0, 0, 0);
  		-webkit-transition-delay: 0s;
  		-moz-transition-delay: 0s;
  		transition-delay: 0s;
	}