@charset "UTF-8";

/*---------------------------------------- UNIVERSAL STYLES ----------------------------------------*/		

body {
	background-color: #F9F9F9;
	color: #888;
	font-family: 'Rambla', sans-serif;
	font-size: 18px;
	font-weight: 400;
	height: 100%;
	letter-spacing: 0.01em;
}

html {
	height: 100%;
	margin: 0;
	padding: 0;
}

.contentContainer {
	height: 100%;
}

.contentContainer100 {
	min-height: calc(100% - 355px);
}

h1 {
	font-family: 'Paytone One', sans-serif;
	font-size: 85px;
	letter-spacing: -0.01em;
	line-height: 0.9em;
	margin-top: 0;
}

h2 {
	font-family: 'Paytone One', sans-serif;
	font-size: 40px;
	letter-spacing: -0.01em;
	line-height: 0.9em;
	margin-top: 0;
}

h3 {
	font-size: 35px;
	font-weight: 700;
	margin-top: 0;
}

h4 {
	font-size: 25px;
	font-weight: 700;
	margin-top: 0;
}

h5 {
	color: #555;
	font-size: 22px;
	font-weight: 700;
	margin-top: 0;
}

p {
	margin: 0 0 1em;
}

.smallText {
	font-size: 15px;
}

.darkText {
	color: #555;
}

.disclaimer {
	color: #999;
	font-size: 12px;
	margin-top: 20px;
}

blockquote {
	background-color: #d8ecc8;
	border: 1px solid #7dc049;
	font-size: 18px;
}

.popContent {
	margin-bottom: 100px;
}

.popHeader {
	background-image: url(../images/logo2.png);
	height: 45px;
	margin: 10px 0 30px 15px;
	width: 249px;
}

/*----- Extra Small -----*/
@media(max-width: 767px){
	
	body {
		background-image: url(../images/bg_.jpg);
		font-size: 16px;
	}
	
	h1 {
		font-size: 35px;
	}
	
	h2 {
		font-size: 25px;
	}
	
	h3 {
		font-size: 20px;
	}
	
	h4 {
		font-size: 18px;
	}
	
	h5 {
		font-size: 16px;
	}

	blockquote {
		font-size: 16px;
	}

	.popHeader {
		background-size: 200px 36px;
		height: 36px;
		margin: 10px 0 30px 15px;
		width: 200px;
	}

}

/*----- Small -----*/
@media(min-width: 768px) and (max-width: 991px){
	
	h2 {
		font-size: 30px;
	}
	
	h3 {
		font-size: 25px;
	}
	
	h4 {
		font-size: 20px;
	}
	
	h5 {
		font-size: 18px;
	}
	
}

/*----- Medium -----*/
@media(min-width: 992px) and (max-width: 1199px){
	
	h2 {
		font-size: 35px;
	}
	
	h3 {
		font-size: 30px;
	}
	
	h4 {
		font-size: 22px;
	}
	
	h5 {
		font-size: 18px;
	}
	
}

/*----- Large -----*/
@media(min-width: 1200px){

}

/*---------------------------------------- BUTTONS & LINKS ----------------------------------------*/

a,
a:focus,
a:visited {
	color: #006699;
	outline: none;
	text-decoration: none;
}
a:active,
a:hover {
	color: #7dc049;
	outline: none;
	text-decoration: none;
}

.comparisonBtn,
.comparisonBtn:focus,
.comparisonBtn:visited {
	background-color: #006699;
	border: none;
	border-radius: 5px;
	color: #fff;
	outline: none;
	padding: 15px 50px;
}
.comparisonBtn:active,
.comparisonBtn:hover {
	background-color: #005580;
}

.comparisonBtnSmall,
.comparisonBtnSmall:focus,
.comparisonBtnSmall:visited {
	background-color: #bbb;
	font-size: 15px;
	padding: 3px 25px;
}
.comparisonBtnSmall:active,
.comparisonBtnSmall:hover {
	background-color: #999;
}

/*---------------------------------------- NAV BAR ----------------------------------------*/

.comparisonsNavbar {
	background: none;
	border: none;
	margin: 0 35px 0 0;
}

