/*
ECA900
CA9100
8F6600
644800
423000
*/
.icon-chevron-down {
  background-image: url("https://www.thecollectable.toys/icons/chevron-down-solid.svg");
}
.footer {
  display: flex;
  flex-flow: row wrap;
  flex: 1 100%;
  padding: 1em;
  margin: 0;
  font-size: calc(11px + (18 - 11) * (100vw - 123px) / (843 - 123));
  background-color: #010103;
  background: linear-gradient(to bottom, #020204, #010103, #020204);
  background-image: url("https://www.thecollectable.toys/media/imgs/nav/stars.svg"),
    linear-gradient(to bottom, #020204, #010103, #020204);
  background-size: 150%;
  border-bottom: 11px solid #f29e37;
  border: double 6.85px #e5e4e2;
}
.footer-row {
  display: flex;
  flex-flow: row wrap;
  flex: 1 100%;
  align-items: baseline;
  justify-content: center;
  align-content: baseline;
  padding: 0.5em 1em;
  margin: 0;
  background: rgba(17, 17, 17, 1);
  
}
.footer-column {
  display: flex;
  flex-flow: row wrap;
  flex: 1 100%;
  align-items: center;
  justify-content: center;
  align-content: center;
  padding: 0;
  margin: 0;
  background: rgba(0, 0, 0, 0);
}
.footer-h6 {
  display: flex;
  flex-flow: row wrap;
  flex: 1 100%;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  align-content: center;
  font-size: 1.09em !important;
  font-family: roboto, sans-serif !important;
  font-weight: 500 !important;
  line-height: 1.618em;
  padding: 0.25em 0;
  margin: 0.25em 0;
  color: #f8cb28 !important;
}
.footer-ul {
  display: flex;
  flex-flow: row wrap;
  flex: 1 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
  padding: 0;
  margin: 0;
  list-style: none;
}
.footer-li {
  display: flex;
  flex-flow: row wrap;
  flex: 1 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
  padding: 0;
  margin: 0;
  list-style: none;
}
.footer-li a {
  display: flex;
  flex-flow: row wrap;
  flex: 1 100%;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  align-content: center;
  padding: 0.25em 0;
  margin: 0;
  list-style: none;
  font-family: roboto, sans-serif !important;
  font-weight: 300 !important;
  text-decoration: none;
  cursor: pointer;
  color: #eeeeee;
}
.footer-li a:hover {
  color: #767676;
}
.footer-ul-social-media {
  display: flex;
  flex-flow: row wrap;
  flex: 1 100%;
  margin: 0;
  padding: 0;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
}
.footer-li-social-media {
  display: flex;
  flex-flow: row wrap;
  flex: 0 0 38.2%;
  margin: 0;
  padding: 0;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
}
.footer-li-social-media a {
  display: flex;
  flex-flow: row wrap;
  flex: 1 100%;
  padding: 0;
  margin: 0;
  min-width: 2.618em;
  min-height: 1.618em;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  text-decoration: none;
}
.footer-li-social-media a img {
  max-width: 2.618em;
  max-height: 2.618em;
  margin: 0em 0.618em 0 0;
}
.footer-copyright {
  display: flex;
  flex-flow: row wrap;
  flex: 1 100%;
  color: #ffffff;
  padding: 0;
  margin: 0;
  background: rgba(17, 17, 17, 1);
}
.footer-copyright-1 {
  display: flex;
  flex-flow: row wrap;
  flex: 1 100;
  order: 3;
  padding: 1em;
  margin: 0;
}
.footer-copyright-1 p {
  display: flex;
  flex-flow: row wrap;
  flex: 1 100%;
  margin: 0;
  padding: 0;
  line-height: 1.618em;
  text-align: center;
  justify-content: center;
  color: #eeeeee !important;
}
.footer-copyright-2 {
  display: flex;
  flex-flow: row wrap;
  flex: 1 100%;
  order: 1;
  padding: 1em;
  margin: 0;
}
.footer-copyright-2-ul {
  display: flex;
  flex-flow: row wrap;
  flex: 1 100%;
  list-style: none;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.footer-copyright-2-ul li {
  display: flex;
  flex-flow: row wrap;
  flex: 1 100%;
  margin: 0;
  padding: 0;
}
.footer-copyright-2-ul li a {
  display: flex;
  flex-flow: row wrap;
  flex: 1 100%;
  padding: 0.25em 0;
  margin: 0;
  color: #f8cb28;
  text-decoration: none;
  font-family: roboto, sans-serif !important;
  text-transform: capitalize;
  font-weight: 500;
}
.footer-copyright-3 {
  display: flex;
  flex-flow: row wrap;
  flex: 1 100%;
  order: 2;
  padding: 0;
  margin: 0;
}
.footer-copyright-3-ul {
  display: flex;
  flex-flow: row wrap;
  flex: 1 100%;
  margin: 0;
  padding: 0;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.footer-copyright-3-ul li {
  display: flex;
  flex-flow: row wrap;
  margin: 0;
  padding: 0;
}
.footer-copyright-3-ul li a {
  display: flex;
  flex-flow: row wrap;
  flex: 1 100%;
  padding: 0;
  margin: 0.5em;
  min-width: 2.618em;
  min-height: 1.618em;
  justify-content: center;
  align-items: center;
  align-content: center;
  text-decoration: none;
}
.footer-copyright img {
  max-width: 2.618em;
  max-height: 2.618em;
  margin: 0em 0.618em 0 0;
}
@media all and (min-width: 322px) {
  .footer-copyright {
    padding-bottom: 11em;
  }
  .footer-row {
    flex: 100 0 0;
  }
}
@media all and (min-width: 521px) {
  .footer-row {
    flex: 100 0 0;
  }
  .footer-copyright-1 {
    flex: 61.8 0 0;
    order: 2;
  }
  .footer-copyright-1 p {
    justify-content: flex-start;
    text-align: left;
  }
  .footer-copyright-2 {
    order: 1;
  }
  .footer-copyright-3-ul {
    justify-content: flex-end;
  }
  .footer-copyright-3 {
    flex: 100 0 0;
    order: 3;
  }
}
@media all and (min-width: 843px) {
  .footer-row {
    flex: 1 100%;
  }
  .footer-column {
    flex: 100 0 0;
  }
  .footer {
    padding: 1.618em;
    font-size: calc(11px + (29 - 11) * (100vw - 843px) / (3840 - 843));
  }
  .footer-copyright {
    padding: 1.618em 3em 2.618em 3em;
    font-size: calc(11px + (29 - 11) * (100vw - 843px) / (3840 - 843));
  }
  .footer-copyright-1 {
    flex: 100 0 0;
    order: 2;
  }
  .footer-copyright-2 {
    order: 1;
    flex: 1 100%;
  }
  .footer-copyright-3 {
    flex: 100 0 0;
    order: 3;
  }
  .footer-copyright-2-ul {
    justify-content: space-around;
  }
  .footer-copyright-2-ul li {
    flex: 1 auto;
  }
  .footer-copyright-2-ul li a {
    justify-content: center;
    text-align: center;
  }
}
@media all and (min-width: 1364px) {
  .footer-copyright-1 {
    flex: 38.2 0 0;
    order: 1;
  }
  .footer-copyright-2 {
    flex: 38.2 0 0;
    order: 2;
    align-items: center;
    align-content: center;
    justify-content: center;
  }
  .footer-copyright-2-ul,
  .footer-copyright-2-ul li {
    justify-content: center;
  }
  .footer-copyright-2-ul li a {
    justify-content: center;
    text-align: center;
  }
  .footer-copyright-3 {
    flex: 38.2 0 0;
    order: 3;
  }
}

#bttb {
  align-items: center;
  background: rgba(0,0,0,1);
  justify-content: center;
  border-radius: 6.85px;
  bottom: -50%;
  right: 2.618em; 
  box-shadow: -18px -18px 29px rgba(0, 0, 0, 0), -29px -29px 47px rgba(0, 0, 0, 0),  -47px -47px 76px 3px rgba(0, 0, 0, 0);
  color: #fff;
  display: flex;
  flex-flow: row wrap;
  font-size: 1em;
  height: 47px;
  width: 47px;
  position: fixed;
  visibility: visible;
  text-align: center; 
  rotate: -90deg;
  -webkit-transition: all 0.618s ease-in 0.618s, 0.618s rotate;
  -moz-transition: all 0.618s ease-in 0.618s, 0.618s rotate;
  -o-transition: all 0.618s ease-in 0.618s, 0.618s rotate;
  -ms-transition: all 0.618s ease-in 0.618s, 0.618s rotate;
  transition: all 0.618s ease-in 0.618s, 0.618s rotate;
  z-index: 999;
  background-image: url("https://www.thecollectable.toys/logo/icon/x-wing.svg");
  background-size: 61.8%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-filter: drop-shadow(11px 18px 18px rgba(0,0,0,1));
} 

#bttb:hover {
  background: #;
  border: 1px solid #;
  cursor: pointer;
  color: #0f0;
  border-color: #;
  bottom: 11%;
  -webkit-transition: color 0s ease-out;
  -moz-transition: color 0s ease-out;
  -o-transition: color 0s ease-out;
  -ms-transition: color 0s ease-out;
  transition: color 0s ease-out;
}

#bttb:active {
  background: #;
  border: 1px solid #;
  color: #0f0;
  transition: all 0s;
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  -ms-transition: all 0s;
}

#bttb.show {
  bottom: 14.6%;
  rotate: 90deg;
  -webkit-transition: all 0.618s ease-out, rotate 0s;
  -moz-transition: all 0.618s ease-out, rotate 0s;
  -o-transition: all 0.618s ease-out, rotate 0s;
  -ms-transition: all 0.618s ease-out, rotate 0s;
   transition: all 0.618s ease-out, rotate 0s;
}

#bttb.show:hover {
  opacity: 1;
  color: #00f;
  visibility: visible;
  -webkit-transition: all 0.382s ease-out;
  -moz-transition: all  0.382s ease-out;
  -o-transition: all  0.382s ease-out;
  -ms-transition: all  0.382s ease-out;
  transition: all  0.382s ease-out;
}

#bttb.show:active {
  opacity: 1;
  color: #0f0;
  visibility: visible;
  -webkit-transition: color 0s ease-out;
  -moz-transition: color 0s ease-out;
  -o-transition: color 0s ease-out;
  -ms-transition: color 0s ease-out;
  transition: color 0s ease-out;
}