/* ---------------------------------------------------
Font Family
----------------------------------------------------*/
@font-face {
    font-family: Poppins-Black;
    src: url('../fonts/Poppins-Black.ttf');
}
@font-face {
    font-family: Poppins-Bold;
    src: url('../fonts/Poppins-Bold.ttf');
}
@font-face {
    font-family: Poppins-ExtraBold;
    src: url('../fonts/Poppins-ExtraBold.ttf');
}
@font-face {
    font-family: Poppins-SemiBold;
    src: url('../fonts/Poppins-SemiBold.ttf');
}
@font-face {
    font-family: Poppins-Medium;
    src: url('../fonts/Poppins-Medium.ttf');
}
@font-face {
    font-family: Poppins-Regular;
    src: url('../fonts/Poppins-Regular.ttf');
}
/* ---------------------------------------------------
Header  
----------------------------------------------------*/
header nav.darkblue {
    background-color: rgba(32, 56, 100, 1);
}
h1.f-pop{
	font-family: Poppins-Black;
    font-size: 70px;
	line-height: 0.85;
    text-transform: uppercase;
}
.bg-brown{
	background:#2d2626;
}
.text-pink{
	color:#cc6d85;
}
.f-semi{
	font-family: Poppins-SemiBold;
	text-transform: uppercase;
	font-size:22px;
}
.f-bold{
	font-family: Poppins-Bold;
	font-size:22px;
}
p {
    font-family: Poppins-Regular !important;
    font-size: 15px;
}
p.font-italic-title {
    font-size: 45px;
    font-family: Baskerville-Italic !important;
}
.service-list a{
	font-family: Poppins-Medium;
	color:#000;
	font-size:18px;
	line-height:20px;
}
.image-absolute {
    position: absolute;
    right: 124px;
    top: 50%;
    height: 350px;
    transform: translateY(-50%);
    z-index: 0;
}
.double-color{
	 background: rgba(80,136,153,1);
  background: -moz-linear-gradient(top, rgba(80,136,153,1) 0%, rgba(80,136,153,1) 62%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(80,136,153,1)), color-stop(35%, rgba(80,136,153,1)), color-stop(35%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
  background: -webkit-linear-gradient(top, rgba(80,136,153,1) 0%, rgba(80,136,153,1) 62%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 100%);
  background: -o-linear-gradient(top, rgba(80,136,153,1) 0%, rgba(80,136,153,1) 62%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 100%);
  background: -ms-linear-gradient(top, rgba(80,136,153,1) 0%, rgba(80,136,153,1) 62%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom, rgba(80,136,153,1) 0%, rgba(80,136,153,1) 62%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 100%);
}
.manitou-blue{
	background:#508899;
}
.footer-menu a {
    color: #203864;
    text-transform: uppercase;
	font-family: Poppins-Bold;
    font-weight: 600;
    line-height: 28px;
}
@media(min-width: 1400px){
	.image-absolute.two {
		height: 38em;
	}
}

 h1.splitting .char {
	 transition: transform 0.3s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.3s linear;
	 transition-delay: calc(20ms * var(--char-index));
}
 h1.splitting[data-scroll="out"] .char {
	 opacity: 0.1;
	 transform: translateY(0.25em);
}
.reveal {
  position: relative;
  opacity: 0;
}

.reveal.active {
  opacity: 1;
}
.active.fade-bottom {
  animation: fade-bottom 1s ease-in;
}
.active.fade-left {
  animation: fade-left 1s ease-in;
}
.active.fade-right {
  animation: fade-right 1s ease-in;
}
@keyframes fade-bottom {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-left {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-right {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.service-slide video{
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding-bottom: 1px;
}