@charset "UTF-8";
/* CSS Document */
iframe{
	margin: 0 auto;
	width: 95%;
	height: 400px;
	margin-top: 20px;
}
.h4{
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-size: 19px;
	color: #666666;
	margin-top: 25px; 
	margin-bottom: 10px;
	}
.cin, .mil {
	box-shadow: 4px 4px 5px #f4f4f4;
	float: left;
	margin-bottom: 50px;
	position: relative;
	width: 48%;
	overflow: hidden;
	background-color: #ffffff;
	margin-right: 2%;
	text-align: center;
	margin-bottom: 40px;
}
.cin:hover, .mil:hover {
	box-shadow: 0px 0px 20px #b0b0b0;
}
.offices{
	width: 95%;
	margin: 0 auto;
	margin-top: 40px;
}
.cin>img, .mil>img{
	margin: 30px auto;
	text-align: center;
}
.contactInfo{text-align: left;
margin-left: 20%}
.button{
	margin-bottom: 30px;
	margin-top: 15px;
}
.address{
	font-size: 15px;
	line-height: 24px;
	margin-top: 15px;
}
.address1{
	margin-top: 0px;
	font-size: 15px;
	line-height: 24px;
}

.phones{
	font-size: 14px;
	line-height: 24px;
	margin-top: 10px;

}
a{cursor: pointer;}
.l, .r{
	width: 40%;
	margin-right: 5%;
	float: left; 
	position:relative;
	margin-bottom: 30px;
	}
.link1{
	text-decoration: none;
	font-size: 18px; color: #4398ef;
	font-family: 'Open Sans', Helvetica, sans-serif;
	margin-top: 15px;}
.link1:hover{
	text-decoration:underline;}

.mex{
	border-top: 5px solid #c81559;
	padding: 15px;}
.contact-card{
	margin-top: 45px;
	float: left;
	padding-let, padding-bottom, padding-left: 10px;
	width: 32%;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
	height: 235px;
	margin-bottom: 50px;}
.contact-card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.vero{
	border-top: 5px solid #6e43b9;
	padding: 15px;}
	.monica{
		border-top: 5px solid #0096a1;
		padding: 15px;}
.country{
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-size: 16px; color: #666666;
	font-weight:500;
	margin-bottom: 15px; 
	margin-top: 5px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCC;
	}
	.email{font-size: 13px;}
	
	
	

@media screen and (max-width: 980px) {}

	@media screen and (max-width: 767px) {
		.l, .r{
			width: 50%;
				margin: 0 auto;
			margin-bottom: 60px;
		}
		.contact-card{width: 80%;
		margin: 0 auto;
		margin-top: 35px;
		margin-left: 10%}
}

	@media screen and (max-width: 480px) {
		.l, .r{
			width: 85%;
				margin: 0 auto;
			margin-bottom: 40px;
		}
		.contact-card{width: 80%;
		margin: 0 auto;
		margin-top: 35px;
		margin-left: 10%}
}