/*Chemical 2015. Petrochemical initiative*/


@media handheld {
  #intro .img-cover, #intro2 .balances .myTextBox, #intro3 .balances .myTextBox, #intro4 .balances .myTextBox  {
    background: none;
  }
}


.myMobileImage, h1.myMobileHeader {
			display: none;

}




/*Feedback form Custom questions font size fix*/
p.customQuestionInput {
	font-size: 12px;
}

.fb_form .crossEsbuQuestionSection  {
	margin-bottom: 30px!important;
	display: block!important;
}

.fb_form .crossEsbuQuestionSection .crossEsbuRow {
display: block!important;  
padding: 3px 20px;
}
/*Feedback form Custom questions font size fix*/




/*No breadcrumbs*/
#breadcrumb_layer {
	display: none;
}


/*no margins*/
#main_layer {
	margin:0!important;
}







/* /////////////////////////////////////////////////////////////////////// */

/* 		  	  					   General design settings				   */

/* /////////////////////////////////////////////////////////////////////// */




#intro, #intro2, #intro3 {
	width: 100%;
	padding-top: 0px;
	position: relative;
	margin-bottom: 0px;
}

#intro2 {
	display: none;
}


/*Main images and video blocks*/

		/*block 1 - hero block*/	
			#intro .img-cover {
				width: 100%;
				height: 700px;
				 
				position: relative;
				top: 0px;
				background: url('https://media.mt.com/dam/LabDiv/Campaigns/chemical_2015/petrochem/hero2.jpg') no-repeat right center;
				background-size: cover;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;

				border-bottom: 3px solid #f0f0f0;
			}


		/*block 3 - instrument promo */	
			#intro3 .balances{
				width: 100%;
				height: 700px;
				 
				position: relative;
				top: 0px;
				background: url(' ') no-repeat right top;
				
				background-size: cover;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;

				border-bottom: 3px solid #f0f0f0;
			}

		/*block 4 - hero2 */	
			#intro4 .balances{
				width: 100%;
				/*height: 700px;*/
				 
				position: relative;
				top: 0px;
				background: url(' ') no-repeat left top;
				background-size: cover;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;

				border-bottom: 3px solid #f0f0f0;
			}

			.ctaThumb img {
			    width: 95%;
			    margin: 0 0 20px 0;
			}

		/*block 2 - video section*/	
			#intro2 .balances{
				width: 100%;
				height: 700px;
				 
				position: relative;
				top: 0px;

				background-color: #f0f0f0;

				border-bottom: 3px solid #f0f0f0;
			}

		#intro2 .balances, #intro3 .balances { display: none; }



				/*embedded youtube video*/
					#intro2 .balances .myVideoWrapper {

						position: absolute;
						top: 11%;
						left: 4%;
						width: 700px;

					}

					#video {
						border: 10px solid #f8f8f8;
					}

					.myVideoShadow {
						margin: 0;
						position: relative;
						width: 100%; height: auto;
						top: -3px; left: 4px;


					}



		/*Brochre thumb in #intro .img-cover .myTextBox  */ 
			.myBrochureThumbBox {
				display: inline-block;
				width: 35%;
				float: left;
				margin: 8px 0px 10px 0;
				margin: 0px;
			}

			.myBrochureThumbBox img {
				width: 99%;
				height: auto;
				position: relative;
				left:-10px;
			}





 


/*------------  Text boxes, fonts -------------*/

