@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,600);.mg-0 {
  margin: 0 !important;
}

.pd-0 {
  padding: 0 !important;
}

.bold {
  font-weight: bold;
}

.position-relative {
  position: relative;
}

.pd-thalf {
  margin-top: .5rem;
}

.text-uppercase {
  text-transform: uppercase;
}

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

.hidden {
  display: none;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

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

.flex-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.flex-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex-beetwen {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flex-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.flex-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.flex-item-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex-stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

[class^="flex-lg"],
[class^="flex-md"],
[class^="flex-sm"],
[class^="flex-xs"] {
  width: 100%;
}

.flex-5 {
  width: 5%;
  padding: 7px 7px;
}

.flex-10 {
  width: 10%;
  padding: 7px 7px;
}

.flex-15 {
  width: 15%;
  padding: 7px 7px;
}

.flex-20 {
  width: 20%;
  padding: 7px 7px;
}

.flex-25 {
  width: 25%;
  padding: 7px 7px;
}

.flex-30 {
  width: 30%;
  padding: 7px 7px;
}

.flex-35 {
  width: 35%;
  padding: 7px 7px;
}

.flex-40 {
  width: 40%;
  padding: 7px 7px;
}

.flex-45 {
  width: 45%;
  padding: 7px 7px;
}

.flex-50 {
  width: 50%;
  padding: 7px 7px;
}

.flex-55 {
  width: 55%;
  padding: 7px 7px;
}

.flex-60 {
  width: 60%;
  padding: 7px 7px;
}

.flex-65 {
  width: 65%;
  padding: 7px 7px;
}

.flex-70 {
  width: 70%;
  padding: 7px 7px;
}

.flex-75 {
  width: 75%;
  padding: 7px 7px;
}

.flex-80 {
  width: 80%;
  padding: 7px 7px;
}

.flex-85 {
  width: 85%;
  padding: 7px 7px;
}

.flex-90 {
  width: 90%;
  padding: 7px 7px;
}

.flex-95 {
  width: 95%;
  padding: 7px 7px;
}

.flex-100 {
  width: 100%;
  padding: 7px 7px;
}

.flex-2 {
  width: 2%;
  padding: 7px 7px;
}

.flex-4 {
  width: 4%;
  padding: 7px 7px;
}

.flex-6 {
  width: 6%;
  padding: 7px 7px;
}

.flex-8 {
  width: 8%;
  padding: 7px 7px;
}

.flex-10 {
  width: 10%;
  padding: 7px 7px;
}

.flex-12 {
  width: 12%;
  padding: 7px 7px;
}

.flex-14 {
  width: 14%;
  padding: 7px 7px;
}

.flex-16 {
  width: 16%;
  padding: 7px 7px;
}

.flex-18 {
  width: 18%;
  padding: 7px 7px;
}

.flex-20 {
  width: 20%;
  padding: 7px 7px;
}

.flex-22 {
  width: 22%;
  padding: 7px 7px;
}

.flex-24 {
  width: 24%;
  padding: 7px 7px;
}

.flex-26 {
  width: 26%;
  padding: 7px 7px;
}

.flex-28 {
  width: 28%;
  padding: 7px 7px;
}

.flex-30 {
  width: 30%;
  padding: 7px 7px;
}

.flex-32 {
  width: 32%;
  padding: 7px 7px;
}

.flex-34 {
  width: 34%;
  padding: 7px 7px;
}

.flex-36 {
  width: 36%;
  padding: 7px 7px;
}

.flex-38 {
  width: 38%;
  padding: 7px 7px;
}

.flex-40 {
  width: 40%;
  padding: 7px 7px;
}

.flex-42 {
  width: 42%;
  padding: 7px 7px;
}

.flex-44 {
  width: 44%;
  padding: 7px 7px;
}

.flex-46 {
  width: 46%;
  padding: 7px 7px;
}

.flex-48 {
  width: 48%;
  padding: 7px 7px;
}

.flex-50 {
  width: 50%;
  padding: 7px 7px;
}

.flex-52 {
  width: 52%;
  padding: 7px 7px;
}

.flex-54 {
  width: 54%;
  padding: 7px 7px;
}

.flex-56 {
  width: 56%;
  padding: 7px 7px;
}

.flex-58 {
  width: 58%;
  padding: 7px 7px;
}

.flex-60 {
  width: 60%;
  padding: 7px 7px;
}

.flex-62 {
  width: 62%;
  padding: 7px 7px;
}

.flex-64 {
  width: 64%;
  padding: 7px 7px;
}

.flex-66 {
  width: 66%;
  padding: 7px 7px;
}

.flex-68 {
  width: 68%;
  padding: 7px 7px;
}

.flex-70 {
  width: 70%;
  padding: 7px 7px;
}

.flex-72 {
  width: 72%;
  padding: 7px 7px;
}

.flex-74 {
  width: 74%;
  padding: 7px 7px;
}

.flex-76 {
  width: 76%;
  padding: 7px 7px;
}

.flex-78 {
  width: 78%;
  padding: 7px 7px;
}

.flex-80 {
  width: 80%;
  padding: 7px 7px;
}

.flex-82 {
  width: 82%;
  padding: 7px 7px;
}

.flex-84 {
  width: 84%;
  padding: 7px 7px;
}

.flex-86 {
  width: 86%;
  padding: 7px 7px;
}

.flex-88 {
  width: 88%;
  padding: 7px 7px;
}

.flex-90 {
  width: 90%;
  padding: 7px 7px;
}

.flex-92 {
  width: 92%;
  padding: 7px 7px;
}

.flex-94 {
  width: 94%;
  padding: 7px 7px;
}

.flex-96 {
  width: 96%;
  padding: 7px 7px;
}

.flex-98 {
  width: 98%;
  padding: 7px 7px;
}

.flex-100 {
  width: 100%;
  padding: 7px 7px;
}

.flex-1-3 {
  width: 33.333333333333336%;
  padding: 7px 7px;
}

.flex-1-6 {
  width: 16.666666666666668%;
  padding: 7px 7px;
}

.flex-1-7 {
  width: 14.285714285714286%;
  padding: 7px 7px;
}

.flex-1-8 {
  width: 12.5%;
  padding: 7px 7px;
}

.flex-1-9 {
  width: 11.11111111111111%;
  padding: 7px 7px;
}

.mg-t1 {
  margin-top: 1rem;
}

.pd-t1 {
  padding-top: 1rem;
}

.mg-l1 {
  margin-left: 1rem;
}

.pd-l1 {
  padding-left: 1rem;
}

.mg-r1 {
  margin-right: 1rem;
}

.pd-r1 {
  padding-right: 1rem;
}

.mg-b1 {
  margin-bottom: 1rem;
}

.pd-b1 {
  padding-bottom: 1rem;
}

.mg-t2 {
  margin-top: 2rem;
}

.pd-t2 {
  padding-top: 2rem;
}

.mg-l2 {
  margin-left: 2rem;
}

.pd-l2 {
  padding-left: 2rem;
}

.mg-r2 {
  margin-right: 2rem;
}

.pd-r2 {
  padding-right: 2rem;
}

.mg-b2 {
  margin-bottom: 2rem;
}

.pd-b2 {
  padding-bottom: 2rem;
}

.mg-t3 {
  margin-top: 3rem;
}

.pd-t3 {
  padding-top: 3rem;
}

.mg-l3 {
  margin-left: 3rem;
}

.pd-l3 {
  padding-left: 3rem;
}

.mg-r3 {
  margin-right: 3rem;
}

.pd-r3 {
  padding-right: 3rem;
}

.mg-b3 {
  margin-bottom: 3rem;
}

.pd-b3 {
  padding-bottom: 3rem;
}

.mg-t4 {
  margin-top: 4rem;
}

.pd-t4 {
  padding-top: 4rem;
}

.mg-l4 {
  margin-left: 4rem;
}

.pd-l4 {
  padding-left: 4rem;
}

.mg-r4 {
  margin-right: 4rem;
}

.pd-r4 {
  padding-right: 4rem;
}

.mg-b4 {
  margin-bottom: 4rem;
}

.pd-b4 {
  padding-bottom: 4rem;
}

.mg-t5 {
  margin-top: 5rem;
}

.pd-t5 {
  padding-top: 5rem;
}

.mg-l5 {
  margin-left: 5rem;
}

.pd-l5 {
  padding-left: 5rem;
}

.mg-r5 {
  margin-right: 5rem;
}

.pd-r5 {
  padding-right: 5rem;
}

.mg-b5 {
  margin-bottom: 5rem;
}

.pd-b5 {
  padding-bottom: 5rem;
}

.mg-t6 {
  margin-top: 6rem;
}

.pd-t6 {
  padding-top: 6rem;
}

.mg-l6 {
  margin-left: 6rem;
}

.pd-l6 {
  padding-left: 6rem;
}

.mg-r6 {
  margin-right: 6rem;
}

.pd-r6 {
  padding-right: 6rem;
}

.mg-b6 {
  margin-bottom: 6rem;
}

.pd-b6 {
  padding-bottom: 6rem;
}

.mg-t7 {
  margin-top: 7rem;
}

.pd-t7 {
  padding-top: 7rem;
}

.mg-l7 {
  margin-left: 7rem;
}

.pd-l7 {
  padding-left: 7rem;
}

.mg-r7 {
  margin-right: 7rem;
}

.pd-r7 {
  padding-right: 7rem;
}

.mg-b7 {
  margin-bottom: 7rem;
}

.pd-b7 {
  padding-bottom: 7rem;
}

.mg-t8 {
  margin-top: 8rem;
}

.pd-t8 {
  padding-top: 8rem;
}

.mg-l8 {
  margin-left: 8rem;
}

.pd-l8 {
  padding-left: 8rem;
}

.mg-r8 {
  margin-right: 8rem;
}

.pd-r8 {
  padding-right: 8rem;
}

.mg-b8 {
  margin-bottom: 8rem;
}

.pd-b8 {
  padding-bottom: 8rem;
}

.mg-t9 {
  margin-top: 9rem;
}

.pd-t9 {
  padding-top: 9rem;
}

.mg-l9 {
  margin-left: 9rem;
}

.pd-l9 {
  padding-left: 9rem;
}

.mg-r9 {
  margin-right: 9rem;
}

.pd-r9 {
  padding-right: 9rem;
}

.mg-b9 {
  margin-bottom: 9rem;
}

.pd-b9 {
  padding-bottom: 9rem;
}

.mg-t10 {
  margin-top: 10rem;
}

.pd-t10 {
  padding-top: 10rem;
}

.mg-l10 {
  margin-left: 10rem;
}

.pd-l10 {
  padding-left: 10rem;
}

.mg-r10 {
  margin-right: 10rem;
}

.pd-r10 {
  padding-right: 10rem;
}

.mg-b10 {
  margin-bottom: 10rem;
}

.pd-b10 {
  padding-bottom: 10rem;
}

@media (min-width: 320px) {
  .flex-xs-5 {
    width: 5%;
    padding: 7px 7px;
  }

  .flex-xs-10 {
    width: 10%;
    padding: 7px 7px;
  }

  .flex-xs-15 {
    width: 15%;
    padding: 7px 7px;
  }

  .flex-xs-20 {
    width: 20%;
    padding: 7px 7px;
  }

  .flex-xs-25 {
    width: 25%;
    padding: 7px 7px;
  }

  .flex-xs-30 {
    width: 30%;
    padding: 7px 7px;
  }

  .flex-xs-35 {
    width: 35%;
    padding: 7px 7px;
  }

  .flex-xs-40 {
    width: 40%;
    padding: 7px 7px;
  }

  .flex-xs-45 {
    width: 45%;
    padding: 7px 7px;
  }

  .flex-xs-50 {
    width: 50%;
    padding: 7px 7px;
  }

  .flex-xs-55 {
    width: 55%;
    padding: 7px 7px;
  }

  .flex-xs-60 {
    width: 60%;
    padding: 7px 7px;
  }

  .flex-xs-65 {
    width: 65%;
    padding: 7px 7px;
  }

  .flex-xs-70 {
    width: 70%;
    padding: 7px 7px;
  }

  .flex-xs-75 {
    width: 75%;
    padding: 7px 7px;
  }

  .flex-xs-80 {
    width: 80%;
    padding: 7px 7px;
  }

  .flex-xs-85 {
    width: 85%;
    padding: 7px 7px;
  }

  .flex-xs-90 {
    width: 90%;
    padding: 7px 7px;
  }

  .flex-xs-95 {
    width: 95%;
    padding: 7px 7px;
  }

  .flex-xs-100 {
    width: 100%;
    padding: 7px 7px;
  }

  .flex-xs-2 {
    width: 2%;
    padding: 7px 7px;
  }

  .flex-xs-4 {
    width: 4%;
    padding: 7px 7px;
  }

  .flex-xs-6 {
    width: 6%;
    padding: 7px 7px;
  }

  .flex-xs-8 {
    width: 8%;
    padding: 7px 7px;
  }

  .flex-xs-10 {
    width: 10%;
    padding: 7px 7px;
  }

  .flex-xs-12 {
    width: 12%;
    padding: 7px 7px;
  }

  .flex-xs-14 {
    width: 14%;
    padding: 7px 7px;
  }

  .flex-xs-16 {
    width: 16%;
    padding: 7px 7px;
  }

  .flex-xs-18 {
    width: 18%;
    padding: 7px 7px;
  }

  .flex-xs-20 {
    width: 20%;
    padding: 7px 7px;
  }

  .flex-xs-22 {
    width: 22%;
    padding: 7px 7px;
  }

  .flex-xs-24 {
    width: 24%;
    padding: 7px 7px;
  }

  .flex-xs-26 {
    width: 26%;
    padding: 7px 7px;
  }

  .flex-xs-28 {
    width: 28%;
    padding: 7px 7px;
  }

  .flex-xs-30 {
    width: 30%;
    padding: 7px 7px;
  }

  .flex-xs-32 {
    width: 32%;
    padding: 7px 7px;
  }

  .flex-xs-34 {
    width: 34%;
    padding: 7px 7px;
  }

  .flex-xs-36 {
    width: 36%;
    padding: 7px 7px;
  }

  .flex-xs-38 {
    width: 38%;
    padding: 7px 7px;
  }

  .flex-xs-40 {
    width: 40%;
    padding: 7px 7px;
  }

  .flex-xs-42 {
    width: 42%;
    padding: 7px 7px;
  }

  .flex-xs-44 {
    width: 44%;
    padding: 7px 7px;
  }

  .flex-xs-46 {
    width: 46%;
    padding: 7px 7px;
  }

  .flex-xs-48 {
    width: 48%;
    padding: 7px 7px;
  }

  .flex-xs-50 {
    width: 50%;
    padding: 7px 7px;
  }

  .flex-xs-52 {
    width: 52%;
    padding: 7px 7px;
  }

  .flex-xs-54 {
    width: 54%;
    padding: 7px 7px;
  }

  .flex-xs-56 {
    width: 56%;
    padding: 7px 7px;
  }

  .flex-xs-58 {
    width: 58%;
    padding: 7px 7px;
  }

  .flex-xs-60 {
    width: 60%;
    padding: 7px 7px;
  }

  .flex-xs-62 {
    width: 62%;
    padding: 7px 7px;
  }

  .flex-xs-64 {
    width: 64%;
    padding: 7px 7px;
  }

  .flex-xs-66 {
    width: 66%;
    padding: 7px 7px;
  }

  .flex-xs-68 {
    width: 68%;
    padding: 7px 7px;
  }

  .flex-xs-70 {
    width: 70%;
    padding: 7px 7px;
  }

  .flex-xs-72 {
    width: 72%;
    padding: 7px 7px;
  }

  .flex-xs-74 {
    width: 74%;
    padding: 7px 7px;
  }

  .flex-xs-76 {
    width: 76%;
    padding: 7px 7px;
  }

  .flex-xs-78 {
    width: 78%;
    padding: 7px 7px;
  }

  .flex-xs-80 {
    width: 80%;
    padding: 7px 7px;
  }

  .flex-xs-82 {
    width: 82%;
    padding: 7px 7px;
  }

  .flex-xs-84 {
    width: 84%;
    padding: 7px 7px;
  }

  .flex-xs-86 {
    width: 86%;
    padding: 7px 7px;
  }

  .flex-xs-88 {
    width: 88%;
    padding: 7px 7px;
  }

  .flex-xs-90 {
    width: 90%;
    padding: 7px 7px;
  }

  .flex-xs-92 {
    width: 92%;
    padding: 7px 7px;
  }

  .flex-xs-94 {
    width: 94%;
    padding: 7px 7px;
  }

  .flex-xs-96 {
    width: 96%;
    padding: 7px 7px;
  }

  .flex-xs-98 {
    width: 98%;
    padding: 7px 7px;
  }

  .flex-xs-100 {
    width: 100%;
    padding: 7px 7px;
  }

  .flex-xs-1-3 {
    width: 33.333333333333336%;
    padding: 7px 7px;
  }

  .flex-xs-1-6 {
    width: 16.666666666666668%;
    padding: 7px 7px;
  }

  .flex-xs-1-7 {
    width: 14.285714285714286%;
    padding: 7px 7px;
  }

  .flex-xs-1-8 {
    width: 12.5%;
    padding: 7px 7px;
  }

  .flex-xs-1-9 {
    width: 11.11111111111111%;
    padding: 7px 7px;
  }

  .mg-xs-t1 {
    margin-top: 1rem;
  }

  .pd-xs-t1 {
    margin-top: 1rem;
  }

  .mg-xs-l1 {
    margin-left: 1rem;
  }

  .pd-xs-l1 {
    margin-left: 1rem;
  }

  .mg-xs-r1 {
    margin-right: 1rem;
  }

  .pd-xs-r1 {
    margin-right: 1rem;
  }

  .mg-xs-b1 {
    margin-bottom: 1rem;
  }

  .pd-xs-b1 {
    margin-bottom: 1rem;
  }

  .mg-xs-t2 {
    margin-top: 2rem;
  }

  .pd-xs-t2 {
    margin-top: 2rem;
  }

  .mg-xs-l2 {
    margin-left: 2rem;
  }

  .pd-xs-l2 {
    margin-left: 2rem;
  }

  .mg-xs-r2 {
    margin-right: 2rem;
  }

  .pd-xs-r2 {
    margin-right: 2rem;
  }

  .mg-xs-b2 {
    margin-bottom: 2rem;
  }

  .pd-xs-b2 {
    margin-bottom: 2rem;
  }

  .mg-xs-t3 {
    margin-top: 3rem;
  }

  .pd-xs-t3 {
    margin-top: 3rem;
  }

  .mg-xs-l3 {
    margin-left: 3rem;
  }

  .pd-xs-l3 {
    margin-left: 3rem;
  }

  .mg-xs-r3 {
    margin-right: 3rem;
  }

  .pd-xs-r3 {
    margin-right: 3rem;
  }

  .mg-xs-b3 {
    margin-bottom: 3rem;
  }

  .pd-xs-b3 {
    margin-bottom: 3rem;
  }

  .mg-xs-t4 {
    margin-top: 4rem;
  }

  .pd-xs-t4 {
    margin-top: 4rem;
  }

  .mg-xs-l4 {
    margin-left: 4rem;
  }

  .pd-xs-l4 {
    margin-left: 4rem;
  }

  .mg-xs-r4 {
    margin-right: 4rem;
  }

  .pd-xs-r4 {
    margin-right: 4rem;
  }

  .mg-xs-b4 {
    margin-bottom: 4rem;
  }

  .pd-xs-b4 {
    margin-bottom: 4rem;
  }

  .mg-xs-t5 {
    margin-top: 5rem;
  }

  .pd-xs-t5 {
    margin-top: 5rem;
  }

  .mg-xs-l5 {
    margin-left: 5rem;
  }

  .pd-xs-l5 {
    margin-left: 5rem;
  }

  .mg-xs-r5 {
    margin-right: 5rem;
  }

  .pd-xs-r5 {
    margin-right: 5rem;
  }

  .mg-xs-b5 {
    margin-bottom: 5rem;
  }

  .pd-xs-b5 {
    margin-bottom: 5rem;
  }

  .mg-xs-t6 {
    margin-top: 6rem;
  }

  .pd-xs-t6 {
    margin-top: 6rem;
  }

  .mg-xs-l6 {
    margin-left: 6rem;
  }

  .pd-xs-l6 {
    margin-left: 6rem;
  }

  .mg-xs-r6 {
    margin-right: 6rem;
  }

  .pd-xs-r6 {
    margin-right: 6rem;
  }

  .mg-xs-b6 {
    margin-bottom: 6rem;
  }

  .pd-xs-b6 {
    margin-bottom: 6rem;
  }

  .mg-xs-t7 {
    margin-top: 7rem;
  }

  .pd-xs-t7 {
    margin-top: 7rem;
  }

  .mg-xs-l7 {
    margin-left: 7rem;
  }

  .pd-xs-l7 {
    margin-left: 7rem;
  }

  .mg-xs-r7 {
    margin-right: 7rem;
  }

  .pd-xs-r7 {
    margin-right: 7rem;
  }

  .mg-xs-b7 {
    margin-bottom: 7rem;
  }

  .pd-xs-b7 {
    margin-bottom: 7rem;
  }

  .mg-xs-t8 {
    margin-top: 8rem;
  }

  .pd-xs-t8 {
    margin-top: 8rem;
  }

  .mg-xs-l8 {
    margin-left: 8rem;
  }

  .pd-xs-l8 {
    margin-left: 8rem;
  }

  .mg-xs-r8 {
    margin-right: 8rem;
  }

  .pd-xs-r8 {
    margin-right: 8rem;
  }

  .mg-xs-b8 {
    margin-bottom: 8rem;
  }

  .pd-xs-b8 {
    margin-bottom: 8rem;
  }

  .mg-xs-t9 {
    margin-top: 9rem;
  }

  .pd-xs-t9 {
    margin-top: 9rem;
  }

  .mg-xs-l9 {
    margin-left: 9rem;
  }

  .pd-xs-l9 {
    margin-left: 9rem;
  }

  .mg-xs-r9 {
    margin-right: 9rem;
  }

  .pd-xs-r9 {
    margin-right: 9rem;
  }

  .mg-xs-b9 {
    margin-bottom: 9rem;
  }

  .pd-xs-b9 {
    margin-bottom: 9rem;
  }

  .mg-xs-t10 {
    margin-top: 10rem;
  }

  .pd-xs-t10 {
    margin-top: 10rem;
  }

  .mg-xs-l10 {
    margin-left: 10rem;
  }

  .pd-xs-l10 {
    margin-left: 10rem;
  }

  .mg-xs-r10 {
    margin-right: 10rem;
  }

  .pd-xs-r10 {
    margin-right: 10rem;
  }

  .mg-xs-b10 {
    margin-bottom: 10rem;
  }

  .pd-xs-b10 {
    margin-bottom: 10rem;
  }

  .flex-xs-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }

  .flex-xs-nowrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .order-xs-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .order-xs-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .order-xs-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .order-xs-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }

  .order-xs-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }

  .order-xs-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }

  .flex-container {
    width: 100%;
  }
}

