@charset "utf-8";
/* CSS Document */

:root {
  --heading-1-size: 6.1rem;
  --heading-1-size-value: 6.1;
  --heading-2-size: 5.5rem;
  --heading-2-size-value: 5.5;
  --heading-3-size: 4.5rem;
  --heading-3-size-value: 4.5;
  --heading-4-size: 3.1rem;
  --heading-4-size-value: 3.1;
  --heading-5-size: 2.1rem;
  --heading-5-size-value: 2.1;
  --heading-6-size: 1.5rem;
  --heading-6-size-value: 1.5;
  --heading-7-size: 1.2rem;
  --heading-7-size-value: 1.2;
  --heading-8-size: 1rem;
  --heading-8-size-value: 1;
  --heading-font-line-height: 1.2em;
}

heading1, .heading1 {
    line-height: calc(var(--heading-font-line-height) * (1 + (1 - var(--heading-1-size-value))/25));
	font-weight: 200 !important;
}
heading2, .heading2 {
    line-height: calc(var(--heading-font-line-height) * (1 + (1 - var(--heading-2-size-value))/25));
	font-weight: 200 !important;
}
heading3, .heading3 {
    line-height: calc(var(--heading-font-line-height) * (1 + (1 - var(--heading-3-size-value))/25));
	font-weight: 200 !important;
}
heading4, .heading4 {
    line-height: calc(var(--heading-font-line-height) * (1 + (1 - var(--heading-4-size-value))/25));
	font-weight: 200 !important;
}
heading5, .heading5 {
    line-height: calc(var(--heading-font-line-height) * (1 + (1 - var(--heading-5-size-value))/25));
	font-weight: 200 !important;
}
heading6, .heading6 {
    line-height: calc(var(--heading-font-line-height) * (1 + (1 - var(--heading-6-size-value))/25));
	font-weight: 200 !important;
}
heading7, .heading7 {
    line-height: calc(var(--heading-font-line-height) * (1 + (1 - var(--heading-7-size-value))/25));
	font-weight: 200 !important;
}
heading8, .heading8 {
    line-height: calc(var(--heading-font-line-height) * (1 + (1 - var(--heading-8-size-value))/25));
	font-weight: 200 !important;
}

@media (min-width: 1600px) {
heading1, .heading1 {
    font-size: calc(var(--heading-1-size-value) * 1.5rem);
}
heading2, .heading2 {
    font-size: calc(var(--heading-2-size-value) * 1.5rem);
}
heading3, .heading3 {
    font-size: calc(var(--heading-3-size-value) * 1.5rem);
}
heading4, .heading4 {
    font-size: calc(var(--heading-4-size-value) * 1.5rem);
}
heading5, .heading5 {
    font-size: calc(var(--heading-5-size-value) * 1.5rem);
}
heading6, .heading6 {
    font-size: calc(var(--heading-6-size-value) * 1.5rem);
}
heading7, .heading7 {
    font-size: calc(var(--heading-7-size-value) * 1.5rem);
}
heading8, .heading8 {
    font-size: calc(var(--heading-8-size-value) * 1.5rem);
}
}

@media (min-width: 768px) and (max-width: 1599px) {
heading1, .heading1 {
    font-size: calc((var(--heading-1-size-value) - 1) * 1.5vw + 1rem);
}
heading2, .heading2 {
    font-size: calc((var(--heading-2-size-value) - 1) * 1.5vw + 1rem);
}
heading3, .heading3 {
    font-size: calc((var(--heading-3-size-value) - 1) * 1.5vw + 1rem);
}
heading4, .heading4 {
    font-size: calc((var(--heading-4-size-value) - 1) * 1.5vw + 1rem);
}
heading5, .heading5 {
    font-size: calc((var(--heading-5-size-value) - 1) * 1.5vw + 1rem);
}
heading6, .heading6 {
    font-size: calc((var(--heading-6-size-value) - 1) * 1.5vw + 1rem);
}
heading7, .heading7 {
    font-size: calc((var(--heading-7-size-value) - 1) * 1.5vw + 1rem);
}
heading8, .heading8 {
    font-size: calc((var(--heading-8-size-value) - 0.75) * 1.5vw + 1rem);
}
}

