@charset "UTF-8";
.text-white {
  color: #FFFFFF !important;
}

.background-white {
  background-color: #FFFFFF;
}

.text-black {
  color: #000000 !important;
}

.background-black {
  background-color: #000000;
}

.text-blue {
  color: #01305e !important;
}

.background-blue {
  background-color: #01305e;
}

.text-blue-medium {
  color: #5d71ba !important;
}

.background-blue-medium {
  background-color: #5d71ba;
}

.text-blue-light {
  color: #EEF1F8 !important;
}

.background-blue-light {
  background-color: #EEF1F8;
}

.text-red {
  color: #eb3c28 !important;
}

.background-red {
  background-color: #eb3c28;
}

.text-blue-opacity {
  color: #d6dbed !important;
}

.background-blue-opacity {
  background-color: #d6dbed;
}

.text-red-light {
  color: #fdf5f3 !important;
}

.background-red-light {
  background-color: #fdf5f3;
}

.text-yellow {
  color: #ebbb43 !important;
}

.background-yellow {
  background-color: #ebbb43;
}

.text-grey-bg {
  color: #f2f2f2 !important;
}

.background-grey-bg {
  background-color: #f2f2f2;
}

.text-grey {
  color: #666666 !important;
}

.background-grey {
  background-color: #666666;
}

.text-beige {
  color: #C1AA64 !important;
}

.background-beige {
  background-color: #C1AA64;
}

.text-beige-light {
  color: #FFF8EA !important;
}

.background-beige-light {
  background-color: #FFF8EA;
}

.font-regular, .regular {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}

.text-italic {
  font-family: "Montserrat", sans-serif;
  font-style: italic;
}

.font-manuscrite {
  font-family: "Cormorant Garamond", serif;
}

.bold {
  font-weight: 700;
}

/* TYPO */
.fsz-9 {
  font-size: 0.5625rem;
}

@media (max-width: 576px) {
  .fsz-9-mobile {
    font-size: 0.5625rem !important;
  }
}

.lh-9 {
  line-height: 0.5625rem;
}

@media (max-width: 576px) {
  .lh-9-mobile {
    line-height: 0.5625rem !important;
  }
}

.fsz-10 {
  font-size: 0.625rem;
}

@media (max-width: 576px) {
  .fsz-10-mobile {
    font-size: 0.625rem !important;
  }
}

.lh-10 {
  line-height: 0.625rem;
}

@media (max-width: 576px) {
  .lh-10-mobile {
    line-height: 0.625rem !important;
  }
}

.fsz-11 {
  font-size: 0.6875rem;
}

@media (max-width: 576px) {
  .fsz-11-mobile {
    font-size: 0.6875rem !important;
  }
}

.lh-11 {
  line-height: 0.6875rem;
}

@media (max-width: 576px) {
  .lh-11-mobile {
    line-height: 0.6875rem !important;
  }
}

.fsz-12 {
  font-size: 0.75rem;
}

@media (max-width: 576px) {
  .fsz-12-mobile {
    font-size: 0.75rem !important;
  }
}

.lh-12 {
  line-height: 0.75rem;
}

@media (max-width: 576px) {
  .lh-12-mobile {
    line-height: 0.75rem !important;
  }
}

.fsz-13 {
  font-size: 0.8125rem;
}

@media (max-width: 576px) {
  .fsz-13-mobile {
    font-size: 0.8125rem !important;
  }
}

.lh-13 {
  line-height: 0.8125rem;
}

@media (max-width: 576px) {
  .lh-13-mobile {
    line-height: 0.8125rem !important;
  }
}

.fsz-14 {
  font-size: 0.875rem;
}

@media (max-width: 576px) {
  .fsz-14-mobile {
    font-size: 0.875rem !important;
  }
}

.lh-14 {
  line-height: 0.875rem;
}

@media (max-width: 576px) {
  .lh-14-mobile {
    line-height: 0.875rem !important;
  }
}

.fsz-15 {
  font-size: 0.9375rem;
}

@media (max-width: 576px) {
  .fsz-15-mobile {
    font-size: 0.9375rem !important;
  }
}

.lh-15 {
  line-height: 0.9375rem;
}

@media (max-width: 576px) {
  .lh-15-mobile {
    line-height: 0.9375rem !important;
  }
}

.fsz-16 {
  font-size: 1rem;
}

@media (max-width: 576px) {
  .fsz-16-mobile {
    font-size: 1rem !important;
  }
}

.lh-16 {
  line-height: 1rem;
}

@media (max-width: 576px) {
  .lh-16-mobile {
    line-height: 1rem !important;
  }
}

.fsz-17 {
  font-size: 1.0625rem;
}

@media (max-width: 576px) {
  .fsz-17-mobile {
    font-size: 1.0625rem !important;
  }
}

.lh-17 {
  line-height: 1.0625rem;
}

@media (max-width: 576px) {
  .lh-17-mobile {
    line-height: 1.0625rem !important;
  }
}

.fsz-18 {
  font-size: 1.125rem;
}

@media (max-width: 576px) {
  .fsz-18-mobile {
    font-size: 1.125rem !important;
  }
}

.lh-18 {
  line-height: 1.125rem;
}

@media (max-width: 576px) {
  .lh-18-mobile {
    line-height: 1.125rem !important;
  }
}

.fsz-19 {
  font-size: 1.1875rem;
}

@media (max-width: 576px) {
  .fsz-19-mobile {
    font-size: 1.1875rem !important;
  }
}

.lh-19 {
  line-height: 1.1875rem;
}

@media (max-width: 576px) {
  .lh-19-mobile {
    line-height: 1.1875rem !important;
  }
}

.fsz-20 {
  font-size: 1.25rem;
}

@media (max-width: 576px) {
  .fsz-20-mobile {
    font-size: 1.25rem !important;
  }
}

.lh-20 {
  line-height: 1.25rem;
}

@media (max-width: 576px) {
  .lh-20-mobile {
    line-height: 1.25rem !important;
  }
}

.fsz-21 {
  font-size: 1.3125rem;
}

@media (max-width: 576px) {
  .fsz-21-mobile {
    font-size: 1.3125rem !important;
  }
}

.lh-21 {
  line-height: 1.3125rem;
}

@media (max-width: 576px) {
  .lh-21-mobile {
    line-height: 1.3125rem !important;
  }
}

.fsz-22 {
  font-size: 1.375rem;
}

@media (max-width: 576px) {
  .fsz-22-mobile {
    font-size: 1.375rem !important;
  }
}

.lh-22 {
  line-height: 1.375rem;
}

@media (max-width: 576px) {
  .lh-22-mobile {
    line-height: 1.375rem !important;
  }
}

.fsz-24 {
  font-size: 1.5rem;
}

@media (max-width: 576px) {
  .fsz-24-mobile {
    font-size: 1.5rem !important;
  }
}

.lh-24 {
  line-height: 1.5rem;
}

@media (max-width: 576px) {
  .lh-24-mobile {
    line-height: 1.5rem !important;
  }
}

.fsz-25 {
  font-size: 1.5625rem;
}

@media (max-width: 576px) {
  .fsz-25-mobile {
    font-size: 1.5625rem !important;
  }
}

.lh-25 {
  line-height: 1.5625rem;
}

@media (max-width: 576px) {
  .lh-25-mobile {
    line-height: 1.5625rem !important;
  }
}

.fsz-26 {
  font-size: 1.625rem;
}

@media (max-width: 576px) {
  .fsz-26-mobile {
    font-size: 1.625rem !important;
  }
}

.lh-26 {
  line-height: 1.625rem;
}

@media (max-width: 576px) {
  .lh-26-mobile {
    line-height: 1.625rem !important;
  }
}

.fsz-27 {
  font-size: 1.6875rem;
}

@media (max-width: 576px) {
  .fsz-27-mobile {
    font-size: 1.6875rem !important;
  }
}

.lh-27 {
  line-height: 1.6875rem;
}

@media (max-width: 576px) {
  .lh-27-mobile {
    line-height: 1.6875rem !important;
  }
}

.fsz-28 {
  font-size: 1.75rem;
}

@media (max-width: 576px) {
  .fsz-28-mobile {
    font-size: 1.75rem !important;
  }
}

.lh-28 {
  line-height: 1.75rem;
}

@media (max-width: 576px) {
  .lh-28-mobile {
    line-height: 1.75rem !important;
  }
}

.fsz-30 {
  font-size: 1.875rem;
}

@media (max-width: 576px) {
  .fsz-30-mobile {
    font-size: 1.875rem !important;
  }
}

.lh-30 {
  line-height: 1.875rem;
}

@media (max-width: 576px) {
  .lh-30-mobile {
    line-height: 1.875rem !important;
  }
}

.fsz-32 {
  font-size: 2rem;
}

@media (max-width: 576px) {
  .fsz-32-mobile {
    font-size: 2rem !important;
  }
}

.lh-32 {
  line-height: 2rem;
}

@media (max-width: 576px) {
  .lh-32-mobile {
    line-height: 2rem !important;
  }
}

.fsz-33 {
  font-size: 2.0625rem;
}

@media (max-width: 576px) {
  .fsz-33-mobile {
    font-size: 2.0625rem !important;
  }
}

.lh-33 {
  line-height: 2.0625rem;
}

@media (max-width: 576px) {
  .lh-33-mobile {
    line-height: 2.0625rem !important;
  }
}

.fsz-34 {
  font-size: 2.125rem;
}

@media (max-width: 576px) {
  .fsz-34-mobile {
    font-size: 2.125rem !important;
  }
}

.lh-34 {
  line-height: 2.125rem;
}

@media (max-width: 576px) {
  .lh-34-mobile {
    line-height: 2.125rem !important;
  }
}

.fsz-35 {
  font-size: 2.1875rem;
}

@media (max-width: 576px) {
  .fsz-35-mobile {
    font-size: 2.1875rem !important;
  }
}

.lh-35 {
  line-height: 2.1875rem;
}

@media (max-width: 576px) {
  .lh-35-mobile {
    line-height: 2.1875rem !important;
  }
}

.fsz-37 {
  font-size: 2.3125rem;
}

@media (max-width: 576px) {
  .fsz-37-mobile {
    font-size: 2.3125rem !important;
  }
}

.lh-37 {
  line-height: 2.3125rem;
}

@media (max-width: 576px) {
  .lh-37-mobile {
    line-height: 2.3125rem !important;
  }
}

.fsz-38 {
  font-size: 2.375rem;
}

@media (max-width: 576px) {
  .fsz-38-mobile {
    font-size: 2.375rem !important;
  }
}

.lh-38 {
  line-height: 2.375rem;
}

@media (max-width: 576px) {
  .lh-38-mobile {
    line-height: 2.375rem !important;
  }
}

.fsz-40 {
  font-size: 2.5rem;
}

@media (max-width: 576px) {
  .fsz-40-mobile {
    font-size: 2.5rem !important;
  }
}

.lh-40 {
  line-height: 2.5rem;
}

@media (max-width: 576px) {
  .lh-40-mobile {
    line-height: 2.5rem !important;
  }
}

.fsz-42 {
  font-size: 2.625rem;
}

@media (max-width: 576px) {
  .fsz-42-mobile {
    font-size: 2.625rem !important;
  }
}

.lh-42 {
  line-height: 2.625rem;
}

@media (max-width: 576px) {
  .lh-42-mobile {
    line-height: 2.625rem !important;
  }
}

.fsz-45 {
  font-size: 2.8125rem;
}

@media (max-width: 576px) {
  .fsz-45-mobile {
    font-size: 2.8125rem !important;
  }
}

.lh-45 {
  line-height: 2.8125rem;
}

@media (max-width: 576px) {
  .lh-45-mobile {
    line-height: 2.8125rem !important;
  }
}

.fsz-50 {
  font-size: 3.125rem;
}

@media (max-width: 576px) {
  .fsz-50-mobile {
    font-size: 3.125rem !important;
  }
}

.lh-50 {
  line-height: 3.125rem;
}

@media (max-width: 576px) {
  .lh-50-mobile {
    line-height: 3.125rem !important;
  }
}

.fsz-60 {
  font-size: 3.75rem;
}

@media (max-width: 576px) {
  .fsz-60-mobile {
    font-size: 3.75rem !important;
  }
}

.lh-60 {
  line-height: 3.75rem;
}

@media (max-width: 576px) {
  .lh-60-mobile {
    line-height: 3.75rem !important;
  }
}

.fsz-70 {
  font-size: 4.375rem;
}

@media (max-width: 576px) {
  .fsz-70-mobile {
    font-size: 4.375rem !important;
  }
}

.lh-70 {
  line-height: 4.375rem;
}

@media (max-width: 576px) {
  .lh-70-mobile {
    line-height: 4.375rem !important;
  }
}

.fsz-80 {
  font-size: 5rem;
}

@media (max-width: 576px) {
  .fsz-80-mobile {
    font-size: 5rem !important;
  }
}

.lh-80 {
  line-height: 5rem;
}

@media (max-width: 576px) {
  .lh-80-mobile {
    line-height: 5rem !important;
  }
}

.fsz-100 {
  font-size: 6.25rem;
}

@media (max-width: 576px) {
  .fsz-100-mobile {
    font-size: 6.25rem !important;
  }
}

.lh-100 {
  line-height: 6.25rem;
}

@media (max-width: 576px) {
  .lh-100-mobile {
    line-height: 6.25rem !important;
  }
}

.fsz-125 {
  font-size: 7.8125rem;
}

@media (max-width: 576px) {
  .fsz-125-mobile {
    font-size: 7.8125rem !important;
  }
}

.lh-125 {
  line-height: 7.8125rem;
}

@media (max-width: 576px) {
  .lh-125-mobile {
    line-height: 7.8125rem !important;
  }
}

.fsz-180 {
  font-size: 11.25rem;
}

@media (max-width: 576px) {
  .fsz-180-mobile {
    font-size: 11.25rem !important;
  }
}

.lh-180 {
  line-height: 11.25rem;
}

@media (max-width: 576px) {
  .lh-180-mobile {
    line-height: 11.25rem !important;
  }
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  font-weight: 300;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

html {
  height: 100%;
}

body {
  line-height: 1;
  min-height: 100%;
}

ol, ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
}

textarea {
  resize: none;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  cursor: pointer;
  color: #FFFFFF;
}
a:hover {
  text-decoration: none;
  color: #FFFFFF;
}
a:focus {
  text-decoration: none;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: #000000;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #000000;
  opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #000000;
  opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000000;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #000000;
}

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

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

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

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

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

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

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

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

.mv-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.mh-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.p-0 {
  padding: 0px;
}

.pv-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.ph-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.bpt-0:before {
  content: "";
  display: block;
  padding-top: 0%;
}

.b-0 {
  border-width: 0px;
}

.bv-0 {
  border-top-width: 0px;
  border-bottom-width: 0px;
}

.bh-0 {
  border-left-width: 0px;
  border-right-width: 0px;
}

.width-0 {
  width: 0%;
}

