a:hover, a:focus{ outline: none; text-decoration: none; }
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont3e6e.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfontd41d.eot?#iefix&v=4.7.0') format('embedded-opentype'),
  url('../fonts/fontawesome-webfont3e6e.woff2?v=4.7.0') format('woff2'),
  url('../fonts/fontawesome-webfont3e6e.woff?v=4.7.0') format('woff'),
  url('../fonts/fontawesome-webfont3e6e.ttf?v=4.7.0') format('truetype'),
  url('../fonts/fontawesome-webfont3e6e.html?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}


ul{padding: 0; margin: 0; list-style: none;}
body{overflow-x: hidden;}

/*header*/
.inner-header .logo{margin-top: 20px;}
.inner-header p{color: #66ce93; font-size: 13px; }
.inner-header .navbar{margin: 5px 0; }
.inner-header .navbar-nav{display: flex;}
.inner-header .navbar-nav li{ padding-right: 28px; }
.inner-header .navbar-nav li a{color: #aaaaac; font-size: 16px; -webkit-transition: all .2s ease;
   -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
     -o-transition: all .2s ease;
        transition: all .2s ease;}
.inner-header .navbar-nav li:hover a{color: #00a948;}
.inner-header .navbar-expand-lg{    flex-flow: row nowrap;}
.inner-header .navbar{display: flex;     position: relative; align-items: center;     padding: .5rem 1rem;}
.inner-header .navbar .navbar-toggler{display: none;}

/*carousel*/
.left-section .owl-nav .owl-prev{font-size: 0; position: absolute; top: 43%;
    left: 16px; background: rgba(121, 121, 123,.9) url(../img/left-arrow1.png)no-repeat 10px 13px; height: 40px; width: 40px; border-radius: 50%; text-align: center; line-height: 40px; -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
        -ms-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;}
.left-section .owl-nav .owl-prev:hover{background: rgba(121, 121, 123,1) url(../img/left-arrow1.png)no-repeat 10px 13px;}
.left-section .owl-nav .owl-next:hover{background: rgba(121, 121, 123,1) url(../img/right-arrow.png)no-repeat 12px 13px;}
.left-section .owl-nav .owl-next{font-size: 0; position: absolute; top: 43%;
    right: 16px; background: rgba(121, 121, 123,.9) url(../img/right-arrow.png)no-repeat 12px 13px; height: 40px; width: 40px; border-radius: 50%; text-align: center; line-height: 40px; -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
        -ms-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;}

.tablinks{ margin: 0; padding: 0; list-style: none; border-bottom: 1px #e0e0e0 solid; }
.tablinks li{ display: inline-block; position: relative; padding-right: 20px;}
.tablinks li.active a{color: #00a948;}
.tablinks li a{ text-transform: capitalize; display: inline-block; font-size: 16px; color: #676566; text-decoration: none; position: relative; padding: 16px 0;}
.tablinks li a:hover{ color: #00a848; text-decoration: none;}
.tablinks li a:before { position: absolute; left: 0; right: 0; bottom: 0; content: ''; background: #00a848; height: 1px; opacity: 0; visibility: hidden;  -webkit-transition: all .2s ease;
   -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
     -o-transition: all .2s ease;
        transition: all .2s ease;}
.tablinks li a:hover:before, .tablinks li.active a:before{ opacity: 1; visibility: visible; }
.left-section p{padding-top: 35px;}

h4.title{ font-size: 17px; color: #89878a; color: #888888; font-weight: 100; margin: -4px 0 0; }
h3.title{ font-size: 17px; color: #000; padding: 10px 0; font-weight: 400; margin: 13px 0 4px;}
.left-section ul.services li{position: relative; padding: 0 0 8px 28px;font-size: 16px;}
.left-section ul.services li:before{position: absolute; content: '\f14a'; font-size: 20px; color: #00a847; top: 0px; left: 0; font-family: 'FontAwesome';  }
.map{padding-top: 42px;}
.map h4{font-size: 17px;color: #6b6768; font-weight: 100; margin-bottom: 18px; }
.copyright-section p{padding-top: 37px;}
.right-section .card{background: #f9f9f9; border:none; border-radius: 5px; margin-top: 20px;}
.right-section .card .card-body{padding: 30px;}
.right-section  .working-hours li span{float: right; font-weight: 400;}
.right-section  .working-hours li{font-weight: 600; color: #888888; padding: 2px 0;}
.right-section  .working-hours{border-top: 1px solid #e8e8e8; padding-top: 23px;}
.right-section .card .card-body h5.card-title i{padding-right: 9px; font-weight: 100;color: #222;}
.right-section .card .card-body h5.card-title{font-weight: 100; padding-bottom: 13px; color: #222; font-size: 22px;}

.awards h3{color: #4d4d4d; padding-top: 10px; line-height: 32px; font-size: 28px; text-align: center; font-weight: 100; max-width: 269px; text-align: center; margin: 0 auto;}
.awards img{padding-top: 36px;}
.subscribe{ padding-top: 38px;}
.subscribe h4{color: #8a92a1; font-size: 18px;font-family: "Open Sans"; font-weight: 100; margin-bottom: 10px;}
.subscribe input[type="text"]{border:2px solid #d4d4d4; box-shadow: none;}
.subscribe .form-check{position: relative; font-family: "Open Sans"; color: #000; font-size: 18px; padding-left: 32px;}
.subscribe .form-check input{display: none;}
.subscribe .checkmark {position: absolute; top: 6px; left: 3px; height: 16px; width: 16px; background-color: #fff; border: 1px solid #d4d4d4; border-radius: .25rem; }

 /*When the checkbox is checked, add a blue background */
.subscribe .form-check input{background-color: #fff; border: 1px solid #d4d4d4;}
.subscribe .form-check input:checked ~ .checkmark {background-color: #00a847; }

 /*Create the checkmark/indicator (hidden when not checked) */
.subscribe .checkmark:after {content: ""; position: absolute; display: none; }

 /*Show the checkmark when checked */
.subscribe .form-check input:checked ~ .checkmark:after {display: block; }
 /*Style the checkmark/indicator */
.subscribe .form-check .checkmark:after {left: 5px; top: 1px; width: 6px; height: 10px;border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.subscribe form .btn-success{width: 100%;  background: #00a948; margin-top: 18px; padding: 10px 0px; border:1px solid #d4d4d4; border-radius: 5px; -webkit-transition: all .2s ease;
   -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
     -o-transition: all .2s ease;
        transition: all .2s ease;     display: block;
    text-align: center;
    color: white;
    font-size: 16px;
    font-weight: 400; font-family: "Open Sans";}
.subscribe form .btn-success:hover{background: #19b15a;}
.contact .card{margin-top: 28px;}
.contact ul li a{text-decoration: none; color: #5e5e5e; font-weight: 600; display: block; -webkit-transition: all .2s ease;
   -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
     -o-transition: all .2s ease;
        transition: all .2s ease;}
.contact ul li:not(:first-child) a{color: #38b25f;}
.contact ul li:hover:not(:first-child) a{color: #5e5e5e;}
.contact ul li a i{color: #5e5e5e;}
.contact .card .card-body h5.card-title{font-weight: 500; padding-bottom: 10px;}
.contact .contact-list{border-top: 1px solid #e8e8e8; padding-top: 30px;}
.contact .contact-list li{position: relative; padding-left: 27px;}
.contact .contact-list li:before{position: absolute; content: "";  top: 3px; left: 0; width: 20px; height: 21px;}
.contact .contact-list li:first-child:hover a{color: #38b25f;}
.contact .contact-list li:first-child:before{background: url(../img/phone.jpg)no-repeat;}
.contact .contact-list li:nth-child(2):before{background: url(../img/globe.jpg)no-repeat; top: 4px;}
.contact .contact-list li:last-child:before{background: url(../img/mail.png)no-repeat; top: 4px;}


/*blog page css*/
.hamburger--collapse .hamburger-inner { top: 2px; }
.blog-banner{ background: url(../img/blog-banner.html) no-repeat center center; background-size: cover; padding: 100px 0; text-align: center; margin-bottom: 30px; }
.blog-banner h3{ font-size: 22px; color: #333; }
.blogleft{ padding-top: 30px; }
.blogleft h1{ font-size: 40px;}
.blogleft h3{ font-size: 30px;}
.blogleft h3 a{ color: #00a948; text-decoration: none;}
.blogleft h3 a:hover{ color: #222; text-decoration: none;}
.blogleft p{ font-size: 16px;}
.blogleft .authore{ font-size: 14px; color: #666; margin-bottom: 10px;}
.blogleft .authore a{ color: #00a948; text-decoration: none;}
.blogleft .authore a:hover{ color: #666; text-decoration: none;}
.blogleft .posts{ padding-top: 10px;}
.blogleft .pagination { padding:40px 0 0; }
.blogleft .pagination li{ display: inline-block; }
.blogleft .pagination li a{ display: inline-block; width: 40px; padding: 6px 0; border: 1px #ddd solid; font-size: 16px;
-webkit-transition: all .2s ease;
   -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
     -o-transition: all .2s ease;
        transition: all .2s ease}
.blogleft .pagination li.active a, .blogleft .pagination li a:hover{ color: #00a948; border: 1px #00a948 solid;}




.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.3s;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  display: block;
  transition: 0.3s;
  color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
}
.sidenav li{border-bottom: 1px solid #404040;}
.sidenav .mm-title{color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    text-align: center;
    border-bottom: 1px solid #404040;
  }
.sidenav a:hover {
  color: #f1f1f1;
}
.fa-twitter:before {
    content: "\f099";
    margin-left: -23px;
    color: #ccc;
}
.fa-facebook-f:before {
    content: "\f39e";
    font-size: 16px;
    margin-left: -23px;
    color: #ccc;
}
#closebtn {
  position: relative;
  font-size: 58px;
  display: none;
  margin-bottom: 15px;
    height: 50px;
    width: 50px;
    position: relative;
    background-color: #eee;
    border-radius: 4px;
    cursor: pointer;
        text-align: center;
    padding-top: 7px;
    -webkit-transition: all 7s ease-in-out;
     -moz-transition: all 7s ease-in-out;
      -ms-transition: all 7s ease-in-out;
       -o-transition: all 7s ease-in-out;
          transition: all 7s ease-in-out;
}

#menu-btn{
  margin-bottom: 15px;
    display: none;
    height: 50px;
    width: 50px;
    position: relative;
    background-color: #eee;
    border-radius: 4px;
    cursor: pointer;
        text-align: center;
    padding-top: 11px;
  -webkit-transition: all 7s ease-in-out;
     -moz-transition: all 7s ease-in-out;
      -ms-transition: all 7s ease-in-out;
       -o-transition: all 7s ease-in-out;
          transition: all 7s ease-in-out;
        
}
#main {
  transition: margin-left .3s;
  padding: 16px;
  overflow-x: hidden;
  
}

html{overflow-x: hidden;}










/*responsive*/
@media (max-width: 1199px){
  .inner-header .navbar{display: none;}
    /*sidebar*/
  #menu-btn{display: block;}
}

@media (max-width: 768px){
  .right-section .awards{width: 100%; max-width: 365px; margin: 0 auto;}
  .navbar-light .navbar-toggler{border:none;}
  .inner-header p{margin-bottom: 0;}
  .copyright-section p{padding-top: 16px; text-align: center;}


  
}

/*blog page css*/
@media (max-width: 767px){
  .blogleft h1{ font-size: 32px;}
  .blogleft h3{ font-size: 24px;}
}

@media (max-width: 480px){
}

@media (max-width: 420px){
  .inner-header p{margin-top: 7px; line-height: 16px;}
}


@media (max-width: 360px){
  .right-section .card .card-body{padding: 30px 28px;}
}