@charset "UTF-8";
.cursor-point {
  cursor: pointer;
}

a {
  cursor: pointer;
}

#title2 {
  padding: 0;
}

.txt-elip {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  width: 100%;
}

.fullWidth {
  width: 100%;
}

.srcsm {
  -webkit-transform: skewX(20deg);
  -ms-transform: skewX(20deg);
  transform: skewX(20deg);
}

.txtOverflowHidden {
  display: inline-block;
  overflow: hidden;
}

.anchor {
  position: relative;
  top: -110px;
  margin: 0;
  padding: 0;
  float: left;
}

@media (min-width: 768px) {
  .phone-only {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .tablet-above {
    display: none !important;
  }
}
@media (max-width: 969px) {
  .desktop-only {
    display: none !important;
  }
}
h1, h2, h3, h4, .h1, .h2, .h3, .h4 {
  font-family: "proxima_nova_ltsemibold", sans-serif;
  color: #333333;
}

h5, h6, .h5, .h6, body {
  font-family: "proxima_nova_rgregular", sans-serif;
}

body {
  color: #333333;
  font-size: 13px;
}

h1, .h1 {
  font-size: 30px;
}

h2, .h2 {
  font-size: 22px;
}

h3, .h3 {
  font-size: 18px;
}

h4, .h4 {
  font-size: 16px;
}

h5, .h5 {
  font-size: 14px;
  color: #666666;
}

h6, .h6 {
  font-size: 12px;
  color: #999999;
}

.caption {
  font: 13px/15px "proxima_nova_rgregular", sans-serif;
  color: #999999;
}
.caption a {
  color: #333333;
}
.caption.tags {
  color: #999999;
}
.caption.tags a {
  color: #999999;
  text-decoration: underline;
}

h1.small, .h1.small, h2.small, .h2.small, h3.small, .h3.small, h4.small, .h4.small, h5.small, .h5.small, h6.small, .h6.small, p.small, span.small, caption.small {
  font-size: 85%;
}
h1.bold, .h1.bold, h2.bold, .h2.bold, h3.bold, .h3.bold, h4.bold, .h4.bold, h5.bold, .h5.bold, h6.bold, .h6.bold, p.bold, span.bold, caption.bold {
  font-family: "proxima_nova_ltsemibold", sans-serif;
}
h1.tight, .h1.tight, h2.tight, .h2.tight, h3.tight, .h3.tight, h4.tight, .h4.tight, h5.tight, .h5.tight, h6.tight, .h6.tight, p.tight, span.tight, caption.tight {
  margin: 0;
  padding: 0;
}

.link {
  color: #0799ca;
}
.link.big {
  font-size: 15px;
}

.blue, .text-blue {
  color: #0799ca !important;
}

.green-text, .text-green {
  color: #009933 !important;
}

.text-red {
  color: #d80000 !important;
}

.text-orange {
  color: #f18300 !important;
}

.text-xs-left {
  text-align: left;
}

.text-xs-center {
  text-align: center;
}

.text-xs-right {
  text-align: right;
}

@media (min-width: 768px) {
  .text-sm-left {
    text-align: left;
  }

  .text-sm-center {
    text-align: center;
  }

  .text-sm-right {
    text-align: right;
  }
}
@media (min-width: 968px) {
  .text-md-left {
    text-align: left;
  }

  .text-md-center {
    text-align: center;
  }

  .text-md-right {
    text-align: right;
  }
}
@media (min-width: 1170px) {
  .text-lg-left {
    text-align: left;
  }

  .text-lg-center {
    text-align: center;
  }

  .text-lg-right {
    text-align: right;
  }
}
.btn, .form-control {
  height: 32px;
}

.btn-sign-in {
  border: 0px;
  background: none;
  padding: 10px 15px;
  border-radius: 0px;
  color: #666666;
  font-weight: 600;
  height: 40px;
}
.btn-sign-in:hover {
  color: #111111;
}

@media (min-width: 768px) {
  .btn-sign-in {
    border-right: 1px solid #eeeeee;
  }
}
.btn-action {
  width: 100%;
  margin-top: 4px;
  padding: 5px 0;
}

.btn-facebook {
  background: #3b5998;
  color: white;
}
.btn-facebook:hover {
  background: #2d4373;
  color: white;
}

.btn-flickr {
  background: #ff0084;
  color: white;
}
.btn-flickr:hover {
  background: #cc006a;
  color: white;
}

.btn-google {
  background: #dd4b39;
  color: white;
}
.btn-google:hover {
  background: #c23321;
  color: white;
}

.btn-instagram {
  background: #517fa4;
  color: white;
}
.btn-instagram:hover {
  background: #305777;
  color: white;
}

.btn-twitter {
  background: #00aced;
  color: white;
}
.btn-twitter:hover {
  background: #2795e9;
  color: white;
}

.search-block {
  position: relative;
}
.search-block .submit-ico {
  top: 0px;
  right: 5px;
  position: absolute;
  cursor: pointer;
  width: 32px;
  height: 32px;
  background: url(../images/search-i.png) no-repeat scroll 5px center transparent;
  margin: 0;
  border: none;
  box-shadow: none;
}
.search-block .submit-ico:hover {
  background-image: url(../images/search-iH.png);
}

.v-nav {
  z-index: 10;
}
.v-nav .menu-button {
  margin-bottom: 5px;
  padding: 5px;
  background: #fafafa;
  border-radius: 3px;
  cursor: pointer;
  -webkit-transition: all 0.08s ease-out;
  transition: all 0.08s ease-out;
}
.v-nav .menu-button:hover, .v-nav .menu-button:active, .v-nav .menu-button.current {
  background: white;
}
.v-nav .menu-button:hover h1, .v-nav .menu-button:hover h5, .v-nav .menu-button:active h1, .v-nav .menu-button:active h5, .v-nav .menu-button.current h1, .v-nav .menu-button.current h5 {
  color: #0799ca !important;
}
.v-nav .menu-button.current {
  cursor: default;
}
.v-nav .menu-button h1 {
  margin-top: 5px;
  margin-bottom: 0px;
  color: #999999;
}
.v-nav .menu-button h5 {
  margin-top: 5px;
  color: #999999;
}
@media (min-width: 768px) {
  .v-nav .menu-button {
    margin-bottom: 15px;
  }
  .v-nav .menu-button h1 {
    margin-top: 15px;
  }
}

.v-nav-holder {
  padding-left: 0;
}

.v-nav-content {
  background: #fafafa;
  min-height: 630px;
  padding: 5px;
}
.v-nav-content h5, .v-nav-content .h5 {
  font-family: "proxima_nova_ltsemibold", sans-serif;
}
.v-nav-content > .clearfix {
  border-top: 1px solid #eeeeee;
  padding: 20px 0;
}
.v-nav-content > .clearfix:nth-child(even) {
  background: #fafafa;
}
.v-nav-content > .clearfix > div:first-child {
  padding-right: 5px;
}

@media (min-width: 768px) {
  .v-nav-content {
    padding: 20px;
  }
}
.settings h3 {
  margin-top: 5px;
}

.rating em, .rating i, .rating small {
  display: inline-block;
  margin: 0 2px 0 0;
  width: 14px;
  height: 17px;
  vertical-align: middle;
}
.rating em {
  background: url(../images/store-iconH.png) no-repeat;
}
.rating small {
  background: url(../images/store-icon.png) no-repeat;
}
.rating i {
  background: url(../images/store-iconP.png) no-repeat;
}

.user-name {
  font: 13px "proxima_nova_rgregular", sans-serif;
}
.user-name a {
  color: inherit;
}
.user-name h5 {
  margin-top: 0;
}

.avatar {
  margin-right: 10px;
  overflow: hidden;
  vertical-align: top;
  display: inline-block;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.avatar.large img {
  width: 50px;
  height: 50px;
}
.avatar img {
  border-radius: 50%;
  height: 30px;
  width: 30px;
}

.user .avatar {
  float: left;
}
.user .user-name {
  font: 13px "proxima_nova_rgregular", sans-serif;
  float: left;
}
.user .user-name a {
  color: inherit;
}
.user .user-name h4 {
  margin-top: 3px;
  margin-bottom: 5px;
}
.user .user-name h5 {
  margin-top: 10px;
  margin-bottom: 0px;
}
.user .stats {
  text-align: center;
  background: #fafafa;
  color: #333333;
  margin-top: 10px;
  border-radius: 3px;
  overflow: hidden;
}
.user .stats h3 {
  margin-top: 10px;
  margin-bottom: 8px;
}
.user .stats p {
  margin-bottom: 5px;
}

.popup-member-actions {
  padding-top: 12px;
}
.popup-member-actions p {
  margin: 0;
}

.popup-member-container {
  margin-bottom: 10px;
}

.popup-member-title {
  padding-bottom: 15px;
}
.popup-member-title h2 {
  font: 22px "proxima_nova_ltsemibold", sans-serif;
  color: #333333;
}

.popup-member-user {
  margin-top: 10px;
  margin-bottom: 10px;
}

.popup-member-user-image {
  float: left;
}
.popup-member-user-image img {
  border-radius: 50%;
}

.popup-member-user-content {
  float: left;
}
.popup-member-user-content h3 {
  color: #009933;
  margin: 0;
}
.popup-member-user-content h5 {
  color: #666666;
  margin: 0px;
}
.popup-member-user-content p {
  color: #999999;
  margin: 0;
  padding-top: 5px;
}

.popup-member-actions {
  float: right;
}

.popup-member-list ul {
  border-radius: 5px;
  overflow: hidden;
  width: 100%;
}
.popup-member-list ul li {
  float: left;
  padding: 10px 5px 8px 5px;
  font: 12px/14px "proxima_nova_rgregular", sans-serif;
  color: #999999;
  text-align: center;
  background: #d4d4d4;
  border-left: 1px solid #b4b4b4;
  box-sizing: border-box;
}
.popup-member-list ul li:first-child {
  border-left: 0;
}
.popup-member-list ul li strong {
  font: 21px/22px "proxima_nova_ltsemibold", sans-serif;
  font-weight: normal;
  color: #187628;
  display: block;
  padding-bottom: 4px;
}

.popup-member-tabs-navigation ul {
  float: left;
  border-radius: 4px 4px 0 0;
  overflow: hidden;
}
.popup-member-tabs-navigation ul li {
  float: left;
  background: #cccccc;
  border-left: 1px solid #acacac;
}
.popup-member-tabs-navigation ul li:first-child {
  border-left: 0;
}
.popup-member-tabs-navigation ul li a {
  display: block;
  font: 15px "proxima_nova_ltsemibold", sans-serif;
  color: #333333;
  text-align: center;
  padding: 10px 10px;
}
.popup-member-tabs-navigation ul li.active {
  background: #eeeeee;
}

.popup-member-tabs {
  background: #eeeeee;
  border-radius: 0 4px 4px 4px;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-animation: slide 0.35s ease-in-out;
  -moz-transform: translate3d(0, 0, 0);
  -moz-animation: slide 0.35s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-animation: slide 0.35s ease-in-out;
  animation: slide 0.35s ease-in-out;
}

.popup-member-tab {
  padding: 20px 0;
}
.popup-member-tab .popup-member-list {
  padding-left: 5px;
  padding-right: 5px;
}
.popup-member-tab .popup-member-list ul {
  float: left;
}
.popup-member-tab .popup-member-list2 li {
  min-width: 0px;
}
.popup-member-tab .popup-member-list3 li {
  min-width: 73px;
}

.popup-member-tab-thumbs {
  padding-bottom: 20px;
}
.popup-member-tab-thumbs .ico-comment {
  background: url(../images/ico-comment.png) no-repeat 0 0;
  width: 22px;
  height: 23px;
  position: absolute;
  bottom: -13px;
  right: -13px;
}
.popup-member-tab-thumbs li {
  float: left;
  padding-left: 20px;
}
.popup-member-tab-thumbs li a {
  display: block;
  border: 3px solid white;
  border-radius: 4px;
  position: relative;
}
.popup-member-tab-thumbs li a img {
  border: 1px solid #cbcbcb;
}

.popup-member-rating {
  padding-left: 15px;
  margin-top: -10px;
}
.popup-member-rating .rating {
  float: left;
  margin-left: 14px;
}
.popup-member-rating p {
  float: left;
}
.popup-member-rating p strong {
  font-weight: normal;
  font-family: "proxima_nova_ltsemibold", sans-serif;
  color: #333333;
}

.popup-member-tab-slider {
  position: relative;
  padding-bottom: 0;
  margin-bottom: 20px;
  overflow: hidden;
}
.popup-member-tab-slider .caroufredsel_wrapper {
  height: 62px !important;
}
.popup-member-tab-slider li {
  margin-left: 7px;
  padding-left: 0;
  width: 96px !important;
}
.popup-member-tab-slider .ico-prize {
  background: url(../images/prize-small.png) no-repeat 0 0;
  width: 20px;
  height: 41px;
  position: absolute;
  bottom: -3px;
  right: 3px;
}

.moc-slider-carousel {
  padding-left: 27px;
  padding-right: 35px;
}

.member-slider-controls a {
  height: 62px;
  position: absolute;
  top: 50%;
  margin-top: -70px;
  line-height: 52px;
  box-sizing: border-box;
  padding: 4px 5px;
}
.member-slider-controls .member-slide-next {
  right: 5px;
}
.member-slider-controls .member-slide-prev {
  left: 5px;
}

.hero-hud .list-group {
  border-radius: 0;
  box-shadow: none;
  margin: 0;
}
.hero-hud .list-group-item-heading {
  cursor: pointer;
}
.hero-hud .list-group-item-heading:hover {
  text-decoration: underline;
}
.hero-hud .user-name {
  width: 122px;
}
.hero-hud .user-name h6 {
  margin-top: 3px;
  margin-bottom: 0px;
}
@media (min-width: 768px) {
  .hero-hud .user-name {
    width: 105px;
  }
}
@media (min-width: 768px) {
  .hero-hud .user-name {
    width: 128px;
  }
}
.hero-hud .list-group-item {
  padding-top: 20px;
  height: 80px;
  background: #f4fbfe;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#eeeeee), to(white));
  background-image: linear-gradient(to top, #eeeeee, white);
  border: none;
  cursor: pointer;
}
.hero-hud .list-group-item:first-child {
  border-radius: none;
}
.hero-hud .list-group-item:last-child {
  border-radius: none;
}
@media (min-width: 768px) {
  .hero-hud .list-group-item {
    padding-left: 70px;
  }
}
.hero-hud .hud-icon {
  position: absolute;
  top: 15px;
  left: 10px;
  width: 50px;
}
.hero-hud h4, .hero-hud h5 {
  font-family: "proxima_nova_ltsemibold", sans-serif;
  margin-bottom: 0px;
}
.hero-hud .moc-carousel-container {
  position: relative;
  overflow: hidden;
  height: 38px;
}
.hero-hud .moc-carousel {
  position: absolute;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
  white-space: nowrap;
  clear: both;
  width: 100%;
  -ms-overflow-style: none;
}
.hero-hud .moc-carousel::-webkit-scrollbar {
  display: none;
}
.hero-hud .moc-carousel .moc-thumbnail {
  vertical-align: top;
  display: inline-block;
  overflow: hidden;
  border-radius: 3px;
  margin-right: 3px;
  border: 1px solid #eeeeee;
  width: 42px;
  -webkit-transition: width 300ms ease;
  transition: width 300ms ease;
}
.hero-hud .moc-carousel .moc-thumbnail:hover {
  width: 48px;
}

nav {
  font-size: 13px;
}
nav a {
  color: #666666;
}
nav a:hover {
  color: #333333;
  text-decoration: none;
}
nav .dropdown.current:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #333;
}
nav .logo {
  width: 131px;
  height: 40px;
  padding: 0px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
nav .logo a {
  width: 130px;
  display: block;
}
nav #userbarToggle {
  padding: 5px 10px;
}
nav #userbarToggle.avatar {
  margin-right: 0px;
}
@media (min-width: 968px) {
  nav #userbarToggle {
    padding: 5px 15px;
  }
}
nav #userbar li {
  float: none;
}
nav .shopnav-toggle {
  float: right;
  position: relative;
  color: #666666;
  font-size: 14px;
  line-height: 40px;
  padding: 0px 10px;
  border-right: 1px solid #eeeeee;
}
nav .shopnav-toggle:hover {
  color: #111111;
  text-decoration: none;
}
@media (min-width: 968px) {
  nav .shopnav-toggle {
    padding: 0px 15px;
  }
}
nav .search input {
  box-shadow: 0px;
  height: 30px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-appearance: textfield;
  -webkit-box-sizing: border-box;
  outline: none;
  background: #eeeeee;
  font-family: "proxima_nova_rgregular", sans-serif, "Font Awesome 5 Pro";
}
nav .search input::-webkit-search-decoration, nav .search input ::-webkit-search-cancel-button {
  display: none;
}
nav .search input:hover {
  background: white;
}
nav .search input:focus {
  color: #111111;
  background: white;
  cursor: auto;
}
nav .search.phone-only {
  padding: 5px;
}
nav .search.phone-only input {
  background: #111111;
  color: white;
}
nav .search.tablet-above {
  float: right;
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  height: 40px;
  width: 150px;
  padding: 5px 10px;
}
@media (min-width: 968px) {
  nav .search.tablet-above {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.sign-in {
  position: absolute;
  background: white;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}

.navbar-mocShop {
  background-color: #f8f8f8;
  background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#f0f0f0));
  background: linear-gradient(to bottom, #fdfdfd, #f0f0f0);
  border-bottom: none;
}
.navbar-mocShop .navbar-brand:hover, .navbar-mocShop .navbar-brand:focus {
  background-color: transparent;
}
.navbar-mocShop .navbar-text {
  color: #666666;
}
.navbar-mocShop .navbar-nav > li.phone-only a {
  color: white;
}
.navbar-mocShop .navbar-nav > li > a {
  color: #666666;
  -webkit-transition: all 0.25s ease-out 0s;
  transition: all 0.25s ease-out 0s;
}
.navbar-mocShop .navbar-nav > li > a:hover, .navbar-mocShop .navbar-nav > li > a:focus, .navbar-mocShop .navbar-nav > li > a:active {
  color: #ffdd55;
  background-color: #333333;
}
.navbar-mocShop .navbar-nav > .active > a,
.navbar-mocShop .navbar-nav > .active > a:hover,
.navbar-mocShop .navbar-nav > .active > a:focus,
.navbar-mocShop .navbar-nav > .active > a:active {
  color: #ffdd55;
  background-color: #333333;
}
.navbar-mocShop .navbar-nav > .disabled > a,
.navbar-mocShop .navbar-nav > .disabled > a:hover,
.navbar-mocShop .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-mocShop .navbar-nav > .open > a,
.navbar-mocShop .navbar-nav > .open > a:hover,
.navbar-mocShop .navbar-nav > .open > a:focus,
.navbar-mocShop .navbar-nav > .open > a:active {
  color: #ffdd55;
  background-color: #333333;
}
.navbar-mocShop .navbar-toggle {
  border-color: #cccccc;
}
.navbar-mocShop .navbar-toggle:hover, .navbar-mocShop .navbar-toggle:focus, .navbar-mocShop .navbar-toggle:active {
  background-color: #cccccc;
}
.navbar-mocShop .navbar-toggle .icon-bar {
  background-color: #999999;
}
.navbar-mocShop .navbar-collapse,
.navbar-mocShop .userbar-collapse,
.navbar-mocShop .navbar-form {
  border-color: #e7e7e7;
}
.navbar-mocShop .navbar-link {
  color: #777777;
}
.navbar-mocShop .navbar-link:hover {
  color: #333333;
}
.navbar-mocShop .btn-link {
  color: #777777;
}
.navbar-mocShop .btn-link:hover, .navbar-mocShop .btn-link:focus {
  color: #333333;
}
.navbar-mocShop .divider {
  height: 40px;
  width: 1px;
  overflow: hidden;
  background: #eeeeee;
}
.navbar-mocShop .dropdown-menu {
  font-size: 13px;
  background-color: rgba(18, 18, 18, 0.8);
  border: none;
  border-radius: 0px 0px 3px 3px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.275);
}
.navbar-mocShop .dropdown-menu > li > a {
  color: #cccccc;
}
.navbar-mocShop .dropdown-menu > li > a:hover, .navbar-mocShop .dropdown-menu > li > a:focus {
  color: #ffdd55;
  text-decoration: none;
  background-color: #121313;
  border-top: 1px solid #333333;
  border-bottom: 1px solid #333333;
}
.navbar-mocShop .dropdown-menu > li > a {
  display: block;
  padding: 5px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857;
  color: #cccccc;
  white-space: nowrap;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-transition: all 0.25s ease-out 0s;
  transition: all 0.25s ease-out 0s;
}
.navbar-mocShop .dropdown-menu > li > a:hover, .navbar-mocShop .dropdown-menu > li > a:focus {
  color: #ffdd55;
  text-decoration: none;
  background-color: #121313;
  border-top: 1px solid #333333;
  border-bottom: 1px solid #333333;
}

@media (min-width: 768px) {
  .home-page .nav-bread {
    margin-top: 40px;
  }
}

.nav-bread {
  color: #999999;
  z-index: 1020;
  margin-top: 40px;
  height: 30px;
  background: #333333;
  background: rgba(18, 18, 18, 0.8);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.275);
  -webkit-transition: all 0.35s ease-out 0s;
  transition: all 0.35s ease-out 0s;
}
@media (min-width: 768px) {
  .nav-bread {
    margin-top: 82px;
  }
}
.nav-bread.up {
  top: -35px;
}
.nav-bread.down {
  top: 0px;
}
.nav-bread a {
  line-height: 30px;
  display: inline-block;
  color: #999999;
}
.nav-bread a:last-child {
  color: #cccccc;
}
.nav-bread a:hover {
  color: #fafafa;
}

#search-popup {
  visibility: hidden;
  width: 100%;
  background: white;
  border-bottom: solid 1px #a6a6a6;
  position: absolute;
  top: 50px;
  left: 0px;
  width: 400px;
  height: 317px;
  z-index: 2000;
  border: solid 1px #a6a6a6;
  border-radius: 4px;
  box-shadow: 3px 3px 7px #404040;
}
#search-popup span {
  position: absolute;
  left: 173px;
  top: -14px;
  z-index: 2100;
  background: url(../images/triangle.png) no-repeat;
  width: 20px;
  height: 15px;
}
#search-popup table {
  width: 94%;
  margin-left: 15px;
  margin-top: 15px;
}
#search-popup tr {
  height: 28px;
}
#search-popup td {
  padding: 8px;
  font-family: "proxima_nova_ltsemibold", sans-serif;
  font-size: 13px;
  color: #909090;
  border-radius: 4px;
}
#search-popup td:hover {
  background-color: #eaeaea;
  cursor: pointer;
}
#search-popup strong {
  font-family: "proxima_nova_ltsemibold", sans-serif;
  font-size: 13px;
  color: black;
  font-weight: normal;
}

