/* -------------------TOP HERO SECTION ----------------------------*/
.hero-section { height: 800px; }

.hero-section:after { opacity: .2; height: 50px; z-index: 1; }

.hero-section p { font-size: 28px; }

.hero-section li { color: #fff; font: 18px/1.3 slatereg; }

.hero-section .btn { padding: 10px 18px 12px; width: 110px; color: #ddd; border: 1px solid #ddd;font-size:13px;outline:none }

.hero-section .btn:after { background: none; }

.hero-section .blue-btn{color:#fff;border:1px solid #7d868c}
.hero-section .blue-btn:hover{color:#7d868c;background:none;border:1px solid #7d868c}
.hero-section .white-btn{background:#eee;color:#282828;border:1px solid #fff}
.hero-section .white-btn:hover{background:none;border:1px solid #fff;color:#fff}

.animate { position: relative; width: 100%; height: 800px; background: no-repeat center center; background-size: cover; transition: transform 7s; }

.animate section { position: relative; width: 100%; margin-top: 255px; }

.hero-section:after{background:#eee} /*#eee*/
.hero-section .slick-dots li button{background:rgba(0, 0, 0, 0); color: #fff}
.hero-sengine-after{background:#333;opacity:.5}
.hero-after:after{background:#ededed;opacity:.2}
.hero-655-after:after{background:#3c3c3c;opacity:.3}
.hero-drs-after:after{background:#333;opacity:.3}

/*--------------- CENTER HERO CONTENT -------------------*/
.center-hero-content { float: left; 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; }

.center-hero-content .btn { margin: 170px auto 0 auto; }

/*--------------- LEFT HERO CONTENT -------------------*/
.left-hero-content { float: left; }

.left-hero-content p { margin-bottom: 10px; }

.left-hero-content ul { float: left; padding-top: 25px; margin-bottom: 35px; }

.left-hero-content li { margin: 0; margin-bottom: 10px; color: #D1D1D1; }

.left-hero-content .quote { position: relative; margin-top: 45px; padding-bottom: 5px; font: 20px/1.3 robotoreg; }

.customer-name { font: 18px slatelite; margin-bottom: 0; }

.customer-name b { font-family: slatemed; }

.left-hero-content .btn { clear: left; margin-top: 85px; }

/*--------------- RIGHT HERO CONTENT -------------------*/
.right-hero-content { float: right; text-align: right; }

.right-hero-content ul { float: right; padding: 20px 0; font-size: 18px; }

.right-hero-content .btn { clear: right; float: right; margin-top: 18px; }

.right-hero-content li { margin: 0; margin-bottom: 10px; }

.text-left { text-align: left; padding-right: 0; }

.text-right { text-align: right; padding-right: 0; }

/*----------------- Slides Specifics  --------------------*/
/* SLIDES has to have class, no ID */
.visual-655T { background-image: url("https://cdn.labcyte.com/img/main/visual-655T-2018-v2.jpg"); }

.visual-655T h1 sup { font-size: 16px; }

.visual-ade { background-image: url("https://cdn.labcyte.com/img/main/visual-echo-ade-07b.jpg"); }

.visual-ade .fa-registered { font-size: 8px; }

.visual-ade section { width: 77%; margin-left: 23%; }

.visual-synbio { background-image: url("https://cdn.labcyte.com/img/main/visual-echo-synthetic-05.jpg"); }

.visual-synbio .btn { margin-top: 45px; }

.visual-synbio .fa { font-size: 40px; color: #fff; opacity: .4; }

.visual-synbio .fa-quote-left { left: 0; top: -37px; position: absolute; }

.visual-synbio .fa-quote-right { line-height: 0; vertical-align: bottom; padding-left: 5px; }

.visual-synbio .customer-name { font: 21px slatelite; }

.visual-genomics { background-image: url("https://cdn.labcyte.com/img/main/visual-echo-genomics-04.jpg"); }

.visual-slas2018 { background-image: url("https://cdn.labcyte.com/img/main/visual-drs-main-v3.jpg"); }

.visual-slas2018 section { margin-top: 235px; }

.visual-slas2018 h1 { margin: 35px 0 10px 0; font-size:47px; line-height:1.2 }

.slas-logo { width: 25%; min-width: 300px; padding-bottom: 40px; }

.visual-slas2018 .btn { margin-top: 60px; }

.visual-jala { background-image: url("https://cdn.labcyte.com/img/main/visual-jala-issue-03.jpg"); }

.visual-jala .btn { margin-top: 135px; }

.visual-echo { background-image: url("https://cdn.labcyte.com/img/main/visual-echo-555-03.jpg"); }

.visual-echo sup { font-size: 20px; }

.visual-sengine { background-image: url("https://cdn.labcyte.com/img/main/visual-sengine-lab.jpg")}
.visual-sengine p:first-child{font:19px gilroysbold;margin:-20px 0 70px 0;opacity:.7}
.visual-sengine p:first-child em{display:block}
.visual-sengine h1 em{display:block}
.visual-sengine #customer-name{font-family:gilroylite;font-size:22px;margin-top:20px}
.visual-sengine .btn{margin-top:50px}

.visual-genomics-symposium{background-image:url(../img/news-events/visual-genomics-symposium-2018R4.jpg);background-position:right center}
.visual-genomics-symposium section{position:relative}
.visual-genomics-symposium section:before, .visual-genomics-symposium section:after{position:absolute;content:'';top:-30px;height:15px}
.visual-genomics-symposium section:before{background:#f7a442;width:30px;left:0}
.visual-genomics-symposium section:after{background:#656c7d;width:60px;left:35px}
.visual-genomics-symposium h1 span{font-family:gilroylite}
.visual-genomics-symposium p{color:#aeb6cc;font-family:gilroylite;margin-bottom:0}
.visual-genomics-symposium #symposium-date{color:#f7a442;font:28px/1.3 robotomed;margin:50px 0 0 0}
.visual-genomics-symposium #symposium-venue{color:#fff;font:23px robotolite;margin-top:0;}
.visual-genomics-symposium #symposium-venue span{margin:0 10px}
.visual-genomics-symposium .btn{background:#656c7d;border:1px solid #656c7d;color:#fff}

/*////////////////////////////////////////////////////////////////////////////////////////////
---------------------------------- PAGE CONTENT BEGINS HERE ----------------------------------
////////////////////////////////////////////////////////////////////////////////////////////*/
.left-paragraph { width: 100%; text-align: center; }

.left-paragraph h2 { margin: 10px 0 2px 0; width: 100%; font: 34px gilroysbold; color: #080808; }

.page-inner h3 { margin-bottom: 35px; font: 24px slatelite; color: #7b858c; }

#begin-content { border-top: 5px solid #e8e9ea; }

/*-------------------------------------- HTML5 VIDEO -------------------------------------------*/
#main-video-wrap { position: relative; float: left; width: 100%; background: #eee; }

#main-video { position: relative; float: left; padding: 0; width: 66.27%; }

#echo-video, #echo-video_html5 { float: left; width: 100%; }

video { opacity: 0; }

#main-video-wrap:before, #main-video-wrap:after { position: absolute; content: ""; height: 12px; top: 0; }

#main-video-wrap:before { width: 8%; left: 87.5%; background: #0b3c61; }

#main-video-wrap:after { width: 4%; right: 0; background: #7d868c; }

#video-desc { position: relative; float: left; width: 29.73%; padding: 4% 2% 0 2%; text-align: left; }

#video-desc .fa-registered { font-size: 12px; }

#video-desc h4 { font: 25px/1.2 slatebold; margin: 20px 0 25px 0; color: #181818; }

#video-desc h5 { font: 18px/1.3 robotoreg; margin: 25px 0 7px 0; color: #282828; }

#video-desc p { font-size: 15px; line-height: 1.4; padding: 10px 0 5px 0; color: #58595b; }

.iframe-video { padding-bottom: 56.2%; }

/*---------------------------------------MAIN MEDIA COLUMNS-----------------------------------*/
#main-media { margin: 30px 0 0 0; background: linear-gradient(to top, #e8e9ea 75%, #fff 25%); padding-bottom: 65px; }

#main-media article { position: relative; display: block; float: left; height: auto; width: 32.65%; margin-right: 1%; padding: 0; background: transparent; cursor: pointer; }

#main-media article:last-child { margin-right: 0; }

.avatar-thmb { float: left; width: 35%; }

.avatar-thmb img { width: 100%; }

.media-title { position: relative; float: right; width: 65%; padding-top: 5%; background: #000; height: 160px; }

.media-title p { position: absolute; font: 18px/1.1 slatelite; color: #d1d1d1; bottom: 75%; left: 6%; }

.orange-accent p:first-child { color: #dd6200; }

.blue-accent p:first-child { color: #387ae7; }

.gray-accent p:first-child { color: #d1d1d1; }

.media-title span { float: left; }

#main-media h4 { position: absolute; bottom: 25%; left: 6%; padding-right: 1%; color: #fff; font: 17px/1.2 slatemed; }

.media-author { position: relative; clear: left; width: 96.5%; height: 95px; background: #000; padding-left: 3.5%; text-align: left; white-space: nowrap; }

.media-author h5, .media-author p { color: #ccc; padding: 0; margin: 0; }

.media-author h5 { padding-top: 20px; font: 18px slatebold; color: #fff; }

.media-author span { display: block; }

.media-author:before, .media-author:after { position: absolute; content: ""; bottom: 0; height: 15px; }

.media-author:before { width: 20%; left: 68.5%; background: #0b3c61; }

.media-author:after { width: 10%; right: 0; background: #d1d1d1; }

#main-media .btn { position: absolute; left: 3%; bottom: 3%; }

#main-media .btn:link, #main-media .btn:visited { width: 130px; padding: 10px; color: #282828; border: 1px solid #acb4b8; }

#main-media .btn:hover { color: #0b3c61; border: 1px solid #0b3c61; }

.media-author .mobile-break { display: none; padding-right: 3px; }

.shadow-hover:before { content: ''; position: absolute; right: 0; bottom: 0; left: 0; width: 100.2%; height: 100%; z-index: 9; 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 0.5s ease-in-out; }

.shadow-hover:hover:before { opacity: .7; transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out; }

.shadow-hover:hover .download-hover { opacity: 1; transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out; }

#main-media .download-hover { z-index: 10; top: 45%; }

#main-media .download-hover em { background: #fff; color: #282828; opacity: .9; }

/*----------------------------------------MAIN TESTIMONIAL-----------------------------------*/
#main-testimonial { position: relative; padding: 0; margin: 60px 0 80px 0; height:450px;overflow:hidden}

.testimonial-text { float: left; width: 100%; text-align: center; height:450px;position:relative;outline:none}

.testimonial-text h3 { font: 34px gilroysbold; margin-bottom: 35px; padding-bottom: 10px; color: #181818; border-bottom: 1px solid #eee; }

.testimonial-text p { font: 22px/1.4 robotoslablite; }

.testimonial-text .fa-quote-left, .testimonial-text .fa-quote-right { font-size: 40px; color: #11233f; opacity: 0.2; }

.testimonial-text .fa-quote-left { margin-right: 10px; }

.testimonial-text .fa-quote-right { line-height: .4; vertical-align: bottom; padding-left: 8px; }

.testimonial-text h4 { font: 22px/1.6 gilroybold; color: #282828; margin: 0 0 20px 0; }

.testimonial-text h4 span { font: 17px robotolite; }

.testimonial-text .title-break { vertical-align: top; font-size: 22px; margin: 0; }

.customer-thmb { float: left; width: 100%; padding: 20px 0; }
 .customer-thmb img{margin:0 auto;width: 20%; min-width: 150px;}

 #main-testimonial .slick-arrow { visibility: visible; top:58%;color:#000;opacity:1}
 #main-testimonial .slick-prev:before, #main-testimonial .slick-next:before{color:#b4b2b2}
 .customer-quote{width:87%;margin:0 auto}
 .ionis-quote  .customer-quote{width:90%}

.testimonial-buttons { float: left; width: 100%; padding-top: 3%; text-align: center; }

.testimonial-buttons .btn { margin: 0 auto; width: 125px; padding: 10px; font: 15px robotomed; color: #282828; border: 1px solid #acb4b8; }

.testimonial-buttons .btn:hover { color: #0b3c61; border: 1px solid #0b3c61; }

.testimonial-buttons .fa { font-size: 18px; margin-left: 5px; }

/*----- title section for blog and events -----*/
.title-box { position: relative; float: left; width: 100%; border-bottom: 2px solid #282828; }

/*-----------------------------------------BLOG SECTION---------------------------------------*/
#labcyte-blog { position: relative; background: #000; border-top: 5px solid #ddd; margin-bottom: 0; }

.main-news article { position: relative; padding: 2% 0; margin-bottom: 20px; text-align: left; }

#labcyte-blog h4, #labcyte-events h4 { float: left; font: 25px gilroymed; margin-bottom: 3px; padding: 10px 0 5px 0; color: #eee; text-transform: uppercase; }

#main-blog { position: relative; float: left; }

#main-blog h4 { float: left; }

#main-blog section { position: relative; float: left; width: 23.5%; height: 320px; margin-right: 2%; }

#main-blog section:last-child { margin-right: 0; }

#main-blog img { width: 100%; }

.blog-img { position: relative; display: block; }

#main-blog ul { float: left; width: 100%; padding: 20px 0 0 0; }

#main-blog li { color: #E1E1E1; margin-bottom: 15px; font: 15px/1.4 robotoreg; }

#main-blog li:nth-child(1) { color: #acacac; }

#main-blog li a { font: 17px robotoreg; }

#main-blog li a:hover { color: #fff; }

#main-blog .blog-list-title { font: 15px/1.4 robotoreg; color: #eee; margin-top: 5px; }

#main-blog i { margin-left: 3px; }

#main-blog .btn { position: absolute; bottom: 0; left: 0; padding: 5px 10px 7px; border: 1px solid #acacac; color: #acacac; }

#main-blog .download-hover { z-index: 10; }

#main-blog .download-hover em { color: #fff; opacity: .8; }

#main-blog .btn:hover { color: #fff; border-color: #fff; }

/*-------------- DEFAULT ROW FOR IN THE NEWS and PRESS RELEASES --------------*/
.press-row { position: relative; float: left; height: 80px; padding-top: 40px; padding-bottom: 6px; }

.press-row h5 { float: left; width: 17%; font: 25px/1.6 gilroymed; }

.press-row ul { float: left; overflow: hidden; height: 30px; width: 74.6%; }

.press-row li a { float: left; font: 18px/1.35 slatelite; margin-top: 8px; width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.press-row .fa-external-link { font-size: 18px; padding-left: 30px; }

/*-------------- IN THE NEWS SECTION -----------------*/
#in-the-news { background: #11233f url("https://cdn.labcyte.com/img/main/main-visual-newsR.jpg") no-repeat; background-size: cover; border-bottom: 5px solid #ddd; }

#in-the-news h5 { color: #eee; padding-top: 1px; }

#in-the-news li a { color: #d3d3d3; }

#in-the-news li a:hover { color: #fff; }

#in-the-news .fa-external-link { color: #d3d3d3; }

/*------------- WEBINAR SECTION ---------------*/
#webinar-section { margin: 50px 0; }

#webinar-wrap { position: relative; float: left; width: 100%; background: #eee; }

#webinar-wrap:before, #webinar-wrap:after { position: absolute; content: ""; height: 12px; top: 0; }

#webinar-wrap:before { width: 8%; left: 0; background: #0b3c61; }

#webinar-wrap:after { width: 4%; left: 8.5%; background: #7d868c; }

#webinar-desc { position: relative; float: left; width: 29.73%; padding: 4% 2% 4.8% 2%; text-align: left; }

#webinar-desc .fa-registered { font-size: 12px; }

#webinar-desc .btn { float: left; padding: 10px 15px; color: #282828; border: 1px solid #7d868c; }

#webinar-desc .btn:hover { color: #0b3c61; border: 1px solid #0b3c61; }

#featured-webinar { color: #0b3b60; font: 16px robotomed; }

#webinar-desc h4 { font: 23px/1.2 slatebold; margin: 25px 0 10px 0; color: #181818; }

#webinar-desc h5 { font: 18px/1.3 robotoreg; margin: 25px 0 7px 0; color: #282828; }

#webinar-desc img { float: left; width: 55%; }

#webinar-abstract { float: right; font-size: 15px; line-height: 1.4; padding: 10px 0 30px 0; color: #58595b; }

#webinar-media { position: relative; float: right; width: 62.27%; }

#webinar-media h3 { font: 30px/1.2 slatebold; color: #252525; }

#webinar-media h4 { margin-top: .5%; font: 24px slatebold; }

#video-container { position: relative; padding-bottom: 50.8%; padding-top: 40px; height: 0; overflow: hidden; }

#video-container iframe, #video-container object, #video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

/* ----------------- EVENTS SECTION -------------------*/
#labcyte-events { background: linear-gradient(to top, #e8e9ea 65%, #f6f7f7 35%); padding-bottom: 3%; }

#news-event { float: left; }

#news-event .title-box { border-bottom: 0; }

#news-event h4 { color: #282828; }

#news-event section { position: relative; float: left; height: 300px; width: 23.5%; margin-right: 2%; }

#news-event section:last-child { margin-right: 0; }

.event-thumb { float: left; width: 100%; }

#news-event img { width: 100%; }

#news-event p { background: #11233f; width: 94%; padding: 3%; color: #fff; font: 15px robotoreg; text-align: center; border-top: 3px solid #e0e0e0; }

#news-event ul { float: left; width: 100%; padding: 15px 0; text-align: center; }

#news-event li { color: #acacac; margin: 0 0 4px 0; font-family: robotolite; }

#news-event li a { color: #181818; font: 20px slatemed; }

#news-event li a:nth-child(1) { color: #181818; }

#news-event .event-title { font: 20px/1.3 robotomed; }

#news-event .event-booth { font: 16px robotomed; color: #11233f; }

#news-event .event-place { font-size: 15px; color: #58595b; margin-top: 10px; }

#news-event .smooth-hover:hover { color: #11233f; }

/*-------------- PRESS RELEASE SECTION ---------------*/
#press-release { background: #dfe0e0; height: 70px; }

#press-release h5 { color: #181818; width: 20%; padding-top: 1px; }

#press-release ul { width: 72%; }

#press-release li a { color: #282828; width: 90%; padding-left: 0.7%; }

#press-release li a:hover { color: #11233f; }

#press-release .fa-external-link-square { color: #282828; }

/* ------------- View All Buttons -------------- */
.view-all { float: right; font-size: 16px; margin-top: 16px; min-width: 74px; }

#main-blog .view-all { color: #acacac; }

#in-the-news .view-all { color: #acacac; width: 7%; margin-top: 9px; min-width: 91px; vertical-align: bottom; line-height: 1.6; }

#press-release .view-all { margin-top: 8px; line-height: 1.5; }

#main-blog .view-all:hover, #in-the-news .view-all:hover { color: #fff; }

.fa-th { font-size: 19px; margin-left: 3px; }

.btn { border-radius: 1px; }

@media all and (max-width: 1380px) { .wide-section { padding-left: 3%; padding-right: 3%; width: 94%; }
  .animate { padding-left: .4%; padding-right: .4%; width: 99%; }
  .hero-section { height: 730px; padding: 0; width: 100%; }
  .animate section { margin-top: 235px; }
  .visual-synbio section, .visual-genomics section { margin-top: 225px; }
  .visual-slas2018 section { margin-top: 185px; }
  .visual-sengine section{margin-top:200px}
  .visual-sengine p:first-child{margin-top:0;}
}
@media all and (max-width: 1285px) { .hero-section h1 { font-size: 52px; }
  .hero-section p { font-size: 26px; }
  .hero-section li { float: none; margin: 0 0 10px 0; font-size: 17px; }
  .center-hero-content .btn { margin-top: 150px; }
  .visual-slas2018 h1 { font-size: 49px; }
  .visual-jala .btn { margin-top: 125px; }
  .visual-synbio .quote { font-size: 18px; }
  .customer-name { font-size: 16px; }
  .visual-synbio .fa { font-size: 38px; }
  .media-title p { font-size: 16px; }
  #main-media h4 { font-size: 17px; bottom: 30%; }
  #testimonial-text h2 { font-size: 28px; margin-bottom: 50px; }
  #testimonial-text p { font-size: 19px; line-height: 1.5; }
  #testimonial-text .fa-quote-left, #testimonial-text .fa-quote-right { font-size: 45px; }
  #testimonial-text .fa-quote-left { top: 60px; }
  #main-blog section { height: 300px; }
  #webinar-desc h4 { font-size: 20px; }
  #featured-webinar { font-size: 15px; }
  #news-event .event-title { font-size: 18px; }
  .press-row { padding-top: 40px; padding-bottom: 40px; }
  .press-row h5 { float: none; width: 100%; text-align: left; }
  #press-release h5 { width: 100%; }
  .press-row .fa-external-link { position: absolute; left: 0; top: 53px; padding-left: 0; }
  .press-row ul, #press-release ul { float: right; width: 98%; padding-left: 20px; }
  .press-row li a { width: 100%; }
  #press-release li a { padding-left: 0; width: 100%; }
  .press-row .view-all { position: absolute; top: 0; right: .3%; } 
  .visual-sengine h1{font-size:49px}
}
@media all and (max-width: 1220px) { .hero-section .slick-dots { visibility: hidden; }
  .hero-section .slick-arrow { visibility: visible; }
  .hero-section:after { background: #000; opacity: .2; } }
@media all and (max-width: 1195px) { .hero-section { height: 695px; }
  .visual-slas2018 { background-image: url("https://cdn.labcyte.com/img/tablet/main/visual-drs-mainT-v2.jpg"); }
  .animate section { margin-top: 205px; }
  .visual-synbio section, .visual-genomics section { margin-top: 190px; }
  .visual-slas2018 section { margin-top: 160px; }
  .visual-sengine section{margin-top:150px}
}
@media all and (max-width: 1165px) { .hero-section h1 { font-size: 50px; }
  .hero-section p { font-size: 24px; }
  .visual-synbio section { margin-top: 180px; }
  .visual-synbio .quote { width: 50%; padding-bottom: 15px; min-width: 370px; }
  #video-desc h5, #webinar-desc h5 { font-size: 15px; }
  #video-desc p, #webinar-desc p { font-size: 15px; }
  .media-title p { bottom: 75%; }
  #main-media h4 { font-size: 15px; bottom: 36%; }
  #testimonial-text h3 { font-size: 32; }
  #testimonial-text p { font-size: 18px; }
  #testimonial-text h4 { font-size: 21px; }
  #testimonial-text h4 span { font-size: 16px; }
  #testimonial-text .title-break { font-size: 21px; } 
  .visual-genomics-symposium{background-position:right bottom}
}
@media all and (max-width: 1095px) { .hero-section h1 { font-size: 47px; line-height: 1.1; }
  .hero-section p { font-size: 22px; }
  .visual-synbio .fa { font-size: 36px; }
  #main-video-wrap:before, #main-video-wrap:after { display: none; }
  #main-video { width: 100%; }
  #video-desc { width: 96%; padding-top: 20px; padding-bottom: 15px; }
  #video-desc h4 { margin-top: 0; width: 100%; }
  #testimonial-text h2 { font-size: 26px; }
  #testimonial-text p { font-size: 18px; margin-bottom: 10px; }
  #testimonial-text h4 { font-size: 20px; }
  #testimonial-text h4 span { font-size: 15px; }
  #testimonial-text .title-break { font-size: 20px; }
  #webinar-wrap { width: 100%; height: 100%; margin-bottom: 2%; }
  #webinar-wrap:before, #webinar-wrap:after { display: none; }
  #webinar-desc { position: absolute; bottom: 0; left: 0; width: 96%; padding-bottom: 25px; }
  #featured-webinar { font-size: 16px; }
  #webinar-desc h4 { margin-top: 15px; font-size: 22px; }
  #webinar-media { float: left; width: 100%; margin-bottom: 250px; }
  .media-title p { font-size: 16px; }
  #main-media h4 { font-size: 14px; bottom: 35%; }
  #main-blog section { height: 280px; }
  #main-blog li { font-size: 14px; }
  #main-blog .blog-list-title { font-size: 14px; } }
@media all and (max-width: 1024px) { #main-media { background: #e8e9ea; padding-top: 30px; padding-bottom: 0; }
  #main-media article { width: 100%; height: auto; margin-bottom: 5%; padding-bottom: 0; background: #000; }
  #main-media article:after { position: absolute; content: ""; bottom: 0; height: 10px; z-index: 3; }
  #main-media article:after { width: 4%; right: 0; background: #d1d1d1; }
  .avatar-thmb { float: left; width: 18%; }
  .media-title { float: none; display: inline-block; width: 82%; height: 40px; }
  .media-title p { font-size: 15px; bottom: 60%; left: 3%; }
  #main-media h4 { font-size: 19px; padding-right: 5%; bottom: 15%; left: 3%; }
  .media-title span { float: none; }
  .media-author { display: inline-block; width: 79.3%; padding-left: 2.7%; height: auto; }
  .media-author h5 { font-size: 16px; padding-top: 0; }
  .media-author:before, .media-author:after { display: none; }
  .media-author span { display: inline-block; }
  .media-desc { clear: both; }
  .media-author .mobile-break { display: inline-block; }
  .testimonial-thmb { display: none; }
  #testimonial-text p { font-size: 17px; }
  #testimonial-text .fa-quote-left, #testimonial-text .fa-quote-right { font-size: 40px; } 
  .visual-genomics-symposium{background-image:url(../img/mobile/news/visual-genomics-symposium-2018M3.jpg)}
}
@media all and (max-width: 1015px) { .hero-section { height: 650px; }
  .visual-ade { background-position: 40% 100%; }
  .visual-ade section { width: 79%; margin-left: 21%; }
  .visual-echo h1 { width: 45%; }
  .animate section { margin-top: 190px; }
  .visual-synbio section, .visual-genomics section { margin-top: 170px; }
  .visual-slas2018 section { margin-top: 155px; }
  .visual-synbio .quote { width: 38%; }
  .visual-synbio .btn { margin-top: 40px; }
  .visual-genomics { background-position: 70% 100%; }
  .visual-echo { background-position: 65% 100%; }
  .visual-echo section { margin-top: 170px; }
  .visual-echo ul { padding-top: 20px; margin-bottom: 25px; }
  .hero-section .btn { padding: 10px 15px; width: 90px; }
  .visual-slas2018 .btn { margin-top: 50px; }
  #main-media h4 { font-size: 17px; }
  .visual-sengine section{margin-top:140px}
  .visual-genomics-symposium .btn{width:110px}
 }
@media all and (max-width: 890px) { .hero-section h1 { font-size: 45px; }
  .hero-section p { font-size: 22px; }
  .visual-ade section { width: 80%; margin-left: 20%; }
  .visual-synbio { background-position: 60% 100%; }
  .visual-synbio section { margin-top: 125px; }
  .visual-synbio p { width: 50%; }
  .visual-echo p { width: 40%; }
  .visual-synbio .fa { font-size: 34px; }
  #main-media h4 { font-size: 16px; }
  .media-author h5 { font-size: 15px; }
  #testimonial-buttons .btn { width: 100px; font-size: 14px; }
  #main-blog section { width: 48%; height: 340px; margin-bottom: 15px; }
  #main-blog section:nth-child(odd) { float: right; margin-right: 0; }
  #main-blog .blog-list-title { font-size: 15px; }
  #news-event section { width: 48%; height: 400px; }
  #news-event section:nth-child(odd) { float: right; margin-right: 0; } 
  #main-testimonial {margin: 60px 0 40px 0; height:450px}
  .testimonial-text {height:450px}
  }
@media all and (max-width: 845px) { .hero-section h1 { font-size: 44px; }
  .visual-slas2018 { background-image: url("https://cdn.labcyte.com/img/mobile/main/visual-drs-mainM2.jpg"); }
  .visual-655T { background-image: url("https://cdn.labcyte.com/img/mobile/main/visual-655T-2018M.jpg"); }
  .visual-ade section { width: 86%; margin-left: 14%; }
  .visual-synbio .fa { font-size: 32px; }
  #main-media article { height: 98%; padding-bottom: 2%; }
  #main-media article:after { height: 12px; }
  .avatar-thmb { width: 18%; }
  .media-title { width: 82%; height: 80px; }
  #main-media h4 { position: relative; font-size: 17px; bottom: 0; margin-top: 3%; }
  .media-title p { position: relative; bottom: 0; margin-top: -10px; }
  .media-author h5 { font-size: 16px; }
  .media-author { display: block; float: left; width: 98%; padding: 1% 0 0 2%; height: auto; }
  #main-blog li { font-size: 14px; }
  #main-blog .blog-list-title { font-size: 14px; } 
  .visual-sengine { background-image: url("https://cdn.labcyte.com/img/mobile/main/visual-sengine-labM.jpg"); }
  .testimonial-text h4 span {display:block}
  .testimonial-text .title-break {display:none}
}
@media all and (max-width: 815px) { #main-blog section { height: 310px; }
  #webinar-media { margin-bottom: 270px; } }
@media all and (max-width: 770px) { .hero-section { height: 600px; }
  .animate section { margin-top: 160px; }
  .visual-genomics section { margin-top: 150px; }
  .visual-slas2018 section { margin-top: 130px; }
  .hero-section h1 { font-size: 43px; min-width: 350px; }
  .hero-section p { font-size: 21px; }
  .visual-echo { background-position: 62% 100%; }
  .visual-ade section { width: 100%; margin-left: 0; }
  .visual-synbio section, .visual-echo section { margin-top: 120px; }
  #news-event section { height: 370px; } 
  .visual-sengine section{margin-top:120px}
  .testimonial-text p{font-size:20px}
}
@media all and (max-width: 736px) { #main-media article { height: 100%; }
  #main-media h4 { font-size: 16px; }
  #main-blog section { height: 290px; }
  #main-blog .btn { position: absolute; bottom: 0; left: 0; } 
  #main-testimonial, .testimonial-text{height:470px}
}
@media all and (max-width: 670px) { .hero-section { text-align: center; height: auto; margin: 0; max-height: 580px; overflow: hidden; }
  .animate { height: auto; max-height: 580px; overflow: hidden; }
  .animate h1 { margin-bottom: 5%; }
  .animate section { margin: 22% 0 30% 0; }
  .hero-section h1 { text-align: center; }
  .hero-section ul { position: relative; float: left; display: block; margin-top: 2%; left: 50%; }
  .hero-section li { position: relative; display: block; right: 50%; margin: 2%; }
  .left-hero-content p, .center-hero-content p, .right-hero-content { margin: 0; }
  .right-hero-content { float: none; text-align: center; }
  .right-hero-content ul { float: none; padding: 0; }
  .left-hero-content .btn, .right-hero-content .btn { clear: none; float: none; margin: 8% auto 0 auto; }
  .visual-ade { background-image: url(../img/mobile/main/visual-echo-adeM.jpg); }
  .visual-ade ul, .visual-genomics ul, .visual-echo ul { padding: .5% 0 2% 0; }
  .visual-ade li, .visual-echo li { width: 100%; }
  .visual-synbio { background-image: url("https://cdn.labcyte.com/img/mobile/main/visual-echo-syntheticM.jpg"); }
  .visual-synbio p { width: 100%; }
  .visual-synbio .fa-quote-left { top: -43%; left: 10px; }
  .visual-synbio .quote { width: 100%; padding-bottom: 15px; min-width: 370px; }
  .visual-synbio .customer-name { font-size: 18px; }
  .visual-genomics { background-image: url("https://cdn.labcyte.com/img/mobile/main/visual-echo-genomicsM3.jpg"); }
  .visual-slas2018 .btn { margin-top: 8% 0 0 0; }
  .visual-genomics .btn { margin-top: 15px; }
  #news-event section { height: 350px; } 
  .visual-sengine section{margin-top:15%} 
  .visual-sengine h1{font-size:40px}
  .visual-genomics-symposium section:before, .visual-genomics-symposium section:after{display:none}
}
@media all and (max-width: 620px) { .hero-section ul, .visual-synbio .quote, .visual-synbio .customer-name { display: none; }
  .animate section { margin-top: 30%; }
  .visual-slas2018 section { margin-top: 25%; }
  .visual-genomics section, .visual-jala section { margin-top: 32%; }
  .animate .btn { margin-top: 8%; margin-bottom: 50%; }
  .visual-sengine section{margin-top:20%}
  .visual-sengine p:first-child{margin-bottom:10%}
}
@media all and (max-width: 611px) { 
 #webinar-media { margin-bottom: 290px; } 
  .visual-genomics-symposium section{margin-top:160px}
}
@media all and (max-width: 600px) { .visual-synbio section, .visual-genomics section { margin-top: 35%; }
  .visual-jala section { margin-top: 35%; }
  #main-media article { height: 100%; }
  .avatar-thmb { width: 25%; }
  .media-title { width: 75%; height: 80px; }
  #main-media h4 { font-size: 18px; }
  .media-title p { margin-top: 0; }
  .media-author { padding-top: 2%; }
  .media-author h5 { font-size: 16px; }
  .media-author span { display: block; }
  .media-author .mobile-break { display: none; }
  #main-blog section { height: 270px; }
  #news-event section { height: 330px; } 
}
@media all and (max-width: 570px) { .animate section { margin-top: 33%; }
  .visual-slas2018 section { margin-top: 28%; }
  .visual-synbio section, .visual-jala section { margin-top: 36%; }
  .visual-genomics section { margin-top: 37%; }
  .visual-sengine section { margin-top: 30% }
  .visual-sengine p:first-child{display:none}
  .testimonial-text p{font-size:20px}
  .testimonial-text .fa-quote-left, .testimonial-text .fa-quote-left{font-size:36px}
   #main-testimonial .slick-arrow{top:72%}
   .visual-genomics-symposium section{margin-top:130px;}
}
@media all and (max-width: 530px) { .animate { height: auto; }
  .animate section { margin-top: 35%; }
  .visual-slas2018 section { margin-top: 32%; }
  .visual-synbio section, .visual-jala section { margin-top: 40%; }
  .visual-genomics section { margin-top: 43%; }
  #main-media h4 { font-size: 16px; }
  #main-blog section { width: 100%; height: 100%; margin-right: 0; }
  #main-blog .btn { position: relative; float: left; }
  #news-event section:nth-child(even) { float: left; }
  #news-event section { width: 100%; height: 100%; margin-right: 0; }
  #news-event section:nth-child(even) { float: left; } 
  .visual-sengine section{margin-top:27%}
  .visual-sengine h1{font-size:40px}
  .visual-sengine p em{display:block}
  .visual-sengine p span{display:none}
  .visual-sengine .btn{width:80px;margin-left:36%}
   #main-testimonial, .testimonial-text{height:480px}
   .testimonial-text p{font-size:18px}
    #main-testimonial .slick-arrow{top:76%}
  .visual-genomics-symposium section{margin-top:120px}
    #symposium-venue span{display:none}
    #symposium-venue em{display:block}
}
@media all and (max-width: 480px) { .hero-section h1 { line-height: 1.1; margin-top: 30px; }
  .animate section { margin-top: 30%; }
  .visual-slas2018 section { margin-top: 32%; }
  .visual-synbio section { margin-top: 33%; }
  .visual-genomics section { margin-top: 44%; }
  .visual-sengine section{margin-top:23%}
  .visual-sengine h1{font-size:38px}
  .visual-sengine h1 em{display:block}
  .visual-genomics-symposium h1{margin-top:0}
}
@media all and (max-width: 470px) { .visual-slas2018 h1 { font-size: 40px; }
  .hero-section, .animate { max-height: 540px; }
  .hero-section p { font-size: 20px; }
  #testimonial-text h4 { font-size: 20px; }
  #testimonial-text h4 span { display: block; }
  #testimonial-text .title-break { display: none; }
  .visual-genomics-symposium section{margin-top:100px}
}
@media all and (max-width: 433px) { .visual-slas2018 .line-break { display: inline; }
  #webinar-media { margin-bottom: 320px; } 
  #main-testimonial, .testimonial-text{height:510px}
}

@media all and (max-width:390px){
  #main-testimonial, .testimonial-text{height:530px}
}

@media all and (max-width: 375px) { .hero-section, .animate { max-height: 535px; }
  .animate section { margin-top: 31%; }
  .visual-slas2018 section { margin-top: 38%; }
  .visual-synbio section { margin-top: 35%; }
  .visual-slas2018 p { font-family: slatemed; }
  .visual-genomics section { margin-top: 46%; }
  .visual-jala section { margin-top: 34%; }
  .visual-sengine section{margin-top:25%}
  .visual-sengine p:first-child{font-size:18px}
  .visual-sengine #customer-name{font-size:20px}
}
@media all and (max-width: 360px) { .hero-section, .animate { max-height: 516px; }
  .mobile-break { display: block; }
   #main-testimonial, .testimonial-text{height:550px}
}
@media all and (max-width: 340px) { .hero-section, .animate { max-height: 480px; }
  .hero-section h1 { margin-left: -5%; }
}
/*//////////////////////////////////////////////////////////////////////////////////////// MOBILE
////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (min-device-width: 320px) and (max-device-width: 736px) { .hero-section .slick-arrow { visibility: hidden; }
  .hero-section:after { display: none; } }

/*# sourceMappingURL=main.css.map */