/* Main Great Science Page CSS */
.gs-button-box {
    background: white;
    padding: 20px 48px 50px;
    border-right: #0085d5 solid 20px;
    margin-right: 10px;
  }
  
  .gs-button-box a.btn {
    display: inline-block;
  }

 .gs-main .gs-button-box a.btn, .filter-by a.btn {
    display: inline-block;
    padding: 12px 1em;
  }

  .gs-panel-left .gs-button-box {
    border-left: #0085d5 solid 20px;
    border-right: initial;
    margin-left: 10px;
    margin-right: initial;
  }
  
  .gs-button-panel {
    background: #00426b;
    margin-right: 100px;
  }

  .page-layout .main-hero.gs-hero {
    padding-top: 100px;
    z-index: 1;
  }

  .gs-hero .hero-title {
    background: #1a89d3de;
    padding: 35px 50px 40px 45px; 
    border-right: 20px solid #00426bd6;
    z-index: 1;
  }

  @media only screen and (min-width: 641px){
    .gs-hero .hero-title {
      margin-top: 85px;
      margin-left: 30px;
    }
  }

  @media only screen and (max-width: 360px){
    .gs-hero .hero-title h1 {
      font-size: 42px!important;
    }
  }
  
  .gs-hero .hero-title h1 {
    line-height: 1.25em!important;
    font-size: 48px;
    font-family: 'Roboto', Arial, Helvetica, sans-serif!important;
    font-weight: 300;
  }

  .gs-hero small {
    color: white;
    font-size: 24px;
    line-height: 2em;
  }

  .gs-hero video {
    width: 1280px;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 0;
    min-height: 100%;
  }

  .gs-border-container {
    width: 10px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #00426A;
  }

  .gs-home-footer-box {
    margin-bottom: 35px;
  }

  .gs-home-footer-box p {
    font-size: 14px;
    margin-bottom: 24px;
  }

  .gs-home-footer-box .gs-button-box {
    padding: 4px 48px 40px;
  }

  .gs-home-footer-box .gs-button-panel {
    top: 45px;
    width: 100%;
    z-index: 5;
  }    

  /*
  .gs-home-footer-box .gs-panel-left.gs-button-panel {
    top: 80px;
  }
  */

  .gs-footer-copy {
    text-align: center;
    position: relative;
  }

  .gs-footer-copy video {
    width:100%;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
  }

  .gs-footer-copy-box {
    background: #1a89d3de;
    color: white;
    padding: 50px;
  }

/* From data intengrity for cards */
@media (max-width: 991px) {
.block h3:before {
  top: auto;
}
}
.simple-text p {
  line-height: 1.43em !important;
}

.filter-by {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300 !important;
  font-size: 17px !important;
  color: #888b8d !important;
  /* display: inline-block; */
  padding-left: 20px;
  padding-right: 20px;
}

.panels .row {
  display: flex;
  flex-wrap: wrap;
}
.panels .row > [class*='col-'] {
  display: flex;
  flex-direction: column;
  padding-bottom: 30px;
}
.panels .panel {
  height: 100%;
  position: relative;
}
.filter-active {
  color: #FFFFFF !important;
  background: #53565a;
}
.panel {
  position: relative;
}
.panel a {
  position: relative;
  display: block;
}
.panel-badge {
  position: absolute;
  top: 4px;
  right: -1px;
  padding: 3px 10px;
  text-transform: uppercase;
  font-size: 12px;
  color: #FFFFFF;
}
a .panel-badge {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 3px 10px;
  text-transform: uppercase;
  font-size: 12px;
  color: #FFFFFF;
}
.panel-badge.light-blue {
  background: #1a89d3;
}
.panel-badge.dark-blue {
  background: #00426b;
}
a.btn-grey {
  padding: 8px 18px;
  color: #888b8d;
  font-size: 16px !important;
  font-family: 'Roboto', sans-serif !important;
  border: 1px solid #888b8d;
  font-weight: 400 !important;
margin-left: 4px;
}
a.btn-grey:visited {
  color: #888b8d;
}
a.btn-grey:hover {
  color: #ffffff !important;
  background: #888b8d;
  text-decoration: none;
}
.card-category {
  text-transform: uppercase;
  font-size: 13px !important;
  font-family: 'roboto_condensedlight', Arial, Helvetica, sans-serif !important;
  color: #888b8d !important;
  font-weight: 400 !important;
  margin: 12px 0 12px 0;
}
.panel-title {
  margin: 15px 0 15px 0;
  font-size: 24px !important;
}
.filter-cards {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300 !important;
  padding-top: 0px !important;
padding-bottom: 0px !important;
}
.cards.profiles {
  display: flex;
  flex-wrap: wrap;
}
.cards.profiles [class*='col-'] {
  margin-bottom: 20px;
}
.company p {
  max-width: 100% !important;
}

