@font-face {
  font-family: 'Didot Italic';
  src: url('../fonts/DidotHTF-42LightItalic.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/DidotHTF-42LightItalic.otf') format('opentype'), /* Modern Browsers */ url('../fonts/DidotHTF-42LightItalic.ttf') format('truetype');
  /* Safari, Android, iOS */
}
@font-face {
  font-family: 'Trade Gothic';
  src: url('../fonts/TradeGothicLTStd-Light.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/TradeGothicLTStd-Light.otf') format('opentype'), /* Modern Browsers */ url('../fonts/TradeGothicLTStd-Light.ttf') format('truetype');
  /* Safari, Android, iOS */
}
/*=====================
MIXINS
=====================*/
/*=====================
GLOBAL
=====================*/
::-moz-selection {
  background: #333;
  /* WebKit/Blink Browsers */
  color: #fff;
}
::selection {
  background: #333;
  /* WebKit/Blink Browsers */
  color: #fff;
}
::-moz-selection {
  background: #333;
  /* Gecko Browsers */
  color: #fff;
}
#container {
  padding-bottom: 75px;
}
.tk-adobe-caslon-pro {
  font-weight: 500;
}
#wrapper {
  min-height: 1024px;
  position: relative;
}
div.page-headline {
  background: #17120c;
}
.btn-primary-version-2 {
  background: #394146;
  font-family: "Trade Gothic";
  font-size: 14px;
  border-radius: 0px;
  border-color: #394146;
  color: #fff;
}
.btn-primary-version-2:hover {
  background: #000;
}
.btn-primary-version-2.disabled {
  background: #505b62;
  border: none;
}
.btn-primary-version-2.disabled:hover {
  background: #505b62;
}
a .btn-primary-version-2 {
  color: #fff;
}
a.btn-primary-version-2:hover {
  color: #fff;
}
.dsvc-default .panel-heading {
  background: #252a2d;
  color: #fff;
  font-family: 'Didot Italic';
  font-size: 1.6em;
}
.dsvc-default .panel-body {
  background: #eee;
}
hr.banner-divider {
  border: 0;
  outline: 0;
  height: 2px;
  background: rgba(255, 255, 255, 0.25);
}
.sub-page h3,
.sub-page h2,
.sub-page h2 {
  font-family: "Adobe Caslon Pro";
}
.well.letter {
  background: #fff;
  border-radius: 0;
  border-top: none;
  font-size: 1em;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.15);
}
iframe.video_embed {
  height: 600px;
}
iframe.video_embed.recap {
  height: 380px;
}
.sidebar-nav {
  position: fixed;
  top: 230px;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: block;
  padding: 20px;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #f5f5f5;
  border-right: 1px solid #eee;
}
@media (max-width: 640px) {
  iframe.video_embed {
    height: 400px;
  }
  iframe.video_embed.recap {
    height: 380px;
  }
}
/*=====================
NAV
====================*/
.overlay-styles {
  color: #fff;
  min-height: 57px;
  display: block;
  position: fixed;
  z-index: 1000;
  width: 100%;
  box-sizing: border-box;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 16px;
}
.overlay-success {
  background: #388c4a;
  color: #fff;
  min-height: 57px;
  display: block;
  position: fixed;
  z-index: 1000;
  width: 100%;
  box-sizing: border-box;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 16px;
  padding-top: 15px;
}
.member-expiring {
  background: #870712;
  color: #fff;
  min-height: 57px;
  display: block;
  position: fixed;
  z-index: 1000;
  width: 100%;
  box-sizing: border-box;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 16px;
}
.member-expiring.expiring {
  background: #866839;
}
.member-expiring.expired {
  background: #682626;
}
.member-expiring p {
  margin-top: 12px;
}
.member-expiring a {
  border-radius: 0px;
  border: 3px solid #fff;
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
  margin-top: 5px;
}
.member-expiring a:hover {
  background: #fff;
  color: #000;
}
#member-expiring,
#accepted-entries {
  margin-top: 57px;
}
.alert-padding {
  display: block;
  height: 57px;
}
.member-accepted-entries {
  background: #008040;
  color: #fff;
  height: 57px;
  display: block;
  position: fixed;
  z-index: 1000;
  width: 100%;
  box-sizing: border-box;
  padding-top: 3px;
  font-size: 16px;
}
.member-accepted-entries p {
  margin-top: 12px;
}
.member-accepted-entries a {
  border-radius: 0px;
  border: 3px solid #fff;
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
  margin-top: 5px;
}
.member-accepted-entries a:hover {
  background: #fff;
  color: #000;
}
@media (max-width: 990px) {
  .member-expiring {
    height: 150px;
  }
  #member-expiring,
  #accepted-entries {
    margin-top: 150px;
  }
  .alert-padding {
    height: 150px;
  }
}
li.dropdown a {
  color: #ececec;
}
li.dropdown a:hover {
  text-decoration: none;
  color: #fff;
}
ul.nav a.upgrade:hover {
  background: #458A45;
}
.navbar-inverse .navbar-nav > li > a.active {
  color: #fff;
}
ul.dropdown-menu {
  background: rgba(51, 51, 51, 0.95);
}
ul.dropdown-menu > div {
  margin: 0 0 20px 25px;
  width: 40%;
  float: left;
}
ul.dropdown-menu > div a:hover {
  color: #fff;
}
ul.dropdown-menu > div a.disabled {
  color: #a1a1a1;
}
ul.dropdown-menu > div a.disabled:hover {
  color: #a1a1a1;
}
ul.dropdown-menu li {
  margin: 0 0 10px 0;
  font-size: 15px;
  text-decoration: none;
}
ul.dropdown-menu li.header {
  color: #858383;
  font-size: 18px;
  font-family: "Trade Gothic";
  margin: 20px 0 20px 25px;
  text-decoration: none;
}
ul.dropdown-menu li.header:hover {
  text-decoration: none;
}
ul.dropdown-menu li a:hover {
  background: none;
}
ul.dropdown-menu:before {
  content: url(../img/nav-pointer.png);
  position: absolute;
  display: block;
  margin-top: -20px;
}
ul.dropdown-menu a {
  color: #ccc;
  text-decoration: none;
}
ul.dropdown-menu.member {
  min-width: 375px;
  margin-left: -200px;
}
ul.dropdown-menu.member:before {
  right: 115px;
}
ul.dropdown-menu.event {
  min-width: 375px;
  margin-left: -200px;
}
ul.dropdown-menu.event:before {
  right: 125px;
}
ul.dropdown-menu.user {
  min-width: 200px;
  margin-left: -150px;
}
ul.dropdown-menu.user:before {
  right: 10px;
}
ul.dropdown-menu.about {
  min-width: 200px;
  margin-left: -20px;
}
ul.dropdown-menu.about:before {
  right: 130px;
}
/*=====================
OVERLAY \ MODALS
=====================*/
.modal-overlay {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
  z-index: 9999;
}
.modal-overlay .container {
  margin-top: 125px;
}
.modal-overlay iframe {
  height: 610px;
}
@media (max-width: 640px) {
  .modal-overlay .container {
    margin-top: 100px;
  }
  .modal-overlay iframe {
    height: 340px;
  }
}
/*=====================
HEADER
====================*/
.navbar-brand {
  padding: 20px 15px 15px 0px;
}
.navbar-brand img {
  max-width: 200px;
  width: 100%;
}
.page-header.page-main,
.page-header.page-sub {
  background: #2f343a url(../img/banner-bg.png) repeat-x;
  margin-top: 0;
  padding-top: 0;
  height: 230px;
}
.page-header.page-main .container,
.page-header.page-sub .container {
  background: url(../img/banner-line.png) bottom left no-repeat;
  height: 230px;
  position: relative;
}
.page-header.page-main h1,
.page-header.page-sub h1 {
  color: #fff;
  font-size: 90px;
  font-weight: normal;
  position: absolute;
  bottom: -15px;
  left: 0;
  margin-left: 86px;
  font-family: "Didot Italic", georgia, serif;
  font-weight: 100;
}
.page-header.page-main h1 sup,
.page-header.page-sub h1 sup {
  font-size: 13px;
  line-height: 1;
  display: block;
  margin-left: -71px;
  font-family: 'Trade Gothic';
  font-weight: 100;
}
.page-header.page-main h2,
.page-header.page-sub h2 {
  color: #fff;
  float: right;
  text-align: center;
  padding-top: 95px;
  font-size: 40px;
  font-style: italic;
  line-height: 11px;
}
.page-header.page-main h2.tk-adobe-caslon-pro,
.page-header.page-sub h2.tk-adobe-caslon-pro {
  font-weight: 100;
}
.page-header.page-main h2 small,
.page-header.page-sub h2 small {
  display: block;
  font-style: normal;
  font-size: 12px;
  color: #fff;
  font-family: "Trade Gothic";
}
.page-header.page-sub h1 {
  bottom: 10px;
}
.page-header div.profile-img img {
  width: 100%;
}
.page-header h1 {
  margin-top: 0;
}
.page-header h1 small a {
  color: #777;
}
.page-header h1 small a:hover {
  text-decoration: none;
  color: #3071a9;
}
.page-intro h1,
.page-outro h1 {
  margin-bottom: -10px;
}
.page-intro h2,
.page-outro h2 {
  margin-top: 25px;
  margin-bottom: 10px;
}
.page-intro p,
.page-outro p {
  font-family: "Trade Gothic";
}
.page-intro div > p,
.page-outro div > p {
  font-size: 16px;
}
.page-intro .well,
.page-outro .well {
  border-radius: 0px;
}
.page-intro .well p,
.page-outro .well p {
  font-size: 14px;
}
.page-intro small,
.page-outro small {
  font-family: "Trade Gothic";
}
.page-intro a.btn,
.page-outro a.btn {
  font-family: "Trade Gothic";
  border-radius: 0px;
  background: #394146;
  font-size: 14px;
}
.page-intro a.btn:hover,
.page-outro a.btn:hover {
  background: #000;
}
.banner-credit {
  background: rgba(0, 0, 0, 0.65);
  color: #fff;
  padding: 5px;
  font-size: 10px;
}
.banner-credit a {
  color: #f2f2f2;
  text-decoration: none;
}
.banner-credit a:hover {
  color: #fff;
}
@media (max-width: 768px) {
  .page-header.page-main,
  .page-header.page-sub {
    height: inherit;
    min-height: 230px;
    padding-top: 00px;
  }
  .page-header.page-main .container,
  .page-header.page-sub .container {
    background: none;
    height: inherit;
    min-height: 230px;
  }
  .page-header.page-main h1,
  .page-header.page-sub h1 {
    font-size: 70px;
    margin-left: 15px;
  }
  .page-header.page-main h1 sup,
  .page-header.page-sub h1 sup {
    display: none;
  }
  .navbar-brand img {
    margin-left: 0px;
  }
}
.banner {
  background: #313131;
  min-height: 296px;
}
.banner .container {
  position: relative;
}
.banner #photo img {
  margin: 80px 0 -80px 0;
  background: #fff;
  padding: 5px;
  border: 1px solid #ccc;
}
.banner .page-header {
  border-bottom: none;
}
.banner h1 {
  color: #fff;
  font-family: "Didot Italic";
  font-size: 72px;
  margin-bottom: 5px;
}
.banner small {
  font-family: "Trade Gothic";
  font-size: 14px;
  color: #ccc;
}
.banner div.profile-header {
  margin-top: 80px;
  margin-left: 250px;
}
.banner div.profile-header > p {
  color: #ccc;
  font-family: "Trade Gothic";
  font-size: 19px;
}
.banner div.profile-header > p a {
  color: #fff;
  text-decoration: none;
}
.banner .member_since {
  position: absolute;
  top: 100px;
  right: 0;
}
.banner .member_since small {
  font-size: 11px;
  color: #ccc;
}
.banner .member_since p {
  text-align: center;
  color: #fff;
  font-size: 40px;
  margin-top: 0px;
  line-height: 24px;
  padding-top: 5px;
  font-style: italic;
}
.banner.mini-profile {
  height: 296px;
}
.banner.mini-profile #photo img {
  margin: 0;
}
@media (max-width: 770px) {
  .banner #photo img {
    margin-bottom: 0;
  }
  .banner.mini-profile {
    height: 296px;
  }
  .banner.mini-profile #photo img {
    margin: 0;
  }
}
div.overlay-image-upload {
  position: relative;
}
div.overlay-image-upload img {
  cursor: pointer;
}
div.overlay-image-upload div.overlay-instruction {
  background: rgba(0, 0, 0, 0.75);
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
  color: #fff;
  cursor: pointer;
}
div.overlay-image-upload span {
  width: 100%;
  text-align: right;
  display: block;
  padding: 3px 5px;
  font-size: 11px;
}
div.overlay-image-upload div.progress {
  margin-top: 10px;
  display: none;
}
/*=====================
LOGIN
=====================*/
#login,
form#login {
  background: #f2f2f2;
  border: 1px solid #e3e3e3;
}
input.first-name,
input.last-name {
  text-transform: capitalize;
}
/*=====================
PROFILE
=====================*/
#social ul {
  margin: 0;
  padding: 0;
}
#social li {
  float: left;
  list-style-type: none;
  margin-right: 10px;
}
#social li a {
  width: 30px;
  height: 30px;
  display: block;
  background-position: top;
}
#social li a.behance {
  background: url(../img/soc-behance.png);
}
#social li a.facebook {
  background: url(../img/soc-facebook.png);
}
#social li a.twitter {
  background: url(../img/soc-twitter.png);
}
#social li a.instagram {
  background: url(../img/soc-instagram.png);
}
#social li a.vimeo {
  background: url(../img/soc-vimeo.png);
}
#social li a.pinterest {
  background: url(../img/soc-pinterest.png);
}
#social li a.linkedin {
  background: url(../img/soc-linkedin.png);
}
#social li a.dribbble {
  background: url(../img/soc-dribbble.png);
}
#social li a:hover {
  background-position: bottom;
}
#social p.weblink {
  float: left;
  font-family: "Trade Gothic";
  margin: 0;
}
#social p.weblink:before {
  content: url(../img/soc-web.png);
  float: left;
  margin-top: -7px;
  margin-right: 5px;
}
#social p.weblink a {
  color: #000;
  text-decoration: none;
}
#social p.weblink a:hover {
  color: #fff;
  background: #000;
}
#profile {
  margin-top: 80px;
}
#profile .behance-feed img,
#profile .photo-feed img {
  width: 100%;
}
#profile #photo img {
  width: 100%;
}
#profile .bio {
  margin-top: -30px;
}
#profile strong.profile-titles {
  font-size: 12px;
}
#profile h3.profile-titles {
  margin: 0;
  padding: 0;
}
#profile div.picture-row {
  margin-bottom: 50px;
}
#profile div.picture-row h2 {
  font-size: 20px;
  font-family: "Trade Gothic";
}
#profile div.picture-row h2 a {
  color: #000;
  font-family: "Helvetica";
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
}
div.pantone-swatch {
  width: 80px;
  min-height: 105px;
  background: #fff;
  border: 1px solid #ccc;
  display: block;
  float: right;
  margin-top: -110px;
}
div.pantone-swatch .swatch {
  width: 70px;
  height: 70px;
  display: block;
  background: #f2f2f2;
  margin: 3px 0 0 4px;
}
div.pantone-swatch strong {
  padding: 5px 5px 5px 5px;
  font-size: 10px;
  text-transform: uppercase;
  width: 70px;
  display: block;
  line-height: 1.25;
}
div.profile-updated div.well {
  background: #BCE3A1;
}
div.member_since_choose {
  display: none;
}
div.pantone-choice {
  height: 25px;
  width: 100%;
  display: block;
  margin-bottom: 10px;
  background: #f2f2f2;
}
ul.pantone-list {
  list-style-type: none;
  width: 100%;
  height: 150px;
  border: 1px solid #ccc;
  margin: 0px;
  padding: 0;
  overflow: scroll;
}
ul.pantone-list li {
  width: 20%;
  height: 25px;
  display: block;
  margin: 0;
  padding: 0;
  float: left;
}
ul.pantone-list a {
  display: block;
  width: 100%;
  height: 100%;
}
#behance-post,
#dribbble-post {
  height: 200px;
}
@media (max-width: 992px) {
  #behance-post,
  #dribbble-post {
    height: 300px;
  }
}
@media (max-width: 768px) {
  #profile {
    margin-top: 30px;
  }
  #profile .bio {
    margin-top: 0;
  }
  div.pantone-swatch {
    display: none;
  }
  div.page-header div.profile-header {
    margin-left: 15px;
    margin-top: 25px;
  }
  div.page-header div.profile-header h1 {
    font-size: 42px;
  }
  .banner.profile {
    height: inherit;
  }
  #behance-post,
  #dribbble-post {
    height: 300px;
  }
}
/*=====================
BOARD MEMBERS
=====================*/
.well.current-president {
  padding: 0;
  border-radius: 0;
  border: 0;
  box-shadow: none;
  background: #fff;
}
.well.current-president:hover {
  background: #f2f2f2;
}
.well.current-president a {
  text-decoration: none;
}
.well.current-president a:hover {
  text-decoration: none;
}
.well.current-president h1 {
  font-family: "Didot Italic";
  font-size: 40px;
}
.well.current-president small {
  font-family: "Trade Gothic";
  display: block;
  margin-top: -5px;
}
.well.board-member {
  padding: 0;
  border-radius: 0;
  border: 0;
  box-shadow: none;
  background: #f9f9f9;
}
.well.board-member:hover {
  background: #f1f1f1;
}
.well.board-member h3 {
  font-family: "Didot Italic";
  padding-right: 15px;
  font-size: 1.65em;
}
.well.board-member small {
  font-family: "Trade Gothic";
  font-size: 12px;
  display: block;
  margin-top: 5px;
  line-height: 1.25;
}
/*=====================
PAST PRESIDENTS
=====================*/
.past-president-small-list h3 {
  font-family: "Didot Italic";
}
.past-president-small-list small {
  font-family: "Trade Gothic";
}
/*=====================
HOMEPAGE
=====================*/
div.slideshow {
  height: 575px;
}
div.slideshow div.container {
  position: relative;
  height: 100%;
}
div.slideshow div.callout-container {
  height: 575px;
  display: block;
  position: relative;
}
div.slideshow div.callout {
  min-height: 160px;
  background: rgba(32, 38, 41, 0.5);
  position: absolute;
  bottom: 15px;
  padding: 0px 20px;
}
div.slideshow div.callout h1 {
  color: #9bc2af;
  font-family: "Trade Gothic";
  font-size: 72px;
  line-height: 1;
  margin: -10px 0 0 0;
  padding: 0;
}
div.slideshow div.callout h1 small {
  font-size: 14px;
  color: #fff;
}
div.slideshow div.callout h2 {
  color: #fff;
  font-family: "Didot Italic";
  font-size: 28px;
  margin: 0;
  padding: 0 0 25px 0;
  font-weight: 300;
}
a.last-month-meeting:hover {
  text-decoration: none;
}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: ease-in-out;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
div.feature-sub {
  min-height: 295px;
  background: #282d31 url(../img/bg-feature-sub.jpg) repeat-x bottom;
}
div.feature-sub h4 {
  color: #fff;
  font-family: "Trade Gothic";
  font-size: 16px;
}
div.feature-sub p {
  font-size: 19px;
  font-family: "Trade Gothic";
  color: #9ea0a2;
}
div.feature-sub a.btn {
  border: none;
  border-radius: 0px;
  background: #394146;
  font-size: 12px;
  padding: 10px 15px;
  margin-right: 15px;
}
div.feature-sub div.panel {
  margin-top: 20px;
  background: none;
  border: 0;
  padding-left: 0;
}
div.feature-sub h1 {
  color: #fff;
  font-family: "Trade Gothic";
  font-size: 20px;
}
div.feature-sub h1 small {
  color: #969899;
  font-size: 14px;
}
div.feature-sub table.table {
  font-family: "Trade Gothic";
  font-size: 12px;
}
div.feature-sub table.table tr {
  height: 40px;
}
div.feature-sub table.table td {
  border-top: 1px solid #4c5053;
  vertical-align: middle;
}
div.feature-sub table.table td.date {
  color: #6d7173;
}
div.feature-sub table.table td.job {
  color: #fff;
}
div.memberlist-container {
  background: #f2f2f2;
}
@-webkit-keyframes OmitMemberListCard {
  0% {
    -webkit-filter: grayscale(100%) brightness(0%);
    filter: grayscale(100%) brightness(0%);
  }
  20% {
    margin-top: -30px;
    opacity: 0;
  }
  30% {
    display: none;
  }
}
@keyframes OmitMemberListCard {
  0% {
    -webkit-filter: grayscale(100%) brightness(0%);
    filter: grayscale(100%) brightness(0%);
  }
  20% {
    margin-top: -30px;
    opacity: 0;
  }
  30% {
    display: none;
  }
}
div.member-list {
  transition: all 0.5s ease-in-out;
}
div.member-list.beginFade {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
div.member-list.beginFade .filter {
  background: #313131 url(../img/profile-none.png) no-repeat center center;
  background-size: 100% !important;
}
div.member-list.beginFade .filter > a,
div.member-list.beginFade .filter > div {
  opacity: 0;
}
div.member-list.omit {
  display: none;
}
div.member-list .thumbnail {
  border: none;
  margin-bottom: 8px;
}
div.member-list p {
  line-height: 1;
  font-size: 14px;
  font-family: "Trade Gothic";
}
div.member-list a {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  border-radius: 0;
}
div.member-list a:hover {
  text-decoration: none;
}
div.member-list a.company {
  color: #717171;
}
div.member-list span.ico-board {
  position: absolute;
  z-index: 999;
  bottom: 4px;
  right: 5px;
  padding: 2px;
  background: #394146;
  font-family: "Trade Gothic";
  font-size: 14px;
  color: #fff;
}
div.member-list span.ico-board.president {
  background: #a47647;
}
div.member-list span.ico-board span {
  padding-left: 10px;
}
.filter {
  padding: 7px;
  margin-bottom: 25px;
  min-height: 280px;
  border: 1px solid transparent;
}
.filter div.portfolio {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}
.filter div.portfolio img {
  position: absolute;
  transition: all 0.5s ease-in-out;
}
.filter div.photos {
  position: relative;
}
.filter div.photos:hover div.hover {
  display: block;
}
.filter div.photos div.hover,
.filter div.photos div.hover-pantone {
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
  background: url(../img/profile-hover.png);
  background-size: 100%;
}
.filter div.photos div.portfolio,
.filter div.photos img.portfolio {
  display: none;
}
.filter.portfolio {
  background: #484848;
  color: #fff;
  transition: all 0.5s ease-in-out;
}
.filter.portfolio div.photos {
  position: relative;
}
.filter.portfolio div.photos:hover div.hover-pantone {
  display: none;
}
.filter.portfolio div.photos:hover div.hover {
  display: none;
}
.filter.portfolio div.photos img.profile {
  visibility: hidden;
  transition: all 0.5s ease-in-out;
}
.filter.portfolio div.photos img.portfolio,
.filter.portfolio div.photos div.portfolio {
  display: block;
  position: absolute;
  top: 0;
}
.filter.pantone {
  background: #fff;
  border: 1px solid #ccc;
  transition: all 0.5s ease-in-out;
}
.filter.pantone div.photos:hover div.hover-pantone {
  background: url(https://placehold.it/480/ffffff/000000/&text=%20);
  background-size: 100%;
  opacity: 0.6;
  display: block;
}
.filter.pantone div.photos:hover div.hover {
  display: none;
}
.filter.pantone div.photos img {
  visibility: hidden;
}
div.headline p {
  font-size: 19px;
  font-family: "Trade Gothic";
}
div.setup-account .setup-title {
  background: #212528;
  border-radius: 0;
  border: none;
  color: #fff;
  margin-bottom: 0;
  padding: 0;
  min-height: 82px;
}
div.setup-account .setup-title h4 {
  padding: 10px 15px;
  font-family: "Didot Italic";
  font-size: 22px;
  line-height: 1.2;
}
div.setup-account .setup-descrip {
  background: #2f3439 url(../img/white-arrow.png) center right no-repeat;
  border-radius: 0;
  border: none;
  color: #fff;
  margin-bottom: 0;
  padding: 0;
  box-sizing: border-box;
}
div.setup-account .setup-descrip:hover {
  background: #464e55 url(../img/white-arrow.png) center right no-repeat;
}
div.setup-account .setup-descrip p {
  padding: 17px;
  line-height: 1.75;
  font-family: "Trade Gothic";
}
div.setup-account .setup-descrip a {
  color: #fff;
}
div.setup-account .setup-descrip a:hover {
  text-decoration: none;
}
div.setup-account .setup-wrapper {
  background: #2f3439;
  margin-bottom: 18px;
  min-height: 82px;
}
div.filter-toggle {
  margin-top: 7px;
}
div.filter-toggle ul {
  list-style-type: none;
}
div.filter-toggle li {
  display: inline-block;
  color: #767676;
}
div.filter-toggle button {
  border-radius: 0;
  border: 0;
  padding: 3px 10px;
}
div.filter-toggle button.btn-primary {
  background: #394146;
}
div.filter-toggle button.btn-default {
  background: #bdc2c5;
  color: #fff;
}
div.filter-toggle button.btn-default:hover {
  background: #a2a9ad;
}
p.profile-instruct {
  font-size: 16px;
  font-family: "Trade Gothic";
}
@media (max-width: 768px) {
  div.setup-account .setup-title {
    min-height: intrinsic;
  }
  div.setup-account .setup-title h4 {
    padding: 5px 15px;
  }
}
h3.already-setup small {
  color: #000;
  font-family: "Trade Gothic";
}
h3.already-setup a {
  color: #000;
  font-family: "Helvetica";
  font-weight: bold;
}
h3.already-setup a:hover {
  background: #000;
  color: #fff;
  text-decoration: none;
}
hr.divider {
  height: 4px;
  background: #e9e8e8;
}
/*=====================
JOBS
=====================*/
form#jobs {
  background: #f2f2f2;
}
table.job-list {
  font-size: 13px;
}
.joblist {
  overflow: hidden;
}
.joblist .list-group-item {
  border-left: none;
  border-right: none;
  border-radius: 0px;
  padding-top: 0;
  color: #000;
}
.joblist .list-group-item:hover .job-location p:after {
  background-position-y: top;
}
.joblist h4 {
  font-size: 28px;
  color: #000;
}
.joblist .meta-info {
  text-align: right;
}
.joblist span.label-primary {
  font-weight: normal;
  border: 1px solid #505b62;
  background: #505b62;
}
.job-author {
  height: 100%;
  display: block;
  box-sizing: border-box;
  padding-top: 20px;
  margin-bottom: -20px;
}
.job-author p {
  font-family: "Trade Gothic";
}
.job-author p strong {
  font-family: "helvetica";
  font-weight: 700;
}
.job-location {
  height: 100%;
  display: block;
  box-sizing: border-box;
  padding-top: 30px;
  margin-bottom: -30px;
}
.job-location p {
  text-align: right;
  font-family: "Trade Gothic";
  font-size: 16px;
}
.job-location p:after {
  width: 8px;
  height: 14px;
  display: block;
  content: " ";
  background: url(../img/arrow-joblist.png) bottom;
  float: right;
  margin-left: 25px;
}
.job-descrips li {
  line-height: 2;
}
.joblist-home a {
  color: #fff;
  text-decoration: none;
}
.job-tags {
  bottom: -60px;
  margin-top: -3px;
  margin-left: 5px;
}
.job-tags .label-default {
  background: #fff;
  color: #787878;
  font-weight: normal;
  border: 1px solid #ccc;
}
/*=====================
COMPANIES
=====================*/
.banner.company {
  height: 456px;
  position: relative;
  background: #2f343a url(../img/banner-bg.png);
  background-size: cover !important;
  background-position: bottom center !important;
  background-repeat: no-repeat !important;
}
.banner.company.sub-list {
  height: inherit;
  min-height: 200px;
}
.banner.company .container {
  height: 100%;
}
.company-social-banner {
  min-height: 236px;
}
.company-social-banner .profile img {
  width: 100%;
  max-width: 240px;
  margin: -50% auto 40px;
  display: block;
  border: 3px solid #fff;
}
.company-social-banner a.link {
  font-family: 'Trade Gothic', "Helvetica", sans-serif;
  color: #fff;
  font-size: 16px;
  background: rgba(0, 0, 0, 0.4);
  padding: 10px;
  border: 3px solid #fff;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
.company-social-banner a.link:hover {
  background: #fff;
  color: #000;
}
.company-social-banner h1.title {
  color: #fff;
  font-family: 'Didot Italic', "Georgia", serif;
  font-size: 4.41em;
  margin-bottom: 25px;
}
.company-social-banner h1.title small {
  font-family: 'Trade Gothic', "Helvetica", sans-serif;
  font-size: 14px;
  color: #fff;
  display: block;
  line-height: 1;
  margin: 0 0 -60px 0;
  padding: 0;
}
.company-social-banner .social small {
  font-family: 'Trade Gothic', "Helvetica", sans-serif;
  font-size: 14px;
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
}
.company-social-banner .social ul.icons {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.company-social-banner .social ul.icons li {
  float: left;
  margin: 0 10px 0 0;
  padding: 0;
}
.company-social-banner .social ul.icons li:hover a {
  -ms-background-position-y: bottom;
  background-position-y: bottom;
}
.company-social-banner .social ul.icons li:nth-child(1) a {
  -ms-background-position-x: 0px;
  background-position-x: 0px;
}
.company-social-banner .social ul.icons li:nth-child(2) a {
  -ms-background-position-x: -40px;
  background-position-x: -40px;
}
.company-social-banner .social ul.icons li:nth-child(3) a {
  -ms-background-position-x: -80px;
  background-position-x: -80px;
}
.company-social-banner .social ul.icons li:nth-child(4) a {
  -ms-background-position-x: -120px;
  background-position-x: -120px;
}
.company-social-banner .social ul.icons li:nth-child(5) a {
  -ms-background-position-x: -160px;
  background-position-x: -160px;
}
.company-social-banner .social ul.icons li:nth-child(6) a {
  -ms-background-position-x: right;
  background-position-x: right;
}
.company-social-banner .social ul.icons a {
  display: block;
  height: 30px;
  width: 30px;
  background: url(../img/social-icons-v2.png) no-repeat left top;
}
@media (max-width: 782px) {
  .company-social-banner {
    padding-bottom: 75px;
  }
  .company-social-banner .profile img {
    margin-top: -25%;
  }
  .company-social-banner h1.title {
    margin-top: 50px;
    padding-top: 50px;
    width: 100%;
    border-top: 1px solid #fff;
  }
}
#company-profile {
  padding-top: 25px;
}
#company-profile.gray {
  background: #f2f2f2;
}
#company-profile h1.section {
  font-family: 'Trade Gothic', Helvetica, sans-serif;
}
#company-profile .company-location {
  background: #f2f2f2;
  font-size: 14px;
  padding: 20px;
  margin-bottom: 25px;
}
#company-profile .company-bio h1 {
  font-family: 'Adobe Caslon Pro', Georgia, serif;
  margin-top: 0;
}
#company-profile .company-bio p {
  font-family: 'Trade Gothic', sans-serif;
  font-size: 16px;
}
.edit-company h1 {
  font-family: "Didot Italic";
}
#company h1 {
  font-family: "Didot Italic";
}
.sub-company-list li {
  border: none;
}
.sub-company-list li:hover {
  background: #f2f2f2;
}
.sub-company-list li a {
  width: 100%;
  height: 100%;
  display: block;
}
.sub-company-list li a:hover {
  text-decoration: none;
}
.institutional-list .thumbnail {
  border: none;
}
.institutional-list img {
  opacity: 0.65;
}
.institutional-list a:hover {
  text-decoration: none;
}
.institutional-list a:hover img {
  opacity: 1;
}
.institutional-list h3 {
  font-size: 18px;
  font-family: "Trade Gothic";
  margin-top: 0;
}
/*=====================
MEMBERS
====================*/
.page-headline.member-banner {
  height: 410px;
  position: relative;
}
.page-headline.member-banner .container {
  position: relative;
  height: 100%;
}
.page-headline.member-banner .headline-copy {
  color: #fff;
  position: absolute;
  bottom: 25px;
}
.page-headline.member-banner h1 {
  font-family: "Trade Gothic";
  font-size: 55px;
  color: #d4cfb9;
  padding: 0;
  margin: 0 0 -10px 0;
  display: block;
}
.page-headline.member-banner h1 small {
  display: block;
  padding: 0;
  margin: 0 0 -50px 0;
  color: #fff;
  font-size: 14px;
}
.page-headline.member-banner h4 {
  font-family: "Didot Italic";
  font-size: 20px;
}
table.admin-member-list td.expiring {
  background: #f4ede4;
  color: #866839;
}
table.admin-member-list td.expired {
  background: #f5e4e4;
  color: #682626;
}
.well.check-in-member {
  padding: 0;
  border-radius: 0;
  border: 0;
  box-shadow: none;
  background: #f9f9f9;
}
.well.check-in-member:hover {
  background: #9ED049;
}
.well.check-in-member.checked {
  background: #f2f2f2;
  opacity: 0.7;
}
.well.check-in-member.checked small {
  color: #2c3d10;
}
.well.check-in-member.checked:hover {
  background: #a93135;
  opacity: 1;
}
.well.check-in-member.checked:hover small {
  color: #fff;
}
.well.check-in-member.checked:hover h3 {
  color: #fff;
}
.well.check-in-member h3 {
  font-family: "Didot Italic";
  padding-right: 15px;
}
.well.check-in-member small {
  font-family: "Trade Gothic";
  font-size: 12px;
  display: block;
  margin-top: 5px;
  line-height: 1.25;
}
.create-member-gateway.create-member .jumbotron {
  background: #242A2D;
  color: #fff;
}
.create-member-gateway.create-member .jumbotron h3 {
  color: #fff;
}
.create-member-gateway .jumbotron {
  border-radius: 0px;
}
.public-checkin {
  background: rgba(0, 0, 0, 0.85);
}
.public-checkin a:hover {
  text-decoration: none;
}
@media (max-width: 768px) {
  .page-headline.member-banner .headline-copy {
    background: rgba(32, 38, 41, 0.75);
    padding: 15px;
  }
}
a.card-reader-trigger {
  transition: all 0.3s ease-in-out;
}
a.card-reader-trigger.darker {
  background: #22272a;
}
a.card-reader-trigger.lighten {
  background: #505b62;
}
/*=====================
MEMBER CONFIGURATION
====================*/
.config-toggle-edit {
  background: #3d3d3d;
  position: relative;
  margin-top: 15px;
  box-sizing: border-box;
  padding: 15px 10px 10px 10px;
  display: none;
}
.config-toggle-edit:before {
  content: url(../img/nav-pointer.png);
  position: absolute;
  top: -15px;
  left: 0;
}
/*=====================
ADMIN PANEL
====================*/
table.admin-panel ul.dropdown-menu a:hover {
  color: #fff;
}
.admin-modules .btn-primary-version-2 {
  border: 1px solid #4a545c;
  color: #fff;
}
.admin-modules .btn-primary-version-2:hover {
  color: #fff;
}
.admin-modules .dropdown-menu > li > a {
  color: #fff;
}
.admin-modules .dropdown-menu > li > a:hover {
  background: #fff;
  color: #313131;
}
.admin-modules > .well {
  border-radius: 0;
  margin: 0;
  padding: 0;
  background: #333A40;
  border: none;
  box-shadow: none;
  color: #fff;
  min-height: 400px;
  position: relative;
  border-bottom: 1px solid #1f2326;
}
.admin-modules > .well:first-child {
  background: #383f46;
}
.admin-modules > .well:nth-child(2) {
  background: #3c444b;
}
.admin-modules > .well:nth-child(3) {
  background: #414951;
}
.admin-modules > .well:nth-child(4) {
  background: #333A40;
}
.admin-modules > .well:nth-child(5) {
  background: #2e353a;
}
.admin-modules > .well:nth-child(6) {
  background: #2a3035;
}
.admin-modules > .well:nth-child(7) {
  background: #252b2f;
}
.admin-modules > .well .well {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin: 0;
  border: none;
  border-radius: 0;
  background: rgba(0, 0, 0, 0.2);
}
.admin-modules > .well .btn-actions {
  margin: 0 20px;
}
.admin-modules > .well .btn-actions a {
  margin-bottom: 5px;
}
.admin-modules > .well .subsections {
  background: rgba(0, 0, 0, 0.2);
  padding: 10px;
  margin: 10px 0 20px 0;
}
.admin-modules > .well .subsections .btn-actions {
  margin: 0;
}
.admin-modules > .well .subsections h3 {
  color: #fff;
  padding: 0;
  margin: 0;
}
.admin-modules .page-header {
  margin: 0;
  padding: 20px;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.admin-modules small.subsection-title {
  font-family: "Didot Italic";
  font-size: 16px;
}
/*=====================
SIGN UP
====================*/
.legacy-upgrade .jumbotron {
  border-radius: 0;
  border: 1px solid #5CB85C;
  background: rgba(92, 184, 92, 0.3);
  font-family: "Didot Italic";
}
.legacy-upgrade .jumbotron h1,
.legacy-upgrade .jumbotron p {
  color: #255625;
}
.legacy-upgrade .jumbotron p {
  font-family: "Helvetica";
}
.legacy-upgrade .jumbotron h1 {
  font-size: 2em;
}
.signup-membership {
  /*
      display:none;
      &.active {
          display: block;
      }
  */
}
.signup-membership a.membership_toggle {
  font-family: 'Didot Italic';
  font-size: 2em;
}
.signup-membership .full-member {
  background: #252a2d;
  color: #fff;
  font-family: "Didot Italic";
  padding: 20px;
}
.signup-membership .full-member span.or {
  position: absolute;
  left: -7px;
  top: 120px;
  font-size: 1.5em;
  z-index: 100;
}
.signup-membership .full-member h1 {
  color: #fff;
  font-size: 4em;
}
.signup-membership .full-member h1 span {
  font-size: 0.75em;
}
.signup-membership .full-member h1 small {
  color: #f2f2f2;
}
.signup-membership .full-member h3 {
  color: #f2f2f2;
  margin: 0;
  padding: 0 0 15px 0;
  line-height: 1.5;
  border-bottom: 1px solid #777;
  font-size: 1.45em;
}
.signup-membership .full-member h4 {
  color: #fff;
  font-size: 1.5em;
}
.signup-membership .full-member .list-group {
  background: transparent;
  border-radius: 0px;
  font-family: "Helvetica";
  font-size: 1.15em;
}
.signup-membership .full-member .list-group-item {
  background: #202527;
  border-radius: 0px;
  border-color: #3c4449;
}
.signup-membership .full-member a.btn-primary-version-2 {
  background: #5CB85C;
  font-size: 1.25em;
}
.signup-membership .full-member .choice {
  background: #191d1f;
  padding: 20px;
  margin: 20px 0 0 0;
  border: 1px solid #31373b;
  position: relative;
}
.signup-membership .full-member p {
  font-family: Helvetica;
  color: #999;
  padding: 10px;
}
.signup-membership .panel.panel-default {
  border: 1px solid #eee;
  border-radius: 0px;
}
.signup-membership .panel.panel-default .panel-heading {
  font-family: "Didot Italic";
  font-size: 1.25em;
  background: #252a2d;
  color: #fff;
}
.signup-membership .panel.panel-default span.price {
  color: #aaa;
  font-family: "Didot Italic";
  font-size: 2em;
}
.signup-membership .panel.panel-default span.price small {
  font-size: 0.75em;
}
.signup-membership .panel.panel-default .choice {
  position: relative;
}
.signup-membership .panel.panel-default span.or {
  position: absolute;
  left: -7px;
  top: 30px;
  font-size: 1.5em;
  z-index: 100;
  color: #aaa;
  font-family: "Didot Italic";
}
.membership_toggle .nav-pills li a {
  border-radius: 0px;
}
/*=====================
ACCOUNT
====================*/
.billing-info .panel-body {
  font-family: "Courier";
}
.billing-info .panel-body .well.card.no {
  font-family: Helvetica;
}
.billing-info a {
  font-family: Helvetica;
}
.well.card {
  position: relative;
}
.well.card.no {
  background: #c9302c;
  color: #fff;
}
.well.card .jumbotron.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  font-family: Helvetica;
  margin: -20px 0 0 -20px;
  padding: 10px;
  text-align: center;
}
.well.card .jumbotron.overlay h3 {
  font-weight: 300;
}
.well.card .jumbotron.overlay.success {
  background: rgba(77, 174, 73, 0.7);
}
.well.card .jumbotron.overlay.success h3 {
  color: #fff;
}
.legacy-billing-disclaimer {
  position: relative;
}
.legacy-billing-disclaimer .disclaimer {
  display: block;
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  border: none;
}
.legacy-billing-disclaimer .disclaimer h1 {
  font-family: "Didot Italic", georgia, serif;
}
.legacy-billing-disclaimer .disclaimer .well {
  background: rgba(35, 39, 43, 0.8);
  border: none;
  color: #fff;
}
.current-membership {
  background: #252a2d;
  color: #fff;
  font-family: "Didot Italic";
  padding: 20px;
}
.current-membership h1 {
  color: #fff;
  font-size: 4em;
}
.current-membership h1 span {
  font-size: 0.75em;
}
.current-membership h1 small {
  color: #f2f2f2;
}
.current-membership h4 {
  color: #fff;
}
.current-membership .list-group {
  background: transparent;
  border-radius: 0px;
  font-family: "Helvetica";
  color: #fff;
}
.current-membership .list-group-item {
  background: #202527;
  border-radius: 0px;
  border-color: #3c4449;
}
.current-membership .status span.label {
  font-family: "Helvetica";
  float: right;
}
.current-membership .membership-invoices table.table.table-condensed {
  font-family: "Helvetica";
}
.current-membership .member-info {
  background: #7292A6;
  color: #252a2d;
  padding: 5px 20px;
}
.current-membership .member-info.cancelled {
  background: #FF6666;
}
.current-membership .member-info h2 {
  color: #252a2d;
}
.current-membership .member-info p {
  font-family: "Helvetica";
  color: #fff;
}
.current-membership .member-info span.upgrade-rate {
  background: #59788c;
  display: inline-block;
  padding: 5px 10px;
  box-shadow: -5px 5px 0px rgba(35, 75, 102, 0.4);
  border-left: 1px solid #4f6b7d;
  border-bottom: 1px solid #4f6b7d;
}
.current-membership .member-info span.upgrade-rate em {
  font-family: "Didot Italic";
  font-size: 2em;
}
.purchase_membership h3 {
  font-family: 'Didot Italic';
  font-size: 2em;
}
.confirm-account-creation h1.page-header {
  font-family: 'Didot Italic';
}
/*=====================
PAGES
====================*/
form#pages {
  background: #f2f2f2;
}
.isotope .item {
  float: left;
  background: #f2f2f2;
  width: 200px;
  padding: 20px;
  margin-bottom: 30px;
}
.isotope .item img {
  width: 100%;
}
/* clear fix */
.isotope:after {
  content: '';
  display: block;
  clear: both;
}
/*=====================
ROUGH
====================*/
.rough-talk-listing h1 {
  font-family: "Didot Italic";
  color: #fff;
  margin: 0 0 15px 0;
  padding: 0;
}
.rough-talk-listing p {
  color: #fff;
}
/*=====================
Events
====================*/
a.register-event {
  background: transparent;
  border: 5px solid rgba(255, 255, 255, 0.5);
  font-size: 3rem;
  color: rgba(255, 255, 255, 0.5);
  font-family: 'Trade Gothic';
  padding: 15px 20px 10px;
  margin-top: 10px;
  display: inline-block;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
a.register-event:hover {
  border: 5px solid #FFF;
  color: #FFF;
  text-decoration: none;
}
.rough-talk-callout {
  border: none;
  border-radius: 0;
  box-shadow: 0 0 0 0 transparent;
  background: #252525;
}
.rough-talk-callout h3 {
  padding: 0 0 5px 0;
  margin: 0 0 5px 0;
  color: #fff;
  font-family: "Didot Italic";
  border-bottom: 1px solid #666;
}
.rough-talk-callout p {
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
}
.rough-talk-callout a.btn-primary-version-2 {
  background: #f2f2f2;
  color: #252525;
}
.event-banner {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: top center !important;
}
.event-banner-main {
  height: 460px;
  position: relative;
}
.event-banner-main .container {
  height: 100%;
}
.event-banner-main .headline-copy {
  bottom: 27px;
  position: absolute;
  background: rgba(32, 38, 41, 0.75);
  padding: 15px;
}
.event-banner-main .headline-copy a:hover {
  text-decoration: none;
}
.event-banner-main .headline-copy h1 {
  color: #d3c269;
  font-size: 70px;
  font-family: "Trade Gothic";
}
.event-banner-main .headline-copy h1 small {
  color: #fff;
  font-size: 14px;
  display: block;
  margin: 0 0 -65px 5px;
}
.event-banner-main .headline-copy h4 {
  font-family: "Didot Italic";
  color: #fff;
  font-size: 25px;
  font-weight: 300;
  margin: -10px 0 0 0;
}
a.header-attend {
  background: #62B664;
  border: 5px solid rgba(98, 102, 100, 0.5);
  border-radius: 9999px;
  font-family: "Trade Gothic";
  font-size: 24px;
  padding-top: 10px;
  padding-left: 30px;
  padding-right: 30px;
  color: #fff;
  margin-top: 15px;
  transition: all 0.5s ease-in-out;
}
a.header-attend:hover {
  background: #73be75;
  border: 5px solid rgba(98, 102, 100, 0.5);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
a.header-attend:hover.pending {
  -webkit-transform: scale(1);
          transform: scale(1);
  cursor: not-allowed;
}
a.header-attend.pending {
  background: #666 !important;
  border: 5px solid rgba(30, 30, 30, 0.5) !important;
}
a.header-attend.disabled {
  border: none;
}
.event.banner {
  height: inherit;
  position: relative;
  margin-bottom: 50px;
}
.event.banner .event-banner {
  height: 460px;
}
.event.banner .event-headline {
  height: 290px;
  background: #131313;
  overflow: visible;
}
.event.banner .event-headline.variable-height {
  height: inherit;
  padding-bottom: 50px;
}
.event.banner div.event-speaker {
  margin-top: -50%;
  margin-bottom: 50%;
}
.event.banner div.event-speaker.no-banner {
  margin-top: 25px;
}
.event.banner div.event-speaker.multiple-speakers {
  margin-top: -25%;
  margin-bottom: 50%;
  width: 75%;
}
.event.banner div.event-speaker.multiple-speakers.no-banner {
  margin-top: 25px;
  margin-bottom: 0;
}
.event.banner div.event-speaker img {
  border: 4px solid #fff;
}
.event.banner div.event-speaker span.label {
  font-family: "Trade Gothic";
  font-size: 12px;
}
.event.banner h1 {
  font-size: 70px;
  margin: 0px 0 0 0;
  padding: 0;
}
.event.banner h1 small {
  font-size: 14px;
  font-family: "Trade Gothic";
  color: #fff;
  margin: 20px 0 -70px 0;
  display: block;
}
.event.banner h5 {
  font-family: "Trade Gothic";
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
}
.event.banner h4 {
  font-size: 38px;
  font-family: "Didot Italic";
  color: #fff;
  font-weight: 300;
}
.event-list .event-banner {
  position: relative;
  border: #ececec 1px solid;
}
.event-list .event-info {
  background: url(../img/bg-event-info.png) no-repeat bottom;
  background-size: 100% 100px;
  height: 200px;
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #fff;
}
.event-list .event-info h4 {
  bottom: 0;
  position: absolute;
  left: 15px;
  font-weight: normal;
}
.event-text {
  color: #333;
}
.event-text h3,
.event-text h1 {
  font-family: "adobe-caslon-pro";
}
.event-text h2,
.event-text blockquote {
  font-family: "Didot Italic";
  border-left: none;
  line-height: 1.5;
  font-size: 29px;
}
.event-text p {
  font-size: 16px;
  line-height: 1.75;
}
.event-text p a {
  font-weight: bold;
  color: #000;
}
.event-text li {
  font-size: 16px;
  line-height: 1.75;
}
.event-text ul {
  padding-top: 15px;
  padding-bottom: 15px;
}
.event-poster-wrapper {
  position: relative;
}
.event-poster {
  border-radius: 0px;
  margin-top: -80px;
  border: none;
  padding: 0;
  box-shadow: none;
  background: transparent;
  color: #000;
  position: absolute;
}
.event-poster .poster {
  border: 1px solid #ccc;
}
.event-poster .poster img {
  border: 4px solid #fff;
}
.event-poster .poster-text {
  padding: 0;
}
.event-poster p {
  font-size: 12px;
}
.event-poster p.limited-edition {
  background: #f2f2f2;
  color: #000;
  font-family: "Trade Gothic";
  font-size: 14px;
  padding: 5px 0;
  margin-bottom: 30px;
}
@media (max-width: 960px) {
  .event-poster {
    width: 100%;
    position: relative;
  }
}
.event-map {
  border-radius: 0px;
  padding: 0;
  border: none;
  box-shadow: none;
  background: transparent;
}
.event-map iframe {
  border: 1px solid #ccc;
}
.event-map .event-map-content {
  padding: 0;
  background: #f2f2f2;
  padding: 10px;
}
.event-map .event-map-content p {
  font-size: 13px;
}
.event-map #map {
  margin-bottom: 10px;
}
.event-upcoming > h4 {
  margin-top: 0px;
  font-size: 24px;
  font-family: "Trade Gothic";
}
.event-upcoming a.event-list-info {
  background: #25292d;
  min-height: 75px;
  margin-top: 7px;
  display: block;
}
.event-upcoming a.event-list-info h4 {
  margin-top: 15px;
  font-size: 16px;
  color: #fff;
  font-family: "Trade Gothic";
}
.event-upcoming a.event-list-info h4.speaker-title {
  font-size: 20px;
}
.event-upcoming a.event-list-info h5 {
  font-family: "Trade Gothic";
  font-weight: normal;
  font-size: 12px;
  text-align: right;
  color: #fff;
  margin: 15px 0 5px 0;
}
.event-upcoming a.event-list-info span.label {
  font-family: "Trade Gothic";
  font-size: 11px;
  color: #f2f2f2;
  font-weight: normal;
  text-align: right;
  background: #394146;
  padding: 5px;
  margin: 0px 0px 0 0px;
  float: right;
}
.event-upcoming .event-thumb {
  position: relative;
  overflow: hidden;
  border: 1px solid #f2f2f2;
}
.event-upcoming a.event-link {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  top: 0;
  color: #fff;
  box-sizing: border-box;
}
.event-upcoming a.event-link.visible {
  opacity: 1;
}
.event-upcoming a.event-link span {
  width: 100px;
  display: block;
  text-align: center;
  width: 138px;
  height: 40px;
  background: rgba(0, 0, 0, 0.7);
  margin: 30% auto 0;
  padding-top: 5px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 3px solid #fff;
}
.event-upcoming a.event-link:hover {
  text-decoration: none;
}
.main-pull-quote {
  text-align: center;
}
.main-pull-quote:before {
  content: url(../img/pull-quote-bracket-open.jpg);
  display: block;
  margin: 0 auto;
  width: 148px;
}
.main-pull-quote:after {
  content: url(../img/pull-quote-bracket-close.jpg);
  display: block;
  margin: 0 auto;
  width: 148px;
}
.main-pull-quote blockquote {
  font-family: "Didot Italic";
  font-size: 24px;
  border-left: 0;
  margin: 0;
  padding: 0;
  line-height: 1.5;
}
.main-pull-quote cite {
  display: block;
  text-align: right;
  font-family: "Didot Italic";
  font-size: 30px;
  margin: 0;
  padding: 0;
  text-align: center;
}
@media (max-width: 980px) {
  .event-upcoming a.event-list-info h4 {
    padding-top: 25px;
  }
}
@media (max-width: 768px) {
  .event-banner-main {
    min-height: 600px;
  }
}
@media (min-width: 768px) {
  .attendant_photo {
    padding-left: 4%;
    padding-right: 4%;
    padding-bottom: 0%;
  }
}
.event-headline h4 {
  margin-top: 0px;
  font-size: 24px;
  font-family: "Trade Gothic";
}
.event-headline .headline-content {
  background: #f2f2f2;
}
.event-headline .headline-content p {
  font-size: 14px;
  font-family: "Trade Gothic";
}
.event-headline a.event-filter {
  height: 62px;
  margin-bottom: 10px;
  width: 100%;
  display: block;
  background: #212528;
  color: #fff;
  font-family: "Didot Italic";
  font-size: 20px;
  font-weight: 200;
  box-sizing: border-box;
  padding: 15px 0 0 10px;
}
.event-headline a.event-filter:after {
  content: url(../img/white-arrow.png);
  float: right;
  height: 62px;
  background: #2f3439;
  margin: -15px 0 0 0;
  width: 62px;
  box-sizing: border-box;
  padding: 18px 25px;
}
.event-headline a.event-filter:hover {
  text-decoration: none;
  background: #2f3439;
}
.featured-speaker h4 {
  margin-top: 0px;
  font-size: 24px;
  font-family: "Trade Gothic";
}
.featured-speaker img {
  border-right: 5px solid #fff;
}
.featured-speaker .featured-content {
  min-height: 150px;
  background: #25292d;
  margin-top: 5px;
  position: relative;
}
.featured-speaker .featured-content div {
  height: 100%;
}
.featured-speaker .featured-content div.featured-location {
  background: #000;
}
.featured-speaker .featured-content h1 {
  color: #fff;
  font-family: "Didot Italic";
  font-size: 55px;
  margin-top: -15px;
}
.featured-speaker .featured-content h1 small {
  font-size: 14px;
  font-family: "Trade Gothic";
  color: #fff;
}
.featured-speaker .featured-content h4 {
  font-size: 14px;
  font-family: "Trade Gothic";
  color: #fff;
}
.featured-speaker .featured-content h3 {
  font-family: "Didot Italic";
  color: #fff;
  font-size: 20px;
  line-height: 1.5;
  margin-top: 10px;
}
.featured-speaker .featured-content h3 small {
  font-size: 14px;
  font-family: "Trade Gothic";
  color: #fff;
}
.featured-speaker .featured-content a {
  color: #fff;
  font-family: "Trade Gothic";
  font-size: 16px;
  display: block;
  width: 138px;
  height: 40px;
  border: 3px solid #fff;
  text-align: center;
  padding: 7px 0 0 0;
  margin: 20px auto 0;
}
.featured-speaker .featured-content a:hover {
  text-decoration: none;
  background: #000;
}
#calendar {
  margin-top: -20px;
}
#calendar a.label {
  border-radius: 1000px;
}
#calendar h2 {
  font-size: 22px;
  font-family: "Trade Gothic";
}
#calendar table {
  z-index: 0;
  border: 0;
  text-align: center;
}
#calendar table .text-muted {
  color: #d1d1d1;
}
#calendar table tbody tr {
  height: 40px;
}
#calendar .fc-view {
  z-index: 0;
}
#calendar td {
  z-index: 0;
}
#calendar .popover {
  z-index: 9999;
  position: absolute;
}
#calendar a.fc-event {
  display: block;
  width: 5px;
  height: 7px;
  border-radius: 1000px;
  overflow: hidden;
  margin: 0 auto 2px;
  background: #555;
  border: 2px solid #bbbbbb;
}
@media (max-width: 990px) {
  .event.banner .event-headline {
    height: inherit;
    padding-bottom: 50px;
  }
  .event.banner div.event-speaker {
    margin-bottom: 0;
  }
  .event-poster {
    margin-top: 50px;
  }
  .event-poster .poster-text {
    background: #fff;
    padding: 15px;
  }
}
.panel.preview-edit-text {
  margin-top: 15px;
  color: #787878;
}
/*=====================
SPEAKERS
=====================*/
.admin-speaker-list .thumbnail {
  border: none;
}
.temp-interview-bio img {
  max-width: intrinsic;
  width: 100%;
  margin: 0 auto 25px;
  display: block;
}
#bio.speaker-bio h3,
#bio.speaker-bio h2,
#bio.speaker-bio h1 {
  font-family: "Adobe Caslon Pro";
}
#bio.speaker-bio p {
  font-size: 16px;
  line-height: 1.75;
  padding-bottom: 25px;
}
#bio.speaker-bio p a {
  font-weight: bold;
}
#bio.speaker-bio > ul li,
#bio.speaker-bio ol li {
  font-size: 16px;
  line-height: 2;
}
#bio.speaker-bio img {
  max-width: -webkit-max-content !important;
  max-width: -moz-max-content !important;
  max-width: max-content !important;
  max-width: intrinsic !important;
  width: 100% !important;
}
@media (max-width: 768px) {
  #bio .bio {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  #bio.speaker-bio p {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  #bio.speaker-bio img {
    width: 90%;
    max-width: 90%;
    display: block;
    margin: 0 auto;
  }
}
/*=====================
ENTRIES
=====================*/
.entry-form {
  border: 1px solid #e0e0e0;
  background: #fff;
  margin-top: -100px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  position: relative;
}
.login-lockout {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.75);
  top: 0;
  left: 0;
  z-index: 1000;
}
.member-event-entries .panel {
  border-radius: 0px;
  border: 1px dotted #ccc;
}
.member-event-entries .panel-heading {
  border-bottom: 0;
}
.member-event-entries .panel-footer {
  font-size: 0.85em;
}
.well.entry-tag {
  border-radius: 0;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
  background: #fff;
  border: 6px solid #f1f1f1;
}
.well.entry-tag div > strong {
  font-size: 14px;
  color: #666;
  text-transform: uppercase;
}
.well.entry-tag p {
  font-size: 13px;
  line-height: 1.75;
}
.hanging-tag {
  font-size: 0.8em;
  position: relative;
  border: 2px dotted #ccc;
  padding: 10px;
}
.hanging-tag .entry-basic {
  border-right: 2px solid #000;
}
.hanging-tag .panel {
  border-bottom: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
}
.hanging-tag .panel .panel-body {
  font-weight: normal;
  padding: 0;
}
.hanging-tag .panel .panel-footer {
  background: #fff;
  padding: 0;
  border-bottom: none;
  font-size: 1em;
}
/*=====================
DALLAS SHOW
=====================*/
.entry-breadcrumbs {
  background: #25292d;
  border-radius: 0;
  color: #bcc2c8;
  font-weight: 200;
  font-size: 1.25em;
}
.entry-breadcrumbs li {
  padding-top: 10px;
}
.entry-breadcrumbs li.price {
  font-size: 1.75em;
  font-weight: bold;
  color: #d8dbdf;
  background: #0e1011;
  padding-left: 10px;
  padding-right: 10px;
  float: right;
  padding-top: 0;
}
.entry-breadcrumbs li.price:before {
  content: none;
}
/*=====================
DREAM Drive
=====================*/
.drive-tickets a:hover {
  text-decoration: none;
}
/*=====================
FOOTER
=====================*/
footer {
  background: #25292d;
  min-height: 405px;
  width: 100%;
  color: #fff;
  font-size: 12px;
  padding-top: 35px;
}
footer ul.footer-nav {
  margin: 0;
  padding: 0;
}
footer ul.footer-nav li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  line-height: 1.75;
}
footer ul.footer-nav li a {
  font-family: "Trade Gothic";
  font-size: 16px;
  color: #fff;
}
footer ul.footer-nav li a:hover {
  text-decoration: underline;
}
footer .next-month-meeting h1 {
  font-family: "Trade Gothic";
  font-size: 20px;
}
footer .next-month-meeting:hover {
  text-decoration: none;
}
footer p {
  font-size: 15px;
  font-family: "Trade Gothic";
  color: #8a8c8d;
}
footer p a {
  color: #8a8c8d;
}
footer p a:hover {
  color: #fff;
  text-decoration: none;
}
footer a {
  color: #fff;
  text-decoration: none;
}
footer a:hover {
  color: #fff;
}
footer h1 {
  font-size: 24px;
  color: #fff;
}
footer h2 {
  font-size: 22px;
  color: #fff;
}
footer h4 {
  color: #fff;
  font-size: 16px;
  font-family: "Trade Gothic";
}
footer .fineprint {
  color: #898989;
}
footer .fineprint a {
  color: #898989;
}
footer .fineprint a:hover {
  color: #fff;
}
footer ul.footer-social-links {
  margin: 0;
  padding: 0;
}
footer ul.footer-social-links li {
  margin: 0;
  padding: 0;
  display: inline-block;
  width: 36px;
  height: 38px;
  margin-right: 10px;
}
footer ul.footer-social-links a {
  display: block;
  width: 36px;
  height: 38px;
  background: url(../img/footer-social-icons.png) no-repeat top left;
  opacity: 0.7;
  transition: all 0.3s ease-in-out;
}
footer ul.footer-social-links a:hover {
  opacity: 1;
}
footer ul.footer-social-links a.twitter {
  background-position: -36px 0px;
  -moz-background-position-x: -36px;
  -ms-background-position-x: -36px;
  background-position-x: -36px;
}
footer ul.footer-social-links a.instagram {
  background-position: -72px 0px;
  -moz-background-position-x: -72px;
  -ms-background-position-x: -72px;
  background-position-x: -72px;
}
footer ul.footer-social-links a.pinterest {
  background-position: -108px 0px;
  -moz-background-position-x: -108px;
  -ms-background-position-x: -108px;
  background-position-x: -108px;
}
footer ul.footer-social-links a.linkedin {
  background-position: -144px 0px;
  -moz-background-position-x: -144px;
  -ms-background-position-x: -144px;
  background-position-x: -144px;
}
/*=====================
Dallas Show Winner
=====================*/
.winners-item {
  position: relative;
  border: none;
  overflow: hidden;
}
.winners-item img.hover {
  position: absolute;
  width: 100%;
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
.winners-item > strong {
  font-family: "Trade Gothic";
  font-size: 1.25em;
  padding: 15px 0 0 0;
  margin: 0 0 0 0;
  display: block;
  border-bottom: 1px solid #f0f0f0;
  width: 90%;
}
.winners-item h4 {
  font-family: "Didot Italic";
  padding: 0;
  margin: -5px 0 0 0;
}
.winners-item:hover {
  text-decoration: none;
  background: #f0f0f0;
}
.winners-item:hover img.hover {
  opacity: 1;
}
.winners-item h3.judge-title {
  font-family: "Didot Italic";
  font-size: 2em;
  margin: 0;
  padding: 0;
}
div.ds-special-awards {
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2) inset;
  padding-bottom: 40px;
}
div.ds-special-awards h1.page-header {
  border-bottom: 1px solid #cecece;
  font-family: "Didot Italic";
  font-size: 3em;
}
div.ds-special-awards h2 {
  font-family: "Trade Gothic";
  font-size: 2em;
}
div.ds-special-awards h2 small {
  font-family: "Didot Italic";
  color: #000;
}
div.ds-special-awards .thumbnail {
  background: none;
}
div.ds-special-awards strong {
  font-size: 1.75em;
}
div.ds-special-awards h4 {
  margin: 10px 0 -10px 0;
}
/*=====================
INVOICE
=====================*/
.invoice-page {
  margin-top: 20px;
}
.invoice-page .panel-heading {
  background: #252a2d;
  color: #fff;
  font-family: 'Didot Italic';
  font-size: 2em;
}
.invoice-page .panel-body {
  background: #d8dcdf;
}
.invoice-page .message {
  font-family: 'Didot Italic';
}
.invoice-page .message p.lead {
  font-family: "Helvetica";
}
.invoice-page table {
  background: #fff;
}
.invoice-page table thead {
  background: #f4f5f6;
}
.invoice-page .card {
  background: #f4f5f6;
  border-radius: 5px;
  padding: 20px 0px;
}
.invoice-page .card .stripe {
  background: #252a2d;
  display: block;
  padding: 5px 10px;
  width: 100%;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 2px;
  margin: 5px 0;
}
.invoice-page .card .info {
  padding: 10px 10px;
}
.invoice-page .paid {
  font-size: 3em;
  font-family: "Didot Italic";
}
/*=====================
Checkout Form
=====================*/
.checkout form {
  background: #f2f2f2;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
  padding-bottom: 25px;
}
form#billing-form {
  border: none;
  box-shadow: none;
  border-radius: none;
}
.student-validation {
  background: #E7DABF;
  padding: 15px;
  margin-bottom: 25px;
}
.junior-validation {
  background: #93BDD7;
  padding: 15px;
  margin-bottom: 25px;
}
/*=====================
MODAL
=====================*/
.member-cancelled {
  height: 80px;
  background: #b30000;
  box-sizing: border-box;
  text-align: center;
  padding: 20px 30px;
  color: #fff;
  width: 100%;
  display: block;
  position: fixed;
  z-index: 2000;
  font-size: 1.5em;
}
.modal#deleteAccount .modal-header {
  background: #d9534f;
}
.modal#deleteAccount .modal-header h4 {
  color: #fff;
}
.modal#deleteAccount .modal-body {
  background: #FFDAD9;
}
.modal#deleteAccount input[type="text"] {
  color: red;
  font-weight: bold;
}
.modal#deleteAccount hr {
  border: none;
  height: 1px;
  background: #eba5a3;
}
/*=====================
GROUP MEMBERSHIP
=====================*/
.company-membership .on-dark {
  color: #fff;
}
.company-membership .company-admin-choice.chosen {
  background: #212528;
  color: #fff;
}
.company-membership .company-admin-choice.chosen .well {
  color: #000;
}
.company-membership .company-choice {
  border-radius: 0px;
}
.company-membership .company-choice .panel-body {
  background: #383f44;
  color: #fff;
}
.company-membership .company-choice .panel-footer {
  background: #4f5960;
  border-top: none;
}
.company-membership .company-choice span.price {
  font-family: "Didot Italic", georgia, serif;
  font-size: 1.25em;
  font-weight: bold;
}
.company-membership .company-choice span.price sub {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
.company-membership .company-choice h3 {
  font-family: "Didot Italic", georgia, serif;
  margin: 0 0 10px 0;
  padding: 0px;
  color: #fff;
}
.company-membership .confirmation {
  background: #212528;
  height: 500px;
  width: 100%;
  color: #fff;
  margin-top: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.company-membership .confirmation h1 {
  color: #fff;
  font-family: "Didot Italic", georgia, serif;
}
.company-membership .confirmation p {
  color: #fff;
}
/*=====================
SPONSORSHIPS
====================*/
.sponsor-search-results .result {
  color: #fff;
  padding-top: 20px;
  position: relative;
}
.sponsor-search-results .result.inapplicable {
  opacity: 0.5;
}
.sponsor-search-results h4 {
  color: #fff;
  margin: 0;
  padding: 0;
}
/*=======================
SPEAKER LIST
========================*/
@-webkit-keyframes filter_out {
  0% {
    opacity: 1;
    display: block;
    -webkit-filter: blur(0);
            filter: blur(0);
    -webkit-transform: scale(1) rotateX(0deg);
            transform: scale(1) rotateX(0deg);
  }
  100% {
    opacity: 0;
    display: none;
    -webkit-transform: scale(0.98) rotateX(20deg);
            transform: scale(0.98) rotateX(20deg);
    -webkit-filter: blur(10px);
            filter: blur(10px);
  }
}
@keyframes filter_out {
  0% {
    opacity: 1;
    display: block;
    -webkit-filter: blur(0);
            filter: blur(0);
    -webkit-transform: scale(1) rotateX(0deg);
            transform: scale(1) rotateX(0deg);
  }
  100% {
    opacity: 0;
    display: none;
    -webkit-transform: scale(0.98) rotateX(20deg);
            transform: scale(0.98) rotateX(20deg);
    -webkit-filter: blur(10px);
            filter: blur(10px);
  }
}
@-webkit-keyframes filter_in {
  0% {
    opacity: 0;
    display: none;
    -webkit-transform: scale(0.98) rotateX(20deg);
            transform: scale(0.98) rotateX(20deg);
    -webkit-filter: blur(10px);
            filter: blur(10px);
  }
  100% {
    opacity: 1;
    display: block;
    -webkit-filter: blur(0);
            filter: blur(0);
    -webkit-transform: scale(1) rotateX(0deg);
            transform: scale(1) rotateX(0deg);
  }
}
@keyframes filter_in {
  0% {
    opacity: 0;
    display: none;
    -webkit-transform: scale(0.98) rotateX(20deg);
            transform: scale(0.98) rotateX(20deg);
    -webkit-filter: blur(10px);
            filter: blur(10px);
  }
  100% {
    opacity: 1;
    display: block;
    -webkit-filter: blur(0);
            filter: blur(0);
    -webkit-transform: scale(1) rotateX(0deg);
            transform: scale(1) rotateX(0deg);
  }
}
.speaker-filter-current-message {
  width: 100%;
  max-width: 1680px;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  padding: 20px;
}
.speaker-filter-current-message-container {
  padding: 0px;
  background: #2A2F34;
  color: #FFF;
  transition: all 0.5s ease-in-out;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
.speaker-filter-current-message-container.active {
  padding: 20px;
  height: inherit;
  opacity: 1;
}
.speaker-filter-current-message h2 {
  color: #a6afb7;
}
.speaker-filter-current-message h2 span {
  color: #FFF;
}
.speaker-filter-current-message p {
  background: #000000;
  padding: 20px;
}
.speaker-list {
  display: flex;
  flex-wrap: wrap;
}
.speaker-list-container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  box-sizing: border-box;
  max-width: 1680px;
}
.speaker-list-header-flip-knock {
  display: none;
}
.speaker-list-header-flip-out {
  -webkit-animation: filter_out 0.2s linear;
          animation: filter_out 0.2s linear;
}
.speaker-list-header-flip-in {
  -webkit-animation: filter_in 0.2s linear;
          animation: filter_in 0.2s linear;
}
.speaker-list-item {
  flex: 0 0 20%;
  padding: 5px;
  position: relative;
  transition: all 1s ease-in-out;
}
.speaker-list-item-lazyload {
  opacity: 0;
  -webkit-transform: translate(0, -20px) scale(1.02);
          transform: translate(0, -20px) scale(1.02);
  -webkit-filter: blur(10px);
          filter: blur(10px);
}
.speaker-list-item-filter-out {
  -webkit-animation: filter_out 0.2s linear;
          animation: filter_out 0.2s linear;
}
.speaker-list-item-filter-in {
  -webkit-animation: filter_in 0.2s linear;
          animation: filter_in 0.2s linear;
}
.speaker-list-item-filter-knock {
  display: none;
}
.speaker-list-item-featured {
  flex: 0 0 33%;
}
.speaker-list-item-image {
  position: relative;
  overflow: hidden;
}
.speaker-list-item-image:hover .speaker-list-item-link {
  opacity: 1;
  color: #FFF;
  text-decoration: none;
  z-index: 1000;
  top: 0;
}
.speaker-list-item-link {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  font-weight: bold;
  font-size: 16px;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  text-decoration: none;
  z-index: -1000;
  top: -50%;
}
.speaker-list-item-link:hover {
  opacity: 1;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}
.speaker-list img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1280px) {
  .speaker-list-item {
    flex: 0 0 25%;
  }
}
@media (max-width: 1024px) {
  .speaker-list-item {
    flex: 0 0 33%;
  }
}
@media (max-width: 640px) {
  .speaker-list {
    flex-direction: column;
  }
  .speaker-list-item {
    flex: 0 0 100%;
  }
  .speaker-list-item-lazyload {
    opacity: 1;
    -webkit-transform: translate(0, 0px) scale(1);
            transform: translate(0, 0px) scale(1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
}
/*=======================
MEMBERSHIP PACKAGE STYLES
========================*/
.well.note-from-dsvc {
  background: none;
  border-radius: 0px;
  box-shadow: none;
  border: 5px solid #f0f0f0;
  border-bottom: none;
  margin-bottom: 0;
}
.well.note-from-dsvc.success {
  background: #5FB760;
  border: none;
}
.membership-package-container {
  position: relative;
}
.well.membership-package-includes {
  margin-top: 0;
  border-radius: 0px;
  box-shadow: none;
  border: none;
  background: #2E3337;
  color: #fff;
}
.membership-package h2 {
  font-family: 'Didot Italic';
}
.membership-package .free-t-shirt {
  background: #2E3337;
  color: #fff;
  padding: 20px;
}
.membership-package .free-t-shirt h2 {
  margin-top: 0;
  color: #fff;
}
.membership-package .shirt-extras {
  background: #f0f0f0;
  padding: 20px;
}
.membership-package .shirt-extras h2 {
  margin-top: 0;
}
.login-overlay {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.6);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  z-index: 1000;
}
.login-overlay .login-panel {
  width: 100%;
  max-width: 480px;
}
.login-overlay .login-panel .panel-default,
.login-overlay .login-panel .panel-heading,
.login-overlay .login-panel .panel-body {
  border: none;
  border-radius: 0px !important;
  background: #2E3337;
  color: #fff;
}
.truncated {
  display: inline-block;
  width: 100% !important;
  line-height: inherit !important;
  height: inherit !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  padding-top: 2px !important;
  text-overflow: ellipsis !important;
}
.sponsor-results {
  padding-top: 20px;
}
.sponsor-tile {
  background: #313131;
  border: 1px solid #4b4b4b;
  color: #fff;
  padding: 10px;
  margin-bottom: 10px;
}
.sponsored-chiclet {
  float: left;
  display: inline-block;
  background: linear-gradient(180deg, #313131, #272727);
  border-radius: 0px 10px 10px 0px;
  color: #fff;
  padding: 0 25px 0 0;
  margin: 0 10px 30px 0;
  position: relative;
}
.sponsored-chiclet:hover {
  color: #fff;
}
.sponsored-chiclet:hover.sponsored {
  background: linear-gradient(180deg, #4b4b4b, #404040);
}
.sponsored-chiclet .sponsor-text {
  padding-top: 2px;
}
.sponsored-chiclet span.label {
  position: absolute;
  top: -20px;
  left: 0px;
}
.sponsored-chiclet img {
  padding: 0 !important;
  margin: 0 10px 0 0 !important;
}
.ca-sponsorship-row.white-text p {
  color: #fff;
}
.ca-sponsorship-row.white-text h1,
.ca-sponsorship-row.white-text h2,
.ca-sponsorship-row.white-text h3,
.ca-sponsorship-row.white-text h4 {
  font-family: 'Didot Italic';
  color: #fff;
}
.ca-sponsorship-row table.white-text {
  color: #fff;
}
.sponsor-member-choice {
  background: #313131;
  padding: 10px 20px 30px;
}
.sponsor-member-choice h3 {
  font-family: 'Didot Italic';
  color: #fff;
}
.modal .modal-body {
  max-height: 420px !important;
  overflow-y: auto !important;
}
.big-alert {
  padding: 20px;
  background: #fff;
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  color: #fff !important;
}
.big-alert.big-alert-danger {
  background: #d9534f;
}
.big-alert.big-alert-success {
  background: #5FB760;
}
.member-join-banner {
  padding-top: 100px;
  background: url(../img/banner-bg.png) no-repeat center center;
  background-size: 100% 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  color: #FFF;
}
.member-join-banner h1 {
  font-family: 'Didot Italic';
  color: #FFF;
  font-size: 5rem;
}
.member-join-banner p {
  font-size: 1.75rem;
  display: block;
  margin: 15px auto;
  max-width: 960px;
  border-top: 1px solid #464f56;
  padding-top: 20px;
}
.member-join-banner-container {
  padding: 20px;
  text-align: center;
}
.member-join-container {
  width: 100%;
  max-width: 1680px;
  padding: 45px 20px;
  box-sizing: border-box;
  display: flex;
  background: #2F353A;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
}
.member-join-callout {
  flex: 0 0 40%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.member-join-content {
  flex: 0 0 60%;
}
.member-join-content h3 {
  font-family: 'Didot Italic';
  color: #FFF;
}
.member-join-content-perks {
  display: flex;
  flex-wrap: wrap;
}
.member-join-content-perks-item {
  flex: 0 0 49%;
  padding: 5px;
  border: 1px solid rgba(187, 187, 187, 0.4);
  margin: 0.5%;
}
.member-join-content-perks-item p {
  margin: 0;
  padding: 0;
  background: #FFF;
  color: #252A2D;
  padding: 20px;
  font-family: 'Trade Gothic';
  width: 100%;
  height: 100%;
}
.member-join-content-perks-item:last-child {
  flex: 0 0 99%;
}
.member-join-tab {
  display: block;
  flex: 1;
  background: #252A2D;
  color: #FFF;
  padding: 10px 20px;
  border-radius: 10px 10px 0px 0px;
  box-shadow: 0px -1px 20px rgba(0, 0, 0, 0.1) inset;
  font-family: "Didot Italic";
  font-size: 2rem;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.member-join-tab-active {
  background: linear-gradient(180deg, #ccc, 20%, #eee);
  color: #252A2D;
  box-shadow: none;
}
.member-join-tab-active:hover {
  background: #eee !important;
  color: #252A2D !important;
}
.member-join-tab:hover {
  background: #485157;
  color: #FFF;
  text-decoration: none;
}
.member-join-tabs {
  flex: 0 0 75%;
}
.member-join-tabs-heading {
  display: flex;
  width: 100%;
}
.member-join-tabs-content {
  background: linear-gradient(180deg, #eee, 20%, #FFF);
  color: #252A2D;
  padding: 20px;
  text-align: center;
  border-radius: 0px 0px 10px 10px;
}
.member-join-tabs-content-item {
  display: none;
}
.member-join-tabs-content-item-active {
  display: block;
}
.member-join-tabs-content-item-price {
  font-family: 'Trade Gothic';
}
.member-join-tabs-content-item p {
  display: block;
  background: #f2f2f2;
  padding: 20px;
}
.member-join-tabs-content h2 {
  font-family: 'Didot Italic';
  font-size: 5rem;
}
.member-join-tabs-content small {
  border-top: 1px solid #e0e0e0;
  display: inline-block;
  margin-top: 20px;
  padding-top: 20px;
}
.member-join-alternate {
  padding: 0px 20px;
  background: #272C30;
  color: #FFF;
  margin-bottom: -60px;
  width: 100%;
}
.member-join-alternate-container {
  width: 100%;
  max-width: 1680px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 20px 0;
}
.member-join-alternate-item {
  flex: 1;
  padding: 20px;
  text-align: center;
  border-left: 1px solid #3e464c;
  border-right: 1px solid #3e464c;
}
.member-join-alternate-item:first-child {
  border-left: none;
}
.member-join-alternate-item:last-child {
  border-right: none;
}
.member-join-alternate-item h4 {
  font-family: 'Trade Gothic';
  color: #bec5cb;
}
.member-join-alternate-item p {
  font-size: 1.25rem;
  max-width: 320px;
  display: block;
  margin: 0 auto;
  border-top: 1px solid #3e464c;
  padding-top: 10px;
}
@media (max-width: 768px) {
  .member-join-container {
    display: block;
  }
  .member-join-callout {
    padding: 0px;
    margin-bottom: 50px;
  }
  .member-join-tabs {
    flex: 0 0 100%;
  }
  .member-join-content-perks {
    flex-direction: column;
  }
  .member-join-alternate-container {
    display: block;
  }
  .member-join-alternate-item {
    border-bottom: 2px solid #3e464c;
  }
  .member-join-alternate-item:nth-child(2) {
    border-left: none;
    border-right: none;
  }
  .member-join-alternate-item:last-child {
    border-bottom: none;
  }
}
/*# sourceMappingURL=screen.css.map */