@font-face {
  font-family: 'bold';
  src: url('../fonts/bold.ttf');
  font-weight: bold;
}

@font-face {
  font-family: 'robotoc';
  src: url('../fonts/roboto-condensed-bold.ttf');
  font-weight: bold;
}

@font-face {
  font-family: 'robotoc';
  src: url('../fonts/roboto-condensed.ttf');
  font-weight: 300;
}


/*FUTUR*/
@font-face {
  font-family: 'futur';
  src: url('../fonts/futur/futur-condensed-bold.ttf');
  font-weight: bold;
}

/*SEGEO*/
@font-face {
  font-family: 'segeo';
  src: url('../fonts/segeo/SegoePro-Light.woff');
  font-weight: 100;
}

@font-face {
  font-family: 'segeo';
  src: url('../fonts/segeo/SegoePro-Semilight.woff');
  font-weight: 300;
}

@font-face {
  font-family: 'segeo';
  src: url('../fonts/segeo/SegoePro-Regular.woff');
  font-weight: 500;
}

@font-face {
  font-family: 'segeo';
  src: url('../fonts/segeo/SegoePro-Bold.woff');
  font-weight: 700;
}

@font-face {
  font-family: 'segeo';
  src: url('../fonts/segeo/SegoePro-CondBold.woff');
  font-weight: 900;
}


/*NIKE*/
@font-face {
  font-family: 'nike';
  src: url('../fonts/nike/Nike-Futura.ttf');
  font-weight: bold;
}

@font-face {
  font-family: 'nike futura';
  src: url('../fonts/nike/Nike-Futura-ot-300.ttf');
  font-weight: bold;
}


/*MISSION*/
@font-face {
  font-family: 'mission';
  src: url('../fonts/mission/Mission-Gothic-Bold.otf');
  font-weight: 700;
}

@font-face {
  font-family: 'mission';
  src: url('../fonts/mission/Mission-Gothic-Regular.otf');
  font-weight: 500;
}

@font-face {
  font-family: 'mission';
  src: url('../fonts/mission/Mission-Gothic-Light.otf');
  font-weight: 300;
}



.option:hover {
  box-shadow:none;
  background:#ccd3e6;
  border-color:#d6e3f9;
  background:rgba(9,30,66,0.2)!important;
  color:inherit;
}

.option2:hover {
  box-shadow:none;
  background:rgba(9,30,66,0.2);
  border-color:#d6e3f9;
  color:inherit;
}

.option {
  box-shadow:none !important;
  font-size:0.885em;
  background:inherit;
  color:inherit;
  border:none;
  border-radius:0;
  font-weight:500;
  padding:.375rem .75rem;
  cursor:pointer;
  background:#e4e6eb;
  font-family: 'segeo' !important;
}

.option2 {
  box-shadow:none !important;
  font-size:0.885em;
  background:inherit;
  color:inherit;
  border:none;
  border-radius:0;
  font-weight:500;
  padding:.375rem .75rem;
  cursor:pointer;
  background:#e1ecf4;
  background:#e4e6eb;
}

body {
  margin:0;
  font-family: "segeo", sans-serif;
  font-weight:100;
  font-size:16px;
  line-height:24px;
  color:#091e42;
  color:#253858;
  color: #1d1d1f;
  text-align:left;
  background-color:#f9f9fb;
  /*background-color:#fff;*/
}

strong{
   font-weight:700;
}

.drop-menu {
  left:-100px;
  top:40px;
  display:none;
  padding:10px;
  border:none;
  background-color:#f9f9f9;
  color:inherit;
  text-align:left;
  box-shadow:0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
  animation-name:fadeEffect!important;
  animation-duration:0.5s!important;
}

.drop-lang {
  display:none;
  padding:10px 0;
  border:none;
  background-color:#f9f9f9;
  min-width:160px;
  text-align:left;
  box-shadow:0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
  animation-name:fadeEffect;
  animation-duration:0.5s;
}

