

@font-face {
font-family: 'Raleway-Regular';
src: url('../fonts/Raleway-Regular.ttf');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Raleway-Bold';
src: url('../fonts/Raleway-Bold_0.ttf');
font-weight: normal;
font-style: normal;
}


@font-face {
font-family: 'Raleway-Medium';
src: url('../fonts/Raleway-Medium_0.ttf');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Roboto-Medium';
src: url('../fonts/Roboto-Medium.ttf');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto-Black';
src: url('../fonts/Roboto-Black.ttf');
font-weight: normal;
font-style: normal;
}



body {
 
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
font-family: 'Raleway-Regular';


}

a:focus{
	outline:none!important;
}



.main-wrapper{
	float:left;
	width:100%;
}

.top-header {

float: left;
width: 100%;
padding: 6px 0;

}

.left-logo {
  float: left;
}

.right-phone-msg {
  float: right;
margin-top: 18px;
width: 44%;
}

.msg-box {
  float: left;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 20px;
  margin-top: 0;
  width: 45%;
}

.msg-box span img{
float: left;
margin-right: 6px;
margin-top: -6px;
	
}

.msg-box p {
  float: left;
  font-size: 16px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  color:#424242;
  font-family: 'Roboto-Medium';
}



.banner-one {
  float: left;
  width: 100%;
}
.bnr-one-img{
	
	float: left;
  width: 100%;
	
}
.bnr-one-img  img {
  width: 100%;
}

.banner-inner-contents {
  left: 0;
  padding-bottom: 0;
  padding-left: 10em;
  padding-right: 10em;
  padding-top: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 27em;
  width: 100%;
}

.banner-inner-contents h2 {
  background-attachment: scroll;
background-clip: border-box;
background-color: #faaa18;
background-image: none;
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
color: #000;
font-family: 'Roboto-Medium';
font-size: 30px;
line-height: 60px;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 60px;
padding-bottom: 10px;
padding-left: 0;
padding-right: 0;
padding-top: 10px;
font-style:italic;
}

.banner-inner-contents h4 {
background-attachment: scroll;
background-clip: border-box;
background-image: none;
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
color: #000;
font-family: "Roboto-Black";
font-size: 60px;
margin-bottom: 0;
margin-left: 2em;
margin-right: 2em;
margin-top: 0;
padding-bottom: 12px;
padding-left: 0;
padding-right: 0;
padding-top: 12px;
text-shadow: 1px 2px 1px #fff;
}

.manufect {
  background-attachment: scroll;
background-clip: border-box;
background-color: #f5f5f5;
background-image: none;
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
float: left;
margin-top: 0;
padding-bottom: 50px;
padding-left: 0;
padding-right: 0;
padding-top: 45px;
width: 100%;
}

.row-one  h4 {
  font-size: 26px;
  text-align: center;
  color: #000000;
  font-family: 'Raleway-Medium';
}


.col-md-5.left-img-one img {
  width: 100%;
}


.row-one {
  float: left;
  margin-bottom: 35px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  width: 100%;
}



 .col-md-7.right-txts-one {
  float: left;
width: 57%;
}

.col-md-5.left-img-one {
  float: right;
}

 .col-md-7.right-txts-one h2 {
  color: #faaa18;
font-family: 'Raleway-Medium';
font-size: 18px;
margin-bottom: 10px;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-transform: uppercase;
line-height: 25px;
font-weight:bold;l
}

.col-md-7.right-txts-one p {
  color: #525252;
font-size: 17px;
line-height: 27px;
text-align: justify;
}


.services {
 background-attachment: scroll;
background-clip: border-box;
background-image: none;
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
float: left;
margin-top: 0;
padding-bottom: 4em;
padding-left: 0;
padding-right: 0;
padding-top: 4em;
width: 100%;
}

.row-two {
  float: left;
  margin-bottom: 45px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  width: 100%;
}
.row-two:last-child{
	
	margin:0;
}

.col-md-3.left-ser-one {
 background-attachment: scroll;
background-clip: border-box;
background-color: #fff;
background-image: none;
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
box-shadow: 0 1px 7px lightgray;
margin-bottom: 0;
margin-left: 12px;
margin-right: 12px;
margin-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
text-align: center;
width: 22%;
}


.col-md-3.left-ser-one img {
  width: 100%;
}


.col-md-3.left-ser-one h5 {
 color: #faaa18;
float: left;
font-family: 'Roboto-Medium';
font-size: 25px;
text-align: center;
width: 100%;
}


