header .fh5co-navbar-brand {



  float: left;



  width: 100%;



  position: relative;



}



header .fh5co-navbar-brand h1 {



  width: 100%;



  float: left;



  display: block;



  font-family: "Karla", Arial, sans-serif;



}



header .fh5co-navbar-brand .fh5co-logo {



  font-size: 24px;



  text-transform: uppercase;



  color: #000;



  letter-spacing: 4px;



  border: 2px solid #000;



  padding: 5px 20px;



}



header .fh5co-navbar-brand .fh5co-logo:hover {



  text-decoration: none !important;



  color: #000 !important;



}



header .fh5co-navbar-brand .fh5co-logo:active, header .fh5co-navbar-brand .fh5co-logo:focus {



  outline: none;



  text-decoration: none;



}







.fh5co-nav-toggle {



  cursor: pointer;



  text-decoration: none;



  position: absolute !important;



  top: 0;



  right: 0;



}



.fh5co-nav-toggle.active i::before, .fh5co-nav-toggle.active i::after {



  background: #fff;



}



.fh5co-nav-toggle.dark.active i::before, .fh5co-nav-toggle.dark.active i::after {



  background: #fff;



}



.fh5co-nav-toggle:hover, .fh5co-nav-toggle:focus, .fh5co-nav-toggle:active {



  outline: none;



  border-bottom: none !important;



}



.fh5co-nav-toggle i {



  position: relative;



  display: -moz-inline-stack;



  display: inline-block;



  zoom: 1;



  *display: inline;



  width: 30px;



  height: 2px;



  color: #000;



  font: bold 14px/.4 Helvetica;



  text-transform: uppercase;



  text-indent: -55px;



  background: #000;



  transition: all .2s ease-out;



}



.menu-show .fh5co-nav-toggle i {



  background: #fff;



  color: #fff;



}



.fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after {



  content: '';



  width: 30px;



  height: 2px;



  background: #000;



  position: absolute;



  left: 0;



  -webkit-transition: 0.2s;



  -o-transition: 0.2s;



  transition: 0.2s;



}



.menu-show .fh5co-nav-toggle i::before, .menu-show .fh5co-nav-toggle i::after {



  background: #fff;



}



.fh5co-nav-toggle.dark i {



  position: relative;



  color: #000;



  background: #000;



  transition: all .2s ease-out;



}



.fh5co-nav-toggle.dark i::before, .fh5co-nav-toggle.dark i::after {



  background: #000;



  -webkit-transition: 0.2s;



  -o-transition: 0.2s;



  transition: 0.2s;



}







.fh5co-nav-toggle i::before {



  top: -7px;



}







.fh5co-nav-toggle i::after {



  bottom: -7px;



}







.fh5co-nav-toggle:hover i::before {



  top: -10px;



}







.fh5co-nav-toggle:hover i::after {



  bottom: -10px;



}







.fh5co-nav-toggle.active i {



  background: transparent;



}







.fh5co-nav-toggle.active i::before {



  top: 0;



  -webkit-transform: rotateZ(45deg);



  -moz-transform: rotateZ(45deg);



  -ms-transform: rotateZ(45deg);



  -o-transform: rotateZ(45deg);



  transform: rotateZ(45deg);



}







.fh5co-nav-toggle.active i::after {



  bottom: 0;



  -webkit-transform: rotateZ(-45deg);



  -moz-transform: rotateZ(-45deg);



  -ms-transform: rotateZ(-45deg);



  -o-transform: rotateZ(-45deg);



  transform: rotateZ(-45deg);



}







.fh5co-nav-toggle {



  float: right;



  z-index: 1003;



  position: relative;



  display: block;



  margin: 0 auto;



  cursor: pointer;



  margin-top: 0px;



}



@media screen and (max-width: 768px) {



  .fh5co-nav-toggle {



    display: block;



    top: 0px;



  }



}










#fh5co-hero .btn {



  font-size: 24px;



}



#fh5co-hero .flexslider {



  border: none;



  z-index: 1;



  margin-bottom: 0;



}



#fh5co-hero .flexslider .slides {



  position: relative;



  overflow: hidden;



}



#fh5co-hero .flexslider .slides li {



  background-repeat: no-repeat;



  background-size: cover;



  background-position: center center;



  max-height: 720px;



  min-height:680px;



  position: relative;



}

#fh5co-hero .flexslider .slides li > a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;z-index: 3;}



#fh5co-hero .flexslider .slides li:after {



  position: absolute !important;



  top: 0;



  bottom: 0;



  left: 0;



  right: 0;



  content: '';



  z-index: 1;



}



