@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700&display=swap');
body { font-family: 'Montserrat', sans-serif;}
a { color: #007dd0; font-weight: 600}
.color1 {color: #007dd0}
.color1-bgrd {background-color: #007dd0}
.color2 {color: #2B3C68}
.color2-bgrd {background-color: #2B3C68 !important; }
.btn-primary { background-color: #007dd0 }
@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1.2, 1.2);
  }
  to {
    -webkit-transform: scale(1, 1);
  }
}

@keyframes zoom {
  from {
    transform: scale(1.2, 1.2);
  }
  to {
    transform: scale(1, 1);
  }
}
.fa-phone { -webkit-transform: scaleX(-1);  transform: scaleX(-1); }
.phone a { color: #FFF !important}
.carousel-indicators { bottom: 0 !important}
.carousel-inner .item .innerbg  {
  -webkit-animation: zoom 20s;
  animation: zoom 20s;
}
.carousel-fade .carousel-inner .item { -webkit-transition-property: opacity; transition-property: opacity;}
.carousel-fade .carousel-inner .item,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right { opacity: 0;}
.carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {  opacity: 1;}
.carousel-fade .carousel-inner .next,.carousel-fade .carousel-inner .prev,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right { left: 0; -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.carousel-fade .carousel-control { z-index: 2;}
.carousel-indicators .active { width: 20px; height: 15px; margin: 0; background-color: #2a9af0;  border: none; border-radius: 4px;}
.carousel-indicators li { width: 20px; height: 15px; margin: 0; background-color: #FFFFFF;  border: none;  border-radius: 4px;  -webkit-transform: skew(15deg, 0deg);  -moz-transform: skew(15deg, 0deg); -ms-transform: skew(15deg, 0deg);  -o-transform: skew(15deg, 0deg);  transform: skew(15deg, 0deg);}

#homereadless { font-weight: bold;color: #2B3C68;}
#morebut #homereadmore { font-weight: bold; color: #2B3C68;}
.contentarea h2 {font-weight: 600; margin: 0px 0 10px 0 !important;}

#pagecontent h2 {margin-bottom: 20px !important; }

.navbgrd {background-color: #2a9af0 !important;	transition: all 1s ease; }
.newsholders { height: 200px; overflow: hidden}
.owl-stage {display: flex; align-items: center}
.owl-item {padding:  53px 45px 50px; background-color: #fff; margin: 0 10px; min-height: 360px !important}
.testname {font-size: 20px}
.testcompany {font-size: 20px}
.homeimages img {width: 100%}
.welcometext {background-color: rgba(255,255,255,0.9); padding: 20px}
.bannerbackground {
    position: absolute;
    top: 0%;
    color: #FFFFFF;
    padding: 15px 0;
    text-align: center;
    font-size: 19px;
   background-color: rgba(0,0,0,0.2);
    width: 100%;
	height: 100%;
    font-weight: 600;
	z-index: 9999999999;
}
.bannerbackground:hover {
    position: absolute;
    top: 0%;
    color: #FFFFFF;
    padding: 15px 0;
    text-align: center;
    font-size: 19px;
   background-color: rgba(0,0,0,0);
    width: 100%;
	height: 100%;
    font-weight: 600;
		z-index: 9999999999;
}
.bannertext {    position: absolute;
    top: 50%;
    background-color: rgba(43, 60, 104, 0.6);
    color: #FFFFFF;
    padding: 15px 0;
    text-align: center;
    font-size: 19px;
    margin-top: -30px;
    width: 100%;
    font-weight: 600;
}
.pad10{padding:10px;}	
	
.parallax-container {position: relative;height: 400px;}
.parallaxcat {background-repeat:no-repeat !important; /*background-size:contain !important;*/ transform: translate3d(0px, 0, 0px);position: fixed; height: 200%; width: 100%; z-index: -1;}
.strapbox {padding: 20px 0px; text-align: center}
.pagestrapline {background-color: #2B3C68; }
.pagestrapline p {font-size: 25px; color: #FFFFFF; text-align: center;padding: 19px 20px 20px 20px;display: inline-block;vertical-align: middle;line-height: normal;}
.pagestrapline a {color: #FFFFFF; text-decoration: none}
.strapbox {padding: 20px 0px; text-align: center}
.parallax-bottom p {    font-size: 30px;color: #FFFFFF;text-align: center;text-shadow: 1px 2px #000;padding: 60px 20px; margin: 0}
.parallax-bottom a {color: #FFFFFF; text-decoration: none}
.parallax-container-bot {position: relative;height: 400px;}
.parallaxcatbot {background-repeat:no-repeat !important; background-size:contain !important; transform: translate3d(0px, 0, 0px);position: fixed; height: 200%; width: 100%; z-index: -1;}
.newsholders { height: 200px; overflow: hidden}
.page #Carousel {
    padding: 30px 0;
    background-attachment: fixed !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
	transform: translate3d(0px, 0px, 0px) scale(1, 1.09);
    height: 400px;
	}
.parallax-bottom h5 {
	font-size: 25px;
    width: 100%;
	text-align: center;
    bottom: 0% !important;
    top: 0;
    left: 0 !important;
	text-shadow: 2px 3px #000;
    right: 0;
    margin: auto;
    color: #FFF;

}
.parallax-bottom {
    background-attachment: fixed !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    text-align: center;
	
	}
	
.parallax { border-top: 1px solid #FFFFFF; background-image: url("/images/industrial-gas-engineers.jpg"); padding: 50px 0; background-attachment: fixed; background-position: center; background-repeat: no-repeat;  background-size: cover;}
.page #Carousel {
    padding:  0;

	}

.intro {
transform: translate3d(0px, 0px, 0px);
    overflow:hidden;
	background-attachment: fixed !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
	height: 600px;
}

.intro_bg.zout {
    transform:scale(1) !important;
}

.btn-action {
    color: #fff;
    background-color: #2B3C68;
    border-color: #2B3C68; 
	transition: all 1s ease; 
}

.btn-action:hover {
    color: #fff;
    background-color: #E8C60F;
    border-color: #E8C60F;
}	
.strapbox .btn-action {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
    font-size: 20px;
    transition: all 0.7s linear; 
	font-weight: 600;
}

.strapbox .btn-action:hover {
    color: #2B3C68;
    border-color: #FFFFFF;
	background-color: #FFFFFF;
	font-weight: 600;
}
.articlecontent{
	font-size: 15px;
    font-weight: 500;
    color: #3a4043;
}
.headaddress { padding-right: 76px}

.cta { border-top: 1px solid #FFF;  background-color: #ebb100}

.strapbox {padding: 20px 0px}
.pagestrapline {background-color: #2B3C68; }
.pagestrapline p {font-size: 25px; color: #FFFFFF; text-align: center;padding: 17px 0}
.pagestrapline a {color: #FFFFFF; text-decoration: none}
.whitetxt {color: #FFFFFF !important}

.bluecont a { color:#E8C60F }

.white-bgrd {background-color: #FFFFFF}
.headcontact {color: #2B3C68; font-size: 14px; font-weight: bold}
.headcontact.email {font-size: 14px}
.headcontact.address {font-size: 14px}
.headcontact-transparent {color: #FFFFFF; font-size: 19px; font-weight: 500}
.headcontact-transparent.email {font-size: 19px}
.headcontact-transparent.address {font-size: 14px}
.contactinfo hr {margin-top: 5px; margin-bottom: 5px; border: 0; border-top: 1px solid #2B3C68;}
.button {font-weight: bold; color: #2B3C68}
.button:hover, .tpnconnectbtn:active {color: #FFFFFF; background-color: #2B3C68}
.icon .fa {font-size: 20px}

.facebook {margin-right: 5px}
.facebook:hover {color: #5161A8}
.instagram	{margin-right: 5px}
.instagram:hover {color: #DC307C}
.twitter {margin-right: 5px}
.twitter:hover {color: #1CA1F2}
.youtube {margin-right: 5px}
.youtube:hover {color: #F71F11}
.linkedin {margin-right: 5px}
.linkedin:hover {color: #2E6DB1}
.pintrest {}
.pintrest:hover {color: #CD2029}

.unslider.test {width: 7% !important}
#pagecontent p, .gridlayout p, .gridlayout li, .welcometext p, #pagecontent li, .welcometext li, .owl-carousel-test p.comment { font-size: 15px; font-weight: 500; color: #3a4043 }
#pagecontent a {color: #007dd0; font-weight: bold}
#pagecontent li, .welcometext li  { list-style: none; position: relative; line-height: 28px;}
/*#pagecontent li::before, .welcometext li::before { content: "\2022"; color:#007dd0 !important; display: inline-block; width: 1em;  margin-left: -1em; font-size: 20px; }*/
#pagecontent li::before, .welcometext li::before { position: absolute; top: 10px; margin: 0px 0 0 -18px; vertical-align: middle; display: inline-block; width: 8px; height: 8px; background: #007dd0; content: "";}

.articlecontent li{list-style: none; position: relative; line-height: 28px;}
.articlecontent li::before{ position: absolute; top: 10px; margin: 0px 0 0 -18px; vertical-align: middle; display: inline-block; width: 8px; height: 8px; background: #007dd0; content: "";}

.clear {clear: both}
.padleft0 {	padding-left:0}
.padright0 {padding-right:0}
.padright15 {padding-right: 15px}
.nopad {padding:0} 
.padbot5 {padding-bottom: 5px}
.padbot10 {padding-bottom: 10px}
.padtop5 {padding-top: 5px}
.padtop10 {padding-top: 10px}
.padtop15 {padding-top: 15px}
.padtop20 {padding-top: 20px}
.pad20 {padding: 20px} 
.padright0 {padding-right: 0}
.mar0 {margin: 0}
.martop8 {margin-top: 8px}
.martop20 {margin-top: 20px}
.martop30 {margin-top: 30px}
.martop55 {margin-top: 55px}
.marbot15 {margin-bottom: 15px !important}
.marbot20 {margin-bottom: 20px}
.marbot50 {margin-bottom: 50px}
.marright5 {margin-right: 5px}
.marleft25 { margin-left:25px; }
.spacer0 {clear:both; height: 0px }
.spacer10 {clear:both; height: 10px }
.spacer15{clear:both; height: 15px }
.spacer20 {clear:both; height: 20px }
.spacer50 {clear: both; height: 50px }
.spacer75 {clear: both; height: 75px }
.mobheadericon {background-color: #FAFAFA !important; padding: 7px !important; float: right}
.font15 {font-size: 15px}
.font30 {font-size: 30px}

.servicesimg i {

	position: absolute;
    top: 30%;
    left: 25%;

}
.servicesimg:hover {
	 transition: all 0.6s linear;
    background-color: #E8C60F;
}
.servicesimg {
 transition: all 0.6s linear;
   position: relative;
   display: inline-block;
    width: 180px;
    height: 180px;
    border-radius: 50%;
	background-color: #2B3C68;
	font-size: 4em;
    color: #fff;
}

.serviceblock { color: #FFF; }
.serviceblock h4:hover {
	transition: all 0.6s linear;
}
.serviceblock h4  {
	transition: all 0.6s linear;
	position: relative;
	display: inline-block;
	color: #FFF;
	font-weight: 600;
	text-decoration: none;
	font-size: 17px;
	
}

.serviceblock {min-height: 350px; position: relative; padding: 15px;}
.serviceblock a {font-weight: 600; text-decoration: none}
.serviceblock .btn {position: absolute; bottom: 5px; left: 50%;margin-left: -50px;}
.serviceblock h4:after {
    content: "";
    display: block;
    background: #E8C60F;
    height: 3px;
    width: 141px;
    margin: 0 auto;
    margin-top: 6px !important;
	margin-bottom: 8px;
}
.serviceblock p { font-weight: 500; font-size: 13px; line-height: 18px;}


#cookieholder { width:100% !important; position:fixed; background:rgba(0,0,0,0.5); background:rgb(0,0,0,0.5); bottom:0px; z-index:999999 }
#cookiefoot { margin:0 auto; padding:10px;}
#cookiefoot p { color:#FFFFFF; text-align:left;}
#cookiefoot a { color:#FFFFFF; text-decoration:underline; text-align:left; }
#cookiefoot p.accept { color:#FFFFFF; text-decoration:none; cursor:pointer; }
#cookieOK { text-align:right !important; float:right !important; font-weight:700 !important; font-size:13px !important  }

.galtitle { position:absolute; top:0; left:0; padding-left:10px; width:100%; background:rgba(0,0,0,0.8); z-index:99999; text-align:center }
.galtitle h2 { color:#FFF !important; font-size:16px !important; cursor:pointer; font-weight:700; margin-top:10px }
.galholder { width:100%; height:220px; overflow:hidden }
.galholder2 { width:100%; height:200px; overflow:hidden }
.galleryintro:hover {  -webkit-transform: scale(1.1,1.1); 
    transform: scale(1.1,1.1);
    -webkit-transition: all 0.3s ease-in-out; }
.gallerythumb { height:200px }
.galleryimage { height:200px; position: relative; text-align: center; cursor: pointer; background-position: center;background-size: cover;overflow: hidden;  -webkit-transition: all 0.3s ease-in-out; }

.spotlightline1 {font-size: 40px; text-shadow: 2px 3px #000; letter-spacing: -1px; font-weight: 500 }
.spotlightline2 {font-size: 27px; font-weight: 600; text-shadow: 2px 3px #000;}
.spotlightline3 {font-size: 10px}

.btn-carousel { border:2px solid #FFF; font-size: 18px; text-shadow: 1px 1px #000; font-weight: 700; padding: 8px 20px; border-radius: 8px; margin: 0 10px }
.btn-carousel:hover { border:2px solid #FFF; }

/*header*/
#header {    background-color: #E8C60F; padding-top: 15px; clear:both;}
#header-transparent { padding-top:10px; transition: all 1s linear; position: fixed; background-color: rgba(42,154,240,0.7); top: 0; z-index: 99999999; clear:both;width: 100%;  border-bottom:1px solid #FFF; }
.navbar-nav { margin: 0;}
.navbar-nav.transparent { float: right;    margin: 0;}
.logo {margin-bottom: 20px; margin-left: 0; transition: all 1s ease; height: 100px}
.logo.small {height: auto}
.logo-transparent {margin-left: 0; transition: all 1s ease; padding-top: 20px; }
.logo-transparent.small {height: auto}
.strapline {color: #FFFFFF; font-size: 21px; padding-top: 10px; display: inline-block}
.add-on {display:none; padding: 8px; background-color: #EEEEEE}

/* Carousel&Navbar */
.carousel-inner .item{min-height:600px !important;}
.carousel-inner .carousel-position-four { padding:0; width:100%; top:37% !important; color:#FFF; }
.carousel-inner .carousel-position-four-button { position: absolute; padding:0; width:100%; bottom:10% !important; color:#FFF; left: 0; }
.carousel-inner .carousel-position-four h2 {  font-size:40px !important;  color:#FFF; }
.carousel-inner .carousel-subtitle-v2 {  font-size:18px !important; }
.carousel-inner .carousel-position-four{position:absolute;left:0;}

.carousel-inner.page .item{min-height:400px !important;}
.carousel-inner.page .carousel-position-four{left: 20%}

.carousel-control.left,.carousel-control.right { background:none !important; }
.topnav a { color:black}
.navbar {margin: 0; }

.navbar-collapse {
    padding-right: 0px; 
    padding-left: 0px; 
	overflow: hidden;	
}

.collapsed:hover .dropdown-menu {
    width: auto;
	    display: block;
    z-index: 999999999;
	 
}

.dropdown-menu { background-color: #2a9af0;}

.collapsed:hover .dropdown-menu.transparent {
    width: auto;
	    display: block;
    background-color: rgba(0,0,0,0.4);
    z-index: 999999999;
	 
}

.dropdown-menu>li>a {color: #FFF;    font-size: 17px;    padding: 9px 20px;
}
.icon-bar {
	background-color: #062a3e 
}

.navbar-toggle {		
	background-color: #001349		
}
.navbar-toggle:hover {		
	background-color: #001349		
}

.nav.transparent>li>a {
    font-weight: 600;
	color: #FFFFFF;
	padding: 14px 23px;
	transition: all 0.6s ease;
	font-size: 17px;
}
.nav>li>a {
    font-weight: bold;
	color: #FFFFFF;
	padding: 14px 54px;
	transition: all 0.6s ease;
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #FFFFFF;
	color: #2a9af0 ;
}

.dropdown-menu a:hover {background-color: #ddd; color: #2a9af0  !important; transition: all 0.3s ease;}

/* Page Layout*/
.greystrip {background-color: #EFEFEF; padding:30px 0 50px 0}
.whitestrip {background-color: #FFFFFF; padding: 15px 0}
.bluebg {background-color: #007dd0; padding: 15px 0}
.welcome {background-color: #FFFFFF; padding-top: 10px; padding-right: 17px}

.unslider { margin-bottom:20px; }
.unslider-nav li { width:20px !important; height:20px !important; border-radius:19px !important; }
.unslider-nav ol li.unslider-active { background-color:#2a9af0  !important; }

.greybg { background-color:#efefef !important; }
.customer-review { padding:60px 0 !important; }
.quotation-left { font-size:22px; color:#b9b9b9 !important; float:left; padding-left: 30px; margin-top:-10px; }
.quotation-right { font-size:22px; color:#b9b9b9 !important; float:right; padding-right:40px; margin-top:0px; }
.testimonial { font-size:16px; font-style:italic; }


.contactform {padding-bottom: 10px}

.contactdetails {margin-top: 80px; margin-left: 50px}

h1 {color: #595959; font-size: 27px; margin-top: 0; margin-bottom: 30px; font-weight: 600}
h2 {color: #007dd0; font-size: 20px; line-height: 1.3}
.multi h2 {font-size: 16px}
h2.large { font-size: 30px; margin-bottom: 30px;}
h3 {color: #3a4043; font-size: 18px; width: 100%}
.bluebg h3 { color: #FFF;}
.parallax h3 { color: #FFF; text-shadow: 1px 1px 1px #000; font-weight: 600 }
h4 {color: #3a4043; font-size: 17px}
h5 {color: #3a4043; font-size: 16px}
h6 {color: #3a4043; font-size: 14px}
.cta h6 { color: #fff; text-shadow: 1px 1px #000; font-size: 28px;}
.cta p { font-size: 24px; color: #FFF;text-shadow: 1px 1px #000;}
.navbar-form {padding-left:0; padding-right:0}
#header p {color: #FFFFFF; font-size: 12px}

.catimage {height:400px}
.catimage h1 {position: absolute; bottom: 10%; color: #FFFFFF; font-weight: 400; margin-bottom: 0}
h2.boxtitle { font-size: 18px; padding: 10px 18px; margin-bottom:0; color: #FFFFFF; text-decoration: none}
h2.boxtitle a { color: #FFFFFF; text-decoration: none}
h3.boxtitle { margin:0 !important; }
h3.boxtitle a {color: #000000; font-size:16px !important; margin:0 !important}
h4.boxtitle1 {background-color: #FFF; font-size: 22px; margin-bottom: 0px; margin-top: 0px; padding: 5px 10px; color: #FFFFFF}
h6.boxtitle2 { font-size: 20px; font-weight: 600; margin-bottom: 20px; margin-top: 0px; padding-top: 15px ; color: #FFFFFF}
h3.widget { font-size: 36px; margin-bottom:50px }
.footerboxes a { color: #FFFFFF; font-size:  12px; text-decoration: none}
.footerboxes ul  { margin: 0; padding: 0;}
.footerboxes li { margin-left: 0px; padding: 0; list-style: none}
.footerboxes li a { font-size: 14px; line-height: 22px; font-weight: 400}
.footerboxes li a:hover { color: #BFBFBF}
.homeimages {padding: 0px 0px}

.signup h3 {margin: 0; font-size:17px }

.tweet h3 {margin: 0; font-size:17px }
 
.accredlogo h4 {font-size:17px }
.accredlogo {margin: 0}

/* content boxes */


/* footer*/

.footerboxes {border: 1px; min-height: 80px; padding-top: 20px}
.footerboxes h5 {color: #FFFFFF; font-weight: 600}
.footerboxes p {color: #FFFFFF; font-size: 12px}
.footerboxes ul {padding-top: 0px}
a.footerareas {color: #FFFFFF}
#ft { background-color:#222222 !important; }
#ft .icon-grey a {color: #CCCCCC !important}
#ft .icon-grey a:hover {color: #999 !important}
.copy {margin-bottom: 20px;}
.copya a { font-size:11px; color: #CCCCCC}
.copya a:hover { text-decoration: none; color: #FFFFFF}
.copya { font-size:11px; color: #CCCCCC}
.copytitle{ font-size:14px; color: #CCCCCC}
.copyareas { font-size:12px; color: #CCCCCC}
hr { size:1px; border-color: #666 }

.contact {border: 1px solid #EEEEEE; background-color: #ededed; padding: 20px}

#pagecontent ul { line-height:35px; }
#pagecontent li { line-height:22px;  margin-top: 8px; padding-top:2px }
iframe { border:1px solid #eee !important; }
.newsitem p.briefdesc { font-size:11px; }

.img-full-width { width: 100%;}
.img-half-width { width: 50%;}
.img-third-width { width: 33%;}
.img-quarter-width { width: 25%;}

.embed-responsive-16by9 {
    padding-bottom: 33.25%;
}

.navoverview { padding-top: 20px;}




@media only screen and (min-width: 1400px) {
	.container { width: 1370px;}
}




@media only screen and (max-width: 1400px) {
	.nav.transparent>li>a { font-size: 14px;}
	.headcontact-transparent { font-size: 17px;}
	.headaddress { padding-right: 40px}
}



@media only screen and (min-width: 1025px) and (max-width: 1300px) {
	
	.headcontact-transparent { font-size: 16px;}
	.nav.transparent>li>a { font-size: 14px; padding: 14px 7px}
	.headaddress { padding-right: 20px}
	.logo-transparent { height: auto}
	.page #Carousel { padding: 30px 0;  background-attachment: fixed !important;background-position: top center !important;background-repeat: no-repeat !important;background-size: 107% !important;height: 395px;}
	
}



@media only screen and (max-width: 1024px) {
	/*#header-transparent { background: green;}*/
	
	.logo-transparent { height: auto}
	/*.nav.transparent>li>a { font-size: 14px; padding: 14px 7px}*/
	
	#fullnavbar {display: none}
	.navbar-nav.transparent { float: left; margin: 0; width: 100%;}
	.navbar-toggle { display: block}
	.navbar-toggle { margin: 0 !important; border-radius: 0px; padding-top: 8px !important}
	.navbar-toggle .icon-bar+.icon-bar {margin-top: 3px}
	.navbar-toggle .icon-bar {height: 2px !important}
	#navbar ul li { margin-right: 0px;}
	.collapsed.open ul {display: block !important}
	.collapsed ul {display: none !important}
	.collapse.in li { display: block !important;}
	.collapse li { display: none !important;}
	.navbar-collapse.collapse { display: none !important}
	.navbar-collapse.collapse.in { display: block !important}
	
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { position: absolute; top: 43%; z-index: 5; display: inline-block; margin-top: -10px;}
	.parallax {  background-size: contain;}
	.contentarea h2 { margin: 0px 0 10px 0;}
	.owl-item { padding: 53px 45px 50px; background-color: #fff; margin: 0 10px; min-height: 315px !important;}
	.parallax-container {position: relative;height: 315px;}
	.navbar { font-size: 10px !important}
	.nav>li>a { font-weight: bold; color: #FFFFFF; font-size: 14px;}
	#navbar ul li { margin-right: 40px;}
	.page #Carousel { padding: 30px 0; background-attachment: fixed !important; background-position: top center !important; background-repeat: no-repeat !important; background-size: contain !important; height: 200px;}
	#navbar ul li { margin-right: 0px;}
	/*.carousel-inner .carousel-position-four { width: 100%; color: #FFF; position: absolute;}*/
	.twitter-timeline { width: auto !important;}
	.brandedlogos {width: 85% !important} 
	.customer-review { padding:30px 0 !important; }
	.spacer75 {height: 30px}
	#ft .icon-grey {display: inline-flex; padding-left: 0}
}




@media only screen and (min-width: 1024px) and (max-width: 1024px) {
	.headcontact-transparent { display: none}
	.navoverview { clear: both; width: 100%;}
	.navbar-nav>li { float: none}
	.navbar { min-height: 0}
	.logo-transparent { padding-bottom: 20px;}
	.navholder { width: 100% !important}
	#navbar ul li { width: 100%;}
	.nav.transparent>li>a {    font-size: 18px;}
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
}




@media only screen and (min-width: 769px) and (max-width: 1023px) {
	.navbar { min-height: 0}
	#fullnavbar {display: none}
	.navbar-nav.transparent { float: left; margin: 0; width: 100%;}
	.navbar-toggle { display: block}
	.navbar-toggle { margin: 0 !important; border-radius: 0px; padding-top: 8px !important}
	.navbar-toggle .icon-bar+.icon-bar {margin-top: 3px}
	.navbar-toggle .icon-bar {height: 2px !important}
	#navbar ul li { margin-right: 0px;}
	.collapsed.open ul {display: block !important}
	.collapsed ul {display: none !important}
	.collapse.in li { display: block !important;}
	.collapse li { display: none !important;}
	.navbar-collapse.collapse { display: none !important}
	.navbar-collapse.collapse.in { display: block !important}
	.headcontact-transparent { display: none}
	.col-sm-8.navoverview { width: 100%;}
	.navbar-nav>li { float: none}
	.navholder { width: 100% !important}
}





@media only screen and (max-width: 768px) {
	/*#header-transparent { background: blue;}*/
	
	.navbar { min-height: 0}
	.newsitem p.briefdesc { display:none; }
	.newswidgetitle { margin-top:10px; }
	.review-slider {width: 90%}	
	.carousel-inner .carousel-position-four { padding: 0px; bottom: 15% !important; color: #FFF; position: absolute;}
	.parallax-container {position: relative;height: 240px;}
	.contentarea img {float: none !important}
	.contentarea h2 {text-align: center; margin-top: 10px !important}
	.contentarea p {text-align: center}
	.contentarea .contentimgholder {text-align: center!important}
	.page #Carousel { padding: 30px 0; background-attachment: fixed !important; background-position: top center !important; background-repeat: no-repeat !important; background-size: 240% !important; height: 400px;}	
	.owl-item.active {border: 1px solid #efefef; }
	.serviceblock { min-height: 370px; position: relative; padding: 15px;}
	.carousel-inner .carousel-position-four h2 { font-size: 33px !important;}
	.parallax {background-size: cover !important; background-position: center;background: url(/images/industrial-gas-engineers.jpg);}
	.spotlightline1 { font-size: 26px; text-shadow: 2px 3px #000;}
	.spotlightline2 { font-size: 22px;}
	.navbar-nav.transparent { float: left; margin: 0; width: 100%;}
	.fa-search {font-size: 15px; color: #062a3e }
	.owl-prev {left: 0px !important; top: 40% !important}
	.owl-next {right: 0px !important; top: 40% !important}
	.whitestrip {padding: 20px 0}
	.whitestrip h1	{font-size: 26px}
	.eventblock h2 {font-size: 20px; margin-top: 15px; }
	.eventblock p {display: none;}
	.eventblock .eventimg {padding-right: 0}
	.eventblock .eventtxt {padding-left: 0}
	.nav>li>a { color: #FFFFFF; font-weight: bold; padding: 14px 9px !important;  transition: all 0.3s ease;}
	.article {width: 50%}
	.twitter-timeline { width: auto !important;	}
	.brandedlogos { width: 95% !important;}
	.footerboxes.text-right { text-align: left}
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { position: absolute; top: 45%; z-index: 5; display: inline-block; margin-top: -10px;}
	.awardslogo img {margin-left: auto; margin-right: auto}
	.carousel-inner .carousel-position-four {  top:26% !important;  }
	.navoverview { padding-top:0px !important }
	.logo-transparent { margin-bottom: 10px !important;}
	.navholder { width: 100% !important}
	#navbar ul li { width: 100%;}
	.nav.transparent>li>a {    font-size: 18px;}
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	
}
@media only screen and (max-width: 460px) {
	.carousel-inner .carousel-position-four {
    top: 12% !important;
}

.carousel-inner .carousel-position-four-button {
    position: absolute;
    padding: 0;
    width: 100%;
    bottom:39% !important;
    color: #FFF;
    left: 0;
}
.btn-carousel {
    border: 2px solid #FFF;
    font-size: 15px;
    text-shadow: 1px 1px #000;
    font-weight: 700;
    padding: 8px 20px;
    border-radius: 8px;
    margin: 0 10px;
}
.intro {
transform: translate3d(0px, 0px, 0px);
    overflow:hidden;
	background-attachment: fixed !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
	height: 400px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    position: absolute;
    top: 55%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}


}

@media only screen and (max-width: 320px) {
	.parallax-container { height: 215px; }
}

/*
@media only screen and (min-width: 480px) { 
	#header-transparent { background: yellow;}
	.collapsed:hover .dropdown-menu { display: block; background-color: #2B3C68; z-index: 999999999;}
	.collapsed a:hover {display: block}
	.collapsed:hover .dropdown-menu li { width: 100%}	
	.navplus { display: none}
}
*/
/*
@media only screen and (max-width: 480px) {
	.newsitem p.briefdesc { display:none; }
	h1 {font-size: 20px;  margin-top: 10px; margin-bottom: 10px}
	.owl-item.active {border: 1px solid #efefef}
	#pagecontent p {clear: both}
	.imgspace {margin: 0 0 20px 0}
	.rotate{ -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; transition: all 0.5s linear;}
	.fa {float: right; padding-top: 3px}
	.welcometext .fa {float: none;}
	.rotate.down{  -moz-transform:rotate(-90deg);  -webkit-transform:rotate(-90deg); transform:rotate(-90deg);}
	.parallaxcat { background-size: 170% !important;}
	.page #Carousel { padding: 30px 0; background-attachment: fixed !important; background-position: top center !important; background-repeat: no-repeat !important; height: 300px; background-size: 235% !important;}
	.awardslogo img {margin-left: auto; margin-right: auto}
	.parallax { background-image: url(/images/industrial-gas-engineers.jpg);}
	.multiimg {margin-left: auto; margin-right: auto}
	.navoverview {padding: 0}
	.navplus { font-size: 12px; float: right; margin-right: 5px;  margin-top: 5px;}	
	.article {  width: 100%;}
	.dropdown-menu>li>a { display: block;  clear: both; font-weight: 400; line-height: 1.42857143; color: #fff; white-space: nowrap;}
	.unslider-nav { display: none;}
	.navbar { border-top: 0; float: left; width: 100%; border: 0; min-height: 0 !important; }
	.carousel-indicators { display: none}
	.spotlightline1 { font-size: 19px;}
	.spotlightline2 { font-size: 14px;}
	.page .spotlightline1 {font-size: 26px; font-weight: bold; text-shadow: 2px 3px #000; line-height: 30px}
	.carousel-inner .carousel-position-four h2 { margin-top: 0}
	.white-bgrd {background-color: #FFFFFF}	
	.color1 {color: #E8C60F}
	.color1-bgrd {background-color: #E8C60F}
	.color2 {color: #2B3C68}
	.color2-bgrd {background-color: #2B3C68}
	.owl-prev { left: 5px !important; top: 40% !important;}
	.owl-next { right: 5px !important; top: 40% !important;}
	.logo-transparent { margin-bottom: 15px; margin-left: 0;  transition: all 1s ease; ;}
	.carousel-inner { position: relative; width: 100%; overflow: hidden; height: 400px;}
	.owl-item {margin: 0 40px}
	.nav>li>a { font-weight: bold; color: #FFFFFF; font-size: 15px;}
	.serviceblock { min-height: 324px; position: relative; padding: 15px;}
	.navbar-nav.transparent { float: left; margin: 0;}
	.collapsed .dropdown-menu {display: none !important}
	.collapsed.open .dropdown-menu {display: block !important;background-color: #33487D;}
	.dropdown-menu li {padding-left: 0px}
	.nav>li { display: inline-block}
	#navbar ul li {margin-right: auto; width: 100%; }
	.newswidgetitle { color: #000000; font-size: 14px; margin-top: 15px; font-weight: bold; margin-bottom: 5px;}	
	.customer-review { padding:20px !important; }
	.spacer75 {height: 15px}	
	.footerboxes.text-right {text-align: left}
	#ft .icon-grey {display: inline-flex; padding-left: 0}
	.navbar-collapse {padding-right: 0px;  }
	.navbar { border-top: 0;float: left; border: 0; min-height: 0 !important}
	.navbar-nav { margin: 0 !important;  }
	.multi h2 {font-size: 16px !important}
	.articlepreview .imgholder a img { width: 100%}
	.articlepreview .imgholder { margin-bottom: 0px; padding-left: 0; max-height: 200px; overflow: hidden; padding-right: 0; text-align: center}
	.articlepreview { padding-left: 0; padding: 8px; height: 380px;  border: 1px solid #EEEEEE; background-color: #FAFAFA; overflow: hidden; text-overflow: ellipsis;margin: 0}
	.carousel-title-v3 {    line-height: 16px;  padding: 15px;} 
	
}
*/
/* Portrait  iphone 6,7,8*
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { 
	  
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { position: absolute; top: 40%; z-index: 5; display: inline-block; margin-top: -10px;}
	.carousel-inner.page .carousel-position-four { top: 42% !important}
	.carousel-inner .carousel-position-four { position: absolute; width: auto; background: transparent !important; padding: 0; bottom: 0% !important; top: 0; text-align: center; left: 0 !important;right: 0; margin: auto; height: 200px;color: #FFF;}
	.catimage h2 {      position: absolute;  width: auto; background: transparent !important;  padding: 0; bottom: 0% !important; top: 0; text-align: center; left: 0 !important; right: 0;  margin: auto;  height: 0px;  color: #FFF; }
	.awardslogo img {margin-left: auto; margin-right: auto}
	.carousel-indicators { position: absolute; bottom: 0px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none;}
	.carousel-control { top: 7px;}

}*/

/* Portrait iphone 5 
@media only screen and (max-width: 330px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
	  
	.navbar { border-top: 0; float: left; width: 100%; border: 0; min-height: 0 !important; }
	.carousel-title-v3 { line-height: 16px; padding: 10px;}
	.carousel-inner { position: relative; width: 100%; overflow: hidden; height: 125px;}
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { position: absolute; top: 40%; z-index: 5; display: inline-block; margin-top: -10px;}
	.article { width: 100%;}
	h1 {font-size: 20px; font-weight: bold}
	.whitestrip h1 { font-size: 20px;}
	.carousel-indicators { display: none;}
	.greybg { background-color:#efefef !important; padding: 20px;}
	.carousel-inner .carousel-position-four { left: 12% !important; background: rgba(0,0,0,0.5) !important; top: 2%; color: #FFF; width: auto;}
	
}
	*/