.contact-main {
 background-attachment: scroll;
background-clip: border-box;
background-color: #f5f5f5;
background-image: none;
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
float: left;
margin-top: 0;
padding-bottom: 50px;
padding-left: 0;
padding-right: 0;
padding-top: 40px;
width: 100%;
}

.row-cont {
 float: none;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
margin-top: 0;
width: 60%;
}
.row-cont h2 {
  color: #faaa18;
font-family: "Raleway-Medium";
font-size: 30px;
margin-bottom: 25px;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-align: center;
width: 100%;
}

.left-inpt-box-one {
 float: left;
margin-bottom: 20px;
margin-left: 0;
margin-right: 0;
margin-top: 0;
padding-bottom: 0;
padding-left: 15px;
padding-right: 15px;
padding-top: 0;
width: 50%;
}
input.inp-one-st {
  -moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-bottom-color: #777;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
border-image-slice: 100% 100% 100% 100%;
border-image-source: none;
border-image-width: 1 1 1 1;
border-left-color: #777;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #777;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #777;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-top-style: solid;
border-top-width: 1px;
color: #888;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
width: 100%;
background:none;
}

textarea.txt-msg {
  -moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-bottom-color: #777;
border-bottom-style: solid;
border-bottom-width: 1px;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
border-image-slice: 100% 100% 100% 100%;
border-image-source: none;
border-image-width: 1 1 1 1;
border-left-color: #777;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #777;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #777;
border-top-style: solid;
border-top-width: 1px;
float: left;
margin-bottom: 0;
margin-left: 15px;
margin-right: 15px;
margin-top: 0;
padding-bottom: 10px;
padding-left: 15px;
padding-top: 10px;
width: 95%;
height: 130px;
border-radius:2px;
background:none;
}


.submit-bttn {
  float: left;
  margin-top: 30px;
  text-align: center;
  width: 100%;
}

.submit-bttn a {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: #faaa18;
  background-image: none;
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto auto;
  color: #fff;
  font-size: 18px;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 10px;
  text-decoration:none;
}

.row-cont  h5 {
  color: #000;
  float: left;
  font-size: 48px;
  margin-top: 32px;
  text-align: center;
  width: 100%;
    font-family: "Raleway-Bold";
}



.on-site-sades-banner {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../img/on-site-shades.png");
  background-origin: padding-box;
  background-position: center center;
  background-repeat: repeat;
  background-size: cover;
  float: left;
  height: 250px;
  padding-bottom: 30px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 30px;
  width: 100%;
}

.on-site-inner-cont {
  float: left;
  text-align: center;
  width: 100%;
}
.on-site-inner-cont h2 {
  color: #fff;
  font-size: 50px;
  margin-bottom: 15px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 28px;
  font-family: 'Roboto-Medium';
}
.on-site-inner-cont h4 {
  color: #fff;
  font-size: 33px;
  margin-bottom: 15px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  font-family: 'Roboto-Medium';
}

.on-site-inner-cont p {
  color: #fff;
  font-size: 17px;
  line-height: 22px;
  padding-bottom: 0;
  padding-left: 16em;
  padding-right: 16em;
  padding-top: 0;
  float: left;
  width: 100%;
  text-align: center;
   font-family: 'Roboto-Medium';
}




.footer {
  background-attachment: scroll;
background-clip: border-box;
background-color: #faaa18;
background-image: none;
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
float: left;
padding-bottom: 10px;
padding-left: 0;
padding-right: 0;
padding-top: 10px;
width: 100%;
}

.footer h5 {
 color: #fff;
float: left;
font-size: 16px;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 18px;
}
.footer img {
  float: right;
}

.check {
  float: right;
}



.testi-img-section {
  float: left;
  margin-bottom: 50px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 50px;
  text-align: center;
  width: 100%;
}

.right-t-txt-section p {
  color: #525252;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  font-family: 'Raleway-Medium';
}



.submit-bttn > input {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-attachment: scroll;
  background-clip: border-box;
  background-color: #FAAA18;
  background-image: none;
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto auto;
  border-bottom-color: -moz-use-text-color;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-style: none;
  border-bottom-width: medium;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  border-image-slice: 100% 100% 100% 100%;
  border-image-source: none;
  border-image-width: 1 1 1 1;
  border-left-color: -moz-use-text-color;
  border-left-style: none;
  border-left-width: medium;
  border-right-color: -moz-use-text-color;
  border-right-style: none;
  border-right-width: medium;
  border-top-color: -moz-use-text-color;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top-style: none;
  border-top-width: medium;
  color: hsl(0, 0%, 100%);
  font-size: 18px;
  padding-bottom: 8px;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 8px;
}