@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'gotham_book';
	src: url('font/Gotham-Book.otf');

	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gotham_medium';
	src: url('font/Gotham-Medium.otf');

	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'gotham_bold';
	src: url('font/Gotham-Bold.otf');

	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gotham_bold_italic';
	src: url('font/Gotham-BoldIta.otf');

	font-weight: normal;
	font-style: normal;
}



/* General */
* {
	margin: 0;
}

a {
	text-decoration: none;
	color: #109be3;
}

a:hover {
	color : #0962aa;
}

.contactList a {
	color : white;
}

.book_txt {
	font-family: gotham_book;
	color: #ffffff;
}

.medium_txt {
	font-family: gotham_medium;
	color: #ffffff;
}

.bold_txt {
	font-family: gotham_bold;
	color: #ffffff;
}

.bold_italic_txt {
	font-family: gotham_bold_italic;
	color: #ffffff;
}

.blue_txt {
	color: #0092D1;
}

.arrow {
	background: url('../images/button_arrow.png');
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;

	width: 22px;
	height: 22px;
}

.btn_effect {
	box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);
	outline-color: rgba(255, 255, 255, .5);=
	text-shadow: none;
} 

.btn_effect:hover {
	box-shadow: inset 0 0 30px rgba(255, 255, 255, .5), 0 0 30px rgba(255, 255, 255, .2);
	outline-color: rgba(255, 255, 255, 0);
}

/*@media(max-width: 600px) {*/
	body {
		/*
		background: url('../images/bg_home.jpg');
		background-repeat: no-repeat;
		background-position: center center;
		background-attachment: fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		position: relative;
		*/
		overflow-x : hidden;
		background-color : #0962aa;	
	}
/*}*/



/* General END */


/* Header */
.menu_container {
	background-color: rgba(255,255,255,0.7);
	z-index: 100;
	height: 100px;
	position: fixed;
	width: 100%;
}

.logo_container {
	position: absolute;
	left: 2%;
	top: 50%;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

.page_logo {
	background: url('../images/th-logo.png');
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;

	width: 200px;
	height: 52px;
}

.menu_text_container {
	position: absolute;
	top: 50%;
	right: 2%;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

.menu {
	font-size: 18px;
	color: #109be3;
	padding: 0;
	text-transform: uppercase;
}

.menu li:hover {
	color: #0962aa;
	cursor: pointer;
}

.menu li {
	list-style-type: none;
	float: left;
	margin: 0 0 0 50px;
}

.menu .active {
	color: #0962aa;
	pointer-events: none;
}


.mobile_menu_container {
	display: none;
}


.c-hamburger {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 50px;                                  	/* $button-width */
  height: 50px;                                 	/* $button-height */
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  -webkit-transition: background 0.3s;				/* $button-transistion-duration (s) */
		  transition: background 0.3s;				/* $button-transistion-duration (s) */
}

.c-hamburger:focus {
  outline: none;
}

.c-hamburger span {
  display: block;
  position: absolute;
  top: 23.5px;                                    	/* ($button-height / 2) - ($bar-thickness / 2); */
  left: 12px;                                       /* $button-pad */
  right: 12px;                                      /* $button-pad */
  height: 3px;                                      /* $bar-thickness */
  background: white;
}

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 3px;                                      /* $bar-thickness */
  background-color: #fff;
  content: "";
}

.c-hamburger span::before {
  top: -10px;                                       /* -$bar-thickness - $button-bar-space */
}

.c-hamburger span::after {
  bottom: -10px;                                    /* -$bar-thickness - $button-bar-space */
}

.c-hamburger--htx {
  background-color: rgba(0,0,0,0.4);			
}

.c-hamburger--htx span {
  -webkit-transition: background 0s 0.3s;
		  transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  -webkit-transition-duration: 0.3s, 0.3s;
		  transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0s;
		  transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
  -webkit-transition-property: top, -webkit-transform;
		  transition-property: top, transform;
}

.c-hamburger--htx span::after {
  -webkit-transition-property: bottom, -webkit-transform;
		  transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
  background-color: rgba(0,0,0,0.4);
}

.c-hamburger--htx.is-active span {
  background: none;
}

.c-hamburger--htx.is-active span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
		  transform: rotate(45deg);
}


