/*********FONT FACE*********/

 

body{
  padding:0;
  font-size: 16px ;
  line-height: 1.4;
  overflow-x:hidden;
  -webkit-font-smoothing: antialiased;
  width:100%;
  background: #ffffff;
  font-family: 'Montserrat', sans-serif;
  margin:0 auto;
  color:#707070;
}
 


/*font  size*/
h1,h2,h3,h4,h5,h6,p,a{
  text-transform:initial;
  margin:0;
  padding:0;
  text-decoration:none;
  margin-bottom:15px;
  color: #707070;
}


h1{
  font-size: 50px; 
  letter-spacing: -1.4px;
  line-height: 86px; 
  font-weight: 500;
}

h2{
  font-size: 30px; 
  letter-spacing: 0;
}

h3{
  font-size: 32px; 
  letter-spacing: 0;
  line-height: 39px;
}

h4{
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 28px;
}

h5{
  font-size: 18px;
  letter-spacing: 0;
  line-height: 24px;
  font-weight:400;
}

h6{
  font-size: 14px;
  letter-spacing: 0;
  line-height: 24px;
}

.bold-p p{
  font-size: 18px;
  letter-spacing: -0.11px;
  line-height: 27px;
}

p{ 
  font-size: 17px;
  letter-spacing: 0.3px;
  line-height: 24px;
  font-weight: 300;
  margin-bottom: 0px;
}
a:hover{

    text-decoration: none;
    color: #6A1500 !important; 
    transition: 0.3s;
}

.btn-pro{
 
    width: 225px;
    height: 40px;
    border-radius: 20px; 
    font-size: 16px;
}
.btn-Medium{
 
    width: 164px;
    height: 40px;
    border-radius: 20px; 
    font-size: 16px; 
    border-radius: 20px; 

}
.btn-green{
  color:#fff !important;
  background-color: #006A58;
}
.btn-wht{
  color:#fff;
  border:1px solid #FFFFFF;

}
.btn-wht:hover , .btn-green:hover{
  color:#fff !important;
  border:1px solid transparent;
  background-color:#6A1500;

}


.br-md-25{
  border-radius:25px; 
  box-shadow: 0 1px 24px 0 rgb(117 128 134 / 23%);
}

.w-md-25{
  width: 25%;
}
.w-md-75{
  width: 75%;
}


.bg_gray{ 
  background-color: #F5F5F5;

}



/*********CONTAINER*********/

 
  
.row > * {
  /*flex-shrink: 0;*/
  width: 100%;
  max-width: 100%;
  padding-right: 15px;
  padding-left: 15px; 
}
 



/*********POSITION*********/
.p-relative{
  position:relative;
}

.p-absolute{
  position: :absolute;
}

.p-sticky{
  position: sticky;
}

.p-fix{
  position: fixed;
}

.text-right{
  text-align: right;
}
.text-left{
  text-align: left;
}

.text-center{
  text-align: center;
}

/*********DISPLAY*********/

.d-flex{
  display: flex;
}

.d-block{
  display: block;

} 

/*menu */
.icon{
    display: none;
  }

.header-top {
    background: #425E76;
    padding: 14px 0;
    

}
.header-top p, .header-top a{
  color:#fff;
}
.header-top a:hover{
 color:#3ABEEB;
}

.top-header{
 
  background: rgb(0,106,88);
  background: linear-gradient(270deg, rgba(0,106,88,1) 51%, rgba(250,250,250,0) 52%);
}
.top-section{
  background: url("../img/green_bg.svg") no-repeat; 
  background-size: cover;
  background-position: center center;  
}
.top-section a{ 
  color:#fff;
  font-size: 10px;
  margin-bottom: 0px;
}


.hero-section{ 
  height:85vh; display: flex;
  flex-direction: column; 
  padding-top: 15vh;
  background: url("../img/Crane_on_field.jpg") no-repeat; 
  background-size: cover;
  background-position: center center; 
  background-attachment: fixed;
  background-color: #00000050; 
  background-blend-mode: overlay;
}

.hero-heading{

    width: 80%;
    color:#fff;
}
.hero-subheading{
  color:#fff;
}
 
.site-brand img { 
    width: auto;
    height: auto; 
    margin-top: -25px;
    margin-bottom: 19px; 
    margin-left: 30px;
}
.siteNavigation {
  display: flex; 
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; 
  align-items: center;
}
.site-menu, .site-cta{
  display: flex;
  flex-direction: row;
  float: right;
  right: 0px;
}
.menu-container{ 
  width:100%;
  align-items: center;
}

