.trigger-pop-up a {
    text-align: right;
    display: flex;
    align-items: center;
    cursor: pointer;
}

img.ico {
    max-width: 35px;
    height: auto;
    padding-right: 5px;
}

.trigger-pop-up a svg{padding-right:5px;}

    .pop-up-modal.modal:before {
      background-color: #050B34;
      opacity: 0.75;
      animation: none;
    }

    .pop-up-modal th {
      background: #47525d;
      color: white;
      border-color: #4957a8;
      font-size: 14px;
    }

    .sizechart.modal {
      display: none;
      bottom: 0;
      left: 0;
      opacity: 1;
      overflow: hidden;
      position: fixed;
      right: 0;
      top: 0;
      z-index: 30;
      color: #fff;
      align-items: center;
    background: rgb(0 0 0 / 0%);
    
      justify-content: center;
    }


.sizechart.modal--square .modal__inner {

    border: 1px solid black;
}


        .sizechart.modal.modal--quick-shop {
      align-items: flex-start;
    }

        .sizechart.modal a,
        .sizechart.modal a:hover {
      color: inherit;
    }

        .sizechart.modal .btn:not([disabled]):not(.btn--secondary):not(.btn--body),
        .sizechart.modal .btn:not([disabled]):not(.btn--secondary):not(.btn--body):hover {
      color: #fff;
    }

        .sizechart.modal-open .modal .modal__inner {
      animation: modal-open 0.5s forwards;
    }

        .sizechart.modal-open .modal:before {
      content: "";
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;

      background-color: #e6e6e6;
      animation:overlay-on 0.5s forwards;
      cursor:pointer;
    }

.sizechart .modal__close {
    top: 5px;
    right: 5px;
}


        .sizechart.modal-closing .modal .modal__inner {
      animation: modal-closing 0.5s forwards;
    }

        .sizechart.modal-closing .modal:before {
      content: "";
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #e6e6e6;
      animation:overlay-off 0.5s forwards;
    }

    .modal-open--solid .modal:before {
      background-color: #e6e6e6;
    }

    .modal-open .modal--solid:before {
      background-color: #000;
      animation: full-overlay-on 0.5s forwards;
    }

    .modal-closing .modal--solid:before {
      background-color: #000;
      animation: full-overlay-off 0.5s forwards;
    }

    .modal--is-closing {
      display: flex !important;
      overflow: hidden;
    }

    .modal--is-active {
      display: flex !important;
      overflow: hidden;
    }

    @media only screen and (min-width:769px) {
      .modal-open {
        overflow: hidden;
      }



    }

    .modal__inner {
      transform-style: preserve-3d;
      flex: 0 1 auto;
      max-width: calc(100% - 15px);
      display: flex;
      align-items: center
    }

    @media only screen and (min-width:769px) {

      .modal__inner {
        margin: 40px;
        max-width: calc(100% - 80px)
      }
    }

    .modal--square .modal__inner {
      background-color: #fff;
      color: #000
    }

    .modal__inner img {
      display: block;
    height: auto;
        }

    .modal__inner .image-wrap img {
      max-height: none;
    }

    .modal__centered {
      position: relative;
      flex: 0 1 auto;
      min-width: 1px;
      max-width: 100%;
    }

        .sizechart.modal--square .modal__centered-content {
      max-height: 80vh;
      padding: 22.5px;
      min-width: 200px;
      min-height: 200px;
      overflow: auto;
      -webkit-overflow-scrolling: touch
    }

    @media only screen and (min-width:769px) {

    .sizechart.modal--square .modal__centered-content {
        padding: 45px;
        max-height: 60vh;
        max-width: 1200px
      }
    }

    .modal__close {
      border: 0;
      padding: 0px;
      position: fixed;
      top: 0;
      right: 0;
      color: #fff
    }

    @media only screen and (min-width:769px) {

      .modal__close {
        padding: 30px
      }
    }

    .modal__close .icon {
      width: 28px;
      height: 28px;
    }

    .modal__close:focus,
    .modal__close:hover {
      color: #4957a8;
    }

    .modal--square .modal__close {
      position: absolute;
      color: #000;
      padding:0px;
    }

 


    .modal--square .modal__close:focus,
    .modal--square .modal__close:hover {
      color: #4957a8;
    }

    .modal .page-content,
    .modal .page-width {
      padding: 0;
    }

    .popup-cta {
      margin-bottom: 15px;
    }

    @media only screen and (max-width:768px) {
      .modal--mobile-friendly {
        top: auto;
        bottom: 0;
        overflow: auto
      }

                  .sizechart .modal__close {
                      top: 0;
                      right: 0;
                  }

          .sizechart .modal--mobile-friendly.modal--square .modal__centered-content {
        padding: 20px 20px 0;
      }

      .modal--mobile-friendly.modal--is-active {
        overflow: auto;
      }

      .modal-open .modal--mobile-friendly:before {
        display: none;
      }

          .sizechart.modal--mobile-friendly .modal__inner {
        margin: 0;
        border: 2px solid;
        border-color: #000;
      }

      .modal--mobile-friendly .h1 {
        padding-right: 25px;
      }

      .modal--mobile-friendly input {
        font-size: 16px !important;
      }

      .modal--mobile-friendly .text-close {
        display: none;
      }
    }