/*
 =========================
 VESTGIAL DREW BASE STYLES
 =========================
 */
html {
  height: 100% !important; }

body {
  height: 100%;
  font-family: 'Lato', sans-serif;
  font-size: 20px;
  line-height: 1.715;
  background-color: #fff;
  color: #333;
  overflow-x: hidden;
  max-width: 100%; }

address {
  font-size: inherit;
  line-height: inherit; }

*:last-child {
  margin-bottom: 0; }

a {
  -webkit-transition: all ease 0.25s;
  transition: all ease 0.25s; }

a:focus, a:hover {
  text-decoration: none;
  outline: 0; }

img {
  max-width: 100%;
  height: auto; }

p, ul, ol, address {
  margin-bottom: 25px; }

iframe {
  max-width: 100%;
  border: none; }

.header-section {
  position: fixed;
  z-index: 100;
  min-height: 80px;
  margin: 0;
  padding: 0;
  -webkit-transition: all ease 0.25s;
  transition: all ease 0.25s;
  overflow: visible;
  border: none; }

/**
 * ========================================
 * COMMON CLASSES
 * ========================================
 */
.lead {
  position: relative;
  font-size: 20px;
  line-height: inherit;
  font-style: italic;
  font-weight: normal;
  padding: 10px 0 25px; }

.wait-animation {
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

/*
============================
DREW HERO IMAGE AND PARALLAX
============================
*/
.document {
  height: 100%;
  position: relative; }

/* SECTION BACKGROUND */
.section-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden; }

.section-background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.section-background-image img {
  position: absolute;
  min-width: 100%;
  max-width: none;
  min-height: 100%;
  top: 0;
  left: 0; }

/* PARALLAX */
.parallax {
  position: relative; }

.parallax-background {
  background-attachment: fixed;
  background-position: top center; }

.mobile-device .parallax-background {
  background-attachment: scroll;
  background-position: center center !important; }

.mobile-device .parallax {
  top: 0 !important; }

@media (max-width: 991px) {
  .parallax-background {
    background-position: center center !important; }
  .parallax {
    top: 0 !important; } }

@media (min-width: 992px) {
  .table-row {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 0; }
  .table-cell {
    display: table-cell;
    float: none !important;
    vertical-align: middle; } }

/*
==========================
DREW VESTIGIAL HERO STYLES
==========================
*/
.hero-section {
  padding: 160px 0; }

.hero-section:after {
  content: "";
  position: absolute;
  top: 0;
  z-index: 0;
  height: 160px;
  width: 100%;
  display: block;
  background-image: -webkit-linear-gradient(top, black, transparent);
  background-image: linear-gradient(to bottom, black, transparent);
  opacity: 0.3; }

.hero-fullscreen,
.hero-fullscreen .container,
.hero-fullscreen .container-fluid {
  height: 100%; }

.hero-slider {
  padding: 0; }

.hero-slider .section-slider {
  height: 100%; }

.hero-slider .section-slider .section-slide {
  padding: 300px 0; }

.hero-section .container {
  position: relative;
  z-index: 1;
  vertical-align: middle; }

.hero-section form {
  background-color: #f6f6f6;
  padding: 30px; }

