/* Colors */
/* Fonts */
/* Borders */
body {
  background-color: #F5F6F8;
  font-family: Montserrat, Arial, sans-serif;
  font-size: 16px;
  margin: 0; }

div.page-header {
  background-color: white;
  border-bottom: 1px solid #ebebeb; }

a {
  color: inherit;
  text-decoration: none; }

a:hover {
  text-decoration: none; }

h1, h2, h3, h4, h5, h6 {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-weight: bold;
  margin: 0; }

h2 {
  font-size: 20px; }

input {
  box-sizing: border-box;
  border: none; }

.divider {
  width: 100%;
  height: 1px;
  background-color: #ebebeb; }

.desktop-hidden, .desktop-hidden-630, .desktop-hidden-750 {
  display: none; }

a.over-white {
  color: #0000EE;
  text-decoration: none; }

a.over-white:hover {
  text-decoration: underline; }

a.over-white:active {
  color: black; }

a.over-white:visited {
  color: #551A8B; }

div.messages-banner {
  box-sizing: border-box;
  display: flex;
  flex-flow: column;
  width: 100%;
  font-size: 16px;
  font-weight: 400; }
div.messages-banner div.content a {
  font-weight: 600; }
div.messages-banner .alert {
  padding: 12px 20px;
  margin: 8px 0 8px 0;
  border: 1px solid black;
  border-radius: 5px;
  display: flex;
  flex-flow: row-reverse nowrap;
  justify-content: space-between;
  align-items: center; }
div.messages-banner .alert button.close {
  margin-left: 20px;
  background-color: transparent;
  border: 0;
  font-size: 24px;
  font-weight: 700;
  cursor: pointer;
  opacity: .5; }
div.messages-banner .alert button.close:hover {
  opacity: 1; }

.alert-success, .alert-success button.close {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb; }

.alert-danger, .alert-danger button.close {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb; }

.alert-warning, .alert-warning button.close {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba; }

.alert-info, .alert-info button.close {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb; }

footer {
  width: 100%;
  background-color: #464F55;
  overflow: auto; }
footer h3 {
  font-weight: 600;
  color: white;
  font-size: 14px; }
footer ul {
  font-size: 0;
  padding: 0; }
footer li {
  font-size: 14px;
  color: #9A9CA0;
  margin-top: 10px;
  list-style-type: none; }
footer p {
  font-size: 14px;
  color: #9A9CA0;
  margin-top: 10px; }
footer p span {
  color: white; }

#footer-row {
  width: 1400px;
  margin: auto;
  padding-top: 75px;
  overflow: auto; }

.footer-box {
  float: left;
  width: 16.66%; }

.footer-box-lg {
  float: left;
  width: 25%; }

#sheepbuy-desc {
  padding-right: 60px; }

.logo-white {
  height: 18px; }

#footer-social-row {
  margin-top: 10px; }
#footer-social-row div {
  position: relative;
  float: left;
  background-color: #586065;
  width: 48px;
  height: 54px;
  background-size: auto 18px;
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: 20px; }
#footer-social-row div:nth-last-child(1) {
  margin-right: 0; }
#footer-social-row a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#footer-fb {
  background-image: url('../../../img/fb-icon.png?1610669710'); }

#footer-insta {
  background-image: url('../../../img/insta-icon.png?1610669710'); }

#footer-twitter {
  background-image: url('../../../img/twitter-icon.png?1610669710'); }

#footer-terms {
  margin-top: 50px;
  width: 100%;
  text-align: center;
  margin-bottom: 30px; }
#footer-terms span {
  padding-left: 16px;
  padding-right: 16px; }

@media only screen and (max-width: 1510px) {
  #footer-row {
    width: 900px; } }
@media only screen and (max-width: 965px) {
  #footer-row {
    padding-top: 30px; } }
@media only screen and (max-width: 910px) {
  .f-mobile-hidden {
    display: none; }

  #sheepbuy-desc {
    margin-bottom: 40px; }

  #footer-row {
    width: 100%;
    overflow: hidden; }

  .footer-box-lg {
    padding-left: 20px;
    padding-right: 20px;
    float: none;
    clear: both;
    width: 100%;
    margin: auto; }
  .footer-box-lg:nth-last-child(1) {
    padding-left: 0; }

  .footer-box {
    padding-left: 20px;
    padding-right: 20px;
    width: 30%;
    padding: 0;
    margin-bottom: 20px; }

  #footer-box-wrapper {
    margin: auto;
    padding-left: 20px; }

  #footer-social-row {
    width: 184px;
    margin: auto;
    padding-top: 20px; } }
@media only screen and (max-width: 485px) {
  footer li {
    font-size: 12px; }
  footer h3 {
    font-size: 12px; }
  footer p {
    font-size: 12px; }

  #sheepbuy-desc {
    font-size: 12px; }

  .footer-box {
    width: 50%; }
  .footer-box:nth-last-child(1) {
    float: none;
    clear: both; } }
.noscroll {
  overflow: hidden; }

/* Used by the drawer menu to cover the entire page and prevent scrolling or user input. */
.drawer-overlay {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden; }

.drawer-overlay:after {
  content: " ";
  background-color: black;
  opacity: .25;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden; }

/* Used to trigger the drawer menu, only visible in mobile view */
a.account-side-menu-trigger {
  display: none; }

#ddm [data-ntf-cnt]:after, #sidenav [data-ntf-cnt]:after {
  content: attr(data-ntf-cnt);
  position: absolute;
  top: 0;
  left: 20px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 10px;
  background-color: #fa3e3e;
  color: white;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  border-radius: 50%;
  box-shadow: 0 0 1px #333; }