.filter-bar {
  height: 55px;
}
.filter-bar .btn-group .btn {
  font-size: 12px;
  font-family: "proxima_nova_rgregular", sans-serif;
}
@media (min-width: 400px) {
  .filter-bar .btn-group .btn {
    font-size: 13px;
  }
}
.filter-bar .filter-box-foot {
  display: inline-block;
  padding-top: 0px;
  padding-bottom: 8px;
}
.filter-bar .filter-box-foot .chosen-single {
  font-size: 13px;
}
.filter-bar .filter-box-foot .chosen-single li:hover {
  color: white;
}
.filter-bar #searchText {
  margin-top: 7px;
}

.moc-banner {
  margin-top: 40px;
}
.moc-banner #search-banner {
  text-align: center;
}
.moc-banner #search-banner h1 {
  color: white;
  margin-top: 0;
}
.moc-banner #search-banner h3 {
  font-family: "proxima_nova_rgregular", sans-serif;
  color: #eeeeee;
}
.moc-banner #search-banner .item {
  background: #464c57 repeat url("http://static.bricklink.com/moc/img/pattern-minifig.png");
}
.moc-banner .carousel .carousel-inner {
  margin: 0 auto;
}
.moc-banner .carousel .carousel-caption h3 {
  color: white;
}
.moc-banner .carousel .announce {
  cursor: pointer;
}
.moc-banner .carousel .item {
  height: 144px;
  padding: 15px;
}
.moc-banner .carousel .item img {
  margin: auto;
  height: 35px;
}
.moc-banner .carousel .item.build {
  background: #009933 repeat url(../img/carousel-announce-background-build.2015.png);
}
.moc-banner .carousel .item.request {
  background: #0799ca repeat url(../img/carousel-announce-background-request.2015.png);
}
.moc-banner .carousel .item.sell {
  background: #d80000 repeat url(../img/carousel-announce-background-sell.2015.png);
}
.moc-banner .carousel .item.legoride {
  background: #ffc641;
}
.moc-banner .carousel .item.legoride img {
  height: 60px;
  width: 285px;
  position: relative;
  left: 50%;
  margin-top: 20px;
  margin-left: -140px;
}
@media (min-width: 768px) {
  .moc-banner .carousel .item.legoride {
    background: #ffc641 no-repeat url("../img/cargo_helicopter.png") 95% 0;
  }
  .moc-banner .carousel .item.legoride img {
    left: 15%;
    margin: 0;
  }
}
@media (min-width: 968px) {
  .moc-banner .carousel .item.legoride {
    background: #ffc641 no-repeat url("../img/cargo_helicopter.png") 80% 0;
  }
}
@media (min-width: 1250px) {
  .moc-banner .carousel .item.legoride {
    background: #ffc641 no-repeat url("../img/cargo_helicopter.png") 70% 0;
  }
}
@media (min-width: 768px) {
  .moc-banner .carousel .item {
    padding: 75px;
    height: 200px;
  }
  .moc-banner .carousel .item img {
    margin: auto;
    height: 40px;
  }
}
.moc-banner .carousel-indicators li {
  border: 1px solid #333333;
  width: 8px;
  height: 8px;
}
.moc-banner .carousel-indicators .active {
  width: 8px;
  height: 8px;
  background: #333333;
  margin: 1px;
}
.moc-banner .carousel-control.right, .moc-banner .carousel-control.left {
  background: none;
}
.moc-banner .carousel-control .fa, .moc-banner .carousel-control .fab, .moc-banner .carousel-control .fas, .moc-banner .carousel-control .far {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -15px;
  color: #333333;
  width: 30px;
  height: 30px;
}
.moc-banner .carousel-control .fa-angle-left {
  margin-left: -15px;
  left: 50%;
}
.moc-banner .carousel-control .fa-angle-right {
  margin-right: -15px;
  right: 50%;
}

