::-webkit-scrollbar {
  width: 1em;
  height: .8em;
}
::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}
::-webkit-scrollbar-thumb {
  background: #3e3e3e;
  border-radius: .4em;
  transition:225ms;
}
::-webkit-scrollbar-thumb:hover {
  background: #8f8f8f;
}
::-webkit-scrollbar-thumb:active {
  background: #505c6b;
}
::-webkit-scrollbar-track {
  background: #272626;
  border: 0px none #ffffff;
  border-radius: 0px;
}
::-webkit-scrollbar-track:hover {
  background: #3d3d3d;
}
::-webkit-scrollbar-track:active {
  background: #333333;
}
::-webkit-scrollbar-corner {
  background: transparent;
}
h2, h3, h4, h5, h6 {
	margin: 0.25em 1em;
    line-height: .75em;
    text-align: center;
}
h2::after, h3::after, h4::after, h5::after, h6::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #ccc;
    margin-top: .25em;
}

/* Main Layout */
body{
	background: url(/wp-content/uploads/2016/10/time-and-matter-chinese-ink-on-transparent-paper-2015-copy-1200x538.jpg);
	
	background-attachment: fixed;
	background-size: cover;
  width: 100%;
  max-width:1440px;
  margin: 0 auto;
  overflow-x:hidden;
  font-size: 18px;
}
body::before {
    content: '';
    position: fixed; 
    top: 0;
    left: 0;
    height: 100%;
	width:100%;
  background-image:url(../img/paper.png); 
	background-repeat:repeat;
	background-attachment: fixed;
	
    z-index: -1;
}
body::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    display: block;
    width: 100%;
    background: linear-gradient(180deg,rgba(0, 0, 0,.98),rgba(0, 0, 0, 0.9),rgba(0, 0, 0, 0.88),rgba(0, 0, 0, 0.95));
	z-index: -1;
}
#page.site {
    background: linear-gradient(45deg,rgba(0,0,0,.5), transparent, rgba(0,0,0,.75));
}
#page.site:before,
#page.site:after {
  content: "";
  position: relative;
  display: block;
  top: 0;
  width: 80px;
  height: 100%;
}
#page.site:before {
  left: -80px;
  background: linear-gradient(transparent, #000000);
}
#page.site:after {
  left: 1440px;
  background: linear-gradient(#000000, transparent);
}

main#main > article > header {
/* 	clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 0% 100%); */
/* 	clip-path: url(#myCurve);     */
	clip-path: polygon(100% 0, 100% 80%, 50% 100%, 30% 90%, 0 95%, 0 0);
	background: #999;
}
main#main .entry-content {
	word-break: break-word;
    font-size: 1.15em;
}
main#main .entry-content a {
	word-break: break-all;
}
header#masthead{
  box-shadow: 0 0 10px #000;
}
header#masthead > .site-branding {
    margin-top: .45em;
    width: calc(100% - 70px);
}
header#masthead > .site-branding > a.custom-logo-link:focus {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: scale(.95) rotate(-0.5deg);
  transform: scale(.95) rotate(-0.5deg);
}
.menu-toggle {
  display: block;
  position: absolute;
    top: -3.5em;
    right: 1.5em;
  z-index: 9;
  width: 2em;
  height: 2em;
  max-width: 2em;
  max-height: 2em;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  opacity:.7;
}
.menu-toggle span{
  display: block;
  position: absolute;
  height: 1vw;
  max-height: 9px;
  width: 100%;
  background: #ffffff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
.menu-toggle span:nth-child(1) {
  top: 10px;
}
.menu-toggle span:nth-child(2) {
  top: 20px;
}
.menu-toggle span:nth-child(3) {
  top: 30px;
}
.menu-toggle.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.menu-toggle.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}
.menu-toggle.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
nav#site-navigation {
		position: relative;}
.main-navigation {
    float: none;
    margin-top: .45em;
    width: 100%;
}
.main-navigation ul#primary-menu{
}

