.erin-testimonials {
    margin: 125px 0 50px;
}

.testimonial-field.erin-taylor {
	background-color: #1e1e1e;
	color: #fff;
}

.testimonial-field.erin-taylor .testimonial-field-inner p:after {
	background-color: #fff;
}

.erin-video {
	margin: 150px 0;
}

.real-estate-branding-agency-project-erin-taylor .hero-section .the-tags li {
	background-color: #fff;
	color: #000;
}

/* ## Fonts
--------------------------------------------- */

.erin-html {
    font-family: 'Gilroy';	
}

@font-face {
    font-family: 'Gilroy';
    src: url('/wp-content/themes/lizard-king//assets/case-studies/erin-taylor/Gilroy-Light.woff2') format('woff2'),
        url('/wp-content/themes/lizard-king//assets/case-studies/erin-taylor/Gilroy-Light.woff') format('woff'),
        url('//wp-content/themes/lizard-king//assets/case-studies/erin-taylor/Gilroy-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/wp-content/themes/lizard-king//assets/case-studies/erin-taylor/Gilroy-Regular.woff2') format('woff2'),
        url('/wp-content/themes/lizard-king//assets/case-studies/erin-taylor/Gilroy-Regular.woff') format('woff'),
        url('/wp-content/themes/lizard-king//assets/case-studies/erin-taylor/Gilroy-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/wp-content/themes/lizard-king//assets/case-studies/erin-taylor/Gilroy-Bold.woff2') format('woff2'),
        url('/wp-content/themes/lizard-king//assets/case-studies/erin-taylor/Gilroy-Bold.woff') format('woff'),
        url('/wp-content/themes/lizard-king//assets/case-studies/erin-taylor/Gilroy-Bold.ttf') format('truetype');2
    font-weight: bold;
    font-style: normal;
}

/**/

