/*--  Cancer-Screening-test  --*/

/* all colors 

70badb -> bfeaf4 
bfeaf4 
70badb 
2dbde0 
1b6aa5 
3c4f94 
df669c 
eb3836 
7e78ce

*/



[id^=Cancer-Screening] .row {
    /*max-width: 900px !important;*/
}

#Cancer-Screening-test .e-shop {
	
}

#Cancer-Screening-test a {
	background-color: #f25822;
	padding: 10px 24px;
	position: relative;
	margin-bottom: 18px;
}

#Cancer-Screening-test a:hover {
	background-color: #2497b2;
}

.title-bottom{
 margin-bottom:80px;   
}

@media only screen and (min-width: 960px) {
	#Cancer-Screening-test .e-shop {
		float: right;
		margin-bottom: -34px;
	}
	
	#Cancer-Screening-test .e-shop a {
		float: left;
		margin-left: 15px;
		margin-bottom: 0;
	}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	#Cancer-Screening-test .e-shop {
		float: right;
		margin-bottom: -10px;
	}
	
	#Cancer-Screening-test .e-shop a {		
		float: left;
		font-size: 16px;
		margin-left: 15px;
		margin-bottom: 0;
	}
}

#Cancer-Screening-test.mo-content {
	padding-bottom: 0;
	padding-top: 0;
}

#Cancer-Screening-test {
    background-image: linear-gradient(to bottom, #70badb, #bfeaf4);
    /*height:710px;*/
   
    
}

#Cancer-Screening-test2.mo-content {
	padding-bottom: 60px;
	padding-top: 60px;
}

#Cancer-Screening-test2 {
	background-color: #3c4f94;

}

#Cancer-Screening-test2 h3 {
    color: #2dbde0 ;
}

#Cancer-Screening-test2 p {
    color: #FFF;
}

#Cancer-Screening-test2 .e-shop {
	display: inline-block;
    margin: 0 auto;
}

#Cancer-Screening-test2 .e-shop a {
	background-color: #f25822;
	display: block;
	margin: 0 0 18px;
}

#Cancer-Screening-test2 .e-shop a:hover {
	background-color: #2497b2;
}

@media only screen and (min-width: 960px) {
	#Cancer-Screening-test2 .e-shop a {
        background-color: #f25822;
        float: left;
        margin: 0 7px 18px;
    }
}

#Cancer-Screening-test3 {
	display: flex;
}

#Cancer-Screening-test3 img {
	margin-bottom: 42px;
	margin-top: 12px;
	max-width: 402px;
	width: 100%;
}

.Cancer-Screening-test3-1,
.Cancer-Screening-test3-3 {
	background-color: #70badb ;
	padding-bottom: 50px;
	padding-top: 60px;
	height:100%
}

.Cancer-Screening-test3-1 h3,
.Cancer-Screening-test3-3 h3 {
	color: #bfeaf4;
	font-size: 4rem;
}

.Cancer-Screening-test3-1 p,
.Cancer-Screening-test3-3 p {
	color: #1b6aa5;
	line-height: 22px;
	margin-bottom: 8px;
	
	font-size: 1.5rem;
    font-weight: bold;
}

.Cancer-Screening-test3-2 {
	background-color: #1b6aa5;
	padding-bottom: 50px;
	padding-top: 60px;
	height:100%;
}

.Cancer-Screening-test3-2 h3 {
	color: #bfeaf4;
	font-size: 4rem;

}

.Cancer-Screening-test3-2 p {
	color: #70badb;
	line-height: 22px;
	margin-bottom: 8px;
	
	font-size: 1.5rem;
    font-weight: bold;
}

.Cancer-Screening-test3-3 .p-small,
#Cancer-Screening-test5 .p-small {
	font-size: 12px;
}

#Cancer-Screening-test4 {
	background-color: #bfeaf4;
	padding-top: 60px;
	padding-bottom: 67px;
}

#Cancer-Screening-test4 sup {
    font-size:large;
}

#Cancer-Screening-test4 h3 {
	color: #1b6aa5;
}