.main-navigation ul#primary-menu > li {
    width: 33.333333%;
    height: 100px;
    overflow: hidden;
    filter: grayscale(50%);
}
.main-navigation ul#primary-menu > li::before{
    content:'';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-size: cover;
    filter: grayscale(100%);
    transition: all 300ms linear;
}
.main-navigation ul#primary-menu > li::after{
    content:'';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7); 
    pointer-events: none;
    transition: all 225ms ease-in-out;
}
.main-navigation ul#primary-menu > li:nth-child(1)::before {background-image: url(/wp-content/uploads/paper.png);}
.main-navigation ul#primary-menu > li:nth-child(2)::before {background-image: url(/wp-content/uploads/skin.png);}
.main-navigation ul#primary-menu > li:nth-child(3)::before {background-image: url(/wp-content/uploads/paint.png);}
.main-navigation ul#primary-menu > li:nth-child(4)::before {background-image: url(/wp-content/uploads/print.png);}
.main-navigation ul#primary-menu > li:nth-child(5)::before {background-image: url(/wp-content/uploads/install.png);}
.main-navigation ul#primary-menu > li:nth-child(6)::before {background-image: url(/wp-content/uploads/social.png);}

.main-navigation ul#primary-menu > li.current-menu-item  {
    filter: grayscale(50%);
}
.main-navigation ul#primary-menu > li.current-menu-item::after {
    background: rgba(13, 89, 191,.3);
}

.main-navigation ul#primary-menu > li > a {
  position: absolute;  display:flex;
  justify-content: center;
  align-items:center;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #ffffff;
  text-shadow: 0 0 2px #000000;
  opacity:.8;
  text-transform: uppercase;
  z-index: 1;
  transition: opacity 150ms ease;
}


.main-navigation ul#primary-menu > li:hover::before {
  filter: grayscale(30%);
  transform: scale(1.1);
  transition: all 225ms linear;
}
.main-navigation ul#primary-menu > li:hover::after {
   background: rgba(0,0,0,0);
}
.main-navigation ul#primary-menu > li > a:focus  {
    color:transparent;
    display:block;
    width:100%;
    height:100%;
    text-shadow: none;
}
.main-navigation ul#primary-menu > li > a:focus::after{
	z-index:1;
	content:'';
	display: block;
	width:100%;
	height:100%;
	background: rgba(138, 188, 255, 0.5);;
	animation: colorchange linear 525ms infinite;
	-webkit-animation: colorchange linear 525ms infinite;
	position: relative;    
	top: -1em;
    box-sizing: border-box;
	}

    @keyframes colorchange
    {
      0%  {background: rgba(138, 188, 255, .5);}
      50% {background: rgba(3, 14, 198, .5);}
    }

    @-webkit-keyframes colorchange
    {
      0%  {background: rgba(138, 188, 255, .5);}
      50% {background: rgba(3, 14, 198, .5);}
    }
/* Page Header */
main#main > article > header.entry-header {
  overflow: hidden;
  position: relative;
  text-align:right;
}
main#main > article > header.entry-header::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.5);
  top: 0;
  position: absolute;
}
main#main > article > header.entry-header > div#featured-image {
  position: absolute;
  overflow: hidden;
  height: 100%;
  width: 100%;
	opacity: 0;
}
main#main > article > header.entry-header > div#featured-image > img {
  position: relative;    
  filter: grayscale(70%) blur(0px);
  object-fit: cover;
  height: 115%;
}
main#main > article > header.entry-header > h1.entry-title {
  display: inline-block;
  width:100%;
    transform: rotate(-5deg);
    font-size: 3em;
  text-transform: uppercase;
  text-align: center;
  position:relative;
  z-index:201;
  color:#cccccc;
  color:rgba(255,255,255,.8);
  text-shadow: -1px 2px 5px #000000;
  pointer-events: none;
  word-break: break-word;    
	margin: 2em auto 2em;
}
img.dcll-image, .sow-slider-image-cover{filter: grayscale(70%)}
a{ transition: 225ms ease; }
a > img{    filter: grayscale(70%) !important; transition:filter 225ms ease-in-out; }    
/*a:hover > img{ filter: grayscale(0%);}    */
figcaption.dgwt-jg-caption>span {
    font-size: .8em;
}
figure.dgwt-jg-item.jg-entry > a > img {
    object-fit: cover;
}