#ddm li.selling-menu:after, #sidenav li.selling-menu:after {
  content: '';
  display: none; }

/* Styles the drawer menu, this is the exact same styles used by the profile side menu.
 I'm using ID's at the moment but ideally a class would be better. */
#ddm, #sidenav {
  font-size: 14px;
  font-weight: 600;
  padding: 0; }
#ddm ul, #sidenav ul {
  list-style: none; }
#ddm > li, #sidenav > li {
  min-height: 40px;
  line-height: 40px;
  font-weight: 600;
  color: #464855;
  position: relative; }
#ddm li, #sidenav li {
  position: relative; }
#ddm ul.menu_level_1 li[data-ntf-cnt]:after, #sidenav ul.menu_level_1 li[data-ntf-cnt]:after {
  top: 5px;
  left: -10px; }
#ddm div.menu-title, #ddm .menu-children, #sidenav div.menu-title, #sidenav .menu-children {
  margin: auto;
  width: 100%;
  position: relative;
  box-sizing: border-box; }
#ddm ul.menu_level_1, #sidenav ul.menu_level_1 {
  padding-left: 30px; }
#ddm div.menu-title, #sidenav div.menu-title {
  display: flex;
  justify-content: flex-start;
  align-items: center; }
#ddm div.menu-title img.icon, #sidenav div.menu-title img.icon {
  width: 16px;
  height: 16px;
  margin: 0 0 0 10px; }
#ddm div.menu-title a, #sidenav div.menu-title a {
  margin-left: 10px;
  position: relative; }
#ddm li.current > div.menu-title, #sidenav li.current > div.menu-title {
  background-color: rgba(68, 170, 237, 0.08);
  color: #44AAED;
  border-radius: 0px 20px 20px 0px;
  border-left: 3px solid #44AAED; }
#ddm .current_ancestor > .menu-title, #sidenav .current_ancestor > .menu-title {
  color: #44AAED; }

/* Contains the drawer menu, styles drawer itself.
 */
.side-menu-wrapper {
  /* style menu wrapper */
  background: white;
  padding: 0;
  position: fixed;
  /* Fixed position */
  top: 0;
  right: 0;
  /* Sidebar initial position. "right" for right positioned menu */
  height: 100vh;
  z-index: 2;
  transition: 0.5s;
  /* CSS transition speed */
  width: 275px;
  overflow: hidden;
  box-sizing: border-box; }
.side-menu-wrapper > div:first-of-type {
  width: 100%;
  position: relative;
  height: 70px;
  border-bottom: 1px solid #e3e4e6; }
.side-menu-wrapper > div:first-of-type a.menu-close {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #6B6B6B;
  font-size: 35px;
  font-weight: bold; }

@media only screen and (max-width: 965px) {
  /* Positions the drawer menu bars correctly next to the logo. */
  .page-wrapper a.account-side-menu-trigger.desktop-hidden {
    display: inline-block;
    font-weight: normal;
    font-size: 22px;
    position: absolute;
    top: 10px;
    left: 20px; }

  #logo {
    margin-left: 27px; } }
@media only screen and (max-width: 485px) {
  /* Positions the drawer menu bars correctly next to the logo. */
  .page-wrapper a.account-side-menu-trigger.desktop-hidden {
    font-weight: normal;
    font-size: 18px;
    position: absolute;
    top: 12px;
    left: 20px; }

  #logo {
    margin-left: 22px; } }
@media only screen and (max-height: 650px) {
  .side-menu-wrapper {
    overflow-y: scroll; } }
div.header-menu.notifications ul.system-notifications {
  display: flex;
  flex-flow: column; }
div.header-menu.notifications ul.system-notifications li {
  color: rgba(22, 22, 22, 0.75);
  font-family: Montserrat, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal; }
div.header-menu.notifications ul.system-notifications li.empty div.notification-image {
  display: none; }
div.header-menu.notifications ul.system-notifications li.empty div.notification-description {
  padding: 10px 0 10px 0;
  width: 100%;
  text-align: center; }
div.header-menu.notifications ul.system-notifications li.empty div.notification-description p:last-child {
  display: none; }
div.header-menu.notifications div.submenu {
  width: 250px; }
div.header-menu.notifications div.notification-wrapper {
  padding: 5px;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  position: relative; }
div.header-menu.notifications div.notification-wrapper div.notification-image {
  width: 25%;
  display: flex;
  justify-content: center;
  align-items: center; }
div.header-menu.notifications div.notification-wrapper div.notification-image img {
  width: 100%; }
div.header-menu.notifications div.notification-wrapper div.notification-image.multiple img {
  opacity: 35%; }
div.header-menu.notifications div.notification-wrapper div.notification-image.multiple:after {
  opacity: 1;
  content: attr(data-count);
  font-size: 18px;
  font-weight: bold;
  position: absolute; }
div.header-menu.notifications div.notification-wrapper div.notification-description {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  padding-left: 7%;
  font-size: 14px;
  font-family: Montserrat, Arial, sans-serif;
  width: 68%; }
div.header-menu.notifications div.notification-wrapper div.notification-description p {
  margin: 0;
  width: 100%; }
div.header-menu.notifications div.system-notifications span.expires {
  font-weight: normal; }

/* Can be moved to style.scss */
#main-container {
  overflow: auto;
  overflow-x: hidden; }