.banner-goodbye {
  font-weight: bold;
  color: #ffffff;
  background: #0a1e32;
  text-align: center;
  height: auto !important;
  padding-top: 24px !important;
  padding-bottom: 24px !important;
  background-image: url("//static.bricklink.com/moc/img/goodbye-bg.png"), linear-gradient(90deg, #35185a 50%, #35185a 50%, #230547 50%, #230547 100%);
  background-position: center center;
  background-size: auto 100%, 100% 100%;
  background-repeat: no-repeat, no-repeat;
}
@media screen and (min-width: 768px) {
  .banner-goodbye {
    padding-top: 54px !important;
  }
}
.banner-goodbye__title {
  color: #ffffff;
  margin: 0;
  font-size: 40px;
}
.banner-goodbye__sub-title {
  color: #ffffff;
  margin: 0;
  font-size: 20px;
}
.banner-goodbye__buttons {
  margin-top: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.banner-goodbye__buttons-item {
  border-radius: 4px;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-weight: bold;
  padding: 12px 24px;
  line-height: 1;
}
.banner-goodbye__buttons-item--cta {
  border-color: #FDBC38;
  background: #FDBC38;
  margin-left: 12px;
  color: #0a1e32;
}

.category-bar {
  background: #fafafa;
  height: 40px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.46);
}

#category-link {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 0%;
  -ms-flex: 0 0 0%;
  flex: 0 0 0%;
  overflow-x: auto;
  white-space: nowrap;
  -ms-overflow-style: none;
}
#category-link .divider {
  height: 20px;
  width: 1px;
  margin: 10px 0;
  background: #999999;
  min-width: 1px;
}
#category-link span, #category-link a {
  display: inline-block;
  float: left;
}
#category-link .a-link, #category-link a {
  color: #999999;
  padding: 10px;
  line-height: 20px;
  cursor: pointer;
  min-width: -webkit-min-content;
}
#category-link .a-link:hover, #category-link .a-link.active, #category-link .a-link:active, #category-link a:hover, #category-link a.active, #category-link a:active {
  color: #0799ca;
}
#category-link .a-link.active, #category-link a.active {
  text-decoration: none;
  cursor: default;
}
#category-link .a-link:first-child, #category-link a:first-child {
  padding-left: 0px;
}
#category-link .a-link:last-child, #category-link a:last-child {
  padding-right: 0px;
}
#category-link::-webkit-scrollbar {
  display: none;
}

.footer {
  position: absolute;
  bottom: 0px;
  width: 100%;
  background: #666666;
  margin: 0;
  padding-top: 15px;
}
.footer .foot-logo {
  width: 200px;
}
.footer .copyright {
  margin-top: 10px;
  display: inline-block;
  font-size: 10px;
  color: #cccccc;
}
.footer a.top {
  display: block;
  top: -28px;
  right: 40px;
  position: absolute;
}
.footer h5 {
  color: #eeeeee;
  font-family: "proxima_nova_ltsemibold", sans-serif;
}
.footer ul {
  padding: 5px 0;
}
.footer li {
  color: #eeeeee;
  padding: 0 0 6px 0;
}
.footer li a {
  color: inherit;
}
.footer li a:hover {
  text-decoration: none;
  color: #ffdd55;
}
.footer li a span {
  font-size: 10px;
  line-height: 15px;
}
.footer .text-box {
  padding: 15px 0px 5px;
}
.footer .text-box p {
  color: #666666;
}
.footer .foot-bot {
  background: #333333;
}

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

@media (min-width: 768px) {
  .card-title {
    margin-top: 30px;
  }
}
.pro-box {
  border-radius: 3px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.46);
  margin: 0px 0px 8px;
  background: white;
  overflow: hidden;
}

@media (min-width: 768px) {
  .pro-box {
    margin-bottom: 12px;
  }
}
@media (min-width: 970px) {
  .pro-box {
    margin-bottom: 15px;
  }
}
#content {
  margin: 110px auto;
}

#content-mocs {
  margin: 25px auto;
}

@media (min-width: 380px) {
  #content {
    margin-top: 100px;
  }
}
@media (min-width: 768px) {
  #content {
    margin-top: 135px;
  }
}
.title {
  overflow: hidden;
  clear: both;
  text-align: center;
  padding: 35px 0px 38px 0px;
}

.title2 {
  padding: 0;
}

