body{font:14px/1.85em 'Open Sans',Arial,Helvetice Neue,sans-serif; color:#999999; font-weight:300; font-style:normal; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%;}
a,a:hover,a:focus{text-decoration:none; -webkit-transition:all 150ms ease-in; -moz-transition:all 150ms ease-in; -o-transition:all 150ms ease-in; transition:all 150ms ease-in;}
h1,h2,h3,h4,h5,h6{font-family:'Open Sans',Arial,Helvetice Neue,sans-serif;}
h1{width:100%; font-size:36px; color:#999999; text-align:center;}
.blue{color:#06F; font-weight:normal;}
.green{color:#0A0; font-weight:normal;}
.clear{clear:both;}
.hubmarginbot{margin-bottom:50px;}
.hubtopbar{width:100%; background:url(../images/hub-topbar-bg.png) repeat-x; position:fixed; z-index:10; top:0;}

.hubheaderimage{width:100%; margin-top:50px; position:relative;}
.hubheaderimage img{width:100%;}
.hubblackoverlay{opacity:0.6; width:100%; height:100%; ; position:absolute; top:53px;}

.hubtitlewrapper{top:0; width:100%; left:0;}
.hubtitle{position:absolute; height:150px; line-height:84px; float:left; display:block; width:100%; text-align:center; font-size:50px; color:#ffffff; top:0; left:0;}
.hubtitle span{display:block; height:150px;}a{color:#ffffff;}a:hover{color:#999999;}
.hubmenu{position:relative; top:0%;}
.hubtopbar .navbar-default{border:none; background:none;}
.hubtopbar .navbar{border-radius:0;}
.hubtopbar .navbar-nav{float:none; margin:0 auto;}
.hubtopbar .navbar-default .navbar-nav>li>a{color:#ffffff;}
.hubtopbar .navbar-nav > li > .dropdown-menu {background-color: #d3d3d3;text-align:left; font-size:12px; right: -40px; left: auto; position: absolute; z-index: 100; overflow-y: visible;}
.hubtopbar .navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{text-align:center; color:#d3d3d3;}
#top-menu li.active a{background:#5d5c61; opacity:0.8; color:#7395ae;}
#top-menu a:hover{background:#5d5c61; opacity:0.8; color:#7395ae;}
.navbar-collapse{box-shadow:none;overflow: visible !important;}
.hubhomewrapper{}
.hubhometitle{margin-bottom:20px;}
.hubhometitle2{margin-bottom:20px;}
.hubhometext{margin:0 auto;}
.hubhomebutton{background:#7395ae; padding:15px 0; text-align:center; font-size:20px; border-radius:5px; width:150px; color:#e3e3e3;}
.hubhomebutton a{color:#e3e3e3;}
:hover.hubhomebutton{background:#7395ae; cursor:pointer;}

.hubservicewrapper{background:#f0eeee; padding:50px 0 50px 0; width:100%; text-align:center;}
.hubservicebox{background:#ffffff; border-radius:5px; padding:25px;}
.hubservicebox2{background:#ffffff; border-radius:5px; padding:0 0 25px 0;}
.hubprojboxes{background:#ffffff; border-radius:5px; padding:25px; overflow: auto}
.hubmaincenterbox{background:#ffffff; border-radius:5px; padding:25px; height:290px; width:262px; margin: 0 auto;}
.hubserviceicon{background:#7395ae; color:#ffffff; width:80px; height:80px; margin:0 auto; border-radius:5px; font-size:40px; line-height:80px; text-align:center;}


.hubservice_title{font-size:18px; margin:15px 0 5px 0; color:#575757;}

.hubworkwrapper{width:100%; padding:70px 0 50px 0; text-align:center;}
.hubworkmargin{margin-bottom:50px;}
.hubworkbox{float:left;}
.hubworkbox img{width:100%;}
.hubworktitle{margin-top:15%; font-size:18px; font-weight:bold; color:#ffffff;}
.hubworkdes{color:#ffffff; margin-top:10px;}
.hubworklink{padding:25px; font-size:30px; background:#5d5c61; display:inline-block; border-radius:3px; text-align:center; margin-top:10px;}

.hubteam_wrapper{width:100%; padding:10px 0 0px 0; text-align:center;}
.hubteam_name{font-size:16px; color:#7395ae; margin-top:10px;}
.hubteam_post{font-size:14px;}
.hubnews{width:100%; padding: 0px 0 5px 0; text-align:center;}
.hubnews a{background:#7395ae; opacity:0.8; color:#ffffff; padding: 2px}
.hubnews a:hover{color:#5d5c61;}
.hublinks {color:#999999 !important;}
.hublinks a{color:#5d5c61 !important; padding: 0px}
.hublinks a:hover{color:#7395ae !important;}
.hubproj {color:#999999 !important; margin:0 auto;}
.hubproj a{color:#5d5c61 !important; padding: 0px}
.hubproj a:hover{color:#7395ae !important;}
.hubnewsicon{background:#7395ae; color:#ffffff; width:243px; height:290px; margin:0 auto; border-radius:5px; font-size:40px; line-height:80px; text-align:center;}
.hubcontactwrapper{padding:30px 0 30px 0;}
#hubmap{height:250px; width:100%; margin-top:20px;}
#hubesrimap{height:250px; width:100%; margin-top:10px;}
.hubcontactmargin{margin-top:30px; margin-bottom:40px;}
.hubaddress_title{float:left; width:100%; margin:0 0 20px 0;}
.hubaddress_left{float:left; width:35%; font-size:14px; margin-top:10px;font-weight: bold; padding:0 6px 0 0;}
.hubaddress_right{float:left; width:65%; font-size:14px; margin-top:10px;}
.hubcontactwrapper input,textarea{width:100%; border:1px solid #e2e2e2; margin-top:10px; padding:5px;}
.hubcontactwrapper textarea{height:120px;}
.hubsendbtn{background:#7395ae; color:#fff; padding:7px 25px; float:left;}

.hubfooterwrapper{background:#557a95; color:#fff; position:fixed; left:0; bottom:0; width:100%; padding:5px 0; margin-top:50px;}
.hubfooterwrapper a{color:#fff;}
.hubfooterwrapper a:hover{color:#7395ae;}
.hubsocial{width:125px; margin:0 auto; padding:0;}

/*------------------------------------------------------
Flexslider Overrides 
--------------------------------------------------------*/
.main-slider{width:100%; margin-top:0;}
.flexslider ul{padding:0;}
.flexslider ul li{padding:0;}
.flexslider .slides{}
.slider-caption{position:absolute; vertical-align:middle; width:100%; text-align:center; z-index:8; color:#fff; top:100px;}
.slider-caption h2{font-size:48px; text-transform:uppercase; font-weight:800; margin-bottom:30px;}
.slider-caption p{font-size:16px; text-transform:uppercase; letter-spacing:2px; width:50%; margin:0 auto 30px auto; line-height:1.8em;}
.flexslider{background-color:#371604; overflow:hidden; margin:0;}
.flexslider img{position:relative; opacity:0.5; width:100%; z-index:7; height:auto;}
.flex-control-nav{bottom:15px; z-index:9;}
.flex-control-paging li{list-style:none;}
.flex-control-paging li a{background:none; border:none; opacity:0;}
.flex-control-paging li a:hover{opacity:1; background:white;}
.flex-control-paging li a.flex-active{opacity:0; background:none;}

/*------------------------------------------------------
Gallery Styles 
--------------------------------------------------------*/
.gallery-item{margin-bottom:0; position:relative; overflow:hidden;}
.gallery-item .content-gallery{text-align:center;}
.gallery-item .content-gallery h3{color:#7395ae; font-size:16px; font-weight:300; margin-top:5px; padding-bottom:5px; display:inline-block;}
.gallery-item img{width:100%;}
.gallery-item .overlay{position:absolute; top:0; left:0; width:100%; min-width:100%; min-height:100%; height:100%; background-color:rgba(115,149,174,0.9); display:block; -webkit-transition:all 50ms ease-in-out; -moz-transition:all 50ms ease-in-out; -ms-transition:all 50ms ease-in-out; -o-transition:all 50ms ease-in-out; transition:all 50ms ease-in-out;}
.gallery-item .overlay a{color:#ffffff; text-align:center; line-height:32px; position:absolute; margin-top:-16px; margin-left:-10px; font-size:24px;}

/*------------------------------------------------------
Media Queries 
--------------------------------------------------------*/
@media (max-width:767px){
	.hubtitlewrapper{display:none;}
	.hubtitlewrappersmall{float:left; font-size:22px; color:#ffffff; line-height:50px; margin-left:20px;}
	.hubtopbar .container-fluid>.navbar-collapse{background:#7395ae; opacity:0.9; border:none; overflow: visible !important;}
	.hubtopbar .navbar-default .navbar-nav>li>a{font-size:14px; padding:10px 10px; border-bottom:1px solid #7395ae; width:70%; overflow: visible !important;}
	.margin_bottom_1col{margin-bottom:20px;}
	.margin_bottom_2col{margin-bottom:0;}
	#top-menu{background:#7395ae; margin:0 -15px; opacity:0.9;}
	.hubtopbar .navbar-default .navbar-toggle .icon-bar{background-color:#ffffff;}
	.hubfooterwrapper{background:#557a95; color:#fff; width:100%; padding:5px 5px; margin-top:50px; text-align: center; font-size:10px}
	.hubtopbar .navbar-nav > li > .dropdown-menu {background-color: #d3d3d3;text-align:left; font-size:12px; right: -40px; left: auto; position: absolute; z-index: 100; overflow-y: scroll !important; max-height: 300px !important;}
	}

@media (max-width:991px){
	.hubhomewrapper{display:block;}
	.hubhometext{display:none;}
	.hubtitle{font-size:32px; line-height:50px;}
	.margin_bottom_2col{margin-bottom:20px;}
	.hubtopbar .navbar-default .navbar-nav>li>a{color:#ffffff; font-size:14px; padding:4px 4px;}
	}

@media (max-width:319px){
	.slidernav a.previous{left:0%;}
	.slidernav a.next{right:0%;}
	.hubhometitle{font-size:20px; color:#ececec; margin-top:0px; padding:0px 0;}
	.hubhometitle2{font-size:20px; color:#999999; margin-top:0px; padding:0px 0;}
	.hubcontactwrapper{padding:30px 0 30px 0;}
	}


@media (min-width:320px){
	.hubworkbox{width:100%;}
	.slidernav a.previous{left:3%;}
	.slidernav a.next{right:2%;}
	.hubtitle{font-size:32px; line-height:50px;}
	.hubhometitle{font-size:20px; color:#ececec; margin-top:5px; padding:0px 0;}
	.hubhometitle2{font-size:20px; color:#999999; margin-top:0px; padding:0px 0;}
	.hubcontactwrapper{padding:30px 0 30px 0;}
	.hubtopbar .navbar-default .navbar-nav>li>a{color:#ffffff; font-size:12px; padding:0px 15px;}
	}

@media (min-width:768px){
	.hubtopbar{height:35px;}
	.hubheaderimage{margin-top:35px;}
	.hubtitle{font-size:32px; line-height:50px;}
	.hubtopbar .navbar-nav{width:750px; text-align: center;}
	.hubtitlewrappersmall{display:none;}
	.hubtopbar .navbar{position:relative; top:-35px;}
	.hubworkbox{width:50%;}
	.hubtopbar .navbar-default .navbar-nav>li>a{color:#ffffff; font-size:14px; padding:4px 4px;}
	.slidernav a.previous{left:2%;}
	.slidernav a.next{right:1%;}
	}

@media (min-width:992px){
	.hubtopbar{height:50px;}
	.hubheaderimage{margin-top:50px;}
	.hubtitle{font-size:40px; line-height:60px;}
	.hubhomewrapper{display:block;}
	.hubhomewrapper{top:0%; width:100%;}
	.hubhometitle{font-size:26px; color:#ffffff; margin-top:50px; padding:30px 0;}
	.hubhometitle2{font-size:26px; color:#999999; margin-top:0px; padding:30px 0;}
	.hubhometext{text-align:center; font-size:16px; margin:0 auto; width:60%;}
	.hubhomebutton{margin:40px auto 0 auto; padding:10px 0; font-size:18px; width:130px;}
	.hubworkbox{width:25%;}
	.hubtopbar .navbar{position:relative; top:-45px;}
	.hubtopbar .navbar-default .navbar-nav>li>a{color:#ffffff; font-size:14px; padding:9px 9px;}
	.slidernav a.previous{left:3%;}
	.slidernav a.next{right:2%;}
	.hubworktitle{margin-top:5%; font-size:16px; font-weight:bold; color:#ffffff;}
	}

@media (min-width:1200px){
	.hubtitle{font-size:50px; line-height:84px;}
	.hubhomewrapper{top:0%; width:100%;}
	.hubhometitle{font-size:30px; color:#ffffff; margin-top:80px;}
	.hubhometitle2{font-size:30px; color:#999999; margin-top:0px;}
	.hubhometext{text-align:center; font-size:16px; margin:0 auto; width:60%; line-height:30px;}
	.hubhomebutton{margin:40px auto 20px auto; font-size:18px;}
	.hubtopbar .navbar{position:relative; top:-45px;}
	.hubtopbar .navbar-default .navbar-nav>li>a{color:#ffffff; font-size:14px; padding:5px 12px;}
	.slidernav a.previous{left:11%;}
	.slidernav a.next{right:10%;}
	.hubworktitle{margin-top:15%; font-size:18px; font-weight:bold; color:#ffffff;}
	}

@media (min-width:1400px){
	.hubhomewrapper{top:0%; width:100%;}
	.hubhometitle{font-size:36px; color:#ffffff; margin-top:180px;}
	.hubhometitle2{font-size:36px; color:#999999; margin-top:0px;}
	.hubhometext{text-align:center; font-size:18px; margin:0 auto; width:60%; line-height:30px;}
	.hubhomebutton{margin:70px auto 20px auto;}
	.slidernav a.previous{left:15%;}
	.slidernav a.next{right:15%;}
	}
	.nav.navbar-nav {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

i {
    float: right;
    padding:0px 7px;
    font-size: 30px;
    height: 30px;
    vertical-align: middle;
}
textarea {
  min-height:110px;
}

.noresize {
  resize: none; 
}
.dropdown-backdrop{
	position:static;
	float: none;

}

.textwrap {
	float: right;
	margin: 5px
}

.textwrapleft {
	float: left;
	margin: 5px
}

div.center {
    margin-left: auto;
    margin-right: auto;
    display: table;
}
ul {
    text-align: left;
}

a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}

.newsboxes {
border-radius: 25px;
width:235px;
height:265px;
padding:25px;
background-color:#ffffff;
margin: 0 auto;
overflow:hidden;
}

.table1, .th1, .td1 {
  border: 0px solid black;
  table-layout: auto;
  float: left;

}

.th1, .td1 {
  padding: 8px 0 0 8px;
}

.table2, .th2, .td2 {
  border: 1px solid black;
  table-layout: auto;
}

.td2justify {
	text-align: justify;
}

.td3 {
	width: 30%
}

.th2, .td2 {
  padding: 10px;
}

  table.center {
    margin-left:auto; 
    margin-right:auto;
  }

    .tablecen {
    width:70%; 
    margin-left:15%; 
    margin-right:15%;
    padding: 8px 0 0 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.collapsible {
  background-color: #777;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.active, .collapsible:hover {
  background-color: #555;
}

.content {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #f1f1f1;
}

.newstextmiddle {vertical-align:middle;}

.imgnewsleft {
	float: left;
	padding: 10px
}

.imgnewsright {
	float: right;
	padding: 10px
}

.mainpageesrimap {
	width: 100%;
	height: 250px;
	border: 0;
}

.dropdown-pull-right {
  float: right !important;
  right: -55px;
  left: auto;
}

.dropdown-pull-right>.dropdown-menu {
  right: 0;
  left: auto;
}

u {
  text-decoration: underline;
}

iframe.mainpageframe {
	width: 100%;
	border: 0;
	scroll-behavior: smooth; 
	margin-height:0;
	margin-width:0;
}