.drop-menu a:hover, .prof-menu a:hover, .unread {
  background-color:rgba(133, 193, 233,.075);
  font-weight:700;
  cursor:pointer;
}

.drop-menu a, .prof-menu a {
  color:initial;
  padding:10px 16px;
  text-decoration:none;
  display:block;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-bottom:.5rem;
  font-family:inherit;
  font-weight:700;
  line-height:1.2;
}

.title, .heading{
    font-family: nike futura;
    text-transform: uppercase;
}

.solde:after {
  content:'';
  top:50%;
  width:0.12rem;
  height:0.12rem;
  position:absolute;
  border-radius:50%;
  background-color:#fff;
  transform:translateY(-50%);
}

.container {
  width:100%;
  padding-right:15px;
  padding-left:15px;
  margin-right:auto;
  margin-left:auto;
}

.col.jumbo-img {
  /*order:1;*/
}

.btn-delete:not(:disabled):not(.disabled).active, .btn-delete:not(:disabled):not(.disabled):active {
  color:#fff;
  background-color:#ef2323;
  border-color:#ef2323;
}

.option2:not(:disabled):not(.disabled).active, .option2:not(:disabled):not(.disabled):active {
  box-shadow:none;
  background:rgba(228,230,235, .1);
  background:rgba(9,30,66,0.28);
  border-color:#e4e6eb !important;
  color:inherit;
}

.option:not(:disabled):not(.disabled).active, .option:not(:disabled):not(.disabled):active {
  box-shadow:none;
  background:rgba(228,230,235, .1);
  background:rgba(9,30,66,0.28);
  border-color:#e4e6eb !important;
  color:inherit;
}

.btn-second:not(:disabled):not(.disabled).active, .btn-second:not(:disabled):not(.disabled):active {
  color:#fff;
  background-color:#1C2833;
  border-color:#1C2833;
}

.btn-tong:not(:disabled):not(.disabled).active, .btn-tong:not(:disabled):not(.disabled):active {
  color:#fff;
  background-color:#ff2157;
  border-color:#ff2157;
}

.btn-delete:hover {
  background:#B71C1C;
  border-color:#B71C1C;
}

.btn-second:hover {
  background:#1d1d1f;
  border-color:#1d1d1f;
}

.btn-tong:hover {
  background:#e71051!important;
  border-color:#e71051;
}

.btn.focus, .btn:focus {
  outline:0;
  box-shadow:none;
}

.btn-delete {
  box-shadow:none;
  border-radius:0;
  background:#d01f1f;
  border-color:#d01f1f;
  padding:8px 12px;
  border-radius:.25rem;
  font-size:0.985em;
  box-shadow:0 12px 32px -12px rgba(239,83,80,.6) !important;
}

.btn-second {
  font-family: 'robotoc'; /*'Inter';*/
  box-shadow:none;
  border-radius:0;
  background:#111;
  border-color:#111;
  padding:8px 12px;
  border-radius:.25rem;
  font-size: 15px;
  box-shadow:0 12px 32px -12px rgba(44,62,80,.6) !important;
}

.btn-tong {
  box-shadow:none;
  border-radius:0;
  background:#ff2157;
  border-color:#ff2157;
  padding:8px 12px;
  border-radius:15px;
  border-radius:.25rem;
  font-size:0.985em;
  font-weight:600;
  box-shadow:0 12px 32px -12px rgba(255,33, 87,.6) !important;
}

a[ id= "products" ]:target ~ #product div.product {
  -webkit-transform:translateY( 1000px);
  transform:translateY( 0px );
}

.product {
  margin-bottom:35px;
  -webkit-transform:translateZ( 0 );
  transform:translateZ( 0 );
  -webkit-transition:-webkit-transform 0.6s ease-in-out;
  transition:all0.6s ease-in-out;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}

.page-link:hover {
  z-index:2;
  color:#0056b3;
  text-decoration:none;
  background-color:rgba(0,0,0,.075);
  border:1px solid;
}

