/*==============================================  IMPORTANT - PLEASE READ ==============================================

font-family: 'Lato', sans-serif;
font-family: 'Playfair Display', serif;
font-family: 'Oswald', sans-serif;
font-family: 'Raleway', sans-serif;
____

thin 100
light 300
regular 400
bold 700
black 900
____

========================================================================================================================
*/

/*
==============================================
Quote Section
==============================================
*/

.new-home .quote-section {
	background-color: #c9a560;
}
.new-home .bar6-animate:before {
	display: none;
}
.new-home .quote,
.new-home .quote-wrapper:before,
.new-home .quote-section .quote-cite {
    color: #353d48;
}


.quote-section .bar-initiate-animation:before {
    position: relative;
    top: -1px;
}
.quote-section {
/*	border-bottom: solid 4px #c9a560;*/
	min-height: 440px;
	padding: 1px;
}

/*.quote-container:before {
	content: '';
	display: block;
	background: #c9a560;
	height: 8px;
	width: 0px;
	margin: 0 auto;
	animation-name: line-draw;
	animation-duration: 3s;
	animation-fill-mode: forwards;
}*/
.quote-wrapper:before {
	content: '“';
	display: block;
	font-family: 'Cormorant', serif;
	font-size: 100px;
	line-height: 50px;
	color: #d0c1a5;
}
.quote-wrapper {
	padding: 110px 15px;
}
.quote-hr {
	display: none;
}
.quote {
	font-family: 'Cormorant', serif;
    font-weight: 300;
    font-size: 36px;
    line-height: 40px;
    color: #353d48;
    max-width: 650px;
    margin: 0 auto;
}
.quote span {
    animation-name: slideInUpSmall;
	animation-fill-mode: both;
    animation-duration: 2s;
		display: block;

}
.quote .quote-1 {
	animation-name: slideInUpSmall;
	display: block;
	animation-delay: .5s;
	animation-duration: 2s;
}
.quote .quote-2 {
	animation-name: slideInUpSmall;
	display: block;
	animation-delay: 1s;
	animation-duration: 2s;
}
.quote-cite .quote-a {
	animation-name: slideInDownSmall;
	display: block;
	/* animation-delay: 1.5s; */
	animation-duration: 2s;
}
.quote .quote-sub {
	display: block;
}
.quote-wrapper .quote-cite {
	text-transform: uppercase;
	font-family: 'Source Sans Pro', sans-serif;
	color: #595959;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 3px;
	padding-top: 30px;
	animation-delay: 1.5s;
	animation-duration: 2s;
}
.quote-author {
	animation-delay: 1.5s;
	animation-duration: 2s;
}

.interior .quote-section {
	min-height: 700px;
	background-image: url(https://www.raymondjames.com/-/media/rj/advisor-sites/global/model-assets/model-2/patterns/carousel-pattern.png);
	background-repeat: repeat;
	background-color: #272d3b;
	background-size: initial;
	animation-duration: 3s;
	border-top: solid 4px #c9a560;
    background-position: center center;
}

/*
.interior .quote-section {
	min-height: 700px;
    background-size: cover;
	background-position: center center !important;
	background: url(https://www.raymondjames.com/-/media/rj/advisor-sites/sites/v/a/vanilla-model-2/images/int-quote-banner.jpg);
	animation-duration: 3s;
	border-top: solid 4px #c9a560;
} */
.interior .quote-section .quote-wrapper .quote p {
	font-family: 'Cormorant', serif;
    font-weight: 300;
    font-size: 31px;
    line-height: 40px;
    color: #353d48;
}
.interior .quote-content:before {
	content: "";
	display: block;
	width: 350px;
	height: 8px;
	background-color: #c9a560;
	margin: 0 auto;
}
.interior .quote-content {
	background: rgba(255,255,255,.93);
    margin: 190px auto;
	animation-delay: 1s;
	z-index: 9;
    position: relative;
}
.interior .quote-content .interior-quote {
	font-family: 'Cormorant', serif;
    font-size: 36px;
	line-height: 40px;
    font-weight: 300;
    font-style: italic;
	color: #353d48;
    padding: 0px 80px;

}
.interior-quote .quote-1 {
	display: block;
	animation-name: slideInUpSmall;
	animation-delay: .5s;
	animation-duration: 2s;
}
.interior-quote .quote-2 {
	display: block;
	animation-name: slideInUpSmall;
	animation-delay: 1s;
	animation-duration: 2s;
}
.interior-quote .quote-a {
	display: block;
	animation-name: slideInDownSmall;
	animation-delay: 1.5s;
	animation-duration: 2s;
}
.interior .quote-content .quote-wrapper:before {
	display: none;
}
.interior .quote-content .quote-wrapper {
	padding: 80px 95px;
}
.interior .quote-content .quote-wrapper .quote-cite {
	color: #787a7b;
}


/*
==============================================
Responsive Meia Queries NEW
==============================================
*/


/* Touch devices only */
@media (pointer:coarse) {
/*
==============================================
Quote Section
==============================================
*/

}


/* Large devices (tablet landscape, 1024px and less) tablet-l */
@media only screen and (max-width: 1024px) {
/*
==============================================
Quote Section
==============================================
*/

}


/* Large devices (desktops, 992px and less) */
@media only screen and (max-width: 992px) {
/*
==============================================
Quote Section
==============================================
*/

}


/* Medium devices (tablet portrait, 768px and less) tablet-p */
@media only screen and (max-width: 768px) {
/*
==============================================
Quote Section
==============================================
*/


}


/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {
/*
==============================================
Quote Section
==============================================
*/
.interior .quote-section {
		margin: 0px;
	}
	.interior .quote-content .quote-wrapper {
		padding: 80px 25px;
	}
	.interior .quote-content .interior-quote {
		padding: 0px;
	}
}

/* Extra small devices (most portrait phones, 375px and less) mobile-p */
@media only screen and (max-width: 375px) {


}

/* Extra small landscape devices (most landscape phones, >=480px and <= 767 and landscape) mobile-l */

@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
/*
==============================================
Quote Section
==============================================
*/


}

/* IE only */
@media screen\0 { }