.free_quote .widget.widget_order_summary,
.widget_order_summary {
  @include box-shadow(-7px, 10px, 37px, #C3C7D4);
  background-color: #fff;
  width: 330px;
  margin-top: 19px;

  &.widget_order_summary_not_price {

    .widget_content {

      .order_summary_features {
        margin: 20px 0 15px 0;
      }
    }
  }

  .widget_show {
    display: none;
  }

  .widget_title {
    border-top: #bfbecc 1px solid;
    border-bottom: #bfbecc 1px solid;
    background-color: #CCCFDB;
    text-align: center;
    padding: 16px 0 10px 0;

    > h2 {
      color: #626883;
      display: inline-block;
      font-size: 17px;
      font-weight: 700;
      font-family: 'Montserrat', sans-serif;
      position: relative;
      left: -10px;
    }

    .select2-container {
      min-width: 95px;
      max-width: 95px;
      margin: -6px -13px 0 0;
    }
  }

  .widget_content {
    padding: 15px 0 21px 0;

    .order_summary_title {

      h3 {
        color: #5b5b5b;
        font-size: 15px;
        font-weight: normal;
        word-wrap: break-word;
      }
    }

    > ul {
      list-style: none;
      padding: 0 5%;

      > li {
        display: inline-block;
        vertical-align: top;
        width: 100%;
        margin-bottom: 13px;

        &:last-child {
          margin-bottom: 0;
        }

        span {
          color: #435C6B;
          font-size: 14px;
          font-weight: 500;
          float: left;
          line-height: 17px;
          width: 48.5%;
          padding-right: 3.5%;
        }

        .tooltip {
          background: url(/assets/cabinet/tooltip_icon.png) left center no-repeat;
          background-size: 15px;
          cursor: pointer;
          float: left;
          width: 15px;
          height: 15px;
          margin: 1px 0 0 5px;
        }

        p {
          color: #6F8795;
          float: left;
          font-size: 14px;
          font-style: italic;
          line-height: 17px;
          width: 50%;
        }

        > ul {
          list-style: none;
          float: left;
          width: 50%;

          > li {
            color: #6F8795;
            font-size: 14px;
            font-style: italic;
            line-height: 17px;
            margin-bottom: 13px;

            &:last-child {
              margin-bottom: 10px;
            }
          }
        }
      }
    }

    .order_summary_features {
      display: inline-block;
      width: 100%;
      vertical-align: top;
      margin-bottom: -16px;

      > span {
        color: #435C6B;
        font-weight: 500;
        line-height: 17px;
        font-size: 16px;
        width: 100%;
        display: block;
        margin-bottom: 6px;
        padding: 0 5%;
      }

      ul {
        padding: 0 5%;
        list-style: none;

        li {
          display: inline-block;
          vertical-align: top;
          width: 100%;
          margin-bottom: 16px;

          strong {
            color: #6F8795;
            float: left;
            font-size: 14px;
            font-style: italic;
            font-weight: 400;
            line-height: 14px;
            width: 48%;
            padding-right: 5%;
          }

          p {
            color: #6F8795;
            float: left;
            font-size: 14px;
            font-style: italic;
            line-height: 14px;
            width: 35%;
            padding-right: 4%;
          }

          b {
            color: #6F8795;
            float: right;
            font-weight: 400;
            font-size: 14px;
            font-style: italic;
            line-height: 14px;
            width: 17%;
            text-align: right;
          }
        }
      }
    }

    .order_summary_basic_price,
    .order_summary_extra_price {
      @include gradient-horizontal(#F3F3F5, #FDFCF4);
      padding: 3px 5% 4px 5%;
      margin: 17px 0;

      span {
        color: #568881;
        font-size: 18px;
        font-weight: bold;
        display: inline-block;
        vertical-align: middle;
        padding-left: 7%;
        margin-right: 20.5%;
      }

      p {
        color: #568881;
        font-size: 21px;
        font-weight: bold;
        display: inline-block;
        vertical-align: middle;
        position: relative;

        sup {
          position: absolute;
          top: -1px;
          left: -10px;
          font-size: 16px;
        }
      }
    }

    .order_summary_total_price {
      margin: 19px 0 13px 0;
      padding: 0 5%;

      span {
        color: #434962;
        font-size: 18px;
        font-weight: bold;
        display: inline-block;
        vertical-align: middle;
        letter-spacing: 0.2px;
        width: 41%;
        margin-right: 17%;
        text-align: right;
      }

      p {
        color: #434962;
        font-size: 28px;
        font-weight: bold;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        top: -4px;

        sup {
          position: absolute;
          top: 1px;
          left: -10px;
          font-size: 16px;
        }
      }
    }

    .order_summary_savings {
      margin: -15px 0 13px 0;
      padding: 0 5%;

      span {
        color: #EAB266;
        font-size: 16px;
        font-weight: bold;
        display: inline-block;
        vertical-align: middle;
        letter-spacing: 0.2px;
        width: 41%;
        margin-right: 7%;
        text-align: right;
      }

      p {
        color: #EAB266;
        font-size: 20px;
        font-weight: bold;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        top: -1px;

        sup {
          position: absolute;
          top: -2px;
          left: -10px;
          font-size: 16px;
        }

        sub {
          margin: 0 4px;
          position: relative;
          font-size: 16px;
          top: -5px;
        }
      }
    }

    .order_summary_savings_procent {
      margin: 19px 0 13px 0;
      padding: 0 5%;

      span {
        color: #EAB266;
        font-size: 18px;
        font-weight: bold;
        display: inline-block;
        vertical-align: middle;
        letter-spacing: 0.2px;
        width: 41%;
        margin-right: 7%;
        text-align: right;
      }

      p {
        color: #EAB266;
        font-size: 28px;
        font-weight: bold;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        top: -4px;

        sup {
          position: absolute;
          top: 1px;
          left: -10px;
          font-size: 16px;
        }
      }
    }
  }

  .button {
    width: 90%;
    margin: 0 auto;

    &.button_proceed {
      @include button-cabinet('big', 'orange');
    }

    &.button_get_free {
      @include button-cabinet('big', 'green');
    }
  }
}