*, html {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
}
body {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 1.62857143;
  color: #000;
  background-color: #fff;
}

ul, ul li { list-style:none; padding:0; margin:0 }
.fl { float:left}
.fr { float:right}
.clear { clear:both}

.alpha { padding-right:0}
.beta { padding-left:0}

p { margin:0 0 14px; color:#000;}

a, a:hover { text-decoration:none; transition:all linear 0.3s; -moz-transition:all linear 0.3s; -webkit-transition:all linear 0.3s}
:focus  { outline:none !important; text-decoration:none !important}

/*--Font awesome--*/
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-mobile-phone:before {
	content:"\f10b";
}
.fa-envelope:before {
	content:"\f0e0";
}
.fa-phone:before {
	content:"\f095";
}
.fa-facebook-f:before {
	content:"\f09a";
}
.fa-twitter:before {
	content:"\f099";
}

.mt-4{ margin-top: 4rem;}

/*--Top gray bar--*/

#topbar { width:100%; height:40px; background:#000000; padding-top:7px}
#topbar ul.contact-info-top li { display:inline-block; margin-right:15px; font-size:13px;color:#fff; line-height:26px}
#topbar ul.contact-info-top li i{ color:#8cc63f;  margin-right:5px; font-size:14px}
#topbar ul.contact-info-top li i.fa-phone { font-size:14px; vertical-align:middle}
#topbar ul.contact-info-top li a {color:#fff;}

#topbar ul.top-link { text-align:right}
#topbar ul.top-link li { display:inline-block; margin-right:7px; font-size:13px;color:#fff; line-height:26px}
/* #topbar ul.top-link li:first-child:after { content:"|"; color:#8cc63f; font-size:12px; margin-left:8px } */
#topbar ul.top-link li:nth-child(3) { margin-left:10px}
#topbar ul.top-link li a { color:#fff; }
#topbar ul.top-link li a i { color:#8cc63f; font-size:15px}
#topbar ul.top-link li a:hover i { color:#fff}

/*--Header--*/

header { width:100%; border-bottom:1px solid #e1e1e1;}
header .logo { margin:5px 0}
header .logo img{ max-width:140px;}


/* Carousel base class */
.carousel {
  height: 410px;
  margin-bottom: 1px;
  margin-top: 1px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 410px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 410px;
}

.carousel-indicators li {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 1px 2px;
    text-indent: -999px;
    cursor: pointer;
    background:url(../images/bullet.png) no-repeat left top ;
	border:0
}
.carousel-indicators li.active { background:url(../images/bullet-act.png) no-repeat left top; width: 18px; height: 18px; margin: 1px 2px;}
.carousel-caption { background-color:rgba(0,0,0,0.6); right: 25%; left: 25%; padding: 20px; bottom: 120px;}
.carousel-caption h1 { color:#8cc63f; font-size:36px; font-weight:700; text-transform:uppercase; margin-top:10px; text-shadow: 2px 2px #000; line-height:46px}
.carousel-caption p { font-size:15px; color:#fff; font-weight:400 }

.middle-wrapper { padding:50px 0; border-top:1px solid #e1e1e1;}

.section-title { text-align:center; font-size:26px; font-weight:600; color:#000; margin-bottom:50px; text-transform:uppercase }
.section-title:after { content:''; background:#8cc63f; height:3px; width:84px; position:absolute; left:50%; margin-left:-42px; margin-top:45px; }

.home-services .info-icon { text-align:center; width:85px; height:85px; background:#fff; border-radius:100%; border:2px solid #8cc63f; margin:0 auto 20px auto; padding-top:12px; transition:all linear 0.3s; -moz-transition:all linear 0.3s; -webkit-transition:all linear 0.3s}
.home-services .info-icon img { text-align:center;}
.home-services a:hover .info-icon {-webkit-box-shadow: 0px 0px 9px 0px rgba(140,198,63,0.50); -moz-box-shadow: 0px 0px 9px 0px rgba(140,198,63,0.50); box-shadow: 0px 0px 9px 0px rgba(140,198,63,0.50);}
.home-services h1 { color:#000; font-size:26px; font-weight:600; text-transform:uppercase; margin:0 0 40px 0; padding:0; text-align:center; line-height:26px; letter-spacing:0.05em; position:relative; }
.home-services h1 span { color:#676666; font-size:14px; font-weight:400; transition:all linear 0.3s; -moz-transition:all linear 0.3s; -webkit-transition:all linear 0.3s}
.home-services h1:after { content:''; background:#8cc63f; height:3px; width:84px; position:absolute; left:50%; margin-left:-42px; margin-top:45px;  transition:all linear 0.3s; -moz-transition:all linear 0.3s; -webkit-transition:all linear 0.3s }
.home-services a:hover h1 { color:#8cc63f; }
.home-services a:hover h1 span { color:#8cc63f}
.home-services a:hover h1:after { background:#333;}
.home-services p { text-align:center; color:#000; padding:0 10px}

footer { background:#373737; width:100%; float:left; padding:30px 0; font-size:13px; color:#d8d8d8; line-height:25px}
footer h5 { color:#8cc63f; font-size:18px; font-weight:500; margin:0 0 15px 0; padding:0; text-transform:uppercase}
footer ul.ft-links li { margin-bottom:5px; }
footer ul.ft-links li a, footer a { color:#d8d8d8;}
footer ul.ft-links li a:hover, footer a:hover { color:#8cc63f}
footer a i { font-size:22px !important}
footer .ft-logo { padding-top:0px}
footer .ft-logo img {width:100%; max-width:250px;}
.copyright { background:#272727; border-top:1px solid #3d3d3d; color:#fff; padding:10px 0; text-align:center; width:100%; float:left; font-size:13px}
footer p { color:#fff;}
footer p a:hover, footer p a:focus { color:#8cc63f;}

.copyright a{ color:#fff; font-size:13px}
.copyright a:hover { color:#8cc63f; font-size:13px}


/*--- sub pages---*/

.page-banner { background-size:cover; height:150px; background-repeat:no-repeat; background-position:center center; border-top:1px solid #fff; border-bottom:1px solid #fff; color:#fff; padding-top:45px; position:relative; font-size:36px; text-transform:uppercase; font-weight:700}
.page-banner .blackbg { position:absolute; left:0; top:0; right:0; width:100%; height:148px; background-color:rgba(0,0,0,0.5)}

.page-banner-img {position: relative; height: auto;}
.page-banner-img img {width: 100%; height: auto; max-height:200px; min-height:145px}
.page-banner-img .blackbg { position:absolute; left:0; top:0; right:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5)}

.sub-title { margin-top:20px}
.sub-title .info-icon { text-align:center; width:50px; height:50px; margin:0 auto 0 auto; }
.sub-title .info-icon img { text-align:center; width:50px; height:auto}
.sub-title h1 { color:#000; font-size:26px; font-weight:600; text-transform:uppercase; margin:0 0 50px 0; padding:0; text-align:center; line-height:26px; letter-spacing:0.05em; position:relative; }
.sub-title h1 span { color:#676666; font-size:14px; font-weight:400; transition:all linear 0.3s; -moz-transition:all linear 0.3s; -webkit-transition:all linear 0.3s}
.sub-title h1:after { content:''; background:#81d742; height:3px; width:84px; position:absolute; left:50%; margin-left:-42px; margin-top:35px;  transition:all linear 0.3s; -moz-transition:all linear 0.3s; -webkit-transition:all linear 0.3s }

h3 { color:#81d742; font-weight:600; font-size:18px; margin-bottom:15px; margin-top:30px}

.content-area ul li { background:url(../images/list-arrow.png) no-repeat left 7px; padding-left:15px; margin-bottom:12px; color:#000;}
.core-industries-first-half { width:47%; float:left}
.core-industries-sec-half { width:47%; float:right}

.contact-form { margin:30px 0}
.contact-form label, .login-form label { color:#000; font-weight:600}
.contact-form input[type="text"],input[type="email"], .login-form .form-control, .contact-form textarea { border:0; background-color:#f4f4f4; box-shadow:none; height:45px }
.contact-form textarea, textarea { width:100%; height:110px; resize:none;  }
.contact-form textarea:focus, textarea:focus { box-shadow:none}

.btn-default { background:#2ca0b1; color:#fff; text-transform:uppercase; font-weight:600; padding:8px 20px; border:0 }
.btn-default:hover { background:#373737; color:#fff;}

/* .address{ margin-bottom:30px; color:#000000;}
.address strong{ color:#81d742;}
.address i{ color:#8cc63f; font-size:22px;}
.phone{color:#000000;}
.phone strong{ color:#81d742;}
.phone i { color:#8cc63f; font-size:22px;}
.email i  { color:#8cc63f; font-size:22px;}

.email a { color:#000}
.email a:hover { color:#8cc63f}  */

.modal { z-index:99999}
.modal-header { border-bottom:0}
.modal-header .section-title { margin-bottom:10px}

.table-responsive {margin-top:40px}
.member-table {border:1px solid #aaa;}
.member-table th {padding:10px; background:#8cc63f; color:#fff; text-transform:uppercase; font-weight:600;}
.member-table td {padding:10px; border-right:1px solid #e8e8e8; color:#000;}
.member-table td:last-child { border:0;}
.member-table tr {background:#fff;}
.member-table tr:nth-child(2n){background:#f9f9f9;}


/*Login css*/
.login-main{ width:100%; max-width:450px; margin:0 auto;}
.login-main .login-box{ width:100%; float:left; background:#f4f4f4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding:30px 50px 20px 50px; margin:0px 0px 20px 0px;}
.login-main .login-box h4{ width:100%; float:left; text-align:center; font-size:22px; color:#000000; font-weight:600; margin:0px 0px 30px 0px; padding:0;}
.login-main .login-box .form-group{ width:100%; float:left; margin-bottom:15px;}
.login-main .login-box label{ display:block; font-weight:600; color:#000000;}
.login-main .login-box .input{ width:100%; float:left; padding:12px; line-height:1.42857; font-size:14px; color:#555; background:#fff; border:none;  -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.login-main .login-box .btn-default{background-color: #81d742;}
.login-main .login-box .btn-default:hover{background-color: #000000;}
.login-main .login-box label.error, .login-main .login-box label.label-error{ color:#F00; font-weight:normal;}

.member-be .fa{ min-height:38px;}


/* Add New Class 3 January 2026 */
.middle-wrapper .contact_page_form label{color: #000; font-weight: 600;}
.middle-wrapper .contact_page_form .form-group input[type="text"], .middle-wrapper .contact_page_form .form-group input[type="email"]{ background-color: #f4f4f4; height: 45px; border: none; outline: none; box-shadow: none}
.middle-wrapper .contact_page_form .form-group textarea{ background-color: #f4f4f4; height: 110px; border: none; outline: none; box-shadow: none; resize: none;}
.middle-wrapper .contact_page_form .btn-default{background-color: #81d742;}
.middle-wrapper .contact_page_form .btn-default:hover{background-color: #000000;}

.middle-wrapper .content-area p.text-center { margin-bottom: 4rem;}
.middle-wrapper ul.contact_page_address { position: relative; display: inline-block; margin: 0px; padding: 0px;}
.middle-wrapper ul.contact_page_address li{ display: block; background: none; list-style: none; font-size: 14px; color: #000000; margin: 0px 0px 30px 0px; padding: 0px;}
.middle-wrapper ul.contact_page_address li p {font-size: 14px; color: #000000; margin: 0px 0px 18px 0px; padding: 0px;}
.middle-wrapper ul.contact_page_address li p a{font-size: 14px; color: #000000; text-decoration: none; margin: 0px; padding: 0px;}
.middle-wrapper ul.contact_page_address li p a:hover{color: #81d742;}
.middle-wrapper ul.contact_page_address li p strong{font-size: 14px; color: #81d742; font-weight: 700; margin: 0px; padding: 0px;}
.middle-wrapper ul.contact_page_address  li i{ display: block; color:#8cc63f; font-size:22px; margin-bottom: 4px;}


.error{ border: 1px solid #F00 !important;}
label.error{ color: #F00 !important; border: none !important;}

@media screen and (min-width: 56.875em) {
  .main-navigation li:hover > a, .main-navigation li.focus > a { color: #000000;}
}


@media screen and (min-width: 56.875em) {
  .main-navigation ul ul, .main-navigation ul ul li { border-color: rgba( 129, 215, 66, 0.2);}
  .main-navigation ul ul:before {border-top-color: rgba( 129, 215, 66, 0.2); border-bottom-color: rgba( 129, 215, 66, 0.2);}
}