.video-container {  overflow: hidden;  position: relative;  width:100%; }
.video-container::after {  padding-top: 56.25%;  display: block;  content: ''; }
.video-container iframe {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%; }

/* Categories */
.cat-color-cell-analysis {
  background-color: #00a9e0;
}

.cat-color-genomics {
  background-color: #0085d5;
}

.cat-color-food-environmental  {
  background-color: #e87722;
}

.cat-color-sustainability {
  background-color: #84bd00;
}

.cat-color-cancer-research {
  background-color: #CE0F69;
}

.cat-color-lab-ops {
  background-color: #00426a;
}

.cat-color-biopharma {
  background-color: #00BAB3;
}

.right-offset {
  right: 95px;
}

.left-offset {
  left: 95px;
}

@media screen and (max-width: 546px) {
  .gs-button-panel {
    margin-right: 0px;
    margin-left: 0px;
  }

  .right-offset, .left-offset {
    right: 0;
    left: 0;
  }

  .gs-home-footer-box .gs-button-panel {
    top: 0px;
  }

  .gs-panel-left .gs-button-box {
    margin-bottom: 0;
  }
}

/* Segue pages */
.gs-segue .gs-hero .hero-title {
    margin-top: 100px;
    margin-left: 30px;
}

@media only screen and (min-width: 641px){ /* TODO: check to see if this is right */
    .gs-segue .gs-hero .hero-title {
      margin-top: 100px;
      margin-left: 30px;
    }
  }

.gs-segue .gs-hero .hero-title h1 {
    font-family: 'robotoregular', Arial, sans-serif, Helvetica!important;
    font-size: 38px;
    font-weight: 500;
  }

 .gs-segue .gs-hero small {
    font-family: 'Roboto', Arial, Helvetica, sans-serif!important;
    font-weight: 300;
  }

@media screen and (max-width: 546px) {
    .gs-segue .gs-button-panel {
      margin-right: 0px;
    }
}

.company.gs-dark-blue-bar {
  background: #00426A;
  color: white;
  padding: 45px 0;
}


.gs-dark-blue-bar .agilent-container {
  margin: 0 45px;
  color: white;
  border-left: 4px solid #0285D5;
  padding-left: 35px;
}

.gs-dark-blue-bar .agilent-container p {
  color: white;
}

.gs-dark-blue-bar .agilent-container p.quote {
  font-family: 'roboto_condensedlight', Arial, Helvetica, sans-serif !important;
  font-size: 1.5em;
}

.gs-segue .panel.top-panel {
  padding-bottom: 30px;
}

.gs-segue .panel.top-panel li {
  margin-bottom: 1.8em;
}

.segue-type-2 .panel.gs-button-panel {
  margin-right: 100px;
  position: relative;
  left: 50px;
}

/* Great Science Features filter page */
#category-filter-select-box {
  position: relative;
  bottom: 65px;
  margin-bottom: 12px;
}

#category-filter-select-box select.styled {
  background-color: #0085d5;
  color: white;
  border: 5px solid #0085d5;
  background-image: url(img/chevron-down-white.png);
  line-height: 24px;
}

.gs-select-container {
  height: 0;
}

@media screen and (max-width: 768px) {
  #category-filter-select-box {
    bottom: 0px;
  }
}


