/*
 |--------------------------------------------------------------------------
 | Helper mixins, feel free to add/remove any that you might not use
 | Won't be rendered in the output if not used
 |--------------------------------------------------------------------------
 */
fieldset.card legend {
  font-size: 1rem; }

.form-check {
  margin-bottom: 1rem; }
  .form-radios .form-check,
  .form-checkboxes .form-check {
    margin-bottom: 0; }

.comment-comment-form {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }
  .comment-comment-form .form-group {
    margin-bottom: 0; }
  .comment-comment-form .field--name-comment-body {
    position: relative;
    width: 100%;
    padding-right: 6;
    padding-left: 6;
    margin-bottom: 1rem;
    padding: 0 15px; }
    .comment-comment-form .field--name-comment-body label {
      display: none; }
  .comment-comment-form .field--name-field-comment-name, .comment-comment-form .field--name-field-email {
    position: relative;
    width: 100%;
    padding-right: 6;
    padding-left: 6;
    margin-bottom: 1rem;
    padding: 0 15px; }
    .comment-comment-form .field--name-field-comment-name label, .comment-comment-form .field--name-field-email label {
      display: none; }
    @media (min-width: 767px) {
      .comment-comment-form .field--name-field-comment-name, .comment-comment-form .field--name-field-email {
        flex: 0 0 50%;
        max-width: 50%; } }
    @media (min-width: 992px) {
      .comment-comment-form .field--name-field-comment-name, .comment-comment-form .field--name-field-email {
        flex: 0 0 41.66667%;
        max-width: 41.66667%; } }
    .comment-comment-form .field--name-field-comment-name .description, .comment-comment-form .field--name-field-email .description {
      display: none; }
  .comment-comment-form .form-actions {
    position: relative;
    width: 100%;
    padding-right: 6;
    padding-left: 6;
    margin-bottom: 1rem;
    padding: 0 15px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end; }
    @media (min-width: 767px) {
      .comment-comment-form .form-actions {
        flex: 0 0 50%;
        max-width: 50%; } }
    @media (min-width: 992px) {
      .comment-comment-form .form-actions {
        flex: 0 0 16.66667%;
        max-width: 16.66667%; } }

#webform-submission-order-form-add-form ::-webkit-inner-spin-button {
  -webkit-appearance: none; }

#webform-submission-order-form-add-form .number-input {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  width: 250px; }

#webform-submission-order-form-add-form .number-controler {
  position: absolute;
  font-size: 2rem;
  padding: 0rem 1rem;
  cursor: pointer; }
  #webform-submission-order-form-add-form .number-controler-plus {
    right: 0; }
  #webform-submission-order-form-add-form .number-controler-minus {
    left: 0; }

#webform-submission-order-form-add-form #edit-select-products-title h2,
#webform-submission-order-form-add-form #edit-shipping h2,
#webform-submission-order-form-add-form #edit-payment h2 {
  font-size: 1.5rem;
  border-bottom: solid 1px #0C3867;
  color: #343a40; }

#webform-submission-order-form-add-form #edit-products .webform-flex {
  display: flex;
  flex-direction: column;
  justify-content: flex-end; }
  #webform-submission-order-form-add-form #edit-products .webform-flex .webform-flex--container {
    width: 100%; }
  @media (max-width: 991.98px) {
    #webform-submission-order-form-add-form #edit-products .webform-flex:nth-child(1) {
      margin-bottom: 3rem; } }