.menu-link {
  display: block;
  padding: 0.5rem 1rem;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  margin-bottom: 0px;
}
a.menu-link:hover {
    color: #3ABEEB;
}
.site-cta .menu-item {
    border-right: 1px solid #DEE3E7;
    border-left: 1px solid #DEE3E7; 
    box-shadow: unset;
    color: #222D39;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px;
    padding: 15px 25px;
}

.banner-cta{
  margin-top:50px;
}
.banner-cta a{ 
    margin-right: 20px;
    margin-top:20px; 
}
 


/*Three container*/

.overview-wrapper{
  padding-bottom:70px; 
}
.overview-container {   
  position: relative;
  display: grid;
}


.overview-container .row{   
  margin-top:-10%;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 1px 24px 0 rgb(117 128 134 / 23%); 
  overflow: hidden;
  width: 100%;
  padding: 40px 30px;
  background-color:#fff;
}
 
  
.overview-container img{
  width: 131px;
  height: 120px;
  margin-right: 20px;
}

.overview-container h5 {
    font-size: 18px; 
    letter-spacing: -0.1px;
    line-height: 23px;
}

 


.features_wrapper{
  padding: 70px 0px 180px 0px;

}

ul.pdf_list{
  list-style-image: url("../img/pdf-file-format-symbol.svg");
  margin-top: 30px;
}
ul.pdf_list li{
  padding: 10px 0px;
}


 
.right-con{
  position: relative;
 /* margin-top:-100px;*/
}

.right-con  img {
    max-width: 100% !important;
    height: auto !important;
    box-shadow: 1px 1px 6px 0px #888888 !important;
}

.right-con  .img-1 {
    width: 225px;
}
.right-con  .img-2 {
    position: absolute;
    right: 0;
    top: 15%;
    width:205px;
}
.right-con .img-3 {
    position: absolute;
    right: 0; 
    width:236px;
    margin-top: 25px;
}
.right-con .quoted_text {
    width: 100%;
    max-width: 350px;
    padding: 30px 0 0; 
    margin-top:40px;
    font-style: italic;
}

 

.footer-wrapper{
  padding:50px 0px;
}
.footer-wrapper .row{
  margin: auto;
  justify-content: space-between;
}
.footer-wrapper .site-brand img{
  margin-top:0px;
  width:200px;
}
.footer-wrapper a{  
  color:#999999;
  font-size: 14px !important;  
  padding: 0.5rem 0rem;
  display: block;
  margin-bottom: 0px;
 
}

.footer-wrapper a i{  
  color:#6A1500; 
}
.footer-wrapper p{  
  color:#999999;
  font-size: 14px !important;   
 
}
.footer-wrapper .site-menu {
  display: block;
}
 
.footer-wrapper a.theme-author{
	width: calc(100% - 320px);
	text-align: right;
}

.cta_section{
  background: url("../img/samuel-regan-asante.jpg") no-repeat; 
  background-size: cover;
  background-position: center center; 
  background-attachment: fixed; 
  background-color: #00000080;
  padding: 90px 0px;
  background-blend-mode: overlay;
}

.cta_section .form-control{
  background-color: rgba(229, 229, 229, .20);
  border:1px solid rgba(214, 214, 214, );
  color:#fff;
}
.cta_section .form-control::placeholder {  
  color:#fff;
  opacity: 1; 
}

span.service {
    border-bottom:.5px solid #006A58;
}
span.service_price {
    background: #006A58;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 10px;
    color: #fff;
}

.divider{
  height: 1px;
  background-color: #006A58;
  width: 100%;
  margin: 50px 15px 20px 15px;
}




/*inner page*/

 
.hero-Inner{ 
  height:50vh; display: flex;
  flex-direction: column; 
  padding-top: 18vh;
  background-size: cover !important;
  background-position: center center !important;
  background-attachment: fixed !important;
  background-color: #00000050 !important;
  background-blend-mode: overlay;
}

.hero-Inner.about{

  background: url("../img/ave-calvar.jpg") no-repeat; 

}
.hero-Inner.product{
  
  background: url("../img/kyle-ryan.jpg") no-repeat; 

}
 
    
.overviewInner-wrapper{
 
    padding-bottom: 70px;
}
 
 
.overviewInner-wrapper .overview-container .row{   
  margin-top:-5%; 
}

