/* Content copied from "checkout5-custom.css" at 2023-03-27T18:11:14.839Z */


@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

.cart,
  body .ckruler__inner {
      padding: 0
  }

  .orders #my-orders-container>div .mb4.link.heavier-blue svg path,
  .orders #my-orders-container>div .mb4.link.heavier-blue+div+div a svg path,
  .orders .myo-order-card .myo-order-header>div a svg path {
      fill: #000
  }

  @keyframes rotate {
      0% {
          -webkit-transform: rotate(0);
          transform: rotate(0);
          ms-transform: rotate(0)
      }

      100% {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
          ms-transform: rotate(360deg)
      }
  }

  @keyframes dash {
      0% {
          stroke-dasharray: 1, 200;
          stroke-dashoffset: 0
      }

      50% {
          stroke-dasharray: 89, 200;
          stroke-dashoffset: -35px
      }

      100% {
          stroke-dasharray: 89, 200;
          stroke-dashoffset: -124px
      }
  }

  @-ms-keyframes showUpTop {
      from {
          margin-top: -130px
      }

      to {
          margin-top: 0
      }
  }

  @-moz-keyframes showUpTop {
      from {
          margin-top: -130px
      }

      to {
          margin-top: 0
      }
  }

  @-webkit-keyframes showUpTop {
      from {
          margin-top: -130px
      }

      to {
          margin-top: 0
      }
  }

  @keyframes showUpTop {
      from {
          margin-top: -130px
      }

      to {
          margin-top: 0
      }
  }

  @font-face {
      font-family: Klein-55-Regular;
      src: url(../arquivos/CK-Klein55Regular.eot.css?v=12345);
      src: url(../arquivos/CK-Klein55Regular.eot.css?#iefix&v=12345) format("embedded-opentype"), url(../arquivos/CK-Klein55Regular.ttf.css?v=12345) format("truetype"), url(../arquivos/CK-Klein55Regular.otf.css?v=12345) format("opentype"), url(../arquivos/CK-Klein55Regular.woff.css?v=12345) format("woff"), url(../arquivos/CK-Klein55Regular.woff2.css?v=12345) format("woff2");
      font-weight: 400;
      font-style: normal
  }

  @font-face {
      font-family: Klein-57-Condensed;
      src: url(../arquivos/Klein-57CondensedReg-Web.eot.css?v=12345);
      src: url(../arquivos/Klein-57CondensedReg-Web.eot.css?#iefix&v=12345) format("embedded-opentype"), url(../arquivos/Klein-57CondensedReg-Web.woff.css?v=12345) format("woff"), url(../arquivos/Klein-57CondensedReg-Web.woff2.css?v=12345) format("woff2");
      font-weight: 400;
      font-style: normal
  }

  @font-face {
      font-family: Klein-65-Medium;
      src: url(../arquivos/Klein-65Medium-Web.eot.css?v=12345);
      src: url(../arquivos/Klein-65Medium-Web.eot.css?#iefix&v=12345) format("embedded-opentype"), url(../arquivos/Klein-65Medium-Web.woff.css?v=12345) format("woff"), url(../arquivos/Klein-65Medium-Web.woff2.css?v=12345) format("woff2");
      font-weight: 400;
      font-style: normal
  }

  @font-face {
      font-family: Klein-67-CondensedMed;
      src: url(../arquivos/CK-Klein67CondensedMed.eot.css?v=12345);
      src: url(../arquivos/CK-Klein67CondensedMed.eot.css?#iefix&v=12345) format("embedded-opentype"), url(../arquivos/CK-Klein67CondensedMed.ttf.css?v=12345) format("truetype"), url(../arquivos/CK-Klein67CondensedMed.otf.css?v=12345) format("opentype"), url(../arquivos/CK-Klein67CondensedMed.woff.css?v=12345) format("woff"), url(../arquivos/CK-Klein67CondensedMed.woff2.css?v=12345) format("woff2");
      font-weight: 400;
      font-style: normal
  }

  .ck-header-checkout {
      display: block !important
  }

  .body-order-form h1,
  .cart-template.mini-cart .cart-fixed.affix .summary-cart-template-holder,
  .page-header,
  .page-topbar {
      display: none !important
  }

  body {
    overflow-x: hidden;
  }

  body :not(i) {
      font-family: Klein-55-Regular, arial;
  }

  .container-main {
      max-width: auto !important;
      min-height: 250px
  }

  .ck-container,
  .container {
      width: 1280px;
      margin: auto
  }
  .hidden-phone {
      width: 1280px !important;
      height: auto;
      margin: 15px 0 !important
  }

  body .ckruler {
      background: #fff;
      margin: 20px 0
  }

  body .ckruler__statement {
      text-transform: uppercase;
      letter-spacing: 2.5px;
      font-size: 12px;
      line-height: 1.5;
      color: #444
  }

  .empty-cart-content #cart-choose-products,
  h1 {
      letter-spacing: 3.2px;
      text-transform: uppercase
  }

  body .ckruler__statement strong {
      color: #000
  }

  .body-order-form .ckruler {
      display: none
  }

  .empty-cart-content {
      padding-top: 30px;
      height: 200px
  }

  .empty-cart-content .empty-cart-title {
      font-size: 28px
  }

  .empty-cart-content .empty-cart-message {
      font-size: 15px
  }

  .empty-cart-content #cart-choose-products {
      padding: 0 26px;
      background: #000;
      color: #fff;
      border-radius: 0;
      height: 50px;
      line-height: 50px;
      text-align: center;
      font-size: 16px;
      position: relative
  }

  .cart .table td,
  .cart .table td.product-price .list-price .muted,
  .summary-template-holder .postal-code-for-sla .cart-reset-postal-code,
  h1 {
      color: #000
  }

  h1 {
      font-weight: 700;
      font-size: 36px;
      margin: 0;
      line-height: 1
  }

  .cart .table td.product-price .new-product-price,
  .cart .table td.quantity-price {
      font-weight: 600;
      color: #333
  }

  .summary-template-holder {
      position: relative;
      clear: both
  }

  .summary-template-holder .cart-more-options {
      width: 100%;
      margin-bottom: 30px;
  }

  .summary-template-holder .cart-more-options .cart-select-gift-placeholder {
      display: block;
	    margin: 0 50px 50px auto;
  }
  @media(max-width: 768px) {
    .summary-template-holder .cart-more-options .cart-select-gift-placeholder {
      margin: 0;
      margin-bottom: 30px;
      width: 100% !important;
    }
  }

  .summary-template-holder #shipping-preview-container {
      display: flex;
      width: 100%;
      justify-content: flex-end;
      max-width: none;
  }

  .summary-template-holder #shipping-preview-container > div {
      margin-right: 280px;
      min-width: 256px;
  }

  @media (max-width: 1023px) {
      #checkoutMainContainer > div.container.container-main.container-cart > div.checkout-container.row-fluid.cart-active > div.cart-template.full-cart.span12.active > div.summary-template-holder > div > div.forms.coupon-column.summary-coupon-wrap {
          display: none !important;
      }
  }

  @media (max-width: 768px) {
      .summary-template-holder .cart-more-options {
          margin-bottom: 0;
          margin-top: 30px;
      }
      .summary-template-holder #shipping-preview-container {
          justify-content: flex-start;
      }
      .summary-template-holder #shipping-preview-container > div {
          margin-right: 0;
          min-width: 10px;
      }
  }

  .summary-template-holder .shipping-selected-sla-estimate {
      display: block;
      margin-bottom: 12px
  }

  .cart .table .item-service .product-price,
  .cart .table td.product-name .seller,
  .cart .table td.product-price .icon-question-sign,
  .cart .table td.product-price .new-product-price-label,
  .cart .table td.product-price .old-product-price-label,
  .cart .table th.shipping-date {
      display: none
  }

  .summary-template-holder .postal-code-for-sla {
      font-size: 15px
  }

  .cart {
      border: none;
      margin: 0
  }

  .cart-template > #cartLoadedDiv > div.cart > table > tbody > tr.product-item {
    display: table-row !important;
  }

  .cart .table th,
  .item-service {
      border-bottom: 1px solid #ccc
  }

  .cart .table th,
  .cart-select-gift-placeholder h2 {
      padding: 15px 0;
      letter-spacing: 2.5px;
      text-transform: uppercase
  }

  .cart .table th {
      font-size: 15px;
      line-height: 1.5
  }

  .cart .table th:nth-last-child(2) {
      text-align: right
  }

  .cart .table th.product {
      width: 60%
  }

  .cart .table td {
      padding: 20px 0;
      font-size: 15px;
      letter-spacing: .96px
  }

  .cart .table td.product-image img {
      width: 130px;
      max-width: 130px;
      height: auto;
      margin-right: 15px
  }

  .cart .table td.product-name {
      width: 510px
  }

  .cart .table td.product-name a {
      font-size: 15px;
      color: #000;
      letter-spacing: .9px;
      line-height: 1.4
  }

  .cart .table td.product-name .brand {
      font-size: 12px;
      text-transform: uppercase;
      line-height: 2.4
  }

  .cart .table td.product-name .add-service-container a {
      background: #fff;
      border: 1px solid #000;
      border-radius: 0;
      text-transform: uppercase;
      font-size: 12px;
      letter-spacing: .5px;
      margin-top: 20px;
      padding: 10px 10px 10px 30px;
      line-height: 1.5;
      position: relative
  }

  .cart .table td.product-name .add-service-container a::before {
      content: "";
      position: absolute;
      top: 50%;
      left: 10px;
      background-image: url(../arquivos/spritesheet.png);
      background-position: -86px -35px;
      width: 12px;
      height: 16px;
      transform: translateY(-50%);
      -o-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -webkit-transform: translateY(-50%)
  }

  .cart .table td.product-price {
      line-height: 2
  }

  .cart .table td.product-price .list-price {
      margin-bottom: 15px
  }

  .cart .table td.item-remove {
      padding-left: 26px
  }

  .cart .table td.item-remove .icon {
      display: block;
      background-image: url(../arquivos/spritesheet.png);
      background-position: -196px -29px;
      width: 19px;
      height: 19px
  }

  .cart .table td.item-remove .icon::before {
      content: none
  }

  .cart .table td.shipping-date {
      display: none
  }

  .cart .table td.quantity input {
      border-radius: 0 !important;
      border: 1px solid #898989;
      padding: 1.2px 10px;
      width: 26px;
      height: 20px;
      font-size: 15px;
      line-height: 1
  }

  .cart .table td.quantity .item-quantity-change {
      color: #333;
      font-size: 10px;
      text-decoration: none
  }

  .cart .table td.quantity .icon-minus-sign:before {
      content: "\f068"
  }

  .cart .table td.quantity .icon-plus-sign:before {
      content: "\f067"
  }

  .cart .table td:nth-last-child(2) {
      text-align: right;
      width: 90px
  }

  #shipping-calculate-link {
      color: #060
  }

  #shipping-calculate-link:hover {
      text-decoration: none
  }

  .cart-select-gift-placeholder {
      width: 545px !important
  }

  .cart-select-gift-placeholder h2 {
      font-size: 0;
      font-weight: 300;
      line-height: 1.5;
      margin: 10px 0 0
  }
  .cart-select-gift-placeholder h2::before {
      font-size: 15px;
	    content: "ESCOLHA SEU BRINDE (1 unidade)";
  }


  .cart-select-gift-placeholder .available-gift-items .available-gift-item {
      border-radius: 0;
      border: 1px solid #ccc;
      box-shadow: none;
      background-color: #fff
  }

  .cart-select-gift-placeholder .available-gift-items .available-gift-item .product-name {
      font-size: 12px;
      text-transform: uppercase;
      line-height: 1.6;
      color: #000
  }

  @media screen and (min-width:1100px) {
      .coupon-column {
          position: absolute;
          top: 30px;
          left: 0;
          width: auto !important;
          padding-top: 25px
      }

      .coupon-column .summary-coupon {
          margin: 0;
          position: relative
      }

      .coupon-column .summary-coupon .coupon-fieldset>div {
          position: absolute;
          left: 0;
          top: 100px;
          background-color: #fff;
          padding: 0;
          border: 1px solid #000;
          border-left: 0;
          height: 50px;
          z-index: 1;
          width: 280px;
          text-align: right
      }

      .coupon-column .summary-coupon .coupon-fieldset>div::before {
          content: "";
          position: absolute;
          top: 50%;
          left: 0;
          background-image: url(../arquivos/spritesheet.png);
          background-position: -227px 0;
          width: 8px;
          height: 13px;
          transform: translateY(-50%);
          -o-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -webkit-transform: translateY(-50%)
      }

      .coupon-column .summary-coupon .coupon-fieldset>div .coupon-label {
          display: none
      }

      .coupon-column .summary-coupon .coupon-fieldset>div .coupon-fields {
          margin-bottom: 0;
          padding: 13px 13px 15px 0
      }

      .coupon-column .summary-coupon .coupon-fieldset>div .coupon-fields input {
          height: 23px;
          border-radius: 0;
          text-transform: uppercase;
          padding: 0 10px;
          font-size: 12px;
          letter-spacing: 1.2px;
          color: #000
      }

      .coupon-column .summary-coupon .coupon-fieldset>div .coupon-fields button {
          height: 25px;
          outline: 0;
          border-radius: 0;
          background: #ccc;
          border: none;
          box-shadow: none;
          text-shadow: none;
          text-transform: uppercase;
          padding: 0 10px;
          font-size: 12px;
          letter-spacing: 1.2px;
          color: #333
      }

      .coupon-column .coupon-data {
          float: left;
          position: relative;
          margin-bottom: 0;
          display: block !important;
          text-align: left;
      }

      .coupon-column .coupon-data::before {
          content: "Cupom";
          letter-spacing: 2.5px;
          font-size: 15px;
          font-weight: 300;
          line-height: 1.5;
          text-transform: uppercase;
          display: block;
          margin-bottom: 15px
      }
      .coupon-column .coupon-data::after {
        content: "A Calvin Klein informa que a aplicação do vale presente ou vale troca deve ser realizada na proxima etapa de pagamento";
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        display: block;
        margin-top: 80px;
        max-width: 420px;
        color: #777777;
    }

      .coupon-column .coupon-data .link-coupon-add {
          width: 160px;
          padding: 0;
          display: block;
          background-color: #fff;
          color: #000;
          border: 1px solid #000;
          text-transform: uppercase;
          border-radius: 0;
          height: 50px;
          line-height: 50px;
          letter-spacing: 3.2px;
          font-size: 15px;
          text-align: center;
          text-decoration: none;
          position: relative
      }

      .coupon-column .coupon-data .link-coupon-add>span:first-child {
        display: none
      }
      .coupon-column .coupon-data .link-coupon-add>span:last-child {
        font-size: 0;
      }
      .coupon-column .coupon-data .link-coupon-add>span:last-child::before {
        content: 'CUPOM';
        font-size: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .coupon-column .coupon-data .link-coupon-add::after {
          content: "";
          position: absolute;
          bottom: -75px;
          left: 0;
          width: 500px;
          height: 1px;
          background-color: #ccc;
          cursor: default
      }
  }

  #client-profile-data .client-pre-email,
  .cart-totalizers .table tr {
      border: none
  }
  .cart-totalizers .table tr.Shipping {
    display: none;
  }
  .cart-totalizers .table tr.srp-summary-voucher {
    display: none !important;
  }
  .orderform-template .cart-template.mini-cart .summary-template-holder .totalizers tr.Shipping {
    display: table-row;
  }
  .orderform-template .cart-template.mini-cart .summary-template-holder .totalizers tr.srp-summary-result {
    display: none;
  }
  @media screen and (max-width:767px) {
    .cart-totalizers .table tr {
      display: table-row;
    }
    .cart-totalizers .table tr.Shipping {
      display: none;
    }
  }
  @media screen and (max-width:349px) {
    .cart-totalizers .table tr {
      display: table-row;
    }
  }
  @media screen and (max-width:325px) {
    .cart-totalizers .table tr {
      display: table-row;
    }
  }

  .cart-links-bottom .link-choose-more-products-wrapper,
  .cart-totalizers .table td.empty {
      display: none
  }

  @media (min-width: 768px) {
    #checkoutMainContainer .container-cart .checkout-container .cart-links.cart-links-bottom .link-choose-more-products-wrapper {
      display: flex;
      justify-content: center;
      width: 100%;
      position: absolute;
      top: 60px;
    }
    #checkoutMainContainer .container-cart .checkout-container .cart-links.cart-links-bottom .link-choose-more-products-wrapper > a {
      color: #000;
      font-weight: bold;
    }
  }

  .cart-totalizers {
      padding: 25px 0 15px;
      margin: 0
  }

  .cart-totalizers .table td {
      padding: 10px 0;
      letter-spacing: 2.5px;
      font-size: 15px !important;
      line-height: 1.5;
      text-transform: uppercase
  }

  .cart-totalizers .table td:first-child {
      text-align: left
  }
  .cart-totalizers .table td:first-child.info {
      max-width: 380px;
  }
  @media screen and (max-width:767px) {
    .cart-totalizers .table td:first-child.info {
        width: 50% !important;
    }
  }

  .cart-totalizers .table td.monetary,
  .cart-totalizers .table td.quantity-price {
      width: auto !important;
      text-align: right;
      font-weight: 600;
      color: #333
  }
  @media screen and (min-width:1023px) {
    .cart-totalizers .table td.monetary,
    .cart-totalizers .table td.quantity-price {
        min-width: 111px;
        text-align: right;
    }
  }
  @media screen and (max-width:768px) {
    .cart-totalizers .table td.monetary {
        position: relative;
        left: -10px;
    }
  }

  .cart-totalizers .table .shipping-calculate td {
      padding-bottom: 15px !important
  }

  @media screen and (max-width:390px) {
    .cart-totalizers .table .shipping-calculate .shipping-form-inline {
      position: relative;
      left: -20px;
    }
  }
  @media screen and (max-width:360px) {
    .cart-totalizers .table .shipping-calculate .shipping-form-inline {
      position: relative;
      left: -40px;
    }
  }

  .cart-totalizers .table .shipping-calculate .shipping-fieldset {
      text-align: right;
      width: 195px
  }

  .cart-totalizers .table .shipping-calculate .shipping-fieldset #summary-postal-code {
      border-radius: 0;
      border: 1px solid #000;
      box-shadow: none;
      padding: 0 10px;
      height: 27px;
      font-size: 12px
  }

  .cart-totalizers .table .shipping-calculate .shipping-fieldset button {
      background: #000;
      color: #fff;
      text-transform: uppercase;
      border-radius: 0;
      margin-top: -1px;
      margin-left: -10px;
      height: 30px;
      padding: 0 15px;
      border: none;
      font-size: 12px;
      outline: 0
  }

  .cart-totalizers .table .shipping-calculate .shipping-fieldset #cart-dont-know-postal-code,
  .cart-totalizers .table .shipping-calculate .shipping-fieldset .help {
      font-size: 12px;
      text-transform: none;
      letter-spacing: 0
  }

  .cart-totalizers .table>tfoot {
      border-top: 1px solid #ccc
  }

  .cart-totalizers .table>tfoot td {
      padding-top: 15px !important
  }

  .cart-links-bottom {
      width: 27% !important;
      margin: 0;
      position: relative;
  }

  @media (max-width: 768px) {
    .cart-template .cart-links-bottom .CK07-container {
      position: inherit;
    }
  }

  .cart-links-bottom .btn-success {
      width: 100%;
      padding: 0;
      color: #fff;
      text-transform: uppercase;
      border-radius: 0;
      height: 50px;
      line-height: 50px;
      font-size: 0;
      letter-spacing: 3.2px;
      position: relative
  }

  .cart-links-bottom .btn-success::after {
      content: "Finalizar Compra";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      text-align: center;
      font-size: 20px
  }

  #client-profile-data #orderform-to-cart {
      text-transform: uppercase;
      letter-spacing: 2px;
      font-size: 12px;
      line-height: 1.5;
      color: #444;
      position: relative
  }

  #client-profile-data #orderform-to-cart::before {
      content: "\f053";
      font: normal normal normal 14px/1 FontAwesome;
      position: absolute;
      top: 0;
      left: -20px
  }

  #client-profile-data .pre-email {
      text-align: center
  }

  #client-profile-data .pre-email h3 {
      text-transform: uppercase
  }

  #client-profile-data .pre-email h3 span {
      font-size: 15px;
      font-weight: 700
  }

  #client-profile-data .pre-email h3 small {
      font-size: 15px
  }

  #client-profile-data .pre-email span.error {
      text-transform: uppercase;
      font-size: 12px;
      letter-spacing: 2.5px;
      margin: 15px 0 0
  }

  #client-profile-data .pre-email .client-email {
      margin: auto;
      float: none;
      width: 60%
  }
  .orderform-template-holder .step .steps-view {
      float: left
  }

  #client-profile-data .pre-email .client-email input {
      border-radius: 0;
      height: 50px;
      padding: 0 15px;
      font-size: 20px;
      color: #000
  }

  #client-profile-data .pre-email .client-email #client-pre-email {
      border: 1px solid #000
  }

  #client-profile-data .pre-email .client-email #btn-client-pre-email {
      background: #000;
      color: #fff;
      text-transform: uppercase;
      border-radius: 0;
      height: 50px;
      font-size: 15px;
      top: 0;
      right: 0
  }

  #client-profile-data .emailInfo .icon-ok,
  #client-profile-data .emailInfo h3,
  .orderform-template-holder .step a {
      color: #000
  }

  #client-profile-data .emailInfo {
      width: 41%;
      border-radius: 0;
      margin-top: 30px;
      border: 1px solid #000
  }

  .orderform-active {
      box-sizing: border-box
  }

  .orderform-template-holder .step {
      border: 1px solid #000;
      border-radius: 0;
      padding: 15px
  }

  .orderform-template-holder .step * {
      font-size: 12px;
      line-height: 1.6
  }

  .orderform-template-holder .step .link-box-edit {
      background-color: #000;
      color: #fff;
      top: -15px;
      right: -15px;
      opacity: 1;
      border-radius: 0;
      border: none;
      outline: 0;
      padding: 5px 5px 5px 10px;
      line-height: 1
  }

  .orderform-template-holder .step .accordion-inner {
      padding: 10px
  }

  .orderform-template-holder .step .accordion-toggle span {
      text-transform: uppercase;
      font-size: 15px;
      line-height: 1;
      color: #000
  }

  .orderform-template-holder .step .accordion-toggle i {
      font-size: 15px;
      line-height: 1;
      color: #000
  }

  .orderform-template-holder .step .accordion-toggle i.icon-edit {
      color: #fff;
      text-shadow: none
  }

  .orderform-template-holder .step p.input {
      margin: 0;
      width: 50%
  }

  .orderform-template-holder .step p.input.client-company-name,
  .orderform-template-holder .step p.input.client-company-nickname {
      width: 100%
  }

  .orderform-template-holder .step p.input.client-company-name input,
  .orderform-template-holder .step p.input.client-company-nickname input {
      width: 90%
  }

  .orderform-template-holder .step p.submit .btn {
      outline: 0;
      border: none;
      padding: 0 15px;
      background: #000;
      color: #fff;
      text-transform: uppercase;
      border-radius: 0;
      height: 45px;
      line-height: 45px;
      text-align: center;
      font-size: 12px;
      letter-spacing: 1.2px;
      position: relative;
      margin-top: 20px
  }

  .orderform-template-holder .step input:not([type=checkbox]),
  .orderform-template-holder .step select {
      width: 80%;
      height: 30px;
      padding: 0 10px;
      margin-bottom: 10px
  }

  .orderform-template-holder .step .address-item {
      padding: 10px 26px 10px 10px;
      margin-bottom: 10px
  }

  .orderform-template-holder .step p.link {
      padding: 0;
      margin: 10px 0
  }

  .orderform-template-holder .step p.link>a {
      margin: 10px 0
  }

  /*Estilo do vale presente*/

  .gift-card-provider-default .payment-discounts-options label{
    font-size: 0 !important;
  }
  .gift-card-provider-default .payment-discounts-options label::before{
    content: "Vale troca";
    font-size: 13px;
    font-weight: bold;
    color: #000;
  }
  .orderform-template-holder #payment-data .box-step-content > form.form-step.box-new {
    position: relative;
  }
  .orderform-template-holder .step p.link-gift-card{
      padding: 10px 20px 10px 10px;
      margin: 0;
      left: 0;
      background-color: #f4f4f4;
      border-radius: 5px;
      line-height: 0;
  }
  .orderform-template-holder .step p.link-gift-card > a {
      margin: 0;
      text-decoration: none;
      opacity: 1;
      font-weight: bold;
      letter-spacing: 1px;
      font-size: 0px;
  }
  .orderform-template-holder .step p.link-gift-card > a::before {
    content: "Adicionar vale troca";
    font-size: 13px;
    width: 170px;
    display: block;
    line-height: 1;
  }
  @media (max-width: 768px) {
    .orderform-template-holder .step p.link-gift-card {
      padding: 10px 0px 10px 10px;
      line-height: 0;
    }
    .orderform-template-holder .step p.link-gift-card > a::before {
      width: 100%;
    }
  }
  .orderform-template-holder .step p.link-gift-card > a:hover {
    transition: all 0.2s ease;
  }
  .orderform-template-holder .step .gift-card-section {
    margin-left: 214px;
    margin-bottom: 15px;
  }
  .orderform-template-holder .step .gift-card-section::after {
    content: "Possui vale troca? Aplique no campo acima e clique em adicionar";
    font-family: Klein-55-Regular, arial;
    font-size: 12px;
    position: relative;
    top: 4px;
  }
  @media screen and (max-width:767px) {
    .orderform-template-holder .step .gift-card-section {
      margin-left: 0px;
    }
  }
  .orderform-template-holder #payment-data  .step .gift-card-section fieldset .gift-card-provider-default > p > label {
    font-size: 13px;
    font-weight: bold;
    color: #000;
  }

  .orderform-template-holder .step .shipping-options>h4 {
      margin: 20px 0 10px
  }

  .orderform-template-holder .step .shipping-options .sla-items-list {
      padding: 0;
      margin-bottom: 15px
  }

  .orderform-template-holder .step.shipping-data p.input {
      margin: 0;
      width: 100%;
      clear: both
  }

  .orderform-template-holder .step.shipping-data p.input input {
      width: 95%
  }

  .orderform-template-holder .step.shipping-data p.input select {
      width: 100%
  }

  .orderform-template-holder .step.shipping-data p.input .help.error {
      width: 100%;
      margin: 0
  }

  .orderform-template-holder .step[class*=store-country] .payment-group {
      width: 215px;
      margin-top: 60px
  }

  .orderform-template-holder .step[class*=store-country] .payment-group .payment-group-list-btn {
      width: 215px
  }

  .orderform-template-holder .step[class*=store-country] .payment-group .payment-group-list-btn .link-gift-card {
      margin: 10px 0
  }

  .orderform-template-holder .step[class*=store-country] .payment-group .payment-group-list-btn a {
      box-sizing: border-box;
      opacity: 1;
  }

  .orderform-template-holder .step[class*=store-country] .payment-group .payment-group-list-btn a .payment-group-item-text {
      padding: 10px 25px 10px 0;
      font-size: 13px;
      font-weight: bold;
  }

  .cart-template.mini-cart h2 {
      text-transform: uppercase;
      font-size: 15px;
      color: #000;
      line-height: 1.2;
      margin: 0
  }

  .cart-template.mini-cart .orderform-minicart-to-cart {
      color: #000
  }

  .cart-template.mini-cart .cart-fixed {
      width: 340px
  }

  .cart-template.mini-cart .cart-fixed .summary-totalizers table td {
      font-size: 15px !important;
      line-height: 1.2
  }

  .cart-template.mini-cart .cart-fixed .summary-totalizers table td .shipping-selected-sla-estimate {
      font-size: 12px;
      white-space: nowrap;
      letter-spacing: 1.2px;
      margin-top: 10px
  }

  .cart-template.mini-cart #go-to-cart-button {
      margin: 10px 0;
      font-size: 15px;
      line-height: 1.4
  }

  .cart-template.mini-cart .cart-totalizers {
      width: 100% !important
  }

  .cart-template.mini-cart .cart-totalizers .table td {
      width: 100%;
      font-weight: 300
  }

  .cart-template.mini-cart .payment-confirmation-wrap {
      background-color: transparent;
      padding-right: 0
  }

  .cart-template.mini-cart .payment-confirmation-wrap #payment-data-submit {
      outline: 0;
      border: none;
      padding: 0;
      color: #fff;
      text-transform: uppercase;
      border-radius: 0;
      height: 50px;
      line-height: 50px;
      text-align: center;
      font-size: 15px;
      letter-spacing: 3.2px;
      position: relative
  }

  .show-gift-card-group {
      padding: 10px 0
  }

  .cconf-continue-button,
  .cconf-myorders-button {
      background-color: #000 !important;
      color: #FFF !important;
      border-radius: 0;
      border: 0;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      padding: 15px;
      font-size: 16px
  }

  @media screen and (min-width:767px) {
      .hidden-desktop {
          display: none!important;
      }
  }
  @media screen and (max-width:767px) {
      .hidden-phone {
          display: none!important;
      }

      .header-rewards-progress{
          float:none!important;
      }

      .orderform-template-holder .step .steps-view {
          float: left;
          width: calc(100% - 30px)
      }

      .orderform-template-holder .step[class*=store-country] .payment-group {
          width: 100%;
          margin-top: 20px;
      }
  }

  @media screen and (max-width:1023px) {
      #cart-link-coupon-add {
          letter-spacing: 2.5px;
          font-size: 10px !important;
          line-height: 1.5;
          text-transform: uppercase;
          color: #000;
          border: 1px solid #000;
          padding: 10px;
          margin: 30px 0 0;
          display: block;
          width: 278px;
          text-align: center
      }
      .coupon-column .coupon-fieldset::after {
          content: "A Calvin Klein informa que a aplicação do vale presente ou vale troca deve ser realizada na proxima etapa de pagamento";
          font-size: 14px;
          font-weight: 400;
          line-height: 18px;
          display: block;
          margin-top: 30px;
          max-width: 325px;
          color: #777777;
          text-align: left;
      }
      .orderform-template .coupon-column .coupon-fieldset::after {
        display: none;
      }
      .coupon-data {
          float: left
      }

      .summary-template-holder .summary .coupon,
      .summary-template-holder .summary .shipping {
          width: 100%;
      }

      .coupon-fields {
          margin-bottom: 0;
          padding: 13px 13px 15px 0
      }

      .coupon-fields button,
      .coupon-fields input {
          border-radius: 0;
          text-transform: uppercase;
          padding: 0 10px;
          font-size: 12px;
          letter-spacing: 1.2px
      }

      .coupon-fields input {
          height: 23px;
          color: #000
      }

      .coupon-fields button {
          height: 25px;
          outline: 0;
          background: #ccc;
          border: none;
          box-shadow: none;
          text-shadow: none;
          color: #333
      }
  }

  @media (max-width:979px) and (min-width:768px) {
      .full-cart .item-quantity-change {
          position: absolute;
          bottom: 6px;
          left: 50%;
          height: 30px;
          width: 40px;
          margin-left: -20px
      }

      .default-modal {
          background-color: #000;
          margin: 0;
          width: 540px;
          height: 195px;
          border-radius: 1px;
          transform: translateX(-50%);
          -o-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -webkit-transform: translateX(-50%)
      }

      .default-modal .modal-body {
          width: 100%;
          padding: 15px;
          box-sizing: border-box
      }

      .default-modal .identified-user-security {
          margin-right: 20px
      }

      .default-modal .identified-user-security .icon-lock {
          font-size: 120px
      }

      .default-modal .identified-user-hello {
          font-size: 26px;
          text-transform: uppercase;
          margin-bottom: 10px
      }

      .default-modal .identified-user-message {
          font-size: 16px;
          font-weight: 300
      }

      .default-modal .identified-user-button {
          background: #fff;
          outline: 0;
          border: none;
          padding: 0 15px;
          color: #000;
          text-transform: uppercase;
          border-radius: 0;
          height: 45px;
          line-height: 45px;
          text-align: center;
          font-size: 12px;
          letter-spacing: 1.2px;
          position: relative
      }
  }

  @media screen and (max-width:1023px) {
      body {
          padding: 0 !important
      }

      .container {
          padding: 10px;
          width: calc(100% - 20px);
          margin: auto
      }

      .ck-container {
          width: 100%;
          margin: auto
      }

      .cart-links-bottom,
      .cart-totalizers,
      .coupon-column {
          width: 100% !important
      }

      .ck-nav__mainmenu {
          display: none
      }

      .cart .table td {
          vertical-align: middle
      }

      .cart .table td.product-image img {
          height: auto;
          max-width: 100%;
          vertical-align: middle;
          border: 0
      }

      .cart .table td.product-name a {
          font-size: 12px;
          padding-right: 40px !important;
      }

      .cart .table td.item-remove .icon {
          margin-left: -5px
      }

      .cart-totalizers {
          padding: 0 !important
      }

      .cart-totalizers td {
          font-size: 12px !important
      }

      .coupon-column {
          position: relative;
          display: inline-block !important;
          margin-bottom: 20px
      }

      .coupon-column .summary-coupon {
          margin: 0;
          position: relative;
          float: left
      }

      .coupon-column .coupon-data .link-coupon-add::after {
          display: none
      }

      #client-profile-data .pre-email .client-email {
          width: 100%
      }

      #client-profile-data .emailInfo {
          width: calc(100% - 30px)
      }

      .cart-template.mini-cart {
          margin-top: 30px
      }

      .cart-template.mini-cart .cart-fixed {
          width: 100%
      }
  }

  .msg_express,
  .orders .page-header .nav-pills,
  .zx_mediaslot,
  img[src*="https://r.turn.com"] {
      display: none
  }

  @media screen and (min-width:1024px) {
      body {
          padding: 0 !important
      }

      .cart-template.mini-cart {
          margin-top: 30px
      }

      .ck-container,
      .container {
          width: calc(100% - 20px);
          margin: auto
      }

      .full-cart .summary-totalizers {
        width: 46% !important;
        padding-right: 30px;
        box-sizing: content-box;
      }
  }

  @media screen and (min-width:1142px) {
      .full-cart .summary-totalizers {
        width: 43% !important;
      }
  }

  @media screen and (min-width:1279px) {
      .ck-container,
      .container {
          max-width: 1280px;
          margin: auto
      }

      .full-cart .summary-totalizers {
        width: 39% !important;
      }
  }

  @media screen and (min-width:1320px) {
      .full-cart .summary-totalizers {
        width: 38% !important;
      }
  }

  .body-checkout-confirmation h1.f2.black-70 {
      font-size: 1.5rem
  }

  .body-checkout-confirmation .cconf-product-table * {
      color: #000
  }

  .ck-header-checkout {
      background-color: #fff;
      color: #000
  }

  .ck-header-checkout h1 {
      display: block;
      height: auto;
      margin: -5.5px auto auto;
      text-align: center;
      text-transform: uppercase;
      font-weight: 300;
      font-size: 36px;
      letter-spacing: -.96px
  }

  .ck-header-checkout h1>a {
      color: #000;
      text-decoration: none
  }

  .ck-header-checkout .ck-logo {
      margin: auto;
      width: 205px;
      height: auto;
      display: block
  }

  .ck-header-checkout a {
      color: #000;
      text-decoration: none
  }

  .ck-header-checkout__main-content {
      position: relative;
      padding: 25px 0 20px
  }

  .ck-header-checkout__main-content__top {
      margin-bottom: 35px
  }

  .ck-header-checkout__main-content__top::after,
  .ck-header-checkout__main-content__top::before {
      content: "";
      display: table;
      clear: both
  }

  .ck-header-checkout__main-content__bottom {
      text-align: center
  }

  .ck-header-checkout .ck-nav__mainmenu>ul>li {
      display: inline-block
  }

  .ck-header-checkout .ck-nav__mainmenu>ul>li>a {
      text-transform: uppercase;
      font-size: 12px;
      margin: 0 15px;
      line-height: 1.5;
      position: relative;
      overflow: hidden
  }

  .ck-header-checkout .ck-nav__mainmenu>ul>li>a::after {
      content: "";
      position: absolute;
      top: 140%;
      left: 0;
      width: 0;
      height: 3px;
      z-index: 3;
      background-color: #000;
      max-width: 100%
  }

  .ck-header-checkout .ck-nav__mainmenu>ul>li:hover>a::after {
      width: 100%
  }

  .ck-header-checkout .ck-nav__mainmenu>ul>li:hover .ck-submenu {
      visibility: visible;
      opacity: 1;
      top: 100% !important
  }

  @media screen and (max-width:1024px) {
      .ck-header-checkout .ck-container {
          width: 100%
      }
  }

  .orders .ck-nav__mainmenu>ul {
      margin: 0
  }

  .orders .ck-nav__mainmenu>ul a {
      text-decoration: none;
      color: #000
  }

  .orders .myorders .container {
      margin: auto !important
  }

  .orders .page-header {
      margin: 35px 0;
      border: none;
      padding: 0
  }

  .orders .page-header h1 {
      color: #000;
      font-weight: 700;
      line-height: 1;
      text-transform: uppercase;
      font-size: 24px;
      letter-spacing: 3.2px;
      margin: 15px 0
  }

  .orders nav[role=tabpanel] button {
      border-radius: 0;
      border: 1px solid #000;
      outline: 0;
      background-color: #fff;
      text-transform: uppercase;
      line-height: 1.2;
      font-weight: 600;
      font-size: 12px;
      letter-spacing: 1.2px;
      height: 40px;
      padding: 0 20px
  }

  .orders nav[role=tabpanel] button:first-child {
      border-right: 0
  }

  .orders nav[role=tabpanel] button:hover,
  .orders nav[role=tabpanel] button[aria-pressed=true] {
      background-color: #f4f4f4
  }

  .orders .center.bg-near-white {
      border-radius: 0;
      border: 1px solid #000;
      padding-left: 0;
      padding-right: 0;
      padding-top: 155px;
      margin-bottom: 45px
  }

  .orders .center.bg-near-white h1 {
      font-size: 32px;
      margin: 0;
      text-transform: uppercase
  }

  .orders .myo-order-card {
      border-radius: 0;
      border: 1px solid #000;
      margin: 30px 0 45px
  }

  .orders .myo-order-card .myo-order-header {
      border-bottom: 1px solid #000;
      padding: 15px 20px
  }

  .orders .myo-order-card .myo-order-header>div a {
      color: #000;
      font-weight: 600;
      line-height: 1.6;
      font-size: 12px
  }

  .orders .myo-order-card .myo-order-header>div>div {
      color: #000;
      line-height: 1.6;
      font-size: 12px;
      letter-spacing: 1.2px
  }

  .orders .myo-order-card .myo-order-header>div>div:last-child {
      font-weight: 600
  }

  .orders .myo-order-card .myo-order-header>div>div .bg-light-red {
      background-color: transparent;
      padding: 0
  }

  .orders .myo-order-card .myo-order-header>div>div .bg-light-red .white {
      color: #000;
      font-weight: 600;
      font-size: 12px
  }

  .orders .myo-order-card .myo-order-header+div {
      padding: 30px
  }

  .orders .myo-order-card .myo-order-header+div>div:last-child a {
      text-align: right;
      outline: 0;
      color: #000;
      font-weight: 600;
      display: block;
      padding: 0;
      line-height: 1;
      font-size: 12px;
      letter-spacing: 1.2px;
      margin-bottom: 15px
  }

  .orders .myo-order-card .myo-order-header+div>div:last-child a.myo-cancel-btn {
      padding: 15px;
      text-align: center
  }

  .orders .myo-order-card .myo-order-header+div>div:last-child a button,
  .orders .myo-order-card .myo-order-header+div>div:last-child a span {
      float: none;
      outline: 0
  }

  .orders .myo-order-card .myo-order-header+div .myo-order-product .w-20 {
      margin-right: 25px
  }

  .orders .myo-order-card .myo-order-header+div .myo-order-product .w-20 img {
      height: auto
  }

  .orders .myo-order-card .myo-order-header+div .myo-order-product .w-80 {
      padding: 0
  }

  .orders .myo-order-card .myo-order-header+div .myo-order-product .w-80 h4 {
      margin: 0
  }

  .orders .myo-order-card .myo-order-header+div .myo-order-product .w-80 h4 a {
      color: #000;
      text-decoration: none;
      font-weight: 600;
      line-height: 1;
      outline: 0;
      font-size: 12px;
      letter-spacing: 1.2px
  }

  .orders .myo-order-card .myo-order-header+div .myo-order-product .w-80 h4 a:hover {
      text-decoration: underline
  }

  .orders .myo-order-card .myo-order-header+div .myo-order-product .w-80 .ck-estimado {
      color: #000;
      line-height: 1.4;
      font-size: 12px;
      letter-spacing: 1.2px;
      margin-bottom: 25px
  }

  .orders .myo-order-card .myo-order-header+div .myo-order-product .w-80 .ck-estimado+span {
      color: #000;
      text-transform: uppercase;
      font-size: 12px;
      letter-spacing: 1.2px
  }

  .orders #my-orders-container>div .mb4.link.heavier-blue {
      color: #000;
      text-transform: uppercase;
      outline: 0;
      line-height: 1;
      font-size: 16px;
      letter-spacing: 1.2px;
      margin-bottom: 30px
  }

  .orders #my-orders-container>div .mb4.link.heavier-blue+div {
      padding: 0;
      margin: 5px 0
  }

  .orders #my-orders-container>div .mb4.link.heavier-blue+div h2 {
      text-transform: uppercase;
      color: #000;
      font-size: 22px;
      letter-spacing: 1.2px
  }

  .orders #my-orders-container>div .mb4.link.heavier-blue+div time {
      font-size: 12px
  }

  .orders #my-orders-container>div .mb4.link.heavier-blue+div time .bg-light-red {
      border-radius: 0;
      line-height: 1.4;
      padding: 10px;
      font-size: 12px;
      margin-left: 10px
  }

  .orders #my-orders-container>div .mb4.link.heavier-blue+div+div ul {
      margin-top: 15px
  }

  .orders #my-orders-container>div .mb4.link.heavier-blue+div+div ul li {
      margin-right: 0
  }

  .orders #my-orders-container>div .mb4.link.heavier-blue+div+div a {
      color: #000;
      text-transform: uppercase;
      font-size: 14px;
      letter-spacing: 1.2px
  }

  .orders #my-orders-container>div .mb4.link.heavier-blue~section.w-100.mb4 {
      margin: 25px 0
  }

  .orders #my-orders-container>div .mb4.link.heavier-blue~section.w-100.mb4>article>section {
      border-radius: 0;
      border: 1px solid #000;
      overflow: auto;
      height: 280px;
      padding: 20px
  }

  .orders #my-orders-container>div .mb4.link.heavier-blue~section.w-100.mb4>article>section>h3 {
      color: #000;
      font-size: 12px;
      letter-spacing: 2.5px;
      margin: 0 0 20px
  }

  .orders #my-orders-container>div .mb4.link.heavier-blue~section.w-100.mb4>article>section p,
  .orders #my-orders-container>div .mb4.link.heavier-blue~section.w-100.mb4>article>section span {
      line-height: 1.6;
      margin-bottom: 0;
      font-size: 12px
  }

  .orders #my-orders-container>div .mb4.link.heavier-blue~section.w-100.mb4>article>section div {
      line-height: 1.6;
      font-size: 12px
  }

  .orders #my-orders-container>div .mb4.link.heavier-blue~section.w-100.mb4+div {
      padding: 0;
      margin: 25px 0 45px
  }

  .orders #my-orders-container>div .mb4.link.heavier-blue~section.w-100.mb4+div h2 {
      color: #000;
      font-size: 20px
  }

  .orders #my-orders-container>div .mb4.link.heavier-blue~section.w-100.mb4+div .table th {
      text-transform: uppercase;
      border-bottom: 1px solid #ccc;
      font-size: 12px;
      letter-spacing: 1.2px;
      padding: 10px
  }

  .orders #my-orders-container>div .mb4.link.heavier-blue~section.w-100.mb4+div .table .myo-product-row>td {
      color: #000;
      line-height: 1.5;
      font-size: 14px;
      padding: 10px
  }

  .orders #my-orders-container>div .mb4.link.heavier-blue~section.w-100.mb4+div .table .myo-product-row>td:first-child>div p {
      line-height: 1.5;
      font-size: 12px
  }

  .orders #my-orders-container>div .mb4.link.heavier-blue~section.w-100.mb4+div .table .myo-product-row>td:first-child>div span {
      font-size: 12px
  }

  @media screen and (max-width:480px) {
      .orders nav[role=tabpanel] button {
          font-size: 10px;
          padding: 0 10px;
          width: 50%
      }
  }

  .msg_express {
      position: fixed;
      top: 50%;
      left: 50%;
      margin-top: -150px;
      margin-left: -150px;
      width: 300px;
      height: 300px;
      overflow: auto;
      background: #fff;
      padding: 15px 25px;
      border: 1px solid #c1c1c1;
      z-index: 9;
      -webkit-box-shadow: 0 0 26px 1px rgba(117, 117, 117, 1);
      -moz-box-shadow: 0 0 26px 1px rgba(117, 117, 117, 1);
      box-shadow: 0 0 26px 1px rgba(117, 117, 117, 1)
  }

  .msg_express .msg-close {
      font-size: 0;
      display: block;
      position: absolute;
      cursor: pointer;
      background-image: url(https://calvinklein.vteximg.com.br/arquivos/spritesheet.png);
      background-position: -196px -29px;
      width: 19px;
      height: 19px;
      top: 1vw;
      right: 1.5vw
  }

  .msg_express .msg_title {
      color: #000;
      font-weight: 700;
      text-transform: uppercase
  }

  .msg_express p {
      font-size: .7rem
  }

  .msg_overlay {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #000;
      opacity: .8;
      z-index: 8
  }

  @media screen and (max-width:980px) {
      .msg_express {
          margin-top: -150px;
          margin-left: -43%;
          width: 80%;
          height: 300px;
          padding: 10px
      }
  }

  @media screen and (min-width:1024px) {
      .msg_express {
          margin-top: -190px;
          margin-left: -490px;
          width: 950px;
          height: 345px;
          padding: 15px
      }
  }

  .bankInvoicePaymentGroup .payment-description {
      font-size: .9rem
  }

  .cart-links-bottom .btn-success,
  .cart-template.mini-cart .payment-confirmation-wrap #payment-data-submit {
      background: #42a262
  }

  .payment-confirmation-wrap {
      padding: 10px 0 0;
      position: static;
      float: left
  }

  @media(max-width:768px) {
      .cart .table td.product-name .add-service-container a {
          font-size: 0;
          padding: 10px 10px 10px 0
      }

      .cart .table td.product-name .add-service-container a:after {
          content: "Embalagem para Presente R$4,00";
          font-size: 12px
      }

      body .container h1.hide {
          font-size: 22px;
          text-align: center;
          margin-bottom: 25px
      }

      .cart .table td.item-remove .icon {
          margin-left: -10px;
          margin-top: -25px
      }

      .summary-template-holder .coupon-column #cart-link-coupon-add span:last-of-type:before {
          content: "cupom";
          font-size: 11px
      }

      .summary-template-holder .coupon-column #cart-link-coupon-add span:last-of-type {
          font-size: 0;
          margin-right: 0
      }

      .summary-template-holder .postal-code-for-sla {
          font-size: 15px;
          letter-spacing: 2.5px;
      }

      .coupon-fieldset .coupon-data {
          width: 180px;
          float: none;
          margin-left: auto
      }

      #cart-link-coupon-add {
          width: 150px;
          background: #000;
          letter-spacing: .5px;
          color: #fff
      }

      .shipping-sla-selector .shipping-sla-options a {
          letter-spacing: .5px;
          font-size: 11px
      }

      .cart-links-bottom .link-choose-more-products-wrapper {
          display: block;
          text-align: center;
          height: 40px;
          background: #000;
          line-height: 40px;
          font-size: 18px;
          margin-top: 25px
      }

      .full-cart .cart table tbody tr td.product-name .seller {
          display: none
      }

      .cart-links-bottom .link-choose-more-products-wrapper a {
          color: #fff;
          letter-spacing: 1px;
          text-decoration: none;
          text-transform: uppercase
      }

      .full-cart .cart-links-bottom .btn-success {
          margin-top: 25px;
          height: 40px;
          line-height: 40px
      }

      .cart-links-bottom .btn-success::after {
          content: "Finalizar Compra";
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          text-align: center;
          font-size: 18px
      }

      .cart .table td.product-name .add-service-container a::before {
          left: 10px
      }
  }

  :root {
      --border: #333;
      --truck: #333;
      --text: #333
  }

  #shipping-bar {
      display: inline-flex;
      width: 100%;
      align-items: center;
      justify-content: center;
      border-top: solid 1px var(--border);
      border-bottom: solid 1px var(--border);
      padding: 10px 0
  }

  .truck-icon {
      margin-right: 15px
  }

  .truck-icon svg {
      width: 55px;
      height: auto
  }

  .fil0 {
      fill: var(--truck)
  }

  .shipping-text p {
      margin: 0;
      color: var(--text);
      font-family: Arial, Helvetica, sans-serif;
      font-size: 13px !important
  }

  span.modal__close {
      display: none
  }

  a.btn.btn-mini.btn-default.dropdown-toggle.shipping-sla-button {
      opacity: 0;
  }

  .shipping-sla-selector .shipping-sla-options {
      display: contents;
  }

  .ck-header-checkout__inside-content {
      display: flex;
      align-items: center;
  }

  .ck-header-checkout__inside-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1280px;
    margin: 25px auto 20px;
  }

  .ck-header-checkout__inside-content .ck-header-checkout__main-content__top {
      margin-bottom: 0px;
  }

  .ck-header-checkout .ck-logo {
      max-width: 180px;
  }

  .ck-header-checkout__my-account {
      font-size: 11px;
      font-weight: 600;
  }

  .ck-header-checkout__main-content {
      padding: 0px 0px 25px;
  }

  .black-info-checkout {
      font-weight: 600;
      color: #fff;
      background: #000;
      align-items: center;
      justify-content: center;
      display: flex;
      font-size: 12px;
      padding: 5px;
      text-align: center;
  }

  .black-info-checkout p {
      margin: 0px;
  }

  .bottom-container li {
      display: flex;
      align-items: center;
      padding: 0px 25px 0px 0px;
  }

  .bottom-container li p {
      margin: 0px;
  }

  .ck-header-checkout .ck-nav__mainmenu>ul>li>a::after {
      height: 0px;
      width: 0px;
  }

  .ck-header-checkout .ck-nav__mainmenu>ul>li>a {
      font-size: 13px;
      font-weight: 600;
  }

  .my-account-ck-checkout {
      font-size: 13px
  }

  @media only screen and (max-width: 1023px) {
      .black-info-checkout {
          display: none;
      }

      .ck-header-checkout__main-content {
          padding: 25px 0px 25px;
      }

      .ck-header-checkout__inside-content {
          display: flex;
          align-items: center;
          margin-bottom: 20px;
          justify-content: center;
      }

      .ck-header-checkout__my-account {
          display: none;
      }

      .ck-header-checkout .ck-logo {
          max-width: unset;
      }

  }