#webform-submission-order-form-add-form #edit-products .form-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center; }
  #webform-submission-order-form-add-form #edit-products .form-item:before {
    content: '';
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100%; }
  #webform-submission-order-form-add-form #edit-products .form-item.form-item-sea-bass-450g:before {
    background-image: url("/themes/custom/inas/assets/images/seabass_1.png");
    height: 150px; }
  #webform-submission-order-form-add-form #edit-products .form-item.form-item-sea-bass-750g:before {
    background-image: url("/themes/custom/inas/assets/images/seabass.png");
    height: 280px; }
  #webform-submission-order-form-add-form #edit-products .form-item.form-item-smoked-sea-bass:before {
    background-image: url("/themes/custom/inas/assets/images/smoked-seabass.png");
    height: 200px; }
  #webform-submission-order-form-add-form #edit-products .form-item input {
    border-color: #000;
    border-radius: 5px;
    font-size: 1.6rem;
    text-align: center;
    padding: 0 1.5rem !important;
    max-height: 60px;
    width: 100%; }
  #webform-submission-order-form-add-form #edit-products .form-item .webform-element-description {
    font-size: 1.25rem;
    color: #6c757d;
    margin-top: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; }
    #webform-submission-order-form-add-form #edit-products .form-item .webform-element-description:after {
      content: '';
      width: 25%;
      height: 1px;
      background-color: #6c757d;
      position: absolute; }
  #webform-submission-order-form-add-form #edit-products .form-item .description {
    width: 100%; }
  #webform-submission-order-form-add-form #edit-products .form-item .webform-element-more {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse; }
    #webform-submission-order-form-add-form #edit-products .form-item .webform-element-more .webform-element-more--link {
      margin: 0 1rem; }
      #webform-submission-order-form-add-form #edit-products .form-item .webform-element-more .webform-element-more--link a {
        font-size: 1.1rem;
        color: #fff;
        background-color: #0C3867;
        border-radius: 5px;
        display: flex;
        align-items: center;
        padding: 0.3125rem 0.6125rem;
        line-height: 1; }
      #webform-submission-order-form-add-form #edit-products .form-item .webform-element-more .webform-element-more--link::before {
        display: none; }
    #webform-submission-order-form-add-form #edit-products .form-item .webform-element-more .webform-element-more--content {
      display: block !important;
      font-size: 1.25rem;
      color: #000; }

#webform-submission-order-form-add-form .form-item {
  display: flex;
  flex-wrap: wrap; }
  #webform-submission-order-form-add-form .form-item label {
    width: 30%; }
  #webform-submission-order-form-add-form .form-item input {
    width: 69%; }
  #webform-submission-order-form-add-form .form-item .description {
    width: 69%;
    margin-right: auto; }

#webform-submission-order-form-add-form .form-actions {
  margin-top: 3rem;
  margin-bottom: 3rem;
  display: flex;
  justify-content: flex-end;
  padding-left: 15px; }

#webform-submission-order-form-add-form #edit-shipping-date p:nth-child(1) {
  width: 30%; }

#webform-submission-order-form-add-form #edit-shipping-date p:nth-child(2) {
  width: 69%; }

#webform-submission-order-form-add-form #edit-payment-method {
  display: flex; }
  #webform-submission-order-form-add-form #edit-payment-method input {
    width: auto; }
  #webform-submission-order-form-add-form #edit-payment-method label {
    width: auto;
    margin-right: 1.5rem; }
  #webform-submission-order-form-add-form #edit-payment-method .form-item-payment-method:not(:nth-last-child(1)) {
    margin-left: 2rem; }

#webform-submission-order-form-add-form #edit-order-total {
  margin-top: 2rem; }
  #webform-submission-order-form-add-form #edit-order-total .value {
    font-size: 1.3rem; }

.webform-submission-order-form-form .webform-confirmation__message {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  text-align: center;
  padding-top: 11rem; }
  .webform-submission-order-form-form .webform-confirmation__message:before {
    content: '';
    position: absolute;
    background-image: url("/themes/custom/inas/assets/icons/icon-tick.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 150px;
    height: 150px;
    top: 0; }

.checkout-info .commerce-checkout-flow .layout-region-checkout-main,
.checkout-info .commerce-checkout-flow .layout-region-checkout-footer {
  width: 100%;
  padding-left: 0; }

.checkout-info .commerce-checkout-flow .layout-region-checkout-secondary {
  display: none; }

.checkout-info .commerce-checkout-flow .return-to-cart {
  display: block; }

.commerce-checkout-flow .return-to-cart {
  display: none; }

.commerce-checkout-flow .layout-region-checkout-secondary > h3 {
  display: inline-block;
  padding-bottom: 0.5rem;
  position: relative; }
  .commerce-checkout-flow .layout-region-checkout-secondary > h3::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background-color: #0C3867; }

.commerce-checkout-flow .checkout-pane .card-header {
  background-color: rgba(12, 56, 103, 0.02);
  text-align: center;
  border-color: rgba(12, 56, 103, 0.1);
  border: none; }

.commerce-checkout-flow .checkout-pane-contact-information,
.commerce-checkout-flow #edit-review-contact-information {
  display: none; }

