@import
<link href="https://fonts.googleapis.com/css2?family=Raleway&display=swap" rel="stylesheet">

html,
body {
  height: 100%;
  width: 100%;
  font-family: 'Raleway', sans-serif;
}

/* fix bs3 horizontal scrollbar bug */
.row { margin: 0; padding: 0 }


/* use special fonts in certain elements */
h1,h2,h3,h4,.lead,.btn,.navbar a {
 /* text-transform:uppercase;*/
  font-family:'Voltaire',Arial,sans-serif;
  letter-spacing:2px;
}

h1 {
  font-size:50px;
}

/* make images gray */
img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.icon-bar {
   background-color:#fff;
}

.scroll-down a, .scroll-top a {
   color:#ffffff;
}

.scroll-down {
   position:fixed;
   bottom:20%;
   right:0%;
   color:#f9f9f9;
}

.scroll-top {
  background-color:#dbdbdb;
}

.vert {
  vertical-align: middle;
  width:100%;
  padding-top:4%;
  text-align:center;
}
.vert1 {
  vertical-align: middle;
  width:100%;
  /*padding-top:4%;*/
  text-align:center;
}

.header .btn-lg {
   font-size:28px;
   border-color:#eeeeee;
   padding:15px;
   background-color:transparent;
   color:#ffffff;
}

.header .btn-lg:hover {
   background-color:#eeeeee;
   color:#777777;
}

.navbar a {
  color:#fff;
  font-size:14px;
}

.navbar-bold.affix {
  background-color:#d46054;
}

.navbar-bold {
  background-color:#f68076;
  font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
}

.navbar-bold li a:hover, .navbar-bold li.active {
  background-color:#d46054;
}

    
.header h1 {
  font-size:51px;
  -webkit-text-stroke: 1px rgba(f,f,f,0.1);
  color:#431a6d;
  color:#F99A00;
  margin-left:-5px;
  margin-bottom:5px;
  text-transform:uppercase;
    margin-top: 38px;
}

.header .lead {
  color:#d46054;
  font-size:25px;
}

.header {
  height: 80%;
  /*background: #f68076 url('http://www.bootply.com/assets/example/pt_topo_l.png') repeat center center fixed; */
  background: #f68076 url(../images/valves.jpg) repeat center center fixed; 
}

/* use alt in navbar and header for different color */

.alt {
  background-color: #428ED5;
}

.alt .lead {
  color: #CB8007;
}

.alt.affix {
  background-color:#4C06AB;
}

.alt li a:hover, .alt li.active {
    background-color: #FFFFFF;
    color: #428ED5;
    font-size: 18px;
    padding: 12px;
    margin-top: 3px;
    border-radius: 5px;
}


.blurb {
  padding: 40px 0;
  background-color:#fefefe;
}

/*.blurb .panel {
  background-color:transparent;
}*/

.bright {
  background: #dbdbdb url('../../www.bootply.com/assets/example/pt_topo.png') repeat center center fixed; 
  color:#777;
}

.featurette {
  background: #222334;
  padding: 50px 0;
  color: #ffffff;
}

.featurette-item {
  margin-bottom: 15px;
}

.featurette-item > i {
  border: 3px solid #ffffff;
  border-radius: 50%;
  display: inline-block;
  font-size: 56px;
  width: 140px;
  height: 140px;
  line-height: 136px;
  vertical-align: middle; 
  text-align: center;
}

.featurette-item > i:hover {
  font-size: 68px;
}

/*.callout {
  color: #D88704;
  padding-top:7%;
  height: 100%;
  width: 100%;
  background: url('http://www.bootply.com/assets/example/bg_suburb.jpg') no-repeat center center fixed; */
  /*-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}*/

.gallery {
  padding: 50px 0;
}

.call-to-action {
  background: #eeeeee;
  padding: 50px 0;
}

.call-to-action .btn {
  margin: 10px;
}

footer {
    padding-top: 23px;
    background-color: #2B2B2B;
    margin-top: -20px;
}

/* -- end custom css for Bootstrap 3.x --*/


i.fa.fa-envelope-square.fa-5x {
  color: rgb(66, 142, 213);
}
i.fa.fa-user.form-control-feedback.fa-img {
  color: rgb(66, 142, 213);
  margin-top: -16px;
  margin-right: -4px;
}

i.fa.fa-building.form-control-feedback.fa-img {
  color: rgb(66, 142, 213);
  margin-top: -16px;
  margin-right: -4px;
}
i.fa.fa-globe.form-control-feedback.fa-img{
  color: rgb(66, 142, 213);
  margin-top: -16px;
  margin-right: -4px;
}



i.fa.fa-envelope-o.form-control-feedback.fa-img {
  color: rgb(66, 142, 213);
  margin-top: -16px;
  margin-right: -4px;
}
i.fa.fa-phone.form-control-feedback.fa-img {
  color: rgb(66, 142, 213);
  margin-top: -14px;
  margin-right: -4px;
}
i.fa.fa-bullhorn.form-control-feedback.fa-img {
  color: rgb(66, 142, 213);
  margin-top: -14px;
  margin-right: -4px;
}
i.fa.fa-pencil.form-control-feedback.fa-img-msg {
  color: rgb(66, 142, 213);
  margin-top: 24px;
  margin-right: -5px;
}
i.fa.fa-map-marker.fa-img-add {
  color: rgb(66, 142, 213);
}