.header-rewards-progress.minicart {
  padding: 0 24px 30px;
  border-bottom: 3px solid #c4c4c430;
}

.header-rewards-progress {
  padding: 0 1.5rem;
}

.header-rewards-progress--bar {
  position: relative;
  overflow: hidden;
  width: 100%;
  text-align: center;
  color: #6d6e70;
  text-transform: uppercase;
  background: #C4C4C4;
  min-height: 6px;
  -webkit-transition: .5s ease;
  -o-transition: .5s ease;
  transition: .5s ease;
  overflow: hidden;
}

.header-rewards-progress.nav-down {
  top: 16px;
}

.minicart .header-rewards-progress {
  position: relative;
}

.tipbar-comercial p,
.header-rewards-progress--text {
  margin: 0 auto 5px;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start!important;
  align-items: flex-start;
  position: relative;
  z-index: 3;
  text-align: left;
  font: normal normal normal 14px calvin-klein;
  letter-spacing: 0.48px;
  color: #000000;
  text-transform: uppercase;
}

.header-rewards-progress--text.minicart {
  flex-direction: column;
}

.header-rewards-progress--text.minicart.complete {
  color: #000!important;
}

.header-rewards-progress--text svg {
  margin-right: 10px;
}

.header-rewards-progress--text.blinking {
  -webkit-animation: blinking .8s ease-in-out;
  animation: blinking .8s ease-in-out;
  -webkit-animation-iteration-count: 3;
  animation-iteration-count: 3;
}