#Cancer-Screening-test4-1 h3 {
	color: #FFFF;
}

#Cancer-Screening-test4-1 {
	background-color: #70badb ;
	padding-top: 60px;
	padding-bottom: 67px;
}

#Cancer-Screening-test4-2 h3 {
	color: #1b6aa5 ;
}

#Cancer-Screening-test4-2 {
	background-color: #bfeaf4 ;
	padding-top: 60px;
	padding-bottom: 67px;
}




#Cancer-Screening-test4-1 .div-table div {
    float:left;
    text-align: center;
    padding:10px;    
}

#Cancer-Screening-test4-1 .div-table ul {
    list-style: disc;
    text-align: left;
        margin-left: 20px;
}
#Cancer-Screening-test4-1 .div-table p {
    
    text-align: left;
}

.circle-shape-txt h5.h5-blue2 {
	color: #296089;
	font-family: 'SansationRegular', source-han-sans-traditional, sans-serif; 
}

#Cancer-Screening-test4 p {
	color: #1b6aa5;
}

#Cancer-Screening-test4 strong {
	color: #3c4f94;
	
}

.Cancer-Screening-test4-img {
	margin-top: -32px;
}


#Cancer-Screening-test4-1 p {
	color: #3c4f94 ;
/*	font-weight: bold; */
}



#Cancer-Screening-test4-2 p {
	color: #1b6aa5;
}





#Cancer-Screening-test5 {
	background-color: #FFFFFF;
	padding-bottom: 60px;
	padding-top: 60px;
}

#Cancer-Screening-test5 .row {
	max-width: 1440px !important;
}

#Cancer-Screening-test5 h3 {
	color: #1b6aa5 ;
}

#Cancer-Screening-test5 p {
	color: #70badb;
	    text-align: center;
}

#Cancer-Screening-test5 .logo-top 
{
    font-size: x-large;
    text-align: center;
}

.FDA-logo-img{
    width:205px;
}

.logoCE-img {
    width:291px;
}

.logoCE-IVD-img {
    width:54px;
}

#Cancer-Screening-test5 .logoCE {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
    justify-content: center;
}

#Cancer-Screening-test5 .logoCE-txt {
	padding: 20px;
    color: #70badb;
}


#Cancer-Screening-test5 .test-turnaround-img {
    border-right: 2px solid #b7dcec;
}

.c19-test-package-wrap {
	display: block;
	margin: 0 auto 5px;
	width: 1366px;
}

.c19-test-package {
	display: block;
	float: left;
	height: 436px;
	margin-bottom: 50px;
	margin-left: 70px;
	padding: 155px 40px 30px 20px;
	text-align: center;
	width: 289px;
}

.c19-test-package1 {
	background: url("../img/COVID-19/Cancer-Screening-test-package1.png") no-repeat;
	margin-left: 0;
}

.c19-test-package2 {
	background: url("../img/COVID-19/Cancer-Screening-test-package2.png") no-repeat;
}

.c19-test-package3 {
	background: url("../img/COVID-19/Cancer-Screening-test-package3.png") no-repeat;
}

.c19-test-package4 {
	background: url("../img/COVID-19/Cancer-Screening-test-package4.png") no-repeat;
}

.c19-test-package-text {
	display: flex;
	height: 140px;
	width: 100%;
	
	align-items: center;
	justify-content: center;
}

.c19-test-package-text h5 {
	color: #296089;
	line-height: 1.2;
	margin-bottom: 0;
}

#Cancer-Screening-test5 .c19-test-package h3 {
	color: #f25822;
	font-size: 40px;
	font-family: 'Lato-Black', source-han-sans-traditional, sans-serif;
	margin-top: 4px;
}

#Cancer-Screening-test6 {
    	background-color: #3c4f94;
    
	padding-bottom: 60px;
	padding-top: 60px;
}

#Cancer-Screening-test6 .row {

}

#Cancer-Screening-test6 h3 {
	color: #70badb;
}

.collect-sample-wrap {
	display: block;
	margin: 40px auto;
	max-width: 1440px;
	width: 100%; 
}

