@import url('https://fonts.googleapis.com/css?family=Abel|Roboto:400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Raleway:500,600,700');

body {
 font-family: 'Roboto', sans-serif;
 height: 100vh;
}
p{
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
}
a{
  color: #fff;
  text-decoration: none !important;
}
a:hover{
  color: #03acff;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Raleway', sans-serif;

}
h2{
   font-weight: 700;
}

.blog-header{
    background-color: #05054a;
    color: #fff;
    padding: 14px 0;
    height: 46px;
}
.blog-header a{
  cursor: pointer;
  font-size: 14px;
}
.blog-header a .fa{
  margin-left: 10px;
}
.card-body{
  padding-top: 10px;
}
.card-title{
  text-align: center;
  font-size: 18px;
  font-weight: 600;
}
.navbar-light .navbar-nav .nav-link {
    color: rgb(5, 5, 74);
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    padding: 15px 20px; 
    font-size: 14px;
    border-right: solid 1px #717070;
}
.navbar-light .nav-item:last-child .nav-link{
  border-right: none;
}
.supplies{
	padding-left: 2%;
}
header .icon{
	padding-right: 4%!important;
	/*padding-left: 4%!important;*/
	}
@media(max-width: 768px)
{
	.navbar-light .navbar-nav .nav-link {
    display: list-item;
}
}
.logotag img{
    width: 70%;
    margin: 0% 41%;
}
div.blog-header .text-primary{
	color: #fff!important;
}
nav.nav.justify-content-end {
    width: 75%;
    float: right;
}
.nav-scroller {
    background-color: #fff;   
}
/*.nav-scroller nav.nav .nav-link{
	color: #05054a;
	font-weight: 400;
	text-transform: uppercase;
}*/
/*.navbar-light .navbar-nav .nav-link:after{
content: "";
    position: absolute;
    top: 0px;
    width: 1px;
    height: 63px;
    background: #5555555e;
    margin: 50px;
    margin-top: 1%;
    margin-left: 0.8%;
}*/
.navbar-light .navbar-nav .nav-link:last-child::after{
	display: none;
}
/*home--------------------*/
#home{
 padding-top: 100px;
}
.navbar{
  border-bottom: solid 1px #eee;
}
#home h2, #home h3{
	color: #fff;
	text-shadow: 2px 2px 2px #000;
	/*margin: 20% 30%;*/
  
}
.carousel-caption{
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
}
.carousel-caption h2{
  display: inline-block;
  padding: 10px 20px;
  background-color: rgba(0,0,0,0.5);
}

  .carousel-inner img {
      width: 100%;
      height: auto;
  }
/*about-------------------*/
#about{
 padding: 150px 0;	
}
#about h5{
  font-weight: 700;
}
#about img{
	width: 120%;
}
#about h2{
	color: #05054a;
	text-transform: uppercase;
}
#about h2:after{
    background: none repeat scroll 0 0 #05054a;
    bottom: -5px;
    content: "";
    display: block;
    height: 2px;
    position: relative;
    width: 28%;
    margin-left: 0%;
    margin-bottom: 5%;
	}
#about  .img-center{
  display: flex;
  align-items: center;
  height: 100%;
}
#products h4{
  margin-top: 15px;
}
@media(max-width: 768px){
#about p{
    text-align: justify;
}
#about h2:after{
    background: none repeat scroll 0 0 #05054a;
    bottom: -5px;
    content: "";
    display: block;
    height: 2px;
    position: relative;
    width: 60%;
    margin-left: 0%;
    margin-bottom: 5%;
	}
}
/*banner--------------------------*/
#banner{
	background: url(../img/aboutfooter.jpg) top center;
	width: 100%;
	height: 20vh;
	background-size: cover;
}
/*products-----------------------*/
#products{
	background: url(../img/productsbg.jpg) top center;
	width: 100%;
	background-size: auto auto;
  background-repeat: repeat;
	padding: 150px 0;
	display: flex;
  align-items: center;
}
#products img{
	width: 100%;
}
#products h2{
	color: #fff;
	text-transform: uppercase;
  display: inline-block;
  margin: 0 auto 3%;
  text-align: center;
}
#products h2:after{
    background: none repeat scroll 0 0 #fff;
    bottom: -5px;
    content: "";
    display: block;
    height: 2px;
    position: relative;
    width: 100%;
    margin-left: 0%;
}
#products h4{
	color: #fff;
	text-align: center;
  margin-top: 15px;
}
#products a{text-decoration: none;}

