::selection{background-color: #FFC72A; color: #171717;}
::-moz-selection {background-color: #FFC72A; color: #171717;}
::-webkit-selection{background-color: #FFC72A; color: #171717;}


/* blue = #20d1ca */
/* yellow = #ffc72a */
/* pink = #fb3c54 */
/* black = #2c2c2c */
/* grey = #5d5d5d */
/* grey med = #4c4c4c */
/* grey light = #e8e8e8 */
/* nimbus = 'nimbus-sans-extended' */
/* tablet = 'tablet-gothic-compressed' */
/* novo =
novecento_light
novecento_book
novecento_medium
novecento_bold
*/


body.nav-open,
html.nav-open{
  overflow: hidden;

}
body{
  background: url('../images/concrete_seamless.png');
  font-size: 16px;
  font-family: 'ColaborateMediumRegular';
  -webkit-font-smoothing: antialiased;
}

.container-fluid{max-width: 1200px;}
#main-container{
  background: #fff;
  max-width: 96%; margin: 0 auto;

}
#content > #main-container:only-child{
  min-height: 50vh;
}

.col-pad-0{padding-left: 0 !important; padding-right: 0 !important;}
.col-left-pad-0{padding-left: 0 !important;}
.col-rght-pad-0{padding-right: 0 !important;}

.left{float: left;}
.right{float: right;}
.clear{clear: both;}

.l-align{text-align: left !important;}
.r-align{text-align: right;}
.c-align{text-align: center;}

.dis-table{display: table; width: 100%; height: 100%;}
.dis-tcell{display: table-cell; width: 100%; height: 100%; }

.valign{vertical-align: middle;}

.divider{
  height: 2px; width: 100%;
  margin: 0 auto;
  background: #efefef;
  margin: 50px 0;
}

strong{font-weight: bold;}

.line{
  width: 100%; height: 5px; margin: 0 auto;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}

.small{font-size: 10px; color: #ffffff;}
ul.tabs{margin-bottom: 0 !important;}
.skull-sanders{display: block; margin:auto;}

#content{
  padding-top: 60px;
}
header#page-header.message ~ #content{padding-top: 95px;}
.toolbar header#page-header.message ~ #content{padding-top: 290px;}

#scroll-top{
  position: fixed;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  z-index: 9999;
  padding: 0;
  width: 32px;
  height: 32px;
  line-height: 1.5;
  font-size: 20px;
  opacity: 0;
  margin: 0;
}

#scroll-top.showin{
  bottom: 10px;
  right: 10px;
  visibility: visible;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  z-index: 9999;
  opacity: .85;
}


.vert-line:before{
  content: "|";
  font-family: 'novecento_book';
  color: #ccc;
  margin: 0 1em;

}
.smaller{font-size: 85%;}
.bold{font-weight: 600;}

p{
  font-size: 1.125em;
  line-height: 1.625em;
  margin: 0 0 1em 0;
  font-family: 'ColaborateLightRegular';
}
.compact{
  font-family: 'ColaborateMediumRegular';
  line-height: 1.25em;
  font-size: 14px;
}

a{color: inherit;}
a.btn, button.btn{
  display: inline-block;
  font-size: 14px;
  line-height: 34px;
  text-transform: uppercase;
  height: 37px;
  border: 2px solid #ffc72a;
  background: #ffc72a;
  color: #171717;
  font-family: 'novecento_medium';
  text-align: center;
  padding: 0 36px;
  cursor: pointer;
  margin: 12px 0;
}
a.btn.btn-100, .btn-100{width: 100% !important; padding: 0 !important;}
a.btn.btn-open{
  background: transparent;
  color: #ffffff;
  border-color: #ffffff;
}
a.btn.btn-open.yellow{
  border-color: #f3bb0c;
  color: #171717;
}
a.btn.btn-black{
  background: #171717;
  color: #ffc72a;
  border-color: #171717;
}
a.btn.btn-grey{
  background-color: #e8e8e8;
  border-color: #e8e8e8;
}

.btn-open{
  overflow: hidden;
  position: relative;
}
#home-store-split .btn-open{
  transition: color 0.3s;
  z-index: 100;
  width: 210px;
}
#home-store-split .btn-open:after{
  content: '';
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 0;
  top: 50%;
  left: 50%;
  background: #fff;
  opacity: 0;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  transition: all 0.3s;
}
#home-store-split .btn-open:hover:after {
  height: 375%;
  opacity: 1;
}
#home-store-split .bg-pink .btn-open:hover{
  color: #fb3c54;
}
#home-store-split .bg-blue .btn-open:hover{
  color: #20d1ca;
}






h1, h2, h3, h4, h5, h6{
  font-family: 'tablet-gothic-compressed';
  color: #ffc72a;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 24px;
}
h1{
  color: #171717;
  font-size: 4em;
  line-height: 60px;
  margin-top: 50px;
}
h2{font-size: 2.25em;}
h3{font-size: 1.75em;}
h4{font-size: 1.25em;}


ul.no-style{
  margin: 0;
  padding: 0;
  list-style-type: none;
  line-height: 1.75;
  font-size: 14px;
}
.text-upper{text-transform: uppercase;}

