@charset "UTF-8";
/* Block newsletter */

#footer #newsletter_block_left .form-group .newsletter-subscribe .input_mail {
  font-family: Nunito;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #7c8495;
  width: 175px;
  height: 30px;
  margin-left: 15px;
  margin-top: 3px;
  border: 0px;
  outline: none;
}

#columns #newsletter_block_left .form-group {
  margin-bottom: 0; }
  #columns #newsletter_block_left .form-group .form-control {
    max-width: 222px;
    display: inline-block;
    margin-right: 6px; }
    @media (min-width: 768px) and (max-width: 1199px) {
      #columns #newsletter_block_left .form-group .form-control {
        margin-bottom: 10px;
        margin-right: 0; } }
#columns #newsletter_block_left .success_inline, #columns #newsletter_block_left .warning_inline {
  text-align: left;
  padding: 1px 0 0 0;
  margin-bottom: -19px; }
#columns #newsletter_block_left .success_inline {
  color: #418B19; }
#columns #newsletter_block_left .warning_inline {
  color: #f13340; }

/* Block newsletter footer */
#footer #newsletter_block_left {
  position: relative;
  overflow: hidden;
  font-size: 18px;
  text-align: left;
  color: #ffffff;
}
  @media (max-width: 767px) {
    #footer #newsletter_block_left {
      width: 100%;
      height: 90px;
      float: none;
      margin-left: 0px} }
  #footer #newsletter_block_left .span_label {
    background: none;
    float: left;
    height: 100%;
    color: #fff;
    border: none;
    margin-top: 5px}
    @media (max-width: 767px) {
      #footer #newsletter_block_left span {
        float: none;
        padding: 0 0 12px 0; } }
    #footer #newsletter_block_left span:after {
      display: none; }
  #footer #newsletter_block_left .block_content {
    overflow: hidden; }
@media (max-width: 767px) {
  #footer #newsletter_block_left .block_content {
    overflow: hidden;
    position: absolute;
    top: 40px;
    width: 100%}
}
  #footer #newsletter_block_left .form-group {
    margin-bottom: 0; }
    #footer #newsletter_block_left .form-group .form-control {
      height: 50px;
      line-height: 20px;
      max-width: 218px;
      background: #e5e5e5;
      border: none;
      color: #333333;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 15px 12px;
      display: inline-block;
      float: left; }
      #footer #newsletter_block_left .form-group .form-control:focus {
        -moz-box-shadow: black 0 0 0;
        -webkit-box-shadow: black 0 0 0;
        box-shadow: black 0 0 0; }
      @media (min-width: 768px) and (max-width: 991px) {
        #footer #newsletter_block_left .form-group .form-control {
          max-width: 175px; } }
      @media (max-width: 767px) {
        #footer #newsletter_block_left .form-group .form-control {
          max-width: 245px; } }

    #footer #newsletter_block_left .form-group .newsletter-subscribe {
      width: 293px;
      height: 36px;
      border-radius: 20px;
      background-color: #ffffff;
      margin-left: 20px;
    }

@media (max-width: 767px) {
  #footer #newsletter_block_left .form-group .newsletter-subscribe {
    width: 100%;
    margin-left: 0;
  }
}

    #footer #newsletter_block_left .form-group .btn-subscribe {
      width: 100px;
      height: 36px;
      border: 2px solid #f73a38;
      border-top-right-radius: 20px;
      border-bottom-right-radius: 20px;
      background-image: linear-gradient(to bottom, #f73a38, #eb1b1a);
      float: right;
      padding: 0 10px;
    }

    #footer #newsletter_block_left .form-group .btn-subscribe .span-subscribe {
      width: 70px;
      height: 19px;
      font-family: Nunito;
      font-size: 14px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: left;
      color: #ffffff;
      padding: 0 0 0 0;
}

    #footer #newsletter_block_left .form-group .btn-sm {
      border: none;
      background: none;
      text-align: center;
      color: #bc0f0f;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      padding: 0;
      width: 44px;
      height: 50px;
      position: relative;
      overflow: hidden; }
      #footer #newsletter_block_left .form-group .btn-sm:before {
        content: "";
        font-family: "FontAwesome";
        font-size: 30px;
        line-height: 50px;
        top: 0;
        left: 0;
        text-align: center;
        position: absolute;
        width: 44px;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease; }
      #footer #newsletter_block_left .form-group .btn-sm:hover {
        background: #e5e5e5;
        color: #171717; }
        #footer #newsletter_block_left .form-group .btn-sm:hover:before {
          -webkit-animation: moveFromLeft 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
          -moz-animation: moveFromLeft 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
          -ms-animation: moveFromLeft 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
          font-size: 44px; }
      #footer #newsletter_block_left .form-group .btn-sm span {
        display: none; }
  #footer #newsletter_block_left .warning_inline {
    display: block;
    color: #f13340;
    font-size: 13px;
    line-height: 26px;
    clear: both; }
    @media (min-width: 1200px) {
      #footer #newsletter_block_left .warning_inline {
        display: inline-block;
        position: relative;
        top: -35px;
        margin-bottom: -35px;
        left: 15px;
        clear: none; } }

.form-group.form-error input {
  background: white;
}

.form-group .form-error .newsletter-subscribe .input_mail {
  background: white;
}

.form-group.form-ok input {
  background: white;
}

.form-group .form-ok .newsletter-subscribe .input_mail {
  background: white;
}

@-webkit-keyframes moveFromLeft {
  from {
    -webkit-transform: translateX(-100%); }

  to {
    -webkit-transform: translateX(0%); } }
@-moz-keyframes moveFromLeft {
  from {
    -moz-transform: translateX(-100%); }

  to {
    -moz-transform: translateX(0%); } }
@-ms-keyframes moveFromLeft {
  from {
    -ms-transform: translateX(-100%); }

  to {
    -ms-transform: translateX(0%); } }