/*===============
==== Shared LPs CSS Resources =====
/*================*/


/* =========== BUTTONS ============ */

.blueLPButton {
	border: 1px solid #fff;
	color: #fff;
	background: rgba(26, 122, 203, 0.33);
	text-decoration: none;
	font-size: 40px;
	padding: 7px 22px;
	line-height: 70px;
}

.blueLPButton:hover {
	text-decoration: none;
	background: rgba(26, 122, 203, 0.5);
	color: #fff;
}

.blueLPButton:focus {
	text-decoration: none;
	background: rgba(26, 122, 203, 0.5);
	color: #fff;
}

.purpleLPBUtton {
	border: 1px solid #fff;
	color: #fff;
	background: rgba(58, 58, 182, 0.33);
	text-decoration: none;
	font-size: 40px;
	padding: 7px 22px;
	line-height: 70px;
}

.purpleLPBUtton:hover {
	text-decoration: none;
	background: rgba(58, 58, 182, 0.5);
	color: #fff;
}

.purpleLPBUtton:focus {
	text-decoration: none;
	background: rgba(58, 58, 182, 0.5);
	color: #fff;
}

.ghostLPButton {
	border: 1px solid #fff;
	color: #fff;
	background: rgba(255, 255, 255, 0);
	text-decoration: none;
	font-size: 40px;
	padding: 7px 15px;
	line-height: 70px;
}

.ghostLPButton:hover {
	text-decoration: none;
	background: rgba(255, 255, 255, 0.23);
	color: #fff;
}

.orangeButton {
	color: #fff;
	background: #fd6411;
	border-radius: 3px;
	text-decoration: none;
}

.orangeButton:hover {
	text-decoration: none;
	color: #fff;
	background-color: #fe7830;
}

.whiteOrange {
	background-color: #fff;
	border: 1px solid #fd6411;
	border-radius: 3px;
	color: #fd6411;
	text-decoration: none;
}

.whiteOrange:hover {
	background-color: #ffddca;
	text-decoration: none;
}

.whiteGreen {
	background-color: #fff;
	border-color: #39b970;
	border-radius: 3px;
	border: 1px solid #39b970;
	color: #39b970;
}

.greenButton {
	background-color: #39b970;
	border-radius: 3px;
	color: #fff;
}

.primeSection.partnersSection {
	padding: 20px 0 !important;
}

.primeSection.partnersSection .container {
	width: 100% !important;
	max-width: 100% !important;
}

.row.partnerLogos .col-lg-3,
.row.partnerLogos .col-md-6 {
	text-align: center;
	padding: 15px;
}

@media (max-width: 480px) {
	.row.partnerLogos .col-lg-3.col-md-6.col-sm-6.col-xs-6 {
		max-width: 100% !important;
		flex: 0 0 100%;
	}

	.row.partnerLogos .col-lg-3.col-md-6.col-sm-6.col-xs-6 img {
		max-width: 190px;
		max-height: 124px;
	}
}