/* Outer */

.modal .modal-content{
   width:30%!important;
}
.comment {
    padding: 5%;
}
.oneby {
    padding: 2%;
    margin-bottom: 2%;
}
.comment_box {
    margin-bottom: 6%;
}
.container_fluid.relat {
    padding: 5%;
    background-color: white;
}
.relat h6 {
    color: #808080;
    margin-bottom: 25px;
    font-size: 18px;
    font-weight: 500;
}
.rrrs{
padding: 3%;
    text-align: center;
    top: 0;
    width: 100%;
    left: 0;
    line-height: 62px;
    background-color: #f6f5f4;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    z-index: 3;
    }
.blog_contents .detaile p {
    padding: 5%;
    text-align: justify;
    padding-top: 0%;
}
.blog_img {
    text-align: center;
    padding: 4% 15%;
    padding-top: 0%;
}
.container_fluid.under_cotent {
    padding: 2%;
}
.container_fluid.blog_contents {
    padding: 5%;
    padding-left: 8%;
    background-color: whitesmoke;
}
.container_fluid.under_cotent{
  background-color:white;
}
.single-testimonial a{
  color:black;
  font-weight: 700;
}
.col-sm-4.back-area:hover {
    box-shadow: 4px 6px 3px 1px #f9f7f7;
    transition: 0.3s all;
}
.blog{
  padding:5%;
}
.ffd {
    width: 100%;
    padding-right: 0px!important;
    padding-left: 0px!important;
}
.section{
  width: 100%!important;

}
.col-sm-4.back-area {
    background-color: #f7f7f78a;
    padding: 2%;
}
.blog_content{
  padding:5%;
}
.post {
    margin: 5% 2%;
}
.post_area {
    float: left;
    width: 100%;
    padding: 8%;
    padding-top: 3%;
    background-color: #f5f5f54a;
}
.banner-areass {
    background: url(../img/tt.JPG) center;
    background-size: cover;
}
section#service {
    background-color: white;
}

#mobile-nav-toggle{
  z-index:999!important;
}
/*.container_fluid{
  width:100%;
  padding-right:15px;
  padding-left:15px;
  
}*/
.blog{
  padding:4%;
}
.row {
    display: flex;
    flex-wrap: wrap;
     margin-right: 0px!important; */
     margin-left:0px!important; */
}
.testomial-area .owl-carousel .owl-item img {
    width: auto;
}