#fh5co-hero .flexslider .flex-control-nav {



  position: absolute;



  bottom: 10px;



  z-index: 1000;



}



#fh5co-hero .flexslider .flex-control-nav li a {



  background: rgba(255, 255, 255, 0.6);



  box-shadow: none;



  width: 12px;



  height: 12px;



  cursor: pointer;



}



#fh5co-hero .flexslider .flex-control-nav li a.flex-active {



  cursor: pointer;



  background: rgba(255, 255, 255, 0.9);



}



#fh5co-hero .flexslider .flex-direction-nav {



  display: none;



}



#fh5co-hero .flexslider .slider-text {



  display: table;



  opacity: 0;



  height: 700px;



  z-index: 9;



  width:100%;



  position:relative;



}







@media screen and (max-width: 768px) {



  #fh5co-hero .flexslider .slider-text {



    text-align: center;

	height:500px;



  }

  #fh5co-hero .flexslider .slides li{min-height:500px;max-height:500px;}



}







#fh5co-hero .flexslider .slides>li .slider-text > .slider-text-inner {



	position:absolute;



	width:92%;



	top:43%;



	vertical-align: middle;



	background:rgba(0,0,0,0.3);



	left:50%;



	-webkit-transform: translate(-50%, -50%);



	-moz-transform: translate(-50%, -50%);



	-ms-transform: translate(-50%, -50%);



	-o-transform: translate(-50%, -50%);



	transform: translate(-50%, -50%);



	-webkit-transition: all 0.3s ease-in-out;



	-moz-transition: all 0.3s ease-in-out;



	-o-transition: all 0.3s ease-in-out;



	transition: all 0.3s ease-in-out;



	text-align:center;



	padding:2% 1%;



}



	



#fh5co-hero .flexslider .slider-text > .slider-text-inner em {



  font-size: 36px; color: #fff;text-transform:uppercase;font-family: 'Oswald', sans-serif;display:block;margin-bottom:20px;



}



#fh5co-hero .flexslider .slider-text > .slider-text-inner p {



	color:#ffffff;font-size:16px;max-width:66%;margin:auto;line-height:30px;overflow:hidden;height:60px;



}	



#fh5co-hero .flexslider .slider-text > .slider-text-inner .slide-more{height:42px;_*width:140px;background:#ee921f;display:inline-block;border:2px solid #ee921f;text-align:center;line-height:40px;color:#fff;font-size:13px;text-transform:uppercase;margin:20px; padding: 0 5px;}



#fh5co-hero .flexslider .slider-text > .slider-text-inner .slide-more.slide-white{background:transparent;border:2px solid #fff;}



#fh5co-hero .flexslider .slider-text > .slider-text-inner .slide-more:hover{background:#23ac38;text-decoration:none;border:2px solid #23ac38;}



#fh5co-hero .flexslider .slider-text > .slider-text-inner .slide-more.slide-white:hover{background:#fff;color:#000;border:2px solid #fff;}











