@import url('https://fonts.googleapis.com/css?family=Exo:400,500,700');
body{ background:#eee;}
.navbar-default {background:#16bfb8; border: none;}
.top-logo{ margin-left:-91px;}
.navbar-default ul{}
.navbar-default .nav-holders{ margin-top:40px;}
.menu-icon{ margin-left:1px;}
.menu .modal-lg{ width:197px; height:100%; border-right:1px solid #ddd; background:rgba(255,255,255,1); position:fixed;}
.menu .modal-dialog{ margin-top:0;}
.active a{ color:#dc1b26;}
.menu  .modal-content {
    border: none;
    border: none;
    border-radius:0px; background:none;
    outline: 0;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .5);
    box-shadow: 0 0px 0px rgba(0, 0, 0, .5);
}
.menu ul li{ text-align:right; font-size:15px; padding-top:10px; padding-bottom:10px; font-weight:700;}
.menu-links{ margin-top:10px;}
.menu ul{ margin-right:30px;}
.menu-close{ position:absolute; top:50px; right:-44px;}
.top-supports{ margin-top:20px;}
.top-menu-txt small{right:-23px; position:relative; display:block;}
.top-menu-txt a{ background:#343235; color:#fff; padding:8px 12px;}
.social-media-top{} .social-media-top a{ padding-left:15px;}
.top-banner{ padding-left:0;}
.banner{ margin-top:80px; position:relative;}
.item{ overflow:hidden; position:relative;}
.item img{}
.banner-txt{ position:absolute; bottom:40%; left:10%; font-size:50px; color:#fff; line-height:50px; padding:20px; width:40%; border-left:1px solid #fff; z-index:99; font-weight:400;}
.div-unstyle{ padding-left:0;}

.group:before,.group:after {content:" ";display:table;}
.group:after {clear:both;}
.mosaicflow {margin-bottom:0px; margin-top:30px;}
.mosaicflow__column {float:left;}
.mosaicflow__item {position:relative; overflow:hidden; margin-right:20px; margin-bottom:30px;}
.mosaicflow__item img {display:block;max-width:100%;max-width:500px;height:auto; margin-left:0px;}
.mosaicflow__item h5{ margin-bottom:5px;}
/*.mosaicflow__item img.img-2{margin-left:98px;}*/
.h-pdttxt{ background:rgba(255,255,255,0.8); padding:5px 20px; position:absolute; bottom:40px;}
.h-pdttxt .fa{ color:#343235; position:absolute; top:5px; right:10px; font-size:18px;}
.h-pdttxt span{ max-width:200px; display:block;}
.h-intro{padding-top:120px; padding-bottom:120px; }
.navbar-default{ background:#d8d8d8;}

.h-intro{ background: linear-gradient(270deg, #0e8ba1, #00c9dc, #00dcb7);
background-size: 600% 600%;
-webkit-animation: AnimationName 30s ease infinite;
-moz-animation: AnimationName 30s ease infinite;
animation: AnimationName 30s ease infinite;}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
.big-txt{ font-size:20px; color:#eee;}
.intros .fa{ color:#343235; font-size:18px; display:block; margin-top:20px;}
.intros h2{ margin-bottom:20px; color:#fff;}
.intros h4{ margin-bottom:20px; margin-top:30px; color:#fff;}
.intros a{ color:#fff;}
.contacts-btm{ margin-bottom:40px;}
.contacts-btm a{ color:#343235;}
.footer{ margin-bottom:60px;}
.footer a .fa{ margin-left:10px;}
.artisans{ margin-top:40px; text-align:right; font-size:12px;}
.artisans a .fa{ margin-left:0; color:#343235; }
.div-unstyle{ padding-left:0px;}
.innerpage-top{ margin-top:150px; margin-bottom:80px;}
.main-txt{ margin-top:20px; margin-bottom:30px; display:block;}
.h-main-box h3{ color:#333; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; font-size:20px; font-weight:700;}
.h-main-box p{ margin-top:20px; padding-right:30px; position:relative;line-height:23px; height:5.2em; overflow:hidden;}
.h-main-box p::after {content:"..."; position:absolute;bottom:0;right:0;padding:0 20px 1px 25px;background: url(../img/ellipsis_bg.png) repeat-y;}
.h-services{ padding-top:120px; padding-bottom:120px; background:#F3F7FF url(../img/greyzz.png);}
.h-main-box{ margin-top:60px; background:#fff; border-bottom: 1px solid #ddd;}
.h-services-txt{ padding:10px 30px 20px;}
.google-map{ height:300px; margin-bottom:60px;}
.sister-concerns{}
.sister-concerns ul li{ height:48px; width:auto; margin-right:15px;}
.pdts-container{ margin-top:30px; margin-bottom:60px;}
.pdts-container .col-md-8 img{ margin-bottom:30px;}
.pdts-container ul li{ margin-bottom:20px; margin-top:10px;}
.pdts-container big strong{ color:#F00; text-transform:uppercase; font-size:20px;}
.pdts-container h3{ font-weight:700; margin-bottom:20px; margin-top:0;}
.sendenq{width:auto;float:left;background-color:#343235;color:#fff;font-size:12px;font-weight:600;padding:6px 15px;border:1px solid #343235;}
.pdt-popups{}
.pdt-popups .modal-content .owl-demo .item img{ margin-left:0; width:100%;}
.pdt-popups .modal-content{ padding:20px;}
.pdt-popups .modal-content .owl-prev{}
.pdt-popups .modal-content{ border-radius:0px; border:none;}
.pdt-popups .close-popup{ position:absolute; top:5px; right:5px; z-index:999;}
.pdt-popups .close-popup img{ width:30px; height:30px;}

a.btn-txt{ background:#343235; color:#fff; padding:8px 12px;}
.gallery{ position:absolute; top:-120px;}
.gallery-holder{ position:relative;}
.h-btm{ padding-top:60px;}
.footer-btm{ margin-top:40px;}
.more-link{ color:#333; margin-top:40px; display:block;}
.in-banner{padding-top:150px; margin-bottom:50px;}
.abt-main{ margin-top:40px;}
.abt-main big{ display:block; margin-top:30px;}
.content-holder{ margin-top:60px;}
.content-holder h4{ margin-top:40px;}
.mid-img{ margin-top:60px; height:500px; overflow:hidden;}
.abt-box{ position:relative; padding:60px; top:-60px; background:#fff; height:200px; border-bottom:1px solid #ccc;}
.points{} .points li{ list-style:decimal-leading-zero; margin-top:20px; margin-left:25px;}
.center-txt{ background:#fff; padding:60px; margin-top:40px; margin-bottom:40px; border-bottom:1px solid #ccc;}
.service-list{ margin-top:40px;}
.service-list{position:relative;}
#pipeline-service, #pre-commissioning, #pipelinecleaning, #pneumatic-testing, #leaktesting, #pigging{ position:absolute; top:-100px;}
.certificates{ margin-top:30px;}
.certificates img{ display:block; margin-top:30px;}
.google-map{ margin-top:60px;}
@media(max-width:1199px){
	 
	}
	
@media(max-width:991px){
.nav > li > a{padding: 10px 15px;}	
.owl-prev{left:0px; top: auto; bottom:30px; }
.owl-next{left:5px; top: auto; bottom:0px;}
.banner-txt{bottom:70px;padding:20px; width:350px; font-size:40px; line-height:40px;}
.banner-txt big{ font-size:35px; line-height:35px;}
.mosaicflow__item img, .mosaicflow__item img.img-2{margin-left:0;}
.intros{ margin-bottom:50px;}
.navbar-default .nav-holders{margin-top: 20px; padding-bottom:10px;}
.top-logo img{ width:100%;}
.h-services, .h-intro{padding-top:60px; padding-bottom:60px;}
.abt-box{ position:relative; padding:40px; top:0; height: auto; margin-top:30px;}
	}	
@media(max-width:767px){
.navbar{min-height: 60px;}	
.navbar-brand{ width:240px; margin-left:15px;} .navbar-brand img{ width:100%;}
.owl-prev{left:0px; top: auto; bottom:30px; }
.owl-next{left:5px; top: auto; bottom:0px;}
.banner-txt{bottom:70px;padding:20px; width:350px;}
.bg-line{ background:#fff; background-image:none; position:relative;}
.top-logo{ margin-left:0;}

.navbar-default .nav-holders{ margin-top:15px;}
.banner{ margin-top:45px;}
.top-supports{ text-align:right;}
.div-unstyle{ padding-left:15px;}
.modal-dialog{ margin:0;}
	}
@media(max-width:600px){
.banner-txt{bottom:50px;padding:10px; width:350px;}
.banner-txt big{ font-size:25px; line-height:25px;}
.top-menu-txt a{ font-size:14px; padding-left:5px;}
.mosaicflow__item { margin:0; margin-bottom:30px;}
	}	

@media(max-width:480px){
h3, .h3{ font-size:20px;}
.banner-txt{bottom:30px;padding:10px; padding-bottom:0; width:300px; font-size:24px; line-height:28px;}
.item img{margin-left:0px;}
.top-banner{ padding-left:15px;}
.h-pdttxt{ position:relative; bottom:0; padding:0;}
.mosaicflow__item{ margin-bottom:30px;}
.big-txt{ font-size:18px;}
.owl-prev{left:0px; top: auto; bottom:-5px; }
.owl-next{left: auto; top: auto; right:0; bottom:-5px;}
.gleanz{ text-align:left; margin-top:15px;}
.top-logo { width:125px;}
.owl-theme .owl-controls{bottom: -5%; right:30px;}
	}
@media(max-width:360px){
	.banner-txt{bottom:25px;padding:10px; width:60%; font-size:20px; line-height:24px;}
	.top-logo { width:100px;}
	}