.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.mainarea {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
}
@media (min-width: 1200px) {
  .mainarea {
    float: left;
    width: 75%;
  }
}
.mainarea .pull-left {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 992px) {
  .mainarea .pull-left {
    float: left;
    width: 58.33333333%;
  }
}
.mainarea .pull-right {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 992px) {
  .mainarea .pull-right {
    float: left;
    width: 41.66666667%;
  }
}
.social {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 1200px) {
  .social {
    float: left;
    width: 25%;
  }
}
.social > .row > div {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .social > .row > div {
    float: left;
    width: 50%;
  }
}
@media (min-width: 992px) {
  .social > .row > div {
    float: left;
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .social > .row > div {
    float: left;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .social {
    max-width: 372px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .social-links {
    float: right !important;
  }
  .social-facebook {
    float: left !important;
  }
  .social-twitter {
    float: left !important;
  }
  .social-producers {
    float: right !important;
  }
}
@media (min-width: 992px) {
  .mainarea .fixed-height {
    max-height: 640px;
    overflow-x: hidden;
    overflow-y: scroll;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .social-links {
    float: left !important;
  }
  .social-facebook {
    float: right !important;
  }
  .social-twitter {
    float: left !important;
  }
  .social-producers {
    float: right !important;
  }
}
@media (min-width: 1200px) {
  .social {
    width: 320px;
    float: left !important;
  }
  .mainarea {
    width: 850px;
    float: right !important;
    border-bottom: none;
    margin-bottom: 0;
  }
}