/* Trade Account Login Form */


.c-modal,
.trade-modal-container {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 999999;
    justify-content: center;
    align-items: center;
display: none;
}

.c-modal .inner-wrap, 
.trade-modal-container .inner-wrap {
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.c-modal-desc > p {
  font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
    color: #fff;
    font-size: 12px !important;
    font-weight: 500;
    letter-spacing: 1.68px;
    text-transform: uppercase;
}

.c-method-details {
  display: block !important;
  padding-top: 0 !important;
}

.quantity-deduct,
.quantity-add {
  border: none;
  background: transparent;
  color: #fff;
  width: 10px;
  height: 10px;
}

.quantity-deduct {
  background: url('../img/cart-minus-icon.svg') no-repeat !important;
  background-position: center center !important;
  margin-right: 10px;
}

.quantity-add {
  background: url('../img/cart-plus-icon.svg') no-repeat !important; 
  background-position: center center !important;
  margin-left: 10px;
}

#minicart .item input { width: 25px; }

#product-detail .add-to-cart:hover {
  color: #fff;
  background-color: #000;
}

body.cart-updating,
.cart-updating .quantity-deduct:hover,
.cart-updating .quantity-add:hover{
  cursor: wait !important;
}


.forgot-password .trade-account-regster-form form .element.half {
  display: block;
}

.forgot-password .trade-account-regster-form form .element.half .input:last-child {
  padding-left: 0;
}

.forgot-password .trade-account-regster-form form .element.half > p {
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
    font-size: 10px;
    letter-spacing: 1.68px;
    text-transform: uppercase;
    margin: 36px 0;
}

.forgot-password .trade-account-regster-form > h2 {
  font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  letter-spacing: 1.68px;
  font-weight: 400;
  text-transform: uppercase;
}

.forgot-password .trade-account-regster-form > p {
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  letter-spacing: 1.68px;
  font-weight: 400;
  text-transform: uppercase;
  
}

.loginRegister a {
  font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  letter-spacing: 1.68px;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
}

@media (max-width: 767px) {
    .c-modal .inner-wrap
    .trade-modal-container .inner-wrap {
        display: block;
        padding: 0;
    }
}

.c-modal .c-modal-body,
.trade-modal-container .trade-modal-body {
    position: relative;
    z-index: 2;
}

.c-modal .backdrop,
.trade-modal-container .backdrop {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    background: transparent;
}

.c-modal .backdrop:hover,
.trade-modal-container .backdrop:hover {
    cursor: pointer;
}

.c-modal *,
.trade-modal-container * { box-sizing: border-box; }

.c-modal > div > div,
.trade-modal-container > div > div {
    width: 400px;
    height: 381px;
    background: #000000;
    color: #ffffff;
    padding: 25px;
}

.c-modal > div > div {
  width: 500px;
  height: auto;
}

@media (max-width: 767px) {
    .c-modal > div > div,
    .trade-modal-container > div > div {
        width: 100%;
        padding: 52px 15px 50px 15px;
        height: auto;
    }
}

.c-modal .c-modal-header,
.trade-modal-body h4 {
    font-family: "Gotham Narrow",sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1.68px;
    margin: 0 0 17px;
}

.trade-modal-body form .input {
    font-family: "Gotham Narrow",sans-serif;
    display: flex;
    flex-direction: column;

}

.trade-modal-body form .input + .input {
    margin-top: 40px;
}

