@charset "UTF-8";

@import
	url('https://fonts.googleapis.com/css?family=Poppins:400,500,700');

/*---Firefox Bug Fix --*/
.carousel-item {
	transition: -webkit-transform 0.5s ease;
	transition: transform 0.5s ease;
	transition: transform 0.5s ease, -webkit-transform 0.5s ease;
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
}
/*--- Fixed Background Image --*/
figure {
	position: relative;
	width: 100%;
	height: 60%;
	margin: 0 !important;
}

.fixed-wrap {
	clip: rect(0, auto, auto, 0);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#fixed {
	background-image: url('img/mac.png');
	position: fixed;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	will-change: transform;
}
/*--- Bootstrap Padding Fix --*/
[class*="col-"] {
	padding: 1rem;
}

body {
	background: url('../images/background.jpg') no-repeat center center
		fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: #fff;
	background-color: #333;
}

html, body {
	height: 100%;
}

#wrap {
	min-height: 100%;
}

#main {
	overflow: auto;
	padding-bottom: 205px; /* this needs to be bigger than footer height*/
}

.footer {
	position: relative;
	margin-top: -205px; /* negative value of footer height */
	height: 150px;
	clear: both;
	padding-top: 20px;
}

.text-black {
	color: black;
}

.block {
	background-color: rgba(0, 0, 0, 0.6);
	height: auto;
	padding-left: 12px;
	padding-right: 12px;
}

.img-95 {
	width: auto;
	height: 400px;
}

.img-brand {
	width: auto;
	height: 80px;
}

.txt-white {
	color: #fff;
}

.background-white {
	background-color: #fff;
}

.background-light-dark {
	background-color: #343a40;
}

.background-dark {
	background-color: #212529;
}

.background-img {
	background-color: #212529;
}

.shadow-yellow {
	text-shadow: -1px 0 yellow, 0 1px yellow, 1px 0 yellow, 0 -1px yellow;
}

.big-right {
	text-align: right;
}

.my-content {
	width: 90%;
}

.my-cont-100 {
	width: 100%;
}

.mapouter {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	height: 800px;
	width: 800px;
}

.gmap_canvas {
	overflow: hidden;
	background: none !important;
	height: 800px;
	width: 800px;
}

.my-navbar {
	display: inline-block;
	padding: 5px;
	float: right;
}

.carousel-control-next-icon {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff0000' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
}

.carousel-control-prev-icon {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff0000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.enlarged {
	width: 100%;
	height: auto;
}

.my-border {
	border-style: solid;
	border-width: 3px;
	border-color: #343a40;
}

@media ( max-width : 1200px) {
	.img-95 {
		width: 100%;
		height: auto;
	}
}

@media ( max-width :768px) {
	.big-right {
		text-align: left;
	}
	.my-navbar {
		display: block;
		padding: 5px;
		float: none;
	}
}
/* Extra small (xs) devices (portrait phones, less than 576px)*/
@media ( max-width : 576px) {
	.my-carousel-pic {
		display: block;
		margin-left: auto;
		margin-right: auto;
		height: 50%;
		max-height: 200px !important;
	}
}

/* Small (sm) devices (landscape phones, 576px and up) */
@media ( min-width : 576px) {
	.my-carousel-pic {
		display: block;
		margin-left: auto;
		margin-right: auto;
		height: 50%;
		max-height: 300px !important;
	}
}

/* Medium (md) devices (tablets, 768px and up) */
@media ( min-width : 768px) {
	.my-carousel-pic {
		display: block;
		margin-left: auto;
		margin-right: auto;
		height: 50%;
		max-height: 500px !important;
	}
}

/* Large (lg) devices (desktops, 992px and up) */
@media ( min-width : 992px) {
	.my-carousel-pic {
		display: block;
		margin-left: auto;
		margin-right: auto;
		height: 50%;
		max-height: 700px !important;
	}
}

/* Extra (xl) large devices (large desktops, 1200px and up) */
@media ( min-width : 1200px) {
}