/* === LOGIN SECTION === */
.login {
  box-sizing: border-box;
  height: 30px;
  margin: auto;
  margin-top: 0;
  color: #161616;
  font-family: Nunito, Arial, sans-serif;
  font-size: 14px;
  width: 1500px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* Added by Armando Juarez */ }
.login #buy-sell, .login #login-register > div:nth-child(-n+2) {
  opacity: 0.7;
  font-weight: bold; }

input.error, textarea.error, div.error {
  border: 1px dashed red !important; }
input.valid, textarea.valid, div.valid {
  border: 1px solid #44AAED !important; }

label.error {
  display: block;
  color: red;
  margin-top: 5px;
  margin-bottom: 20px; }
label.error span {
  display: block;
  padding-top: 5px; }

/* --------------------------------------------------------------- */
/* -- Pagination Styles ------------------------------------------ */
/* --------------------------------------------------------------- */
.items-per-page {
  float: left;
  color: #464855; }
.items-per-page p {
  font-weight: 600; }
.items-per-page ul {
  padding: 0; }
.items-per-page li {
  list-style-type: none;
  float: left;
  margin-right: 5px; }
.items-per-page li:nth-last-child(1) {
  margin-right: 0; }
.items-per-page .num-items {
  font-size: 12px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 5px;
  background-color: white;
  border: 1px solid #ebebeb;
  text-align: center; }
.items-per-page .active {
  background-color: #44AAED;
  color: white; }

.page-nav {
  margin-top: 40px;
  float: right; }
.page-nav ul {
  padding: 0; }
.page-nav li {
  list-style-type: none;
  float: left;
  margin-right: 5px; }
.page-nav li:nth-last-child(1) {
  margin-right: 0; }
.page-nav div {
  width: 25px;
  height: 25px;
  line-height: 25px;
  background-size: 12px 12px;
  background-position: center center;
  background-repeat: no-repeat;
  text-align: center;
  font-weight: 600;
  color: #44AAED;
  font-size: 14px; }
.page-nav .page-num.active {
  color: white;
  background-color: #44AAED;
  border-radius: 20px; }
.page-nav .first-arrow {
  background-image: url('../../../img/first-arrow.png?1610669710'); }
.page-nav .first-arrow.disabled {
  background-image: url('../../../img/first-arrow-disabled.png?1610669710'); }
.page-nav .back-arrow {
  background-image: url('../../../img/back-arrow.png?1610669710'); }
.page-nav .back-arrow.disabled {
  background-image: url('../../../img/back-arrow-disabled.png?1610669710'); }
.page-nav .forward-arrow {
  background-image: url('../../../img/forward-arrow.png?1610669710'); }
.page-nav .forward-arrow.disabled {
  background-image: url('../../../img/forward-arrow-disabled.png?1610669710'); }
.page-nav .last-arrow {
  background-image: url('../../../img/last-arrow.png?1610669710'); }
.page-nav .last-arrow.disabled {
  background-image: url('../../../img/last-arrow-disabled.png?1610669710'); }

.items-per-page .selected {
  color: white;
  font-weight: 600;
  background-color: #3DA7ED; }

/* --------------------------------------------------------------- */
.overlay {
  position: relative; }

.overlay:after {
  content: ".";
  color: transparent;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url('../../../img/loading.gif?1610669710');
  background-repeat: no-repeat;
  background-size: 50px;
  background-position: 50% 50%;
  background-color: rgba(5, 5, 5, 0.5);
  transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s;
  opacity: 0; }

.overlay.centerViewport:after {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%); }

.overlay.special:after {
  opacity: 1; }

/* --------------------------------------------- */
/* -- My Account Header Menu ------------------- */
/* --------------------------------------------- */
.login #login-register div.myaccount-menu-wrapper {
  opacity: 1;
  position: relative;
  z-index: 10; }

div.header-menu {
  position: relative; }
div.header-menu div.menu-trigger {
  box-sizing: border-box;
  padding: 7px 20px 7px 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #161616;
  font-weight: bold;
  cursor: pointer; }
div.header-menu div.menu-trigger > a {
  opacity: .7; }
div.header-menu div.menu-trigger.active {
  background-color: white; }
div.header-menu div.menu-trigger.active a.myaccount-menu-trigger {
  color: #44aaed;
  opacity: 1; }
div.header-menu div.submenu {
  display: none;
  width: 185px;
  box-sizing: border-box;
  position: absolute;
  top: 100%;
  left: auto;
  right: 0;
  transform: translatey(-5px);
  border: 1px solid #808080;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: 2px 1px 3px 0 #BFBFBF;
  background-color: white;
  opacity: 1; }
div.header-menu div.submenu div.menu-arrow {
  position: absolute;
  right: 20px;
  top: -8px; }
div.header-menu div.submenu div.menu-arrow div.menu-arrow-content {
  width: 21px;
  height: 9px;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgd2lkdGg9IjIxIgogICBoZWlnaHQ9IjkiCiAgIHZpZXdCb3g9IjAgMCAyMSA5IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc5NzQiCiAgIHNvZGlwb2RpOmRvY25hbWU9Im1lbnUtYXJyb3cuc3ZnIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkyLjMgKDI0MDU1NDYsIDIwMTgtMDMtMTEpIj4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE5ODAiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgICAgPGRjOnRpdGxlPjwvZGM6dGl0bGU+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxkZWZzCiAgICAgaWQ9ImRlZnM5NzgiPgogICAgPGlua3NjYXBlOnBlcnNwZWN0aXZlCiAgICAgICBzb2RpcG9kaTp0eXBlPSJpbmtzY2FwZTpwZXJzcDNkIgogICAgICAgaW5rc2NhcGU6dnBfeD0iMCA6IDQuNSA6IDEiCiAgICAgICBpbmtzY2FwZTp2cF95PSIwIDogMTAwMCA6IDAiCiAgICAgICBpbmtzY2FwZTp2cF96PSIyMSA6IDQuNSA6IDEiCiAgICAgICBpbmtzY2FwZTpwZXJzcDNkLW9yaWdpbj0iMTAuNSA6IDMgOiAxIgogICAgICAgaWQ9InBlcnNwZWN0aXZlMTEzNCIgLz4KICA8L2RlZnM+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxIgogICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiCiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiCiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxNjAwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9Ijg2OSIKICAgICBpZD0ibmFtZWR2aWV3OTc2IgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSIzMiIKICAgICBpbmtzY2FwZTpjeD0iOC4zNzk2MzUiCiAgICAgaW5rc2NhcGU6Y3k9IjUuMjQ3MjAxMSIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9ImcxMTUxIgogICAgIHNob3dndWlkZXM9InRydWUiCiAgICAgaW5rc2NhcGU6Z3VpZGUtYmJveD0idHJ1ZSI+CiAgICA8c29kaXBvZGk6Z3VpZGUKICAgICAgIHBvc2l0aW9uPSIxMC41LDkuNTQ0MDc0MiIKICAgICAgIG9yaWVudGF0aW9uPSIxLDAiCiAgICAgICBpZD0iZ3VpZGUxMDQwIgogICAgICAgaW5rc2NhcGU6bG9ja2VkPSJmYWxzZSIKICAgICAgIGlua3NjYXBlOmxhYmVsPSIiCiAgICAgICBpbmtzY2FwZTpjb2xvcj0icmdiKDAsMCwyNTUpIiAvPgogICAgPHNvZGlwb2RpOmd1aWRlCiAgICAgICBwb3NpdGlvbj0iMTAuODM1NzUzLDAiCiAgICAgICBvcmllbnRhdGlvbj0iMCwxIgogICAgICAgaWQ9Imd1aWRlMTA0MiIKICAgICAgIGlua3NjYXBlOmxvY2tlZD0iZmFsc2UiCiAgICAgICBpbmtzY2FwZTpsYWJlbD0iIgogICAgICAgaW5rc2NhcGU6Y29sb3I9InJnYigwLDAsMjU1KSIgLz4KICAgIDxzb2RpcG9kaTpndWlkZQogICAgICAgcG9zaXRpb249IjExLjU5Mzc1LDkiCiAgICAgICBvcmllbnRhdGlvbj0iMCwxIgogICAgICAgaWQ9Imd1aWRlMTE1NyIKICAgICAgIGlua3NjYXBlOmxvY2tlZD0iZmFsc2UiIC8+CiAgPC9zb2RpcG9kaTpuYW1lZHZpZXc+CiAgPGcKICAgICBpbmtzY2FwZTpncm91cG1vZGU9ImxheWVyIgogICAgIGlkPSJsYXllcjIiCiAgICAgaW5rc2NhcGU6bGFiZWw9IkxheWVyIDIiIC8+CiAgPGcKICAgICBpbmtzY2FwZTpncm91cG1vZGU9ImxheWVyIgogICAgIGlkPSJsYXllcjEiCiAgICAgaW5rc2NhcGU6bGFiZWw9IkxheWVyIDEiCiAgICAgc3R5bGU9ImRpc3BsYXk6aW5saW5lIj4KICAgIDxwYXRoCiAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTojMDAwMDAwO3N0cm9rZS13aWR0aDowLjAwMDQxNzU4O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1kYXNob2Zmc2V0OjA7c3Ryb2tlLW9wYWNpdHk6MTtwYWludC1vcmRlcjpub3JtYWwiCiAgICAgICBkPSJNIDAuMTI0MDIxOTksOC45MzQ2MDI5IEMgMC4xNDc5OTA5OSw4LjkxMTU0OTkgMi40ODgyMDkyLDYuOTAyMzU4MiA1LjMyNDUwNjcsNC40Njk3MzEyIGwgNS4xNTY5MDMzLC00LjQyMjk1Nzg3IDAuMDQ2OTYsMC4wNDIxNTg3IGMgMC4wMjU4MywwLjAyMzE4NzMgMi4zMjQwNjQsMi4wMDM5NTg0NyA1LjEwNzE5Miw0LjQwMTcxMzg3IDIuNzgzMTI4LDIuMzk3NzU1MyA1LjA4OTg3Myw0LjM4Nzk3NjEgNS4xMjYxLDQuNDIyNzEyOSBsIDAuMDY1ODcsMC4wNjMxNTggSCAxMC40NTM5ODQgYyAtMTAuMTg1OTgyOSwwIC0xMC4zNzI3NTQ0MSwtNy41OGUtNCAtMTAuMzI5OTYyMDEsLTAuMDQxOTE0IHoiCiAgICAgICBpZD0icGF0aDExNTUiCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAvPgogIDwvZz4KICA8ZwogICAgIGlua3NjYXBlOmxhYmVsPSJMYXllciAxIGNvcHkiCiAgICAgaWQ9ImcxMTUxIgogICAgIGlua3NjYXBlOmdyb3VwbW9kZT0ibGF5ZXIiCiAgICAgc3R5bGU9ImRpc3BsYXk6aW5saW5lIj4KICAgIDxwYXRoCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIgogICAgICAgaWQ9InBhdGgxMTQ5IgogICAgICAgZD0iTSAwLjA0NDE5NDE3LDkgMTAuNSwwLjcwMDQ1NzczIDIxLjA2MDA5NCw5IgogICAgICAgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6ZXZlbm9kZDtzdHJva2U6IzgwODA4MDtzdHJva2Utd2lkdGg6MTtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIgogICAgICAgc29kaXBvZGk6bm9kZXR5cGVzPSJjY2MiIC8+CiAgPC9nPgo8L3N2Zz4K"); }
div.header-menu div.submenu a {
  text-decoration: none;
  color: #333;
  font-family: sans-serif;
  padding: 5px 0 5px 0; }
div.header-menu div.submenu ul {
  width: 100%;
  list-style: none;
  margin: 0 20px 0 0;
  padding: 0; }
div.header-menu div.submenu li {
  position: relative; }
div.header-menu div.submenu li:hover {
  background-color: #ECF6FD; }
div.header-menu div.submenu li:last-child .menu-title {
  border-bottom: none; }
div.header-menu div.submenu .menu-title {
  display: flex;
  flex-flow: row nowrap;
  justify-items: flex-start;
  align-items: center;
  border: none; }
div.header-menu div.submenu .menu-title img.icon {
  position: static;
  width: 8%;
  height: 8%;
  margin: 0 5% 0 5%;
  display: none; }
div.header-menu div.submenu .menu-title a {
  display: block;
  width: 100%;
  padding: 7px 0 7px 20px;
  color: rgba(22, 22, 22, 0.75);
  font-family: Montserrat, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal; }
div.header-menu div.submenu [data-ntf-cnt]:after {
  top: 0;
  left: -10px; }

/* --------------------------------------------- */
#mobile-login-register {
  color: #161616;
  font-family: Nunito, Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  display: flex; }

/* --------------------------------------------- */
/* Added By Armando Juarez */
/* --------------------------------------------- */
.verify-email-banner {
  width: 100%;
  background-color: rgba(61, 167, 237, 0.11);
  box-shadow: 1px 0 0 0 #FFFFFF;
  border-radius: 4px;
  height: 40px;
  line-height: 40px;
  color: #464855;
  font-weight: 600;
  font-size: 12px;
  text-align: center;
  margin-bottom: 30px; }
.verify-email-banner a {
  color: #44AAED; }

/* --------------------------------------------- */
#login-register {
  display: flex;
  font-size: 12px;
  align-items: center; }
#login-register em {
  font-style: normal;
  font-weight: bold; }
#login-register > div {
  position: relative;
  z-index: 0; }