.pro-block {
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 0%;
  -ms-flex: 0 0 0%;
  flex: 0 0 0%;
}
.pro-block .pro-box .blog {
  padding: 12px;
  background: #0799ca;
  color: white;
  font-size: 14px;
}
.pro-block .pro-box .blog .blog-author {
  margin-top: 25px;
}
.pro-block .pro-box .blog .blog-author .author-info {
  display: inline-block;
  max-width: 210px;
  vertical-align: bottom;
  overflow: hidden;
  font-size: 13px;
}
.pro-block .pro-box .blog .shoutout {
  background: white;
  border-radius: 5px;
  padding: 15px;
  color: #111111;
  position: relative;
}
.pro-block .pro-box .blog .shoutout .chat-triangle {
  background: url(http://static.bricklink.com/moc/images/blog-triangle.png) no-repeat 0 0 transparent;
  background-size: 100% 100%;
  position: absolute;
  width: 25px;
  height: 25px;
  bottom: -15px;
  left: 15px;
}
.pro-block .pro-box .img-box {
  position: relative;
}
.pro-block .pro-box .img-box img {
  border-radius: 3px 3px 0 0;
}
.pro-block .pro-box .img-box .special-mark {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 25px;
  height: 25px;
}
.pro-block .pro-box .img-box .special-mark.first {
  background-image: url(../images/place-first.png);
}
.pro-block .pro-box .img-box .special-mark.second {
  background-image: url(../images/place-second.png);
}
.pro-block .pro-box .img-box .special-mark.third {
  background-image: url(../images/place-third.png);
}
.pro-block .pro-box .img-box .special-banner {
  width: 100%;
  height: 100%  ;
}
.pro-block .pro-box .img-box .special-info {
  position: absolute;
  bottom: 40px;
  height: 75px;
}
.pro-block .pro-box .img-box .special-info p {
  text-align: center;
  padding: 0 35px 0 35px;
  color: white;
  font-size: 17px;
  line-height: 22px;
}
.pro-block .pro-box .img-box .special-info button {
  margin: 0 auto;
  display: block;
  font: 20px/22px "thirsty_script_regular", sans-serif;
}
.pro-block .col-1 {
  float: left;
  width: 150px;
  margin: 0 5px 0 0;
}
@media (min-width: 768px) {
  .pro-block .col-1 {
    width: 232px;
    margin-right: 12px;
  }
}
@media (min-width: 970px) {
  .pro-block .col-1 {
    min-width: 254px;
    margin-right: 14px;
  }
}
.pro-block .col-2 {
  float: left;
  width: 150px;
  margin: 0;
}
@media (min-width: 768px) {
  .pro-block .col-2 {
    width: 232px;
  }
}
@media (min-width: 970px) {
  .pro-block .col-2 {
    min-width: 254px;
  }
}
.pro-block .col-w {
  float: left;
  width: 590px;
  margin: 0;
}

.detail-blk {
  font-size: 13px;
}
.detail-blk .info-blk {
  padding: 6px 8px;
  border-bottom: solid 1px #dddddd;
  max-height: 49px;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: -webkit-flex;
  display: -ms-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-justify-content: justify;
  -webkit-box-pack: justify;
  -webkit-box-align: justify;
  -ms-box-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: justify;
  -ms-flex-pack: justify;
  justify-content: justify;
}
.detail-blk .info-blk .txt-elip {
  width: 135px;
}
.detail-blk .info-blk .moc-creator-pic {
  display: inline-block;
  vertical-align: top;
}
.detail-blk .info-blk .moc-creator-pic img {
  margin-right: 10px;
  border-radius: 50%;
}
.detail-blk .info-blk .moc-info {
  display: inline-block;
  width: 90px;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 768px) {
  .detail-blk .info-blk {
    padding: 8px 12px;
    white-space: normal;
  }
  .detail-blk .info-blk .txt-elip {
    width: 210px;
  }
  .detail-blk .info-blk .moc-info {
    width: 160px;
  }
}
@media (min-width: 960px) {
  .detail-blk .info-blk .txt-elip {
    width: 230px;
  }
  .detail-blk .info-blk .moc-info {
    width: 180px;
  }
}
.detail-blk .info-action-blk {
  padding: 6px 8px 8px;
  background: #fafafa;
}
.detail-blk .info-action-blk:after {
  width: 100%;
}
.detail-blk .info-action-blk .shop-message {
  display: inline-block;
  width: 100%;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.detail-blk .info-action-blk .shop-soldout {
  display: inline-block;
  width: 100%;
  text-align: center;
  color: black;
}
.detail-blk .info-action-blk .shop-info {
  display: inline-block;
  width: 46%;
}
.detail-blk .info-action-blk .shop-info a {
  color: inherit;
}
@media (min-width: 768px) {
  .detail-blk .info-action-blk .shop-info {
    width: 60%;
  }
}
.detail-blk .info-action-blk .shop-price {
  display: inline-block;
  text-align: right;
  float: right;
}
.detail-blk .info-action-blk .shop-price img {
  height: 30px;
}
.detail-blk .info-action-blk .good {
  color: #009933;
}
@media (min-width: 768px) {
  .detail-blk .info-action-blk {
    padding: 8px 12px 12px;
  }
}
.detail-blk h6 {
  font-size: 14px;
  color: #333333;
  font-family: "proxima_nova_ltsemibold", sans-serif;
  height: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
}
.detail-blk h6 a {
  font-size: 14px;
  color: #333333;
  font-family: "proxima_nova_ltsemibold", sans-serif;
}
.detail-blk h6 a span {
  display: block;
  float: right;
  font: 14px "proxima_nova_ltsemibold", sans-serif;
  color: #333333;
}
.detail-blk h6 .rating {
  float: right;
}
.detail-blk h6 .rating span {
  display: inline;
  font: 10px/30px "proxima_nova_rgregular", sans-serif;
  color: #999999;
  margin-right: 8px;
}
.detail-blk h6 .rating small {
  display: block;
  float: left;
  width: 13px;
  height: 13px;
  background: url(../images/star-icon.png) no-repeat;
  margin: 8px 1px 0;
}
.detail-blk h6 .rating em {
  display: block;
  float: left;
  width: 13px;
  height: 13px;
  background: url(../images/star-iconH.png) no-repeat;
  margin: 8px 1px 0;
}
.detail-blk h6 .rating i {
  display: block;
  float: left;
  width: 13px;
  height: 13px;
  background: url(../images/star-iconP.png) no-repeat;
  margin: 8px 1px 0;
}

.home-page .banner-notification--closing {
  display: none;
}

.banner-notification {
  padding: 12px;
  color: #111111;
  font-weight: bold;
  box-shadow: inset 0 -2px 2px 0 rgba(10, 30, 50, 0.24);
}
.banner-notification a {
  color: #0788CA;
}
.banner-notification__internal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.banner-notification__icon {
  margin-right: 12px;
  width: 1em;
  display: inline-block;
}
.banner-notification--error {
  background: #fbeaea;
}
.banner-notification--error .banner-notification__icon {
  color: #D80000;
}
@media (min-width: 768px) {
  .banner-notification--closing .banner-notification__internal {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.baseplate-notice {
  margin: 12px 0px 24px;
}

.notice {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border: 1px solid #111111;
  border-radius: 4px;
  padding: 12px;
  font-size: 14px;
  font-weight: bold;
}
.notice--error {
  background: #fbeaea;
  border-color: #D80000;
}
.notice p {
  margin: 0;
}
.notice__icon {
  margin-right: 12px;
  margin-top: 3px;
  width: 1em;
  display: inline-block;
}

.mfp-container {
  padding-top: 80px;
  padding-bottom: 80px;
}

.mfp-wrap {
  z-index: 9999;
}

.mfp-bg {
  z-index: 9989;
}

.onload {
  position: fixed;
  background: rgba(18, 18, 18, 0.8);
  width: 100%;
  height: 100%;
  z-index: 1101;
  display: none;
  color: #333333;
  top: 0px;
}
.onload label {
  text-justify: left;
  width: 100%;
  margin-bottom: 20px;
}
.onload label div:nth-child(odd) {
  float: left;
}
.onload label div:nth-child(even) {
  float: right;
}
.onload label input {
  color: #333333;
  font-size: 16px;
  height: 34px;
}
.onload .onload-inner {
  background: white;
  width: 320px;
  text-align: center;
  padding: 15px 20px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -160px;
  margin-right: -160px;
  margin-top: -165px;
  margin-bottom: -164px;
  border-radius: 3px;
}
.onload .onload-inner form {
  margin-bottom: 10px;
}

@media (min-width: 320) {
  .onload {
    padding-top: 120px;
  }
}
.modal .form-group {
  position: relative;
}
.modal h3 {
  margin-top: 10px;
  text-align: center;
}
.modal .line {
  background: #666666;
  height: 1px;
  margin: 10px 0px 20px;
}
.modal .or-line {
  position: relative;
  margin-top: 10px;
  margin-bottom: 5px;
}
.modal .input-help {
  position: absolute;
  right: 0px;
  top: 0px;
}

.resetSteps .user-info {
  border: #cccccc transparent #cccccc;
}

.popup-large, .popup-small {
  width: 300px;
  margin: 0 auto;
  background-color: white;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  padding: 20px;
  position: relative;
}

@media (min-width: 768px) {
  .popup-large, .popup-small {
    width: 540px;
  }
}
.popup {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.popup.visible {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.popup-title {
  text-align: center;
  padding: 0px 0 20px 0;
}
.popup-title h2 {
  font: 21px/23px "proxima_nova_ltsemibold", sans-serif;
}

.popup-content {
  background-color: #fafafa;
  border-radius: 4px;
  font: 15px / 18px;
  padding: 19px;
  margin-bottom: 14px;
}
.popup-content p {
  margin: 0;
}

.popup-actions {
  text-align: center;
  font: 15px/18px "proxima_nova_ltsemibold", sans-serif san-serif;
  color: #111111;
}
.popup-actions .button {
  margin: 0 3px;
}
.popup-actions .button-gray {
  min-width: 33px;
  height: 28px;
}

.popup-close {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 10px;
  right: 10px;
  text-align: center;
  text-decoration: none;
}
.popup-close span {
  color: #cccccc;
  font-size: 25px;
  line-height: 20px;
}
.popup-close span:hover {
  color: #111111;
}

.mfp-close {
  display: none !important;
}

.popup-large {
  width: 95%;
}

@media (min-width: 768px) {
  .popup-large {
    width: 680px;
  }
}
.popup-acticle-content {
  width: 460px;
  float: left;
}
.popup-acticle-content a {
  display: inline-block;
  vertical-align: top;
}
.popup-acticle-content h2 {
  padding-bottom: 12px;
  display: inline-block;
  width: 410px;
}
.popup-acticle-content p {
  line-height: 20px;
}

.popup-article-options h2 {
  font: 17px "proxima_nova_ltsemibold", sans-serif;
  color: #333333;
  padding-top: 14px;
}
.popup-article-options h2 strong {
  font-weight: normal;
  color: #1d6f2b;
}
.popup-article-options .rating em {
  background: url(../images/star-yellow.png) no-repeat 0 0;
  width: 18px;
  height: 18px;
}
.popup-article-options .rating small {
  background: url(../images/star-gray.png) no-repeat 0 0;
  width: 18px;
  height: 18px;
}
.popup-article-options .rating i {
  background: url(../images/star-icon3P.png) no-repeat 0 0;
}
.popup-article-options .rating-holder {
  text-align: center;
  padding-left: 10px;
  margin-bottom: 15px;
}
.popup-article-options .rating-holder a {
  font: 14px "proxima_nova_ltsemibold", sans-serif;
  color: #999999;
  margin: 2px 0 0 4px;
  display: inline-block;
  zoom: 1;
}

.popup-article-author > a {
  float: left;
  margin-right: 11px;
}
.popup-article-author h5 {
  font: 15px "proxima_nova_ltsemibold", sans-serif;
}

.popup-article-dd-holder {
  margin-bottom: 18px;
}
.popup-article-dd-holder h3 {
  font: 15px "proxima_nova_ltsemibold", sans-serif;
  color: #333333;
  border: 1px solid #999999;
  border-radius: 4px 4px 0 0;
  overflow: hidden;
}
.popup-article-dd-holder h3 a {
  color: #333333;
  position: relative;
  display: block;
  background: url(../images/gray-bg.png) repeat-x 0 bottom white;
  padding: 10px 0 9px 11px;
  text-decoration: none !important;
}
.popup-article-dd-holder h3 a:hover {
  text-decoration: none;
}
.popup-article-dd-holder h3 a strong {
  color: #111111;
  font-weight: normal;
}
.popup-article-dd-holder .art-dd-arr {
  background: url(../images/arrow-blk.png) no-repeat 0 0;
  width: 8px;
  height: 6px;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 12px;
}
.popup-article-dd-holder .article-dd-bottom {
  background-color: #e2f5e5;
  border-radius: 0 0 4px 4px;
  font: 15px "proxima_nova_ltsemibold", sans-serif;
  color: #333333;
  padding: 9px 0 12px 12px;
}
.popup-article-dd-holder .article-dd-bottom strong {
  font-weight: normal;
  color: #009933;
}

.popup-article-dd {
  height: 196px;
  border: 1px solid #a6a6a6;
  border-top: none;
}
.popup-article-dd li {
  background-color: #eeeeee;
  border-top: 1px solid #999999;
  padding: 7px 11px;
  font: 14px "proxima_nova_ltsemibold", sans-serif;
}
.popup-article-dd li:first-child {
  border-top: 0;
}
.popup-article-dd li:nth-child(2n+1) {
  background: white;
}
.popup-article-dd li strong {
  font-weight: normal;
  color: #1d6f2b;
}
.popup-article-dd li img {
  float: left;
  margin-right: 14px;
}
.popup-article-dd li .popup-opt-dd {
  overflow: hidden;
}

.jspPane {
  margin-left: 0 !important;
  width: 170px !important;
}

.jspVerticalBar {
  border-left: 1px solid #666666;
}
.jspVerticalBar .jspArrow {
  background: url(../images/arrow-blk-up.png) no-repeat center bottom #cccccc;
}
.jspVerticalBar .jspArrowDown {
  background: url(../images/arrow-blk.png) no-repeat center center #cccccc;
}

.jspTrack {
  border: 0;
  background: #cccccc;
}

.jspDrag {
  background: #666666;
  border-radius: 5px;
  width: 8px;
  margin-left: 4px;
}

.popup-article-inner {
  overflow: hidden;
  height: 0;
  -webkit-transform: all 0.3s;
  -ms-transform: all 0.3s;
  transform: all 0.3s;
}
.popup-article-inner .active {
  height: 197px;
}

.popup-article-opt-check {
  padding-bottom: 20px;
}
.popup-article-opt-check .checkbox {
  float: left;
}
.popup-article-opt-check label {
  float: left;
  width: 130px;
  font: 15px "proxima_nova_ltsemibold", sans-serif;
  margin-top: 2px;
  margin-left: 7px;
}

.cookie-notice {
  color: #0A1E32;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1031;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  background: rgba(10, 30, 50, 0.8);
  font-size: 1.4rem;
}
.cookie-notice__sticky-btn {
  position: relative;
  top: 0;
  display: none;
  max-width: 1048px;
  margin: 0 auto;
  margin-top: auto;
  padding: 0 12px;
}
.cookie-notice__content {
  min-height: 478px;
  max-height: 478px;
  border-top: 1px solid #CCCCCC;
  background: #fff;
  overflow: scroll;
}
.cookie-notice__internal {
  max-width: 1048px;
  color: #0A1E32;
  margin: 0 auto;
  margin-top: auto;
  padding: 24px 12px;
}
.cookie-notice__header {
  margin-bottom: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 1.25rem;
}
.cookie-notice__close {
  background: transparent;
  padding: 0;
  cursor: pointer;
  margin-left: 24px;
  border: 0;
  font-size: 2rem;
}
.cookie-notice__body {
  margin-bottom: 24px;
}
.cookie-notice__footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.cookie-notice__btn {
  min-width: 160px;
  max-width: 160px;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.cookie-notice__btn:not(:last-child) {
  margin-right: 12px;
}
.cookie-notice__btn-save {
  z-index: 1033;
  background-color: #FFF;
  width: 100%;
  max-width: 1024px;
  padding: 12px 0px 24px 0px;
  border-bottom: 1px solid #D8DBDF;
  margin-bottom: 24px;
}
.cookie-notice__btn-save-sticky {
  padding: 12px 0px;
  margin-bottom: 0;
}
.cookie-notice__btn-section {
  background: #fff;
}
.cookie-notice__btn--cta {
  font-weight: bold;
  background: #0788CA;
  color: #ffffff;
  margin-bottom: 24px;
}
@media screen and (min-width: 568px) {
  .cookie-notice__btn--cta {
    margin-bottom: 0;
    margin-right: 24px;
  }
}
.cookie-notice__container {
  min-height: 478px;
  max-height: 478px;
  border-top: 1px solid #d8dbde;
  background: #FFF;
}
.cookie-notice__cookie-dashboard {
  min-width: 25%;
  max-width: 25%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.cookie-notice__cookie-dashboard--title {
  font-size: 1.3rem;
  font-weight: bold;
}

.cookie-policy {
  padding: 0px 24px 24px 24px;
  border-bottom: 2px solid #D8DBDF;
}
.cookie-policy__check-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.5rem;
  padding-bottom: 24px;
  margin-bottom: 24px;
}
.cookie-policy__check-group:not(:last-child) {
  border-bottom: 1px solid #D8DBDF;
}
.cookie-policy__show_cookies {
  font-size: 1.3rem;
  margin: 12px 0px 12px 0px;
  color: #0788CA;
}
.cookie-policy__check-group-name {
  min-width: 25%;
  max-width: 25%;
  font-weight: bold;
}
.cookie-policy__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.cookie-policy__content-side {
  min-width: 25%;
  max-width: 25%;
  margin-left: 24px;
}
.cookie-policy__content-side--how-to-block {
  padding: 24px;
  background: #F6F6F7;
}
.cookie-policy__cookie-category {
  list-style: decimal;
  margin-left: 36px;
}
.cookie-policy__detail {
  margin-top: 12px;
  background: #F6F6F7;
  padding: 24px;
  border-radius: 3px;
  color: #0A1E32;
  font-size: 1.3rem;
}
.cookie-policy__detail--header {
  font-size: 1.3rem;
  font-weight: bold;
  border-bottom: 1px solid #D8DBDF;
}
.cookie-policy__detail--title {
  min-width: 25%;
  max-width: 25%;
}
.cookie-policy__detail--value {
  font-weight: bold;
}
.cookie-policy__detail--body {
  margin-top: 12px;
}
.cookie-policy__detail--record:not(:last-child) {
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #D8DBDF;
}
.cookie-policy__detail-cell {
  min-width: -webkit-calc(25% - 12px);
  min-width: calc(25% - 12px);
  max-width: -webkit-calc(25% - 12px);
  max-width: calc(25% - 12px);
  padding-bottom: 12px;
  overflow-wrap: break-word;
}
.cookie-policy__detail-cell:not(:last-child) {
  margin-right: 12px;
}

.text--uppercase {
  text-transform: uppercase;
}

.text--title {
  font-size: 2rem !important;
}

.l-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.l-split {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.l-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.l-margin-bottom--sm {
  margin-bottom: .75em !important;
}

.l-margin-null {
  margin: 0px !important;
}

.l-margin-bottom {
  margin-bottom: 1.5em !important;
}

.l-margin-bottom--null {
  margin-bottom: 0;
}

.text--bold {
  font-weight: bold !important;
}

.btn--cta {
  background: #0788CA;
  color: #fff;
  border-color: #0788CA;
}

.btn--white {
  background: #fff;
  border-color: #ccc;
}

.l-margin-top--null {
  margin-top: 0px !important;
}

.l-margin-right--sm {
  margin-right: 12px !important;
}

.l-border {
  border: 1px solid #ccc;
}

.input-switch {
  cursor: pointer;
  line-height: 0;
}
.input-switch__checkbox {
  display: none;
}
.input-switch__checkbox:checked + .input-switch__display {
  border-color: #0788CA !important;
  background: #0788CA;
}
.input-switch__checkbox:checked + .input-switch__display:before {
  background: #FFF;
  left: -webkit-calc(100% - 15px);
  left: calc(100% - 15px);
}
.input-switch__checkbox:disabled + .input-switch__display {
  border-color: #CCCCCC;
}
.input-switch__checkbox:disabled + .input-switch__display:before {
  background: #CCCCCC;
}
.input-switch__checkbox:disabled:checked + .input-switch__display {
  border-color: #CCCCCC;
  background: #FFFFFF;
}
.input-switch__checkbox:disabled:checked + .input-switch__display:before {
  background: #CCCCCC;
}
.input-switch__display {
  border-radius: 10px;
  width: 30px;
  height: 20px;
  padding: 2px;
  position: relative;
  display: inline-block;
  background: transparent;
  border: 2px solid #0A1E32 !important;
}
.input-switch__display:before {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  left: 1px;
  top: 1px;
  background: #0A1E32;
}
.input-switch__display--lightblue {
  border-color: #0788CA !important;
  background: #0788CA !important;
  opacity: 0.48;
}
.input-switch__display--lightblue:before {
  background: #FFF !important;
}

.form-horizontal .col-xs-1, .form-horizontal .col-sm-1, .form-horizontal .col-md-1, .form-horizontal .col-lg-1, .form-horizontal .col-xs-2, .form-horizontal .col-sm-2, .form-horizontal .col-md-2, .form-horizontal .col-lg-2, .form-horizontal .col-xs-3, .form-horizontal .col-sm-3, .form-horizontal .col-md-3, .form-horizontal .col-lg-3, .form-horizontal .col-xs-4, .form-horizontal .col-sm-4, .form-horizontal .col-md-4, .form-horizontal .col-lg-4, .form-horizontal .col-xs-5, .form-horizontal .col-sm-5, .form-horizontal .col-md-5, .form-horizontal .col-lg-5, .form-horizontal .col-xs-6, .form-horizontal .col-sm-6, .form-horizontal .col-md-6, .form-horizontal .col-lg-6, .form-horizontal .col-xs-7, .form-horizontal .col-sm-7, .form-horizontal .col-md-7, .form-horizontal .col-lg-7, .form-horizontal .col-xs-8, .form-horizontal .col-sm-8, .form-horizontal .col-md-8, .form-horizontal .col-lg-8, .form-horizontal .col-xs-9, .form-horizontal .col-sm-9, .form-horizontal .col-md-9, .form-horizontal .col-lg-9, .form-horizontal .col-xs-10, .form-horizontal .col-sm-10, .form-horizontal .col-md-10, .form-horizontal .col-lg-10, .form-horizontal .col-xs-11, .form-horizontal .col-sm-11, .form-horizontal .col-md-11, .form-horizontal .col-lg-11, .form-horizontal .col-xs-12, .form-horizontal .col-sm-12, .form-horizontal .col-md-12, .form-horizontal .col-lg-12 {
  padding-right: 5px;
  padding-left: 5px;
}
.form-horizontal .form-group {
  margin-right: -5px;
  margin-left: -5px;
}

.consent-group {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  padding-top: 0 !important;
  font-size: 13px !important;
}
.consent-group--pad-top {
  padding-top: 12px !important;
}
.consent-group__checkbox {
  margin-right: 12px !important;
}

.forum-head-top-title-ico .ico-humans {
  background: url(../images/ico-humans.png) no-repeat 0 0;
  padding: 4px 0 0 64px;
}

.forum-head-col-fixed {
  margin-top: 10px;
}
.forum-head-col-fixed p {
  margin: 0;
}
.forum-head-col-fixed label {
  font-size: 15px;
}

.forum-header {
  padding: 8px;
}

.forum-table {
  background: white;
  border-radius: 3px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.46);
}
.forum-table a {
  color: #157625;
}
.forum-table p {
  margin: 0;
}
.forum-table tr {
  background: white;
}
.forum-table tr:first-child td {
  border-top: 0;
}
.forum-table tr:nth-child(odd) {
  background: #fafafa;
}
.forum-table th {
  background-color: #ebebeb;
  border-left: 1px solid #cccccc;
  font: normal 14px "proxima_nova_ltsemibold", sans-serif;
  padding: 8px;
}
.forum-table th:first-child {
  border-left: 0;
}
.forum-table.member td:nth-child(2) {
  min-width: 50px;
}
.forum-table td {
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font: 14px "proxima_nova_rgregular", sans-serif arial, sans-serif;
  color: #333333;
  padding: 8px;
  vertical-align: middle;
}
.forum-table td:first-child {
  border-left: 0;
}
.forum-table td:nth-child(2) {
  min-width: 150px;
}
.forum-table td:nth-child(3) {
  text-align: right;
}
.forum-table td:nth-child(3), .forum-table td:nth-child(4) {
  line-height: 20px;
}
.forum-table .ico-replies {
  background: url(../images/ico-replies.png) no-repeat right 0;
  display: inline-block;
  padding: 0px 25px 0 0;
  color: #999999;
}
.forum-table .ico-replies strong {
  font-weight: normal;
  color: #157625;
  padding-right: 3px;
}
.forum-table .thin {
  font-family: "proxima_nova_rgregular", sans-serif;
}
.forum-table .meta {
  float: right;
  color: #999999;
}
.forum-table .meta span {
  margin-left: 10px;
}

.forum-table-message td {
  padding: 10px;
}
.forum-table-message td a {
  display: block;
}
.forum-table-message td:first-child a {
  color: #333333;
  width: 283px;
  word-break: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (min-width: 768px) {
  .forum-table-message td:first-child a {
    width: auto;
  }
}
.forum-table-message tr:hover td {
  background: #deedc6;
}

.forum-comment {
  padding: 8px;
}

@media (min-width: 768px) {
  .forum-comment {
    padding: 12px;
  }
}
.card {
  padding: 12px;
}
.card .tags .btn {
  margin-top: 8px;
}
.card .addInventory {
  margin-top: 8px;
}
.card #id_ulAvailableStoreList {
  border-radius: 3px;
  overflow: hidden;
  margin: -12px;
}
.card .availableStore {
  border-bottom: solid 1px #cccccc;
  padding: 12px;
}
.card .availableStore:nth-child(even) {
  background: #eeeeee;
}
.card .availableStore:last-child {
  border-bottom: none;
}
.card .store-name {
  font: 14px/24px "proxima_nova_rgregular", sans-serif;
}
.card .store-name .flag {
  margin-right: 5px;
}
.card .store-name a {
  color: #333333;
}
.card .store-price {
  border-top: solid 1px #cccccc;
  font: 15px/35px "proxima_nova_rgregular", sans-serif;
  margin-top: 10px;
  padding-top: 10px;
}
.card .store-price h3 {
  margin: 0;
  padding: 0;
}

.comment {
  position: relative;
  padding: 20px;
}
.comment.comment-blue {
  background: #e4f0ff;
}
.comment:nth-child(even) .card {
  background: #fafafa;
}
.comment .forum-post {
  padding-top: 10px;
}
.comment .arrow {
  position: relative;
}
.comment .commenter-info {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 8px;
}
.comment .commenter-info .rating {
  float: left;
  margin-right: 5px;
}
@media (min-width: 768px) {
  .comment .commenter-info .pull-left {
    max-width: 420px;
  }
}
@media (min-width: 968px) {
  .comment .commenter-info .pull-left {
    max-width: 600px;
  }
}
.comment h2 {
  margin-top: 5px;
}
.comment h3 {
  margin: 5px 0 0;
}
.comment .your-review {
  margin: 0 0 10px;
}
.comment h4 {
  margin-top: 5px;
  margin-bottom: 0px;
}
.comment h4 a {
  color: #0799ca;
}
.comment p {
  padding-top: 8px;
  padding-bottom: 0px;
}
.comment .designed-figures {
  width: 160px;
  float: left;
}
.comment .design-1-fig {
  float: left;
  padding: 5px;
}
.comment .design-1-fig .design-fig-a, .comment .design-1-fig .design-fig-b, .comment .design-1-fig .design-fig-c, .comment .design-1-fig .design-fig-d, .comment .design-1-fig .design-fig-e {
  height: 23px;
  width: 21px;
  display: block;
  background-repeat: no-repeat;
  background-position: left top;
}
.comment .design-1-fig .design-fig-a {
  background-image: url("../images/fig-off-1.png");
  background-image: url("../images/fig-off-1.png");
}
.comment .design-1-fig .design-fig-b {
  background-image: url("../images/fig-off-2.png");
}
.comment .design-1-fig .design-fig-c {
  background-image: url("../images/fig-off-3.png");
}
.comment .design-1-fig .design-fig-d {
  background-image: url("../images/fig-off-4.png");
}
.comment .design-1-fig .design-fig-e {
  background-image: url("../images/fig-off-5.png");
}
.comment .design-1-fig .design-star {
  background: url("../images/star-icon2.png") no-repeat scroll left top;
  height: 18px;
  width: 17px;
  display: block;
  margin: 5px auto 0;
}
.comment .textarea {
  min-height: 80px;
  resize: none;
  margin-bottom: 8px;
}
.comment .edit {
  color: #2470cc;
}

.upload-picture-comment {
  width: 110px;
  height: 80px;
  border-radius: 3px;
  border: 1px dashed #a3c8f4;
  color: #a3c8f4;
  vertical-align: middle;
  text-align: center;
  background: white;
  position: relative;
}
.upload-picture-comment span {
  position: absolute;
  top: 20px;
  width: 110px;
  left: 0;
}
.upload-picture-comment .picture-preview {
  width: 112px;
  height: 78px;
  position: absolute;
  background-size: cover;
  top: 0;
  left: 0;
}
.upload-picture-comment #mocUploadPicRemove {
  position: absolute;
  top: 0;
  right: 0px;
  padding: 5px;
  color: #666666;
  z-index: 110;
}
.upload-picture-comment #mocUploadPicRemove:hover {
  color: #111111;
}

.picture-comment {
  height: 50px;
  width: 50px;
  background-size: cover;
  border: none;
}

.baseplate .bookshelf {
  background: url(../images/table-head-bg.png) no-repeat scroll 0px 0px transparent;
  height: 151px;
  margin-bottom: 10px;
  padding: 20px 0 0 10px;
}
.baseplate .bookshelf .stats {
  width: 300px;
  border-radius: 3px 3px 0px 0px;
  border: 1px solid #666666;
}
.baseplate .bookshelf .stats > div {
  padding: 0 5px;
}

.blogFeed {
  cursor: pointer;
}
.blogFeed .date {
  text-align: right;
}
.blogFeed .table {
  margin-bottom: 0;
}
.blogFeed .table tr:first-child td {
  border-top: none;
}

.design-contest-header {
  background: #ffc641 no-repeat scroll bottom / cover;
  padding: 70px 15px;
}

@media (min-width: 768px) {
  .design-contest-header {
    background-image: url(../img/2015_design_contest_head.png);
  }
}
.step-icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin: 15px auto;
  background: #333333;
}
.step-icon img {
  margin: 16px 0 0 3px;
  width: 45px;
}

@media (max-width: 768px) {
  .contest-steps .a-step {
    border-top: solid 1px #eeeeee;
  }
  .contest-steps .a-step:first-child {
    border-top: none;
  }
}
.a-step {
  padding: 10px;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .directions {
    display: block;
    height: 100px;
  }
}
.entries {
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.entry {
  width: 150px;
  margin-right: 5px;
}
.entry .contest-place {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: url(../images/place-bg.png) repeat scroll 0px 0px transparent;
  text-align: center;
}
.entry .contest-place.first h3 {
  color: #f6ae28;
}
.entry .contest-place.second h3 {
  color: #c3c2c2;
}
.entry .contest-place.third h3 {
  color: #bda57a;
}
.entry .contest-place h3 {
  margin-top: 5px;
  margin-bottom: 5px;
}
.entry .special-mark {
  width: 45px !important;
  height: 67px !important;
  top: 10px !important;
  left: 10px !important;
}

@media (max-width: 470px) {
  .entry:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 470px) and (max-width: 970px) {
  .entry:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .entry {
    width: 232px;
    margin-right: 12px;
  }
}
@media (min-width: 970px) {
  .entry {
    width: 254px;
    margin-right: 14px;
  }
}
.timeline {
  text-align: center;
  background-color: #eeeeee;
  margin: 20px;
  border-radius: 3px;
  border: 1px solid #cccccc;
}
.timeline .passed, .timeline .active {
  background-color: #fafafa;
}
.timeline p {
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .timeline .left.passed {
    background-color: #fafafa;
  }
  .timeline .middle {
    background: url(../img/timeline-arrow-fafafa.png) no-repeat;
    background-size: auto 100%;
  }
  .timeline .middle.active {
    background: url(../img/timeline-arrow-transparent.png) no-repeat #fafafa;
    background-size: auto 100%;
  }
  .timeline .middle.passed {
    background-color: #fafafa;
  }
  .timeline .right {
    background: url(../img/timeline-arrow-transparent.png) no-repeat;
    background-size: auto 100%;
  }
  .timeline .right.active {
    background: url(../img/timeline-arrow-transparent.png) no-repeat #fafafa;
    background-size: auto 100%;
  }
  .timeline .right.next {
    background: url(../img/timeline-arrow-fafafa.png) no-repeat;
    background-size: auto 100%;
  }
}
.btnH35 {
  height: 35px;
  padding-left: 25px;
  padding-right: 25px;
}

.btn-store {
  margin: 0px 0px 0px 30px;
}

.promotion {
  background: white;
  padding: 0;
  border: solid 1px #a6a6a6;
  overflow: hidden;
}
.promotion .promo-box {
  padding: 30px 15px;
  width: 293px;
  display: inline-block;
  box-sizing: border-box;
  height: 210px;
  float: left;
}
.promotion .promo-box img {
  width: 125px;
  margin-bottom: 5px;
}
.promotion .promo-login {
  padding: 30px;
  width: 293px;
  display: inline-block;
  box-sizing: border-box;
  height: 210px;
  background: #eeeeee;
  border-left: solid 1px #a6a6a6;
  border-radius: 0 5px 5px 0;
  float: right;
}
.promotion .promo-login .alert {
  margin-botton: 10px;
}
.promotion .promo-login h5 {
  font: 14px "proxima_nova_ltsemibold", sans-serif;
  margin-bottom: 10px;
}
.promotion .promo-login form {
  width: 100%;
}
.promotion .promo-login form .btn {
  width: 100%;
}

.choose-to-pay {
  width: inherit;
  display: inline-block;
}

.designColumn {
  vertical-align: top;
  display: inline-block;
  background: white;
  width: 280px;
  border: solid 1px #cccccc;
  border-right: solid 2px #cccccc;
  border-radius: 3px 0px 0px 3px;
  box-shadow: 2px 2px 2px rgba(10, 10, 10, 0.2);
}
.designColumn div {
  margin: 0;
  padding: 0;
}
.designColumn #chat-box {
  padding: 0px;
  background: #eeeeee;
}
.designColumn .block {
  box-sizing: border-box;
  padding: 20px;
  border-bottom: solid 1px #cccccc;
}
.designColumn .block p {
  margin: 0;
  padding: 0;
  color: #666666;
}
.designColumn .block h5 {
  font: 12px/14px "proxima_nova_ltsemibold", sans-serif;
  margin-bottom: 7px;
  text-transform: uppercase;
  color: #333333;
}
.designColumn .block .fa-pencil-alt {
  color: #cccccc;
  top: 1px;
  position: relative;
  margin-left: 2px;
  font-size: 0.8rem;
}
.designColumn .block #joinedDate {
  text-transform: uppercase;
}
.designColumn .profile {
  background: #333333;
  color: white;
  border-radius: 3px 0 0 0;
}
.designColumn .profile img {
  display: inline-block;
  height: 70px;
  width: 70px;
  border-radius: 50%;
  margin-right: 15px;
  vertical-align: top;
  margin-bottom: 20px;
}
.designColumn .profile .info {
  width: 150px;
  display: inline-block;
}
.designColumn .profile .info .name {
  font: 16px/18px "proxima_nova_ltsemibold", sans-serif;
  color: inherit;
}
.designColumn .profile .info .role {
  font: 14px/22px "proxima_nova_rgregular", sans-serif;
  color: inherit;
}
.designColumn .profile .info .country {
  font: 13px/22px "proxima_nova_rgregular", sans-serif;
  color: #cccccc;
}
.designColumn .profile .btn-profile {
  width: 115px;
  height: 30px;
  font-size: 12px;
}
.designColumn .stat {
  width: 140px;
  margin: 0px;
  display: inline-block;
  padding: 10px;
}
.designColumn .stat p {
  font: 13px "proxima_nova_rgregular", sans-serif;
  text-align: center;
  color: #666666;
}
.designColumn .stat p span {
  font: 16px "proxima_nova_ltsemibold", sans-serif;
  color: #333333;
}
.designColumn .rt-brdr {
  border-right: solid 1px #cccccc;
}
.designColumn .about .fa-facebook-f {
  color: #4d73ae;
}
.designColumn .about .fa-google-plus-g {
  color: #e96247;
}
.designColumn .about .fa-instagram {
  color: #333333;
}
.designColumn .about .fa-skype {
  color: #00aff0;
}
.designColumn .about .fa-twitter {
  color: #1fb8e8;
}
.designColumn .about .fa-link {
  color: #797979;
}
.designColumn .about .social-bar span {
  margin-right: 15px;
  margin-top: 15px;
}
.designColumn .themes a {
  color: #666666;
  text-decoration: underline;
}
.designColumn .chat {
  width: 100%;
}
.designColumn .chat .top-bar {
  color: #333333;
  position: relative;
  overflow: hidden;
  text-align: center;
  padding: 15px;
  border-bottom: solid 1px #cccccc;
}
.designColumn .chat .top-bar h3 {
  display: inline;
  font: 16px "proxima_nova_ltsemibold", sans-serif;
}
.designColumn .chat .top-bar p {
  font-size: 12px;
}
.designColumn .chat .top-bar > * {
  position: relative;
}
.designColumn .chat .top-bar::before {
  content: "";
  position: absolute;
}
.designColumn .chat .discussion {
  list-style: none;
  margin: 0;
  padding: 15px;
  max-height: 250px;
  overflow: scroll;
}
.designColumn .chat .discussion li {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.designColumn .chat .discussion li .messages {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  border-radius: 2px;
  background: white;
  padding: 8px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  position: relative;
}
.designColumn .chat .discussion li .messages .chat-user {
  font-family: "proxima_nova_ltsemibold", sans-serif;
}
.designColumn .chat .discussion li .messages p {
  font-size: 0.8rem;
  margin: 0 0 0.2rem 0;
}
.designColumn .chat .discussion li .messages time {
  font-size: 0.6rem;
  color: #cccccc;
}
.designColumn .chat .discussion li .messages .arrow {
  position: absolute;
  height: 5px;
  width: 5px;
}
.designColumn .chat .discussion li .messages .uploaded-img {
  color: #0088cc;
  display: inline-block;
  height: 10px;
  width: 10px;
  margin-left: 20px;
}
.designColumn .chat .discussion li .messages .uploaded-img span {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.designColumn .chat .discussion .avatar {
  min-width: 30px;
  max-width: 30px;
  position: relative;
}
.designColumn .chat .discussion .avatar img {
  width: 100%;
  display: block;
  border-radius: 50%;
}
.designColumn .chat .other .messages {
  margin-left: 5px;
}
.designColumn .chat .other .avatar:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
}
.designColumn .chat .self {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.designColumn .chat .self .messages {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  margin-right: 5px;
}
.designColumn .chat .self .avatar {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}
.designColumn .chat .self .avatar:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0;
}
.designColumn .message-form {
  background: #eeeeee;
  position: relative;
  border-radius: 0 0 0 3px;
  border-bottom: none;
}
.designColumn .message-form form {
  margin-bottom: 10px;
}
.designColumn .message-form textarea {
  width: 100%;
  vertical-align: middle;
  line-height: 29px;
  height: 35px;
  box-sizing: border-box;
  padding-left: 30px;
}
.designColumn .message-form .camera {
  position: absolute;
  top: 30px;
  left: 30px;
  color: #cccccc;
}
.designColumn .message-form .btn-chat {
  width: 100%;
  font-family: "proxima_nova_ltsemibold", sans-serif;
  color: #666666;
  height: 35px;
}

.design-container {
  vertical-align: top;
  display: inline-block;
  width: 545px;
  min-height: 1033px;
  padding: 30px 34px 0px 34px;
  background: white;
  border-radius: 0 3px 3px 0;
  box-shadow: 2px 2px 2px rgba(10, 10, 10, 0.2);
  box-sizing: border-box;
  overflow: scroll;
}
.design-container .gallery {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.design-container #featured-block {
  width: 100%;
  height: 400px;
}
.design-container #featured-block .moc-name {
  text-align: left;
  width: 300px;
}
.design-container #featured-block .moc-rating {
  text-align: right;
  width: 100px;
}
.design-container .moc-block {
  margin-bottom: 30px;
  border: solid 1px #cccccc;
  border-radius: 3px;
  box-shadow: 0px 0px 5px #cccccc;
  .display: inline-block;
  width: 220px;
  height: 200px;
}
.design-container .moc-block img {
  border-radius: 3px 3px 0 0;
}
.design-container .moc-block .item-info {
  padding: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  border-top: solid 1px #cccccc;
}
.design-container .moc-block .item-info .moc-name {
  font: 14px/16px "proxima_nova_ltsemibold", sans-serif;
  width: 100%;
}
.design-container .moc-block .item-info .moc-rating {
  width: 100%;
  font-size: 12px;
}
.design-container .moc-block .item-info .moc-rating a {
  color: inherit;
}
.design-container .moc-block .item-info .moc-rating a:hover {
  text-decoration: none;
}
.design-container .moc-block .item-info .moc-rating .fa, .design-container .moc-block .item-info .moc-rating .fab, .design-container .moc-block .item-info .moc-rating .fas, .design-container .moc-block .item-info .moc-rating .far {
  color: #f6b100;
}

.mocCreate {
  overflow: auto;
  margin-top: 30px;
}

.description-well {
  background: #fafafa;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 15px;
}

.picture-well {
  background: white;
  margin-bottom: 15px;
}
.picture-well .sales-container {
  border-left: 1px solid #cccccc;
  min-height: 400px;
}

.moc-menu {
  padding-right: 0px;
  font: 14px/16px "proxima_nova_ltsemibold", sans-serif;
}
.moc-menu .active {
  cursor: default;
  color: #0799ca;
  text-decoration: none;
  background: white;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
}
.moc-menu a {
  color: #999999;
  display: block;
  background: #fafafa;
  text-decoration: none;
}
.moc-menu a:hover {
  background: white;
  color: #0799ca;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
}

.caption.row {
  margin-right: -5px;
  margin-left: -5px;
}
.caption.row .col-xs-1, .caption.row .col-sm-1, .caption.row .col-md-1, .caption.row .col-lg-1, .caption.row .col-xs-2, .caption.row .col-sm-2, .caption.row .col-md-2, .caption.row .col-lg-2, .caption.row .col-xs-3, .caption.row .col-sm-3, .caption.row .col-md-3, .caption.row .col-lg-3, .caption.row .col-xs-4, .caption.row .col-sm-4, .caption.row .col-md-4, .caption.row .col-lg-4, .caption.row .col-xs-5, .caption.row .col-sm-5, .caption.row .col-md-5, .caption.row .col-lg-5, .caption.row .col-xs-6, .caption.row .col-sm-6, .caption.row .col-md-6, .caption.row .col-lg-6, .caption.row .col-xs-7, .caption.row .col-sm-7, .caption.row .col-md-7, .caption.row .col-lg-7, .caption.row .col-xs-8, .caption.row .col-sm-8, .caption.row .col-md-8, .caption.row .col-lg-8, .caption.row .col-xs-9, .caption.row .col-sm-9, .caption.row .col-md-9, .caption.row .col-lg-9, .caption.row .col-xs-10, .caption.row .col-sm-10, .caption.row .col-md-10, .caption.row .col-lg-10, .caption.row .col-xs-11, .caption.row .col-sm-11, .caption.row .col-md-11, .caption.row .col-lg-11, .caption.row .col-xs-12, .caption.row .col-sm-12, .caption.row .col-md-12, .caption.row .col-lg-12 {
  padding-right: 5px;
  padding-left: 5px;
}

.caption.tags span:last-child {
  display: none;
}

.social-tags {
  height: 32px;
}
.social-tags .fa, .social-tags .fab, .social-tags .far, .social-tags .fas {
  vertical-align: baseline;
}
.social-tags a {
  display: inline-block;
  height: 32px;
  width: 32px;
  font-size: 38px;
  vertical-align: baseline;
}

#idThumbnailExtractor {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1000;
}

#idTEBG {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.7;
}

