/*

font-family: 'Open Sans', sans-serif; 

400 Normal - 600 Semibold - 700 bold */





html {overflow-x: hidden;}

body {font-family: Arial, Helvetica, sans-serif;  font-size: 13px;  line-height: 1.4em;  color: #5e6f7f; background-color: #ffffff; color:#36383c}

p { font-size:1.2em; line-height:1.4em }



h1, h2, h3, h4 { font-family: 'Open Sans', sans-serif; }



::selection {background: #768ea5; color:#fff}

::-moz-selection {background: #768ea5; color:#fff}

.clearfix { clear:both}



/* Typography */

a { color: #142d37; text-decoration:underline}

a:hover { text-decoration: none; color: #142d37;}



/* Buttons */

.btn {border: none; color: #fff; cursor: pointer; padding: 13px 22px; display: inline-block; letter-spacing:0.35pt; text-align:center;

outline: none; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; font-family: 'Open Sans', sans-serif; font-weight:400; border-radius:7px; text-decoration:none}

.btn:active { border:none;}





#header2 { height: 100px; width: 100%; top:0; padding:0; margin:0; background-color:#142d37;  z-index:3000; position: fixed;}

#header2 #logo-container { padding:18px 0 0 20px; position:absolute; z-index:8000; }

#header2 #logo-container img { width:210px; height:auto;}

#header2 #logo-container a { cursor: pointer; }



/* old home pg header binned */

/*#header { height: 90px; width: 100%; top:0; padding:0; margin:0; background-color:#031753; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }



#header .toprow { height:43px; background:rgba(255,255,255,0.4); z-index:2000}



.logo-container { padding:18px 0 0 20px;}

.logo-container img { width:210px; height:auto; }



#header .logo-container img {width:190px; height:auto; }*/











.topheader { padding-top:7px; z-index:3000;  }

.topheader p { color:#fff; padding-top:4px; margin-right:6px; text-align:right; font-family: 'Open Sans', sans-serif; font-size:0.9em; font-weight:600 }



.topheader ul { margin:-18px 0 0 0; padding:0; float:right }

.topheader ul li { display:inline-block; margin:0; padding:0; list-style:none; height:23px; }



.topheader ul li.australia a { width:35px; height:23px; background:url(../images/flag-australia.gif) top left no-repeat; display:block; margin-right:8px; text-decoration:none}

.topheader ul li.thailand a { width:35px; height:23px; background:url(../images/flag-thailand.gif) top left no-repeat; display:block; margin-right:8px; text-decoration:none}

.topheader ul li.singapore a {  width:35px; height:23px; background:url(../images/flag-singapore.gif) top left no-repeat; display:block; margin-right:8px; text-decoration:none}

.topheader ul li.uk a {  width:35px; height:23px; background:url(../images/flag-uk.gif) top left no-repeat; display:block; margin-right:8px; text-decoration:none}

.topheader ul li.usa a {  width:35px; height:23px; background:url(../images/flag-usa.gif) top left no-repeat; display:block; margin-right:8px; text-decoration:none}

.topheader ul li.india a {  width:35px; height:23px; background:url(../images/flag-india.gif) top left no-repeat; display:block; margin-right:8px; text-decoration:none}

.topheader ul li.malaysia a {  width:35px; height:23px; background:url(../images/flag-malaysia.gif) top left no-repeat; display:block; margin-right:8px; text-decoration:none}

.topheader ul li.france a {  width:35px; height:23px; background:url(../images/flag-france.gif) top left no-repeat; display:block; margin-right:2px; text-decoration:none}







/* Menu */

#main-menu2 { display:none}





#indicatorContainer { position: absolute; height: 12px; width: 100%; bottom: 0px; overflow: hidden; z-index: -1; }

#pIndicator { position: absolute; height: 0; width: 100%; border: 12px solid transparent; border-top-color: #2b2f3a; z-index: -2; -webkit-transition: left .25s ease; -moz-transition: left .25s ease; -ms-transition: left .25s ease; -o-transition: left .25s ease; transition: left .25s ease; }

#cIndicator { position: absolute; height: 0; width: 100%; border: 12px solid transparent; border-top-color: #2b2f3a; top: -12px; right: 100%; z-index: -2; }



/* Responsive Menu */

#dl-menu {text-align: right; padding-top: 37px; margin-right: 80px; }

.dl-menuwrapper { text-align: right !important; margin-right: 80px !important; padding-top: 36px; z-index: 1000; 

-webkit-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; perspective-origin: 50% 200%; }

.dl-menuwrapper:first-child { margin-right: 100px; }

.dl-menuwrapper button { background: transparent; border: none; width: 36px; height: 36px; text-indent: -900em; 

overflow: hidden; position: relative; cursor: pointer; outline: none; padding: 0; top:20px; right:240px /* position of white button */ }







.dl-menuwrapper li.search { display:none}



.dl-menuwrapper button:hover,

.dl-menuwrapper button.dl-active,

.dl-menuwrapper ul { background: transparent; }



.dl-menuwrapper button:after { }



.dl-menuwrapper button:after { content: ''; position: absolute; width: 100%; height: 4px; background: #ffffff; 

border-radius: 4px; left: 0; box-shadow: 0 8px 0 #ffffff, 0 16px 0 #ffffff; /* colour of white button */}





.dl-menuwrapper ul { padding: 0; list-style: none; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.dl-menuwrapper li { position: relative; background: #f1f4fd; 	border-bottom:1px solid #a1accd;  }

.dl-menuwrapper ul li.active { background: #EEEEEE; 	background:#D81C1F}

.dl-menu span.icon-angle-right.pull-right { position: absolute; right: 10px; font-size: 11px; top: 20px;}

.dl-menuwrapper li a { display: block; position: relative; padding: 15px 20px; font-size: 16px; line-height: 20px; 

font-weight: 300; color: #3d3d3d; outline: none; text-decoration:none }

.dl-menuwrapper li a.active {background: #eeeeee;}

.dl-menuwrapper li a.active:hover { border-right: 0; }

.no-touch .dl-menuwrapper li a:hover { background: rgba(255,248,213,1.0); }

.dl-menuwrapper li.dl-back > a { padding-left: 30px; background: rgba(50,74,146,0.2); /* back button colour */ }

.dl-menuwrapper li.dl-back:after,

.dl-menuwrapper li > a:not(:only-child):after { position: absolute; top: -5px; line-height: 50px; font-family: 'icomoon'; 

speak: none; -webkit-font-smoothing: antialiased; content: "\f105"; color: #3d3d3d; font-size: 22px; /* submenu arrow */ }

.dl-menuwrapper li.dl-back:after { left: 10px; color: #3d3d3d; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.dl-menuwrapper li > a:after { right: 10px; color: rgba(0,0,0,0.15); }

.dl-menuwrapper .dl-menu { text-align: left; margin: 5px 0 0 0; position: absolute; width: 100%; opacity: 0; display:none; 

-webkit-transform: translateY(10px); transform: translateY(10px); 

-webkit-backface-visibility: hidden; backface-visibility: hidden; }

.dl-menuwrapper .dl-menu.dl-menu-toggle { transition: all 0.3s ease; }

.dl-menuwrapper .dl-menu.dl-menuopen { opacity: 1; -webkit-transform: translateY(0px); 

transform: translateY(0px); width: 100%; position: absolute; left: 45px; margin: 0; /*top: 102px; */top: -20px !important; display: block; /* drop down position */  }



/* Hide the inner submenus */

.dl-menuwrapper li .dl-submenu { display: none; }



/* 

When a submenu is openend, we will hide all li siblings.

For that we give a class to the parent menu called "dl-subview".

We also hide the submenu link. 

The opened submenu will get the class "dl-subviewopen".

All this is done for any sub-level being entered.

*/

.dl-menu.dl-subview li,

.dl-menu.dl-subview li.dl-subviewopen > a,

.dl-menu.dl-subview li.dl-subview > a { display: none; }

.dl-menu.dl-subview li.dl-subview,

.dl-menu.dl-subview li.dl-subview .dl-submenu,

.dl-menu.dl-subview li.dl-subviewopen,

.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,

.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li { display: block; }

/* Dynamically added submenu outside of the menu context */

.dl-menuwrapper > .dl-submenu { position: absolute; width: 100%; top: 102px; left: 0; margin: 0; }

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 { -webkit-animation: MenuAnimOut1 0.1s; animation: MenuAnimOut1 0.1s;/* animation effect */  }



@-webkit-keyframes MenuAnimOut1 {

  0% { }

  50% {

    -webkit-transform: translateZ(-250px) rotateY(30deg);

  }

  75% {

    -webkit-transform: translateZ(-372.5px) rotateY(15deg);

    opacity: .5;

  }

  100% {

    -webkit-transform: translateZ(-500px) rotateY(0deg);

    opacity: 0;

  }

}



@keyframes MenuAnimOut1 {

  0% { }

  50% {

    -webkit-transform: translateZ(-250px) rotateY(30deg);

    transform: translateZ(-250px) rotateY(30deg);

  }

  75% {

    -webkit-transform: translateZ(-372.5px) rotateY(15deg);

    transform: translateZ(-372.5px) rotateY(15deg);

    opacity: .5;

  }

  100% {

    -webkit-transform: translateZ(-500px) rotateY(0deg);

    transform: translateZ(-500px) rotateY(0deg);

    opacity: 0;

  }

}



.dl-menu.dl-animate-in-1 { -webkit-animation: MenuAnimIn1 0.3s; animation: MenuAnimIn1 0.3s; }



@-webkit-keyframes MenuAnimIn1 {

  0% {

    -webkit-transform: translateZ(-500px) rotateY(0deg);

    opacity: 0;

  }

  20% {

    -webkit-transform: translateZ(-250px) rotateY(30deg);

    opacity: 0.5;

  }

  100% {

    -webkit-transform: translateZ(0px) rotateY(0deg);

    opacity: 1;

  }

}



@keyframes MenuAnimIn1 {

  0% {

    -webkit-transform: translateZ(-500px) rotateY(0deg);

    transform: translateZ(-500px) rotateY(0deg);

    opacity: 0;

  }

  20% {

    -webkit-transform: translateZ(-250px) rotateY(30deg);

    transform: translateZ(-250px) rotateY(30deg);

    opacity: 0.5;

  }

  100% {

    -webkit-transform: translateZ(0px) rotateY(0deg);

    transform: translateZ(0px) rotateY(0deg);

    opacity: 1;

  }

}



.dl-menuwrapper > .dl-submenu.dl-animate-in-1 { -webkit-animation: SubMenuAnimIn1 0.4s ease; animation: SubMenuAnimIn1 0.4s ease; }



@-webkit-keyframes SubMenuAnimIn1 {

  0% {

    -webkit-transform: translateX(50%);

    opacity: 0;

  }

  100% {

    -webkit-transform: translateX(0px);

    opacity: 1;

  }

}



@keyframes SubMenuAnimIn1 {

  0% {

    -webkit-transform: translateX(50%);

    transform: translateX(50%);

    opacity: 0;

  }

  100% {

    -webkit-transform: translateX(0px);

    transform: translateX(0px);

    opacity: 1;

  }

}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 { -webkit-animation: SubMenuAnimOut1 0.4s ease; animation: SubMenuAnimOut1 0.4s ease; }



@-webkit-keyframes SubMenuAnimOut1 {

  0% {

    -webkit-transform: translateX(0%);

    opacity: 1;

  }

  100% {

    -webkit-transform: translateX(50%);

    opacity: 0;

  }

}



@keyframes SubMenuAnimOut1 {

  0% {

    -webkit-transform: translateX(0%);

    transform: translateX(0%);

    opacity: 1;

  }

  100% {

    -webkit-transform: translateX(50%);

    transform: translateX(50%);

    opacity: 0;

  }

}



/* No JS Fallback */

.no-js .dl-menuwrapper .dl-menu { position: relative; opacity: 1; -webkit-transform: none; transform: none; }

.no-js .dl-menuwrapper li .dl-submenu { display: block; }

.no-js .dl-menuwrapper li.dl-back { display: none; }

.no-js .dl-menuwrapper li > a:not(:only-child) { background: rgba(0,0,0,0.1); }

.no-js .dl-menuwrapper li > a:not(:only-child):after { content: ''; }















/* Slideshow */

#slideshow { margin-top:0px}



/*#slideshow.sticky { margin-top:90px}*/



.tp-banner li {  margin:0; padding:0; list-style:none}

.tp-banner-container { border-bottom:12px solid #142d37; clear:both}



.tp-leftarrow.default, .tp-rightarrow.default { z-index: 100; width: 60px; background:#fff ; opacity: 0.5; filter: alpha(opacity=50); height: 60px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; border: 2px solid #fff; color:#4d515a; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }



.tp-leftarrow.default:before, .tp-rightarrow.default:before { font-family: 'icomoon'; line-height: 55px; width: 60px; font-size: 28px; }

.tp-leftarrow.default:before { content: "\f104";}

.tp-rightarrow.default:before { content: "\f105";}

.tp-leftarrow.default:hover, .tp-rightarrow.default:hover {background: #4d515a; border-color:#fff; color:#fff; cursor:pointer}



.tp-leftarrow.default	{ margin-left:20px; }

.tp-rightarrow.default 	{ margin-right:30px; }



/*.tp-caption {

	width: 1200px;

	text-align: center !important;

	margin-top:300px;

	font-family: 'Open Sans', sans-serif;

	font-size: 3.7em; 

	line-height: 1.4em; 

	font-weight:800; 

	color: #ffffff !important;

	text-shadow: 2px 2px 3px #2f3033;

	 letter-spacing: 0.5px; 

	}*/



.tp-caption {

	width: 1200px;

	text-align: center !important;

	margin-top:88px;

	

	font-family: 'Open Sans', sans-serif;

	font-size: 2.8em; 

	line-height: 1.4em; 

	font-weight:800; 

	color: #ffffff !important;

	text-shadow: 2px 2px 3px #2f3033;

	 letter-spacing: 0.5px; 

	}

	

.tp-caption a.slider-button	{ border: 2px solid #fff; color: #fff; cursor: pointer; padding: 15px 80px 15px 48px; display: inline-block; letter-spacing:0.35pt; text-align:center; outline: none; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; font-weight: 600; /*font-size:1.5em; */border-radius:7px; font-size:0.4em; background:#142d37 url(../images/btn-arrow.png) 79% -10px no-repeat;}



.tp-caption a:hover.slider-button { border:2px solid #142d37; color:#fff; background:#415c67 url(../images/btn-arrow.png) 79% -10px no-repeat; }





a.box { background-color:#768ea5; border:1px solid #768ea5; border-radius:5px; font-family: 'Roboto', Helvetica, sans-serif; font-weight:500; color:#ffffff; font-size:1.3em; letter-spacing:0;  line-height:32px }

a.box:hover { background-color:#ffffff; border:1px solid #768ea5; color:#768ea5; }



/* END slideshow */





/* home pg intro */

.intro { text-align:center; }



.intro h2 { font-family: 'Open Sans', sans-serif; font-size:2.7em; font-weight:600; margin:35px 0 15px;}

.intro p { font-size:1.2em; line-height:1.45em;}





/* home pg product section */

.section-products { width:100%;}

.section-products h1 { padding:10px 0 0 0; font-size:1.3em; line-height:1.2em; color:#fff; font-family: 'Open Sans', sans-serif; font-weight:600; text-align:center  }

.section-products h1.single { padding:21px 0 0 0;}



#product1 a  { background: url(../images/product1.jpg) top center no-repeat; display:block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; height:255px; text-decoration:none}

#product1 a:hover  { background: url(../images/product1.jpg) bottom center no-repeat;  }



#product2 a  { background: url(../images/product2.jpg) top center no-repeat; display:block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; height:255px; text-decoration:none  }

#product2 a:hover  { background:url(../images/product2.jpg) bottom center no-repeat;}



#product3 a  { background: url(../images/product3.jpg) top center no-repeat; display:block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; height:255px; text-decoration:none }

#product3 a:hover  {  background:url(../images/product3.jpg) bottom center no-repeat;}



#product4 a  { background: url(../images/product4.jpg) top center no-repeat; display:block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; height:255px; text-decoration:none }

#product4 a:hover  {  background:url(../images/product4.jpg) bottom center no-repeat;}





#product5 a  {  background: url(../images/product5.jpg) top center no-repeat; display:block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; height:255px; text-decoration:none  }

#product5 a:hover  {  background:url(../images/product5.jpg) bottom center no-repeat;}



#product6 a  {  background: url(../images/product6.jpg) top center no-repeat; display:block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; height:255px; text-decoration:none  }

#product6 a:hover  {  background:url(../images/product6.jpg) bottom center no-repeat;}



#product7 a  {  background: url(../images/product7.jpg) top center no-repeat; display:block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; height:255px; text-decoration:none  }

#product7 a:hover  {  background:url(../images/product7.jpg) bottom center no-repeat;}



#product8 a  {  background: url(../images/product8.jpg) top center no-repeat; display:block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; height:255px; text-decoration:none  }

#product8 a:hover  {  background:url(../images/product8.jpg) bottom center no-repeat;}





.mtop60 { margin-top:60px}

.row-bg { background-color:#dddfe1; padding:50px 0; margin:50px 0}

.row-bg2 { /*background-color:#dddfe1;*/ padding:70px 0 90px 0; margin:50px 0 25px 0}

.row-bg3 { background-color:#eeeff0; padding:50px 0; margin:50px 0}



.img-left { float:left; margin-right:35px}

.img-right { float:right; margin-left:35px}



.img-left2 { float:left; margin-right:30px; margin-bottom:15px; width:175px; height:auto}



a.btn-main	{ border: 2px solid #fff; color: #fff; cursor: pointer; padding: 15px 73px 15px 48px; display: inline-block; letter-spacing:0.35pt; text-align:center; outline: none; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; font-weight: 600; border-radius:7px; font-size:1.1em; background:#142d37 url(../images/btn-arrow2.png) 89% 50% no-repeat; margin:20px 0; text-decoration:none}





a:hover.btn-main { border:2px solid #142d37; color:#fff; background:#46636e url(../images/btn-arrow2.png) 89% 50% no-repeat; }





.row-bg2 form { margin-top:25px}

.row-bg2 form input {border:2px solid #b3b7cb; padding:0 12px; color:#787d83; border-radius:7px; height:60px; width:380px; margin:0 10px 0 0 ; font-size:1.3em }

.row-bg2 form input.btn-main { border: 2px solid #fff; color: #fff; cursor: pointer; padding: 8px; display: inline-block; text-align:center; outline: none; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; font-weight: 600; border-radius:7px; font-size:1.3em; background-color:#142d37; width:80px}

.row-bg2 form input.btn-main:hover { border:2px solid #142d37; color:#fff; background:#46636e; }







.footerlogos { background-color:#eceff0;  padding:50px 0 15px 0; margin-top:45px}

.footerlogos ul { margin:0; padding:0; }

.footerlogos ul li { display:inline-block; margin:0; padding:0; list-style:none; height:80px}



.footerlogos ul li.logo1 a {  width:106px; width:125px; height:80px; background:url(../images/footer-logo1.gif) top left no-repeat; display:block; margin-right:23px}

.footerlogos ul li.logo2 a {  width:60px; width:79px; height:80px; background:url(../images/footer-logo2.gif) top left no-repeat; display:block; margin-right:23px}

.footerlogos ul li.logo3 a {  width:114px; width:133px; height:80px; background:url(../images/footer-logo3.gif) top left no-repeat; display:block; margin-right:23px}

.footerlogos ul li.logo4 a {  width:162px; width:181px; height:80px; background:url(../images/footer-logo4.gif) top left no-repeat; display:block; margin-right:23px}

.footerlogos ul li.logo5 a {  width:154px; width:173px; height:80px; background:url(../images/footer-logo5.gif) top left no-repeat; display:block; margin-right:23px}

.footerlogos ul li.logo6 a {  width:120px; width:139px; height:80px; background:url(../images/footer-logo6.gif) top left no-repeat; display:block; margin-right:23px}

.footerlogos ul li.logo7 a {  width:91px; width:110px; height:80px; background:url(../images/footer-logo7.gif) top left no-repeat; display:block; margin-right:23px}

/*.footerlogos ul li.logo8 a {  width:137px; height:80px; background:url(../images/footer-logo8.gif) top left no-repeat; display:block; margin-right:0}*/

















/* product pages */



.bg-image { background: url(../images/mainpic1.jpg) top center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; max-height: 379px; height:379px; border-bottom:7px solid #142d37; }



.bg-image1 { background: url(../images/mainpic-marine.jpg) top center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; max-height: 379px; height:379px; border-bottom:7px solid #142d37; }



.bg-image2 { background: url(../images/mainpic-fuel.jpg) top center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; max-height: 379px; height:379px; border-bottom:7px solid #142d37; }



.bg-image3 { background: url(../images/mainpic-mining.jpg) top center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; max-height: 379px; height:379px; border-bottom:7px solid #142d37; }



.bg-image4 { background: url(../images/mainpic-rail.jpg) top center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; max-height: 379px; height:379px; border-bottom:7px solid #142d37; }



.bg-image5 { background: url(../images/mainpic-industrial.jpg) top center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; max-height: 379px; height:379px; border-bottom:7px solid #142d37; }



.bg-image6 { background: url(../images/mainpic-refineries.jpg) top center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; max-height: 379px; height:379px; border-bottom:7px solid #142d37; }





.bg-image7 { background: url(../images/mainpic-auto.jpg) top center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; max-height: 379px; height:379px; border-bottom:7px solid #142d37; }



.bg-image8 { background: url(../images/mainpic-mwf.jpg) top center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; max-height: 379px; height:379px; border-bottom:7px solid #142d37; }



.bg-image9 { background: url(../images/mainpic-mwf2.jpg) top center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; max-height: 379px; height:379px; border-bottom:7px solid #142d37; }



.bg-image10 { background: url(../images/mainpic-ndt.jpg) top center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; max-height: 379px; height:379px; border-bottom:7px solid #142d37; }



.bg-image11 { background: url(../images/mainpic-ndt2.jpg) top center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; max-height: 379px; height:379px; border-bottom:7px solid #142d37; }



.bg-image12 { background: url(../images/mainpic-welding.jpg) top center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; max-height: 379px; height:379px; border-bottom:7px solid #142d37; }



.bg-image13 { background: url(../images/mainpic-ind.jpg) top center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; max-height: 379px; height:379px; border-bottom:7px solid #142d37; }



.bg-image14 { background: url(../images/mainpic-contract.jpg) top center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; max-height: 379px; height:379px; border-bottom:7px solid #142d37; }



.bg-image15 { background: url(../images/mainpic-aero.jpg) top center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; max-height: 379px; height:379px; border-bottom:7px solid #142d37; }



.bg-image16 { background: url(../images/mainpic-biodiesel.jpg) top center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; max-height: 379px; height:379px; border-bottom:7px solid #142d37; }




.bg-image17 { background: url(../images/mainpic-aircraft1.jpg) top center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; max-height: 379px; height:379px; border-bottom:7px solid #142d37; }

.bg-image18 { background: url(../images/mainpic-aircraft2.jpg) top center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; max-height: 379px; height:379px; border-bottom:7px solid #142d37; }

.bg-image19 { background: url(../images/mainpic-aircraft3.jpg) top center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; max-height: 379px; height:379px; border-bottom:7px solid #142d37; }

.bg-image20 { background: url(../images/mainpic-aircraft4.jpg) top center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; max-height: 379px; height:379px; border-bottom:7px solid #142d37; }



.bg-image-map { background: url(../images/mainpic-map1.jpg) top center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; max-height: 379px; height:379px; border-bottom:7px solid #142d37; }



.mainpic { width:100% !important;   }

/*#map { height:479px !important;	 border-bottom:7px solid #031753;}

*/



/*select.subnav-mob { display:none}*/

.subnav { padding-right:30px; }

.subnav ul { margin-top:25px; padding:0}

.subnav ul li { margin:0; padding:0; list-style:none; font-family: 'Open Sans', sans-serif; }

.subnav ul li a { 

	padding:15px 0px 15px 10px; 

	border-bottom:1px solid #c5c8d1;

	color:#36383c;

	text-transform:uppercase;

	display:block;

	 font-weight:700;

	 -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;

	 text-decoration:none;

	 z-index:20;

	

	}

	

.subnav ul li a:hover { background-color:#bec9cc	}



.subnav ul li.sub a { background:url(../images/nav-arrow1.png) 92% 50% no-repeat}

.subnav ul li.sub-on a { background:url(../images/nav-arrow2.png) 92% 50% no-repeat}



.subnav ul li.sub a:hover { background:#bec9cc url(../images/nav-arrow1.png) 92% 50% no-repeat}

.subnav ul li.sub-on a:hover { background:url(../images/nav-arrow2.png) 92% 50% no-repeat}



/* arrows on parent items */

.subnav ul li a.parent { background:url(../images/nav-arrow1.png) 92% 50% no-repeat}

.subnav ul li a.parent1 { background:#e3e8e9 url(../images/nav-arrow2.png) 92% 50% no-repeat}



.subnav ul li ul.level3 li a.parent {background:url(../images/nav-arrow1.png) 92% 50% no-repeat}

.subnav ul li ul li ul.level4 li a.parent {background:url(../images/nav-arrow1.png) 92% 50% no-repeat}





.subnav ul li a:hover.parent1 { background:#bec9cc url(../images/nav-arrow2.png) 92% 50% no-repeat}

.subnav ul li ul.level3 li a:hover.parent {background:#bec9cc url(../images/nav-arrow1.png) 92% 50% no-repeat}

.subnav ul li ul li ul.level4 li a:hover.parent {background:#bec9cc url(../images/nav-arrow1.png) 92% 50% no-repeat}





.subnav ul li ul.level3 li a {background-image:none}

.subnav ul li ul li ul.level4 li a {background-image:none}

.subnav ul li ul.level3 li a:hover {background-image:none; background-color:#bec9cc}

.subnav ul li ul li ul.level4 li a:hover {background-image:none; background-color:#bec9cc}





.subnav ul ul { padding-left:40px; margin-top:0; padding:0}

.subnav ul ul li a { padding:12px 40px;}





.subnav a.selected, .subnav a:hover {

	background: #eaecf1;

	}





/* level 3 */

.subnav ul li ul li a {

	padding:13px 15px 13px 48px;

	 }



.subnav ul li ul li:hover ul.level4 {

	display: block;	}



/* level 4 */

.subnav ul li ul li ul {

	z-index: 5;

	display: none;

	position: absolute;

	left: 360px;

	margin-top: -46px;

	border:1px solid #a9b1b1;

	background-color:#fff;

	}



.subnav ul li ul li ul li a {

	padding: 13px 0 13px 24px;

	width:180px;

	text-align: left;

		

	}



.subnav ul li ul li ul li a:hover {

	background-image: none;

	}



.subnav ul li ul li ul li:hover ul.level5 {

	display: block;	

	}

	

	

/* level 5 */

.subnav ul li ul li ul li ul {

	z-index: 5;

	left: 180px;

	margin-top: -46px;

	border:1px solid #a9b1b1;

	background-color:#fff;

	}



.subnav ul li ul li ul li ul li a {

	padding: 13px 0 13px 24px;

	width:210px;

	text-align: left;

	}



.subnav ul li ul li ul li ul li a:hover {

	background-image: none;

	}

























.page {  }

.page-content { padding-left:0; padding-right:50px}

.page p { color:#36383c; margin-bottom:15px; font-size:1.2em; line-height:1.4em}



.page h1 {/* page subheading */

	color:#6f7073;

	font-size:1.6em;

	padding-bottom:5px;

	font-weight:600;

	border-bottom:1px solid #a2aaaa;

	margin-bottom:20px;

	line-height:1.3em

	}



.page h1 {/* page subheading */

	color:#6f7073;

	font-size:1.9em;

	padding-bottom:5px;

	font-weight:600;

	border-bottom:1px solid #a2aaaa;

	margin-bottom:20px;

	line-height:1.3em

	}

	

.page h2 {/* page subtitles */

	color:#142d37; 

	font-size:1.4em;

	font-weight:600;

	line-height:1.3em;

	padding-bottom:0px

	}



.page h2.big {/* page subtitles */

	color:#142d37; 

	font-size:1.6em;

	font-weight:600;

	padding-bottom:4px;

	border-bottom:1px dotted #a2aaaa;

	margin-bottom:15px

	}



.page h2.big2 {/* page subtitles */

	color:#142d37; 

	font-size:1.4em;

	font-weight:600;

	padding-bottom:4px;

	border-bottom:1px dotted #a2aaaa;

	margin-bottom:15px

	}

	

.page h2.box {/* page subtitles */

	color:#142d37; 

	font-size:1.4em;

	font-weight:600;

	padding-bottom:4px;

	border:1px dotted #a2aaaa;

	padding:8px 10px;

	text-transform:uppercase;

	margin-bottom:15px

	}	

	

.page h3 {/* main page heading */

	color:#142d37; 

	font-size:2.8em;

	font-weight:600;

	padding-bottom:12px

	}



.contact h3 {/* main page heading */

	color:#142d37; 

	font-size:1.3em;

	font-weight:700;

	padding-bottom:0px

	}



.page h4 {/* page subtitles */

	color:#6f7073; 

	font-size:1.2em;

	font-weight:600;

	line-height:1.3em;

	padding-bottom:0px;

	padding-top:4px

	}

	

		

.breakout {

	color:#6f7073; 

	font-size:1.5em;

	line-height:1.3em;

	font-weight:600;

	font-family: 'Open Sans', sans-serif;

	margin:25px 0 25px 30px;

	float:right;

	width:250px;

	border-top:1px dotted #a2aaaa;

	border-bottom:1px dotted #a2aaaa;

	padding:16px 0 18px

	}







.breakout2 {

	color:#6f7073; 

	font-size:1.5em;

	line-height:1.3em;

	font-weight:600;

	font-family: 'Open Sans', sans-serif;

	margin:5px 0 25px 30px;

	float:right;

	width:250px;

	border-top:1px dotted #a2aaaa;

	border-bottom:1px dotted #a2aaaa;

	padding:16px 0 18px

	}



.markets { margin-bottom:25px;}	

.markets img { border:2px solid #a1a5b0; margin-bottom:8px;}



.product-th { margin-bottom:25px; text-align:center}

.product-th img { border:2px solid #a1a5b0; margin-bottom:2px; width:160px; height: auto; text-align:center}

.product-th a { text-decoration:none}

.product-th a:hover { text-decoration:underline}

.product-th h2 { font-size:1.1em}



.ndt { margin-bottom:25px; margin-left:-14px; /*margin-right:1.8%;*/ line-height:1.3em; text-align:center}

.ndt2 { margin-bottom:25px; margin-left:-14px; margin-right:1.5%; line-height:1.3em; text-align:center}	

.ndt img { border:2px solid #a1a5b0; margin-bottom:8px;}

.ndt2 img { margin-bottom:8px;}



.ndt h3, .ndt2 h3 {

	color:#031753; 

	font-size:1.2em;

	font-weight:600;

	line-height:1.2em;

	padding-bottom:4px

	}



.ndt a { text-decoration:none}

.ndt a:hover {text-decoration:underline}



.ndt2 a { text-decoration:none;}

.ndt2 a:hover {text-decoration:underline}

.ndt2 p { line-height:1.2em; font-size:1em}



.links { text-align:center; margin-top:15px}

.links img { margin-bottom:8px;}

.links h2 { color:#142d37}

.links a { text-decoration:none}

.links a:hover { text-decoration:underline}

	

.line-links { border-bottom:1px dotted #ccc; margin:30px auto 20px; width:70%;}

.line { border-bottom:1px dotted #ccc; margin:20px 0;}



.certificates form { margin-top:35px}

.certificates input , .mainmenu-search input{ padding:10px; border:1px solid #6f7073; font-size:1.2em; color:#404248; margin-right:7px}
.mainmenu-search input[type="button"] { background-color: white;}

.error { color: red !important; }



.contact { text-align:center}





/* product pg brochure downloads */

.brochures { padding-right:0; float:right;}

.brochures ul { margin:0 0 0 0; padding:0; float:right }

.brochures ul li.heading { font-size:1.6em; text-transform:uppercase; color:#142d37; height:26px; font-family: 'Open Sans', sans-serif; font-weight:700; margin-top:-6px; margin-left:-10px }

.brochures ul li.brochure { text-align:center; padding:0; margin-bottom:10px; margin-left:-10px;}

.brochures ul li.brochure a { text-decoration:none; color:#142d37; margin-bottom:0px; font-size:1.1em; line-height:1em; font-weight:600 }

.brochures ul li.brochure a span { text-decoration:none; color:#142d37; font-size:0.9em; line-height:1em; font-weight:400}

.brochures ul li.brochure a:hover { text-decoration:underline}

.brochures ul li.brochure img  {margin-bottom:2px; border:2px solid #a1a5b0; width: 250px;  }











ul li.brochure-horiz { text-align:center; padding:0; margin-bottom:10px; display:inline-block; margin-right:7px; width:240px; vertical-align:top}

ul li.brochure-horiz a { text-decoration:none; color:#031753; margin-bottom:0px; font-size:1.1em; line-height:1em; font-weight:600 }

ul li.brochure-horiz a span { text-decoration:none; color:#031753; font-size:0.9em; line-height:1em; font-weight:400}

ul li.brochure-horiz a:hover { text-decoration:underline}

ul li.brochure-horiz img  {margin-bottom:2px; border:2px solid #a1a5b0; width: 240px;  }





.broch-left { margin-left:-15px}

.broch { text-align:center; padding:0; border:1px solid #a2aaaa;  margin-top:6px}

.broch img { text-align:center; margin-bottom:5px}

.broch a  { text-decoration:none}

.broch a:hover  { text-decoration:underline}

.broch h2 { margin-bottom:3px}

.broch p { text-decoration:none; font-size:1em; padding:0 10px}















.tables { padding: 0}

ul.datasheets { margin-bottom:30px; padding:0; width:100%}

ul.datasheets li { list-style:none; font-family: 'Open Sans', sans-serif; font-size:1.1em;    }





ul.datasheets li.heading { background-color:#142d37; padding:12px 15px; font-size:1.15em; color:#fff; font-weight:700; text-transform:uppercase }

ul.datasheets li.title { background-color:#46636e; padding:9px 15px; color:#fff; font-weight:700; text-transform:uppercase }



ul.datasheets li span { font-weight:700}



/*ul.datasheets li a { display:block; padding:10px 15px; color:#36383c;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; text-decoration:none;  background:url(../images/pdf-datasheet.png) 95% 50% no-repeat  }

ul.datasheets li.alt a { display:block; padding:10px 15px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;  background:#e3e8e9 url(../images/pdf-datasheet.png) 95% 50% no-repeat  }

ul.datasheets li a:hover, ul.datasheets li.alt a:hover {background-color:#bec9cc }*/







ul.datasheets li { display:block; padding:10px 15px; color:#36383c; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; text-decoration:none;    }

ul.datasheets li.alt { display:block; padding:10px 15px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;  background:#e3e8e9 }

ul.datasheets li:hover, ul.datasheets li.alt:hover {background-color:#bec9cc }



ul.datasheets li img { vertical-align:middle; width:33px; height:31px; margin-top:-6px}



ul.datasheets li a.pdf-link img { float:right; margin-right:5px; margin-left:10px }

ul.datasheets li a.shop-link img { float:right}

/*.pdf-link {background:url(../images/pdf-datasheet.png) 95% 50% no-repeat}

.shop-link {}*/





.breadcrumbs {  color: #a1a5b0; font-size:0.9em; padding:0; text-align:right;}

.breadcrumbs ul { margin:0; padding:0}

.breadcrumbs ul li { list-style:none; display:inline-block}

.breadcrumbs ul li a {  color: #a1a5b0; text-decoration:none; padding:0 5px}

.breadcrumbs ul li a:hover {text-decoration:underline }

























/* Footer */

.footer { padding-top:40px; background-color:#142d37; border-top:20px solid #46636e; margin-top:45px }

.footer h3 {font-family: 'Roboto', Helvetica, sans-serif; font-weight:300; font-size:2em; margin:15px 0 10px 0;  color:#374e66}

.footer p {color: #768ea5;}





.footer-social { margin-top:10px; text-align:center}

.footer-social ul { margin:0; padding:0}

.footer-social ul li 	{ display:inline-block; margin:0; padding:0; list-style:none; height:38px}



.footer-social ul li.linkedin a 		{ width:147px; height:38px; background:url(../images/logo-linkedin.gif) top left no-repeat; display:block; font-size:1px}

.footer-social ul li.linkedin a:hover 	{ background:url(../images/logo-linkedin.gif) bottom left no-repeat}







.address { text-align:center}

.address p { color:#fff; font-size:1.1em; line-height:1.5em}

.address p a { color:#fff; text-decoration:none}

.address p a:hover {text-decoration:underline}







.copyright { font-size: 0.9em; line-height:1.4em; text-align:center; padding:15px 0 30px}

.copyright a { text-decoration:none; padding-left:5px; color: #000000;}

.copyright a:hover { text-decoration:underline}



.copyright p { color: #000000;}





.copyright .sonic a { font-size: 1em; color: #969696; text-decoration:none; font-weight:300}

.copyright .sonic a:hover { text-decoration:underline}







.footerlinks { text-align:center; padding:30px 15px 10px; color: #000000;  font-size: 1em;}

.footerlinks ul { margin:0; padding:0}

.footerlinks ul li { margin:0; padding:0}

.footerlinks ul li a { text-decoration:none; color: #36383c;}

.footerlinks ul li a:hover { text-decoration:underline}



.footerlinks ul li h2 span a { font-size:1.05em; line-height:1.3em; font-weight: bold; padding-bottom:4px}

.footerlinks ul li h2 { font-size:1.05em; line-height:1.3em; font-weight:bold; padding-bottom:6px}

/*.footerlinks ul li h2 span a { color: #000000; text-decoration:none;  font-weight:300; }*/

.footerlinks ul li h2 span a:hover {  text-decoration:underline }







/* Back to top button */

#back-top { position: fixed; bottom: 30px; right: 15px; background: #142d37; border-radius: 4px; 

border-bottom: none; }

#back-top a { color: #ffffff; padding: 5px 13px; line-height: 30px; text-decoration:none}

#back-top:active { border-bottom: none;}


img.mid { vertical-align:middle;}


sup {
    vertical-align: super;
    font-size: smaller;
	} 


.reddot { background:url(../images/map-reddot.gif) center left no-repeat; padding:0 0 0 20px	}
.yellowsquare1 { background:url(../images/map-yellowsquare.gif) center left no-repeat; padding:0 0 0 20px	}


ul.sitemap {
	line-height: 1.4em;
	padding-left:35px
	}

	

ul.sitemap ul { padding-left:40px}



ul.sitemap li a {

	text-decoration: none;

	padding-bottom:2px

	}



ul.sitemap li a:hover {	text-decoration: underline;	}



ul.list 	{ margin-bottom:10px; padding:0}

ul.list li 	{ margin-left:40px; padding:0; list-style: disc; font-size:1.1em; padding-bottom:3px; }





.featured-list	{display:block;font-size:0;padding:5px 0 0 0;text-align:center; align-content:center}

.featured-list2	{display:block;font-size:0;padding:20px 0 0 0;text-align:center; align-content:center}



.featured-list-item2	{display:inline-block; margin:0 20px 10px 0; list-style:none; vertical-align:top; text-align:center; width:22%;}

.featured-list-item	{display:inline-block; margin:0 30px 10px 0; list-style:none; vertical-align:top; text-align:center; width:28%}

.featured-list-item-link	{display:inline-block}

.featured-list-item-link:hover	{text-decoration:none}

.featured-list-item-link:hover .featured-list-item-image	{border-radius:6px; }



.featured-list-item-image	{border-radius:130px; display:block; height: 130px; margin:0 auto 10px; overflow:hidden; position:relative; text-shadow:0 0 6px #000000; width:130px; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out}



.featured-list-item-image h4 {color:#ffffff; font-size:16px; font-weight:bold; margin:0; padding:0 10px; position:absolute; vertical-align:middle; top:0; right:0;bottom:0;left:0;z-index:0; padding-top:24px; font-family:Arial, Helvetica, sans-serif; line-height:1.1em; }

.featured-list-item-image h4:hover { opacity:0.3; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out}



.featured-list-item-image h4.single {padding-top:50px; }

.featured-list-item-image h4.double {padding-top:45px; }

.featured-list-item-image h4.triple {padding-top:38px; }



.featured-list-item-image img	{display:inline-block;width:100%}



.featured-list-item-text { display:block}

.featured-list-item-text p { color:#000; font-size:16px; background-color:#CC1D20; display:block }

.featured-list-item-text a	{ font-size:16px}





.prod-data-table { width:100%; margin-top:10px; margin-bottom:35px}

.prod-data-table thead tr { background-color:#bec9cc;  }

.prod-data-table thead td {padding:8px 10px; font-size:1.1em; font-weight:600; line-height:1.2em; vertical-align:middle; color:#142d37   }



.prod-data-table tbody tr {    }

.prod-data-table tbody td {padding: 12px; font-size:1em; font-weight:400; border:1px solid #cfd1d7; border-top:none}

.prod-data-table tbody td img { vertical-align:top}



.prod-data-table thead td.col1 { width:63%; border-left:1px solid #c0c6d6}

.prod-data-table thead td.col2 { width:15%; border-left:1px solid #fff}

.prod-data-table thead td.col3 { width:12%; border-left:1px solid #fff}

.prod-data-table thead td.col4 { width:10%; border-left:1px solid #fff}





.prod-data-table thead td.col1a { width:53%; border-left:1px solid #c0c6d6}

.prod-data-table thead td.col2a { width:15%; border-left:1px solid #fff}

.prod-data-table thead td.col3a { width:12%; border-left:1px solid #fff}

.prod-data-table thead td.col4a { width:10%; border-left:1px solid #fff}

.prod-data-table thead td.col5a { width:10%; border-left:1px solid #fff}





.prod-data-table thead td.col1b { width:20%; border-left:1px solid #c0c6d6}

.prod-data-table thead td.col2b { width:15%; border-left:1px solid #fff}

.prod-data-table thead td.col3b { width:20%; border-left:1px solid #fff}

.prod-data-table thead td.col4b { width:15%; border-left:1px solid #fff}

.prod-data-table thead td.col5b { width:30%; border-left:1px solid #fff}



.prod-data-table thead td.col5 { width:38%; border-left:1px solid #c0c6d6}

.prod-data-table thead td.col6 { width:20%; border-left:1px solid #fff}

.prod-data-table thead td.col7 { width:20%; border-left:1px solid #fff}

.prod-data-table thead td.col8 { width:22%; border-left:1px solid #fff}





.prod-data-table thead td.col9 { width:29%; border-left:1px solid #c0c6d6}

.prod-data-table thead td.col10 { width:24%; border-left:1px solid #fff}

.prod-data-table thead td.col11 { width:33%; border-left:1px solid #fff}

.prod-data-table thead td.col12 { width:14%; border-left:1px solid #fff}



.prod-data-table td.col11a img  { width:238px !important; height:auto}

.prod-data-table td.col11b img  { width:auto; height:250px !important;}

.prod-data-table td.col11c img  { width:auto; height:180px !important;}



.prod-data-table thead td.col13 { width:67%; border-left:1px solid #c0c6d6}

.prod-data-table thead td.col14 { width:33%; border-left:1px solid #fff}



.prod-data-table thead td.col15 { width:53%; border-left:1px solid #fff}



.prod-data-table thead td.col16 { width:19%; border-left:1px solid #c0c6d6}

.prod-data-table thead td.col17 { width:27%; border-left:1px solid #fff}



.prod-data-table thead td.col1d { width:18%; border-left:1px solid #c0c6d6}

.prod-data-table thead td.col2d { width:20%; border-left:1px solid #fff}

.prod-data-table thead td.col3d { width:20%; border-left:1px solid #fff}

.prod-data-table thead td.col4d { width:36%; border-left:1px solid #fff}

.prod-data-table thead td.col5d { width:6%; border-left:1px solid #fff}



.prod-data-table2 { width:100%; margin-top:10px; margin-bottom:35px}

.prod-data-table2 thead tr { background-color:#c0c6d6;  }

.prod-data-table2 thead td {padding:8px 10px; font-size:1.1em; font-weight:600; line-height:1.2em; vertical-align:middle; color:#031753;border-left:1px solid #fff   }



.prod-data-table2 tbody tr {    }

.prod-data-table2 tbody td {padding: 4px; font-size:1em; font-weight:400; border:1px solid #cfd1d7; border-top:none;}

.prod-data-table2 tbody td img { vertical-align:top}



.prod-data-table2 td.col18 { border-top:1px solid #cfd1d7 }



.prod1 { margin-bottom:8px}



.tds2  { clear:left; margin-bottom:15px; vertical-align:middle; overflow:hidden; line-height:1.2em; font-size:0.9em}

.tds2 img { float:left; margin-right:5px; width:45px}





.ndt-news1 { padding-bottom:10px; margin-bottom:16px; border-bottom:1px dotted #ccc}	



.ndt-news-heading {

	font-family: 'Open Sans', sans-serif;

	font-weight:600;

	margin-bottom: 3px;

	color:#031753;

	font-size: 1.2em;}

		

.ndt-news-date {

	font-family: 'Open Sans', sans-serif;

	font-weight:400;

	margin-bottom: 8px;

	font-size: 0.8em;

	text-transform:uppercase}



.panel-group { display:none !important}

.panel-group #accordion { display:none}





.desktop-switch a {font-family: 'Open Sans', sans-serif; font-weight:600; text-transform:uppercase; font-size: 1em; color: #000000; line-height: 1.4em; text-decoration:none;margin-top:10px }

.desktop-switch a:hover {text-decoration:underline}





.mob-back { display:none}



.ndt-col { float:left; width:30%; margin-right: 15px}

.shop { vertical-align:middle; margin-right:7px}

.prod-data-table h2 { font-size:1em !important;  color:#142d37}

.broch-title { background-color: #d1d8db; padding:10px; font-family: 'Open Sans', sans-serif; font-weight:700; text-transform:uppercase; font-size: 1.5em; color:#142d37; margin:15px 0 25px 0 }

.broch1 { text-align:center; margin-bottom: 20px; margin-top: 60px; min-height: 332px;}
.broch1 img { border:1px solid #d1d8db}
.broch1 a { text-decoration:none;  font-family: 'Open Sans', sans-serif; font-weight:700; font-size:1.1em}
.broch1 a:hover { text-decoration: underline}

.page-title h3 {

    color: #142d37;
    font-size: 2.8em;
    font-weight: 600;
    padding-bottom: 8px;

}

/* Search field in Main menu */
#main-menu ul ul li div {
    background: #142d37;
    border-right: none;
    border-bottom: none;
    padding: 12px 20px;
    border-bottom: 1px solid #2e4852;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

.mainmenu-search a {
	background: url(../images/nav-search.png) center no-repeat;
	width: 30px;
}

.mainmenu-search input[type=text] {
	width: 190px;
}

.mainmenu-search input[type=submit] {
	width: 60px; height:35px;
}


#page-wrapper {
  padding-top: 100px;
}

.sticky #header2 {
  background-color: rgba(20, 45, 55, 0.9);
}

.footer-flag-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.footer-flag-container > div {
  flex: 0 0 228px;
  width: 228px;
}


.videos-page-video-container .col-sm-6 p { width: 100%; padding-bottom: 56.25%; position: relative; }
.videos-page-video-container .col-sm-6 p iframe { position: absolute; left: 0;}


.flex-container {
  display: flex;
  flex-wrap: wrap;
}
.link-container {
  /*column-count: 2;*/
  padding-top: 20px;
}
.link-item {
  display: flex;
  flex-wrap: wrap;
  text-decoration: none;
  border-bottom: 1px dotted #ccc;*/
  margin: 0;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
}
.link-item > div:first-child {
  flex: 0 0 244px;
  margin-right: 20px;
  text-align: center;
}
.link-item > div:first-child img {
  max-width: 100%;
}
.link-item > div:nth-child(2) {
  flex: 1 1 244px;
}
.flex-list-centered {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.flex-list-item-third {
  flex: 1 1 300px;
  max-width: 380px;
  min-width: 300px;
  padding: 0 10px;
  margin-bottom: 47px;
  text-align: center;
}
.videodiv {
    width: 560px;
    max-width: 100%;
}
.videodiv .videoholder {
    position: relative;
    box-sizing: border-box;
    padding-bottom: 55.56%;
    width: 100%;
}

.videodiv .videoholder .videoframe {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 0;
    top: 0;
    left: 0;
}
.flex-list-item-third .videodiv, .col-xs-4 .videodiv, .col-sm-4 .videodiv, .col-md-4 .videodiv, .col-lg-4 .videodiv {
   width: 360px;
}


/* Blog */
.article-row {
	display: flex;
	margin-bottom: 35px;
}
.article-row h2 a {
	font-weight: 600;
	font-size: 22px;
	text-decoration: none;
}
.article-row h2 a:hover {
	text-decoration: underline;
}
.article-row .article-thumb {
	width: 280px;
	margin-right: 15px;
	text-align: center;
	flex-shrink: 0;
}
.article-row .article-thumb img {
	width: 100%;
}
.article-row .date, .blogtitle .date {
	font-size: 12px;
	font-style: italic;
	color: #999;
}
.blogtitle {
	padding-bottom: 20px;
}
.blogtitle h1 {
	font-weight: 600;
	font-size: 26px;
	color: #142d37;
	border: none;
	margin: 0;
}
.blogtitle img {
	max-width: 100%;
}
img.alignleft {
	float: left;
	margin-right: 15px;
	max-width: 100%;
}
img.alignright {
	float: right;
	margin-left: 15px;
	max-width: 100%;
}
.blogpage img {
	max-width: 100%;
}
.blogpage table td {
	border: 1px solid black;
	padding: 5px;
}
.blogpage ul {
	padding-left: 25px;
}
.blogpage .paging ul {
	display: flex;
	flex-wrap: wrap;
}
.blogpage .paging li {
	padding: 5px;
}
.blogpage .paging a {
	display: inline-block;
	padding: 4px 6px;
	text-decoration: none;
	border: 1px solid #142d37;
	font-size: 16px;
	font-weight: 500;
}
.blogpage .paging a.active {
	border: 0;
}
.blogpage .paging a:hover {
	background: #ccc;
}