.main_content { overflow: hidden; }
.bg_grey { background-color: #F0F0EE; }

/* ---------------------------------------------------------------------------------------------------------- */
/* HERO ---------------------------------------------------  */
	.hero-background { 
		background-image: url(https://www.aada.edu/template/frontend/img/musical-theatre/header_musical-theatre_wide.jpg);
		background-size: auto 662px;
		background-color: #482293;
	}


	@media screen and (max-width: 767px) {
		.hero-background {
			background-image: none;
		}
	}

/* ---------------------------------------------------------------------------------------------------------- */
/* CIRCLE ROWS ---------------------------------------------------  */

	.flex { display: flex; align-items: center; }

	@media screen and (max-width: 991px) {
		.flex { flex-direction: column!important; }
		.mob-space { height: 95px; }
	}

/* ---------------------------------------------------------------------------------------------------------- */
/* CIRCLES WRAPPER ---------------------------------------------------  */
	.cicle-wrapper {
		position: relative;
	}

	.circle-wrapper .svg {
		position: absolute;
		z-index: 1;
		width: 120%;
	}

	.circle-wrapper .image {
		position: relative;
		z-index: 2;
		top: 0;
	}

	.circle-wrapper .image img {
		width: 110%;
		border-radius: 50px;
		-webkit-box-shadow: 0px 24px 31px 2px rgba(0,0,0,0.30);
		box-shadow: 0px 10px 31px 2px rgba(0,0,0,0.30);
	}
	
	.circle-wrapper.v1 .svg {
		left: -5%;
	}

	.circle-wrapper.v2 .svg {
		left: -20%;
		top: -20%;
	}


	@media screen and (max-width: 991px) {
		.circle-wrapper.v1 .svg, .circle-wrapper.v2 .svg {
			width: 83%!important; left: -26%!important; top: -16%!important;
		}
		.circle-wrapper .image img {
			width: 100%;
			border-radius: 50px;
			-webkit-box-shadow: 0px 7px 14px 2px rgba(0,0,0,0.30);
			box-shadow: 0px 7px 14px 2px rgba(0,0,0,0.30);
			margin-bottom: 50px;
		}

	}


	@keyframes enter1 {
		0% {
			transform: scale(0, 0);
		}
		50% {
			transform: scale(1, 1);
		}
	}
		@keyframes enter2 {
		0% {
			transform: scale(0, 0);
		}
		50% {
			transform: scale(1, 1);
		}
	}
		@keyframes enter3 {
		0% {
			transform: scale(0, 0);
		}
		50% {
			transform: scale(1, 1);
		}
	}

	.circle1 {
	  width: 1000px;
	  height: 1000px;
	  transform-origin: center;
	}
	.circle2 {
	  width: 990px;
	  height: 990px;
	  transform-origin: center;
	}
	.circle3 {
	  width: 980px;
	  height: 980px;
	  transform-origin: center;
	}

	@media (prefers-reduced-motion: no-preference) {
	  .circle1.circle-animation {
	    animation: enter3 1s 1;
	  }
	}
	  .circle2.circle-animation {
	    animation: enter2 1.5s 1;
	  }
	}
	  .circle3.circle-animation {
	    animation: enter1 2s 1;
	  }
	}

/* ---------------------------------------------------------------------------------------------------------- */
/* RESOURCES ---------------------------------------------------  */
	.resource-group {
		padding: 30px; background-color: #F0F0EE;
	}
	.resource-group ul { 
		list-style: none;
	}
	.resource-group ul li { 
		display: flex;
		justify-content: space-between;
		padding-bottom: 15px;
		padding-top: 15px;
		border-bottom: 1px solid #E5E5E5;
	}

	.resource-group li:last-child {
		border-bottom: 0;
		padding-bottom: 0;
	}

	.add-res-group {
		background-color:#f0f0ee;
		padding: 40px;
	 }

	.add-res-group hr {
	    margin-top: 0;
	    margin-bottom: 10px;
	    border-color: #C1C1C1;
	}

	.add-res-group li > a {
		margin-left: auto;
		white-space: nowrap;
		border-radius: 0;
		font-size: 12px;
		padding: 4px 13px 4px 13px;
		margin-top: 0px !important;
	}