.white{color: #ffffff;}
.bg-white{background-color: #ffffff;}
.yellow{color: #ffc72a;}
.bg-yellow{background-color: #ffc72a;}
.blue { color: #20d1ca; }
.bg-blue { background-color: #20d1ca; }
.pink { color: #fb3c54; }
.bg-pink { background-color: #fb3c54; }
.black { color: #171717; }
.bg-black { background-color: #171717; }
.grey { color: #5d5d5d; }
.bg-grey { background-color: #5d5d5d; }
.grey-med { color: #4c4c4c; }
.bg-grey-med { background-color: #4c4c4c; }
.grey-light { color: #e8e8e8; }
.bg-grey-light { background-color: #e8e8e8; }
.transparent{color: transparent;}

.novo-num{font-size: 115%;}

.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}
.list-inline>li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

.social li a{
  font-size: 1.75em;
  margin: 0 5px;
}


/*tabs*/
#content:not(.admin) .tabs{display: ;}
ul.primary.tabs li {
  border-radius: 0 !important;
  font-family: 'novecento_medium';
  text-transform: uppercase;
  background-color: #e8e8e8;
  border-color: #e8e8e8;

}
ul.primary, ul.secondary{text-align: center;}
ul.primary a:link, ul.primary a:visited {
  border-radius: 0 !important;
  background-color: #e8e8e8;
  border-color: #e8e8e8;
}

ul.primary a.active {
  background-color: #666 !important;
  color: #fff !important;
  background-image: none !important;
  letter-spacing: normal !important;

}
ul.primary a, ul.secondary a {
  border: 0 !important;
  text-shadow: none !important;
}
ul.secondary {
  margin-top: 0 !important;
}
ul.secondary a.active, ul.secondary a:active {

}
ul.secondary a:link, ul.secondary a:visited {
  border-radius: 0 !important;
}
ul.primary li, ul.secondary li {
  display: inline-block !important;
  float: none !important;
}
.profile{text-align: center;}



header#page-header{
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  z-index: 500;
}


#site-message{
  background: url('../images/message-bg.jpg');

  color: #fff;
  font-family: 'ColaborateLightRegular';
  font-size: 14px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  z-index: 9999;
  position: absolute;
  top: 0;
  width: 100%;
}
.message #nav-mobile{ top: 35px; }

/* Sanders Infnite Loader*/
#views_infinite_scroll-ajax-loader img{display: none !important;}
#views_infinite_scroll-ajax-loader{display: block; background: url('../images/skull-sanders.png'); width: 65px; height: 107px; margin: 0 auto; background-size: 65px 107px !important;}

#nav-mobile{
  background: #000000;
  width: 100%;
  position: relative;
  padding-right: 45px;
  height: 60px;
  line-height: 60px;
  z-index: 999;
}
#nav-mobile h1{
  font-family: "nimbus-sans-extended";
  font-size: 1.75em;
  text-transform: uppercase;
  margin: 0;
  float: left;
}
#nav-mobile h1 a{
  display: block;
  line-height: 60px;
  height: 60px;
}
#nav-mobile #name{
  color: #20d1ca;
}
#nav-mobile span#sub{
  display: none;
  font-family: 'novecento_book';
  font-size: 14px;
  color: #707070;
  letter-spacing: .05em;
  position: relative;
  top: -5px;
}

#main-nav-button{
  background: #191919;
}
#main-nav-button .lines,
#main-nav-button .lines:before,
#main-nav-button .lines:after {
  background: #20d1ca;
}
#nav-mobile .mobile-button{
  background: 0;
  border: 0;
  float: right;
  color: #ffffff;
  height: 100%;
  font-size: 1.125em;
  padding: 0;
  width: 50px;

  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}


header#page-header.message #nav-main{
  height: calc(100% - 95px);
  top: 95px;
}
#nav-main{
  position: fixed;
  width: 100%;
  height: calc(100% - 60px);
  top: 60px;
  left: 0;
  padding: 1.5em 0;
  background: rgba(25,25,25,0.9);
  font-family: 'tablet-gothic-compressed';
  overflow-y: scroll;

  /*-- animations --*/
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
  transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
}
.nav-open #nav-main{
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
}

#nav-main > ul{
  padding: 0;
  margin: 0;
  list-style-type: none;
  text-align: center;
}
#nav-main > ul > li > a{
  display: block;
  font-size: 10vw;
  font-size: 5vh;
  padding: 2vh 0;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
}
#nav-main ul.dropdown {
  display: none;
  position: absolute;
  z-index: 9999 !important;
  width: 215px;
  background-color: rgba(255, 199, 42, .95);
  padding: 0;
  list-style-type: none;
  text-align: left;
  padding: 1em;
  font-size: 1.25em;
  top: 3.6em;
}
#nav-main ul.dropdown li a{
  color: #171717;
    white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  display: block;
}





/*-- Mobile Nav Button --*/
.menu-button:focus { outline: 0;}
.menu-button {
  height: 100%;
  width: 60px;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  user-select: none;
  display: inline-block;
  border: none;
  background: none;
}

.lines,
.lines:before,
.lines:after {
  display: inline-block;
  width: 18px;
  height: 3px;
  background: #ffffff;
  transition: 0.3s;
  position: absolute;
}

.lines {
  top: 50%;
  left: 50%;
  margin-left: -9px;
  margin-top: -1.5px;
}

.lines:before { top: -6px; }
.lines:after { top: 6px; }

.lines:before,
.lines:after {
  left: 0;
  content: '';
  -webkit-transform-origin: 0.28571rem center;
  transform-origin: 0.28571rem center;
}

.nav-open .lines {
  background: transparent !important;
}

.nav-open .lines:before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}

.nav-open .lines:after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}

.nav-open .lines:before,
.nav-open .lines:after {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  top: 0;
  width: 18px;
}


#nav-search{
  width: 100%;
  z-index: 0;
  position: absolute;
  top: -45px;
  transition: top 0.3s ease-in-out;
  -moz-transition: top 0.3s ease-in-out;
  -webkit-transition: top 0.3s ease-in-out;
  -o-transition: top 0.3s ease-in-out;
}
.search-open #search-open,
.cart-open #cart-open{
  background: #fff;
  color: #333;
}
.search-open header#page-header.message #nav-search {
  top: 95px;
}
.search-open #nav-search{
  top: 60px;
}
#nav-search-form{
  width: 100%;
  height: auto;
  padding-bottom: 0;
}
#nav-search-box{
  float: left;
  width: calc(100% - 60px);
  border-right: 0;
  border-top: 0;
  height: 45px;
}
#nav-search-button{
  float: left;
  width: 60px;
  height: 45px;
}


#nav-cart{
  font-family: 'novecento_medium';
  text-transform: uppercase;
  font-size: 14px;
  background: #fff;
  position: absolute;
  top: -152px;
  right: 0;
  width: 100%;
  height: 152px;
  padding: 16px;
  border-bottom: 1px solid #e8e8e8;
  transition: top 0.3s ease-in-out;
  -moz-transition: top 0.3s ease-in-out;
  -webkit-transition: top 0.3s ease-in-out;
  -o-transition: top 0.3s ease-in-out;
}
.message #nav-cart{
  top: -117px;
}
#nav-cart > a{display: block;}
.cart-open .message #nav-cart{top: 35px;}
.cart-open #nav-cart{
  top: 0;
}
#user-info{
  text-align: center;
  color: #c7c7c7;
}
#user-info a{
  font-family: 'novecento_medium';
  color: #4c4c4c;
}
#cart-header{
  color: #4c4c4c;
  font-family: 'novecento_medium';
  font-size: 12px;
  margin: 0;
  background: #e8e8e8;
  height: 30px;
  line-height: 30px;
  text-align: center;
  transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
}
#cart-header .fa{margin-right: 12px;}
#cart-info{
  position: relative;
  max-width:250px;
  margin: 0 auto;
  border: 1px solid #e8e8e8;
  transition: border 0.3s ease-in-out;
  -moz-transition: border 0.3s ease-in-out;
  -webkit-transition: border 0.3s ease-in-out;
  -o-transition: border 0.3s ease-in-out;
}

#cart-info:hover{border: 1px solid #f3bb0c;}
#cart-info:hover #cart-header{background: #f3bb0c;}

#cart-contents{
  font-size: 1.125em;
  display: block;
  padding: .75em;
  text-align: center;
}



