body {
    font-family: "Montserrat", sans-serif;
}
.pageTitle, h1.page-title {
    color: #0a477e;
    font-size: 32px;
    line-height: 1.2;
    font-weight: 300;
    margin-top: 0px;
    scroll-behavior: smooth;
}
.pageTitle {
  margin: 0px;
}
.extra-large-text {
  font-size: 40px;
  line-height: 1.2;
}
.secondary-text {
    font-size: 20px;
}
.terciary-text {
    font-size: 18px;
}
.mid-text {
    font-weight: 600;
}
.white, a.white, a .white, .white a {
  color: #fff;
}
.black, a.black, a .black, .black a {
  color: #000;
}
.blue, a.blue, a .blue, .blue a {
  color: #469ed2;
}
.dark-blue, a.dark-blue, a .dark-blue, .dark-blue a {
  color: #3e474f;
}
.pink, a.pink, a .pink, .pink a {
  color: #db479b;
}
.grey, a.grey, a .grey, .grey a {
  color: #3c3c3c;
}
.col-centered {
    display:inline-block;
    float:none;
}

/*Header Styles*/
.header-taglines {
    z-index: 99;
    position: absolute;
    transform: translate(0%,-158%);
    line-height: 1.2;
    color: #fff;
    text-align: center;
    width: 100%;
}
.desktop-header {
    position: relative;
}
.header-tagline {
    font-size: 2.6vw;
    line-height: 1.1;
    margin-bottom: 81px;
}
/*Video Header*/
.desktop-header {
    padding-top: 100px;
}
/*End Video Header*/

