@import url("https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%20|%20Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i%20|%20Hind:300,400,500,600,700");

/* @import "common_style.css"; */

/* TOPICS */
/** 
  AA Common Style
  00 Reset Browsers  
  01 Top Bar [ SECTION 01 ]
  02 Top Navigation Bar [ SECTION 02 ]
  03 Slider - Image [ SECTION 03 ]
  04 Services [ SECTION 04 ]
  05 Projects [ SECTION 05 ]
  06 About [ SECTION 06 ]
  07 Other Services [ SECTION 07 ]
  08 Testimony [ SECTION 08 ]
  09 OVERVIEW [ SECTION 09 ]
  10 FOOTER [ SECTION 10 ]
  

  
  99 Media Queries
*/

/* 00-RESET BROWSER ########################################################### */
/* html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{font-size:62.5%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}body{background:#fff;line-height:1;}article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0;}caption,th,td{font-weight:normal;text-align:left;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}blockquote,q{quotes:none}a:focus{outline:none}a:hover,a:active{outline:0}a img{border:0}img{max-width:100%;height:auto;}select{max-width:100%} */

/* AA - COMMON STYLE */

/* Scroll Bar */
html {
  --scrollbarBG: #D8F8D4;
  --thumbBG: #5D9941;
}

body::-webkit-scrollbar {
  width: 10px;

}

body::-webkit-scrollbar-track {
  background: #D8F8D4;
}

body::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG);
  border-radius: 6px;
  border: 1px solid var(--scrollbarBG);
}



/* end */

.no-gutter > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

a:link {
  text-decoration: none;
}

 a{
  text-decoration: none;
}

a:hover {
  color: #5D9941 !important;
}

.HOVER_01:hover {
  color: #13e636;
}

.ICONC_01 {
  color: #13e636;
}

.container-fluid {
  overflow: hidden;
  padding: 0;
  margin: 0;
}

.container{
  overflow: hidden;
}

.SEC_GAP {
  padding-top: 60px;
}

.SEC_GAP_02 {
  padding-top: 30px;
}

.MainT_GAP {
  padding-bottom: 60px;
}

.L_HI {
  line-height: 2;
}

.FONT_01 {
  font-family: "Open Sans", sans-serif;
}

.FONT_02 {
  font-family: "Montserrat", sans-serif;
}

.FC_01 {
  color: #c8c8c8;
}

.FC_02 {
  color: #999999;
}

.FC_03 {
  color: #222222;
}



.FC_05 {
  color: #212121;
}

.FC_06 {
  color: #f3f4f6;
}

.FC_07{
  color: #fff;
}

.BGC_01 {
  background-color: #f2f2f2;
}

.BGC_02 {
  background-color: #f7f7f7;
}

.BGC_03 {
  background-color: #13e636;
}


.HEADING_LG {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 58px;
  color: #111D1E !important;
  text-transform: uppercase;
}

.HEADING_MD {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  color: #111D1E;
  text-transform: uppercase;
}

.HEADING_SM {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 27px;
  color: #111D1E;
  text-transform: uppercase;
}

.PARA_MD {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 32px;
  color: #666;
}

.PARA_MD_2 {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 32px;
  color: #666;
}

.PARA_SM {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 32px;
  color: #666;
}

.PARA_MINI {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #666;
}

.PARA_MINI_2 {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #555;
}

.PARA_MD_W {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 32px;
  color: #666;
}

.HR_G {
  width: 60px;
  border-top: 2px solid #e7e7e7;
  padding-bottom: 10px;
}

.HR_GREEN {
  width: 70px;
  border-top: 2px solid #111D1E;
  padding-bottom: 10px;
  margin-left: 10px;
}

.HR_GREEN2 {
  width: 70px;
  border-top: 2px solid #111D1E;
  padding-bottom: 10px;
  margin-left: 44%;
}

.COL_BOR_HORIZ {
  border-bottom: 1px solid rgb(230, 228, 228);
}
.COL_BOR_VER {
  border-right: 1px solid rgb(230, 228, 228);
}

.CIRCLE_01 {
  display: inline-block;
  /* margin:10px; */

  width: 85px;
  height: 85px;
  border-radius: 50%;
  /* border: 2px solid #62696D; */
  background-color: #f5f5f5;
  padding: 6%;
}

.CIRCLE_02 {
  display: inline-block;
  /* margin:10px; */

  width: 85px;
  height: 85px;
  border-radius: 50%;
  /* border: 2px solid #62696D; */
  background-color: #ffffff;
  padding: 6%;
}