.trade-modal-body form .input > label {
    font-family: "Gotham Narrow",sans-serif;
    font-size: 12px;
    letter-spacing: 1.68px;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.trade-modal-body form .input > input {
    font-family: "Gotham Narrow",sans-serif;
    font-size: 12px;
    color: #fff;
    letter-spacing: 1.68px;
    width: 100%;
    background: none;
    background-color: none;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #ffffff;
    padding: 10px 0;
    outline: 0;
}

.trade-modal-body form .input > input[type="password"] {
    color: #fff;
}

.trade-modal-body form .cta-wrapper > p {
    text-align: right;
    margin: 5px 0 22px 0;
}

.trade-modal-body form .cta-wrapper > p a {
    font-family: "Gotham Narrow",sans-serif;
    font-size: 12px;
    letter-spacing: 1.68px;
    text-transform: uppercase;
    text-decoration: none;
    color: #7A7A7A;
}

.trade-modal-body form .cta-wrapper > div > a,
.trade-modal-body form .cta-wrapper > div > button {
    font-family: "Gotham Narrow",sans-serif;
    font-size: 12px;
    letter-spacing: 1.68px;
    text-transform: uppercase;
    background: transparent;
    border: 1px solid #ffffff;
    color: #ffffff;
    padding: 3px 10px;
    text-decoration: none;
}

.trade-modal-body form .cta-wrapper > div > button:first-child {
   margin-bottom: 25px;
}

.c-cart-error + .c-cart-error { display: none !important; }

.c-cart-error {
  font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
    font-size: 12px;
    font-weight: 500;
  background-color: #C41A42 !important;
  border: none !important;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1.68px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  padding: 18px 10px !important;
  margin: 0;
}


.c-cart-message {
  font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #000;
  background-color: #fff !important;
  border: 1px solid #000 !important;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1.68px;
  padding: 10px 10px !important;
  margin: 0;
  border-radius: 0 !important;
}

@media (max-width: 767px) {

    .trade-modal-container {
        /* display: block; */
        top: 48px;
    }

    .trade-modal-container > div {
        width: 100%;
        padding: 15px;
    }

    .trade-modal-body h4 {
        font-size: 18px;
        text-align: left;
        margin-bottom: 47px;
    }
}

/* Trade Account Registration Form */
.trade-account-regster-form{
    padding: 150px 45px 100px 45px;
    background: #000000;
    min-height: 100vh;
    color: #fff;
}

.ta-registration-confirmation {
    padding: 150px 45px 100px 45px;
    background: #000;
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
    display: block;
    color: #fff;
    height: 100vh;
    margin: 0;
}

@media (max-width: 767px) {
    .ta-registration-confirmation {
        padding: 100px 15px 0;
    }
}

.ta-registration-confirmation h3 {
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
    font-size: 25px;
    font-weight: 400;
    letter-spacing: 2.65px;
    text-transform: uppercase;
    margin: 0 0 39px;
}

@media (max-width: 767px) {
    .ta-registration-confirmation h3 {
        font-size: 18px;
    }
}

.ta-registration-confirmation p {
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
   font-size: 12px;
    letter-spacing: 1.68px;
    max-width: 620px;
}

@media (max-width: 767px) {
    .ta-registration-confirmation p {
        max-width: 400px;
    }
}


.trade-account-regster-form > h3 {
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
    font-size: 23px;
    font-weight: 400;
    letter-spacing: 2.65px;
    margin: 0 0 40px;
}


.trade-account-regster-form form .element {
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
    max-width: 620px;
}

.trade-account-regster-form form .element.fw {
    display: block;
}

.trade-account-regster-form form .element + .element {
    margin-top: 47px;
}

.trade-account-regster-form form .element + .element.if-other {
  margin-top: 8px;
}

.trade-account-regster-form form .element.if-other {
  display: none;
}

.trade-account-regster-form form .element .input input {
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
    font-size: 12px;
    letter-spacing: 1.68px;
    border: none;
    color: #7A7A7A;
    background: transparent;
    border-bottom: 1px solid #ffffff;
    display: inline-block;
    padding: 10px 0;
}

.trade-account-regster-form form .element * {
    border-box: box-sizing;
}

.trade-account-regster-form form .element.group .input {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;

}

.trade-account-regster-form form .element h4,
.trade-account-regster-form form > p,
.trade-account-regster-form form .element .input input,
.trade-account-regster-form form .element label {
   font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
   font-size: 12px;
    letter-spacing: 1.68px;
   /* text-transform: uppercase; */
}

.trade-account-regster-form form .element.fw h4 {
    margin-bottom: 20px;
}

.trade-account-regster-form form > p {
    margin: 47px  0 19px 0;
}

.trade-account-regster-form form .element.half {
    display: flex;
    width: 100%;
}

.trade-account-regster-form form .element.half + .element.half {
    margin-top: 15px;
}

@media (max-width: 767px) {
    .trade-account-regster-form form .element.half + .element.half {
        margin-top: 28px;
    }
}

.trade-account-regster-form form .element.half .input {
    display: flex;
    flex-direction: column;
    width: 50%;

}

.trade-account-regster-form form .element.half .input > input {
    display: block;
    width: 100%;

}


.trade-account-regster-form form .element.group .input {
    margin: 0 -10px;
}

.trade-account-regster-form form .element.group .input input:nth-child(3),
.trade-account-regster-form form .element.group .input input:nth-child(4) {
    margin-top: 15px;
}


.trade-account-regster-form form .element label {
    margin-bottom: 9px;
    display: block;
}

.trade-account-regster-form form .element.half .input label,
.trade-account-regster-form form .element.group .input input{
    width: 46.5%;
    display:inline-block;
    margin: 0 10px;
    outline: 0;
}

.trade-account-regster-form form .element.half .input:first-child {
    padding-right: 10px;
}

.trade-account-regster-form form .element.half .input:last-child {
    padding-left: 10px;
}


.trade-account-regster-form form .element.half .input label {
    margin: 0;
    margin-bottom: 9px;
}

/* .trade-account-regster-form form .element.half {
    margin-left: -10px;
    margin-right: -10px;
}
 */


.trade-account-regster-form form .element.fw {
    width: 100%;
}

.trade-account-regster-form form .element.fw .input input,
.trade-account-regster-form form .element.half .input input {
    width: 100%;
    outline: 0;
}

.trade-account-regster-form form .element.file label {
    display: none;
}

.trade-account-regster-form form .element.file input {
    position: relative;
    border: none;
    width: 120px;
    background: none;
    padding: 0;
    height: 23px;
}

.trade-account-regster-form form .element.file input:after {
    content: "Choose File";
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
    font-size: 12px;
    letter-spacing: 1.68px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    bordeR: 1px solid #ffffff;
    width: 100%;
    height: 100%;
    background: #000000;
    padding: 3px 10px;
    transition: all .3s ease-in-out;
}

.trade-account-regster-form form .element.file input:hover:after {
    color: #000;
    background: #fff;
    cursor: pointer;
}

.trade-account-regster-form form .element.radio .input {
    display: flex;
    align-items: center;
    margin-bottom: 3px;
}

.trade-account-regster-form form .element.radio .input.if-other {
    margin-top: 7px;
}

.trade-account-regster-form form .element.radio .input label {
    padding: 0 0 0 10px;
    color: #7A7A7A;
    margin-bottom: 0;
}

.trade-account-regster-form form .element.radio .input input{
    position: relative;
}

.trade-account-regster-form form .element.radio .input input:hover,
.trade-account-regster-form form .element.radio .input label:hover {
    cursor: pointer;
}


.trade-account-regster-form form .element.radio .input input:after {
    content: " ";
    width: 18px;
    height: 18px;
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0px;
    margin: auto;
    background: #000000;
    z-index: 0;
}

.trade-account-regster-form form .element.radio .input input:before {
    content: " ";
    width: 12px;
    height: 12px;
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0px;
    margin: auto;
    background: #000000;
    border-radius: 100%;
    border: 1px solid #7A7A7A;
    z-index: 1;
}

.trade-account-regster-form form .element.radio .input input:checked:before {
    border-color: #fff;
    background: #fff;
}

.trade-account-regster-form form .element.radio .input input:checked + label {
    color: #ffffff;
}

.trade-account-regster-form form .element.radio .input.if-other input {
    width: 100%;
}

.trade-account-regster-form form .element.fw textarea {
     font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
     font-size: 12px;
     letter-spacing: 1.68px;
     border: none;
     padding: 10px;
     width: 100%;
     height: 160px;
     display: block;
     outline: 0;
     text-transform: uppercase;
}

.trade-account-regster-form form > div.cta-wrap {
  font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
     font-size: 12px;
     letter-spacing: 1.68px;
  display: flex;
  gap: 15px;
  margin-top: 44px;
}

.trade-account-regster-form form > button  {
  margin-top: 44px;
}

.trade-account-regster-form form > div > a span {
  position: relative;
  top: 1px;
}

.trade-account-regster-form form > button ,
.trade-account-regster-form form > div > a,
.trade-account-regster-form form > div button {
     font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
     font-size: 12px;
     letter-spacing: 1.68px;
     text-transform: uppercase;
     border: none;
     background: #000;
     color: #fff;
     border-radius: 0;
     border: 1px solid #fff;
     padding: 3px 10px;
     text-decoration: none;
     transition: all .3s ease-in-out;
}

.trade-account-regster-form form > div > a:hover,
.trade-account-regster-form form > button:hover,
.trade-account-regster-form form > div button:hover,
.trade-account-regster-form form > div > button:hover {
    border-color: #fff;
    background: #fff;
    color: #000;
}

.trade-account-regster-form form > div > a {
  color: #fff;
}

.error-message {
    position: fixed;
    background: #C41A42;
    top: 0;
    width: 100%;
    z-index: 9999;
    text-align: center;
    padding: 18px 10px;
}


#email-error,
.error-message .error,
.error-message p {
    font-family: "Gotham Narrow",sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1.68px;
    color: #fff;
    margin: 0;
}

#email-error {
  font-size: 12px;
  color: #C41A42;
  display: inline-block;
  margin-top: 10px;
}