/*Home Styles*/
.home-button {
    font-size: 14px;
    font-weight: 700;
    border-radius: 8px;
    padding: 14px 10px;
    width: 300px;
    margin-bottom: 15px;
    display: inline-block;
}
.home-button:hover {
    transform: scale(1.03);
}
.header-blue-button {
    background-color: #1c3764;
}
.header-pink-button {
    background-color: #db479b;
}
.header-light-blue-button {
    background-color: #4482bc;
}
.three-conference-bars {
    background-color: #4482bc;
    padding: 20px;
    font-size: 32px;
    font-weight: 500;
    margin-top: 15px;
}
.demo-section {
    background-color: #db479b;
    padding: 20px;
}
.demo-large {
    font-size: 80px;
    line-height: 1;
}
.demo-small {
    font-size: 28px;
    line-height: 0.9;
}
.speaker-section {
    background-color: #1c3764;
    padding: 40px 0px 50px 0px;
}
.speaker-section img {
    margin-bottom: 6px;
}
.speaker-callout-name {
    font-size: 18px;
    font-weight: 600;
}
.speaker-grid-name {
    font-size: 16px;
    font-weight: 600;
}
.speaker-grid-title {
    
}
.who-should-attend-section {
    padding: 40px 0px 60px 0px;
    background-color: #8fa1c1;
}
.venue-section {
    background-color: #8fa1c1;
    padding: 30px 0px;
}
.homepage-social-bottom {
    background-color: #1c3764;
    padding: 15px;
}
.hashtag-home {
    display: inline;
    padding-left: 3px;
    color: #fff;
}
.social-icon {
    width: 45px;
}
/*Custom Carousel*/
#custom-home-carousel img {
    width: 100%;
    max-width: 100%;
}
.w3-animate-opacity{animation:opac 2s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-opacity-2{animation:opac 3.5s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-opacity-3{animation:opac 2.5s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-opacity-4{animation:opac 4.5s}@keyframes opac{from{opacity:0} to{opacity:1}}

.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-top{position:relative;animation:animatetop 1.1s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 1.9s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 1.9s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 1.3s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.carousel-control.right, .carousel-control.left {
    background-image: none !important;      
}
.carousel-mosaic-control .glyphicon-chevron-right {
    margin-right: -145px !important;
    color: #8fa9c1;
    /* font-size: 33px; */
}
.carousel-mosaic-control .glyphicon-chevron-left {
    margin-left: -145px !important;
    color: #8fa9c1;
}

/*End Custom Carousel*/

/*Custom Agenda*/
<style>
.agenda-tab-pane {
    background-color: #fff !important;
}
.agenda-speaker {
    font-weight: 600;
    padding-top: 10px;
    display: inline-block;
}
.agenda-time {
    font-weight: bold;
    padding-top: 10px;
}
.agenda-abstract {
    padding: 10px 0px 10px 25px;
    margin-bottom: 0px;
}
.Agenda-Header {
    font-size: 28px;
    text-align: center;
    font-weight: 600;
    padding: 25px 15px 15px 15px;
}
.business-blue {
    color: #469ed2;
}
.engineering-purple {
    color: #963466;
}
.design-green {
    color: #108f91;
}
/*Build Grid*/
.agenda-time-endcap {
    padding-bottom: 10px;
}
.build-agenda .agenda-time {
    border-top: 2px solid #469ed2;
    color: #469ed2;
}
.build-agenda .agenda-abstract {
    border-top: 2px solid #469ed2;
    border-left: 2px solid #469ed2;
}   
.build-agenda .agenda-time-endcap, .build-agenda .agenda-abstract-endcap {
    border-bottom: 2px solid #469ed2;
}
/*Engineering*/
.engineering-agenda .agenda-time {
    border-top: 2px solid #963466;
    color: #963466;
}
.engineering-agenda .agenda-abstract {
    border-top: 2px solid #963466;
    border-left: 2px solid #963466;
}   
.engineering-agenda .agenda-time-endcap, .engineering-agenda .agenda-abstract-endcap {
    border-bottom: 2px solid #963466;
}


/*Design*/
.design-agenda .agenda-time {
    border-top: 2px solid #108f91;
    color: #108f91;
}
.design-agenda .agenda-abstract {
    border-top: 2px solid #108f91;
    border-left: 2px solid #108f91;
}   
.design-agenda .agenda-time-endcap, .design-agenda .agenda-abstract-endcap {
    border-bottom: 2px solid #108f91;
}

.iob-agenda .col-sm-3 {
    padding-right: 0px;
}
.iob-agenda .col-sm-9 {
    padding-left: 0px;
}
/*Mobile Agenda Buttons*/
.agenda-mobile-button {
    text-align: center;
    border-radius: 8px;
    width: 100%;
    display: block;
    padding: 15px;
    font-size: 16px;
    font-weight: bold;
}
.agenda-mobile-button-business {
    background-color: #469ed2;
}
.agenda-mobile-button-engineering {
    background-color: #963466;
}
.agenda-mobile-button-design {
    background-color: #108f91;
}
@media screen and (max-width: 767px) {
    .design-agenda  .agenda-abstract, .build-agenda .agenda-abstract, .engineering-agenda .agenda-abstract {
        border: 0px;
    }
    .build-agenda .agenda-time-endcap, .engineering-agenda .agenda-time-endcap, .design-agenda .agenda-time-endcap {
        border-bottom: 0px;
    }
    .build-agenda .agenda-abstract-endcap {
        border-bottom: 2px solid #469ed2;
    }
    .engineering-agenda .agenda-abstract-endcap {
        border-bottom: 2px solid #963466;
    }
    .design-agenda .agenda-abstract-endcap {
        border-bottom: 2px solid #108f91;
    }
    .agenda-time {
        padding: 15px 0px 0px 0px;
        margin-bottom: 0px;
    }
    .iob-agenda .col-sm-3 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .iob-agenda .col-sm-9 {
        padding-left: 15px;
        padding-right: 15px;
    }
}


/*Internal Pages*/
.internal-header-section {
    height: auto;
    padding: 50px 0px;
    -ms-flex-direction: column;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background-image: url("/images/librariesprovider77/agenda/20/agenda-background.png");
    background-position: 0 0,100% 50%;
    background-color: #eef3f9;
    background-size: auto,contain;
    background-repeat: no-repeat;
    background-position: right;
}
@media only screen and (max-width: 767px) {
    .internal-header-section {
        padding: 15px;
        background-color: #eef3f9;
        background-image: none;
    }
}

/*Sponsors*/
.sponsor-community {
    background-color: #e7ecf4;
    padding: 40px 0px;
}
.sponsor-community .secondary-text {
    line-height: 1.2;
}
.quotes-section {
    background-color: #f3f3f3;
    padding: 60px 0px;
}
#quote-Carousel {
    padding: 70px 20%;
    font-size: 18px;
}
#quote-Carousel .carousel-control .glyphicon-chevron-right {
    color: #000;
}
#quote-Carousel .carousel-control .glyphicon-chevron-left {
    color: #000;
}
.quote-block {
    font-size: ;
}
@media only screen and (max-width: 767px) {
    .sponsor-bullets {
        text-align: center;
    }
    .sponsor-community ul {
        padding-left: 0px;
    }
    .sponsor-community-secondary-tagline {
        text-decoration: underline;
        margin-bottom: 5px;
    }
    .sponsor-bullets ul li {
        list-style-type:none;
    }
    #quote-Carousel {
        padding: 10px 30px;       
    }
    .internal-sponsor-list li {
        margin: 25px 30px;
    }
}

