:root {
  --blue: #3466B1;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #E53338;
  --orange: #fd7e14;
  --yellow: #F3AF1C;
  --green: #87B940;
  --teal: #20c997;
  --cyan: #17a2b8;
  --brown-dark: #482902;
  --brown: #c9bb86;
  --white: #fff;
  --black: #000;
  --gray: #6c757d;
  --gray-light: #dedede;
  --gray-lighter: #f9f9f9;
  --gray-dark: #343a40;
  --gray-darker: #343a40;
  
  --primary: #19386A;
  --primary-dark: #1C84C6;
  --secondary: #EE2934;
  --secondary-dark: #00A751;

--creo-dark-blue: #19386A;`
--creo-light-blue: #1C84C6;
--creo-red: #EE2934;
--creo-green: #00A751;

--social-fb: #0570E6;
--social-insta: #0570E6;


  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  --btn-primary-color: var(--primary);
  --btn-secondary-color: var(--secondary);
}


body {
  margin: 0;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  line-height: 1.5;
  color: var(--black);
  text-align: left;
  background-color: #FFFFF9;
}

h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat', sans-serif;
 color: var(--primary); font-weight: bold;}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

a { color: var(--black);}

a:hover,
a:active, a:focus { color: var(--gray); text-decoration: underline; } 


.pad, .block-pad, .pad-content{padding:1em}
.pad-left, .block-pad-left, .pad-content-left{padding-left:1em}
.pad-right, .block-pad-right, .pad-content-right{padding-right:1em}
.pad-top, .block-pad-top, .pad-content-top{padding-top:1em}
.pad-bottom, .block-pad-bottom, .pad-content-bottom{padding-bottom:1em}
.pad-remove,.no-padding,.no-pad,.remove-pad{padding:0}
.pad-small{padding:.5em}
.pad-left-small, .pad-content-left-sm{padding-left:.5em}
.pad-right-small, .pad-content-right-sm{padding-right:.5em}
.pad-top-small, .pad-content-top-sm{padding-top:.5em}
.pad-bottom-small, .pad-content-bottom-sm{padding-bottom:.5em}
.margin-content,.margin{margin:1em}
.margin-auto{margin-left:auto;margin-right:auto}
.margin-bottom,.margin-content-bottom{margin-bottom:1em}
.margin-top,.margin-content-top{margin-top:1em}
.margin-left, .margin-content-left{margin-left:1em}
.margin-right,.margin-content-right{margin-right:1em}
.margin-remove,.no-margin,.remove-margin{margin:0}
.margin-bottom-small,.margin-content-bottom-sm,.margin-bottom-sm{margin-bottom:.5em}
.margin-top-small,.margin-content-top-sm, .margin-top-sm{margin-top:.5em}
.margin-left-small,.margin-content-left-sm, .margin-left-sm{margin-left:.5em}
.margin-right-small,.margin-content-right-sm,.margin-right-sm{margin-right:.5em}



  .img-responsive {display: block; max-width: 100%; height: auto;}
  .img-fluid {width: 100%;}

  .primary-border-top {border-top: 5px solid var(--primary);}
  .primary-border-bottom {border-bottom: 5px solid var(--primary);}
  .secondary-border-top {border-top: 5px solid var(--secondary);}
  .secondary-border-bottom {border-bottom: 5px solid var(--secondary);}

/* site: text and backgrounds */
  .text-primary {color: var(--primary)!important; }
  .text-primary-dark {color: var(--primary-dark); }
  .text-secondary {color: var(--secondary); }
  .text-accent {color: var(--secondary-dark); }
  .text-white {color: var(--white); }
  .text-black {color: var(--black); }
  .text-red {color: var(--red); }
  .text-gray-lighter {color: var(--gray-lighter); }
  .text-gray-light {color: var(--gray-light); }
  .text-gray-base {color: var(--gray-base); }
  .text-gray-dark {color: var(--gray-dark); }
  .text-gray-darker {color: var(--gray-darker); }

  .bg-primary { background-color: var(--primary)!important; color: var(--white); }
  .bg-primary-dark { background-color: var(--primary-dark);}
  .bg-secondary { background-color: var(--secondary)!important; }
  .bg-secondary-dark { background-color: var(--secondary-dark); }
  .bg-white { background-color: var(--white); }
  .bg-black { background-color: var(--black); color: var(--white); }
  .bg-gray-lighter { background-color: var(--gray-lighter);}
  .bg-gray-light { background-color: var(--gray-light); }
  .bg-gray-base { background-color: var(--gray-base);}
  .bg-gray-dark { background-color: var(--gray-dark);}
  .bg-gray-darker { background-color: var(--gray-darker);}

  .bg-fb {background-color: var(--social-fb);}