.c-hamburger--htx.is-active span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
	  -ms-transform: rotate(-45deg);
		  transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  -webkit-transition-delay: 0s, 0.3s;
		  transition-delay: 0s, 0.3s;
}

.banner-word-container {
	font-family: gotham_book;
	z-index : 99;
	position : absolute;
	width : 100%;	
	top : 45%;
}

.banner-word {
	position : relative;
	border : 5px solid #109be3;

	width : 400px;
	margin : auto;
	text-align : center;
	font-size : 24pt;
	color : white;
	padding : 20px;
}



@media(max-width: 900px) { 
	.menu_container {
		display: none;
	}

	.mobile_menu_container {
		display: block;
		position: absolute;
		z-index: 100;
		background-color : white;
	}

	.mobile_logo {
		position: absolute;
		top: 15px;
		left: 15px;
		z-index: -1;
	}

	.mobile_hamburger {
		position: fixed;
		top: 3%;
		right: 3%;
	}

	.mobile_menu_list {
		position: fixed;
		width: 100%;
		height: 100%;
		background: #000000;
		z-index: -1;
	}

	.mobile_menu {
		list-style-type: none;
		padding: 0;
		position: absolute;
		top: 30%;
		left: 50%;
		-webkit-transform: translate(-50%,-30%);
		-moz-transform: translate(-50%,-30%);
		-o-transform: translate(-50%,-30%);
		transform: translate(-50%,-30%);
		text-align: center;
		width: 80%;
	}

	.mobile_menu_logo {
		background: url('../images/th-logo.png');
		background-repeat: no-repeat;
		background-position: center center;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;

		width: 200px;
		/*height: 60px;*/
		padding: 25% 0;
		margin: auto;
	}

	.mobile_menu li {
		margin: 10% 0;
		font-size: 28px
	}

	.mobile_menu li a:hover {
		color: #0092D1;
		cursor: pointer;
	}

	.mobile_menu .active {
		color: #0092D1;
		pointer-events: none;
	}

}


@media(max-width: 600px) {
	.mobile_menu li {
		font-size: 24px
	}
}

@media(max-width: 480px) {
	.mobile_menu li {
		font-size: 22px
	}

	.banner-word {

		width : 260px;
		margin : auto;
		text-align : center;
		font-size : 16pt;
		color : white;
		padding : 20px;
	}	
}



@media(max-height: 700px) {
	.mobile_menu_logo {
		padding: 10% 0;
	}

	.mobile_menu li {
		margin: 3% 0;
		font-size: 20px
	}
}


/* Header END */



/* Footer */
.footer {
	position: relative;
	bottom: 0;
	width: 100%;
	margin-bottom: 20px;
}

.footer_p {
	color: #cccccc !important;
	font-size: 12px;
	text-align: center;
}
/* Footer END */






/* Index */
.home_container {
}

.home_content {
	position: relative;
	width : 100%;
	border : 0px solid black;
	/*width: 50%;*/
	/*padding: 10% 25% 5% 25%;*/
	display: inline-block;				/* To make the content fit into the background image */
}

.home_content table {
	/*position: absolute;
	left: 50%;
	transform: translate(-50%,0);*/
}

.home_title {
	border-collapse: collapse;
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);
}

.home_title th {
	border: 4px solid #0092D1;
	padding: 5px 20px;
	font-size: 28px;
}

.home_txt {
	margin: 15% 0 0 0;
}

.home_p {
	font-size: 26px;
	margin: 4% 0 0 0;
	width: 100%;
}

