/* Card */
.card-deck .hidden-card {
	visibility: hidden;
	width: 0px !important;
	height: 0px !important;
	margin: 0px !important;
	padding: 0px !important;
	position: absolute;
	left: 0px !important;
	top: 0px !important;
}

.card-container {
	height: 100%;
	width: 100%;
}

.card-container.hover .card {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.card-container .card {
	background: none repeat scroll 0 0 #FFFFFF;
	color: #444444;
	height: 100%;
	margin: 0px auto;
	max-width: 250px;
	position: relative;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: -webkit-transform .5s;
	-moz-transition: -moz-transform .5s;
	-o-transition: -o-transform .5s;
	transition: transform .5s;
}

.card-container .card .text,
.card-container .card .quote {
	height: 300px;
	overflow-y: auto;
}

.card-container .card .quote::before {
	content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 95.333 95.332' x='0px' y='0px' width='16px' height='16px' fill='white'><path d='M30.512,43.939c-2.348-0.676-4.696-1.019-6.98-1.019c-3.527,0-6.47,0.806-8.752,1.793 c2.2-8.054,7.485-21.951,18.013-23.516c0.975-0.145,1.774-0.85,2.04-1.799l2.301-8.23c0.194-0.696,0.079-1.441-0.318-2.045 s-1.035-1.007-1.75-1.105c-0.777-0.106-1.569-0.16-2.354-0.16c-12.637,0-25.152,13.19-30.433,32.076 c-3.1,11.08-4.009,27.738,3.627,38.223c4.273,5.867,10.507,9,18.529,9.313c0.033,0.001,0.065,0.002,0.098,0.002 c9.898,0,18.675-6.666,21.345-16.209c1.595-5.705,0.874-11.688-2.032-16.851C40.971,49.307,36.236,45.586,30.512,43.939z'></path><path d='M92.471,54.413c-2.875-5.106-7.61-8.827-13.334-10.474c-2.348-0.676-4.696-1.019-6.979-1.019 c-3.527,0-6.471,0.806-8.753,1.793c2.2-8.054,7.485-21.951,18.014-23.516c0.975-0.145,1.773-0.85,2.04-1.799l2.301-8.23 c0.194-0.696,0.079-1.441-0.318-2.045c-0.396-0.604-1.034-1.007-1.75-1.105c-0.776-0.106-1.568-0.16-2.354-0.16 c-12.637,0-25.152,13.19-30.434,32.076c-3.099,11.08-4.008,27.738,3.629,38.225c4.272,5.866,10.507,9,18.528,9.312 c0.033,0.001,0.065,0.002,0.099,0.002c9.897,0,18.675-6.666,21.345-16.209C96.098,65.559,95.376,59.575,92.471,54.413z'></path></svg>");
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
}

.card-container .card .quote::after {
	content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 98.829 98.829' x='0px' y='0px' width='16px' height='16px' fill='white'><path d='M96.76,41.603C91.511,22.831,78.562,9.204,65.975,9.204c-1.011,0-2.021,0.088-3.005,0.262 c-0.558,0.098-1.046,0.426-1.348,0.902c-0.301,0.479-0.386,1.061-0.233,1.605l2.591,9.268c0.25,0.895,1.113,1.5,2.01,1.459 l0.206-0.004c4.668,0,13.199,6.996,17.548,22.545c0.172,0.617,0.335,1.248,0.492,1.906c-4.882-2.416-10.706-2.975-15.98-1.506 C56.358,48.97,49.388,61.356,52.714,73.252c2.696,9.639,11.563,16.373,21.563,16.373c2.037,0,4.071-0.281,6.046-0.834 c7.846-2.193,13.745-8.707,16.611-18.338C99.521,61.764,99.456,51.249,96.76,41.603z'></path><path d='M14.088,9.206c-1.009,0-2.02,0.086-3.003,0.26c-0.557,0.096-1.046,0.426-1.347,0.902 c-0.301,0.479-0.386,1.061-0.234,1.605l2.592,9.268c0.25,0.895,1.097,1.5,2.01,1.459l0.204-0.004 c4.668,0,13.2,6.996,17.549,22.545c0.173,0.621,0.336,1.252,0.492,1.906c-4.884-2.416-10.706-2.975-15.98-1.506 C4.475,48.97-2.497,61.356,0.831,73.252c2.696,9.639,11.563,16.373,21.563,16.373c2.037,0,4.071-0.281,6.047-0.834 c7.845-2.193,13.744-8.707,16.611-18.338c2.586-8.689,2.522-19.205-0.175-28.852C39.625,22.831,26.678,9.206,14.088,9.206z'></path></svg>");
	margin-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.card-container .card .short-text {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	overflow: hidden;
	padding: 0px 10px;
	text-align: center;
	width: 100%;
}

.card-container .card .front {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}

.card-container .card .front .portrait {
	display: flex;
	justify-content: center;
}

.card-container .card .front .portrait img {
	max-width: 250px;
	width: 100%;
}

.card-container .card .front .logo {
	align-content: center;
	display: flex;
	height: 150px;
	justify-content: center;
}

.card-container .card .front .logo a {
	display: contents;
}

.card-container .card .front .logo img {
	margin: 10px 0px;
	max-width: 150px;
	max-height: 150px;
	object-fit: contain;
}

.card-container .card .front .greyscale img {
	filter:grayscale(100%);
	opacity: 0.5;
}

.card-container .card .front .centralized-logo {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	text-align: center;
	width: 100%;
}

.card-container .card .front .centralized-logo img {
	max-width: 150px;
	max-height: 150px;
	object-fit: contain;
}

.card-container .card .front .content {
	background-color: rgba(0, 0, 0, 0);
	/*padding: 10px 20px 20px;*/
}

.card-container .card .front .content .name {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	display: -webkit-box;
	overflow: hidden;
	color: #FF8400;
	font-size: 17px;
	font-weight: bold;
	line-height: 28px;
	margin: 10px 5px;
	text-align: center;
}

.card-container .card .front .content .role {
	color: #000;
	text-align: center;
}

.card-container .card .front .content .location,
.card-container .card .front .content h6 {
	color: #999;
	text-align: center;
}

.card-container .card .front .content h6.fix-bottom {
	bottom: 0px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
}

.card-container .card .back {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	background-color: #F77300;
	color: #FFF;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
	width: 100%;
	z-index: 3;
}

.card-container .card .back .header {
	background-color: rgba(0, 0, 0, 0);
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
	display: table;
	width: 100%;
}

.card-container .card .back .header button {
	color: #FFF;
	background-color: #F99640;
	border-radius: 0px;
	float: right;
	font-weight: bolder;
}

.card-container .card .back .content {
	background-color: rgba(0, 0, 0, 0);
	font-size: 15px;
	padding: 0px 20px;
}

.card-container .card .back .content .industry h4 {
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0px;
}

.card-container .card .back .content .personal {
	display: none;
	padding-top: 10px;
}

.card-container .card .back .footer {
	background-color: rgba(0, 0, 0, 0);
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
	bottom: 0px;
	display: flex;
	justify-content: center;
	padding: 0px;
	position: absolute;
	width: 100%;
}

.card-container .card .back .footer div {
	background-color: #F99640;
	color: #FFF;
	cursor: pointer;
	display: table;
	float: left;
	font-weight: bold;
	letter-spacing: 4px;
	padding: 5px 10px;
	text-transform: uppercase;
}

.card-container .card .back .footer div.active {
	background-color: #FFF;
	color: #F99640;
}

.card-container .card [data-card-flip] {
	cursor: pointer;
}

.card-container .gray-card {
	border-radius: 15px;
	height: 100%;
	max-width: 360px;
}

.card-container .gray-card .front {
	border: 4px solid #D2D2D2;
	border-radius: inherit;
	height: 100%;
}

.card-container .gray-card .back {
	border-radius: inherit;
	height: 100%;
}

.card-container .gray-card .back .header button {
	border-top-right-radius: inherit;
}

.card-container .thin-border .front {
	border: 1px solid #D2D2D2 !important;
}

.card-filters {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 20px;
}

.card-filters div {
	background-color: #EBEAEA;
	border-radius: 5px;
	color: #58595B;
	cursor: pointer;
	display: table;
	float: left;
	margin: 5px;
	padding: 10px 20px;
}

.card-filters div.is-checked {
	background-color: #FF8400;
	color: #FFF;
}

.card-deck .grid-item {
	display: flex;
	justify-content: center;
	padding: 15px;
}

.card-container .shadow-box {
	border-radius: 2px;
	-webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.17);
	-moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.17);
	-o-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.17);
	box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.17);
}