@media (min-width: 750px) {
  .flex-sm-5 {
    width: 5%;
    padding: 7px 7px;
  }

  .flex-sm-10 {
    width: 10%;
    padding: 7px 7px;
  }

  .flex-sm-15 {
    width: 15%;
    padding: 7px 7px;
  }

  .flex-sm-20 {
    width: 20%;
    padding: 7px 7px;
  }

  .flex-sm-25 {
    width: 25%;
    padding: 7px 7px;
  }

  .flex-sm-30 {
    width: 30%;
    padding: 7px 7px;
  }

  .flex-sm-35 {
    width: 35%;
    padding: 7px 7px;
  }

  .flex-sm-40 {
    width: 40%;
    padding: 7px 7px;
  }

  .flex-sm-45 {
    width: 45%;
    padding: 7px 7px;
  }

  .flex-sm-50 {
    width: 50%;
    padding: 7px 7px;
  }

  .flex-sm-55 {
    width: 55%;
    padding: 7px 7px;
  }

  .flex-sm-60 {
    width: 60%;
    padding: 7px 7px;
  }

  .flex-sm-65 {
    width: 65%;
    padding: 7px 7px;
  }

  .flex-sm-70 {
    width: 70%;
    padding: 7px 7px;
  }

  .flex-sm-75 {
    width: 75%;
    padding: 7px 7px;
  }

  .flex-sm-80 {
    width: 80%;
    padding: 7px 7px;
  }

  .flex-sm-85 {
    width: 85%;
    padding: 7px 7px;
  }

  .flex-sm-90 {
    width: 90%;
    padding: 7px 7px;
  }

  .flex-sm-95 {
    width: 95%;
    padding: 7px 7px;
  }

  .flex-sm-100 {
    width: 100%;
    padding: 7px 7px;
  }

  .flex-sm-2 {
    width: 2%;
    padding: 7px 7px;
  }

  .flex-sm-4 {
    width: 4%;
    padding: 7px 7px;
  }

  .flex-sm-6 {
    width: 6%;
    padding: 7px 7px;
  }

  .flex-sm-8 {
    width: 8%;
    padding: 7px 7px;
  }

  .flex-sm-10 {
    width: 10%;
    padding: 7px 7px;
  }

  .flex-sm-12 {
    width: 12%;
    padding: 7px 7px;
  }

  .flex-sm-14 {
    width: 14%;
    padding: 7px 7px;
  }

  .flex-sm-16 {
    width: 16%;
    padding: 7px 7px;
  }

  .flex-sm-18 {
    width: 18%;
    padding: 7px 7px;
  }

  .flex-sm-20 {
    width: 20%;
    padding: 7px 7px;
  }

  .flex-sm-22 {
    width: 22%;
    padding: 7px 7px;
  }

  .flex-sm-24 {
    width: 24%;
    padding: 7px 7px;
  }

  .flex-sm-26 {
    width: 26%;
    padding: 7px 7px;
  }

  .flex-sm-28 {
    width: 28%;
    padding: 7px 7px;
  }

  .flex-sm-30 {
    width: 30%;
    padding: 7px 7px;
  }

  .flex-sm-32 {
    width: 32%;
    padding: 7px 7px;
  }

  .flex-sm-34 {
    width: 34%;
    padding: 7px 7px;
  }

  .flex-sm-36 {
    width: 36%;
    padding: 7px 7px;
  }

  .flex-sm-38 {
    width: 38%;
    padding: 7px 7px;
  }

  .flex-sm-40 {
    width: 40%;
    padding: 7px 7px;
  }

  .flex-sm-42 {
    width: 42%;
    padding: 7px 7px;
  }

  .flex-sm-44 {
    width: 44%;
    padding: 7px 7px;
  }

  .flex-sm-46 {
    width: 46%;
    padding: 7px 7px;
  }

  .flex-sm-48 {
    width: 48%;
    padding: 7px 7px;
  }

  .flex-sm-50 {
    width: 50%;
    padding: 7px 7px;
  }

  .flex-sm-52 {
    width: 52%;
    padding: 7px 7px;
  }

  .flex-sm-54 {
    width: 54%;
    padding: 7px 7px;
  }

  .flex-sm-56 {
    width: 56%;
    padding: 7px 7px;
  }

  .flex-sm-58 {
    width: 58%;
    padding: 7px 7px;
  }

  .flex-sm-60 {
    width: 60%;
    padding: 7px 7px;
  }

  .flex-sm-62 {
    width: 62%;
    padding: 7px 7px;
  }

  .flex-sm-64 {
    width: 64%;
    padding: 7px 7px;
  }

  .flex-sm-66 {
    width: 66%;
    padding: 7px 7px;
  }

  .flex-sm-68 {
    width: 68%;
    padding: 7px 7px;
  }

  .flex-sm-70 {
    width: 70%;
    padding: 7px 7px;
  }

  .flex-sm-72 {
    width: 72%;
    padding: 7px 7px;
  }

  .flex-sm-74 {
    width: 74%;
    padding: 7px 7px;
  }

  .flex-sm-76 {
    width: 76%;
    padding: 7px 7px;
  }

  .flex-sm-78 {
    width: 78%;
    padding: 7px 7px;
  }

  .flex-sm-80 {
    width: 80%;
    padding: 7px 7px;
  }

  .flex-sm-82 {
    width: 82%;
    padding: 7px 7px;
  }

  .flex-sm-84 {
    width: 84%;
    padding: 7px 7px;
  }

  .flex-sm-86 {
    width: 86%;
    padding: 7px 7px;
  }

  .flex-sm-88 {
    width: 88%;
    padding: 7px 7px;
  }

  .flex-sm-90 {
    width: 90%;
    padding: 7px 7px;
  }

  .flex-sm-92 {
    width: 92%;
    padding: 7px 7px;
  }

  .flex-sm-94 {
    width: 94%;
    padding: 7px 7px;
  }

  .flex-sm-96 {
    width: 96%;
    padding: 7px 7px;
  }

  .flex-sm-98 {
    width: 98%;
    padding: 7px 7px;
  }

  .flex-sm-100 {
    width: 100%;
    padding: 7px 7px;
  }

  .flex-sm-1-3 {
    width: 33.333333333333336%;
    padding: 7px 7px;
  }

  .flex-sm-1-6 {
    width: 16.666666666666668%;
    padding: 7px 7px;
  }

  .flex-sm-1-7 {
    width: 14.285714285714286%;
    padding: 7px 7px;
  }

  .flex-sm-1-8 {
    width: 12.5%;
    padding: 7px 7px;
  }

  .flex-sm-1-9 {
    width: 11.11111111111111%;
    padding: 7px 7px;
  }

  .mg-sm-t1 {
    margin-top: 1rem;
  }

  .pd-sm-t1 {
    margin-top: 1rem;
  }

  .mg-sm-l1 {
    margin-left: 1rem;
  }

  .pd-sm-l1 {
    margin-left: 1rem;
  }

  .mg-sm-r1 {
    margin-right: 1rem;
  }

  .pd-sm-r1 {
    margin-right: 1rem;
  }

  .mg-sm-b1 {
    margin-bottom: 1rem;
  }

  .pd-sm-b1 {
    margin-bottom: 1rem;
  }

  .mg-sm-t2 {
    margin-top: 2rem;
  }

  .pd-sm-t2 {
    margin-top: 2rem;
  }

  .mg-sm-l2 {
    margin-left: 2rem;
  }

  .pd-sm-l2 {
    margin-left: 2rem;
  }

  .mg-sm-r2 {
    margin-right: 2rem;
  }

  .pd-sm-r2 {
    margin-right: 2rem;
  }

  .mg-sm-b2 {
    margin-bottom: 2rem;
  }

  .pd-sm-b2 {
    margin-bottom: 2rem;
  }

  .mg-sm-t3 {
    margin-top: 3rem;
  }

  .pd-sm-t3 {
    margin-top: 3rem;
  }

  .mg-sm-l3 {
    margin-left: 3rem;
  }

  .pd-sm-l3 {
    margin-left: 3rem;
  }

  .mg-sm-r3 {
    margin-right: 3rem;
  }

  .pd-sm-r3 {
    margin-right: 3rem;
  }

  .mg-sm-b3 {
    margin-bottom: 3rem;
  }

  .pd-sm-b3 {
    margin-bottom: 3rem;
  }

  .mg-sm-t4 {
    margin-top: 4rem;
  }

  .pd-sm-t4 {
    margin-top: 4rem;
  }

  .mg-sm-l4 {
    margin-left: 4rem;
  }

  .pd-sm-l4 {
    margin-left: 4rem;
  }

  .mg-sm-r4 {
    margin-right: 4rem;
  }

  .pd-sm-r4 {
    margin-right: 4rem;
  }

  .mg-sm-b4 {
    margin-bottom: 4rem;
  }

  .pd-sm-b4 {
    margin-bottom: 4rem;
  }

  .mg-sm-t5 {
    margin-top: 5rem;
  }

  .pd-sm-t5 {
    margin-top: 5rem;
  }

  .mg-sm-l5 {
    margin-left: 5rem;
  }

  .pd-sm-l5 {
    margin-left: 5rem;
  }

  .mg-sm-r5 {
    margin-right: 5rem;
  }

  .pd-sm-r5 {
    margin-right: 5rem;
  }

  .mg-sm-b5 {
    margin-bottom: 5rem;
  }

  .pd-sm-b5 {
    margin-bottom: 5rem;
  }

  .mg-sm-t6 {
    margin-top: 6rem;
  }

  .pd-sm-t6 {
    margin-top: 6rem;
  }

  .mg-sm-l6 {
    margin-left: 6rem;
  }

  .pd-sm-l6 {
    margin-left: 6rem;
  }

  .mg-sm-r6 {
    margin-right: 6rem;
  }

  .pd-sm-r6 {
    margin-right: 6rem;
  }

  .mg-sm-b6 {
    margin-bottom: 6rem;
  }

  .pd-sm-b6 {
    margin-bottom: 6rem;
  }

  .mg-sm-t7 {
    margin-top: 7rem;
  }

  .pd-sm-t7 {
    margin-top: 7rem;
  }

  .mg-sm-l7 {
    margin-left: 7rem;
  }

  .pd-sm-l7 {
    margin-left: 7rem;
  }

  .mg-sm-r7 {
    margin-right: 7rem;
  }

  .pd-sm-r7 {
    margin-right: 7rem;
  }

  .mg-sm-b7 {
    margin-bottom: 7rem;
  }

  .pd-sm-b7 {
    margin-bottom: 7rem;
  }

  .mg-sm-t8 {
    margin-top: 8rem;
  }

  .pd-sm-t8 {
    margin-top: 8rem;
  }

  .mg-sm-l8 {
    margin-left: 8rem;
  }

  .pd-sm-l8 {
    margin-left: 8rem;
  }

  .mg-sm-r8 {
    margin-right: 8rem;
  }

  .pd-sm-r8 {
    margin-right: 8rem;
  }

  .mg-sm-b8 {
    margin-bottom: 8rem;
  }

  .pd-sm-b8 {
    margin-bottom: 8rem;
  }

  .mg-sm-t9 {
    margin-top: 9rem;
  }

  .pd-sm-t9 {
    margin-top: 9rem;
  }

  .mg-sm-l9 {
    margin-left: 9rem;
  }

  .pd-sm-l9 {
    margin-left: 9rem;
  }

  .mg-sm-r9 {
    margin-right: 9rem;
  }

  .pd-sm-r9 {
    margin-right: 9rem;
  }

  .mg-sm-b9 {
    margin-bottom: 9rem;
  }

  .pd-sm-b9 {
    margin-bottom: 9rem;
  }

  .mg-sm-t10 {
    margin-top: 10rem;
  }

  .pd-sm-t10 {
    margin-top: 10rem;
  }

  .mg-sm-l10 {
    margin-left: 10rem;
  }

  .pd-sm-l10 {
    margin-left: 10rem;
  }

  .mg-sm-r10 {
    margin-right: 10rem;
  }

  .pd-sm-r10 {
    margin-right: 10rem;
  }

  .mg-sm-b10 {
    margin-bottom: 10rem;
  }

  .pd-sm-b10 {
    margin-bottom: 10rem;
  }

  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }

  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }

  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }

  .flex-container {
    width: 100%;
  }
}