.myTextBox {
	width: 45%;
	
	font-size: 1.9rem;
	line-height: 2.7rem;
	
	position: relative;
	top: 11%;
	left: 0%;
	box-sizing: border-box;
	padding: 50px 50px 30px 60px;
 	margin: 0;
 	 
 	color: #676767;

}
		/*video #2 and #4*/
		#intro2 .balances .myTextBox, #intro4 .balances .myTextBox  {
			top: 8%;
			left:50%;
			width: 45%;
			line-height: 3rem;
 			background-position: -290px 0;
 			color: #676767;
		}

		#intro4 .balances .myTextBox  {
			top: 8%;
			left:0%;
			width: 60%;
			margin: 0 auto;
		}

		/*instrument*/
		#intro3 .balances .myTextBox  {
			top:3%;
			left:0%;
			width: 41%;
			line-height: 3rem;
 			background-position: -290px 0;
 			color: #676767;
		}



		/*background fading into transparancy*/
		/*#intro3 .balances .myTextBox*/
		#intro3 .balances .myTextBox    {
			 
			background: url('__https://media.mt.com/dam/LabDiv/Campaigns/pharma_2014/ph/white-back.png') left 0 repeat-y;
			 
		}

		#intro .img-cover .myTextBox    {
			 
			/*background: url('https://media.mt.com/dam/LabDiv/Campaigns/qclabs_2015/skills/black-back.png') left 0 repeat-y;
			background-position: -150px 0;*/
			background-color: rgba(0,0,0,0.7);
			background-color: rgba(9, 0, 45, 0.8); /*deep blue*/
			background-color: rgba(255, 255, 255, 0.91);  /*white*/
		}
			 
		 


		/*Package description in #1 and Video description in #2*/
		.myTextBox h3 {
			margin: 20px 0 0 0;
			font-size: 1.5rem;
			line-height: 2rem;
			font-weight: normal;
		}

			h3 a.my-pdf {
				color:#fff;
				font-weight: bold;
			}



		.myVideoWrapper h3 {
			position: relative;
			bottom: 30px;
			left: 20px;

			font-size: 1.5rem;
			line-height: 2rem;
			font-weight: normal;
		}


		/*learn more section of text*/
		.myTextBox .myLearnMore {
			background-color: #d0e9fb;
			padding: 15px 30px;
			margin: 5px 0;
			font-weight: bold;
		}



/*------------  fonts settings -------------*/
#intro4 h1 {
	font-size: 3.6rem; 
	line-height: 4rem;
	margin-bottom: 30px;
	display: block;
	font-weight: normal;
}

#intro4 h1 b {
	font-size: 5.4rem; 
	line-height: 5.5rem;
	font-weight: 700;
}



.img-cover h1 {
    font-size: 4.2rem;
    line-height: 5rem;
    font-weight: normal;
    margin-bottom: 30px;
    font-family: Arial, sans-serif;
}

.img-cover h1 b{
    font-size: 7.4rem;
    font-family: Arial, sans-serif;
}



h1, .myTextBox {
	font-family: Arial, sans-serif;
}






/*------------  Green buttons  -------------*/
a.myGreenButton {
	font-size: 2rem;
	line-height: 3rem;

	color: #fff;
	display: inline-block;
	padding: 10px 10px;
	background-color: #66bc29;
	margin: 20px 0 15px 0;
	border: 3px solid #66bc29;
	border-radius: 6px;

}

		a.myGreenButton:hover {
			text-decoration: underline;
		}


		.balances .myTextBox a.myGreenButton {
			float: left;
			/*margin: 15px 25px 25px 0;*/
			margin-right: 25px;

		}









/*--------------- feedback B form settings ------------*/

.inlineFeedbackFormContainer {
	width:100%;
	background-color: #f0f0f0;
	margin:0;  
	padding: 0% 0 3% 0%;
	box-sizing: border-box;
}

.inlineFeedbackFormContainer .fb_form {
	padding: 2% 1% 0;
    /* margin: 0 auto; */
    
    /*left: 23%;*/
    position: relative;
    box-sizing: border-box;
    margin: 0 auto;
    display: block;
    width: 50%;
    max-width: 50%;

}

/*.fb_form {
	margin-left: 0!important;
}*/






/*--------------- Figure @ feedback B ------------*/

/*.myFigureWrapper {
	display: none;
	position: relative;
	width: 100%;
	height: 200px;
}

.myFigure {
	position: absolute;
	right: 12%;
	top: -860px;
}*/








/* /////////////////////////////////////////////////////////////////////// */

/* 		  	  					   1680 px    		  					   */

/* /////////////////////////////////////////////////////////////////////// */


@media only screen and (max-width : 1680px) {


	/*green button*/
			a.myGreenButton {
				font-size: 1.7rem;
				line-height: 2rem;
				 
				padding: 10px 8px;
				margin: 15px 0 15px 0;
				 
			}

	/*fonts size*/
			#intro4 h1 {
				font-size: 3rem; 
				line-height: 3.3rem;
				margin-bottom: 30px;
				display: block;
				font-weight: normal;
			}

			#intro4 h1 b {
				font-size: 5rem; 
				line-height: 5rem;
				font-weight: 700;
			}



			.img-cover h1 {
			    font-size: 3.9rem;
			    line-height: 4.5rem;
			    font-weight: normal;
			    margin-bottom: 30px;
			     
			}

			.img-cover h1 b{
			    font-size: 7rem;
			     
			}

 			#intro .img-cover .myTextBox, #intro4 .balances .myTextBox {
 				font-size: 1.8rem;
 				line-height: 2.8rem;
 			}


				
	/*text box @ hero section*/
			#intro .img-cover .myTextBox {
				top: 7%;
				width: 47%;
			}
	
			#intro4 .balances .myTextBox {
				top: 8%;
				left:0%;
				width: 60%;
				margin: 0 auto;
			}
}





