/* DO NOT CROSS LINK TO THIS FILE  - This stylesheet was generated on Wed, 17 Sep 2025 08:59:05 -0700 and its name will change */

/*---------------------------------------------*/
/* Stylesheet: Grid for Editor AND Website*/

/* regular grid definition here - must be after above overrides */
/* grid definition 960px - bootstrap style */
*[class*="col-md-"] { float: left; margin: 0 10px; } /* 20px gutter */
.col-md-1 { width: calc(100% / 12 * 1 - 20px); } 
.col-md-2 { width: calc(100% / 12 * 2 - 20px); } 
.col-md-3 { width: calc(100% / 12 * 3 - 20px); } 
.col-md-4 { width: calc(100% / 12 * 4 - 20px); } 
.col-md-5 { width: calc(100% / 12 * 5 - 20px); } 
.col-md-6 { width: calc(100% / 12 * 6 - 20px); } 
.col-md-7 { width: calc(100% / 12 * 7 - 20px); } 
.col-md-8 { width: calc(100% / 12 * 8 - 20px); } 
.col-md-9 { width: calc(100% / 12 * 9 - 20px); } 
.col-md-10 { width: calc(100% / 12 * 10 - 20px); } 
.col-md-11 { width: calc(100% / 12 * 11 - 20px); } 
.col-md-12 { width: calc(100% / 12 * 12 - 20px); } 

*[class*="len-md-"] { padding: 0 10px; } /* 20px gutter, no float */
.len-md-1 { width: calc(100% / 12 * 1 - 20px); } 
.len-md-2 { width: calc(100% / 12 * 2 - 20px); } 
.len-md-3 { width: calc(100% / 12 * 3 - 20px); } 
.len-md-4 { width: calc(100% / 12 * 4 - 20px); } 
.len-md-5 { width: calc(100% / 12 * 5 - 20px); } 
.len-md-6 { width: calc(100% / 12 * 6 - 20px); } 
.len-md-7 { width: calc(100% / 12 * 7 - 20px); } 
.len-md-8 { width: calc(100% / 12 * 8 - 20px); } 
.len-md-9 { width: calc(100% / 12 * 9 - 20px); } 
.len-md-10 { width: calc(100% / 12 * 10 - 20px); } 
.len-md-11 { width: calc(100% / 12 * 11 - 20px); } 
.len-md-12 { width: calc(100% / 12 * 12 - 20px); } 

*[class*="col-xs-"] { float: left; margin: 0 10px; } /* 20px gutter */
.col-xs-1 { width: calc(100% / 12 * 1 - 20px); } 
.col-xs-2 { width: calc(100% / 12 * 2 - 20px); } 
.col-xs-3 { width: calc(100% / 12 * 3 - 20px); } 
.col-xs-4 { width: calc(100% / 12 * 4 - 20px); } 
.col-xs-5 { width: calc(100% / 12 * 5 - 20px); } 
.col-xs-6 { width: calc(100% / 12 * 6 - 20px); } 
.col-xs-7 { width: calc(100% / 12 * 7 - 20px); } 
.col-xs-8 { width: calc(100% / 12 * 8 - 20px); } 
.col-xs-9 { width: calc(100% / 12 * 9 - 20px); } 
.col-xs-10 { width: calc(100% / 12 * 10 - 20px); } 
.col-xs-11 { width: calc(100% / 12 * 11 - 20px); } 
.col-xs-12 { width: calc(100% / 12 * 12 - 20px); } 

.clearfix { margin: 0 !important; clear: both; }
.clearfix::after {  
	content: " "; /* Older browser do not support empty content */
	visibility: hidden; display: block; height: 0px;  clear: both;
}
/* margin fix when we don't want margins  */
.nomargin[class*="col-md-"] { margin: 0 ; }
.nomargin.col-md-1 { width: calc(100% / 12 * 1) ; }
.nomargin.col-md-2 { width: calc(100% / 12 * 2) ; }
.nomargin.col-md-3 { width: calc(100% / 12 * 3) ; }
.nomargin.col-md-4 { width: calc(100% / 12 * 4) ; }
.nomargin.col-md-5 { width: calc(100% / 12 * 5) ; }
.nomargin.col-md-6 { width: calc(100% / 12 * 6) ; }
.nomargin.col-md-7 { width: calc(100% / 12 * 7) ; }
.nomargin.col-md-8 { width: calc(100% / 12 * 8) ; }
.nomargin.col-md-9 { width: calc(100% / 12 * 9) ; }
.nomargin.col-md-10 { width: calc(100% / 12 * 10) ; }
.nomargin.col-md-11 { width: calc(100% / 12 * 11) ; }
.nomargin.col-md-12 { width: calc(100% / 12 * 12) ; }

.nomargin[class*="col-xs-"] { margin: 0 ; }
.nomargin.col-xs-1 { width: calc(100% / 12 * 1) ; }
.nomargin.col-xs-2 { width: calc(100% / 12 * 2) ; }
.nomargin.col-xs-3 { width: calc(100% / 12 * 3) ; }
.nomargin.col-xs-4 { width: calc(100% / 12 * 4) ; }
.nomargin.col-xs-5 { width: calc(100% / 12 * 5) ; }
.nomargin.col-xs-6 { width: calc(100% / 12 * 6) ; }
.nomargin.col-xs-7 { width: calc(100% / 12 * 7) ; }
.nomargin.col-xs-8 { width: calc(100% / 12 * 8) ; }
.nomargin.col-xs-9 { width: calc(100% / 12 * 9) ; }
.nomargin.col-xs-10 { width: calc(100% / 12 * 10) ; }
.nomargin.col-xs-11 { width: calc(100% / 12 * 11) ; }
.nomargin.col-xs-12 { width: calc(100% / 12 * 12) ; }