/*-- Subnavs --*/
.subnav{
  position: relative;
  margin-bottom: 1em;
}
.subnav a{
  font-family: 'ColaborateMediumRegular';
  font-size: 16px;
  color: #171717;
  text-transform: uppercase;
}
.btn.subnav-button {
  width: 100%;
  background: #f3bb0c;
  color: #fff;
  text-align: center;
  border: 0;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: 'tablet-gothic-compressed';
  font-weight: 500;
  font-size: 36px;
  line-height: 25px;
  height: 50px;
  margin: 0;
}
.btn.subnav-button  > .fa {
  position: relative;
  top: -.5em;
  font-size: 16px;
}
.subnav-full{
  background: rgba(255,255,255,0.95);
  padding: 1.25em;
  position: absolute;
  top: 50px;
  width: 100%;
  margin: 0 auto;
  z-index: 100;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
  transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
}
.sub-nav-open .subnav-full {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
}






/*-- Forms --*/
form{margin-bottom: 50px;}
form.webform-client-form:after{ clear: both;}
.form-item{
  margin: .5em 0;
}
.form-required {
  color: #F3BB0C !important;
}

label, td.field-label, td.title-col{
  font-family: 'tablet-gothic-compressed';
  font-size: 1.25em;
  color: #171717;
  text-transform: uppercase;
}

input[type="text"],
input[type="submit"],
button[type="submit"],
input[type="email"],
input[type="password"],
textarea {
  border: 1px solid #e8e8e8;
  background: #e8e8e8;
    color: #444;
  font-family: 'ColaborateLightRegular';
  font-size: 16px;
  padding: 0 12px;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  height: 35px;
  line-height: 35px;
  width: 100%;
  margin: 0;
}

input[type="text"]:focus,
input[type="submit"]:focus,
button[type="submit"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus{
  outline-color: #20d1ca;
}


input[type="submit"]:focus,
button:focus{
  outline: 0 !important;
}
input[type="text"]:focus,
input[type="text"]:active,
input[type="email"]:focus,
input[type="email"]:active,
input[type="password"]:focus,
input[type="password"]:active,
textarea:focus,
textarea:active {
  color: #4c4c4c;
}

input[type="submit"],
button[type="submit"]{
  font-family: 'tablet-gothic-compressed';
  font-weight: 700;
  color: #171717;
  background-color: #f3bb0c;
  border-color: #f3bb0c;
  font-size: 18px;
  text-transform: uppercase;
  padding-bottom: 3px;
  line-height: normal;
}

textarea{
  height: 275px;
}

input[type="checkbox"] + label:hover,
input[type="radio"] + label:hover{
  cursor: pointer;
}

input[type="checkbox"],
input[type="radio"]{
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #e8e8e8;
  width: 1em; height: 1em;
  margin: -10px .5em 0 .5em;
  -webkit-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
input[type="checkbox"]:checked,
input[type="radio"]:checked {
  background: #f3bb0c;
}

input[type="radio"]{
  border-radius: 50%;
}

input.form-submit{
  margin-top: .5em;
  /* margin-bottom: 50px; */
}


select {
  line-height: 1;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #e8e8e8;
  background: #e8e8e8;
  color: #444;
  font-weight: bold;
  font-family: 'ColaborateLightRegular';
  font-size: 16px;
  padding: 0 12px;
  -webkit-border-radius: 0;
  height: 35px;
  line-height: 35px;
  padding-right: 35px;
  background: #e8e8e8 url('../images/select-arrow.png') no-repeat bottom right;

}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  select {background: #e8e8e8; padding-right: 0;}
}





/*-- Footer --*/
footer{
  background: #171717;
  color: #fff;
  padding-bottom: 50px;
}
footer > div > .row > div{padding-top: 50px;}
#social{
  margin-bottom: 24px;
}
#social li a{
  display: block;
  height: 35px;
  width: 35px;
  text-align: center;
  float: left;
  margin-right: 4%;
  background: #fff;
  color: #171717;
  font-size: 21px;
  line-height: 35px;
}
#social #etsy{font-family: "Times New Roman", Times, serif;}
#copy{
  display: block;
  margin-top: 10px;
  font-family: 'novecento_book';
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
}
#mce-EMAIL{width: 70%; padding-left: 38px; background: #fff; color: #666; border: 1px solid #b2b2b2;}
#mc-embedded-subscribe-form{position: relative; margin-bottom: 0;}
#mc-embedded-subscribe{width: auto;}
#email-icon{
  color: #171717;
  position: absolute;
  left: 12px;
  top: 8.5px;
}
footer p.compact{margin-right: 25%;}





/*-- User Pages --*/
#user-login,
#user-pass,
#user-register{
  max-width: 400px;
  margin: 50px auto;
}
#edit-account >div.form-item,
#edit-account .form-type-password,
.section-user .form-actions.form-wrapper{
  max-width: 400px;
  margin: 25px auto;
}
.description a {
  color: #f3bb0c !important;
}
.password-strength, div.password-confirm {
  width: 185px;
  text-align: right;
}
.password-strength{text-align: left;}
.confirm-parent, .password-parent {
  width: auto;
}
#edit-cancel{
  background-color: #e8e8e8;
  border-color: #e8e8e8;
}
.page-user tbody {border-top: 0 !important;}

tr.address-links a.address-link.edit-address-link,
tr.address-links a.address-link.delete-address-link,
.address-link.add-address-link{
  margin-left: 10px;
  text-align: center;
  display: inline-block;
  font-size: 14px;
  line-height: 34px;
  text-transform: uppercase;
  height: 37px;
  border: 2px solid #e8e8e8;
  background: #e8e8e8;
  color: #171717;
  font-family: 'novecento_medium';
  text-align: center;
  padding: 0 36px;
  cursor: pointer;
  margin-left: 0;
}
.address-link.add-address-link{
  background-color: #f3bb0c;
  border-color: #f3bb0c;
}
.list-address .data-row td {
  vertical-align: middle;
}
.address-book .default-addresses,
.address-book .additional-addresses {
  float: none;
  width: 100%;
}
.address-book .default-addresses ol:before,
.address-book .default-addresses ol:after,
.address-book .additional-addresses ol:before,
.address-book .additional-addresses ol:after {
  display: table !important;
  clear: both !important
}
table.list-address{
  width: 100% !important;
}

.page-user dl{
  font-family: 'ColaborateLightRegular';
}
.page-user dt{
  font-family: 'tablet-gothic-compressed';
  font-size: 1.25em;
  color: #171717;
  text-transform: uppercase;
}
.page-user dd a{
  color: #f3bb0c;
}
.additional-addresses .list-address-wrapper {
  margin-top: 0 !important;
}



/*-- 404 --*/
h1#fof-header{
  text-align: center;
  font-size: 30vmax;
  line-height: 1;
  margin-top: 0;
}
h1#fof-header ~ p {
  font-family: 'tablet-gothic-compressed';
  text-transform: uppercase;
  font-weight: bold;
  font-size: 30px;
}
#sanders404{
  color: transparent;
  background: url('../images/SkullSanders-LG.png') no-repeat center center;
  background-size: 100%;
  position: relative;
  top: 16px;
  padding: 0 17px;
}
#fof-shop-btn{
  margin: 0 auto 100px auto !important;
}
#submitted-header{
  margin-top: 0;
}
#submitted-p{
  font-family: 'novecento_medium';
  font-size: 18px;
  text-transform: uppercase;
}