.section-gray.hero-section form {
  background-color: #fff; }

.section-dark.hero-section form {
  background-color: rgba(0, 0, 0, 0.4); }

.hero-content {
  display: table;
  width: 100%;
  height: 100%; }

.hero-content-inner {
  display: table-cell;
  vertical-align: middle; }

.hero-title {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 10px; }

.hero-subtitle {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 20px; }

.hero-tagline {
  font-size: 20px; }

.hero-buttons {
  margin-top: 30px; }

.hero-buttons > a {
  margin: 15px 15px 0; }

.hero-buttons > a:only-child {
  margin: 0; }

.hero-countdown {
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto; }

.hero-countdown .countdown {
  color: #222; }

.section-dark .hero-countdown .countdown, .section-accent .hero-countdown .countdown {
  color: #fff; }

.hero-countdown-heading {
  font-size: 20px;
  margin-bottom: 10px; }

.hero-start-link {
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -25px;
  margin-bottom: 30px !important;
  display: block;
  width: 50px;
  height: 50px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 50%;
  line-height: 48px;
  text-align: center;
  font-size: 32px;
  color: #ccc; }

.hero-start-link:hover, .hero-start-link:focus {
  border-color: #fff;
  color: #fff; }

@media (max-width: 479px) {
  .hero-countdown .countdown-number {
    font-size: 40px; }
  .hero-countdown .countdown-label {
    font-size: 11px; } }

@media (max-width: 991px) {
  .hero-section {
    padding: 120px 0; }
  .hero-section.hero-fullscreen {
    height: auto; }
  .hero-start-link {
    display: none; } }

/* HERO LAYOUT: FULLSCREEN CTA (SIMPLE) */
.hero-layout-simple .hero-title {
  font-size: 64px;
  line-height: 1.2; }

.hero-layout-simple .hero-subtitle {
  font-size: 48px;
  line-height: 1.2; }

@media (max-width: 991px) {
  .hero-layout-simple .hero-title {
    font-size: 56px; }
  .hero-layout-simple .hero-subtitle {
    font-size: 40px; } }

@media (max-width: 767px) {
  .hero-layout-simple .hero-title {
    font-size: 48px; }
  .hero-layout-simple .hero-subtitle {
    font-size: 32px; }
  .hero-layout-simple .hero-tagline {
    font-size: 18px; } }

@media (max-width: 479px) {
  .hero-layout-simple .hero-title {
    font-size: 40px; }
  .hero-layout-simple .hero-subtitle {
    font-size: 24px; }
  .hero-layout-simple .hero-tagline {
    font-size: 16px; } }

/* HERO LAYOUT: VIDEO + SUBSCRIPTION FORM */
.hero-layout-video-and-subscription-form {
  padding: 120px 0; }

.hero-layout-video-and-subscription-form .form-heading {
  padding-bottom: 0; }

.hero-layout-video-and-subscription-form .form-heading:after {
  display: none; }

/* HERO LAYOUT: CLASSIC */
.hero-layout-classic {
  padding: 120px 0;
  height: auto !important;
  /* force to disable fullscreen mode */ }

.hero-layout-classic .hero-title {
  font-size: 56px;
  line-height: 1.15; }

.hero-features {
  margin-top: 60px;
  text-align: left; }

@media (min-width: 992px) {
  .hero-features-right {
    padding-left: 50px; }
  .hero-features-right.col-md-pull-5 {
    padding-right: 50px;
    padding-left: 15px; } }

@media (max-width: 991px) {
  .hero-layout-classic .hero-title {
    font-size: 48px; }
  .hero-features {
    margin-top: 30px; }
  .hero-features-right {
    margin-top: 30px; } }

@media (max-width: 767px) {
  .hero-layout-classic .hero-title {
    font-size: 40px; }
  .hero-layout-classic .hero-tagline {
    font-size: 18px; } }

@media (max-width: 479px) {
  .hero-layout-classic .hero-title {
    font-size: 32px; }
  .hero-layout-classic .hero-tagline {
    font-size: 16px; } }

/* HERO LAYOUT: VIDEO AND FORM */
.hero-layout-video-and-form .lead:after {
  display: none; }

.hero-layout-video-and-form .lead {
  padding: 0;
  margin: 30px 0 0; }

/* HERO LAYOUT: VIDEO AND FEATURES CTA */
.hero-layout-video-and-features-cta .video-embed {
  margin-top: 0; }

.hero-layout-video-and-features-cta .lead:after {
  display: none; }

.hero-layout-video-and-features-cta .lead {
  padding: 0;
  margin: 30px 0 0; }

.hero-layout-video-and-features-cta .hero-buttons {
  margin-top: 20px; }

.hero-layout-video-and-features-cta .icon-list {
  margin-top: -20px; }

/*
=========================
BASE STYLES AND OVERRIDES
=========================
*/
body {
  font-family: 'Lato', sans-serif;
  font-size: 20px; }

section {
  padding: 40px 0 60px; }

section:nth-child(odd) {
  background: #b1b3b3;
  color: #333; }

section:nth-child(even) {
  background: #63666a;
  color: #fff; }

section h2 {
  margin-top: 0;
  line-height: 40px; }

a {
  color: #004B87; }

a:hover, a:active {
  color: #48a9c5; }

a.navbar-logo img {
  width: 180px;
  height: auto; }

.footer-logo a img {
  width: 180px;
  height: auto; }

/*
========================
HERO SECTION BASE STYLES
========================
*/
section#hero {
  background: #b7bf10 url(http://go.idtdna.com/rs/400-UEU-432/images/CRISPR_UNMC.jpg) no-repeat 50%; }

.hero-fullscreen,
.hero-fullscreen .container,
.hero-fullscreen .container-fluid {
  height: auto; }

/*required for IE to avoid hidden content*/
#hero .container {
  background: url(http://go.idtdna.com/rs/400-UEU-432/images/white_87.png);
  border-radius: 20px; }

section.hero-section {
  padding: 120px 0 60px; }

.col-md-7 h1.hero-title {
  font-size: 34px;
  line-height: 1.2;
  color: #004B87;
  text-align: center; }

.section-dark.hero-section form {
  background: #fff;
  border-radius: 0 20px 20px 0;
  border-left: 1px solid #5d5d5d;
  padding-bottom: 40px; }

section#hero .col-md-7 {
  text-align: left;
  color: #333;
  padding: 15px 30px; }

.col-md-7 p.lead {
  font-size: 26px;
  font-weight: bold;
  font-style: normal;
  padding: 0;
  margin: 10px 0 24px; }

.col-md-7 p.list_intro {
  margin-bottom: 10px; }

.col-md-7 ul li {
  line-height: 24px;
  margin-bottom: 10px; }

.hero-features-right.col-md-5 {
  padding: 0; }

.mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date], .mktoForm select.mktoField, .mktoForm textarea.mktoField {
  width: 100% !important; }

/*
============================
NON-HERO SECTION BASE STYLES
============================
*/
.seminar_bio h2 {
  margin-bottom: 25px; }

.seminar_bio .col-md-4, .seminar_bio .col-md-6, .seminar_bio .col-md-5, .seminar_bio .col-md-3 > img {
  border-radius: 20px; }

.seminar_bio .presenter .name {
  color: #898f0c !important;
  font-size: 24px; 
	line-height: 28px; 
	margin-bottom: 10px; }

.seminar_bio .presenter .position {
  color: #eee;
  margin-bottom: 16px; }

.presenter {
  margin-top: 20px; }

.presenter img {
  float: left;
  border-radius: 10px;
  margin-right: 15px; }

.presenter p {
  margin-bottom: 0; }

.presenter .name {
  font-weight: bold;
  color: #333; }

.presenter .position {
  font-size: 16px;
  margin-top: -6px; }

.presenter:after {
  content: "";
  clear: both;
  display: block; }

.present_3x .col-md-4 .presenter {
  padding: 20px;
  background: url(http://go.idtdna.com/rs/400-UEU-432/images/white_50.png);
  border-radius: 20px;
  max-width: 440px;
  margin: 36px auto 0; }

.present_3x .presenter img {
  border-radius: 16px;
  margin-top: 20px; }

.present_4x h2 {
  margin-bottom: 25px !important; }

.present_4x p.day {
  font-weight: bold;
  margin-bottom: 0; }

.present_4x p.time {
  margin-bottom: 12px;
  font-size: 16px; }

.present_4x p.title {
  font-size: 16px;
  line-height: 24px; }

.photo_thumb {
  clear: both;
  overflow: hidden;
  margin: 0 0 30px 0;
  background-color: gray;
  padding: 7px;
  border-radius: 5px;
  margin-bottom: 12px; }

.photo_thumb img {
  float: left;
  margin-right: 9px;
  width: 80px;
  height: 80px;
  border-radius: 5px; }

.photo_thumb p.name {
  font-size: 16px;
  font-weight: bold;
  color: #004B87;
  margin-bottom: 0;
  margin-top: -4px; }

.photo_thumb p.position {
  font-size: 12px;
  line-height: 16px; }

.testimonial_2x h2,
.testimonial_3x h2,
.testimonial_4x h2 {
  margin-bottom: 25px; }

.testimonial_2x p,
.testimonial_3x p,
.testimonial_4x p {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 12px; }

.testimonial_2x p.quoter,
.testimonial_3x p.quoter,
.testimonial_4x p.quoter {
  font-size: 20px;
  font-weight: 100;
  color: #b7bf10; }

.testimonial_3x p.quoter {
  color: #bfe1eb;
  font-size: 18px; }

.image .col-md-6.image_box,
.seminar_bio .col-md-4.image_box,
.col-md-5.image_box, .col-md-3.image_box {
  text-align: center; 
	max-width: 300px; }

.linklist ul {
  padding: 0; }

.linklist ul li {
  list-style-type: none; }

.linklist li a {
  color: #bfe1eb; }

.linklist li a:hover,
.linklist li a:active {
  color: #ffcba6; }

.linklist li:last-child {
  margin-top: 20px; }

.timeline_title {
  padding-bottom: 20px; }

.timeline {
  padding: 1px 0 60px 0; }

.questions {
  padding-bottom: 60px; }

.questions h2 {
  margin-bottom: 0; }

.chromo {
  height: 60px;
  background: url(http://go.idtdna.com/rs/400-UEU-432/images/chromo_multi_sm.png) repeat-x !important;
  padding: 0 !important; }

section.feature_video h2 {
  font-size: 22px;
  margin-bottom: 30px; }

section.gallery .col-md-4 img {
  border-radius: 12px;
  margin: 16px 0; }

/*
=============
FOOTER BASE STYLES
=============
*/
section#footer {
  background: #fff;
  padding-top: 45px; }

.toenail {
  opacity: 0.8;
  font-size: 15px;
  margin-bottom: 17px;
  color: #666; }

.toenail .bullet {
  color: #b7bf10;
  font-size: 15px; }

.footer-section {
  padding-bottom: 45px;
  text-align: center; }

.footer-logo {
  margin-top: 0;
  margin-bottom: 39px; }

.footer-copyright {
  opacity: 0.5;
  font-size: 15px; }

/*
=================================
KEEP ALL MEDIA QUERIES BELOW HERE
=================================
*/
@media screen and (max-width: 768px) {
  section.hero-section {
    padding: 80px 0 0; }
  .section-dark.hero-section .col-md-5 form {
    border-radius: 0 !important; }
  div.mktoForm {
    border-bottom: 1px solid #333 !important; }
  #hero .container {
    border-top: 1px solid #333 !important;
    border-radius: 0 !important; }
  section#hero .col-md-7 {
    padding: 15px; } }

@media screen and (max-width: 990px) {
  .col-md-6.quote,
  .col-md-4.quote {
    margin-bottom: 40px; }
  .testimonial_2x .row div:last-child,
  .testimonial_3x .row div:last-child {
    margin-bottom: 0; }
  .present_4x .col-md-3 {
    margin-bottom: 32px;
    border-bottom: 1px solid #999;
    padding-bottom: 22px; }
  .present_4x .col-md-3:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0; } }

@media screen and (min-width: 992px) {
  .seminar_bio .presenter {
    margin-top: 0; } }

@media screen and (max-width: 991px) {
  .section-dark.hero-section .col-md-5 form {
    border-radius: 0 0 20px 20px !important;
    border: none !important; }
  div.mktoForm {
    border-top: 1px solid #333 !important; } }

@media screen and (max-width: 480px) {
  div.mktoForm {
    padding: 0 !important; } }
		
@media screen and (max-width: 1092px) {
	.seminar_bio .col-md-3.image_box {
		text-align: center;
	}
}

/*
===================================
VERTICAL TIMELINE FROM CODYHOUSE.CO
===================================
*/
.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 1170px;
  margin: 0 auto; }

.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both; }

#cd-timeline {
  position: relative;
  padding: 0;
  margin-top: 2em;
  margin-bottom: 2em; }

#cd-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #b7bf10; }

@media only screen and (min-width: 1170px) {
  #cd-timeline {
    margin-top: 1em;
    margin-bottom: 1em; }
  #cd-timeline::before {
    left: 20px;
    margin-left: 0; } }

.cd-timeline-block {
  position: relative;
  margin: 2em 0; }

.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both; }

.cd-timeline-block:first-child {
  margin-top: 0; }

.cd-timeline-block:last-child {
  margin-bottom: 0; }

@media only screen and (min-width: 1170px) {
  .cd-timeline-block {
    margin: 4em 0; }
  .cd-timeline-block:first-child {
    margin-top: 0; }
  .cd-timeline-block:last-child {
    margin-bottom: 0; } }

.cd-timeline-img {
  position: absolute;
  top: 1em;
  left: .5em;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px #b7bf10, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05); }

.cd-timeline-img img {
  display: none;
  width: 48px;
  height: 48px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -20px;
  margin-top: -24px; }

.cd-timeline-img.cd-time {
  background: #f2f6bd; }

@media only screen and (min-width: 1170px) {
  .cd-timeline-img {
    left: 12px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden; }
  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden; }
  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s; } }

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5); }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1); } }

@-moz-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5); }
  60% {
    opacity: 1;
    -moz-transform: scale(1.2); }
  100% {
    -moz-transform: scale(1); } }

