* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.container {
  width: 100%;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

@media screen and (min-width: 768px) {
  .container {
    width: 75%;
  }
}

.container.full {
  width: 100%;
}

.container.w1200 {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .container.w1200 {
    width: 750px;
  }
}

@media screen and (min-width: 992px) {
  .container.w1200 {
    width: 970px;
  }
}

@media screen and (min-width: 1200px) {
  .container.w1200 {
    width: 1170px;
  }
}

.container.w1600 {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .container.w1600 {
    width: 750px;
  }
}

@media screen and (min-width: 992px) {
  .container.w1600 {
    width: 970px;
  }
}

@media screen and (min-width: 1200px) {
  .container.w1600 {
    width: 1400px;
  }
}

@media screen and (min-width: 1440px) {
  .container.w1600 {
    width: 1570px;
  }
}

.row {
  margin-left: -15px;
  margin-right: -15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  .col-sm-half {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-sm-half.nogap {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 768px) {
  .col-sm-oneThree {
    width: 33.33%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-sm-oneThree.nogap {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 768px) {
  .col-sm-quarter {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-sm-quarter.nogap {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 768px) {
  .col-sm-1 {
    width: 20%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-sm-1.nogap {
    padding-left: 0;
    padding-right: 0;
  }
  .col-sm-2 {
    width: 40%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-sm-2.nogap {
    padding-left: 0;
    padding-right: 0;
  }
  .col-sm-3 {
    width: 60%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-sm-3.nogap {
    padding-left: 0;
    padding-right: 0;
  }
  .col-sm-4 {
    width: 80%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-sm-4.nogap {
    padding-left: 0;
    padding-right: 0;
  }
  .col-sm-5 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-sm-5.nogap {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 992px) {
  .col-md-oneThree {
    width: 33.33%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-md-oneThree.nogap {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 992px) {
  .col-md-half {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-md-half.nogap {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 992px) {
  .col-md-quarter {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-md-quarter.nogap {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 992px) {
  .col-md-1 {
    width: 20%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-md-1.nogap {
    padding-left: 0;
    padding-right: 0;
  }
  .col-md-2 {
    width: 40%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-md-2.nogap {
    padding-left: 0;
    padding-right: 0;
  }
  .col-md-3 {
    width: 60%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-md-3.nogap {
    padding-left: 0;
    padding-right: 0;
  }
  .col-md-4 {
    width: 80%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-md-4.nogap {
    padding-left: 0;
    padding-right: 0;
  }
  .col-md-5 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-md-5.nogap {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 1200px) {
  .col-lg-half {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-lg-half.nogap {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 1200px) {
  .col-lg-oneThree {
    width: 33.33%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-lg-oneThree.nogap {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 1200px) {
  .col-lg-quarter {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-lg-quarter.nogap {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 1200px) {
  .col-lg-1 {
    width: 20%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-lg-1.nogap {
    padding-left: 0;
    padding-right: 0;
  }
  .col-lg-2 {
    width: 40%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-lg-2.nogap {
    padding-left: 0;
    padding-right: 0;
  }
  .col-lg-3 {
    width: 60%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-lg-3.nogap {
    padding-left: 0;
    padding-right: 0;
  }
  .col-lg-4 {
    width: 80%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-lg-4.nogap {
    padding-left: 0;
    padding-right: 0;
  }
  .col-lg-5 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-lg-5.nogap {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 1200px) {
  .col-lg-half {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-lg-half.nogap {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 1200px) {
  .col-lg-oneThree {
    width: 33.33%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-lg-oneThree.nogap {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 1200px) {
  .col-lg-quarter {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-lg-quarter.nogap {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 1200px) {
  .col-lg-1 {
    width: 20%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-lg-1.nogap {
    padding-left: 0;
    padding-right: 0;
  }
  .col-lg-2 {
    width: 40%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-lg-2.nogap {
    padding-left: 0;
    padding-right: 0;
  }
  .col-lg-3 {
    width: 60%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-lg-3.nogap {
    padding-left: 0;
    padding-right: 0;
  }
  .col-lg-4 {
    width: 80%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-lg-4.nogap {
    padding-left: 0;
    padding-right: 0;
  }
  .col-lg-5 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-lg-5.nogap {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 1440px) {
  .col-xl-half {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-xl-half.nogap {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 1440px) {
  .col-xl-oneThree {
    width: 33.33%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-xl-oneThree.nogap {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 1440px) {
  .col-xl-quarter {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-xl-quarter.nogap {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 1440px) {
  .col-xl-1 {
    width: 20%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-xl-1.nogap {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xl-2 {
    width: 40%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-xl-2.nogap {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xl-3 {
    width: 60%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-xl-3.nogap {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xl-4 {
    width: 80%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-xl-4.nogap {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xl-5 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-xl-5.nogap {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 1600px) {
  .col-xxl-half {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-xxl-half.nogap {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 1600px) {
  .col-xxl-oneThree {
    width: 33.33%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-xxl-oneThree.nogap {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 1600px) {
  .col-xxl-quarter {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-xxl-quarter.nogap {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 1600px) {
  .col-xxl-1 {
    width: 20%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-xxl-1.nogap {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xxl-2 {
    width: 40%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-xxl-2.nogap {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xxl-3 {
    width: 60%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-xxl-3.nogap {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xxl-4 {
    width: 80%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-xxl-4.nogap {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xxl-5 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-xxl-5.nogap {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .col-xs-half {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-xs-half.nogap {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .col-xs-oneThree {
    width: 33.33%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-xs-oneThree.nogap {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .col-xs-quarter {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-xs-quarter.nogap {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .col-xs-1 {
    width: 20%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-xs-1.nogap {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xs-2 {
    width: 40%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-xs-2.nogap {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xs-3 {
    width: 60%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-xs-3.nogap {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xs-4 {
    width: 80%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-xs-4.nogap {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xs-5 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-xs-5.nogap {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 479px) {
  .col-xxs-1 {
    width: 20%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-xxs-1.nogap {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xxs-2 {
    width: 40%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-xxs-2.nogap {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xxs-3 {
    width: 60%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-xxs-3.nogap {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xxs-4 {
    width: 80%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-xxs-4.nogap {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xxs-5 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-xxs-5.nogap {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .hidden-sm {
    display: none;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .hidden-md {
    display: none;
  }
}

@media screen and (min-width: 1200px) {
  .hidden-lg {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .hidden-xs {
    display: none;
  }
}