/* responsiveness fold */
@media screen and (max-width:910px) {
	*[class*="col-md-"] { float: none !important;  width: calc(100% - 20px) !important; margin: 0 10px !important;} /* keep the margin gutter of 10px on either side */
	*[class*="col-md-"].nomargin { width: 100% !important; margin: 0px !important; }
	*[class*="len-md-"] { width: calc(100% - 20px) !important; padding: 0 10px !important;} /* keep the padding gutter of 10px on either side */
	/* don't do anything to -xs- columns. They need to keep their sizes */
}


/*
Bootstrap:
Extra small devices
Phones (<768px)		- col-xs. Horizontal at all times
Small devices
Tablets (&ge;768px)	- col-sm (LVSYS: same as col-md). Collapsed to start, horizontal above breakpoints
Medium devices
Desktops (&ge;992px) 	- col-md (LVSYS default). Collapsed to start, horizontal above breakpoints
Large devices
Desktops (&ge;1200px) 	- col-lg (LVSYS: same as col-md). Collapsed to start, horizontal above breakpoints
http://getbootstrap.com/css/
*/

/* mobile screens */
@media screen and (max-width:910px) {
	*[class*="visible-xs"] {}
	*[class*="visible-sm"] {display: none !important;}
	*[class*="visible-md"] {display: none !important;}
	*[class*="visible-lg"] {display: none !important;}
	*[class*="hidden-xs"] { display: none !important;} /* lvsys grid */
	*[class*="hidden-sm"] {}
	*[class*="hidden-md"] {} /* lvsys grid */
	*[class*="hidden-lg"] {}
}

/* large screens */
@media screen and (min-width:910px) {
	*[class*="visible-xs"] {display: none !important;}
	*[class*="visible-sm"] {}
	*[class*="visible-md"] {}
	*[class*="visible-lg"] {}
	*[class*="hidden-xs"] { } /* lvsys grid */
	*[class*="hidden-sm"] {display: none !important;}
	*[class*="hidden-md"] {display: none !important;} /* lvsys grid */
	*[class*="hidden-lg"] {display: none !important;}
}

/*---------------------------------------------*/
/* Stylesheet: Defaults*/

* {margin: 0px;padding: 0px; box-sizing: border-box;}
html {height: 101%;}
a img {border: none; outline: none;}
img {border: none; outline: none;}