@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5); }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  background: #f2f6bd;
  border-radius: 0.25em;
  padding: 1em;
  box-shadow: 0 3px 0 #b7bf10; }

.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both; }

.cd-timeline-content h2 {
  color: #b7bf10;
  font-size: 32px;
  margin: 0 0 12px; }

.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  font-size: 13px;
  font-size: 0.8125rem; }

.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  display: inline-block; }

.cd-timeline-content p {
  margin: 0;
  font-size: 20px;
  line-height: 28px; }

.cd-timeline-content .cd-read-more {
  float: right;
  padding: .8em 1em;
  background: #acb7c0;
  color: white;
  border-radius: 0.25em; }

.no-touch .cd-timeline-content .cd-read-more:hover {
  background-color: #bac4cb; }

.cd-timeline-content .cd-date {
  float: left;
  padding: .8em 0;
  opacity: .7;
  display: none; }

.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 22px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 20px solid #f2f6bd; }

@media only screen and (min-width: 768px) {
  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    font-size: 14px;
    font-size: 0.875rem; } }

@media only screen and (min-width: 1170px) {
  .cd-timeline-content {
    padding: 1em 1.6em 1.6em;
    width: 90%; }
  .cd-timeline-content::before {
    left: 100%;
    border-color: transparent;
    border-left-color: #f2f6bd; }
  .cd-timeline-content .cd-read-more {
    float: left; }
  .cd-timeline-content .cd-date {
    display: none;
    position: absolute;
    width: 100%;
    left: 122%;
    top: -50px;
    font-size: 3rem;
    color: #b7bf10;
    font-size: 50px;
    font-weight: 100; }
  .cd-timeline-block .cd-timeline-content {
    float: right; }
  .cd-timeline-block .cd-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: #f2f6bd; }
  .cd-timeline-block .cd-timeline-content .cd-read-more {
    float: right; }
  .cd-timeline-block .cd-timeline-content .cd-date {
    left: auto;
    right: 122%;
    text-align: right; }
  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden; }
  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s; }
  .cd-timeline-img img {
    margin-left: -24px; }
  .cd-container {
    width: 50%; } }