@media (min-width: 970px) {
  .flex-md-5 {
    width: 5%;
    padding: 7px 7px;
  }

  .flex-md-10 {
    width: 10%;
    padding: 7px 7px;
  }

  .flex-md-15 {
    width: 15%;
    padding: 7px 7px;
  }

  .flex-md-20 {
    width: 20%;
    padding: 7px 7px;
  }

  .flex-md-25 {
    width: 25%;
    padding: 7px 7px;
  }

  .flex-md-30 {
    width: 30%;
    padding: 7px 7px;
  }

  .flex-md-35 {
    width: 35%;
    padding: 7px 7px;
  }

  .flex-md-40 {
    width: 40%;
    padding: 7px 7px;
  }

  .flex-md-45 {
    width: 45%;
    padding: 7px 7px;
  }

  .flex-md-50 {
    width: 50%;
    padding: 7px 7px;
  }

  .flex-md-55 {
    width: 55%;
    padding: 7px 7px;
  }

  .flex-md-60 {
    width: 60%;
    padding: 7px 7px;
  }

  .flex-md-65 {
    width: 65%;
    padding: 7px 7px;
  }

  .flex-md-70 {
    width: 70%;
    padding: 7px 7px;
  }

  .flex-md-75 {
    width: 75%;
    padding: 7px 7px;
  }

  .flex-md-80 {
    width: 80%;
    padding: 7px 7px;
  }

  .flex-md-85 {
    width: 85%;
    padding: 7px 7px;
  }

  .flex-md-90 {
    width: 90%;
    padding: 7px 7px;
  }

  .flex-md-95 {
    width: 95%;
    padding: 7px 7px;
  }

  .flex-md-100 {
    width: 100%;
    padding: 7px 7px;
  }

  .flex-md-2 {
    width: 2%;
    padding: 7px 7px;
  }

  .flex-md-4 {
    width: 4%;
    padding: 7px 7px;
  }

  .flex-md-6 {
    width: 6%;
    padding: 7px 7px;
  }

  .flex-md-8 {
    width: 8%;
    padding: 7px 7px;
  }

  .flex-md-10 {
    width: 10%;
    padding: 7px 7px;
  }

  .flex-md-12 {
    width: 12%;
    padding: 7px 7px;
  }

  .flex-md-14 {
    width: 14%;
    padding: 7px 7px;
  }

  .flex-md-16 {
    width: 16%;
    padding: 7px 7px;
  }

  .flex-md-18 {
    width: 18%;
    padding: 7px 7px;
  }

  .flex-md-20 {
    width: 20%;
    padding: 7px 7px;
  }

  .flex-md-22 {
    width: 22%;
    padding: 7px 7px;
  }

  .flex-md-24 {
    width: 24%;
    padding: 7px 7px;
  }

  .flex-md-26 {
    width: 26%;
    padding: 7px 7px;
  }

  .flex-md-28 {
    width: 28%;
    padding: 7px 7px;
  }

  .flex-md-30 {
    width: 30%;
    padding: 7px 7px;
  }

  .flex-md-32 {
    width: 32%;
    padding: 7px 7px;
  }

  .flex-md-34 {
    width: 34%;
    padding: 7px 7px;
  }

  .flex-md-36 {
    width: 36%;
    padding: 7px 7px;
  }

  .flex-md-38 {
    width: 38%;
    padding: 7px 7px;
  }

  .flex-md-40 {
    width: 40%;
    padding: 7px 7px;
  }

  .flex-md-42 {
    width: 42%;
    padding: 7px 7px;
  }

  .flex-md-44 {
    width: 44%;
    padding: 7px 7px;
  }

  .flex-md-46 {
    width: 46%;
    padding: 7px 7px;
  }

  .flex-md-48 {
    width: 48%;
    padding: 7px 7px;
  }

  .flex-md-50 {
    width: 50%;
    padding: 7px 7px;
  }

  .flex-md-52 {
    width: 52%;
    padding: 7px 7px;
  }

  .flex-md-54 {
    width: 54%;
    padding: 7px 7px;
  }

  .flex-md-56 {
    width: 56%;
    padding: 7px 7px;
  }

  .flex-md-58 {
    width: 58%;
    padding: 7px 7px;
  }

  .flex-md-60 {
    width: 60%;
    padding: 7px 7px;
  }

  .flex-md-62 {
    width: 62%;
    padding: 7px 7px;
  }

  .flex-md-64 {
    width: 64%;
    padding: 7px 7px;
  }

  .flex-md-66 {
    width: 66%;
    padding: 7px 7px;
  }

  .flex-md-68 {
    width: 68%;
    padding: 7px 7px;
  }

  .flex-md-70 {
    width: 70%;
    padding: 7px 7px;
  }

  .flex-md-72 {
    width: 72%;
    padding: 7px 7px;
  }

  .flex-md-74 {
    width: 74%;
    padding: 7px 7px;
  }

  .flex-md-76 {
    width: 76%;
    padding: 7px 7px;
  }

  .flex-md-78 {
    width: 78%;
    padding: 7px 7px;
  }

  .flex-md-80 {
    width: 80%;
    padding: 7px 7px;
  }

  .flex-md-82 {
    width: 82%;
    padding: 7px 7px;
  }

  .flex-md-84 {
    width: 84%;
    padding: 7px 7px;
  }

  .flex-md-86 {
    width: 86%;
    padding: 7px 7px;
  }

  .flex-md-88 {
    width: 88%;
    padding: 7px 7px;
  }

  .flex-md-90 {
    width: 90%;
    padding: 7px 7px;
  }

  .flex-md-92 {
    width: 92%;
    padding: 7px 7px;
  }

  .flex-md-94 {
    width: 94%;
    padding: 7px 7px;
  }

  .flex-md-96 {
    width: 96%;
    padding: 7px 7px;
  }

  .flex-md-98 {
    width: 98%;
    padding: 7px 7px;
  }

  .flex-md-100 {
    width: 100%;
    padding: 7px 7px;
  }

  .flex-md-1-3 {
    width: 33.333333333333336%;
    padding: 7px 7px;
  }

  .flex-md-1-6 {
    width: 16.666666666666668%;
    padding: 7px 7px;
  }

  .flex-md-1-7 {
    width: 14.285714285714286%;
    padding: 7px 7px;
  }

  .flex-md-1-8 {
    width: 12.5%;
    padding: 7px 7px;
  }

  .flex-md-1-9 {
    width: 11.11111111111111%;
    padding: 7px 7px;
  }

  .mg-md-t1 {
    margin-top: 1rem;
  }

  .pd-md-t1 {
    margin-top: 1rem;
  }

  .mg-md-l1 {
    margin-left: 1rem;
  }

  .pd-md-l1 {
    margin-left: 1rem;
  }

  .mg-md-r1 {
    margin-right: 1rem;
  }

  .pd-md-r1 {
    margin-right: 1rem;
  }

  .mg-md-b1 {
    margin-bottom: 1rem;
  }

  .pd-md-b1 {
    margin-bottom: 1rem;
  }

  .mg-md-t2 {
    margin-top: 2rem;
  }

  .pd-md-t2 {
    margin-top: 2rem;
  }

  .mg-md-l2 {
    margin-left: 2rem;
  }

  .pd-md-l2 {
    margin-left: 2rem;
  }

  .mg-md-r2 {
    margin-right: 2rem;
  }

  .pd-md-r2 {
    margin-right: 2rem;
  }

  .mg-md-b2 {
    margin-bottom: 2rem;
  }

  .pd-md-b2 {
    margin-bottom: 2rem;
  }

  .mg-md-t3 {
    margin-top: 3rem;
  }

  .pd-md-t3 {
    margin-top: 3rem;
  }

  .mg-md-l3 {
    margin-left: 3rem;
  }

  .pd-md-l3 {
    margin-left: 3rem;
  }

  .mg-md-r3 {
    margin-right: 3rem;
  }

  .pd-md-r3 {
    margin-right: 3rem;
  }

  .mg-md-b3 {
    margin-bottom: 3rem;
  }

  .pd-md-b3 {
    margin-bottom: 3rem;
  }

  .mg-md-t4 {
    margin-top: 4rem;
  }

  .pd-md-t4 {
    margin-top: 4rem;
  }

  .mg-md-l4 {
    margin-left: 4rem;
  }

  .pd-md-l4 {
    margin-left: 4rem;
  }

  .mg-md-r4 {
    margin-right: 4rem;
  }

  .pd-md-r4 {
    margin-right: 4rem;
  }

  .mg-md-b4 {
    margin-bottom: 4rem;
  }

  .pd-md-b4 {
    margin-bottom: 4rem;
  }

  .mg-md-t5 {
    margin-top: 5rem;
  }

  .pd-md-t5 {
    margin-top: 5rem;
  }

  .mg-md-l5 {
    margin-left: 5rem;
  }

  .pd-md-l5 {
    margin-left: 5rem;
  }

  .mg-md-r5 {
    margin-right: 5rem;
  }

  .pd-md-r5 {
    margin-right: 5rem;
  }

  .mg-md-b5 {
    margin-bottom: 5rem;
  }

  .pd-md-b5 {
    margin-bottom: 5rem;
  }

  .mg-md-t6 {
    margin-top: 6rem;
  }

  .pd-md-t6 {
    margin-top: 6rem;
  }

  .mg-md-l6 {
    margin-left: 6rem;
  }

  .pd-md-l6 {
    margin-left: 6rem;
  }

  .mg-md-r6 {
    margin-right: 6rem;
  }

  .pd-md-r6 {
    margin-right: 6rem;
  }

  .mg-md-b6 {
    margin-bottom: 6rem;
  }

  .pd-md-b6 {
    margin-bottom: 6rem;
  }

  .mg-md-t7 {
    margin-top: 7rem;
  }

  .pd-md-t7 {
    margin-top: 7rem;
  }

  .mg-md-l7 {
    margin-left: 7rem;
  }

  .pd-md-l7 {
    margin-left: 7rem;
  }

  .mg-md-r7 {
    margin-right: 7rem;
  }

  .pd-md-r7 {
    margin-right: 7rem;
  }

  .mg-md-b7 {
    margin-bottom: 7rem;
  }

  .pd-md-b7 {
    margin-bottom: 7rem;
  }

  .mg-md-t8 {
    margin-top: 8rem;
  }

  .pd-md-t8 {
    margin-top: 8rem;
  }

  .mg-md-l8 {
    margin-left: 8rem;
  }

  .pd-md-l8 {
    margin-left: 8rem;
  }

  .mg-md-r8 {
    margin-right: 8rem;
  }

  .pd-md-r8 {
    margin-right: 8rem;
  }

  .mg-md-b8 {
    margin-bottom: 8rem;
  }

  .pd-md-b8 {
    margin-bottom: 8rem;
  }

  .mg-md-t9 {
    margin-top: 9rem;
  }

  .pd-md-t9 {
    margin-top: 9rem;
  }

  .mg-md-l9 {
    margin-left: 9rem;
  }

  .pd-md-l9 {
    margin-left: 9rem;
  }

  .mg-md-r9 {
    margin-right: 9rem;
  }

  .pd-md-r9 {
    margin-right: 9rem;
  }

  .mg-md-b9 {
    margin-bottom: 9rem;
  }

  .pd-md-b9 {
    margin-bottom: 9rem;
  }

  .mg-md-t10 {
    margin-top: 10rem;
  }

  .pd-md-t10 {
    margin-top: 10rem;
  }

  .mg-md-l10 {
    margin-left: 10rem;
  }

  .pd-md-l10 {
    margin-left: 10rem;
  }

  .mg-md-r10 {
    margin-right: 10rem;
  }

  .pd-md-r10 {
    margin-right: 10rem;
  }

  .mg-md-b10 {
    margin-bottom: 10rem;
  }

  .pd-md-b10 {
    margin-bottom: 10rem;
  }

  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .order-md-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .order-md-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .order-md-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .order-md-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }

  .order-md-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }

  .order-md-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }

  .flex-container {
    width: 80%;
    margin: 0 auto;
  }
}

