.hero-section{ 
  height:550px;
  margin-top:0;
  background:no-repeat center center;
  background-size:cover
}
.hero-section section{margin-top:220px;height:300px}
#left-hero-content p{color:#b3c935;margin-bottom:0;font:30px slatemed}
#left-hero-content h1{margin-top:5px}

.hero-section .page-inner{height:100%}
.hero-section small{display:inline-block;position:absolute;bottom:20px;font-size:14px;color:#fff}
.hero-section .btn{
 padding:10px 20px;
 color:#ccc;
 border:1px solid #ccc
}
.hero-section .btn:hover{color:#fff;border:1px solid #fff}
.no-hero{margin-top:130px}

/*--------------- CENTER HERO CONTENT -------------------*/
#center-hero-content{
float:left;
width:100%;
margin-top:180px;
text-align:center
}
#center-hero-content p{margin-bottom:15px}
#center-hero-content ul{
position:relative; 
float:left; 
display:block; 
margin-top:10px;
left:50%
}
#center-hero-content li{
margin:10px 0;
position:relative; 
display:block; 
right:50%
}
#center-hero-content li:first-child{margin-left:0}

.zoom-in{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
.zoom-out{-moz-transform:scale(1,1);-webkit-transform:scale(1,1);transform:scale(1,1)}

#resources-inner h1{font:20px robotomed;margin:40px 0 0 0;color:#11233f}

/*-----EDIT ALERT POPUP HERE------------*/
 #log-info{
  position:relative;
  width:15%;
  min-width:270px;
  height:80px;
  background:#fafafa;
  margin:0 auto;
  padding:25px;
  border-radius:2px;
  text-align:center
 }

 #log-info ul{width:218px;margin:0 auto}
 #log-info li{flaot:left}
 #log-info .mfp-close{display:none}
 #log-info .btn{width:80px;padding:10px;float:left}
 #log-info #cancel{border:1px solid #7d868c;padding-top:9px;padding-bottom:9px;margin-left:15px}

#permission-info{
  position:relative;
  width:360px;
  height:70px;
  background:#fafafa;
  margin:0 auto;
  padding:25px;
  border-radius:2px;
  text-align:center
 }
.popup p{font-size:16px;font-family:slatereg}
#permission-info .mfp-close {display:none}
#permission-info .btn{width:50px}

#assets-list{opacity:0}

