


.blockquote-container blockquote:before {
	color: #444;
    content: open-quote;
    font-size: 38px;
    line-height: 0.1em;
    margin-right: 11px;
    vertical-align: -13px;
    position: absolute;
    left: 19px;
    top: 25px;
}

.blockquote-container blockquote p {
    font-size: 32px;
    font-weight: 300;
    font-style: italic;
	line-height: 38px;
}


.blockquote-container blockquote.small {
    max-width: 300px;
}





.blockquote-container blockquote .per-name {
    font-style: initial;
    font-size: 18px;
    font-weight: 600;
    color: #18ab50;
}

.blockquote-container blockquote .per-position{
	font-style: initial;
	font-size: 16px;
	font-weight: 300;
    color: #858585;
	line-height: 20px;
}


.blockquote-container {
	clear: both;
}


.blockquote-container blockquote {
    border-left: 3px solid #18ab50;
    margin: 20px 0px;
    padding: 10px;
    quotes: "\201C""\201D""\2018""\2019";
    font-size: 29px;
    line-height: 39px;
    font-weight: 400;
    font-style: italic;
    position: relative;
    padding-left: 33px !important;
	padding-bottom: 15px;
}



.blockquote-container blockquote p:after {
    color: #444;
    content: close-quote;
    font-size: 38px;
    line-height: 0.1em;
    margin-right: 11px;
    vertical-align: -4px;
    font-weight: 400;
    padding-left: 4px;
}




.blockquote-container blockquote.small {
    line-height: 27px;

}



.blockquote-container blockquote.small p:after {
	color: #444;
    content: close-quote;
    font-size: 25px;
    line-height: 0.1em;
    margin-right: 11px;
    vertical-align: -17px;
    top: -17px;
    position: relative;
}

.blockquote-container blockquote .per-name {
    font-style: initial;
    font-size: 18px;
    font-weight: 600;
    color: #18ab50;
}


.blockquote-container {
    clear: both;
    display: inline-block;
}


.small.blockquote-container {
	clear: both;
	max-width: 350px;
	padding: 0 10px;
}

.small.withimage .imghtml {
	float: left;
	margin: 0;
	padding: 10px;
	font-size: 29px;
	line-height: 39px;
	width: 33%;
}

.small.withimage .contenthtml {
	float: right;
	width: 100%;
}

.smallimgtext {
	float: left;
	padding-right: 8px;
	margin-top: 7px;
}

.small img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    border-radius: 50%;
}

.smallimgcon {
	float: left;
}

.blockquote-container blockquote.small .per-name {
	font-style: initial;
	font-weight: 600;
	color: #18ab50;
}



.withimage .imghtml {
	float: left;
	margin: 20px 0px;
	padding: 10px;
	font-size: 29px;
	line-height: 39px;
	width: 160px;
}

.imghtml:empty {
	display:none;
}

.withimage .contenthtml {
    float: right;
    width: calc( 100% - 170px );
}


.blockquote-container.alignright.large{
	width: 500px;
}

.blockquote-container.alignright.large .blockquote{
	margin: 0;
}


.withimage .imghtml img {
    max-width: 100%;
    height: 140px !important;
    width: 140px !important;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}


.large.withimage.alignright .imghtml {
    width: 120px !important;
	    margin: 7% 0px;
}

.large.withimage.alignright .contenthtml {
	width: calc( 100% - 120px); 
}	

blockquote.inst.alignright.large {
	margin: 0px !important;
}

hr {
    border-bottom: 1px solid rgba(0,0,0,0.15) !important;
}



.per-name:empty, .smallimgtext:empty, .per-position:empty, .smallimgcon:empty {
    display: none;
}