/* Loading spinner */
@-webkit-keyframes Spinning {
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); }
}
@-keyframes Spinning {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

#gs-spinner {
  font-size: 200%;
  color:#0085d5;
  font-weight: bold;
  position: absolute;
  left: 50%;
  -webkit-animation: Spinning 2000ms infinite linear;
  -moz-animation: Spinning 2000ms infinite linear;
  -o-animation: Spinning 2000ms infinite linear;
  animation: Spinning 2000ms infinite linear;
}  

.fa-spinner::before{
  content: "\f110";
}

 /* Refresh */
 .gs-main-refresh {
  padding-bottom: 0px;
}

.gs-main-refresh .gs-hero .agilent-container {
  text-align: center;
}

.gs-main-refresh.page-layout .main-hero {
  height: 750px;
}

.gs-hero-wrapper {
  height: 750px;
  width: 100%;
}

.gs-hero video {
  height: auto;
  width: auto;
  min-width: 100%;
}

.hero-title-2 {
  background: #0084d6d9;
  padding: 35px 50px 40px 45px;
  margin: 0 auto 0;
  z-index: 1;
  position: absolute;
  display: inline-block;
  border-bottom: 15px solid #00426bd9;
  /* height: 165px; */
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 100px;
}

.hero-title-2 h1 {
  line-height: 1.25em !important;
  font-size: 60px;
  margin: 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
  color: white;
  font-weight: 300;
}

.gs-main-refresh .gs-category-dropdown {
  background-color: #0085d5;
  color: white;
  border: 5px solid #0085d5;
  background-image: url(/common/css/img/chevron-down-white.png);
  line-height: 24px;
  width: 225px;
  max-width: 100%;
  height: 60px;
  border-radius: 0;
  padding: 8px 10px 8px 25px;
  font-size: 18px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 97% 50%;
}

.gs-intro {
  margin: 24px 0;
}

.gs-supporting-science {
  background: #FFF;
}

.gs-supporting-science h2 {
  font-size: 40px !important;
}

.see-all-topics {
  margin: 24px auto 12px;
  text-align: center;
}

.gs-in-action-header {
  background: #00426A;
  text-align: center;
  border-top: 18px solid #00A9E0;
}

.gs-in-action-header::before {
  content: ' ';
  height: 30px;
  background: #0085D5;
  display: block;
}

.gs-in-action-header .company {
  padding-bottom: 0px;
  padding-top: 42px;
}

.gs-in-action-header h2 {
  color: white !important;
  font-size: 60px !important;
  margin-bottom: 0px;
  font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
}

@media screen and (max-width: 680px) {
  .gs-in-action-header h2 {
    font-size: 52px !important;
  }

  .gs-in-action-body h2 {
    text-align: center;
  }
}


.gs-in-action-header h2 strong {}

.gs-in-action-header p {
  color: white;
}

.gs-in-action-body {
  background: #00426A;
  border-bottom: 20px solid #0085D5;
  position: relative;
}

.gs-in-action-body h2 {
  color: white !important;
}


#gs-in-action-slider.cards .card:before {
  border: 0;
}

#gs-in-action-slider.cards .card .card-desc {
  margin-bottom: 32px;
}

#gs-in-action-slider p {
  font-size: 14px;
}

#gs-in-action-slider h3 {}

#gs-in-action-slider .slick-prev,
#gs-in-action-slider .slick-next,
#gs-customer-testimonal-videos .slick-prev,
#gs-customer-testimonal-videos .slick-next {
  background: url("/about/great-science/images/carousel-arrow-white-sm.svg") no-repeat;
  font-size: 0;
  width: 18px;
  height: 47px;
  z-index: 10;
}

#gs-in-action-slider .btn.btn-blue.align-bottom {
  padding: 12px 24px 12px 14px;
  position: absolute;
  bottom: 22px;
  left: 18px;
}

#gs-customer-testimonal-videos .cards .card {
  padding: 20px;
}

#gs-customer-testimonal-videos .cards .card .watch-widget {
  top: 135px;
  left: 60px;
}

#gs-customer-testimonal-videos .cards .card .card-desc {
  padding: 18px 0 0px 0;
}

#gs-customer-testimonal-videos h2 {
  color: white !important;
}

#gs-customer-testimonal-videos .cards .card .card-desc p {
  font-size: 14px;
}