@media screen and (min-width: 768px) {



	#fh5co-hero .flexslider .slider-text{width:100%;}



	#fh5co-hero .flexslider .slides>li:nth-child(n+1) .slider-text > .slider-text-inner {



		position:absolute;



		width:75%;



		bottom:16%;



		vertical-align: middle;



		background:rgba(0,0,0,0.3);



		left:50%;



		-webkit-transform: translate(-50%, 0);



		-moz-transform: translate(-50%, 0);



		-ms-transform: translate(-50%, 0);



		-o-transform: translate(-50%, 0);



		transform: translate(-50%, 0);



		-webkit-transition: all 0.3s ease-in-out;



		-moz-transition: all 0.3s ease-in-out;



		-o-transition: all 0.3s ease-in-out;



		transition: all 0.3s ease-in-out;



		text-align:center;



		padding:2% 0;



	}



	



	#fh5co-hero .flexslider .slider-text > .slider-text-inner em {



	  font-size: 48px; color: #fff;text-transform:uppercase;font-family: 'Oswald', sans-serif;display:block;margin-bottom:20px;



	}



	#fh5co-hero .flexslider .slider-text > .slider-text-inner p {



		color:#ffffff;font-size:16px;max-width:66%;margin:auto;line-height:30px;overflow:hidden;height:60px;



	}



	



	#fh5co-hero .flexslider .slider-text > .slider-text-inner .slide-more{height:42px;_*width:140px;background:#ee921f;display:inline-block;border:2px solid #ee921f;text-align:center;line-height:40px;color:#fff;font-size:13px;text-transform:uppercase;margin:20px;padding:0 5px;}

	#fh5co-hero .flexslider .slider-text > .slider-text-inner .slide-more.slide-white{background:transparent;border:2px solid #fff;}

	#fh5co-hero .flexslider .slider-text > .slider-text-inner .slide-more:hover{background:#23ac38;text-decoration:none;border:2px solid #23ac38;}

	#fh5co-hero .flexslider .slider-text > .slider-text-inner .slide-more.slide-white:hover{background:#fff;color:#000;border:2px solid #fff;}



	#fh5co-hero .flexslider .slides>li:nth-child(n+2) .slider-text > .slider-text-inner {padding:20px;}



	#fh5co-hero .flexslider .slides>li:nth-child(n+2) .slider-text > .slider-text-inner em{background:rgba(35,172,56,0.8); padding:10px;}



	#fh5co-hero .flexslider .slides>li:nth-child(n+3) .slider-text > .slider-text-inner {



		left:0;



		bottom:auto;



		top:58%;



		-webkit-transform: translate(0, -50%);



		-moz-transform: translate(0, -50%);



		-ms-transform: translate(0, -50%);



		-o-transform: translate(0, -50%);



		transform: translate(0, -50%);



		text-align:left;

		width:60%;

		padding:2%;

		background:rgba(0,0,0,0.3);



	}



	



	#fh5co-hero .flexslider .slides>li:nth-child(n+3) .slider-text > .slider-text-inner em{font-size:36px;color:#fff;background:transparent;padding-left:0;}



	#fh5co-hero .flexslider .slides>li:nth-child(n+3) .slider-text > .slider-text-inner p{max-width:100%;text-align:left;color:#fff;margin:0;}

	

	#fh5co-hero .flexslider .slides>li:nth-child(n+3) .slider-text > .slider-text-inner .slide-more{margin-left:0;}

	#fh5co-hero .flexslider .slides>li:nth-child(n+3) .slider-text > .slider-text-inner .slide-more .slide-white{margin-left:20px;}

}







@media screen and (max-width: 768px) {



  #fh5co-hero .flexslider .slider-text > .slider-text-inner h2 {



    font-size: 40px;



  }

  #fh5co-hero .flexslider .slides>li .slider-text > .slider-text-inner{top:50%;}



}



#fh5co-hero .flexslider .slider-text > .slider-text-inner p .btn:hover {



  color: #fff !important;



}



#fh5co-hero .flexslider .slider-text > .slider-text-inner span {



  color: rgba(255, 255, 255, 0.8);



  text-transform: uppercase;



  letter-spacing: 5px;



  font-size: 12px;



}







#fh5co-contact-section,



#fh5co-services-section,



#fh5co-work-section,



#fh5co-product-section,



#fh5co-about-section,



#fh5co-map-section {



  padding-bottom: 7em;



}







#fh5co-intro-section {



  margin-bottom: 2em;



  padding-bottom: 2em;



}







.intro-heading {



  font-size: 40px;



  font-weight: 300;



  line-height: 1.5;



}



@media screen and (max-width: 768px) {



  .intro-heading {



    font-size: 30px;



  }



}











.flex-container a:hover,



.flex-slider a:hover {



  outline: none;



}



.slides,



.slides > li,



.flex-control-nav,



.flex-direction-nav {



  margin: 0;



  padding: 0;



  list-style: none;



}



.flex-pauseplay span {



  text-transform: capitalize;



}



/* ====================================================================================================================



 * BASE STYLES



 * ====================================================================================================================*/



.flexslider {



  margin: 0;



  padding: 0;



}



.flexslider .slides > li {



  display: none;



  -webkit-backface-visibility: hidden;



}



.flexslider .slides img {



  width: 100%;



  display: block;



}



.flexslider .slides:after {



  /*content: "\0020";*/



  display: block;



  clear: both;



  visibility: hidden;



  line-height: 0;



  height: 0;



}



html[xmlns] .flexslider .slides {



  display: block;



}



* html .flexslider .slides {



  height: 1%;



}



.no-js .flexslider .slides > li:first-child {



  display: block;



}



/* ====================================================================================================================



 * DEFAULT THEME



 * ====================================================================================================================*/



.flexslider {



  margin: 0 0 60px;



  background: #ffffff;



  border: 4px solid #ffffff;



  position: relative;



  zoom: 1;



  -webkit-border-radius: 4px;



  -moz-border-radius: 4px;



  border-radius: 4px;



  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);



  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);



  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);



  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);



}



.flexslider .slides {



  zoom: 1;



}



.flexslider .slides img {



  height: auto;



  -moz-user-select: none;



}



.flex-viewport {



  max-height: 2000px;



  -webkit-transition: all 1s ease;



  -moz-transition: all 1s ease;



  -ms-transition: all 1s ease;



  -o-transition: all 1s ease;



  transition: all 1s ease;



}