.page-link {
  position:relative;
  display:block;
  padding:.5rem .75rem;
  margin-left:-1px;
  line-height:1.25;
  background-color:#f9f9fb;
  border:1px solid #f9f9fb;
  margin-right:10px;
  color: initial!important;
  box-shadow: none!important;
}

.page-item.active .page-link {
  z-index:1;
  color:#fff !important;
  background-color:#1d1d1f;
  border-color:#1d1d1f;
  box-shadow:0px 0.03rem 0.06rem rgb(0 0 0 / 20%);
}

input[type=range]:focus {
  outline:none;
}

input[type=range]::-ms-track {
  width:100%;
  cursor:pointer;
  background:transparent;
  border-color:transparent;
  color:transparent;
}

.breadcrumb {
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin-bottom:1rem;
  list-style:none;
  background-color:inherit;
  border-radius:.25rem;
  padding-left:0;
  padding-right:0;
  font-family: mission, sans-serif;
  font-weight: 300;
  color: #999;
  flex-wrap: nowrap;
  white-space: nowrap;
}

.breadcrumb-item.active{
    color : #000;
    overflow: hidden;
    text-overflow: ellipsis;
}

.off {
  background:rgba(40,55,71, .19);
  color:#1d1d1f;
  display:block;
  text-align:center;
  padding:5px 10px;
  font-size:0.865em;
  font-weight:600;
}

.solde {
  font-family: 'robotoc';
  background:rgba(255, 33, 87, .09);
  color:#ff2157;
  display:block;
  text-align:center;
  padding:5px 10px;
  font-size:0.965em;
  font-weight:600;
}

.modal-login, .modal-ads, .modal-load, .modal-size-guide, .modal-pre-order, .modal-pre-order-sucess, .modal-discard-order, .modal-basket-added, .modal-new-subscribed, .modal-mail-send, .modal-account-created, .modal-cancel-order, .modal-return-order, .modal-mobile-payment, .modal-stock-change, .modal-add-review, .modal-review, .modal-review-send  {
  display:none;
  z-index:3000;
  padding-top:50px;
  left:0;
  top:0;
  width:100%;
  height:100%!important;
  overflow:auto;
  background-color:rgb(0,0,0);
  background-color:rgba(0,0,0,0.7);
  backdrop-filter:blur(5px);
}

@media (max-width: 768px) {
  .modal-login, .modal-size-guide, .modal-pre-order, .modal-pre-order-sucess, .modal-discard-order, .modal-load, .modal-ads, .modal-account-created, .modal-cancel-order, .modal-return-order, .modal-mobile-payment, .modal-stock-change, .modal-add-review, .modal-review, .modal-review-send  {
    padding-top:10px!important;
  }
}

@media (max-width: 768px) {
  .modal-load {
    padding-top:35px !important;
  }
}

.modal-content {
  position:relative;
  margin:auto;
  padding:10px 55px;
  width: 40%;
  padding-bottom:55px;
  /*border-radius:0 50px 0 0 !important;
  border-radius:30px 30px 0 0;*/
  /*background:#f9f9fb;*/
  box-shadow:0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
  /*-webkit-animation-name:animatetop;*/
  -webkit-animation-duration:0.4s;
  /*animation-name:animatetop;*/
  animation-duration:0.4s;
}

/*@media (max-width: 768px) {*/
@media (max-width: 992px) {
  .modal-content {
    position:relative;
    margin:auto;
    padding:10px 30px;
    width: 95%;
    padding-bottom:35px;
    box-shadow:0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name:animatetop;
    -webkit-animation-duration:0.4s;
    animation-name:animatetop;
    animation-duration:0.99s;
  }
}

.form-control {
  display:block;
  width:100%;
  height:52px;
  padding:.375rem .75rem;
  font-size:1rem;
  line-height:1.5;
  color:#495057;
  background-color:#F2F3F4;
  background-clip:padding-box;
  border:1px solid #F2F3F4;
  border-radius:.25rem;
  box-shadow:none !important;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.badge {
  color:#fff;
  background:#ff2157;
  font-size:0.95em;
  border-radius:35%;
}

#logo {
  width:155px;
}