@media (max-width: 767px) {
heading1, .heading1 {
    font-size: calc((var(--heading-1-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem);
}
heading2, .heading2 {
    font-size: calc((var(--heading-2-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem);
}
heading3, .heading3 {
    font-size: calc((var(--heading-3-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem);
}
heading4, .heading4 {
    font-size: calc((var(--heading-4-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem);
}
heading5, .heading5 {
    font-size: calc((var(--heading-5-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem);
}
heading6, .heading6 {
    font-size: calc((var(--heading-6-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem);
}
heading7, .heading7 {
    font-size: calc((var(--heading-7-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem);
}
heading8, .heading8 {
    font-size: calc((var(--heading-8-size-value) - 0.5) * calc(.012 * min(100vh, 900px)) + 1rem);
}
}

@media screen {
	div#preloader {
		position: absolute;
		left: -9999px;
		top:  -9999px;
		}
	div#preloader img {
		display: block;
		}
	}
@media print {
	div#preloader, 
	div#preloader img {
		visibility: hidden;
		display: none;
		}
	}

body {
	--nav-padding: 156px;
	--nav-mini-padding: 44px;
	font-family: Outfit, Arial, "sans-serif" !important;
}

video {
	z-index: -1;
	display: block;
    width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
}

.vh-50 {
	height: 50vh !important;
}

.vh-60 {
	height: 60vh !important;
}

.vh-70 {
	height: 70vh !important;
}

.vh-80 {
	height: 80vh !important;
}

.vh-90 {
	height: 90vh !important;
}

.vh-93 {
	height: 93vh !important;
}

.vh-95 {
	height: 95vh !important;
}

.z-index-back {
	z-index: -9999;
}

.reveal{
  position: relative;
  transform: translateY(96px);
  opacity: 0;
  transition: 1s all ease;
}
.reveal.active{
  transform: translateY(0);
  opacity: 1;
}

.page-title {
	position: absolute;
	bottom: 0px;
	padding-right: 8.333333%;
	padding-left: 8.333333%;
	z-index: 10;
}

.title-cover {
	min-height: 60vh;
	position: relative;
}
@media (max-width: 767px) {
	.title-cover {
		min-height: 30vh;
}
}
@media (min-width:768px) and (max-width: 1199px) {
	.title-cover {
		min-height: 45vh;
}
}
.team-cover {
	min-height: 45vh;
	position: relative;
}
@media (max-width: 767px) {
	.team-cover {
		min-height: 30vh;
}
}
@media (min-width:768px) and (max-width: 1199px) {
	.team-cover {
		min-height: 45vh;
}
}
.port-cover {
	min-height: 40vh;
	position: relative;
}
@media (max-width: 767px) {
	.port-cover {
		min-height: 25vh;
}
}
@media (min-width:768px) and (max-width: 1199px) {
	.port-cover {
		min-height: 30vh;
}
}

.top-title-right {
	visibility: visible;
	position: relative;
	top: 0px;
	right: 0px;
	z-index: 9999;
}
@media (max-width: 1199px) {
.top-title-right {
	visibility: hidden;
	position: absolute;
	top: 0px;
	right: -1200px;
	z-index: 9999;
}
}

.text-vision1 {
	opacity: 0;
	animation-name: vision-animation1;
	animation-duration: 12s;
	animation-delay: 1s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
}
@keyframes vision-animation1 {
	0% {opacity: 0;}
	25% {opacity: 1;}
	75% {opacity: 1;}
	100% {opacity: 1;}
}
.text-vision2 {
	opacity: 0;
	animation-name: vision-animation2;
	animation-duration: 11s;
	animation-delay: 2s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
}
@keyframes vision-animation2 {
	0% {opacity: 0;}
	25% {opacity: 1;}
	75% {opacity: 1;}
	100% {opacity: 1;}
}
.text-vision3 {
	opacity: 0;
	animation-name: vision-animation3;
	animation-duration: 10s;
	animation-delay: 3s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
}
@keyframes vision-animation3 {
	0% {opacity: 0;}
	25% {opacity: 1;}
	75% {opacity: 1;}
	100% {opacity: 1;}
}
.text-vision4 {
	opacity: 0;
	animation-name: vision-animation4;
	animation-duration: 9s;
	animation-delay: 4s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
}
@keyframes vision-animation4 {
	0% {opacity: 0;}
	25% {opacity: 1;}
	75% {opacity: 1;}
	100% {opacity: 1;}
}

.text-grey {
  color: #555 !important;
}
.text-lt-grey {
  color: #DDDDDD !important;
}

.bg-grey {
  background-color: #333 !important;
}

.bg-lt-grey {
  background-color: #DDDDDD !important;
}

.bg-darkgrey {
  background-color: #171717 !important;
}

.bg-black {
  background-color: #000 !important;
}

.corner {
	border-top-right-radius: 0;
	border-bottom-right-radius: 1.5rem;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.bg-black-50 {
  border-radius: 8px;
  background-color: rgb(0,0,0,0.5) !important;
}
.bg-white-50 {
  border-radius: 8px;
  background-color: rgb(255,255,255,0.5) !important;
}
.bg-white-60 {
  border-radius: 8px;
  background-color: rgb(255,255,255,0.6) !important;
}
.bg-white-80 {
  border-radius: 8px;
  background-color: rgb(255,255,255,0.8) !important;
}

.bg-brand-green {
	background-color: #decf90;
}
.bg-brand-blue {
	background-color: #7f9db7;
}
.bg-brand-tan {
	background-color: #b29559;
}
.bg-brand-red {
	background-color: #f06f60;
}
.bg-brand-lt-blue {
	background-color: #cdeae8;
}
.bg-brand-blgrey {
	background-color: #37585c;
}
.bg-brand-grey {
	background-color: #a48c7f;
}

.bg-cover {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 1.0;
}
.bg-fixed {
	background-attachment: fixed;
}

.center-v {
  margin: 0;
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.list-base {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.list-base > li {
  position: relative;
  display: block;
}

.col-tn-1, .col-tn-2, .col-tn-20, .col-tn-3, .col-tn-4, .col-tn-5, .col-tn-6, .col-tn-7, .col-tn-8, .col-tn-9, .col-tn-10, .col-tn-11, .col-tn-12,
.col-tn-sm-1, .col-tn-sm-2, .col-tn-sm-20, .col-tn-sm-3, .col-tn-sm-4, .col-tn-sm-5, .col-tn-sm-6, .col-tn-sm-7, .col-tn-sm-8, .col-tn-sm-9, .col-tn-sm-10, .col-tn-sm-11, .col-tn-sm-12,
.col-tn-md-1, .col-tn-md-2, .col-tn-md-20, .col-tn-md-3, .col-tn-md-4, .col-tn-md-5, .col-tn-md-6, .col-tn-md-7, .col-tn-md-8, .col-tn-md-9, .col-tn-md-10, .col-tn-md-11, .col-tn-md-12,
.col-tn-lg-1, .col-tn-lg-2, .col-tn-lg-20, .col-tn-lg-3, .col-tn-lg-4, .col-tn-lg-5, .col-tn-lg-6, .col-tn-lg-7, .col-tn-lg-8, .col-tn-lg-9, .col-tn-lg-10, .col-tn-lg-11, .col-tn-lg-12,
.col-tn-xl-1, .col-tn-xl-2, .col-tn-xl-20, .col-tn-xl-3, .col-tn-xl-4, .col-tn-xl-5, .col-tn-xl-6, .col-tn-xl-7, .col-tn-xl-8, .col-tn-xl-9, .col-tn-xl-10, .col-tn-xl-11, .col-tn-xl-12,
.col-tn-xxl-1, .col-tn-xxl-2, .col-tn-xxl-20, .col-tn-xxl-3, .col-tn-xxl-4, .col-tn-xxl-5, .col-tn-xxl-6, .col-tn-xxl-7, .col-tn-xxl-8, .col-tn-xxl-9, .col-tn-xxl-10, .col-tn-xxl-11, .col-tn-xxl-12,
.col-tn-3xl-1, .col-tn-3xl-2, .col-tn-3xl-20, .col-tn-3xl-3, .col-tn-3xl-4, .col-tn-3xl-5, .col-tn-3xl-6, .col-tn-3xl-7, .col-tn-3xl-8, .col-tn-3xl-9, .col-tn-3xl-10, .col-tn-3xl-11, .col-tn-3xl-12 {
  position: relative;
  width: 100%;
}

.col-tn-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-tn-12-5 {
  -ms-flex: 0 0 12.5%;
  flex: 0 0 12.5%;
  max-width: 12.5%;
}

.col-tn-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-tn-20 {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

.col-tn-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-tn-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-tn-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-tn-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-tn-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-tn-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-tn-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-tn-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-tn-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-tn-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 576px) {
  .col-tn-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-tn-sm-12-5 {
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .col-tn-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-tn-sm-20 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .col-tn-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-tn-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-tn-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-tn-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-tn-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-tn-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-tn-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-tn-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-tn-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-tn-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .col-tn-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-tn-md-12-5 {
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .col-tn-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-tn-md-20 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .col-tn-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-tn-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-tn-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-tn-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-tn-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-tn-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-tn-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-tn-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-tn-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-tn-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 992px) {
  .col-tn-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-tn-lg-12-5 {
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .col-tn-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-tn-lg-20 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .col-tn-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-tn-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-tn-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-tn-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-tn-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-tn-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-tn-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-tn-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-tn-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-tn-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .col-tn-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-tn-xl-12-5 {
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .col-tn-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-tn-xl-20 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .col-tn-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-tn-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-tn-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-tn-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-tn-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-tn-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-tn-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-tn-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-tn-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-tn-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 1600px) {
  .col-tn-xxl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-tn-xxl-12-5 {
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .col-tn-xxl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-tn-xxl-20 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .col-tn-xxl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-tn-xxl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-tn-xxl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-tn-xxl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-tn-xxl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-tn-xxl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-tn-xxl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-tn-xxl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-tn-xxl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-tn-xxl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 1921px) {
  .col-tn-3xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-tn-3xl-12-5 {
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .col-tn-3xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-tn-3xl-20 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .col-tn-3xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-tn-3xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-tn-3xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-tn-3xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-tn-3xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-tn-3xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-tn-3xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-tn-3xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-tn-3xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-tn-3xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl,
.col-xxl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 1600px) {
  .col-xxl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xxl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xxl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xxl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xxl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xxl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xxl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xxl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xxl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xxl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xxl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.666667%;
  }
}

.block {
	display: block;
	padding: 10px;
	margin: 0.5px;
	min-height: 200px;
  -webkit-transform: translateZ(0);
      -ms-transform: translateZ(0);
       -o-transform: translateZ(0);
          transform: translateZ(0);
}

.pl-4-5,
.px-4-5 {
  padding-left: 2.5rem !important;
}
.pl-6,
.px-6 {
  padding-left: 3.5rem !important;
}

.pixel-left {
	padding-left: 2px !important;
}
.pixel-right {
	padding-right: 2px !important;
}

.thumbnail > img,
.thumbnail a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.thumbnail {
	display: block;
	line-height: 1.42857143;
	border: 1px solid #999;
	-webkit-transition: border .2s ease-in-out;
	-o-transition: border .2s ease-in-out;
	transition: border .2s ease-in-out;
}
.thumbnail.disabled {
	border: 1px solid #ccc;
}
.thumbnail > img,
.thumbnail a > img {
  margin-right: auto;
  margin-left: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
	border-color: #000000;
	opacity: 0.3;
}
.project-tn {
	border: 0px;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
	filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%); 
    -o-filter: grayscale(0%);
	opacity: 100%;
}
.project-tn:hover,
.project-tn:focus {
	filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%);
	opacity: 40%;
}

.project-link {
	color: #333;
	text-decoration: none;
}
a.project-link:hover,
a.project-link:focus,
a.project-link.active {
	color: #999;
	text-decoration: none;
}

.project-back {
  background-color: #FFF !important;
}
.project-back:hover,
.project-back:focus {
  background-color: #000 !important;
}

.project {
	z-index: 1;
}
.project:hover,
.project:focus {
	z-index: 10;
}
.project:hover .project-caption {
	color: #fff !important;
 	background-color: rgb(0,0,0,0.8) !important;
	visibility: visible;
}
.project-caption {
	visibility: hidden;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	padding-top: 40%;
	z-index: 10;
 	color: rgb(0,0,0,0) !important;
	text-align: center;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
 	background-color: rgb(0,0,0,0) !important;
}

.sketch {
	display: none;
	visibility: hidden;
}
@media (min-width: 1200px) {
	.sketch {
		display: block;
		visibility: visible;
}
}

.bot-right {
	position: absolute;
	bottom: 0px;
	right: 0px;
}
.bot-left {
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.top-right {
	position: absolute;
	top: 0px;
	right: 0px;
}
.top-left {
	position: absolute;
	top: 0px;
	left: 0px;
}

.people-blank {
	opacity: 0.25;
}

.people-back {
  background-color: #FFF !important;
}
.people-back:hover,
.people-back:focus {
  background-color: #000 !important;
}

.people {
	z-index: 1;
}
.people:hover,
.people:focus {
	z-index: 10;
}

.people-caption {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	padding-top: 35%;
	z-index: 10;
	color: #999 !important;
	text-align: center;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
 	background-color: rgb(0,0,0,0.8) !important;
}

.people:hover .people-caption2 {
	color: #fff !important;
 	background-color: rgb(0,0,0,0.8) !important;
	visibility: visible;
}

.people-caption2 {
	visibility: hidden;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	padding-top: 35%;
	z-index: 10;
 	color: rgb(0,0,0,0) !important;
	text-align: center;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
 	background-color: rgb(0,0,0,0) !important;
}

.people-img {
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
	filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%);
}
.people-img:hover,
.people-img:focus {
	filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%); 
    -o-filter: grayscale(0%);
}
.people-tn {
	border: 0px;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
	filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%); 
    -o-filter: grayscale(0%);
	opacity: 100%;
}
.people-tn:hover,
.people-tn:focus {
	filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%);
	opacity: 40%;
}

.grey {
	background-color: #333;
}

.home-padding {
	padding-top: var(--nav-padding);
}


.project-content-padding {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}
@media (max-width: 479px) {
.project-content-padding {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}
}

.project-padding {
	padding-top: calc(16px + var(--nav-padding)) !important;
}
.project-sticky {
  position: relative !important;
}
.project-title-sticky {
  position: relative !important;
}
.project-title-padding {
  padding-top: 16px !important;
}

@media (min-width: 1200px) {
.project-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: calc(86px + var(--nav-mini-padding));
}
.project-title-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: calc(16px + var(--nav-mini-padding));
  z-index: 1020;
}
.project-title-padding {
  padding-top: 0px !important;
}
}

.project-title {
	margin-top: 1rem !important;
	z-index: -10;
}
@media (min-width: 1200px) {
.project-title {
	margin-top: -2rem !important;
	z-index: -10;
}
}

.LEED {
	padding-top: 10px;
	max-height: 100px;
}
.award {
  text-align: left;
}
@media (max-width: 991px) {
.LEED {
	padding-top: 10px;
	max-height: 150px;
}
.award {
  text-align: center;
}
}

.text-shadow {
	text-shadow: 0px 0px 8px #000000;
}
.red {
	color: #a12b2a;
}
.bg-red {
	background-color: #a12b2a !important;
	transition: 1s ease;
	box-shadow: 0 0 .5em rgba(0, 0, 0, .7);
}
.bg-white {
	background-color: #FFFFFF !important;
	transition: 1s ease;
}

.darkborder {
	border-top: 1px solid #A3A3A3;
}
.redborder-bottom {
  border-bottom: 1px solid #a12b2a !important;
}

.company {
	min-height: 10px;
	padding: 30px 15px 15px 15px;
	margin-bottom: 0px;
	background-color: #eee;
}

.service-base {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.service-base > li {
  position: relative;
  display: block;
}

.text-footer {
	font-size: 12;
	color: #999;
	text-decoration: none;
}
a.text-footer:hover,
a.text-footer:focus {
	color: #fff;
	text-decoration: none;
}

.footer {
	min-height: 10px;
	padding: 9px;
	margin-bottom: 0px;
	background-color: #333;
}

.text-tag {
	letter-spacing: 3px;
	line-height: 1.5;
}

.nav-font {
  	font-size: 0.8rem;
	letter-spacing: 2px;
	margin-right: 6px;
	text-transform: capitalize;
}
.title-spacing {
	letter-spacing: 3px;
	text-transform: capitalize;
}
.letter-spacing {
	letter-spacing: 1px;
	text-transform: capitalize;
}
.home-indicators {
  padding-bottom: 40px;
}
.home-caption {
	padding-bottom: 60px;
}
.imgHolder {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 0;
}
.imgLink {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  opacity: 0;
}
.img-carousel {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 1.0;
	height: 72vh !important;
}
.home-carousel-padding {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}

.partner-img {
	visibility:hidden;
	width:1px;
	margin: 0px;
}

@media (min-width: 576px) {
.partner-img {
	visibility:visible;
	width:75%;
	margin-bottom: 16px;
}
}

.partner {
	font-size:18px;
}
@media (max-width: 479px) {
.partner {
	font-size:18px;
}
}
@media (min-width: 480px) {
.partner {
	font-size:18px;
}
}
@media (min-width: 768px) {
.partner {
	font-size:16px;
}
}
@media (min-width: 992px) {
.partner {
	font-size:18px;
}
}

.text-community-right {
  text-align: center;
  font-size: 1.25rem;
  margin-top: 0.25rem;
  margin-bottom: 0;
  line-height: 1.2;
}
.text-community-left {
  text-align: center;
  font-size: 1rem;
  margin-top: 0.25rem;
  margin-bottom: 0.5rem;
  line-height: 1.2;
}
@media (min-width: 768px) {
.text-community-right {
  text-align: right;
  font-size: 1.25rem;
  margin-top: 0;
  margin-bottom: 0.5rem;
  line-height: 1.2;
}
.text-community-left {
  text-align: left;
  font-size: 1rem;
  margin-top: 0.25rem;
  margin-bottom: 0.5rem;
  line-height: 1.2;
}
}

.text-team-right {
  text-align: center;
  font-size: 16px;
}
.text-team-left {
  text-align: center;
  font-size: 16px;
}
@media (min-width: 576px) and (max-width: 767px) {
.text-team-right {
  text-align: right;
  font-size: 16px;
}
.text-team-left {
  text-align: left;
  font-size: 16px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.text-team-right {
  text-align: right;
  font-size: 14px;
}
.text-team-left {
  text-align: left;
  font-size: 14px;
}
}
@media (min-width: 992px) {
.text-team-right {
  text-align: right;
  font-size: 16px;
}
.text-team-left {
  text-align: left;
  font-size: 16px;
}
}

.block {
	display: block;
}

.mt-5-adjust {
  margin-top: -3rem !important;
}

.ml-adjust {
  margin-left: -1rem !important;
}

.mt-adjust {
	margin-top: -15px !important;
}

.pad-top {
	padding-top: 30px;
}

.pad-bottom {
	padding-bottom: 30px;
}

.container-cat {
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 60px;
  padding-bottom: 60px;
  margin-right: auto;
  margin-left: auto;
}
.container-info {
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 60px;
  margin-right: auto;
  margin-left: auto;
}

@media (max-width: 479px) {
.news-title {
  margin-top: 20px;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.2;
}
.news-title-sm {
  margin-top: 20px;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.2;
}
.news-text {
  margin-top: 20px;
  font-family: inherit;
  font-size: 12px;
  line-height: 1.2;
}
.news-web {
  margin-top: 20px;
  font-family: inherit;
  font-weight: 500;
  font-size: 10px;
  line-height: 1.2;
}
.home-carousel-padding {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
}
}
@media (max-width: 767px) {
.img-carousel {
	height: 50vh !important;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.news-title {
  margin-top: 10px;
  font-family: inherit;
  font-size: 18px;
  line-height: 1.2;
}
.news-title-sm {
  margin-top: 10px;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.2;
}
.news-text {
  margin-top: 20px;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.2;
}
.news-web {
  margin-top: 20px;
  font-family: inherit;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.2;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.news-title {
  margin-top: 10px;
  font-family: inherit;
  font-size: 18px;
  line-height: 1.2;
}
.news-title-sm {
  margin-top: 10px;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.2;
}
.news-text {
  margin-top: 20px;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.2;
}
.news-web {
  margin-top: 20px;
  font-family: inherit;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.2;
}
}
@media (min-width: 992px) {
.news-title {
  margin-top: 10px;
  font-family: inherit;
  font-size: 24px;
  line-height: 1.2;
}
.news-title-sm {
  margin-top: 10px;
  font-family: inherit;
  font-size: 18px;
  line-height: 1.2;
}
.news-text {
  margin-top: 20px;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.2;
}
.news-web {
  margin-top: 20px;
  font-family: inherit;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.2;
}
}

.news-header {
	height: 480px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.8;
	margin-top: 0px;
}
.news-img {
  padding: 10px;
}

.quote-img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.quote-hide {
  display: none;
}
.quote-table {
	width: 100%;
	display: table;
}
.quote-cell {
	display: table-cell;
	vertical-align: middle;
	padding-left: 30px;
}
.jumbotron-quote {
  padding: 15px 15px;
  color: inherit;
}
.jumbotron-quote h1,
.jumbotron-quote .h1 {
  color: inherit;
}
.jumbotron-quote p {
  margin-bottom: 15px;
}
.jumbotron-quote > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron-quote,
.container-fluid .jumbotron-quote {
  border-radius: 6px;
}
.jumbotron-quote .container .row {
  overflow: visible;
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron-quote {
    padding: 5px 0px;
  }
  .container .jumbotron-quote,
  .container-fluid .jumbotron-quote {
    padding-right: 60px;
    padding-left: 60px;
  }
  .jumbotron-quote h1,
  .jumbotron-quote .h1 {
    font-size: 63px;
  }
}
cite {
	color: #999;
}

h7,
.h7 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 10px;
}

.h5-md {
  font-size: 16px;
}

t1, t2, t3, t4, t5, t6, t7, t7-5, t8 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
t1, t2, t3, t4, t5, t6, t7, t7-5, t8,
.t1, .t2, .t3, .t4, .t5, .t6, .t7, .t7-5, .t8 {
  margin-bottom: 0.5rem;
  line-height: 1.2;
}

t1, .t1 {
  font-size: 2.5rem;
}

t2, .t2 {
  font-size: 2rem;
}

t3, .t3 {
  font-size: 1.75rem;
}

t4, .t4 {
  font-size: 1.5rem;
}

t5, .t5 {
  font-size: 1.25rem;
}

t6, .t6 {
  font-size: 1rem;
}

t7, .t7 {
  font-size: 0.75rem;
}

t7-5, .t7-5 {
  font-size: 0.6rem;
}

t8, .t8 {
  font-size: 0.5rem;
}

.text1, .text2, .text3, .text4, .text5, .text6, .text7, .text8 {
  margin-bottom: 0.5rem;
  line-height: 1.2;
  font-weight: 200 !important;
}

.text1 {
  font-size: 2.5rem;
}

.text2 {
  font-size: 2rem;
}

.text3 {
  font-size: 1.75rem;
}

.text4 {
  font-size: 1.5rem;
}

.text5 {
  font-size: 1.25rem;
}

.text6 {
  font-size: 1rem;
}

.text7 {
  font-size: 0.75rem;
}

.text8 {
  font-size: 0.5rem;
}

tn1,
tn2,
tn3,
.tn1,
.tn2,
.tn3 {
  font-family: inherit;
  font-weight: 100;
  line-height: 1;
  color: inherit;
  padding-top:10px;
}
tn1,
.tn1 {
  font-size: 16px;
}
tn2,
.tn2 {
  font-size: 12px;
}
tn3,
.tn3 {
  font-size: 10px;
}

@media (max-width: 479px) {
.text-phone {
  text-align: center;
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 14px;
}
.text-address {
  text-align: center;
  padding-top: 0px;
  padding-bottom: 10px;
  font-size: 12px;
}
}
@media (min-width: 480px) {
h6,
.h6-md {
  font-size: 14px;
}
h7,
.h7-sm {
  font-size: 12px;
}
.text-phone {
  text-align: center;
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 16px;
}
.text-address {
  text-align: center;
  padding-top: 0px;
  padding-bottom: 10px;
  font-size: 14px;
}
}
@media (min-width: 768px) {
h7,
.h7-sm {
  font-size: 12px;
}
}
@media (min-width: 992px) {
h5,
.h5-md {
  font-size: 16px;
}
h7,
.h7-md {
  font-size: 12px;
}
.text-phone {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
}
.text-address {
  text-align: right;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 12px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
h7,
.h7 {
	margin-left: -5px;
	margin-right: -5px;
}
}
@media (min-width: 1200px) {
h5,
.h5-md {
  font-size: 18px;
}
h7,
.h7-md {
  font-size: 14px;
}
.text-phone {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
}
.text-address {
  text-align: right;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
}
}

.col-lg-18 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 1200px) {
  .col-lg-18 {
  -ms-flex: 0 0 12.5%;
  flex: 0 0 12.5%;
  max-width: 12.5%;
  }
}

.col-md-18, .col-empty {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 992px) {
  .col-md-18 {
  -ms-flex: 0 0 12.5%;
  flex: 0 0 12.5%;
  max-width: 12.5%;
  }
  .col-empty {
  -ms-flex: 0 0 0%;
  flex: 0 0 0%;
  max-width: 0%;
	margin-left: -15px;
	margin-right:-15px;
  }
}

.catagory {
	display: inline-block;
	padding: 6px;
	margin-top: 30px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	color: #ccc;
	background-color: #a12b2a;
	border-radius: 50%;
}
.catagory:hover,
.catagory:focus,
.catagory.focus,
.catagory:active,
.catagory.active {
	color: #fff;
	background-color: #333;
}

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}

.charity {
	width: 72px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 50%;
	filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%);
}
.charity:hover,
.charity:focus {
	filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%); 
    -o-filter: grayscale(0%);
}
.charity-img {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%);
}
.charity-img:hover,
.charity-img:focus {
	filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%); 
    -o-filter: grayscale(0%);
}
.opacity {
	opacity: 0.5;
}
.opacity:hover,
.opacity:focus {
	opacity: 1.0;
}