#login-register #headerIconWrapper {
  z-index: 10; }
#login-register > div:nth-of-type(2) {
  margin-left: 20px; }

/* === SEARCH SECTION === */
section.search {
  height: auto;
  margin-bottom: 20px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between; }

.search {
  width: 1500px;
  margin: auto;
  height: 100px;
  padding-top: 43px; }

#logo {
  margin-top: 14px;
  position: relative;
  width: auto;
  display: inline-block; }
#logo a {
  display: block;
  width: 100%;
  height: 100%; }
#logo img {
  width: 175px; }

#logo:after {
  content: "beta";
  position: absolute;
  font-size: 14px;
  right: 0;
  bottom: -3px;
  font-weight: 600;
  color: #BFBFBF; }

#search-bar {
  flex-grow: 1;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  margin: 0 20px 0 20px; }
#search-bar form {
  display: flex;
  flex-flow: row wrap;
  width: 100%; }
#search-bar form div.search-input {
  flex-grow: 1; }
#search-bar form input[type='text'] {
  width: 100%; }
#search-bar input:focus {
  outline: none; }

#search-bar .custom-select {
  border-right: 1px solid #ebebeb; }

.custom-select {
  position: relative;
  width: 160px;
  height: 48px;
  font-size: 14px;
  float: left; }