#idTEDescHead {
  position: absolute;
  top: 40px;
  width: 320px;
  height: 80px;
  margin-left: -160px;
  left: 50%;
  background-color: white;
  color: black;
  display: table;
}

@media (min-width: 768px) {
  #idTEDescHead {
    top: 80px;
    width: 380px;
    margin-left: -190px;
  }
}
#idTEDescHead span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding-top: 5px;
  padding-bottom: 5px;
}

#idTEWorkField {
  position: absolute;
  top: 120px;
  width: 320px;
  height: 400px;
  margin-left: -160px;
  left: 50%;
  background-color: black;
  opacity: 1;
}

@media (min-width: 768px) {
  #idTEWorkField {
    top: 170px;
    width: 380px;
    margin-left: -190px;
  }
}
#idTEImgField {
  position: relative;
  left: 0px;
  top: 0px;
  width: 320px;
  height: 300px;
  background-color: white;
  overflow: hidden;
}

@media (min-width: 768px) {
  #idTEImgField {
    height: 380px;
    width: 350px;
  }
}
#idTEGuideTop {
  position: absolute;
  background-color: black;
  opacity: 0.6;
  z-index: 1001;
}

#idTEGuideBottom {
  position: absolute;
  background-color: black;
  opacity: 0.6;
  z-index: 1001;
}