.bg-insta {
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}
  .btn { transition: all .3s ease-in-out; border-radius: 0;}


  .btn-primary {
    color: var(--white);
    background-color: var(--primary);
    border-color: var(--priamry);
  }

  .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    color: var(--white);
    background-color: var(--secondary);
    border-color: var(--secondary);
  }

  .btn-primary.disabled, .btn-primary:disabled {
    color: var(--white);
    background-color: var(--priamry);
    border-color: var(--priamry);
  }

  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
  .show > .btn-primary.dropdown-toggle {
    color: var(--white);
    background-color: var(--secondary);
    border-color: var(--secondary);
  }

  .btn-green {
    color: var(--white);
    background-color: var(--green);
    border-color: var(--green);
  }

  .btn-green:hover, .btn-green:active, .btn-green:focus {
    color: var(--white);
    background-color: var(--red);
    border-color: var(--red);
  }

  .btn-blue {
    color: var(--white);
    background-color: var(--creo-light-blue);
    border-color: var(--creo-light-blue);
  }

  .btn-blue:hover, .btn-blue:active, .btn-blue:focus {
    color: var(--white);
    background-color: var(--red);
    border-color: var(--red);
  }

  .btn-secondary {
    color: var(--white);
    background-color: var(--secondary);
    border-color: var(--secondary);
  }

  .btn-secondary:hover {
    color: var(--white);
    background-color: var(--secondary-dark);
    border-color: var(--secondary-dark);
  }

  .btn-secondary.disabled, .btn-secondary:disabled {
    color: var(--white);
    background-color: var(--secondary);
    border-color: var(--secondary);
  }

  .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
  .show > .btn-secondary.dropdown-toggle {
    color: var(--white);
    background-color: var(--secondary-dark);
    border-color: var(--secondary-dark);
  }

#header-primary-nav-container { top: 0; z-index: 10;}

.modal-header, .modal-body {width: 100%;}

.modal-dialog {
    max-width: 800px;
    margin: 1.75vh auto;
    padding-top: 13vh;
}

.sticky {
  position: fixed;
  top: 1000px;
  width: 100%;
  animation: fadeInDown 1s;
}

.sticky + .creo-classes {
  padding-top: 1000px;
}

#header-primary-nav-container {background-color: var(--gray-light); }

#header-layout-container {width: 100%; margin: auto; }
#header-layout-container .logo-main {width: 100%; max-width: 300px; margin: 0 auto;}

#header-layout-wrap {width: 100%; max-width: 1440px; margin: 0 auto; display: flex; flex-flow: row wrap; justify-content: center; align-items: center;}
#header-layout-wrap .header-01 {width: 100%; text-align: center; padding: 40px 10px;}

#pri-nav-wrap {width: 100%; max-width: 1440px; margin: 0 auto; padding: 10px 0;}

#primary-nav-container {padding: 0; font-weight: bold;}
#primary-nav-container button {width: 100%; font-weight: bold; line-height: 60px; color: var(--gray-darker); transition: background-color .5s; padding: 10px 15px; border: 0; border-radius: 0;}
#primary-nav-container button:hover {}

#primary-nav-container .navbar-nav {width: 100%; display: flex; justify-content: space-around; font-family: 'Montserrat', sans-serif; text-transform: uppercase;}

.whatnot-thumb {width: 100%; max-width: 300px; margin: 0 auto;}

.nav-link, .what-link {font-size: 40px; line-height: 50px; margin: 0 10px; color: var(--white); transition: all .5s;}

#whatnot-img img {width: 100%; max-width: 100px;}
.nav-item .what-link { } 
.nav-item:nth-of-type(1) .nav-link {background-color: #F9DC00; } 
.nav-item:nth-of-type(2) .nav-link {background-color: var(--blue); } 
.nav-item:nth-of-type(3) .nav-link {background-color: var(--red); } 
.nav-item:nth-of-type(4) .nav-link {background-color: var(--green); } 
.nav-item:nth-of-type(5) .nav-link {background-color: var(--blue); } 


.nav-item .nav-link:hover,
.nav-item .nav-link:active,
.nav-item .nav-link:focus {color: var(--white); text-decoration: none; background-color: var(--black); } 

.navbar-nav .nav-link, .navbar-nav .what-link {padding-right: 2rem; padding-left: 2rem;}
.nav-fill .what-item, .nav-fill>.what-link {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
}
.hide-this {display: none;}
.show-this {display: inherit;}

.stick-this {position: sticky; top: 20px;}




#auction-nudge-items #an-controls-top {
    margin-bottom: 10px;
    display: none!important;
}

