body { /* background-color: #f5f5f5; */}
div.inner > ul > li { margin-left: 9%;}
a, strong,a:hover, strong:hover {color:#68aa46}

h2, h4 { margin-bottom: 35px; }
h3 { margin-top: 65px; margin-bottom: 25px;  }

p, li {    
  font-size: 1.3rem;
  line-height: 2.1rem; 
}

body.view-category #sp-main-body, body.view-article #sp-main-body, body.com-k2 #sp-main-body, body.com-spsimpleportfolio #sp-main-body, body.com-users #sp-main-body, body.view-featured .body-innerwrapper #sp-page-title, body.view-featured .body-innerwrapper #sp-promo .row, body.view-featured .body-innerwrapper #sp-slides, body.view-remository .body-innerwrapper #remository, body.com-remository .body-innerwrapper #remository, body.com-contact .body-innerwrapper .contact   {
       max-width: 1240px;
       margin-left: auto;
       margin-right: auto;
}

.breadcrumb { padding: 0 0 0 35px; }

#sp-left, a.nav-header  {display: none !important; background-color: transparent;}

#offcanvas-toggler {display: none;}

a.btn {background-color:#68aa46 !important; border-color:#68aa46 !important; color: #fff; margin-bottom: 30px;  }
hr {clear:both; float: none}

#sp-menu h3.sp-module-title { color: #ffffff; }

#sp-page-bottom {width:94%; overflow: hidden;}
#sp-page-bottom .row { margin:0px;}
#sp-position-2 li {width: 85%;}

#offcanvas-toggler > i { color: #fff; margin-right: 15px; }

.visible-xs {
    position: absolute;
    top: -94px;
}

#mod-custom92 { display: inherit }

.page-header, .entry-header, .items-row, .category-desc, .contact, #remository, .custom .inner {
    padding-left: 5px; padding-right: 16px;
}

.blog .entry-header{  padding-left: 0; }

.blog .pull-right.entry-image,
.blog .pull-left.entry-image { width: 50%; }

.blog .pull-right.entry-image { margin: 35px 0 18px 20px; }
.blog .pull-left.entry-image { margin: 35px 20px 18px 0; }


div[itemprop="articleBody"]
 { padding: 60px 16px 0px 16px;}
 
article.item.item-page .col-md-4, article.item.item-page .col-xs-12, article.item.item-page  .col-sm-6 { padding: 0 10px;}

#sp-main-body {
    padding: 0px 0 60px;
}

#sp-cp-position-0 p.readmore a.btn { font-size: 1.5em; }

.mod-custom.custom, div[itemprop="articleBody"] .row { display: flex;}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}




#sp-top-bar { height:80px; background-color: transparent !important;}

#sp-top-bar a {
    color: #fff !important;
}

#sp-top-bar i {
    color: #6fab30;
}




#sp-header {
  /*max-width: 1140px;
   border: 2px solid #fff;
  border-radius: 10px;
  margin: 0 auto;*/
  height:92px;
  background-color: #323232cc; 
  background-color: rgba(50, 50, 50, 0.8); 
  box-shadow: 0 0 14px rgba(0, 0, 0, 0.33);
 }

#sp-header-wrapper-sticky-wrapper.sticky-wrapper {height: 0px !important; /* width: 1170px;*/ margin: 0 auto;}

#sp-header-wrapper-sticky-wrapper is-sticky {}

#sp-header-wrapper { position: fixed; width:100%;   box-shadow:none; }


#sp-logo {
margin: 0px 0px;
/*position: absolute;
top: -113px;
left: -20px;
width: 329px;*/
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background-color: #0d0e14;
}


#sp-menu a.sp-group-title { display:none }

#sp-menu.col-md-12 {width: 100%}


#sp-menu ul.sp-megamenu-parent {padding-top: 8px; }


#sp-menu li a img { display: inline-flex;padding-top: 16px; }

#sp-menu li a.datascape img {padding-top: 0px; }


#sp-menu .sp-megamenu-parent > li a, #sp-menu .sp-megamenu-parent > li.active > a, #sp-menu .sp-megamenu-parent > li:hover > a { 
  color: #FFFFFF; 
  line-height: 62px; 
  margin-right: 7px;
  background-color: transparent;
  text-shadow: 1px 2px 2px #000; 
  text-transform: inherit; 
  font-size: 14px;}

.sp-megamenu-parent > li.active > a::before, .sp-megamenu-parent > li:hover > a::before {
    background-color: transparent /* #6fab30*/;
}

#sp-menu .sp-megamenu-parent > li a.datascape {padding: 0 15px; /* background-color: #68aa46; */}


#sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {line-height: inherit;}

.sp-module ul.nav.menu { padding: 6px 30px 0 0px; } 

#sp-menu .nav > li { 
    display: block;
    padding: 0;
    position: relative;
}

#sp-menu .sp-module.cp { margin-top: -10px; }

.post-format { display: none }

.sp-social-share {
    background-color: transparent;
}


.nav > li > a > img {  display: inline-flex; padding-top: 11px }

ul#offcanvas-inner-menu.nav > li > a {    border: none; padding: 0 0 0 20px; }
ul#offcanvas-inner-menu.nav > li ul > li > a {    border: none; }

ul#offcanvas-inner-menu.nav > li > a.datascape { background-color: #68aa46; color: #FFF;  }

ul#offcanvas-inner-menu.nav > li > a.datascape img {  padding-top: 0px  }

/* ================= Promo boxes ================ */
section#sp-promo {background-color: #000000; padding: 30px 30px;}
 
#promo .moduletable_content { border-radius: 10px; overflow: hidden; width: 81%; min-height: 228px;padding: 35px 15px 0 20px;}
#promo .moduletable_content.box2 {margin-left: 6%;}
#promo .moduletable_content.box3 {float: right;}

#sp-promo .sp-module h3.sp-module-title, 
#sp-promo .sp-module p  {color:#fff; font-size: 1.2em; }

#sp-promo .sp-module h3.sp-module-title {  font-weight: bold; font-size: 1.5em; }

#sp-promo .sp-module p { min-height: 150px; }

#sp-promo .sp-module p.readmore { min-height: inherit; }

#sp-promo1, #sp-promo2, #sp-promo3 {padding: 0 15px}

#sp-position-2 h1, #sp-position-2 h2, #sp-position-2 p { color:#fff;}


#promo {
  margin-bottom: 15px;
}
#promo .moduletable {
  position: relative;
  padding: 0;
  margin-bottom: 20px;
  margin-top: 5px;
  color: #000000;
  line-height: 21px;
}
#promo .moduletable .moduletable_heading {
  font-size: 21px;
  line-height: 29px;
  margin: 0 0 2px;
  padding: 0 0 10px;
}
#promo .moduletable .moduletable_heading span.heading_subtitle {
  display: block;
  font-size: 13px;
  font-family: Verdana, Arial, Geneva, sans-serif;
  padding: 0;
  line-height: 1.35em;
  color: #999999;
  margin-bottom: 0;
  margin-top: 2px;
  text-shadow: none;
}
#promo .moduletable .moduletable_content h3 {
  margin-bottom: 0;
  color: #FFFFFF;
}
#promo .moduletable .moduletable_content a:hover img {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -moz-filter: sepia(1);
  -webkit-filter: sepia(1);
  filter: sepia(1);
}

/* ========================== home intros ======================= */

#slideshow .custom.container { width: 100%; color: #FFF;}



#sp-slides .sp-module.container.intro1 {/* background: #666666 url(../images/intro-bk.gif) repeat-x 0px 0px;*/ text-align: left; padding: 120px 0;}
#sp-slides .sp-module.container.intro1 h1 {color: #7a7a7a; font-weight: bold; font-size: 3em; line-height: 2.3em;}
#sp-slides .sp-module.container.intro1 h2 {color: #000000; font-size: 2.0em; margin: -24px 0 0;}
#sp-slides .sp-module.container.intro1 p { margin-top: 68px; width: 80%; }
#sp-slides .sp-module.container.intro1 img.pull-left { margin-right: 7%; }
#sp-slides .sp-module.container.intro1 .inner { width: 80%; padding-left: 20%; }
#sp-slides .sp-module.container.intro1 li { list-style-type: disc; list-style-position: outside; margin: 14px 0px 14px 55px; }
#sp-slides .sp-module.container.intro1 p.readmore a.btn { margin-top: 10px; background-color: #68aa46; color:#FFF}

#sp-slides .sp-module.container.intro2 { /*background: #68aa46; */ padding:40px 0; text-align: left; }
#sp-slides .sp-module.container.intro2 h1 {color: #7a7a7a; font-weight: bold; font-size: 3em; line-height: 2.3em; margin: 0px}
#sp-slides .sp-module.container.intro2 h2 {color: #000000; font-size: 2.0em; margin: -24px 0 0;}
#sp-slides .sp-module.container.intro2 .inner { /*position: relative; width: 485px; float: left; left: 216px; top: -20px;*/ } 
#sp-slides .sp-module.container.intro2 p { margin-top: 21px; }
#sp-slides .sp-module.container.intro2 img.pull-left { margin-right: 0; }
#sp-slides .sp-module.container.intro2 .send-data { background: url(../../../../../../images/data-send.png) no-repeat right 0px; top: -393px; right: 10px; position: relative; height: 490px; width: 305px; float: right; z-index: 2;} 
#sp-slides .sp-module.container.intro2 ul { width: 100%; }
#sp-slides .sp-module.container.intro2 li { list-style-type: disc; list-style-position: outside; margin: 14px 0px 14px 40px; }