#idTEGuideLeft {
  position: absolute;
  background-color: black;
  opacity: 0.6;
  z-index: 1001;
}

#idTEGuideRight {
  position: absolute;
  background-color: black;
  opacity: 0.6;
  z-index: 1001;
}

#idTEGuideLeftMargin {
  position: absolute;
  background-color: black;
  opacity: 0.4;
  z-index: 1001;
}

#idTEGuideRightMargin {
  position: absolute;
  background-color: black;
  opacity: 0.4;
  z-index: 1001;
}

#idTEZoomSlider {
  position: absolute;
  right: 8px;
  top: 20px;
  height: 310px;
  z-index: 1000;
}

#idTEButtonArea {
  position: absolute;
  top: 350px;
  width: 100%;
  height: 50px;
  color: white;
  z-index: 1030;
  background: #fafafa;
}

@media (min-width: 768px) {
  #idTEButtonArea {
    top: 350px;
  }
}
#idTEBtnCenter {
  position: absolute;
  left: 140px;
  bottom: 10px;
  width: 80px;
  height: 30px;
}

#idTEBtnSet {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 60px;
  height: 30px;
}

.idVideobutton {
  font-size: 120%;
  position: relative;
  right: 40px;
  bottom: 10px;
  height: 29px;
  width: 110px;
}

