.container{max-width:1500px;}
.nav-white{background: #fffefc; height: 100px; line-height: 100px;}
li.nav-item a{font-size: 18px; color: #000000; font-weight: normal; white-space: nowrap;}
li.nav-item a:hover{font-size: 18px; color: #000000; font-weight:normal;}
.navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}
.search-box{margin-left: 20px;}
.banner-bg{background-image: url(../images/banner.jpg); display: block; height: 666px; background-repeat: no-repeat; background-size:cover; 
   }
.banner-block{background: #ffffff;
    padding: 60px 0;
    margin: 30px auto;
    width: 450px;
    position: relative;
    top: 190px;}
.empowering{font-size: 16px; color: #2a7c6f; text-align: center; padding: 20px 0px;}
.button-position{float: right; background: #2a7c6f; color: #ffffff; padding:10px 30px; border-radius: 0; font-size: 13px;}
.button-position2{float: left; background: #2a7c6f; color: #ffffff; padding:10px 30px; border-radius: 0; font-size: 13px;}
.button-position:hover{background: #ffffff; border:1px solid #2a7c6f; color: #2a7c6f;}
.button-position2:hover{background: #ffffff; border:1px solid #2a7c6f; color: #2a7c6f;}
.spl-padding{padding-left: 0;}
.spl-padding2{padding-left: 3px;}


.greenandwhite {
	height:auto;
}

/*** TWO COLOR BACKGROUND ***/
.greenandwhite {
    background:#2a7c6f;
    animation: 1s ease-out 0s 1 slideInLeft;
}

.who-we-are-wrapper{padding:40px;}
.who-we-are-hd{color: #ffffff; font-size: 50px; font-weight:100;}
.line{background-color: #ffffff;
    height: 2px;
    width: 16%;
    display: block;
    float: left;
    margin: 30px 0;}
.read{margin-top: 10px; cursor: pointer; color: #ffffff;}
.read a{color: #ffffff; font-size: 20px; cursor: pointer;}
.read a:hover{color: #ffffff; font-size: 20px; text-decoration: underline; padding-bottom: 30px; cursor: pointer;}
.who-are-we-right{padding: 0 40px;}
.para-heading{color: #2a7c6f; font-size: 22px; font-weight: 100;}
.para-write{color: #2a7c6f; font-size: 18px; font-weight: 300; line-height: 29px;}

.key-wrapper{padding: 90px 0 40px 0; animation: 1s ease-out 0s 1 slideInLeft;}
.key{color: #2a7c6f; font-size: 52px; font-weight: 300; padding-bottom: 12px;}
.key2{color: #2a7c6f; font-size: 22px; font-weight: 700; padding-bottom: 10px;}
.green-bg{background-color: #caede7; padding: 40px 0; height: auto; }
.who-white-text{color: #ffffff;}

.key-image-wrapper{background-image: url(../images/key-image-1.jpg); display: block; background-repeat: no-repeat; background-size:cover; height: 256px; 
   }
.white-image-background{background: #ffffff; padding: 20px;}

    .key-image-wrapper1{background-image: url(../images/key-image-2.jpg); display: block; background-repeat: no-repeat; background-size:cover; height: 256px; 
   }

   .key-image-wrapper2{background-image: url(../images/key-image-3.jpg); display: block; background-repeat: no-repeat; background-size:cover; height: 256px; 
   }

   .key-image-wrapper3{background-image: url(../images/key-image-4.jpg); display: block; background-repeat: no-repeat; background-size:cover; height: 256px; 
   }
   .block-hd{color:#2a7c6f; font-size: 20px; font-weight: 300; text-align: left; padding-bottom: 12px; }
   .block-lines{color:#2a7c6f; font-size: 15px; font-weight: 300; text-align: left; padding-bottom: 12px;}
   .box-column:hover{box-shadow: 0 5px 15px rgba(0,0,0,0.3); transition: opacity 0.3s ease-in;  animation: pulse 1s;
  box-shadow: 0 0 0 2em transparent;}
  .box-column{}
        




   .email{}
.email a{color: #ffffff; font-size: 20px;}
ul.social-icons-ql{margin:0; padding: 0;}

.social-icons-ql li{
	   list-style:none;
	   float:left;
	   width:20px;
	   height:20px;
	   line-height:45px;
	    font-size:15px;
	   text-align:center;
	   margin:4px 5px;
   }
   
   .social-icons-ql li i{
	   color:#fff;
	   font-size:20px;
   }

  .social-icons {
   
}

.social-icons ul {
    padding: 0;
    list-style: none;
}

.social-icons ul li {
    display: inline-block;
    
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 30px;
    margin: 0 5px;
    height: 30px;
    margin-right: 0px;
    background: #2a7c6f ;
    transition: 1s;
}

.social-icons ul li:hover {
    background-color: #2a7c6f ;
    transform: rotate(360deg);
    transition: 1s;
}

.social-icons ul li a:hover {
    color: #fff;
}

.social-icons ul li a {
    color: #fff;
    display: block;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
}

.social-icons ul li a i {
    vertical-align: middle
}

.icon-circle {
    background: #2a7c6f ;
    -webkit-transition: background .2s, -webkit-transform ease-out .1s;
    transition: background .2s, -webkit-transform ease-out .1s;
    transition: transform ease-out .1s, background .2s;
    transition: transform ease-out .1s, background .2s, -webkit-transform ease-out .1s
}

.icon-circle:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    top: 0;
    left: 0;
    padding: 0;
    z-index: -1;
    -webkit-box-shadow: 0 0 0 2px rgba(38, 161, 224, .1);
    box-shadow: 0 0 0 2px rgba(38, 161, 224, .1);
    opacity: 0;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    -webkit-transition: all ease .90s;
    transition: all ease .90s
}

.icon-circle:hover {
    background: rgba(38, 161, 224, .05);
    -webkit-transform: scale(.93);
    -ms-transform: scale(.93);
    transform: scale(.93);
    color: #fff
}

.icon-circle:hover:after {
    -webkit-animation: sonarEffect 1.3s ease-out 75ms;
    animation: sonarEffect 1.3s ease-out 75ms
}

@-webkit-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        -webkit-box-shadow: 0 0 0 2px rgba(38, 161, 224, 0.1), 0 0 10px 10px #26a1e0, 0 0 0 10px rgba(38, 161, 224, 0.5);
        box-shadow: 0 0 0 2px rgba(38, 161, 224, 0.1), 0 0 10px 10px #26a1e0, 0 0 0 10px rgba(38, 161, 224, 0.5);
    }
    100% {
        -webkit-box-shadow: 0 0 0 2px rgba(38, 161, 224, 0.1), 0 0 10px 10px #26a1e0, 0 0 0 10px rgba(38, 161, 224, 0.5);
        box-shadow: 0 0 0 2px rgba(38, 161, 224, 0.1), 0 0 10px 10px #26a1e0, 0 0 0 10px rgba(38, 161, 224, 0.5);
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        -webkit-box-shadow: 0 0 0 2px rgba(38, 161, 224, 0.1), 0 0 10px 10px #26a1e0, 0 0 0 10px rgba(38, 161, 224, 0.5);
        box-shadow: 0 0 0 2px rgba(38, 161, 224, 0.1), 0 0 10px 10px #26a1e0, 0 0 0 10px rgba(38, 161, 224, 0.5);
    }
    100% {
        -webkit-box-shadow: 0 0 0 2px rgba(38, 161, 224, 0.1), 0 0 10px 10px #26a1e0, 0 0 0 10px rgba(38, 161, 224, 0.5);
        box-shadow: 0 0 0 2px rgba(38, 161, 224, 0.1), 0 0 10px 10px #26a1e0, 0 0 0 10px rgba(38, 161, 224, 0.5);
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
    }
}

.form-wrapper{padding-top: 40px;}
.comments{height: 100px;}

.greenandwhite2 {
	height:auto;
}
.new-button{background: #2a7c6f }

/*** TWO COLOR BACKGROUND ***/
.greenandwhite2 {
    background-image: -webkit-linear-gradient(0deg, #2a7c6f 37%, #fffefc 37%);
}

.section-padding {
    padding: 10px 0;
    margin: 20px 0 0 0;
}
.bottom {
    background-color: #2a7c6f ;
}
.bottom .copyright {
    color: #ffffff;
    font-weight: 600;
}
.copyright a {
    color: #ffffff;
    margin-left: 3px;
    padding-right: 3px;
}
.bottom p {
    margin-bottom: 0;
    line-height: 20px;
    font-size: 12px;
    font-weight: 400;
}
.copyright p span {
    color: #ffffff;
}
.bottom .copyright p, .bottom .copyright a:hover{
    color: #ffffff;
}

.new-button:hover {
    background: #ffffff; border:1px solid #2a7c6f; color: #2a7c6f;
}

.form-control-lg, .input-group-lg>.form-control, .input-group-lg>.input-group-append>.btn, .input-group-lg>.input-group-append>.input-group-text, .input-group-lg>.input-group-prepend>.btn, .input-group-lg>.input-group-prepend>.input-group-text {
    padding: 13px;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.btn-group-lg>.btn, .btn-lg {
    padding: 11px 46px;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}


@media(min-width:320px) and (max-width:991px)
{
    .navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: #000;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    background: #ffffff;
}

.navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    line-height: 27px;
}
.form-class{background: #ffffff; margin-top: -2px;}

.nav-white {
    background: #fffefc;
    height: 91px;
    line-height: 51px;
}
.button-small{ margin:0 auto;}

.greenandwhite {
    height: auto;
}

.button-position {
        margin: 6px auto;
    background: #2a7c6f;
    color: #ffffff;
    padding: 10px 30px;
    border-radius: 0;
     font-size: 17px; float: none;
}

.button-position2 {
     margin: 6px auto;
     float: none; 
    background: #2a7c6f;
    color: #ffffff;
    padding: 10px 30px;
    border-radius: 0; font-size: 17px; 
}





.who-we-are-wrapper {
    padding: 0px; 
}

.para-heading {
    color: #ffffff;
    font-size: 22px;
    font-weight: 100;
    text-align: left;
}

.para-write {
    color: #ffffff;
    font-size: 18px;
    font-weight: 300;
    line-height: 29px;
}



.line {
    background-color: #ffffff;
    height: 2px;
    width: 16%;
    display: block;
    float: left;
    margin: 8px 0;
}

.read {
    margin-top: 40px;
}

.who-are-we-right {
    padding: 0; 
}
.para-write2{color: #2a7c6f;
    font-size: 18px;
    font-weight: 300;
    line-height: 29px;}

    .box-column{margin-bottom: 20px;}

    .greenandwhite2 {
    background:#2a7c6f; 
}

.greenandwhite {
    background:#2a7c6f; 
}

.greenandwhite2 {
	height:auto;
}

label {
    display: inline-block;
    margin-bottom: 0.5rem;
    color: #fff;
}

.bottom .copyright p, .bottom .copyright a:hover {
    color: #ffffff;
}

.new-button2 {
    background: #ffffff;
    color: #17a2b8; margin-bottom: 20px;
}

.who-we-are-hd {
    color: #ffffff;
    font-size: 26px;
    font-weight: 100;
    padding-top: 30px;
}

}

@media(width:823px)
{
    .navbar-expand-sm .navbar-nav .nav-link {
     padding-right: 0.5rem; 
    padding-left: 0.5rem; 
}

.greenandwhite {
    height: auto;
}
}

.custom-toggler.navbar-toggler {
    border-color: rgb(0, 0, 0);
}
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}



.zoom
{
     transition: transform 1s;
}

.zoom:hover { 
    transform: scale(1.2); 
}

@keyframes slideInLeft {
        0% {
          transform: translateX(-100%);
        }
        100% {
          transform: translateX(0);
        }
      }


      #more {display: none;}


      @media(min-width:320px) and (max-width:500px)
      {
          .banner-block {
    background: #ffffff;
    padding: 60px 0;
    margin: 30px auto;
    width: auto;
    position: relative;
    top: 190px;
}

.spl-padding {
    padding-left: 15px;
}

.spl-padding2 {
    padding-left: 15px; 
}
      }


      @media(min-width:600px) and (max-width:991px)
      {
          .banner-block {
    background: #ffffff;
    padding: 60px 0;
    margin: 30px auto;
    width: 410px;
    position: relative;
    top: 190px;
}
      }