@charset "utf-8";
/* CSS Document for MX site */




/* HEADER  */




/*STYLES RELATED TO FLAGS */

.dropdown {
    position: relative;
	z-index: 1;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 140px;
    z-index: 200;
}

	.dropdown-content li {
		list-style: none;
		list-style-type: none;
		margin: 3px;
	}

.dropdown:hover .dropdown-content {
    display: block;
}

/*END FLAGS*/





#g-recaptcha-response {

    display: block !important; 

    position: absolute; 

    margin: -78px 0 0 0 !important; 

    width: 302px !important; 

    height: 76px !important; 

    z-index: -999999; 

    opacity: 0; 

}











/*BEGIN NAV BAR CHANGES*/




.navbar-default .navbar-nav .dropdown-menu li a {
	color:#003366;
	border: none;
	padding-top: 8px;
	padding-right:50px;
	
}


.navbar-default .navbar-nav li a {
	color:#003366;
	border-right: #003366 solid thin;
	padding-top: 0px;
	padding-bottom: 0px;
}



/*END NAV BAR CHANGES*/

/*END HEADER CHANGES*/




/*BEGIN BREADCRUMBS*/


.breadcrumb {
  background-color: #004987 !important;
  margin-bottom: 0px;
}

.breadcrumb a {
  color: #fff; 
}


.breadcrumb > li + li::before {
    padding: 0 5px;
    color: #fff;
    content: "/\00a0";
}



/*END BREADCRUMBS*/




/* HOME PAGE  */



.blue-gradient-whats-new {
	background: -webkit-linear-gradient(#006699, #0094c7); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#006699, #0094c7); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#006699, #0094c7); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#006699, #0094c7); /* Standard syntax (must be last) */
	width: 100%;
	padding: 2% 10% 2% 10%;
	overflow: hidden;
}

.gray-gradient-products {
	background: -webkit-linear-gradient(#4d5153, #2f2f32); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#4d5153, #2f2f32); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#4d5153, #2f2f32); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#4d5153, #2f2f32); /* Standard syntax (must be last) */
	width: 100%;
	padding: 2% 10% 2% 10%;
}


.welcome-pcb {
	background-image: url("https://www.qatech.com/images/home/2020/pcb-lines.png");
	
  /* Full height */
  height: 64px;

  /* Center and scale the image nicely */
  background-position: left top;
  background-repeat: repeat-x;
}

.welcome-pcb-mobile {
	background-image: url("https://www.qatech.com/images/home/2020/pcb-lines-cropped.png");
  /* Full height */
  height: 28px;
}


.btn-navy-home {
			color: #ffcc33;
			font-weight: 600;
			background-color: #003366;
			margin-bottom: 10px;
			border: solid 1px #ffcc33;

	}

.btn-navy-home:hover {
		color: #fff;
		font-weight: 600;
		text-decoration: underline;
	}


	.btn-yellow-home {
		color: #003366;
		font-weight: 600;
		background-color: #ffcc33;
		margin-bottom: 30px;

	}

	.btn-yellow-home:hover {
		color: #003366;
		font-weight: 600;
		text-decoration: underline;
	}

	.btn-yellow-products {
		color: #003366;
		font-weight: 600;
		background-color: #ffcc33;

	}

	.btn-yellow-products:hover {
		color: #003366;
		font-weight: 600;
		background-color: #ffcc66;
		text-decoration: underline;
	}

/* END HOME PAGE */







/* HOME PAGE PRODUCTS SECTION */

.product-title-white {
	color: #fff;
	font-size:20px;
	font-family:Verdana, Geneva, sans-serif;
}

.product-description-white {
		color:#fff;
		font-size: 16px;
		font-weight: 200;
		margin-top:16px;
	}




/* RESOURCES PAGES */





/*  RESOURCES HEAD TAGS AS DEFINED BY ONE TREE */


.resources-title-h1 {
	color: #006699;
	font-weight:bold;
	font-size: 24px;
	margin-top: 20px;
	margin-bottom: 10px;
}


.resources-title-h2 {
	color: #1392CB;
	font-weight:bold;
	font-size: 19px;
	margin-top: 20px;
	margin-bottom: 10px;
}




.resources-title-h3 {
	color: #58595B;
	font-weight:bold;
	margin-top: 10px;
	margin-bottom: 10px;
}

.resources-title-center-h3 {
	color: #58595B;
	font-weight:bold;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}


.resources-title-h4 {
	color: #1A263E;
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 10px;
}


/*  END RESOURCES HEAD TAGS AS DEFINED BY ONE TREE */






#resources img {
		float: left;
}

#resources a {
		color: #044479;
		font-size: 16px;
		font-family:"ingra", Verdana, Geneva, sans-serif;
		font-weight:200;
	}

/*#resources h3 {
	 	color: #fff;
		font-size: 16px;
		font-family:"ingra", Verdana, Geneva, sans-serif;
		font-weight:600;
}*/
    
.resources-link {
	background-color: #fff;
	padding: 20px 0px 20px 20px;
	margin-bottom: 20px;
	height: 60px;
	float: left;
}

