.applications-hero section{
   position:absolute;
    left:0;
    top:350px;
    margin:0;
    max-width:720px;
    z-index:5
}
.applications-hero h1{
    font-size:35px
}
.applications-hero p{width:100%}

.applications-hero .cdilabs-watermark{
    position:absolute;
    left:-100px;
    top:100px;
    width:600px;
    z-index:4
}

.applications-hero .human-icon{width:280px}

.hero-section .service-icon{
   width:180px;
   margin-bottom:35px
}
.hero-section .subtitle{
   margin-top:150px
}
.hero-section video{
    position: absolute;
    top: -60px;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    margin: auto;
    overflow: hidden;
    pointer-events: none;
    opacity: 1;
    object-fit: cover;
    z-index: 0
}

.video-section p{margin-bottom:40px}

/*------ Text description below graph -------*/
.fig-note{
    margin-top:30px;
    font:15px Camber Light;
    text-align:justify
}
.fig-note em{
    font:16px Camber Medium;
    color:#101820;
    text-align:justify
}

/*//////////// SECTIONS STYLES //////////*/

.section-margins{padding-bottom:75px} /* deafult bottom can be change in ech section id */

.diagrams-wrapper{
    width:90%;
    margin:40px auto 80px auto
}

.center-paragraph p{
    font:17px/1.6 Camber Light;
    margin:30px 0 45px
}
.center-paragraph p em{
    font:19px Camber Medium;
    color:#1f3549;
    padding:0 2px
}
/*-------- SECTION FOOTER OR HEADER -----------*/
.section-footer{
	position:relative;
	padding:40px 0 60px 0;
	width:100%;
    text-align:center;
    background:#fff
}
.section-footer:before, .section-footer:after{
	content:'';
	position:absolute;
	top:0;
	width:3000px;
	height:100%;
    background:#fff
}
.dark-footer:before, .dark-footer:after{background:#212B36}
.section-footer:before{left:-3000px}
.section-footer:after{right:-3000px}
.section-footer h3{
	font:24px Decagram Medium;
	margin-bottom:40px
}
.section-footer h3 em{color:#fff;font:34px Camber Medium;padding:0 5px}
.section-footer span{margin-right:5px;vertical-align:middle}
.section-footer a img{width:25px;vertical-align:middle;padding-bottom:3px}

.dark-footer{background:#212B36;margin-top:60px}
.dark-footer h3{color:#bfbfbf}
.dark-footer em{font-size:28px}
.dark-footer a{
    font-size:16px;
	border-color:#ddd;
	color:#ddd;
	padding:11px 16px 13px 16px
}
.dark-footer a:hover{border-color:#fff}
.blue-section {background-color:#293239}

/*------ DEFAULT COLUMN STYLES ------*/

.col2 {text-align:left}
.col2 img{width:110%;padding-bottom:20px;border-radius:8px}
.col2 h2{font:36px/1.1 Camber Regular;margin:0 0 25px;color:#f7f7f7;letter-spacing:-.1px}
.col2 h4{font:28px Camber Light;margin:35px 0 15px}
.col2 h3{font:16px/2 Camber Medium;color:#839fb5;margin:25px 0 0}
.col2 h3 img{width:23px;padding-right:10px;color:#839fb5}
.col2 h5{font:17px/1.4 Decagram Semibold;color:#fff}
.col2 h5 a{color:#fff}
.col2 h5 span{font:16px Camber Medium;margin-bottom:5px;color:#839fb5}
.col2 p{font:16px/1.6 Camber Light;color:#ddd;margin:10px 0 20px}
.col2 p:first-child{margin:59px 0 20px}
.col2 p em{font:16px Camber Light It;color:#aaa}
.col2 p a{font:16px Decagram Semibold;color:#fff}
.col2 p strong{font:16px Camber Semibold;color:#fff}



/*------------ DARK BLUE SECTION WITH DOWNLOAD BUTTON ------*/
.dark-blue-section{color:#fff}
.dark-blue-section h2{margin-bottom:30px;margin-top:60px}
.dark-blue-section .col-wrapper p{color:#bfbfbf;margin:0 0 15px 0}
.dark-blue-section .col2{text-align:left}
.dark-blue-section .col2 p{font:15px/1.6 Camber Light}

/*-------- Autoantibody Seromics ---------*/
#applications-30-section-65{padding-bottom:0}
#applications-30-section-65 .diagrams-wrapper{width:100%}

#applications-30-section-67 .center-paragraph{width:100%}
#applications-30-section-67{padding-bottom:0}
#applications-30-section-67 .diagrams-wrapper{width:100%}

/*---------------- RELATED RESOURCES ---------------*/
#related-literatures{overflow-x:hidden;background:#f0f1f2}
#related-literatures .doc-type, #related-literatures .support-file{float:left}
#related-literatures .doc-type{margin-right:5px}
.related-resources .doc-type img{width:25px;vertical-align:bottom;margin-right:5px}
.related-resources .doc-type .pdf-icon{width:22px}
.related-resources .doc-type .film-icon{width:26px}
.doc-type{margin-bottom:0}
.support-file{margin-top:10px;margin-left:35px}
#related-videos{background:#f0f1f2}
.docs-wrap-2col{width:100%}
.col2-docs{margin-right:7%}

/*//////////// RESIZE MEDIA STYLES ///////////*/
@media all and (max-width: 1600px) {
 .applications-hero section{
    top:165px
 }
}

@media all and (max-width: 1410px) {
 .applications-hero section{
   top:125px
 }
}

@media all and (max-width: 1310px) {
 .applications-hero section{
   top:125px
 }
}
@media all and (max-width: 1285px) {
 .applications-hero section{
   top:165px
 }
}
@media all and (max-width: 1150px) {
 .applications-hero section{
   top:165px
 } 
 .center-paragraph .line-break{display:inline}
}
@media all and (max-width: 1080px) {
  #related-publications .col4-docs:nth-child(odd){margin-right:5%}
 #related-publications .col4-docs:nth-child(even){margin-right:0}
}
@media all and (max-width: 945px) {

}
@media all and (max-width: 850px) {
 .hero-section .line-break{display:inline-block}
}

@media all and (max-width:736px) {
  .hero-section section{width:100%}
  .col2 img{width:100%}
  .col2 p:first-child{margin:15px 0 20px}
  .diagrams-wrapper, #applications-22-section-44 .diagrams-wrapper{width:100%}
}

@media all and (max-width:700px) {
  .hero-section .service-icon{
	   width:140px;
	   margin-bottom:20px
	}
}

@media all and (max-width:670px) {
   .applications-hero h1{font-size:29px}
   .applications-hero{height:650px}
   .applications-hero section{top:75px}
   .hero-section .line-break{display:inline}
   .col2 .line-break{display:block}
   #related-publications .col4-docs:nth-child(odd){margin-right:0}
   .docs-section img{min-width:auto}
   .docs-section h4{margin-top:12px}
}