/* /////////////////////////////////////////////////////////////////////// */

/* 		  	  					   1560 px    		  					   */

/* /////////////////////////////////////////////////////////////////////// */


@media only screen and (max-width : 1580px) {


	/*green button*/
			a.myGreenButton {
				font-size: 1.7rem;
				line-height: 2rem;
				 
				padding: 10px 8px;
				margin: 15px 0 15px 0;
			}

			a.myGreenButton  {
					 
					margin: 30px 25px 10px 0;

			}


	/*fonts size*/

			#intro4 h1 {
				font-size: 2.9rem; 
				line-height: 3.5rem;
				margin-bottom: 30px;
				display: block;
				font-weight: normal;
			}

			#intro4 h1 b {
				font-size: 4.3rem; 
				line-height: 4.4rem;
				font-weight: 700;
			}



			.img-cover h1 {
			    font-size: 3.7rem;
			    line-height: 4rem;
			    font-weight: normal;
			    margin-bottom: 30px;
			     
			}

			.img-cover h1 b{
			    font-size: 6.5rem;
			     
			}

 			#intro .img-cover .myTextBox, #intro4 .balances .myTextBox {
 				font-size: 1.5rem;
 				line-height: 2.1rem;
 			}

	
	/*text box @ hero section*/
			#intro .img-cover .myTextBox {
				top: 7%;
				width: 47%;
			}
	
			#intro4 .balances .myTextBox {
				top: 8%;
				left:0%;
				width: 62%;
				margin: 0 auto;
			}


	/*--------------- feedback B form settings ------------*/

			.inlineFeedbackFormContainer {
				width:100%;
				background-color: #f0f0f0;
				margin:0;  
				padding: 0% 0 3% 0%;
				box-sizing: border-box;
			}

			.inlineFeedbackFormContainer .fb_form {
				padding: 2% 1% 0;
			    /* margin: 0 auto; */
			    
			    /*left: 23%;*/
			    position: relative;
			    box-sizing: border-box;
			    margin: 0 auto;
			    display: block;
			    width: 50%;
			    max-width: 50%;

			}




 




	
}



/* /////////////////////////////////////////////////////////////////////// */

/* 		  	  					   1380 px    		  					   */

/* /////////////////////////////////////////////////////////////////////// */


@media only screen and (max-width : 1380px) {

 		  	

		/*green button*/
				a.myGreenButton {
					font-size: 1.5rem;
					line-height: 2.1rem;
					color: #fff;
					display: inline-block;
					padding: 7px 8px;
					margin: 15px 0 15px 0;
					 
				}

				.balances .myTextBox a.myGreenButton {
					 
					margin: 15px 25px 5px 0;

				}




	/*fonts size*/

			#intro4 h1 {
				font-size: 2.9rem; 
				line-height: 3.5rem;
				margin-bottom: 30px;
				display: block;
				font-weight: normal;
			}

			#intro4 h1 b {
				font-size: 4.3rem; 
				line-height: 4.5rem;
				font-weight: 700;
			}



			.img-cover h1 {
			    font-size: 3.25rem;
			    line-height: 3.5rem;
			    font-weight: normal;
			    margin-bottom: 30px;
			     
			}

			.img-cover h1 b{
			    font-size: 5.8rem;
			     
			}

 			#intro .img-cover .myTextBox, #intro4 .balances .myTextBox {
 				font-size: 1.5rem;
 				line-height: 2.2rem;
 			}

	
	/*text box @ hero section*/
			#intro .img-cover .myTextBox {
				top: 7%;
				width: 47%;
			}
	
			#intro4 .balances .myTextBox {
				top: 8%;
				left:0%;
				width: 70%;
				margin: 0 auto;
			}




 
	 
		


 

		/*--------------- feedback B form settings ------------*/

			.inlineFeedbackFormContainer {
				width:100%;
				background-color: #f0f0f0;
				margin:0;  
				padding: 0% 0 3% 0%;
				box-sizing: border-box;
			}

			.inlineFeedbackFormContainer .fb_form {
				padding: 2% 1% 0;
			    /* margin: 0 auto; */
			    
			    /*left: 23%;*/
			    position: relative;
			    box-sizing: border-box;
			    margin: 0 auto;
			    display: block;
			    width: 50%;
			    max-width: 50%;

			}


}