@media (max-width: 2000px) {
  .action-menu{
    position:relative;
    top:16px!important;
  }
}

@media (max-width: 1199px) {
  .action-menu{
    position:relative;
    top:20px!important;
  }
}

@media (max-width: 992px) {
  #logo {
    width:125px;
    position:relative;
  }
  .action-menu{
      position:relative;
      top:15px!important;
  }
}

@media (max-width: 576px) {
  #logo {
    width:115px;
    position:relative;
  }
  .action-menu{
      position:relative;
      top:14px!important;
  }
}

@media (max-width: 340px) {
  #logo {
    width:98px;
  }
}

.navbar-toggler{
  position:relative;
  top:-2px;
}

.up {
  font-family: 'robotoc';
  background:rgba(251, 238, 230, .5);
  width:100%;
  padding:10px 15px;
  font-size:18px;
  font-weight:700;
  text-align:center;
}





.jum-img {
  /*height:400px;*/
  background-size:contain;
}

.jumbo-img1{
    max-width:70%;
}

@media (max-width: 576px) {
  .jum-img {
        padding:120px 0!important;
        background-size:contain;
    }

  .jumbo-img1{
        max-width:85%!important;
    }
    
    .jumbo-img2{
        max-width:70%!important;
    }
    
    .up {
        font-size:14px;
      }
}

@media (max-width: 381px) {
  .jum-img {
    padding:100px 0!important;
    background-size:contain;
  }
}

.form-control:focus {
  color:#1d1d1f;
  background-color:#fff;
  border:1px solid #1d1d1f;
  outline:0;
  box-shadow:none;
}

@media (min-width: 576px) {
  .solde1 {
    /*display:none;*/
  }
}

@media (max-width: 768px) {
  .solde1 {
    display:none;
  }
}

.off-color {
  color:#F44336;
}

.search {
  color:inherit;
  border-radius:0;
  height:45px !important;
  display:inline-block;
  /*border:1px solid #e6e6e6;*/
  vertical-align:top;
  box-shadow:none;
  font-size:15px;
}

.search:focus {
  border:1px solid #1d1d1f;
}

#chat-box {
  display:block;
  z-index:30;
  text-decoration:none;
  position:fixed;
  cursor:pointer;
  bottom:30px;
  right:10px;
  overflow:hidden;
  width:50px;
  height:50px;
  border-radius:50%;
  background:#1d1d1f;
  color:#fff;
  text-align:center;
  padding-top:7px;
  box-shadow:0 0 1px rgb(17 17 17 / 30%), 0 3px 10px rgb(17 17 17 / 50%);
}



#gift-box {
  display:block;
  z-index:30;
  text-decoration:none;
  position:fixed;
  cursor:pointer;
  bottom:135px;
  right:36px;
  overflow:hidden;
  width:40px;
  height:40px;
  border-radius:50%;
  background:#f6d8d0;
  color:#fff;
  text-align:center;
  padding-top:1px;
  padding-left:2px;
  box-shadow:0 0 1px rgb(17 17 17 / 30%), 0 3px 10px rgb(17 17 17 / 50%);
  -webkit-animation-name:animatetop;
  -webkit-animation-duration:0.4s;
  animation-name:animatetop;
  animation-duration:0.4s;
}

@media (max-width: 576px) {
  #gift-box {
    bottom:115px;
    right:20px;
  }
}

.chat-note {
  display:block;
  z-index:30;
  position:fixed;
  bottom:35px;
  right:73px;
  border-radius:9px;
  width:145px;
  color:#fff;
  background:#111;
  padding:10px;
  text-align:center;
  box-shadow:0 0 1px rgb(17 17 17 / 30%), 0 3px 10px rgb(17 17 17 / 50%);
  -webkit-animation-name:animatetop;
  -webkit-animation-duration:0.4s;
  animation-name:animatetop;
  animation-duration:0.4s;
}