#auction-nudge-items div.an-item div.an-wrap {transition: background-color .5s;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
}
#auction-nudge-items div.an-item div.an-wrap:hover {background-color: var(--gray-light);}
#auction-nudge-items div.an-item div.an-price {
    overflow: hidden;
    min-width: 85px;
    margin-top: 20px!important;
}
#auction-nudge-items div.an-item {
    float: left;
    margin: 0;
    padding: 2% 1%;
    max-width: 100%;
    text-align: left;
}



/* index: rpi */
#featured-rpi {position: relative; overflow: hidden; }
  .slider {position: relative; overflow: hidden; z-index: 0; }
  .slider .rpi-nav { position: relative; text-align: center; }
  .slider .rpi-nav .rpi-nav-dot span { height: 10px; display: block; border-radius: 30px; }
  .slider .rpi-nav .rpi-nav-dot  {background-color: var(--black); margin: .2rem;}    
  .slider .rpi-nav .rpi-nav-dot:hover{ opacity: .5; background-color: var(--primary);}


.slider .rpi-nav .rpi-nav-dot { 
    position: relative;
    z-index: 3;
    display: inline-block;
    background-color: #333;
    border-radius: 25px;
    border: none;
    margin: .1rem;
}




#custompage-hero .page-header {
    animation: fadeInDown .5s;
    position: absolute;
    margin: 0 auto;
    top: 0;
    bottom: 20px;
    right: 0;
    left: 0;
    display: flex;
    justify-content: center; align-items: center;
}
#custompage-hero h1 {color: var(--white);}

#ebay a {position: relative;}
.ebay-item {}
#ebay h2 {font-size: 17px!important;}




#auction-nudge-fae1d99c7 .an-item-wrap {
  display: flex!important;
  justify-content: center!important;
  width: 100%!important;
  max-width: 100%!important;
  overflow: hidden!important;
  flex-direction: row!important;
  flex-flow: wrap!important;
}
#auction-nudge-fae1d99c7 .an-item-wrap .an-item {width: 19%!important;}


#auction-nudge-fae1d99c7 .an-item-wrap .an-item {
  width: auto !important;
  height: 100% !important;
}

div.auction-nudge-items.theme-responsive div.an-item div.an-image {
  float: left;
  margin: 0 10px 0 0;
  width: 100% !important;
  height: 100% !important;
}
div.auction-nudge-items div.image-container {
  display: table;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
}

div.auction-nudge-items div.image-container a {
  display: table-cell;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  line-height: 0;
  text-align: center;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
}
#auction-nudge-fae1d99c7 .an-item-wrap .an-item {transition: background-color .5s!important;}
#auction-nudge-fae1d99c7 .an-item-wrap .an-item:hover {background-color: var(--gray-lighter)!important;}
div.auction-nudge-items div.image-container img {
  margin: 0;
  padding: 0;
  max-width: 100%;
  max-height: 100%;
  display: unset;
  width: 100% !important;
  height: auto !important;
}

div.auction-nudge-items.theme-responsive div.an-item div.an-wrap .an-view,
div.auction-nudge-items.theme-responsive div.an-item div.an-title {display: none!important;}

 

footer {background-color: var(--gray-lighter);}
#footer-wrap {width: 100%; max-width: 1440px; margin: 0 auto;}

@media (max-width: 1199px) {

}


@media (max-width: 1024px) {
  #custompage-hero {min-height: 500px; background-attachment: scroll;}
}



@media (max-width: 767px){

}





footer {background-color: var(--gray-lighter);}
#footer-wrap {width: 100%; max-width: 1440px; margin: 0 auto;}

@media (max-width: 1024px) {

}

.eapps-instagram-feed-title {display: none!important;}

@media (max-width: 767px){

}


.ebay-wrap {
  overflow: hidden;
    overflow-y: scroll;
    height: 100%;
    min-height: 75vw;
}

.insta-stick {position: sticky; top: 0;}