@media only screen and (min-width: 1170px) {
  /* inverse bounce effect on even content blocks */
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s; } }

@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px); }
  100% {
    -webkit-transform: translateX(0); } }

@-moz-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100px); }
  60% {
    opacity: 1;
    -moz-transform: translateX(20px); }
  100% {
    -moz-transform: translateX(0); } }

@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px); }
  100% {
    -webkit-transform: translateX(0); } }

@-moz-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -moz-transform: translateX(100px); }
  60% {
    opacity: 1;
    -moz-transform: translateX(-20px); }
  100% {
    -moz-transform: translateX(0); } }

@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

/*THESE STYLES REQUIRED FOR SOCIAL MEDIA ICONS IN LANDING PAGE FOOTER. KEEP THEM HERE. DON'T PUT THEM IN THE PAGE CSS OR THE HEADER. JUST REFERENCE THIS STYLESHEET IN THE HEADER.*/
/**
 * ===============================================
 * SOCIAL MEDIA ICONS - CODEPEN BY STEPHEN BURGESS
 
 * // Uses rem for size so go ahead and change the font-size of html and see the buttons get bigger (or smaller...) :)
 * ===============================================
 */
/* Wrapper */
.icon-button {
  background-color: white;
  border-radius: 3.6rem;
  cursor: pointer;
  display: inline-block;
  font-size: 2.0rem;
  height: 3.6rem;
  line-height: 3.6rem;
  margin: 0 5px;
  position: relative;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 3.6rem; }

