/* probootstrap-text
--------------------------------*/

.probootstrap-text-nomargin {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.probootstrap-text-box-wrapper {
	position: relative;
	z-index: 2;
	background: #fff;
	-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
	-webkit-transition: 0.3s all;
	transition: 0.3s all;
	border-bottom: 3px solid #e37b18;
	color: #666;
	margin-bottom: 20px;
}

.probootstrap-text-box-wrapper-block {
	position: relative;
	z-index: 2;
	background: #fff;
	-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
	-webkit-transition: 0.3s all;
	transition: 0.3s all;
	border-bottom: 3px solid #e37b18;
	color: #666;
	margin-bottom: 20px;
}

.probootstrap-text-box-wrapper .probootstrap-text-box {
	position: relative;
	z-index: 2;
	background: #fff;
	padding: 20px;
	-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
	-webkit-transition: 0.3s all;
	transition: 0.3s all;
}

.probootstrap-text-box-wrapper-block .probootstrap-text-box {
	position: relative;
	z-index: 2;
	background: #fff;
	padding: 20px;
	-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
	-webkit-transition: 0.3s all;
	transition: 0.3s all;
}

.probootstrap-text-box-wrapper:hover {
	background: #e37b18;
	color: rgba(255, 255, 255, 0.7);
}

.probootstrap-text-box-wrapper:hover .h3-ellipsis {
	color: #fff !important;
}

.probootstrap-text-box-wrapper:hover .probootstrap-text-box {
	color: #666 !important;
}

.h3-normal {
	font-size: 26px;
	line-height: 22px;
	-webkit-transition: 0.3s all;
	transition: 0.3s all;
}

.h3-ellipsis {
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 18px;
	line-height: 22px;
	-webkit-transition: 0.3s all;
	transition: 0.3s all;
}

.padding20 {
	padding: 20px !important;
}