div#contacts{background-color: #FFFFFF; padding: 15px; padding-bottom: 30px;}

.department-nav {
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
}
.department-nav .navigation-item {
	margin-top: 10px;
	margin-right: 15px;
}
.department-nav .navigation-item:hover {
	text-decoration: none;
}

.contacts-grid {
	margin-top: 20px;
}
.contacts-grid .department-title {
	margin-top: 20px;
}
.contacts-grid .department-title h3 {
	font-size: 1.5rem;
	font-weight: 700;
	border-bottom: 3px solid #007d75;
}
.contacts-grid .departments-end-seperator hr {
	height: 2px;
	background-color: #007d75;
}
.contact {
	margin-top: 25px;
	margin-bottom: 25px;
}
.contact > img {display: block; margin: 0 auto; }
.contact {text-align: center;}
.contact > .contact-details > .full_name{font-weight: 600; font-size: 1.1rem;}
.contact > .contact-details > .position{font-weight: 600; color: #007d75;}
a.contact-mail{color: #000000; text-decoration: underline;}

/* google maps*/

.gm-style-pbc{display: none;}
.gmnoprint{display: none;}
.gm-style-cc{display: none;}
#map {min-height: 420px; background-image: url(../../img/map_bg.png); padding-top: 20px; position: relative; background-repeat: no-repeat;}
#map > div > div > div:nth-child(2) > a > div > img {display: none;}
#legend{width: 50%; min-width: 500px; margin-left: 20px; min-height: 380px;
		background-color: rgba(0,125,117,0.85);
		padding: 15px;}
div.title{font-size: 16px; color: #FFFFFF; margin-bottom: 13px;}
div.title_info {font-size: 22px; color: #6ecbb8; font-weight: 300;}
div.address_line2 {font-size: 16px; color: #6ecbb8; font-weight: 300;}
div.info_line1 {font-size: 14px; color: #6ecbb8; font-weight: 600;}
div.info_line2 {font-size: 13px; color: #FFFFFF;}


div.work_time{display: inline-block;}
div.working_days{display: inline-block; width: 32px; border: 1px solid #FFFFFF; border-left: 0px;
					line-height: 30px; text-align:center; font-size: 16px; color: #FFFFFF; margin-left: -4px;}
.working_days:first-of-type{border-left: 1px solid #FFFFFF; margin-left:0px;}
div.time_entry{padding: 0px 20px 0px 15px; display:inline-block; color: #FFFFFF; font-size: 18px; font-weight: 400;}

#open_map_mobile, #open_map{position: absolute; top:15px; right: 15px; display: inline-block; background-color: #FFFFFF;}
#open_map_mobile, #open_map > a {text-decoration: none; font-weight: bold; font-size: 15px; color: #007d77; padding: 0px 15px; line-height: 35px;}
#open_map_mobile >a >i, #open_map > a > i {font-size: 15px; color: #cac4b6; margin-left: 7px; }

.waze-button{ padding: 2px 30px; text-align: center; font-size: 16px; border: 1px solid #FFFFFF;  margin-top: 10px;  cursor: pointer; display: inline-block;}
.waze-button > a{color: #FFFFFF; text-decoration: none;}

@media(max-width: 768px){
	.contact {display: flex; text-align: left; margin: 10px 0px; align-items: center;}
	.contact > img {margin: 0px; max-height: 100px; margin-right: 15px;}
	#legend{width: auto; margin-left: -15px; min-width: auto; margin-top: -35px; padding: 5px; background-color: rgb(0, 125, 117); margin-bottom: 20px;}
	#map{background-image: none;}
	#open_map{ display: none;}
	.w_t{max-width: 360px!important; margin-bottom: 10px;}
	div.title_info{font-size:18px;}
	.info_50{padding: 0px 0px 0px 15px;}
	div.title {margin-bottom: 0; margin-top: 10px;}
	.work_time{margin-bottom: 3px;}
	.mobile_map{background-image: url(../../img/map_bg.png); background-position: 85% 0px; display: block;	height: 350px;
		width: 100%; position: relative;margin: 15px;}
	#open_map_mobile{display: block; width: auto;}
}

@media(max-width: 360px){
	div.working_days{width: 25px; height: 25px; line-height: 24px; font-size: 14px;}
	div.time_entry{font-size: 16px; padding: 0px;}
	div.title_info{font-size: 16px;}
}