.home_more_container {
	background-color: #33A8DA;
	cursor: pointer;
}

.home_more_bg {
	margin: 5% 0;
	background-color: #00739B;
	width: 200px;
	height: 52px;
}

.home_more_text {
	font-family: gotham_bold;
	font-size: 20px;
	color: #ffffff;
	padding: 6% 11%;
	display: inline-block;
	background-color: #0092D1;
}

.home_arrow_bg {
	display: inline-block;
	position: relative;
	left: 15px;
	top: 5px;
}

.home_p_italic {
	font-size: 28px;
	text-align: center;
	margin: 10% 0;
}


@media(max-width: 1600px) {
	.home_content {
		/*
		width: 60%;
		padding: 15% 20% 5% 20%;
		*/
	}
}

@media(max-width: 1200px) {
	.home_content {
		/*
		width: 70%;
		padding: 20% 15% 5% 15%;
		*/
	}
}

@media(max-width: 900px) {

	.home_content {
		/*
		width: 80%;
		padding: 25% 10% 5% 10%;
		*/
	}

	.home_title th {
		font-size: 26px;
	}

	.home_p {
		font-size: 22px;
	}

	.home_more_text {
		font-size: 22px;
		padding: 5% 9%;
	}

	.home_p_italic {
		font-size: 24px;
	}
}

@media(max-width: 600px) {

	.home_container {
		background: none;
	}

	.home_content {
		/*
		width: 90%;
		padding: 30% 5% 5% 5%;
		*/
	}

	.home_txt {
		margin: 18% 0 0 0;
	}

	.home_title th {
		font-size: 24px;
	}

	.home_p {
		font-size: 20px;
		margin: 6% 0 0 0;
	}

	.home_more_bg {
		margin: 7% 0;
		width: 170px;
		height: 45px;
	}

	.home_more_text {
		font-size: 16px;
		padding: 6% 10%;
	}

	.home_p_italic {
		font-size: 22px;
	}

}


@media(max-width: 480px) {

	.home_content {
		/*
		width: 90%;
		padding: 35% 5% 5% 5%;
		*/
	}

	.home_title th {
		font-size: 20px;
		border: 3px solid #0092D1;
		padding: 3px 10px;
	}

	.home_p {
		font-size: 18px;
		margin: 6% 0 0 0;
	}

	.home_more_bg {
		margin: 8% 0;
	}

	.home_more_text {
		font-size: 16px;
		padding: 6% 10%;
	}

	.home_p_italic {
		font-size: 18px;
	}

}

/* Index END */





/* About */
.about_container {
	/*
	background: url('../images/bg_about.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	*/
	background-color : #109be3;

	/*float: left;
	min-height: 100%;
	min-width: 100%;*/
}

.about_content {
	position: relative;
	width: 50%;
	padding: 5% 25% 5% 25%;
	display: inline-block;			/* To make the content fit into the background image */
}

.about_h1 {
	font-size: 26px;
	text-align: justify;
}

.about_p {
	font-size: 20px;
	text-align: justify;
	padding: 3% 0 0 0;
}

@media(min-width: 1500px) { 
	.about_h1 {
		font-size : 40px;
	}

	.about_p {
		font-size: 30px;
		text-align: justify;
	}
}

@media(max-width: 1600px) {
	.about_content {
		width: 60%;
		padding: 10% 20% 5% 20%;
	}
}

@media(max-width: 1200px) {
	.about_content {
		width: 70%;
		padding: 10% 15% 10% 15%;
	}
}

@media(max-width: 900px) {
	.about_content {
		width: 80%;
		padding: 5% 10% 5% 10%;
	}

	.about_h1 {
		font-size: 22px;
		line-height: 1.5;
	}

	.about_p {
		font-size: 16px;
		line-height: 1.5;
		padding: 5% 0 0 0;
	}
}