.comparisonsNavbar2 {
	background-color: #fff;
	border-bottom: 1px solid #eaeaea;
	height: 80px;
	margin: 0;
}

.comparisonsNavbar .comparisonsLogo {
	background-image: url(../images/logo.png);
	height: 45px;
	margin: 20px 0 0 35px;
	width: 249px;
}

.comparisonsNavbar .comparisonsLogo2 {
	background-image: url(../images/logo2.png);
}

.comparisonsNavbar .container-fluid a.navLink,
.comparisonsNavbar .container-fluid a.navLink:active,
.comparisonsNavbar .container-fluid a.navLink:focus {
	color: #fff;
	font-size: 15px;
	padding: 45px 0 0 1em;
    letter-spacing: 0.1em;
}
.comparisonsNavbar .container-fluid a.navLink:hover {
	color: #7dc049;
}

.navbar-toggle,
.navbar-toggle:focus {
	background-color: rgba(0,0,0,0.65);
    border: 2px solid #fff;
	margin-top: 15px; 
	padding: 8px 9px;
}
.navbar-toggle:active,
.navbar-toggle:hover {
	background-color: rgba(0,0,0,1) !important;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #d8ecc8;
	width: 15px;
}

.referralText {
	bottom: 20px;
	color: #fff;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 5px;
	padding: 0 50px;
	text-align: right;
	width: 100%;
}

.referralText a.referralLink,
.referralText a.referralLink:active,
.referralText a.referralLink:visited {
	color: #fff;
	font-size: 14px;
}
.referralText a.referralLink:hover {
	color: #7dc049;
}

/*----- Extra Small -----*/
@media(max-width: 767px){
		
	.comparisonsNavbar {
		margin: 0 0 0 0;
	}
	
	.comparisonsNavbar .navbar-nav {
		margin: 0px -15px;
	}
	
	.comparisonsNavbar .comparisonsLogo {
		background-image: url(../images/logo.png);
		background-size: 170px 33px;
		height: 33px;
		margin: 15px 0 0 15px;
		width: 170px;
	}

	.comparisonsNavbar .comparisonsLogo2 {
		background-image: url(../images/logo2.png);
	}
	
	.comparisonsNavbar .container-fluid a.navLink,
	.comparisonsNavbar .container-fluid a.navLink:active,
	.comparisonsNavbar .container-fluid a.navLink:focus {
		background-color: #fff;
		border-bottom: 1px solid #555;
		color: #555;
		font-size: 18px;
		font-weight: 700;
		padding: 10px 0 10px 15px;
		letter-spacing: 0.1em;
	}
	.comparisonsNavbar .container-fluid a.navLink:hover {
		background-color: #eaeaea;
		color: #555;
	}
	
	.navbar-nav {
		margin: 10px -15px;
	}
	
	.comparisonsNavbar .container-fluid .navbar-collapse {
		border: none;
	}

	.referralText {
		padding: 0 15px;
	}

}

/*----- Small -----*/
@media(min-width: 768px) and (max-width: 991px){

	.comparisonsNavbar {
		margin: 0;
	}

	.comparisonsNavbar .comparisonsLogo {
		background-image: url(../images/logo.png);
		background-size: 170px 33px;
		height: 33px;
		margin: 15px 0 0 0;
		width: 170px;
	}

	.comparisonsNavbar .comparisonsLogo2 {
		background-image: url(../images/logo2.png);
	}

	.comparisonsNavbar .container-fluid a.navLink {
		font-size: 13px;
		padding: 30px 0 0 1em;
	}

}

/*----- Medium -----*/
@media(min-width: 992px) and (max-width: 1199px){
	
}

/*----- Large -----*/
@media(min-width: 1200px){
	
}

/*---------------------------------------- SOCIAL MEDIA ----------------------------------------*/

#socialMedia {
	bottom: 70px;
	position: absolute;
	right: 50px;
	width: 40px;
}

.btnSocial {
	background-color: rgba(0,0,0,0.5);
	border: 2px solid #fff;
	height: 40px;
	margin-top: 5px;
	outline: none;
	width: 40px;
}

