
/* GENERAL */
span.strong {
    font-weight: bold;
    font-family: TimesLTStd-Roman,Times;
    font-size: 12px;
    line-height: 14px;
  }
  p {
      font-family: TimesLTStd-Roman,Times;
      font-size: 12px;
      line-height: 14px;
  }
  header nav .sec-menu .navbar-nav {
      padding-top: 6px;
  }
  main.pt-200 {
    padding-top: 184px !important;
  }
  main.pt-184 {
    padding-top: 184px !important;
  }
  main.pt-192 {
    padding-top: 192px !important;
  }
  .alert-success {
    color: #000000;
    background-color: #ffffff;
    border-color: #ffffff;
    padding: 0;
    border: 0;
    font-size: 12px;
  }
  .alert-success hr {
    border-top-color: #000000;
  }
  .alert-success .alert-link {
    color: #000000;
  }
  .greylink, .greylink:visited {
    color: #999;
  }
  .pt9px {
   padding-top:9px;
  }
  .mt9px {
   margin-top:9px;
  }
  .mt8px {
   margin-top:8px;
  }
  .mt7px {
   margin-top:7px;
  }
  /* GRID */
  .man {
   padding-top:0px;
  }
  .man.pt9px {
   padding-top:9px;
  }
  .left-menu ul {
      padding: 0 13px 0 0;
  }
  .man .grid-item, .man .grid-item--with2 {
      margin-bottom: 0 !important; /* 9px */
  }
  
  
  /* MODAL POST POPUP WIDTH FOR DEFAULT ONE IMAGE VERTICAL */
    .modal-content {
      width: calc(100% - 60px);
      padding: 0; }
    @media (min-width: 992px) {
      .modal-content {
        max-width: 932px !important; } }
    @media (min-width: 1200px) {
      .modal-content {
        max-width: 1140px !important; } }
    @media (min-width: 1400px) {
      .modal-content {
          max-width: 1184px !important; } }
    @media (min-width: 1500px) {
      .modal-content {
          max-width: 1480px !important; } }
    @media (min-width: 1900px) {
      .modal-content {
          max-width: 1720px !important; } }
   #ProductInfo .row {
    margin: 0 !important; }
  
  /* INPUT PLACEHOLDER FOR SEARCH BOX */
  input:not(.red)::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #000;
  }
  input:not(.red)::-moz-placeholder { /* Firefox 19+ */
    color: #000 !important;
    opacity: 1;
  }
  input:not(.red)::-ms-input-placeholder { /* IE 10+ */
    color: #000;
  }
  input:not(.red)::-moz-placeholder { /* Firefox 18- */
    color: #000;
  }
  
  .form input.red::placeholder,
  .form input.red::-webkit-input-placeholder,
  .form input.red::-ms-input-placeholder,
  .form input.red::-moz-placeholder
   {
      color: #dc3545 !important;
  }
  .form-control:disabled, .form-control:read-only {
      background-color: #fff;
      opacity: 1;
  }
  .form-control.is-invalid, .was-validated .form-control:invalid {
      border-color: #000000; /* #b2b2b2 ? */
      padding-right: 0;
      background-image: none;
  }
  /* VALIDATION ERRORS */
  .form span.red, 
  .form span.red a, 
  .form label.red,
  .form select.red {
    color: #dc3545;
  }
  .form span.checkmark.red, .form span.radiomark.red {
    background: #dc3545;
    border-color: #dc3545;
  }
  
  /* BLUE SHADOW ON FOCUS */
  select:focus,
  textarea:focus,
  .form-control:focus,
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="time"]:focus,
  input[type="week"]:focus,
  input[type="number"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="color"]:focus,
  .uneditable-input:focus {   
    border-color: 0 none; /* #000;*/
    box-shadow: unset; /*0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);*/
    outline: 0 none;
  }
  
  /* CENTER TEXT VERTICALLY IN FORM INPUTS */
  .form input {
    padding: 4px 9px 0;
  }
  
  header.fixed-top {
          padding-bottom: 18px !important;
      }
  main.without-menu {
      padding-top: 128px; /*155px;*/
    }
  main.without-menu.higher {
      padding-top: 128px;
    }
  
  /* NAVIGATION COLOR ON "BEING CLICKED" */
  header nav .nav-link:active, header nav .nav-link:focus {
      color: #000 !important;
      text-decoration: none;
      opacity: 0.6;
      transition: none !important;
  }
  
  /* TOP RIGHT LOGIN AND CART LINKS */
  .social a {
      font-weight: 400 !important;
  }
  
  /* LINKS IN SEARCH RESULTS */
  .search-results {
    font-family: TimesLTStd-Roman,Times;
    font-size: 12px;
    line-height: 14px;
  }
  
  /* MODAL POST POPUP TEXT SIZING */
  .modal-header h2 {
    font-family: TimesLTStd-Roman,Times;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 0;
    font-weight:700;
    letter-spacing: -0.01em;
  }
  .tags-title {
    margin: .25rem 0 .25rem .25rem;
    font-size: 12px;
    line-height: 14px;
  }
  a.tag, a.credits {
    margin: .25rem 0 .25rem .25rem;
    font-size: 12px;
    line-height: 14px;
  }
  
  /* THE INDEX */
  
  .index li.title {
    font-family: TimesLTStd-Roman,Times;
    font-size: 12px;
    color:#CACACA !important;
  }
  .index-list ul {
      -moz-column-count: 6;
      column-count: 6;
  }
  /* THE STOCKISTS */ 
  body.stockists, main.stockists {
    height: 100vh;
  }
  .five-columns {
    height: calc(100vh - 260px);
    min-height: 75vh;
  }
  .five-columns.france {
    height: calc(100vh);
  }
  .five-columns.usa {
    height: calc(100vh - 100px);
  }
  .five-columns.italy {
    height: calc(100vh + 150px);
  }
  .columns {
    column-count: 4;
    column-gap: 26px;
    column-width: 214px;
    column-fill: auto;
  }
  @media (max-width: 1390px) {
    .columns {
      column-count: 3;
      column-gap: 26px;
      column-width: 214px;
      column-fill: auto;
    }
  }
  .columns div.city, .columns p {
    break-inside: avoid-column;
    /* Pour Firefox : */
    page-break-inside: avoid;
    /* Pour WebKit : */
    -webkit-column-break-inside: avoid;
    max-width: 214px;
  }
  .title, .bucket-title {
    font-size: 12px !important;
    font-weight: 400 !important;
  }
  .index li.title {
    padding: 0px !important;
  }
  #accordion-left-menu .accordion-item .accordion-header button {
    font-weight: 400;
  }
  #accordion-left-menu .accordion-item .accordion-header button {
    line-height: 20px; /*16px; pour safari*/
  }
  #accordion-left-menu .accordion-body .accordion-sub-menu li {
    font-weight: 400;
  }
  #accordion-left-menu .accordion-item .accordion-header button::after {
      bottom: 3px;
  }
  /* NOT WORKING LIKE THIS
  .sub-link-active::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 1px;
      background-color: #000;
  }
  */
  .sub-link-active {
    text-decoration: underline;
  }
  
  /* THE INDEX */
  .index-list ul li {
    font-size: 12px;
    line-height: 14px;
  }
  
  
  /* BANNER */
  .adbanner {
    position: relative;
    font-size: 12px;
    line-height: 14px;
  }
  .adbanner::after {
          content: '';
          position: absolute;
          width: 100%;
          height: 1px;
          background-color: #fff;
          bottom: 0;
          left: 0px;
      }
      @media (min-width: 700px) {
        .adbanner::after {
          background-color: #000;
        }
      }
  .banner-wrap span strong {
    font-family:TimesLTStd-Roman,Times;
    font-size: 12px;
    line-height: 14px;
  }
  .banner-grid4 {
    margin: 0 auto;
    width: 100%;
    display: grid;
    grid-gap: 18px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .banner-grid3 {
    margin: 0 auto;
    width: 75%;
    display: grid;
    grid-gap: 18px;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .banner-grid2 {
    margin: 0 auto;
    width: 50%;
    display: grid;
    grid-gap: 18px;
    grid-template-columns: 1fr 1fr;
  }
  .banner-grid1 {
    margin: 0 auto;
    width: 755px;
    display: grid;
    grid-gap: 18px;
    grid-template-columns: 1fr;
  }
  
  
  .adbanner .hide3 { display: none; }
      .adbanner .hide2 { display: none; }
      .adbanner .hide1 { display: none; }
      .banner-grid4,
      .banner-grid3,
      .banner-grid2,
      .banner-grid1 {
        grid-template-columns: 1fr;
        width: 100%;
      }
    @media (min-width: 700px) {
      .adbanner .hide3 { display: none; }
      .adbanner .hide2 { display: none; }
      .adbanner .hide1 { display: none; }
      .banner-grid4,
      .banner-grid3,
      .banner-grid2 {
        margin: 18px auto 0;
        grid-template-columns: 1fr;
        width: 50%;
      }
    }
    @media (min-width: 800px) {
    }
    @media (min-width: 992px) {
      .adbanner .hide3 { display: block; }
      .adbanner .hide2 { display: block; }
      .adbanner .hide1 { display: block; }
      .banner-grid4 {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        width: 100%;
      }
      .banner-grid3 {
        grid-template-columns: 1fr 1fr 1fr;
        width: 75%;
      }
      .banner-grid2 {
        grid-template-columns: 1fr 1fr;
      }
      .banner-grid1 {
        margin: 18px auto 0;
        grid-template-columns: 1fr;
        width: 755px;
      }
    }
    @media (min-width: 1200px) {
    }
    @media (min-width: 1400px) {
    }
    @media (min-width: 1500px) {
    }
    @media (min-width: 1900px) {
    }
  /* CATEGORIES */
  .categorie-holder {
    position: absolute; 
    display:block; 
    top:0;
    left:0; 
    width:100%;
    height:100%;
    z-index:1020;
    text-align: center;
  }
  .categorie-holder-text {
    display: inline-block;
    line-height: 20px; 
    letter-spacing: -0.05em;
    color: #fff;
    font-size: 25px;
    font-family: "HelveticaNeueLTStd-BdCn";
    font-weight: 400;
    margin-top: 0px;
    /*
    color: black;
    opacity:0.7;
    */
  }
  .categorie-holder-text .subtitle {
    font-size: 36px;
    line-height: 25px;
    letter-spacing: -0.025em;
    margin-top: 6px;
  }
  .cat-container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .categorie-holder-text {
      margin: 0 5px;
  }
  /* CATEGORIES RESPONSIVE SIZES */
    @media (min-width: 700px) {
      .categorie-holder-text {
        line-height: 21px; 
        letter-spacing: -0.05em;
        font-size: 27px;
       } 
      .categorie-holder-text .subtitle {
        font-size: 16px;
        margin-top: 1px;
        line-height: 16px;
      }
    }
    @media (min-width: 800px) {
      .categorie-holder-text {
        line-height: 23px; 
        letter-spacing: -0.05em;
        font-size: 30px;
       } 
      .categorie-holder-text .subtitle {
        font-size: 19px;
        margin-top: 1px;
        line-height: 19px;
      }
    }
    @media (min-width: 992px) {
      .categorie-holder-text {
        line-height: 25px; 
        letter-spacing: -0.05em;
        font-size: 33px;
       } 
      .categorie-holder-text .subtitle {
        font-size: 21px;
        margin-top: 2px;
        line-height: 22px;
      }
    }
    @media (min-width: 1200px) {
      .categorie-holder-text {
        line-height: 30px; 
        letter-spacing: -0.05em;
        font-size: 40px;
       } 
      .categorie-holder-text .subtitle {
        font-size: 27px;
        margin-top: 3.5px;
      }
    }
    @media (min-width: 1400px) {
      .categorie-holder-text {
        line-height: 32px; 
        letter-spacing: -0.05em;
        font-size: 43px;
       }
      .categorie-holder-text .subtitle {
        font-size: 28px;
        margin-top: 4px;
      }
    }
    @media (min-width: 1500px) {
      .categorie-holder-text {
        line-height: 40px; 
        letter-spacing: -0.05em;
        font-size: 52px;
       }
      .categorie-holder-text .subtitle {
        font-size: 34px;
      }
    }
    @media (min-width: 1900px) {
      .categorie-holder-text {
        line-height: 49px; 
        letter-spacing: -0.05em;
        font-size: 62px;
       } 
    }
  
  /* OLD CATEGORIES ATTEMPTS */
  /*
  .valign {
    display: inline;
    line-height: 34px; 
  }
  .valign:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    font-size: 0;
  }
  */
  /*
  .margin-align {
    position: absolute;
    display:block; 
    top:50%;
    left:0;
    height: auto;
    width: 100%;
    line-height: 34px; 
  }
  */
  .control-label {
    font-weight:400;
  }
  
  .index-list {
      margin-top: 0px;
    }
  
  /* ********** SHOP IMAGES *******/
  /* * /
  .swiper-image .swiper-wrapper .swiper-container {
    max-width: 490px;
    max-height: calc(100vh - 300px);
  }
  .main-image {
      max-width:490px;
      max-height: calc(100vh - 300px);
  }
  .swiper-image .swiper-wrapper .swiper-container .swiper-slide img  {
          max-width:490px;
      max-height: calc(100vh - 300px);
  }
  /* */
  /* * /
  figure.containerZoom {
    max-width: 100%;
    max-height: calc(100vh - 300px);
  }
  
  .swiper-image .swiper-wrapper .swiper-container .swiper-slide img {
    max-width: 490px;
    max-height: calc(100vh - 300px);
  }
  /* */
  
  /* ********** SHOP *******/
    .product-list .col .card .card-button,
    .product-list .col .card .card-body .card-title {
      font-weight: 400;
    }
    .product-list .col .card .card-body .card-text p {
      margin: 0;
    }
  
    .swiper-info p,
    .swiper-info-i p {
      margin: 0;
    }
    .swiper-image .swiper-wrapper .swiper-button-prev::after {
      background-position-x: 5px;
    }
    .soldout, .soldout:hover, .soldout:focus {
      background-color:#fff;
      color:#000!important;
      opacity:1;
    }
    .col.chevron {
      margin-top: -4px;
    }
    .bucket-table {
        max-width: 800px;
    }
    .bucket-table .bucket-image {
      max-width: 150px;
    }
    .bucket-table th {
        font-weight: 400;
    }
    .bucket-table.small .bucket-image {
      padding-right: 9px;
    }
    .bucket-table.small .bucket-details {
      width: 100%;
    }
    .bucket-table.small .bucket-image img {
      margin-top: 0px;
    }
  .swiper-text .swiper-title {
    font-weight: 400;
  }
  
  /* *** MOBILE VERSION FIRST */
  .btn-big, .btn-small, .input-btn {
    font-weight: 400;
    max-width: 465px; /*354px;*/
    height: 25px;
    }
  
    @media (max-width: 767px) {
      .btn-big, .btn-small,
      .input-btn.btn-big, .input-btn.btn-small {
        font-size: 12px !important;
        width: 100%;
      }
     
      .btn-big {
        padding: 6px 6px 4px !important;
      }
      .btn-small {
        padding: 6px 6px 4px !important;
      }
      .input-btn.btn-big, input.btn-big {
        padding: 5px 6px 4px !important;
      }
      .input-btn.btn-small, input.btn-small {
        padding: 5px 6px 4px !important;
      }
      button.btn-small {
        padding: 4px 6px 4px !important;
      }
      button.btn-big {
        padding: 4px 6px 4px !important;
      }
    }
    /* *** THEN DESKTOP VERSIONS */
    @media (min-width: 768px) {
      .btn-big, .btn-small,
      .input-btn.btn-big, .input-btn.btn-small {
        font-size: 10px !important;
      }
      .btn-big {
        padding: 6px 6px 4px !important;
      }
      .btn-small {
        padding: 6px 6px 4px !important;
      }
      .input-btn.btn-big, input.btn-big {
        padding: 7px 6px 4px !important;
      }
      .input-btn.btn-small, input.btn-small {
        padding: 8px 6px 4px !important;
      }
      button.btn-small {
        padding: 5px 6px 4px !important;
      }
      button.btn-big {
        padding: 7px 6px 4px !important;
      }
  
      .btn-big,
      .input-btn.btn-big {
        width: 125px !important;
      }
      .btn-small,
      .input-btn.btn-small {
        width: 105px !important;
      }
    }
  
  .row.isbordered {
    padding-top: 9px !important;
    margin-top: 9px !important;
    border-top: 1px solid black;
  }
  .row.isborderedhidden {
    border-top: none !important;
  }
  .row.isbordered .pl-0,
  .row.isborderedhidden .pl-0 {
    padding-left: 0px !important;
  }
  .row.isbordered .pr-0,
  .row.isborderedhidden .pr-0 {
    padding-right: 0px !important;
  }
  .row.isbordered p,
  .row.isborderedhidden p {
    margin-bottom: 0px !important;
  }
  .bordered .row .col:last-child {
    margin-bottom: 8px;
  }
  
  
  a.trackparcel {
    text-decoration: underline;
  }
  .pb-0 {
    margin-bottom: 0px !important;
  }
  /* .bucket-table td, */
  .bucket-table td p {
    margin: 0;
  }
  
  .bucket-table th {
      padding-bottom: 0px;
  }
  
  .bucket-table td i {
      margin-bottom: 0px;
  }
  /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!! Attention aux effets ailleurs !!!!!!!!!! */
  .form form .row .col.lowpadding, 
  .form form .row .col-12.lowpadding {
      padding-bottom: 8px;
  }
  .form form .row .col.lowpadding2, 
  .form form .row .col-12.lowpadding2 {
      padding-bottom: 6px;
  }
  
  /* REPRENDRE DANS VERSION IRINA !! */
  span.terms {
    margin-top: 3px;
    display: inline-block;
  }
  .recap-total {
    margin: 7px 0 7px 0 !important;
    display: inline-block;
  }
  .bucket-table td {
      padding-top: 7px;
  }
  .bucket-table td.recap {
      padding-top: 10px; /*8px;*/
  }
  #order_submit-disabled {
    cursor: default;
  }
  /*
  input.terms {
    padding: 0 4px 0 9px;
  }
  */
  
  input:focus,
  select:focus,
  textarea:focus,
  button:focus {
      outline: none;
  }
  
    .mobile {
      display:none;
    }
    .not-mobile {
      display:block;
    }
  
  /* ********** MOBILE *******/
  
  .cities {
      min-height: 60vh;
  }
  .cities .column .city {
    margin-top: 20px;
    line-height: 12px;
  }
  .cities .column .city .title {
    margin-bottom: 10px;
  }
  .cities .column .city:first-of-type {
    margin-top: 0;
  }
  .cities .column p {
      margin-top: 0;
      margin-bottom: 12px;
      line-height: 12px;
  }

  .banner-mobile {
    display:block;
   }
   .banner-not-mobile {
     display:none;
    }

  @media (min-width:576px) {
    .banner-mobile {
     display:none;
    }
    .banner-not-mobile {
      display:block;
     }
  }
  
  @media (max-width: 991px) { /* 992 ? */
    .not-mobile {
      display:none;
    }
    .mobile {
      display:block;
    }
    main,
    main.without-menu,
    main.without-menu.higher,
    main.pt-200, 
    main.pt-184, 
    main.pt-192 {
      padding-top: 76px !important;; /*80px !important;*/
    }
  }
  @media (max-width: 768px) { /* 992 ? */
    .not-mobile {
      display:none;
    }
    .mobile {
      display:block;
    }
    main,
    main.without-menu,
    main.without-menu.higher,
    main.pt-200, 
    main.pt-184, 
    main.pt-192 {
      padding-top: 76px !important;; /*80px !important;*/
    }

    .modal-open .modal {
      overflow-x: hidden;
      overflow-y: auto;
    }
    .modal-product {
      margin-top: 0px;
      padding-top: 72px;
      padding-bottom: 18px;
    }
    .modal-product .modal-footer {
      padding: 0 0 9px 0;
  }
    .mobile-nav {
      padding: 16px 30px 0px;
    }
    .modal-product .modal-header {
      padding: 0 0 4px 0;
  }
    .man.pt9px {
    padding-top:0px;
    }
  
    .title {
      font-size: 12px;
      padding: 0 0 4px;
    }
  
    .index-list {
      margin-top: 12px;
    }
    .index-list ul {
      -moz-column-count: 1;
      column-count: 1;
      text-align:center;
    }
    .index li.title {
      text-align: center;
    }
  
    .modal-content {
      width: 100%;
    }
  
    .swiper-image .swiper-wrapper .swiper-button-next,
    .swiper-image .swiper-wrapper .swiper-button-prev {
      display: none;
    }
  
    .swiper-image .col-right {
      width:100%;
    }
    .swiper-image .swiper-wrapper .swiper-container {
      padding: 0;
      margin: 0;
    }
    .swiper-text {
      margin-top: 9px;
    }
  
    .bucket-table {
      max-width: 465px; /*354px;*/
      margin: 0px auto auto;
    }
  
    .bucket-table .bucket-image.smaller4mobile {
      width: 79px;
    }
    .bucket-table .bucket-title-td {
      width: 200px;
    }
    .bucket-table .bucket-amount-td {
      max-width: 75px;
    }
    
  
    .subtotal p {
      text-align: right !important;
      margin: 5px 0 0 0 !important;
    }
  
  }
  .mobile-menu .mobile-search-wrap .search-results ul {
    padding-left: 0;
    margin-top: 0px;
    display: inline-block;
  }
  .mobile-menu .mobile-search-wrap .search-results li {
    list-style: none;
    display: block;
    font-size: 35px;
    line-height: 33px;
    padding-top: 1px;
    margin: 2px 0;
  
  }
  .mobile-menu .mobile-search-wrap .search-results li a span {
    letter-spacing: -1px;
    line-height: 27px;
    display: inline-block;
  }
  .search-results.alt ul {
      margin: 0;
      padding: 0;
  }
  .search-results.alt {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10001;
  }
  .search-results.alt li {
    list-style: none;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0;
    font-weight: 400;
  }
  .search-results.alt li a {
    text-transform: uppercase;
  }
  .search-results.alt li a span {
    display: inline-block;
  }
  .scrolldiv {
    display:block;
    height: calc(100vh - 177px); 
    overflow: scroll; 
    margin-bottom: 36px;
    scrollbar-color: #7f7f7f white;
  }
  /*
  .scrolldiv::-webkit-scrollbar, .scrolldiv::-moz-scrollbar{
    background-color: red;
  }
  .scrolldiv::-webkit-scrollbar-track,.scrolldiv::-moz-scrollbar-track {
      -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
      border-radius: 10px;
  }
  .scrolldiv::-webkit-scrollbar-thumb,.scrolldiv::-moz-scrollbar-thumb {
      border-radius: 10px;
      -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  }
  */
  
  /*
  .overflow-hidden .mobile-menu {
    min-height: 100vh;
    height: auto;
    overflow-y:scroll; 
   }
   .search-results.mob ul {
    height: auto; 
    cursor: grab; 
    overflow: auto;
   } 
  */
  
  .swiper-image {
    width: calc(100% - 60px);
  }
  .swiper-image .swiper-wrapper .main-image {
      display: block; 
    }
      @media (min-width: 768px) {
      .swiper-image .swiper-wrapper .main-image {
        display: block; 
      } 
      .swiper-image .swiper-wrapper .mobile-main-image {
      display: block; 
      } 
    }
  /*
  2021-12-21
  */
    .form form .row .col {
      padding-bottom: 9px;
    }
    .form form .row .col .control-label {
      padding: 6px 0 5px;
    }
    #accordion-left-menu .accordion-item .accordion-header {
      margin-bottom: 0px;
      font-size: 19px;
    }
  
  /* ********** GRID VIDEO ICON *******/
  span.picto {
    width: 22px;
    height: 15px;
    background: url(img/video.png) no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -7px 0 0 -11px;
    z-index: 1;
    display: block;
  }
  
  /* ********** RESPONSIVE VIDEO PLAYER *******/
  /* ********** not used yet, currently inline styles *******/
  /* **** https://avexdesigns.com/blog/responsive-youtube-embed *** */
  /*
  .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
  
  .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  */
  
  /* ********** GRID LOADER *******/
  .preloader-grid {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 1000;
  }
  
  .modal-product .modal-body{
    height:auto;
    max-width:100%;
  }
  @media (min-width:1700px){
    .article.one-image .col img{
      height:78vh;
    }
  }
  @media (min-width:576px){
  .modal-product .modal-body{
      height:78vh;
      max-width:80%;
    }
  }
  @media (min-width:1700px){
    .modal-product .modal-body{
      height:78vh;
      max-width:80%;
    }
  }
  
  /* ************** */
  /* GRID COLUMNS   */
  
    @media (min-width: 576px) {
      .man .grid-item--with3, .man .grid-item--with4 {
        width: 99.7%; } 
      }
    @media (min-width: 768px) {
        .man .grid-item--with3 {
        width: 73.72%; } 
        .man .grid-item--with4 {
        width: 99.7%; } 
      }
    @media (min-width: 992px) {
      /*
      .man .grid-sizer,
      .man .grid-item {
        width: 18.43%; }
      .man .grid-item--with2 {
        width: 39%; } 
      */
      .man .grid-item--with3 {
        width: 59.2%; } 
      .man .grid-item--with4 {
        width: 79.8%; } 
      }
    @media (min-width: 1200px) {
      /*
      .man .grid-sizer,
      .man .grid-item {
        width: 15.34%; }
      .man .grid-item--with2 {
        width: 32.3%; } 
      */
      .man .grid-item--with3 {
        width: 49.15%; } 
      .man .grid-item--with4 {
        width: 66.1%; } 
      }
    @media (min-width: 1300px) {
      /*
      .man .grid-sizer,
      .man .grid-item {
        width: 15.31%; }
      .man .grid-item--with2 {
        width: 32.3%; } 
      */
      .man .grid-item--with3 {
        width: 49.4%; } 
      .man .grid-item--with4 {
        width: 66%; } 
      }
    @media (min-width: 1400px) {
      /*
      .man .grid-sizer,
      .man .grid-item {
        width: 15.4%; }
      .man .grid-item--with2 {
        width: 32.5%; } 
      */
      .man .grid-item--with3 {
        width: 49.4%; } 
      .man .grid-item--with4 {
        width: 56.55%; } 
      }
    @media (min-width: 1500px) {
      /*
      .man .grid-sizer,
      .man .grid-item {
        width: 13.24%; }
      .man .grid-item--with2 {
        width: 27.8%; } 
      */
      .man .grid-item--with3 {
        width: 49.4%; } 
      .man .grid-item--with4 {
        width: 56.55%; } 
      }
    @media (min-width: 1600px) {
      /*
      .man .grid-sizer,
      .man .grid-item {
        width: 13.24%; }
      .man .grid-item--with2 {
        width: 27.8%; } 
      */
  /*
      .man .grid-item--with3 {
        width: 40%; } 
  */
      .man .grid-item--with4 {
        width: 56.55%; } 
      }
    @media (min-width: 1700px) {
      /*
      .man .grid-sizer,
      .man .grid-item {
        width: 13.24%; }
      .man .grid-item--with2 {
        width: 27.8%; } 
      */
      .man .grid-item--with3 {
        width: 42.14%; } 
      .man .grid-item--with4 {
        width: 56.6%; } 
      }
    @media (min-width: 1800px) {
      /*
      .man .grid-sizer,
      .man .grid-item {
        width: 13.25%; }
      .man .grid-item--with2 {
        width: 27.8%; } 
      */
      .man .grid-item--with3 {
        width: 42.15%; } 
      .man .grid-item--with4 {
        width: 56.6%; } 
      }
    @media (min-width: 1900px) {
      /*
      .man .grid-sizer,
      .man .grid-item {
        width: 13.38%; }
      .man .grid-item--with2 {
        width: 27.78%; } 
      */
      .man .grid-item--with3 {
        width: 42.1%; } 
      .man .grid-item--with4 {
        width: 56.6%; } 
      }
  
  .swiper-text .swiper-info-i {
    font-family: 'TimesLTStd-Italic';
    margin-bottom: 6px;
    font-style: normal;
    }
  .fst-italic-new {
    font-family: 'TimesLTStd-Italic';
    font-style: normal;
    }
  .goto {
    display: block;
    font-family: 'TimesLTStd-Italic';
    font-style: normal;
    margin-top: 5px;
    font-size: 12px;
    text-decoration: underline;
  }
  
  /* ************** */
  