.custom-select select {
  display: none; }

.select-selected {
  background-color: #F6F7F7;
  color: #44AAED;
  height: 32px;
  line-height: 32px;
  color: #44AAED;
  padding: 8px 16px;
  cursor: pointer; }
.select-selected:after {
  position: absolute;
  content: "";
  top: 22px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #D8D9DB transparent transparent transparent; }

.select-selected.select-arrow-active:after {
  border-color: transparent transparent #D8D9DB transparent;
  top: 16px; }

.select-items {
  position: absolute;
  background-color: #F6F7F7;
  top: 36px;
  left: 0;
  right: 0;
  z-index: 99; }
.select-items div {
  color: #44AAED;
  padding: 8px 16px;
  cursor: pointer; }
.select-items div:hover {
  background-color: rgba(0, 0, 0, 0.1); }

.select-hide {
  display: none; }

.same-as-selected {
  background-color: rgba(0, 0, 0, 0.1); }

.search-input input {
  height: 100%;
  width: 100%;
  font-size: 16px;
  color: #464855;
  padding-left: 30px;
  font-family: Montserrat, Arial, sans-serif; }
.search-input input::placeholder {
  color: gray;
  opacity: 1; }
.search-input input:-ms-input-placeholder {
  color: gray; }
.search-input input::-ms-input-placeholder {
  color: gray; }

.search-button {
  height: 48px;
  width: 60px;
  padding: 0;
  background-color: #ECF6FD;
  background-image: url('../../../img/magnifier.png?1610669710');
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  float: left; }

#start-selling {
  width: 230px;
  height: 48px;
  line-height: 48px;
  background-color: #44AAED;
  color: white;
  font-weight: 600;
  text-align: center;
  border-radius: 5px; }