.gift-note {
  /*display:none;*/
  z-index:30;
  position:fixed;
  bottom:105px;
  right:15px;
  border-radius:9px;
  max-width:350px;
  color:#fff;
  background:#111;
  padding:10px;
  text-align:center;
  box-shadow:0 0 1px rgb(17 17 17 / 30%), 0 3px 10px rgb(17 17 17 / 50%);
  -webkit-animation-name:animatetop;
  -webkit-animation-duration:0.4s;
  animation-name:animatetop;
  animation-duration:0.4s;
}

.gift-note::after {
  right:-15PX;
  top:15px;
  border-style:solid;
  /*content:" ";*/
  height:0px;
  width:0px;
  position:absolute;
  border-color:rgba(213, 242, 239, 0) rgba(213, 242, 239, 0) rgba(213, 242, 239, 0) #111;
  border-width:8px;
  margin-top:-5px;
}

.chat-note::after {
  right:-15PX;
  top:15px;
  border-style:solid;
  content:" ";
  height:0px;
  width:0px;
  position:absolute;
  border-color:rgba(213, 242, 239, 0) rgba(213, 242, 239, 0) rgba(213, 242, 239, 0) #111;
  border-width:8px;
  margin-top:-5px;
}

@media (max-width: 576px) {
  #chat {
    width:90% !important;
    height:Calc(100% - 70px) !important;
  }
}

#chat {
  z-index:2500;
  text-decoration:none;
  position:fixed;
  bottom:30px;
  right:15px;
  border-radius:80px 22px 20px 20px;
  min-height:50px;
  width:420px;
  height:Calc(100% - 50px);
  background-image:-webkit-linear-gradient(bottom, #f9f9fb, #f9f9fb 70%, transparent 70%, transparent 100%);
  box-shadow:rgba(0, 0, 0, 0.16) 0px 5px 40px;
  box-shadow:0 10px 25px 0 rgb(0 0 0 / 50%);
  -webkit-animation-name:animatetop;
  -webkit-animation-duration:0.4s;
  animation-name:animatetop;
  animation-duration:0.99s;
  overflow:auto;
}

#chat::after {
  /*content:'';*/
  position:absolute;
  left:280px;
  bottom:-18px;
  width:0;
  height:0;
  border:15px solid transparent;
  border-top-color:transparent;
  border-top-width:15px;
  border-right-width:15px;
  border-bottom-width:15px;
  border-left-width:15px;
  border-width:10px 10px;
  border-top-color:#111;
}

.coupon_info {
  /*background:linear-gradient(
265deg
,rgba(242,128,90,.2) 0%,rgba(242,28,81,.2) 100%);*/
  position:relative;
  /*display:flex;*/
  align-items:center;
  justify-content:center;
  min-width:1.8rem;
  padding:10px;
  line-height:1.2;
  background:linear-gradient(
265deg
,rgba(242,128,90,0.2) 0%,rgba(242,28,81,.2) 100%);
  color:#e30044;
}

.coupon_info::before {
  content:'';
  top:50%;
  left:-2%;
  width:0.9em;
  height:0.9em;
  position:absolute;
  border-radius:50%;
  background-color:#fff;
  transform:translateY(-50%);
}

.coupon_info::after {
  content:'';
  top:50%;
  right:-2%;
  width:0.9em;
  height:0.9em;
  position:absolute;
  border-radius:50%;
  background-color:#fff;
  transform:translateY(-50%);
}

.help-box::before {
  content:'';
  position:absolute;
  left:245px;
  top:-20px;
  width:0;
  height:0;
  border:15px solid transparent;
  border-width:10px 10px;
  border-color:rgba(213, 242, 239, 0) rgba(213, 242, 239, 0) #f9f9f9 rgba(213, 242, 239, 0);
  /*border-color:red;*/
}

.help-box {
  padding-top:20px;
  padding-bottom:20px;
  left:-100px;
}