.collect-sample-list {
	float: left;
	margin-bottom: 33px;
	margin-left: calc((100% - 750px)/6);
	margin-right: calc((100% - 750px)/6);
}

.collect-sample-list-tc {
	height: 445px;
}

#Cancer-Screening-test6 h2 {
	color: #296089;
	font-size: 60px;
	font-family: 'Lato-Black', source-han-sans-traditional, sans-serif;
	line-height: 1;
	margin-top: -48px;
}

#Cancer-Screening-test6 p {
	color: #70badb;
	line-height: 1.3;
	font-weight: bold;
}

.test6-p {
    color: #bfeaf4 !important;
    font-weight: normal !important;
	
}

.collect-sample {
	display: block;
	float: left;
	text-align: center;
	width: 374px;
}

#Cancer-Screening-test7.mo-content {
	padding-bottom: 0;
	padding-top: 60px;
}

#Cancer-Screening-test7 {
	background-color: #296089;    
}

#Cancer-Screening-test7 h3 {
    color: #7dcddb;
}

#Cancer-Screening-test7 p {
    color: #7dcddb;
	line-height:28px;
}

.test-procedures-img {
	float:left;
	margin-right: 28px;
	margin-top: 4px;
	max-width: 167px;
}

.test-procedures-txt {
	float: left;
	display: flex;
	min-height: 167px;
	padding-bottom: 8px;
    width: calc(100% - 195px);
	
	align-items: center;
	justify-content: flex-start;
}

.test-procedures-txt h5 {
	color: #fff;
	line-height:30px !important;
}

.Cancer-Screening-test7-img {
	margin-left: -25px;
    margin-top: 57px;
	max-width: 421px;
}

#Cancer-Screening-test8.mo-content {
	padding-bottom: 60px;
	padding-top: 60px;
}

#Cancer-Screening-test8 {
	background-color: #7ccddb;    
}

#Cancer-Screening-test8 h3,
#Cancer-Screening-test8 h4,
#Cancer-Screening-test8 p {
    color: #296089;
}

#Cancer-Screening-test8 .disclaimer hr {
	border: none;
	border-top: 1px #fff solid;
	margin-bottom: 52px;
	margin-top: 24px;
}

@media only screen and (max-width: 1399px) {
	.c19-test-package-wrap {
        width: 648px;
    }
	
	.c19-test-package3 {
        margin-left: 0;
    }
	
	.collect-sample-wrap {
        max-width: 960px;
	}

    .collect-sample-list {        
        margin-left: calc((100% - 760px)/4);
        margin-right: calc((100% - 760px)/4);
	}
}

@media only screen and (max-width: 1024px) {
	.Cancer-Screening-test7-img {
        margin-left: 0;
        margin-top: 0;
        max-width: 30%;
    }
}

@media only screen and (max-width: 960px) {
	.collect-sample-wrap {
        max-width: 760px;
	}

    .collect-sample-list {        
        margin-left: calc((100% - 660px)/4);
        margin-right: calc((100% - 660px)/4);
		width: 330px;
	}
	
	.collect-sample-list img {
		max-width: 80%;
	}
	
	#Cancer-Screening-test6 h2 {
		font-size: 48px;
		margin-top: -39px;
	}
}

@media only screen and (max-width: 767px) {
	#Cancer-Screening-test3 {
        flex-direction: column;
    }
	
	.Cancer-Screening-test4-img {
        margin-top: 30px;
		width: 60%;
    }
	
	.c19-test-package-wrap {
        width: 289px;
    }
	
	.c19-test-package {
        margin-left: 0;
    }
	
	.test-procedures-img {
		display: block;
		float: none;
		margin: 0 auto 15px;
	}
	
	.Cancer-Screening-test7-img {
        max-width: 60%;
    }
	
	.test-procedures-txt {
		width: 100%;
		margin-bottom: 60px;
		padding-bottom: 0;
	}
	
	.collect-sample-wrap {
        max-width: 330px;
	}

    .collect-sample-list,
	.collect-sample-list-tc {
		height: auto;
        margin-left: 0;
        margin-right: 0;
	}
}