/*-- Home Page --*/
#home-slide{
  height: 40vh;
  background-size: cover;
  background-position: center center;
  transition: height 0.2s ease-in-out;
  -moz-transition: height 0.2s ease-in-out;
  -webkit-transition: height 0.2s ease-in-out;
  -o-transition: height 0.2s ease-in-out;
}

#home-store-split.container-fluid{max-width: 100%;}
.store-split{
  color: #ffffff;
  padding: 40px 0 35% 0;
  position: relative;
  margin-bottom: 13%;
}
.store-split:last-child{
  border-right: 0;
  padding: 90px 0 30% 0;
  margin-bottom: 20%;
}
.store-split p{
  margin: 0 auto 32px auto;
  height: 1em;
  width: 85%;
}
.store-split h3{
  color: #ffffff;
  margin-bottom: 10px;
  font-size: 65px;
  line-height: 65px;
}
.store-split img{
  width: 100%;
  height: auto;
  position: absolute;
  bottom: -30%;
  z-index: 100;
  left: 0;
}
#home-about{
  padding: 50px 0 40px 0;
  text-align: center;
  width: 85%;
  margin: 0 auto;
}
#home-about h3{
  font-family: 'novecento_medium';
  font-size: 18px;
  margin-bottom: 16px;
  color: #2c2c2c;
  text-transform: uppercase;
}
#home-btns{padding: 0 30px;}

#home-faq{
  background: #ffffff;
  padding: 40px 0;
}
#home-faq .faq:first-child{
  border-left: 1px solid #f3f3f3;
}
#home-faq .faq{
  border-right: 1px solid #f3f3f3;
  padding: 10px 25px;
  margin: 15px 0;
  position: relative;
  min-height: 125px;
}
#home-faq .faq h4{
  font-family: 'ColaborateMediumRegular';
  text-transform: uppercase;
  color: #2c2c2c;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 12px;
}
#home-faq .faq p{
  color: #5d5d5d;
  font-size: 15px;
  line-height: 18px;
  line-height: normal;
  font-family: 'ColaborateMediumRegular';
}
#home-faq .faq a{
  position: absolute; bottom: 10px; left: 50%;
  margin-left: -31px;
  font-family: 'tablet-gothic-compressed';
  color: #20d1ca;
  text-transform: uppercase;
  font-weight: 600;
}


#shirt-club-bar{
  position: relative;
  background: url('../images/shirt-club-left.jpg');
  background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-position: center;
}
#shirt-club-bar.pinsiders,
#shirt-club-bar.pinsiders #sc-left{
  /*background-image: url('../images/pinz.jpg');*/
  background-image: url('../images/bikers.jpg');
  background-position-y: top;
}
#shirt-club-bar h1{
  margin-top: 0;
}
#sc-bg{
  position: absolute;
  width: 100%; height: 100%;
  background-image: url('../images/shirt-club-right.jpg');
  opacity: .95;
}
#sc-left, #sc-right{
  display: none;
  background: none;
}
#sc-text{
  padding: 50px 15px;
}

#sc-text p{
  font-family: 'ColaborateMediumRegular';
  font-size: 16px;
  color: #ffffff;
}
#sc-image img{
  width: 100%;
  height: auto;
  max-width: 250px;
  margin: 0 auto 24px auto;
}
.pinsiders #sc-image img{max-width: 300px;}




/*-- Blog --*/

#views_infinite_scroll-ajax-loader{margin: 50px auto;}
.feed-icon{display: none;}
.views-row.blog-post{border-bottom: 2px solid #efefef;}
.blog-post{
  text-align: center;
  background: #ffffff;
  padding-bottom: 50px;
}
#blog-home .blog-post{padding-top: 60px;}
.blog-post h1{
  color: #ffc72a;
  font-family: 'novecento_medium';
  font-size: 38px;
  margin-top: 40px;
  margin-bottom: 6px;
  line-height: normal;
}
.blog-post .post-date{
  font-family: 'novecento_medium';
  color: #171717;
  text-transform: uppercase;
}
.blog-post .post-media {
  width: 70%;
  margin: 0 auto;
}
.blog-post .blog-video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px; height: 0; overflow: hidden;
  margin: 1% 0 40px 0;
}
.blog-post .blog-video:first-child{margin-top: 0;}

.blog-post .blog-video iframe,
.blog-post .blog-video object,
.blog-post .blog-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.blog-post .img-responsive{
  margin: 2em auto;
}
.blog-post .imgalt{
  font-size: .85em;
  width: 100%;
  display: block;
  margin-bottom: 2em;
}
.blog-post ul li>a{font-size: 16px;}
#blog-home .blog-post .img-responsive{max-height: 450px;}





/*-- Store --*/
#store-nav{
  position: relative;
}

#store-nav-mobile{
  width: 100%;
  background: #f3bb0c;
  color: #fff;
  text-align: center;
  border: 0;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: 'tablet-gothic-compressed';
  font-weight: 500;
  font-size: 36px;
  line-height: 25px;
  height: 50px;
  margin: 0;


}

#store-nav-full{
  position: absolute;
  top: 50px;
  width: 90%; margin: 0 auto;
  width: calc(100% - 30px);
  z-index: 100;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
  transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
}
.sub-nav-open #store-nav-full{
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
}


#store-nav-mobile > .fa{
  position: relative;
  top: -.5em;
  font-size: 16px;
}

#store-nav-full{
  background: #ffffff;
  padding: 1.25em;
}
#store-nav-full form{
  display: block;
  margin-bottom: 1.5em;
  min-height: 37px;
}
#store-nav-full ul{
  padding: 0;
  margin: 0;
  margin-bottom: 2em;
  list-style-type: none;
  text-transform: uppercase;
  line-height: 1.75em;
}
#store-nav-full ul li > a{
  color: #20D1CA;
}

.store-cat-desc p{font-family: 'ColaborateLightRegular'; line-height: 1.125;}
span.sub-cat-header{font-size: 65%;}
p.product-price.sold-out{font-size: 14px;}
.on-sale{font-style: italic; font-size: 14px; color: #ffc72a;}

#store-2015-page{padding-bottom: 45px;}
#store-2015-page .item-list .pager li .ajax-progress.ajax-progress-throbber{
  display: none !important;
}

#store-2015-page .item-list ul.pager{
  height: 40px;
  margin: 0;
  padding: .75em 0 1em 0;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  width: 280px;
  margin: 0 auto;
}
#store-2015-page .item-list  .pager li {
  padding: 0 15px;
  margin: 0;
  background: #ffffff;
  color: #171717;
  float: left;
  border-left: 1px solid #dddddd;
    height: 40px;
  line-height: 40px;
}
#store-2015-page .item-list  .pager li.pager-next {

  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
#store-2015-page .item-list  .pager li.pager-previous {
  border-left: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

#store-2015-page .item-list  .pager li.pager-current.first{
  border-left: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  margin-left: 40px;
}


#store-2015-page .pager li.pager-last,
#store-2015-page .pager li.pager-first,
#store-2015-page .pager li.pager-ellipsis{ display: none;}


