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

.col4 img {
  width: 100%;
}
a.button.big.special {
    background-color: #63C1AE;
    color: #fff;
    padding: 10px 40px;
      -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    border-radius: 50px;
    display: inline-block;
	font-weight: 700; 
	font-size:16px;
	text-transform:uppercase;
	text-decoration:uppercase
}
.banner{background-image:url(../images/1.jpg); padding:150px 0; float:left; width:100%;  background-attachment: fixed;

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

  /* Scale it nicely to the element */
  background-size: cover;}
.banner h2{font-size:60px; color:#fff; font-weight:700}
.banner p{font-size:24px; color:#fff; font-weight:300}
.top-bar
{
	background-color:#1e2832;
	background-repeat:repeat;
	width:100%;
	float:left;
	padding:10px 0;	
}
.logo{text-align:center}
.logo img{max-width:150px;}
.top-bar .fa{padding:0 10px; font-size:50px; color:#fff}
.top-bar .col-sm-7 {line-height:26px;}
#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{ background-color:#fff; float:left; width:100%; padding:30px 0}
  .services{ background-color:#EEE; float:left; width:100%; padding:30px 0}
  .services img{width:100%}
   .services  h2{font-size: 18px;
    font-weight: 700;}
  .white_bg{background-color:#fff; padding-top:15px; padding-bottom:15px}
#home p{font-size:30px; text-align:center; line-height:50px;}
 #demo .container{margin-top:0 !important; margin-bottom:0 !important}
 .header_bar{position:absolute; z-index:9999999999;    width: inherit;}
 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{padding:5px}
.items img{width:100%;}
 .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:#63C1AE; font-weight:700; font-size:40px; text-transform:uppercase; text-align:center; line-height:50px; padding:30px 0}
.recent_work{width:100%; float:left; text-align:center; padding:50px 0}
.heading2{color:#63C1AE; font-weight:700; font-size:20px; text-transform:uppercase; text-align:center; line-height:50px;}
section .container{margin-top:0}
.logo {
    float: left;
    margin-bottom: -111px;
    position: relative;
    z-index: 9;
}
.logo img{width:100%; max-width:150px}

  .copyright{background-color:#63C1AE; width:100%; float:left; padding:5px 0; color:#Fff; text-align:center; margin-top:15px;}
  .white{color:#FFF; font-weight:300}
  
  
  
  
  /*slider changes*/
  
  .owl-buttons {
    float: left;
    position: absolute;
    top: 45%;
    z-index: 9999999;width: 100%;
}
.owl-prev{left:20px;  position: absolute;}
.owl-next{right:20px;  position: absolute;}
.owl-pagination {
    width: auto;
    background-color: #63C1AE;
    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:#63C1AE}

#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: #333341;
    padding: 5px 15px;
    float: none;
    display: inline-block;
}

.getquotebutton:hover {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    background-color: #333341;
    padding: 5px 15px;
    float: none;
    display: inline-block;
}
 #margin{margin-top:0 !important; margin-bottom:0 !important}
 
 @media (max-width: 767px) {
	 .white_bg {
		 margin-top:15px;
	}
 }