.help-account::before {
  content:'';
  position:absolute;
  left:135px;
  top:-20px;
  width:0;
  height:0;
  border:15px solid transparent;
  border-width:10px 10px;
  border-color:rgba(213, 242, 239, 0) rgba(213, 242, 239, 0) #f9f9f9 rgba(213, 242, 239, 0);
  /*border-color:red;*/
}

.help-account {
  padding-top:15px;
  padding-bottom:15px;
  left:-120px;
}

select option:checked {
  /*background:#091E42;*/
  /*color:#fff;*/
}

#brands {
  height:44px;
  width:100%;
  border:none;
  overflow:hidden;
  /*display:block;*/
}

#brands::-moz-focus-inner {
  border:0;
}

#brands:focus {
  outline:none;
}

input[type=button] {
  outline:0;
  box-shadow:none;
}

.btn-selected, .size-selected {
  /*background:#091E42 !important;*/
  background:#111 !important;
  color:#fff !important;
}

.btn-selected-color {
  border:5px solid #111 !important;
}

@media (max-width: 768px) {
  .items, .sizes-select, .skeleton-block {
    /*overflow:auto !important;*/
  }
}

@media (min-width: 992px) {
  .basket-items {
    white-space:normal!important;
    transform:initial!important;
  }
}

.items, .items1, .items2, .items3, .items4, .items5, .sizes-select, .recently-viewed, .suggestion-skeleton-block, .current-discount, .discount-suggested, .offert-suggested, .new-stock {
  position:relative;
  width:100%;
  overflow-y:hidden!important;
  white-space:nowrap;
  transition:all 0.2s;
  transform:scale(0.98);
  will-change:transform;
  user-select:none;
  cursor:pointer;
  -webkit-overflow-scrolling: touch;
}

.skeleton-block {
  position:relative;
  width:100%;
  transform:scale(0.98);
}

.items::-webkit-scrollbar, .items1::-webkit-scrollbar, .items2::-webkit-scrollbar, .items3::-webkit-scrollbar, .items4::-webkit-scrollbar, .items5::-webkit-scrollbar, .sizes-select::-webkit-scrollbar, .skeleton-block::-webkit-scrollbar, .suggestion-skeleton-block::-webkit-scrollbar, .recently-viewed::-webkit-scrollbar, .current-discount::-webkit-scrollbar, .discount-suggested::-webkit-scrollbar, .offert-suggested::-webkit-scrollbar, .new-stock::-webkit-scrollbar {
  display: none;
}


.items.active, .sizes-select.active, .skeleton-block.active, .suggestion-skeleton-block.active, .recently-viewed.active, .current-discount.active, .discount-suggested.active, .offert-suggested.active, .new-stock.active {
  background:rgba(255,255,255,0.3);
  cursor:grabbing;
  cursor:-webkit-grabbing;
  transform:scale(1);
}

.item {
  display:inline-block;
  border-radius:0;
  padding:10px 7px;
}

.btn-primary.disabled, .btn-primary:disabled {
  color:#fff;
  background-color:#111;
  border:none;
  cursor:not-allowed;
}

.blur{
    /*overflow-x:scroll;*/
}

.size-select, .size-select:disabled {
  /*border:2px solid #091E42;*/
  /*opacity:1;*/
  /*border-radius:0;*/
}

table {
  overflow-x:scroll;
}

.form-control[readonly] {
  background:#F2F3F4 !important;
  border:1px solid #F2F3F4 !important;
}

.img-zoom-lens {
  position:absolute;
  border:1px solid #d4d4d4;
  width:40px;
  height:40px;
}

.img-zoom-result {
  border:1px solid #d4d4d4;
  width:300px;
  height:300px;
}

.img-magnifier-glass {
  display : none;
  position:absolute;
  border:3px solid #1d1d1f;
  /*border-radius:50%;*/
  cursor:none;
  width:150px;
  height:150px;
}

@media (max-width: 768px) {
  .img-magnifier-glass {
    display:none;
  }
}

.tong-color {
  color: #ff2157 !important;
}