/* styles for jjsor slider*/
.jjsor-slider
{
	position: relative; 
	width: 980px;
    height: 380px; 
	overflow: hidden;
	    margin-top: 2%;
}
.load{ position: absolute; top: 0px; left: 0px;}
.load1{ filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block;background-color: #000; top: 0px; left: 0px;width: 100%; height:100%;}
.load2{position: absolute; display: block; background: url(../images/loading.html) no-repeat center center;top: 0px; left: 0px;width: 100%;height:100%;}
.slides-con{cursor: move; position: absolute; left: 0px; top: 0px; width: 980px; height: 380px;overflow: hidden;}
.sld-caption{position:absolute; left:20px; top: 30px; width:500px; height:30px;}
.sld-caption8{position: absolute; top: 300px; left: 630px; width: 250px; height: 30px;}
.sld-caption9{position:absolute; left:20px; top: 300px; width:500px; height:30px;}
.sld-caption46{position: absolute; bottom: 16px; left: 6px;}
.sld-caption47{POSITION: absolute; WIDTH: 21px; HEIGHT: 21px; text-align:center; line-height:21px; color:White; font-size:12px;}
.sld-caption48{width: 55px; height: 55px; top: 123px; left: 8px;}
.sld-caption49{width: 55px; height: 55px; top: 123px; right: 8px;}
.sld-caption50{display: none;}
.captionOrange, .captionBlack
{
	color: #fff;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	border-radius: 4px;
}
.captionOrange
{
	background: #EB5100;
	background-color: #428ED5;
}
.captionBlack
{
	font-size:16px;
	background: #000;
	background-color: rgba(0, 0, 0, 0.4);
}
a.captionOrange, A.captionOrange:active, A.captionOrange:visited
{
	color: #ffffff;
	text-decoration: none;
}
a.captionOrange:hover
{
	color: #eb5100;
	text-decoration: underline;
	background-color: #eeeeee;
	background-color: rgba(238, 238, 238, 0.7);
}        
/* jssor slider bullet navigator skin 03 css */
/*
.jssorb03 div           (normal)
.jssorb03 div:hover     (normal mouseover)
.jssorb03 .av           (active)
.jssorb03 .av:hover     (active mouseover)
.jssorb03 .dn           (mousedown)
*/
.jssorb03 div, .jssorb03 div:hover, .jssorb03 .av
{
	background: url(../images/b03.png) no-repeat;
	overflow:hidden;
	cursor: pointer;
}
.jssorb03 div { background-position: -5px -4px; }
.jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; }
.jssorb03 .av { background-position: -65px -4px; }
.jssorb03 .dn, .jssorb03 .dn:hover { background-position: -95px -4px; }
			
 /* jssor slider arrow navigator skin 20 css */
/*
.jssora20l              (normal)
.jssora20r              (normal)
.jssora20l:hover        (normal mouseover)
.jssora20r:hover        (normal mouseover)
.jssora20ldn            (mousedown)
.jssora20rdn            (mousedown)
*/
.jssora20l, .jssora20r, .jssora20ldn, .jssora20rdn
{
	position: absolute;
	cursor: pointer;
	display: block;
	background: url(../images/a20.png) no-repeat;
	overflow:hidden;
}
.jssora20l { background-position: -3px -33px; }
.jssora20r { background-position: -63px -33px; }
.jssora20l:hover { background-position: -123px -33px; }
.jssora20r:hover { background-position: -183px -33px; }
.jssora20ldn { background-position: -243px -33px; }
.jssora20rdn { background-position: -303px -33px; }
	
/* end jsor slider style */


/*footer style start*/
.cuadro_intro_hover{
        padding: 0px;
		position: relative;
		overflow: hidden;
		height: 200px;
        margin-top: 21px;
	}
	.cuadro_intro_hover:hover .caption{
		opacity: 1;
		transform: translateY(-150px);
		-webkit-transform:translateY(-150px);
		-moz-transform:translateY(-150px);
		-ms-transform:translateY(-150px);
		-o-transform:translateY(-150px);
	}
	.cuadro_intro_hover img{
		z-index: 4;
	}
	.cuadro_intro_hover .caption{
		position: absolute;
		top:150px;
		-webkit-transition:all 0.3s ease-in-out;
		-moz-transition:all 0.3s ease-in-out;
		-o-transition:all 0.3s ease-in-out;
		-ms-transition:all 0.3s ease-in-out;
		transition:all 0.3s ease-in-out;
		width: 100%;
	}
	.cuadro_intro_hover .blur{
		background-color: rgba(0,0,0,0.7);
		height: 300px;
		z-index: 5;
		position: absolute;
		width: 100%;
	}
	.cuadro_intro_hover .caption-text{
		z-index: 10;
		color: #fff;
		position: absolute;
		height: 300px;
		text-align: center;
		top:-20px;
		width: 100%;
	}


h3.prd-head {
    color: #FDFDFD;
    font-weight: 400;
}
h5.head-title {
    color: #E9EFF5;
}
p.addr {
    color: #E9EFF5;
}
.prd-list li {
    color: #FCFCFC;
}
.prd-list li a {
    color: #FCFCFC;
}
.all {
    box-shadow: 0 0 5px #333;
}
.box {
    margin: 20px;
    border: 1px solid #ccc;
}

i.fa.fa-users.fa-5x {
    color: #428ED5;
}
p.sub-footer {
    color: #E6ECF2;
}

i.fa.fa-map-marker.fa-5x {
    color: #428ED5;
}

h4.email-top {
    text-transform: none  !important;
    font-family: 'Voltaire',Arial,sans-serif;
    letter-spacing: 2px;
    font-size: 18px;
}