#start-selling a {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* === PRODUCTS SECTION === */
#main-container {
  width: 100%;
  padding-bottom: 50px;
  background-color: #F5F6F8; }

#content-banner {
  height: 31px;
  margin-bottom: 30px; }
#content-banner li {
  list-style-type: none;
  display: inline-block;
  padding-left: 7px;
  padding-right: 7px;
  text-align: center;
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 10px;
  font-size: 16px;
  transition: color 0.5s, border-color 0.5s; }
#content-banner li:hover {
  color: #44AAED;
  border-color: #44AAED;
  border-width: 3px;
  padding-bottom: 9px; }

#content-wrapper {
  width: 1500px;
  margin: auto;
  padding-top: 60px; }

.messages-banner {
  margin: 0 auto;
  margin-top: 20px;
  width: 1500px; }

.products-title {
  color: #464855;
  font-size: 20px;
  font-weight: 600;
  float: left; }

#view-all {
  color: #44AAED;
  margin-left: 15px;
  margin-top: 4px;
  float: left; }

#active-category {
  color: #44AAED;
  border-bottom: 3px solid #44AAED !important;
  padding-bottom: 9px !important; }

.products-slick {
  clear: both;
  padding-top: 20px; }
.products-slick .slick-slide {
  margin-left: 60px; }
.products-slick .slick-list {
  margin-left: 20px; }

#browse-more {
  width: 22.75%;
  height: 60px;
  background-color: #EBF1F7;
  color: #44AAED;
  font-weight: 600;
  text-align: center;
  line-height: 60px;
  margin: auto;
  position: relative; }
#browse-more a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* === PACKAGES SECTION === */
#packages-container {
  width: 100%;
  padding-top: 75px;
  padding-bottom: 75px;
  background-color: #F5F6F8; }

#packages {
  width: 1500px;
  margin: auto;
  text-align: center; }
#packages h1 {
  margin-bottom: 5px;
  color: #464855;
  font-weight: 600; }

.packages-slick {
  padding-top: 20px; }
.packages-slick .slick-arrow {
  display: none !important; }

#packages-subtitle {
  color: #464855;
  font-weight: 600;
  font-size: 14px;
  padding-left: 20px;
  padding-right: 20px; }

#packages-row {
  width: 100%;
  overflow: auto;
  margin-top: 30px;
  margin-bottom: 40px; }

.package-box {
  float: left;
  width: 28%;
  margin-right: 8%;
  background-color: white;
  box-shadow: 0 2px 6px 0 rgba(69, 73, 91, 0.08); }
.package-box:nth-last-child(1) {
  margin-right: 0; }

.package-title {
  color: #3DA7ED;
  font-weight: bold;
  margin-top: 30px; }

.package-description {
  color: #90929D;
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 20px; }

.package-price {
  margin-top: 30px;
  margin-bottom: 10px;
  color: #353535;
  font-size: 48px;
  font-weight: 600; }
.package-price span {
  font-size: 20px; }

.package-details {
  font-weight: 600;
  color: #363636;
  font-size: 14px;
  margin-top: 20px; }

.package-button {
  width: 90%;
  height: 48px;
  line-height: 48px;
  background-color: #44AAED;
  color: white;
  font-weight: 600;
  text-align: center;
  border-radius: 5px;
  margin: auto;
  margin-top: 50px;
  margin-bottom: 30px;
  position: relative; }
.package-button a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.package-note {
  font-size: 12px;
  color: #363636;
  padding-left: 20px;
  padding-right: 20px; }

div.clear, div.clearboth {
  clear: both; }

.fancybox-slide--iframe .fancybox-content {
  width: 500px !important;
  height: 600px !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0; }

/* --------------------------------------------------------------- */
/* -- Notification Styles ---------------------------------------- */
/* --------------------------------------------------------------- */
.notification-badge-small {
  position: relative; }

.notification-badge-small[data-count]:after {
  content: " ";
  position: absolute;
  top: -4px;
  right: 5px;
  width: 6px;
  height: 6px;
  border: 1px solid white;
  color: white;
  background: #FF2600;
  text-align: center;
  line-height: 18px;
  border-radius: 50%; }

#headerIconWrapper {
  position: relative;
  margin-left: 20px; }
#headerIconWrapper .ntf-badge {
  position: relative; }
#headerIconWrapper .ntf-badge:after {
  content: attr(data-ntf-cnt);
  opacity: 100%;
  position: absolute;
  top: 2px;
  left: 18px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  background-color: #fa3e3e;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: white;
  box-shadow: 0 0 1px white;
  text-align: center; }
#headerIconWrapper .notification-badge-small[data-count]:after {
  content: attr(data-count);
  position: absolute;
  top: 0px;
  right: -14px;
  width: 17px;
  height: 17px;
  padding-left: 1px;
  border: 1px solid white;
  color: white;
  background: #FF4A66;
  text-align: center;
  line-height: 16px;
  border-radius: 7px;
  font-size: 12px;
  font-weight: 600;
  font-family: Montserrat, Arial, sans-serif; }

#headerIconWrapper {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: baseline; }
#headerIconWrapper div.header-icon {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  width: 100%;
  height: 30px; }
#headerIconWrapper div.header-icon img {
  opacity: .7;
  height: 24px; }
#headerIconWrapper div.header-icon.inactive {
  opacity: 50%; }

/**
@media only screen and (max-width: 460px)
@media only screen and (max-width: 485px)
@media only screen and (max-width: 630px)
@media only screen and (max-width: 750px)
@media only screen and (max-width: 760px)
@media only screen and (max-width: 965px)
@media only screen and (max-width: 1510px)
 */