#sp-slides .sp-module.container.intro2 p.readmore a.btn {background-color: #FFCE00;}
#sp-slides .sp-module.container.intro2 p.readmore a.btn:hover {background-color: #000000;}


#sp-slides .sp-module.container.intro3 {/* background: #0171bb;*/ text-align: left; height: 695px;}
#sp-slides .sp-module.container.intro3 h1 {color: #7a7a7a; font-weight: bold; font-size: 3em; line-height: 2.3em; margin: 0px}
#sp-slides .sp-module.container.intro3 h2 {color: #000000; font-size: 1.8em; margin: -24px 0 0;}
#sp-slides .sp-module.container.intro3 .inner { /*position: relative; width: 600px; float: left; left: -318px; top: 80px;*/ } 
#sp-slides .sp-module.container.intro3 p { margin-top: 21px; }
#sp-slides .sp-module.container.intro3 img.pull-left { margin-right: 0; }
#sp-slides .sp-module.container.intro3 .blue-clouds { background: url(../../../../../../images/left-lower-cloud.png) no-repeat right 0px; top: -158px; left: -317px; position: relative; height: 240px; width: 319px; float: left; z-index: 2;} 
#sp-slides .sp-module.container.intro3 .water-drops { background: url(../../../../../../images/right-drops.png) no-repeat right 0px; top: -195px; right: -65px; position: relative; height: 493px; width: 165px; float: right; z-index: 2;} 


#sp-slides .sp-module.container.intro3 ul { width: 100%; }
#sp-slides .sp-module.container.intro3 li { list-style-type: disc; list-style-position: outside; margin: 14px 0px 14px 40px; }

#sp-slides .sp-module.container.intro3 p.readmore a.btn {background-color: #070A94;}
#sp-slides .sp-module.container.intro3 p.readmore a.btn:hover {background-color: #000000;}



.pull-left.col-1 { width: 72%;}

#b.pull-left.col-1 {width: 68%;}
#b2.pull-right.col-2 {width: 32%; padding-top: 266px;}

#c.pull-left.col-1 {width: 58%;}
#c2.pull-right.col-2 {width: 42%; padding-top: 213px;}

#d.pull-left.col-1 {width: 58%;}
#d2.pull-right.col-2 {width: 42%; padding-top: 197px;}

.pull-left.col-1 h2 { text-transform: uppercase; font-weight: bold; margin-top: 80px; margin-bottom: 44px; font-size: 29.5px; letter-spacing: 0.1em;}

.pull-left.col-1 p.statement {font-size: 1.3em; margin: 0px 0px 27px 0px; line-height: 1.4em; color: #000;}

.pull-left.col-1 ul {margin: 40px 0px 50px 0px; }

.pull-left.col-1 li {
	margin: 31px 0px;
	background: transparent url("../images/point.png") no-repeat scroll 0px -20px;
	padding-left: 65px;
	font-size: 1.5em;
	line-height: 20px;
}

#d.pull-left.col-1 li { background-position: 0px 0px }

blockquote {
	border: none;
	text-align: left;
	position: relative;
	margin: 40px 0px 40px 105px;
	width: 76%;
	padding: 0;
	font-size: 30px;
	line-height: 34px;
	font-weight: bold;
	font-style: italic;
	color: #ccc;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	text-indent: 0.8em;
}

#sidebar blockquote {
	margin-left: 25px;
	margin-right: 25px;
}

blockquote p {
	margin-bottom: 50px;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
    text-align: center;
}

blockquote:before {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #ccc;
	content: open-quote;
	font-size: 80px;
	position: absolute;
	top: 11px;
	left: -67px;
}

blockquote:after {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #ccc;
	content: close-quote;
	font-size: 80px;
	position: absolute;
	bottom: -36px;
    right: -43px;
}

div.sp-module-content img.flexheader,
img.moduleid99.flexheader {
    max-height: 400px !important;
    height: 400px !important;
    width: 100% !important;
    object-fit: cover !important;
}