/*----------- Shadow on Hover -------------*/
.hover-thmb:before{
content:'';position:absolute;right:0;bottom:0;left:0;height:100%;
background:#000;
background:-moz-linear-gradient(top, #5b5b5b 0%, #000 100%);
background:-webkit-linear-gradient(top, #5b5b5b 0%,#000 100%); 
background:linear-gradient(to bottom, #5b5b5b 0%,#000 100%); 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b5b5b', endColorstr='#000000',GradientType=0);
opacity:0;
transition:opacity .5s ease-in-out;
-moz-transition:opacity .5s ease-in-out;
-webkit-transition:opacity .5s ease-in-out
}
.hover-thmb:hover:before{
opacity:.7;
transition:opacity .5s ease-in-out;
-moz-transition:opacity .5s ease-in-out;
-webkit-transition:opacity .5s ease-in-out
}
.hover-thmb:hover .download-hover{opacity:1;transition:opacity .5s ease-in-out;-moz-transition:opacity .5s ease-in-out;-webkit-transition:opacity .5s ease-in-out}

/*////////////////////////////////////  CONTENT BEGINS HERE  ///////////////////////////////////*/
/*----------------------- JALA PAGE --------------------------------*/
#jala-hero{background-image:url(../img/main/visual-jala-issue-03.jpg)}
#jala-hero li{color:#fff}
#jala-hero .btn{margin:110px auto 0 auto;width:90px}
#jala-thmb{margin-bottom:45px}
#jala-thmb h3{font-size:28px;margin-bottom:35px}
#jala-thmb h3 span{font:20px/1.3 robotolite}
#jala-thmb .img-left{width:55%}
#jala-thmb .p-text-right{width:42%;padding:2% 0 0 3%}

#jala-pub{margin-bottom:20%}
.content-publication .pub-heading{margin-bottom:15px;color:#7d868c;font:15px robotomed;line-height:.9}
.content-publication .pub-heading i{vertical-align:middle;font-size:26px;padding-right:10px}
.content-publication h3{font-size:32px;margin:0 0 5px 0;font:32px/1.2 slatelite}
.content-publication .date{color:#777;font-size:18px;margin-bottom:10px}
.content-publication h4{margin-bottom:20px}
.content-publication .editors{font:14px slatemed;margin-bottom:5px}
.content-publication .author{margin-bottom:30px;color:#7d868c;font:18px slatemed}
.content-publication .blue-btn{float:left;padding:10px 20px;font:14px/1.5 robotomed;color:#fff}

/*------------------------------------- SEARCH FORM --------------------------------------*/
#pub-form{
 float:left;
 width:96%;
 background:#11233f;
 padding:3% 2%
}

#pub-form fieldset{
 position:relative;
 float:left;
 border:0;
 margin-bottom:1.5%
}

.full-fieldset{width:49%;margin-right:2%}
#pub-type-field{margin-right:0}
#pub-institution-field, #pub-author-field{width:43%;margin-right:2%}
#pub-year-field{width:10%}
#pub-form label{display:none;color:#fff;font-size:16px}
#pub-form input{
 float:left;
 background:#fff;
 width:96%;
 padding:0 2%;
 height:30px;
 font:normal 15px slatelite;
 border:0;
 border-radius:0
}
#pub-institution-field input{width:95%;padding:0 2.5%}
#pub-author-field input{width:95%;padding:0 2.5%}
#pub-year-field input{width:82%;padding:0 9%}

#search-submit{clear:left}
#search-submit .btn{float:left;width:60px;margin-right:2%}

/*----------------------------- PUBLICATIONS ------------------------------------*/
.publications-hero section{margin-top:230px;width:100%}
.publications-content{min-height:1660px}

#publications-hero{background-image:url(../img/resources/visual-publications.jpg)}
#publications-hero p{color:#fff}
#publications-hero small{left:0}
#pub-search-box{margin-bottom:0}
#no-hero-search{margin:10px 0 20px 0}

#pub-refine{font-size:20px;margin:20px 0 10px 0;color:#11233f}

#publications-list{position:relative;margin-bottom:5%}

#expand-abstracts{float:right;margin-bottom:10px}
#expand-abstracts a{display:block;width:150px;background:#7d868c}
#expand-abstracts .btn{padding:2% 10px}
#expand-abstracts .btn:hover{background:#b3c935}

#pub-heading{
 float:left;
 width:100%;
 height:20px;
 padding-bottom:5px;
 border-bottom:10px solid #eee
}
#pub-heading p{float:left;font:18px slatebold}
#pub-heading ul{float:right;min-width:260px}
#pub-heading li{
 float:left;
 margin-right:40px;
 font:16px slatebold
}
#pub-heading li:last-child{margin-right:0}

.pub-section{
 float:left;
 width:100%;
 padding:3% 0;
 border-bottom:1px solid #7d868c
}
.pub-section:last-child{border:0}

.pub-left-col{float:left;width:60%}
.pub-left-col li{margin-bottom:5px}
.pub-title{font:18px/1.2 slatebold;color:#000}
.pub-author{color:#0c3c61}
.pub-institution{margin-top:10px}

.pub-right-col{float:right;width:34%;min-width:275px}
.pub-right-col li{float:left;width:72px}
.pub-right-col li:last-child{cursor:pointer;text-align:center;width:50px}
.pub-right-col .pub-year{font:16px slatebold}
.pub-right-col .fa{font-size:26px}
.pub-right-col .fa-file-pdf-o{margin-right:23px}
.fa-link:hover{color:#11233f}
.pub-right-col .fa-link{margin-right:0}
.fa-file-pdf-o:hover{color:red}
.fa-plus-circle{color:#7d868c}
.fa-plus-circle:hover{color:#b3c935}
.fa-minus-circle{color:#b3c935}

.pub-desc{
 display:none;
 float:left;
 width:100%;
 padding-top:15px
}

.pub-desc p{
 float:left;
 margin-bottom:10px;
 font-size:15px;
 line-height:1.25
}

.pub-desc ul{float:left;width:100%}
.pub-desc li{font:15px slatereg}
.pub-desc li strong{color:#11233f;font-family:slatereg;padding-right:3px}

#articles-hero{background-image:url(../img/resources/visual-articles.jpg)}
#articles-hero small{color:#282828;right:0}
#articles-hero section{text-align:right}

/*------------------------------------ APP NOTES PAGE -------------------------------------*/
.resources-fieldset{
 position:relative;
 float:left;
 height:60px;
 margin-right:1.5%
}
.clear-fieldset{clear:both}

.product-fieldset{width:35%;min-width:290px}
#year-fieldset{width:11%;margin-right:0}

#no-hero-search form{padding-top:2%}
#no-hero-search form label{display:block;color:#eee}
#no-hero-search input{height:40px}
#no-hero-search .btn{padding:5px 25px}

.select-box{
 top:20px;
 -webkit-box-shadow:0px 8px 23px -11px rgba(0,0,0,1);
 -moz-box-shadow:0px 8px 23px -11px rgba(0,0,0,1);
 box-shadow:0px 8px 23px -11px rgba(0,0,0,1)
}
.select-box li .current{text-align:left}
#product-box{z-index:13}
#app-box{z-index:12}
#year-box{z-index:11}

#year-fieldset{min-width:150px}

#col-resources-wrap{float:left;width:100%}

/*------------------------------ 4 COLUMN -------------------------------------*/
.col4-resources{
position:relative;
float:left;
width:21.4%;
height:480px;
margin:0 1.3% 30px 0;
padding:0 1.3%;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
background:#fffefe url(../img/resources/app-note-bg.jpg) no-repeat right top
}
.col4-resources-outer{margin-right:0}

.col4-resources-custom{background-image:none}
.col4-resources-outer{margin-right:0}

.col4-resources:before, .col4-resources:after{content:'';width:1px;height:100%;background:#ddd;position:absolute}
.col4-resources:before{left:0}
.col4-resources:after{right:0}

.download-hover{z-index:100;}

.col4-title{padding:50px 4% 20px 4%;width:92%;position:relative}
.col4-title:before, .col4-title:after{content:'';height:10px;position:absolute;top:0}
.col4-title:before{left:-6%;width:30%;background:#0c2b4d}
.col4-title:after{left:26.5%;width:18%;background:#677278}
.col4-title p{margin:0;color:#c4d600;font:14px slatebold;width:100%;}
.col4-title h3{font:14px/1.2 robotomed;color:#0c3c61;width:100%;margin:20px 0 5px 0;float:left}
.col4-title h4{font:14px slatebold;color:#282828;margin-bottom:5px}
.col4-abstract{background:#eff2f5;width:90%;padding:15px 5%}
.col4-abstract h5{margin:0 0 10px 0;padding:0;font:15px slatemed;color:#282828}
.col4-abstract p{font:14px/1.3 slatereg;color:#282828;width:100%;margin-bottom:5px}
.col3-resources h6, .col4-resources h6{position:absolute;bottom:2%;color:#0c3c61;font:14px slatebold}
.col4-resources .col4-version{position:absolute;right:15px;top:5px;margin:0 0 10px 0;color:#0c3c61;font-family:slatebold}
.col4-file-size{right:6%}
.col4-year{left:6%}
.col4-resources .btn{position:absolute;bottom:0;left:0;width:90%;font-size:12px;min-width:90px;line-height:1.3;padding-bottom:4px}
.col4-resources .btn:hover{background:#7d868c}
.col4-resources .fa-download{margin-left:3px;font-size:14px}

#hero-applications{background-image:url(../img/resources/visual-resources-app-notes.jpg)}
#access-note{margin:-15px 0 15px 0;padding:0;font-size:18px}

.col4-resources svg{width:50%;height:20px;margin-bottom:35px}

/*------------------------------ 3 COLUMN -----------------------------------*/
.col3-resources{
position:relative;
float:left;
width:32.46%;
height:510px;
margin:0 1.3% 50px 0;
padding-bottom:20px;
text-align:left;
background:#f7f7f7;
border-bottom:2px solid #7d868c
}
.col3-resources-outer{margin-right:0}
.col3-text{padding:0 4%}
.col3-resources h3{font:17px/1.3 slatebold;;color:#282828;margin-bottom:10px}
.col3-text h4{font:16px/1.3 slatemed;color:#282828}
.resources-title{font:16px/1.3 slatebold;margin-bottom:15px;color:#282828}
.resources-title:hover{color:#112332}
.col3-resources p{font:15px/1.4 slatereg;color:#282828;width:100%}
.col3-link{position:absolute;bottom:3%;left:4%;width:100%}
.col3-link a{font:15px/1.3 robotomed;color:#112332;text-transform:uppercase}
.col3-link a:hover{color:#7d868c}
.col3-link .fa{margin-left:3px;font-size:14px}

/*-------------------------------- POSTERS ------------------------------------*/
#posters-keyword{min-width:500px;width:50%}
form #posters-keyword label, form #posters-year label{display:none}
#posters-year{width:11.8%;min-width:120px}
#posters-year input{width:84%;padding:0 8%}
#posters-keyword, #posters-year{padding-top:20px}
#posters-note{margin:0 0 10px 0;padding:0}
#posters-list .col3-resources{height:690px}
#posters-list .thmb-with-border{border-top:6px solid #eee}
#posters-list .thmb-with-border:before, #posters-list .thmb-with-border:after{width:6px}
#posters-list .poster-version{font:14px slatebold;margin-bottom:10px;color:#0c3c61}

#posters-list .col4-text{float:left;padding:20px 4% 0 4%;width:92%}
#posters-list h4{font:14px slatemed;color:#737373;margin-bottom:20px}
#posters-list .col4-abstract{background:none;padding:15px 0}

/*----------------------- WEBINARS ---------------------------------*/
#webinars-list .col3-resources{height:380px}
#webinars-list .col4-text{padding-top:27px}
#webinars-list h5{float:left;text-transform:uppercase;padding-bottom:5px;font:15px robotobold;color:#282828;width:50%;margin-top:25px}
#webinars-list h4{float:right;margin:0 0 10px 0;padding:0;font:15px robotomed;color:#0c3c61;width:50%;text-align:right;margin-top:25px}
#webinars-list .col4-abstract{background:none}
#webinars-list .col4-abstract p{clear:both}

/*---------- SINGLE WEBINAR PAGE ------------*/
#webinar-holder{margin-bottom:5%;background:#000}
#webinar-holder h1{margin-bottom:20px;font:30px/1.3 robotomed;color:#fff}
#webinar-holder h1 sup{font-size:15px}
#webinar-desc{margin:30px 0}
#webinar-desc p{color:#fff;font:16px/1.4 slatereg}
#webinar-desc .btn{margin:40px 0 20px 0;width:150px;padding:10px;border:1px solid #eee;color:#ddd}
#webinar-desc .btn:hover{border-color:#fff;color:#fff}

/*------------------------------- VIDEOS -----------------------------------*/
#hero-videos{background-image:url(../img/resources/visual-videosR.jpg);background-position:left top}
#videos-list{margin:80px 0 10% 0}

.thmb-video{position:relative;float:left;width:100%;margin-bottom:25px;overflow:hidden}
.thmb-video img{transition:transform 1s}
.video-text{
  overflow:hidden;
  position:relative;  
  max-height:200px; 
  margin-right:-0.7em;
  padding-right:1em;
  text-overflow:ellipsis
}
/*-------------------------- CUSTOMER PROFILES ---------------------------*/
#profiles-list{margin:10% 0}
#profiles-list h1{font:33px robotolite;margin:10px 0 30px 0}
#profiles-list .col3-resources{height:450px;border-top:3px solid #f7f7f7;text-align:center}
#profiles-list .col3-link{text-align:center;left:0}
#profiles-list h3{font:22px/1.3 robotomed}
.profile-thmb:before, .profile-thmb:after{content:'';position:absolute;top:0;width:3px;height:100%;background:#f7f7f7}
.profile-thmb:before{left:0}
.profile-thmb:after{right:0}

/*-------------------------- PROFILE PAGES --------------------------------*/
.profiles-hero{background-color:#000;background-size:cover}
.profiles-hero section{width:100%;margin-top:210px;padding-bottom:50px}
.profile-tall section{margin-top:195px}
.profiles-hero h1{font:29px robotoslablite;width:60%;margin-bottom:45px;color:#fff}
#profile-hero-customer{font:28px slatebold;color:#dfe7f3;margin-bottom:0}
#profile-customer-title{margin-top:5px;font:21px/1.2 slatelite}
.profiles-hero .fa-quote-left{margin-right:5px}
.profiles-hero .fa-quote-right{margin-left:5px}

.profile-content h3{font:29px/1.5 robotolite;margin-top:0}
.profile-content h4{font:17px/1.3 robotomed;margin-top:0;color:#000}

.wide-section{background:#112332;padding:40px 0 25px 0;margin-bottom:1%}
.wide-section h3{font:22px/1.5 robotoslablite;color:#fff}
.wide-section .fa-quote-left{margin-right:5px}
.wide-section .fa-quote-right{margin-left:5px}
.wide-section p{margin:15px 0;color:#c3d500;font:20px robotomed}
.wide-section span{font-family:slatelite;color:#fff}
.title-break{padding:0 2%}

#profile-video-wrap{
position:relative;
float:left;
width:100%;
background:#eee
}
#profile-video{
position:relative;
float:left;
padding:0;
width:66.27%
}
#profile-video-wrap:before, #profile-video-wrap:after{position:absolute;content:"";height:12px;top:0}
#profile-video-wrap:before{width:8%;left:87.5%;background:#0b3c61}
#profile-video-wrap:after{width:4%;right:0;background:#7d868c}
#profile-video-desc{
position:relative;
float:left;
width:29.73%;
padding:3% 2% 0 2%;
text-align:left
}
#profile-video-desc .fa-registered{font-size:12px}
#profile-video-type{color:#0c3c61;font-size:19px;margin-bottom:20px}
#profile-video-type .fa{font-size:20px;color:#0c3c61}
#profile-video-desc h4{
font:24px/1.3 robotomed;
margin:0 0 25px 0;
color:#181818
}
#profile-video-desc h5{
font:18px/1.3 robotoreg;
margin:25px 0 7px 0;
color:#282828
}
#profile-video-text{
font-size:15px;
line-height:1.4;
padding:10px 0 5px 0;
color:#58595b
}

#hero-amyris{background-image:url(../img/resources/visual-amyris.jpg)}
#amyris-synbio .img-right{padding-left:5%;margin-bottom:30px}
#amyris-synbio .btn{width:160px;padding:10px;margin:30px auto}

#hero-cardiodx{background-image:url(../img/resources/visual-cardiodx.jpg)}
#cardiodx-echo-thmb .img-right{width:30%;padding-left:3%;margin-bottom:45px}
.cardiodx-solution h3{font:29px robotolite}
.cardiodx-solution .study-notes{font-size:13px;margin-bottom:15px}
.cardiodx-solution p:nth-child(8){padding-top:15px;border-top:1px solid #eee}

#hero-genemill{background-image:url(../img/resources/visual-genemill.jpg)}
#genemill-echo-thmb .img-right{width:33%;padding-left:3%;margin-bottom:45px}

#hero-nhs{background-image:url(../img/resources/visual-nhs.jpg)}
.nhs-content h4{
  float:none;
  width:auto;
  padding-top:0;
  margin-bottom:20px;
  font-size:24px;
  color:#0c3c61
}

.profile-content #content-heading .img-left{width:12%}
.profile-content #content-heading .p-text-right{width:85%;padding:2% 0 0 3%}
#diamond-thumb .img-left{width:30%}
#diamond-thumb .img-title-below{margin-left:0}
#diamond-thumb .img-title-below span{font-family:robotobold;color:#282828}
#diamond-thumb .p-text-right{padding:0 0 3% 3%;width:67%}
#diamond-thumb .p-text-right h3{padding-top:0}
#diamond-echo-thumb .img-right{width:37%;margin-bottom:25px}
#diamond-echo-thumb .img-title-below-r{float:left;width:100%;font-size:15px;line-height:1.4}
#igenomix-page #content-heading p{margin-bottom:25px}
#igenomix-logo-thumb{background:#689abc;padding-bottom:40px}
#igenomix-logo-thumb img{width:20%;margin-bottom:10px;min-width:240px}
#igenomix-logo-thumb p{font:15px/1.6 robotoreg;color:#fff}
.igenomix-525-thumb .img-right{width:30%}

#hero-russo{background-image:url(../img/resources/visual-rutgers.jpg)}
#russo-webinar{margin-bottom:0}
#russo-quote{margin-top:25px}
.russo-555-thumb .img-right{width:25%;padding-left:4%}

#noireaux-intro .p-text-right{padding-top:0;padding-bottom:0}
.profile-content h4 a:hover{color:#0b3b61}
.profile-content h4 i{font-size:28px;padding-right:7px}
#noireaux-echo .img-right{padding:0;width:55%;margin:0 0 2% 5%}
#reductionGraph{float:left;width:75%;padding-right:5%}
#noireaux-echo ul{float:right;width:20%;margin-top:30%;display:none}
#noireaux-echo li{font:16px slatemed;margin-bottom:20px}
#noireaux-echo li i{margin-right:5px}
#noireaux-echo li:first-child i{color:#90ad49}
#noireaux-echo li:nth-child(2) i{color:#c64c42}
#noireaux-echo li:last-child i{color:#3d7ab4}

.profile-content h4 a:hover{color:#0b3b61}
.profile-content h4 i{font-size:28px;padding-right:7px}

#hero-fimm{background-image:url(../img/resources/visual-fimm.jpg)}

#hero-ionis{background-image:url(../img/resources/visual-ionis.jpg)}
.ionis-last h4{font:22px robotoslablite}
.ionis-last .fa{color:#7d868c}
.ionis-last .fa-quote-left{margin-right:5px}
.ionis-last .fa-quote-right{margin-left:5px}

#hero-icr{background-image:url(../img/resources/visual-icr.jpg)}
#hero-jic{background-image:url(../img/resources/visual-john-innes.jpg)}

#hero-sengine{background-image:url(../img/resources/visual-sengine.jpg)}
#sengine-podcast{padding:0}
.podcast-section .pub-heading i{padding-right:7px;vertical-align:bottom;}
.podcast-section h3{margin-bottom:20px;font:32px/1.2 slatelite}
.podcast-section h3 span{display:block;font-size:22px}
.podcast-img-link{display:block;margin-bottom:25px;width:80%}
.podcast-section .blue-btn{float:left}

#hero-jgi{background-image:url(../img/resources/visual-jgi.jpg)}
#hero-wellcome-trust{background-image:url(../img/resources/visual-wellcome-trust.jpg)}
#hero-sanger{background-image:url(../img/resources/visual-sanger.jpg)}
#hero-diamond{background-image:url(../img/resources/visual-diamond.jpg)}
#hero-noireaux{background-image:url(../img/resources/visual-noireaux.jpg)}
#hero-igenomix{background-image:url(../img/resources/visual-igenomix.jpg)}

#hero-dna-foundry{background-image:url(../img/resources/visual-london-dna-foundry.jpg)}
#thmb-mcclymont{padding-left:5%;width:35%;}
#london-dna-foundry p{margin-bottom:25px}
#london-dna-foundry-thmb picture{display:block;margin:35px 0 10px 0}
#london-dna-foundry-thmb h4 em{display:block;margin-left:32px}

#london-dna-foundry #content-heading .img-left{width:40%}
#london-dna-foundry #content-heading .p-text-right{width:57%;padding:2% 0 0 3%}

#hero-eurofins{background-image:url(../img/resources/visual-eurofins.jpg)}
#eurofins-page #content-heading .img-left{width:25%;margin-top:5px}
#eurofins-page #content-heading .p-text-right{padding-top:0;width:72%}
#eurofins-page .p-text-right p{margin:20px 0 25px 0}

#hero-tierra-biosciences{background-image:url(../img/resources/visual-tierra-biosciences.jpg)}
#tierra-biosciences #content-heading h3{font: 22px robotolite}
#tierra-biosciences #content-heading h4{margin-bottom:25px}
#tierra-biosciences #content-heading .img-left{width:27%}
#tierra-biosciences #content-heading .p-text-right{width:69%;padding:2% 0 0 4%}
#tierra-biosciences-thumb .img-right{width:60%;padding-left:2.5%;margin-top:20px}

#hero-ucsf{background-image:url(../img/resources/visual-ucsf.jpg)}
#ucsf-heading h3{margin-top:20px}
#ucsf-heading h3 em{font: 17px/1.3 robotomed;display:block;margin-top:18px}
#ucsf-heading h4{margin-top:10px;padding-top:0}
#ucsf-heading h3 i{color:#7d868c}
#ucsf-reduction-quote{margin-top:0}
#ucsf-thumb .img-right{width:50%;padding-left:5%;margin-bottom:25px}
#ucsf-reduction-quote h3{font-size:17px}

/*---------------------------- CORE LABS -------------------------------*/
#hero-core-labs{background-image:url(../img/resources/visual-core-labsR.png);background-position:left bottom}
#hero-core-labs p{color:#eee}
#core-labs-heading h2{margin-top:20px;border-bottom:10px solid #eee;padding-bottom:10px}
#core-labs-region{position:absolute;right:0;top:45px;font:20px slatemed;text-transform:uppercase;color:#7d868c}
#core-labs-region:hover{color:#0b3b61}
#core-labs-list{margin-bottom:10%}
.core-labs-section{
float:left;
width:49%;
height:380px;
position:relative;
margin-bottom:40px;
padding-bottom:20px;
background:#f7f7f7;
border-bottom:2px solid #7d868c;
margin-right:2%;
}
.core-labs-section:nth-child(even){margin-right:0;}

.core-labs-thmb{float:left;width:30%;height:400px;background:#f2f2f2}
.core-labs-thmb img{width:100%}
.core-labs-link{width:80%;padding:30px 10% 0 10%}
.core-labs-link a{display:block;font-size:18px;margin-bottom:20px}
.core-labs-link a:hover{color:#0b3b61}
.core-labs-link .fa{margin-right:7px;font-size:22px}
.core-labs-info{float:left;width:64%;padding:0 3%}
#core-labs-list h3{margin:20px 0 0 0;font-size:24px}
.core-labs-info p{margin:20px 0 10px 0;color:#7d868c;font-family:slatemed}
.core-labs-info h4{margin:0;padding:0;font:20px/1.1 slatebold;color:#282828}
.core-labs-info h5{font:16px slatereg;color:#7d868c}
.core-labs-info ul{margin-top:20px;width:100%}
.core-labs-info li{margin-bottom:5px;color:#7d868c;font-size:16px}
.core-labs-info li:nth-child(3){margin-bottom:0}
.core-labs-info span{display:inline-block;width:30%;vertical-align:top}
.core-labs-info b{display:inline-block;width:70%;color:#0b3b61}

/*---------------------------- CMS FORM --------------------------------*/
#request-app-notes{min-height:500px}
#resources-request{margin-bottom:10%}
#complete-note{margin-bottom:5px;color:#c4d53a;font-size:17px}
#resources-request h1{font:33px/1.3 robotomed;margin-bottom:20px;color:#282828}
#resources-request h4{margin:0 0 5px 0;font:18px/1.3 slatemed;color:#0c3c61}
#resources-request h5{margin-bottom:15px;font-size:17px}

#resources-request form{
 float:left;
 width:100%;
 padding:0;
 margin-top:30px;
}

#resources-request fieldset{
 position:relative;
 float:left;
 border:0;
 width:100%;
 margin-bottom:3%
}

#resources-request .short-field{width:48%}
#resources-request .short-field-left{margin-right:4%}
#resources-request .country{width:22%;margin-right:3%}
#resources-request .state{width:7%;margin-right:3%}
#resources-request .zip{width:13%}

#resources-request label{color:#282828;font:15px slatebold}

#resources-request input, #resources-request textarea{
 border:1px solid #e1e1e1;
 background:none;
 border-radius:0;
 float:left;
 width:96%;
 padding:0 2%;
 height:35px;
 font:normal 16px slatelite
}
#resources-request textarea{width:98%;height:200px;padding:7px 1%}

#request-checkboxes{width:100%}
#request-checkboxes input, #request-checkboxes label{float:left}
#request-checkboxes input{width:20px;height:20px;margin-top:-5px}
#request-checkboxes label{margin-right:15px}
#request_contactme{margin-bottom:15px}
#request-checkboxes #request_mailing{clear:left}

#resources-request form p{line-height:.6}
#verification-text{margin:10px 0 20px 0}
#recaptcha_widget p{line-height:2.5}
#resources-request form span{color:red;margin-left:3px;font-size:14px}
#recaptcha_response_field{margin:10px 0 5px 0;padding:0 2%;width:96%;height:30px}
.captcha, #recaptcha_image, #recaptcha_image img{width:100% !important}

#request-submit{margin-top:10px}
#request-submit .btn{cursor:pointer;border:0;border-radius:1px;background:#0e3455;width:20%;min-width:180px;font:13px robotomed}
#request-submit .btn:hover{background:#7d868c}
#mktoForm_1599, #mktoForm_1676, #mktoForm_1642{max-width:500px}

#error-box{width:100%;background:pink;padding:2% 0}
#resources-request #error-box p{font:16px/1.3 slatemed;margin:0 2%;color:#282828}

#form-note{font:19px/1.5 slatebold}
#form-note i{font-size:32px;margin-right:10px;vertical-align:top}
#pdf-info{float:left;margin-bottom:25px}
#resources-request .pdf-title{font-family:robotolite;margin-bottom:15px}
#pdf-info h4{font:18px robotomed;color:#003560}
#pdf-info h5{margin-bottom:40px}
#pdf-info p em{display:block;font:18px slatebold;color:#282828;padding-bottom:5px}
#request-pdf-thumb{position:relative;width:58%;padding:1%;background:#eee}
#request-pdf-thumb #loader{left:45%;top:50px;
  border:10px solid #f3f3f3;
  border-top:10px solid #7d868c;
  border-radius:50%;
  width:40px;
  height:40px;
}
#req-form-wrap{float:right;width:37%}
#req-form-wrap form{margin:0 0 10px 0}
#req-form-wrap #request-form .zip{width:40%}

#thank-you-heading{margin-top:200px;min-height:470px}
#thank-you-heading h3{font:42px gilroysbold}
#thank-you-heading .img-right{width:35%;margin:0}
#request-thmb{margin:45px 0 5% 0;min-width:350px}
#request-thmb .btn{padding:10px;margin-top:15px}
#thank-you-btn-small{width:200px}
#request-thmb p{margin:0 0 10px 0;padding:0}

#pdf-wrap-2{float:left;width:100%;height:800px}
#pdf-wrap-2 iframe,
#pdf-wrap-2 object,
#pdf-wrap-2 embed{
float:left;
width:100%;
height:100%;
border:0
}

/*//////////////////////////// MEDIA QUERIES //////////////////////////////*/

@media all and (max-width: 1380px){
 .hero-section, .wide-section{
   padding-left:3%;
   padding-right:3%;
   width:94%
 }
}

@media all and (max-width: 1230px){
 .pub-title{font-size:17px}

  #profile-video-type{margin-bottom:15px}
  #profile-video-desc h4{font-size:22px}
  #hero-dna-foundry section{margin-top:150px}
  #london-dna-foundry-thmb h4 em{display:inline;margin-left:0}
}

@media all and (max-width: 1195px){
 .hero-section{height:500px}
 .hero-section section{margin-top:190px}
 .no-hero{margin-top:80px}
 #center-hero-content{margin-top:130px}
 #jala-thmb{margin-bottom:20px}
 .col4-resources{height:495px}
 .publications-hero section{margin-top:200px}
 #left-hero-content h1{font-size:48px}
 #left-hero-content p{font-size:26px}
 #left-hero-content i{font-size:24px}
 #expand-abstracts{padding:40px 0 15px 0}
 .pub-left-col{width:55%}

 #posters-keyword{height:40px}
 #posters-year{clear:both;width:11.8%;min-width:120px;padding-top:0;height:50px}

 .profiles-hero{background-size:1450px;background-position:60% 70%}
 .profiles-hero section{margin-top:170px}
 .profile-tall section{margin-top:155px}
 #profiles-list{margin-top:90px}
 #profiles-list h1{margin-top:0;}
 #profiles-list .col3-resources{height:420px}
 #amyris-synbio .img-right{width:45%}
 #profile-video-type{margin-bottom:10px}
 #profile-video-desc h4{font-size:20px;margin-bottom:15px}
 .podcast-img-link{width:100%}
 #noireaux-echo .img-right{width:60%}
 #hero-dna-foundry section{margin-top:120px}
 #london-dna-foundry #content-heading .img-left{width:50%}
 #london-dna-foundry #content-heading .p-text-right{width:47%}
 #tierra-biosciences #content-heading .img-left{width:32%}
 #tierra-biosciences #content-heading .p-text-right{width:64%}
 #tierra-biosciences-thumb .img-right{width:100%;padding-left:0;margin-top:1%;padding-bottom:0;float:left}

 #hero-core-labs section{margin-top:180px}
 .core-labs-section{height:390px}
 .core-labs-thmb{height:410px}
 .core-labs-info span{width:32%}
 .core-labs-info b{width:68%}

 #resources-request form{width:100%}
}

@media all and (max-width: 1095px){
 .col4-resources{width:46.7%;height:405px}
 .col4-resources:nth-child(even){margin-right:0}
 .col4-title:before{left:-2.7%;width:25%}
 .col4-title:after{left:23.5%;width:15%}
 .col4-file-size{right:3%}
 .col4-year{left:3%}
 .col4-resources svg{width:35%;height:20px;margin-bottom:35px}

 .profiles-hero{background-position:65% 75%}
 #profile-video-wrap:before, #profile-video-wrap:after{display:none}
 #profile-video{width:100%}
 #profile-video-desc{width:96%;padding-top:20px;padding-bottom:15px}
 #profile-video-type{margin-bottom:10px}
 #profile-video-desc h4{width:100%}
 #amyris-synbio .img-right{width:48%}
 .profile-content #content-heading .img-left{width:15%}
 .profile-content #content-heading .p-text-right{width:82%}
  #noireaux-echo .img-right{width:65%}
 #london-dna-foundry-video{margin-bottom:0}
  #london-dna-foundry #content-heading .img-left{width:45%}
 #london-dna-foundry #content-heading .p-text-right{width:52%}

 .core-labs-section{height:370px}
 .core-labs-thmb{height:390px}
 .core-labs-link a{font-size:17px}
 .core-labs-link .fa{font-size:20px}
 .core-labs-info li{font-size:15px}
 .core-labs-info span{width:34%}
 .core-labs-info b{width:66%}

 #resources-request .short-field{width:49%}
 #resources-request .short-field:nth-child(even){margin-right:2%}
 #resources-request .country{width:27%;margin-right:2%}
 #resources-request .state{width:5%;margin-right:2%}
}

@media all and (max-width: 1045px){
 .profiles-hero{background-position:68% 70%}
 #expand-abstracts{padding-top:0}
 #profiles-list .col3-resources{height:390px}
  .core-labs-section{height:380px}
  .core-labs-thmb{height:400px}
  #diamond-thumb .p-text-right{padding-bottom:18%}
  #diamond-thumb p:last-child{position:absolute;left:0;bottom:0}
  #hero-dna-foundry h1{font-size:27px}
}

@media all and (max-width: 1024px){
 #jala-thmb{margin-bottom:6%}
 #jala-pub{margin-bottom:10%}

 .publications-content{min-height:auto}
 #publications-list{margin-bottom:10%}
 .pub-left-col{width:60%}
 .pub-right-col{width:30%}

 .col3-resources{width:49%;height:520px}
 #posters-list .col3-resources{height:750px}
 .col3-resources:nth-child(odd){margin-right:2%}
 .col3-resources:nth-child(even){margin-right:0}
 #posters-list .col3-resources:nth-child(even), #profiles-list .col3-resources:nth-child(even){margin-right:2%}
 #posters-list .col3-resources:nth-child(odd), #profiles-list .col3-resources:nth-child(odd){margin-right:0}

 .profiles-hero{background-size:1400px;background-position:65% 100%}
 #profiles-list .col3-resources{height:450px}
 .profile-content #content-heading .img-left{width:20%}
 .profile-content #content-heading .p-text-right{width:77%}
  #diamond-thumb .p-text-right{padding-bottom:15%}
  #diamond-echo-thumb .img-right{width:45%}
  #noireaux-echo .img-right{width:85%;margin-left:0;float:left;min-width:700px;overflow:hidden}
  #noireaux-echo .p-text-left{float:left}
  #london-dna-foundry #content-heading .img-left{width:45%}
  #london-dna-foundry #content-heading .p-text-right{width:52%;padding-top:0}
}

@media all and (max-width: 950px){
 .col4-resources{height:410px}

 #posters-keyword{height:45px}
 #posters-product{padding-bottom:10px}

 .profiles-hero{background-size:1400px;background-position-x:68%}
 .profiles-hero h1{font-size:28px}
 #profile-hero-customer{font-size:27px}
 #profile-customer-title{font-size:20px}
 #igenomix-525-thumb .img-right{margin-bottom:5%}
 #tierra-biosciences #content-heading .img-left{width:400px}
 #tierra-biosciences #content-heading .p-text-right{width:100%;float:left;padding:0;margin-top:30px}

 .core-labs-section{width:100%;height:100%}
 .core-labs-thmb{height:100%;background:none}
 .core-labs-link a{font-size:18px}
 .core-labs-link .fa{font-size:22px}
 .core-labs-info li{font-size:16px}
 .core-labs-info span{width:25%}
 .core-labs-info b{width:75%}

 #resources-request .short-field{width:100%}
 #resources-request .short-field:nth-child(even){margin-right:0}
 #resources-request .country{width:69%;margin-right:4%}
 #resources-request .state{width:7%;margin-right:4%} 
 #resources-request .zip{width:16%}
}

@media all and (max-width: 880px){
 #expand-abstracts{position:absolute;right:0;top:43px}
 #pub-heading ul{display:none}
 .pub-left-col, .pub-right-col{float:left;width:100%;padding:0}
 .pub-right-col{padding-top:20px}
 .pub-right-col li{width:70px}
 .pub-right-col li:first-child{padding-top:5px}
 .col4-resources{height:430px}

 #posters-keyword{width:60%;min-width:550px}

 .profiles-hero{background:none}
 .profiles-hero h1{width:100%}
 .profiles-hero .line-break{display:inline}
  #ucsf-thumb .img-right{width:100%;padding-left:0;float:left}
}

@media all and (max-width: 845px){
.hero-section, .publications-hero{height:auto}
.hero-section section, .publications-hero section{margin-top:20%}
#hero-core-labs section{margin-top:23%}
#center-hero-content{margin:15% 0 5% 0}
.publications-hero h1{font-size:47px}
.hero-section .page-inner{display:inline-block}

#jala-thmb{margin-bottom:20px}
.col4-resources{height:430px}
#hero-videos p{margin-top:25%}
.profiles-hero h1{font-size:27px;margin:5% 0 10% 0}
.profile-content #content-heading .img-left{width:30%}
.profile-content #content-heading .p-text-right{width:67%}
#cardiodx-echo-thmb .img-right, #genemill-echo-thmb .img-right{width:35%;margin-bottom:35px}
#diamond-thumb .img-left{width:42%}
#diamond-thumb .p-text-right{width:55%}
 #diamond-thumb .p-text-right{padding-bottom:12%}
 #hero-dna-foundry section{margin-top:7%}
}

@media all and (max-width: 820px){
 #jala-thmb{margin-bottom:0}
 #igenomix-525-thumb .img-right{width:35%}
 #resources-request .country{width:65%;margin-right:2%}
 #resources-request .state{width:7%;margin-right:2%} 
 #resources-request .zip{width:24%}
 #request-pdf-thumb{width:98%;padding:10px 1%;margin-bottom:5%}
 #req-form-wrap{float:left;width:100%}
 #req-form-wrap form{width:100%}
}

@media all and (max-width: 736px){
 #jala-hero ul{display:none}
 #jala-hero h1{margin-top:5%}
 #jala-hero .btn{margin-top:10%}

 .full-fieldset{width:100%;margin-right:2%}
 #expand-abstracts{display:none}

 .col3-resources, #webinars-list .col3-resources, #posters-list .col3-resources, #profiles-list .col3-resources{width:100%;height:100%}
 .col3-resources:nth-child(odd){margin-right:0}
 #posters-list .col3-resources:nth-child(even){margin-right:0}
 .video-text{height:10em}

.profile-content #content-heading .img-left{width:35%}
.profile-content #content-heading .p-text-right{width:62%}
 #amyris-synbio .img-right{width:100%;padding-left:0}
 #cardiodx-echo-thmb .img-right, #genemill-echo-thmb .img-right{width:38%}

 .core-labs-info span{width:30%}
 .core-labs-info b{width:70%}

 #diamond-thumb .img-left{width:100%}
 #diamond-thumb .img-left img{width:60%;min-width:400px}
 #diamond-thumb .p-text-right{width:100%;padding:25px 0 0 0}
 #diamond-thumb p:last-child{position:relative}
}

@media all and (max-width: 700px){
.profile-content #content-heading .img-left{float:left;padding-bottom:0;;min-width:250px}
.profile-content #content-heading .p-text-right{float:left;width:100%;margin-top:0;padding:20px 0 0 0}
 #resources-request h1{font-size:30px}
 #resources-request .country{width:100%;margin-right:0}
 #resources-request .state{margin-right:4%} 
 #resources-request .zip{width:20%;min-width:120px}
 #diamond-echo-thumb .img-right{width:100%;padding:0}
 #diamond-echo-thumb .img-right img{width:65%;min-width:400px}
 #hero-dna-foundry h1{margin-top:8%}
 #hero-dna-foundry section{margin:10% 0}
#london-dna-foundry #content-heading .img-left{width:50%}
#london-dna-foundry #content-heading .p-text-right{width:100%;padding:4% 0 0 0}
}

@media all and (max-width: 660px){
 #jala-thmb .img-left{width:55%;padding-right:3%;margin-bottom:20px}
 #jala-thmb .p-text-right{width:auto;padding:2% 0 10% 0;float:none}
 #jala-thmb .p-text-right p:last-child{margin-bottom:0}
 .col4-resources{height:450px}
}

@media all and (max-width: 640px){
 #jala-thmb .img-left{float:left;width:70%;padding-right:0;min-width:300px}
 #jala-thmb .p-text-right{clear:left;width:100%;padding:2% 0 0 0;float:none}
 #jala-thmb .p-text-right p:last-child{margin-bottom:30px}

 #articles-hero section{float:left;text-align:left}
 #articles-hero small{left:0}

 #posters-keyword{width:100%;min-width:200px}
}

@media all and (max-width: 620px){
 .col4-resources{width:97.4%;height:100%;padding-bottom:8%}
 .col4-resources svg{width:28%;margin-bottom:6%}
 .col4-title:before{left:-1.1%;width:20%}
 .col4-title:after{left:19.5%;width:12%}
 .col4-file-size{right:6.3%}
 .col4-year{left:6.3%}
 #diamond-thumb .img-title-below, #diamond-echo-thumb .img-title-below-r{margin:0;width:100%}
 #diamond-thumb .p-text-right{margin-top:0;padding-top:10px}
}

@media all and (max-width: 580px){
 #jala-hero h1{margin-top:1%}
 #jala-hero .hero-line-break{display:block}
 #cardiodx-echo-thmb .img-right, #genemill-echo-thmb .img-right{width:42%}
 #hero-dna-foundry h1{font-size:25px}

 .core-labs-link a{font-size:17px}
 .core-labs-link .fa{font-size:20px}
 .core-labs-info li{font-size:15px}
 .core-labs-info span{width:35%}
 .core-labs-info b{width:65%}
}

@media all and (max-width: 530px){
 #pub-form fieldset{padding-bottom:10px}
 #pub-institution-field, #pub-author-field{width:100%;margin-right:2%}
 #pub-year-field{width:100%}
 #pub-year-field input{width:95%;padding:0 2.5%}
 .pagination{margin-bottom:20px}
 #expand-abstracts{top:73px}
 .pub-right-col li{width:50px}
  #jala-thmb .img-left{width:100%}
  .col4-abstract{margin-bottom:3%}
  #posters-keyword{height:35px}
  #resources-request h1{font-size:28px}
  #hero-dna-foundry section{margin-top:15%}
}

@media all and (max-width: 515px){
 #cardiodx-echo-thmb .img-right, #genemill-echo-thmb .img-right, #igenomix-525-thumb .img-right{float:none;width:65%;margin:0 auto 50px auto;padding:0}

 #hero-core-labs h1{margin-top:6%}
 #core-labs-list h3{font-size:22px}
 .core-labs-info p{margin:10px 0;font-size:15px}
 .core-labs-info h4{font-size:18px}
 .core-labs-info h5{font-size:15px}
 .core-labs-info .core-labs-address2{display:none}
 .core-labs-info span{width:100%}
 .core-labs-info b{width:100%}

 #request_mailing{clear:left}
}

@media all and (max-width: 460px){
 #cardiodx-echo-thmb .img-right, #genemill-echo-thmb .img-right{width:90%}
 .core-labs-link .fa{display:block}
  #diamond-thumb .img-left img, #diamond-echo-thumb .img-right img{width:100%;min-width:300px}
 #hero-dna-foundry section{margin:20% 0}
  #tierra-biosciences #content-heading .img-left{width:100%}
}

@media all and (max-width: 400px){
 .pub-right-col li{width:30px}
 #request-thmb{width:100%;min-width:300px}
 #hero-core-labs h1{margin-top:10%}
 #core-labs-region{top:0}
 #hero-dna-foundry section{margin:20% 0 40% 0}
}