.loading .flex-viewport {



  max-height: 300px;



}



.carousel li {



  margin-right: 5px;



}



.flex-direction-nav {



  *height: 0;



}



.flex-direction-nav a {



  text-decoration: none;



  display: block;



  width: 40px;



  height: 40px;



  margin: -20px 0 0;



  position: absolute;



  top: 50%;



  z-index: 10;



  overflow: hidden;



  opacity: 0;



  cursor: pointer;



  color: rgba(0, 0, 0, 0.8);



  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);



  -webkit-transition: all 0.3s ease-in-out;



  -moz-transition: all 0.3s ease-in-out;



  -ms-transition: all 0.3s ease-in-out;



  -o-transition: all 0.3s ease-in-out;



  transition: all 0.3s ease-in-out;



}



.flex-direction-nav a:before {



  font-family: "flexslider-icon";



  font-size: 40px;



  display: inline-block;



  content: '\f001';



  color: rgba(0, 0, 0, 0.8);



  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);



}



.flex-direction-nav a.flex-next:before {



  content: '\f002';



}



.flex-direction-nav .flex-prev {



  left: -50px;



}



.flex-direction-nav .flex-next {



  right: -50px;



  text-align: right;



}



.flexslider:hover .flex-direction-nav .flex-prev {



  opacity: 0.7;



  left: 10px;



}



.flexslider:hover .flex-direction-nav .flex-prev:hover {



  opacity: 1;



}



.flexslider:hover .flex-direction-nav .flex-next {



  opacity: 0.7;



  right: 10px;



}



.flexslider:hover .flex-direction-nav .flex-next:hover {



  opacity: 1;



}



.flex-direction-nav .flex-disabled {



  opacity: 0!important;



  filter: alpha(opacity=0);



  cursor: default;



  z-index: -1;



}



.flex-pauseplay a {



  display: block;



  width: 20px;



  height: 20px;



  position: absolute;



  bottom: 5px;



  left: 10px;



  opacity: 1;



  z-index: 10;



  overflow: hidden;



  cursor: pointer;



  color: #000;



}



.flex-pauseplay a:before {



  font-family: "flexslider-icon";



  font-size: 20px;



  display: inline-block;



  content: '\f004';



}



.flex-pauseplay a:hover {



  opacity: 1;



}



.flex-pauseplay a.flex-play:before {



  content: '\f003';



}



.flex-control-nav {



  width: 100%;



  position: absolute;



  bottom: -40px;



  text-align: center;



}



.flex-control-nav li {



  margin: 0 6px;



  display: inline-block;



  zoom: 1;



  *display: inline;



}



.flex-control-paging li a {



  width: 11px;



  height: 11px;



  display: block;



  background: #666;



  background: rgba(0, 0, 0, 0.5);



  cursor: pointer;



  text-indent: -9999px;



  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);



  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);



  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);



  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);



  -webkit-border-radius: 20px;



  -moz-border-radius: 20px;



  border-radius: 20px;



}



.flex-control-paging li a:hover {



  background: #333;



  background: rgba(0, 0, 0, 0.7);



}



.flex-control-paging li a.flex-active {



  background: #000;



  background: rgba(0, 0, 0, 0.9);



  cursor: default;



}



.flex-control-thumbs {



  margin: 5px 0 0;



  position: static;



  overflow: hidden;



}



.flex-control-thumbs li {



  width: 25%;



  float: left;



  margin: 0;



}



.flex-control-thumbs img {



  width: 100%;



  height: auto;



  display: block;



  opacity: 1;



  cursor: pointer;



  -moz-user-select: none;



  -webkit-transition: all 1s ease;



  -moz-transition: all 1s ease;



  -ms-transition: all 1s ease;



  -o-transition: all 1s ease;



  transition: all 1s ease;



}



.flex-control-thumbs img:hover {



  opacity: 1;



}



.flex-control-thumbs .flex-active {



  opacity: 1;



  cursor: default;



}















@media screen and (max-width: 860px) {



  .flex-direction-nav .flex-prev {



    opacity: 1;



    left: 10px;



  }



  .flex-direction-nav .flex-next {



    opacity: 1;



    right: 10px;



  }



}











@media only screen and (max-width: 768px) {



	#fh5co-hero .flexslider .slider-text > .slider-text-inner em{font-size:28px;margin-bottom:10px;}



	#fh5co-hero .flexslider .slider-text > .slider-text-inner p{max-width:95%;}



	#fh5co-hero .flexslider .slider-text > .slider-text-inner .slide-more{margin:10px;height:36px;width:120px;line-height:34px;font-size:12px;}



}