/* /////////////////////////////////////////////////////////////////////// */


@media only screen and (max-width : 1260px) {

			#intro .img-cover .myTextBox {
				top: 0%;
				height: 100%;
				padding-left: 40px;
				width: 47%;
			}

}


/* /////////////////////////////////////////////////////////////////////// */

/* 		  	  					   1200 px    		  					   */

/* /////////////////////////////////////////////////////////////////////// */


@media only screen and (max-width : 1200px) {

		
 


		/*green button*/
				a.myGreenButton {
					font-size: 1.3rem;
					line-height: 1.8rem;
					
					padding: 5px 5px;
					margin: 10px 0 15px 0;
					
				}

				.balances .myTextBox a.myGreenButton {
					 
					margin: 20px 25px 5px 0;

				}

	/*fonts size*/

			#intro4 h1 {
				font-size: 2.5rem; 
				line-height: 3rem;
				margin-bottom: 30px;
				display: block;
				font-weight: normal;
			}

			#intro4 h1 b {
				font-size: 3.8rem; 
				line-height: 4rem;
				font-weight: 700;
			}



			.img-cover h1 {
			    font-size: 2.5rem;
			    line-height: 3rem;
			    font-weight: normal;
			    margin-bottom: 20px;
			     
			}

			.img-cover h1 b{
			    font-size: 4.5rem;
			     
			}

 			#intro .img-cover .myTextBox, #intro4 .balances .myTextBox {
 				font-size: 1.3rem;
 				line-height: 1.8rem;
 			}

	
	/*text box @ hero section*/
			#intro .img-cover .myTextBox {
				top: 0%;
				height: 100%;
				width: 48%;
				padding-left: 30px;
				padding-right: 20px;
			}
	
			#intro4 .balances .myTextBox {
				top: 8%;
				left:0%;
				width: 80%;
				margin: 0 auto;
			}








		/*--------------- feedback B form settings ------------*/

			.inlineFeedbackFormContainer {
				width:100%;
				background-color: #f0f0f0;
				margin:0;  
				padding: 0% 0 3% 0%;
				box-sizing: border-box;
			}

			.inlineFeedbackFormContainer .fb_form {
				padding: 2% 1% 0;
			    /* margin: 0 auto; */
			    
			    /*left: 23%;*/
			    position: relative;
			    box-sizing: border-box;
			    margin: 0 auto;
			    display: block;
			    width: 50%;
			    max-width: 50%;

			}




 





}







/* /////////////////////////////////////////////////////////////////////// */

/* 		  	  					   1040 px    		  					   */

/* /////////////////////////////////////////////////////////////////////// */


@media only screen and (max-width : 1040px) {


			/*turn mobile header on, standard header off*/
				h1.myMobileHeader {
					display: block;
					padding-left: 30px;
					font-size: 2rem;
				}

				#intro .img-cover .myTextBox h1, #intro .img-cover .myTextBox{
					display: none;
				}


			/*fonts*/
				h1 {
					width: auto;
				}

				#intro4 h1 {
					display: none;
				}

				#intro4 h1 b {
					display: none;
				}


			/*text box container*/
				#intro .img-cover .myTextBox, #intro2 .balances .myTextBox, #intro3 .balances .myTextBox, #intro4 .balances .myTextBox {
					width: 100%;
					margin: 0;
					top: 0%;
					position: relative;
					left: 0%;
					box-sizing: border-box;
					padding: 30px;
					background: url('__https://media.mt.com/dam/LabDiv/Campaigns/pharma_2014/ph/white-back.png') -250px 0 repeat-y;

					color: #676767;
				}

				.myTextBox h1 {
					background: url('https://media.mt.com/dam/LabDiv/Campaigns/pharma_2014/ph/white-back.png') -250px 0 repeat-y;
				}


			/* image*/
				#intro .img-cover, #intro2 .balances , #intro3 .balances , #intro4 .balances     {
					background: none;
					height: 100%!important;
					overflow: visible;
				}

				.myMobileImage {
					display: block;
					width: 100%;
					height: auto;
				} 

 		 


			/*layout*/
 




			/*green button*/
				.balances .myTextBox a.myGreenButton, a.myGreenButton  {
					float: none;
				}


 




		/*--------------- feedback B form settings ------------*/

				.inlineFeedbackFormContainer {
					width:100%;
					background-color: #f0f0f0;
					margin:0;  
					padding: 0% 0 3% 3%;
					box-sizing: border-box;
				}

				.inlineFeedbackFormContainer .fb_form {
					padding: 2% 2% 0;
					width: 100%;
					box-sizing: border-box;
					margin: 0 auto 0!important;
					max-width: 100%;

				}




}