#feature-wrapper{
  padding: 0 25px;
  position: relative;
}
#home-featured li.pager-next,
#home-featured li.pager-previous{
  font-family: 'FontAwesome';
  font-size: 2em;
}

.pager-trigger{
  position: absolute;
  top: 0;
  font-size: 2em;
  cursor: pointer;
  top: 50%;
  margin-top: -1em;
}
.pager-trigger .fa{
  margin-top: calc(50% - 1em);
}
.pager-trigger.inactive{color: #ccc;}
#feat-page-prev{left: 0;}
#feat-page-next{right: 0;}

#home-featured .item-list{
  visibility: hidden;
}
.ajax-loader-sanders{
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(246,246,246, 0.8);
  top: 0;
  left: 0;

}
.ajax-loader-sanders:after{
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url('../images/skull-sanders.png') no-repeat center center;
  -webkit-animation: flickerAnimation 2s infinite;
  -moz-animation: flickerAnimation 2s infinite;
  -o-animation: flickerAnimation 2s infinite;
  animation: flickerAnimation 2s infinite;

}
.view-store-2015 .ajax-loader-sanders:after{
  background-position: center bottom;
  position: relative;
  bottom: 60px;
}



.product{
    margin: 1em 0;
}
.product > a{
  display: block;
  width: 100%; height: 100%;
  background: #ffffff;
}

.product .image-wrapper{
  background: #ffffff;
  padding: 1em;
  padding-bottom: 0;
  height: 315px;
}
.product img.store-product-image{
  display: block;
  max-width: 100%;
  /*max-height: 100%;*/
  height: auto;
  vertical-align: middle;
  margin: 0 auto;
  width: 100%;
}

.product .item-info{
  text-align: center;
  background: #ffffff;
  padding: 1em .5em .75em .5em;
  height: 100px;
}

.product .item-info h1{
  font-family: 'novecento_medium';
  font-size: 16px;
  color: #171717;
  text-transform: uppercase;
  line-height: normal;
  margin: 0;
  max-height: 38px;
  overflow: hidden;
}
.product .product-price{
  font-family: 'novecento_medium';
  font-size: 16px;
  color: #4a4a4a;
  text-transform: uppercase;
  margin-bottom: 0;
}
.product .on-sale {
  font-style: italic;
  font-size: 12px;
  color: #a0a0a0;
  line-height: normal;
}












/*-- Shirt Club Page --*/
#shirtclub-table{display: table; margin-top: 2em;}
.shirtclub-col{
  display: block;
  width: 100%;
  background: #171717;
  padding: 4% 5% 5% 5%;
  border: 0;
}
.shirtclub-col > *:not(h3){
  font-family: 'ColaborateLightRegular';
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  line-height: 24px;
}

.shirtclub-col ul{padding: 0;}
.shirtclub-col li:before{
  content:'\2022';
  margin-right:5px;
  vertical-align:middle;
  line-height:0;
}
.shirtclub-col h3{text-transform: uppercase; font-size: 20px; color: #f3bb0c; font-family: 'ColaborateMediumRegular'; margin: 0 0 18px 0;}
.shirtclub-col li{
  list-style-type: none;
}

#StoreClub-Feature.view-content{
  padding: 0;
  position: relative;
}
#SC-row {
  background: #ffffff;
  padding: 1em;
}
.chart{
  margin-top:5px;
  display: inline-block;
  height: 80px;
  padding-top: 22px;
  vertical-align: top;
  position: relative;
  -webkit-box-shadow: border-box;
  -moz-box-shadow: border-box;
  box-shadow: border-box;
  text-align: center;
  color: #999999;
  font-size: 12px;
  line-height: 1
}
.chart span{
  display: block;
  font-size: 21px;
  font-weight: bold;
}
.chart canvas{
  position: absolute;
  left: calc(50% - 40px);
  top: 0;
}

.store-item .image-wrapper{position: relative;}

.SC_info h1, .SC_info h3{margin: 0;}
.SC_info h1{font-size: 3.5em;}
.SC_info h3{font-size: 1.4em;}


#shirt-banner img{width: 100%;}
img.sb-mobile{display: none;}

#shirt-countdown{
  padding: 2em 0;
  border-top: 1px solid #e8e8e8;
  margin-top: 1em;
}
#shirt-countdown h3{margin: 0; line-height: 1; font-size: 1.4em ;}

.add-to-cart-wrapper.shirt-club-block .node-add-to-cart.form-submit {
  height: 36px; line-height: 36px;

}
.add-to-cart-wrapper.shirt-club-block{
  padding: 0;
}
.add-to-cart-wrapper.shirt-club-block form{
  margin-bottom: 1em;
}
#store h2{margin-left: 16px; margin-bottom: 16px; margin-top: 24px;}
#store h2:first-child{display: none;}

/* No CLUB Styles */
#no-shirt{
  display: none;
  position: absolute;
  width: 95%;
  height: 100%;
  left: 1em;
  background: rgba(255,255,255,0.92);
  z-index: 100 !important;
}
#no-shirt .newsletter{ max-width: 400px; margin: 0 auto;}
#no-shirt h1{margin-top: 0;}
#no-shirt input#mce-EMAIL{background: #e8e8e8;}
#no-shirt #mc-embedded-subscribe { width: 30%; }

@media only screen and (max-width: 480px) {
  #no-shirt h3{font-size: 50px; margin-bottom: 0; line-height: normal;}
  #no-shirt{padding: 10% 2% !important;}
  #no-shirt .newsletter {width: 100%; }
}