.right-head{
   float: right;
   margin-left: 74%;
       width: 29%;
}
.right-head a, .left-head a{
    text-decoration: none;
    color: #233249;
}
.service_div{
margin: 3% 0%;
}
/*
h4.right-head::after{
   background: none repeat scroll 0 0 #233249;
   bottom: -5px;
   content: "";
   display: block;
   height: 2px;
   position: relative;
   width: 115%;
   margin-left: -15%;
}

h4.left-head::after{
background: none repeat scroll 0 0 #233249;
   bottom: -5px;
   content: "";
   display: block;
   height: 2px;
   position: relative;
   width: 23%;
   margin-left: 0%;
}
*/
.products{
  padding: 150px 0;
}
.products p,.products li{
color: #233249;
font-weight: bold;
text-align: justify;
}
@media (max-width: 768px){


/*
h4.right-head::after {
    background: none repeat scroll 0 0 #233249;
    bottom: -5px;
    content: "";
    display: block;
    height: 2px;
    position: relative;
    width: 100%;
    margin-left: 0%;
}
h4.left-head::after{
width:80
}
*/
.right-head {
    margin-left: 3%;
    width: 60%;
    float: none;
}
.service_div .col-12.col-md-8,.service_div .col-12.col-md-4{
padding:1% 5%;
}
.service_div {
    margin: 2% 5%;
}
.service_div.one .row{
flex-direction: column-reverse;
}
}

/*quality----------------------------*/
#quality{
	background: url(../img/qualityassurance.jpg) top center;
	width: 100%;
	padding: 150px 40px;
	background-size: cover;
  background-attachment: fixed;
}
#quality h5{
  font-weight: 700;
}
#quality h2{
		color:#05054a;
	text-transform: uppercase;
	margin-bottom: 3%;
}
#quality h2:after{
	    background: none repeat scroll 0 0 #05054a;
    bottom: -5px;
    content: "";
    display: block;
    height: 2px;
    position: relative;
    width: 100%;
    margin-left: 0%;
}
#quality img{
    width: 50%;
    height: auto;
    margin-top: 15px;
}
#quality p{
  font-size: 15px;
}
.social-icons{
  display: flex;
  justify-content: flex-end;
}

/*health-------------------------------*/
#health{
	background: url(../img/healthsafety.jpg) top center;
	width: 100%;
	padding: 150px 0;
	background-size: cover;
  background-attachment: fixed;
}
#health h2{
	color:#000;
	text-transform: uppercase;
	margin-bottom: 3%;
}
.healthsafety h2:after{
	background: none repeat scroll 0 0 #000;
    bottom: -5px;
    content: "";
    display: block;
    height: 2px;
    position: relative;
    width: 48%;
    margin-left: 0%;
}
.healthsafety{
	margin: 2% 0%;
}
.environment{
	margin: 2% 0%;
}
.environment h2:after{
	background: none repeat scroll 0 0 #000;
    bottom: -5px;
    content: "";
    display: block;
    height: 2px;
    position: relative;
    width: 70%;
    margin-left: 0%;
}
/*address--------------------------*/
#address{
	background: url(../img/contact-01.jpg) top center;
	width: 100%;
	padding: 100px 0;
	background-size: cover;	
	color: #fff;
  background-attachment: fixed;

}
#address i.fa.pr-3{
	margin-top: 60px;
}
#address .place .row:nth-child(2){
	margin-top: 60px;
}
#address .place .row:nth-child(3) {
    margin-top: 20px;
}
#address .place .row:nth-child(4) {
    margin-top: 20px;
}
#address .place i.fa{
    font-size: 30px;
}
#address h5{
	text-transform: uppercase;
}
#address .icon{
	padding-right: 15px;
	padding-left: 15px;
	    margin-top: 50px;
	}
	footer{
		background-color:  #213047;
		color: #fff;
		    padding: 15px 5px;
    text-align: center;
	}

footer p{
  margin-bottom: 0;
}
@media(max-width: 768px)
{

	a.text-primary {
    font-size: 14px;
	}
	#quality img {
    width: 100%;
    height: 25vh;
}

	#products{
    height: auto;
}
header .icon{
	padding: 10px!important;
}
#address .icon{
	padding: 5%;
	margin-top: 20px;
	}