.commerce-checkout-flow #edit-payment-information-billing-information .field__label:after {
  content: ':';
  margin-left: 0.5rem; }

.commerce-checkout-flow .address-container-inline {
  display: flex;
  flex-direction: column; }
  .commerce-checkout-flow .address-container-inline .form-group {
    margin-right: 0; }

.commerce-checkout-flow #edit-review-payment-information .field .field__label {
  margin-left: 0.5rem; }
  .commerce-checkout-flow #edit-review-payment-information .field .field__label:after {
    content: ':'; }

.commerce-checkout-flow .field--name-field-name .form-item,
.commerce-checkout-flow .field--name-field-last-name .form-item,
.commerce-checkout-flow .field--name-field-phone-number .form-item,
.commerce-checkout-flow .field--name-field-national-id .form-item,
.commerce-checkout-flow .field--name-field-address-delivery- .form-item,
.commerce-checkout-flow .field--name-field-number-plate .form-item,
.commerce-checkout-flow .field--name-field-unit .form-item,
.commerce-checkout-flow .field--name-field-city .form-item {
  display: flex; }
  @media (max-width: 1199.98px) {
    .commerce-checkout-flow .field--name-field-name .form-item,
    .commerce-checkout-flow .field--name-field-last-name .form-item,
    .commerce-checkout-flow .field--name-field-phone-number .form-item,
    .commerce-checkout-flow .field--name-field-national-id .form-item,
    .commerce-checkout-flow .field--name-field-address-delivery- .form-item,
    .commerce-checkout-flow .field--name-field-number-plate .form-item,
    .commerce-checkout-flow .field--name-field-unit .form-item,
    .commerce-checkout-flow .field--name-field-city .form-item {
      flex-direction: column; } }

.commerce-checkout-flow .field--name-field-name label,
.commerce-checkout-flow .field--name-field-last-name label,
.commerce-checkout-flow .field--name-field-phone-number label,
.commerce-checkout-flow .field--name-field-national-id label,
.commerce-checkout-flow .field--name-field-address-delivery- label,
.commerce-checkout-flow .field--name-field-number-plate label,
.commerce-checkout-flow .field--name-field-unit label,
.commerce-checkout-flow .field--name-field-city label {
  min-width: 200px; }

.commerce-checkout-flow .field--name-field-city .form-item-payment-information-billing-information-field-city {
  position: relative;
  padding-bottom: 2rem; }
  @media (max-width: 575px) {
    .commerce-checkout-flow .field--name-field-city .form-item-payment-information-billing-information-field-city {
      padding-bottom: 4rem; } }
  .commerce-checkout-flow .field--name-field-city .form-item-payment-information-billing-information-field-city small {
    width: calc(100% - 200px);
    position: absolute;
    bottom: 0;
    left: 0; }
    @media (max-width: 1200px) {
      .commerce-checkout-flow .field--name-field-city .form-item-payment-information-billing-information-field-city small {
        width: 100%; } }

.commerce-checkout-flow .field--name-address label {
  min-width: 200px; }

.commerce-checkout-flow .field--name-address .form-item {
  display: flex; }
  @media (max-width: 1199.98px) {
    .commerce-checkout-flow .field--name-address .form-item {
      flex-direction: column; } }

.commerce-checkout-flow .field--name-address .form-item-payment-information-billing-information-address-0-address-administrative-area {
  display: none; }

.commerce-checkout-flow .field--name-address .form-item-payment-information-billing-information-address-0-address-locality {
  position: relative;
  padding-bottom: 2rem; }
  .commerce-checkout-flow .field--name-address .form-item-payment-information-billing-information-address-0-address-locality small {
    width: calc(100% - 200px);
    position: absolute;
    left: 0;
    bottom: 0; }

