/* global */



/* Custom Styles 

  #F87623 orange
  #057867 saturn blue

*/
a {    color: #12659c;}

.circle {
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
}
img.navlogo {width:260px;}


img.classic {
  border:1px solid #eaeaea;
  padding:18px;
  background:#fff;
}


@media screen and (max-width: 39.9375em) {img.navlogo {width:120px;}}

.justified-grid img {max-height:120px;}

/* Settings start */
.justified-grid-gallery {
  --space: 10px;
  --min-height: 190px;
  --last-row-background: ;
}
/* Settings end */

.justified-grid-gallery {
  display: flex;
  flex-wrap: wrap;
  grid-gap: var(--space);
  list-style: none;
  margin: 0 !important; /* We use !important to avoid gaps in some environments. */
  padding: 0 !important; /* We use !important to avoid gaps in some environments. */
}

.justified-grid-gallery > * {
  flex-grow: calc(var(--width) * (100000 / var(--height)));
  flex-basis: calc(var(--min-height) * (var(--width) / var(--height)));
  aspect-ratio: var(--width) / var(--height);
  position: relative;
  overflow: hidden;
  margin: 0 !important; /* We use !important to avoid gaps in some environments. */
  padding: 0 !important; /* We use !important to avoid gaps in some environments. */
}

.justified-grid-gallery > * > img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.justified-grid-gallery::after {
  content: " ";
  flex-grow: 1000000000;
  background: var(--last-row-background);
}


/* Buttons */
p, ul {font-size:1.1rem;}
h5, h6 {font-size:1.25rem;}
.button.round {border-radius: 2rem;}
.button {border-radius: 4px;}
.button {background-color:#0371a3;}
.button.white {background:#fff;color:#0c0c0c;}
.button.black {background:#000;color:#fff;}
.button.hollow.white {background:transparent;color:#fff;border-color:#fff;}
.button.hollow.black {background:transparent;color:#000;border-color:#000;}
.button.hire-me { background:#333;}
.button.hot { background:#ffb700;color:#000;}
.hashtags {font-weight: 900; font-size: 1rem;}

/* Sections Specifics */
.platforms, .bg-charcoal {background:#333;color:#fff;}
.bg-grey {background:#eee;}
.bg-offwhite {background:#f5f5ee;}
.bg-light-grey {background:#f0f0f0;}
.bg-blue {			background: #0596DA;}
.bg-dark {			background: #2c2c2c;}
.camo {   background: url("/work/dubcongress/img/camo.gif");}
.bg-page-title {			
  
    background: #0596DA;
    background-image: url();
    background: url(), linear-gradient(180deg,rgb(64, 64, 64) 0%, rgb(37, 37, 37) 100%);
    background-size: cover, 100%;
    background-repeat:no-repeat;
    background-position: 0 bottom;
    padding-top:80px;
    padding-bottom:30px;
}

.text-uppercase {text-transform: uppercase;}

.tabletop {
  background: #EEE;
  background: linear-gradient(0deg,rgba(238, 238, 238, 1) 0%, rgba(255, 255, 255, 1) 39%, rgba(238, 238, 238, 1) 39%, rgba(255, 255, 255, 1) 100%);
}

.grid-platforms img {max-height: 70px;}



/* Sections Templates */

  .padded {padding-top:3rem; padding-bottom:3rem;}
  .padded-top {padding-top:1rem;}
  .padded-top-2x {padding-top:2rem;}
  .padded-btm {padding-bottom:1rem;}
  .padded-btm-2x {padding-bottom:2rem;}




.text-white, .text-white a, .text-white {color:#fff;}
.text-blue, .text-blue a {color:#0181b3;}
.text-black, .text-black a {color:#000;}
.text-dark, .text-dark a {color:#575757;}


.hero-banner {
			padding-bottom:30px;

}
  .hero-banner {
}

.hero-banner .grid-container {
  
}
.micro.rocksalt { 
    margin-bottom: .2rem;
    line-height: 1.75;
}
.hero-banner .micro.rocksalt {
  margin-bottom:1rem;
}
.hero-banner .hugehead {
  margin-bottom:1rem;
}
/* Medium and up */
@media screen and (min-width: 40em) {
  .hero-banner .hugehead {
    margin-bottom:1rem;
    font-size:3rem;
    line-height: 3.5rem;
  }
  .hero-banner .opener {
    margin-bottom:2rem;
    font-size:1.4rem;
    line-height: 2rem;
  }

}

.opener {
  margin-bottom:1.5rem;
}

.sticky{

  z-index:2;
}



.video-banner {
  position: relative;
  width: 100vw;
  overflow: hidden;
  padding-top:4rem;
  padding-bottom:4rem;
}

.video-hero {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  z-index: 0;
}

.video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 1;
}

.video-content {
  position: relative;
  z-index: 2;
  color: white;
}



.video-content p {
}

.bright.button {
  background-color: #b74a02;
}

.bright.button:hover {
  background-color: #e65500;
}






.plantronics {
  background:#000;
  color:#fff;
}


.sidebar {}
.sidebar figcaption {margin-top:1rem;font-size:.75rem;}

.bigquote {
  font-size:1.35rem;
  margin:0 0 2.25rem 0;
  font-style: italic;
}

/* Menu */
.vertical-menu-title {
  text-transform: uppercase;
}
.top-bar-right .menu .last {margin-left:1rem;}
@media print, screen and (min-width: 40em) {
    .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after {
        border-top-color:#fff;
    }

    
}


/*
#primaryNav {position:absolute;width:100%;}

.top-bar-right .menu .last {margin-left:1rem;}

.top-bar li a {color: #fff;}
.top-bar .submenu li a {color: #333;}

.top-bar-wrapper {
  background:none;
}

.topbar-sticky-shrink {
  padding: 1rem 0;
  transition: padding 0.25s ease;
  background:none;
}
.is-dropdown-submenu {
  min-width:300px;
}
.topbar-sticky-shrink .dropdown.menu {
  background:none;
  padding:0;
} 
.topbar-sticky-shrink .menu {
  background:#fff;
  border-radius: 8px;
  padding:1rem;
}  

.topbar-sticky-shrink .logo {
  width:200px;
  transition: width 0.7s, height 0.7s;
}
.is-stuck .topbar-sticky-shrink .logo {
  width:140px;
}
.is-stuck .topbar-sticky-shrink {
  padding: .75rem;
  transition: padding 0.25s ease;
}
[data-sticky] {
  width: 100%;
}
.sticky.is-anchored {
    background:transparent;

}
@media print, screen and (min-width: 40em) {
    .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after {
        border-top-color:#fff;
    }
}
.sticky {
  
  background:rgba(5, 150, 218, .9) 0%;

}
.top-bar li a:hover {
    color: #000;
}
*/
.website-title, .menu-text, .title-bar-title { 
    text-transform:uppercase; word-spacing: -4px; font-weight:300;
}
a.website-title {color:#fff;}

#primaryNav {position:absolute;width:100%;}

.top-bar, .top-bar ul {
    background-color: #f5f5ee;
}

/* Medium and up */
@media screen and (min-width: 40em) {
    .top-bar, .top-bar ul.dropdown {  background:none;}
    .is-stuck {background-color:rgba(0, 0, 0, 0.7);   animation: faded 2s;}
    .is-dropdown-submenu {min-width: 220px;padding-top:14px; padding-bottom:14px;}
    .nested {border-radius: 8px;font-size:14px;}
    .dropdown.menu>li {font-size:16px; font-weight: 700;text-transform: uppercase;}
    .dropdown.menu>li>a { color:#f0f0f0;   }
    .dropdown.menu>li.active>a {  background-color:transparent; }
    .is-stuck .dropdown.menu>li.active>a {  background-color:#111 }
    .dropdown.menu>li>a:hover, .dropdown.menu>li.is-active>a { color:#fff;  }
    @keyframes faded {
      0% {opacity: 0;}
    }


    
}


h1, h2, h3, h4, h5, h6 {
  font-family: "Russo One", sans-serif;
  font-weight:400;
  font-optical-sizing: auto;
}
.hugehead {
  font-family: "Russo One", sans-serif;
  font-weight:400;
  font-optical-sizing: auto;
  font-size:2rem;
  line-height: 2.25rem;
}
.grandehead {
  font-family: "Russo One", sans-serif;
  font-weight:300;
  font-optical-sizing: auto;
  line-height: 2.75rem;
  font-size: 2.25rem;

}
.bighead {
  font-family: "Russo One", sans-serif;
  font-weight:400;
  font-optical-sizing: auto;
  font-size: 1.75rem;
  line-height: 2.25rem;
  margin:0 0 1rem 0;

}
.largehead {
  font-family: "Russo One", sans-serif;
  font-weight:400;
  font-optical-sizing: auto;
  font-size: 1.5rem;
  line-height: 2rem;

}
.mediumhead {
  font-family: "Russo One", sans-serif;
  font-weight:400;
  font-optical-sizing: auto;
  font-size: 1.25rem;
  line-height: 1.75rem;

}

.spacey { text-transform: uppercase; letter-spacing: .2rem; font-size: .75rem; }
.uppercase-space {  font-family: "Nunito", sans-serif;
font-optical-sizing: auto;
 text-transform: uppercase; letter-spacing: .2rem; font-size: .75rem; margin-bottom: .5rem; }
.uppercase-space.underline {   display:inline-block; border-bottom:1px solid #585858;}
.text-center .uppercase-space.underline {  padding:0.25rem 1rem; }

a.underline {    text-decoration: underline;}
/*
@media screen and (min-width: 40em) {
    .lead {
        font-size:1.35rem;
        margin:0 0 3rem 0;
    }
    .hugehead {
      font-size: 3rem;
    }
    .ginormoushead {
      font-size: 3.75rem;
    }
}
    */
/* ACCORDION */
.accordion-title { font-size: 1rem;}

/* LISTS */
.nuffspacing li {margin-top:0.75rem;}

hr.thinline {width:8rem;color:#000;}


.card {border-radius: 4px;}

/* effects */
/* Shine */
.shine {	}

figure {

	margin: 0;
	padding: 0;
	overflow: hidden;
}


.shine figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.shine figure:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}


.shine figure {
	position: relative;
}
.shine figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.shine figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}


/* testimonials */
.testimonials {
			background: #0596DA;
			background-image: url();
			background: url(), linear-gradient(180deg,rgba(4, 145, 211, 1) 0%, rgba(4, 145, 211, 1) 100%);
            background-size: cover, 100%;
            background-repeat:no-repeat;
            background-position: 0 200px, 0 0;
      
		}
		@media screen and (max-width: 39.9375em) {
			.hero-banner {
				padding-top:80px;
				background-position: 80% bottom, center center;
			}
		}



.testimonial-block-vertical-quote {
    background: rgba(255, 255, 255, 1);
    padding: 2rem 2rem 2rem 2rem;
    border-radius: 4px;
    margin-bottom: 1.875rem;
    position: relative;
    color:#000;
  }
 .grey .testimonial-block-vertical-quote {
    background: #eee;
}
 .grey .testimonial-block-vertical-quote::after {
    border-color: #eee transparent transparent transparent;
}
  
  .testimonial-block-vertical-quote p {
    margin-bottom: 0;
  }
  
  .testimonial-block-vertical-quote::after {
    content: '';
    bottom: -1.25rem;
    left: 2.25rem;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 1.25rem 1.125rem 0 1.125rem;
    border-color: rgba(255, 255, 255, 1) transparent transparent transparent;
    position: absolute;
  }
    
  
  .testimonial-block-vertical-person {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 1.65rem;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  
  .testimonial-block-vertical-avatar {
    border-radius: 50%;
    width: 60px;
    height: 60px;
  }
  
  .testimonial-block-vertical-name {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 0;
    margin-left: 0.65rem;
  }
  
  .testimonial-block-vertical-info {
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 0;
    margin-left: 0.65rem;
  }
  .testimonial-block-vertical-info a {
  }
  
/* images */
.inset-border{
  border-right: 1px inset #e5e5e5;
  border-bottom: 1px inset #e5e5e5;;
}
.spaced {
    padding:5rem;
    border:1px solid #eee;
}
.border {
}


  /* footer */
.footer {
  background:#1e1e1e; color:#fff;
  padding-top:1.75rem;
  padding-bottom:150px;
}
.footer h5 {font-size:1.1rem;}

/* global */


.rocksalt {
  font-family: "Rock Salt", sans-serif;
  font-weight:400;
  font-optical-sizing: auto;
}

.billboard {
  font-family: "Russo One", sans-serif;
  font-weight:400;
  font-optical-sizing: auto;
}


.shadow {color:#fff;    text-shadow: 0 0 10px #000;
}
 .menu-hover-lines {
  transition: all 0.35s ease;
}

.menu-hover-lines li  {
	margin-right:;
}

.menu-hover-lines li a {
	padding-right:0;
	padding-left:0;
  position: relative;
}

.menu-hover-lines li:first-child a {
  margin-left: 0;
}

.menu-hover-lines li.active > a {
  background-color: transparent;
}

.menu-hover-lines a::after {
  height: 3px;
  position: absolute;
  content: '';
  transition: all 0.35s ease;
  background-color: #1779ba;
  width: 0;
}

 
.menu-hover-lines a::after {
  bottom: 0;
  left: 0;
}

.menu-hover-lines a:hover,
.menu-hover-lines li.active > a {
  color: #0a0a0a;
  transition: all 0.35s ease;
}

.menu-hover-lines a:hover::after,
.menu-hover-lines .active a::after {
  width: 100%;
}


 
 .overlay{
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA3NSA0OSI+CiAgPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI5LjUuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDIuMS4wIEJ1aWxkIDE0MSkgIC0tPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuc3QwIHsKICAgICAgICBmaWxsOiAjZmZmOwogICAgICB9CgogICAgICAuc3QwLCAuc3QxLCAuc3QyLCAuc3QzLCAuc3Q0IHsKICAgICAgICBvcGFjaXR5OiAuNTsKICAgICAgfQoKICAgICAgLnN0MiB7CiAgICAgICAgZmlsbDogIzIzMWYyMDsKICAgICAgfQoKICAgICAgLnN0MyB7CiAgICAgICAgZmlsbDogI2ZkZDgxMTsKICAgICAgfQoKICAgICAgLnN0NCB7CiAgICAgICAgZmlsbDogI2ZlYmYxMDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggY2xhc3M9InN0MiIgZD0iTTYyLjUsOS4xYzAtLjIuMS0uNS4yLS43LjItMSwuNC0yLC41LTMsMC0xLjItLjktMS44LTEuOS0xLjItLjQuMy0uOS42LTEuMiwxLTEuMSwxLjEtMS45LDIuNS0yLjYsMy45LS4xLjMtLjMuNC0uNi41LTEuNS4yLTMsLjUtNC41LjgtNC43LDEtOS4zLDIuNS0xMy44LDQuMy02LjIsMi40LTEyLjIsNS40LTE3LjgsOS41LTUsMy43LTkuOSw3LjctMTQuMiwxMi40LS44LjktMS43LDEuOC0yLjIsMy0uNywxLjctLjUsMy4xLjYsNC4yLjcuNiwxLjUuOSwyLjQsMSwyLjIuNCw0LjUuMiw2LjgtLjIsMy43LS42LDcuNC0xLjYsMTEtMi41LDEwLjgtMi45LDIwLjgtNy43LDMwLjQtMTQsNC4yLTIuNyw4LjItNS43LDExLjgtOS4zLDEuMi0xLjIsMi4zLTIuNCwzLjEtMy45LjgtMS42LjUtMy0uOS00LS45LS42LTItMS0zLjEtMS4yLTEuMy0uMi0yLjctLjMtNC0uNWgwWiIvPgogIDxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik01Ni45LDEwLjJjLS43LDItMS40LDMuOS0yLjgsNS41LS41LjYtMS4yLjktMS44LDEuMS0xMC4yLDQtMjAuMSw4LjktMjkuNywxNC4zLTQuNywyLjYtOS4zLDUuNC0xMy43LDguNC0uNC4zLS44LjYtMS4xLjkuMSwwLC4yLS4xLjMtLjIsOS44LTYsMTkuNy0xMS42LDI5LjktMTYuNiw1LjktMi45LDExLjktNS41LDE4LjItNy41LDIuOC0uOSw1LjYtMS42LDguNC0yLjUsMS0uMywxLjktLjYsMi45LTEsMCwwLDAtLjEsMC0uMi0xLjcuNC0zLjMuNy01LDEuMS0uMy0xLjEtLjMtMi4zLDAtMy41LDAsMCwuMi0uMi4zLS4yLDIuMiwwLDQuNS4yLDYuNSwxLjMuMi4xLjQuMy42LjQuOS43LDEuMSwxLjUuNiwyLjYtLjYsMS4zLTEuNCwyLjMtMi4zLDMuMy0yLjUsMi43LTUuNCw0LjktOC4zLDcuMS03LjMsNS42LTE1LjIsOS43LTIzLjUsMTMuMS01LjUsMi4yLTExLjEsNC4xLTE2LjgsNS40LTMuMS43LTYuMiwxLjMtOS4zLDEuMy0xLjIsMC0yLjQsMC0zLjUtLjUtLjUtLjItLjktLjUtMS4zLS45LS44LS45LS45LTIuMS0uMi0zLjQuOS0xLjgsMi4yLTMuMiwzLjYtNC41LDMuOS00LDguMy03LjMsMTIuNy0xMC42LDUuNi00LjIsMTEuOC03LjIsMTguMi05LjYsNC42LTEuOCw5LjMtMy4yLDE0LjEtNC4zLjktLjIsMS45LS4zLDIuOC0uNS4yLDAsLjQsMCwuNiwwaDBaIi8+CiAgPHBhdGggY2xhc3M9InN0NCIgZD0iTTMwLjEsMzkuNWMwLDAsMC0uMSwwLS4yLTEsLjMtMiwuNi0yLjkuOS0zLjksMS4xLTcuOCwyLjMtMTEuOCwyLjktMi45LjQtNS44LjctOC42LjEsMCwwLDAsMC0uMiwwLC4zLjEuNS4zLjcuMy44LjEsMS42LjMsMi40LjMsMy4yLDAsNi4zLS40LDkuNC0xLjIsMy0uOCw1LjktMS42LDguOS0yLjUuNy0uMiwxLjQtLjUsMi4xLS44aDBaIi8+CiAgPHBhdGggY2xhc3M9InN0NCIgZD0iTTU3LjcsMjUuM2MtLjcuNC0xLjQuOS0yLjEsMS4zLTUsMy41LTEwLjQsNi4zLTE1LjksOC43LTIuMywxLTQuNiwxLjktNi44LDIuOS0uMy4xLS41LjMtLjguNCwwLDAsMCwwLDAsLjEsMy4zLTEuMSw2LjYtMi42LDkuOC00LjEsNS41LTIuNiwxMC45LTUuNCwxNS43LTkuNFoiLz4KICA8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMzMuNywyNi4xYy0xLjQuMy0xMS44LDYuMS0xMi4yLDYuNyw0LjEtMi4zLDguMi00LjUsMTIuMi02LjdaIi8+CiAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTYxLjgsMTMuN2MtMi41LjctNC45LDEuNC03LjIsMi4xLjUtLjgsMS4yLTEuNywxLjYtMi43LjUtLjkuOC0xLjksMS4yLTIuOS44LTEuOCwxLjctMy42LDMuMS00LjkuMy0uMy43LS42LDEuMS0uOC41LS4zLjksMCwuOS42LDAsLjgsMCwxLjctLjMsMi41LS42LDItLjgsNC0uNSw2aDBaIi8+CiAgPHBhdGggY2xhc3M9InN0NCIgZD0iTTU1LjcsMTQuOWMuNy0uMywxLjMtMS42LDEuMi0yLjQtLjQuOC0uOCwxLjYtMS4yLDIuNFoiLz4KICA8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMzAuMSwzOS41Yy0uNy4zLTEuNC42LTIuMS44LTMsLjktNS45LDEuNy04LjksMi41LTMuMS44LTYuMiwxLjItOS40LDEuMi0uOCwwLTEuNi0uMi0yLjQtLjMtLjIsMC0uNC0uMi0uNy0uMy4xLDAsLjIsMCwuMiwwLDIuOS42LDUuNy4zLDguNi0uMSw0LS42LDcuOS0xLjgsMTEuOC0yLjksMS0uMywyLS42LDIuOS0uOSwwLDAsMCwuMSwwLC4yaDBaIi8+CiAgPHBhdGggY2xhc3M9InN0MSIgZD0iTTU3LjcsMjUuM2MtNC44LDQtMTAuMiw2LjgtMTUuNyw5LjQtMy4yLDEuNS02LjUsMi45LTkuOCw0LjEsMCwwLDAsMCwwLS4xLjMtLjEuNS0uMy44LS40LDIuMy0xLDQuNi0xLjksNi44LTIuOSw1LjUtMi40LDEwLjktNS4yLDE1LjktOC43LjctLjUsMS40LS45LDIuMS0xLjNaIi8+CiAgPHBhdGggY2xhc3M9InN0MSIgZD0iTTMzLjcsMjYuMWMtNCwyLjItOC4xLDQuNC0xMi4yLDYuNy40LS42LDEwLjgtNi40LDEyLjItNi43WiIvPgogIDxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik01NS43LDE0LjljLjQtLjguOC0xLjYsMS4yLTIuNCwwLC44LS42LDIuMi0xLjIsMi40WiIvPgo8L3N2Zz4=);
  background-size:200px;
   -webkit-animation:120s scroll infinite linear;
  -moz-animation:120s scroll infinite linear;
  -o-animation:120s scroll infinite linear;
  -ms-animation:120s scroll infinite linear;
  animation:120s scroll infinite linear;
}

.bg-color {
  padding: 1.5em 1em;
  margin: .5em;
  border-radius:5px;
  opacity:0.8;
}

@-webkit-keyframes scroll{
  100%{
    background-position:-2400px -2400px;
  }
}

@-moz-keyframes scroll{
  100%{
    background-position:-2400px -2400px;
  }
}

@-o-keyframes scroll{
  100%{
    background-position:-2400px -2400px;
  }
}

@-ms-keyframes scroll{
  100%{
    background-position:-2400px -2400px;
  }
}

@keyframes scroll{
  100%{
    background-position:-2400px -2400px;
  }
}

.promo-hero-bg {
    opacity: .4;
}
.promo-hero {
  z-index:-1;
  width: 100%;
  text-align: center;
  height: 640px;
  background: #000;
  position: relative;
  color: white;
}

.promo-hero .button.white-hollow {
  border: 1px solid #fefefe;
  color: #fefefe;
  background-color: transparent;
  transition: border 0.5s ease;
}

.promo-hero .button.white-hollow:hover, .promo-hero .button.white-hollow:active, .promo-hero .button.white-hollow:focus {
  border: 1px solid #b2b2b2;
  transition: border 0.5s ease;
}

.promo-hero-content {
  z-index: 4;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  
  background:
}

.promo-hero-title {
  line-height: 1.25em;
  margin-bottom: 1rem;
  color: #fefefe;
  text-shadow: 1px 1px 2px #0a0a0a;
}

.promo-hero-description {
  margin-bottom: 1rem;
}

.promo-hero-bg-image {
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.user-image {

    display: block;
    margin: auto;
    border-radius: 50%;
    width: 17rem;
    height: 17rem;
    padding: 1rem;
}


 .billboard {font-size: 5rem; line-height:5.25rem; text-transform: uppercase;}
 .medium {font-size: 2rem;}
 .micro {font-size: .8rem;}
 
.bg-yellow {background-color: #111;}
.bg-bright {background-color: #f4d3b0;}

.card.dark {background:#333;}
.spacey { text-transform: uppercase; letter-spacing: .2rem; line-height: 1.75rem;font-size: .75rem; }
.uppercase-space {  font-family: "Nunito", sans-serif;
font-optical-sizing: auto;
 text-transform: uppercase; letter-spacing: .2rem; font-size: .75rem; margin-bottom: .5rem; }
.uppercase-space.underline {   display:inline-block; border-bottom:1px solid #585858;}
.align-center .uppercase-space.underline {  padding:0.25rem 1rem; }

a.underline {    text-decoration: underline;}


/* ACCORDION */
.accordion-title { font-size: 1rem;}

/* LISTS */
.nuffspacing li {margin-top:0.75rem;}

hr.thinline {width:8rem;color:#000;}


.card {border:0 none; border-radius: 0;}

/* effects */
/* Shine */
.shine {	}

figure {

	margin: 0;
	padding: 0;
	overflow: hidden;
}

.quotes .lead { }


.quotes {
  position: relative; /* Essential for positioning the pseudo-element */
  z-index: 1; /* Ensures content is above the pseudo-element */
}
.card-user-container {

}
.quotes::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: 150%; /* Adjust as needed */
  background-position: 0 0; /* Adjust as needed */
  opacity: 0.4; /* Set your desired opacity here */
  z-index: -1; /* Places the pseudo-element behind the content */
}
.quotes:nth-child(1)::before {
  background-position: 50% 50%; /* Adjust as needed */
}
.quotes:nth-child(2)::before {
  background-position: 100% 100%; /* Adjust as needed */
}

.shine figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.shine figure:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}


.shine figure {
	position: relative;
}
.shine figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.shine figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}