textarea.error {
  border: 3px solid #C41A42 !important;
}

.message-red {
  font-family: "Gotham Narrow",sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
  color: #C41A42;
}

.trade-account-regster-form form .element .input .error {
    border-color: #C41A42;
}

.trade-account-regster-form  span.error {
  display: none !important;
}

@media (max-width: 767px) {
    .trade-account-regster-form {
        padding: 98px 15px;
    }

    .trade-account-regster-form > h3 {
        font-size: 18px;
    }
    
    .trade-account-regster-form form .element.half .input,
    .trade-account-regster-form form .element.half .input label, .trade-account-regster-form form .element.group .input input {
        width: 100%;
    }

    .trade-account-regster-form form .element.half .input + .input ,
    .trade-account-regster-form form .element.group .input input + input {
        margin-top: 25px ;
    }

    .trade-account-regster-form form .element.half {
        display: block;
    }

    .trade-account-regster-form form .element.half .input:first-child {
        padding-right: 0;
    }

     .trade-account-regster-form form .element.half .input:last-child {
        padding-left: 0;
        margin-top: 31px;
    }

    .trade-account-regster-form form .element.group .input input:nth-child(3),
    .trade-account-regster-form form .element.group .input input:nth-child(4) {
        margin-top: 30px;
    }

}

/* Checkout */
.ws-checkout{
    padding: 150px 45px 100px 45px;
    background: #ffff;
    min-height: 100vh;
    color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin:0 -25px;
}

.ws-checkout.complete {
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
    display: block;
    color: #000;
    margin: 0;
    max-width: 620px;
}

.ws-checkout.complete h3 {
    font-weight: 400;
    font-size: 25px;
    letter-spacing: 2.65px;
}

.ws-checkout.complete p {
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
   font-size: 12px;
    letter-spacing: 1.68px;
}

.ws-checkout .w-half {
    width: 50%;
    padding: 0 25px;
}

.ws-checkout .w-half h3 {
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
    font-size: 23px;
    font-weight: 400;
    letter-spacing: 2.65px;
    margin: 0;
    color: #000;
    text-transform: uppercase;
    margin: 0 0 50px;
}

.ws-checkout .w-half h3 ~ h3 {
    margin: 75px 0 40px;
}


.ws-checkout form .element {
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
/*     max-width: 620px; */
}

.ws-checkout form .element.fw {
    display: block;
}

.ws-checkout form .element.fw.notes { margin-top: 44px; }

.ws-checkout form .element + .element {
    margin-top: 48px;
}

.ws-checkout form .c-checkout-shipping-address .element.group {
  margin-top: 38px;
}


.ws-checkout form .element .input input {
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
    font-size: 12px;
    letter-spacing: 1.68px;
    border: none;
    color: #7A7A7A;
    background: transparent;
    border-bottom: 1px solid #000;
    display: inline-block;
    padding: 10px 0;
}

.ws-checkout form .element * {
    border-box: box-sizing;
}

.ws-checkout form .element.group .input {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
}

.ws-checkout form .element  select {
    border: none;
    border-bottom: 1px solid #000;

}


.ws-checkout form .element h4,
.ws-checkout form > p,
.ws-checkout form .element .input input,
.ws-checkout form .element label {
   font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
   font-size: 12px;
   font-weight: 500;
   letter-spacing: 1.68px;
   /* text-transform: uppercase; */
   color: #000;
}

.ws-checkout form .element label {
  text-transform: uppercase;
}


.ws-checkout form .element.radio h4 {
        font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
    font-size: 23px;
    letter-spacing: 2.65px;
    color: #000;
    text-transform: uppercase;
}

.ws-checkout form > p {
    margin: 60px  0 35px 0;
}

.ws-checkout form .element.half {
    display: flex;
    width: 100%;
}

.ws-checkout form .element.half .input {
    display: flex;
    flex-direction: column;
    width: 50%;

}

.ws-checkout form .element.half .input > input {
    display: block;
    width: 100%;

}


.ws-checkout form .element.group .input {
    margin: 0 -10px;
}

.ws-checkout form .element.group .input input:nth-child(3),
.ws-checkout form .element.group .input input:nth-child(4),
.ws-checkout form .element.group .input select {
    margin-top: 13px !important;
}

.ws-checkout form .element.group .input select {
  font-weight: 500;
  padding: 0 !important;
  height: auto;
  -webkit-appearance: auto;
}

.ws-checkout form .element.group .input select option { padding: 0; }

.ws-checkout form .element.group .input select  {
  text-transform: capitalize !important;
}


.ws-checkout form .element label {
    margin-bottom: 8px;
    display: block;
    color: #000;
}