.testimonial-holder {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.testimonials {
	padding: 100px 0 200px;
}

.testimonial-inner {
	width: 100%;
	float: left;
}

.arrow-controls {
    width: 25%;
    margin-right: 10%;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    display: -moz-flex;
    position: relative;
}

.testimonial-roller {
	width: 65%;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	align-items: center;
	justify-content: left;
	position: relative;
}

.testimonial-roller .slick-slide {
	float: left;
	width: 100%;
}

.testimonial-quote {
	position: relative;
	font-size: 46px;
	font-weight: bold;
	line-height: 1.26;
	letter-spacing: 1.5px;
	color: #313131;
}

.testimonial-giver {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.44;
    letter-spacing: 1.5px;
    color: #343434;
    margin-top: 25px;
}

.the-quote {
    position: absolute;
    left: -50px;
    top: 4px;
}

.arrow-holder {
	position: relative;
	height: 52px;
	width: 52px;
	cursor: pointer;
}

.arrow-holder img {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: 10;
}

.arrow-holder img.white-arrow {
	opacity: 0;
}

.arrow-holder:hover img.black-arrow {
	opacity: 0;
}

.arrow-holder:hover img.white-arrow {
	opacity: 1;
}

.arrow-holder:hover .arrow-holder-background-color {
    width: 100%;
    height: 100%;
    transition-duration: .2s;
    -webkit-transition-duration: .2s;
}

.arrow-holder-background-color {
    position: absolute;
    height: 0;
    width: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    background-color: #313131;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.left-arrow {
	margin-right: 5px;
}

.right-arrow {
	margin-left: 5px;
}

.home-hero-feature {
	position: relative;
	height: calc(100vh - 158px);
	width: 100%;
}

.erin-video .bg-fallback {
    background-position: center top;
}


.erin-video .black-button-et:hover {
    background-position: left;
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    color: #343434;
}

.erin-video .black-button-et,
.neighborhood-name-sticky {
    background-image: linear-gradient(to left, #343434 50%, #fff 50%);
    background-size: 210% 100%;
    background-position: right;
    transition-duration: .6s;
    -webkit-transition-duration: .6s;
    color: #fff;
    line-height: 1;
    letter-spacing: 2.2px;
    text-align: center;
    padding: 5px 18px;
    display: inline-flex;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    min-height: 58px;
    text-decoration: none;
    font-weight: normal;
    font-size: 16px;
    z-index: 10;
    position: relative;
}

.home-hero-play-button.black-button-et {
	position: absolute;
	bottom: 0;
	right: 0;
}

.erin-video .video-bg video,
.erin-video .bg-fallback {
	position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    transform: translateZ(0);
    will-change: transform;
    z-index: 2;
}

.video-bg video {
	object-fit: cover;
}

.erin-video .bg-fallback {
	display: none;
}


/* ## Video Pop-Up
--------------------------------------------- */
.YouTubePopUp-Wrap{
    position:fixed;
    width:100%;
    height:100%;
    background-color:#000;
    top:0;
    left:0;
    z-index:9999999999999;
}

.YouTubePopUp-animation{
    opacity: 0;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: YouTubePopUp;
    animation-name: YouTubePopUp;
}

@-webkit-keyframes YouTubePopUp {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes YouTubePopUp {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.YouTubePopUp-Content{
    max-width:680px;
    display:block;
    margin:0 auto;
    height:100%;
    position:relative;
}

.YouTubePopUp-Content iframe{
    max-width:100% !important;
    width:100% !important;
    display:block !important;
    height:480px !important;
    border:none !important;
    position:absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.YouTubePopUp-Hide{
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: YouTubePopUpHide;
    animation-name: YouTubePopUpHide;
}

@-webkit-keyframes YouTubePopUpHide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes YouTubePopUpHide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.YouTubePopUp-Close{
    position:absolute;
    top:0;
    cursor:pointer;
    bottom:528px;
    right:0px;
    margin:auto 0;
    width:24px;
    height:24px;
    background:url(https://erintaylor.com/wp-content/themes/erin-taylor/assets/close.png) no-repeat;
    background-size:24px 24px;
    -webkit-background-size:24px 24px;
    -moz-background-size:24px 24px;
    -o-background-size:24px 24px;
}

.YouTubePopUp-Close:hover{
    opacity:0.5;
}

@media all and (max-width: 768px) and (min-width: 10px){
    .YouTubePopUp-Content{
        max-width:90%;
    }
}

@media all and (max-width: 600px) and (min-width: 10px){
    .YouTubePopUp-Content iframe{
        height:320px !important;
    }

    .YouTubePopUp-Close{
        bottom:362px;
    }
}

@media all and (max-width: 480px) and (min-width: 10px){
    .YouTubePopUp-Content iframe{
        height:220px !important;
    }

    .YouTubePopUp-Close{
        bottom:262px;
    }
}


@media (max-width: 951px) {
	.w-right {
		width: 100%;
	}
	.selling-building-description {
		font-size: 25px;
	}
	.erin-other {
		padding: 100px 0 0px;
	}
	.the-stat .stat-main-text {
		font-size: 12px;
	}

	.the-stat .stat-main-text p {
	    margin-bottom: 11px;
	}

	.erin-stat-holder {
		padding: 75px 25px;
	}

	.testimonial-quote {
		font-size: 36px;
	}
	.meta-top h2 {
		padding-right: 0;
	}

	.testimonials,
	.new-construction-long-drop {
		padding: 100px 0;
	}

	.the-long-drop {
		font-size: 16px;
	}

	.a-listing {
		font-size: 12px;
	}

	.a-listing .black-button {
		font-size: 14px;
		min-height: 45px;
	}

	.office-location,
	.remax-office-title-block,
	.contact-box,
	.neighborhood-name,
	.explore-description {
		font-size: 14px;
	}

	.home-section-title h2,
	.explore-pittsburgh-top-line h2,
	.get-in-touch-form h2,
	.get-in-touch-heading,
	.popupnav,
	.erin-bio-text-half h1,
	.vendor-hero-half a,
	.the-vendor-title,
	.new-construction-title h1,
	.selling-build-title h2,
	.meta-top h2, 
	.w-right h2 {
		font-size: 38px;
	}

}

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

	.arrow-down {
		display: none;
	}

	.the-stat {
	    width: 47%;
	    margin-right: 5%!important;
	}

	.the-stat:nth-child(2n) {
		margin-right: 0!important;
	}


}

@media (max-width: 800px) {

	.testimonial-holder {
		width: 95%;
		margin: 0 auto;
	}

	.erin-testimonials {
	    margin: 75px 0 0px;
	}

	.erin-video {
		margin: 100px 0 25px;
	}

	.highlights {
		padding: 50px 0;
	}

	.neighborhood-hero {
		height: auto;
	}

	.schools {
	    padding: 0 0 50px;
	}

	.meta-top h1,
	.meta-top h2 {
		padding-right: 50px;
	}

	.highlight h3 {
		font-size: 14px;
	}

	.neighborhood-meta {
		width: 600px;
		max-width: 90%;
		margin: 0 auto;
		padding: 50px 0;
		order: 1;
		height: auto;
	}

	.highlight-description {
	    font-size: 12px;
	}

	.meta-description {
		padding-right: 50px;
		width: 100%;
		margin-right: 0;
		margin-top: 25px;
	}

	.neighborhood-feature-image {
	    position: relative;
	    right: 0;
	    top: 0;
	    height: auto;
	    width: 100%;
	    padding-top: 50%;
	    order: 1;
	}

	.selling-building {
       padding: 0;
	}

	.selling-building .erin-taylor-site-container {
		background-color: #313131;
		 padding: 50px 15px 75px;
	}

	.selling-build-title h2,
	.selling-building-description {
		color: #fff;
	}

	.selling-building-description {
	    font-size: 22px;
	    width: 100%;
	}

	.the-long-drop {
		font-size: 14px;
	}
	.vendor-hero-half {
		width: 100%;
		height: calc(100vh - 53.3px);
	}
	.vendor-hero-half.second {
		display: none!important;
	}
	.vendor-hero-inner-content {
		width: 100%;
		display: none!important;
		top: auto;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #fff;
		display: flex;
		display: -webkit-flex;
		display: -moz-flex;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		justify-content: center;
		position: fixed;
	    transform: translateY(-0%);
	    -ms-transform: translateY(-0%);
	    -webkit-transform: translateY(-0%);
	    -moz-transform: translateY(-0%);
	    -o-transform: translateY(-0%);
	    padding: 15px 0;
	    z-index: 100;
	}
	.vendor-hero-half a {
		width: auto;
		display: inline-block;
		margin-right: 15px;
		font-size: 14px;
		margin-bottom: 0;
		letter-spacing: .1px;
	}
	.vendor-jump-inner {
		border-bottom: 0;
	}
	.vendor-hero-half a:last-of-type {
		margin-right: 0px;
	}
	.erin-other-bio-image-half {
	    width: 100%;
	}
	.erin-other-bio-text-half {
		padding: 0 0 25px;
		width: 500px;
		margin: 0 auto;
		max-width: 90%;
	}
	.erin-bio-image-half .black-button {
		display: none;
	}

	.erin-bio-image img {
		width: 100%;
		max-width: 100%;
	}

	.small-bio-text {
		margin-top: 25px;
	}

	.about-hero {
	    padding: 50px 0;
	}

	.the-schools {
		margin-top: 25px;
	}

	.erin-bio-image-half {
		width: 150px;
		margin-right: 0;
	}
	.erin-bio-image,
	.erin-bio-image img {
		width: 100%;
		max-width: 100%;
	}

	.erin-bio-text-half {
		width: calc(100% - 150px);
		padding-left: 25px;
	}

	.navigation-pop-up.open span:nth-child(1) {
	    transform: translateY(9px) rotate(45deg);
	}
	.et-logo {
		width: 160px;
	}
	.navigation-pop-up {
		height: 20px;
	}
	.navigation-pop-up span {
		height: 4px;
	}

	.et-navigation {
		top: 0;
		width: 100%;
		left: 0;
		right: 0;
		position: fixed;
	}

	.et-navigation .erin-taylor-site-container {
		padding: 10px 0;
	}
	.site-inner {
	    padding-top: 53.3px;
	}
	.pop-form {
		height: calc(80vh - 53.3px);
	}
	.et-pop-up.open {
		top: 53.3px;
	}
	.et-pop-up {
	    height: calc(100vh - 53.3px);
	}
	.black-button, 
	.neighborhood-name-sticky,
	input[type="submit"].wpcf7-submit {
		font-size: 13px;
		min-height: 50px;
	}

	.arrow-controls {
	    width: 100%;
	    margin-right: 0;
	    display: flex;
	    display: -webkit-flex;
	    justify-content: center;
	    align-items: center;
	    display: -moz-flex;
	    order: 2;
	}

	.testimonial-roller{
		width: 450px;
	    max-width: 100%;
	    margin: 0 auto 50px;
	}

	.mobile-break {
		max-width: 100%!important;
		width: 100%!important;
	}

	.arrow-controls.for-sale, 
	.arrow-controls.sold {
		display: none!important;
	}

	.home-holder {
		display: flex;
		display: -webkit-flex;
		display: -moz-flex;
	    flex-wrap: nowrap;
	    -webkit-flex-wrap: nowrap;
	    overflow: hidden;
	    -webkit-overflow-scrolling: touch;
        overflow-x: auto;
        justify-content: left;
	}
	.a-listing {
	    flex: 0 0 auto;
	    min-width: 250px;
	}
	.a-listing:first-of-type {
		margin-left: 2.5%;
	}
	.area-and-counter, .address-name, .the-listing-photo-roller .black-button  {
		opacity: 1!important;
	}
	.erin-taylor-site-container {
		max-width: 95%;
	}
	.navigation-pop-up {
		right: 2.5%;
	}
	.recently-sold {
	    margin-bottom: 100px;
	}
	.erin-video .video-bg video {
		display: none;
	}
	.erin-video .bg-fallback {
		display: block;
	}
	.testimonials {
	    padding: 100px 0 50px;
	}

	.home-hero-feature {
		height: auto;
	}
	.vendor-block h2 {
		margin-bottom: 25px;
	}
	.phone-number,
	.vendor-name {
		font-size: 14px;
	}
	.vendor-block {
	    margin-bottom: 50px;
	}

	.the-school {
	    background: no-repeat center center / contain;
	}

	.full-height-mobile .home-hero-feature {
		height: auto;
		display: flex;
		display: -webkit-flex;
		display: -moz-flex;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}

	.bg {
		position: relative;
		height: 100%;
	}

	.vendors-hero {
		height: auto;
	}

	.full-height-mobile .home-hero-feature-box {
		order: 2;
	    position: relative;
	    top: 0;
		transform: translateY(-0%);
		-ms-transform: translateY(-0%);
		-webkit-transform: translateY(-0%);
		-moz-transform: translateY(-0%);
		-o-transform: translateY(-0%);
	    width: 100%;
	    order: 2;
	    float: left;
	    padding: 0;
	}

	.erin-video .bg-wrap,
	.erin-video .bg-wrap {
		position: relative;
		height: 64vh;
		order: 1;
	}

	.erin-video .bg-fallback,
	.erin-video .bg {
		position: relative;
	}

	.full-height-mobile .home-hero-feature-box h1 {
		width: 450px;
		margin: 0 auto;
		max-width: 80%;
		padding: 37px 0;
	}

	.erin-video .vendor-hero-half {
		height: auto;
		display: flex;
		display: -webkit-flex;
		display: -moz-flex;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}

	.mobile-only-hero-divider {
		display: block;
	}

	.desktop-only {
		display: none;
	}
}

@media (max-width: 767px) {

}

@media (max-width: 650px) {

	.meta-top h1 {
		font-size: 14px;
	}

	.highlight {
		width: 47%;
		margin-right: 5%;
		margin-bottom: 50px;
	}

	.highlight:nth-child(2) {
		margin-right: 0;

	}

	.vendors {
	    padding: 50px 0 0;
	}

	.selling-building-description {
		font-size: 18px;
		letter-spacing: 1px;
	}

	.et-pop-up .form-field {
		width: 45%;
		padding-right: 0;
		float: left;
	}

	.et-pop-up .form-field.the-first {
		margin-right: 10%;
	}

	.pop-form {
		height: auto;
		width: 100%;
		order: 2;
		max-height: 50vh;
		min-height: 50vh;
	}
	.popup-navigation {
	    width: 100%;
	    padding-left: 0;
	    height: auto;
	    order: 1;
	    padding: 25px 0;
	    max-height: 50vh;
	}
	.get-in-touch-heading,
	.highlights h2 {
		margin-bottom: 25px;
	}
	.et-pop-up {
		padding: 0;
	}
	.home-hero-feature-box h1,
	.home-hero-feature-box {
		font-size: 12px;
	}
	.home-section-title h2, 
	.explore-pittsburgh-top-line h2, 
	.get-in-touch-form h2,
	.get-in-touch-heading,
	.popupnav,
	.erin-bio-text-half h1,
	.the-vendor-title,
	.new-construction-title h1,
	.selling-build-title h2,
	.meta-top h2, 
	.w-right h2 {
		font-size: 32px;
	}
	.home-section-title h3 {
		font-size: 14px;
	}
	.testimonial-quote {
		font-size: 28px;
	}
	.the-quote img {
		width: 25px;
	}
	.the-quote {
	    position: absolute;
	    left: -32px;
	    top: -4px;
	}
	.testimonial-giver {
		font-size: 14px;
	}
	.neighborhoods {
	    width: 100%;
	    margin-left: 0;
	    margin-top: 50px;
	}
	.explore-picture-half {
	    width: 100%;
	}
	.get-in-touch-form h2 {
		font-size: 32px;
		margin: 0 auto 50px;
	}
	.form-field input {
		font-size: 13px;
	}
	.testimonial-roller {
		padding-left: 35px;
	}
	.testimonials,
	.new-construction-long-drop {
	    padding: 75px 0 50px;
	}
	.recently-sold {
	    margin-bottom: 50px;
	}
	.office-badges {
	    width: 100%;
	    margin-right: 0;
	    order: 2;
	    display: flex;
		display: -webkit-flex;
		display: -moz-flex;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		align-items: center;
		padding-top: 45px;
	}
	.office-locations {
	    width: 100%;
	    order: 1;
	}
	.badge-holder {
	    margin-bottom: 0;
	    width: 45%;
	    margin-right: 5%;
	    text-align: center;
	}
	.badge-holder:nth-child(2n) {
		margin-right: 0px;
	}
	.badge-holder img {
	    width: 174px;
	    margin: 0 auto;
	    max-width: 75%;
	}
	.office-holder {
		margin-bottom: 25px;
	}
	.contact-box {
		text-align: center;
	}
	.contact-box:nth-child(1) {
		width: 50%;
		margin-right: 0
	}
	.contact-box:nth-child(2) {
		display: none!important;
	}
	.contact-box:nth-child(3) {
		width: 50%;
	}
	.small-contact-info-holder {
		display: flex;
		display: -webkit-flex;
		display: -moz-flex;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}
	.erin-other {
	    padding: 50px 0 0px;
	}
	.erin-stat-holder {
	    padding: 50px 15px;
	}
}

@media (max-width: 600px) {

	.this-project-page-goes-to-eleven .aligncenter {
		margin: 0 auto;
	}
	/*
	.erin-taylor .text-blurb.two {
		padding-top: 0;
		margin-bottom: -25px;
	}
	*/
	.erin-video {
		margin: 50px 0 25px;
	}
	.erin-bio-text-half h1 {
	    font-size: 23px;
	}
	.individual-vendor, 
	.the-school {
	    width: 45%;
	    margin-right: 5%!important;
	}
	.individual-vendor:nth-child(2n),
	.the-school:nth-child(2n) {
		margin-right: 0!important;
	}
	.vendor-hero-half a {
		font-size: 12px;
	}

}

@media (max-width: 530px) {
	.the-stat {
	    width: 100%;
	    margin-right: 0;
	    margin-bottom: 40px;
	}
	.the-stat:last-of-type {
		margin-bottom: 0;
	}
	.testimonial-quote {
	    font-size: 22px;
	}
	.testimonial-giver {
		font-size: 12px;
	}
	.the-quote img {
		width: 22px;
	}
	.testimonial-roller {
		margin: 0 auto 28px;
	}
	.explore-description {
		width: 100%;
	}
	.office-location, .remax-office-title-block, .contact-box, .neighborhood-name {
	    font-size: 12px;
	}
	.neighborhood-half h3 {
	    font-size: 14px;
	}
	.home-section-title h2, 
	.explore-pittsburgh-top-line h2, 
	.get-in-touch-form h2,
	.get-in-touch-heading,
	.popupnav,
	.the-vendor-title,
	.new-construction-title h1,
	.selling-build-title h2,
	.meta-top h2, 
	.w-right h2 {
	    font-size: 26px;
	}
	.site-credit {
	    width: 110px;
	}
	.et-footer {
	    padding: 75px 0 0px;
	}
	.small-contact-info {
	    margin-bottom: 75px;
	}
	.work-with-me {
		margin-bottom: 15px;
	}

}

@media (max-width: 500px) {
	.neighborhood-feature-image {
		padding-top: 100%;
	}
	.office-location {
		width: 47%;
		margin-right: 5%!important;
		margin-bottom: 25px!important;
	}
	.office-location:nth-child(2n) {
		margin-right: 0px!important;
	}
	.remax-office-title-block {
		margin-bottom: 27px;
	}
	.contact-box a {
		display: block;
	}
	.small-bio-text {
		width: 100%;
	}
	.erin-bio-text-half {
		padding-left: 0;
		width: 90%;
		margin: 0 auto;
	}
	.erin-bio-image-half {
		width: 100%;
	}

	.erin-bio-image {
		text-align: center;
		padding-bottom: 10px;
	}

	.erin-bio-image img {
		width: 150px;
		margin: 0 auto;
		float: none;
	}
	.small-bio-text {
	    margin-top: 10px;
	}


}