.benefits a {
	padding: 50px 30px;
	display: block;
	text-align: center;
	border: 1px solid #F5F5F5;
	background-color: #006666;
	color: #fff;
	margin-bottom: 30px;
}
/*annabel's boxes*/
.boxes > .col-xs-12.col-sm-12.col-md-4.col-lg-4.sf_colsOut {
	padding: 50px;
	text-align: center;
	background-color: #2D8383;
	border: 20px solid #F5F5F5;
}
.boxes > .col-xs-12.col-sm-12.col-md-4.col-lg-4.sf_colsOut a {
	color: white;
}
.logosIntro {
	margin-bottom:0px !important;	
}
.introWrapper {
	background-image:url('/cisiweb2/image/aboutus/afpf2.jpg');
	background-position:left 20%;
}
.steps .glyphicon {
    color: #fff;
    font-size: 24px;
    position: absolute;
    right: 30px;
    top: 20px;
}
.steps .sfContentBlock > div {
    color: #fff;
    font-weight: 500;
    margin-bottom: 30px;
    padding: 20px 45px;
    text-align: center;
}
.steps3 .sfContentBlock > div {
	background:#999999 !important;
}	
.steps > div:first-child .sfContentBlock div {
	background: #5eb6b6;
}
.steps > div:nth-child(2) .sfContentBlock div {
	background: #4ca5a5;
}
.steps > div:nth-child(3) .sfContentBlock div {
	background: #3d9595;
}
.steps2 > div:first-child .sfContentBlock div {
	background: #126d6d;
}
.steps2 > div:nth-child(2) .sfContentBlock div {
	background: #228080;
}
.steps2 > div:nth-child(3) .sfContentBlock div {
	background: #328b8b;
}
.logos {	
	text-align:center;
}

.logos img {
	margin:15px;
    backface-visibility: hidden;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    display: inline-block;
    transform: translateZ(0px);
    transition-duration: 0.3s;
    transition-property: box-shadow, transform;
    vertical-align: middle;
	transform: scale(0.8);
	max-width:180px;
	max-height:150px;
}
.logos img:hover {
    transform: scale(1);	
	cursor:pointer;
}
.logos .large {
	max-width:250px;
	width:250px;	
}
.sfContentBlock .modal-body img {
    float: right;
    margin-left: 30px;
}
.conferencedetails {
	background:#389797;
	padding:20px;
	color:#ffffff;	
}
.benefitsBlock h3,
.benefitsBlock h4 {
	margin-top:0px;
}

@media (max-width : 1500px) {
.introText > img {
    width: 70%;
}
}


@media (max-width : 991px) {
	.logos img {
		margin:2% 5%;
		width:40%;
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	
}

@media (max-width: 767px) {

}