.ws-checkout form .element.half .input label,
.ws-checkout form .element.group .input input,
.ws-checkout form .element.group .input select {
    width: 46%;
    display:inline-block;
    margin: 0 10px;
    outline: 0;
}

@media (max-width: 1100px) {
    .ws-checkout form .element.half .input label,
    .ws-checkout form .element.group .input input,
    .ws-checkout form .element.group .input select {
        width: 44%;
    }
}

.ws-checkout form .element.group .input .el-fw {
    width: 100%;
    margin-bottom: 25px;
}

.ws-checkout form .element.group .input .el-onethird {
    width: 30%;
}


.ws-checkout form .element.group .input .el-onethird.cn-month {
    margin-left: 8px;
    /* margin-right: 10px; */
}

.ws-checkout form .element.group .input .el-onethird.cn-cvv {
    margin-right: 10px;
    margin-top: 0;
}

@media (max-width: 767px) {
    .ws-checkout form .element.group .input .el-onethird {
        width: 100%;
        margin-right: 10px;
        margin-left: 8px;
    }

    .ws-checkout form .element.group .input .el-onethird.cn-month {
        margin-top: 20px;
    }
    .ws-checkout form .element.group .input .el-onethird.cn-year,
    .ws-checkout form .element.group .input .el-onethird.cn-cvv {
        margin-top: 40px;
    }
}


.ws-checkout form .element.group .input select {
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
    font-size: 12px;
    letter-spacing: 1.68px;
    text-transform: uppercase;
    border: none;
    border-bottom: 1px solid #000;
    padding: 0;
    /* height: 35px; */
}

.ws-checkout form .element.half .input:first-child {
    padding-right: 10px;
}

.ws-checkout form .element.half .input:last-child {
    padding-left: 10px;
}


.ws-checkout form .element.half .input label {
    margin: 0;
}

/* .ws-checkout form .element.half {
    margin-left: -10px;
    margin-right: -10px;
}
 */


.ws-checkout form .element.fw {
    width: 100%;
}

.ws-checkout form .element select,
.ws-checkout form .element textarea,
.ws-checkout form .element.fw .input input,
.ws-checkout form .element.half .input input {
    width: 100%;
    border-radius: 0;
}

.ws-checkout form .element.file label {
    display: none;
}

.ws-checkout form .element.file input {
    position: relative;
    border: none;
    width: 112px;
    background: none;
    padding: 0;
}

.ws-checkout form .element.file input:after {
    content: "Choose File";
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
    font-size: 12px;
    letter-spacing: 1.68px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #ffffff;
    width: 100%;
    height: 100%;
    background: #000000;
    padding: 3px 10px;
}

.ws-checkout form .element.radio .input {
    display: flex;
    margin-bottom: 5px;
    align-items: center;
    position: relative;
}

.ws-checkout form .element.radio .input label {
    padding: 0 0 0 10px;
    /* color: #7A7A7A; */
    margin-bottom: 0;
}

.ws-checkout form .element.radio .input input{
    position: relative;
    top: 0 !important;
}

.ws-checkout form .element.radio .input input:hover,
.ws-checkout form .element.radio .input label:hover {
    cursor: pointer;   
}



.ws-checkout form .element.radio .input input:after {
    content: " ";
    width: 18px;
    height: 18px;
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0px;
    margin: auto;
    background: #ffff;
    z-index: 0;
}

.ws-checkout form .element.radio .input input:before {
    content: " ";
    width: 12px;
    height: 12px;
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0px;
    margin: auto;
    background: #fff;
    border-radius: 100%;
    border: 1px solid #000;
    z-index: 1;
}

.ws-checkout form .element.radio .input input:checked:before {
    background: #000;
    
}

.ws-checkout form .element.radio .input input:checked + label {
    color: #000;
}

.ws-checkout form .element.radio .input.if-other input {
    width: 100%;
}

.ws-checkout form .element.fw textarea {
     font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
     font-size: 12px;
     letter-spacing: 1.68px;
     border: none;
     padding: 10px;
     width: 100%;
     height: 160px;
     display: block;
     border: 1px solid #000;
     outline: 0;
}

.update-cart-btn,
.ws-checkout form > button,
 a.create-quote {
     font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
     font-size: 12px;
     letter-spacing: 1.68px;
     text-transform: uppercase;
     border: none;
     background: white;
     color: 000fff;
     border-radius: 0;
     border: 1px solid #000;
     padding: 3px 10px;
     margin-top: 49px;
     transition: all .3s ease-in-out;
     color: #000;
}

.update-cart-btn:hover,
.ws-checkout form > button:focus,
.ws-checkout form > button:active,
.ws-checkout form > button:hover,
.ws-checkout  a.create-quote:focus,
.ws-checkout  a.create-quote:active,
.ws-checkout  a.create-quote:hover{
    border-color: white;
    background: #000;
    color: #fff;
}

.ws-checkout form > a.create-quote {
    margin-left: 20px;
}

.error-message {
    position: fixed;
    background: #C41A42;
    top: 0;
    width: 100%;
    z-index: 9999;
    text-align: center;
    display: none;
    padding: 18px 10px;
}

.error-message p {
    font-family: "Gotham Narrow",sans-serif;
    font-size: 16px;
    letter-spacing: 1.68px;
    color: #fff;
    margin: 0;
}

.ws-checkout form .element .input input.error {
    border-color: #C41A42;
}

.ws-checkout .new-address {
    margin: 50px 0 80px; 
}

.ws-checkout .new-address.hide {
    display: none;
}

.ws-checkout .new-address.hide + .notes {
    margin-top: 44px;
}

@media (max-width: 767px) {
    .ws-checkout {
        padding: 72px 15px;
    }

    .ws-checkout > h3 {
        font-size: 18px;
    }
    
    .ws-checkout form .element.half .input,
    .ws-checkout form .element.half .input label, .ws-checkout form .element.group .input input,
    .ws-checkout form .element.group .input select {
        width: 100%;
    }
    
    .ws-checkout form .element.group .input input:nth-child(3), .ws-checkout form .element.group .input input:nth-child(4),
    .ws-checkout form .element.half .input + .input ,
    .ws-checkout form .element.group .input input + input,
    .ws-checkout form .element.group .input select {
        margin-top: 38px !important;
    }

    

    .ws-checkout form .element.half {
        display: block;
    }

    .ws-checkout form .element.half .input:first-child {
        padding-right: 0;
    }

     .ws-checkout form .element.half .input:last-child {
        padding-left: 0;
        margin-top: 50px;
    }
}