#quality{
	height: auto;
	    text-align: justify;
}
#address{
	height: auto;
}
#address .map{
	width: 100%;
}
#health{
	height: auto;
	text-align: justify;
}
a.logotag {
    width: 240px
}
.logotag img {
    width: 100%;
    margin: 0% 0%;
}
.navbar-light .navbar-nav .nav-link:after{
	display: none;
}
}



/*product page--------------------------*/
#producthome{
    background: url(../img/productbg.jpg) top center;
    margin-top: 100px;
    width: 100%;
    height: 70vh;
    background-size: cover;
}
.products {
    background-color: #d3d3d3cf;
}
.products h4{
	color: #233249;
}
.products p,.products li{
	color: #233249;
	font-weight: bold;
	text-align: justify;
}
#tensioning_div,#waterproof_div,#bar_div,#procurement_div{
   	  content: " "; 
	  margin-top: -180px; 
	  height: 180px; 
	  visibility: hidden;
   }

#1, #2, #3, #4{
	margin: 1% 0%;
}
#tensioning h4::after{
    background: none repeat scroll 0 0 #233249;
    bottom: -5px;
    content: "";
    display: block;
    height: 2px;
    position: relative;
    width: 23%;
    margin-left: 0%;
}
#waterproof h4{
	float: right;
    margin-left: 74%;
}
#waterproof h4::after{
    background: none repeat scroll 0 0 #233249;
    bottom: -5px;
    content: "";
    display: block;
    height: 2px;
    position: relative;
    width: 115%;
    margin-left: -15%;
}
#bar h4::after{
    background: none repeat scroll 0 0 #233249;
    bottom: -5px;
    content: "";
    display: block;
    height: 2px;
    position: relative;
    width: 20%;
    margin-left: 0%;
}
#procurement h4{
    float: right;
    margin-left: 72%;
}
#procurement h4::after{
    background: none repeat scroll 0 0 #233249;
    bottom: -5px;
    content: "";
    display: block;
    height: 2px;
    position: relative;
    width: 115%;
    margin-left: -15%;
}
@media(max-width: 768px)
{
	#tensioning, #waterproof, #bar, #procurement {
    padding: 5%;
}
#waterproof h4, #procurement h4 {
    float: none;
    margin-left: 0%;
}
#tensioning h4::after{
	width: 51%;
}
#waterproof h4::after{
width: 68%;
    margin-left: 0%;
}
#bar h4::after{
	width: 41%;
}
#procurement h4::after{
    width: 72%;
    margin-left: 0%;	
}
}
#home-div,#about-div,#products-div,#health-div,#quality-div,#address-div{
	  display:block;
	   height:100px; /* this is the height of your header */
	   margin-top:-100px; /* this is again negative value of the height of your header */
	   visibility:hidden;
}



.snippet-result-code {
  height: 500px
}

#photos {
  /* Prevent vertical gaps */
  line-height: 0;
  -webkit-column-count: 5;
  -webkit-column-gap: 0px;
  -moz-column-count: 5;
  -moz-column-gap: 0px;
  column-count: 5;
  column-gap: 0px;
}

#photos img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
}

@media (max-width: 1200px) {
  #photos {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
  }
}

@media (max-width: 1000px) {

	
  #photos {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }
}

@media (max-width: 800px) {

  #photos {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
}

@media (max-width: 768px) {
  #photos {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
}

.gal {
	
	
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
	  
	
	}	
	.gal img{ width: 100%; padding: 5%;}

		
		.gal {
	
	
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	  
	
	}
		
	}
	
	.bg-h1{
    position: absolute;
    bottom: 0;
    top: 395px;
    left: 8%;
    right: 50%;
    display: flex;
    justify-content: left;
    align-items: left;
    flex-direction: column;
    text-align: left;
    text-align:center;
  }

.dropdown-menu{
  width: auto;
  min-width: 100%;
  padding: 0;
  border: solid 0 transparent;
  border-top: solid 4px #05054a;
  border-radius: 0px;
  box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.12)
}
.dropdown-menu .dropdown-item{
  font-size: 14px;
  padding: 10px 12px;
  border-bottom: solid 1px #eee;
}
.dropdown-menu .dropdown-item:focus{
  background-color: #eee;
  color: #000;
}
.dropdown-menu .dropdown-item:last-child{
  border-bottom: none;
}

/*.service-gallery{
  margin-bottom: 100px;
  padding-top: 100px;
}
*/
.service-gallery{
  margin-bottom: 40px;
  padding-top: 40px;
}