/*
.gallery-caption {
    font-family: verdana, "sans serif";
    font-size: .7em;
}
a#swipebox-close {
    transform: scale(2);
}
#swipebox-bottom-bar, #swipebox-top-bar {
    background: transparent;
}
*/
/*Back to top*/
#back-to-top {
    position: fixed;
    bottom: 60px;
    right: 15px;
    z-index: 999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: rgba(255,255,255,.4);
    color:  rgba(0,0,0,.85);
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
display:none;
}
#back-to-top:hover {
    background: rgba(255,255,255,.8);
}
.entry-content{
	font-size: 1.25em;
}
.entry-content p{
    margin: 1em auto;
    padding: 1em;
    max-width: 50ch;
}
.entry-content a {
    color: #6f8095;
}

h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a{
	text-decoration: none;
	color: inherit !important;
}

/*home*/
#cycloneslider-latest-1, .so-widget-sow-hero {
    margin: 0 -10px;
}
main#main > article  .sow-slider-image-wrapper > h2{
  transition: all 225ms ease;
}
main#main > article  .sow-slider-image-container:hover > h2{
  font-size: 2.8em !important;
}
main#main > article  .sow-slider-image-cover:hover {
	filter: blur(0);
}
main#main > article  .so-widget-sow-hero .sow-slider-image-overlay, #cycloneslider-latest-1 img{
  filter: grayscale(70%);
  opacity:.7;
}
#byse-network .sow-masonry-grid-item img {
    background: #ffffff;
}
#byse-network .sow-masonry-grid-item:after img:target {
    position: absolute;
    content:attr(title);
    left:0;
    bottom:0;
    font-size:1em;
    height:1.25em;
    color:white;
}

#tips.alert{display:none;}

/* contact */
.fc-cols{
  display: flex; 
  flex-wrap: nowrap; 
  justify-content: space-between;
}
/* mobile */
@media screen and (max-width: 600px) {
  main#main>article>header.entry-header>div#featured-image>img {
      height: 120%;
      margin-left: -50%;
  }	
} 
@media all and (max-width:768px){
	.fc-cols{
		flex-wrap: wrap; 
	}
	.fc-cols>div:nth-child(2) {
		order: 3;
	}
}
@media screen and (max-width: 782px) {
	img.custom-logo {
		width: auto;
    	max-height: 4em;
		padding: .5em 0 0 1em;
	}	
	ul#primary-menu[aria-expanded=false] > li {
		overflow:hidden;
		height: 0px !important;
		transition: 150ms cubic-bezier(1, 0.18, 0.92, 0.43);
	}
	ul#primary-menu[aria-expanded=true] > li{
		height: 100px !important;
		transition: 225ms cubic-bezier(0.56, 1.05, 0.45, 1.01);
	}
	#tips.alert{
		width:50%;
		margin:0;
		padding:2em;
		position:fixed;
		bottom:0;
		width: 100%;
		background: white;
		z-index: 99;
	}
	#tips .close{
		position: absolute;
		width: 1em;
		height: 1em;
		opacity: 0.5;
		border-width: 1px;
		border-style: solid;
		border-radius: 50%;
		right: .5em;
		top: .5em;
		text-align: center;
		font-size: 1.6em;
		cursor: pointer;
		line-height: 1em;
	}

}
/* tablet */
@media screen and (min-width: 783px) {

    header#masthead > .site-branding {
        display: inline-block;
        width: 300px;
        padding: 0 5px;
    }
    header#masthead > .main-navigation {
        display: inline-block;
        float: right;
        width: calc(100% - 300px);
        max-width: 900px;
    }
    .main-navigation ul#primary-menu > li {
    width: 16.666667%;
    	height: 100px;
    }
	main#main > article > header.entry-header > h1.entry-title {
		width: auto;
		max-width: 10em;
    	margin: .5em .25em 3em 0;
		font-size: 4em;
	}
	main#main > article > header.entry-header > div#featured-image > img {
		width: 100%;
		height: 60vh;
	}
	/*
  main#main > article > header.entry-header > div#featured-image.sculpture-installation > img {
    top: -100%;
  }
  main#main > article > header.entry-header > div#featured-image.contact > img {
    top: -250%;
    filter: grayscale(70%) blur(1px);
  }
  main#main > article > header.entry-header > div#featured-image.biography > img {
    top: -120%;
  }
	*/
    main#main > article .sow-slider-image-wrapper > h2{
	  font-size: 2em !important;
	}
	main#main > article .sow-slider-image-wrapper:hover > h2{
	  font-size: 4em !important;
	}
}
/* desktop */
@media screen and (min-width: 1200px) {
/*
  main#main > article > header.entry-header > div#featured-image.painting > img {
    top: -130%;
  }
  main#main > article > header.entry-header > div#featured-image.sculpture-installation > img {
    top: -190%;
  }
  main#main > article > header.entry-header > div#featured-image.contact > img {
    top: -250%;
    filter: grayscale(70%) blur(1px);
  }
  main#main > article > header.entry-header > div#featured-image.biography > img {
    top: -160%;
  }
	*/
	header#masthead > .main-navigation {
		width:100%;
		height: calc(100% - 260px);
		overflow: hidden;
   	 	margin: 0;
	}
}