.btnFacebook,
.btnFacebook:focus,
.btnFacebook:visited {
	background-image: url(../images/iconFacebook.png);
	background-position: 14px 8px;
	background-repeat: no-repeat;
}
.btnFacebook:active,
.btnFacebook:hover {
	background-color: #3b5a9b;
	
}

.btnGoogle,
.btnGoogle:focus,
.btnGoogle:visited {
	background-image: url(../images/iconGoogle.png);
	background-position: 10px 12px;
	background-repeat: no-repeat;
}
.btnGoogle:active,
.btnGoogle:hover {
	background-color: #e1493c;
}

.btnLinkedIn,
.btnLinkedIn:focus,
.btnLinkedIn:visited {
	background-image: url(../images/iconLinkedIn.png);
	background-position: 11px 10px;
	background-repeat: no-repeat;
}
.btnLinkedIn:active,
.btnLinkedIn:hover {
	background-color: #017bb6;
}

/*----- Extra Small -----*/
@media(max-width: 767px){
	
	#socialMedia {
		right: 15px;
	}
	
}

/*---------------------------------------- SECTIONS ----------------------------------------*/

.sectionContainer {
	padding: 70px 0 110px;
}

.sectionContent {
	margin-top: 35px;
}

.sectionContainer h1,
.sectionContainer h2,
.sectionContainer h3 {
	color: #7dc049;
	text-align: center;
}

.sectionContainer h4 {
	color: #555;
	text-align: center;
}

.sectionGray {
	background-color: #eaeaea;
}

.sectionWhite {
	background-color: #fff;
}

.sectionContainer .comparisonBtn {
	margin-top: 10px;
}

/*----- Extra Small -----*/
@media(max-width: 767px){
	
	.sectionContainer {
		padding: 30px 0 50px;
	}

	.sectionContent {
		margin-top: 10px;
	}
	
	.sectionContainer h1,
	.sectionContainer h2,
	.sectionContainer h3,
	.sectionContainer h4 {
		text-align: left;
	}
	
	.sectionContainer h4 {
		margin-bottom: 20px;
	}
	
}

/*----- Extra Small -----*/
@media(max-width: 767px){
	
	.sectionContainer {
		padding: 40px 10px 55px;
	}
	
}

/*----- Small -----*/
@media(min-width: 768px) and (max-width: 991px){
	
	.sectionContainer {
		padding: 45px 0 70px;
	}
	
}

/*----- Medium -----*/
@media(min-width: 992px) and (max-width: 1199px){
	
	.sectionContainer {
		padding: 60px 0 100px;
	}

}

/*---------------------------------------- SECTION TOP ----------------------------------------*/

#sectionTop {
	background: none;
	height: 100%;
	position: relative;
}

#sectionTop h1 {
	color: #fff;
}

#sectionTop h2 {
	color: #7dc049;
}

#sectionTop h5 {
	color: #bde89c;
	margin-bottom: 0;
}

#sectionTop #billboardContainer {
	position: relative;
	text-align: center;
	top: 25%;
}

#sectionTop #billboardContainer #billboard {
	background-color: rgba(0,0,0,0.65);
	border: 2px solid #fff;
	font-weight: 600;
	letter-spacing: 0.1em;
	padding: 15px 30px;
}

#menu {
	margin-top: 35px;
}

#menu select {
	background: #fff;
	background-image: url(../images/bgSelect.png);
	background-position: right;
	border: 1px solid #999;
	color: #555;
	cursor: pointer;
	font-size: 20px;
	height: 55px;
	letter-spacing: 0.03em;
	max-width: 400px;
	outline: none;
	text-indent: 15px;
	width: 100%;
	 -webkit-appearance: none;
    -moz-appearance: none;
}

#menu select::-ms-expand {
    display: none;
}

/*for IE10*/
select::-ms-expand {
    display: none;
}

/*----- Extra Small -----*/
@media(max-width: 767px){
	
	
	#sectionTop {
		background: center top fixed no-repeat url(../images/bg_xs.jpg);
		height: 100%;
		max-height: 800px;
	}

	#sectionTop h1 {
		font-size: 40px;
	}
	
	#sectionTop #billboardContainer {
		top: 50px;
	}

	#sectionTop #billboardContainer #billboard {
		padding: 15px 20px;
	}
	
	#menu select {
		font-size: 17px;
	}

}

