/*
 * Containers
 */

.panel {
  overflow: hidden;
  width: 100%;
  clear: both;
  position: relative;
  padding: 42px 4%;
}

@media screen and (max-width: 414px) {
  .panel {
    padding: 32px 4%;
  }
}

.row {
  clear: both;
  width: 100%;
  overflow: hidden;
}

.inner {
  margin: 0 auto;
  max-width: 1280px;
  position: relative;
}

.col-20 {
  width: 15%;
  margin-right: 5%;
  float: left;
  overflow: hidden;
}
@media screen and (max-width: 414px) {
  .col-20 {
    width: 100%;
    margin-bottom: 0;
  }
}

.col-20:last-of-type {
  width: 20%;
  margin-right: 0;
}

@media screen and (max-width: 414px) {
  .col-20:last-of-type {
    width: 100%;
    margin-bottom: 0;
  }
}

.col-20.no-margin {
  margin-right: 0;
  width: 20%;
}

@media screen and (max-width: 414px) {
  .col-20.no-margin {
    width: 100%;
    margin-bottom: 0;
  }
}

.col-20.aligncenter {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.col-20.alignright {
  display: inline;
  float: right;
}

.col-20.alignleft {
  display: inline;
  float: left;
}

.col-25 {
  width: 20%;
  margin-right: 5%;
  float: left;
  overflow: hidden;
}

@media screen and (max-width: 414px) {
  .col-25 {
    width: 100%;
    margin-bottom: 0;
  }
}

.col-25:last-of-type {
  width: 25%;
  margin-right: 0;
}

@media screen and (max-width: 414px) {
  .col-25:last-of-type {
    width: 100%;
    margin-bottom: 0;
  }
}

.col-25.no-margin {
  margin-right: 0;
  width: 25%;
}

@media screen and (max-width: 414px) {

  .col-25.no-margin {
    width: 100%;
    margin-bottom: 0;
  }
}

.col-25.aligncenter {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.col-25.alignright {
  display: inline;
  float: right;
}

.col-25.alignleft {
  display: inline;
  float: left;
}

.col-33 {
  width: 28.33%;
  margin-right: 5%;
  float: left;
  overflow: hidden;
}

@media screen and (max-width: 414px) {
  .col-33 {
    width: 100%;
    margin-bottom: 0;
  }
}

.col-33:nth-of-type(2) {
  float: right;
  margin-right: 0;
}

@media screen and (max-width: 414px) {
  .col-33:nth-of-type(2) {
    width: 100%;
    margin-bottom: 0;
  }
}

.col-33:last-of-type {
  margin: 0 auto;
  width: 33.33%;
}

@media screen and (max-width: 414px) {
  .col-33:last-of-type {
    width: 100%;
    margin-bottom: 0;
  }
}

.col-33.no-margin {
  margin-right: 0;
  width: 33.333%;
}

@media screen and (max-width: 414px) {
  .col-33.no-margin {
    width: 100%;
    margin-bottom: 0;
  }
}

.col-33.aligncenter {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.col-33.alignright {
  display: inline;
  float: right;
}

.col-33.alignleft {
  display: inline;
  float: left;
}

.col-40 {
  width: 35%;
  margin-right: 5%;
  float: left;
  overflow: hidden;
}

@media screen and (max-width: 414px) {
  .col-40 {
    width: 100%;
    margin-bottom: 0;
  }
}

.col-40:nth-of-type(2) {
  float: right;
  margin-right: 0;
}

@media screen and (max-width: 414px) {
  .col-40:nth-of-type(2) {
    width: 100%;
    margin-bottom: 0;
  }
}

.col-40:last-of-type {
  margin: 0 auto;
  width: 40%;
}

@media screen and (max-width: 414px) {

  .col-40:last-of-type {
    width: 100%;
    margin-bottom: 0;
  }
}

.col-40.no-margin {
  margin-right: 0;
  width: 40%;
}

@media screen and (max-width: 414px) {
  .col-40.no-margin {
    width: 100%;
    margin-bottom: 0;
  }
}

.col-40.aligncenter {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.col-40.alignright {
  display: inline;
  float: right;
}

.col-40.alignleft {
  display: inline;
  float: left;
}

.col-50 {
  width: 45%;
  margin-right: 5%;
  float: left;
  overflow: hidden;
}

@media screen and (max-width: 414px) {
  .col-50 {
    width: 100%;
    margin-bottom: 0;
  }
}

.col-50:last-of-type {
  margin-right: 0;
  width: 50%;
}

@media screen and (max-width: 414px) {
  .col-50:last-of-type {
    width: 100%;
    margin-bottom: 0;
  }
}

.col-50.no-margin {
  margin-right: 0;
  width: 50%;
}

@media screen and (max-width: 414px) {
  .col-50.no-margin {
    width: 100%;
    margin-bottom: 0;
  }
}

.col-50.aligncenter {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.col-50.alignright {
  display: inline;
  float: right;
}

.col-50.alignleft {
  display: inline;
  float: left;
}

.col-60 {
  width: 55%;
  margin-right: 5%;
  float: left;
  overflow: hidden;
}

@media screen and (max-width: 414px) {
  .col-60 {
    width: 100%;
    margin-bottom: 0;
  }
}

.col-60:last-of-type {
  margin-right: 0;
  width: 60%;
}

@media screen and (max-width: 414px) {
  .col-60:last-of-type {
    width: 100%;
    margin-bottom: 0;
  }
}

.col-60.no-margin {
  margin-right: 0;
  width: 60%;
}

@media screen and (max-width: 414px) {
  .col-60.no-margin {
    width: 100%;
    margin-bottom: 0;
  }
}

.col-60.aligncenter {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.col-60.alignright {
  display: inline;
  float: right;
}

.col-60.alignleft {
  display: inline;
  float: left;
}

.col-75 {
  width: 70%;
  margin-right: 5%;
  float: left;
  overflow: hidden;
}

@media screen and (max-width: 414px) {
  .col-75 {
    width: 100%;
    margin-bottom: 0;
  }
}

.col-75:last-of-type {
  width: 75%;
  margin-right: 0;
}

@media screen and (max-width: 414px) {
  .col-75:last-of-type {
    width: 100%;
    margin-bottom: 0;
  }
}

.col-75.no-margin {
  margin-right: 0;
  width: 75%;
}

@media screen and (max-width: 414px) {
  .col-75.no-margin {
    width: 100%;
    margin-bottom: 0;
  }
}

.col-75.aligncenter {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.col-75.alignright {
  display: inline;
  float: right;
}

.col-75.alignleft {
  display: inline;
  float: left;
}


.col-80 {
  width: 75%;
  margin-right: 5%;
  float: left;
  overflow: hidden;
}

@media screen and (max-width: 414px) {
  .col-80 {
    width: 100%;
    margin-bottom: 0;
  }
}

.col-80:last-of-type {
  width: 80%;
  margin-right: 0;
}
@media screen and (max-width: 414px) {
  .col-80:last-of-type {
    width: 100%;
    margin-bottom: 0;
  }
}

.col-80.no-margin {
  margin-right: 0;
  width: 80%;
}

@media screen and (max-width: 414px) {
  .col-80.no-margin {
    width: 100%;
    margin-bottom: 0;
  }
}

.col-80.aligncenter {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.col-80.alignright {
  display: inline;
  float: right;
}

.col-80.alignleft {
  display: inline;
  float: left;
}


.col-100 {
  width: 100%;
  overflow: hidden;
}

@media screen and (max-width: 414px) {
  .col-100 {
    width: 100%;
    margin-bottom: 0;
  }
}

.col-100.no-margin {
  margin-right: 0;
  width: 100%;
}
@media screen and (max-width: 414px) {
  .col-100.no-margin {
    width: 100%;
    margin-bottom: 0;
  }
}

.col-100.aligncenter {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.col-100.alignright {
  display: inline;
  float: right;
}

.col-100.alignleft {
  display: inline;
  float: left;
}