@media screen and (max-width: 1024.98px) {
  .p0-md {
    padding: 0px !important;
  }
  .pv0-md {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .ph0-md {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .m0-md {
    margin: 0px !important;
  }
  .mv0-md {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .mh0-md {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .bpt0-md:before {
    content: "";
    display: block;
    padding-top: 0% !important;
  }
}
@media screen and (max-width: 767.98px) {
  .mt0-mobile {
    margin-top: 0px !important;
  }
  .mb0-mobile {
    margin-bottom: 0px !important;
  }
  .pl0-mobile {
    padding-left: 0px !important;
  }
  .p0-mobile {
    padding: 0px !important;
  }
  .pv0-mobile {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .ph0-mobile {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .m0-mobile {
    margin: 0px !important;
  }
  .mv0-mobile {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .mh0-mobile {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .bpt0-mobile:before {
    content: "";
    display: block;
    padding-top: 0% !important;
  }
}
.mt-5 {
  margin-top: 5px;
}

.pt-5 {
  padding-top: 5px;
}

.mb-5 {
  margin-bottom: 5px;
}

.pb-5 {
  padding-bottom: 5px;
}

.ml-5 {
  margin-left: 5px;
}

.pl-5 {
  padding-left: 5px;
}

.mr-5 {
  margin-right: 5px;
}

.pr-5 {
  padding-right: 5px;
}

.mv-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.mh-5 {
  margin-left: 5px;
  margin-right: 5px;
}

.p-5 {
  padding: 5px;
}

.pv-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.ph-5 {
  padding-left: 5px;
  padding-right: 5px;
}

.bpt-5:before {
  content: "";
  display: block;
  padding-top: 5%;
}

.b-5 {
  border-width: 5px;
}

.bv-5 {
  border-top-width: 5px;
  border-bottom-width: 5px;
}

.bh-5 {
  border-left-width: 5px;
  border-right-width: 5px;
}

.width-5 {
  width: 5%;
}

@media screen and (max-width: 1024.98px) {
  .p5-md {
    padding: 5px !important;
  }
  .pv5-md {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .ph5-md {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .m5-md {
    margin: 5px !important;
  }
  .mv5-md {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .mh5-md {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .bpt5-md:before {
    content: "";
    display: block;
    padding-top: 5% !important;
  }
}
@media screen and (max-width: 767.98px) {
  .mt5-mobile {
    margin-top: 5px !important;
  }
  .mb5-mobile {
    margin-bottom: 5px !important;
  }
  .pl5-mobile {
    padding-left: 5px !important;
  }
  .p5-mobile {
    padding: 5px !important;
  }
  .pv5-mobile {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .ph5-mobile {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .m5-mobile {
    margin: 5px !important;
  }
  .mv5-mobile {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .mh5-mobile {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .bpt5-mobile:before {
    content: "";
    display: block;
    padding-top: 5% !important;
  }
}
.mt-8 {
  margin-top: 8px;
}

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

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

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

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

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

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

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

.mv-8 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.mh-8 {
  margin-left: 8px;
  margin-right: 8px;
}

.p-8 {
  padding: 8px;
}

.pv-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.ph-8 {
  padding-left: 8px;
  padding-right: 8px;
}

.bpt-8:before {
  content: "";
  display: block;
  padding-top: 8%;
}

.b-8 {
  border-width: 8px;
}

.bv-8 {
  border-top-width: 8px;
  border-bottom-width: 8px;
}

.bh-8 {
  border-left-width: 8px;
  border-right-width: 8px;
}

.width-8 {
  width: 8%;
}

@media screen and (max-width: 1024.98px) {
  .p8-md {
    padding: 8px !important;
  }
  .pv8-md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .ph8-md {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .m8-md {
    margin: 8px !important;
  }
  .mv8-md {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .mh8-md {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .bpt8-md:before {
    content: "";
    display: block;
    padding-top: 8% !important;
  }
}
@media screen and (max-width: 767.98px) {
  .mt8-mobile {
    margin-top: 8px !important;
  }
  .mb8-mobile {
    margin-bottom: 8px !important;
  }
  .pl8-mobile {
    padding-left: 8px !important;
  }
  .p8-mobile {
    padding: 8px !important;
  }
  .pv8-mobile {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .ph8-mobile {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .m8-mobile {
    margin: 8px !important;
  }
  .mv8-mobile {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .mh8-mobile {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .bpt8-mobile:before {
    content: "";
    display: block;
    padding-top: 8% !important;
  }
}
.mt-10 {
  margin-top: 10px;
}

.pt-10 {
  padding-top: 10px;
}

.mb-10 {
  margin-bottom: 10px;
}

.pb-10 {
  padding-bottom: 10px;
}

.ml-10 {
  margin-left: 10px;
}

.pl-10 {
  padding-left: 10px;
}

.mr-10 {
  margin-right: 10px;
}

.pr-10 {
  padding-right: 10px;
}

.mv-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.mh-10 {
  margin-left: 10px;
  margin-right: 10px;
}

.p-10 {
  padding: 10px;
}

.pv-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.ph-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.bpt-10:before {
  content: "";
  display: block;
  padding-top: 10%;
}

.b-10 {
  border-width: 10px;
}

.bv-10 {
  border-top-width: 10px;
  border-bottom-width: 10px;
}

.bh-10 {
  border-left-width: 10px;
  border-right-width: 10px;
}

.width-10 {
  width: 10%;
}

@media screen and (max-width: 1024.98px) {
  .p10-md {
    padding: 10px !important;
  }
  .pv10-md {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .ph10-md {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .m10-md {
    margin: 10px !important;
  }
  .mv10-md {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .mh10-md {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .bpt10-md:before {
    content: "";
    display: block;
    padding-top: 10% !important;
  }
}
@media screen and (max-width: 767.98px) {
  .mt10-mobile {
    margin-top: 10px !important;
  }
  .mb10-mobile {
    margin-bottom: 10px !important;
  }
  .pl10-mobile {
    padding-left: 10px !important;
  }
  .p10-mobile {
    padding: 10px !important;
  }
  .pv10-mobile {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .ph10-mobile {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .m10-mobile {
    margin: 10px !important;
  }
  .mv10-mobile {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .mh10-mobile {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .bpt10-mobile:before {
    content: "";
    display: block;
    padding-top: 10% !important;
  }
}
.mt-15 {
  margin-top: 15px;
}

.pt-15 {
  padding-top: 15px;
}

.mb-15 {
  margin-bottom: 15px;
}

.pb-15 {
  padding-bottom: 15px;
}

.ml-15 {
  margin-left: 15px;
}

.pl-15 {
  padding-left: 15px;
}

.mr-15 {
  margin-right: 15px;
}

.pr-15 {
  padding-right: 15px;
}

.mv-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.mh-15 {
  margin-left: 15px;
  margin-right: 15px;
}

.p-15 {
  padding: 15px;
}

.pv-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.ph-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.bpt-15:before {
  content: "";
  display: block;
  padding-top: 15%;
}

.b-15 {
  border-width: 15px;
}

.bv-15 {
  border-top-width: 15px;
  border-bottom-width: 15px;
}

.bh-15 {
  border-left-width: 15px;
  border-right-width: 15px;
}

.width-15 {
  width: 15%;
}

@media screen and (max-width: 1024.98px) {
  .p15-md {
    padding: 15px !important;
  }
  .pv15-md {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .ph15-md {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .m15-md {
    margin: 15px !important;
  }
  .mv15-md {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .mh15-md {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .bpt15-md:before {
    content: "";
    display: block;
    padding-top: 15% !important;
  }
}
@media screen and (max-width: 767.98px) {
  .mt15-mobile {
    margin-top: 15px !important;
  }
  .mb15-mobile {
    margin-bottom: 15px !important;
  }
  .pl15-mobile {
    padding-left: 15px !important;
  }
  .p15-mobile {
    padding: 15px !important;
  }
  .pv15-mobile {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .ph15-mobile {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .m15-mobile {
    margin: 15px !important;
  }
  .mv15-mobile {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .mh15-mobile {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .bpt15-mobile:before {
    content: "";
    display: block;
    padding-top: 15% !important;
  }
}
.mt-20 {
  margin-top: 20px;
}

.pt-20 {
  padding-top: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

.pb-20 {
  padding-bottom: 20px;
}

.ml-20 {
  margin-left: 20px;
}

.pl-20 {
  padding-left: 20px;
}

.mr-20 {
  margin-right: 20px;
}

.pr-20 {
  padding-right: 20px;
}

.mv-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.mh-20 {
  margin-left: 20px;
  margin-right: 20px;
}

.p-20 {
  padding: 20px;
}

.pv-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.ph-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.bpt-20:before {
  content: "";
  display: block;
  padding-top: 20%;
}

.b-20 {
  border-width: 20px;
}

.bv-20 {
  border-top-width: 20px;
  border-bottom-width: 20px;
}

.bh-20 {
  border-left-width: 20px;
  border-right-width: 20px;
}

.width-20 {
  width: 20%;
}

@media screen and (max-width: 1024.98px) {
  .p20-md {
    padding: 20px !important;
  }
  .pv20-md {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .ph20-md {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .m20-md {
    margin: 20px !important;
  }
  .mv20-md {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .mh20-md {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .bpt20-md:before {
    content: "";
    display: block;
    padding-top: 20% !important;
  }
}
@media screen and (max-width: 767.98px) {
  .mt20-mobile {
    margin-top: 20px !important;
  }
  .mb20-mobile {
    margin-bottom: 20px !important;
  }
  .pl20-mobile {
    padding-left: 20px !important;
  }
  .p20-mobile {
    padding: 20px !important;
  }
  .pv20-mobile {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .ph20-mobile {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .m20-mobile {
    margin: 20px !important;
  }
  .mv20-mobile {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .mh20-mobile {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .bpt20-mobile:before {
    content: "";
    display: block;
    padding-top: 20% !important;
  }
}
.mt-25 {
  margin-top: 25px;
}

.pt-25 {
  padding-top: 25px;
}

.mb-25 {
  margin-bottom: 25px;
}

.pb-25 {
  padding-bottom: 25px;
}

.ml-25 {
  margin-left: 25px;
}

.pl-25 {
  padding-left: 25px;
}

.mr-25 {
  margin-right: 25px;
}

.pr-25 {
  padding-right: 25px;
}

.mv-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.mh-25 {
  margin-left: 25px;
  margin-right: 25px;
}

.p-25 {
  padding: 25px;
}

.pv-25 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.ph-25 {
  padding-left: 25px;
  padding-right: 25px;
}

.bpt-25:before {
  content: "";
  display: block;
  padding-top: 25%;
}

.b-25 {
  border-width: 25px;
}

.bv-25 {
  border-top-width: 25px;
  border-bottom-width: 25px;
}

.bh-25 {
  border-left-width: 25px;
  border-right-width: 25px;
}

.width-25 {
  width: 25%;
}

@media screen and (max-width: 1024.98px) {
  .p25-md {
    padding: 25px !important;
  }
  .pv25-md {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .ph25-md {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .m25-md {
    margin: 25px !important;
  }
  .mv25-md {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .mh25-md {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
  .bpt25-md:before {
    content: "";
    display: block;
    padding-top: 25% !important;
  }
}
@media screen and (max-width: 767.98px) {
  .mt25-mobile {
    margin-top: 25px !important;
  }
  .mb25-mobile {
    margin-bottom: 25px !important;
  }
  .pl25-mobile {
    padding-left: 25px !important;
  }
  .p25-mobile {
    padding: 25px !important;
  }
  .pv25-mobile {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .ph25-mobile {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .m25-mobile {
    margin: 25px !important;
  }
  .mv25-mobile {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .mh25-mobile {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
  .bpt25-mobile:before {
    content: "";
    display: block;
    padding-top: 25% !important;
  }
}
.mt-27 {
  margin-top: 27px;
}

.pt-27 {
  padding-top: 27px;
}

.mb-27 {
  margin-bottom: 27px;
}

.pb-27 {
  padding-bottom: 27px;
}

.ml-27 {
  margin-left: 27px;
}

.pl-27 {
  padding-left: 27px;
}

.mr-27 {
  margin-right: 27px;
}

.pr-27 {
  padding-right: 27px;
}

.mv-27 {
  margin-top: 27px;
  margin-bottom: 27px;
}

.mh-27 {
  margin-left: 27px;
  margin-right: 27px;
}

.p-27 {
  padding: 27px;
}

.pv-27 {
  padding-top: 27px;
  padding-bottom: 27px;
}

.ph-27 {
  padding-left: 27px;
  padding-right: 27px;
}

.bpt-27:before {
  content: "";
  display: block;
  padding-top: 27%;
}

.b-27 {
  border-width: 27px;
}

.bv-27 {
  border-top-width: 27px;
  border-bottom-width: 27px;
}

.bh-27 {
  border-left-width: 27px;
  border-right-width: 27px;
}

.width-27 {
  width: 27%;
}

@media screen and (max-width: 1024.98px) {
  .p27-md {
    padding: 27px !important;
  }
  .pv27-md {
    padding-top: 27px !important;
    padding-bottom: 27px !important;
  }
  .ph27-md {
    padding-left: 27px !important;
    padding-right: 27px !important;
  }
  .m27-md {
    margin: 27px !important;
  }
  .mv27-md {
    margin-top: 27px !important;
    margin-bottom: 27px !important;
  }
  .mh27-md {
    margin-left: 27px !important;
    margin-right: 27px !important;
  }
  .bpt27-md:before {
    content: "";
    display: block;
    padding-top: 27% !important;
  }
}
@media screen and (max-width: 767.98px) {
  .mt27-mobile {
    margin-top: 27px !important;
  }
  .mb27-mobile {
    margin-bottom: 27px !important;
  }
  .pl27-mobile {
    padding-left: 27px !important;
  }
  .p27-mobile {
    padding: 27px !important;
  }
  .pv27-mobile {
    padding-top: 27px !important;
    padding-bottom: 27px !important;
  }
  .ph27-mobile {
    padding-left: 27px !important;
    padding-right: 27px !important;
  }
  .m27-mobile {
    margin: 27px !important;
  }
  .mv27-mobile {
    margin-top: 27px !important;
    margin-bottom: 27px !important;
  }
  .mh27-mobile {
    margin-left: 27px !important;
    margin-right: 27px !important;
  }
  .bpt27-mobile:before {
    content: "";
    display: block;
    padding-top: 27% !important;
  }
}
.mt-30 {
  margin-top: 30px;
}

.pt-30 {
  padding-top: 30px;
}

.mb-30 {
  margin-bottom: 30px;
}

.pb-30 {
  padding-bottom: 30px;
}

.ml-30 {
  margin-left: 30px;
}

.pl-30 {
  padding-left: 30px;
}

.mr-30 {
  margin-right: 30px;
}

.pr-30 {
  padding-right: 30px;
}

.mv-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.mh-30 {
  margin-left: 30px;
  margin-right: 30px;
}

.p-30 {
  padding: 30px;
}

.pv-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.ph-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.bpt-30:before {
  content: "";
  display: block;
  padding-top: 30%;
}

.b-30 {
  border-width: 30px;
}

.bv-30 {
  border-top-width: 30px;
  border-bottom-width: 30px;
}

.bh-30 {
  border-left-width: 30px;
  border-right-width: 30px;
}

.width-30 {
  width: 30%;
}

@media screen and (max-width: 1024.98px) {
  .p30-md {
    padding: 30px !important;
  }
  .pv30-md {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .ph30-md {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .m30-md {
    margin: 30px !important;
  }
  .mv30-md {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .mh30-md {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .bpt30-md:before {
    content: "";
    display: block;
    padding-top: 30% !important;
  }
}
@media screen and (max-width: 767.98px) {
  .mt30-mobile {
    margin-top: 30px !important;
  }
  .mb30-mobile {
    margin-bottom: 30px !important;
  }
  .pl30-mobile {
    padding-left: 30px !important;
  }
  .p30-mobile {
    padding: 30px !important;
  }
  .pv30-mobile {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .ph30-mobile {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .m30-mobile {
    margin: 30px !important;
  }
  .mv30-mobile {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .mh30-mobile {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .bpt30-mobile:before {
    content: "";
    display: block;
    padding-top: 30% !important;
  }
}
.mt-32 {
  margin-top: 32px;
}

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

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

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

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

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

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

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

.mv-32 {
  margin-top: 32px;
  margin-bottom: 32px;
}

.mh-32 {
  margin-left: 32px;
  margin-right: 32px;
}

.p-32 {
  padding: 32px;
}

.pv-32 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.ph-32 {
  padding-left: 32px;
  padding-right: 32px;
}

.bpt-32:before {
  content: "";
  display: block;
  padding-top: 32%;
}

.b-32 {
  border-width: 32px;
}

.bv-32 {
  border-top-width: 32px;
  border-bottom-width: 32px;
}

.bh-32 {
  border-left-width: 32px;
  border-right-width: 32px;
}

.width-32 {
  width: 32%;
}

@media screen and (max-width: 1024.98px) {
  .p32-md {
    padding: 32px !important;
  }
  .pv32-md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .ph32-md {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .m32-md {
    margin: 32px !important;
  }
  .mv32-md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .mh32-md {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .bpt32-md:before {
    content: "";
    display: block;
    padding-top: 32% !important;
  }
}
@media screen and (max-width: 767.98px) {
  .mt32-mobile {
    margin-top: 32px !important;
  }
  .mb32-mobile {
    margin-bottom: 32px !important;
  }
  .pl32-mobile {
    padding-left: 32px !important;
  }
  .p32-mobile {
    padding: 32px !important;
  }
  .pv32-mobile {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .ph32-mobile {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .m32-mobile {
    margin: 32px !important;
  }
  .mv32-mobile {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .mh32-mobile {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .bpt32-mobile:before {
    content: "";
    display: block;
    padding-top: 32% !important;
  }
}
.mt-35 {
  margin-top: 35px;
}

.pt-35 {
  padding-top: 35px;
}

.mb-35 {
  margin-bottom: 35px;
}

.pb-35 {
  padding-bottom: 35px;
}

.ml-35 {
  margin-left: 35px;
}

.pl-35 {
  padding-left: 35px;
}

.mr-35 {
  margin-right: 35px;
}

.pr-35 {
  padding-right: 35px;
}

.mv-35 {
  margin-top: 35px;
  margin-bottom: 35px;
}

.mh-35 {
  margin-left: 35px;
  margin-right: 35px;
}

.p-35 {
  padding: 35px;
}

.pv-35 {
  padding-top: 35px;
  padding-bottom: 35px;
}

.ph-35 {
  padding-left: 35px;
  padding-right: 35px;
}

.bpt-35:before {
  content: "";
  display: block;
  padding-top: 35%;
}

.b-35 {
  border-width: 35px;
}

.bv-35 {
  border-top-width: 35px;
  border-bottom-width: 35px;
}

.bh-35 {
  border-left-width: 35px;
  border-right-width: 35px;
}

.width-35 {
  width: 35%;
}

@media screen and (max-width: 1024.98px) {
  .p35-md {
    padding: 35px !important;
  }
  .pv35-md {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .ph35-md {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  .m35-md {
    margin: 35px !important;
  }
  .mv35-md {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .mh35-md {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
  .bpt35-md:before {
    content: "";
    display: block;
    padding-top: 35% !important;
  }
}
@media screen and (max-width: 767.98px) {
  .mt35-mobile {
    margin-top: 35px !important;
  }
  .mb35-mobile {
    margin-bottom: 35px !important;
  }
  .pl35-mobile {
    padding-left: 35px !important;
  }
  .p35-mobile {
    padding: 35px !important;
  }
  .pv35-mobile {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .ph35-mobile {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  .m35-mobile {
    margin: 35px !important;
  }
  .mv35-mobile {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .mh35-mobile {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
  .bpt35-mobile:before {
    content: "";
    display: block;
    padding-top: 35% !important;
  }
}
.mt-37 {
  margin-top: 37px;
}

.pt-37 {
  padding-top: 37px;
}

.mb-37 {
  margin-bottom: 37px;
}

.pb-37 {
  padding-bottom: 37px;
}

.ml-37 {
  margin-left: 37px;
}

.pl-37 {
  padding-left: 37px;
}

.mr-37 {
  margin-right: 37px;
}

.pr-37 {
  padding-right: 37px;
}

.mv-37 {
  margin-top: 37px;
  margin-bottom: 37px;
}

.mh-37 {
  margin-left: 37px;
  margin-right: 37px;
}

.p-37 {
  padding: 37px;
}

.pv-37 {
  padding-top: 37px;
  padding-bottom: 37px;
}

.ph-37 {
  padding-left: 37px;
  padding-right: 37px;
}

.bpt-37:before {
  content: "";
  display: block;
  padding-top: 37%;
}

.b-37 {
  border-width: 37px;
}

.bv-37 {
  border-top-width: 37px;
  border-bottom-width: 37px;
}

.bh-37 {
  border-left-width: 37px;
  border-right-width: 37px;
}

.width-37 {
  width: 37%;
}

@media screen and (max-width: 1024.98px) {
  .p37-md {
    padding: 37px !important;
  }
  .pv37-md {
    padding-top: 37px !important;
    padding-bottom: 37px !important;
  }
  .ph37-md {
    padding-left: 37px !important;
    padding-right: 37px !important;
  }
  .m37-md {
    margin: 37px !important;
  }
  .mv37-md {
    margin-top: 37px !important;
    margin-bottom: 37px !important;
  }
  .mh37-md {
    margin-left: 37px !important;
    margin-right: 37px !important;
  }
  .bpt37-md:before {
    content: "";
    display: block;
    padding-top: 37% !important;
  }
}
@media screen and (max-width: 767.98px) {
  .mt37-mobile {
    margin-top: 37px !important;
  }
  .mb37-mobile {
    margin-bottom: 37px !important;
  }
  .pl37-mobile {
    padding-left: 37px !important;
  }
  .p37-mobile {
    padding: 37px !important;
  }
  .pv37-mobile {
    padding-top: 37px !important;
    padding-bottom: 37px !important;
  }
  .ph37-mobile {
    padding-left: 37px !important;
    padding-right: 37px !important;
  }
  .m37-mobile {
    margin: 37px !important;
  }
  .mv37-mobile {
    margin-top: 37px !important;
    margin-bottom: 37px !important;
  }
  .mh37-mobile {
    margin-left: 37px !important;
    margin-right: 37px !important;
  }
  .bpt37-mobile:before {
    content: "";
    display: block;
    padding-top: 37% !important;
  }
}
.mt-40 {
  margin-top: 40px;
}

.pt-40 {
  padding-top: 40px;
}

.mb-40 {
  margin-bottom: 40px;
}

.pb-40 {
  padding-bottom: 40px;
}

.ml-40 {
  margin-left: 40px;
}

.pl-40 {
  padding-left: 40px;
}

.mr-40 {
  margin-right: 40px;
}

.pr-40 {
  padding-right: 40px;
}

.mv-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.mh-40 {
  margin-left: 40px;
  margin-right: 40px;
}

.p-40 {
  padding: 40px;
}

.pv-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.ph-40 {
  padding-left: 40px;
  padding-right: 40px;
}

.bpt-40:before {
  content: "";
  display: block;
  padding-top: 40%;
}

.b-40 {
  border-width: 40px;
}

.bv-40 {
  border-top-width: 40px;
  border-bottom-width: 40px;
}

.bh-40 {
  border-left-width: 40px;
  border-right-width: 40px;
}

.width-40 {
  width: 40%;
}

@media screen and (max-width: 1024.98px) {
  .p40-md {
    padding: 40px !important;
  }
  .pv40-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .ph40-md {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .m40-md {
    margin: 40px !important;
  }
  .mv40-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .mh40-md {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .bpt40-md:before {
    content: "";
    display: block;
    padding-top: 40% !important;
  }
}
@media screen and (max-width: 767.98px) {
  .mt40-mobile {
    margin-top: 40px !important;
  }
  .mb40-mobile {
    margin-bottom: 40px !important;
  }
  .pl40-mobile {
    padding-left: 40px !important;
  }
  .p40-mobile {
    padding: 40px !important;
  }
  .pv40-mobile {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .ph40-mobile {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .m40-mobile {
    margin: 40px !important;
  }
  .mv40-mobile {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .mh40-mobile {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .bpt40-mobile:before {
    content: "";
    display: block;
    padding-top: 40% !important;
  }
}
.mt-45 {
  margin-top: 45px;
}

.pt-45 {
  padding-top: 45px;
}

.mb-45 {
  margin-bottom: 45px;
}

.pb-45 {
  padding-bottom: 45px;
}

.ml-45 {
  margin-left: 45px;
}

.pl-45 {
  padding-left: 45px;
}

.mr-45 {
  margin-right: 45px;
}

.pr-45 {
  padding-right: 45px;
}

.mv-45 {
  margin-top: 45px;
  margin-bottom: 45px;
}

.mh-45 {
  margin-left: 45px;
  margin-right: 45px;
}

.p-45 {
  padding: 45px;
}

.pv-45 {
  padding-top: 45px;
  padding-bottom: 45px;
}

.ph-45 {
  padding-left: 45px;
  padding-right: 45px;
}

.bpt-45:before {
  content: "";
  display: block;
  padding-top: 45%;
}

.b-45 {
  border-width: 45px;
}

.bv-45 {
  border-top-width: 45px;
  border-bottom-width: 45px;
}

.bh-45 {
  border-left-width: 45px;
  border-right-width: 45px;
}

.width-45 {
  width: 45%;
}

@media screen and (max-width: 1024.98px) {
  .p45-md {
    padding: 45px !important;
  }
  .pv45-md {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .ph45-md {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
  .m45-md {
    margin: 45px !important;
  }
  .mv45-md {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .mh45-md {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
  .bpt45-md:before {
    content: "";
    display: block;
    padding-top: 45% !important;
  }
}
@media screen and (max-width: 767.98px) {
  .mt45-mobile {
    margin-top: 45px !important;
  }
  .mb45-mobile {
    margin-bottom: 45px !important;
  }
  .pl45-mobile {
    padding-left: 45px !important;
  }
  .p45-mobile {
    padding: 45px !important;
  }
  .pv45-mobile {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .ph45-mobile {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
  .m45-mobile {
    margin: 45px !important;
  }
  .mv45-mobile {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .mh45-mobile {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
  .bpt45-mobile:before {
    content: "";
    display: block;
    padding-top: 45% !important;
  }
}
.mt-50 {
  margin-top: 50px;
}

.pt-50 {
  padding-top: 50px;
}

.mb-50 {
  margin-bottom: 50px;
}

.pb-50 {
  padding-bottom: 50px;
}

.ml-50 {
  margin-left: 50px;
}

.pl-50 {
  padding-left: 50px;
}

.mr-50 {
  margin-right: 50px;
}

.pr-50 {
  padding-right: 50px;
}

.mv-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.mh-50 {
  margin-left: 50px;
  margin-right: 50px;
}

.p-50 {
  padding: 50px;
}

.pv-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.ph-50 {
  padding-left: 50px;
  padding-right: 50px;
}

.bpt-50:before {
  content: "";
  display: block;
  padding-top: 50%;
}

.b-50 {
  border-width: 50px;
}

.bv-50 {
  border-top-width: 50px;
  border-bottom-width: 50px;
}

.bh-50 {
  border-left-width: 50px;
  border-right-width: 50px;
}

.width-50 {
  width: 50%;
}

@media screen and (max-width: 1024.98px) {
  .p50-md {
    padding: 50px !important;
  }
  .pv50-md {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .ph50-md {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .m50-md {
    margin: 50px !important;
  }
  .mv50-md {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .mh50-md {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .bpt50-md:before {
    content: "";
    display: block;
    padding-top: 50% !important;
  }
}
@media screen and (max-width: 767.98px) {
  .mt50-mobile {
    margin-top: 50px !important;
  }
  .mb50-mobile {
    margin-bottom: 50px !important;
  }
  .pl50-mobile {
    padding-left: 50px !important;
  }
  .p50-mobile {
    padding: 50px !important;
  }
  .pv50-mobile {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .ph50-mobile {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .m50-mobile {
    margin: 50px !important;
  }
  .mv50-mobile {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .mh50-mobile {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .bpt50-mobile:before {
    content: "";
    display: block;
    padding-top: 50% !important;
  }
}
.mt-55 {
  margin-top: 55px;
}

.pt-55 {
  padding-top: 55px;
}

.mb-55 {
  margin-bottom: 55px;
}

.pb-55 {
  padding-bottom: 55px;
}

.ml-55 {
  margin-left: 55px;
}

.pl-55 {
  padding-left: 55px;
}

.mr-55 {
  margin-right: 55px;
}

.pr-55 {
  padding-right: 55px;
}

.mv-55 {
  margin-top: 55px;
  margin-bottom: 55px;
}

.mh-55 {
  margin-left: 55px;
  margin-right: 55px;
}

.p-55 {
  padding: 55px;
}

.pv-55 {
  padding-top: 55px;
  padding-bottom: 55px;
}

.ph-55 {
  padding-left: 55px;
  padding-right: 55px;
}

.bpt-55:before {
  content: "";
  display: block;
  padding-top: 55%;
}

.b-55 {
  border-width: 55px;
}

.bv-55 {
  border-top-width: 55px;
  border-bottom-width: 55px;
}

.bh-55 {
  border-left-width: 55px;
  border-right-width: 55px;
}

.width-55 {
  width: 55%;
}

@media screen and (max-width: 1024.98px) {
  .p55-md {
    padding: 55px !important;
  }
  .pv55-md {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
  .ph55-md {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }
  .m55-md {
    margin: 55px !important;
  }
  .mv55-md {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
  .mh55-md {
    margin-left: 55px !important;
    margin-right: 55px !important;
  }
  .bpt55-md:before {
    content: "";
    display: block;
    padding-top: 55% !important;
  }
}
@media screen and (max-width: 767.98px) {
  .mt55-mobile {
    margin-top: 55px !important;
  }
  .mb55-mobile {
    margin-bottom: 55px !important;
  }
  .pl55-mobile {
    padding-left: 55px !important;
  }
  .p55-mobile {
    padding: 55px !important;
  }
  .pv55-mobile {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
  .ph55-mobile {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }
  .m55-mobile {
    margin: 55px !important;
  }
  .mv55-mobile {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
  .mh55-mobile {
    margin-left: 55px !important;
    margin-right: 55px !important;
  }
  .bpt55-mobile:before {
    content: "";
    display: block;
    padding-top: 55% !important;
  }
}
.mt-60 {
  margin-top: 60px;
}

.pt-60 {
  padding-top: 60px;
}

.mb-60 {
  margin-bottom: 60px;
}

.pb-60 {
  padding-bottom: 60px;
}

.ml-60 {
  margin-left: 60px;
}

.pl-60 {
  padding-left: 60px;
}

.mr-60 {
  margin-right: 60px;
}

.pr-60 {
  padding-right: 60px;
}

.mv-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.mh-60 {
  margin-left: 60px;
  margin-right: 60px;
}

.p-60 {
  padding: 60px;
}

.pv-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.ph-60 {
  padding-left: 60px;
  padding-right: 60px;
}

.bpt-60:before {
  content: "";
  display: block;
  padding-top: 60%;
}

.b-60 {
  border-width: 60px;
}

.bv-60 {
  border-top-width: 60px;
  border-bottom-width: 60px;
}

.bh-60 {
  border-left-width: 60px;
  border-right-width: 60px;
}

.width-60 {
  width: 60%;
}

@media screen and (max-width: 1024.98px) {
  .p60-md {
    padding: 60px !important;
  }
  .pv60-md {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .ph60-md {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .m60-md {
    margin: 60px !important;
  }
  .mv60-md {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .mh60-md {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .bpt60-md:before {
    content: "";
    display: block;
    padding-top: 60% !important;
  }
}
@media screen and (max-width: 767.98px) {
  .mt60-mobile {
    margin-top: 60px !important;
  }
  .mb60-mobile {
    margin-bottom: 60px !important;
  }
  .pl60-mobile {
    padding-left: 60px !important;
  }
  .p60-mobile {
    padding: 60px !important;
  }
  .pv60-mobile {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .ph60-mobile {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .m60-mobile {
    margin: 60px !important;
  }
  .mv60-mobile {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .mh60-mobile {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .bpt60-mobile:before {
    content: "";
    display: block;
    padding-top: 60% !important;
  }
}
.mt-65 {
  margin-top: 65px;
}

.pt-65 {
  padding-top: 65px;
}

.mb-65 {
  margin-bottom: 65px;
}

.pb-65 {
  padding-bottom: 65px;
}

.ml-65 {
  margin-left: 65px;
}

.pl-65 {
  padding-left: 65px;
}

.mr-65 {
  margin-right: 65px;
}

.pr-65 {
  padding-right: 65px;
}

.mv-65 {
  margin-top: 65px;
  margin-bottom: 65px;
}

.mh-65 {
  margin-left: 65px;
  margin-right: 65px;
}

.p-65 {
  padding: 65px;
}

.pv-65 {
  padding-top: 65px;
  padding-bottom: 65px;
}

.ph-65 {
  padding-left: 65px;
  padding-right: 65px;
}

.bpt-65:before {
  content: "";
  display: block;
  padding-top: 65%;
}

.b-65 {
  border-width: 65px;
}

.bv-65 {
  border-top-width: 65px;
  border-bottom-width: 65px;
}

.bh-65 {
  border-left-width: 65px;
  border-right-width: 65px;
}

.width-65 {
  width: 65%;
}

@media screen and (max-width: 1024.98px) {
  .p65-md {
    padding: 65px !important;
  }
  .pv65-md {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }
  .ph65-md {
    padding-left: 65px !important;
    padding-right: 65px !important;
  }
  .m65-md {
    margin: 65px !important;
  }
  .mv65-md {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
  }
  .mh65-md {
    margin-left: 65px !important;
    margin-right: 65px !important;
  }
  .bpt65-md:before {
    content: "";
    display: block;
    padding-top: 65% !important;
  }
}
@media screen and (max-width: 767.98px) {
  .mt65-mobile {
    margin-top: 65px !important;
  }
  .mb65-mobile {
    margin-bottom: 65px !important;
  }
  .pl65-mobile {
    padding-left: 65px !important;
  }
  .p65-mobile {
    padding: 65px !important;
  }
  .pv65-mobile {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }
  .ph65-mobile {
    padding-left: 65px !important;
    padding-right: 65px !important;
  }
  .m65-mobile {
    margin: 65px !important;
  }
  .mv65-mobile {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
  }
  .mh65-mobile {
    margin-left: 65px !important;
    margin-right: 65px !important;
  }
  .bpt65-mobile:before {
    content: "";
    display: block;
    padding-top: 65% !important;
  }
}
.mt-70 {
  margin-top: 70px;
}

.pt-70 {
  padding-top: 70px;
}

.mb-70 {
  margin-bottom: 70px;
}

.pb-70 {
  padding-bottom: 70px;
}

.ml-70 {
  margin-left: 70px;
}

.pl-70 {
  padding-left: 70px;
}

.mr-70 {
  margin-right: 70px;
}

.pr-70 {
  padding-right: 70px;
}

.mv-70 {
  margin-top: 70px;
  margin-bottom: 70px;
}

.mh-70 {
  margin-left: 70px;
  margin-right: 70px;
}

.p-70 {
  padding: 70px;
}

.pv-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.ph-70 {
  padding-left: 70px;
  padding-right: 70px;
}

.bpt-70:before {
  content: "";
  display: block;
  padding-top: 70%;
}

.b-70 {
  border-width: 70px;
}

.bv-70 {
  border-top-width: 70px;
  border-bottom-width: 70px;
}

.bh-70 {
  border-left-width: 70px;
  border-right-width: 70px;
}

.width-70 {
  width: 70%;
}

@media screen and (max-width: 1024.98px) {
  .p70-md {
    padding: 70px !important;
  }
  .pv70-md {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .ph70-md {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }
  .m70-md {
    margin: 70px !important;
  }
  .mv70-md {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .mh70-md {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }
  .bpt70-md:before {
    content: "";
    display: block;
    padding-top: 70% !important;
  }
}
@media screen and (max-width: 767.98px) {
  .mt70-mobile {
    margin-top: 70px !important;
  }
  .mb70-mobile {
    margin-bottom: 70px !important;
  }
  .pl70-mobile {
    padding-left: 70px !important;
  }
  .p70-mobile {
    padding: 70px !important;
  }
  .pv70-mobile {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .ph70-mobile {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }
  .m70-mobile {
    margin: 70px !important;
  }
  .mv70-mobile {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .mh70-mobile {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }
  .bpt70-mobile:before {
    content: "";
    display: block;
    padding-top: 70% !important;
  }
}
.mt-75 {
  margin-top: 75px;
}

.pt-75 {
  padding-top: 75px;
}

.mb-75 {
  margin-bottom: 75px;
}

.pb-75 {
  padding-bottom: 75px;
}

.ml-75 {
  margin-left: 75px;
}

.pl-75 {
  padding-left: 75px;
}

.mr-75 {
  margin-right: 75px;
}

.pr-75 {
  padding-right: 75px;
}

.mv-75 {
  margin-top: 75px;
  margin-bottom: 75px;
}

.mh-75 {
  margin-left: 75px;
  margin-right: 75px;
}

.p-75 {
  padding: 75px;
}

.pv-75 {
  padding-top: 75px;
  padding-bottom: 75px;
}

.ph-75 {
  padding-left: 75px;
  padding-right: 75px;
}

.bpt-75:before {
  content: "";
  display: block;
  padding-top: 75%;
}

.b-75 {
  border-width: 75px;
}

.bv-75 {
  border-top-width: 75px;
  border-bottom-width: 75px;
}

.bh-75 {
  border-left-width: 75px;
  border-right-width: 75px;
}

.width-75 {
  width: 75%;
}

@media screen and (max-width: 1024.98px) {
  .p75-md {
    padding: 75px !important;
  }
  .pv75-md {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
  .ph75-md {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
  .m75-md {
    margin: 75px !important;
  }
  .mv75-md {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
  .mh75-md {
    margin-left: 75px !important;
    margin-right: 75px !important;
  }
  .bpt75-md:before {
    content: "";
    display: block;
    padding-top: 75% !important;
  }
}
@media screen and (max-width: 767.98px) {
  .mt75-mobile {
    margin-top: 75px !important;
  }
  .mb75-mobile {
    margin-bottom: 75px !important;
  }
  .pl75-mobile {
    padding-left: 75px !important;
  }
  .p75-mobile {
    padding: 75px !important;
  }
  .pv75-mobile {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
  .ph75-mobile {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
  .m75-mobile {
    margin: 75px !important;
  }
  .mv75-mobile {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
  .mh75-mobile {
    margin-left: 75px !important;
    margin-right: 75px !important;
  }
  .bpt75-mobile:before {
    content: "";
    display: block;
    padding-top: 75% !important;
  }
}
.mt-80 {
  margin-top: 80px;
}

.pt-80 {
  padding-top: 80px;
}

.mb-80 {
  margin-bottom: 80px;
}

.pb-80 {
  padding-bottom: 80px;
}

.ml-80 {
  margin-left: 80px;
}

.pl-80 {
  padding-left: 80px;
}

.mr-80 {
  margin-right: 80px;
}

.pr-80 {
  padding-right: 80px;
}

.mv-80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.mh-80 {
  margin-left: 80px;
  margin-right: 80px;
}

.p-80 {
  padding: 80px;
}

.pv-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.ph-80 {
  padding-left: 80px;
  padding-right: 80px;
}

.bpt-80:before {
  content: "";
  display: block;
  padding-top: 80%;
}

.b-80 {
  border-width: 80px;
}

.bv-80 {
  border-top-width: 80px;
  border-bottom-width: 80px;
}

.bh-80 {
  border-left-width: 80px;
  border-right-width: 80px;
}

.width-80 {
  width: 80%;
}

@media screen and (max-width: 1024.98px) {
  .p80-md {
    padding: 80px !important;
  }
  .pv80-md {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .ph80-md {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .m80-md {
    margin: 80px !important;
  }
  .mv80-md {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .mh80-md {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
  .bpt80-md:before {
    content: "";
    display: block;
    padding-top: 80% !important;
  }
}
@media screen and (max-width: 767.98px) {
  .mt80-mobile {
    margin-top: 80px !important;
  }
  .mb80-mobile {
    margin-bottom: 80px !important;
  }
  .pl80-mobile {
    padding-left: 80px !important;
  }
  .p80-mobile {
    padding: 80px !important;
  }
  .pv80-mobile {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .ph80-mobile {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .m80-mobile {
    margin: 80px !important;
  }
  .mv80-mobile {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .mh80-mobile {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
  .bpt80-mobile:before {
    content: "";
    display: block;
    padding-top: 80% !important;
  }
}
.mt-85 {
  margin-top: 85px;
}

.pt-85 {
  padding-top: 85px;
}

.mb-85 {
  margin-bottom: 85px;
}

.pb-85 {
  padding-bottom: 85px;
}

.ml-85 {
  margin-left: 85px;
}

.pl-85 {
  padding-left: 85px;
}

.mr-85 {
  margin-right: 85px;
}

.pr-85 {
  padding-right: 85px;
}

.mv-85 {
  margin-top: 85px;
  margin-bottom: 85px;
}

.mh-85 {
  margin-left: 85px;
  margin-right: 85px;
}

.p-85 {
  padding: 85px;
}

.pv-85 {
  padding-top: 85px;
  padding-bottom: 85px;
}

.ph-85 {
  padding-left: 85px;
  padding-right: 85px;
}

.bpt-85:before {
  content: "";
  display: block;
  padding-top: 85%;
}

.b-85 {
  border-width: 85px;
}

.bv-85 {
  border-top-width: 85px;
  border-bottom-width: 85px;
}

.bh-85 {
  border-left-width: 85px;
  border-right-width: 85px;
}

.width-85 {
  width: 85%;
}

@media screen and (max-width: 1024.98px) {
  .p85-md {
    padding: 85px !important;
  }
  .pv85-md {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
  }
  .ph85-md {
    padding-left: 85px !important;
    padding-right: 85px !important;
  }
  .m85-md {
    margin: 85px !important;
  }
  .mv85-md {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
  }
  .mh85-md {
    margin-left: 85px !important;
    margin-right: 85px !important;
  }
  .bpt85-md:before {
    content: "";
    display: block;
    padding-top: 85% !important;
  }
}
@media screen and (max-width: 767.98px) {
  .mt85-mobile {
    margin-top: 85px !important;
  }
  .mb85-mobile {
    margin-bottom: 85px !important;
  }
  .pl85-mobile {
    padding-left: 85px !important;
  }
  .p85-mobile {
    padding: 85px !important;
  }
  .pv85-mobile {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
  }
  .ph85-mobile {
    padding-left: 85px !important;
    padding-right: 85px !important;
  }
  .m85-mobile {
    margin: 85px !important;
  }
  .mv85-mobile {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
  }
  .mh85-mobile {
    margin-left: 85px !important;
    margin-right: 85px !important;
  }
  .bpt85-mobile:before {
    content: "";
    display: block;
    padding-top: 85% !important;
  }
}
.mt-90 {
  margin-top: 90px;
}

.pt-90 {
  padding-top: 90px;
}

.mb-90 {
  margin-bottom: 90px;
}

.pb-90 {
  padding-bottom: 90px;
}

.ml-90 {
  margin-left: 90px;
}

.pl-90 {
  padding-left: 90px;
}

.mr-90 {
  margin-right: 90px;
}

.pr-90 {
  padding-right: 90px;
}

.mv-90 {
  margin-top: 90px;
  margin-bottom: 90px;
}

.mh-90 {
  margin-left: 90px;
  margin-right: 90px;
}

.p-90 {
  padding: 90px;
}

.pv-90 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.ph-90 {
  padding-left: 90px;
  padding-right: 90px;
}

.bpt-90:before {
  content: "";
  display: block;
  padding-top: 90%;
}

.b-90 {
  border-width: 90px;
}

.bv-90 {
  border-top-width: 90px;
  border-bottom-width: 90px;
}

.bh-90 {
  border-left-width: 90px;
  border-right-width: 90px;
}

.width-90 {
  width: 90%;
}

@media screen and (max-width: 1024.98px) {
  .p90-md {
    padding: 90px !important;
  }
  .pv90-md {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .ph90-md {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
  .m90-md {
    margin: 90px !important;
  }
  .mv90-md {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
  .mh90-md {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }
  .bpt90-md:before {
    content: "";
    display: block;
    padding-top: 90% !important;
  }
}
@media screen and (max-width: 767.98px) {
  .mt90-mobile {
    margin-top: 90px !important;
  }
  .mb90-mobile {
    margin-bottom: 90px !important;
  }
  .pl90-mobile {
    padding-left: 90px !important;
  }
  .p90-mobile {
    padding: 90px !important;
  }
  .pv90-mobile {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .ph90-mobile {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
  .m90-mobile {
    margin: 90px !important;
  }
  .mv90-mobile {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
  .mh90-mobile {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }
  .bpt90-mobile:before {
    content: "";
    display: block;
    padding-top: 90% !important;
  }
}
.mt-95 {
  margin-top: 95px;
}

.pt-95 {
  padding-top: 95px;
}

.mb-95 {
  margin-bottom: 95px;
}

.pb-95 {
  padding-bottom: 95px;
}

.ml-95 {
  margin-left: 95px;
}

.pl-95 {
  padding-left: 95px;
}

.mr-95 {
  margin-right: 95px;
}

.pr-95 {
  padding-right: 95px;
}

.mv-95 {
  margin-top: 95px;
  margin-bottom: 95px;
}

.mh-95 {
  margin-left: 95px;
  margin-right: 95px;
}

.p-95 {
  padding: 95px;
}

.pv-95 {
  padding-top: 95px;
  padding-bottom: 95px;
}

.ph-95 {
  padding-left: 95px;
  padding-right: 95px;
}

.bpt-95:before {
  content: "";
  display: block;
  padding-top: 95%;
}

.b-95 {
  border-width: 95px;
}

.bv-95 {
  border-top-width: 95px;
  border-bottom-width: 95px;
}

.bh-95 {
  border-left-width: 95px;
  border-right-width: 95px;
}

.width-95 {
  width: 95%;
}

@media screen and (max-width: 1024.98px) {
  .p95-md {
    padding: 95px !important;
  }
  .pv95-md {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
  }
  .ph95-md {
    padding-left: 95px !important;
    padding-right: 95px !important;
  }
  .m95-md {
    margin: 95px !important;
  }
  .mv95-md {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
  }
  .mh95-md {
    margin-left: 95px !important;
    margin-right: 95px !important;
  }
  .bpt95-md:before {
    content: "";
    display: block;
    padding-top: 95% !important;
  }
}
@media screen and (max-width: 767.98px) {
  .mt95-mobile {
    margin-top: 95px !important;
  }
  .mb95-mobile {
    margin-bottom: 95px !important;
  }
  .pl95-mobile {
    padding-left: 95px !important;
  }
  .p95-mobile {
    padding: 95px !important;
  }
  .pv95-mobile {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
  }
  .ph95-mobile {
    padding-left: 95px !important;
    padding-right: 95px !important;
  }
  .m95-mobile {
    margin: 95px !important;
  }
  .mv95-mobile {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
  }
  .mh95-mobile {
    margin-left: 95px !important;
    margin-right: 95px !important;
  }
  .bpt95-mobile:before {
    content: "";
    display: block;
    padding-top: 95% !important;
  }
}
.mt-100 {
  margin-top: 100px;
}

.pt-100 {
  padding-top: 100px;
}

.mb-100 {
  margin-bottom: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.ml-100 {
  margin-left: 100px;
}

.pl-100 {
  padding-left: 100px;
}

.mr-100 {
  margin-right: 100px;
}

.pr-100 {
  padding-right: 100px;
}

.mv-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.mh-100 {
  margin-left: 100px;
  margin-right: 100px;
}

.p-100 {
  padding: 100px;
}

.pv-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.ph-100 {
  padding-left: 100px;
  padding-right: 100px;
}

.bpt-100:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.b-100 {
  border-width: 100px;
}

.bv-100 {
  border-top-width: 100px;
  border-bottom-width: 100px;
}

.bh-100 {
  border-left-width: 100px;
  border-right-width: 100px;
}

.width-100 {
  width: 100%;
}

@media screen and (max-width: 1024.98px) {
  .p100-md {
    padding: 100px !important;
  }
  .pv100-md {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .ph100-md {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
  .m100-md {
    margin: 100px !important;
  }
  .mv100-md {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .mh100-md {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
  .bpt100-md:before {
    content: "";
    display: block;
    padding-top: 100% !important;
  }
}
@media screen and (max-width: 767.98px) {
  .mt100-mobile {
    margin-top: 100px !important;
  }
  .mb100-mobile {
    margin-bottom: 100px !important;
  }
  .pl100-mobile {
    padding-left: 100px !important;
  }
  .p100-mobile {
    padding: 100px !important;
  }
  .pv100-mobile {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .ph100-mobile {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
  .m100-mobile {
    margin: 100px !important;
  }
  .mv100-mobile {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .mh100-mobile {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
  .bpt100-mobile:before {
    content: "";
    display: block;
    padding-top: 100% !important;
  }
}
.mt-110 {
  margin-top: 110px;
}

.pt-110 {
  padding-top: 110px;
}

.mb-110 {
  margin-bottom: 110px;
}

.pb-110 {
  padding-bottom: 110px;
}

.ml-110 {
  margin-left: 110px;
}

.pl-110 {
  padding-left: 110px;
}

.mr-110 {
  margin-right: 110px;
}

.pr-110 {
  padding-right: 110px;
}

.mv-110 {
  margin-top: 110px;
  margin-bottom: 110px;
}

.mh-110 {
  margin-left: 110px;
  margin-right: 110px;
}

.p-110 {
  padding: 110px;
}

.pv-110 {
  padding-top: 110px;
  padding-bottom: 110px;
}

.ph-110 {
  padding-left: 110px;
  padding-right: 110px;
}

.bpt-110:before {
  content: "";
  display: block;
  padding-top: 110%;
}

.b-110 {
  border-width: 110px;
}

.bv-110 {
  border-top-width: 110px;
  border-bottom-width: 110px;
}

.bh-110 {
  border-left-width: 110px;
  border-right-width: 110px;
}

.width-110 {
  width: 110%;
}

@media screen and (max-width: 1024.98px) {
  .p110-md {
    padding: 110px !important;
  }
  .pv110-md {
    padding-top: 110px !important;
    padding-bottom: 110px !important;
  }
  .ph110-md {
    padding-left: 110px !important;
    padding-right: 110px !important;
  }
  .m110-md {
    margin: 110px !important;
  }
  .mv110-md {
    margin-top: 110px !important;
    margin-bottom: 110px !important;
  }
  .mh110-md {
    margin-left: 110px !important;
    margin-right: 110px !important;
  }
  .bpt110-md:before {
    content: "";
    display: block;
    padding-top: 110% !important;
  }
}
@media screen and (max-width: 767.98px) {
  .mt110-mobile {
    margin-top: 110px !important;
  }
  .mb110-mobile {
    margin-bottom: 110px !important;
  }
  .pl110-mobile {
    padding-left: 110px !important;
  }
  .p110-mobile {
    padding: 110px !important;
  }
  .pv110-mobile {
    padding-top: 110px !important;
    padding-bottom: 110px !important;
  }
  .ph110-mobile {
    padding-left: 110px !important;
    padding-right: 110px !important;
  }
  .m110-mobile {
    margin: 110px !important;
  }
  .mv110-mobile {
    margin-top: 110px !important;
    margin-bottom: 110px !important;
  }
  .mh110-mobile {
    margin-left: 110px !important;
    margin-right: 110px !important;
  }
  .bpt110-mobile:before {
    content: "";
    display: block;
    padding-top: 110% !important;
  }
}
.mt-115 {
  margin-top: 115px;
}

.pt-115 {
  padding-top: 115px;
}

.mb-115 {
  margin-bottom: 115px;
}

.pb-115 {
  padding-bottom: 115px;
}

.ml-115 {
  margin-left: 115px;
}

.pl-115 {
  padding-left: 115px;
}

.mr-115 {
  margin-right: 115px;
}

.pr-115 {
  padding-right: 115px;
}

.mv-115 {
  margin-top: 115px;
  margin-bottom: 115px;
}

.mh-115 {
  margin-left: 115px;
  margin-right: 115px;
}

.p-115 {
  padding: 115px;
}

.pv-115 {
  padding-top: 115px;
  padding-bottom: 115px;
}

.ph-115 {
  padding-left: 115px;
  padding-right: 115px;
}

.bpt-115:before {
  content: "";
  display: block;
  padding-top: 115%;
}

.b-115 {
  border-width: 115px;
}

.bv-115 {
  border-top-width: 115px;
  border-bottom-width: 115px;
}

.bh-115 {
  border-left-width: 115px;
  border-right-width: 115px;
}

.width-115 {
  width: 115%;
}

@media screen and (max-width: 1024.98px) {
  .p115-md {
    padding: 115px !important;
  }
  .pv115-md {
    padding-top: 115px !important;
    padding-bottom: 115px !important;
  }
  .ph115-md {
    padding-left: 115px !important;
    padding-right: 115px !important;
  }
  .m115-md {
    margin: 115px !important;
  }
  .mv115-md {
    margin-top: 115px !important;
    margin-bottom: 115px !important;
  }
  .mh115-md {
    margin-left: 115px !important;
    margin-right: 115px !important;
  }
  .bpt115-md:before {
    content: "";
    display: block;
    padding-top: 115% !important;
  }
}
@media screen and (max-width: 767.98px) {
  .mt115-mobile {
    margin-top: 115px !important;
  }
  .mb115-mobile {
    margin-bottom: 115px !important;
  }
  .pl115-mobile {
    padding-left: 115px !important;
  }
  .p115-mobile {
    padding: 115px !important;
  }
  .pv115-mobile {
    padding-top: 115px !important;
    padding-bottom: 115px !important;
  }
  .ph115-mobile {
    padding-left: 115px !important;
    padding-right: 115px !important;
  }
  .m115-mobile {
    margin: 115px !important;
  }
  .mv115-mobile {
    margin-top: 115px !important;
    margin-bottom: 115px !important;
  }
  .mh115-mobile {
    margin-left: 115px !important;
    margin-right: 115px !important;
  }
  .bpt115-mobile:before {
    content: "";
    display: block;
    padding-top: 115% !important;
  }
}
.mt-118 {
  margin-top: 118px;
}

.pt-118 {
  padding-top: 118px;
}

.mb-118 {
  margin-bottom: 118px;
}

.pb-118 {
  padding-bottom: 118px;
}

.ml-118 {
  margin-left: 118px;
}

.pl-118 {
  padding-left: 118px;
}

.mr-118 {
  margin-right: 118px;
}

.pr-118 {
  padding-right: 118px;
}

.mv-118 {
  margin-top: 118px;
  margin-bottom: 118px;
}

.mh-118 {
  margin-left: 118px;
  margin-right: 118px;
}

.p-118 {
  padding: 118px;
}

.pv-118 {
  padding-top: 118px;
  padding-bottom: 118px;
}

.ph-118 {
  padding-left: 118px;
  padding-right: 118px;
}

.bpt-118:before {
  content: "";
  display: block;
  padding-top: 118%;
}

.b-118 {
  border-width: 118px;
}

.bv-118 {
  border-top-width: 118px;
  border-bottom-width: 118px;
}

.bh-118 {
  border-left-width: 118px;
  border-right-width: 118px;
}

.width-118 {
  width: 118%;
}

@media screen and (max-width: 1024.98px) {
  .p118-md {
    padding: 118px !important;
  }
  .pv118-md {
    padding-top: 118px !important;
    padding-bottom: 118px !important;
  }
  .ph118-md {
    padding-left: 118px !important;
    padding-right: 118px !important;
  }
  .m118-md {
    margin: 118px !important;
  }
  .mv118-md {
    margin-top: 118px !important;
    margin-bottom: 118px !important;
  }
  .mh118-md {
    margin-left: 118px !important;
    margin-right: 118px !important;
  }
  .bpt118-md:before {
    content: "";
    display: block;
    padding-top: 118% !important;
  }
}
@media screen and (max-width: 767.98px) {
  .mt118-mobile {
    margin-top: 118px !important;
  }
  .mb118-mobile {
    margin-bottom: 118px !important;
  }
  .pl118-mobile {
    padding-left: 118px !important;
  }
  .p118-mobile {
    padding: 118px !important;
  }
  .pv118-mobile {
    padding-top: 118px !important;
    padding-bottom: 118px !important;
  }
  .ph118-mobile {
    padding-left: 118px !important;
    padding-right: 118px !important;
  }
  .m118-mobile {
    margin: 118px !important;
  }
  .mv118-mobile {
    margin-top: 118px !important;
    margin-bottom: 118px !important;
  }
  .mh118-mobile {
    margin-left: 118px !important;
    margin-right: 118px !important;
  }
  .bpt118-mobile:before {
    content: "";
    display: block;
    padding-top: 118% !important;
  }
}
.mt-120 {
  margin-top: 120px;
}

.pt-120 {
  padding-top: 120px;
}

.mb-120 {
  margin-bottom: 120px;
}

.pb-120 {
  padding-bottom: 120px;
}

.ml-120 {
  margin-left: 120px;
}

.pl-120 {
  padding-left: 120px;
}

.mr-120 {
  margin-right: 120px;
}

.pr-120 {
  padding-right: 120px;
}

.mv-120 {
  margin-top: 120px;
  margin-bottom: 120px;
}

.mh-120 {
  margin-left: 120px;
  margin-right: 120px;
}

.p-120 {
  padding: 120px;
}

.pv-120 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.ph-120 {
  padding-left: 120px;
  padding-right: 120px;
}

.bpt-120:before {
  content: "";
  display: block;
  padding-top: 120%;
}

.b-120 {
  border-width: 120px;
}

.bv-120 {
  border-top-width: 120px;
  border-bottom-width: 120px;
}

.bh-120 {
  border-left-width: 120px;
  border-right-width: 120px;
}

.width-120 {
  width: 120%;
}

@media screen and (max-width: 1024.98px) {
  .p120-md {
    padding: 120px !important;
  }
  .pv120-md {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .ph120-md {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
  .m120-md {
    margin: 120px !important;
  }
  .mv120-md {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .mh120-md {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }
  .bpt120-md:before {
    content: "";
    display: block;
    padding-top: 120% !important;
  }
}
@media screen and (max-width: 767.98px) {
  .mt120-mobile {
    margin-top: 120px !important;
  }
  .mb120-mobile {
    margin-bottom: 120px !important;
  }
  .pl120-mobile {
    padding-left: 120px !important;
  }
  .p120-mobile {
    padding: 120px !important;
  }
  .pv120-mobile {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .ph120-mobile {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
  .m120-mobile {
    margin: 120px !important;
  }
  .mv120-mobile {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .mh120-mobile {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }
  .bpt120-mobile:before {
    content: "";
    display: block;
    padding-top: 120% !important;
  }
}
.mt-130 {
  margin-top: 130px;
}

.pt-130 {
  padding-top: 130px;
}

.mb-130 {
  margin-bottom: 130px;
}

.pb-130 {
  padding-bottom: 130px;
}

.ml-130 {
  margin-left: 130px;
}

.pl-130 {
  padding-left: 130px;
}

.mr-130 {
  margin-right: 130px;
}

.pr-130 {
  padding-right: 130px;
}

.mv-130 {
  margin-top: 130px;
  margin-bottom: 130px;
}

.mh-130 {
  margin-left: 130px;
  margin-right: 130px;
}

.p-130 {
  padding: 130px;
}

.pv-130 {
  padding-top: 130px;
  padding-bottom: 130px;
}

.ph-130 {
  padding-left: 130px;
  padding-right: 130px;
}

.bpt-130:before {
  content: "";
  display: block;
  padding-top: 130%;
}

.b-130 {
  border-width: 130px;
}

.bv-130 {
  border-top-width: 130px;
  border-bottom-width: 130px;
}

.bh-130 {
  border-left-width: 130px;
  border-right-width: 130px;
}

.width-130 {
  width: 130%;
}

@media screen and (max-width: 1024.98px) {
  .p130-md {
    padding: 130px !important;
  }
  .pv130-md {
    padding-top: 130px !important;
    padding-bottom: 130px !important;
  }
  .ph130-md {
    padding-left: 130px !important;
    padding-right: 130px !important;
  }
  .m130-md {
    margin: 130px !important;
  }
  .mv130-md {
    margin-top: 130px !important;
    margin-bottom: 130px !important;
  }
  .mh130-md {
    margin-left: 130px !important;
    margin-right: 130px !important;
  }
  .bpt130-md:before {
    content: "";
    display: block;
    padding-top: 130% !important;
  }
}
@media screen and (max-width: 767.98px) {
  .mt130-mobile {
    margin-top: 130px !important;
  }
  .mb130-mobile {
    margin-bottom: 130px !important;
  }
  .pl130-mobile {
    padding-left: 130px !important;
  }
  .p130-mobile {
    padding: 130px !important;
  }
  .pv130-mobile {
    padding-top: 130px !important;
    padding-bottom: 130px !important;
  }
  .ph130-mobile {
    padding-left: 130px !important;
    padding-right: 130px !important;
  }
  .m130-mobile {
    margin: 130px !important;
  }
  .mv130-mobile {
    margin-top: 130px !important;
    margin-bottom: 130px !important;
  }
  .mh130-mobile {
    margin-left: 130px !important;
    margin-right: 130px !important;
  }
  .bpt130-mobile:before {
    content: "";
    display: block;
    padding-top: 130% !important;
  }
}
.mt-140 {
  margin-top: 140px;
}

.pt-140 {
  padding-top: 140px;
}

.mb-140 {
  margin-bottom: 140px;
}

.pb-140 {
  padding-bottom: 140px;
}

.ml-140 {
  margin-left: 140px;
}

.pl-140 {
  padding-left: 140px;
}

.mr-140 {
  margin-right: 140px;
}

.pr-140 {
  padding-right: 140px;
}

.mv-140 {
  margin-top: 140px;
  margin-bottom: 140px;
}

.mh-140 {
  margin-left: 140px;
  margin-right: 140px;
}

.p-140 {
  padding: 140px;
}

.pv-140 {
  padding-top: 140px;
  padding-bottom: 140px;
}

.ph-140 {
  padding-left: 140px;
  padding-right: 140px;
}

.bpt-140:before {
  content: "";
  display: block;
  padding-top: 140%;
}

.b-140 {
  border-width: 140px;
}

.bv-140 {
  border-top-width: 140px;
  border-bottom-width: 140px;
}

.bh-140 {
  border-left-width: 140px;
  border-right-width: 140px;
}

.width-140 {
  width: 140%;
}

@media screen and (max-width: 1024.98px) {
  .p140-md {
    padding: 140px !important;
  }
  .pv140-md {
    padding-top: 140px !important;
    padding-bottom: 140px !important;
  }
  .ph140-md {
    padding-left: 140px !important;
    padding-right: 140px !important;
  }
  .m140-md {
    margin: 140px !important;
  }
  .mv140-md {
    margin-top: 140px !important;
    margin-bottom: 140px !important;
  }
  .mh140-md {
    margin-left: 140px !important;
    margin-right: 140px !important;
  }
  .bpt140-md:before {
    content: "";
    display: block;
    padding-top: 140% !important;
  }
}
@media screen and (max-width: 767.98px) {
  .mt140-mobile {
    margin-top: 140px !important;
  }
  .mb140-mobile {
    margin-bottom: 140px !important;
  }
  .pl140-mobile {
    padding-left: 140px !important;
  }
  .p140-mobile {
    padding: 140px !important;
  }
  .pv140-mobile {
    padding-top: 140px !important;
    padding-bottom: 140px !important;
  }
  .ph140-mobile {
    padding-left: 140px !important;
    padding-right: 140px !important;
  }
  .m140-mobile {
    margin: 140px !important;
  }
  .mv140-mobile {
    margin-top: 140px !important;
    margin-bottom: 140px !important;
  }
  .mh140-mobile {
    margin-left: 140px !important;
    margin-right: 140px !important;
  }
  .bpt140-mobile:before {
    content: "";
    display: block;
    padding-top: 140% !important;
  }
}
.mt-150 {
  margin-top: 150px;
}

.pt-150 {
  padding-top: 150px;
}

.mb-150 {
  margin-bottom: 150px;
}

.pb-150 {
  padding-bottom: 150px;
}

.ml-150 {
  margin-left: 150px;
}

.pl-150 {
  padding-left: 150px;
}

.mr-150 {
  margin-right: 150px;
}

.pr-150 {
  padding-right: 150px;
}

.mv-150 {
  margin-top: 150px;
  margin-bottom: 150px;
}

.mh-150 {
  margin-left: 150px;
  margin-right: 150px;
}

.p-150 {
  padding: 150px;
}

.pv-150 {
  padding-top: 150px;
  padding-bottom: 150px;
}

.ph-150 {
  padding-left: 150px;
  padding-right: 150px;
}

.bpt-150:before {
  content: "";
  display: block;
  padding-top: 150%;
}

.b-150 {
  border-width: 150px;
}

.bv-150 {
  border-top-width: 150px;
  border-bottom-width: 150px;
}

.bh-150 {
  border-left-width: 150px;
  border-right-width: 150px;
}

.width-150 {
  width: 150%;
}

@media screen and (max-width: 1024.98px) {
  .p150-md {
    padding: 150px !important;
  }
  .pv150-md {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
  }
  .ph150-md {
    padding-left: 150px !important;
    padding-right: 150px !important;
  }
  .m150-md {
    margin: 150px !important;
  }
  .mv150-md {
    margin-top: 150px !important;
    margin-bottom: 150px !important;
  }
  .mh150-md {
    margin-left: 150px !important;
    margin-right: 150px !important;
  }
  .bpt150-md:before {
    content: "";
    display: block;
    padding-top: 150% !important;
  }
}
@media screen and (max-width: 767.98px) {
  .mt150-mobile {
    margin-top: 150px !important;
  }
  .mb150-mobile {
    margin-bottom: 150px !important;
  }
  .pl150-mobile {
    padding-left: 150px !important;
  }
  .p150-mobile {
    padding: 150px !important;
  }
  .pv150-mobile {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
  }
  .ph150-mobile {
    padding-left: 150px !important;
    padding-right: 150px !important;
  }
  .m150-mobile {
    margin: 150px !important;
  }
  .mv150-mobile {
    margin-top: 150px !important;
    margin-bottom: 150px !important;
  }
  .mh150-mobile {
    margin-left: 150px !important;
    margin-right: 150px !important;
  }
  .bpt150-mobile:before {
    content: "";
    display: block;
    padding-top: 150% !important;
  }
}
.mt-200 {
  margin-top: 200px;
}

.pt-200 {
  padding-top: 200px;
}

.mb-200 {
  margin-bottom: 200px;
}

.pb-200 {
  padding-bottom: 200px;
}

.ml-200 {
  margin-left: 200px;
}

.pl-200 {
  padding-left: 200px;
}

.mr-200 {
  margin-right: 200px;
}

.pr-200 {
  padding-right: 200px;
}

.mv-200 {
  margin-top: 200px;
  margin-bottom: 200px;
}

.mh-200 {
  margin-left: 200px;
  margin-right: 200px;
}

.p-200 {
  padding: 200px;
}

.pv-200 {
  padding-top: 200px;
  padding-bottom: 200px;
}

.ph-200 {
  padding-left: 200px;
  padding-right: 200px;
}

.bpt-200:before {
  content: "";
  display: block;
  padding-top: 200%;
}

.b-200 {
  border-width: 200px;
}

.bv-200 {
  border-top-width: 200px;
  border-bottom-width: 200px;
}

.bh-200 {
  border-left-width: 200px;
  border-right-width: 200px;
}

.width-200 {
  width: 200%;
}

@media screen and (max-width: 1024.98px) {
  .p200-md {
    padding: 200px !important;
  }
  .pv200-md {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }
  .ph200-md {
    padding-left: 200px !important;
    padding-right: 200px !important;
  }
  .m200-md {
    margin: 200px !important;
  }
  .mv200-md {
    margin-top: 200px !important;
    margin-bottom: 200px !important;
  }
  .mh200-md {
    margin-left: 200px !important;
    margin-right: 200px !important;
  }
  .bpt200-md:before {
    content: "";
    display: block;
    padding-top: 200% !important;
  }
}
@media screen and (max-width: 767.98px) {
  .mt200-mobile {
    margin-top: 200px !important;
  }
  .mb200-mobile {
    margin-bottom: 200px !important;
  }
  .pl200-mobile {
    padding-left: 200px !important;
  }
  .p200-mobile {
    padding: 200px !important;
  }
  .pv200-mobile {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }
  .ph200-mobile {
    padding-left: 200px !important;
    padding-right: 200px !important;
  }
  .m200-mobile {
    margin: 200px !important;
  }
  .mv200-mobile {
    margin-top: 200px !important;
    margin-bottom: 200px !important;
  }
  .mh200-mobile {
    margin-left: 200px !important;
    margin-right: 200px !important;
  }
  .bpt200-mobile:before {
    content: "";
    display: block;
    padding-top: 200% !important;
  }
}
.no-padding {
  padding: 0;
  padding-right: 0px;
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.no-margin {
  margin: 0;
  margin-right: 0px;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.no-border {
  border: 0;
}

.mb-5 {
  margin-bottom: 5px !important;
}

/*!
 * Icon Font Bachus
 * Made with love by Icons8 [ https://icons8.com/ ] using webfont [ https://github.com/itgalaxy/webfont ]
 *
 * Contacts:
 *    [ https://icons8.com/contact ]
 *
 * Follow Icon8 on
 *    Twitter [ https://twitter.com/icons_8 ]
 *    Facebook [ https://www.facebook.com/Icons8 ]
 *    Google+ [ https://plus.google.com/+Icons8 ]
 *    GitHub [ https://github.com/icons8 ]
 */
@font-face {
  font-family: "Bachus";
  src: url("/fonts/icons8/Bachus.eot");
  src: url("/fonts/icons8/Bachus.eot?#iefix") format("embedded-opentype"), url("/fonts/icons8/Bachus.woff2") format("woff2"), url("/fonts/icons8/Bachus.woff") format("woff"), url("/fonts/icons8/Bachus.ttf") format("truetype"), url("/fonts/icons8/Bachus.svg#font") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Bachus";
    src: url("/fonts/icons8/Bachus.svg#Bachus") format("svg");
  }
}
.icons8-linkedin-entour-:before,
.icons8-facebook:before,
.icons8-fl-che-d-velopper:before,
.icons8-droite:before,
.icons8-macos-fermer:before,
.icons8-pin:before,
.icons8-modifier-le-calendrier:before,
.icons8-cursor:before,
.icons8-image:before,
.icons8-r-servation:before,
.icons8-call-list:before,
.icons8-f-de-facebook:before,
.icons8-linkedin-2:before,
.icons8-vin-blanc:before,
.icons8-invit--homme:before,
.icons8-menu-carr-:before,
.icons8-youtube:before,
.icons8-pin-2:before,
.icons8-smartphone-et-tablette:before,
.icons8-scissors:before,
.icons8-mot-de-passe-1:before,
.icons8-fl-che-gauche:before,
.icons8-cloche-de-service:before,
.icons8-check:before,
.icons8-dashboard-layout:before,
.icons8-carte-d-identit-:before,
.icons8-d-connexion:before,
[data-icons8]:before {
  display: inline-block;
  font-family: "Bachus";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

[data-icons8]:before {
  content: attr(data-icons8);
}

.icons8-linkedin-entour-:before {
  content: "\f100";
}

.icons8-facebook:before {
  content: "\f101";
}

.icons8-fl-che-d-velopper:before {
  content: "\f102";
}

.icons8-droite:before {
  content: "\f103";
}

.icons8-macos-fermer:before {
  content: "\f104";
}

.icons8-pin:before {
  content: "\f105";
}

.icons8-modifier-le-calendrier:before {
  content: "\f106";
}

.icons8-cursor:before {
  content: "\f109";
}

.icons8-image:before {
  content: "\f10a";
}

.icons8-r-servation:before {
  content: "\f10b";
}

.icons8-call-list:before {
  content: "\f10c";
}

.icons8-f-de-facebook:before {
  content: "\f10d";
}

.icons8-linkedin-2:before {
  content: "\f10e";
}

.icons8-vin-blanc:before {
  content: "\f10f";
}

.icons8-invit--homme:before {
  content: "\f110";
}

.icons8-menu-carr-:before {
  content: "\f111";
}

.icons8-youtube:before {
  content: "\f112";
}

.icons8-pin-2:before {
  content: "\f113";
}

.icons8-smartphone-et-tablette:before {
  content: "\f114";
}

.icons8-scissors:before {
  content: "\f115";
}

.icons8-mot-de-passe-1:before {
  content: "\f116";
}

.icons8-fl-che-gauche:before {
  content: "\f117";
}

.icons8-cloche-de-service:before {
  content: "\f118";
}

.icons8-check:before {
  content: "\f119";
}

.icons8-dashboard-layout:before {
  content: "\f11a";
}

.icons8-carte-d-identit-:before {
  content: "\f11b";
}

.icons8-d-connexion:before {
  content: "\f11c";
}

.btn {
  border-radius: 5px;
  padding: 13px 35px;
  font-size: 15px;
  font-weight: 500;
}
@media (max-width: 576px) {
  .btn {
    width: 100%;
  }
}
.btn.btn-primary {
  background-color: #C1AA64;
  color: white;
  border: 1px solid #C1AA64;
  text-transform: uppercase;
  letter-spacing: 1px;
  box-shadow: none;
}
.btn.btn-primary.black {
  background: black;
  border: black;
  padding: 10px 30px;
}
.btn.btn-primary.small {
  font-size: 12px;
  background: black;
  padding: 10px 20px;
  border: 1px solid black;
}
.btn.btn-primary:hover {
  background: #000000;
  color: white !important;
  border: 1px solid #000000;
}
.btn.btn-primary:active {
  background: #000000;
  color: white !important;
  border: 1px solid #000000;
}

.btn-ghost {
  background-color: #FFFFFF;
  color: black;
  border: 1px solid #000000;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.btn-ghost:hover {
  background: #C1AA64;
  color: white !important;
  border: 1px solid #C1AA64;
}

.kr-popin-utils button.kr-popin-button {
  background-color: #C1AA64 !important;
  color: white !important;
  border: 1px solid #C1AA64 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  box-shadow: none !important;
  border-radius: 5px !important;
  padding: 13px 35px !important;
}

.btn-load {
  background-color: lightgrey !important;
  border-color: lightgrey !important;
  color: lightgrey !important;
}

.btn.btn-load:hover {
  color: lightgrey !important;
}

.btn-load::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border: 3px solid #f3f3f3;
  border-top: 3px solid #C1AA64;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-top: 1.7%;
  left: 50%;
}

@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
[type=radio]:checked,
[type=radio]:not(:checked) {
  position: absolute;
  left: -9999px;
}

[type=radio]:checked + label,
[type=radio]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
}

[type=radio]:checked + label:before,
[type=radio]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #fff;
}

[type=radio]:checked + label:after,
[type=radio]:not(:checked) + label:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #5d71ba;
  position: absolute;
  top: 3px;
  left: 3px;
  border-radius: 100%;
  transition: all 0.2s ease;
}

[type=radio]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

[type=radio]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

textarea {
  width: 100%;
  border: 1px solid #D5DBEF;
  border-radius: 3px;
  padding: 20px;
  color: #666666;
}
textarea::-moz-placeholder {
  color: #666666;
}
textarea::placeholder {
  color: #666666;
}

input {
  width: 100%;
  border: 1px solid #D5DBEF;
  border-radius: 3px;
  padding: 20px;
}
input::-moz-placeholder {
  color: #666666;
}
input::placeholder {
  color: #666666;
}

.slick-dots {
  margin: 30px 0;
  text-align: center;
}
.slick-dots > li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots > li > button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots > li > button:before {
  font-family: "slick";
  font-size: 35px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: #01305e;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots > li.slick-active button:before {
  opacity: 0.85;
  color: #01305e;
}

.nav-filters-blog {
  border-bottom: 0px;
}
.nav-filters-blog .nav-link {
  border: 1px solid #D5DBEF;
  border-radius: 4px;
  color: black;
  margin: 0 12px;
}
@media (max-width: 768px) {
  .nav-filters-blog .nav-link {
    margin: 0 4px;
  }
}
.nav-filters-blog .nav-link:first-child {
  margin-left: 0px;
}
.nav-filters-blog .nav-link:hover {
  background: #5d71ba;
  color: #FFFFFF;
}
.nav-filters-blog .nav-link.active {
  background: #5d71ba;
  color: #FFFFFF;
}

.modal .modal-title {
  font-size: 21px;
}
.modal .modal-header {
  border: none;
}
.modal .modal-body textarea {
  width: 100%;
  border: 1px solid #D5DBEF;
  border-radius: 3px;
  padding: 20px;
  color: #666666;
}
.modal .modal-body input {
  width: 100%;
  border: 1px solid #D5DBEF;
  border-radius: 3px;
  padding: 20px;
}
.modal .modal-body input::-moz-placeholder {
  color: #666666;
}
.modal .modal-body input::placeholder {
  color: #666666;
}
.modal .modal-content {
  padding: 20px;
  border-radius: 17px;
}
.modal .modal-footer {
  border-top: 0px;
  justify-content: center;
}

.notifications-session {
  position: absolute;
  top: 100px;
  right: 30px;
  z-index: 1000;
}

.jq-toast-wrap.top-right {
  width: 30%;
}

.payment-btn #card-element {
  border: 2px solid #C1AA64 !important;
  text-align: center;
  padding: 30px !important;
  margin-bottom: 3rem !important;
}
.payment-btn #payment-form {
  max-width: 58.33333% !important;
  padding: 0 7px !important;
}
@media (max-width: 576px) {
  .payment-btn #payment-form {
    max-width: 100% !important;
  }
}

.powered {
  text-align: end;
  position: relative;
  top: 40px;
  font-size: 12px;
  margin-right: 15px;
}
@media (max-width: 576px) {
  .powered {
    top: 12px;
    margin-right: -10px;
  }
}

.main-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #EEF1F8;
  padding: 17px 0px;
}
@media (max-width: 576px) {
  .main-header {
    padding: 15px;
  }
  .main-header .navbar-toggler:focus {
    box-shadow: none;
  }
}
.main-header .navbar .nav-item {
  padding-right: 40px;
}
@media (max-width: 576px) {
  .main-header .navbar .nav-item {
    padding-right: 0px;
    margin: 15px 0;
  }
}
.main-header .navbar .nav-item:last-child {
  padding-right: 0px;
}
.main-header .navbar .nav-item.active .nav-link {
  position: relative;
}
.main-header .navbar .nav-item.active .nav-link::before {
  content: "";
  display: block;
  height: 8px;
  width: 8px;
  background: #5d71ba;
  border-radius: 50px;
  position: absolute;
  top: 110%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 576px) {
  .main-header .navbar .nav-item.active .nav-link::before {
    position: inherit;
    top: inherit;
    left: inherit;
    transform: inherit;
    display: inline-block;
    margin-right: 15px;
  }
}
.main-header .navbar .nav-item .nav-link {
  font-size: 18px;
  color: black;
  font-family: "Matahari-700Bold";
}
.main-header .navbar .nav-item .nav-link.active {
  position: relative;
}
.main-header .navbar .nav-item .nav-link.active::before {
  content: "";
  display: block;
  height: 8px;
  width: 8px;
  background: #5d71ba;
  border-radius: 50px;
  position: absolute;
  top: 110%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 576px) {
  .main-header .navbar .nav-item .nav-link.active::before {
    position: inherit;
    top: inherit;
    left: inherit;
    transform: inherit;
    display: inline-block;
    margin-right: 15px;
  }
}

@media (max-width: 576px) {
  .no-border-mob {
    border-right: 1px solid white !important;
  }
}

.logo-header {
  min-width: 200px;
  max-width: 200px;
  padding-right: 20px;
}
@media (max-width: 576px) {
  .logo-header {
    min-width: 160px;
    max-width: 160px;
  }
}

@media (max-width: 576px) {
  .pr10-mob {
    padding-right: 10px;
  }
}

@media (max-width: 576px) {
  .pl10-mob {
    padding-left: 10px;
  }
}

.breadcrumb {
  color: #5d71ba;
  text-decoration: none;
}

.timeline {
  position: fixed;
  padding-bottom: 50px;
}
@media (max-width: 576px) {
  .timeline {
    display: none;
  }
}
.timeline ul {
  position: relative;
}
.timeline ul::before {
  height: 200px;
  width: 1px;
  background: #5d71ba;
  content: "";
  display: inline-block;
  position: absolute;
  left: 3px;
  z-index: -1;
}
.timeline ul li {
  margin: 20px 0;
  padding-left: 20px;
  position: relative;
}
.timeline ul li::before {
  content: "";
  display: inline-block;
  height: 8px;
  width: 8px;
  border-radius: 50px;
  background: #5d71ba;
  margin-right: 10px;
  position: absolute;
  left: 0px;
}
.timeline ul li > a {
  display: inline-block;
  vertical-align: top;
}

.rounded::before {
  content: "";
  height: 24px;
  width: 24px;
  background: white;
  border: 2px solid #5d71ba;
  display: inline-block;
  border-radius: 50px;
  position: absolute;
  left: -11px;
}

.title-l::before {
  content: "";
  height: 24px;
  width: 24px;
  background: white;
  border: 2px solid #5d71ba;
  display: inline-block;
  border-radius: 50px;
}

@media (max-width: 576px) {
  .container-fixed-element {
    display: none;
  }
}
.container-fixed-element {
  position: sticky;
  top: 0;
}
.container-fixed-element .line-fixed {
  position: absolute;
  content: "";
  height: 60vh;
  width: 3px;
  bottom: 0px;
  top: 0px;
  left: 0px;
  z-index: 1;
  background: #5d71ba;
}

@media (max-width: 576px) {
  .line-btn-action {
    text-align: center;
  }
  .line-btn-action__btn {
    margin-bottom: 20px !important;
    width: 100%;
  }
  .line-btn-action__btn > a {
    justify-content: center;
  }
}
.content-page {
  background-image: url("/images/bg-member@2x.jpg");
  background-size: cover;
}
.content-page.join-us {
  background: #FFF8EA;
}

.checkbox {
  width: -moz-fit-content;
  width: fit-content;
}

.list-summary li {
  margin: 15px 0;
}
.list-summary__link::after {
  display: block;
  content: "";
  background: #D5DBEF;
  height: 1px;
  width: 100%;
  margin-top: 2px;
}
.list-summary__item {
  display: inline-block;
}
.list-summary__item::before {
  content: "•";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  color: #5d71ba;
  font-size: 20px;
}

@media (max-width: 576px) {
  .pr0-mobile {
    padding-right: 15px;
  }
}

@media (max-width: 576px) {
  .pr0-mobile-important {
    padding-right: 0px;
  }
}

.accordion .accordion-button {
  background: none;
  color: #01305e;
  border-top: 1px solid #D5DBEF;
  border-bottom: 0px;
  box-shadow: none;
  font-size: 18px;
  line-height: 24px;
  font-family: "Matahari-700Bold";
  padding-top: 30px;
}
@media (max-width: 576px) {
  .accordion .accordion-button {
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  .accordion .accordion-button::after {
    margin-left: 20px;
  }
}
.accordion .accordion-item {
  border: none;
  padding-bottom: 15px;
}

.box-key {
  background: #EEF1F8;
  padding: 46px 40px 40px 40px;
  border-radius: 12px;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 768px) {
  .box-key {
    padding: 50px 30px 30px 30px;
  }
}
.box-key__content {
  width: 380px;
}
@media (max-width: 768px) {
  .box-key__content {
    width: inherit;
  }
}

.box-mea {
  padding: 46px 40px 40px 40px;
  border-radius: 12px;
  border: 1px solid #5d71ba;
}
@media (max-width: 768px) {
  .box-mea {
    padding: 30px;
  }
}

.box-quote {
  border-left: 2px solid #eb3c28;
  padding: 20Px 32px;
  margin: 50px 0;
}
.box-quote__content {
  font-size: 26px;
  line-height: 33px;
  margin-bottom: 20px;
}
@media (max-width: 576px) {
  .box-quote__content {
    font-size: 21px;
    line-height: 32px;
  }
}
.box-quote__author {
  color: #eb3c28;
  font-size: 16px;
  line-height: 26px;
}
@media (max-width: 576px) {
  .box-quote__author {
    font-size: 14px;
    line-height: 22px;
  }
}

sup {
  font-size: 12px;
  color: #5d71ba;
  font-weight: bolder;
}

@media (max-width: 576px) {
  .auth-fluid .auth-fluid-form-box {
    padding: 15px;
    width: 100%;
  }
}

@media (max-width: 576px) {
  .auth-fluid-form-box {
    min-height: 90vh !important;
  }
}
@media (max-width: 576px) {
  .auth-fluid-form-box .card-body {
    padding: 0px !important;
  }
}

.new-menu-burger {
  background-color: black;
  padding: 20px;
}
.new-menu-burger .nav-link {
  padding: 1rem 0.7rem !important;
}
.new-menu-burger .nav-link span {
  font-size: 14px;
}
@media (max-width: 1024px) {
  .new-menu-burger .nav-link span {
    font-size: 12px;
  }
}
@media (max-width: 576px) {
  .new-menu-burger .nav-link span {
    font-size: 15px;
  }
}

@media (max-width: 576px) {
  .navbar-collapse {
    border-top: 2px solid #C1AA64;
    padding-top: 15px;
    margin-top: 20px;
  }
}

@media (max-width: 576px) {
  .table-responsive {
    border: 0;
    display: inline-table;
  }
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  table tr {
    display: block;
    margin-bottom: 0.625em;
  }
  table td {
    display: block;
    font-size: 0.8em;
    text-align: right;
    padding-right: 0px !important;
  }
  table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  table td:last-child {
    border-bottom: 0;
  }
}
.only-visible-mobile-join-us {
  display: none;
}
@media (max-width: 768px) {
  .only-visible-mobile-join-us {
    display: block;
  }
}
.only-visible-mobile-join-us .dropdown-black {
  background-color: black;
  border: none;
}
.only-visible-mobile-join-us .dropdown-black .dropdown-item {
  color: white;
}
.only-visible-mobile-join-us .dropdown-black .dropdown-divider {
  border: black;
}

.menu-join-us-desktop {
  display: block;
}
@media (max-width: 768px) {
  .menu-join-us-desktop {
    display: none;
  }
}

.form-steps {
  background: transparent;
}
.form-steps__item {
  position: relative;
}
.form-steps__item .nav-link.active .number {
  background: #C1AA64;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px auto;
  border: 1px solid #C1AA64;
}
.form-steps__item:last-child::after {
  display: none;
}
.form-steps__item::after {
  content: "";
  display: inline-block;
  background: #C1AA64;
  height: 1px;
  width: 100px;
  position: absolute;
  top: 40%;
  right: 0%;
  transform: translate(50%, -50%);
}
@media (max-width: 576px) {
  .form-steps__item::after {
    width: 30px;
  }
}
.form-steps__item .number {
  background: #FFFFFF;
  border: 1px solid black;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: black;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px auto;
}
.form-steps__item .sup-title {
  color: black;
}
.form-steps .nav-link {
  padding: 0px;
}
.form-steps .nav-link.active {
  background: none;
}
.form-steps .nav-link.active span {
  font-weight: bolder;
  color: black;
}

.form-control {
  margin: 10px 0px;
  background: #f2f2f2;
  border: #f2f2f2;
  font-size: 18px;
  height: calc(2.25rem + 10px);
  font-style: italic;
}
@media (max-width: 576px) {
  .form-control {
    margin: 10px 0;
  }
}
.form-control:focus {
  background: #f2f2f2;
  border: #f2f2f2;
}

label {
  font-weight: 500;
  color: black;
  font-size: 14px;
}
@media (max-width: 576px) {
  label {
    font-size: 14px;
  }
}
label span {
  color: #C1AA64;
}

.custom-radio .custom-control-label {
  font-weight: 400;
}

.custom-control-input:checked ~ .custom-control-label:before {
  background: #C1AA64;
  color: #C1AA64;
  border-color: #C1AA64;
}

[type=radio]:checked + label:after, [type=radio]:not(:checked) + label:after {
  background: #C1AA64;
}

[type=radio]:checked + label, [type=radio]:not(:checked) + label {
  color: black;
}

.es-input {
  padding-right: 40px !important;
  background: #F2F2F1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAG2YAABzjgAA4DIAAIM2AAB5CAAAxgwAADT6AAAgbL5TJ5gAAABGSURBVHjaYvz//z8DOYCJgUzA0tnZidPK8vJyRpw24pLEpwnuVHRFhDQxMDAwMPz//x+OOzo6/iPz8WFGuocqAAAA//8DAD/sORHYg7kaAAAAAElFTkSuQmCC) right center no-repeat !important;
}

.form-control-file {
  border: none;
}

.card-finish .icon {
  font-size: 100px;
}
.card-finish .title {
  font-size: 100px;
}

.box-member__content {
  background: white;
  text-align: center;
  padding: 20px;
  width: 80%;
  margin: auto;
  margin-top: -20px;
  position: relative;
  color: #C1AA64;
}
.box-member__content .name {
  font-size: 24px;
  font-family: "Cormorant Garamond", serif;
}
.box-member__content .company {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-top: 10px;
}

.text-underline {
  text-decoration: underline;
}

.title-m {
  font-family: "Cormorant Garamond", serif;
  font-size: 70px;
  color: white;
}
@media (max-width: 576px) {
  .title-m {
    font-size: 30px;
  }
}

.title-s {
  font-family: "Cormorant Garamond", serif;
  font-size: 60px;
  color: white;
}
@media (max-width: 576px) {
  .title-s {
    font-size: 30px;
  }
}

.bg-intro {
  position: relative;
}
.bg-intro .box-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 576px) {
  .bg-intro .box {
    height: 200px;
  }
  .bg-intro .box img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
}

.navbar-join-us {
  position: fixed;
  right: 0px;
  left: 0px;
  top: 20px;
  z-index: 2;
  background: transparent;
  padding: 15px 0px;
}
@media (max-width: 576px) {
  .navbar-join-us {
    top: 0px;
    background: black;
    position: relative;
  }
}
.navbar-join-us .nav-item {
  font-size: 14px;
  padding: 0 5px;
}
.navbar-join-us .navbar-collapse {
  justify-content: space-between;
}
@media (max-width: 576px) {
  .navbar-join-us .navbar-collapse {
    padding: 20px;
  }
}
.navbar-join-us .navbar-brand {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.navbar-join-us .navbar-brand .img-logo {
  width: 60px;
}

.header-principal {
  transition: ease-in 0.2s;
}
.header-principal.mini .navbar-join-us {
  background: black;
  top: 0px;
  position: fixed;
}
.header-principal .item-member {
  background: white;
  border-radius: 5px;
}
.header-principal .item-member .nav-link {
  color: black;
  font-size: 12px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-principal .item-member .nav-link .icon {
  margin-right: 5px;
}

.form-control {
  font-family: "Cormorant Garamond", serif !important;
}
.form-control::-moz-placeholder {
  font-family: "Cormorant Garamond", serif;
}
.form-control::placeholder {
  font-family: "Cormorant Garamond", serif;
}

select.form-control:not([size]):not([multiple]) {
  height: inherit;
}

.box-total {
  border: 2px solid #C1AA64;
  text-align: center;
  padding: 30px;
}

.border-etapes {
  border: 3px dotted black;
  padding: 30px;
  display: inline-block;
}

.table-diners thead th {
  font-weight: bold;
}
.table-diners tbody td {
  font-size: 14px;
  color: black;
  padding: 10px;
  vertical-align: middle;
}
.table-diners .td-buttons > button {
  font-size: 10px;
  padding: 12px 8px;
  width: 100%;
}

.small-btn {
  font-size: 12px;
}

.input-group-prepend {
  margin-top: 10px;
}

.box-event {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media (max-width: 576px) {
  .box-event {
    flex-direction: column;
  }
}
.box-event__img {
  width: 40%;
  position: relative;
}
@media (max-width: 576px) {
  .box-event__img {
    width: 100%;
  }
}
.box-event__img .image {
  position: relative;
  width: 100%;
  display: block;
}
.box-event__img .date-on-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: black;
  color: white;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.box-event__img .date-on-image p {
  font-size: 18px;
  margin: 3px 0px;
}
@media (max-width: 576px) {
  .box-event__img .date-on-image p {
    font-size: 14px;
    line-height: 19px;
  }
}
.box-event__img .date-on-image p:nth-child(2) {
  font-weight: bold;
}
.box-event__content {
  width: 60%;
  padding: 50px;
}
@media (max-width: 576px) {
  .box-event__content {
    width: 100%;
  }
}
.box-event__content .title {
  font-family: "Cormorant Garamond", serif;
  font-size: 35px;
  font-weight: 600;
}

.border-top {
  border-top: 1px solid #C1AA64 !important;
}

.card-box {
  background: white;
  border-radius: 5px;
  text-align: center;
  padding: 60px 0px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1607843137);
}
@media (max-width: 576px) {
  .card-box {
    padding: 20px;
  }
}
.card-box .title {
  font-weight: bold;
  text-align: center;
  font-size: 30px;
}
@media (max-width: 576px) {
  .card-box .title {
    font-size: 20px;
  }
}
.card-box .title::after {
  height: 1px;
  width: 200px;
  background: #C1AA64;
  display: block;
  margin: 30px auto;
  content: "";
}
@media (max-width: 576px) {
  .card-box .title::after {
    margin: 20px auto;
  }
}

.title-event {
  font-family: "Cormorant Garamond", serif;
  font-size: 45px;
  font-weight: 600;
}
@media (max-width: 576px) {
  .title-event {
    font-size: 30px;
    padding: 20px 0px;
  }
}

@media (max-width: 576px) {
  .custom-guest {
    margin: 10px 0px;
  }
}
.custom-guest label {
  font-size: 20px;
}
@media (max-width: 576px) {
  .custom-guest label {
    font-size: 16px;
  }
}

.custom-control-input:checked ~ .custom-control-label {
  font-weight: bold;
}

.number-guest {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 576px) {
  .number-guest {
    flex-direction: column;
  }
}

@media (max-width: 576px) {
  .mr-0-mobile {
    margin-right: 0px;
  }
}

@media (max-width: 576px) {
  .ml-0-mobile {
    margin-left: 0px;
  }
}

.line-profil {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 576px) {
  .line-profil {
    flex-direction: column;
    margin-top: 20px;
    text-align: center;
  }
}
.line-profil .profil-member {
  width: 300px;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  padding-right: 20px;
}
@media (max-width: 576px) {
  .line-profil .profil-member {
    width: 200px;
    height: 200px;
    padding-right: 0px;
    margin-bottom: 10px;
  }
}
.line-profil h2 {
  font-family: "Cormorant Garamond", serif;
  font-size: 30px;
}
.line-profil h2 span {
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #C1AA64;
  line-height: 35px;
}

.line-datas-one {
  margin: 30px 0px;
}
.line-datas-one .box-data {
  background: #F0E2C2;
  height: 350px;
  border-radius: 20Px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
  flex-direction: column;
}
@media (max-width: 576px) {
  .line-datas-one .box-data {
    padding: 15px;
    height: inherit;
  }
}
.line-datas-one .box-data.two {
  background: #FFF8EA;
}
.line-datas-one .box-data.two .progress {
  background: white;
  height: 10px;
}
.line-datas-one .box-data.two .progress .progress-bar {
  background: #DBCFB4;
}
.line-datas-one .box-data .progress {
  background: white;
  height: 10px;
}
.line-datas-one .box-data .progress .progress-bar {
  background: #C1AA64;
}
.line-datas-one .box-data p {
  color: black;
}
.line-datas-one .box-data .numbers {
  font-size: 35px;
  font-weight: 700;
  margin-bottom: 20px;
}
@media (max-width: 576px) {
  .line-datas-one .box-data .numbers {
    font-size: 25px;
    margin-bottom: 10px;
    margin-top: 10px;
  }
}

.line-club .box {
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 30px;
}
@media (max-width: 576px) {
  .line-club .box {
    flex-direction: column;
  }
}

.box-event.in-column {
  flex-direction: column;
}
.box-event.in-column .box-event__img {
  width: 100%;
}
.box-event.in-column .box-event__img .image {
  height: 315px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px 20px 0px 0px;
}
.box-event.in-column .box-event__content {
  width: 100%;
  padding: 10px;
}

body {
  position: relative;
  overflow-x: hidden;
  color: black;
  font-family: "Montserrat", sans-serif;
}

html {
  scroll-behavior: smooth;
}

::-moz-selection { /* Code for Firefox */
  background: #000000;
  color: #FFFFFF;
}

::selection {
  background: #000000;
  color: #FFFFFF;
}

a:hover {
  color: #C1AA64 !important;
}

.border-right {
  border-right: 1px solid #D5DBEF;
}

@media (max-width: 576px) {
  .border-bottom-mob {
    border-bottom: 1px solid #D5DBEF;
  }
}

@media (max-width: 576px) {
  .border-top-mob {
    border-top: 1px solid #D5DBEF;
  }
}

.border-left {
  border-left: 1px solid #D5DBEF;
}

.background-white-opacity {
  background: rgba(255, 255, 255, 0.9);
}

.text-no-underline {
  text-decoration: none;
}

.zi-2 {
  z-index: 2;
}

.zi-3 {
  z-index: 3;
}

.zi-4 {
  z-index: 4;
}

@media (max-width: 768px) {
  .ml0-mobile {
    margin-left: 0px;
  }
}

@media (max-width: 576px) {
  .w-100-mobile {
    width: 100% !important;
  }
}

.mt-5 {
  margin-top: 5px !important;
}

.box-shadow {
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1882352941);
}

.br-30 {
  border-radius: 30px;
}

.br-20 {
  border-radius: 20px;
}

.br-10 {
  border-radius: 10px;
}

.overflow-hidden {
  overflow: hidden;
}

p b {
  font-family: "Matahari-700Bold";
}

#question-guide {
  display: none;
}

.tiny-content h2 {
  font-size: 40px;
  font-weight: bold;
  font-family: "Cormorant Garamond", serif;
  margin: 10px 0px;
}
.tiny-content h3 {
  font-size: 35px;
  font-weight: bold;
  font-family: "Cormorant Garamond", serif;
  margin: 10px 0px;
}
.tiny-content h4 {
  font-size: 25px;
  font-weight: bold;
  font-family: "Cormorant Garamond", serif;
  margin: 10px 0px;
}
.tiny-content ul {
  list-style: disc !important;
  font-size: 16px;
  margin: 10px 0px;
}
.tiny-content ul li {
  line-height: 22px;
  padding: 5px 0px 5px 10px;
}
.tiny-content ul li::marker {
  color: #C1AA64;
  content: "●";
}
.tiny-content .btn-primary {
  margin: 15px 0px;
}

.cursor-pointer {
  cursor: pointer;
}

.auth-fluid {
  display: flex;
  justify-content: center;
  align-items: center;
}

.auth-fluid .auth-fluid-right {
  background-image: url("/images/bg-member@2x.jpg");
  display: none;
}

.auth-fluid-form-box {
  width: 80% !important;
  max-width: 80% !important;
  min-height: 570px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo-login {
  margin: auto auto 40px auto;
}

.remember input {
  width: auto;
}

/*
.navbar-nav {
    justify-content: space-between !important;
    @include md {
        overflow: auto;
        width: 100%;
        flex-wrap: wrap;
        overflow-y: hidden;
        justify-content: center !important;
        padding-bottom: 15px;
        flex-direction: revert;
    }
}*/
.side-nav-item .nav-link {
  padding: 1rem 0.7rem !important;
}
.side-nav-item .nav-link span {
  font-size: 14px;
}
@media (max-width: 1024px) {
  .side-nav-item .nav-link span {
    font-size: 12px;
  }
}

.background-grey-light {
  background: #FAFAFA;
}

.line-sub-footer {
  padding-top: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.line-sub-footer .sup-title {
  color: #C1AA64;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
}
.line-sub-footer .title {
  font-family: "Cormorant Garamond", serif;
  font-size: 50px;
}
.line-sub-footer .title b {
  font-family: "Cormorant Garamond", serif;
  font-size: 50px;
  font-weight: bold;
  font-style: italic;
}

.list-rs {
  display: flex;
  align-items: center;
}
.list-rs > li {
  margin-right: 15px;
}

.footer-down {
  margin-top: 50px;
  background: black;
  padding: 80px 0px;
}
.footer-down .link-footer {
  font-size: 14px;
  margin-right: 10px;
}
.footer-down .logo-footer {
  width: 80px;
}
.footer-down .list-rs-white {
  border-top: 1px solid white;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 30px;
  width: 34%;
  margin: auto;
}
.footer-down .list-rs-white > li {
  margin-right: 10px;
}

.img-adherent {
  height: 320px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.line-dashboard__left {
  width: 40%;
}
.line-dashboard__left .default-dashboard {
  width: 150px;
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
  padding-right: 0px;
}
.line-dashboard__right {
  width: 60%;
}
@media (max-width: 576px) {
  .line-dashboard__right {
    width: 100%;
  }
}

.line-offers {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.offer-promotion .row {
  margin-top: 30px;
}

.offer-promotion {
  background-color: black;
  border-radius: 15px;
  color: white;
  padding: 20px;
  min-height: 250px;
  height: 250px;
}
@media (max-width: 768px) {
  .offer-promotion {
    flex-direction: column;
    height: auto;
  }
}
.offer-promotion .partner-promotion-img {
  margin-right: 20px;
}
.offer-promotion .title-block {
  color: white;
  font-size: 23px;
  font-weight: bold;
}
.offer-promotion .line-price {
  color: white;
  padding: 20px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.offer-promotion .line-price .new-price {
  font-size: 30px;
  font-weight: bold;
}
.offer-promotion .line-price .old-price {
  font-size: 16px;
  text-decoration: line-through;
  margin-left: 20px;
}

.partner-promotion {
  min-height: 250px;
  height: 250px;
  background-color: #2A5E87;
  text-align: center;
  border-radius: 15px;
  padding: 20px;
  flex: 1;
}
@media (max-width: 768px) {
  .partner-promotion {
    flex-direction: column;
    height: auto;
  }
}
.partner-promotion .partner-promotion-img {
  margin-right: 20px;
  width: 160px;
}
@media (max-width: 768px) {
  .partner-promotion .partner-promotion-img {
    margin-bottom: 20px;
  }
}
.partner-promotion .title-block {
  color: #C1AA65;
  font-size: 23px;
  font-weight: bold;
}
.partner-promotion .line-price {
  color: white;
  padding: 20px 0px 0px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.partner-promotion .line-price .new-price {
  font-size: 30px;
  font-weight: bold;
}
.partner-promotion .line-price .old-price {
  font-size: 16px;
  text-decoration: line-through;
  margin-left: 20px;
}
.partner-promotion .label-text {
  padding: 12px 0px;
  font-size: 16px;
  color: white;
  line-height: 24px;
}
.partner-promotion .form-choices {
  color: white;
  font-size: 16px;
  text-align: center;
}
.partner-promotion .form-choices label {
  color: white;
  font-size: 16px;
}

.code-promo {
  border: 1px dotted white;
  padding: 10px;
  margin-top: 20px;
}
.code-promo p {
  font-size: 13Px;
  font-style: italic;
}

.block-offer-label .line-offer {
  margin: 20px 0px;
}
.block-offer-label .line-offer span {
  font-weight: bold;
  font-size: 20px;
}

.offer-promotion-img {
  width: 33%;
  height: auto;
  margin: 0 auto;
}

.partner-offer-promotion-img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.discount-badge {
  position: absolute;
  top: -15px;
  right: -15px;
  background-color: #C1AA64;
  color: white;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  z-index: 10;
}

.discount-badge span {
  text-align: center;
  line-height: 1.2;
}

.commercial-offer-content-container {
  width: 100%;
  word-wrap: break-word;
  padding: 10px;
}

.tiny-short-description b {
  font-family: "Montserrat", sans-serif;
}

@media ((min-width: 768px) and (max-width: 1023px)) {
  .partner-promotion, .offer-promotion {
    height: auto;
  }
}
@media (max-width: 767px) {
  .partner-image-container {
    width: 100%;
  }
}
.offers-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap; /* permet de repasser en colonne sur mobile */
}

/* Chaque slider occupe 50% de la largeur sur grand écran */
#commercial-slider,
#partner-slider {
  flex: 1 1 48%;
  max-width: 48%;
}

/* Sur petits écrans, on repasse en une seule colonne */
@media (max-width: 992px) {
  #commercial-slider,
  #partner-slider {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.splide {
  padding: 0;
}

.splide__slide {
  pointer-events: none;
}

.splide__slide * {
  pointer-events: auto;
}