ul.feature_list{
  margin-left:20px;
  margin-top:20px;
} 
ul.feature_list li{ 
  margin-top:10px;
} 
.featuresInner_wrapper{

    padding: 70px 0px 150px 0px;
}
.right-con .quoted_div{
    width: 100%;
    max-width: 350px;
    padding: 30px 0 0;
    margin-top: 40px;
    height: 150px;
}
.contact_sideIMage, .reg_sideImage{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;

}

    
.contact_sideIMage img{
  width:auto;
  height: auto;
  margin-right:0px;
}
.reg_sideImage img{
  width:400px;
  height: auto;
  margin-right:0px;
}
.header-fixed{ 
    position: fixed !important;
    z-index: 9999;
    background: #fff;
    box-shadow: 0 1px 24px 0 rgb(117 128 134 / 23%);
    top: 0px;
}
.header-fixed .vertical_logo{
  display: none !important;
}
.header-fixed .horizontalLogo{
  display: block !important;
}
.header-fixed  .site-brand img{

    margin-top: 20px;
}
@media(max-width:767px){
	
	
.hero-section{ 
  height:80vh !important; 
  display: flex;
  flex-direction: column; 
  padding-top: 15vh;
  
  background-size: cover;
  background-attachment: inherit;
  
  background-color: #00000050; 
  background-blend-mode: overlay;
}	
	
	
	
  h1 {
    font-size: 35px; 
    line-height: 42px; 
  }
  h2 {
    font-size: 28px;  
  }
  h3 {
    font-size: 25px; 
}
  p{
    font-size: 15px;
  }
  .br-md-25{
    border-radius:0px;
	margin: 0;
  }
  .download_software{
	  padding: 40px 0px !important;
  }

  .w-md-25, .w-md-75{
    width:100%;
  }
  .site-brand img{

    margin-top: 20px;
    margin-left:0px;
  }
  .hero-section{
    height: auto;
    padding-top:10vh;
    padding-bottom:10vh;
  }
  
  .overview-container .row{
    margin-top:0px;
    position: relative;
    padding: 40px 10px;
  }
  .overview-wrapper{
    padding: 0px;
  }
  .overview-container{
    padding: 0px;
  }
 
  .right-con{

    padding-top: 50px;
  }
  .right-con .img-2{
    position: relative;
    top: 15px;
    width: 50%;
  } 
  .right-con .img-1 {
      width: 100%;
  } 

  .right-con .img-3 {
      position: absolute;
      right: 15px;
      bottom: 190px;
      width: 40%;
  }

   
  .right-con .quoted_text{
    max-width: 100%; 
    padding: 20px 0px 50px 0px;
  }
  .site-menu, .site-cta{
    display: block;
    width: 100%;
  }
  .menu-container {
       
      width: 100%;
      align-items: flex-start;
      flex-direction: column;
  }
  .menu-link{

    padding: .8rem 0rem;
  }
  .site-cta .menu-item{
    border:0px; 
    padding: 15px 0px;
  }

  .banner-cta {
    display: flex;
    flex-direction: column;
  }
  .banner-cta a{

    width: auto; 
    text-align: center;
  }

  #menu-container{
    display: none;
  }
  .icon{ 
    display: block; 
    /*position: absolute;*/
    right: 0px;  
    top: 10px;
    margin-bottom: 0px;
  }
  .icon img{
    width:30px; 
  }

  .siteNavigation{
    display: block;
    position: relative;/*
    padding-bottom: 20px;*/
  }  
  
  .terms-wrapper {
    padding: 0px 0px 30px 0px;
  }


  .overview-container .col{
   padding: 35px  50px;
  }
  .overview-container{
    width: 100% !important;
  }
  .hero-heading{
    width: 100%;
  }
  .banner-cta a{
    margin-right:0px;
  }
  .logo-wrapper {
      padding: 35px 0px 35px 0px;
  }
  .features_wrapper {
      padding: 0px 0px; 
  }

  .hero-Inner{

    height: 40vh;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0px;

  }
  
  .overviewInner-wrapper .overview-container .row{

    margin-top: 0px;
  }
  .overviewInner-wrapper {
      padding: 0px !important;
  }
  .cta_section{ 
    padding: 55px 0px;
  }
  .right-con .quoted_div{ 
    height: 0px;
    margin-top:0px;
  }
  .featuresInner_wrapper {
      padding: 10px 0px 50px 0px;
  }
  .featuresInner_wrapper .right-con .img-3{

    bottom: 0px;
  }
  .contact_sideIMage img{
    width: 95%;
    margin: auto;
  }

  .menuNavigation{
    display: none;
  }

  .slidenow{
    display: block;
  }
}