.header-rewards-progress--text.completed {
  color: #fff;
  font-weight: 700;
}

.header-rewards-progress--text.header-day__text {
  white-space: normal;
  position: absolute;
  -webkit-transition: .5s ease;
  -o-transition: .5s ease;
  transition: .5s ease;
}

.header-rewards-progress--text.header-day__is-visible {
  opacity: 1;
}

.header-rewards-progress--text.header-day__is-hidden {
  opacity: 0;
}

.tipbar-comercial p,
.header-rewards-progress--track {
  width: 100%;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  background: #C4C4C4;
  overflow: hidden;
  height: 6px;
}

.header-rewards-progress--track.header-day__bg .header-rewards-progress--text {
  color: #fff;
}

.header-rewards-progress--track.header-day__bg .header-rewards-progress--fill__bg {
  background: #cdb68d;
}

.header-rewards-progress--track.header-day__bg .header-rewards-progress--icons {
  display: none;
}

.header-rewards-progress--track.header-day__bg .header-rewards-progress--icons .free-shipping-icon svg path,
.header-rewards-progress--track.header-day__bg .header-rewards-progress--icons .gift-icon svg path {
  fill: #fff;
}

.header-rewards-progress--track.header-day__bg .header-rewards-progress--icons .free-shipping-icon.is-loading:after,
.header-rewards-progress--track.header-day__bg .header-rewards-progress--icons .gift-icon.is-loading:after {
  background: #fff;
}

