@charset "utf-8";
/* Card Three Column CSS */

.card-threecolumn-grey_gradient-main-container {position: relative;height: auto;min-height:600px;max-width: 100%;z-index:0;}
.card-threecolumn-grey_gradient-inner-container {position: relative;height: auto;;z-index:3;max-width: 1170px;margin-top: 40px;}
.card-threecolumn-grey_gradient-t-col {position: relative;max-width:1090px;margin:0 auto;height: auto;padding: 0px 20px 0px 20px;margin-bottom:20px;}
.card-threecolumn-grey_gradient-col-1 {position: relative;height: auto;padding: 0px 20px 0px 20px;margin-bottom:30px;}
.card-threecolumn-grey_gradient-col-2 {position: relative;height: auto;padding: 0px 20px 0px 20px;margin-bottom:30px;}
.card-threecolumn-grey_gradient-col-3 {position: relative;height: auto;padding: 0px 20px 0px 20px;margin-bottom:30px;}
.card-threecolumn-grey_gradient-col-4 {position: relative;max-width: 600px;margin: 0 auto;height: auto;padding: 0px 20px 0px 20px;margin-bottom: 30px;}


.card-threecolumn-grey_gradient-t-col h2 {font-size:24px;font-weight:300;line-height:30px;text-align: center;margin-bottom: 10px;}
.card-threecolumn-grey_gradient-t-col p {font-size:18px;font-weight:300;line-height:27px;text-align: center;}


.card-threecolumn-grey_gradient-card-container {
	position: relative;
    min-height: auto;
    height: auto;
    max-width: 600px;
    margin: 0 auto;
    padding: 70px 25px 20px 25px;
    border-radius: 15px;
}
.card-threecolumn-grey_gradient-card-content {
	position: relative;
    min-height: auto;
    height: auto;
}

.card-threecolumn-grey_gradient-card-content h3 {font-size:26px;font-weight:700;line-height:27px;margin-bottom:10px;text-align: center;}
.card-threecolumn-grey_gradient-card-content h4 {font-size:20px;font-weight:300;line-height:30px;}
.card-threecolumn-grey_gradient-card-content p {font-size:16px;font-weight:400;line-height:24px;margin-bottom: 0px;}
.card-threecolumn-grey_gradient-card-content ul {font-size: 18px;font-weight: 300;line-height: 27px;margin-bottom: 20px;}
.card-threecolumn-grey_gradient-card-content li {padding-bottom: 10px;} 

.min-height-h3 {min-height:auto;padding-bottom:10px;}
.min-height-p {min-height:auto;padding-bottom:20px;}
.min-height-ul {
    min-height: auto;
    padding-bottom: 10px;
}


.compare-investments-module2-card-header {
    min-height: 48px;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    border-radius: 15px 15px 0px 0px;
    background-color: #4F356D;
    text-transform: uppercase;
}
.compare-investments-module2-card-header .most-popular {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 0 auto;
}
.compare-investments-module2-card-header img {
    margin-right: 10px;
    margin-top: -5px;
}

@media (min-width: 320px) {
	
}

@media (min-width: 360px) {
	
}

@media (min-width: 375px) {

	
}

@media (min-width: 576px) {
	
}		

@media (min-width: 768px) {
.card-threecolumn-grey_gradient-t-col h2 {font-size:34px;line-height:47px;}
.card-threecolumn-grey_gradient-t-col p {font-size:18px;line-height:27px;}		
}
	
@media (min-width: 992px) {
.card-threecolumn-grey_gradient-inner-container {max-width: 1040px;margin-top: 60px;}
.card-threecolumn-grey_gradient-gradient-1 {display:block;}
.card-threecolumn-grey_gradient-gradient-2 {display:block;}
.card-threecolumn-grey_gradient-gradient-3 {display:block;}
.card-threecolumn-grey_gradient-gradient-4 {display:block;}
.card-threecolumn-grey_gradient-t-col {margin-bottom:40px;}	
.card-threecolumn-grey_gradient-col-1 {padding: 0px 10px 0px 10px;}
.card-threecolumn-grey_gradient-col-2 {padding: 0px 10px 0px 10px;}
.card-threecolumn-grey_gradient-col-3 {padding: 0px 10px 0px 10px;}
.card-threecolumn-grey_gradient-col-4 {max-width: 907px;}
.card-threecolumn-grey_gradient-card-container {max-width: 500px;}
	
.min-height-h3 {min-height: 100px;padding-bottom:0px;}
.min-height-p {min-height: 150px;padding-bottom:0px;}
.min-height-ul {min-height:280px;}	

.card-threecolumn-grey_gradient-card-content ul { padding-bottom: 0px; }

}

@media (min-width: 1200px) {
.card-threecolumn-grey_gradient-inner-container {max-width: 1090px;}
.card-threecolumn-grey_gradient-col-1 {padding: 0px 10px 0px 10px;;}
.card-threecolumn-grey_gradient-col-2 {padding: 0px 10px 0px 10px;}
.card-threecolumn-grey_gradient-col-3 {padding: 0px 10px 0px 10px;}	

.min-height-p {min-height: 145px;}
.min-height-ul {min-height:250px;}	
	
.card-threecolumn-grey_gradient-gradient-1 {
	display: block;
    height: 90%;
    width: 85px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 2;
    border-radius: 0px 15px 0px 0px;
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,.075));
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,.075));
	background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,.075));
}

.card-threecolumn-grey_gradient-gradient-2 {
	display: block;
    height: 77%;
    width: 30px;
    position: absolute;
    left: 73px;
    bottom: 0px;
    z-index: 0;
    border-radius: 5px;
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,.075));
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,.075));
	background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,.075));
}

.card-threecolumn-grey_gradient-gradient-3 {
	display: block;
    height: 100%;
    width: 159px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 0;
    border-radius: 5px;
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,.075));
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,.075));
	background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,.075));
}

.card-threecolumn-grey_gradient-gradient-4 {
	display: block;
    height: 80%;
    width: 90px;
    position: absolute;
    right: 120px;
    bottom: 0px;
    z-index: 0;
    border-radius: 10px;
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,.075));
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,.075));
	background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,.075));
}
}

@media (min-width: 1440px) {
.min-height-h3 {min-height: 75px;}
}

@media (min-width: 1500px) {
	
}

@media (min-width: 1650px) {
	
}
	
		