footer#colophon.site-footer {
    background: #000000;
    padding: 1em;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    font-size: .8em;
}
footer#colophon #custom_html-2.footer-widgets {
    float: right;
    clear: both;
    text-align: right;
}
footer#colophon .site-info {
}
footer#colophon.site-footer small {
    font-size: 60%;
}

/* DRIPPING WELDED */
header#masthead{
    background: #000000;
    line-height: 1;
    z-index: 200;
    position: relative;
}
header#masthead .drip {
    position: absolute;
    bottom: 0;
    left: 5%;
    height: 15px;
  width: 280px;
  cursor: pointer;
  -webkit-filter: url("#goo");
  filter: url("#goo");
  background: #000000;
}
header#masthead .drip .drop {
  position: absolute;
  top: 0;
  left: 75%;
  width: 1.2em;
  height: 80px;
  border-radius: 1em;
  background: #000000;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
header#masthead .drip .drop:hover {
  height: 120px;
}
header#masthead .drip .droplet {
  position: absolute;
  top: 0;
  left: 64%;
  width: 1em;
  height: 55px;
  border-radius: .5em;
  background: #000000;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-animation: droplet 1.4s 0.4s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1;
          animation: droplet 1.4s 0.4s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1;
}
header#masthead .drip .droplet:hover {
  top: 10px;
  width: 1em;
  left: 63%;
  -webkit-animation: reset;
          animation: reset;
}
header#masthead .drip .droplet2 {
  position: absolute;
  top: 20px;
  left: 74%;
  width: 1em;
  height: 35px;
  border-radius: 50%;
  z-index: 3;
  background: #000000;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
header#masthead .drip .droplet2.dripit {
  -webkit-animation: droplet 1s 0.6s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1;
          animation: droplet 1s 0.6s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1;
}
header#masthead  div#welded {
    position: absolute;
    right: 155px;
    display: none;
}
header#masthead  div#welded > div{
    background: #000;
    position: absolute;
}
@media screen and (min-width: 450px){
  header#masthead  div#welded {
      display: block;
  }
}
header#masthead  div#welded > div.bar1 {
    width: 150px;
    height: 10px;
    transform: rotate(-15deg);
    top: 10px;
}
header#masthead  div#welded > div.bar1 > div {
    width: 25px;
    height: 12px;
    position: relative;
    top: 9px;
    right: -110px;
    background: #000;
}
header#masthead  div#welded > div.bar2 {
    height: 5px;
    width: 46px;
    transform: rotate(65deg);
}

@-webkit-keyframes drop {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
            opacity:1;
  }
  50% {
    height: 30px;
    width: 30px;
    opacity:1;
  }
  100% {
    -webkit-transform: translate(0, 550px);
            transform: translate(0, 550px);
            opacity:0;
  }
}
@keyframes drop {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
            opacity:1;
  }
  50% {
    height: 30px;
    width: 30px;
    opacity:1;
  }
  100% {
    -webkit-transform: translate(0, 550px);
            transform: translate(0, 550px);
            opacity:0;
  }
}
@-webkit-keyframes droplet {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
            opacity:1;
  }
  50% {
    height: 35px;
    width: 35px;
    opacity:1;
  }
  100% {
    -webkit-transform: translate(0, 700px);
            transform: translate(0, 700px);
            opacity:0;
  }
}
@keyframes droplet {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
            opacity:1;
  }
  50% {
    height: 35px;
    width: 35px;
    opacity:1;
  }
  100% {
    -webkit-transform: translate(0, 700px);
            transform: translate(0, 700px);
            opacity:0;
  }
}


