/*


BASE COLOR : #27ae60

*/




/*=============================================
 BASIC SETUP
 =============================================*/

html {

  background-color: #fff;
  color: #000;

  font-family: 'Lato', sans-serif;
  font-size: 15px;
  font-weight: 300;
  text-rendering: optimizeLegibility;


}


/*=============================================
 ICONS
 =============================================*/
 .icon-big {

  font-size: 400%;
  color: #27ae60;
  display: block;
  margin-bottom: 10px;

}

.icon-mid{

  font-size: 150%;


}


/*=============================================
 CAROUSEL IMAGE SLIDER BOOTSTRAP V4.00 OVER-RIDRS
 =============================================*/


/* BLANK SLIDE BUG-FIXING */
.carousel-item {
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}


.carousel {

  background-color: #000;

}


.carousel-inner img {


  opacity: 0.6;

}

.carousel-caption h5{

  font-weight: 700;
  font-size: 20px;
  text-shadow: 0px 2px #222;
 

}
.carousel-caption p{

  font-weight: 700;
  font-size: 20px;
  text-shadow: 0px 2px #222;

}

/*=============================================
 CHANGEABLE-SECTION
 =============================================*/

.logo{

  width: 100px;
  height: 26px;


}



/*nav link*/
.txt{

  font-weight: 700;

}



h2{
  text-align: center;
  font-weight: 400;
  font-size: 180% ;
  font-style: bold;
  margin-bottom: 30px;
  text-transform: uppercase;
  margin-top: 50px;
}

h2:after{

  display: block;
  background-color: #27ae60;
  height: 2px;

  content: " ";
  width: 100px;
  margin: 0 auto;
  margin-top: 20px;


}

h3{

  font-weight: 300;
  font-size: 125% ;

}

h4{
  margin-top: 15px;
  font-weight: 700;
  text-align: center;

}

/*Wap text Adjusting*/
#wap{

  font-size: 88%;

}


/* CORPORATE SERVICES TEXT */
.services{


  text-align: center;
}



/*=============================================
 PARAGRAPHS
 =============================================*/

.box p{

  line-height: 145%;
  font-size: 100%;

}

.paragraph{


  line-height: 145%;
  font-size: 120%;
  

}



/*=============================================
 BUTTONS
 =============================================*/

.btn:link,
.btn:visited {

  margin-top: auto; 
  display: inline-block;

  padding: 5px 20px;
  text-align: center;
  font-weight: 300;
  text-decoration: none;
  color: #fff;
  transition: background-color .02s,border .02s,color .02s; 

}

.btn-full:link,
.btn-full:visited {

  color: #fff;
  background-color: #27ae60;
  border :1px solid   #27ae60;
  margin-right: 15px;
}

.btn:hover,.btn:active{

  background-color: #FF2A00;
}

/* Explore vas button */
.explore{

  margin-top: 10px;
  margin-bottom: 10px;

}



#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 10px; /* Place the button at the bottom of the page */
    right: 15px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: transparent; /* Set a background color */
    color: red; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 5px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 30px; /* Increase font size */
}

#myBtn:hover {
    background-color: #27ae60;
}


/*=============================================
FOOTER-SECTION
 =============================================*/

footer {
  background-color:#27ae60;
  color: #fff;
  margin-top: 50px; 
}


.footer-text {

  text-align: center;


}
.footer-text a {

  color: #fff;


}

.footer-text p{

  font-weight: 700;

}


/*=============================================
 RESPONSIVE TEWAKS
 =============================================*/


@media (max-width: 640px) {

  .container{

   text-align: center;

  }


}


.container{


overflow: hidden;

}