*
{
	padding: 0;
	margin: 0;
}

.polaroid {
  width: 80%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
  margin-top: 0%;
}

.banner_bottom_left
{
  padding-top: 3%;
  
}

.banner_bottom_left h4 {
    font-size: 1.5em;
    color: #3c3c3c;
    letter-spacing: 2px;
    position: relative;
    font-weight: 600;
    line-height: 1.6em;
    margin-bottom: 0.3em;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

/*********************** Demo - 21 *******************/
.box21{text-align:center;position:relative}
.box21:after,.box21:before{content:"";width:2px;height:2px;border-radius:50%;background:rgba(0,0,0,.35);position:absolute;top:50%;left:50%;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
.box21:hover:after,.box21:hover:before{-webkit-transform:scale(100);-moz-transform:scale(100);-ms-transform:scale(100);-o-transform:scale(100);transform:scale(210)}
.box21:before{-o-transition:all .5s linear .3s;-moz-transition:all .5s linear .3s;-ms-transition:all .5s linear .3s;-webkit-transition:all .5s linear .3s;transition:all .5s linear .3s}
.box21:hover:before{-moz-transition-delay:0s;-webkit-transition-delay:0s;-o-transition-delay:0s;-ms-transition-delay:0s;transition-delay:0s}
.box21:after{-o-transition:all .5s linear .6s;-moz-transition:all .5s linear .6s;-ms-transition:all .5s linear .6s;-webkit-transition:all .5s linear .6s;transition:all .5s linear .6s}
.box21:hover:after{-moz-transition-delay:.2s;-webkit-transition-delay:.2s;-o-transition-delay:.2s;-ms-transition-delay:.2s;transition-delay:.2s}
.box21 img{width:100%;height:auto}
.box21 .box-content{width:100%;height:100%;position:absolute;top:0;left:0;background:0 0;color:#fff;padding-top:25px;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-ms-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;-webkit-transition:all .3s linear 0s;-moz-transition:all .3s linear 0s;transition:all .3s linear 0s;z-index:1}
.box21:hover .box-content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-moz-transition-delay:.4s;-webkit-transition-delay:.4s;-o-transition-delay:.4s;-ms-transition-delay:.4s;transition-delay:.4s}
.box21 .title{font-size:21px;font-weight:700;text-transform:uppercase;border-bottom:1px solid #fff;padding-bottom:20px;margin-top:20px}
.box21 .description{font-size:14px;font-style:italic;padding:0 10px;margin:15px 0}
.box21 .read-more{display:block;width:120px;background:#178993;border-radius:5px;font-size:14px;color:#fff;text-transform:capitalize;padding:10px 0;margin:0 auto}
@media only screen and (max-width:990px){.box21{margin-bottom:30px}
}
@media only screen and (max-width:479px){.box21 .box-content{padding-top:0}
}
@media only screen and (max-width:359px){.box21 .title{padding-bottom:10px}
}

.site-header {
    width: 100%;
    height: 70vh;
    background: #0f8a9d;
    background: linear-gradient(57deg, #00C6A7 , #1E4D92 ); 
    background-image: url('../images/clean-water-PVC-pipe-1.jpg');
   background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 0% 100%);
}

#bgvideo
{
	background-color: #0b0b0b;
	color: #fff;
}

 
 
 .icons
 {
  position: fixed;
  top: 30%;
  right:0;
  width: 200px;
  display: flex;
  flex-direction: column;
  z-index: 100;

 }
  .icons a
 {
  text-decoration: none;
  text-transform: uppercase;
  padding: 3px;
  font-size: 15px;
  font-family: 'Oswald', sans-serif;
  margin: 2px;
  text-align: left;
  border-radius: 50px 0px 0px 50px;
  transform: translate(162px, 0px);
  transition: all 0.5s;
  }

  .icons a:hover i
 {
  transform: rotate(-20deg);
  }

.icons a:hover
 {
  color: #fff;
  transform: translate(65px, 0px);
  transition: all 0.5s;
  }

.icons a i
 {
  margin-right: 5px;
  background-color: #fff;
  height: 30px;
  width: 30px;
  color: #000000;
  text-align: center;
  line-height: 30px;
  border-radius: 50px;
  }
  .facebook
  {
    background: #0084ff;
    color: #fff;
    margin-bottom: 3px;
  }
   .twitter
  {
  background: #00eaff;
  color: #fff;
  margin-bottom: 3px;

  }
   .youtube
  {
    background: #ff0000;
    color: #fff;
  }
    .instagram
  {
    background: #ff0800;
    color: #fff;
  }

  .linkedin
  {
    background: #0e76a8;
    color: #fff;
  }
  .icons a i.fa-facebook
  {
    
    color: #0084ff;
    
  }
    .icons a i.fa-twitter
  {
    
    color: #21c7ff;
    
  }
    .icons a i.fa-youtube-play
  {
    
    color: #ff0000;
    
  }
    .icons a i.fa-instagram
  {
    
    color: #ff0800;
    
  }

  .icons a i.fa-youtube-play
  {
    
    color: #ff0000;
    
  }

 iframe {
   border-radius: 25px;
  border: 2px solid #575757;
  padding: 20px;
 
 }