/* plugins */
.textwidget > p {
    padding: 10px;
}
/* swipeslider (responsive lightbox plugin) */
.pswp__bg {
    background: rgb(0,0,0) url(/wp-content/uploads/cropped-logo.png) no-repeat center center !important;
}
input.wpcf7-submit {
    font-size: 1.5rem;
}
span.wpcf7-not-valid-tip {
    color: #f36565;
    background: rgba(255, 255, 255, 0.2);
    padding: 0 .5em;
}
div.wpcf7-response-output {
    padding: 1em 2em;
}
#contact-quiz{
	color:white;
    display: block;
    font-size: 1.2em;
    border: 1px solid rgb(248, 242, 187);
    background: transparent
}
span.wpcf7-quiz-label {    
	font-style: italic;
    display: block;
    font-size: 1.2em;
    color: rgb(248, 242, 187);
    padding-right: 5.45em;
    position: relative;
    letter-spacing: -.05em;
}
/*span.wpcf7-quiz-label::after {
    content: '';
    background: url(https://i.ytimg.com/vi/UNfDT-CjyHU/hqdefault.jpg);
    background-size: contain;
    width: 5em;
    animation: blink-animation 1s steps(5,start) infinite;
    -webkit-animation: blink-animation 1s steps(5,start) infinite;
    display: block;
    position: absolute;
    height: 4em;
    opacity: .5;
    top: 0;
    right: .5em;
}*/
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
.wpcf7-response-output {
    background: #392c2c;
    padding: 1em;
    border: 0 !important;
    border-top: 2px solid;
    border-bottom: 2px solid;
	border-color:#fff
}

div.wpcf7 .ajax-loader {
	display:none;
   background: none;
  -webkit-animation: spin 1s ease-in-out infinite;
  animation: spin 1s cubic-bezier(0.36, 0.09, 0.27, 0.97) infinite;
    border: 3px solid #757575;
    border-top: 3px solid #f9baf1;
  border-radius: 50%;
  height: 1em;
  width: 1em;
  margin: 0;
  vertical-align: middle;
}

@-webkit-keyframes spin {
  50% {
    border-top-color: #ff38e6;
  }
  100% {
    border-top-color: #000000;
   -webkit-transform: rotate(360deg);
           transform: rotate(360deg);
  }
}

@keyframes spin {
  50% {
    border-top-color: #ff38e6;
  }
  100% {
    border-top-color: #000000;
   -webkit-transform: rotate(360deg);
           transform: rotate(360deg);
  }
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    width: 100%;
	color: #eee;
    display: block;
    font-size: 1.2em;
    border: 1px solid;
    background: 0 0;
	transition:225ms;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
    color: #fff;
}
.fc-cols{
	padding:.5em;
}
.fc-cols>div {
    width: 100%;
}
body, button, input, select, optgroup, textarea {
    width: 100%;
	max-width: unset;
}

@media screen and (min-width:1200px){
	header#masthead {
		height: 100vh;
		width: max(350px, 25%);
		display: flex;
		align-items: start;
		justify-content: start;
		float: left;
		flex-flow: column;
		position: fixed;
	}
	div#content {
		width: calc(100% - max(350px, 25%));
		float: right;
	}
	.site-branding {
		display: inline-block;
		margin: 0 auto;
		padding: 1em;
	}
	nav#site-navigation {
		display: block;
		width: 100%;
		max-width: unset;
	}
	nav#site-navigation .menu-navigation-container {
    height: 100%;
	}
	ul#primary-menu {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    height: 100%;
	}
	ul#primary-menu > li {
		width: 100% !important;
		flex: 1;
	}
	main#main>article>header.entry-header {
		height: 50vh;
	}
	main#main>article>header.entry-header>div#featured-image {
		height: unset;
	}
	footer#colophon {
		position: fixed;
		bottom: 0;
		width: max(350px, 25%);
		z-index: 9999;
	}
	div#welded, .drip  {
		display: none !important;
	}
}







/* pace loader */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transform: translate3d(0, -50px, 0);
  -ms-transform: translate3d(0, -50px, 0);
  transform: translate3d(0, -50px, 0);
  -webkit-transition: -webkit-transform .5s ease-out;
  -ms-transition: -webkit-transform .5s ease-out;
  transition: transform .5s ease-out;
}
.pace.pace-active {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 9999;
}
.pace .pace-progress {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
	width: 100%;
	height: 7px;
	/*background: rgba(13, 89, 191, .5);*/ 
	background: rgba(255, 255, 255, .85);
  pointer-events: none;
}