.commerce-checkout-flow .shipping-method .option-label {
  min-width: 200px; }

.commerce-checkout-flow .shipping-method .option {
  display: flex; }
  @media (max-width: 767px) {
    .commerce-checkout-flow .shipping-method .option {
      flex-direction: column; } }
  .commerce-checkout-flow .shipping-method .option:not(:last-child) {
    margin-bottom: 2rem; }
  .commerce-checkout-flow .shipping-method .option .form-item {
    display: flex;
    align-items: center;
    flex-direction: row-reverse; }
    @media (max-width: 767px) {
      .commerce-checkout-flow .shipping-method .option .form-item {
        justify-content: flex-end;
        padding-right: 1rem; } }
    .commerce-checkout-flow .shipping-method .option .form-item label {
      margin-bottom: 0; }
    .commerce-checkout-flow .shipping-method .option .form-item input {
      margin-left: 1rem;
      accent-color: #0C3867; }

.commerce-checkout-flow .form-item-contact-information-email {
  display: flex; }
  @media (max-width: 1199.98px) {
    .commerce-checkout-flow .form-item-contact-information-email {
      flex-direction: column; } }
  .commerce-checkout-flow .form-item-contact-information-email label {
    min-width: 200px; }

.commerce-checkout-flow .form-wrapper__login-option {
  padding: 0 !important; }

.commerce-checkout-flow .layout-region-checkout-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  @media (max-width: 767px) {
    .commerce-checkout-flow .layout-region-checkout-footer {
      margin-top: 2rem; } }
  @media (max-width: 575px) {
    .commerce-checkout-flow .layout-region-checkout-footer {
      flex-direction: column-reverse; } }
  .commerce-checkout-flow .layout-region-checkout-footer .form-wrapper {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center; }
    @media (max-width: 575px) {
      .commerce-checkout-flow .layout-region-checkout-footer .form-wrapper {
        flex-direction: column; } }
  .commerce-checkout-flow .layout-region-checkout-footer .link--previous {
    margin-left: 5rem; }
    @media (max-width: 575px) {
      .commerce-checkout-flow .layout-region-checkout-footer .link--previous {
        display: block;
        margin-top: 1.5rem;
        margin-left: 0; } }
  .commerce-checkout-flow .layout-region-checkout-footer .btn-primary {
    border-radius: 4px;
    padding: 0.8rem 7rem; }

.commerce-checkout-flow #edit-login-guest-continue,
.commerce-checkout-flow #edit-login-returning-customer-submit {
  width: 100%;
  margin-top: 2rem; }

.commerce-checkout-flow #edit-payment-information-billing-information-edit-button {
  background-color: unset;
  border: none;
  color: #0C3867;
  font-weight: 700;
  margin-right: auto;
  display: flex; }

.commerce-checkout-flow #edit-sidebar-coupon-redemption-form {
  margin-top: 2rem;
  display: flex;
  align-items: flex-end;
  position: relative;
  overflow: hidden; }
  .commerce-checkout-flow #edit-sidebar-coupon-redemption-form .form-group {
    margin-bottom: 0;
    width: 100%; }
  .commerce-checkout-flow #edit-sidebar-coupon-redemption-form #edit-sidebar-coupon-redemption-form-apply {
    position: absolute;
    left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px; }

.commerce-checkout-flow .view-commerce-checkout-order-summary .view-content {
  margin-top: 2rem; }

.commerce-checkout-flow .view-commerce-checkout-order-summary .views-row {
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: solid 1px rgba(12, 56, 103, 0.2); }

