/*Rainin Pipetting SEA / SEO LP*/


        /*.myNoMobile {
            display: block!important;
        }

        .myMobileOnly {
            display: none!important;
        }*/





/*General Text component settings for the page*/
div.text.section *  {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
}

div.text.section  {
    padding: 0rem;
    margin: 0;
}

div.text.section h2 {
	font-size: 2rem;
	line-height: 2.3rem;
	margin-top: 0;
	padding: 0;
}

#content div.text.section p, #content div.text.section ol, #content div.text.section ul {
    font-size: 1.3rem;
    line-height: 1.7rem;
}

/*green buttons*/
#myButtons {
	margin: 2rem 0 1rem 0;
}




/*GPP Intro*/

#content {
	background: url(https://media.mt.com/dam/LabDiv/sea/rainin-pipetting/pipetting-header2.jpg) top right no-repeat;
    background-size: contain;
}

div#myHero::after {
    content: "";
    padding: 19%;
    display: block;
}
 
div#myHero { 
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: block;
}




div.text.section div#gppIntro {
    box-sizing: border-box;
    padding: 4rem;
    padding-bottom: 1rem;
    padding-right: 30%;
    /*padding-right: 400px;*/
}

div.text.section div#gppIntro h1 {
 	font-size: 4rem;
 	line-height: 4rem;
 	font-weight: normal;
 	margin: 0; padding: 0;
 	margin-bottom: 1rem;
 	color: #333d96;
 	text-shadow: 1px 1px 3px #fff;
}

div.text.section div#gppIntro h2 {
	margin-bottom: 0rem;
 }


			/*GPP Action buttons*/

            div.text.section div#myGppActionItems {
                box-sizing: border-box;
                padding: 4rem;
                padding-top: 2rem;
                transition: background-color 0.5s ease-in-out, background-color 0.3s ease-out;
                -webkit-transition: background-color 0.5s ease-in-out, background-color 0.3s ease-out;
                -moz-transition: background-color 0.5s ease-in-out, background-color 0.3s ease-out;
            }

            div#myGppActionItems:hover {
                background-color: #b2dbfa;
                
                
            }

            div#myGppActionItems a.fb-button-p5a {
                border: none;
                box-shadow: none;
                float: right;
            }


			.myActionWrapper {
			    margin: 2rem 0 1rem 0;
			}

			a.myActionBox {
			    display: inline-block;
			    width: 19%;
			    margin: 0 0.5rem 0 0;
			    padding: 1rem;
			    vertical-align: top;
			    background-color: #2d96e5;  
			    min-height: 200px;
			    text-decoration: none;
			    box-shadow: 0px 1px 3px #979797;
			    color: #fff;
			    text-shadow: 1px 1px 1px #676767;

			    -webkit-font-smoothing: antialiased;
			        -moz-osx-font-smoothing: grayscale;

                transition: color, background-color 0.5s ease-in-out;
                transition-property: color, background-color;
                transition-duration: 0.5s;
			}

			#content a.myActionBox h3 {
				font-size: 1.3 !important;
				display: inline-block;
			}

			#content a.myActionBox p {
			    font-size: 1.1rem !important;
			    text-decoration: none !important;
			    display: inline-block;
			    /*color: #676767 !important;*/
			}

			#content a.myActionBox h3:hover {
				cursor: pointer;
				/*color: #4d9f47;*/
			}

			a.myActionBox:hover {
				
			    
				background-color: #4d9f47;
				cursor: pointer !important;
				 
				color: #fff;
				text-shadow: 1px 1px 1px #676767;
			}







/*Five pipetting section*/
div.text.section div#fivePipetting {
    background-color: #eef7ff;
    box-sizing: border-box;
    padding: 4rem;
}

div.text.section div#fivePipetting ol li {
    display: inline-block;
    width: 45%;
    padding: 1rem;
    /*padding-left: 0;*/
    vertical-align: top;
    margin: 0;
    padding: 1rem 3rem;
}

div.text.section div#fivePipetting ol  {
    display: inline-block;
    margin: 0;
    padding: 1rem;
    /*padding-left: 0;*/
}

div.text.section div#fivePipetting ol li h4{
    display: block;
    /*padding: 0.5rem;*/
    margin: 0 0 0.5rem 0;
    font-size: 1.5rem;
    line-height: 1.7rem;
} 



/*RiskCheck section*/
div.text.section div#riskCheck{
    box-sizing: border-box;
    padding: 4rem;
    padding-bottom: 1rem;
}

.mt_iframe_comp {
    max-width: 900px;
    max-height: 500px;
    margin-left: 4rem;
    border: 1px solid #f0f0f0;
}

/*GPP Certificate*/
div.text.section div#gppCertificate{
    box-sizing: border-box;
    padding: 4rem;
    padding-bottom: 2rem;
    padding-top: 2rem;
    margin-top: 2rem;
    background-color: #2d96e5;
    box-shadow: 0px 1px 3px #979797;
    color: #fff;
    text-shadow: 1px 1px 1px #676767;

    -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
}

div#gppCertificate a.fb-button-p5a {
	border: none;
	box-shadow: none;
	float: right;
}

/*GPP Certificate*/
div.text.section div#pipettingLiterature{

    box-sizing: border-box;
    padding: 6rem 4rem 1rem 4rem;
}

.linklist.section {
    box-sizing: border-box;
    padding: 0 3rem 3rem 3rem;
    background-color: #f8f8f8;
}





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

/*                                800 /  460 px                                */

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



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

        .myNoMobile {
            display: none!important;
        }

        .myMobileOnly {
            display: block!important;
        }


        #content {
            background-size: contain;
        }

        div.text.section div#gppIntro {
            padding: 3rem;
        }

        a.myActionBox {
            width: 100%;
            margin-bottom: 0.5rem;
            min-height: auto;
        }

        div.text.section div#fivePipetting ol li {
            width: 100%;
            padding: 0;
        }

        div.text.section div#fivePipetting ol li h4 {
            padding-top: 1.5rem;
        }

        .ll-bundle div.content img {
            margin-left: 0!important;
        }


}