@charset "utf-8";
/* CSS Document */

.introWrapper {
	box-shadow: 0 0 200px rgba(0, 0, 0, 0.5) inset !important;
}
.joinContacts .wrapper {
    background: #006666;
    color: #fff;
    padding: 30px;
    text-align: center;
}
#joinCISI .modal-content {
    background: #0c327d;
    color: #fff;
}
#joinCISI .modal-body {
    padding: 50px 50px;
	max-height: 95vh;
}
#joinCISI .modal-lg {
	width: 1200px;
}
#joinCISI h2 {
	color: #fff;
	font-family: 'Varela Round', sans-serif;
	margin-bottom: 30px;
	text-align: center;
}
#joinCISI h4 {
	color: #0c327d;
	font-family: 'Varela Round', sans-serif;
	margin-top: 0px;
}
.closeJoinModal {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 28px;
    background: #fff;
    width: 40px;
    height: 40px;
    color: #0c327d;
    border-radius: 200px;
    text-align: center;
    font-weight: bold;
    font-family: 'Varela Round', sans-serif;
	cursor: pointer;
}
.joinContacts span {
    font-size: 50px;
    margin-bottom: 14px;
}
.joinContacts .wrapper {
    background: #fff;
    color: #0c327d;
    padding: 20px;
    text-align: center;
    border-radius: 20px;
}
.joinContacts .btn.btn-primary {
    background: #0c327d;
    border-color: #0c327d;
}
@media (max-width: 767px) {
	#joinCISI .modal-lg {
		width: 90%;
	}
}

.introWrapper {
	background-image:url('/cisiweb2/image/membership/membershipnew2.jpg');
}

.benefits {
	background-image: url("/cisiweb2/image/caixa/benefits.jpg");
	margin-bottom: 80px !important;	
	background-attachment:fixed;
	background-position:right center;
	background-size:cover;
}
.benefits .sfContentBlock {
	padding:7% 0% 10% 5%;	
}

.greenBlock{
	background-color:#35a0a0;
	border-radius: 10px;
	padding:25px 10px;
	color:#ffffff !important;
	text-align:center;
	line-height:20px;
	height:190px;
	vertical-align:top;
	font-size:14px;
	font-weight:400 !important;
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin-top:30px;
}
.greenBlock h3 {
	color:#ffffff !important;	
	font-weight:300 !important;
	display:inline;
	margin:0px !important;
}


.greenBlock:hover{
	background-color:#62b7b7;
}

.grades {
	width:20% !important;	
}

@media (min-width : 1599px) {
	
}
@media (max-width : 1599px) {
	.greenBlock{
		background-color:#35a0a0;
		border-radius: 10px;
		padding:25px 10px;
		color:#ffffff !important;
		text-align:center;
		line-height:18px !important;
		height:240px;
		vertical-align:top;
		font-size:13px;
		font-weight:400 !important;
		display: inline-block;
		zoom: 1;
		*display: inline;
		margin-top:30px;
	}
	.greenBlock h3 {
		font-size:20px !important;
		display:block !important;
		margin-bottom:20px !important;
	}
}

@media (max-width : 1199px) {
	.benefits {
		margin-bottom:40px !important; /* ?? look into having contianer inside container fluid */
		background-position-x: 55%;
		background-position-y: 30%;
	}
	.greenBlock{
		padding:20px 10px;
		line-height:16px !important;
		height:230px;
	}
	.greenBlock h3 {
		font-size:18px !important;
		margin-bottom:15px !important;
	}
		.qualsIntro .reduceImage {
		width:200px;
		margin-top:60px;	
	}
	.grades {
	width:25% !important;	
}
}

@media (max-width : 991px) {
	.benefits .sfContentBlock {
		padding:5% 5% 7% 20%;	
	}
	.benefits {
		background-position: 75% 30% !important;
	}
	.greenBlock{
		height:auto !important;
	}
	.greenBlock h3 {
		display:inline !important;
	}
	.qualsIntro .reduceImage {
		width:200px;
		margin-top:60px;	
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.benefits .sfContentBlock {
		padding:5% 5% 7% 40%;	
	}
	.benefits {
	background-image: url("/cisiweb2/image/caixa/benefits.jpg");
	margin-bottom: 80px !important;	
	background-attachment:scroll;
	background-position:right center;
	background-size:cover;
}
	.benefits {
		margin-bottom:40px !important; /* ?? look into having contianer inside container fluid */
		background-position-x: 60%;
		background-position-y: 30%;
	}
}

@media (max-width: 767px) {
	.benefits .sfContentBlock {
		padding:5% 5% 7% 2%;	
	}
	.benefits {
		margin-bottom:40px !important; /* ?? look into having contianer inside container fluid */
		background-position-x: 80%;
		background-position-y: 20%;
	}
		.grades {
	width:80% !important;	
}

}



.newAppBlock .col-sm-6 {
    color: #fff;
    font-family: open sans;
    padding: 30px;
    text-align: center;
}
.MCSI {
    background: #006666 none repeat scroll 0 0;
}
.ACSI {
    background: #2d8383 none repeat scroll 0 0;
}
.gradePrice {
    font-size: 30px;
    margin-bottom: 20px;
}
.gradePrice > small {
    font-size: 70%;
}
.gradePrice a {
	color: #fff;
}
.term {
    font-weight: 400;
}
.renewal {
    font-weight: 400;
}