.cell-bg0 {
    background-color: #ffffff;
}

.cell-bg1 {
    background-color: #f0f7fb;
}

.cell-bg2 {
    background-color: #1b6aa5;
    border-radius: 15px 0 0;
}

.cell-bg3 {
    background-color: #3c4f94;
   /* border-radius: 0 15px 0 0; */
   border-radius: 15px 15px 0 0;
}

.cell-font1,
.cell-font1 p {
    color: #bfeaf4 ;
}

.cell-font2, 
.cell-font2 p {
    color: #1b6aa5 !important;
}


.padding0{
    padding:0!important;
}

.flex1
{
    flex: 1;
}

.flex1_5
{
    flex: 1.5;
}

.flex7
{
    flex: 7;
}

.displayflex,
.displayflextable {
    display: flex;
}

.displayflexproperties {
    flex-direction: row;
    flex-wrap: nowrap;
    
    align-items: center;
    align-content: center;
    justify-content: center;
}

.displayflexpropertiescolumn {
    flex-direction: column;
}

.marginbottom40
{
    margin-bottom: 40px;
}

.advantage p
{
    text-align: left;
    width: 100%;
    margin: 0 5px 0 15px;
}

.collect-sample-list p {
    text-align:center;
}

.cancer-screening-Test4-img
{
    padding: 50px 0;
}


h3 {
    font-size: 1.7rem;
}


.img-790{
    width:790px;
}

.img-340{
    width:340px;
}

.adjust-width {
        width: 66%;
}

.adjust-center-width{
    max-width: 91%;
    margin: auto;
}

.svg-icon80{
    width:80px;
}

.Cancer-Screening-test6-img {
    width:665px;
    margin-bottom:80px;
}

.cancer-icon {
    width:250px;
}

.cancer-icon-more {
    width:160px;
}

.test-plan-header{
    width:173px;
    margin-top:25px;
    margin-bottom:25px;
}

.test-plan-icon {
    width:56px;
}

.cancer-screening-Test4-img2
{
     padding: 20px 0; 
}

.cancer-screening-Test4-img3
{
    max-width: 423px;
    width: 423px;
}

.bottom-radius1 {
    border-radius: 0 0 0 15px ;
}


.bottom-radius5 {
    border-radius: 0 0 15px 0;
}

.bottom-radius3 {
    border-radius: 0 0 0 15px;
}

.contact-us{
    background-color: #7e78ce;
    margin: 30px auto;
    text-align: center;
    border-radius: 90px;
    padding: 15px 50px;
}

.contact-us-txt1{
    color: white !important;
    font-weight: bold;
    margin: 0 0 5px 0;;
    font-size: 1.6rem;
}

.contact-us-txt2{
    color: #bfeaf4 !important;
    margin: 0;
    font-size: 1.2rem;
}

.margin-auto{
    margin: 30px auto;
}


@media only screen and (max-width: 768px) {
 
 
 
 .displayflextable {
    display: flex;
     flex-direction: column;
}

 .collect-sample-list {        
      /*  margin-left: calc((100% - 500px)/4);
        margin-right: calc((100% - 500px)/4);
		width: 250px; */
		
		margin-left: 0;
    margin-right: 0;
    width: 50%;
	}
	
 .small-paddingbottom {
     padding-bottom:10px!important;
 }
 
 .cancer-screening-Test4-img3
{
    max-width: 100%;
}
 
 .cell-bg2 {
    border-radius: 15px 15px 0 0;
}

 .cell-bg3 {
    border-radius: 15px 15px 0 0;
}
    .bottom-radius1 {
    border-radius: 0 0 0 15px;
}

    .bottom-radius2 {
    border-radius: 0 0 15px 0;
}




.bottom-radius3 {
    border-radius: 0 0 0 0;
}

.bottom-radius4 {
    border-radius: 0 0 0;
}


.bottom-radius5 {
    border-radius: 0 0 15px 15px;
}




}



@media only screen and (max-width: 479px) {
    .title-bottom{
         margin-bottom:20px;   
        }

    .banner2 {
    height: 247px !important;
    }
}