.header-rewards-progress--icons {
  display: none !important;
}

.header-rewards-progress--fill {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
  z-index: 1;
}

.header-rewards-progress-step-inicio .header-rewards-progress--fill {
  background: #C4C4C4;
}

.header-rewards-progress-step-inicio .header-rewards-progress--fill__bg.minicart {
  background: #C4C4C4;
}

.header-rewards-progress-step-1 .header-rewards-progress--fill {
  background: rgba(54, 0, 144, 0.6)
}

.header-rewards-progress-step-1 .header-rewards-progress--fill__bg {
  background: #C4C4C4;
}

.header-rewards-progress-step-1 .header-rewards-progress--text {
  color: #fff
}

.header-rewards-progress-step-2 .header-rewards-progress--fill {
  background: #50674f
}

.header-rewards-progress-step-2 .header-rewards-progress--fill__bg {
  background: #789688
}

.header-rewards-progress-step-2 .header-rewards-progress--text {
  color: #fff
}

.header-rewards-progress-step-3 .header-rewards-progress--fill {
  background: #F7C966
}

.header-rewards-progress-step-3 .header-rewards-progress--fill__bg {
  background: #edb02c
}

.header-rewards-progress-step-3 .header-rewards-progress--text {
  color: #fff
}

.header-rewards-progress--text strong {
  padding: 0 5px
}