.help-menu a {
  color:inherit;
}

.help-menu a:hover {
  color:#ff2157 !important;
}

.faq-box {
  padding:18px 15px;
  border-radius:10px 25px 10px 10px;
  border-radius:25px;
  background:#f9f9fb;
  margin-right:20px;
}

.option i {
  /*font-weight:700;*/
}

.box-coupon {
  width:350px;
  white-space:initial;
  height:160px;
  vertical-align:top;
  background:#fafafa;
  border:1px solid #fafafa;
  background:rgba(230,74,25,.12);
  color:inherit;
}

::-webkit-scrollbar {
  width:12px;
}

@media (min-width: 768px) {
  ::-webkit-scrollbar {
    height:5px;
  }
}

::-webkit-scrollbar-thumb {
  background:#091e42;
  background:#c1c1c1;
  border-radius:2px;
}

.store {
  background-color:#f9f9fb;
}

.navbar-collapse {
  padding-left:5px;
  -ms-flex-preferred-size:100%;
  flex-basis:100%;
  -ms-flex-positive:1;
  flex-grow:1;
  -ms-flex-align:center;
  align-items:center;
}

.navbar-nav .nav-link {
    /*padding-right: .5rem;
    padding-left: .5rem;*/
}

@media (min-width:768px) {
  .navbar-expand-md {
    /*padding:16px 300px !important;*/
  }
}

.navbar-light .navbar-nav .nav-link {
  font-size: 0.875rem;
  text-transform: uppercase;
  color:#000;
  font-weight : 300;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
 color:#000;
  font-weight : 700;
}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
  color:#091e42;
  font-weight:bold;
}

@media (min-width:992px) {
  .navbar-expand-lg .navbar-collapse {
    display:-ms-flexbox!important;
    display:flex!important;
    -ms-flex-preferred-size:auto;
    flex-basis:auto;
    display:inline-block !important;
  }
}

.has-border {
  /*background-image:linear-gradient(#25306d,#091e42);*/
  background-position:13% 100%;
  background-repeat:no-repeat;
  background-size:2rem 3px;
  display:inline-block;
  position:relative;
  text-decoration:none;
  transition:background-size .3s;
}

.has-border:hover {
  background-image:linear-gradient(#25306d,#111);
  background-position:20% 100%;
  background-repeat:no-repeat;
  background-size:5rem 3px!important;
  display:inline-block;
  position:relative;
  text-decoration:none;
  /*transition:background-size .3s;*/
}

.nav-item {
  margin-right:2px;
}

@media (min-width: 1200px) {
  .nav-item {
    margin-right:10px;
  }
}

.search-result {
  display:none;
  width:100%;
  min-height:50px;
  background:#f9f9fb;
  padding:20px 12px;
  padding-bottom:15px;
  box-shadow:0 10px 20px -8px rgb(0 0 0 / 24%);
}

.search-result-mobile {
  display:none;
  width:100%;
  min-height:50px;
  background:#f9f9fb;
  padding:20px 12px;
  padding-bottom:15px;
}


@media (max-width: 576px) {
  .store-block {
    padding:.30rem!important;
  }
}

@media (max-width: 992px) {
  .has-border {
    margin-bottom:14px;
  }
}

.sold-out {
  /*background:rgba(204, 0, 0,.05);*/
}

.sold-out-label {
  font-size:0.895em;
  color:#CC0033;
  font-weight:600;
}

.product-label {
  margin-bottom:5px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.elipsis {
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

@media (max-width: 576px) {
  .news_img {
    padding:180px 0 !important;
  }
}

.items.scroll {
  overflow-x:scroll;
}

input[type='radio']:after {
  width:18px;
  height:18px;
  border-radius:15px;
  top:-2px;
  left:-1px;
  position:relative;
  background-color:#d1d3d1;
  content:'';
  display:inline-block;
  visibility:visible;
  border:2px solid white;
}

input[type='radio']:checked:after {
  width:18px;
  height:18px;
  border-radius:15px;
  top:-2px;
  left:-1px;
  position:relative;
  background-color:#1d1d1f;
  content:'';
  display:inline-block;
  visibility:visible;
  border:2px solid white;
}

.err {
  color:red;
}

.infos {
  font-size:0.950em;
}

.coupon-expired {
  background:#f9bcbc!important;
}

.btn {
  /*border-radius:15px!important;*/
}

#news-err, #news-use, #chat-err, #recover-err {
  color:red;
}

#bag-count {
  display:none;
}

.item-slide {
  background:#fff;
  border-radius:.25rem;
  width:120px;
}

.item-selected {
  border:1px solid #1d1d1f ;
}

.item-unselected {
    filter: grayscale(2);
    background: #eee;
}

.display {
  display:none;
  -webkit-animation:display 1s;
  animation:display 1s;
}

.display-none {
  display:none;
  -webkit-animation:fadeout 5s;
  animation:fadeout 1.7s;
}

#recover-success, .success {
  color:GREEN;
}