/*----- Small -----*/
@media(min-width: 768px) and (max-width: 991px){
	
	#sectionTop h1 {
		font-size: 50px;
	}
	
}

/*----- Medium -----*/
@media(min-width: 992px) and (max-width: 1199px){
	
	#sectionTop h1 {
		font-size: 70px;
	}
		
}

/*---------------------------------------- SECTION NUMBERS ----------------------------------------*/

#sectionNumbers {
	background-color: #7dc049;
	color: #d8ecc8;
	font-size: 18px;
	letter-spacing: 0.05em;
	line-height: 1.1em;
	padding: 50px 0 65px;
}

#sectionNumbers h4 {
	color: #fff;
	font-size: 22px;
}

.iconNumbers {
	height: 50px;
	float: left;
	margin-right: 15px;
}

#iconReviews {
	background-image: url(../images/iconReviews.png);
	width: 50px;
}

#iconBrands {
	background-image: url(../images/iconBrands.png);
	width: 52px;
}

#iconCategories {
	background-image: url(../images/iconCategories.png);
	width: 46px;
}

/*----- Small -----*/
@media(min-width: 768px) and (max-width: 991px){
	
	#sectionNumbers {
		font-size: 15px;
	}

	#sectionNumbers h4 {
		font-size: 18px;
	}
	
}

/*----- Medium -----*/
@media(min-width: 992px) and (max-width: 1199px){
	
	#sectionNumbers {
		font-size: 16px;
	}

	
	#sectionNumbers h4 {
		color: #fff;
		font-size: 19px;
	}
	
}

/*---------------------------------------- SECTION CATEGORIES ----------------------------------------*/

.categoryThumb {
	background-color: #fff;
	background-position-x: 50%;
	background-position-y: 50%;
	background-size: 100% 100%;
	box-shadow: 2px 2px 10px #d4d4d4;
	color: #555;
	margin: 15px 0;
    padding-top: 75%; /* 4:3 Aspect Ratio */
    position: relative;
	width: 100%;
}
.categoryThumb:hover {
	background-size: 107% 107%;
	box-shadow: 2px 2px 15px #bbb;
	color: #7dc049;
	text-decoration: none;
}

.categoryHeadline {
	background-color: #fff;
	bottom: 0;
	letter-spacing: 0.02em;
	padding: 10px 25px;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 100;
}

.categorySearch {
	background-color: #fff;
	box-shadow: 2px 2px 10px #d4d4d4;
	color: #555;
	margin: 15px 0;
	padding: 30px;
    position: relative;
	text-align: center;
	width: 100%;
}
.categorySearch:hover {
	background-size: 107% 107%;
	box-shadow: 2px 2px 15px #bbb;
	text-decoration: none;
}

.categorySearch a {
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.05em;
}

.categorySearch h4 {
	text-align: left;
}

#categoryThumbMortgage {
	background-image: url(../photos/photo_mortgage.jpg);
}
#categoryThumbLife {
	background-image: url(../photos/photo_life.jpg);
}
#categoryThumbDebt {
	background-image: url(../photos/photo_debt.jpg);
}
#categoryThumbHomeSecurity {
	background-image: url(../photos/photo_homeSecurity.jpg);
}
#categoryThumbPersonalLoans {
	background-image: url(../photos/photo_personalLoans.jpg);
}
#categoryThumbDating {
	background-image: url(../photos/photo_dating.jpg);
}
#categoryThumbAuto {
	background-image: url(../photos/photo_auto.jpg);
}
#categoryThumbAntivirus {
	background-image: url(../photos/photo_antivirus.jpg);
}
#categoryThumbTaxSoftware {
	background-image: url(../photos/photo_taxSoftware.jpg);
}
#categoryThumbCreditRepair {
	background-image: url(../photos/photo_creditRepair.jpg);
}
#categoryThumbVpn {
	background-image: url(../photos/photo_vpn.jpg);
}
#categoryThumbHomeWarranty {
	background-image: url(../photos/photo_homeWarranty.jpg);
}
#categoryThumbWebsiteBuilder {
	background-image: url(../photos/photo_websiteBuilder.jpg);
}