/*Event Information*/
.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
    border: 2px solid #ccc;
    display: block;
    border-radius: 9px;
    padding: 15px 30px;
    margin-right: 10px;
    font-weight: bold;
    text-align: center;
}
.nav-tabs a {
    color: #000;
}
.nav-tabs {
    border-bottom: 0;
    display: table;
    padding-left: 0px;
    margin: 25px 0px 15px 0px;
}
.nav-tabs>li>a:hover {
    border: 0px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    border: 0px;
    background-color: #C8C8C8;
    color: #000;
}
li.active {
    background-color: #C8C8C8;
}
.nav-tabs>li>a {
    border: 0px;
}
.tab-content>.tab-pane {
    padding: 25px;
    border-radius: 8px;
    background-color: #f5f5f5;
}

/*Reg Page*/
.register-box {
    font-weight: bold;
}
.reg-box-top {
    padding: 10px;
    font-size: 22px;
    margin-bottom: 5px;
}
.reg-box-left {
    background-color: #1b467d;    
}
.reg-box-right {
    background-color: #4aa9e0;    
}
.reg-box-middle {
    background-color: #c0c0c0;
    padding: 10px;
    margin-bottom: 5px;
}
.reg-box-bottom {
    padding: 20px 20px 0px 20px;
    color: #3c3c3c;
    background-color: #e3e2de;
}
.early-bird {
    color: #3c3c3c;
}
.reg-price {
    font-size: 32px;
}
.reg-check {
    margin-bottom: 12px;
    padding-right: 10px;
    float: left;
}
.reg-check-blue {
    color: #1b467d;
}
.reg-check-light-blue {
    color: #4aa9e0;
}
.benefits-section {
    padding-top: 15px;
    border-top: 7px solid #4e71c5;
}

/*Form Overrides*/
.form {
    background-color: #ebeaea;
    padding: 20px;
    border-radius: 20px;
}
label, .checkbox {
    font-weight: bold;
}
.checkbox {
    padding-left: 20px;
}

/*Nav Logo*/
a.navbar-brand, a.navbar-brand-reg {
    background-image: url("/images/librariesprovider77/template-images/20/nav-logo.png");
    background-repeat: no-repeat;
}
a.navbar-brand-reg {
    width: 100%;
    display: block;
    margin: 15px 0px 15px 20px;
    background-position: center;
    height: 67px;
}

/* Main Nav Color - Nav Font Color */
.navbar-default {
    border-bottom: 1px solid #355676;
}
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .dropdown-menu>li>a, .dropdown-menu>li>a:hover, .navbar-default .navbar-nav>.open>a {
    color: #355676;
    font-weight: 600;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default, .dropdown-menu>li>a:hover, .navbar-default .navbar-nav>li>a:hover, .nav>li:last-child>a, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>li:last-child, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav>.open>a:hover, .dropdown-menu, .navbar-default .navbar-nav>.open>a {
   background-color: #db479b;
   color: #fff;
}
.navbar-default, .dropdown-menu>li>a:hover, .dropdown-menu>.active>a:hover, .navbar-default .navbar-nav>.active>a  {
    background-color: #fff;
    color: #0098f8;
}
.navbar-default .navbar-nav>li:last-child, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav>.open>a:hover, .dropdown-menu, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>.active>a:hover  {
    background-color: #db479b;
    color: #fff;
}

/*Hamburger Override*/
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle .icon-bar {
    border-color: #0d366d;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #0d366d;
}




    
/*Queries*/
@media screen and (max-width: 1580px) {
    .header-tagline {
        font-size: 3.1vw;
    }
    .header-taglines {
        transform: translate(0%,-133%);
    }
}
@media screen and (max-width: 1199px) {
    .header-tagline {
        margin-bottom: 70px;
    }
    .header-taglines {
        transform: translate(0%,-123%);
    }
}
@media screen and (max-width: 991px) {
    .header-taglines {
        transform: translate(0%,-116%);
    }
    .header-tagline {
        margin-bottom: 48px;
    }
}
@media screen and (max-width: 767px) {
    .speaker-section {
        text-align: center;
    }
    .nav-tabs>li {
        width: 100%;
        margin-bottom: 5px;
    }
    .home-button {
        width: 100%;
    }
}
@media screen and (max-width: 400px) {
    .hashtag-home {
        display: block;
        margin-top: 12px;
    }
}




@media screen and (min-width: 1900px) {
    .header-taglines {
        transform: translate(0%,-157%);
    }
    .header-tagline {
        font-size: 2.5vw;
    }
}

/*5 Column Override*/
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-5ths {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

/*Carousel Override*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

.carousel .item {
    -webkit-transition: opacity 1s !important;
     -moz-transition: opacity 1s !important;
      -ms-transition: opacity 1s !important;
      -o-transition: opacity 1s !important;
      transition: opacity 1s !important;
 }