/*-- Services --*/
.our-work-item{
  height: 225px;
  margin-bottom: 1em;
}
.our-work-item h3{
  background: rgba(255,255,255,0.85);
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.our-work-item:hover h3{
  background: rgba(243, 187, 12, 0.7);
  color: #fff;
}
.view-services{
  padding-bottom: 100px;
}

/*-- Clients --*/
.view-clients{padding-bottom: 40px;}
.about-group{text-align: center;}
.about-group h2{color: #171717;}
.client-list{padding-left: 0; padding-bottom: 35px; font-family: 'ColaborateLightRegular'; color: #4c4c4c;}
.client-list li{display: inline-block; list-style-type: none; margin: 0 5px; line-height: 25px;}
.client-list li:first-child:before {content: '';}
.client-list li:before {
    content: '•\0000a0\0000a0\0000a0';
}
.client-list li.nobullet:before{content: ''none'';}


/*-- Who We Are --*/


/*Wholesale form*/
.wholesale-desc{padding: 0 10%;}


/*-- Product Pages --*/
.product-wrapper{
  padding: 50px 0;
}
.product-wrapper h1{
  margin-top: 0;
}
.product-wrapper .cycle-slideshow img {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}
.product-wrapper .cycle-slideshow .cycle-pager{
  padding: 0 10px;
}
.cycle-pager img {
  width: 16.66666667% !important;
  float: left;
  padding: 0 5px;
  cursor: pointer;
}
.product-wrapper .cycle-pager{text-align: left;}

.zoom {
  display:inline-block;
  position: relative;
}

#sc-badge{
  background: url('../images/shirtclub-badge.png');
  width: 25%;
  height: 27%;
  position: absolute;
  right: 7%;
  bottom: 7%;
  background-size: 100%;
  background-repeat: no-repeat;
  z-index: 100;
}

p.product-price{
  color: #f3bb0c;
  font-size: 2em;
  font-family: 'tablet-gothic-compressed';
  font-weight: bold;
  margin-bottom: 10px;
}
.product-right h1{
  margin-bottom: 10px;
}

.item-image :not(.cycle-pager) img{width: 100%; height: auto;}
.product-description p,
.product-attr p,
p.copyright{
  margin-bottom: 10px;
  font-family: 'ColaborateLightRegular' !important;
  -webkit-font-smoothing: antialiased;
  color: #666;
  line-height: 1.4;
}
.product-description a{
  color: #f3bb0c !important;
}
p.copyright{
  font-weight: bold;
}


/*-- Add to Cart Form --*/
.add-to-cart-wrapper{
  position: relative;
  padding: .5em;
}
.add-to-cart-wrapper form > div{ clear: both; position: relative; }
.add-to-cart-wrapper form span.form-required{display: none;}
.add-to-cart-wrapper form label{
  font-family: 'tablet-gothic-compressed';
  font-size: 1.25em;
  color: #171717;
  text-transform: uppercase;
}

.add-to-cart-wrapper .node-add-to-cart.form-submit{
  height: 50px;
  line-height: 50px;
  font-size: 1.25em;
  width: auto;
  display: block;
  clear: both;
  padding: 0 3em;
  margin-top: 1em;
}

.add-to-cart-wrapper .attributes,
.add-to-cart-wrapper .form-item-qty{
  margin-bottom: 1em;
}
.add-to-cart-wrapper .attributes{margin-right: 1.5em;}
.add-to-cart-wrapper .attributes,
.add-to-cart-wrapper .attributes ~ .form-item-qty{
  float: left;
}
.add-to-cart-wrapper .form-item-qty input{
  background: #e8e8e8;
  color: #444;
  text-align: center;
  border: 0;
  padding: 0;
  width: 35px;font-weight: bold;
}

.uc_out_of_stock_html span{
  display: inline-block;
  margin-top: 45px;
  color: #666 !important;
}
.uc_out_of_stock_html span:before{
  content: '\f088';
  font-family: 'FontAwesome';
  color: #ba0000;
  margin-left: 10px;
  margin-right: 5px;
  }

.uc-out-of-stock-instock:before{
  content: '\f087';
  font-family: 'FontAwesome';
  color: #f3bb0c;
  margin-left: 10px;
  margin-right: 5px;
}
.uc-out-of-stock-instock{
  display: inline;
  margin-left: 5px;
  margin-bottom: 50px;
}

html.js .uc_out_of_stock_throbbing:after{
  content: '\f1ce';
  font-family: 'FontAwesome';
  color: #20d1ca;
  font-size: 60px;
  position: absolute;
  left: 50%; top: 50%;
  margin: -30px 0 0 -30px;
    -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
  -webkit-font-smoothing: antialiased;

}
html.js .uc_out_of_stock_throbbing{
  position: absolute;
  left: 0; top: 0;
  width: 100%; height: 130%;
  background: rgba(255,255,255, 0.6);
  background-image: none;
  background-repeat: no-repeat;
  background-position: none;

  visibility: hidden;
  transition: visibility 0.2s ease-in-out;
  -moz-transition: visibility 0.2s ease-in-out;
  -webkit-transition: visibility 0.2s ease-in-out;
  -o-transition: visibility 0.2s ease-in-out;
}
html.js .uc_out_of_stock_throbbing.uc_oos_throbbing{
  visibility: visible;
}



/*FAQ*/
.view-frequently-asked-questions .about-group h2{padding-top: 90px; }
.view-frequently-asked-questions{padding-bottom: 100px;}
.view-frequently-asked-questions h1{padding-bottom: 50px;}
.faq-answer {padding-bottom: 90px; border-bottom: 1px solid #e8e8e8;}
.faq-answer a{color: #f3bb0c;}
.faq-answer p{text-align: center; font-family: 'ColaborateLightRegular';}

/*Publications*/
.publication img{display: block; max-width: 100%; width: 75%;}
.view-publications{padding-bottom: 100px;}
.publication h4{margin-bottom: 0;}

/*Advanced Search */
#advanced-search{margin-bottom: 15px;}
#advanced-search form{padding-bottom: 0;}
#advanced-search form input{float: left; width: 65%;}
#advanced-search form input[type="submit"]{width: 30%;}
#advanced-search a{color: #ddc680; line-height: 28px;}




@media (min-width: 768px) {
  /*old? */
  #advanced-search form input{width: 55%;}
  #advanced-search form input[type="submit"]{width: 30%; font-size: 18px; padding: 0;}
  #advanced-search a{font-size: 12px;}

  #shirt-countdown{padding: 2em 0;}

  .store-split,
  .store-split:last-child{padding: 40px 0 17% 0; margin-bottom: 13%;}
  .store-split{ border-right: 2px solid #fff; }
  .store-split:last-child{border-left: 1px solid #fff;}
  #home-slide{height: 40vmin;}

  /*-- Store --*/

  #store-nav-mobile{display: none;}

  #store-nav-full{
    position: absolute;
    top: 0;
    width: 90%; margin: 0 auto 0 0;
    z-index: inherit;
    visibility: visible;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: none;
    transition: none;
    margin-right:1em;
  }
  #store .product {margin: 0 0 30px 0;}

  .shirtclub-col{
    display: table-cell;
    width: 49%;
    background: #171717;
    padding: 4% 5% 5% 5%;
    border: 10px white solid;
  }
  .shirtclub-col:first-child{border-left: 0;}
  .shirtclub-col:last-child{border-right: 0;}

  #store-nav{
    position: sticky;
    position: -webkit-sticky;
    top: 0;
  }
  .nav-on #store-nav{
    top: 127px;
  }
  #store-nav-mobile{display: none;}

  #store-nav-full{
    position: relative;
    top: 0;
    width: 100%; margin: 0;
  }
}


@media (min-width: 992px) {
  #site-message{position: relative;}

  header#page-header{
    position: absolute; top: 0;
    background: #fff; height: 226px;
  }
  header#page-header.message{height: 261px;}



  #content{padding-top: 226px;}
  header#page-header.message ~ #content{padding-top: 261px;}
  .toolbar header#page-header.message ~ #content{padding-top: 290px;}

  #nav-top{
    height: 166px;
    position: relative;
    top: 0;
    background: #fff;
  }

  #nav-main,
  header#page-header.message #nav-main {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: none;
    position: relative;
    top: 0;
    height: auto;
    background: transparent;
    overflow: visible;
    padding: 0;
  }

  #nav-mobile{z-index: 0;}
  #nav-main > ul > li:first-child{
    padding-left: 0;
    text-align: left;
  }

  #nav-main{width: 100%;}
  #nav-main > ul > li:nth-child(4){width: 20.66666667%;}
  #nav-main > ul > li:nth-child(5){width: 14.66666667%;}
  #nav-main > ul > li:last-child{
    width: 14.66666667%;
    padding-right: 0;
    text-align: right;
  }

  #nav-main > ul > li{padding: 16px 0;}
  #nav-main > ul > li > a {
    display: inline;
    font-size: 1.75em;
    padding: 0;
    color: #021918;
  }

  #nav-main ul > li.drop-control > a:after{
    content: "\f078";
    font-family: 'FontAwesome';
    font-size: 10px;
    color: #898989;
    position: relative;
    top: -.5em;
    left: 10px;
  }

  #nav-main ul > li.drop-control:hover > a:after,
  #nav-main ul > li.drop-control > a:focus:after{
    color: #ffc72a;
  }

  #nav-main ul > li.drop-control:hover > ul.dropdown,
  #nav-main ul > li.drop-control > a:focus + ul.dropdown{
    display: block;
  }


  #building{height: 166px;}
  #building img{
    max-height: 146px;
    width: auto;
    max-width: 85%;
    position: absolute;
    bottom: 7px;
  }
  #building > a{display: block;}

  #nav-cart, .message #nav-cart {
    position: relative;
    top: 0;
    font-size: 12px;
    border: 0;
    padding: 16px 0;
    height: auto;
  }
  #cart-header{
    text-align: right;
    padding: 0 1em;
  }
  #user-info{float: left;}
  #cart-info{float: right;}
  #cart-contents {padding: .5em 1em; color: #4c4c4c;}



  #nav-mobile{position: absolute; bottom: 0; padding-right: 0;}
  #nav-mobile h1{margin-left: 16px;}
  #nav-mobile span#sub {display: inline;}
  #main-nav-button, .mobile-button:not(#search-open){display: none;}


  #nav-search{top: -160px;}
  .search-open #nav-search{ top: 226px;}
  .search-open .message #nav-search{  top: 261px;}

  /*-- Shrink Style --*/
  .nav-off header#page-header,
  .nav-off header#page-header.message{
    position: fixed; top: -115px; width: 100%; opacity: 0; height: auto;
  }

  .nav-off.nav-ready header#page-header{
    opacity: 1;
    transition: top 0.3s ease-in-out;
    -moz-transition: top 0.3s ease-in-out;
    -webkit-transition: top 0.3s ease-in-out;
    -o-transition: top 0.3s ease-in-out;
    background: rgba(255,255,255,0.9);
  }
  .nav-off.nav-ready.nav-on header#page-header{
    top: 0;

  }
  .nav-ready #nav-mobile{ display: none;}
  .nav-ready #nav-top,
  .nav-ready #nav-main{height: 73px; background: transparent;}
  .nav-ready #nav-cart,
  .nav-ready #building{ display: none;}
  .nav-ready #nav-top-right{width: 100%; height: 73px;}
  .nav-ready #page-header{position: fixed; height: 73px;}


  /*-- Home --*/
  #home-slide{height: ;}
  .store-split,
  .store-split:last-child{
    padding: 40px 0 20% 0;
    margin-bottom: 8%;
  }
  .store-split img{
    bottom: -20%;
  }
  .store-split.bg-pink ::selection{background-color: #ffffff; color: #fb3c54;}
  .store-split.bg-pink ::-moz-selection{background-color: #ffffff; color: #fb3c54;}

  .store-split.bg-blue ::selection {background-color: #ffffff; color: #20d1ca;}
  .store-split.bg-blue ::-moz-selection {background-color: #ffffff; color: #20d1ca;}


  #home-featured{padding-top: 40px;}
  #home-featured h3{margin-btotom: 0;}
  #home-about{
    text-align: left;
    width: 100%;
  }
  #home-about h1 {
    margin-top: 0;
  }
  #home-btns{padding: 75px 30px;}
  #home-about h3{padding-right: 10%;}
  #home-faq .faq{margin: 0;}

  /*SC bar*/
  #shirt-club-bar,
  #sc-bg{background-image:none; opacity: 1;}
  #sc-text{
    background: none;
    padding: 75px 15px;
  }
  #sc-left, #sc-right{
    display: block;
    background-size: cover;
    background-position: center right;
    height: 100%;
    float: left;
  }
  #sc-left{
   width: 40%;
   background-image: url('../images/shirt-club-left.jpg');
  }
  #sc-right{
    width: 60%;
    background-image: url('../images/shirt-club-right.jpg');
  }
  #sc-image{padding: 0 60px 0 0;}
  .pinsiders #sc-image{    padding: 0 120px 0 0;}
  #SC-row{
    padding: 30px;
  }




  /*-- User Pages --*/

  .default-addresses ol{width: 100%;}
  .address-book li.address-item{
      margin: 0 1% 40px 1% !important;
      width: 48% !important;
      float: left !important;
  }
  .default-addresses:before,
  .default-addresses:before{
    display: table;
    clear: both;
  }


  .message #nav-mobile{top: auto;}
  .view-frequently-asked-questions .about-group h2{padding-top: 108px;}
  div.faq-answer{padding-bottom: 108px;}


  /*-- Store --*/

  #store-nav-mobile{display: none;}
  #store-nav{
    position: sticky;
    position: -webkit-sticky;
    top: 0;
  }
  .nav-on #store-nav{
    top: 140px;
  }
  #store-nav-mobile{display: none;}

  #store-nav-full{
    position: relative;
    top: 0;
    width: 100%; margin: 0 1em 0 0;
  }
}