.card-deck .grid-item h1 {
	background: #EEEEEE;
	height: 150px;
	line-height: 150px;
	color: white;
	font-size: 3em;
	text-align: center;
	margin-bottom: 30px;
}

.card-deck[data-grid-size="2"] .grid-item {
	height: 400px;
	width: 50%;
}

.card-deck[data-grid-size="3"] .grid-item {
	height: 400px;
	width: calc(100% / 3);
}

.card-deck[data-grid-size="4"] .grid-item {
	height: 400px;
	width: 25%;
}

.card-deck[data-grid-size="6"] .grid-item {
	height: 190px;
	width: 190px;
}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	.card-container .card .front {
		-ms-backface-visibility: visible;
		backface-visibility: visible;
		z-index: 4;
	}

	.card-container .card .back {
		-ms-backface-visibility: visible;
		backface-visibility: visible;
		-ms-transition: all 0.2s cubic-bezier(.92, .01, .83, .67);
		visibility: hidden;
	}

	.card-container.hover .card .back {
		z-index: 5;
		visibility: visible;
	}

}

@media only screen and (max-width:1199px) {
	.card-container .card .back .footer div {
		font-size: 14px;
		padding: 2px 6px;
	}

	.card-deck[data-grid-size="3"] .grid-item {
		width: 50%;
	}

	.card-deck[data-grid-size="4"] .grid-item {
		width: calc(100% / 3);
	}

}

@media only screen and (max-width:991px) {
	.card-container .card .back .footer div {
		font-size: 14px;
		padding: 2px 6px;
	}

	.card-deck[data-grid-size="3"] .grid-item,
	.card-deck[data-grid-size="4"] .grid-item {
		width: 50%;
	}

}

@media only screen and (max-width:767px) {
	.card-deck[data-grid-size="2"] .grid-item,
	.card-deck[data-grid-size="3"] .grid-item,
	.card-deck[data-grid-size="4"] .grid-item {
		width: 100%;
	}

}