@media (max-width:768px) {

  .visible-xs {
    position: absolute;
    top:18px;
  }

  img.flexheader {
    min-height: 344px; 
    width: 260%;
    max-width: inherit;
    margin: 0 auto 0 -85%;
  }
  
  
  .camera_wrap { height: 350px !important }
  .form-horizontal .control-label {display: inline-flex;  }
  .form-horizontal .controls {  margin-left: 0px;}

  h1{font-size: 1.8em; }
  h2{font-size: 1.6em;}
  h3{font-size: inherit }
  h4{font-size: 1.2em; line-height: 1.5em;}
  h5{font-size: inherit}
  h6{font-size: inherit}
  
  .mod-custom.custom, div[itemprop="articleBody"] .row {
    flex-direction: column;
  }
    
  blockquote {margin-left: 15px; width: 95%;}
  blockquote:before {left: -40px;  }
  blockquote:after {	right: 35px; }
  
  div.inner > ul > li { margin-left: 19%; }
   
  #offcanvas-toggler {display: inherit;}
  #sp-menu { max-width: 30%; }
  
  fieldset { min-height: 150px; }
  .blog .pull-right.entry-image, .blog .pull-left.entry-image { width: 100%; }
  
}

#remository #remositorycontainerlist h3 {
    border-top: none !important;
  padding-top: 38px !important;
}

#remository h3.remositoryfileleft {float: none !important; width: 100% !important;}

div#remositorypageheading {height: 106px !important; }

#remository #remositoryfilelisting h3 a, #remository #remositoryfilelisting h3 a:link {
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    color: #5C9842;
    width: 100%;
    line-height: 30px;
    padding-bottom: 5px;
    margin-bottom: 3px;
}

div.remositoryfilesummary { padding-right: 0 !important}

.remositoryfilesummary dt { width: 20% !important;}

.remositoryfilesummary dd, #remositoryfileinfo dd, #remositorythumbupdate dd {
    float: left;
    margin: 0;
    width: 68%!important;
    padding: 0 0 0.4em 0.2em!important;
    border-top: none!important;
  background-color: transparent !important;
}

ul#footer.nav > li > a > img {display: none}

#sp-bottom .sp-module h3.sp-module-title {
    color: #ffffff !important;
    border-color: #539e96;
    font-size: 15px;
    line-height: 15px;
}
#sp-bottom .sp-module ul.nav.menu > li > a, #sp-bottom .sp-module .k2TagCloudBlock > a {
    border-color: rgba(156, 172, 183, 0.1);
}
#sp-bottom a {
    color: #9cacb7;
}
#sp-bottom .sp-module ul > li {
    display: block;
    border-bottom: none;
    font-size: 1.0rem; 
  }

#sp-bottom .sp-module p {  font-size: 1.0rem; }

#sp-bottom #sp-bottom4 .mod-custom.custom {
    display: flex;
    flex-direction: column;
}

#sp-position-2 {
  background-image: url("/images/banners/pipe-bk.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  color: #ffffff;
  padding: 60px 0px 40px 0px;
  margin: 0 -16px;
}

.sp-contact-email span, .sp-contact-phone span { margin-left: 20px; }

.cp.sp-module ul.nav.menu { padding: 0px }
.cp.sp-module ul > li { display: inline-flex; border-bottom: 0px none;}
.cp.sp-module ul > li > a { padding: 0px 10px; }
.cp.sp-module ul > li > a:before {  content: "|"; }

.cp.sp-module ul > li.item-182 > a:before {  content: " "; }

/* RSForm contact form styling */
#sp-footer .rsform-block label,
#sp-footer .rsform-block span,
#sp-footer .formControls,
#sp-footer .rsform-input-box,
.rsform-block label,
.rsform-block span {
    color: #000000 !important;
}

#sp-footer form,
#sp-footer .formContainer,
#sp-footer div[id^="rsform"] {
    background-color: #ffffff !important;
    padding: 20px;
}
#sp-footer {
    background-color: #ffffff !important;
}
#sp-footer .contact,
#sp-footer .com-contact,
#sp-footer .com-contact__container {
    margin: 0 !important;
    padding: 10px !important;
}

#sp-footer .com-contact__form,
#sp-footer form {
    max-width: 100% !important;
    margin: 0 auto !important;
}

/* Hide empty elements that might cause gap */
#sp-footer .contact-misc,
#sp-footer .contact-links,
#sp-footer .com-contact__links,
#sp-footer .com-contact__miscinfo {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* Remove gap above form */
.com-contact,
.com-contact__container,
.contact-form,
#sp-footer .sp-column {
    margin: 0 !important;
    padding: 5px !important;
}

/* Target the form container specifically */
.rsform,
div.rsform,
#userForm {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Remove any empty space from contact component */
.com-contact__profile,
.com-contact__miscinfo,
.com-contact__links {
    display: none !important;
    height: 0 !important;
}