/* FADE IN ANIMATION */

@keyframes fadeinall {
    0% {
      opacity: 1; 
    }
    97% {
      opacity: 0; 
    }
    98% {
      opacity: 0;
      -webkit-transform: translateY(0);
      transform: translateY(0); 
    }
    99% {
      opacity: 0;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%); 
    }
    100% {
      opacity: 0;
      z-index: -1; 
    } 
}

#fadein {
    opacity: 1;
    position: fixed;
    width: 100%;
    height: 100%;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    background-color: #fff;
    z-index: 999;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation: fadeinall 1s normal both;
    animation: fadeinall 1s normal both;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s; 
}


BODY {
	background-color: #282828;
}

H1 {
	margin: 0;
}

#main-container {
	max-width: 960px;
	height: 100%;
	margin: 0 auto;
}

#main-banner {
	background: url('/img/main-banner-blur.jpg');
	background-size: cover;
    height: 960px;
    position: relative;
    background-repeat: no-repeat;
    background-position: top center;
}

#main-banner H1 {
	color: #fff;
	font-size: 6em;
	text-transform: uppercase;
	text-shadow: 2px 2px #000;
	text-align: right;
	width: 60%;
	position: absolute;
	top: 10%;
	right: 10%;
}

#main-banner H1.mobile-only {
	top: auto;
	right: auto;
	position: relative;
	width: auto;
	text-align: center;
	padding-top: 20%;
}
	

#underbanner-bar {
	background-color: #0B5345;
	color: #fff;
	padding: 50px 30px;
}

#underbanner-bar .slogan {
	font-size: 3em;
	font-style: italic;
	padding-bottom: 20px;
}

#underbanner-bar .other-info {
	font-size: 1.5em;
	padding-bottom: 20px;
}

#underbanner-bar .other-info .text-icon {
	display: inline-block;
	width: 36px;
	text-align: center;
	padding-right: 10px;
}

#about-us {
	background-color: #fff;
	padding: 50px 30px 0;
}

#about-us .cell{
	min-height: 310px;
}

#about-us .block-title {
	text-align: center;
	font-size: 3em;
	padding-bottom: 50px;
}

#about-us .icon-well {
	text-align: center;
}

#about-us .cell-title {
	text-align: center;
	padding: 10px 0 20px 0; 
}

#mission-vision {
	background-color: #fff;
	padding: 0px 30px
}

#mission-vision .cell{
	min-height: 400px;
}

#mission-vision .block-title {
	text-align: center;
	font-size: 3em;
	padding-bottom: 50px;
}

#mission-vision .icon-well {
	text-align: center;
}

#mission-vision .cell-title {
	text-align: center;
	padding: 10px 0 20px 0; 
}

#clients {
	background-color: #7E5109;
	padding: 50px 30px;
	color: #fff;
}

#clients .cell{
	
}

#clients .cell UL {
	padding-left: 5px;
	list-style: none;
}

#clients .cell UL LI{
	padding-bottom: 15px;
	text-align: center;
}

#clients .block-title {
	text-align: center;
	font-size: 3em;
	padding-bottom: 50px;
}

#clients .icon-well {
	text-align: center;
}

#clients .cell-title {
	text-align: center;
	padding: 10px 0 20px 0;
	font-size: 1.25em;
}

/* MAP OUTER */
.mapouter {
	position: relative;
	text-align: right;
	height: 500px;
	/* width: 500px; */
}
.gmap_canvas {
	overflow: hidden;
	background: none !important;
	height: 500px;
	/* width: 500px; */
}