body, html{
	overflow-x: hidden;
}

.d-none{
   opacity: 0;
   margin-top: -300px;
   overflow: hidden;
   min-height: 300px;
}
.quote-flex {
	display: flex !important; 
}

.d-none .quote-flex{
	position: absolute;
}

.special{
	/*height: 500px !important;*/
}

.quote-container-image {
	width: 420px;
	height: 400px;
	text-align: right;
}

.quote-container-tip {
	padding-top: 5%;
	width: 2%;
	padding-left: 0%;
}

.quote-container-text {
	/*background: #5736fb;*/
	background: #F4F4F4;
	width: 75%;
	/*color: #fff;*/
	color: black;
	padding: 20px;
	font-weight: normal;
	/* font-family: "Avenir LT W01_85 Heavy", Helvetica, Arial, sans-serif !important; */
	font-family: "Avenir LT W01_55 Roman", Helvetica, Arial, sans-serif !important;
	font-size: 18px;
}

.middle-align{
	padding-top: 10px;
}

.arrow-up {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid black;
}

.arrow-down {
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #5736fb;
}

.arrow-right {
	width: 0;
	height: 0;
	border-top: 60px solid transparent;
	border-bottom: 60px solid transparent;
	border-left: 60px solid green;
}

.arrow-left {
	width: 0;
	height: 0;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-right: 30px solid #5736fb;
}

.quote-container-image img {
	width: 400px;
	/*   height: 180px; */
	/*border-radius: 100%;*/
    padding: 5px;
    margin: 0 auto;
}


.bioCard-individualName {
	line-height: 1!important;
	padding-bottom: 22px!important;
}

.slick-general{
	padding-left: 55px;
}

.no-padding .slick-general{
	padding-left: 0px;
}


.text-h {
	font-family: "Avenir LT W01_55 Roman", Helvetica, Arial, sans-serif !important;
	color: #3cfa92;
}


.quote {
	font-size: 21px;
	font-weight: bold;
	color: #000;
	font-family: "Avenir LT W01_85 Heavy", Helvetica, Arial, sans-serif !important;
}

/* this sets the height of the testimonials!! */
.slick-list.draggable {
	/*min-height: 246px !important;*/
	min-height: 400px !important;
	
}

/*for the pause button */
#toggletest{
	background-color: black !important;
}

.testimonial-des{
	font-family: 'Avenir LT W01_55 Roman';
font-style: normal;
font-weight: 350;
font-size: 15px;
line-height: 132.7%;
}


.container {
    max-width: 1060px;
    margin: 0 auto;
    width: 90%;
}
.t-right {
	text-align: right;
}

.author {
	padding-top: 22px;
	font-family: 'Avenir LT W01_55 Roman'!important;
	font-weight: 350;
	font-size: 16px;
}
.slick-dots li.slick-active button:before {
	opacity: .95;
	/*color: #5a48f6 !important;*/
	color: black !important;
}

.slick-dots li button:before {
	font-size: 14px !important;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
    opacity: 1;
    /*color: #5a48f6 !important;*/
    color: black !important;
}

.loader-container{
    height: 200px;
}
.loader {
	border: 16px solid #f3f3f3;
	/* Light grey */
	border-top: 16px solid #5b48f6;
	/* Blue */
	border-radius: 50%;
	width: 120px;
	height: 120px;
    animation: spin 2s linear infinite;
    margin: 0 auto;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.slick-dots{
    bottom: -45px !important;
}

@media only screen and (max-width: 950px) {
	ul.flex-x {
		padding-left: 0;
		padding-right: 0;
	}
	.slick-general{
		padding-left: 0;
	}
	
}

@media only screen and (max-width: 500px){
	ul.flex-x {
		padding-left: 12px;
		padding-right: 0;
		justify-content: flex-start;
	}
	.quote-flex {
		display: block;
	}
	.quote-container-image, .quote-container-tip {
		display: none;
	}

	.quote-container-image{
		width: unset !important;
		height: unset !important;
	}
	.quote-container-text {
		width: 100%;
		margin: 5px;
	}
	.d-none, .loader-container, .quote-container-text{
		min-height: 400px !important;
	 }
	 .quote-flex, .no-padding{
		 min-height: 500px;
	}
	
}