.mb-style-3, .mb-style-4 {
	width: 640px;
}

.mb-style-3 blockquote, .mb-style-4 blockquote{
	background: #fff;
	padding: 30px;
	border-radius: 5px;
	box-shadow: 
		inset 0 2px 0 rgba(156, 204, 225, 0.7), 
		-5px -4px 25px rgba(0, 0, 0, 0.3);
/*      box-shadow: 
		inset 0 2px 0 rgba(188, 147, 200, 0.7), 
		-5px -4px 25px rgba(0, 0, 0, 0.3); */
}

.mb-style-3 blockquote:after {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.mb-style-4 blockquote:before {
	top: 100%;
	border: none;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.mb-style-3 blockquote:after,
.mb-style-4 blockquote:after {
	border-top-color: #ffffff;
	border-width: 10px;
	left: 65%;
	margin-left: -10px;
}

.mb-style-3 blockquote:before,
.mb-style-4 blockquote:before {
	border-top-color: rgba(0,0,0,0.01);
	border-width: 11px;
	left: 65%;
	margin-left: -11px;
}

.mb-style-3 blockquote p img,
.mb-style-4 blockquote p img {
	padding-left: 8px;
}
.mb-style-3 blockquote p,
.mb-style-4 blockquote p {
	font-family: georgia, "Times New Roman", Times, serif; /*'Alegreya', serif; */
	font-size: 17px; /* 24px */
	color: #9CCCE1; /*#b4b4b4; */
	font-weight: 400;
	line-height: 27px; /* 40px; */
	font-style: italic;
	text-indent: 100px;
	position: relative;
}
.mb-style-4 blockquote p {
    text-indent: 0px;
}
.mb-style-4 blockquote p b {
    color: #3953A4;
}
.mb-style-4 blockquote .comment p, .mb-style-4 blockquote .comment span {
    color: #666666;
    font-size: 15px;
    line-height: 19px;
    font-family: serif;
    font-style: italic;
}
.mb-style-4 blockquote .comment img {
    padding: 0 0 5px 5px;
}
.mb-style-3 blockquote p:before {
	content: '\201C';
	font-family: serif;
	font-style: normal;
	font-weight: 700;
	position: absolute;
	font-size: 175px;
	top: 0px;
	left: -105px;
	color: rgba(156, 204, 225, 1);  /* rgba(188, 147, 200, 1); */
	text-shadow: 7px 14px 10px rgba(0, 0, 0, 0.1);
}
.mb-style-3 blockquote p span {
	color: rgba(156, 204, 225, 1);  /* rgba(188, 147, 200, 1); */
	text-shadow: 7px 14px 10px rgba(0, 0, 0, 0.1);
}
.mb-style-4 blockquote p:before {
	font-family: serif;
	font-style: normal;
	font-weight: 700;
	position: absolute;
	font-size: 175px;
	top: 0px;
	left: -105px;
	color: rgba(156, 204, 225, 1);  /* rgba(188, 147, 200, 1); */
	text-shadow: 7px 14px 10px rgba(0, 0, 0, 0.1);
}

.mb-style-3 .mb-attribution,
.mb-style-4 .mb-attribution {
	text-align: right;
	padding: 20px 100px 20px 20px;
	position: relative;
}

.mb-style-3 .mb-thumb,
.mb-style-4 .mb-thumb {
	display: block;
	width: 70px;
	height: 70px;
	border: 5px solid #fff;
	border-radius: 50%;
	background: url(../images/bronte.jpg) no-repeat center center;
	position: absolute;
	right: 10px;
	bottom: 5px;
	box-shadow: 
		inset 1px 1px 4px rgba(0,0,0,0.5),
		0 2px 3px rgba(0,0,0,0.6);
}

.mb-style-3 .mb-author,
.mb-style-4 .mb-author {
        font-family: georgia, "Times New Roman", Times, serif; /*'Alegreya', serif; */
	font-weight: 700;
	font-size: 15px; /* 18px; */
	color: rgba(188, 147, 200, 1);
	text-shadow: 0 1px 1px rgba(255,255,255,0.7);
}

.mb-style-3 cite a,
.mb-style-4 cite a {
	font-family: 'Alegreya', serif;
	font-weight: 700;
	font-style: italic;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,0.3);
}

.mb-style-3 cite a:hover,
.mb-style-4 cite a:hover {
	color: rgba(188, 147, 200, 1);
	text-shadow: 0 1px 1px rgba(255,255,255,0.7);
}