@media(max-width: 600px) {

	.about_content {
		width: 90%;
		padding: 5% 5% 5% 5%;
	}

	.about_h1 {
		font-size: 20px;
	}

}

@media(max-width: 480px) {
	.about_content {
		width: 90%;
		padding: 5% 5% 5% 5%;
	}

	.about_h1 {
		font-size: 18px;
	}

	.about_p {
		font-size: 14px;
		padding: 8% 0 0 0;
	}
}

/* About END */




/* Product */
.product_container {
	/*
	background: url('../images/bg_product.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	*/
	background-color : #0962aa;
	/*float: left;
	min-height: 100%;
	min-width: 100%;*/
}

.product_content {
	position: relative;
	width: 50%;
	padding: 8% 25% 5% 25%;
	display: inline-block;				/* To make the content fit into the background image */
}

.product_left {
	width: 40%;
	float: left;
}

.product_img {
	background: url('../images/product_testprobes.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;

	height: 770px;
}

.product_right {
	width: 55%;
	float: left;
	margin: 0 0 0 5%;
}

.prod_title_container {
	border: 4px #0092D1 solid;
	width: 50%;
	text-align: center;
	padding: 1% 3%;
}

.product_title, .product_h1 {
	font-size: 26px;
}

.product_h1 {
	margin: 8% 0 3% 0;
	text-align: justify;
}

.product_p {
	font-size: 20px;
	margin: 0 0 3% 0;
	text-align: justify;
}

.ingun_container {
	width: 100%;
	margin: 0 0 5% 0;
	float: left;
}

.ingun_logo {
	background: url('../images/ingun_logo.png');
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;

	width: 48%;
	height: 48px;
	margin: 4% 2% 0 0;
	float: left;
}

.ingun_video_container {
	width: 38%;
	height: 48px;
	float: left;
	margin: 4% 0 0 2%;
}

.ingun_video {
	background: url('../images/ingun_video.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;

	width: 200px;
	height: 48px;
}

.downloadContainer {
	margin: 5% 0 0 0;
}

.download_container {
	margin: 2% 0;
	width: 100%;
	float: left;
}

.downloadImg {
	background: url('../images/download.png');
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;

	/*width: 30px;*/
	width: 10%;
	height: 30px;
	float: left;
}

.downloadTxt {
	/*width: 85%;*/
	padding: 1% 0 0 2%;
	float: left;
	font-size: 16px;
}

@media(max-width: 1600px) {
	.product_content {
		width: 60%;
		padding: 10% 20% 10% 20%;
	}
}

@media(max-width: 1200px) {
	.product_content {
		width: 70%;
		padding: 12% 15% 10% 15%;
	}

	.product_left {
		width: 35%;
	}

	.product_right {
		width: 60%;
	}

	.product_title, .product_h1 {
		font-size: 24px;
	}

	.product_p {
		font-size: 18px;
	}

	.downloadTxt {
		font-size: 15px;
		padding: 1% 0 0 3%;
	}
}

@media(max-width: 900px) {
	.product_content {
		width: 80%;
		padding: 12% 10% 5% 10%;
	}

	.prod_title_container {
		width: 50%;
	}

	.product_title, .product_h1 {
		font-size: 22px;
	}

	.product_p {
		font-size: 16px;
	}

	.downloadTxt {
		font-size: 15px;
	}

	.ingun_logo {
		width: 200px;
	}

	.ingun_video_container {
		width: 200px;
		margin: 5% 0%;
	}
}

@media(max-width: 600px) {

	.product_left {
		display: none;
	}

	.product_right {
		width: 100%;
		margin: 0;
	}

	.mobile_prod_img_container {
		margin: 0 0 5% 0;
	}

	.mobile_prod_img {
		background: url('../images/product_testprobes_mobile.jpg');
		background-repeat: no-repeat;
		background-position: center center;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;

		height: 260px;
	}


	.product_content {
		width: 90%;
		padding: 10% 5% 5% 5%;
	}

	.prod_title_container {
		margin: auto;
	}

	.product_title, .product_h1 {
		font-size: 20px;
	}

	/*.product_p {
		font-size: 16px;
	}*/

	.downloadTxt {
		font-size: 14px;
	}
}


@media(max-width: 480px) {

	.product_content {
		width: 90%;
		padding: 5% 5% 5% 5%;
	}
}

/* Product END */






/* Contact */
.enquiry_container {
	background: url('../images/contact-bg.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	/*float: left;
	min-height: 100%;
	min-width: 100%;*/
}

.contact_content {
	position: relative;
	width: 50%;
	padding: 8% 25% 5% 25%;
	display: inline-block;			/* To make the content fit into the background image */
}

.contact_title {
	font-size: 26px;
	margin: 0 0 2% 0;
}

.contact_form {
	width: 45%;
	float: left;
	margin: 0 5% 0 0;
}

.field {
	background-color: rgba(242,242,242,0.3);
	width: 100%;
	height: 60px;
	border: none;
	margin: 1% 0;
	font-size: 18px;
	padding: 0 0 0 4%;
}

.field:focus {
	outline: none !important;
	border: 1px solid #012931;
	box-shadow: 0 0 10px #719ECE;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color:    #ffffff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #ffffff;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #ffffff;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #ffffff;
}

.address_field, .message_field {
	height: 110px;
	resize: none;
	padding: 4% 0 0 4%;
	color: #ffffff;
}

.error_field {
	border: 2px solid red !important;
}

.submit_container {
	width: 200px;
	height: 50px;
	margin: 3% 0 0 0;
	background-color: #33A8DA;
}

.submit_bg {
	width: 200px;
	height: 54px;
	background-color: #00739B;
}

.submit_btn {
	font-size: 20px;
	background-color: #0092D1;
	width: 140px;
	height: 50px;
	border: none;
	cursor: pointer;
	-webkit-appearance: none;
}

.submit_arrow_container {
	display: inline-block;
	position: relative;
	left: 15px;
	top: 3px;
}

.contact_address {
	width: 50%;
	float: left;
}

.contact_p {
	font-size: 16px;
}

.contact_h1, .contactList span {
	font-size: 20px;
}

.contactOther,.companyName, .companyAddress  {
	margin: 5% 0;
}

.contactList a {
	margin: 0 2%;
}

.contactList a:hover {
	color: #0092D1;
	cursor: pointer;
}


@media(max-width: 1600px) {
	.contact_content {
		width: 60%;
		padding: 10% 20% 5% 20%;
	}
}

@media(max-width: 1200px) {
	.contact_content {
		width: 70%;
		padding: 12% 15% 5% 15%;
	}
}

@media(max-width: 900px) {
	.contact_content {
		width: 80%;
		padding: 15% 10% 5% 10%;
	}

	.contact_form {
		width: 55%;
	}

	.contact_address {
		width: 40%;
	}

	.contact_title {
		font-size: 22px;
	}

	.field, .contact_h1, .contactList span {
		font-size: 16px;
	}

	.submit_btn {
		font-size: 18px;
	}

	.contact_p {
		font-size: 14px;
	}

}

@media(max-width: 600px) {
	/*
	.enquiry_container {
		background: none;
	}
	*/

	.contact_content {
		width: 90%;
		padding: 15% 5% 5% 5%;
	}

	.contact_title {
		font-size: 20px;
	}

	.contact_form {
		width: 100%;
	}

	.field {
		width: 96%;
	}

	.contact_address {
		width: 100%;
		margin: 10% 0;
	}

}

@media(max-width: 480px) {

	.contact_content {
		width: 90%;
		padding: 20% 5% 5% 5%;
	}

	/*.contact_form {
		width: 100%;
	}

	.field {
		width: 96%;
	}

	.contact_address {
		width: 100%;
		margin: 10% 0;
	}*/

}
/* Contact END */