/*! CES BIOTECH STYLESHEET */

/* Import Fonts */

@font-face {
  font-family: "Big Shoulders Display";
  src: url('../fonts/big-shoulders-display/BigShouldersDisplay-Regular.ttf') format('truetype');
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Big Shoulders Display";
}
p, li {
  font-family: "Roboto", sans-serif;
}
.ss-dark p,
.ss-dark h1,
.ss-dark h2,
.ss-dark h3,
.ss-dark h4,
.ss-dark h5, 
.ss-dark h6 {
  color: #ffffff;
}
.section-heading::before {
  background-color: #f17fb0;
}

/* button modifications */

.ss-dark .btn,
.ss-dark button,
.ss-dark input[type="submit"],
.ss-dark input[type="reset"],
.ss-dark input[type="button"] {
  background-color: #b0f17f;
  border: 0.2rem solid #b0f17f;
}
.ss-dark .btn:hover,
.ss-dark button:hover,
.ss-dark input[type="submit"]:hover,
.ss-dark input[type="reset"]:hover,
.ss-dark input[type="button"]:hover,
.ss-dark .btn:focus,
.ss-dark button:focus,
.ss-dark input[type="submit"]:focus,
.ss-dark input[type="reset"]:focus,
.ss-dark input[type="button"]:focus {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #000000;
  outline: 0;
}
.ss-dark .btn--stroke,
.ss-dark button.btn--stroke {
  background: transparent !important;
  border: 0.2rem solid #b0f17f;
  color: #b0f17f;
}
.ss-dark .btn--stroke:hover,
.ss-dark button.btn--stroke:hover {
  border: 0.2rem solid #ffffff;
  color: #ffffff;
}

.btn,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  background-color: #17cf7f;
  border: 0.2rem solid #17cf7f;
  color: #ffffff;
}
.btn:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.btn:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  background-color: #b0f17f;
  border-color: #b0f17f;
  color: #ffffff;
  outline: 0;
}
.btn--stroke,
button.btn--stroke {
  background: transparent !important;
  border: 0.2rem solid #17cf7f;
  color: #17cf7f;
}
.btn--stroke:hover,
button.btn--stroke:hover,
.btn--stroke:focus,
button.btn--stroke:focus {
  background: transparent !important;
  border: 0.2rem solid #b0f17f;
  color: #b0f17f;
}

/* splash modifications */

.intro-text h3,
h5.contact-subtitle {
  color: #ff49ff;
}
.header-main-nav a, 
.intro-scroll a {
  color: #f17fb0;
}
.intro-scroll a::after {
  background-color: #f17fb0;
}
.intro-scroll-link:hover,
.intro-scroll-link:focus {
  color: #ffffff;
}
.intro-scroll a:hover:after,
.intro-scroll a:focus:after {
  background-color: #ffffff;
}
.header-logo img {
  width: auto;
}
.logo-name {
  height: 36px;
  width: auto;
  margin: 0;
}
.splash-title {
  height: 12rem;
  width: auto;
}
.intro-pic {
  width: 35%;
  background-color: #000000;
}
.intro-pic::before {
  background-color: transparent;
}
.section-heading {
  font-size: 2.8rem;
}
@media screen and (max-width:1200px) {
  .intro-pic {
    width: 40%;
  }
}
@media screen and (max-width:1000px) {
  .intro-pic {
    width: 50%;
  }
}
@media screen and (max-width:800px) {
  .header-logo img {
    width: auto;
  }
  .splash-title {
    height: 10rem;
  }
  .intro-pic {
    width: 60%;
  }
  .section-heading {
    font-size: 2.0rem;
  }
}
@media screen and (max-width:700px) {
  .intro-pic {
    width: 70%;
  }
}
@media screen and (max-width:600px) {
  .intro-pic {
    width: 80%;
    opacity: .7;
  }
}

/* about modifications */
@media screen and (max-width: 600px) {
  .s-about {
    padding-bottom: 8rem;
  }
}
p.lead {
  font-family: "Roboto", sans-serif;
}


/* technology modifications */