.cart-items {
    color: #000;
    margin-bottom: 50px;
}



.cart-items > div:first-child {
      font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
      font-size: 12px;
      font-weight: 500;
      letter-spacing: 1.68px;
      text-transform: uppercase;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      margin-bottom: 25px
}

.cart-items > div:first-child > span:nth-child(1) {
    width: 55%;
}

.cart-items > div:first-child > span:nth-child(2) {
    width: 25%;
    display: flex;
    justify-content: center;
}

.cart-items > div:first-child > span:nth-child(3) {
    width: 20%;
    /* text-align: right; */
}

.cart-items .item {
    display: flex;

}

.cart-items .item img {
    width: 60px;
    display: block;
    margin-bottom:10px;
}

.cart-items .item {
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
}

.cart-items .item > div:first-child {
    width: 55%;

}


.cart-items .item > div:nth-child(2) {
    width: 25%;
   
}

.cart-items .item > div:nth-child(3) {
    width: 20%;
    /* text-align: right; */
}

.cart-items .item > div:nth-child(3) p,
.cart-items .item > div:first-child p {
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
   font-size: 12px;
   font-weight: 500;
    letter-spacing: 1.68px;
   text-transform: uppercase;
    margin: 0;
}

.cart-items .item > div:nth-child(2) {
    display: flex;
    justify-content: center;
}

.cart-items .item > div:nth-child(2) button {
    height: 19px;
    border: none;
    background: none;
    color: #000;
}

.cart-items .item > div:nth-child(2) input {
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
   font-size: 12px;
    width: 25px;
    height: 19px;
    background: #000;
    outline: 0;
    border-radius: 0;
    border: none;
    margin: 0 3px;
    color: #fff;
    text-align: center;
}

.cart-items .item + .item {
    margin-top: 25px;
}


.cart-items .fees {
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.68px;
    text-transform: uppercase;
    margin-top: 40px;
}

.cart-items .fees > div {
    display: flex;
}



.cart-items .fees > div + div {
    display: flex;
    margin-top: 25px;
}

@media (max-width: 767px) {
    .cart-items .fees > div,
    .cart-items .fees > div + div,
    .cart-items .fees > div > span {
        display: block;
    }
}

.cart-items .fees > div > span:first-child {
    width: 55%;
}

.cart-items .fees > div > span:nth-child(2) {
    width: 25%;
}

.cart-items .fees > div > span:nth-child(3) {
    width: 20%;
    text-align: right;
}

@media (max-width: 767px) {
  .cart-items .fees > div > span:nth-child(3) {
    text-align: left;
  }
}

.cart-items .fees > div.total {
    border-top: 1px solid #000;
    padding: 10px 0;
    margin-top: 50px;
}

.toggle-ordersummary {
    display: none;
}

@media (max-width: 767px) {
    .ws-checkout {
        padding: 50px 15px;
        margin: 0;
    }
    .ws-checkout .w-half {
        width: 100%;
        padding: 0;
        /* padding: 0; */
    }
    
    .ws-checkout .w-half:last-child {
      /* margin-bottom: 50px; */
    }

    .ws-checkout {
        flex-direction: column-reverse;
    }

    .toggle-ordersummary {
        font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
        font-size: 12px;
        letter-spacing: 1.68px;
        text-transform: uppercase;
        background: #fff;
        display: block;
        margin-top: 100px;
        margin-left: 15px;
        border: 1px solid #000;
        padding: 3px 10px;
        color: #000;
    }


    .ws-checkout .w-half:last-child h3 {
        display: none;
    }

    .ws-checkout .w-half h3 ~ h3 {
        margin: 64px 0 40px;
    }

    .cart-items > div:first-child {
          color: #7A7A7A;
    }
    
    .cart-items {
        margin-bottom: 0;
    }
}


#toast-container {
      font-family: "Gotham Narrow",sans-serif;
    font-size: 12px;
    letter-spacing: 1.68px;
    color: #fff;
     position: fixed;
    background: #C41A42;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 9999;
    text-align: center;
    padding: 18px 10px;
    text-transform: uppercase;
}

#toast-container>div {
    opacity: 1 !important;
}


#toast-container>.toast-error {
    box-shadow: none;
    background: none;
    width: 100%;
    background-image: none !important;
    padding: 0;
    margin: 0;
}

button.toast-close-button,
.toast-progress {
    display: none;
}

#toast-container>.toast-error:hover {
    box-shadow: none;
    text-shadow: none;
}

.toast-message:hover {
    cursor: default;
    
}

select,
textarea,
input {
    border-radius: 0;
}

.ws-checkout select {
    background: transparent;
    color: #000;
}

.c-method-section {
   padding: 0 !important;
}

.c-method-section,
.c-method-radio:checked + .c-method-section {
    background: none;
    background-color: transparent !important;
}

.c-method-section > label {
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
    font-size: 12px;
    letter-spacing: 1.68px;
    text-transform: uppercase;
}

.c-method-radio + .c-method-section ,
.c-method-radio:checked + .c-method-section {
    color: #000 !important;
    margin: 0;
}

.c-method-wrapper input {
    position: relative;
}

.c-method-wrapper input:after {
    content: " ";
    width: 18px;
    height: 18px;
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0px;
    margin: auto;
    background: #ffff;
    z-index: 0;
}

.c-method-wrapper input:before {
    content: " ";
    width: 12px;
    height: 12px;
    position: absolute;
    top: 17px;
    right: 0;
    bottom: 0;
    left: 0px;
    margin: auto;
    background: #fff;
    border-radius: 100%;
    border: 1px solid #000;
    z-index: 1;
}