.option-list {
  position:absolute !important;
  padding:15px 12px !important;
  z-index:1000 !important;
}

.blur:after {
  content:'';
  display:flex;
  width:60px;
  height:100%;
  right:0;
  position:absolute;
  z-index:1;
  margin-left:auto;
  top:0;
  background:linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .7) 40%, #fff 70%);
}

.toast-message {
    z-index : 4000;
  background:#253858;
  color:#fff;
  border-radius:50px;
  padding:10px 20px;
}

.err-toast-message {
  background:red !important;
}

#toast {
    z-index : 4000;
  visibility:hidden;
  position:fixed;
  bottom:120px;
  width:100%;
  text-align:center;
}

.prof-menu:before {
  right:172PX;
  top:-10px;
  border-style:solid;
  content:" ";
  height:0px;
  width:0px;
  position:absolute;
  border-color:rgba(213, 242, 239, 0) rgba(213, 242, 239, 0) #2d2f3b rgba(213, 242, 239, 0);
  border-width:8px;
  margin-top:-5px;
}

#toast.show {
  visibility:visible;
  -webkit-animation:fadein 0.5s, fadeout 0.5s 2.5s;
  animation:fadein 0.5s, fadeout 0.5s 2.5s;
}

.discount p{
    margin: 0;
    margin-bottom: 5px;
}

.new {
  background:#D6EAF8;
  color:#2874A6;
}

.in-progress {
  background:#FAE5D3;
  color:#D68910;
}

.delivered {
  background:#D5F5E3;
  color:#1D8348;
}

.canceled {
    background: rgb(252 171 196 / 35%);
    color: #f8306d;
}

.closed {
  background:#D6DBDF;
  color:#17202A;
}

@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}

.dot {
  cursor:pointer;
  height:5px;
  width:40px;
  margin:0 3px;
  background-color:#bbbbbb;
  /*border-radius:50%;*/
  display:inline-block;
  transition:background-color 0.6s;
}

.dot.active, .dot:hover {
  background-color:#1d1d1f;
}

.suggested-color, .more-colors-items {
  border-radius:.25rem;
  padding:10px 10px;
  background:#f9f9fb;
}

.suggested-color:hover, .more-colors-items:hover {
  background:#ececee;
  border : 2px solid #1d1d1b;
}

.selected-color {
  background:#fff;
  border : 2px solid #1d1d1b;
}

.next-item:hover{
    background : #f4f4f7;
}

.product-ads {
  padding: 40px;
}
@media (max-width: 576px) {
  .product-ads {
    padding: 35px 25px!important;
  }
}

.new-item:hover {
  opacity:.95!important;
}

.next, .prev {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: inherit;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  z-index: 10;
  background: #eee;
}

.next {
  right: 5px;
}

.prev {
  left: 5px;
  border-radius: 3px 0 0 3px;
}

.prev:hover, .next:hover {
  /*background-color: rgba(0,0,0,0.8);*/
  border: 1px solid;
}

.btn{
    font-family: 'robotoc';
}