/*** COLORS ***/
/*** MENU ***/
/*** MIXINS ***/
/*** TOOLS ***/
.clear {
  clear: both; }

.img-center {
  display: block;
  margin: 0 auto; }

@media (max-width: 479px) {
  .col-xxs {
    width: 100%;
    margin: 0;
    padding: 0 15px; }

  .hidden-xxs {
    display: none !important; }

  .visible-xxs {
    display: block !important; } }
/*** Alert / Success messages ***/
.alert-newsletter {
  max-width: 1140px;
  margin: 30px auto;
  padding: 15px;
  text-align: center;
  border-width: 1px !important;
  border-style: solid !important; }
  .alert-newsletter:before {
    float: none; }
  .alert-newsletter.verif {
    color: #336666;
    border-color: #336666;
    font-size: 16px; }
  .alert-newsletter .btn-home {
    display: block;
    margin: 15px auto;
    padding: 6px 60px;
    max-width: 225px;
    font: bold 30px "Amatic SC", cursive;
    color: #fff !important;
    background: #50a5bb !important;
    border: none;
    border-radius: 8px;
    text-decoration: none !important;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s; }
    .alert-newsletter .btn-home:hover {
      color: #fff !important;
      background: #336666 !important; }

/* Block newsletter */
#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 */
#middle_footer #newsletter_block_left .title-footer {
  font: bold 30px "Amatic SC", cursive;
  color: #000;
  float: left;
  line-height: 58px;
  margin: 0 10px 0 0; }
  @media (max-width: 992px) {
    #middle_footer #newsletter_block_left .title-footer {
      float: none; } }
  @media (max-width: 991px) {
    #middle_footer #newsletter_block_left .title-footer {
      font: bold 28px "Amatic SC", cursive;
      line-height: 30px;
      margin: 5px 0 0 0; } }
  @media (max-width: 767px) {
    #middle_footer #newsletter_block_left .title-footer {
      font: bold 24px "Amatic SC", cursive;
      line-height: 26px;
      text-align: center;
      margin: 8px 0 0 0; } }
#middle_footer #newsletter_block_left .toggle-footer {
  margin: 5px 0; }
#middle_footer #newsletter_block_left .form-group {
  margin: 10px 0 10px 10px; }
  #middle_footer #newsletter_block_left .form-group .form-control {
    height: 40px;
    max-width: 100%;
    background: none;
    border-color: #fff;
    color: #000;
    padding: 10px 45px 10px 12px;
    display: inline-block;
    float: left;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px; }
    @media (max-width: 767px) {
      #middle_footer #newsletter_block_left .form-group .form-control {
        font-size: 11px;
        height: 35px; } }
  #middle_footer #newsletter_block_left .form-group .button-small {
    margin-left: -41px;
    border: none;
    background: #fff;
    text-align: center;
    color: #908f8f;
    padding: 0;
    width: 40px;
    height: 40px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s; }
    #middle_footer #newsletter_block_left .form-group .button-small:before {
      content: "Ok";
      font-family: "Poppins", sans-serif;
      font-size: 18px;
      line-height: 40px;
      color: #336666; }
    #middle_footer #newsletter_block_left .form-group .button-small:hover {
      color: #fff !important;
      background: #50a5bb; }
      #middle_footer #newsletter_block_left .form-group .button-small:hover:before {
        color: #fff !important; }
    #middle_footer #newsletter_block_left .form-group .button-small span {
      display: none; }
    @media (max-width: 767px) {
      #middle_footer #newsletter_block_left .form-group .button-small {
        width: 35px;
        height: 35px;
        margin-left: -36px; }
        #middle_footer #newsletter_block_left .form-group .button-small:before {
          font-size: 15px;
          line-height: 35px; } }
  @media (max-width: 991px) {
    #middle_footer #newsletter_block_left .form-group {
      margin: 0; } }
#middle_footer #newsletter_block_left .warning_inline {
  display: block;
  color: #f13340;
  font-size: 13px;
  line-height: 26px;
  clear: both; }
  @media (min-width: 1200px) {
    #middle_footer #newsletter_block_left .warning_inline {
      display: inline-block;
      position: relative;
      top: -35px;
      margin-bottom: -35px;
      left: 15px;
      clear: none; } }
#middle_footer #newsletter_block_left .newsletter-input {
  max-width: 300px !important; }
  @media (max-width: 767px) {
    #middle_footer #newsletter_block_left .newsletter-input {
      max-width: inherit !important; } }
