/*!
 * Start Bootstrap - Grayscale v3.3.7+1 (http://startbootstrap.com/template-overviews/grayscale)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */body,html{height:100%;width:100%;}
 
 
 .navbar-custom{ background-color:#586166}
 .intro,body,html{width:100%} 
 .dropdown:hover .dropdown-menu{display: block;}
 
 .panel-title>a{font-size:22px; color:#376285 !important}
 .panel-title>a:hover{font-size:22px; color:#376285 !important}
 .panel-title .fsize{font-size:16px;}

 
 .colapseSubtitle{font-size:20px; margin:10px 0; display:block; color:#a40f37; }
 .colapseText{padding-left:20px; font-size:16px; }
 
 body{font-family:Arial, Helvetica, sans-serif; color:#fff; webkit-tap-highlight-color:rgba(255,255,255,.2); background-color:#deefff; letter-spacing:1px}
 
  /*body{font-family:Arial, Helvetica, sans-serif;color:#fff; webkit-tap-highlight-color:rgba(255,255,255,.2); background-color:#c6d0d6; letter-spacing:1px}*/
 
 
/*5 column */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}
/*End 5 column */ 
 .navbar-brand {
  padding: 0px; margin:0
}
.navbar-brand>img {
  height: 100%;
  padding: 15px 15px 15px 0;
  width: auto;
}
.navbar-brand {
  height: 85px;
}

.nav >li >a {
  padding-top: 20px;
  padding-bottom: 20px;
}
.navbar-toggle {
  padding: 10px;
  margin: 25px 15px 25px 0;
}
 
 
 
#out{color:yellow;}
#out span{color:green;}
#out span span{color:red;}

footer{color:#fff;}

.post{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #eee;}
.post:last-child{border-bottom:0;}
.post img{text-align:center; margin:10px 0}
.post h3{color:#a40f37}

.aside-follower-content{margin:16px 0; background-color:#FFF; color:#333; letter-spacing:0.2px; }
.aside-follower.fix-follow .aside-follower-wrap{
	position:fixed; top:0; overflow-y:auto; z-index:1000;}
.aside-follower.fix-follow.fix-follow-bottom .aside-follower-wrap{
	position:absolute; bottom:0; top:inherit; }

.aside-follower-aside{position:relative;}

.aside-follower-wrap {padding:15px 0 0 0;}

.list-group img{border:1px solid #323232; margin:5px }

body.header-is-fixed{padding-top:90px;}
body.header-is-fixed .fix-follow .aside-follower-wrap{
	top:50px;
    @media (min-width: 768px) {	top:50px;} 
    @media (min-width: 992px) { top:50px;	}               
}
body.header-is-fixed .fix-follow.fix-follow-bottom .aside-follower-wrap{top:inherit; }
 
 
 

.caption {
    position:absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
	margin:-15px;
    background: rgba(0,0,0,.4);
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}
.caption2 {
    position:absolute;   
	width: 150px;
	height: 150px;opacity: 0;
	background: rgba(55,98,133,.5);
	display:inline-block;text-align:center;
	-moz-border-radius: 75px;
	-webkit-border-radius: 75px;
	border-radius: 75px;    
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;	
}

 .caption:hover, .caption2:hover {
    opacity: 1;
}
 
 
 h1,h2,h3,h4,h5,h6{text-transform:uppercase;}
 .btnpadtop {margin-top:-10px; background-color:#a40f37}
 .btn-info,.btn-info.active,.btn-info:focus{background-color:#a40f37; border-color:#8f042a } 
 .btnpadtop:hover{background-color:#8f042a; border-color:#8f042a}
 
.ppeborder {padding:0 25px 10px 25px}
.ppedisclaimer {font-size:11px; color:#a40f37; font-style:italic}

.whatsapptext{color:#000000 !important; font-size:20px; font-weight:600}
.whatsappimg {max-width:50px}
.askpricepad {padding: 0 30px}
.orpad {padding: 20px 30px 0 30px}
.ppehead {margin-top:35px}
.prodspecpad {margin-top:25px; margin-bottom:55px}


 h1,h2,h3,h4,h5,h6{margin:0 0 35px;font-weight:600;letter-spacing:1.5px;font-family:'Crimson Text', serif;}
 h1 { font-size:40px}
 h2,h3{font-weight:600}
 
 p{margin:0 0 25px; font-size:16px;line-height:1.5}
 .navbar-custom .nav {background-color:#000;margin-top:-10px}
 .navbar-custom .nav li a{font-size:15px; font-weight:500; padding:15px 12px }
 /*.navbar-custom .nav li .singleln {padding-bottom:35px; }*/
 .navbar-custom .nav li .epcln {max-width:157px}
 .navbar-custom .nav li .ppeln {max-width:125px}
 .navbar-custom .nav .dropdown-menu li a {padding:10px}
 .about-section{padding:15px 0 30px 0; margin:0px; color:#323232}
 .product-section{ padding:30px 0 20px 0; margin:30px 40px}
 .product-section h1, .product-section h4 {color:#a40f37} .product-section p{color:#333}
 
 .service-section{ background-color:#FFF; padding:30px 10px; margin:30px 40px}
 .service-section h1,.service-section h3{color:#a40f37} .service-section p {color:#323232}
 
 .aboutus{ background-color:#FFF; padding:20px 30px;}
 .aboutus h3{color:#a40f37; margin-bottom:-10px} 
 .aboutus h4{text-transform:capitalize; margin-bottom:-10px; font-family:Arial, Helvetica, sans-serif; letter-spacing:0.5px; font-size:15px}
 .aboutus p {color:#323232; font-size:15px; margin:18px 0}.aboutus span {font-size:24px}

 .home-shortdesc{text-align:left;margin-top:-30px;padding:0 5px; font-size:16px }
 .maroonC {color:#a40f37}
 .blueC {color:#376285}
 .clear{clear:both}
 /*.btn, .btn.active,.btn:active,.btn:focus{background-color:#376285; border:1px solid #183a56} 
 .btn:hover{background-color:#3078b3; border:1px solid #376285; color:#fff}*/
 
 .help-block {font-size:11px; color:#a40f37}
 
 .partners-section{width:100%; padding:30px 10px; margin-top:0px; background-color:#323232;} 
 #partners-logo .item{margin:3px;}
 #partners-logo .item img{display:inline-block; height:90px;}
 
 .contact-section{ width:100%; padding:30px 10px; margin-top:0px; background-color:#a40f37;/* background-image:url(../img/contact-home-bg-2.jpg)*/}

 .footer-section{padding:40px 0; background-color:#376285; margin:-50px 0}
 
 @media (min-width:768px){p{margin:0 0 35px;font-size:18px;line-height:1.6}.navbar-custom .nav {background-color:transparent;margin-top:3px}}
 
 a{color:#f4f4f4;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
 
 a:focus,a:hover{text-decoration:none;color:#fff}
 .light{font-weight:400}
 .navbar-custom{margin-bottom:0;border-bottom:1px solid rgba(255,255,255,.3)}
 .navbar-custom .navbar-toggle{color:#fff;background-color:rgba(255,255,255,.2);font-size:12px}
 .navbar-custom .nav li a:active,.navbar-custom .nav li a:focus,.navbar-custom .nav li a:hover{background-color:#a40f37;outline:0}
 .navbar-custom .navbar-toggle:active,.navbar-custom .navbar-toggle:focus{outline:0}
 .navbar-custom .navbar-brand{font-weight:700}
 .navbar-custom .navbar-brand:focus{outline:0}
 .navbar-custom a{color:#fff}
 .navbar-custom .nav li a{-webkit-transition:background .3s ease-in-out;-moz-transition:background .3s ease-in-out;transition:background .3s ease-in-out;}
 .navbar-custom .nav li a:hover{color:rgba(255,255,255,.8)}
 .navbar-custom .nav li.active{outline:0}
 .navbar-custom .nav li.active a{background-color:#a40f37}
 .activate {background-color:#a40f37}
 .navbar-custom .nav li.active a:hover{color:#fff}
 
 .navbar-custom2{margin-bottom:0;border-bottom:1px solid rgba(255,255,255,.3)}
 .navbar-custom2 .navbar-toggle{color:#fff;background-color:rgba(255,255,255,.2);font-size:18px; }
 .navbar-custom2 .navbar-toggle:active,.navbar-custom2 .navbar-toggle:focus{outline:0}
 .navbar-custom2 .navbar-nav {display: inline-block; float: none;}
 .navbar-custom2 .navbar-collapse {text-align: center;}
 .navbar-custom2 .nav li a:active,.navbar-custom2 .nav li a:focus,.navbar-custom2 .nav li a:hover{background-color:#a40f37;outline:0}
 .navbar-custom2 #myNavbar .dropdown-menu {background-color:#a40f37; }
 .navbar-custom2 #myNavbar .dropdown-menu li a {color:#FFF; }
 .navbar-custom2 #myNavbar .dropdown-menu li a:hover {background-color:#74828f;outline:0 }
 
 @media (min-width:768px){	 
	 .navbar-custom{padding:20px 0;border-bottom:none;letter-spacing:1px;background-color:rgba(0, 0, 0, 0.5);-webkit-transition:background .5s ease-in-out,padding .5s ease-in-out;-moz-transition:background .5s ease-in-out,padding .5s ease-in-out;transition:background .5s ease-in-out,padding .5s ease-in-out} 
	 .navbar-custom.top-nav-collapse{padding:0;border-bottom:3px solid rgba(0,0,0,.3);background-image:url(../img/menubg.jpg); background-repeat:repeat;}}
	 
	 .navbar-custom2{margin-top:120px;padding:5px 0;border-bottom:none;letter-spacing:1px;background-color:rgba(0, 0, 0, 0.5);-webkit-transition:background .5s ease-in-out,padding .5s ease-in-out;-moz-transition:background .5s ease-in-out,padding .5s ease-in-out;transition:background .5s ease-in-out,padding .5s ease-in-out} 
	 .navbar-custom2.top-nav-collapse2{margin-top:87px;padding:0;background-color:#74828f;border-bottom:2px solid #96c0ce; color:#376285}
 
.intro{display:table;height:auto;padding:100px 0;text-align:center;color:#fff;background:url(../img/header-img.jpg) bottom center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
.intro .intro-body{display:table-cell;vertical-align:middle}
.intro .intro-body .brand-heading{font-size:40px}
.intro .intro-body .intro-text{font-size:18px}
 
 @media (min-width:768px){
	 .intro{height:450px;padding:0}
	 .intro .intro-body .brand-heading{font-size:100px}
	 .intro .intro-body .intro-text{font-size:26px}}
	 
.btn-circle{width:70px;height:70px;margin-top:15px;padding:7px 16px;border:2px solid #fff;border-radius:100%!important;font-size:40px;color:#fff;background:0 0;-webkit-transition:background .3s ease-in-out;-moz-transition:background .3s ease-in-out;transition:background .3s ease-in-out}

.btn-circle:focus,.btn-circle:hover{outline:0;color:#fff;background:rgba(255,255,255,.1)}

.btn-circle i.animated{-webkit-transition-property:-webkit-transform;-webkit-transition-duration:1s;-moz-transition-property:-moz-transform;-moz-transition-duration:1s}

.btn-circle:hover i.animated{-webkit-animation-name:pulse;-moz-animation-name:pulse;-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear}
@-webkit-keyframes pulse{0%,100%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@-moz-keyframes pulse{0%,100%{-moz-transform:scale(1);transform:scale(1)}50%{-moz-transform:scale(1.2);transform:scale(1.2)}}.content-section{padding-top:100px}
.epc-section{width:100%;padding:50px 0;color:#fff;background:url(../img/epc-home-bg.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#map{width:100%;height:200px;}
.epc-section h1{text-shadow:4px 4px 6px #000;}
.epc-section p{text-shadow:2px 2px 4px #000; font-size:22px; }

#inside-rightcontent{padding-top:35px}
#inside-rightcontent p{margin-top:-25px}
.header-section-inside{width:100%;padding:100px 0; paddcolor:#fff;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
.header-section-insidetext {padding:10px;text-shadow:2px 2px 3px #000;}
.epc-section-inside{background:url(../img/epc-header-bg.jpg) center center no-repeat #000;}
.contact-section-inside{background:url(../img/contact-header-bg.jpg) center center no-repeat #000;}
.about-section-inside{background:url(../img/about-header-bg.jpg) center center no-repeat #000;}

.services-section-inside{background:url(../img/service-header-bg.jpg) center center no-repeat #000;}
.gallery-section-inside{background:url(../img/gallery-header-bg.jpg) center center no-repeat #000;}

.products-oil-section-inside{background:url(../img/products-oil-header-bg.jpg) center center no-repeat #000;}

.products-industrial-section-inside{background:url(../img/products-industrial-bg.jpg) center center no-repeat #000;}
.products-packaging-inside{background:url(../img/products-packaging-bg.jpg) center center no-repeat #000;}
.products-ppe{background:url(../img/contact-home-bg.jpg) center center no-repeat #000; padding:50px 0 10px 0;}
.products-Mechanical-Valves-Piping-inside{background:url(../img/mechanical-valves-piping-solutions-bg.jpg) center center no-repeat #000;}

.products-mech-header{color:#376285; font-size:20px; margin-bottom:0px}
.products-mech-text{font-size:14px; color:#376285; padding:0 10px}


@media (max-width: 480px) {.navbar-custom .nav {background-color:#000} .navbar-custom .navbar-header img {margin-left:25px; max-width:300px} }
@media (max-width: 766px) {.navbar-custom .nav li a{margin-left:18px } 
.navbar-custom .nav li .singleln{padding:15px 12px; } 
.navbar-header .navbar-toggle {margin-right:25px !important;}
.navbar-header img {margin-left:25px;}
.navbar-custom .nav li .epcln {max-width: none}
 .navbar-custom .nav li .ppeln {max-width:none}
 .header-section-inside{margin-top:-35px;padding-top:20px; padding-bottom:0px}
 }


@media (min-width:767px){	
	.content-section{padding-top:60px}
	.epc-section{padding:60px 0}
	#map{height:400px;}
	

ul.banner-social-buttons{margin-top:0}	
}

@media (max-width:1199px){ul.banner-social-buttons{margin-top:15px}}@media (max-width:767px){ul.banner-social-buttons li{display:block;margin-bottom:20px;padding:0}ul.banner-social-buttons li:last-child{margin-bottom:0}}footer{padding:50px 0}footer p{margin:0}::-moz-selection{text-shadow:none;background:#fcfcfc;background:rgba(255,255,255,.2)}::selection{text-shadow:none;background:#fcfcfc;background:rgba(255,255,255,.2)}img::selection{background:0 0}img::-moz-selection{background:0 0}




@media (max-width: 1200px) {
  .navbar-custom .nav {background-color:#000; padding-top:50px}
  .navbar-custom .nav li .epcln {max-width: none}
  .navbar-custom .nav li .ppeln {max-width:none}
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
	  
  }
  .collapse.in{
      display:block !important;
  }
  
  
}




#vpb_pop_up_background
{
    display:none;_position:absolute;
    height:100%;width:100%;
    top:0;left:0;
    background:#000000;
    border:1px solid #cecece;
    position:fixed;
    z-index:99999999;}   

#vpb_inquiry_pop_up_box
{
    display:none;
    border:solid 1px #000;
    background-color:#557289;
    box-shadow:none;
    padding-left:30px;
    top:10%;right:10px; bottom:40px; position:fixed;z-index:9999999999;
    padding-top:30px; 
}

.scroll-top {
    z-index: 1049;
    position: fixed;
    right: 2%;
    bottom: 2%;
    width: 50px;
    height: 50px;
}

.scroll-top .btn {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    font-size: 16px;
    line-height: 28px;
}
.scroll-top .btn:hover {
    background:#296ca3;
}
.scroll-top .btn:focus {
    outline: 0;
}