.header-rewards-progress--fill.animate:after {
  content: "";
  background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.125) 25%, transparent 0, transparent 50%, rgba(255, 255, 255, 0.125) 0, rgba(255, 255, 255, 0.125) 75%, transparent 0, transparent);
  background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.125) 25%, transparent 0, transparent 50%, rgba(255, 255, 255, 0.125) 0, rgba(255, 255, 255, 0.125) 75%, transparent 0, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.125) 25%, transparent 0, transparent 50%, rgba(255, 255, 255, 0.125) 0, rgba(255, 255, 255, 0.125) 75%, transparent 0, transparent);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 35px 35px;
  -webkit-animation: cssProgressActive 2s linear infinite;
  animation: cssProgressActive 2s linear infinite
}

.header-rewards-progress--fill.second-level-bg {
  background: #91f25f;
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #91f25f), color-stop(10%, #00c6ab), to(#00cfff));
  background: -webkit-linear-gradient(left, #91f25f 1%, #00c6ab 10%, #00cfff);
  background: -o-linear-gradient(left, #91f25f 1%, #00c6ab 10%, #00cfff);
  background: linear-gradient(90deg, #91f25f 1%, #00c6ab 10%, #00cfff);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#91f25f", endColorstr="#00cfff", GradientType=1)
}

.header-rewards-progress--fill.active {
  opacity: 1
}

.header-rewards-progress--fill__bg {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 2;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

.header-rewards-progress.stick {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}

.header-rewards-progress.unstick {
  -webkit-transform: translateY(-35px);
  -ms-transform: translateY(-35px);
  transform: translateY(-35px)
}

@-webkit-keyframes blinking {
  0% {
      opacity: 1
  }
  50% {
      opacity: .5
  }
  to {
      opacity: 1
  }
}

@keyframes blinking {
  0% {
      opacity: 1
  }
  50% {
      opacity: .5
  }
  to {
      opacity: 1
  }
}

@-webkit-keyframes cssProgressActive {
  0% {
      background-position: 0 0
  }
  to {
      background-position: 35px 35px
  }
}

@keyframes cssProgressActive {
  0% {
      background-position: 0 0
  }
  to {
      background-position: 35px 35px
  }
}

@media screen and (max-width: 1024px) {
  .header-rewards-progress--text {
    white-space: normal;
    padding: 0 15px;
  }
}

.vtex-flex-layout-0-x-flexRow--header-rewards .header-rewards-progress--text {
  display: none;
}

.vtex-flex-layout-0-x-flexRow--header-rewards .header-rewards-progress {
  padding: 0;
}

.header-rewards-progress--bar .header-rewards-progress--text {
  display: none;
}

.vtex-flex-layout-0-x-flexRow--header-rewards .header-rewards-progress--bar .header-rewards-progress--text {
  display: block;
  margin: 10px auto;
  mix-blend-mode: difference;
  filter: contrast(2) invert(1);
  color: #000;
}

.header-rewards-progress--container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.cart-template.full-cart .header-rewards-progress--container section {
  width: 350px !important;
}

.header-rewards-progress--container section {
  width: 80%;
}

.header-rewards-progress--value {
  font-size: 15px;
  padding-left: 27px;
  font-weight: bold;
  text-align: left;
  font: normal normal normal 14px 'Open Sans';
  letter-spacing: 0px;
  color: #000000;
  text-transform: uppercase;
  opacity: 1;
}

.header-rewards-progress--gift-value {
  position: relative;
}

.header-rewards-progress--gift-value p {
  position: absolute;
  left: -25%;
  text-align: left;
  font: normal normal normal 12px 'Open Sans';
  letter-spacing: 0px;
  color: #000000;
  text-transform: uppercase;
  opacity: 1;
}

.header-rewards-progress--icon-gift,
.header-rewards-progress--icon-truck {
  position: relative;
  z-index: 50;
}

.header-rewards-progress--icon-truck img {
  position: absolute;
  bottom: -8px;
  left: -29px;
  width: 30px;
}

.header-rewards-progress--icon-gift img {
  position: absolute;
  bottom: -5px;
  left: -3px;
  width: 21px;
  background-color: #fff;
}

.header-gift--active {
  opacity: 1;
}

.header-gift--disabled {
  opacity: 0.6;
}

#shipping-data .container-aviso-de-atencao {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: fit-content;
  height: 20px;
  gap: 12px;
  padding: 8px 16px;
  background: rgba(255, 168, 46, 0.05);
  border: 1px solid rgba(255, 168, 46, 0.15);
  border-radius: 4px;
  margin-bottom: 5px;
}
#shipping-data .container-aviso-de-atencao > span {
  color: #AD6808;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}
@media (max-width:500px) {
  #shipping-data .container-aviso-de-atencao {
      width: max-content;
      height: 16px;
  }
  #shipping-data .container-aviso-de-atencao > span {
      font-size: 11px;
  }
  #shipping-data .container-aviso-de-atencao > span > strong {
      font-size: 11px;
  }
}

