* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-size: 16px;
  font-family: 'Montserrat', sans-serif;
}

img {
  display: block;
}
img.responsive {
  max-width: 100%;
  height: auto;
}

.video-container {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  background: #000000;
}
.video-container video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

a {
  display: inline-block;
  text-decoration: none;
}

input, textarea, button {
  border: none;
  outline: none;
}

ul {
  list-style: none;
}
ul li {
  display: block;
}


.flex {
  display: flex;
  flex-wrap: wrap;
}
.flex.nowrap {
  flex-wrap: nowrap;
}

.left {
  justify-content: flex-start;
}

.center {
  justify-content: center;
}

.right {
  justify-content: flex-end;
}

.between {
  justify-content: space-between;
}

.around {
  justify-content: space-around;
}

.top {
  align-items: flex-start;
}

.middle {
  align-items: center;
}

.bottom {
  align-items: flex-end;
}

.stretch {
  align-items: stretch;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.table {
  display: table;
}

.hide {
  display: none;
}

.float:before, .float:after {
  content: "";
  display: block;
  clear: both;
}
.float > * {
  float: left;
}
.float > .float-right {
  float: right;
}

.container, .container-l, .container-m, .container-s {
  margin-left: auto;
  margin-right: auto;
}

.container {
  max-width: 1200px;
}

.container-l {
  max-width: 960px;
}

.container-m {
  max-width: 750px;
}

.container-s {
  max-width: 480px;
}

.grid-1-1 > * {
  width: 100%;
}

.grid-1-2 > * {
  width: 50%;
}

.grid-1-3 > * {
  width: 33.333333%;
}

.grid-1-4 > * {
  width: 25%;
}

.grid-1-5 > * {
  width: 20%;
}

.col-1-1 {
  width: 100%;
}

.col-1-2 {
  width: 50%;
}

.col-1-3 {
  width: 33.333333%;
}

.col-2-3 {
  width: 66.666666%;
}

.col-1-4 {
  width: 25%;
}

.col-3-4 {
  width: 75%;
}

.col-1-5 {
  width: 20%;
}

.col-2-5 {
  width: 40%;
}

.col-3-5 {
  width: 60%;
}

.col-4-5 {
  width: 80%;
}

.grid-1-6>* {
  width: 16.6666%;
}

.col-x {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
}

.grid-p-1 > * {
  padding: 8px;
}

.grid-p-2 > * {
  padding: 16px;
}

.grid-p-3 > * {
  padding: 24px;
}

.grid-p-4 > * {
  padding: 32px;
}

.grid-pt-1 > * {
  padding-top: 8px;
}

.grid-pt-2 > * {
  padding-top: 16px;
}

.grid-pt-3 > * {
  padding-top: 24px;
}

.grid-pt-4 > * {
  padding-top: 32px;
}

.grid-pb-1 > * {
  padding-bottom: 8px;
}

.grid-pb-2 > * {
  padding-bottom: 16px;
}

.grid-pb-3 > * {
  padding-bottom: 24px;
}

.grid-pb-4 > * {
  padding-bottom: 32px;
}

.grid-gutter-1 > * {
  padding-left: 8px;
  padding-right: 8px;
}

.grid-gutter-2 > * {
  padding-left: 16px;
  padding-right: 16px;
}

.grid-gutter-3 > * {
  padding-left: 24px;
  padding-right: 24px;
}

.grid-gutter-4 > * {
  padding-left: 32px;
  padding-right: 32px;
}

.grid-pl-1 > * {
  padding-left: 8px;
}

.grid-pl-2 > * {
  padding-left: 16px;
}

.grid-pl-3 > * {
  padding-left: 24px;
}

.grid-pl-4 > * {
  padding-left: 32px;
}

.grid-pr-1 > * {
  padding-right: 8px;
}

.grid-pr-2 > * {
  padding-right: 16px;
}

.grid-pr-3 > * {
  padding-right: 24px;
}

.grid-pr-4 > * {
  padding-right: 32px;
}

.p-1 {
  padding: 8px;
}

.p-2 {
  padding: 16px;
}

.p-3 {
  padding: 24px;
}

.p-4 {
  padding: 32px;
}

.pt-1 {
  padding-top: 8px;
}

.pt-2 {
  padding-top: 16px;
}

.pt-3 {
  padding-top: 24px;
}

.pt-4 {
  padding-top: 32px;
}

.pb-1 {
  padding-bottom: 8px;
}

.pb-2 {
  padding-bottom: 16px;
}

.pb-3 {
  padding-bottom: 24px;
}

.pb-4 {
  padding-bottom: 32px;
}

.pl-1 {
  padding-left: 8px;
}

.pl-2 {
  padding-left: 16px;
}

.pl-3 {
  padding-left: 24px;
}

.pl-4 {
  padding-left: 32px;
}

.pr-1 {
  padding-right: 8px;
}

.pr-2 {
  padding-right: 16px;
}

.pr-3 {
  padding-right: 24px;
}

.pr-4 {
  padding-right: 32px;
}

.gutter-1 {
  padding-left: 8px;
  padding-right: 8px;
}

.gutter-2 {
  padding-left: 16px;
  padding-right: 16px;
}

.gutter-3 {
  padding-left: 24px;
  padding-right: 24px;
}

.gutter-4 {
  padding-left: 32px;
  padding-right: 32px;
}

.mt-1 {
  margin-top: 8px;
}

.mt-2 {
  margin-top: 16px;
}

.mt-3 {
  margin-top: 24px;
}

.mt-4 {
  margin-top: 32px;
}

.mb-1 {
  margin-bottom: 8px;
}

.mb-2 {
  margin-bottom: 16px;
}

.mb-3 {
  margin-bottom: 24px;
}

.mb-4 {
  margin-bottom: 32px;
}

.ml-1 {
  margin-left: 8px;
}

.ml-2 {
  margin-left: 16px;
}

.ml-3 {
  margin-left: 24px;
}

.ml-4 {
  margin-left: 32px;
}

.mr-1 {
  margin-right: 8px;
}

.mr-2 {
  margin-right: 16px;
}

.mr-3 {
  margin-right: 24px;
}

.mr-4 {
  margin-right: 32px;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.upppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

.lowercase {
  text-transform: lowercase;
}

@media screen and (max-width: 1200px) {
  .flex-l {
    display: flex;
    flex-wrap: wrap;
  }
  .flex-l.nowrap-l {
    flex-wrap: nowrap;
  }

  .left-l {
    justify-content: flex-start;
  }

  .center-l {
    justify-content: center;
  }

  .right-l {
    justify-content: flex-end;
  }

  .between-l {
    justify-content: space-between;
  }

  .around-l {
    justify-content: space-around;
  }

  .top-l {
    align-items: flex-start;
  }

  .middle-l {
    align-items: center;
  }

  .bottom-l {
    align-items: flex-end;
  }

  .stretch-l {
    align-items: stretch;
  }

  .block-l {
    display: block;
  }

  .inline-block-l {
    display: inline-block;
  }

  .table-l {
    display: table;
  }

  .hide-l {
    display: none;
  }

  .container.responsive {
    max-width: 960px;
  }

  .grid-1-1-l > * {
    width: 100%;
  }

  .grid-1-2-l > * {
    width: 50%;
  }

  .grid-1-3-l > * {
    width: 33.333333%;
  }

  .grid-1-4-l > * {
    width: 25%;
  }

  .grid-1-5-l > * {
    width: 20%;
  }

  .col-1-1-l {
    width: 100%;
  }

  .col-1-2-l {
    width: 50%;
  }

  .col-1-3-l {
    width: 33.333333%;
  }

  .col-2-3-l {
    width: 66.666667%;
  }

  .col-1-4-l {
    width: 25%;
  }

  .col-3-4-l {
    width: 75%;
  }

  .col-1-5-l {
    width: 20%;
  }

  .col-2-5-l {
    width: 40%;
  }

  .col-3-5-l {
    width: 60%;
  }

  .col-4-5-l {
    width: 80%;
  }

  .col-x-l {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .p-0-l {
    padding: 0;
  }

  .p-1-l {
    padding: 8px;
  }

  .p-2-l {
    padding: 16px;
  }

  .p-3-l {
    padding: 24px;
  }

  .p-4-l {
    padding: 32px;
  }

  .pt-0-l {
    padding-top: 0;
  }

  .pt-1-l {
    padding-top: 8px;
  }

  .pt-2-l {
    padding-top: 16px;
  }

  .pt-3-l {
    padding-top: 24px;
  }

  .pt-4-l {
    padding-top: 32px;
  }

  .pb-0-l {
    padding-bottom: 0;
  }

  .pb-1-l {
    padding-bottom: 8px;
  }

  .pb-2-l {
    padding-bottom: 16px;
  }

  .pb-3-l {
    padding-bottom: 24px;
  }

  .pb-4-l {
    padding-bottom: 32px;
  }

  .pl-0-l {
    padding-left: 0;
  }

  .pl-1-l {
    padding-left: 8px;
  }

  .pl-2-l {
    padding-left: 16px;
  }

  .pl-3-l {
    padding-left: 24px;
  }

  .pl-4-l {
    padding-left: 32px;
  }

  .pr-0-l {
    padding-right: 0;
  }

  .pr-1-l {
    padding-right: 8px;
  }

  .pr-2-l {
    padding-right: 16px;
  }

  .pr-3-l {
    padding-right: 24px;
  }

  .pr-4-l {
    padding-right: 32px;
  }

  .gutter-0-l {
    padding-left: 0;
    padding-right: 0;
  }

  .gutter-1-l {
    padding-left: 8px;
    padding-right: 8px;
  }

  .gutter-2-l {
    padding-left: 16px;
    padding-right: 16px;
  }

  .gutter-3-l {
    padding-left: 24px;
    padding-right: 24px;
  }

  .gutter-4-l {
    padding-left: 32px;
    padding-right: 32px;
  }

  .mt-0-l {
    margin-top: 0;
  }

  .mt-1-l {
    margin-top: 8px;
  }

  .mt-2-l {
    margin-top: 16px;
  }

  .mt-3-l {
    margin-top: 24px;
  }

  .mt-4-l {
    margin-top: 32px;
  }

  .mb-0-l {
    margin-bottom: 0;
  }

  .mb-1-l {
    margin-bottom: 8px;
  }

  .mb-2-l {
    margin-bottom: 16px;
  }

  .mb-3-l {
    margin-bottom: 24px;
  }

  .mb-4-l {
    margin-bottom: 32px;
  }

  .ml-0-l {
    margin-left: 0;
  }

  .ml-1-l {
    margin-left: 8px;
  }

  .ml-2-l {
    margin-left: 16px;
  }

  .ml-3-l {
    margin-left: 24px;
  }

  .ml-4-l {
    margin-left: 32px;
  }

  .mr-0-l {
    margin-right: 0;
  }

  .mr-1-l {
    margin-right: 8px;
  }

  .mr-2-l {
    margin-right: 16px;
  }

  .mr-3-l {
    margin-right: 24px;
  }

  .mr-4-l {
    margin-right: 32px;
  }

  .text-left-l {
    text-align: left;
  }

  .text-center-l {
    text-align: center;
  }

  .text-right-l {
    text-align: right;
  }

  .text-justify-l {
    text-align: justify;
  }
}
@media screen and (max-width: 800px) {
  .flex-m {
    display: flex;
    flex-wrap: wrap;
  }
  .flex-m.nowrap-m {
    flex-wrap: nowrap;
  }

  .left-m {
    justify-content: flex-start;
  }

  .center-m {
    justify-content: center;
  }

  .right-m {
    justify-content: flex-end;
  }

  .between-m {
    justify-content: space-between;
  }

  .around-m {
    justify-content: space-around;
  }

  .top-m {
    align-items: flex-start;
  }

  .middle-m {
    align-items: center;
  }

  .bottom-m {
    align-items: flex-end;
  }

  .stretch-m {
    align-items: stretch;
  }

  .block-m {
    display: block;
  }

  .inline-block-m {
    display: inline-block;
  }

  .table-m {
    display: table;
  }

  .hide-m {
    display: none;
  }

  .container.responsive {
    max-width: 750px;
  }

  .grid-1-1-m > * {
    width: 100%;
  }

  .grid-1-2-m > * {
    width: 50%;
  }

  .grid-1-3-m > * {
    width: 33.333333%;
  }

  .grid-1-4-m > * {
    width: 25%;
  }

  .grid-1-5-m > * {
    width: 20%;
  }

  .col-1-1-m {
    width: 100%;
  }

  .col-1-2-m {
    width: 50%;
  }

  .col-1-3-m {
    width: 33.333333%;
  }

  .col-2-3-m {
    width: 66.666667%;
  }

  .col-1-4-m {
    width: 25%;
  }

  .col-3-4-m {
    width: 75%;
  }

  .col-1-5-m {
    width: 20%;
  }

  .col-2-5-m {
    width: 40%;
  }

  .col-3-5-m {
    width: 60%;
  }

  .col-4-5-m {
    width: 80%;
  }

  .col-x-m {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .p-0-m {
    padding: 0;
  }

  .p-1-m {
    padding: 8px;
  }

  .p-2-m {
    padding: 16px;
  }

  .p-3-m {
    padding: 24px;
  }

  .p-4-m {
    padding: 32px;
  }

  .pt-0-m {
    padding-top: 0;
  }

  .pt-1-m {
    padding-top: 8px;
  }

  .pt-2-m {
    padding-top: 16px;
  }

  .pt-3-m {
    padding-top: 24px;
  }

  .pt-4-m {
    padding-top: 32px;
  }

  .pb-0-m {
    padding-bottom: 0;
  }

  .pb-1-m {
    padding-bottom: 8px;
  }

  .pb-2-m {
    padding-bottom: 16px;
  }

  .pb-3-m {
    padding-bottom: 24px;
  }

  .pb-4-m {
    padding-bottom: 32px;
  }

  .pl-0-m {
    padding-left: 0;
  }

  .pl-1-m {
    padding-left: 8px;
  }

  .pl-2-m {
    padding-left: 16px;
  }

  .pl-3-m {
    padding-left: 24px;
  }

  .pl-4-m {
    padding-left: 32px;
  }

  .pr-0-m {
    padding-right: 0;
  }

  .pr-1-m {
    padding-right: 8px;
  }

  .pr-2-m {
    padding-right: 16px;
  }

  .pr-3-m {
    padding-right: 24px;
  }

  .pr-4-m {
    padding-right: 32px;
  }

  .gutter-0-m {
    padding-left: 0;
    padding-right: 0;
  }

  .gutter-1-m {
    padding-left: 8px;
    padding-right: 8px;
  }

  .gutter-2-m {
    padding-left: 16px;
    padding-right: 16px;
  }

  .gutter-3-m {
    padding-left: 24px;
    padding-right: 24px;
  }

  .gutter-4-m {
    padding-left: 32px;
    padding-right: 32px;
  }

  .mt-0-m {
    margin-top: 0;
  }

  .mt-1-m {
    margin-top: 8px;
  }

  .mt-2-m {
    margin-top: 16px;
  }

  .mt-3-m {
    margin-top: 24px;
  }

  .mt-4-m {
    margin-top: 32px;
  }

  .mb-0-m {
    margin-bottom: 0;
  }

  .mb-1-m {
    margin-bottom: 8px;
  }

  .mb-2-m {
    margin-bottom: 16px;
  }

  .mb-3-m {
    margin-bottom: 24px;
  }

  .mb-4-m {
    margin-bottom: 32px;
  }

  .ml-0-m {
    margin-left: 0;
  }

  .ml-1-m {
    margin-left: 8px;
  }

  .ml-2-m {
    margin-left: 16px;
  }

  .ml-3-m {
    margin-left: 24px;
  }

  .ml-4-m {
    margin-left: 32px;
  }

  .mr-0-m {
    margin-right: 0;
  }

  .mr-1-m {
    margin-right: 8px;
  }

  .mr-2-m {
    margin-right: 16px;
  }

  .mr-3-m {
    margin-right: 24px;
  }

  .mr-4-m {
    margin-right: 32px;
  }

  .text-left-m {
    text-align: left;
  }

  .text-center-m {
    text-align: center;
  }

  .text-right-m {
    text-align: right;
  }

  .text-justify-m {
    text-align: justify;
  }
}
@media screen and (max-width: 640px) {
  .container.responsive {
    max-width: 480px;
  }

  .flex-s {
    display: flex;
    flex-wrap: wrap;
  }
  .flex-s.nowrap {
    flex-wrap: nowrap;
  }

  .left-s {
    justify-content: flex-start;
  }

  .center-s {
    justify-content: center;
  }

  .right-s {
    justify-content: flex-end;
  }

  .between-s {
    justify-content: space-between;
  }

  .around-s {
    justify-content: space-around;
  }

  .top-s {
    align-items: flex-start;
  }

  .middle-s {
    align-items: center;
  }

  .bottom-s {
    align-items: flex-end;
  }

  .stretch-s {
    align-items: stretch;
  }

  .block-s {
    display: block;
  }

  .inline-block-s {
    display: inline-block;
  }

  .hide-s {
    display: none;
  }

  .grid-1-1-s > * {
    width: 100%;
  }

  .grid-1-2-s > * {
    width: 50%;
  }

  .grid-1-3-s > * {
    width: 33.333333%;
  }

  .grid-1-4-s > * {
    width: 25%;
  }

  .col-1-1-s {
    width: 100%;
  }

  .col-1-2-s {
    width: 50%;
  }

  .col-1-3-s {
    width: 33.333333%;
  }

  .col-2-3-s {
    width: 66.666667%;
  }

  .col-1-4-s {
    width: 25%;
  }

  .col-3-4-s {
    width: 75%;
  }

  .col-x-s {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .p-0-s {
    padding: 0;
  }

  .p-1-s {
    padding: 8px;
  }

  .p-2-s {
    padding: 16px;
  }

  .p-3-s {
    padding: 24px;
  }

  .p-4-s {
    padding: 32px;
  }

  .pt-0-s {
    padding-top: 0;
  }

  .pt-1-s {
    padding-top: 8px;
  }

  .pt-2-s {
    padding-top: 16px;
  }

  .pt-3-s {
    padding-top: 24px;
  }

  .pt-4-s {
    padding-top: 32px;
  }

  .pb-0-s {
    padding-bottom: 0;
  }

  .pb-1-s {
    padding-bottom: 8px;
  }

  .pb-2-s {
    padding-bottom: 16px;
  }

  .pb-3-s {
    padding-bottom: 24px;
  }

  .pb-4-s {
    padding-bottom: 32px;
  }

  .pl-0-s {
    padding-left: 0;
  }

  .pl-1-s {
    padding-left: 8px;
  }

  .pl-2-s {
    padding-left: 16px;
  }

  .pl-3-s {
    padding-left: 24px;
  }

  .pl-4-s {
    padding-left: 32px;
  }

  .pr-0-s {
    padding-right: 0;
  }

  .pr-1-s {
    padding-right: 8px;
  }

  .pr-2-s {
    padding-right: 16px;
  }

  .pr-3-s {
    padding-right: 24px;
  }

  .pr-4-s {
    padding-right: 32px;
  }

  .gutter-0-s {
    padding-left: 0;
    padding-right: 0;
  }

  .gutter-1-s {
    padding-left: 8px;
    padding-right: 8px;
  }

  .gutter-2-s {
    padding-left: 16px;
    padding-right: 16px;
  }

  .gutter-3-s {
    padding-left: 24px;
    padding-right: 24px;
  }

  .gutter-4-s {
    padding-left: 32px;
    padding-right: 32px;
  }

  .mt-0-s {
    margin-top: 0;
  }

  .mt-1-s {
    margin-top: 8px;
  }

  .mt-2-s {
    margin-top: 16px;
  }

  .mt-3-s {
    margin-top: 24px;
  }

  .mt-4-s {
    margin-top: 32px;
  }

  .mb-0-s {
    margin-bottom: 0;
  }

  .mb-1-s {
    margin-bottom: 8px;
  }

  .mb-2-s {
    margin-bottom: 16px;
  }

  .mb-3-s {
    margin-bottom: 24px;
  }

  .mb-4-s {
    margin-bottom: 32px;
  }

  .ml-0-s {
    margin-left: 0;
  }

  .ml-1-s {
    margin-left: 8px;
  }

  .ml-2-s {
    margin-left: 16px;
  }

  .ml-3-s {
    margin-left: 24px;
  }

  .ml-4-s {
    margin-left: 32px;
  }

  .mr-0-s {
    margin-right: 0;
  }

  .mr-1-s {
    margin-right: 8px;
  }

  .mr-2-s {
    margin-right: 16px;
  }

  .mr-3-s {
    margin-right: 24px;
  }

  .mr-4-s {
    margin-right: 32px;
  }

  .text-left-s {
    text-align: left;
  }

  .text-center-s {
    text-align: center;
  }

  .text-right-s {
    text-align: right;
  }

  .text-justify-s {
    text-align: justify;
  }
}