.services-list .item-service__content h4 {
  display: block;
  margin-bottom: 0;
  font-family: "Big Shoulders Display";
  font-weight: 300;
  font-size: 8rem;
  line-height: 1;
  color: #ffffff;
}
.services-list .item-service__content::before {
  content: none;
}
.services-list .item-service__content h3 {
  font-family: "Roboto", sans-serif;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.333;
  color: #ff49ff;
  margin-top: 0;
}
@media screen and (max-width: 1400px) {
  .services-list .item-service__content h3 {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1200px) {
  .services-list .item-service__content h3 {
    font-size: 2.0rem;
  }
}
.services-list {
  margin-top: 0rem;
}
@media screen and (max-width: 800px){
  .services-list {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .s-services {
    padding-bottom: 8rem;
  }
}
.mobile-swap {
  display: none;
}
.desktop-swap {
  display: block;
}
@media screen and (max-width: 600px) {
  .mobile-swap {
    display: block;
    margin-bottom: 3.2rem;
  }
  .desktop-swap {
    display: none;
  }
}

/* team modifications */

.item-folio {
  background-color: transparent;
}
.masonry-wrap {
  margin-top: 4.2rem;
  margin-bottom: 7rem;
}
.s-works {
  padding-bottom: 8rem;
}
@media screen and (max-width: 600px) {
  .s-works {
    padding-bottom: 0;
  }
}

/* contact modifications */

.contact-logo img {
  height: 36px;
  width: auto;
}
.contact-subtitle {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  line-height: 1.333;
  margin-top: 0;
}
.s-contact h2 {
  margin-top: 0;
  height: 36px;
  vertical-align: bottom;
  margin-bottom: 10px;
}
.s-contact p {
  margin-bottom: 10px;
}
.contact-methods {
  color: #ffffff;
  font-size: 2rem;
}
.contact-methods, .sitemap-navigation {
  list-style: none;
  margin: 0;
}
.contact-methods li, .sitemap-navigation li {
  margin-right: 1rem;
  list-style-type: none;
}
.contact-methods li:last-child, .sitemap-navigation li:last-child {
  margin-right: 0;
}
.contact-methods li a {
  color: #ffffff;
}
.sitemap-navigation li a {
  color: #f17fb0;
}
.sitemap-navigation li a:hover,
.sitemap-navigation li a:focus {
  color: #ffffff;
}
.hide-icon {
  opacity:0;
}
@media screen and (max-width:800px) {
  .s-contact .column {
    margin-bottom: 20px;
  }
}

/* footer modifications */
footer span {
  color: rgba(255, 255, 255, 0.5);
}
footer a, footer a:visited {
  color: #f17fb0;
}
footer a:hover,
footer a:focus {
  color: #ffffff;
}
.ss-go-top a:hover,
.ss-go-top a:focus {
  background-color: #f17fb0;
}

/* dialog styles */
.dialog-request h1, .dialog-status h1 {
  text-align: center;
  margin-top: 3rem;
}
.dialog-status h1.title-only {
  margin-bottom: 3rem;
}
.dialog-request form {
  margin-bottom: 3rem;
}
.dialog-request input[type="email"], 
.dialog-request input[type="number"], 
.dialog-request input[type="search"], 
.dialog-request input[type="text"], 
.dialog-request input[type="tel"], 
.dialog-request input[type="url"], 
.dialog-request input[type="password"],
.dialog-request select {
  padding: .5rem 0 .5rem;
  height: 4.8rem;
}
.dialog-request label {
  margin-bottom: 0;
}
#email-name,
#email-address,
#email-organization {
  margin-bottom: 0;
}
.input-error {
  height: 3rem;
}
.input-error p {
  margin: 0;
  font-size: 12px;
  color: #dd4043;
}
.dialog-status .success {
  color: #637533;
}
.dialog-status .error {
  color: #dd4043;
}

@media screen and (max-width: 600px){
  .dialog-request h1 {
    margin-top: 2.4rem;
  }
  .dialog-request form {
    margin-bottom: 2.4rem;
  }
  .dialog-request input[type="email"], 
  .dialog-request input[type="number"], 
  .dialog-request input[type="search"], 
  .dialog-request input[type="text"], 
  .dialog-request input[type="tel"], 
  .dialog-request input[type="url"], 
  .dialog-request input[type="password"],
  .dialog-request select {
    padding: 0 0 .5rem;
    height: 4.2rem;
  }
}
.request-nonce {
  opacity: 0;
  height: 1px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
.container-full {
  top: 0;
  left: 0;
  height:100%;
  width:100%;
  overflow:hidden;
}
.dialog-backdrop,.dialog-base,.dialog-box,.dialog-center,.dialog-page,.dialog-responsive,.dialog-sidebar-left,.dialog-sidebar-right,.dialog-tooltip,.panel-center{border:none;border-image-source:none;border-image-slice:100%;border-image-width:1;border-image-outset:0;border-image-repeat:initial;color:inherit;position:fixed;margin:0;padding:0}.dialog-backdrop{background-color:#000;opacity:.4;z-index:1039}.dialog-box,.dialog-page,.dialog-sidebar-left,.dialog-sidebar-right,.dialog-tooltip{background-color:#fff;border:.1rem solid #e8e8e8;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.5);box-shadow:0 5px 10px rgba(0,0,0,.5);-webkit-box-shadow:0 .5rem 1rem rgba(0,0,0,.5);box-shadow:0 .5rem 1rem rgba(0,0,0,.5);z-index:1040}.dialog-page{border:none;-webkit-box-shadow:none;box-shadow:none}.dialog-sidebar-left{border-top:none;border-left:none}.dialog-sidebar-right{border-top:none;border-right:none}.dialog-center,.panel-center{background-color:hsla(0,0%,100%,.95);border:.1rem solid #e8e8e8;z-index:1032;overflow-x:hidden;top:50%;top:50vh;left:50%;left:50vw;width:auto;height:auto;padding:2rem;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-height:20%;min-height:20vh;max-height:80%;max-height:80vh;width:80%;width:80vw}@media (min-width:768px){.dialog-center,.panel-center{width:20%;width:20vw}}.dialog-center{z-index:1040;background-color:#fff;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.5);box-shadow:0 5px 10px rgba(0,0,0,.5);-webkit-box-shadow:0 .5rem 1rem rgba(0,0,0,.5);box-shadow:0 .5rem 1rem rgba(0,0,0,.5);padding:0;min-height:0}.panel-middle{min-height:20%;min-height:20vh;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.panel-inner{height:auto;text-align:center}.width-10{width:10%;width:10vw}.height-10{height:10%;height:10vh}.width-20{width:20%;width:20vw}.height-20{height:20%;height:20vh}.width-25{width:25%;width:25vw}.height-25{height:25%;height:25vh}.width-30{width:30%;width:30vw}.height-30{height:30%;height:30vh}.width-33{width:33%;width:33vw}.height-33{height:33%;height:33vh}.width-40{width:40%;width:40vw}.height-40{height:40%;height:40vh}.width-50{width:50%;width:50vw}.height-50{height:50%;height:50vh}.width-60{width:60%;width:60vw}.height-60{height:60%;height:60vh}.width-66{width:66%;width:66vw}.height-66{height:66%;height:66vh}.width-70{width:70%;width:70vw}.height-70{height:70%;height:70vh}.width-75{width:75%;width:75vw}.height-75{height:75%;height:75vh}.width-80{width:80%;width:80vw}.height-80{height:80%;height:80vh}.width-90{width:90%;width:90vw}.height-90{height:90%;height:90vh}.width-100{width:100%;width:100vw}.width-xs-10{width:10%;width:10vw}.height-xs-10{height:10%;height:10vh}.width-xs-20{width:20%;width:20vw}.height-xs-20{height:20%;height:20vh}.width-xs-25{width:25%;width:25vw}.height-xs-25{height:25%;height:25vh}.width-xs-30{width:30%;width:30vw}.height-xs-30{height:30%;height:30vh}.width-xs-33{width:33%;width:33vw}.height-xs-33{height:33%;height:33vh}.width-xs-40{width:40%;width:40vw}.height-xs-40{height:40%;height:40vh}.width-xs-50{width:50%;width:50vw}.height-xs-50{height:50%;height:50vh}.width-xs-60{width:60%;width:60vw}.height-xs-60{height:60%;height:60vh}.width-xs-66{width:66%;width:66vw}.height-xs-66{height:66%;height:66vh}.width-xs-70{width:70%;width:70vw}.height-xs-70{height:70%;height:70vh}.width-xs-75{width:75%;width:75vw}.height-xs-75{height:75%;height:75vh}.width-xs-80{width:80%;width:80vw}.height-xs-80{height:80%;height:80vh}.width-xs-90{width:90%;width:90vw}.height-xs-90{height:90%;height:90vh}.width-xs-100{width:100%;width:100vw}.height-xs-100{height:100%;height:100vh}@media (min-width:768px){.width-sm-10{width:10%;width:10vw}.height-sm-10{height:10%;height:10vh}}@media (min-width:768px){.width-sm-20{width:20%;width:20vw}.height-sm-20{height:20%;height:20vh}}@media (min-width:768px){.width-sm-25{width:25%;width:25vw}.height-sm-25{height:25%;height:25vh}}@media (min-width:768px){.width-sm-30{width:30%;width:30vw}.height-sm-30{height:30%;height:30vh}}@media (min-width:768px){.width-sm-33{width:33%;width:33vw}.height-sm-33{height:33%;height:33vh}}@media (min-width:768px){.width-sm-40{width:40%;width:40vw}.height-sm-40{height:40%;height:40vh}}@media (min-width:768px){.width-sm-50{width:50%;width:50vw}.height-sm-50{height:50%;height:50vh}}@media (min-width:768px){.width-sm-60{width:60%;width:60vw}.height-sm-60{height:60%;height:60vh}}@media (min-width:768px){.width-sm-66{width:66%;width:66vw}.height-sm-66{height:66%;height:66vh}}@media (min-width:768px){.width-sm-70{width:70%;width:70vw}.height-sm-70{height:70%;height:70vh}}@media (min-width:768px){.width-sm-75{width:75%;width:75vw}.height-sm-75{height:75%;height:75vh}}@media (min-width:768px){.width-sm-80{width:80%;width:80vw}.height-sm-80{height:80%;height:80vh}}@media (min-width:768px){.width-sm-90{width:90%;width:90vw}.height-sm-90{height:90%;height:90vh}}@media (min-width:768px){.width-sm-100{width:100%;width:100vw}.height-sm-100{height:100%;height:100vh}}@media (min-width:992px){.width-md-10{width:10%;width:10vw}.height-md-10{height:10%;height:10vh}}@media (min-width:992px){.width-md-20{width:20%;width:20vw}.height-md-20{height:20%;height:20vh}}@media (min-width:992px){.width-md-25{width:25%;width:25vw}.height-md-25{height:25%;height:25vh}}@media (min-width:992px){.width-md-30{width:30%;width:30vw}.height-md-30{height:30%;height:30vh}}@media (min-width:992px){.width-md-33{width:33%;width:33vw}.height-md-33{height:33%;height:33vh}}@media (min-width:992px){.width-md-40{width:40%;width:40vw}.height-md-40{height:40%;height:40vh}}@media (min-width:992px){.width-md-50{width:50%;width:50vw}.height-md-50{height:50%;height:50vh}}@media (min-width:992px){.width-md-60{width:60%;width:60vw}.height-md-60{height:60%;height:60vh}}@media (min-width:992px){.width-md-66{width:66%;width:66vw}.height-md-66{height:66%;height:66vh}}@media (min-width:992px){.width-md-70{width:70%;width:70vw}.height-md-70{height:70%;height:70vh}}@media (min-width:992px){.width-md-75{width:75%;width:75vw}.height-md-75{height:75%;height:75vh}}@media (min-width:992px){.width-md-80{width:80%;width:80vw}.height-md-80{height:80%;height:80vh}}@media (min-width:992px){.width-md-90{width:90%;width:90vw}.height-md-90{height:90%;height:90vh}}@media (min-width:992px){.width-md-100{width:100%;width:100vw}.height-md-100{height:100%;height:100vh}}@media (min-width:1200px){.width-lg-10{width:10%;width:10vw}.height-lg-10{height:10%;height:10vh}}@media (min-width:1200px){.width-lg-20{width:20%;width:20vw}.height-lg-20{height:20%;height:20vh}}@media (min-width:1200px){.width-lg-25{width:25%;width:25vw}.height-lg-25{height:25%;height:25vh}}@media (min-width:1200px){.width-lg-30{width:30%;width:30vw}.height-lg-30{height:30%;height:30vh}}@media (min-width:1200px){.width-lg-33{width:33%;width:33vw}.height-lg-33{height:33%;height:33vh}}@media (min-width:1200px){.width-lg-40{width:40%;width:40vw}.height-lg-40{height:40%;height:40vh}}@media (min-width:1200px){.width-lg-50{width:50%;width:50vw}.height-lg-50{height:50%;height:50vh}}@media (min-width:1200px){.width-lg-60{width:60%;width:60vw}.height-lg-60{height:60%;height:60vh}}@media (min-width:1200px){.width-lg-66{width:66%;width:66vw}.height-lg-66{height:66%;height:66vh}}@media (min-width:1200px){.width-lg-70{width:70%;width:70vw}.height-lg-70{height:70%;height:70vh}}@media (min-width:1200px){.width-lg-75{width:75%;width:75vw}.height-lg-75{height:75%;height:75vh}}@media (min-width:1200px){.width-lg-80{width:80%;width:80vw}.height-lg-80{height:80%;height:80vh}}@media (min-width:1200px){.width-lg-90{width:90%;width:90vw}.height-lg-90{height:90%;height:90vh}}@media (min-width:1200px){.width-lg-100{width:100%;width:100vw}.height-lg-100{height:100%;height:100vh}}