.nav-menu ul li:hover>a {
    color: #fdfdfd;
}
.dropdown-menu li:hover{
  background-color:#96b5009e;
  transition: 0.3s all;
}
.cat-area a{
    border: 1px solid;
    border-radius: 0px;
}
.cat-area a:hover {
     color: #fff;
    background: #96b500;
    border: 0px;
    border-radius: 0px;
    text-decoration: none;
}
.dropdown-toggle::after {
    display: none;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
.single-footer-widget input { 
       border: none;
    width: 25% !important;
    font-weight: 300;
    background: #fff;
    color: #eee;
    padding-left: 20px;
    border-radius: 0;
    font-size: 14px;
    padding: 10px 18px;
    margin-left: 2%;
}
.single-footer-widget .label{
   border: none;
    width:20% !important;
    font-weight: 300;
   
    color: #eee;
    padding-left: 20px;
    border-radius: 0;
    font-size:25px;
    padding: 10px 18px;
    margin-left: 2%;
}
.dropbtn {
    background-color: #96b500;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block; transition : 0.5s ease;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}
.popup {
  background:rgba(0,0,0,0.75);
}
/* Inner */
.popup-inner {
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
}
/* Close Button */
.popup-close {
  transition:ease 0.25s all;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(50%, -50%);
}
.popup-close:hover {
  -webkit-transform:translate(50%, -50%) rotate(180deg);
  transform:translate(50%, -50%) rotate(180deg);
  background:rgba(0,0,0,1);
}
.popup {
  width:100%;
  height:100%;
  display:none;
  position:fixed;
  top:0px;
  left:0px;
  background:rgba(0,0,0,0.75);
      z-index: 999;
}

/* Inner */

.popup-inner {
  
  width:60%;
height:80%;
  padding:40px;
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  box-shadow:0px 2px 6px rgba(0,0,0,1);
  border-radius:3px;
  background:#fff;
}

/* Close Button */
.popup-close {
  width:30px;
  height:30px;
  padding-top:4px;
  display:inline-block;
  position:absolute;
  top:0px;
  right:0px;
  transition:ease 0.25s all;
  -webkit-transform:translate(50%, -50%);
  transform:translate(50%, -50%);
  border-radius:1000px;
  background:rgba(0,0,0,0.8);
  font-family:Arial, Sans-Serif;
  font-size:20px;
  text-align:center;
  line-height:100%;
  color:#fff;
}

.popup-close:hover {
  -webkit-transform:translate(50%, -50%) rotate(180deg);
  transform:translate(50%, -50%) rotate(180deg);
  background:rgba(0,0,0,1);
  text-decoration:none;
}
body{
    zoom:0.9;
}
@media only screen and (max-width: 468px) {
  .web{
  display:none;
}
.modal-content {
    position: fixed;
    bottom: 0;
    background-color: #fefefe;
    width: 100%!important;
    -webkit-animation-name: slideIn;
    -webkit-animation-duration: 0.4s;
    animation-name: slideIn;
    animation-duration: 0.4s;
}
}
body {font-family: Arial, Helvetica, sans-serif;}
@media only screen and (min-width: 768px) {
.countimg1,.countimg2,.countimg3 {
  position: relative;
  width: 50%;
}
}

.image {
  display: block;
  width: 100%;
  height: auto;
}


.overlay1 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #0f1213cf;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: .3s ease;
  transition: .3s ease;
}
.overlay2 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #0f1213cf;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: .3s ease;
  transition: .3s ease;
}
.overlay3 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #0f1213cf;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: .3s ease; 
  transition: .3s ease;
}
.countimg1:hover .overlay1 {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.countimg2:hover .overlay2 {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.countimg3:hover .overlay3 {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.text {
  color: white;
  font-size: 13px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  border: 1px solid;
}
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    -webkit-animation-name: fadeIn; /* Fade in the background */
    -webkit-animation-duration: 0.4s;
    animation-name: fadeIn;
    animation-duration: 0.4s
}

/* Modal Content */
.modal-content {
    position: fixed;
    bottom: 0;
    background-color: #fefefe;
    width: 20%;
    -webkit-animation-name: slideIn;
    -webkit-animation-duration: 0.4s;
    animation-name: slideIn;
    animation-duration: 0.4s
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
/* width */
::-webkit-scrollbar {
    width: 10px;
    min-height:20px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #96b500; 
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #96b500; 
}
.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 5%;
   background-color: #96b500;
    color: white;
      
}
.Announce h5 {
    float: left;
    margin-top: 4px;
    color: white;
}
.Announce{
    width:100%;
}
.close{
    float:right;
}

.modal-body {padding: 12px 16px; max-height: 269px;
  
    overflow-y: scroll;}

.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

/* Add Animation */
@-webkit-keyframes slideIn {
    from {bottom: -300px; opacity: 0} 
    to {bottom: 0; opacity: 1}
}

@keyframes slideIn {
    from {bottom: -300px; opacity: 0}
    to {bottom: 0; opacity: 1}
}

@-webkit-keyframes fadeIn {
    from {opacity: 0} 
    to {opacity: 1}
}

@keyframes fadeIn {
    from {opacity: 0} 
    to {opacity: 1}
}
.btn-info:hover {
    color: #96b500;
    background-color: transparent;
    border-color: #96b500;
}
.sticky .center_btn {
    margin-top: 9%;
       border-radius: 20px 0px 0px 20px;
    float: right;
}
.btn-info{
    border: 1px solid transparent;
    color: #fff;
    padding: 1%;
}
.btn-info {
    color: #fff;
    background-color: #96b500;
    border-color: #96b500;
}
.feedback {
  background-color : #31B0D5;
  color: white;
  padding: 10px 20px;
  border-radius: 4px;
  border-color: #46b8da;
}
.sticky {
   width:100%;
}
#mybutton {
  position: fixed;
  bottom: -4px;
  right: 10px;
}
.seprater{
    margin-bottom:10%;
}
.banner-areas{
    background: url(../img/background.PNG) center;
    background-size: cover;
    
}
.clio .owl-item {
    width: 171px!important;
}
.clientss{
    z-index:9999;
}

.color_count{
    background-color:#96b500;
}
.single-testimonial .desc {
     padding: 0px 0px;
}
p.desc {
    color: black;
}
.hclient{
    color:black;
}
img.mx-auto {
    margin-bottom: 8%;
}
.single-counter h1,h2 {
   // font-size: 60px;
    font-weight: 800;
    color: #ffffff;
}
.single-counter {
    text-align: center;
    border-radius: 0px;
    background-color: transparent;
    padding: 40px 0;
     box-shadow: 0px 0px 0px 0px transparent; 
       //  border-left: 1px solid #ffffff40;
}
.single-counter p{
    color:white;
}
.single-testimonial {
    text-align: center;
    padding: 30px;
    border-radius: 10px;
     background: transparent; 
    text-align: center;
     border: 1px solid transparent; */
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.contact-section{
    padding: 8%;
}
.contact-area p {
    margin-top: 15px;
    color: #000;
}
.contact_head{
    margin-bottom:3%;
    padding-left:7%;
}
.fombtm{
    background: #f53f51;
    border: 1px solid transparent;
    color: #fff;
    padding-left: 40px;
    padding-right: 40px;
    border-radius: 0px;
    float: right!;
}
button.primary-btn.mt-20.fombtm {
    float: right;
}
.form-area{
        margin-top: 13%;
}
section#contact {
    background-color: #f9f9ff;
}
.mt-10 {
    margin-top: 37px;
}
.common-input,.common-textarea {
    
   
    
    
}


.common-input:focus::-webkit-input-placeholder {
    color: #000!important;
    z-index: 9999;
}
input:focus{
     color: #000!important;
}
.contact-left{
   <!-- transform: translateY(-39px); -->
}
.footer-area {
    padding-top: 27px;
    background-color: #04091e;
}
.section-gap {
    padding: 42px 0;
}
.footer-area {
    padding-top: 27px;
    background-color: #96b500;
}
.footer-area p{
    color:white!important;
	text-align: center;
}
.footer-area p a{
    color: white!important;    
}

@media only screen and (min-width: 768px) {
  .col-sm-4.back-area {
    background-color: #fff;
    padding: 2%;
    margin: 3px!important;
    max-width: 32.8%!important;
}
  .mobile{
  display:none;
}
.web{
  display:block;
}
  .productss .col-lg-4 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
    margin-left:15px;
}
.productss .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 31.33333%;
}
.product .col-lg-4 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
    margin-left:15px;
}
.product .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 31.33333%;
}
   .top_header {
    padding-left: 8%;
    padding-right: 8%;
    padding-top: 3%;
    padding-bottom:3%;
    border-bottom: 1px solid;
    transition: all 0.3s;
}
   .top_headers {
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 1%;
    padding-bottom:1%;
    border-bottom: 0px solid;
    transition: all 0.3s;
}
.fullo{
    max-width:1300px;
    
}
.social {
    margin-top: 5%!important;
    transform: translateY(98px);
}
.banner-content h1 {
    font-size: 40px;
    font-weight: 700;
    line-height: 1em;
    //margin-top: 10%;
	margin-top:18em;
}
.fd{
    float: center;
    <!-- text-align: right; -->

}

.banner-content{
	text-align: center;
}
#nav-menu-container {
  /*  padding-right: 60px;*/
    padding-right: 0px!important;
}
}
.logo_name{
	font-size:25px;
	font-weight:700;
}
.logo_name span{
	color:white;
}
.center_btn{
	margin-top:9%;
	border-radius: 0px;
}
.color_text span{
	color:#96b500;
}
a {
    color: #96b500;
    }
    .banner-area .overlay-bg {
    background: rgba(27, 27, 27, 0.74);
}
.footer-social i {
    color: #000000;
    }
.primary-btn {
    background: #96b500;
    }
    .about_us{
    	
    	font-weight:800;
    
    }
    .text-center.line.center {
    margin-bottom: 8%;
}
    .line:after {
    content: '';
    display: block;
     margin-top: 14px!important;
    width: 40px;
    border-top: 2px solid #f6989a;
}
.line.center:after {
    margin: 30px auto 0;
    text-align: center !important
}
img.img-responsive {
    width: 100%;
    height: auto;
}
@media only screen and (man-width: 468px) {
.popup-inner {
  
  width:100%!important;
height:auto!important;
}
}