@media (min-width: 1200px) {
  #main-container{
    max-width: 1200px; margin: 0 auto;
  }
  #home-slide{height: 45vh;}

}

@media (max-width: 768px) {
.pager-trigger {
    position: absolute;
    top: auto;
    font-size: 2em;
    margin-top: 0;
    bottom: 0;
  }
  .pager-trigger .fa {
    margin-top: 0;
  }
  #feature-wrapper{
    padding: 0;
  }

}

@media (max-width: 480px) {
  .product .image-wrapper {height: 225px; }
  h1{font-size: 3.25em;  line-height: 1; margin: 10px 0;}

  .add-to-cart-wrapper .node-add-to-cart.form-submit{width: 100%; padding: 0;}
  .chart{margin-top:2em;}
  #shirt-countdown h3{text-align: center;}
    #feat-page-next {right: 1em;}
  #feat-page-prev {left: 1em;}
}

/*-- the teeny tiny fixes --*/
@media (max-width: 420px) {
  #nav-mobile > .container-fluid{ padding-left: 10px;}
  #nav-mobile h1{font-size: 1.25em;}
  #nav-mobile .mobile-button{font-size: 1em; width: 48px;}
  #home-faq .faq{padding: 10px; border: 0; min-height: 170px;}
  .store-split:last-child{margin-bottom: 30%;}
  .store-split:last-child{margin-bottom: 30%;}
  .blog-post .post-media {width: 100%;}
  .blog-post h1{font-size: 28px;}

  .product {margin: 0; padding: 5px;}
  .product .image-wrapper {height: 150px;}
  .product .item-info h1 {font-size: 12px;   max-height: 28px; overflow-y: hidden;}
  #store .view-content{padding: 0 11px;}
  .pager-trigger { font-size: 1.5em;}


  .ajax-loader-sanders {
    width: 105%;
    height: 105%;
    top: -2.5%;
    left: -2.5%;
  }
  #store-nav{margin-bottom: .75em;}
  #store .view-content#StoreClub-Feature {padding: 0};
  #shirt-countdown{margin: 0;}
}