#gs-customer-testimonal-videos .cards .card:before {
  border: 0;
}

#champions-of-science {
  background: #00426A;
  padding-bottom: 75px;
}

#champions-of-science .champions-of-science-bg {
  width: 100%;
}

#champions-of-science .company .agilent-container {
  background: #0084d6f2;
  border-top: 15px solid #00426A;
  position: relative;
  bottom: 532px;
  margin-bottom: -532px;
}

@media screen and (max-width: 992px) {
  #champions-of-science .company .agilent-container {
    border-top: none;
    width: 100%;
    bottom: initial;
    margin: initial;
  }
}

#champions-of-science h2 {
  text-align: center;
  color: white !important;
  font-size: 60px !important;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 200 !important;
  margin-top: 38px;
}

#champions-of-science p.intro {
  text-align: center;
  color: white !important;
  font-size: 18px !important;
  font-family: 'Roboto', sans-serif !important;
  margin-top: -20px;
  line-height: 1.3em;
}

#champions-of-science .company>.agilent-container {
  padding: 0 100px 40px;
}

@media only screen and (max-width: 849px) {
  #champions-of-science .company>.agilent-container {
    padding: 0 30px 40px;
  }
}

#gs-champions-slider {}

#gs-champions-slider.cards .card {
  background: #00426A;
}

#gs-champions-slider.cards .card .card-media {
  height: 223px;
}

#gs-champions-slider.cards .card:before {
  border: 0;
}

#gs-champions-slider h3 {
  font-size: 18px;
  color: white
}

#champions-of-science .slick-prev,
#champions-of-science .slick-next {
  background: url("/about/great-science/images/carousel-arrow-white-sm.svg") no-repeat;
  font-size: 0;
  width: 18px;
  height: 47px;
  z-index: 10;
}

#gs-champions-slider.cards a {
  margin-bottom: -10px;
}

#gs-footer-2 {
  background: url('/about/great-science/images/community-footer-image.jpg') 0 0 transparent;
  background-size: cover;
  min-height: 566px;
  padding-top: 212px;
  padding-bottom: 90px;
}

#gs-footer-2 .agilent-container {
  padding-left: 0;
}

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

  #gs-footer-2 {
    background: url('/about/great-science/images/community-footer-image.jpg') -270px 0px transparent;
  }

  #gs-footer-2 .agilent-container {
    padding-left: 15px;
    top: 80px;
position: relative;
  }
}

#gs-footer-2 .gs-button-box {
  padding: 18px 48px 45px;
}

.gs-main .watch-widget {
  font-size: 18px;
  line-height: 14px;
  color: white;
  position: absolute;
  top: 160px;
  background: rgba(0, 0, 0, 0.65);
  z-index: 2;
  padding: 16px 30px 16px 36px;
  left: 40px;
  border-radius: 0 28px 28px 0;
  height: 45px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  transition: all 0.2s ease-in-out;
}

.gs-main .watch-widget .play {
  background: #1A89D3;
  height: 45px;
  width: 45px;
  position: absolute;
  border-radius: 28px;
  top: 0;
  left: -22px;
}

.gs-main .watch-widget .play .triangle {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 11px 0 11px 21px;
  border-color: transparent transparent transparent #FFFFFF;
  transform: rotate(0deg);
  position: absolute;
  top: 12px;
  left: 16px;
}

.gs-main .watch-widget:hover {
  cursor: pointer;
  transform: scale(1.05);
}

@media only screen and (min-width: 1024px) and (max-width: 1290px) {
  .gs-main .watch-widget {
    font-size: 12px;
    padding: 16px 16px 16px 36px;
  }
}

.video-container {
  z-index: 2;
}

.video-container video {
  width: 100%;
  height: 100%;
  z-index: 9;
}

div#ra-num {
  background: #00A9E0;
  color: white;
  height: 30px;
  font-size: 12px;
  line-height: 30px;
}

#ra-num .company {
  padding: 0;
  max-width: 1230px;
}

@media screen and (max-width: 1265px) {
  #ra-num .company {
    padding: 0 0 0 15px;
    max-width: initial;
  }
}