.c-method-wrapper  input:checked:before {
    background: #000;
    
}

.c-method-wrapper  input:checked + label {
    color: #000;
}


.c-method-section > label {
    padding-left: 20px !important;
    font-weight: 500 !important;
}

.c-method-section > label:hover {
    color: #000 !important;
}

.c-method-radio {
    left: 0 !important;
}

#cart-modal .cart-footer .checkout {
  position: relative;
}

#cart-modal .cart-footer .cta-checkout {
  text-align: right;
}

.c-checkout-cart {
  padding: 143px 45px 50px;
}

.c-checkout-cart > h2 {
  font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 40px;
    text-transform: uppercase;
}

.c-checkout-cart > p a {
  font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 40px;
    color: #000;
}

@media (max-width: 767px) {
    .ws-checkout .w-half h3 { 
      font-size: 18px; 
      margin-bottom: 40px;
      
    }
    
    .ws-checkout {
      padding-top: 40px;
      min-height: auto;
    }
    
    .cart-items .fees > div.total {
        margin-top: 18px;
        border: none;
        border-bottom: 1px solid #000;
        padding-bottom: 40px;
    }
    
    .ws-checkout .w-half._c-checkout-summary {
      padding-bottom: 50px;
    }
    
    .ws-checkout.ws-checkout-payment .w-half h3 {
      margin-bottom: 20px;
    }
    
    .ws-checkout.complete h3 {
      font-size: 18px;
      margin: 50px 0;
    }
    
    .c-checkout-cart {
      padding: 100px 15px 50px;
    }

    .cart-items .fees > div > span:nth-child(2) {display: none}
    .cart-items > div:first-child > span:nth-child(3),.cart-items .item > div:nth-child(3) {text-align: right;}
}

._c-cart-items {
  font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif
}

._c-cart-items {
  border-bottom: 1px solid #000;
  margin-bottom: 50px;
}

._c-cart-items  ._c-cart-header {
  font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
  font-weight: 18px;
  display: flex;
  color: #7A7A7A;
  flex-wrap: wrap;
  text-transform: uppercase;
  margin-bottom: 20px;
}

._c-cart-items  ._c-cart-header > span:nth-child(1) {
  width: 50%;
}

._c-cart-items  ._c-cart-header > span:nth-child(2) {
  width: 20%;
  text-align: center;
}

._c-cart-items  ._c-cart-header > span:nth-child(3) {
  width: 30%;
  text-align: right;
}

._c-cart-items .cart-items > div {
  font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
      font-size: 12px;
      font-weight: 500;
      letter-spacing: 1.68px;
      text-transform: uppercase;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      margin-bottom: 25px
}