/* /////////////////////////////////////////////////////////////////////// */

/* 		  	  					   460 px    		  					   */

/* /////////////////////////////////////////////////////////////////////// */



@media only screen and (max-width : 460px) {


			/*turn mobile header on, standard geader off*/
				h1.myMobileHeader {
					display: block;
					padding-left: 15px;
				}

				#intro .img-cover .myTextBox h1 {
					display: none;
				}



			/*text box container*/
				.myTextBox, #intro .img-cover .myTextBox , #intro2 .balances .myTextBox, #intro3 .balances .myTextBox, #intro4 .balances .myTextBox   {
					 
					padding: 15px 5px;
					font-size: 1.2rem;
					line-height: 1.7rem;

				}

			/*fonts size*/
				/*.myTextBox , .brochure .myTextBox , .balances .myTextBox {
					font-size: 1.4rem;
					line-height: 2.1rem;
				}*/


				h1 {
					font-size: 2rem; line-height: 2.5rem;
					margin-bottom: 20px;
					display: inline-block;
					font-weight: normal;
					min-width: inherit;
					width: auto;
					 
				}

 


			/*Package description in #1 and Video description in #2*/	
				#intro2 .balances .myTextBox h1{
					margin-top: 20px;
				}



				.myVideoWrapper h3 {
						position: relative;
						bottom: 20px;

						right: 20px;

						font-size: 1rem;
						line-height: 1.4rem;
						font-weight: normal;
						display: block;

						text-align: left;

					}






			/*--------------- Figure @ feedback B ------------*/

				.myFigureWrapper {
					display: none;
					 
				}

				.myFigure {
					display: none;
				}



			/*--------------- feedback B form settings ------------*/

				.inlineFeedbackFormContainer {
					width:100%;
					background-color: #f0f0f0;
					margin:0;  
					padding: 0;
					box-sizing: border-box;
				}

				.inlineFeedbackFormContainer .fb_form {
					padding: 2% 2% 0;
					box-sizing: border-box;
					margin: 0 auto 0!important;
					

				}




}














/* /////////////////////////////////////////////////////////////////////// */
/*                                                                         */
/*                            new mt page setup                            */
/*                                                                         */
/* /////////////////////////////////////////////////////////////////////// */

@media only screen and (min-width : 1160px) {

		#header_boxtop, #footer_boxbot, #title {

			display: none;
		}


		#main_layer {
			/*background-image: url(widgets/shared/css/images/repeating/main-layer-repeat-y-left.gif),url(widgets/shared/css/images/repeating/main-layer-repeat-y-right.gif);
			background-position: top left,top right;
			background-repeat: repeat-y;
			background-color: transparent;*/
			 
			background-image: url( );
			background-position: top left,top right;
			background-repeat: repeat-y;
			background-color: transparent;

			padding: 0;
		 
		} 

		.mt-stage {
			width: 100%;
		}

		/*#header_layer {
			position: fixed;
			z-index: 1000;
			width: 100%;
		}*/

		/*shifting logo to the right*/
				#logo_layer {
					margin-left: 100px;
				}

		/*shifting main menu to the left*/
				#main_navi_layer div ul { 
					/*margin-right:170px; */
					margin-right:10%; 
				}

				ul li.last { 
					border-right: 1px solid #fff;
				}

		/*turn off login/registration*/
				.login_reg_info {
					display: none;
				}

		/*shifting country and search to the left*/
				.cnty_lang_search {
					margin: 10px 0px 0 0;
					 
				}

				div.search {
					margin-left: 50px;
				}

				.top_meta_layer { 
					margin-right:10%; 
					width:500px;
				} 
}


/*------------- new mt page setup -----------------*/