/* ---------------------------------------------------------------------------------------------------------- */
/* QUOTES ---------------------------------------------------  */
	.quote-by {
		text-align: right;
	}

	.owl-quotes-s h3 { line-height: 1.9rem; }

	@media screen and (max-width: 767px) {
		.quote-by {
			text-align: center;
		}
		.owl-quotes-s img {
			margin-bottom: 40px;
		}
		.owl-quotes-s h3 {
			text-align: center; font-size: 20px;
		}
	}

	.owl-quotes-contain .owl-dot {
		width: 20px;
		height: 20px;
		position: relative;
	}
	.owl-quotes-contain .owl-dot:before {
		width: 10px; 
		height: 10px; 
		position: absolute; 
		top: 50%; 
		left: 50%; 
		transform: translate(-50%,-50%); 
		content: ""; 
		border-radius: 50%; 
		background-color: #f0f0ee; 
		transition: color 200ms ease-in; 
	}
	.owl-quotes-contain .owl-dots {
		display: flex;
		margin-top: 10px;
	}
	@media screen and (min-width: 992px) {
		.owl-quotes-contain .owl-dots {
			margin-top: 30px;
		}
	}
	.owl-dot.active:before {
		background-color: #c49a5d;
	}
	.owl-quotes-contain .owl-dots {
		display: flex;
		justify-content: center;
	}
	
	.owl-quotes-s .owl-prev,
	.owl-quotes-s .owl-next { position: absolute; display: block; color: #000000; opacity: 0.15; transition: opacity 300ms; font-size: 60px; 
							top: 50%; transform: translateY(-50%); padding: 20px; }
	.owl-quotes-s .owl-prev:hover,
	.owl-quotes-s .owl-next:hover { opacity: 0.35; } 
	.owl-quotes-s .owl-prev { left: -110px; }
	.owl-quotes-s .owl-next { right: -110px; }
	@media screen and (max-width: 1395px) {
		.owl-quotes-s .owl-next,
		.owl-quotes-s .owl-prev { padding: 0px; font-size: 30px; }
		.owl-quotes-s .owl-prev { left: -20px; }
		.owl-quotes-s .owl-next { right: -20px; }
	}
	@media screen and (min-width: 992px) and (max-width: 1076px) {
		.owl-quotes-s .owl-next,
		.owl-quotes-s .owl-prev { padding: 0px; font-size: 40px; }
		.owl-quotes-s .owl-prev { left: -18px; }
		.owl-quotes-s .owl-next { right: -18px; }
	} 
	@media screen and (min-width: 768px) and (max-width: 991px) {
		.owl-quotes-s .owl-next,
		.owl-quotes-s .owl-prev { padding: 0px; font-size: 35px; }
		.owl-quotes-s .owl-prev { left: -15px; }
		.owl-quotes-s .owl-next { right: -15px; }
	}
	@media screen and (max-width: 767px) {
		.quote-by > * { text-align: left; display: block; }
		.owl-quotes-s h2,
		.owl-quotes-s span,
		.owl-quotes-s strong { text-align: center !important; }
		.owl-quotes-s .owl-prev,
		.owl-quotes-s .owl-next { transform: translateY(-29%); top: 29vw; font-size: 60px; }
		.owl-quotes-s .owl-prev { left: 0px; }
		.owl-quotes-s .owl-next { right: 0px; }
	}
	@media screen and (min-width: 838px) and (max-width: 991px) {
		.owl-quotes-s .owl-next { right: -45px !important; top: 45%; }
		.owl-quotes-s .owl-prev { left: -45px !important; top: 45%; }

	}

	@media screen and (min-width: 768px) and (max-width: 837px) {
		.owl-quotes-s .owl-next { top: 45%; right: -23px !important; }
		.owl-quotes-s .owl-prev { top: 45%; left: -23px !important; }
		.extra_owl_contain { padding-left: 30px; padding-right: 30px; }
	}


	.add-res-group h3 {
	    text-transform: uppercase;
	    color: #222222;
	    font-family: "Brandon Text";
	    font-weight: 700;
	    line-height: 1.1em;
	    font-size: 18px;
	    margin-bottom: 1em !important;
	}


/* ---------------------------------------------------------------------------------------------------------- */
/* FIRST SECTION ---------------------------------------------------  */


@media (min-width: 576px) and (max-width: 768px) {
	.exp-section.first-section {
		padding-bottom: 115px!important;
	}
}