.commerce-checkout-flow .view-commerce-checkout-order-summary .field--name-title {
  font-weight: 700;
  color: #0C3867; }

.commerce-checkout-flow .view-commerce-checkout-order-summary .field--name-price {
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: solid 1px rgba(12, 56, 103, 0.06); }
  .commerce-checkout-flow .view-commerce-checkout-order-summary .field--name-price .field__label {
    font-weight: 700; }

.commerce-checkout-flow .view-commerce-checkout-order-summary .field--name-price {
  font-weight: 700;
  margin-top: 1rem;
  display: flex;
  flex-direction: column; }
  .commerce-checkout-flow .view-commerce-checkout-order-summary .field--name-price .field__item {
    font-size: 1.3rem;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    line-height: 1; }
    .commerce-checkout-flow .view-commerce-checkout-order-summary .field--name-price .field__item span {
      margin-bottom: 0.3rem;
      margin-right: 0.53125rem;
      color: #6c757d;
      font-size: 0.9175rem; }
  .commerce-checkout-flow .view-commerce-checkout-order-summary .field--name-price .price .price-value {
    font-size: 1.3rem;
    line-height: 1.3; }
  .commerce-checkout-flow .view-commerce-checkout-order-summary .field--name-price .price.has-discount {
    color: #6c757d; }
    .commerce-checkout-flow .view-commerce-checkout-order-summary .field--name-price .price.has-discount .price-value {
      display: inline-flex;
      position: relative;
      align-items: center;
      justify-content: center; }
      .commerce-checkout-flow .view-commerce-checkout-order-summary .field--name-price .price.has-discount .price-value:after {
        content: '';
        width: 105%;
        height: 1px;
        background-color: #000;
        position: absolute; }
  .commerce-checkout-flow .view-commerce-checkout-order-summary .field--name-price .adjustments-value {
    font-size: 15px;
    background-color: #0C3867;
    padding: 0.125rem 0.6125rem;
    border-radius: 5px;
    color: #fff;
    margin-right: 0.3125rem; }
    .commerce-checkout-flow .view-commerce-checkout-order-summary .field--name-price .adjustments-value .signe {
      font-family: "Noto Sans", sans-serif;
      font-size: 13px; }
  .commerce-checkout-flow .view-commerce-checkout-order-summary .field--name-price .currency-code {
    margin-right: 0.3125rem; }

.commerce-checkout-flow .view-commerce-checkout-order-summary .views-field-quantity-1 {
  display: flex;
  justify-content: space-between;
  font-weight: 700; }
  .commerce-checkout-flow .view-commerce-checkout-order-summary .views-field-quantity-1 .field-content {
    font-size: 1.3rem; }
    .commerce-checkout-flow .view-commerce-checkout-order-summary .views-field-quantity-1 .field-content span {
      color: #6c757d;
      margin-bottom: 0.3rem;
      margin-right: 0.125rem;
      font-size: 0.9175rem; }

.commerce-checkout-flow .view-commerce-checkout-order-summary .views-field-total-price__number {
  display: flex;
  justify-content: space-between;
  font-weight: 700; }
  .commerce-checkout-flow .view-commerce-checkout-order-summary .views-field-total-price__number .field-content {
    font-size: 1.3rem; }
    .commerce-checkout-flow .view-commerce-checkout-order-summary .views-field-total-price__number .field-content span {
      color: #6c757d;
      margin-bottom: 0.3rem;
      margin-right: 0.125rem;
      font-size: 0.9175rem; }

.commerce-checkout-flow .view-commerce-checkout-order-summary .order-total-line__total {
  display: flex;
  justify-content: space-between;
  font-weight: 700;
  padding: 0;
  font-size: 1.3rem; }
  .commerce-checkout-flow .view-commerce-checkout-order-summary .order-total-line__total .order-total-line-value {
    width: unset;
    font-size: 1.45rem; }
  .commerce-checkout-flow .view-commerce-checkout-order-summary .order-total-line__total .currency-code {
    color: #6c757d;
    margin-bottom: 0.3rem;
    margin-right: 0.125rem;
    font-size: 0.9175rem; }

.commerce-checkout-flow .view-commerce-checkout-order-summary .order-total-line__subtotal {
  display: none; }

#edit-review-payment-information .card-body {
  text-indent: -3000px;
  display: flex;
  flex-direction: column-reverse; }
  #edit-review-payment-information .card-body::after {
    content: '';
    position: relative;
    display: block;
    background-image: url("/themes/custom/inas/assets/icons/saman-bank.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
    margin-bottom: 20px; }
  #edit-review-payment-information .card-body > div {
    text-indent: 0px; }