/* com_contacts.css */
@charset "utf-8";

/* COM_CONTACT */
div.com_contact_contact {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;		
}
div.com_contact_contact [class^="col-"],
div.com_contact_contact [class*=" col-"] {
	padding-left: 0px;
	padding-right: 0px;
}
div.com_contact_contact div.row:first-child {
	margin-bottom: 20px;
}
div.com_contact_contact div[class^="col-md-"] > div {
}
div.com_contact_contact div[class^="col-md-"]:not(.col-md-12):first-child {
	padding-right: 10px;
}
div.com_contact_contact div[class^="col-md-"]:not(.col-md-12):last-child {
	padding-left: 10px;
}
@media only screen and (max-width: 991px) {
	div.com_contact_contact div[class^="col-md-"]:not(.col-md-12):first-child,
	div.com_contact_contact div[class^="col-md-"]:not(.col-md-12):last-child {
		padding-left: 0px;
		padding-right: 0px;
	}

	div.com_contact_contact div[class^="col-md-"] {
		margin-bottom: 20px;
	}
	div.com_contact_contact div[class^="col-md-"]:last-of-type {
		margin-bottom: 0px;
	}
}
div.com_contact_contact dl {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.com_contact_contact dl dd {
	margin: 0px;
}
div.com_contact_contact ul {
	list-style: none;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.com_contact_contact ul li {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	position: relative;
}
div.com_contact_contact ul li::before {
	content: "\f105";
	font-family: 'Font Awesome 6 Pro';
	font-weight: 300;
	font-size: 1.2em;
	color: var(--ci_color_accent_1);
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline-block;
	position: absolute;
	left: 0px;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
div.com_contact_contact ul li:hover::before {
	color: var(--ci_color_accent_2);
	left: 6px;
}
div.com_contact_contact a,
div.com_contact_contact a:link,
div.com_contact_contact a:visited {
	color: var(--ci_color_black);
	text-decoration: none;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
div.com_contact_contact a:hover {
	color: var(--ci_color_accent_1);
	text-decoration: underline;
}



/* CONTACT DETAILS BADGES */
div.com_contact_contact div.com_contact_contact_details_badge {
	display: block;
	float: left;
	max-width: 18%;
}
div.com_contact_contact div.com_contact_contact_details_badge img.img-responsive {
	width: auto;
	/*max-height: 100%;*/
	/*height: 100%;*/
	height: auto !important;
	height: intrinsic;
}


/* CONTACT DETAILS IMAGE AND INFO */
div.com_contact_contact_details_image_and_info {
	background: var(--ci_color_accent_1);
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;	
}
div.com_contact_contact_details_image_and_info div.com_contact_contact_details_info {
	color: #ffffff;
	padding: 20px 20px 20px 20px;	
}
div.com_contact_contact_details_image_and_info div.com_contact_contact_details_info h1 {
	color: #ffffff;
}
div.com_contact_contact_details_image_and_info div.com_contact_contact_details_info h1:after {
	background: #ffffff;
}
div.com_contact_position div.com_contact_position.con_position {
	font-weight: 400;
}
div.com_contact_contact_details_image_and_info div.com_contact_contact_details_info a,
div.com_contact_contact_details_image_and_info div.com_contact_contact_details_info a:link,
div.com_contact_contact_details_image_and_info div.com_contact_contact_details_info a:visited {
	color: #ffffff;
	text-decoration: none;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;	
}
div.com_contact_contact_details_image_and_info div.com_contact_contact_details_info a:hover {
	color: #ffffff;
	text-decoration: underline;
}
div.com_contact_contact_details_info ul li:before {
	content: "\f105";
	font-family: 'Font Awesome 6 Pro';
	font-weight: 300;
	font-size: 1.2em;
	color: #ffffff;
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline-block;
	position: absolute;
	left: 0px;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
div.com_contact_contact_details_info ul li:hover:before {
	color: #ffffff;
	left: 6px;
}
div.com_contact_contact_details_info ul li a,
div.com_contact_contact_details_info ul li a:link,
div.com_contact_contact_details_info ul li a:visited {
	font-weight: 400;
	color: var(--ci_color_font_dark);
	text-decoration: none;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
div.com_contact_contact_details_info a:hover,
div.com_contact_contact_details_info ul li a:hover {
	color: var(--ci_color);
	text-decoration: underline;
}
div.com_contact_contact_details_info ul.com_contact_infos {
	columns: 1;
  	-webkit-columns: 1;
  	-moz-columns: 1;
}
@media only screen and (max-width: 991px) {

	div.com_contact_contact_details_info ul.com_contact_infos {
		columns: 1;
		-webkit-columns: 1;
		-moz-columns: 1;
	}
	
}



/* CONTACT IMAGE */
div.com_contact_contact div.com_contact_contact_details_image {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
}
div.com_contact_contact div.com_contact_contact_details_image a,
div.com_contact_contact div.com_contact_contact_details_image a:link,
div.com_contact_contact div.com_contact_contact_details_image a:visited {
	width: 100%;
	height: 100%;	
}
div.com_contact_contact div.com_contact_contact_details_image span.com_contact_contact_details_image_overlay {
	background: rgba(255, 255, 255, 0.6);
	width: 100%;
	height: 100%;
	position: absolute;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
div.com_contact_contact div.com_contact_contact_details_image span.com_contact_contact_details_image_overlay:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}
div.com_contact_contact div.com_contact_contact_details_image span.com_contact_contact_details_image_overlay i {
	font-size: 36px;
	color: var(--ci_color_accent_1);
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}



/* CONTACT DETAILS MISC */
div.com_contact_misc {
	background: rgba(255, 255, 255, 1.0);
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 20px 20px;	
}