/* Inicio - Estilo do novo footer-checkout-ck (by agencia m3) */
.ck-footer {
  box-sizing: border-box;
  background-color: #000;
  position: relative;
  bottom: -20px;
}
.ck-footer-desktop {
  display: block;
  padding: 25px 2px;
}
.ck-footer-mobile {
  display: none;
  padding: 25px 2px;
}
.ck-footer_section {
  max-width: 1350px;
  margin: 0 auto;
  box-sizing: border-box;
}
.ck-footer_section_logo {
  padding: 0 10px;
}
.ck-footer_link_logo {
  display: flex;
  width: fit-content;
  padding: 5px;
}
#ck-footer_logo_desktop {height: 21px;}
.ck-footer_section_menu {
  padding: 30px 20px 15px;
  display: flex;
}
.ck-footer_section_menu ul {
  list-style: none;
  margin: 0;
  min-height: 300px;
  border-top: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
}
.ck-footer_menu {
  width: 20%;
}
.ck-footer_menu-title {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  margin: 0;
  padding-left: 20px;
  padding-bottom: 10px;
}
.ck-footer_menu-list-item {
  max-width: 260px;
  padding: 10px 20px;
}
.ck-footer_menu-list-item-text {
  font-size: 11px;
  color: #fff;
  max-width: 260px;
  padding: 10px 20px;
  line-height: 1.5;
}
.ck-footer_menu-list-item a {
  font-size: 13px;
  color: #fff;
  text-decoration: none;
}
.ck-footer_menu-list-item a.under {
  text-decoration: underline;
}
.ck-footer_menu-list-item p {
  margin: 0;
  font-weight: 600;
}
.ck-footer_section_adicionais {
  padding: 20px 20px 0;
}
.ck-footer-desktop_social {
  list-style: none;
  margin: 0;
  display: flex;
  gap: 8px;
}
.ck-footer-desktop_social li a {
  display: flex;
  padding: 3px;
}
.ck-footer-mobile_section_adicionais {
  padding: 20px 25px 10px !important;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.ck-footer-mobile_payments {
  list-style: none;
  margin: 0;
  display: flex;
  gap: 8px;
}
.ck-footer-mobile_payments li {
  padding: 4px 1px;
}
.ck-footer-mobile_social {
  list-style: none;
  margin: 0;
  display: flex;
  gap: 8px;
}
.ck-footer-mobile_social li a {
  padding: 2px 4px;
  display: block;
}
.ck-footer-mobile_section_logo {
  padding: 0 20px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ck-footer-mobile_link_logo {
  display: flex;
  width: fit-content;
  padding: 5px;
}
.ck-footer-mobile_section {
  padding: 10px 25px 0;
}
.ck-footer-mobile_section_menu {
  padding-bottom: 40px;
}
.ck-footer-mobile_menu-title {
  margin: 20px 0 12px;
  padding-top: 10px;
  border-top: 0.5px solid #d1d1d1;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ck-footer-mobile_menu-title::after {
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 8px;
  height: 8px;
}
.ck-footer-mobile_menu-title.inactive::after {
  background-image: url(/arquivos/ver-mais-footer-menu.png);
}
.ck-footer-mobile_menu-title.active::after {
  background-image: url(/arquivos/ver-menos-footer-menu.png);
}
.ck-footer-mobile_menu-oculto.oculto {
  display: none;
}
.ck-footer-mobile_menu-oculto.ativo {
  display: block;
}
.ck-footer-mobile_menu-oculto-list {
  padding-left: 12px;
}
ul.ck-footer-mobile_menu-oculto-list {
  list-style: none;
  margin: 0;
}
.ck-footer-mobile_menu-oculto-item {
  margin: 5px 0;
  color: #fff;
  font-size: 12px;
}
.ck-footer-mobile_menu-oculto-item p {
  margin: 0;
}
.ck-footer-mobile_menu-oculto-item a {
  color: #fff;
  font-size: 13px;
}
.ck-footer_section_credits {
  margin-top: 30px;
  padding: 10px 20px;
}
.ck-footer_credits-list {
  list-style: none;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 12px;
  color: #fff;
  margin: 0;
}
.ck-footer_credits-list li {
  display: flex;
  flex-direction: column;
  align-items: flex-start
  ;width: 30%;
}
.ck-footer_credits-list li p {
  margin-bottom: 20px;
}
.ck-footer_credits-list li p span {
  display: block;
}
.ck-footer-mobile_section_credits {
  padding: 20px 25px 0;
}
.ck-footer-mobile_list-credits {
  list-style: none;
  font-size: 13px;
  color: #fff;
  display: flex;
  gap: 15px;
  flex-direction: column;
  margin: 0;
}
.ck-footer-mobile_list-credits li span {
  display: block;
  max-width: 288px;
}
@media (max-width: 1024px) {
  .ck-footer-desktop {
    display: none;
  }
  .ck-footer-mobile {
    display: block;
  }
}
/* Fim - Estilo do novo footer-checkout-ck (by agencia m3) */

/* Estilo campo entrega no cart */
@media (min-width: 1024px) { /* Apenas para desktop, pós inserir atributo multiple no select, pelo js. */
  .body-cart .srp-delivery-select-container {
    border: none;
  }
  .body-cart .srp-delivery-select-container .srp-delivery-current-many {
    display: none;
  }
  .body-cart .srp-delivery-select-container .srp-delivery-select {
    display: block;
    overflow: auto;
    background: transparent;
    padding: 4px;
    border-radius: 20px;
    border: none;
    opacity: 1 !important;
    margin-top: 0;
    height: auto !important;
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content;
    min-height: 255px;
    padding-right: 6px;

    -webkit-appearance: initial !important;
    -moz-appearance: initial !important;
    appearance: initial !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
    position: initial;
    outline: none;
  }
  .body-cart .srp-delivery-select-container .srp-delivery-select::-webkit-scrollbar {
    width: 6px;
  }
  .body-cart .srp-delivery-select-container .srp-delivery-select::-webkit-scrollbar-track {
    background: transparent;
  }
  .body-cart .srp-delivery-select-container .srp-delivery-select::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.7);
    border-radius: 20px;
  }
  .body-cart .srp-delivery-select-container .srp-delivery-select optgroup {
    border: 1px solid #bfbfbf;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 6px 16px;
    background: #fff;
    padding-left: 32px;
    margin-bottom: 8px;
    overflow: hidden;
    font-family: Klein-55-Regular, arial, sans-serif;
  }
  .body-cart .srp-delivery-select-container .srp-delivery-select optgroup option:checked {
    background: transparent;
  }
  .body-cart .srp-delivery-select-container .srp-delivery-select optgroup option {
    padding-top: 2px;
    text-indent: -14px;
    font-size: 14px;
    font-family: Klein-55-Regular, arial, sans-serif;
    color: #373737;
  }
  .body-cart .srp-delivery-select-container .srp-delivery-select optgroup option:checked::before {
    content: "";
    background: url("/arquivos/checked-option-checkout-ck.png");
    background-repeat: no-repeat;
    border: 0;
    border-radius: 0;
    width: 16px;
    height: 16px;
    display: inline-block;
    filter: invert(47%) sepia(63%) saturate(2774%) hue-rotate(194deg) brightness(95%) contrast(91%);
  }
  .body-cart .srp-delivery-select-container .srp-delivery-select optgroup option::before {
    content: "";
    border: 1.5px solid #bfbfbf;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    position: relative;
    top: -18px;
    left: -25px;
    display: inline-block;
  }
}
/* Fim do estilo campo entrega no cart */

/* Inicio bannres checkout */
.ck-header-checkout__main-content.banners-checkout {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ck-header-checkout__main-content.banners-checkout > img[alt="banner-desktop"] {
  display: flex;
}
.ck-header-checkout__main-content.banners-checkout > img[alt="banner-mobile"] {
  display: none;
}
@media(max-width: 1024px) {
  .ck-header-checkout__main-content.banners-checkout {
    padding: 0 0 25px;
  }
  .ck-header-checkout__main-content.banners-checkout > img[alt="banner-desktop"] {
    display: none;
  }
  .ck-header-checkout__main-content.banners-checkout > img[alt="banner-mobile"] {
    display: flex;
  }
}
/* Fim bannres checkout */