.idImgbutton {
  font-size: 120%;
  position: relative;
  right: 20px;
  bottom: 10px;
  height: 29px;
  width: 110px;
}

.idPopupbutton {
  font-size: 110%;
  position: relative;
  height: 30px;
  width: 110px;
  left: 450px;
}

.moc-closure {
  background: #ffffff;
  color: #0A1E32;
  font-size: 16px;
  margin-bottom: 0;
}
.moc-closure h1, .moc-closure h2, .moc-closure h3, .moc-closure p {
  margin-top: 0;
  font-weight: normal;
  color: inherit;
}
.moc-closure img {
  display: block;
}
.moc-closure * {
  color: inherit;
}
.moc-closure__internal {
  max-width: 1048px;
  margin: 0 auto;
  padding: 0 12px;
}
.moc-closure__nav {
  background: #ffffff;
  color: #0A1E32;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 568px) {
  .moc-closure__nav {
    padding: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.moc-closure__bl-logo {
  display: block;
  padding: 12px;
}
@media screen and (min-width: 568px) {
  .moc-closure__bl-logo {
    padding: 0;
  }
}
.moc-closure__bl-logo img {
  width: 156px;
  height: auto;
}
.moc-closure__head-nav {
  padding: 12px;
  border-top: 1px solid #cccccc;
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 568px) {
  .moc-closure__head-nav {
    border-top: 0;
    padding: 0;
    width: auto;
    text-align: left;
  }
}
.moc-closure__head-nav-item {
  font-size: 16px;
  font-weight: bold;
}
.moc-closure__head-nav-item:first-child {
  margin-right: 12px;
}
.moc-closure__head-nav-item:last-child {
  margin-left: 12px;
}
.moc-closure__header {
  background: #0e2247;
  padding: 48px 12px 210px;
  color: #ffffff;
}
.moc-closure__header-internal {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}
.moc-closure__header-title {
  font-size: 36px;
  margin-bottom: 24px;
  font-weight: bold;
}
@media screen and (min-width: 568px) {
  .moc-closure__header-title {
    font-size: 40px;
  }
}
@media screen and (min-width: 840px) {
  .moc-closure__header-title {
    font-size: 48px;
  }
}
.moc-closure__header-sub-title {
  font-size: 20px;
}
.moc-closure__header-sub-title a {
  text-decoration: underline;
}
.moc-closure__intro {
  margin-top: -150px;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24);
  margin-bottom: 50px;
}
@media screen and (min-width: 568px) {
  .moc-closure__intro {
    margin-bottom: 70px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.moc-closure__intro-main {
  width: 100%;
  background: #ffffff;
  padding: 24px;
  text-align: center;
}
@media screen and (min-width: 568px) {
  .moc-closure__intro-main {
    text-align: left;
    padding: 48px;
  }
}
.moc-closure__intro-studio-logo {
  margin-bottom: 12px;
  text-align: center;
}
@media screen and (min-width: 568px) {
  .moc-closure__intro-studio-logo {
    text-align: left;
  }
}
.moc-closure__intro-studio-logo img {
  width: 186px;
  height: auto;
  display: inline-block;
}
.moc-closure__cta {
  background: #f7d117;
  border-radius: 4px;
  border: 1px solid #f7d117;
  padding: 12px 18px;
  color: #0A1E32;
  font-weight: bold;
  margin-top: 12px;
  display: inline-block;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .moc-closure__cta--mob {
    display: none;
  }
}
.moc-closure__cta--desktop {
  display: none;
}
@media screen and (min-width: 768px) {
  .moc-closure__cta--desktop {
    display: inline-block;
  }
}
@media screen and (min-width: 568px) {
  .moc-closure__cta {
    margin-top: 24px;
  }
}
.moc-closure__intro-info {
  width: 100%;
  background: #F6F6F8;
  padding: 24px;
}
@media screen and (min-width: 568px) {
  .moc-closure__intro-info {
    padding: 48px;
  }
}
.moc-closure__intro-info-title {
  font-weight: bold;
  margin-bottom: 6px;
}
.moc-closure__intro-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.moc-closure__intro-list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding: 0;
  padding-top: 6px;
}
.moc-closure__intro-list-item:before {
  content: '';
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  display: block;
  margin-right: 12px;
}
.moc-closure__creations {
  margin-bottom: 36px;
}
.moc-closure__creations-title {
  font-size: 20px;
  margin-bottom: 24px;
  font-weight: bold !important;
}
.moc-closure__creations-items {
  display: grid;
  grid-gap: 24px;
  grid-template-columns: 1fr;
  margin-bottom: 24px;
}
@media screen and (min-width: 568px) {
  .moc-closure__creations-items {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
}
@media screen and (min-width: 768px) {
  .moc-closure__creations-items {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
  }
}
.moc-closure__creations-card {
  border-radius: 4px;
  border: 1px solid #cccccc;
  color: #0A1E32;
  overflow: hidden;
  grid: 1fr;
}
.moc-closure__creations-card-title {
  padding: 12px;
  border-top: 1px solid #cccccc;
  color: inherit;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  display: block;
}
.moc-closure__creations-card-image {
  padding-top: 75%;
  position: relative;
  display: block;
}
.moc-closure__creations-card-image-internal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.moc-closure__creations-cta-container {
  text-align: center;
}
.moc-closure__creations-cta {
  color: #0788CA;
}

.settings-container label {
  font-size: 16px;
  color: #333333;
}
.settings-container .store-image img {
  margin-bottom: 10px;
}
.settings-container .store-image p {
  font-family: "proxima_nova_ltsemibold", sans-serif;
}

.home {
  text-align: center;
  margin: 90px auto 20px auto;
}

.text-1small {
  font-size: 24px;
  line-height: 32px;
  color: #454545;
  font-family: "proxima_nova_ltsemibold";
  padding: 5px 0;
}

.text-1 {
  font-size: 30px;
  line-height: 32px;
  color: #454545;
  font-family: "proxima_nova_ltsemibold";
  padding: 5px 0;
}

.back-title {
  position: relative;
}
.back-title h2 {
  margin-bottom: 20px;
  padding-left: 40px;
}
.back-title h2 a {
  color: #666666;
}
.back-title .ico-arrow-left {
  width: 34px;
  height: 34px;
  background: url("../images/gre-round.png") no-repeat scroll 0px 0px;
  position: absolute;
  top: 12px;
  left: 0px;
}

#id_imgStoreBanner {
  background: #464c57 repeat url("../img/pattern-minifig.png");
  background-size: 80px 84px;
}

.sales-container {
  min-height: 720px;
}

.current-news-announcements li {
  padding: 8px;
  background: #fafafa;
  border-radius: 3px;
  margin-bottom: 5px;
}
.current-news-announcements .time-left {
  color: #666666;
  float: right;
  margin-top: 5px;
}
@media (min-width: 768px) {
  .current-news-announcements .edit-news {
    max-width: 425px;
    display: inline-block;
    margin-top: 5px;
  }
}
@media (min-width: 968px) {
  .current-news-announcements .edit-news {
    max-width: 605px;
  }
}
.current-news-announcements .delete-news {
  padding: 8px;
  color: #666666;
}
.current-news-announcements .delete-news:hover {
  color: #111111;
}
.current-news-announcements .indicator {
  vertical-align: top;
  display: inline-block;
  padding: 5px;
  width: 80px;
  text-align: center;
  color: white;
  margin-right: 5px;
  border-radius: 3px;
}
.current-news-announcements .indicator.promo {
  background: #d80000;
}
.current-news-announcements .indicator.news {
  background: #009933;
}

.panel-body {
  padding: 10px;
}

.store-head-rating {
  width: 80px;
}

.store-front-banner {
  height: 210px;
  margin-bottom: 10px;
  color: #fafafa;
  position: relative;
  background-size: cover;
  background-position: center;
}
.store-front-banner.default-banner {
  background: #464c57 repeat url(http://static.bricklink.com/moc/img/pattern-minifig.png);
  background-size: 160px 168px;
}
.store-front-banner h1 {
  color: #fafafa;
  cursor: pointer;
}
.store-front-banner h1:hover {
  color: white;
}
.store-front-banner .card {
  padding: 5px 0;
}
.store-front-banner .rating {
  margin-top: 7px;
}
.store-front-banner .store-title {
  background-color: #333333;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  z-index: 10;
  width: 100%;
}
.store-front-banner .store-country {
  line-height: 32px;
  text-align: center;
}

@media (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .store-front-banner.default-banner {
    background: #464c57 repeat url(http://static.bricklink.com/moc/img/pattern-minifig@2.png);
    background-size: 160px 168px;
  }
}
@media (min-width: 320px) {
  .moc-store-front .entry {
    margin-right: 0;
    width: 232px;
  }
}
@media (min-width: 600px) {
  .moc-store-front .entry:nth-child(2n+1) {
    margin-right: 5px;
  }
}
@media (min-width: 970px) {
  .moc-store-front .entry:nth-child(2n+1) {
    margin-right: 0;
  }
  .moc-store-front .entry:nth-child(3n+1), .moc-store-front .entry:nth-child(3n+2) {
    margin-right: 12px;
  }
}

.storeRegister .register-title {
  background: #eee;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
}
.storeRegister .register-body {
  background: #fafafa;
}

.comm-home-head {
  padding: 12px;
  background: #006fbc;
  border-bottom: 1px solid #cccccc;
}

@media (min-width: 768px) {
  .news-column, .news-post {
    padding-right: 0;
  }
}
.box-news-date p {
  background-color: #d7920d;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
  text-align: center;
  color: white;
  font-size: 21px;
  font-family: "proxima_nova_ltsemibold", arial, serif;
  margin: 0;
  padding: 5px 0 0 0;
}
.box-news-date p span {
  display: block;
  background-color: #cb7f0b;
  border-bottom: 2px solid #ae600a;
  font-size: 15px;
  margin-top: 3px;
  padding: 3px 0;
}

.help-section-col {
  border-left: 1px solid #e8e8e8;
  padding: 20px;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.help-section-col:hover {
  background: #eeeeee;
}
.help-section-col:nth-child(4n+1) {
  border-left: none;
}
.help-section-col h3 {
  color: #0799ca;
}
.help-section-col p {
  font-family: "proxima_nova_ltsemibold", sans-serif;
  line-height: 18px;
}
.help-section-col .caption {
  position: absolute;
  bottom: 23px;
  left: 20px;
}

@media (max-width: 768px) {
  .help-section-col {
    border-bottom: 1px solid #e8e8e8;
    border-left: none;
  }
  .help-section-col:last-child {
    border-bottom: none;
  }
}
@media (min-width: 768px) {
  .help-section-col {
    min-height: 360px;
  }
}
.terms-formating h1 {
  font-size: 1.25em;
  font-weight: bold;
  margin-bottom: 6px;
  margin-top: 6px;
}
.terms-formating h2, .terms-formating h3, .terms-formating h4 {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 6px;
  margin-top: 6px;
}
.terms-formating p {
  margin-bottom: 6px;
}
.terms-formating ol {
  list-style-type: decimal;
}
.terms-formating ol ol {
  margin-left: 12px;
}
.terms-formating li {
  margin-bottom: 6px;
}
.terms-formating em {
  font-style: italic;
}
.terms-formating--advanced h1, .terms-formating--advanced h2, .terms-formating--advanced h3, .terms-formating--advanced h4 {
  display: inline-block;
}
.terms-formating--advanced ol {
  counter-reset: item;
  list-style-type: none;
}
.terms-formating--advanced ol li:before {
  content: "" counter(item,decimal) ". ";
  counter-increment: item;
  font-family: monospace;
  display: inline-block;
  margin-right: 6px;
}
.terms-formating--advanced ol li > *:first-child {
  display: inline;
}
.terms-formating--advanced ol li > *:first-child + * {
  margin-top: 6px;
}
.terms-formating--advanced ul {
  counter-reset: item;
  list-style-type: disc;
  margin-left: 12px;
}
.terms-formating--advanced ul li {
  margin-left: 14px;
  padding-left: 0;
  list-style-type: inherit;
}
.terms-formating--advanced ul li:before {
  content: '';
  display: none;
}
.terms-formating--advanced ul ul {
  list-style-type: circle;
}
.terms-formating__list-roman {
  counter-reset: item;
}
.terms-formating__list-roman li:before {
  content: "" counter(item,lower-roman) ". " !important;
  counter-incement: item;
  font-family: monospace;
  display: inline-block;
  margin-right: 6px;
}
.terms-formating__tight-text-table {
  font-size: 0.75em;
}
.terms-formating__tight-text-table td {
  padding: 0 6px;
}
.terms-formating__tight-text-table p {
  margin-bottom: 0;
}
.terms-formating__dark-table {
  border: 1px solid #111111;
  margin: 0 auto;
  margin-bottom: 6px;
}
.terms-formating__dark-table tr:first-child th {
  background: #111111;
  color: #ffffff;
  font-weight: bold;
}
.terms-formating__dark-table tr:nth-child(2) th {
  background: #dddddd;
  font-weight: bold;
}
.terms-formating__dark-table td, .terms-formating__dark-table th {
  padding: 6px;
}

.terms-scroll-container {
  overflow-y: auto;
  border: 1px solid #cccccc;
  border-radius: 3px;
  padding: 12px;
  width: 100%;
}
.terms-scroll-container--medium {
  height: 12em;
}
.terms-scroll-container--tall {
  height: 20em;
}

.terms-margin-null {
  margin: 0 !important;
}
.terms-margin-right {
  margin-right: 12px !important;
}
.terms-margin-bottom {
  margin-bottom: 12px !important;
}
.terms-margin-bottom--xs {
  margin-bottom: 6px !important;
}

.terms-grey {
  color: #999999;
}

.terms-title {
  font-size: 1.25em;
  font-weight: bold;
}

.terms-pad {
  padding: 12px;
}
.terms-pad-y {
  padding-top: 12px;
  padding-bottom: 12px;
}

.terms-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.terms-split {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.terms-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

/*# sourceMappingURL=main.css.map */