/*
.service-gallery .card{
  border: none;
  border-radius: 0;
  margin-bottom: 20px;
}
*/
.service-gallery .card{
  border: none;
  border-radius: 0;
  margin-bottom: 40px;
}

.service-gallery h2{
  color: #05054a;
  text-transform: uppercase;
}
.service-gallery h2:after{
    background: none repeat scroll 0 0 #05054a;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    display: block;
    height: 2px;
    position: relative;
    width: 15%;
    margin-left: 0%;
    margin-bottom: 5%;
  }


.enquiry-wrapper{
  padding: 100px 0;
}
.enquiry-box{
  border: solid 1px #a7a7a7;
  padding: 30px 20px;
  min-height: 400px;
  background-color: #f8f9fa;
}
.enquiry-box a{
  color: #000;
}
.enquiry-box .icon{
  margin-right: 15px;
  min-width: 25px;
}
.enquiry-box .icon .fa{
  color: #05054a;
  font-size: 25px;
}
.enquiry-box .details h5{
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  margin-top: 2px;
}
.enquiry-box .details p{
  margin-bottom: 5px;
}
.enquiry-box .d-flex{
  margin-bottom: 20px;
}
.enquiry-box.contact-form{
  padding: 20px 20px;
}
.enquiry-box.contact-form h4{
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
}
.enquiry-box .form-control{
  border-radius: 0px;
  font-size: 14px;
  height: 34px;
}
.enquiry-box .form-control:focus{
  border-color: #05054a;
  box-shadow: none;
}
.enquiry-box textarea.form-control{
  height: 71px;
  resize: none;
}
.enquiry-box .btn-wrp{
  text-align: center;
}
.enquiry-box .btn-primary{
  width: 100%;
  font-size: 15px;
  text-transform: uppercase;
  border-radius: 0;
  border-color: #05054a;
  background-color: #05054a;
}
.map-block{
  padding-top: 15px;
}
.map-block iframe{
  width: 100%;
  height: 198px;
}

@media(max-width: 1199px){
    .logotag {
      max-width: 170px;
    }
    .logotag img {
      width: 100%;
      margin: 0% 0% 0 15px;
    }
    .navbar-light .navbar-nav .nav-link{
      padding: 10px 15px;
      font-size: 13px;
    }
    #about, #products, #quality, #health, #address{
      padding: 50px 0;
    }
    #home{
      padding-top: 100px;
    }
    .navbar-light .navbar-nav .nav-link{
    border-right: none !important;
  }
  .mb-res{
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  .logotag {
      max-width: 120px;
  }
  .supplies{
    display: none !important;
  }
  .logotag img{
    margin-left: 0;
  }
  .blog-header{
    padding: 0 !important;
  }
  header .icon{
    font-size: 15px;
  }
  .navbar-toggler{
    padding: 0 10px !important; 
  }
  #home{
    padding-top: 77px;
  }
  #home h2{
    font-size: 24px;
  }
  #home h3{
    font-size: 18px;
  }
  .carousel-inner img{
    width: 130%;
  }
  #about h2{
    font-size: 26px;
  }
  #quality{
    padding-left: 20px;
    padding-right: 20px;
  }
  .navbar-light .navbar-nav .nav-link{
    border-right: none !important;
  }
  .contact-form{
    margin-bottom: 20px;
  }
  .enquiry-wrapper{
    padding: 35px 0;
  }
  .dropdown-toggle:after{
    display: inline-block !important;
  }
  .dropdown-menu{
    border-top: none;
    box-shadow: none;
    background-color: transparent;
  }
  .dropdown-item{
    border-bottom: none;
    padding: 10px 15px !important;
  }
  #about h2{
    font-size: 20px;
  }
  .healthsafety {
    margin: 70px 0;
  }
  #health h2{
    font-size: 20px;
    margin-bottom: 20px;
  }
  .blog-header a{
    font-size: 14px;
  }
  .blog-header {
    height: 30px;
  }
  #home h2{
    font-size: 15px;
  }
  .blog-header .justify-content-between{
    align-items: center !important;
    justify-content: center !important;
    height: 30px;
  }
  #products h2{
    font-size: 24px;
    margin-bottom: 30px;
  }
  #products h4{
    font-size: 20px;
  }
   #products .col-12{
    margin-bottom: 25px;
   }
}

.txt-ordr{
  text-align: justify;
  text-justify: inter-word;
}
.hme-cntct p{
  display:inline-block;
  padding-right: 12px;
}