/* Circle */
.icon-button span {
  border-radius: 0;
  display: block;
  height: 0;
  left: 50%;
  margin: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: 0; }

.icon-button:hover span {
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 3.6rem;
  margin: -1.8rem; }

.facebook span {
  background-color: #3B5998; }

.linkedin span {
  background-color: #007bb5; }

.twitter span {
  background-color: #55acee; }

.youtube span {
  background-color: #bb0000; }

.pinterest span {
  background-color: #cb2027; }

.google-plus span {
  background-color: #dd4b39; }

.instagram span {
  background-color: #125688; }

/* Icons */
.icon-button i {
  background: none;
  color: white;
  height: 3.6rem;
  left: 0;
  line-height: 3.6rem;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: 3.6rem;
  z-index: 10; }

.icon-button .icon-facebook {
  color: #3B5998; }

.icon-button .icon-linkedin {
  color: #007bb5; }

.icon-button .icon-twitter {
  color: #55acee; }

.icon-button .icon-youtube {
  color: #bb0000; }

.icon-button .icon-pinterest {
  color: #cb2027; }

.icon-button .icon-google-plus {
  color: #dd4b39; }

.icon-button .icon-instagram {
  color: #125688; }

.icon-button:hover .icon-twitter,
.icon-button:hover .icon-facebook,
.icon-button:hover .icon-google-plus,
.icon-button:hover .icon-youtube,
.icon-button:hover .icon-linkedin,
.icon-button:hover .icon-pinterest,
.icon-button:hover .icon-instagram {
  color: white; }

.icon-facebook:before {
  content: "\f09a"; }

.icon-linkedin:before {
  content: "\f0e1"; }

.icon-twitter:before {
  content: "\f099"; }

.icon-youtube:before {
  content: "\f167"; }

.icon-pinterest:before {
  content: "\f231"; }

.icon-google-plus:before {
  content: "\f0d5"; }

.icon-instagram:before {
  content: "\f16d"; }

[class^="icon-"], [class*=" icon-"] {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased; }

/*
==============================================================================================================
PAGE-SPECIFIC STYLES AND OVERRIDES - THIS WILL BE DIFFERENT FOR EVERY PAGE; INCLUDE MEDIA QUERIES, IF PRESENT
==============================================================================================================
I'VE INCLUDED SOME COMMONLY CHANGED ELEMENTS BELOW. THE LIST IS NOT EXHAUSTIVE, BUT I'LL BUILD IT UP OVER TIME
==============================================================================================================
YOU CAN ADD NEW TARGETS AS YOU PLEASE TO YOUR PAGE-SPECIFIC VERSION OF THIS FILE, OF COURSE
==============================================================================================================
*/

#schedule {
 background-color: #dcdec3;
 padding: 16px;
 border-radius: 16px; 
 width: 70%; 
 margin-left: auto;
 margin-right: auto; }
 
#schedule h5 {
 font-size: 20px;
 margin: 0 0 5px 20px; }
 
#schedule h5:nth-child(even) {
		margin-bottom:20px; }

section#figure_data {
    background-color: #b7bf10; }
		
.figure_data_section img {
		border-radius: 16px;
		border-style: solid;
		border-width: 7px;
		border-color: #e4e4e4; 
		margin-bottom: 15px; 
		width: 742px; }

p.figure_text {
		font-size: 12px;
		line-height: 15px; }
		
h2.listlead .figure_data {
		margin-bottom: 50px; }

h2.listlead {
    font-size: 30px;
    color: #fff;
    margin-top: 0; 
		margin-bottom: 20px; }


h2 {
    line-height: 35px !important; }
		
h4.icon-nolist-title {
    margin: 0;
    line-height: 1.3em;
    margin-top: 28px; }
		
h4.icon-nolist-title a {
    margin: 0;
		font-family: "Open Sans", sans-serif;
    font-weight: bold;
    font-size: 20px;
		color: #004B87; }
		
h4.icon-nolist-title a:hover {
    color: #f2f6bd; }
		
.col-md-7 p.lead {
  font-size: 26px;
  font-weight: bold;
  font-style: normal;
  text-align: center;
  padding: 0;
  margin: 10px 0 24px; }
	
.linklist ul li {
  list-style-type: none;
  margin-bottom: 15px;
  line-height: 25px; }

.linklist li:last-child {
  margin-top: 50px;
  margin-bottom: 0; }
	
.linklist li a {
  color: #b7bf10; }
	
.linklist li a:hover {
    color: #d1d484; }

section.linklist {
    background: #e6e9ac; }

.seminar_bio .presenter .name {
  color: #b7bf10;
  font-size: 24px; }

.seminar_bio .presenter .position {
  color: #eee;
  margin-bottom: 16px; 
	line-height: 22px;}

.image_box_logo img {
	border-radius: 8px;
	text-align: left;
	vertical-align: top;
	max-width: 100px; 
	margin-bottom: 50px; }
	
#idtlogo.image_box_logo img {
	border-radius: 0px;
	text-align: left;
	vertical-align: top;
	max-width: 125px;
	margin-bottom: 0px;
}
	

/*
=====================================
COLORS/IMAGES FOR SECTION BACKGROUNDS
=====================================
*/
/*
=========================
SECTION TYPOGRAPHY STYLES
=========================
*/
/*
======================================
CHANGE ALL COLORS FOR TIMELINE SECTION
======================================
*/
section.timeline_title,
section.timeline {
  background: #a6c0d5;
  color: #333; }

.cd-timeline-content p {
  color: #004B87; }

.cd-timeline-content p a {
  color: #a36b0b;
  /* sets the color of links in the panels */ }

.cd-timeline-content p a:hover,
.cd-timeline-content p a:active {
  color: #5c260d;
  /* sets the color of hovered links in the panels */ }

section.timeline_title {
  border-bottom: none;
  /* in case your theme uses borders between sections */ }

section.timeline_title h2 {
  color: #333; }

section.timeline {
  color: #333; }

#cd-timeline::before {
  background: #004B87;
  /* sets the color of the line along the left side */ }

.cd-timeline-img.cd-time {
  background: #48a9c5;
  /* sets the color inside the timeline dots */ }

.cd-timeline-img {
  box-shadow: 0 0 0 4px #004B87;
  /* sets the stroke around the timeline dots. match to #cd-timeline:before */ }

.cd-timeline-content {
  background: #bfe1eb;
  /* sets the background of the individual panels */
  box-shadow: 0 3px 0 #004B87;
  /* sets the color of the bottom shadow on the individual panels */ }

.cd-timeline-content::before {
  border-right-color: #bfe1eb;
  /* sets the color of the panel pointer. match to the media query color */ }

.cd-timeline-content h2 {
  color: #004B87;
  font-weight: 100; }

/* sets the color and font-weight of the time */
@media only screen and (min-width: 1170px) {
  .cd-timeline-block .cd-timeline-content::before {
    border-right-color: #bfe1eb;
    /* sets the color of the panel pointer on mobile. match to desktop */ } }

/*
=================================
KEEP ALL MEDIA QUERIES BELOW HERE
=================================
*/

@media only screen and (max-width: 768px) {
	#schedule {
		 background-color: #dcdec3;
		 padding: 16px;
		 border-radius: 16px; 
		 width:70%; 
		 margin-left:auto;
		 margin-right:auto; }
}
		 
@media only screen and (max-width: 500px) {
  	 h1.hero-title {
     font-size: 24px !important;
  }
}