.resourcesgeneral-link {
	background-color: #D9F2F0;
	padding: 20px 0px 20px 20px;
	margin-bottom: 20px;
	height: 60px;
	float: left;

}

.resourcesprobe-link {
	background-color: #EAE1F0;
	padding: 20px 0px 20px 20px;
	margin-bottom: 20px;
	height: 60px;
	float: left;

}
.resourcestip-link {
	background-color: #E4F4E4;
	padding: 20px 0px 20px 20px;
	margin-bottom: 20px;
	height: 60px;
	float: left;

}
.resourcesperformance-link {
	background-color: #FCF5E0;
	padding: 20px 0px 20px 20px;
	margin-bottom: 20px;
	height: 60px;
	float: left;

}
.resourcesinstruction-link {
	background-color: #FDE6DE;
	padding: 20px 0px 20px 20px;
	margin-bottom: 20px;
	height: 60px;
	float: left;

}
.resourcesintegramate-link {
	background-color: #D9E3F0;
	padding: 20px 0px 20px 20px;
	margin-bottom: 20px;
	height: 60px;
	float: left;

}


































/* FOOTER */

.dark-blue-footer {
	background-color: #004987;
	width: 100%;
	padding-top:20px;
	padding-bottom:20px;
	overflow:hidden;
}





/* BELOW HERE ARE STYLES FOR DIFFERENT SCREEN SIZES  */


@media screen and (min-width: 1300px) {


.mobile-welcome {
	display: none;
}
		
	
.mobile-footer {
	display: none;
}
	
/*#mobile-header {
		display:none;
	}	*/

.logo-small {
		display:none;
	}
		

#whats-new .card-header {
		font-size:24px;
		font-weight: 600;
}

#whats-new .card-body {
	padding-top: .5em;
}

#whats-new .card-title {
		color:white;
	}

#whats-new .card p {
		color:white;
	}

#whats-new .btn-navy-home {
			margin-bottom: 40px;

	}


}   /*end @media*/





@media (min-width: 768px) and (max-width: 1299px)  {


.hide-on-mobile {
	display: none;
}
		
.blue-gradient-whats-new {
	background: -webkit-linear-gradient(#006699, #0094c7); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#006699, #0094c7); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#006699, #0094c7); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#006699, #0094c7); /* Standard syntax (must be last) */
	width: 100%;
	padding: 1%;
	overflow: hidden;
}

.gray-gradient-products {
	background: -webkit-linear-gradient(#4d5153, #2f2f32); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#4d5153, #2f2f32); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#4d5153, #2f2f32); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#4d5153, #2f2f32); /* Standard syntax (must be last) */
	width: 100%;
	padding: 1%;
}

/*#mobile-header {
		display:none;
	}	*/


	
.mobile-welcome {
		padding:0px;
		margin-top:20px;
		margin-bottom: 20px;
	}	

.mobile-welcome h1 {
	font-size:20px;
	}
	
.welcome-pcb-mobile {
	background-image: url("https://www.qatech.com/images/home/2020/pcb-lines-cropped.png");
  /* Full height */
  height: 28px;
}
	
.mobile-padding {
	padding-right:15px;
	padding-left:15px;
	}

	
.welcome {
		display:none;
	}	


.mobile-footer {
	display: none;
}


#whats-new .card-header {
		font-size:24px;
		font-weight: 600;
}

#whats-new .card-body {
	padding-top: .5em;
}

#whats-new .card-title {
		color:white;
	}

#whats-new .card p {
		color:white;
	}

#whats-new .btn-navy-home {
			margin-bottom: 40px;

	}
		

}



@media (min-width: 768px) and (max-width: 991px)  {
	.mobile-products {
		display:none;
	}

}


@media (min-width: 576px) and (max-width: 767px)  {



.product-description-white {
		color:#fff;
		font-size: 14px;
		font-weight: 200;
		margin-top:5px;
	}

	.mobile-products {
		display:none;
	}
	
.mobile-welcome {
		padding:0px;
		margin-top:20px;
		margin-bottom: 20px;
	}	

.mobile-welcome h1 {
	font-size:20px;
	}
	
.mobile-padding {
	padding-right:15px;
	padding-left:15px;
	}

	
.welcome {
		display:none;
	}	
.logo-hide {
	display:none;
	}


#whats-new .card-header {
		font-size:16px;
		font-weight: 600;
}

#whats-new .card-body {
	padding-top: .5em;
}

#whats-new .card-title {
		color:white;
	}

#whats-new .card p {
		color:white;
	}

#whats-new .btn-navy-home {
			margin-bottom: 40px;

	}

	