@media (min-width: 1480px) {
  .flex-lg-5 {
    width: 5%;
    padding: 7px 7px;
  }

  .flex-lg-10 {
    width: 10%;
    padding: 7px 7px;
  }

  .flex-lg-15 {
    width: 15%;
    padding: 7px 7px;
  }

  .flex-lg-20 {
    width: 20%;
    padding: 7px 7px;
  }

  .flex-lg-25 {
    width: 25%;
    padding: 7px 7px;
  }

  .flex-lg-30 {
    width: 30%;
    padding: 7px 7px;
  }

  .flex-lg-35 {
    width: 35%;
    padding: 7px 7px;
  }

  .flex-lg-40 {
    width: 40%;
    padding: 7px 7px;
  }

  .flex-lg-45 {
    width: 45%;
    padding: 7px 7px;
  }

  .flex-lg-50 {
    width: 50%;
    padding: 7px 7px;
  }

  .flex-lg-55 {
    width: 55%;
    padding: 7px 7px;
  }

  .flex-lg-60 {
    width: 60%;
    padding: 7px 7px;
  }

  .flex-lg-65 {
    width: 65%;
    padding: 7px 7px;
  }

  .flex-lg-70 {
    width: 70%;
    padding: 7px 7px;
  }

  .flex-lg-75 {
    width: 75%;
    padding: 7px 7px;
  }

  .flex-lg-80 {
    width: 80%;
    padding: 7px 7px;
  }

  .flex-lg-85 {
    width: 85%;
    padding: 7px 7px;
  }

  .flex-lg-90 {
    width: 90%;
    padding: 7px 7px;
  }

  .flex-lg-95 {
    width: 95%;
    padding: 7px 7px;
  }

  .flex-lg-100 {
    width: 100%;
    padding: 7px 7px;
  }

  .flex-lg-2 {
    width: 2%;
    padding: 7px 7px;
  }

  .flex-lg-4 {
    width: 4%;
    padding: 7px 7px;
  }

  .flex-lg-6 {
    width: 6%;
    padding: 7px 7px;
  }

  .flex-lg-8 {
    width: 8%;
    padding: 7px 7px;
  }

  .flex-lg-10 {
    width: 10%;
    padding: 7px 7px;
  }

  .flex-lg-12 {
    width: 12%;
    padding: 7px 7px;
  }

  .flex-lg-14 {
    width: 14%;
    padding: 7px 7px;
  }

  .flex-lg-16 {
    width: 16%;
    padding: 7px 7px;
  }

  .flex-lg-18 {
    width: 18%;
    padding: 7px 7px;
  }

  .flex-lg-20 {
    width: 20%;
    padding: 7px 7px;
  }

  .flex-lg-22 {
    width: 22%;
    padding: 7px 7px;
  }

  .flex-lg-24 {
    width: 24%;
    padding: 7px 7px;
  }

  .flex-lg-26 {
    width: 26%;
    padding: 7px 7px;
  }

  .flex-lg-28 {
    width: 28%;
    padding: 7px 7px;
  }

  .flex-lg-30 {
    width: 30%;
    padding: 7px 7px;
  }

  .flex-lg-32 {
    width: 32%;
    padding: 7px 7px;
  }

  .flex-lg-34 {
    width: 34%;
    padding: 7px 7px;
  }

  .flex-lg-36 {
    width: 36%;
    padding: 7px 7px;
  }

  .flex-lg-38 {
    width: 38%;
    padding: 7px 7px;
  }

  .flex-lg-40 {
    width: 40%;
    padding: 7px 7px;
  }

  .flex-lg-42 {
    width: 42%;
    padding: 7px 7px;
  }

  .flex-lg-44 {
    width: 44%;
    padding: 7px 7px;
  }

  .flex-lg-46 {
    width: 46%;
    padding: 7px 7px;
  }

  .flex-lg-48 {
    width: 48%;
    padding: 7px 7px;
  }

  .flex-lg-50 {
    width: 50%;
    padding: 7px 7px;
  }

  .flex-lg-52 {
    width: 52%;
    padding: 7px 7px;
  }

  .flex-lg-54 {
    width: 54%;
    padding: 7px 7px;
  }

  .flex-lg-56 {
    width: 56%;
    padding: 7px 7px;
  }

  .flex-lg-58 {
    width: 58%;
    padding: 7px 7px;
  }

  .flex-lg-60 {
    width: 60%;
    padding: 7px 7px;
  }

  .flex-lg-62 {
    width: 62%;
    padding: 7px 7px;
  }

  .flex-lg-64 {
    width: 64%;
    padding: 7px 7px;
  }

  .flex-lg-66 {
    width: 66%;
    padding: 7px 7px;
  }

  .flex-lg-68 {
    width: 68%;
    padding: 7px 7px;
  }

  .flex-lg-70 {
    width: 70%;
    padding: 7px 7px;
  }

  .flex-lg-72 {
    width: 72%;
    padding: 7px 7px;
  }

  .flex-lg-74 {
    width: 74%;
    padding: 7px 7px;
  }

  .flex-lg-76 {
    width: 76%;
    padding: 7px 7px;
  }

  .flex-lg-78 {
    width: 78%;
    padding: 7px 7px;
  }

  .flex-lg-80 {
    width: 80%;
    padding: 7px 7px;
  }

  .flex-lg-82 {
    width: 82%;
    padding: 7px 7px;
  }

  .flex-lg-84 {
    width: 84%;
    padding: 7px 7px;
  }

  .flex-lg-86 {
    width: 86%;
    padding: 7px 7px;
  }

  .flex-lg-88 {
    width: 88%;
    padding: 7px 7px;
  }

  .flex-lg-90 {
    width: 90%;
    padding: 7px 7px;
  }

  .flex-lg-92 {
    width: 92%;
    padding: 7px 7px;
  }

  .flex-lg-94 {
    width: 94%;
    padding: 7px 7px;
  }

  .flex-lg-96 {
    width: 96%;
    padding: 7px 7px;
  }

  .flex-lg-98 {
    width: 98%;
    padding: 7px 7px;
  }

  .flex-lg-100 {
    width: 100%;
    padding: 7px 7px;
  }

  .flex-lg-1-3 {
    width: 33.333333333333336%;
    padding: 7px 7px;
  }

  .flex-lg-1-6 {
    width: 16.666666666666668%;
    padding: 7px 7px;
  }

  .flex-lg-1-7 {
    width: 14.285714285714286%;
    padding: 7px 7px;
  }

  .flex-lg-1-8 {
    width: 12.5%;
    padding: 7px 7px;
  }

  .flex-lg-1-9 {
    width: 11.11111111111111%;
    padding: 7px 7px;
  }

  .mg-lg-t1 {
    margin-top: 1rem;
  }

  .pd-lg-t1 {
    margin-top: 1rem;
  }

  .mg-lg-l1 {
    margin-left: 1rem;
  }

  .pd-lg-l1 {
    margin-left: 1rem;
  }

  .mg-lg-r1 {
    margin-right: 1rem;
  }

  .pd-lg-r1 {
    margin-right: 1rem;
  }

  .mg-lg-b1 {
    margin-bottom: 1rem;
  }

  .pd-lg-b1 {
    margin-bottom: 1rem;
  }

  .mg-lg-t2 {
    margin-top: 2rem;
  }

  .pd-lg-t2 {
    margin-top: 2rem;
  }

  .mg-lg-l2 {
    margin-left: 2rem;
  }

  .pd-lg-l2 {
    margin-left: 2rem;
  }

  .mg-lg-r2 {
    margin-right: 2rem;
  }

  .pd-lg-r2 {
    margin-right: 2rem;
  }

  .mg-lg-b2 {
    margin-bottom: 2rem;
  }

  .pd-lg-b2 {
    margin-bottom: 2rem;
  }

  .mg-lg-t3 {
    margin-top: 3rem;
  }

  .pd-lg-t3 {
    margin-top: 3rem;
  }

  .mg-lg-l3 {
    margin-left: 3rem;
  }

  .pd-lg-l3 {
    margin-left: 3rem;
  }

  .mg-lg-r3 {
    margin-right: 3rem;
  }

  .pd-lg-r3 {
    margin-right: 3rem;
  }

  .mg-lg-b3 {
    margin-bottom: 3rem;
  }

  .pd-lg-b3 {
    margin-bottom: 3rem;
  }

  .mg-lg-t4 {
    margin-top: 4rem;
  }

  .pd-lg-t4 {
    margin-top: 4rem;
  }

  .mg-lg-l4 {
    margin-left: 4rem;
  }

  .pd-lg-l4 {
    margin-left: 4rem;
  }

  .mg-lg-r4 {
    margin-right: 4rem;
  }

  .pd-lg-r4 {
    margin-right: 4rem;
  }

  .mg-lg-b4 {
    margin-bottom: 4rem;
  }

  .pd-lg-b4 {
    margin-bottom: 4rem;
  }

  .mg-lg-t5 {
    margin-top: 5rem;
  }

  .pd-lg-t5 {
    margin-top: 5rem;
  }

  .mg-lg-l5 {
    margin-left: 5rem;
  }

  .pd-lg-l5 {
    margin-left: 5rem;
  }

  .mg-lg-r5 {
    margin-right: 5rem;
  }

  .pd-lg-r5 {
    margin-right: 5rem;
  }

  .mg-lg-b5 {
    margin-bottom: 5rem;
  }

  .pd-lg-b5 {
    margin-bottom: 5rem;
  }

  .mg-lg-t6 {
    margin-top: 6rem;
  }

  .pd-lg-t6 {
    margin-top: 6rem;
  }

  .mg-lg-l6 {
    margin-left: 6rem;
  }

  .pd-lg-l6 {
    margin-left: 6rem;
  }

  .mg-lg-r6 {
    margin-right: 6rem;
  }

  .pd-lg-r6 {
    margin-right: 6rem;
  }

  .mg-lg-b6 {
    margin-bottom: 6rem;
  }

  .pd-lg-b6 {
    margin-bottom: 6rem;
  }

  .mg-lg-t7 {
    margin-top: 7rem;
  }

  .pd-lg-t7 {
    margin-top: 7rem;
  }

  .mg-lg-l7 {
    margin-left: 7rem;
  }

  .pd-lg-l7 {
    margin-left: 7rem;
  }

  .mg-lg-r7 {
    margin-right: 7rem;
  }

  .pd-lg-r7 {
    margin-right: 7rem;
  }

  .mg-lg-b7 {
    margin-bottom: 7rem;
  }

  .pd-lg-b7 {
    margin-bottom: 7rem;
  }

  .mg-lg-t8 {
    margin-top: 8rem;
  }

  .pd-lg-t8 {
    margin-top: 8rem;
  }

  .mg-lg-l8 {
    margin-left: 8rem;
  }

  .pd-lg-l8 {
    margin-left: 8rem;
  }

  .mg-lg-r8 {
    margin-right: 8rem;
  }

  .pd-lg-r8 {
    margin-right: 8rem;
  }

  .mg-lg-b8 {
    margin-bottom: 8rem;
  }

  .pd-lg-b8 {
    margin-bottom: 8rem;
  }

  .mg-lg-t9 {
    margin-top: 9rem;
  }

  .pd-lg-t9 {
    margin-top: 9rem;
  }

  .mg-lg-l9 {
    margin-left: 9rem;
  }

  .pd-lg-l9 {
    margin-left: 9rem;
  }

  .mg-lg-r9 {
    margin-right: 9rem;
  }

  .pd-lg-r9 {
    margin-right: 9rem;
  }

  .mg-lg-b9 {
    margin-bottom: 9rem;
  }

  .pd-lg-b9 {
    margin-bottom: 9rem;
  }

  .mg-lg-t10 {
    margin-top: 10rem;
  }

  .pd-lg-t10 {
    margin-top: 10rem;
  }

  .mg-lg-l10 {
    margin-left: 10rem;
  }

  .pd-lg-l10 {
    margin-left: 10rem;
  }

  .mg-lg-r10 {
    margin-right: 10rem;
  }

  .pd-lg-r10 {
    margin-right: 10rem;
  }

  .mg-lg-b10 {
    margin-bottom: 10rem;
  }

  .pd-lg-b10 {
    margin-bottom: 10rem;
  }

  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }

  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }

  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }

  .flex-container {
    width: 80%;
    margin: 0 auto;
  }
}

.client-imgCont {
  width: 73%;
  margin: 0 auto;
  margin-bottom: 2rem;
  text-align: center;
}

.client-img2 {
  width: auto;
  height: 10rem;
}

.client-img {
  width: 100%;
  height: 8rem;
}

.client-title {
  font-size: 2.3rem;
}

.subtitle-modal {
  background: rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  padding: .4rem;
  display: inline-block;
  margin-bottom: 1rem;
  text-transform: uppercase;
}

.title_pro {
  text-transform: uppercase;
}

.pointer {
  cursor: pointer;
}

.title-jm {
  font-size: 4rem !important;
}

figcaption {
  text-transform: uppercase;
}

@media only screen and (max-width: 768px) {
  .client-img {
    height: auto;
  }

  .client-imgCont {
    margin-bottom: 3rem;
  }

  .title_pro {
    font-size: 2rem;
  }

  .client-title {
    font-size: 4rem;
  }
}

@media only screen and (max-width: 480px) {
  .client-img {
    height: auto;
  }

  .client-imgCont {
    margin-bottom: 3rem;
  }

  .title_pro {
    font-size: 1rem;
  }

  .subtitle-modal {
    font-size: .8rem;
  }

  .client-title {
    font-size: 2rem;
  }
}