.CIRCLE_01:hover {
  background-color: #13e636;
  color: #111D1E;
  transition: 0.5s;
}

.BTN_01 {
  /* display: block; */
  color: #fff !important;
  background-color: #5D9941;
  padding: 14px 40px;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  font-style: normal;
  text-transform: uppercase;

  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.BTN_02 {
  /* display: block; */
  color: #5D9941 !important;
  background-color: #fff;
  padding: 14px 40px;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  font-style: normal;
  text-transform: uppercase;

  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.BTN_03 {
  /* display: block; */
  color: #fff !important;
  background-color: #262626 !important;
 padding: 25px 25px 25px 25px !important;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  font-style: normal;
  text-transform: uppercase;

  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.BTN_01:hover,
.BTN_02:hover {
  background-color: #262626 !important;
  color: #111D1E;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.CARDB_01 {
  background-color: #fff !important;
}

.IMG_OVERLAY {
  background: rgba(0, 0, 0, 0.2);
  width: auto;
  height: auto;
}

.GAP_I {
  padding-left: 10px;
  padding-right: 10px;
}

.GAP_II {
  padding-left: 5px;
  padding-right: 2px;
}

.FSIZE {
  font-size: 25px;
}

.services-icon {
  font-size: 45px;
}

.SOCIAL_MEDIA a {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 32px;
  color: #666;
  padding: 7px;
  margin: 2px;
  background-color: #fff;
}

/* ########## IMAGE OVERLAY ################### */
.IMG_OVERLAY {
  width: 100%;
  height: auto;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;

  background-color: rgba(14, 13, 13, 0.8);

  padding-left: 5%;
  padding-bottom: 5%;
  padding-top: 5%;
}

.IMG_OVERLAY p {
  color: #fff !important;
  font-size: 22px;
  font-family: "Montserrat", sans-serif;
}

.IMG_OVERLAY h5 {
  color: #fff !important;
  font-size: 30px;
  font-weight: bolder;
}

.IMG_OVERLAY a {

  color: #fff !important;
  background-color: #13e636;
  padding: 14px 40px;
  font-family: "Montserrat", sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 24px;
  font-style: normal;
  text-transform: uppercase;  
}

._mycard {
  background: rgba(26, 25, 25, 0.1);
}



/* ################### MAP ######################## */

.map-responsive{
  overflow:hidden;
  padding-bottom:50%;
  position:relative;
  height:0;
}
.map-responsive iframe{
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}

/* ################### END MAP ##################### */

/* ///////////////////////////////////////////////////////////////////////////////////////////// */

/* 01-TOP BAR ##########################################################*/

.SEC_01 {
  background-color: #e9e9e9 !important;
}

.SEC_01 .text-white {
  color: #9c9c9c !important;
  font-size: 14px;
}

.SEC_01 i {
  color: #9c9c9c;
}

.SEC_01 i:hover {
  color: #15e638;
}

.top-bar {
  padding-top: 5px;
  padding-bottom: 5px;
}

.top-bar span {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 2;
  padding: 5px;
}

/* 02-TOP NAV BAR #######################################################*/

.SEC_02 {
  border-bottom: 1px solid #222;
}

.hidden {
  display: none;
}


.SEC_02 .navbar-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  
}

nav{
  border-bottom: solid 2px rgb(246, 246, 246);
}

.SEC_02 .navbar-brand {
  margin-left: 100px;
}

.SEC_02 .nav-link {
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-weight: 550;
  line-height: 3;
  margin-left: 20px;
}

.SEC_02 .nav-link:hover {
  color: #5D9941 !important;
}

/* 03 - IMAGE SLIDER ##################################################*/

.carousel-fade .carousel-item {
	opacity: 0;
	transition-duration: .6s;
  transition-property: opacity;  
  transition: opacity .7s ease-in;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
	opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
	opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
	transform: translateX(0);
	transform: translate3d(0, 0, 0);
}

.SEC_03 .carousel-inner .carousel-item {
  max-width: 100%;
  height: 100%;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  /* top: 100px; */
}

.SEC_03 img {
 
  /* max-width: 100%;
  height: 650px;
  object-fit: cover; */
}

.SEC_03 .carousel-caption {
  top: 200px;
}

.SEC_03 .carousel-caption h5 {
  font-size: 45px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-top: 25px;
  font-family: "Montserrat", sans-serif;
  /* -webkit-text-stroke: 1px rgb(0, 0, 0); */
  text-shadow: 2px 2px 4px #4e4e4e;
}

.SEC_03 .carousel-caption p {
  width: 60%;
  margin: auto;
  font-size: 23px;
  line-height: 1.9;
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0.8);
}

.SEC_03 .carousel-caption a {
  text-transform: uppercase;
  background: #262626;
  padding: 10px 30px;
  display: inline-block;
  color: #fff;
  margin-top: 15px;
}

.slide-button-hover a:hover {
  background-color: #15e638 !important;
  color: #262626 !important;
}

/* Slider height - w-100 is bootstrap inbuilt  css */
/* w-100 -when you use it you can not increase slide image height*/

/* 04 Services [ SECTION 04 ] ###################################################### */

.SEC_04 {
}

.SEC_04 .card .services-icon {
  font-size: 45px;
}

.SEC_04 .card {
  border: none;
}

.SEC_04 .card i {
  /* color: #0a791c !important; */
}

.SEC_04 .btn {
  /* background-color: #15e638 !important; */
}





/* 05 Projects [ SECTION 05 ] ######################################################*/

/* 06 About [ SECTION 06 ] #########################################################*/

.SEC_06 .row {
  background-color: #f3f4f6 !important;
}

.SEC_06 .card {
  border: none;
  background-color: #f3f4f6 !important;
}

/* 07 Other Services [ SECTION 07 ] #################################################*/

/* 08 Testimony [ SECTION 08 ] ######################################################*/


.SEC_08 .carousel-caption {
  /* padding-bottom: 75px; */
}

.SEC_08 .carousel-inner img {
  width: 100%;
  height: 450px;
}

.SEC_08 .carousel-inner .carousel-item {
  /* padding-top: 45px; */
  /* width: 100%;
  height: 100%;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover; */
}

.SEC_08 .carousel-caption p {
  /* width: 80%;
  margin: auto;
  font-size: 16px;  */
  
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.SEC_08 .icon-wrap {
  display: inline-block;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  border: 2px solid #62696d;
}

.SEC_08 .icon-wrap i {
  padding: 30%;
  color: #5D9941;
  font-size: 30px;
}

.SEC_08 .name {
  text-transform: uppercase;
  font-style: italic;
  font-weight: 600;
}

.SEC_08 .hidden-hr {
  width: 60px;
  border-top: 1px solid transparent;
}

.SEC_08 .color-hr {
  width: 60px;
  border-top: 2px solid #15e638;
  padding-bottom: 10px;
}

/*  09 OVERVIEW [ SECTION 09 ] ####################################################### */

/* FOOTER [ SECTION 10] ########################################################################### */
footer p {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  color: #aeaeae;
}

footer h6 {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  color: #60ce51;
}

footer h5 {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
}

footer a {
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  /* text-transform: uppercase; */
  color: white;
}

.footer_links i {
  color: #60ce51;
  font-size: 15px;
}

.footer-copyright {
  color: #aeaeae;
  text-transform: uppercase;
  font-size: 12px;
}

.foot-social-icon i {
  color: white;
  font-size: 18px;
  margin: 10px;
}

/* ######################## CONTACT HTML ############################## */



/*  ++++++++++++++++++++ I AM NOT ROBOT +++++++++++++++++++++++++++++ */

/* ++++++++++++++++++ NEWLY ADDED CSS STYLES FOR ALL PAGES ++++++++++++++++++++++  */

.navbar {
  background-color: #f3faf2 !important;
}

.navbar-light .navbar-nav .active>.nav-link{
  color:#111D1E !important;
}

 /* Mobile Navigation */
 @media only screen and (max-width: 991px) {
  .SEC_02 .nav-item {
      background-color: #f3faf2 !important;
      border-bottom: 1px solid #ecebeb;
  }

  .SEC_02 .navbar {
      background-color: #f3faf2 !important;
  }
}

/* end mobile navigation */

._myCard i {
  /* color: #27d21a !important; */
}

.CIRCLE_01 {
  background-color: #5D9941 !important; 
}

.CIRCLE_01:hover {
  background-color: #fff !important;
  transition: 0.5s;
}

._connect {
  background-color: #5D9941 !important;
}

.FC_04{
  color: #111D1E !important;
}

.facebook-icon {
  font-size: 1.2em; 
  color: #e8e8e8; 
  background-color: #111D1E; 
  border: 2px solid #111D1E; 
  border-radius: 20%; 
  padding: 5px 10px; 
  cursor: pointer; 
}