.blue-gradient-whats-new {
	background: -webkit-linear-gradient(#006699, #0094c7); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#006699, #0094c7); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#006699, #0094c7); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#006699, #0094c7); /* Standard syntax (must be last) */
	width: 100%;
	padding: 1%;
	overflow: hidden;
}

.gray-gradient-products {
	background: -webkit-linear-gradient(#4d5153, #2f2f32); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#4d5153, #2f2f32); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#4d5153, #2f2f32); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#4d5153, #2f2f32); /* Standard syntax (must be last) */
	width: 100%;
	padding: 1%;
}
		
	
	
/* MOBILE ONLY FOOTER */	
	
.dark-blue-footer {
	display: none;
}

.hide-on-mobile {
	display: none;
}
	
.mobile-footer {
		text-align: center;
		font-size: 16px;
	background-color: white;
	}	

.blue-text {
		color: #004a87;
		font-weight: 600;
	}
	
.p {
		color: black;
	}
	
.copyright {
		font-size: 12px;
	}

/* END MOBILE ONLY FOOTER */	

	

	
}   /*end @media*/


@media (min-width: 376px) and (max-width: 519px) {


	
/* HOME PAGE */

.mobile-welcome {
		padding:0px;
		margin-top:20px;
		margin-bottom: 20px;
	}	
	

.welcome {
		display:none;
	}	
	
.logo-hide {
		display:none;
	}

.mobile-padding {
	padding-right:15px;
	padding-left:15px;
	}

.blue-gradient-whats-new {
	background: -webkit-linear-gradient(#006699, #0094c7); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#006699, #0094c7); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#006699, #0094c7); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#006699, #0094c7); /* Standard syntax (must be last) */
	width: 100%;
	padding: 2%;
	overflow: hidden;
}

.gray-gradient-products {
	background: -webkit-linear-gradient(#4d5153, #2f2f32); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#4d5153, #2f2f32); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#4d5153, #2f2f32); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#4d5153, #2f2f32); /* Standard syntax (must be last) */
	width: 100%;
	padding: 2%;
}
	


#whats-new .card-header {
		font-size:16px;
		font-weight: 600;
}

#whats-new .card-body {
	padding-top: .5em;
}

#whats-new .card-title {
		color:white;
	}

#whats-new .card p {
		color:white;
	}

#whats-new .btn-navy-home {
			margin-bottom: 40px;

	}

.product-description-white {
		color:#fff;
		font-size: 14px;
		font-weight: 200;
		margin-top:5px;
	}

.mobile-products {
		display:none;
	}	
	
	
/* END HOME PAGE */
	

	
	
	
/* MOBILE ONLY FOOTER */	
	
.dark-blue-footer {
	display: none;
}

.hide-on-mobile {
	display: none;
}
	
.mobile-footer {
	text-align: center;
	font-size: 16px;
	background-color: white;
	}	

.blue-text {
		color: #004a87;
		font-weight: 600;
	}
	
.p {
		color: black;
	}
	
.copyright {
		font-size: 12px;
	}

/* END MOBILE ONLY FOOTER */	


}    /*end @media*/




	
@media screen and (max-width: 450px) {

	
	
/* MOBILE ONLY HEADER */	

.hide-on-mobile {
		display:none;
	}
	
.logo-hide {
		display:none;
	}
	
/* END MOBILE ONLY HEADER */	
	
	
	
	
/* HOME PAGE */

.mobile-welcome {
		padding:0px 15px 0px 15px;
		margin-top:20px;
		margin-bottom: 20px;
	}	

.mobile-welcome h1 {
	font-size:16px;
	}

.mobile-padding {
	padding-right:15px;
	padding-left:15px;
	}
	
.welcome {
		display:none;
	}	


	
.blue-gradient-whats-new {
	background: -webkit-linear-gradient(#006699, #0094c7); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#006699, #0094c7); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#006699, #0094c7); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#006699, #0094c7); /* Standard syntax (must be last) */
	width: 100%;
	padding: 2%;
	overflow: hidden;
}

.gray-gradient-products {
	background: -webkit-linear-gradient(#4d5153, #2f2f32); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#4d5153, #2f2f32); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#4d5153, #2f2f32); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#4d5153, #2f2f32); /* Standard syntax (must be last) */
	width: 100%;
	padding: 2%;
}
	


#whats-new .card-header {
		font-size:14px;
		font-weight: 600;
}

#whats-new .card-body {
	padding-top: .5em;
}

#whats-new .card-title {
		color:white;
	}

#whats-new .card p {
		color:white;
	}

#whats-new .btn-navy-home {
			margin-bottom: 40px;

	}

	.product-description-white {
		color:#fff;
		font-size: 14px;
		font-weight: 200;
		margin-top:5px;
	}

	.mobile-products {
		display:none;
	}	
	
	
	
/* END HOME PAGE */


	
	
	
	
/* MOBILE ONLY FOOTER */	
	
.dark-blue-footer {
	display: none;
}

.hide-on-mobile {
	display: none;
}
	
.mobile-footer {
	text-align: center;
	font-size: 16px;
	background-color: white;
	}	

.blue-text {
		color: #004a87;
		font-weight: 600;
	}
	
.p {
		color: black;
	}
	
.copyright {
		font-size: 12px;
	}

/* END MOBILE ONLY FOOTER */	
	
	
	

	

	
	
	
	
	
	
	
	
	
	

}  /*end @media*/