@import url("https://fonts.googleapis.com/css?family=Montserrat");
.contact-us-title {
	margin: 0
}

.email {
	color: white;
	font-size: 14px
}

.title-wrapper {
	margin-bottom: 25px
}

#londonOffice,
#portoOffice {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 550px;
	width: 100%;
	position: relative
}

#londonOffice .london-button,
#londonOffice .porto-button,
#portoOffice .london-button,
#portoOffice .porto-button {
	z-index: 1000;
	opacity: 1
}

#londonOffice .button,
#portoOffice .button {
	z-index: 1000;
	opacity: 1;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s
}

#londonOffice h2,
#portoOffice h2 {
	font-size: 28px
}

#londonOffice .office-overlay,
#portoOffice .office-overlay {
	position: absolute;
	background: rgba(0, 0, 0, 0.35);
	width: 100%;
	height: 100%;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	top: 0;
	left: 0
}

#londonOffice {
	background: url("/assets/olg/images/contact-us/canarywharf.jpg");
	background-size: cover;
	margin: 0;
	background-position: center -100px
}

#londonOffice .london-button {
	background: none;
	text-transform: uppercase;
	opacity: 1;
	padding: 2px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s
}

#londonOffice:hover .office-overlay {
	background: none;
	cursor: default;
	background-color: rgba(0, 0, 0, 0.3)
}

#londonOffice:hover .london-button,
#londonOffice:hover .button {
	opacity: 1;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s
}

#portoOffice {
	background: url("/assets/olg/images/contact-us/porto.jpg");
	background-size: cover;
	margin: 0;
	background-position: center
}

#portoOffice .porto-button {
	background: none;
	text-transform: uppercase;
	opacity: 1;
	padding: 2px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s
}

#portoOffice:hover .office-overlay {
	background: none;
	cursor: default;
	background-color: rgba(0, 0, 0, 0.3)
}

#portoOffice:hover .porto-button,
#portoOffice:hover .button {
	opacity: 1;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s
}

.wrapper#contactus_background {
	background: none;
	background-color: #171c21
}

.wrapper .inner.inner-contactus {
	width: 100%
}

.wrapper .inner.inner-contactus .row {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 0;
	width: 100%
}

#portoMap,
#londonMap {
	width: 100%
}

.address {
	color: white;
	left: 0;
	bottom: 0;
	padding-top: 70px;
	display: flex;
	flex-direction: column;
	z-index: 1000
}

.map-button {
	position: relative
}

.button {
	background: none;
	border: 3px solid white;
	display: flex;
	align-items: center
}

body,
input,
select,
textarea {
	font-family: "Montserrat", Helvetica, sans-serif
}


/*# sourceMappingURL=custom-main.css.map */