/* === MEDIA QUERIES === */
@media only screen and (max-width: 1510px) {
  .login, .search, #content-wrapper, #packages, .messages-banner {
    width: 950px; }

  h1 {
    font-size: 20px; }

  h2 {
    font-size: 16px; }

  .search-input input {
    font-size: 14px; }

  #start-selling {
    font-size: 14px;
    width: 170px; }

  #view-all {
    font-size: 14px; }

  #browse-more {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    width: 400px; }

  .description {
    font-size: 14px; }

  .custom-select {
    font-size: 12px;
    width: 145px; }

  #logo img {
    width: 140px; }

  #logo:after {
    bottom: -5px; }

  #search-bar {
    margin-left: 75px; }

  .package-button {
    width: 80%; } }
@media only screen and (max-width: 965px) {
  #logo.mobile-hidden {
    display: none; }

  section.search {
    display: initial; }

  /* --------------------------------------------- */
  /* Added By Armando Juarez */
  /* --------------------------------------------- */
  #headerNotificationWrapper .notification-badge-small[data-count]:after {
    content: attr(data-count);
    position: absolute;
    top: 0px;
    right: -14px;
    width: 17px;
    height: 17px;
    padding-left: 1px;
    border: 1px solid white;
    color: white;
    background: #FF4A66;
    text-align: center;
    line-height: 16px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
    font-family: Montserrat, Arial, sans-serif; }

  .search .mobile-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center; }

  div.mobile-header {
    height: 50px; }

  .messages-banner {
    width: 740px;
    margin-left: auto;
    margin-right: auto; }

  /* --------------------------------------------- */
  .package-title {
    font-size: 14px; }

  .package-description, .package-details {
    font-size: 12px; }

  .package-price {
    font-size: 30px; }
  .package-price span {
    font-size: 15px; }

  .package-note {
    font-size: 10px; }

  .login {
    width: 100%; }

  .search {
    width: 100%;
    height: auto;
    padding-top: 0; }

  #content-wrapper {
    width: 100%;
    padding-top: 30px; }

  #packages {
    width: 100%; }

  .mobile-hidden {
    display: none; }

  .desktop-hidden {
    display: block; }

  a.desktop-hidden {
    display: initial; }

  #logo {
    float: none;
    clear: both;
    padding-left: 20px;
    margin-top: 0;
    margin-bottom: 0; }

  #logo:after {
    right: -30px;
    top: -10px; }

  #mobile-login-register {
    padding-right: 20px; }

  #packages-container {
    padding-top: 30px;
    padding-bottom: 30px; }

  #main-container {
    padding-bottom: 30px; }

  #search-bar {
    float: none;
    clear: both;
    width: 606px;
    margin: auto;
    margin-bottom: 20px;
    height: 48px; }

  #start-selling {
    float: none;
    clear: both;
    margin: auto;
    margin-bottom: 30px;
    width: 606px; }

  .products-title {
    margin-left: 20px;
    margin-top: 20px; }

  #packages-row {
    margin: auto;
    width: 90%; }

  .package-box {
    width: 31%;
    margin-right: 3.5%; } }
@media only screen and (max-width: 750px) {
  .messages-banner {
    width: 100%; }

  .verify-email-banner {
    line-height: normal;
    width: 410px;
    height: 60px;
    display: table; }
  .verify-email-banner span {
    display: table-cell;
    vertical-align: middle; } }
@media only screen and (max-width: 630px) {
  /* --------------------------------------------- */
  /* Added By Armando Juarez */
  /* --------------------------------------------- */
  .search .mobile-header {
    width: 100%;
    display: flex;
    justify-content: space-between; }

  /* --------------------------------------------- */
  .mobile-hidden-630 {
    display: none; }

  .desktop-hidden-630 {
    display: block; }

  #search-bar, #start-selling {
    width: 456px; }

  .package-box {
    text-align: center;
    width: 280px;
    height: 350px; }

  .description {
    padding-left: 20px;
    padding-right: 20px; } }
@media only screen and (max-width: 485px) {
  #logo:after {
    top: -15px;
    right: -10px;
    font-size: 10px; }

  /* --------------------------------------------- */
  /* Added By Armando Juarez */
  /* --------------------------------------------- */
  .search .mobile-header {
    width: 100%;
    display: flex;
    justify-content: space-between; }

  /* --------------------------------------------- */
  #mobile-login-register {
    font-size: 12px; }

  .search-input input {
    font-size: 12px;
    padding-left: 10px; }

  #start-selling {
    font-size: 12px;
    height: 40px;
    width: 311px;
    line-height: 40px; }

  #view-all {
    font-size: 12px; }

  #browse-more {
    font-size: 12px;
    width: 311px; }

  .description {
    font-size: 12px; }

  .custom-select {
    font-size: 10px;
    height: 40px;
    width: 69px; }

  #logo img {
    width: 110px; }

  #logo-white {
    width: 110px; }

  #search-bar {
    height: 40px;
    height: 40px;
    width: 311px; }

  .search-button {
    height: 40px;
    width: 30px;
    background-size: 15px 15px; }

  .select-selected {
    height: 24px;
    line-height: 24px;
    text-align: center;
    padding-left: 5px; }
  .select-selected:after {
    top: 17px;
    right: 8px; }

  .select-selected.select-arrow-active:after {
    border-color: transparent transparent #D8D9DB transparent;
    top: 11px; }

  .select-items div {
    padding-left: 5px; }

  .products-slick .slick-slide {
    margin-left: 40px; }

  .package-box {
    height: 280px; }

  .package-title {
    margin-top: 15px; }

  .package-price {
    margin-top: 15px; }

  .package-description {
    margin-bottom: 15px; }

  .package-button {
    margin-bottom: 15px;
    margin-top: 30px;
    height: 40px;
    line-height: 40px;
    font-size: 14px; } }
