/* Sidebar quotes */


/* CSS talk bubble */
.talk-bubble {
  display: inline-block;
  position: relative;
	width: auto;
	margin: 0 5px;
	height: auto;
	background-color: #edeff1;
	border-radius: 5px;
	/*border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 2px;
	border-bottom-left-radius: 2px;*/
	box-shadow: inset 0px 0px 2px #a4b3bf;
}
.border{
  border-bottom: 1px solid #d1d8de;
}

.round{
  border-radius: 10px;
-webkit-border-radius: 10px;
}

/* talk bubble contents */
.talktext{
  padding: 10px;
  line-height: 1.5;
  font-size: 14px;
}

.talktext p{
  /* remove webkit p margins */
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;	
  padding: 0;
}

.custName
{
	font-size: 14px;
	padding: 10px 0 0 0 !important;
	font-style: italic;
	text-align: right;
}

.moreTestimonials
{
	padding: 8px 4px 0 0;
	font-size: 14px;
	text-align: right;
}


/*Right triangle, placed bottom right side slightly in*/
.tri-right.border.btm-right-in:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: auto;
	left: 30px;
	bottom: -25px;
	border: 12px solid;
	border-color: #d1d8de #d1d8de transparent transparent;
}
.tri-right.btm-right-in:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: auto;
	left: 24px;
	bottom: -20px;
	border: 14px solid;
	border-color: #edeff1 #edeff1 transparent transparent;
}


/* Right triangle placed top left flush. */
.tri-right.border.left-top:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: -40px;
	right: auto;
  top: -8px;
	bottom: auto;
	border: 32px solid;
	border-color: #51868f transparent transparent transparent;
}
.tri-right.left-top:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: -20px;
	right: auto;
  top: 0px;
	bottom: auto;
	border: 22px solid;
	border-color: #fafafa transparent transparent transparent;
}

/* Right triangle, left side slightly down */
.tri-right.border.left-in:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: -40px;
	right: auto;
  top: 30px;
	bottom: auto;
	border: 20px solid;
	border-color: #51868f #51868f transparent transparent;
}
.tri-right.left-in:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: -20px;
	right: auto;
  top: 38px;
	bottom: auto;
	border: 12px solid;
	border-color: #fafafa #fafafa transparent transparent;
}

/*Right triangle, placed bottom left side slightly in*/
.tri-right.border.btm-left:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: -8px;
  right: auto;
  top: auto;
	bottom: -40px;
	border: 32px solid;
	border-color: transparent transparent transparent #51868f;
}
.tri-right.btm-left:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 0px;
  right: auto;
  top: auto;
	bottom: -20px;
	border: 22px solid;
	border-color: transparent transparent transparent #fafafa;
}

/*Right triangle, placed bottom left side slightly in*/
.tri-right.border.btm-left-in:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 30px;
  right: auto;
  top: auto;
	bottom: -40px;
	border: 20px solid;
	border-color: #e1e0cc transparent transparent #e1e0cc;
}
.tri-right.btm-left-in:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 38px;
  right: auto;
  top: auto;
	bottom: -20px;
	border: 12px solid;
	border-color: #f3f2eb transparent transparent #f3f2eb;
}

/*
	left: -8px;
  right: auto;
  top: auto;
	bottom: -40px;
	border: 32px solid;
	border-color: transparent transparent transparent #e1e0cc;
	left: 0px;
  right: auto;
  top: auto;
	bottom: -20px;
	border: 22px solid;
	border-color: transparent transparent transparent #f3f2eb;

/*Right triangle, placed bottom right side slightly in*/
.tri-right.border.btm-right:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: auto;
	right: -8px;
	bottom: -40px;
	border: 20px solid;
	border-color: #e1e0cc #e1e0cc transparent transparent;
}
.tri-right.btm-right:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: auto;
	right: 0px;
	bottom: -20px;
	border: 12px solid;
	border-color: #f3f2eb #f3f2eb transparent transparent;
}

/* Right triangle, right side slightly down*/
.tri-right.border.right-in:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: auto;
	right: -40px;
  top: 30px;
	bottom: auto;
	border: 20px solid;
	border-color: #e1e0cc transparent transparent #e1e0cc;
}
.tri-right.right-in:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: auto;
	right: -20px;
  top: 38px;
	bottom: auto;
	border: 12px solid;
	border-color: #f3f2eb transparent transparent #f3f2eb;
}

/* Right triangle placed top right flush. */
.tri-right.border.right-top:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: auto;
	right: -40px;
  top: -8px;
	bottom: auto;
	border: 32px solid;
	border-color: #e1e0cc transparent transparent transparent;
}
.tri-right.right-top:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: auto;
	right: -20px;
  top: 0px;
	bottom: auto;
	border: 20px solid;
	border-color: #f3f2eb transparent transparent transparent;
}

.tri-right.border.top-left:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: 30px;
    /* right: auto; */
    top: -25px;
    bottom: 30px;
    border: 14px solid;
    border-color: transparent transparent #d1d8de #d1d8de;
}
	
.tri-right.top-left:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: 32px;
    right: auto;
    top: -20px;
    bottom: 20px;
    border: 12px solid;
    border-color: transparent transparent #edeff1 #edeff1;
}

.bubble
{
position: relative;
padding: 10px;
background: #f3f2eb;
-webkit-border-radius: 10px;
border-radius: 10px;
border: #e1e0cc solid 1px;
}

.bubble:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 10px 10px 0;
border-color: #f3f2eb transparent;
display: block;
width: 0;
z-index: 1;
bottom: -10px;
left: 49px;
}

.bubble:before
{
content: '';
position: absolute;
border-style: solid;
border-width: 10px 10px 0;
border-color: #e1e0cc transparent;
display: block;
width: 0;
z-index: 0;
bottom: -11px;
left: 49px;
}

.bubble p
{
	padding: 0;
}