/*----- Extra Small -----*/
@media(max-width: 767px){
	
	.categoryThumb,
	.categoryThumb:hover {
		box-shadow: none;
	}
	
	.categoryHeadline {
		font-size: 15px;
		letter-spacing: 0.01em;
		padding: 2px 10px;
	}

	.categorySearch,
	.categorySearch:hover {
		box-shadow: none;
		font-size: 12px;
		line-height: 1.2em;
		padding: 20px;
	}

	.categorySearch a {
		font-size: 12px;
		letter-spacing: -0.1px;
	}
	
}

/*----- Small -----*/
@media(min-width: 768px) and (max-width: 991px){
	
	.categorySearch {
		line-height: 1.2em;
		padding: 20px 30px;
	}
	
}

/*----- Medium -----*/
@media(min-width: 992px) and (max-width: 1199px){
	
	.categorySearch {
		height: 159px;
		line-height: 1.2em;
		padding: 20px 30px;
	}

}

/*----- Large -----*/
@media(min-width: 1200px){
	
	.categorySearch {
		height: 197px;
	}
	
}

/*---------------------------------------- SECTION BRANDS ----------------------------------------*/

.reviewedBrands {
	margin-top: 20px;
}

.reviewedBrands ul li img {
	margin: 30px 10px 0;
	height: 62px;
	width: 140px;
}

/*----- Extra Small -----*/
@media(max-width: 767px){
	
	.reviewedBrands ul li img {
		height: 44px;
		width: 100px;
	}
	
}

/*---------------------------------------- SECTION ABOUT ----------------------------------------*/

.tableJobs {
	margin-bottom: 50px;
}

.tableJobs .listing {
	border: none;
	padding: 30px 20px;
}

.listingDescription {
	margin-bottom: 10px;
}

.tableJobs .listing .ctaContainer {
	text-align: right;
}

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
   background-color: #eaeaea;
}

/*----- Extra Small -----*/
@media(max-width: 767px){
	
	.tableJobs .listing {
		border: none;
		padding: 20px 0;
	}

	.tableJobs .listing .ctaContainer {
		margin-top: 20px;
		text-align: left;
	}
	
	.listingDescription {
		margin-bottom: 0;
	}
	
}


/*---------------------------------------- FORMS ----------------------------------------*/

.formContainer {
	color: #555;
	margin-top: 25px;
	padding-bottom: 50px;
}

.formContainer h3 {
	margin-bottom: 20px;
}

.formContainer form {
	margin-top: 25px;
}

.formContainer .form-control {
	color: #999;
	font-size: 16px;
	height: 45px;
}

.form-control::-moz-placeholder {
	color: #999;
}
.form-control:-ms-input-placeholder {
	color: #999;
}
.form-control::-webkit-input-placeholder {
	color: #999;
}

.submitBtn {
	margin-left: auto;
	margin-right: auto;
	max-width: 300px;
	width: 100%;
}

/*----- Extra Small -----*/
@media(max-width: 767px){

}

/*---------------------------------------- FOOTER ----------------------------------------*/

#footer {
	background-color: #7dc049;
	color: #d8ecc8;
	font-size: 10px;
	height: 250px;
	letter-spacing: 0.05em;
	padding-top: 50px;
}

#footer .comparisonsLogo {
	margin: 0 0 7px;
}

#footer .footerRight {
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
}

#footer .footerNavLink {
	font-size: 15px;
	margin-right: 1em;
}

#footer .footerInfoLink {
	font-size: 12px;
}

#footer a,
#footer a:focus, 
#footer a:visited {
	color: #fff;
	font-family: 'Rambla', sans-serif;
	
}
#footer a:active,
#footer a:hover {
	color: #d8ecc8;
}

#footer ul.list-inline {
	margin-left: 0;
}

#footer .list-inline > li {
	padding: 0;
	margin-right: 1em;
}