@media only screen and (max-width: 460px) {
  /* --------------------------------------------------------------- */
  /* -- Pagination Styles ------------------------------------------ */
  /* --------------------------------------------------------------- */
  .items-per-page li {
    margin-right: 4px; }
  .items-per-page .num-items {
    font-size: 11px;
    width: 25px;
    height: 25px;
    line-height: 25px; }

  .page-nav {
    margin-top: 39px; }
  .page-nav li {
    margin-right: 2px; }
  .page-nav div {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 13px; }

  /* --------------------------------------------------------------- */
  .verify-email-banner {
    width: 90%;
    height: 75px; } }
/* Smartphones ----------- */
@media only screen and (max-width: 760px) {
  /* --------------------------------------------- */
  /* Added By Armando Juarez */
  /* --------------------------------------------- */
  .search .mobile-header {
    width: 100%; }

  /* --------------------------------------------- */
  .fancybox-slide {
    padding: 0 !important; } }
div.mainCategory {
  margin-bottom: 40px; }

div.subcategories, div.itemList {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(33%, 1fr));
  width: 95%;
  margin: 0 auto; }
div.subcategories div.subcategory, div.subcategories div.item, div.itemList div.subcategory, div.itemList div.item {
  flex-basis: 30%;
  margin: 5px; }

div.itemList {
  margin-bottom: 20px; }

.content-header {
  color: #464855;
  width: 100%;
  height: 40px;
  line-height: 40px;
  position: relative;
  margin-bottom: 10px; }
.content-header .back {
  width: 70px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12px;
  font-weight: 600; }
.content-header .back span {
  margin-right: 8px;
  color: #44AAED;
  font-size: 20px; }
.content-header .back a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
.content-header h1 {
  width: 100%;
  text-align: center;
  font-size: 22px; }

.sitemap-links {
  width: 100%;
  height: 30px;
  line-height: 30px;
  margin-bottom: 20px;
  text-align: center;
  font-size: 18px; }
.sitemap-links a:hover {
  color: #44AAED; }
.sitemap-links span {
  margin-left: 15px;
  margin-right: 15px; }
.sitemap-links .show-460 {
  display: none; }

.content-box {
  width: 95%;
  padding-left: 2.5%;
  padding-right: 2.5%;
  padding-top: 30px;
  padding-bottom: 30px;
  color: #464855;
  background-color: white;
  overflow: auto;
  margin-bottom: 20px;
  box-shadow: 0 2px 6px 0 rgba(69, 73, 91, 0.08);
  border-radius: 10px; }
.content-box h1 {
  font-size: 22px;
  margin-bottom: 10px; }
.content-box h2 {
  font-size: 16px;
  font-weight: 600;
  display: block;
  width: 100%;
  margin-bottom: 20px; }
.content-box .divider {
  margin-bottom: 20px; }
.content-box .column-wrapper {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  overflow: auto;
  margin-bottom: 40px; }
.content-box .column-wrapper:nth-last-child(1) {
  margin-bottom: 0; }
.content-box .column {
  float: left;
  width: 30%;
  margin-right: 5%; }
.content-box .column.last {
  margin-right: 0; }
.content-box .column div {
  margin-bottom: 15px; }
.content-box .column a {
  font-size: 14px;
  font-weight: 300; }
.content-box .column a:hover {
  color: #44AAED; }

@media only screen and (min-width: 1500px) {
  div.subcategories, div.itemList {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(25%, 1fr)); } }
/* === MEDIA QUERIES === */
@media only screen and (max-width: 1510px) {
  #profile {
    width: 950px; } }
@media only screen and (max-width: 965px) {
  #profile-container {
    padding-bottom: 0; }

  #profile {
    width: 90%;
    margin: auto; } }
@media only screen and (max-width: 750px) {
  #profile {
    margin: 0;
    width: 100%; }

  .content-header {
    margin-left: auto;
    margin-right: auto;
    width: 90%; }

  .sitemap-links {
    font-size: 14px;
    min-height: 20px;
    height: auto;
    line-height: 20px; }
  .sitemap-links span {
    margin-left: 10px;
    margin-right: 10px; }

  .content-box {
    border-radius: 0;
    box-shadow: none;
    width: 90%;
    padding-left: 5%;
    padding-right: 5%; } }
@media only screen and (max-width: 630px) {
  div.subcategories, div.itemList {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(50%, 1fr)); }

  .content-box .column-wrapper {
    width: 90%; }
  .content-box .column {
    float: none;
    clear: both;
    margin: 0;
    width: 100%; } }
@media only screen and (max-width: 460px) {
  div.subcategories, div.itemList {
    width: 100%; }
  div.subcategories div.subcategory, div.subcategories div.item, div.itemList div.subcategory, div.itemList div.item {
    box-sizing: border-box;
    border: 1px solid rgba(139, 144, 163, 0.15);
    border-radius: 2px;
    margin-left: .5%;
    margin-right: .5%;
    margin-bottom: 5px;
    padding: 7px; }

  .content-header {
    height: auto; }
  .content-header .back {
    position: static; }

  .sitemap-links .hide-460 {
    display: none; }
  .sitemap-links .show-460 {
    display: block; } }