body {
        padding: 0;
        margin: 0;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
      }



     .navbar{
     background: #fff !important;
     padding-top: 0;
     padding-bottom: 0;
     box-shadow: 1px 3px 4px 0 #adadad33;

}
 .navbar-light {
     color: #2196F3;
     
}
 .navbar-brand {
     color: #2196F3;
    padding-left: 10px;
    
}
 .navbar-light .navbar-nav .nav-link {
     color: #000000;
     text-transform: uppercase;
     font-weight: bold;

}
 .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
     color: #04b03d;
}
 .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
     color: #fff;
}
 .navbar-light .navbar-nav .nav-link{
     padding-top: 22px;
     padding-bottom: 22px;
     transition: 0.3s;
     padding-left: -28px;
     padding-right: 24px;
    font-size: 14px;
}
 .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
     color: #04b03d;
     transition: 0.3s;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #fff;
    text-decoration: none;
    background-color: #04b03d !important;
}
.sm-menu{
    border-radius: 0px;
    border: 0px;
    top: 97%;
    box-shadow: rgba(173, 173, 173, 0.2) 1px 3px 4px 0px;
}
.dropdown-item {
    color: #3c3c3c;
    font-size: 14px;
    line-height: 38px;
    margin-top: 5%;

}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #2196F3;

}
.navbar-toggler{
    outline: none !important;
}
.navbar-tog{
    color: #04b03d;
}
.megamenu-li {
  position: static;
}

.megamenu {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  padding: 15px;
}
.megamenu h6{
    margin-left: 21px;
}
.megamenu i{
    width: 20px;
}

.imgshadow
{
  border-radius: 5px;
  border: 1px solid;
  padding: 5px;
  box-shadow: 5px 5px #888888;
}

.btngreen
{
    border-radius: 5px;
  border: 1px solid;
  padding: 10px;
  box-shadow: 2px 2px #888888;
}

.btnimg
{
  border-radius: 3px;
  border: 1px solid;
  padding: 10px;
  box-shadow: 2px 2px #888888;
}


.footer {
  background-color: green;
  margin-top: 0%;
  color: #fff;
}
.footer a {
  background-color: green;
  margin-top: 10%;
  color: #fff;
}
/*
h1 {
    display: grid;
    width: 100%;
    align-items: center;
    text-align: center;
    grid-template-columns: minmax(20px, 1fr) auto minmax(20px, 1fr);
    grid-gap: 20px;
    margin-right: -10%;
}

h1:before,
h1:after {
    content: '';
    border-top: 5px solid;
}
*/




h1 { 
            display: flex;   
            grid-gap: 20px;
            margin: 0% 30% 0% 30%;
            padding-top: 10px;
            padding-bottom: 3%;
        } 
          
        h1:before, 
        h1:after { 
            content: ""; 
            flex: 1 1; 
            border-bottom: 5px solid #000; 
            margin: auto; 
        } 


h2 { 
            display: flex;   
            grid-gap: 20px;
            margin: 0% 30% 0% 30%;
            padding-top: 10px;
            padding-bottom: 3%;

        } 
          
        h2:before, 
        h2:after { 
            content: ""; 
            flex: 1 1; 
            border-bottom: 5px solid #fff; 
            margin: auto; 
        } 


  .button_slide {
  color: #FFF;
  border: 0px solid rgb(216, 2, 134);
  border-radius: 0px;
  padding: 10px 10px;
  display: inline-block;
  font-family: "Lucida Console", Monaco, monospace;
  font-size: 18px;
  letter-spacing: 1px;
  cursor: pointer;
  box-shadow: inset 0 0 0 0 #28a745;
  -webkit-transition: ease-out 0.4s;
  -moz-transition: ease-out 0.4s;
  transition: ease-out 0.4s;
}
 
.slide_right:hover {
  box-shadow: inset 400px 0 0 0 #28a745;
}
 
#outer {
  width: 364px;
  margin: 50px auto 0 auto;
  text-align: center;
}
 
 /*footer contact form*/

 .form4 {
  background: url(../asset/img/map/map.png) no-repeat center center fixed;
  background-size: cover;
  width: 100%;
   
}

 .bgcover {
  background: url(../asset/img/map/cover-26.jpg) no-repeat center center fixed;
  background-size: cover;
  width: 100%;
  padding: 3px 0px 3px 0px;
   
}



 

.form-control {
    border-color: transparent transparent #00d2ff transparent;
    background: transparent;
    outline: 0 !important
}

.form-control:focus {
    border-color: transparent transparent blue transparent;
    background: transparent;
    outline: 0 !important;
    box-shadow: 0 0 0 0rem rgba(0, 123, 255, .25)
}

.form-control {
    position: relative;
    display: inline-block;
    overflow: hidden
}

.form-control>input[type=text] {
    border: none;
    border-bottom: 3px solid red;
    outline: none
}

.underline-animation {
    transition: all 1s;
    display: inline-block;
    bottom: 0;
    left: -100%;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #64e4fe
}

.form-control>input[type=text]:focus+.underline-animation {
    left: 0
}

.send-button {
    float: right
}

.send-button .button {
    font: inherit;
    line-height: normal;
    cursor: pointer;
    background-color: green;
    color: white;
    padding: 11px;
    border: none;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.14286em;
    transition-duration: 0.4s
}

.send-button .button:hover,
.form .button:focus,
.form .button:active {
    box-shadow: 0 10px 15px rgba(0, 0, 0, .1)
}

.send-button .button:active {
    position: relative;
    top: 1px;
    left: 1px
}

.bg-dark {
    background-color: #343a40!important;
}

.social a
        {
         border-radius: 5px;
         margin: 5px;
         width: 25px;
         height: 25px;
         line-height: 10 0px;
         align-items: center;
         justify-content: center;
         text-indent: 25px;
         display: inline-flex;
         
         text-decoration: none; 
         background-color: #fff;
         
        }

        a i
        {
          transition: all 0.3s linear;
        }

        .social a:hover
        {
          transform: scale(1.4);
        }

        .fa-facebook
        {

        color: #066cd1;
        }

        .fa-twitter
        {

        color: #1cd5ff;
        }

        .fa-youtube
        {

        color: #ff2200;
        }

        .fa-linkedin
        {

        color: #055ee3;
        }

        .fa-instagram
        {

        color: #ff003c;
        }

         blink {
        animation: blinker 0.9s linear infinite;
        color: green;
        font-weight: bold;
       }
      @keyframes blinker {  
        50% { opacity: 0; }
       }