/*FONT FACES*/
@font-face {
  font-family: 'novecento_light';
  src: url('../fonts/Novecentosanswide-Book-webfont.eot');
  src: url('../fonts/Novecentosanswide-Book-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Novecentosanswide-Book-webfont.woff2') format('woff2'),
       url('../fonts/Novecentosanswide-Book-webfont.woff') format('woff'),
       url('../fonts/Novecentosanswide-Book-webfont.ttf') format('truetype'),
       url('../fonts/Novecentosanswide-Book-webfont.svg#novecento_light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'novecento_book';
  src: url('../fonts/Novecentosanswide-Normal-webfont.eot');
  src: url('../fonts/Novecentosanswide-Normal-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Novecentosanswide-Normal-webfont.woff2') format('woff2'),
       url('../fonts/Novecentosanswide-Normal-webfont.woff') format('woff'),
       url('../fonts/Novecentosanswide-Normal-webfont.ttf') format('truetype'),
       url('../fonts/Novecentosanswide-Normal-webfont.svg#novecento_book') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'novecento_medium';
  src: url('../fonts/Novecentosanswide-Medium-webfont.eot');
  src: url('../fonts/Novecentosanswide-Medium-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Novecentosanswide-Medium-webfont.woff2') format('woff2'),
       url('../fonts/Novecentosanswide-Medium-webfont.woff') format('woff'),
       url('../fonts/Novecentosanswide-Medium-webfont.ttf') format('truetype'),
       url('../fonts/Novecentosanswide-Medium-webfont.svg#novecento_medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'novecento_bold';
  src: url('../fonts/Novecentosanswide-DemiBold-webfont.eot');
  src: url('../fonts/Novecentosanswide-DemiBold-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Novecentosanswide-DemiBold-webfont.woff2') format('woff2'),
       url('../fonts/Novecentosanswide-DemiBold-webfont.woff') format('woff'),
       url('../fonts/Novecentosanswide-DemiBold-webfont.ttf') format('truetype'),
       url('../fonts/Novecentosanswide-DemiBold-webfont.svg#novecento_bold') format('svg');
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: 'onrampregular';
  src: url('../fonts/onramp-webfont.eot');
  src: url('../fonts/onramp-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/onramp-webfont.woff') format('woff'),
       url('../fonts/onramp-webfont.ttf') format('truetype'),
       url('../fonts/onramp-webfont.svg#onrampregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ColaborateLightRegular';
  src: url('../fonts/ColabLig-webfont.eot');
  src: url('../fonts/ColabLig-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/ColabLig-webfont.woff') format('woff'),
       url('../fonts/ColabLig-webfont.ttf') format('truetype'),
       url('../fonts/ColabLig-webfont.svg#ColaborateLightRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ColaborateMediumRegular';
  src::
  url(
  ../fonts/ColabMed-webfont: .eot;
  );
  src: url('../fonts/ColabMed-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/ColabMed-webfont.woff') format('woff'),
       url('../fonts/ColabMed-webfont.ttf') format('truetype'),
       url('../fonts/ColabMed-webfont.svg#ColaborateMediumRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}


@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}



.page-node-2557 #nav-mobile{background: #191919;}


#doom-header{
    height: 35vh;
    min-height: 350px;
    background-image: url(../images/freedomridefuckitall.jpg);
    background-size: 101% auto;
    background-position: center -50px;
    text-align: center;
    margin-bottom: 15px;
    filter: grayscale(50%);
}
#doom-store-logo{
  max-width: 420px;
  padding: 0 15px;
}
.product.doom-product .item-info h1{
    font-family: "bebas-neue",sans-serif;
    font-size: 20px;
    font-weight: 400;
}
.product.doom-product .product-price{
  font-family: "bebas-neue",sans-serif;
  font-size: 18px;
  letter-spacing: 2px;
  font-weight: 400;
}
#store-nav-full.doomstore-nav{
    position: absolute;
    top: 50px;
    width: 90%;
    margin: 0 auto;
    width: calc(100% - 30px);
    z-index: 100;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
    transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
}
.sub-nav-open #store-nav-full.doomstore-nav{
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
}

.doomnav-full{

}
.doomnav-full ul{
  padding: 0;
}
.doomnav-full ul li{
  list-style-type: none;
  text-align: center;

}
.doomnav-full ul li a.active,
#store-nav-full.doomstore-nav ul li > a.active,
.doomnav-full ul li > a.active{color: #ce205b;}

.doomnav-full ul li a{
  display: block;
  font-family: "azo-sans-uber",sans-serif;
  color: rgba(22,24,26,.4);
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 2px;
    font-weight: 400;
    font-style: normal;
    line-height: 1em;
    text-align: center;
    padding-bottom: 15px;
}
#store-nav-full.doomstore-nav ul{
  margin-bottom: 0;
}
@media (max-width: 992px) {
  #store-nav-full.doomstore-nav ul li > a,
  .doomnav-full ul li > a{
    font-size: 16px;
    padding: 10px 0;
    color: rgba(22,24,26,.4);
  }
  #doom-store-logo{
    max-width: 320px;
  }

}

#store-nav-mobile.doomstore-btn{
  background-color: #ce205b;
  font-family: "azo-sans-uber",sans-serif;
  font-size: 18px;
}
#store-nav-mobile.doomstore-btn > .fa{
  top: -2px;
}

.product-wrapper.doom-product-wrapper input[type="submit"].node-add-to-cart{
  border-color: #ce205b;
  background-color: #ce205b;
  color: #fff;
}
.product-wrapper.doom-product-wrapper p.product-price,
.product-wrapper.doom-product-wrapper .social li a.yellow,
.product-wrapper.doom-product-wrapper .uc-out-of-stock-instock:before{
  color: #ce205b;

}
.product-wrapper.doom-product-wrapper .product-description p,
.product-wrapper.doom-product-wrapper .product-attr p,
.product-wrapper.doom-product-wrapper p.copyright{
  color: #333;
}


@media (max-width:600px) {
  #doom-header{
    height: 25vh;
    min-height: 200px;
        background-position: center top;
  }
}
@media (max-width: 420px) {
  .product.doom-product .item-info h1 {
    font-size: 18px;
    max-height: 100%;
  }

}

#store-nav-full h3.black{
  margin-bottom: 18px;
}