/* === Ecowise Rubberise — Clean Style Three === */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { color: #3d4142; font-family: Montserrat, sans-serif; font-size: 16px; }
body { background-color: #222; overflow-x: hidden; }
a { color: #38C6F4; text-decoration: none; }
a:hover { text-decoration: underline; }
h1, h1 a { color: #38C6F4; font-size: 30px; text-decoration: none; }
h2, h2 a { color: #449343; font-size: 24px; text-transform: uppercase; }
h3, h3 a { color: #A7AAAB; font-size: 20px; }

#wrapper { max-width: 100%; }
#container { background-color: #fff; max-width: 1200px; margin: 0 auto; }

/* TOP BAR */
#top { background-color: #fff; }
#top_inner { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; }
#top_inner table { border-collapse: collapse; }
#logo { padding: 20px 0; }
#logo img { max-width: 100%; height: auto; }
#mail { clear: both; color: #999; margin: 25px 15px 0; text-align: right; }
#mail img { vertical-align: middle; }
#mail h3 { line-height: 15px; font-size: 14px; color: #999; }
#mail span { color: green; line-height: 26px; }

/* MENU */
#menu { clear: both; padding-bottom: 15px; }
#menu ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0; }
#menu ul li { position: relative; border-right: 1px dotted #3d4142; }
#menu ul li:last-child { border-right: none; }
#menu ul li a { display: block; padding: 10px 16px; color: #3d4142; text-transform: uppercase; font-size: 14px; }
#menu ul li a:hover { color: #38C6F4 !important; }
.current-menu-item > a { color: #38C6F4 !important; border-bottom: 2px solid; }
#menu ul li ul { display: none; position: absolute; top: 100%; left: 0; background: #fff; min-width: 250px; z-index: 999; border: 1px solid #ddd; }
#menu ul li:hover ul { display: block; }
#menu ul li ul li { border-right: none; width: 100%; }
#menu ul li ul li a { padding: 10px 16px; border-bottom: 1px dotted #ddd; }
#menu ul li ul li a:hover { background: #f5f5f5; }
.menu-toggle { display: none; cursor: pointer; padding: 10px 16px; text-transform: uppercase; font-weight: bold; color: #3d4142; }

/* HEADER */
#header { width: 100%; }
#header_inner { width: 100%; }
.home #header {
  background-image: url('/assets/3083websiteGG_0826-edited.jpg');
  background-size: cover; background-attachment: fixed; background-position: bottom;
  min-height: 700px; position: relative;
}
.page #header {
  background-image: url('/assets/3083websiteGG_0826-edited.jpg');
  background-size: cover; background-attachment: fixed; background-position: bottom;
  height: 200px;
}
#header-featured-text { padding: 150px 0; text-align: center; }
#header-featured-text h1 { font-size: 65px; color: #fff; font-weight: bold; text-transform: uppercase; line-height: 70px; }
#header-featured-text p { font-size: 20px; color: #fff; line-height: 25px; }
#header-featured-text button {
  background-color: #72BF44; border: 1px solid #72BF44; border-radius: 3px; color: #449343;
  font-size: 18px; margin-top: 30px; padding: 10px 20px; text-transform: uppercase; cursor: pointer;
}
#header-featured-text button:hover { background-color: #449343; color: #fff; }
#header-wrapper { margin: 0 auto; max-width: 1200px; }

/* MOBILE MARKETING */
#mobile-marketing-message { display: none; }

/* SLIDER */
#slider-wrapper { margin: 0 auto; max-width: 1200px; }
#slider { position: relative; }
#slider .col { float: left; margin: 0; }
#slider .span_1_of_1 { width: 100%; }
#slider img { width: 100%; display: block; }
#slider-featured-text {
  position: absolute; top: 50%; transform: translateY(-80%); width: 94%; margin: 1%; z-index: 10; text-align: center;
}
#slider-featured-text h1 {
  font-size: 67px; color: #fff; font-weight: bold; line-height: 75px;
  text-transform: uppercase; text-shadow: 2px 1px #222;
}
#slider-featured-text p {
  font-size: 39px; color: #97D5F5; line-height: 33px;
  text-transform: uppercase; text-shadow: 2px 1px #222;
}

.slider-nav { text-align: center; padding: 10px 0; position: absolute; bottom: 20px; width: 100%; z-index: 20; }
.slider-dot { display: inline-block; width: 12px; height: 12px; background: rgba(255,255,255,0.5); border-radius: 50%; margin: 0 5px; cursor: pointer; }
.slider-dot.active { background: #449343; }
.slider-arrows { position: absolute; top: 50%; width: 100%; transform: translateY(-50%); z-index: 20; pointer-events: none; }
.slider-arrows a { position: absolute; pointer-events: auto; background: rgba(0,0,0,0.4); color: #fff; padding: 10px 15px; font-size: 24px; text-decoration: none; border-radius: 3px; }
.slider-arrows .prev { left: 10px; }
.slider-arrows .next { right: 10px; }

/* MAIN */
#main { background-color: #fff; background-image: none; }
#main_inner { max-width: 1200px; margin: 0 auto; padding: 10px 20px; }

#post-5 { display: none; }
#content { padding: 40px 0; }

.col { display: block; float: left; margin: 1%; }
.clear { clear: both; }
.clear br { display: none; }

/* INTRO CONTENT */
#intro-content { padding: 20px 0; }
#intro-content .col { margin: 1%; }
#intro-content .span_1_of_2 { width: 48%; }
#intro-content .span_2_of_2 { width: 48%; }
#intro-content h2 { font-size: 20px; margin-bottom: 0; text-transform: uppercase; }
#intro-content h3 { font-size: 20px; }
#intro-content p { line-height: 1.6; margin-bottom: 15px; }
#intro-content button {
  background-color: #38C6F4; border: 1px solid #38C6F4; border-radius: 3px; color: #222;
  font-size: 13px; margin-top: -7px; padding: 5px 10px; text-transform: uppercase; cursor: pointer;
}
#intro-content button:hover { background-color: #97D5F5; color: #222; }

/* SERVICES SET 2 */
#services-set-2 { padding: 20px 0; }
#services-set-2 .col { display: block; float: left; margin-right: 1%; padding: 1%; text-align: center; color: #3d4142; }
#services-set-2 .span_1_of_3 { width: 28%; }
#services-set-2 .span_2_of_3 { width: 28%; }
#services-set-2 .span_3_of_3 { width: 28%; }
#services-set-2 img { float: left; width: 20%; margin-right: 5%; border: 0; height: auto; }
#services-set-2 h2 { clear: none; color: #38C6F4; float: left; font-size: 19px; text-align: left; text-transform: uppercase; width: 70%; margin-top: 6%; }

/* FEATURED FORM / MISSION */
#featured-form {
  background-image: url('/assets/canstockphoto15360128.jpg');
  background-size: cover; background-attachment: fixed; background-position: center;
  background-color: #aaa; background-blend-mode: multiply;
  color: #fff; margin: 60px auto; padding: 40px 20px; width: 100%;
}
#featured-form h2 { font-size: 28px; margin-bottom: 0; color: #72BF44 !important; text-align: center; }
#featured-form h3 { font-size: 20px; color: #97D5F5; text-align: center; text-transform: uppercase; }
#featured-form p { text-align: center; line-height: 1.6; max-width: 800px; margin: 10px auto; }

/* CLIENT BASE */
#clientbase { text-align: center; padding-bottom: 3%; margin: 20px 0; }
#clientbase h3 { text-transform: capitalize; color: #222; }
#clientbase img { max-width: 100%; height: auto; }

/* CALL TO ACTION */
#call-to-action { background-color: #72BF44; padding: 40px 20px; width: 100%; margin: 20px auto; overflow: hidden; }
#call-to-action .span_1_of_1 { width: 94%; padding: 3%; }
#call-to-action h2 { font-size: 28px; margin-bottom: 0; color: #222; float: left; margin-top: 10px; }
#call-to-action button {
  background-color: #449343; border: 1px solid #449343; border-radius: 3px; color: #fff;
  font-size: 18px; padding: 10px 20px; text-transform: uppercase; float: right; margin-right: 76px; cursor: pointer;
}
#call-to-action button:hover { background-color: #333; color: #fff; }

/* STANDARD PAGE */
.content-item h1 { text-transform: uppercase; }
#standard-content .col { display: block; float: left; margin: 0; }
#standard-content .span_1_of_2 { width: 48%; }
#standard-content .span_2_of_2 { width: 48%; }
#standard-content h2 { font-size: 28px; margin-bottom: 0; text-transform: uppercase; }
#standard-content h3 { font-size: 20px; }
#standard-content p { line-height: 1.6; margin-bottom: 15px; }
#standard-content ul { padding-left: 20px; }
#standard-content ul li { line-height: 1.6; margin-bottom: 5px; list-style: disc; }

/* RIGHT SIDEBAR */
#rightbar .rightSideBar { padding: 40px 0; max-width: 380px; margin: 0 auto; }
.contact-form label { display: block; margin: 10px 0 5px; font-weight: bold; color: #449343; }
.contact-form input, .contact-form textarea {
  width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 3px; font-family: Montserrat, sans-serif; font-size: 14px;
}
.contact-form textarea { height: 120px; }
.contact-form button {
  background-color: #449343; border: 1px solid #449343; border-radius: 3px; color: #fff;
  font-size: 16px; margin-top: 10px; padding: 10px 20px; text-transform: uppercase; cursor: pointer; width: 100%;
}
.contact-form button:hover { background-color: #333; }

/* FOOTER */
#footer { background-color: #222; color: #fff; padding: 20px 0; font-size: 12px; margin-top: 0; }
#footer_inner { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
#footer a, #footer li a { color: #fff !important; font-size: 12px; }
#copyright-alternative { text-align: center; padding: 10px 0; margin-top: 20px; border-top: 1px solid #333; }
#footer-section .col { display: block; float: left; margin: 1%; }
#footer-section .span_1_of_3, #footer-section .span_2_of_3, #footer-section .span_3_of_3 { width: 29%; text-align: center; color: #fff; padding-right: 2%; }
#footer-section h2 { color: #72BF44; font-size: 20px; text-align: left; text-transform: uppercase; }
#footer-section p { text-align: left; font-size: 12px; line-height: 1.5; }
#footer-section ul { list-style: none; padding: 0; }
#footer-section li { float: none; text-align: left; display: block; border-bottom: 1px solid #1f3a57; padding: 10px 0; }
#footer-section li:first-child { padding-top: 0 !important; }
.footer-social-icons li { border-bottom: 0 none !important; float: left !important; padding-right: 15px !important; }
.footer-social-icons li a { padding: 0 !important; margin: 0 !important; }

/* TOP LINK */
#top-link { display: block; text-align: center; padding: 10px; color: #38C6F4; font-size: 14px; cursor: pointer; }

/* FORM SUCCESS */
.form-success { display: none; color: #449343; text-align: center; padding: 20px; font-size: 18px; }

/* RESPONSIVE */
@media (max-width: 979px) {
  #top_inner { width: 100% !important; }
  #logo { padding: 3% !important; }
  #header_inner { width: 100% !important; min-height: 100% !important; }
  #header-wrapper { width: 100% !important; }
  #slider-wrapper { width: 100% !important; }
  #slider-featured-text { width: 94% !important; margin: 3% !important; }
  #main_inner { width: 100% !important; }
  #intro-content .span_1_of_2, #intro-content .span_2_of_2 { padding: 0 !important; }
  .content-item { margin: 3%; }
  #featured-form .span_1_of_2, #featured-form .span_2_of_2 { width: 44% !important; margin: 3% !important; }
  #call-to-action button { float: none !important; margin-top: 30px; }
  #footer_inner { width: 100% !important; }
  #menu ul { flex-direction: column; }
  #menu ul li { border-right: none; border-bottom: 1px dotted #ddd; }
  #menu ul li ul { position: static; display: none; }
  #menu ul li:hover ul { display: none; }
  #menu ul li.open ul { display: block; }
  .menu-toggle { display: block; }
  .nav-menu { display: none; }
  .nav-menu.open { display: block; }
}
@media (max-width: 767px) {
  #slider-featured-text h1 { font-size: 48px !important; line-height: 53px !important; }
  #slider-featured-text p { font-size: 16px !important; line-height: 21px !important; }
  #featured-form .col { float: none !important; }
  #featured-form .span_1_of_2, #featured-form .span_2_of_2 { width: 94% !important; margin: 3% !important; }
  #rightbar .rightSideBar { margin: 1% !important; width: 92% !important; padding: 3% !important; }
  #services-set-2 .col { float: left !important; }
  #services-set-2 .span_1_of_3, #services-set-2 .span_2_of_3, #services-set-2 .span_3_of_3 { width: 94% !important; padding: 3% !important; }
  #footer { padding-left: 0 !important; padding-right: 0 !important; width: 100% !important; }
  #footer-section .span_1_of_3, #footer-section .span_2_of_3, #footer-section .span_3_of_3 { width: 94% !important; padding: 1% !important; }
  #intro-content .span_1_of_2, #intro-content .span_2_of_2 { width: 94% !important; }
  .col { float: none !important; }
}
@media (max-width: 480px) {
  .home #header { padding: 3% 0 !important; }
  #mobile-marketing-message { display: block !important; padding: 150px 0; text-align: center; }
  #mobile-marketing-message h1 { font-size: 65px; color: #fff; font-weight: bold; text-transform: uppercase; }
  #mobile-marketing-message p { font-size: 20px; color: #fff; }
  #mobile-marketing-message button {
    background-color: #ffca30; border: 1px solid #ffca30; border-radius: 3px; color: #102133;
    font-size: 18px; margin-top: 30px; padding: 10px 20px; text-transform: uppercase; cursor: pointer;
  }
  #mobile-marketing-message button:hover { background-color: #102133; color: #fff; }
  #slider { display: none !important; }
  #intro-content .span_1_of_2, #intro-content .span_2_of_2 { width: 94% !important; }
  #services-set-1 .span_1_of_4, #services-set-1 .span_2_of_4, #services-set-1 .span_3_of_4, #services-set-1 .span_4_of_4 { width: 86% !important; padding: 3% !important; }
  #call-to-action h2 { float: none; text-align: center; }
  #call-to-action button { float: none; margin-right: 0; }
}