@charset "utf-8";
/* CSS Document */
body{font-family: 'Open Sans', sans-serif; font-weight:300; line-height:30px}

.col4 img {
  width: 100%;
}
.banner{background-image:url(../images/banner.jpg);   /* fix background */
  background-attachment: fixed;

  /* center it */
  background-position: center center;

  /* Scale it nicely to the element */
  background-size: cover;
  color:#fff}
#tagline{background-image:url(../images/tag_bg.jpg);   /* fix background */
  background-attachment: fixed;

  /* center it */
  background-position: center center;

  /* Scale it nicely to the element */
  background-size: cover; padding:50px 0; font-weight:bold !important; background-position: fixed}
  #tagline .container{margin-bottom:0 !important}
#home p{font-size:30px; text-align:center; line-height:50px;}
 #demo .container{margin-top:0 !important; margin-bottom:0 !important}
 .header_bar{}
 section{ float:left; width:100%}	
 .placeholder{border:5px solid #fff}
.item1 {
     display: inline-block;
    background: #fff;
color:#000;
    padding: 2em;
     width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 0px 0px 0px 0.02px #000;
 display:inline-block ; border-collapse: collapse; margin-top:1px
}
.fa-6 {
    font-size: 14vw;
    padding: 40px;
}
.navbar-brand, .navbar-nav>li>a{font-size: 15px;
    color: #fff;
    font-weight: bold; text-shadow:0 1px 0 rgba(0,0,0,.75)}
 .services{width:100%; float:left}
.items-image{
	 
	 width:100%; float:left;}
.items-image img{width:100%;}
.services-col {
    width: 100%;
    float: left;
    margin-top: 15px;
    margin-bottom: 15px;
}
 .col3{width:33.33%; float:left; }
 .services-col h2{font-size:24px; text-transform:uppercase; text-align:center; font-weight:300; margin-bottom:0; padding-bottom:0}
 .testimonials_inner{width:100%; float:left; color:#757575}
.backquote{width:10%; float:left; text-align:center; padding-top:20px; font-size:30px; color:#eeeeee}
.testimonials{width:70%; margin:0 15%}
.heading{color:#09b0e0; font-weight:700; font-size:40px; text-transform:uppercase; text-align:center; line-height:50px;}

.heading2{color:#09b0e0; font-weight:700; font-size:20px; text-transform:uppercase; text-align:center; line-height:50px;}

section .container{margin-top:0}
.logo {
    float: left;
    position: relative;
    z-index: 9;
	font-size:22px;
	line-height:50px; font-weight:bold
}
.logo img{width:100%; max-width:150px}

  .copyright{background-color:#3bc810; width:100%; float:left; padding:5px 0; color:#Fff; text-align:center; margin-top:15px;}
  .white{color:#FFF; font-weight:300}
  
  
  
  
  /*slider changes*/
 .nav > li > a:hover, .nav > li > a:focus{background-color:#3bc810} 
  .owl-buttons {
    float: left;
    position: absolute;
    top: 45%;
    z-index: 9999999;width: 100%;
}
#clients{background-color:#e9edf5; float:left; width:100%; padding:20px 0;}
#clients .col-sm-2{text-align:center}
.grey img{-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
	filter: gray;
	filter: grayscale(100%);
	/*filter: url(desaturate.svg#greyscale); */
	width:auto; height:65px;	}
	
.grey img:hover{-webkit-filter: grayscale(0);
	-webkit-filter: grayscale(0%);
	
	filter: grayscale(0%);
	  transition-duration: 1s;}
.owl-prev{left:20px;  position: absolute;}
.owl-next{right:20px;  position: absolute;}
.owl-pagination {
    width: auto;
    background-color: #09b0e0;
    display: inline-block;
    text-align: center;
    padding: 10px 20px;
    margin-top: 0px;
    position: relative;
}
@media (min-width: 100px) and (max-width: 768px) {
   .dnone{display:none;}
   .col3{width:99.99% !important; float:left; }
   .logo{text-align:center; width:100%; margin-bottom: -0px;}
   .pull-right, .pull-left{float:none !important}
   header .container{margin-top:0}}
.author{color:#09b0e0}

#owl-demo2 .owl-wrapper-outer{border-bottom:none !important}
.radiobuttons .col-sm-12 label{font-weight:normal; margin-bottom:0}
.getquotebutton {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    background-color: #3bc810;
    padding: 5px 15px;
    float: none;
    display: inline-block;
	margin:15px 0;
}
.w100{width:100%}
.form-control{height:26px}
label{font-weight:normal; padding:5px 0}
.form-group{margin:0}
.header_bar {
    margin: 20px 0;
    float: left;
    width: 100%;
}
.getquotebutton:hover {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    background-color: #35ae10;
    padding: 5px 15px;
    float: none;
    display: inline-block;
}
 #margin{margin-top:0 !important; margin-bottom:0 !important}
  nav{text-align:center;}
.navbar-toggle {
  color:#fff !important;
  background-color:#000 !important;
    z-index: 2147483647;
	position: fixed;
    right: 0;
    top: 0;
}
.navbar-toggle .fa {
    color: #fff !important;
}
.blackbg{background-color:rgba(0, 0 , 0, 0.5)}

.proc {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: solid 2px transparent;
}
.services h1{margin:20px 0}
.services{padding:0 0 0 0 ;float:left; width:100%}
.services i {
    font-size: 50px;
}
.proc:hover {
    background-color: rgba(59,200,16, 0.2);
    border-bottom: solid 2px #3bc810;
}
.items-image img{ opacity:1}
.items-image img:hover{background-color: #2f2f2f; opacity:0.7}
.w3c_validation {
	clear:both;
	}