/* CSS Document */

/***************************
	GENERAL
***************************/

html, body { overflow-x: hidden; max-width: 100%; margin: 0px; padding: 0px;}

body {background: #1a2e5b;}

#full-page-wrapper { background: #fff; } 
h1,h2,h3,h4,h5,h6,thead,th { color: #002B5C; }

#wrapper { 
	min-height: 100%;
	height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
	height: 100%;
	margin: 0 auto 40px;
	background: #fff;
}

#full-page-wrapper {	max-width: 1920px; min-height: 100%; position: relative; }
#wrapper { padding-bottom: 100px; }


::selection {
  background: #f7c521; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #f7c521; /* Gecko Browsers */
}


/***************************
	LAYOUT
***************************/

.padd { padding: 10px; }

/***************************
	HEADER
***************************/

#header {
	width: 100%;
	height: 85px;
	border-bottom: 1px solid #D5D5D5;
}

#header-right {
	position: absolute;
	right: 30px;
}

#header-contact {
	position: relative;	
}

#header-contact div.inline {
	position: absolute;
	right: 115px;
	top: 5px;
	border-bottom: 1px dotted #D5D5D5;	
}

#header-contact div.inline a {
	padding-left: 10px;
}

#header-logo {
	position: relative;
	width: 20%;
	min-width:20%;
	min-height: 85px;
	float: left;
	margin: 0 auto;
	text-align: center;
}

#header-logo img {
	position: absolute;
	left: 30px;
	background: #fff;
	margin-top: 10px;
	box-shadow: 4px 4px 13px #D5D5D5;
	z-index: 10;
}

#header-menu {
	width: 65%;
	float: left;
	margin: 0 auto;
	text-align: center;	
	margin-top: 40px;
}

#header-call {
	height: 50px;
	width:100%;
	float: left;
	margin: 0 auto;
	text-align:center; 
}

#header-call p {
	font-size: 1.5em;
	line-height: 1em;
	margin: 0;	
}

#header-call p.phone {
	font-size: 1.7em;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: center;
}

.menu {
	padding-left: 0px;
}

.menu li {
	display: inline-block;	
	padding: 5px 20px;
	font-size: 1.3em;
	transition:background ease-out 1s; 
}
.menu li:hover { background:#f7c521; transition:background ease-in .5s; }
.menu li:hover a { text-decoration:none; text-shadow:0 0 10px #fff; }
.menu li a { color:#002a5c;  }

.border-box { box-shadow: 0px 0px 8px #555; margin:10px; }

/***************************
	TOP / SLIDER
***************************/

#top {}
#slider,.slider {
	width: 100%;
	margin: auto;
	position: relative;
	max-height: 92vh;/*600px;*/
	overflow: hidden;
}

#slider img {
	margin-top: -4%;
	width: 100%;
}

.slider-overlay {
	position: absolute;
	top: 45%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 15px;
	background: rgba(255,255,255,.5);
}

.slider-overlay p {
	text-align: center;
	margin-bottom: 0;
	font-size: 1.8em;
	font-weight: bold;
	color: #1e1e1e;
}

.hero-video__content {
    margin-top: -100px;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

@media only screen and (max-width: 896px) {
	.slider-overlay {
		line-height: 1;
		padding: 0 5px;
	}

	.slider-overlay p {
		font-size: 1.6em;
	}
}

@media only screen and (max-width: 894px) {
    .hero-video__content {
        margin-top: 0;
    }
}

@media only screen and (max-width: 779px) {
	.slider-overlay p {
		font-size: 1.4em;
	}
}

@media only screen and (max-width: 683px) {
	.slider-overlay p {
		font-size: 1.2em;
	}
}

@media only screen and (max-width: 583px) {
	.slider-overlay { top: 0; }
}

@media only screen and (max-width: 400px) {
	.slider-overlay { display: none; }
}

/***************************
	ALIGNMENT
***************************/

.half-col { width: 50%; }
.third-col { width:33%; }
.two-thirds-col { width:66%; }
.padd-bottom { padding-bottom: 10px; }
.left { float:left; }
.right { float:right; }
.fb { float:none; clear:both; }

/***************************
	CONTENT
***************************/

#content {
	width:90%;
	margin: 0 auto;	
	padding-top: 45px;
}


/***************************
	FOOTER
***************************/
.footer {
	width: 100%;
	min-height:100px;
	/*background: #002B5C;*/
	background:url(../assets/footer.png) top center repeat-x;
	background-color: #fff;
	line-height: 40px;
	color: #FFF;
}

.footer .inner {
	width: 95%;
	margin: 0 auto;	
	padding-top: 100px;
}

.footer .contact {
	line-height: 1.3em;	
	text-align:right;
}
.footer a {
	color: #f5f5f5;
	text-decoration: underline;	
}



.material-design-hamburger button {
  display: block;
  border: none;
  background: none;
}

.material-design-hamburger__icon {
  padding: 2.25rem 2rem;
  cursor: pointer;
}

.material-design-hamburger__layer {
  display: block;
  width: 32px;
  height: 5px;
  background: #111;
  position: relative;
  animation-duration: 300ms;
  animation-timing-function: ease-in-out;
}

.material-design-hamburger__layer:before, .material-design-hamburger__layer:after {
  display: block;
  width: inherit;
  height: 5px;
  position: absolute;
  background: inherit;
  left: 0;
  content: '';
  animation-duration: 300ms;
  animation-timing-function: ease-in-out;
}

.material-design-hamburger__layer:before {
  bottom: 200%;
}

.material-design-hamburger__layer:after {
  top: 200%;
}

#unconfusing, #unconfusing a { font-size:9px; color:#666; text-decoration:none; }

.new-service__promotional-text{
	font-size: 16px;
	font-weight: bolder;
	color: #00703c;
}