/*--------------- reset browser defaults--------------- */
.main-home { color: #333333; font-family: Verdana; font-size: 18px; padding: 0; }
.main-home a { color: #007dba; text-decoration: none; }
.main-home a:hover { color: #00b371; }
.main-home h1 { font-size: 2em; color: inherit; font-family: Verdana; font-weight: bold; text-transform: uppercase; margin-bottom: 15px;}
.main-home h1 a { color: inherit;}
.main-home h2 { font-size: 1.5em; color: inherit; font-family: Verdana; font-weight: bold;  text-transform: uppercase; margin-bottom: 15px;}
.main-home h2 a { color: inherit;}
.main-home h2 a:hover { color: #00b371;}
.main-home h3 { font-size: 1.2em; color: inherit; font-family: Verdana; font-weight: bold; margin-bottom: 15px;}
.main-home h3 a { color: #00965e;}
.main-home h3 a:hover { color: #00b371;}
.main-home h4 { font-size: 1.1em; color: inherit ; font-family: Verdana; font-weight: bold; text-transform: uppercase;  margin-bottom: 15px;}
.main-home h4 a { color: inherit; }

.main-home p, .main-home ul, .main-home ol { line-height: 1.5em; margin-bottom: 15px;}
.main-home ul {  }
.main-home li { margin-left: 20px; }

.photo img { border: solid 4px white; box-shadow: 0 0 10px black; }

/* ---------- style super common design items ---------*/
.ruler { border-top: solid 2px #007dba; margin-bottom: 15px; }
.ruler-dot { border-top: dotted 1px #a5a4ac; margin-bottom: 10px; }
.date { font-style: italic;}
.readmore {  color: #fff !important; font-weight: bold; background: #007dba; padding: 5px 10px; display: inline-block;}
.readmore:hover {  background-color: #00b371; }
.readmore a { color: #fff !important; font-weight: bold;  }
.error-box { color: Red; background-color: #fee; padding: 5px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.success-box { color: Green; background-color: #efe; padding: 5px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.thumb img { border: solid 5px #A5A4AC; box-shadow: 0 0 10px black; }

/*---------------------------------------------*/
/* Stylesheet: Layout*/

.main-home  { }
.main-home .template { }

/* ------------- slices ----------------------*/
.bg-header  { background: #fff url(/pub/photo/deltafire-header-bg.jpg) repeat-x bottom center; position: relative; padding: 42px 20px 30px;}
.bg-header2  { background: white url(../pub/photo/header-pipes2.jpg) no-repeat center bottom; height: 135px; position: relative; z-index: 1010;}
.bg-menu { position: relative; background: #00965e; text-align: center; color: #fff; padding: 0 20px; }
.bg-slideshow {}
.bg-slideshow > .x-cell {width: 100% !important;}
.bg-clear { background: white; padding: 50px 20px; }
.bg-red-photo {text-align: center; background: url(/pub/photo/LVF-Fire-Pump-03-small.jpg) no-repeat center center; background-size: cover;}
.bg-red-photo > .x-cell {padding: 50px 20px; width: 100% !important; background: rgba(185, 39, 0, 0.8); color: #fff;}
.bg-light { background: #f9f9f9; border-top: solid 2px #ddd; }
.bg-footer { background: #007DBA; padding: 50px 20px;}

.x-block {  margin-bottom: 0px;  }
.x-block > .x-cell {margin: 0 auto; width: 960px; position: relative; max-width: 100%;}
.x-block > .x-cell-container {margin: 0 auto; width: 960px; position: relative; max-width: 100%;}
.x-clear { clear: both; }
.content { padding: 0 0px; }
.content .x-block { width: 100% !important; }

.bg-full.bg-clear {padding: 0;}
.bg-full > .x-cell {width: 100%;}

.layout > .x-cell {width: 100%;}

.center {text-align: center;}
.capitalize {text-transform: uppercase;}

/*--------- generic templating --------- */
.col-container { margin-bottom: 20px; }
.col-single { width: 340px; padding: 20px 0;}
.col-double { width: 600px; padding: 20px 0;}
.col-single > .inner { }
.col-double > .inner { }
.master-col-left { float: left;}
.master-col-right { float: right; }
.layout-col-left { float: left;}
.layout-col-right { float: right; }

/* ---------------header -------------- */
.bg-header > .x-cell {}
.bg-header2 > .x-cell { position: relative;  height: 136px; }

/*.bg-header  #toplogo { right: -10px; top: 15px; position: absolute; }*/
.bg-header  #toplogo { width: 300px; display: block;}
.bg-header  #toptext { right: 0; top: 1px; position: absolute; border: 3px solid #00965e; background: #fff; padding: 20px 15px 5px; text-align: center;}

.bg-header2  #toplogo { left: 20px; top: 20px; width: 300px; position: absolute; box-shadow: 0 0 10px #000; }
.bg-header2  #toptext { display: none;}

.mobile-text {text-align: left; float: left; padding-left: 30px;}
.mobile-text p {margin: 0; font-size: 1.25em; line-height: 58px;}

.mobile-contact {text-align: right; padding-right: 30px;}
.mobile-contact p {margin: 0; font-size: 1.75em; }
.mobile-contact a {color: #fff; padding: 5px; display: inline-block; }
.mobile-contact a:hover {opacity: .7;}

.bg-header .menu-toggle, .bg-menu .topmenu-mobile {display: none;}

/* ------------ Banner Slideshow -------------*/

.bg-slideshow {background: #007dba; padding-bottom: 50px;}

.background-slideshow {width: 100% !important; min-height: 320px; }
.home-slideshow .background-slideshow .ui-photo-list {display: none;}
.home-slideshow .background-slideshow .slideshow-container {display: none;}
.home-slideshow .background-slideshow .slideshow-container:first-child {display: block;}
.home-slideshow .slideshow-container {width: 100% !important;}
.home-slideshow .slideshow-background {min-height: 320px; width: 100%;}

.copy-container {position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: rgba(0, 0, 0, 0.5);}
.copy {display: table; height: 100%; max-width: 960px; width: 100%; margin: auto;}
.copy-inner {display: table-cell; vertical-align: middle; width: 100%; margin: 0 auto; color: #fff; }

.copy-inner h1, .copy-inner h2 {color: #fff;}
.copy-inner h1 {font-size: 2.75em;}
.copy-inner h2 {text-transform: none; font-size: 2em; font-weight: normal;}
.copy-inner .btn {font-size: 1.5em; padding: 15px 35px;}

.slideshow-seal {position: absolute; bottom: -40px; right: 93px; z-index: 10; width: 185px;}
.slideshow-seal img {}

/* ------------ Home Page -------------*/

.phone i, .email i {margin-right: 7px;}

.service-container {width: 960px; max-width: 100%; margin: auto;}

h2.color {color: #007dba;}

.lists {text-align: center;}
.lists ul {text-align: left; display: inline-block; padding: 0 15px;}

.table {border-spacing: 0;}
.table .table-img {background-size: cover !important;}
.strip-text {padding: 5%; text-align: center;}

.portfolio-slider-container {position: relative;}

.slider-title-banner {position: absolute; top: 0; left: 0; right: 0; background: rgba(255, 255, 255, 0.7); text-align: center; z-index: 100;}
.slider-title-banner h2 {margin-bottom: 0; padding: 10px 0;}

.portfolio-slide {position: relative;}
.portfolio-slide .portfolio-overlay-container {position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); transition: .2s;}
.portfolio-slide .portfolio-overlay-container .portfolio-overlay {display: table; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: .2s;}
.portfolio-slide .portfolio-overlay-container .portfolio-overlay .portfolio-overlay-inner {display: table-cell; vertical-align: bottom; text-align: center;}
.portfolio-slide .portfolio-overlay-container .portfolio-overlay .portfolio-overlay-inner h3 {margin-bottom: 0; padding: 15px 0;}
.portfolio-slide .portfolio-overlay-container .portfolio-overlay .portfolio-overlay-inner h3 a {color: #fff;}
.portfolio-slide .portfolio-overlay-container .portfolio-overlay .portfolio-overlay-inner h3 a:hover {color: #1ab2ff;}

.owl-item.active.center .portfolio-slide .portfolio-overlay-container { background: transparent;}
.owl-item.active.center .portfolio-slide .portfolio-overlay-container .portfolio-overlay { opacity: 1; visibility: visible;}
.owl-item.active.center .portfolio-slide .portfolio-overlay-container .portfolio-overlay .portfolio-overlay-inner h3 {  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.9));}

.owl-nav {}
.owl-nav .owl-prev, .owl-nav .owl-next {position: absolute; top: 0; bottom: 0; margin: auto; height: 44px; width: 44px; background: rgba(255, 255, 255, 0.8) !important; border-radius: 50%; color: #000 !important; font-size: 2em !important; z-index: 100; text-align: center; overflow: hidden; transition: .2s;}
.owl-nav .owl-prev span, .owl-nav .owl-next span {line-height: 44px !important; display: inline-block; position: relative; bottom: 2px;}
.owl-nav .owl-prev:hover, .owl-nav .owl-next:hover {background: #fff !important; color: #007dba !important;}
.owl-nav .owl-prev {left: 19%;}
.owl-nav .owl-prev span {right: 1px;}
.owl-nav .owl-next {right: 19%;}
.owl-nav .owl-next span {left: 1px; }
.owl-dots {display: none;}

.table {width: 100%;}

.btn-mobile i {display: none;}

.btn + .btn {margin-left: 15px;}

/* ------------ Article Page -------------*/

.slideshow { text-align: center; }
.slideshow img {max-height: 100%; width: auto !important; margin: 0 0 10px 10px;}

.article-image {width: 550px; height: auto; float: right; max-width: 100%; margin-left: 20px;}

/* ------------ Products Page -------------*/

.category-item {REMborder: 1px solid #000; margin-bottom: 20px !important;}
.category-item-photo {}
.category-item-photo img {display: block;}
.category-item-content {padding: 10px 15px; background: #eee;}
.category-item-content h2 {font-size: 1.25em;}
.category-item-content h2 a:hover {color: #00965e;}

.category-item-center {display: inline-block; float: none !important; }

/* ------------ Projects Page -------------*/

.featured-project-container {padding-bottom: 40px;}
.featured-project-container + .ruler {margin-bottom: 40px;}
.featured-project {font-size: .9em; text-transform: uppercase; margin-bottom: 0 !important; font-weight: bold;}
.featured-project-container h2 { font-weight: 400;}
.featured-project-container h2 a:hover {color: #00965e;}

/* ------------ Projects Pager -------------*/

.post-pager {display: table; width: 100%;}
.category-pager {display: none; vertical-align: middle; height: 100%;} 
.category-pager.category {display: table-cell; text-align: center; } 
.category-pager.left {display: table-cell; text-align: left; font-weight: 600;}
.category-pager.right {display: table-cell; text-align: right; font-weight: 600;}
.category-pager .btn {background: #007dba; font-weight: 600;}
.category-pager .btn:hover {background: #00965e;}
.category.category-pager .btn {color: #007dba !important; background-color: white;}
.category.category-pager .btn:hover {color: #00965e !important; background-color: white;}
.category-pager span {display: block; color: #fff; font-weight: normal;}


/* ------------ Services Page -------------*/

.category-item.inline-category-item {border: 0;}
.category-item.inline-category-item .category-item-icon {font-size: 5em; margin-bottom: 15px;}
.category-item.inline-category-item .category-item-icon a {color: #007dba;}
.category-item.inline-category-item .category-item-icon a:hover {color: #00965e;}
.team-delta.category-item-icon {    font-size: 100px;
    margin-bottom: 20px;}

/* ------------ Sidebar -------------*/

.sidebar-text {border: 1px solid #000; padding: 20px; background: #eee;}

/* ------------ Contact Form -------------*/

.contact-form {}
.contact-form td {padding-bottom: 8px;}
.contact-form .cell-left {padding-right: 8px;}
.contact-form .cell-right {padding-left: 8px;}
.contact-form .ui-form-label + .ui-form-input {margin-top: 5px;}
.contact-form .ui-form-checkbox {margin-right: 5px;}

/* ------------ Form Container -------------*/


.form-container.contact-form {width: 100%;}
.form-container td {padding-bottom: 10px;}
.form-container input[type='text'] {width: 100% !important;}




/* ------------ Login Form -------------*/

.login-form {margin-bottom: 45px;}
.login-form + .ruler {margin-bottom: 35px;}

/* ------------ bi-color columns -------------*/
.col-container { }

/*-------------- testimonials ---------------*/
.testimonial { background-color: #3c84a3; color: white !important; padding: 20px; border-radius: 16px;}

/*-------------- bottom footer --------------*/
.bg-footer { color: white !important; }
.bg-footer .x-cell {}
.bg-footer .inner {  } /* not used due to the uncheck 'wrap' box */
.bg-footer a { color: white !important; }
.bg-footer a:hover { opacity: .7; }
.bg-footer h2, .footer h3, .footer h4 { color: white !important;  }

.bg-footer .footer-logo a:hover {opacity: 1;}

.bg-footer .capitalize {font-size: .9em;}
.bg-footer .capitalize img {width: 75%;}

.bg-footer .footer-menu { font-weight: bold;}
.bg-footer .footer-menu li {list-style: none; margin-left: 0; }
.bg-footer .footer-menu li a {padding: 5px 0; display: inline-block; }

.bg-footer .footer-images img {max-width: 200px; max-height: 100px; vertical-align: middle;}
.bg-footer .footer-images img + img {margin-left: 10px;}

.bg-footer .btn-invert:hover {color: #007DBA !important; opacity: 1;}

#signature { display: none; background-color: none; color: white; margin-bottom: 0; font-size: .8em; margin: 0 auto; color: #FFF; text-align: right; padding: 20px 0; padding-top: 0;}
#signature a { color: #FFF !important; }

/*---------------------------------------------*/
/* Stylesheet: Menus*/

/* top menu all pages */   
.bg-menu .inner { background: none; text-transform: uppercase; position: relative;font-size: 1.3em; font-family: 'OpenSansCondensedBold', sans-serif; font-weight: bold; text-align: right; }
.bg-menu .inner ul { list-style-type: none !important; margin: 0;}
.bg-menu .inner li { background: none; margin: 0;}

 #topmenu { text-align: center; font-size: 1.1em; margin-bottom: 0;}
  #topmenu > li { position: relative; display: inline-block; padding: 0; margin-left: 0;}
  #topmenu > li.isfirst {  padding-right: 0;} /* we need to set numeric borders to prevent jquery issues for Ie7. See main.xml */
  #topmenu > li.islast { border-right: 0; } 
  #topmenu > li.ispadding { REMpadding: 0 5px;}  
  
   #topmenu a { display: inline-block; color: #fff; padding: 8px 15px; }
   #topmenu a.selected { border-bottom: none; color: #fff; background: #007dba; }
   #topmenu > li:hover > a { border-bottom: none; color: #fff; background: #007dba; }
   
  /* following is to fix the table layout for IE < 8 */
	#topmenu { display: inline-block; }
	#topmenu > li { display: inline-block; }
	#topmenu > li > a { font-weight: bold; }
	
	/* menu drop down prep */
	  #topmenu ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; background: #fff; font-size: .9em;}
	  * html #topmenu ul { line-height: 0;} /* IE6 "fix" */
  		#topmenu ul a { zoom: 1;} /* IE6/7 fix */
		#topmenu ul li { float: none; padding: 0px 0px; text-align: left; list-style: none; margin-left: 0;}
		#topmenu ul li.isfirst { REMborder-top: solid 1px #FFF; }
		#topmenu ul li.hover { color: #fbc3a2; }
		#topmenu ul li.selected { color: #fbc3a2; }
		#topmenu ul a.selected {color: #fff; background-color: #007dba; }
		                  
		#topmenu ul ul { top: 0;}
	
	/* menu drop down sizing */
	#topmenu ul { width: 270px; left: 0px; text-align: left; }
	#topmenu ul ul { left: 271px; } 

	/* menu drop down positioning */
	#topmenu ul > li > a { color: #007dba; font-weight: normal; display: block; line-height: 24px;}
	#topmenu ul > li > a:hover { background-color: #007dba; color: #fff;}
	  #topmenu ul {  border: none;  line-height: 1; }	
	  
	/* drop shadows and central background */
	#topmenu ul { box-shadow: none; }
        #topmenu ul { background-color:none; }

/*---------------------------------------------*/
/* Stylesheet: Forms and Buttons*/

/*---- generic button styling -------*/
input[type="button"] { padding: 2px 5px; }
input[type="submit"] { padding: 2px 5px; }
button { padding: 2px 5px; }

/*----- generic style for generated forms -----*/
.ui-form-table { width: 100%; }
.ui-form-table td { REMpadding: 2px; }
.ui-form-table textarea {font-family: Arial; width: 100%; height: 200px;}
.ui-form-table input[type="text"] { width: 70%; }
.ui-form-select{
    height: 30px;
    width: 100%;
    font-size: 17px;
    border-color: black;
}
/*.ui-form-cell-label { width: 170px; } */
/*.ui-form-checkbox-container { padding-left: 170px; } */

/* overrides */ 
button, .button, .btn, input[type='submit'] { padding: 5px 10px; color: #fff !important; background-color: #007dba; display: inline-block; border: 0; cursor: pointer;}
button, input[type='submit'] {font-size: 1.25em;}
button:hover, .button:hover, .btn:hover, input[type='submit']:hover { background-color: #00b371;}

.btn-invert {border: 2px solid #fff; background: transparent;}
.btn-invert:hover {background: #fff; color: #B92700 !important;}

.btn-green {border: 1px solid #fff; background: #00965e;}
.btn-green:hover {color: #00965e !important; background: #fff;}

input[type='text'], input[type='textbox'], input[type='password'], textarea { border: 1px solid #000; padding: 5px 7px; width: 100%; }

/*---------------------------------------------*/
/* Stylesheet: Slideshow Photo Thumbs*/

/* slideshow pager */
.slideshow-pager a img { border: solid 2px black; margin-right: 5px;}
.slideshow-pager a.activeSlide img { border: solid 2px white; }

/*---------------------------------------------*/
/* Stylesheet: Buttons*/

.button {
       /* overrides */
        text-transform: uppercase;
	font-weight:bold;
	padding:2px 10px;
        color: white !important;
}

.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809) );
	background:-moz-linear-gradient( center top, #89c403 5%, #77a809 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
	background-color:#89c403;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:10px;
	border:1px solid #74b807;
	display:inline-block;
	color:#ffffff;
	text-decoration:none;
	text-shadow:1px 1px 0px #528009;
}.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403) );
	background:-moz-linear-gradient( center top, #77a809 5%, #89c403 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403');
	background-color:#77a809;
}.button:active {
	position:relative;
	top:1px;
}

/*---------------------------------------------*/
/* Stylesheet: Editor Styles - styles available for the CMS editor*/

.color1 { color: #146581; font-family: 'OpenSansCondensedBold', sans-serif; font-size: 1.2em;}
.color1 a { color: #146581 !important; }
.color2 { color: #008257; font-family: 'OpenSansCondensedBold', sans-serif; font-size: 1.2em;}
.color2 a { color: #008257 !important; }

.callout {
  background-color: #5fafd5;
  padding: 10px 20px;  padding-bottom: 5px;
  border: solid 0px #146581;
  border-radius: 8px;  margin-bottom: 10px;
  color: white;  font-size: 1.5em;  font-family: 'OpenSansCondensedBold', sans-serif; 
  text-align: center;
}
.callout a {color: white !important; }

/*---------------------------------------------*/
/* Stylesheet: fonts*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 3, 2013 05:48:32 PM America/New_York */



@font-face {
    font-family: 'OpenSansCondensedLight';
    src: url('../pub/doc/OpenSans-CondLight-webfont.eot');
    src: url('../pub/doc/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../pub/doc/OpenSans-CondLight-webfont.woff') format('woff'),
         url('../pub/doc/OpenSans-CondLight-webfont.ttf') format('truetype'),
         url('../pub/doc/OpenSans-CondLight-webfont.svg#OpenSansCondensedLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansCondensedLightItalic';
    src: url('../pub/doc/OpenSans-CondLightItalic-webfont.eot');
    src: url('../pub/doc/OpenSans-CondLightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../pub/doc/OpenSans-CondLightItalic-webfont.woff') format('woff'),
         url('../pub/doc/OpenSans-CondLightItalic-webfont.ttf') format('truetype'),
         url('../pub/doc/OpenSans-CondLightItalic-webfont.svg#OpenSansCondensedLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansCondensedBold';
    src: url('../pub/doc/OpenSans-CondBold-webfont.eot');
    src: url('../pub/doc/OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../pub/doc/OpenSans-CondBold-webfont.woff') format('woff'),
         url('../pub/doc/OpenSans-CondBold-webfont.ttf') format('truetype'),
         url('../pub/doc/OpenSans-CondBold-webfont.svg#OpenSansCondensedBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*---------------------------------------------*/
/* Stylesheet: Responsive*/

img {max-width: 100%; height: auto;}
.img-responsive { max-width: 100%; height: auto; }
.img-responsive img { max-width: 100%; height: auto; }
.img-center { text-align: center; } 
.img-rounded, .img-rounded img { border-radius: 4px; }
.img-circle, .img-circle img { border-radius: 50%; overflow: hidden; }
.circle-shadow, .circle-shadow img { box-shadow: 5px 5px #c8cccd; }
.img-thumbnail, .img-thumbnail img { border-radius: 2px; background: white; padding: 4px; box-shadow: 0 0 1px rgba(0,0,0,.2);}
.img-placeholder { border: solid 1px #808080; display: block;}
/* large screens */
@media screen and (min-width:910px) {
	.mobile-hide {display:none;}
	#mobilemenu-drop { display: none; }
	.responsive-left { float: left; margin-right: 10px; margin-bottom: 10px;}
	.responsive-right { float: right; margin-left: 10px; margin-bottom: 10px;}	
	.responsive-lg {}
	.responsive-sm {display: none;}
}

/* mobile screens */

@media screen and (max-width:910px) {
	.article-image {float: none; display: block; margin: auto;}
	.slideshow img {margin: 0!important;}
	.article-image .slideshow {min-height: 320px; margin-bottom: 20px;}
	.slideshow > div {height: 100%;}
}

@media screen and (max-width:910px) {
	.responsive-left { float: none !important; margin-right: 0 !important;}
	.responsive-right { float: none !important; margin-right: 0 !important;}
	.responsive-lg {display: none !important;}
	.responsive-sm {}
	
	/*.img-placeholder { display: none; }*/
	/*.img-responsive, .img-responsive img  { max-width: 300px; }*/
	img {max-width: 100% !important; height: auto; }
	
	.template { min-width: 300px; }

	.bg-header { REMposition: fixed !important; border-bottom: none; REMheight: 36px !important; padding: 22px 30px 10px;}
	.bg-header > .x-cell{ height: 100%; }
	.bg-header + .x-clear { REMheight: 36px; }

	.bg-header #toplogo  {  z-index: 2; REMposition: absolute !important; height: 120px; width: auto !important; top: 36px;} /* 175 x 48 */ 

	#toptext { display: none; }
	#top-text {text-align: center; }
	#top-text a {color: #007dba !important; display: inline-block; margin-right: 10px;}
	#top-text a:hover {color: #00b371 !important;}
	#topsearch { display: none; }
	
	/* Slider Menu */  
	
	.bg-menu {padding: 0;}
	.bg-menu #topmenu {display: none;}
	.bg-menu .topmenu-mobile {display: none; padding-right: 0; text-align: left; text-transform: uppercase; letter-spacing: 0; font-weight: bold; font-family: Verdana; font-size: 16px; margin-bottom: 0; background: #00965e; overflow-y: scroll; position: relative; clear: both;}
	.bg-menu .topmenu-mobile li {display: list-item; line-height: 45px; text-align: left; float: none; margin-left: 0; list-style: none; margin-bottom: 0; position: relative; border-top: 1px solid #fff;}
	.bg-menu .topmenu-mobile li ul {margin-bottom: 0; display: none; margin-left: 0; background-size: cover !important; text-transform: none; font-weight: normal;}
	.bg-menu .topmenu-mobile li ul li {}
	.bg-menu .topmenu-mobile li li a {padding-left: 35px;}
	.bg-menu .topmenu-mobile li li li a {padding-left: 55px;}
	.bg-menu .topmenu-mobile li:last-child {border-bottom: 1px solid #fff;}
	.bg-menu .topmenu-mobile li a {color: #fff !important; display: block; padding: 0 10px; padding-left: 15px;}
	.bg-menu.inside .topmenu-mobile li a {color: #fff !important;}
	.bg-menu .topmenu-mobile li a:hover {color: #6eafdd !important;}
	.bg-menu .topmenu-mobile li a.selected {color: #6eafdd !important;}
	
	.bg-header .menu-toggle {display: block !important; position: absolute; top: 36px; right: 10px; color: #00965e; font-size: 1.5em;}
	.bg-header .menu-toggle i {display: block !important; cursor: pointer; height: 36px; width: 36px; text-align: center; line-height: 36px; font-size: 1.5em;}
	
	.bg-menu .menu-expand {position: absolute; right: 0; width: 48px; height: 46px; top: 0; text-align: center; cursor: pointer; border-left: 1px solid #fff;}
	.bg-menu .menu-expand i {color: #fff; line-height: 16px; height: 16px; width: 16px;}
	.bg-menu .menu-expand:hover i {color: #6eafdd; }
	  
	/* menu is moved into toptext and transformed into dropdown*/

	.bg-header .selectcontainer { display: block;  margin-left: auto; margin-right: auto; margin-top: 15px; }
	.bg-header .selectcontainer select { width: 90%; }
	.bg-header { /*height: 75px;*/}
	/* hide logins and other useless elements on a mobile device */
	#topsearch  {display: none;position: static !important; padding: 10px;}
	.bg-menu  { }
	.bg-clear, .bg-light, .bg-blue, .bg-blue-mid, .bg-blue-light, .bg-orange, .bg-yellow {padding: 30px 20px;}
	tr.bg-gray, tr.bg-gray-lightest, tr.bg-blue {padding: 0;}
	
	/* Reduced header sizes */
	
	.main-home h1, .main-home h2.title { font-size: 1.5em; }
	.main-home h1.big, .main-home h2.big { font-size: 1.4em; line-height: 1.25em; }
	.main-home h2.giant { font-size: 1.65em !important; }
	.main-home h2.hero-title { font-size: 2em; margin-bottom: 20px; }
	.main-home h2.arrow-down { font-size: 1.8em !important; }
	.main-home h2 { font-size: 1.5em; }
	.main-home h3 { REMfont-size: 1em; }
	.main-home h3.alt { font-size: .52em !important; }
	
	.home-slideshow h1 { font-size: 1.65em; }
    .home-slideshow h2  { font-size: 1.5em !important; }
	.inner-slideshow .copy-inner .feature h2.title { font-size: 1.8em; }
	.inner-slideshow .copy-inner .feature h1 { font-size: 1.4em; }
	.bg-slideshow p { font-size: 1em; }
	.copy-inner p.subtitle { font-size: 1.2em; }
	
	.btn, .button, input[type=submit] { REMfont-size: 0.6em; }
	.btn-try-free, .btn-less-radius { padding: 10px 20px !important; }
	.anchor { top: -141px; }
	.break-word { word-break: break-all; }
	
	.btn + .btn {margin-top: 15px; margin-left: 0;}
	
	/* Backgrounds */
	
	.bg-slideshow { overflow: visible !important; }
	.home-slideshow  {background: none; }
	.home-slideshow .slideshow-background {min-height: 300px; height: auto !important;}
	.home-slideshow > div {REMmin-height: 0;}
	.home-slideshow .copy-container { padding: 0 20px;}
	.home-slideshow .copy { REMdisplay: block; REMposition: relative !important; width: 100% !important; REMpadding: 20px 20px 0;}
	.home-slideshow .copy-inner {  width: 100% !important; max-width: 100%; height: auto !important; position: static; REMvertical-align: top; REMpadding-top: 20px; }
	.home-section { display: block; }
	.home.copy-inner:before { content: ""; display: none; }
	
	.copy-inner .btn {font-size: 1.2em; padding: 10px 20px;}
	
	.background-slideshow {width: 100% !important; min-height: 300px;}
	.background-slideshow .slideshow-container {height: auto !important;}
	
	.slideshow-seal {bottom: -100px; right: 0; left: 0; margin: auto; width: 150px;}
	
	.bg-slideshow + .x-clear + .x-block {padding-top: 60px;}
	
	.section-header {margin-bottom: 20px !important;}
	
	iframe {width: 100% !important; height: auto !important;}
	.left-sm {text-align: left;}
	
	.article-slideshow h1 {display: none;}
	
	.lists {text-align: left; padding-left: 40px; }
	.lists > ul {padding: 0;}
	.lists > ul:first-child {margin-bottom: 0;}
	
	video {width: 100%; height: auto;}
	
	.btn-mobile {padding: 5px 10px; color: #00965e !important; background-color: #fff; display: inline-block; border: 2px solid #00965e; margin-top: 10px; font-weight: normal; }
	.btn-mobile:hover { background-color: #00965e; color: #fff !important;}
	.btn-mobile i {display: inline-block;}
	
	.left-photo, .right-photo {margin-left: 0; margin-right: 0; float: none;}
	.small-photo {max-width: 200px !important;}
	.left-sm {text-align: left;}
	
	.category-item {margin-bottom: 30px !important;}
	
	/* Portfolio Slider */
	
	.slider-title-banner {font-size: .8em;}
	
	.portfolio-background {min-height: 250px; height: auto !important;}
	
	.owl-nav .owl-prev {left: 5%;}
	.owl-nav .owl-next {right: 5%;}
	
	/* bg-split */
	
	.bg-split .content { position: static; padding: 0px !important; }
	.bg-split .content .content-inner { padding-right: 20px !important; }
	.bg-split.home-dev-opt .fixed-height.special-bg { height: 302px !important; }
	.bg-split .fixed-height.special-bg { height: 400px !important; }
	
	/* form */
	.form { width: 100%; }
	
	/* generic layout review */
	.inner { REMpadding: 20px 20px !important; } /* 1px prevents bottom margin errors on chrome */
	table.elastic, .table, .contact-form table {  display: block; max-width: 100%;} /* bootstrap uses .table too */
	.table { margin-left: auto; margin-right: auto; }
	table.elastic tbody, .table tbody, .contact-form table tbody { display: block; width: 100%;}
	table.elastic thead, .table thead { display: block; width: 100%;}
	table.elastic tr, .table tr, .contact-form table tr { display: block; width: 100%;}
	table.elastic td, .table td, .contact-form table td {  display: block; width: 100%;}
	table.elastic th, .table th {  display: block; width: 100%;}
	.x-block > .x-cell { width: 100% !important; }
	.x-block > .x-cell-container { width: 100% !important; }
	.x-block > .x-cell > .inner { width: 100% !important; }
	.x-slice-inner { width: 100% !important; }
	.master-col-left,.master-col-right,.layout-col-left,.layout-col-right { float: none!important;}
	.col-single, .col-double, .col-half, .col-third, .col-quarter { width: 100% !important;}
	.thumb { float: none;  width: 100%; text-align: center;}
	.ui-photo-list { width: 100% !important;  text-align: center;}
	
	.article-body-wide {width: 100%; padding: 10px; box-sizing: border-box;}
	
	/* slideshows */
	/*.slideshow .caption {width: 85%;font-size: 3.2em;top: 45px;line-height: 1.3em;}*/
	.slideshow  {}
	.slideshow > div {max-height: 100%;}
	.slideshow > div > img {}
	
	/* home page */
	.button-cta { display: block; margin-bottom: 10px; }
	.our-story { padding: 0; }
	.focus img { width: 100%; height: auto; }
	.testimonial-box { width: 100%; margin-bottom: 20px; float: none; box-sizing: border-box; -moz-box-sizing: border-box; }
	.quote-kick { font-size: 0.7em; }
	.quote-text { font-size: 0.85em; }
	.home-slide { width: 100%; }
	.service-box {width: 100% !important;}
	
	.slide-box-container { display: block; width: 100% !important; }
	.slide-box { display: block; }
	
	/* ------ Blog ------- */
	
	.inner-slideshow .feature-overlay { background: transparent; }
	.inner-slideshow .copy-inner .feature { width: 100%; }
	.inner-slideshow .copy-inner .feature strong { color: #808080 !important; }
	
	.news-menu-container { margin-bottom: 20px; }
	
	.blog-posts .category-item-outer { margin-bottom: 20px !important; }
	
	/* ------------ Projects Page -------------*/

	.featured-project-container {padding-bottom: 20px;}
	.featured-project-container + .ruler {margin-bottom: 20px;}
	
	/* ------------ Projects Pager -------------*/
	
	.post-pager {display: block;}
	.post-pager .category-pager {display: block;}
	.post-pager .category-pager p {text-align: center;}
	.btn-category {float: none !important; width: 100% !important; max-width: 100%;}
	.post-pager .category-pager.left .btn-category {text-align: left;}
	
	/*-------------- Contact Page ----------------*/
	
	.contact-form {margin-bottom: 20px;}
	.contact-form .cell-left {padding-right: 0;}
	.contact-form .cell-right {padding-left: 0;}
	
	.ui-form-checkbox-container {display: table !important;}
	.ui-form-checkbox-container tbody {display: table-row-group !important;}
	.ui-form-checkbox-container tr {display: table-row !important;}
	.ui-form-checkbox-container td {display: table-cell !important;}
	.ui-form-checkbox-container td:first-child {width: auto !important;}
	
	/* ------------ Login Form -------------*/

	.form-container {width: 100%;}
	
	/* form */
	.ui-form-table { width: 100%;}
	.ui-form-cell-input { width: 100%; }
	.ui-form-cell-input textarea { width: 100%; }
	input[type].form-control:not([type=submit]):not([type='checkbox']), .form-control select, .form-control textarea { width: 100%;}
	
	/*-------------- Box Overflow ----------------*/

	.overflow-bot {margin-bottom: 0; position: relative; z-index: 10;}
	.top-offset {border-top: 0;}
	
	.popup .popup-inner {overflow: scroll; }
	
	.email-popup .popup-inner { overflow: hidden; height: 250px; padding-left: 15px; padding-right: 15px; }
	.email-popup .popup-close { top: 6px; right: 8px; }
	
	/* home */ 
	.copy-inner .blue-outer { margin-bottom: 50px; }
	
	/* footer */
	.bg-footer { padding: 30px 10px; }
	.bg-footer .x-cell {}
	
	.bg-footer .footer-logo img {display: block;}
	
	.footer-menu { text-align: center; }
	.footer-menu + p {text-align: center;}
	
	.table.center-valign {display: table; margin-bottom: 15px;}
	.table.center-valign tbody {display: table-row-group;}
	.table.center-valign tr {display: table-row;}
	.table.center-valign td {display: table-cell; width: 50%;}
	
	.bg-footer .footer-images {}
	.bg-footer .footer-images img {margin-bottom: 15px; max-height: 70px;}
	
	.footer-text { margin-left: 10px; } 
	#footer-logo { }
	
	/*-------------- Cookie Bar Popup --------------*/

	.cookie-bar-container {padding: 20px; bottom: -177px;}
	.cookie-bar-container.active {bottom: 0px;}
	.cookie-bar-container.active + .x-clear {height: 177px;}
	.cookie-bar-container .cookie-bar-inner .cookie-close {width: 20px; height: 20px;}
}

@media screen and (max-width:550px) {
	.email-popup .popup-inner { height: 275px; }
	
	/* Reduced header sizes */
	
	.main-home h1, .main-home h2.title { font-size: 1.75em; }
	.main-home h2 {  }
	.main-home h3 {  }
	
	.btn, .button, input[type=submit] { REMfont-size: 0.6em; }
}

@media screen and (max-width:410px) {
	.anchor { top: -166px; }
}