@import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:200,400');

html {
	position: relative;
	min-height: 100%;
}

body {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	padding-top: 4.5rem;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 200;
}

section h5 {
	margin: 2em 0px 1em 0px;
}

.navbar {
	box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, .05);
	display: none;
}

.navbar-collapse {
	display: none;
}

nav a.logo span:not(.logo-f) {
	display: none;
}

nav .logo-f {
	position: relative;
	opacity: 0;
	right: 20px;
}

nav a img {
	height: 32px;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	background: #dc3545;
}

section {
	display: none;
}

.sec1 {
	z-index: 1;
	position: relative;
}

.sec1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
	z-index: -1;
	opacity: 0.1;
	background: radial-gradient(transparent, #fff), url("../images/office.jpg") no-repeat fixed center/cover;
}

.footer {
	border-top: 1px solid #ccc;
	width: 100%;
	display: none;
}

.footer img {
	height: 24px;
}

.footer p {
	color: #666;
}

.footer ul {
	margin: 0 0 1em 0;
	padding: 0 0 0 1em;
	list-style: none;
}

.footer li {
	position: relative;
	padding-left: 5.6em;
}

a {
	color: #999999;
}

a:hover {
	color: #666666;
}

.logo {
	font-weight: 200;
}

.logo-f {
	font-weight: 400;
}

.box-shadow {
	box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, .05);
}

#j1 {
	background: url("../images/fibre2.jpg") no-repeat fixed center/cover;
}

#j2 {
	background: url("../images/plug1.jpg") no-repeat fixed center/cover;
}

#j3 {
	background: url("../images/dishes1.jpg") no-repeat fixed center/cover;
}

#j4 {
	background: url("../images/fibre1.jpg") no-repeat fixed center/cover;
}

#j1 div, #j2 div, #j3 div, #j4 div {
	background: -moz-linear-gradient(left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.5) 25%, rgba(0,0,0,0.5) 75%, rgba(0,0,0,0.2) 90%, rgba(0,0,0,0.1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 10%,rgba(0,0,0,0.5) 25%,rgba(0,0,0,0.5) 75%,rgba(0,0,0,0.2) 90%,rgba(0,0,0,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 10%,rgba(0,0,0,0.5) 25%,rgba(0,0,0,0.5) 75%,rgba(0,0,0,0.2) 90%,rgba(0,0,0,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 */
	padding: 20px;
	color: #fff;
}

#map {
	height: 50rem;
}

#modalMap {
	height: 70vh;
	width: 100%;
}

#modalMap .centerMarker{
	position:absolute;
  background:url(https://maps.gstatic.com/mapfiles/api-3/images/spotlight-poi2.png) no-repeat;
  top:50%;
	left:50%;
  z-index:1;
  margin-left:-13.5px;
  margin-top:-43px;
  height:43px;
  width:27px;
  cursor:pointer;
	pointer-events: none;
}

.general {
	display:none;
}

.card-header {
	-webkit-transition: background 0.15s ease-in-out;
	-moz-transition: background 0.15s ease-in-out;
	-ms-transition: background 0.15s ease-in-out;
	-o-transition: background 0.15s ease-in-out;
	transition: background 0.15s ease-in-out;
}

.card:hover button, .card:hover .card-header {
	background: #dc3545;
	color: #fff;
}

@media (max-width: 576px) {
	.carousel-caption {
		left: 0px !important;
		right: 0px !important;
		width: 100% !important;
		height: 50% !important;
		top: 25% !important;
	}

	.carousel-item img {
		object-fit: none;
		object-position: -200px;
		height: 345px;
		width: 100%;
	}

	#map {
		height: 30rem;
	}
}

@media (min-width: 992px) {
	#contact form {
		width: 50%;
		margin: 0 auto;
	}
}