._c-cart-items .cart-items .cart-item {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

._c-cart-items .cart-items .cart-item .name > span {
  display: block;
}

._c-cart-items .cart-items .cart-item > div:nth-child(1) {
  width: 50%;
}

._c-cart-items .cart-items .cart-item > div:nth-child(2) {
  width: 20%;
  text-align: center;
}

._c-cart-items .cart-items .cart-item > div:nth-child(3) {
  width: 30%;
  text-align: right;
}

._c-cart-items .cart-items .cart-item > div:nth-child(2) input {
  text-align: center;
  border: 1px solid #000;
}

.c-cart-actions .c-cart-totals-wrapper {
  width: 100% !important;
  margin-left: 0 !important;
}

.c-cart-item, .c-cart-total-item {
  background: none !important;
}

.c-cart-total-item th,
.c-cart-total-item td,
.c-cart-total-item tr 
.c-cart-items td, .c-cart-items th, .c-cart-totals td, .c-cart-totals th {
  
  font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif !important;
      font-size: 14px;
  text-transform: uppercase;
  padding-left: 0 !important;
}


.c-cart-total-item td ,
.c-cart-total-item-even td {
  font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif !important;
  text-align: right !important;
}

/* .c-cart-optional {
  width: 100% !important;
  float: none !important;
  margin-bottom: 50px;
} */

.c-cart-optional  label {
  text-transform: uppercase;
  margin-bottom: 20px;
}

._c-cart--actions {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  column-gap: 15px;
}

._c-cart--actions > div > p {
  display: none;
}

.c-cart-optional > h3 {
  display: none;
}

.c-cart-actions ._c-cart--actions .c-cart-optional {
  width: auto !important;
  display: flex;
}

.c-cart-actions ._c-cart--actions .c-cart-optional > p {
  font-size: 12px !important;
    letter-spacing: 1.68px;
    text-transform: uppercase;
}

.c-cart-coupon-form  label { display: none !important; }

.c-cart-optional label {
  border: 1px solid #000;
  text-decoration: none !important;
  margin: 0 !important;
  font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
    font-size: 12px !important;
    letter-spacing: 1.68px;
    text-transform: uppercase;
    border: none;
    background: white;
    color: 000fff;
    border-radius: 0;
    border: 1px solid #000;
    padding: 2px 10px;
    margin-top: 49px;
    transition: all .3s ease-in-out;
    color: #000;
    height: 23px;
}

.c-cart-optional label:hover {
  text-decoration: none;
  background: #000;
  color: #fff;
}

.c-submit {
  margin: 0 !important;
}

.c-cart-totals-wrapper > .c-cart-totals {
  margin-bottom: 25px;
}

.c-cart-totals-wrapper button,
.c-cart-optional form div > input[type="submit"],
.c-cart-coupon-form input[type=submit],
form.c-submit  a.c-button,
button.c-button,
a.c-button {
     font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
     font-size: 12px !important;
     letter-spacing: 1.68px;
     text-transform: uppercase;
     border: none;
     background: white;
     color: 000fff;
     border-radius: 0;
     border: 1px solid #000;
     padding: 3px 10px;
     margin-top: 49px;
     transition: all .3s ease-in-out;
     color: #000;
     margin: 0 0 0 -1px!important;
     text-decoration: none;
}

.c-cart-optional form div > input[type="submit"]:focus,
.c-cart-optional form div > input[type="submit"]:active,
.c-cart-optional form div > input[type="submit"]:hover,
.c-cart-coupon-form input[type=submit]:hover,
.c-cart-coupon-form input[type=submit]:active,
.c-cart-coupon-form input[type=submit]:focus,
.c-cart-totals-wrapper button:hover,
.c-cart-totals-wrapper button:active,
.c-cart-totals-wrapper button:focus,
a.c-button:hover, 
a.c-button:active,
a.c-button:focus,
button.c-button:hover,
button.c-button:active,
button.c-button:focus{
    border-color: white;
    background: #000;
    color: #fff;
  
}

a.c-button-inverted {
     font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
     font-size: 12px !important;
     letter-spacing: 1.68px;
     text-transform: uppercase;
     border: none;
     background: #000;
     border-radius: 0;
     border: 1px solid #fff;
     padding: 3px 10px;
     margin-top: 49px;
     transition: all .3s ease-in-out;
     color: #fff;
     margin: 0 0 0 -1px!important;
     text-decoration: none;
}
a.c-button-inverted:hover, 
a.c-button-inverted:active,
a.c-button-inverted:focus {
    border-color: #000;
    background: #fff;
    color: #000;
}



.c-cart-coupon-form input[type=text] {
  font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif !important;
  font-size: 12px !important;
  padding: 3px 10px;
  height: auto !important;
  width: 100% !important;
  border: 1px solid #000;
  margin: 0 !important;
}
.c-cart-totals-wrapper button, .c-cart-optional form div > input[type="submit"],
.c-cart-actions .c-cart-optional {
  color: #000;
    font-size: 12px;
    letter-spacing: 1.68px;
}


.c-cart-message {
  margin-bottom: 50px !important;
}

.c-cart-total-item th, 
.c-cart-total-item td, 
.c-cart-total-item tr .c-cart-items td, 
.c-cart-items th, 
.c-cart-totals td, 
.c-cart-totals th {
   color: #000;
    font-size: 12px;
    letter-spacing: 1.68px;
}

.c-cart-totals {
   color: #000;
    font-size: 12px;
    letter-spacing: 1.68px;
  text-transform: uppercase;
}

.c-cart-totals .c-cart-totals-label {
  font-weight: 500;
}

.c-cart-totals .c-cart-total-item ,
.c-cart-totals  .c-cart-total-item-even{
  display: flex;
  justify-content: space-between;
}


.c-cart-totals > div > div + div {
  margin-top: 25px;
}


.c-cart-totals ._flatrate ~ div {
  margin-top: 25px;
}

.c-cart-totals ._taxes,
.c-cart-totals ._shipping {
  margin-bottom: 25px;
}

.c-cart-totals ._taxes {
  margin-top: 25px;
}

.c-cart-totals ._taxes + .c-cart-total-item {
  padding-bottom: 25px;
  /* border-bottom: 1px solid #000; */
  /* margin-bottom: 25px; */
}

._cart-items {
  font-size: 12px;
    letter-spacing: 1.68px;
  text-transform: uppercase;
}

._cart-items input[type="text"] {
  border: none;
}

.c-checkout-cart { padding-bottom: 100px; }

.c-checkout input[type=text], .c-checkout input[type=url], .c-checkout input[type=email], .c-checkout input[type=number], .c-checkout select {
  padding: 1px 10px !important;
}

.step-2 .c-cart-message { display: none !important; }

.c-checkout-cart .c-cart-message {
  font-family: "Gotham Narrow SSm A",sans-serif;
    position: fixed;
    top: 68px;
    right: 20px;
    z-index: 999;
    width: 404px;
    color: #fff;
    background: #000 !important;
    padding: 15px;
    box-sizing: border-box;
}

.c-checkout-previous-address-list .c-method-details,
.c-checkout-previous-address-list p {
  font-weight: 100;
  margin: 0;
  letter-spacing: 1.68px;
}


.c-checkout-previous-address-list .c-method-details {
  margin-top: 36px;
}

.c-checkout-previous-address-list > div:first-child .c-method-details {
  margin-top: 3px;
}

.c-checkout-previous-address-list {
  margin-top: -25px;
}

.c-payment-method-section label { position: relative; top: -4px; }

.trader-header {
  font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
    font-size: 12px;
    letter-spacing: 1.68px;
  text-transform: uppercase;
  color: #000;
}


.trader-header p {
  margin: -25px 0 25px 0;
  max-width: 400px;
}

.trader-header > div {
  border-bottom: 1px solid #000;
  padding-bottom: 50px;
  margin-bottom: 40px;
}

.trader-header > h3:last-child {
  margin-bottom: 20px;
}

 .element select {
  -webkit-appearance: none;
}


.c-cart-totals-wrapper > div > div > div:last-child {
  padding-top: 25px;
  border-top: 1px solid #000; 
  margin-bottom: 25px;
}

.c-checkout-account {
  /* display: none; */
}

@media (max-width: 767px ) {
  .trader-header p {
    margin-top: 0;
  }
}

.trade-user-login {
  padding: 3rem;
  background-color: #fafafa;
  height: 100%;
  width: 100%;
  overflow: auto;
}

/* view quotes */
.c-quotes-container,
.trade-user-login  .c-order-details {
  padding-top: 95px;
  padding-bottom: 100px;
}

.trade-user-login .c-order-summary {
  font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
    font-size: 12px;
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  letter-spacing: 1.68px;
  text-transform: uppercase;
  margin-bottom: 72px;
}



.qd-section > h3 {
  margin-bottom: 16px;
}

.qd-cta-wrapper ._cta-wrapper {
  display: flex;
  /* justify-content: flex-end; */
  gap: 15px;
}

.qd-cta-wrapper ._cta-wrapper + ._cta-wrapper {
  margin-top: 72px;
}

.trade-user-login .c-order-summary > li {
  width: 50%;
}



.trade-user-login .c-order-summary > li .c-order-summary-label {
  font-weight: 600;
}

.trade-user-login .c-order-summary > li  button {
  font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
    font-size: 12px !important;
    letter-spacing: 1.68px;
    text-transform: uppercase;
    border: none;
    background: white;
    color: 000fff;
    border-radius: 0;
    border: 1px solid #000;
    padding: 3px 10px;
    transition: all .3s ease-in-out;
    color: #000;
}

.trade-user-login .c-order-summary > li  button:hover {
  border-color: white;
  background: #000;
  color: #fff;
}

.trade-user-login  .c-order-details h2,
.trade-user-login  .c-order-details h3,
.c-quotes-container .quotes-header {
  font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1.68px;
}

.styled-table thead tr {
  font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.c-table-header {
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
    color: #000;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.68px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    text-transform: uppercase;
    margin: 36px 0;
}
.c-table-header > span {
  width: 20%;
}


.c-table-header._six > span {
  width: 16.66%;
}

.c-table-body > div {
  font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
    color: #999999;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.68px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    text-transform: uppercase;
}

.c-table-body > div > span:first-child {
  color: #000;
}

.c-table-body > div > span {
  width: 20%;
}

.c-table-body._six > div > span {
  width: 16.66%;
}

.c-table-body > div {
  margin-top: 18px;
  border-top: 1px solid #000;
  padding-top: 18px;
}

.c-table-body {
  border-bottom: 1px solid #000;
  padding-bottom: 18px;
}

.c-table-body .c-order-item-name {
  font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.68px;
    text-transform: uppercase;
}

.c-table-body .c-order-item-ex-tax p,
.c-table-body .c-order-item-name p {
  font-size: inherit;
  margin: 0;
}



.c-table-body .first-col > span {
  display: none;
}

.qd-section + .qd-section {
  margin-top: 72px;
}

@media (max-width: 1200px) {
 .c-table-body > div > span,
  .c-table-header > span {
    width:25%;
  } 
  
  .c-table-wrapper .q-number,
  .c-table-wrapper .q-date,
  .c-table-wrapper .q-amount {
    display: none;
  }
  
  .c-table-body .first-col > span strong {
    font-weight: 500;
  }
  
   .c-table-body .first-col > span:nth-child(1),
   .c-table-body .first-col > span:nth-child(2),
   .c-table-body .first-col > span:nth-child(3) {
    display: block;
    color: #999999;
  }
}

.c-table-header._three > span:nth-child(1) {
  width: 50%;
}

.c-table-header._three > span:nth-child(2) {
  width: 20%;
  text-align: center;
}

.c-table-header._three > span:nth-child(3) {
  width: 30%;
  text-align: right;
}

.c-table-body._three {
  margin-bottom: 50px;
}

.c-table-body._three > div {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.c-table-body._three  > div > div:nth-child(1) {
  width: 50%;
  display: flex;
  gap: 16px;
  
}

.c-table-body._three > div > div:nth-child(2) {
  width: 20%;
  display: block;
  text-align: center;
  color: #000;
}

.c-table-body._three > div > div:nth-child(3) {
  width: 30%;
  display: block;
  text-align: right;
  color: #000;
}

.c-order-details .c-table-body > div > div:first-child > span {
  width: 50px;
  display: inline-block;
}

.c-order-details .c-table-body > div > div:first-child > span img {
  width: 100%;
  display: inline-block;
}

.c-order-details .c-table-body > div > div:last-child > div,
.c-order-details .c-table-body > div > div:first-child > div {
  font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
}

.c-order-details .c-table-body > div > div:first-child > div > span {
  color: #000;
  font-weight: 700;
}

.c-order-details .c-table-body > div > div:last-child p,
.c-table-body .commerce-orderitem__adj {
  font-size: 12px;
  color: #999999;
    font-weight: 500;
    letter-spacing: 1.68px;
    text-transform: uppercase;
  margin: 0;
}

.c-table-footer > div {
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
    color: #000;
    font-size: 12px;
    letter-spacing: 1.68px;
    text-transform: uppercase;
  display: flex;
  justify-content: space-between;
}

.c-table-footer > div + div {
  margin-top: 25px;
}

.c-table-footer > div:last-child {
  border-top: 1px solid #000;
  margin-top: 25px;
  padding-top: 25px;
}

.q-action {
  text-align: right;
  justify-content: flex-end;
}

.c-table-body .q-action a {
  display: inline-block;
  height: 23px;
  
}


@media (max-width: 767px) {
  .c-order-details .c-table-body > div > div:first-child > span {
     display: none;
  }

  .trade-user-login {
    padding: 15px;
  }
  
  .trade-user-login .c-order-summary {
    display: block;
  }
  
  .trade-user-login .c-order-summary > li {
    width: 100%;
  }
  .c-quotes-container, .trade-user-login .c-order-details {
    padding-top: 48px;
  }
  
  .c-table-header > span:nth-child(1),
  .c-table-body .first-col {
    width: 60%;
  }
  
  .c-table-header > span:last-child,
  .c-table-body .q-action {
    width: 40%;
  }
  
  .c-table-wrapper .q-number,
  .c-table-wrapper .q-date,
  .c-table-wrapper .q-amount,
  .c-table-wrapper .q-status,
  .c-table-wrapper .q-invoice {
    display: none;
  }
  
  .c-table-body .first-col > span {
    display: block;
    color: #999999;
  }
}

.price-tag > span:nth-child(2) {
  display: block;
  margin-top: 5px;
}

._step-create-quote {
  margin-top: 72px;
}

._col-first {
  display: flex;
  gap: 10px;
}

._col-first img {
  width: 50px;
  height: auto;
}

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

.price-lbl-trade {
  font-weight: 500;
}

@media (max-width: 767px) {
  
  ._col-first {
    margin-bottom: 5px;
  }
  
}

.loginLogin {
  font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", "Gotham Narrow A", "Helvetica", "Arial", sans-serif;
  max-width: 620px;
  
}

.loginLogin .cta-wrap {
  margin-top: 72px;
  display: flex;
  gap: 15px;
}

.loginLogin p a {
  color: #fff;
  text-decoration: unerline;
}

.fw.notes {
  margin-bottom: 36px;
}

.c-checkout .c-field-error {
  font-size: 12px;
  display: none !important;
  text-transform: uppercase;
  color: #C41A42;
}