.footerSocial {
	height: 20px;
	margin: 7px 3px 6px 0;
	width: 20px;
}

.footerFacebook,
.footerFacebook:focus,
.footerFacebook:visited {
	background-image: url(../images/socialSprite.png);
	background-position: 0 0;
}
.footerFacebook:active,
.footerFacebook:hover {
	background-image: url(../images/socialSprite.png);
	background-position: 0 20px;
}

.footerGoogle {
	background-image: url(../images/socialSprite.png);
	background-position: 40px 0;
}
.footerGoogle:active,
.footerGoogle:hover {
	background-image: url(../images/socialSprite.png);
	background-position: 40px 20px;
}

.footerLinkedIn {
	background-image: url(../images/socialSprite.png);
	background-position: 20px 0;
}
.footerLinkedIn:active,
.footerLinkedIn:hover {
	background-image: url(../images/socialSprite.png);
	background-position: 20px 20px;
}

/*----- Extra Small -----*/
@media(max-width: 767px){
	
	#footer {
		padding: 60px 0 85px;
	}

	#footer .footerRight {
		text-align: center;
	}
	
	#footer .footerInfoLink {
		font-size: 12px;
		margin-right: 5px;
	}

}

/*---------------------------------------- MODALS ----------------------------------------*/

.comparisonsModal h2 {
	color: #7dc049;
	margin-bottom: 25px;
}

.comparisonsModal .modal-content {
	border-radius: 0;
}

.comparisonsModal .modal-body {
	padding: 15px 50px;
}

.comparisonsModal .modal-footer,
.comparisonsModal .modal-header {
	border: none;
}

/*----- Extra Small -----*/
@media(max-width: 767px){
	

	.comparisonsModal .modal-body {
		padding: 15px 20px;
	}
	
}

/*----- Small -----*/
@media(min-width: 768px) and (max-width: 991px){
	
	
	.comparisonsModal .modal-dialog {
		width: 700px;
	}
	
}

/*----- Medium -----*/
@media(min-width: 992px) and (max-width: 1199px){
	
	.comparisonsModal .modal-dialog {
		width: 900px;
	}

}

/*----- Large -----*/
@media(min-width: 1200px){

	.comparisonsModal .modal-dialog {
		width: 1000px;
	}

}

/*---------------------------------------- VIDEO PLAYER ----------------------------------------*/

.sectionContent video {
	height: auto;
	width: 100%;
}
.sectionContent video:hover {
	box-shadow: 2px 2px 15px #bbb;
}

video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}

/*----- Extra Small -----*/
@media(max-width: 767px){
		
	.sectionContent video,
	.sectionContent video:hover {
		box-shadow: none;
	}
	
}

/*---------------------------------------- VIDEO BACKGROUND ----------------------------------------*/

.fullscreen-bg {
	background-color: #555;
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -100;
}

.fullscreen-bg__video {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

@media (min-aspect-ratio: 16/9) {
	
	.fullscreen-bg__video {
		height: 300%;
		top: -100%;
	}
  
}

@media (max-aspect-ratio: 16/9) {
	
	.fullscreen-bg__video {
		left: -100%;
		width: 300%;
	}
  
}

/*----- Extra Small -----*/
@media(max-width: 767px){
	
	.fullscreen-bg {
		display: none;
	}

}
/*---------------------------------------- TRANSITIONS ----------------------------------------*/

.transColor {
	-webkit-transition: color 200ms ease-in-out;
    -moz-transition: color 200ms ease-in-out;
    -o-transition: color 200ms ease-in-out;
    transition: color 200ms ease-in-out;
}


.transBGColor {
	-webkit-transition: background-color 200ms ease-in-out;
    -moz-transition: background-color 200ms ease-in-out;
    -o-transition: background-color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out;
}


.transShadow {
	-webkit-transition: box-shadow 200ms ease;
    -moz-transition: box-shadow 200ms ease;
    -o-transition: box-shadow 200ms ease;
    transition: box-shadow 200ms ease;
}

.transBGEnlarge {
	-webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

/*---------------------------------------- FLEX ----------------------------------------*/

.equal {
	display: flex;
	display: -webkit-flex;
}