@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400&display=swap);

/*!
 * Bootstrap Grid v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
html {
   box-sizing: border-box;
   -ms-overflow-style: scrollbar
}

*,
:after,
:before {
   box-sizing: inherit
}

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

@media (min-width:576px) {
   .container {
      max-width: 540px
   }
}

@media (min-width:768px) {
   .container {
      max-width: 720px
   }
}

@media (min-width:992px) {
   .container {
      max-width: 960px
   }
}

@media (min-width:1200px) {
   .container {
      max-width: 1140px
   }
}

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

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

.no-gutters {
   margin-right: 0;
   margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
   padding-right: 0;
   padding-left: 0
}

.col,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-auto {
   position: relative;
   width: 100%;
   padding-right: 15px;
   padding-left: 15px
}

.col {
   -ms-flex-preferred-size: 0;
   flex-basis: 0;
   -ms-flex-positive: 1;
   flex-grow: 1;
   max-width: 100%
}

.col-auto {
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
   width: auto;
   max-width: 100%
}

.col-1 {
   -ms-flex: 0 0 8.333333%;
   flex: 0 0 8.333333%;
   max-width: 8.333333%
}

.col-2 {
   -ms-flex: 0 0 16.666667%;
   flex: 0 0 16.666667%;
   max-width: 16.666667%
}

.col-3 {
   -ms-flex: 0 0 25%;
   flex: 0 0 25%;
   max-width: 25%
}

.col-4 {
   -ms-flex: 0 0 33.333333%;
   flex: 0 0 33.333333%;
   max-width: 33.333333%
}

.col-5 {
   -ms-flex: 0 0 41.666667%;
   flex: 0 0 41.666667%;
   max-width: 41.666667%
}

.col-6 {
   -ms-flex: 0 0 50%;
   flex: 0 0 50%;
   max-width: 50%
}

.col-7 {
   -ms-flex: 0 0 58.333333%;
   flex: 0 0 58.333333%;
   max-width: 58.333333%
}

.col-8 {
   -ms-flex: 0 0 66.666667%;
   flex: 0 0 66.666667%;
   max-width: 66.666667%
}

.col-9 {
   -ms-flex: 0 0 75%;
   flex: 0 0 75%;
   max-width: 75%
}

.col-10 {
   -ms-flex: 0 0 83.333333%;
   flex: 0 0 83.333333%;
   max-width: 83.333333%
}

.col-11 {
   -ms-flex: 0 0 91.666667%;
   flex: 0 0 91.666667%;
   max-width: 91.666667%
}

.col-12 {
   -ms-flex: 0 0 100%;
   flex: 0 0 100%;
   max-width: 100%
}

.order-first {
   -ms-flex-order: -1;
   order: -1
}

.order-last {
   -ms-flex-order: 13;
   order: 13
}

.order-0 {
   -ms-flex-order: 0;
   order: 0
}

.order-1 {
   -ms-flex-order: 1;
   order: 1
}

.order-2 {
   -ms-flex-order: 2;
   order: 2
}

.order-3 {
   -ms-flex-order: 3;
   order: 3
}

.order-4 {
   -ms-flex-order: 4;
   order: 4
}

.order-5 {
   -ms-flex-order: 5;
   order: 5
}

.order-6 {
   -ms-flex-order: 6;
   order: 6
}

.order-7 {
   -ms-flex-order: 7;
   order: 7
}

.order-8 {
   -ms-flex-order: 8;
   order: 8
}

.order-9 {
   -ms-flex-order: 9;
   order: 9
}

.order-10 {
   -ms-flex-order: 10;
   order: 10
}

.order-11 {
   -ms-flex-order: 11;
   order: 11
}

.order-12 {
   -ms-flex-order: 12;
   order: 12
}

.offset-1 {
   margin-left: 8.333333%
}

.offset-2 {
   margin-left: 16.666667%
}

.offset-3 {
   margin-left: 25%
}

.offset-4 {
   margin-left: 33.333333%
}

.offset-5 {
   margin-left: 41.666667%
}

.offset-6 {
   margin-left: 50%
}

.offset-7 {
   margin-left: 58.333333%
}

.offset-8 {
   margin-left: 66.666667%
}

.offset-9 {
   margin-left: 75%
}

.offset-10 {
   margin-left: 83.333333%
}

.offset-11 {
   margin-left: 91.666667%
}

@media (min-width:576px) {
   .col-sm {
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 100%
   }

   .col-sm-auto {
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
   }

   .col-sm-1 {
      -ms-flex: 0 0 8.333333%;
      flex: 0 0 8.333333%;
      max-width: 8.333333%
   }

   .col-sm-2 {
      -ms-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
      max-width: 16.666667%
   }

   .col-sm-3 {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%
   }

   .col-sm-4 {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%
   }

   .col-sm-5 {
      -ms-flex: 0 0 41.666667%;
      flex: 0 0 41.666667%;
      max-width: 41.666667%
   }

   .col-sm-6 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
   }

   .col-sm-7 {
      -ms-flex: 0 0 58.333333%;
      flex: 0 0 58.333333%;
      max-width: 58.333333%
   }

   .col-sm-8 {
      -ms-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%;
      max-width: 66.666667%
   }

   .col-sm-9 {
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%
   }

   .col-sm-10 {
      -ms-flex: 0 0 83.333333%;
      flex: 0 0 83.333333%;
      max-width: 83.333333%
   }

   .col-sm-11 {
      -ms-flex: 0 0 91.666667%;
      flex: 0 0 91.666667%;
      max-width: 91.666667%
   }

   .col-sm-12 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%
   }

   .order-sm-first {
      -ms-flex-order: -1;
      order: -1
   }

   .order-sm-last {
      -ms-flex-order: 13;
      order: 13
   }

   .order-sm-0 {
      -ms-flex-order: 0;
      order: 0
   }

   .order-sm-1 {
      -ms-flex-order: 1;
      order: 1
   }

   .order-sm-2 {
      -ms-flex-order: 2;
      order: 2
   }

   .order-sm-3 {
      -ms-flex-order: 3;
      order: 3
   }

   .order-sm-4 {
      -ms-flex-order: 4;
      order: 4
   }

   .order-sm-5 {
      -ms-flex-order: 5;
      order: 5
   }

   .order-sm-6 {
      -ms-flex-order: 6;
      order: 6
   }

   .order-sm-7 {
      -ms-flex-order: 7;
      order: 7
   }

   .order-sm-8 {
      -ms-flex-order: 8;
      order: 8
   }

   .order-sm-9 {
      -ms-flex-order: 9;
      order: 9
   }

   .order-sm-10 {
      -ms-flex-order: 10;
      order: 10
   }

   .order-sm-11 {
      -ms-flex-order: 11;
      order: 11
   }

   .order-sm-12 {
      -ms-flex-order: 12;
      order: 12
   }

   .offset-sm-0 {
      margin-left: 0
   }

   .offset-sm-1 {
      margin-left: 8.333333%
   }

   .offset-sm-2 {
      margin-left: 16.666667%
   }

   .offset-sm-3 {
      margin-left: 25%
   }

   .offset-sm-4 {
      margin-left: 33.333333%
   }

   .offset-sm-5 {
      margin-left: 41.666667%
   }

   .offset-sm-6 {
      margin-left: 50%
   }

   .offset-sm-7 {
      margin-left: 58.333333%
   }

   .offset-sm-8 {
      margin-left: 66.666667%
   }

   .offset-sm-9 {
      margin-left: 75%
   }

   .offset-sm-10 {
      margin-left: 83.333333%
   }

   .offset-sm-11 {
      margin-left: 91.666667%
   }
}

@media (min-width:768px) {
   .col-md {
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 100%
   }

   .col-md-auto {
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
   }

   .col-md-1 {
      -ms-flex: 0 0 8.333333%;
      flex: 0 0 8.333333%;
      max-width: 8.333333%
   }

   .col-md-2 {
      -ms-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
      max-width: 16.666667%
   }

   .col-md-3 {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%
   }

   .col-md-4 {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%
   }

   .col-md-5 {
      -ms-flex: 0 0 41.666667%;
      flex: 0 0 41.666667%;
      max-width: 41.666667%
   }

   .col-md-6 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
   }

   .col-md-7 {
      -ms-flex: 0 0 58.333333%;
      flex: 0 0 58.333333%;
      max-width: 58.333333%
   }

   .col-md-8 {
      -ms-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%;
      max-width: 66.666667%
   }

   .col-md-9 {
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%
   }

   .col-md-10 {
      -ms-flex: 0 0 83.333333%;
      flex: 0 0 83.333333%;
      max-width: 83.333333%
   }

   .col-md-11 {
      -ms-flex: 0 0 91.666667%;
      flex: 0 0 91.666667%;
      max-width: 91.666667%
   }

   .col-md-12 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%
   }

   .order-md-first {
      -ms-flex-order: -1;
      order: -1
   }

   .order-md-last {
      -ms-flex-order: 13;
      order: 13
   }

   .order-md-0 {
      -ms-flex-order: 0;
      order: 0
   }

   .order-md-1 {
      -ms-flex-order: 1;
      order: 1
   }

   .order-md-2 {
      -ms-flex-order: 2;
      order: 2
   }

   .order-md-3 {
      -ms-flex-order: 3;
      order: 3
   }

   .order-md-4 {
      -ms-flex-order: 4;
      order: 4
   }

   .order-md-5 {
      -ms-flex-order: 5;
      order: 5
   }

   .order-md-6 {
      -ms-flex-order: 6;
      order: 6
   }

   .order-md-7 {
      -ms-flex-order: 7;
      order: 7
   }

   .order-md-8 {
      -ms-flex-order: 8;
      order: 8
   }

   .order-md-9 {
      -ms-flex-order: 9;
      order: 9
   }

   .order-md-10 {
      -ms-flex-order: 10;
      order: 10
   }

   .order-md-11 {
      -ms-flex-order: 11;
      order: 11
   }

   .order-md-12 {
      -ms-flex-order: 12;
      order: 12
   }

   .offset-md-0 {
      margin-left: 0
   }

   .offset-md-1 {
      margin-left: 8.333333%
   }

   .offset-md-2 {
      margin-left: 16.666667%
   }

   .offset-md-3 {
      margin-left: 25%
   }

   .offset-md-4 {
      margin-left: 33.333333%
   }

   .offset-md-5 {
      margin-left: 41.666667%
   }

   .offset-md-6 {
      margin-left: 50%
   }

   .offset-md-7 {
      margin-left: 58.333333%
   }

   .offset-md-8 {
      margin-left: 66.666667%
   }

   .offset-md-9 {
      margin-left: 75%
   }

   .offset-md-10 {
      margin-left: 83.333333%
   }

   .offset-md-11 {
      margin-left: 91.666667%
   }
}

@media (min-width:992px) {
   .col-lg {
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 100%
   }

   .col-lg-auto {
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
   }

   .col-lg-1 {
      -ms-flex: 0 0 8.333333%;
      flex: 0 0 8.333333%;
      max-width: 8.333333%
   }

   .col-lg-2 {
      -ms-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
      max-width: 16.666667%
   }

   .col-lg-3 {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%
   }

   .col-lg-4 {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%
   }

   .col-lg-5 {
      -ms-flex: 0 0 41.666667%;
      flex: 0 0 41.666667%;
      max-width: 41.666667%
   }

   .col-lg-6 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
   }

   .col-lg-7 {
      -ms-flex: 0 0 58.333333%;
      flex: 0 0 58.333333%;
      max-width: 58.333333%
   }

   .col-lg-8 {
      -ms-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%;
      max-width: 66.666667%
   }

   .col-lg-9 {
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%
   }

   .col-lg-10 {
      -ms-flex: 0 0 83.333333%;
      flex: 0 0 83.333333%;
      max-width: 83.333333%
   }

   .col-lg-11 {
      -ms-flex: 0 0 91.666667%;
      flex: 0 0 91.666667%;
      max-width: 91.666667%
   }

   .col-lg-12 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%
   }

   .order-lg-first {
      -ms-flex-order: -1;
      order: -1
   }

   .order-lg-last {
      -ms-flex-order: 13;
      order: 13
   }

   .order-lg-0 {
      -ms-flex-order: 0;
      order: 0
   }

   .order-lg-1 {
      -ms-flex-order: 1;
      order: 1
   }

   .order-lg-2 {
      -ms-flex-order: 2;
      order: 2
   }

   .order-lg-3 {
      -ms-flex-order: 3;
      order: 3
   }

   .order-lg-4 {
      -ms-flex-order: 4;
      order: 4
   }

   .order-lg-5 {
      -ms-flex-order: 5;
      order: 5
   }

   .order-lg-6 {
      -ms-flex-order: 6;
      order: 6
   }

   .order-lg-7 {
      -ms-flex-order: 7;
      order: 7
   }

   .order-lg-8 {
      -ms-flex-order: 8;
      order: 8
   }

   .order-lg-9 {
      -ms-flex-order: 9;
      order: 9
   }

   .order-lg-10 {
      -ms-flex-order: 10;
      order: 10
   }

   .order-lg-11 {
      -ms-flex-order: 11;
      order: 11
   }

   .order-lg-12 {
      -ms-flex-order: 12;
      order: 12
   }

   .offset-lg-0 {
      margin-left: 0
   }

   .offset-lg-1 {
      margin-left: 8.333333%
   }

   .offset-lg-2 {
      margin-left: 16.666667%
   }

   .offset-lg-3 {
      margin-left: 25%
   }

   .offset-lg-4 {
      margin-left: 33.333333%
   }

   .offset-lg-5 {
      margin-left: 41.666667%
   }

   .offset-lg-6 {
      margin-left: 50%
   }

   .offset-lg-7 {
      margin-left: 58.333333%
   }

   .offset-lg-8 {
      margin-left: 66.666667%
   }

   .offset-lg-9 {
      margin-left: 75%
   }

   .offset-lg-10 {
      margin-left: 83.333333%
   }

   .offset-lg-11 {
      margin-left: 91.666667%
   }
}

@media (min-width:1200px) {
   .col-xl {
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 100%
   }

   .col-xl-auto {
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
   }

   .col-xl-1 {
      -ms-flex: 0 0 8.333333%;
      flex: 0 0 8.333333%;
      max-width: 8.333333%
   }

   .col-xl-2 {
      -ms-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
      max-width: 16.666667%
   }

   .col-xl-3 {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%
   }

   .col-xl-4 {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%
   }

   .col-xl-5 {
      -ms-flex: 0 0 41.666667%;
      flex: 0 0 41.666667%;
      max-width: 41.666667%
   }

   .col-xl-6 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
   }

   .col-xl-7 {
      -ms-flex: 0 0 58.333333%;
      flex: 0 0 58.333333%;
      max-width: 58.333333%
   }

   .col-xl-8 {
      -ms-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%;
      max-width: 66.666667%
   }

   .col-xl-9 {
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%
   }

   .col-xl-10 {
      -ms-flex: 0 0 83.333333%;
      flex: 0 0 83.333333%;
      max-width: 83.333333%
   }

   .col-xl-11 {
      -ms-flex: 0 0 91.666667%;
      flex: 0 0 91.666667%;
      max-width: 91.666667%
   }

   .col-xl-12 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%
   }

   .order-xl-first {
      -ms-flex-order: -1;
      order: -1
   }

   .order-xl-last {
      -ms-flex-order: 13;
      order: 13
   }

   .order-xl-0 {
      -ms-flex-order: 0;
      order: 0
   }

   .order-xl-1 {
      -ms-flex-order: 1;
      order: 1
   }

   .order-xl-2 {
      -ms-flex-order: 2;
      order: 2
   }

   .order-xl-3 {
      -ms-flex-order: 3;
      order: 3
   }

   .order-xl-4 {
      -ms-flex-order: 4;
      order: 4
   }

   .order-xl-5 {
      -ms-flex-order: 5;
      order: 5
   }

   .order-xl-6 {
      -ms-flex-order: 6;
      order: 6
   }

   .order-xl-7 {
      -ms-flex-order: 7;
      order: 7
   }

   .order-xl-8 {
      -ms-flex-order: 8;
      order: 8
   }

   .order-xl-9 {
      -ms-flex-order: 9;
      order: 9
   }

   .order-xl-10 {
      -ms-flex-order: 10;
      order: 10
   }

   .order-xl-11 {
      -ms-flex-order: 11;
      order: 11
   }

   .order-xl-12 {
      -ms-flex-order: 12;
      order: 12
   }

   .offset-xl-0 {
      margin-left: 0
   }

   .offset-xl-1 {
      margin-left: 8.333333%
   }

   .offset-xl-2 {
      margin-left: 16.666667%
   }

   .offset-xl-3 {
      margin-left: 25%
   }

   .offset-xl-4 {
      margin-left: 33.333333%
   }

   .offset-xl-5 {
      margin-left: 41.666667%
   }

   .offset-xl-6 {
      margin-left: 50%
   }

   .offset-xl-7 {
      margin-left: 58.333333%
   }

   .offset-xl-8 {
      margin-left: 66.666667%
   }

   .offset-xl-9 {
      margin-left: 75%
   }

   .offset-xl-10 {
      margin-left: 83.333333%
   }

   .offset-xl-11 {
      margin-left: 91.666667%
   }
}

.d-none {
   display: none !important
}

.d-inline {
   display: inline !important
}

.d-inline-block {
   display: inline-block !important
}

.d-block {
   display: block !important
}

.d-table {
   display: table !important
}

.d-table-row {
   display: table-row !important
}

.d-table-cell {
   display: table-cell !important
}

.d-flex {
   display: -ms-flexbox !important;
   display: flex !important
}

.d-inline-flex {
   display: -ms-inline-flexbox !important;
   display: inline-flex !important
}

@media (min-width:576px) {
   .d-sm-none {
      display: none !important
   }

   .d-sm-inline {
      display: inline !important
   }

   .d-sm-inline-block {
      display: inline-block !important
   }

   .d-sm-block {
      display: block !important
   }

   .d-sm-table {
      display: table !important
   }

   .d-sm-table-row {
      display: table-row !important
   }

   .d-sm-table-cell {
      display: table-cell !important
   }

   .d-sm-flex {
      display: -ms-flexbox !important;
      display: flex !important
   }

   .d-sm-inline-flex {
      display: -ms-inline-flexbox !important;
      display: inline-flex !important
   }
}

@media (min-width:768px) {
   .d-md-none {
      display: none !important
   }

   .d-md-inline {
      display: inline !important
   }

   .d-md-inline-block {
      display: inline-block !important
   }

   .d-md-block {
      display: block !important
   }

   .d-md-table {
      display: table !important
   }

   .d-md-table-row {
      display: table-row !important
   }

   .d-md-table-cell {
      display: table-cell !important
   }

   .d-md-flex {
      display: -ms-flexbox !important;
      display: flex !important
   }

   .d-md-inline-flex {
      display: -ms-inline-flexbox !important;
      display: inline-flex !important
   }
}

@media (min-width:992px) {
   .d-lg-none {
      display: none !important
   }

   .d-lg-inline {
      display: inline !important
   }

   .d-lg-inline-block {
      display: inline-block !important
   }

   .d-lg-block {
      display: block !important
   }

   .d-lg-table {
      display: table !important
   }

   .d-lg-table-row {
      display: table-row !important
   }

   .d-lg-table-cell {
      display: table-cell !important
   }

   .d-lg-flex {
      display: -ms-flexbox !important;
      display: flex !important
   }

   .d-lg-inline-flex {
      display: -ms-inline-flexbox !important;
      display: inline-flex !important
   }
}

@media (min-width:1200px) {
   .d-xl-none {
      display: none !important
   }

   .d-xl-inline {
      display: inline !important
   }

   .d-xl-inline-block {
      display: inline-block !important
   }

   .d-xl-block {
      display: block !important
   }

   .d-xl-table {
      display: table !important
   }

   .d-xl-table-row {
      display: table-row !important
   }

   .d-xl-table-cell {
      display: table-cell !important
   }

   .d-xl-flex {
      display: -ms-flexbox !important;
      display: flex !important
   }

   .d-xl-inline-flex {
      display: -ms-inline-flexbox !important;
      display: inline-flex !important
   }
}

@media print {
   .d-print-none {
      display: none !important
   }

   .d-print-inline {
      display: inline !important
   }

   .d-print-inline-block {
      display: inline-block !important
   }

   .d-print-block {
      display: block !important
   }

   .d-print-table {
      display: table !important
   }

   .d-print-table-row {
      display: table-row !important
   }

   .d-print-table-cell {
      display: table-cell !important
   }

   .d-print-flex {
      display: -ms-flexbox !important;
      display: flex !important
   }

   .d-print-inline-flex {
      display: -ms-inline-flexbox !important;
      display: inline-flex !important
   }
}

.flex-row {
   -ms-flex-direction: row !important;
   flex-direction: row !important
}

.flex-column {
   -ms-flex-direction: column !important;
   flex-direction: column !important
}

.flex-row-reverse {
   -ms-flex-direction: row-reverse !important;
   flex-direction: row-reverse !important
}

.flex-column-reverse {
   -ms-flex-direction: column-reverse !important;
   flex-direction: column-reverse !important
}

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

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

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

.flex-fill {
   -ms-flex: 1 1 auto !important;
   flex: 1 1 auto !important
}

.flex-grow-0 {
   -ms-flex-positive: 0 !important;
   flex-grow: 0 !important
}

.flex-grow-1 {
   -ms-flex-positive: 1 !important;
   flex-grow: 1 !important
}

.flex-shrink-0 {
   -ms-flex-negative: 0 !important;
   flex-shrink: 0 !important
}

.flex-shrink-1 {
   -ms-flex-negative: 1 !important;
   flex-shrink: 1 !important
}

.justify-content-start {
   -ms-flex-pack: start !important;
   justify-content: flex-start !important
}

.justify-content-end {
   -ms-flex-pack: end !important;
   justify-content: flex-end !important
}

.justify-content-center {
   -ms-flex-pack: center !important;
   justify-content: center !important
}

.justify-content-between {
   -ms-flex-pack: justify !important;
   justify-content: space-between !important
}

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

.align-items-start {
   -ms-flex-align: start !important;
   align-items: flex-start !important
}

.align-items-end {
   -ms-flex-align: end !important;
   align-items: flex-end !important
}

.align-items-center {
   -ms-flex-align: center !important;
   align-items: center !important
}

.align-items-baseline {
   -ms-flex-align: baseline !important;
   align-items: baseline !important
}

.align-items-stretch {
   -ms-flex-align: stretch !important;
   align-items: stretch !important
}

.align-content-start {
   -ms-flex-line-pack: start !important;
   align-content: flex-start !important
}

.align-content-end {
   -ms-flex-line-pack: end !important;
   align-content: flex-end !important
}

.align-content-center {
   -ms-flex-line-pack: center !important;
   align-content: center !important
}

.align-content-between {
   -ms-flex-line-pack: justify !important;
   align-content: space-between !important
}

.align-content-around {
   -ms-flex-line-pack: distribute !important;
   align-content: space-around !important
}

.align-content-stretch {
   -ms-flex-line-pack: stretch !important;
   align-content: stretch !important
}

.align-self-auto {
   -ms-flex-item-align: auto !important;
   align-self: auto !important
}

.align-self-start {
   -ms-flex-item-align: start !important;
   align-self: flex-start !important
}

.align-self-end {
   -ms-flex-item-align: end !important;
   align-self: flex-end !important
}

.align-self-center {
   -ms-flex-item-align: center !important;
   align-self: center !important
}

.align-self-baseline {
   -ms-flex-item-align: baseline !important;
   align-self: baseline !important
}

.align-self-stretch {
   -ms-flex-item-align: stretch !important;
   align-self: stretch !important
}

@media (min-width:576px) {
   .flex-sm-row {
      -ms-flex-direction: row !important;
      flex-direction: row !important
   }

   .flex-sm-column {
      -ms-flex-direction: column !important;
      flex-direction: column !important
   }

   .flex-sm-row-reverse {
      -ms-flex-direction: row-reverse !important;
      flex-direction: row-reverse !important
   }

   .flex-sm-column-reverse {
      -ms-flex-direction: column-reverse !important;
      flex-direction: column-reverse !important
   }

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

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

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

   .flex-sm-fill {
      -ms-flex: 1 1 auto !important;
      flex: 1 1 auto !important
   }

   .flex-sm-grow-0 {
      -ms-flex-positive: 0 !important;
      flex-grow: 0 !important
   }

   .flex-sm-grow-1 {
      -ms-flex-positive: 1 !important;
      flex-grow: 1 !important
   }

   .flex-sm-shrink-0 {
      -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important
   }

   .flex-sm-shrink-1 {
      -ms-flex-negative: 1 !important;
      flex-shrink: 1 !important
   }

   .justify-content-sm-start {
      -ms-flex-pack: start !important;
      justify-content: flex-start !important
   }

   .justify-content-sm-end {
      -ms-flex-pack: end !important;
      justify-content: flex-end !important
   }

   .justify-content-sm-center {
      -ms-flex-pack: center !important;
      justify-content: center !important
   }

   .justify-content-sm-between {
      -ms-flex-pack: justify !important;
      justify-content: space-between !important
   }

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

   .align-items-sm-start {
      -ms-flex-align: start !important;
      align-items: flex-start !important
   }

   .align-items-sm-end {
      -ms-flex-align: end !important;
      align-items: flex-end !important
   }

   .align-items-sm-center {
      -ms-flex-align: center !important;
      align-items: center !important
   }

   .align-items-sm-baseline {
      -ms-flex-align: baseline !important;
      align-items: baseline !important
   }

   .align-items-sm-stretch {
      -ms-flex-align: stretch !important;
      align-items: stretch !important
   }

   .align-content-sm-start {
      -ms-flex-line-pack: start !important;
      align-content: flex-start !important
   }

   .align-content-sm-end {
      -ms-flex-line-pack: end !important;
      align-content: flex-end !important
   }

   .align-content-sm-center {
      -ms-flex-line-pack: center !important;
      align-content: center !important
   }

   .align-content-sm-between {
      -ms-flex-line-pack: justify !important;
      align-content: space-between !important
   }

   .align-content-sm-around {
      -ms-flex-line-pack: distribute !important;
      align-content: space-around !important
   }

   .align-content-sm-stretch {
      -ms-flex-line-pack: stretch !important;
      align-content: stretch !important
   }

   .align-self-sm-auto {
      -ms-flex-item-align: auto !important;
      align-self: auto !important
   }

   .align-self-sm-start {
      -ms-flex-item-align: start !important;
      align-self: flex-start !important
   }

   .align-self-sm-end {
      -ms-flex-item-align: end !important;
      align-self: flex-end !important
   }

   .align-self-sm-center {
      -ms-flex-item-align: center !important;
      align-self: center !important
   }

   .align-self-sm-baseline {
      -ms-flex-item-align: baseline !important;
      align-self: baseline !important
   }

   .align-self-sm-stretch {
      -ms-flex-item-align: stretch !important;
      align-self: stretch !important
   }
}

@media (min-width:768px) {
   .flex-md-row {
      -ms-flex-direction: row !important;
      flex-direction: row !important
   }

   .flex-md-column {
      -ms-flex-direction: column !important;
      flex-direction: column !important
   }

   .flex-md-row-reverse {
      -ms-flex-direction: row-reverse !important;
      flex-direction: row-reverse !important
   }

   .flex-md-column-reverse {
      -ms-flex-direction: column-reverse !important;
      flex-direction: column-reverse !important
   }

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

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

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

   .flex-md-fill {
      -ms-flex: 1 1 auto !important;
      flex: 1 1 auto !important
   }

   .flex-md-grow-0 {
      -ms-flex-positive: 0 !important;
      flex-grow: 0 !important
   }

   .flex-md-grow-1 {
      -ms-flex-positive: 1 !important;
      flex-grow: 1 !important
   }

   .flex-md-shrink-0 {
      -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important
   }

   .flex-md-shrink-1 {
      -ms-flex-negative: 1 !important;
      flex-shrink: 1 !important
   }

   .justify-content-md-start {
      -ms-flex-pack: start !important;
      justify-content: flex-start !important
   }

   .justify-content-md-end {
      -ms-flex-pack: end !important;
      justify-content: flex-end !important
   }

   .justify-content-md-center {
      -ms-flex-pack: center !important;
      justify-content: center !important
   }

   .justify-content-md-between {
      -ms-flex-pack: justify !important;
      justify-content: space-between !important
   }

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

   .align-items-md-start {
      -ms-flex-align: start !important;
      align-items: flex-start !important
   }

   .align-items-md-end {
      -ms-flex-align: end !important;
      align-items: flex-end !important
   }

   .align-items-md-center {
      -ms-flex-align: center !important;
      align-items: center !important
   }

   .align-items-md-baseline {
      -ms-flex-align: baseline !important;
      align-items: baseline !important
   }

   .align-items-md-stretch {
      -ms-flex-align: stretch !important;
      align-items: stretch !important
   }

   .align-content-md-start {
      -ms-flex-line-pack: start !important;
      align-content: flex-start !important
   }

   .align-content-md-end {
      -ms-flex-line-pack: end !important;
      align-content: flex-end !important
   }

   .align-content-md-center {
      -ms-flex-line-pack: center !important;
      align-content: center !important
   }

   .align-content-md-between {
      -ms-flex-line-pack: justify !important;
      align-content: space-between !important
   }

   .align-content-md-around {
      -ms-flex-line-pack: distribute !important;
      align-content: space-around !important
   }

   .align-content-md-stretch {
      -ms-flex-line-pack: stretch !important;
      align-content: stretch !important
   }

   .align-self-md-auto {
      -ms-flex-item-align: auto !important;
      align-self: auto !important
   }

   .align-self-md-start {
      -ms-flex-item-align: start !important;
      align-self: flex-start !important
   }

   .align-self-md-end {
      -ms-flex-item-align: end !important;
      align-self: flex-end !important
   }

   .align-self-md-center {
      -ms-flex-item-align: center !important;
      align-self: center !important
   }

   .align-self-md-baseline {
      -ms-flex-item-align: baseline !important;
      align-self: baseline !important
   }

   .align-self-md-stretch {
      -ms-flex-item-align: stretch !important;
      align-self: stretch !important
   }
}

@media (min-width:992px) {
   .flex-lg-row {
      -ms-flex-direction: row !important;
      flex-direction: row !important
   }

   .flex-lg-column {
      -ms-flex-direction: column !important;
      flex-direction: column !important
   }

   .flex-lg-row-reverse {
      -ms-flex-direction: row-reverse !important;
      flex-direction: row-reverse !important
   }

   .flex-lg-column-reverse {
      -ms-flex-direction: column-reverse !important;
      flex-direction: column-reverse !important
   }

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

   .flex-lg-nowrap {
      -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important
   }

   .flex-lg-wrap-reverse {
      -ms-flex-wrap: wrap-reverse !important;
      flex-wrap: wrap-reverse !important
   }

   .flex-lg-fill {
      -ms-flex: 1 1 auto !important;
      flex: 1 1 auto !important
   }

   .flex-lg-grow-0 {
      -ms-flex-positive: 0 !important;
      flex-grow: 0 !important
   }

   .flex-lg-grow-1 {
      -ms-flex-positive: 1 !important;
      flex-grow: 1 !important
   }

   .flex-lg-shrink-0 {
      -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important
   }

   .flex-lg-shrink-1 {
      -ms-flex-negative: 1 !important;
      flex-shrink: 1 !important
   }

   .justify-content-lg-start {
      -ms-flex-pack: start !important;
      justify-content: flex-start !important
   }

   .justify-content-lg-end {
      -ms-flex-pack: end !important;
      justify-content: flex-end !important
   }

   .justify-content-lg-center {
      -ms-flex-pack: center !important;
      justify-content: center !important
   }

   .justify-content-lg-between {
      -ms-flex-pack: justify !important;
      justify-content: space-between !important
   }

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

   .align-items-lg-start {
      -ms-flex-align: start !important;
      align-items: flex-start !important
   }

   .align-items-lg-end {
      -ms-flex-align: end !important;
      align-items: flex-end !important
   }

   .align-items-lg-center {
      -ms-flex-align: center !important;
      align-items: center !important
   }

   .align-items-lg-baseline {
      -ms-flex-align: baseline !important;
      align-items: baseline !important
   }

   .align-items-lg-stretch {
      -ms-flex-align: stretch !important;
      align-items: stretch !important
   }

   .align-content-lg-start {
      -ms-flex-line-pack: start !important;
      align-content: flex-start !important
   }

   .align-content-lg-end {
      -ms-flex-line-pack: end !important;
      align-content: flex-end !important
   }

   .align-content-lg-center {
      -ms-flex-line-pack: center !important;
      align-content: center !important
   }

   .align-content-lg-between {
      -ms-flex-line-pack: justify !important;
      align-content: space-between !important
   }

   .align-content-lg-around {
      -ms-flex-line-pack: distribute !important;
      align-content: space-around !important
   }

   .align-content-lg-stretch {
      -ms-flex-line-pack: stretch !important;
      align-content: stretch !important
   }

   .align-self-lg-auto {
      -ms-flex-item-align: auto !important;
      align-self: auto !important
   }

   .align-self-lg-start {
      -ms-flex-item-align: start !important;
      align-self: flex-start !important
   }

   .align-self-lg-end {
      -ms-flex-item-align: end !important;
      align-self: flex-end !important
   }

   .align-self-lg-center {
      -ms-flex-item-align: center !important;
      align-self: center !important
   }

   .align-self-lg-baseline {
      -ms-flex-item-align: baseline !important;
      align-self: baseline !important
   }

   .align-self-lg-stretch {
      -ms-flex-item-align: stretch !important;
      align-self: stretch !important
   }
}

@media (min-width:1200px) {
   .flex-xl-row {
      -ms-flex-direction: row !important;
      flex-direction: row !important
   }

   .flex-xl-column {
      -ms-flex-direction: column !important;
      flex-direction: column !important
   }

   .flex-xl-row-reverse {
      -ms-flex-direction: row-reverse !important;
      flex-direction: row-reverse !important
   }

   .flex-xl-column-reverse {
      -ms-flex-direction: column-reverse !important;
      flex-direction: column-reverse !important
   }

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

   .flex-xl-nowrap {
      -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important
   }

   .flex-xl-wrap-reverse {
      -ms-flex-wrap: wrap-reverse !important;
      flex-wrap: wrap-reverse !important
   }

   .flex-xl-fill {
      -ms-flex: 1 1 auto !important;
      flex: 1 1 auto !important
   }

   .flex-xl-grow-0 {
      -ms-flex-positive: 0 !important;
      flex-grow: 0 !important
   }

   .flex-xl-grow-1 {
      -ms-flex-positive: 1 !important;
      flex-grow: 1 !important
   }

   .flex-xl-shrink-0 {
      -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important
   }

   .flex-xl-shrink-1 {
      -ms-flex-negative: 1 !important;
      flex-shrink: 1 !important
   }

   .justify-content-xl-start {
      -ms-flex-pack: start !important;
      justify-content: flex-start !important
   }

   .justify-content-xl-end {
      -ms-flex-pack: end !important;
      justify-content: flex-end !important
   }

   .justify-content-xl-center {
      -ms-flex-pack: center !important;
      justify-content: center !important
   }

   .justify-content-xl-between {
      -ms-flex-pack: justify !important;
      justify-content: space-between !important
   }

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

   .align-items-xl-start {
      -ms-flex-align: start !important;
      align-items: flex-start !important
   }

   .align-items-xl-end {
      -ms-flex-align: end !important;
      align-items: flex-end !important
   }

   .align-items-xl-center {
      -ms-flex-align: center !important;
      align-items: center !important
   }

   .align-items-xl-baseline {
      -ms-flex-align: baseline !important;
      align-items: baseline !important
   }

   .align-items-xl-stretch {
      -ms-flex-align: stretch !important;
      align-items: stretch !important
   }

   .align-content-xl-start {
      -ms-flex-line-pack: start !important;
      align-content: flex-start !important
   }

   .align-content-xl-end {
      -ms-flex-line-pack: end !important;
      align-content: flex-end !important
   }

   .align-content-xl-center {
      -ms-flex-line-pack: center !important;
      align-content: center !important
   }

   .align-content-xl-between {
      -ms-flex-line-pack: justify !important;
      align-content: space-between !important
   }

   .align-content-xl-around {
      -ms-flex-line-pack: distribute !important;
      align-content: space-around !important
   }

   .align-content-xl-stretch {
      -ms-flex-line-pack: stretch !important;
      align-content: stretch !important
   }

   .align-self-xl-auto {
      -ms-flex-item-align: auto !important;
      align-self: auto !important
   }

   .align-self-xl-start {
      -ms-flex-item-align: start !important;
      align-self: flex-start !important
   }

   .align-self-xl-end {
      -ms-flex-item-align: end !important;
      align-self: flex-end !important
   }

   .align-self-xl-center {
      -ms-flex-item-align: center !important;
      align-self: center !important
   }

   .align-self-xl-baseline {
      -ms-flex-item-align: baseline !important;
      align-self: baseline !important
   }

   .align-self-xl-stretch {
      -ms-flex-item-align: stretch !important;
      align-self: stretch !important
   }
}

.m-0 {
   margin: 0 !important
}

.mt-0,
.my-0 {
   margin-top: 0 !important
}

.mr-0,
.mx-0 {
   margin-right: 0 !important
}

.mb-0,
.my-0 {
   margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
   margin-left: 0 !important
}

.m-1 {
   margin: .25rem !important
}

.mt-1,
.my-1 {
   margin-top: .25rem !important
}

.mr-1,
.mx-1 {
   margin-right: .25rem !important
}

.mb-1,
.my-1 {
   margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
   margin-left: .25rem !important
}

.m-2 {
   margin: .5rem !important
}

.mt-2,
.my-2 {
   margin-top: .5rem !important
}

.mr-2,
.mx-2 {
   margin-right: .5rem !important
}

.mb-2,
.my-2 {
   margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
   margin-left: .5rem !important
}

.m-3 {
   margin: 1rem !important
}

.mt-3,
.my-3 {
   margin-top: 1rem !important
}

.mr-3,
.mx-3 {
   margin-right: 1rem !important
}

.mb-3,
.my-3 {
   margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
   margin-left: 1rem !important
}

.m-4 {
   margin: 1.5rem !important
}

.mt-4,
.my-4 {
   margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
   margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
   margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
   margin-left: 1.5rem !important
}

.m-5 {
   margin: 3rem !important
}

.mt-5,
.my-5 {
   margin-top: 3rem !important
}

.mr-5,
.mx-5 {
   margin-right: 3rem !important
}

.mb-5,
.my-5 {
   margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
   margin-left: 3rem !important
}

.p-0 {
   padding: 0 !important
}

.pt-0,
.py-0 {
   padding-top: 0 !important
}

.pr-0,
.px-0 {
   padding-right: 0 !important
}

.pb-0,
.py-0 {
   padding-bottom: 0 !important
}

.pl-0,
.px-0 {
   padding-left: 0 !important
}

.p-1 {
   padding: .25rem !important
}

.pt-1,
.py-1 {
   padding-top: .25rem !important
}

.pr-1,
.px-1 {
   padding-right: .25rem !important
}

.pb-1,
.py-1 {
   padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
   padding-left: .25rem !important
}

.p-2 {
   padding: .5rem !important
}

.pt-2,
.py-2 {
   padding-top: .5rem !important
}

.pr-2,
.px-2 {
   padding-right: .5rem !important
}

.pb-2,
.py-2 {
   padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
   padding-left: .5rem !important
}

.p-3 {
   padding: 1rem !important
}

.pt-3,
.py-3 {
   padding-top: 1rem !important
}

.pr-3,
.px-3 {
   padding-right: 1rem !important
}

.pb-3,
.py-3 {
   padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
   padding-left: 1rem !important
}

.p-4 {
   padding: 1.5rem !important
}

.pt-4,
.py-4 {
   padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
   padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
   padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
   padding-left: 1.5rem !important
}

.p-5 {
   padding: 3rem !important
}

.pt-5,
.py-5 {
   padding-top: 3rem !important
}

.pr-5,
.px-5 {
   padding-right: 3rem !important
}

.pb-5,
.py-5 {
   padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
   padding-left: 3rem !important
}

.m-n1 {
   margin: -.25rem !important
}

.mt-n1,
.my-n1 {
   margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
   margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
   margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
   margin-left: -.25rem !important
}

.m-n2 {
   margin: -.5rem !important
}

.mt-n2,
.my-n2 {
   margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
   margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
   margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
   margin-left: -.5rem !important
}

.m-n3 {
   margin: -1rem !important
}

.mt-n3,
.my-n3 {
   margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
   margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
   margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
   margin-left: -1rem !important
}

.m-n4 {
   margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
   margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
   margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
   margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
   margin-left: -1.5rem !important
}

.m-n5 {
   margin: -3rem !important
}

.mt-n5,
.my-n5 {
   margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
   margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
   margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
   margin-left: -3rem !important
}

.m-auto {
   margin: auto !important
}

.mt-auto,
.my-auto {
   margin-top: auto !important
}

.mr-auto,
.mx-auto {
   margin-right: auto !important
}

.mb-auto,
.my-auto {
   margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
   margin-left: auto !important
}

@media (min-width:576px) {
   .m-sm-0 {
      margin: 0 !important
   }

   .mt-sm-0,
   .my-sm-0 {
      margin-top: 0 !important
   }

   .mr-sm-0,
   .mx-sm-0 {
      margin-right: 0 !important
   }

   .mb-sm-0,
   .my-sm-0 {
      margin-bottom: 0 !important
   }

   .ml-sm-0,
   .mx-sm-0 {
      margin-left: 0 !important
   }

   .m-sm-1 {
      margin: .25rem !important
   }

   .mt-sm-1,
   .my-sm-1 {
      margin-top: .25rem !important
   }

   .mr-sm-1,
   .mx-sm-1 {
      margin-right: .25rem !important
   }

   .mb-sm-1,
   .my-sm-1 {
      margin-bottom: .25rem !important
   }

   .ml-sm-1,
   .mx-sm-1 {
      margin-left: .25rem !important
   }

   .m-sm-2 {
      margin: .5rem !important
   }

   .mt-sm-2,
   .my-sm-2 {
      margin-top: .5rem !important
   }

   .mr-sm-2,
   .mx-sm-2 {
      margin-right: .5rem !important
   }

   .mb-sm-2,
   .my-sm-2 {
      margin-bottom: .5rem !important
   }

   .ml-sm-2,
   .mx-sm-2 {
      margin-left: .5rem !important
   }

   .m-sm-3 {
      margin: 1rem !important
   }

   .mt-sm-3,
   .my-sm-3 {
      margin-top: 1rem !important
   }

   .mr-sm-3,
   .mx-sm-3 {
      margin-right: 1rem !important
   }

   .mb-sm-3,
   .my-sm-3 {
      margin-bottom: 1rem !important
   }

   .ml-sm-3,
   .mx-sm-3 {
      margin-left: 1rem !important
   }

   .m-sm-4 {
      margin: 1.5rem !important
   }

   .mt-sm-4,
   .my-sm-4 {
      margin-top: 1.5rem !important
   }

   .mr-sm-4,
   .mx-sm-4 {
      margin-right: 1.5rem !important
   }

   .mb-sm-4,
   .my-sm-4 {
      margin-bottom: 1.5rem !important
   }

   .ml-sm-4,
   .mx-sm-4 {
      margin-left: 1.5rem !important
   }

   .m-sm-5 {
      margin: 3rem !important
   }

   .mt-sm-5,
   .my-sm-5 {
      margin-top: 3rem !important
   }

   .mr-sm-5,
   .mx-sm-5 {
      margin-right: 3rem !important
   }

   .mb-sm-5,
   .my-sm-5 {
      margin-bottom: 3rem !important
   }

   .ml-sm-5,
   .mx-sm-5 {
      margin-left: 3rem !important
   }

   .p-sm-0 {
      padding: 0 !important
   }

   .pt-sm-0,
   .py-sm-0 {
      padding-top: 0 !important
   }

   .pr-sm-0,
   .px-sm-0 {
      padding-right: 0 !important
   }

   .pb-sm-0,
   .py-sm-0 {
      padding-bottom: 0 !important
   }

   .pl-sm-0,
   .px-sm-0 {
      padding-left: 0 !important
   }

   .p-sm-1 {
      padding: .25rem !important
   }

   .pt-sm-1,
   .py-sm-1 {
      padding-top: .25rem !important
   }

   .pr-sm-1,
   .px-sm-1 {
      padding-right: .25rem !important
   }

   .pb-sm-1,
   .py-sm-1 {
      padding-bottom: .25rem !important
   }

   .pl-sm-1,
   .px-sm-1 {
      padding-left: .25rem !important
   }

   .p-sm-2 {
      padding: .5rem !important
   }

   .pt-sm-2,
   .py-sm-2 {
      padding-top: .5rem !important
   }

   .pr-sm-2,
   .px-sm-2 {
      padding-right: .5rem !important
   }

   .pb-sm-2,
   .py-sm-2 {
      padding-bottom: .5rem !important
   }

   .pl-sm-2,
   .px-sm-2 {
      padding-left: .5rem !important
   }

   .p-sm-3 {
      padding: 1rem !important
   }

   .pt-sm-3,
   .py-sm-3 {
      padding-top: 1rem !important
   }

   .pr-sm-3,
   .px-sm-3 {
      padding-right: 1rem !important
   }

   .pb-sm-3,
   .py-sm-3 {
      padding-bottom: 1rem !important
   }

   .pl-sm-3,
   .px-sm-3 {
      padding-left: 1rem !important
   }

   .p-sm-4 {
      padding: 1.5rem !important
   }

   .pt-sm-4,
   .py-sm-4 {
      padding-top: 1.5rem !important
   }

   .pr-sm-4,
   .px-sm-4 {
      padding-right: 1.5rem !important
   }

   .pb-sm-4,
   .py-sm-4 {
      padding-bottom: 1.5rem !important
   }

   .pl-sm-4,
   .px-sm-4 {
      padding-left: 1.5rem !important
   }

   .p-sm-5 {
      padding: 3rem !important
   }

   .pt-sm-5,
   .py-sm-5 {
      padding-top: 3rem !important
   }

   .pr-sm-5,
   .px-sm-5 {
      padding-right: 3rem !important
   }

   .pb-sm-5,
   .py-sm-5 {
      padding-bottom: 3rem !important
   }

   .pl-sm-5,
   .px-sm-5 {
      padding-left: 3rem !important
   }

   .m-sm-n1 {
      margin: -.25rem !important
   }

   .mt-sm-n1,
   .my-sm-n1 {
      margin-top: -.25rem !important
   }

   .mr-sm-n1,
   .mx-sm-n1 {
      margin-right: -.25rem !important
   }

   .mb-sm-n1,
   .my-sm-n1 {
      margin-bottom: -.25rem !important
   }

   .ml-sm-n1,
   .mx-sm-n1 {
      margin-left: -.25rem !important
   }

   .m-sm-n2 {
      margin: -.5rem !important
   }

   .mt-sm-n2,
   .my-sm-n2 {
      margin-top: -.5rem !important
   }

   .mr-sm-n2,
   .mx-sm-n2 {
      margin-right: -.5rem !important
   }

   .mb-sm-n2,
   .my-sm-n2 {
      margin-bottom: -.5rem !important
   }

   .ml-sm-n2,
   .mx-sm-n2 {
      margin-left: -.5rem !important
   }

   .m-sm-n3 {
      margin: -1rem !important
   }

   .mt-sm-n3,
   .my-sm-n3 {
      margin-top: -1rem !important
   }

   .mr-sm-n3,
   .mx-sm-n3 {
      margin-right: -1rem !important
   }

   .mb-sm-n3,
   .my-sm-n3 {
      margin-bottom: -1rem !important
   }

   .ml-sm-n3,
   .mx-sm-n3 {
      margin-left: -1rem !important
   }

   .m-sm-n4 {
      margin: -1.5rem !important
   }

   .mt-sm-n4,
   .my-sm-n4 {
      margin-top: -1.5rem !important
   }

   .mr-sm-n4,
   .mx-sm-n4 {
      margin-right: -1.5rem !important
   }

   .mb-sm-n4,
   .my-sm-n4 {
      margin-bottom: -1.5rem !important
   }

   .ml-sm-n4,
   .mx-sm-n4 {
      margin-left: -1.5rem !important
   }

   .m-sm-n5 {
      margin: -3rem !important
   }

   .mt-sm-n5,
   .my-sm-n5 {
      margin-top: -3rem !important
   }

   .mr-sm-n5,
   .mx-sm-n5 {
      margin-right: -3rem !important
   }

   .mb-sm-n5,
   .my-sm-n5 {
      margin-bottom: -3rem !important
   }

   .ml-sm-n5,
   .mx-sm-n5 {
      margin-left: -3rem !important
   }

   .m-sm-auto {
      margin: auto !important
   }

   .mt-sm-auto,
   .my-sm-auto {
      margin-top: auto !important
   }

   .mr-sm-auto,
   .mx-sm-auto {
      margin-right: auto !important
   }

   .mb-sm-auto,
   .my-sm-auto {
      margin-bottom: auto !important
   }

   .ml-sm-auto,
   .mx-sm-auto {
      margin-left: auto !important
   }
}

@media (min-width:768px) {
   .m-md-0 {
      margin: 0 !important
   }

   .mt-md-0,
   .my-md-0 {
      margin-top: 0 !important
   }

   .mr-md-0,
   .mx-md-0 {
      margin-right: 0 !important
   }

   .mb-md-0,
   .my-md-0 {
      margin-bottom: 0 !important
   }

   .ml-md-0,
   .mx-md-0 {
      margin-left: 0 !important
   }

   .m-md-1 {
      margin: .25rem !important
   }

   .mt-md-1,
   .my-md-1 {
      margin-top: .25rem !important
   }

   .mr-md-1,
   .mx-md-1 {
      margin-right: .25rem !important
   }

   .mb-md-1,
   .my-md-1 {
      margin-bottom: .25rem !important
   }

   .ml-md-1,
   .mx-md-1 {
      margin-left: .25rem !important
   }

   .m-md-2 {
      margin: .5rem !important
   }

   .mt-md-2,
   .my-md-2 {
      margin-top: .5rem !important
   }

   .mr-md-2,
   .mx-md-2 {
      margin-right: .5rem !important
   }

   .mb-md-2,
   .my-md-2 {
      margin-bottom: .5rem !important
   }

   .ml-md-2,
   .mx-md-2 {
      margin-left: .5rem !important
   }

   .m-md-3 {
      margin: 1rem !important
   }

   .mt-md-3,
   .my-md-3 {
      margin-top: 1rem !important
   }

   .mr-md-3,
   .mx-md-3 {
      margin-right: 1rem !important
   }

   .mb-md-3,
   .my-md-3 {
      margin-bottom: 1rem !important
   }

   .ml-md-3,
   .mx-md-3 {
      margin-left: 1rem !important
   }

   .m-md-4 {
      margin: 1.5rem !important
   }

   .mt-md-4,
   .my-md-4 {
      margin-top: 1.5rem !important
   }

   .mr-md-4,
   .mx-md-4 {
      margin-right: 1.5rem !important
   }

   .mb-md-4,
   .my-md-4 {
      margin-bottom: 1.5rem !important
   }

   .ml-md-4,
   .mx-md-4 {
      margin-left: 1.5rem !important
   }

   .m-md-5 {
      margin: 3rem !important
   }

   .mt-md-5,
   .my-md-5 {
      margin-top: 3rem !important
   }

   .mr-md-5,
   .mx-md-5 {
      margin-right: 3rem !important
   }

   .mb-md-5,
   .my-md-5 {
      margin-bottom: 3rem !important
   }

   .ml-md-5,
   .mx-md-5 {
      margin-left: 3rem !important
   }

   .p-md-0 {
      padding: 0 !important
   }

   .pt-md-0,
   .py-md-0 {
      padding-top: 0 !important
   }

   .pr-md-0,
   .px-md-0 {
      padding-right: 0 !important
   }

   .pb-md-0,
   .py-md-0 {
      padding-bottom: 0 !important
   }

   .pl-md-0,
   .px-md-0 {
      padding-left: 0 !important
   }

   .p-md-1 {
      padding: .25rem !important
   }

   .pt-md-1,
   .py-md-1 {
      padding-top: .25rem !important
   }

   .pr-md-1,
   .px-md-1 {
      padding-right: .25rem !important
   }

   .pb-md-1,
   .py-md-1 {
      padding-bottom: .25rem !important
   }

   .pl-md-1,
   .px-md-1 {
      padding-left: .25rem !important
   }

   .p-md-2 {
      padding: .5rem !important
   }

   .pt-md-2,
   .py-md-2 {
      padding-top: .5rem !important
   }

   .pr-md-2,
   .px-md-2 {
      padding-right: .5rem !important
   }

   .pb-md-2,
   .py-md-2 {
      padding-bottom: .5rem !important
   }

   .pl-md-2,
   .px-md-2 {
      padding-left: .5rem !important
   }

   .p-md-3 {
      padding: 1rem !important
   }

   .pt-md-3,
   .py-md-3 {
      padding-top: 1rem !important
   }

   .pr-md-3,
   .px-md-3 {
      padding-right: 1rem !important
   }

   .pb-md-3,
   .py-md-3 {
      padding-bottom: 1rem !important
   }

   .pl-md-3,
   .px-md-3 {
      padding-left: 1rem !important
   }

   .p-md-4 {
      padding: 1.5rem !important
   }

   .pt-md-4,
   .py-md-4 {
      padding-top: 1.5rem !important
   }

   .pr-md-4,
   .px-md-4 {
      padding-right: 1.5rem !important
   }

   .pb-md-4,
   .py-md-4 {
      padding-bottom: 1.5rem !important
   }

   .pl-md-4,
   .px-md-4 {
      padding-left: 1.5rem !important
   }

   .p-md-5 {
      padding: 3rem !important
   }

   .pt-md-5,
   .py-md-5 {
      padding-top: 3rem !important
   }

   .pr-md-5,
   .px-md-5 {
      padding-right: 3rem !important
   }

   .pb-md-5,
   .py-md-5 {
      padding-bottom: 3rem !important
   }

   .pl-md-5,
   .px-md-5 {
      padding-left: 3rem !important
   }

   .m-md-n1 {
      margin: -.25rem !important
   }

   .mt-md-n1,
   .my-md-n1 {
      margin-top: -.25rem !important
   }

   .mr-md-n1,
   .mx-md-n1 {
      margin-right: -.25rem !important
   }

   .mb-md-n1,
   .my-md-n1 {
      margin-bottom: -.25rem !important
   }

   .ml-md-n1,
   .mx-md-n1 {
      margin-left: -.25rem !important
   }

   .m-md-n2 {
      margin: -.5rem !important
   }

   .mt-md-n2,
   .my-md-n2 {
      margin-top: -.5rem !important
   }

   .mr-md-n2,
   .mx-md-n2 {
      margin-right: -.5rem !important
   }

   .mb-md-n2,
   .my-md-n2 {
      margin-bottom: -.5rem !important
   }

   .ml-md-n2,
   .mx-md-n2 {
      margin-left: -.5rem !important
   }

   .m-md-n3 {
      margin: -1rem !important
   }

   .mt-md-n3,
   .my-md-n3 {
      margin-top: -1rem !important
   }

   .mr-md-n3,
   .mx-md-n3 {
      margin-right: -1rem !important
   }

   .mb-md-n3,
   .my-md-n3 {
      margin-bottom: -1rem !important
   }

   .ml-md-n3,
   .mx-md-n3 {
      margin-left: -1rem !important
   }

   .m-md-n4 {
      margin: -1.5rem !important
   }

   .mt-md-n4,
   .my-md-n4 {
      margin-top: -1.5rem !important
   }

   .mr-md-n4,
   .mx-md-n4 {
      margin-right: -1.5rem !important
   }

   .mb-md-n4,
   .my-md-n4 {
      margin-bottom: -1.5rem !important
   }

   .ml-md-n4,
   .mx-md-n4 {
      margin-left: -1.5rem !important
   }

   .m-md-n5 {
      margin: -3rem !important
   }

   .mt-md-n5,
   .my-md-n5 {
      margin-top: -3rem !important
   }

   .mr-md-n5,
   .mx-md-n5 {
      margin-right: -3rem !important
   }

   .mb-md-n5,
   .my-md-n5 {
      margin-bottom: -3rem !important
   }

   .ml-md-n5,
   .mx-md-n5 {
      margin-left: -3rem !important
   }

   .m-md-auto {
      margin: auto !important
   }

   .mt-md-auto,
   .my-md-auto {
      margin-top: auto !important
   }

   .mr-md-auto,
   .mx-md-auto {
      margin-right: auto !important
   }

   .mb-md-auto,
   .my-md-auto {
      margin-bottom: auto !important
   }

   .ml-md-auto,
   .mx-md-auto {
      margin-left: auto !important
   }
}

@media (min-width:992px) {
   .m-lg-0 {
      margin: 0 !important
   }

   .mt-lg-0,
   .my-lg-0 {
      margin-top: 0 !important
   }

   .mr-lg-0,
   .mx-lg-0 {
      margin-right: 0 !important
   }

   .mb-lg-0,
   .my-lg-0 {
      margin-bottom: 0 !important
   }

   .ml-lg-0,
   .mx-lg-0 {
      margin-left: 0 !important
   }

   .m-lg-1 {
      margin: .25rem !important
   }

   .mt-lg-1,
   .my-lg-1 {
      margin-top: .25rem !important
   }

   .mr-lg-1,
   .mx-lg-1 {
      margin-right: .25rem !important
   }

   .mb-lg-1,
   .my-lg-1 {
      margin-bottom: .25rem !important
   }

   .ml-lg-1,
   .mx-lg-1 {
      margin-left: .25rem !important
   }

   .m-lg-2 {
      margin: .5rem !important
   }

   .mt-lg-2,
   .my-lg-2 {
      margin-top: .5rem !important
   }

   .mr-lg-2,
   .mx-lg-2 {
      margin-right: .5rem !important
   }

   .mb-lg-2,
   .my-lg-2 {
      margin-bottom: .5rem !important
   }

   .ml-lg-2,
   .mx-lg-2 {
      margin-left: .5rem !important
   }

   .m-lg-3 {
      margin: 1rem !important
   }

   .mt-lg-3,
   .my-lg-3 {
      margin-top: 1rem !important
   }

   .mr-lg-3,
   .mx-lg-3 {
      margin-right: 1rem !important
   }

   .mb-lg-3,
   .my-lg-3 {
      margin-bottom: 1rem !important
   }

   .ml-lg-3,
   .mx-lg-3 {
      margin-left: 1rem !important
   }

   .m-lg-4 {
      margin: 1.5rem !important
   }

   .mt-lg-4,
   .my-lg-4 {
      margin-top: 1.5rem !important
   }

   .mr-lg-4,
   .mx-lg-4 {
      margin-right: 1.5rem !important
   }

   .mb-lg-4,
   .my-lg-4 {
      margin-bottom: 1.5rem !important
   }

   .ml-lg-4,
   .mx-lg-4 {
      margin-left: 1.5rem !important
   }

   .m-lg-5 {
      margin: 3rem !important
   }

   .mt-lg-5,
   .my-lg-5 {
      margin-top: 3rem !important
   }

   .mr-lg-5,
   .mx-lg-5 {
      margin-right: 3rem !important
   }

   .mb-lg-5,
   .my-lg-5 {
      margin-bottom: 3rem !important
   }

   .ml-lg-5,
   .mx-lg-5 {
      margin-left: 3rem !important
   }

   .p-lg-0 {
      padding: 0 !important
   }

   .pt-lg-0,
   .py-lg-0 {
      padding-top: 0 !important
   }

   .pr-lg-0,
   .px-lg-0 {
      padding-right: 0 !important
   }

   .pb-lg-0,
   .py-lg-0 {
      padding-bottom: 0 !important
   }

   .pl-lg-0,
   .px-lg-0 {
      padding-left: 0 !important
   }

   .p-lg-1 {
      padding: .25rem !important
   }

   .pt-lg-1,
   .py-lg-1 {
      padding-top: .25rem !important
   }

   .pr-lg-1,
   .px-lg-1 {
      padding-right: .25rem !important
   }

   .pb-lg-1,
   .py-lg-1 {
      padding-bottom: .25rem !important
   }

   .pl-lg-1,
   .px-lg-1 {
      padding-left: .25rem !important
   }

   .p-lg-2 {
      padding: .5rem !important
   }

   .pt-lg-2,
   .py-lg-2 {
      padding-top: .5rem !important
   }

   .pr-lg-2,
   .px-lg-2 {
      padding-right: .5rem !important
   }

   .pb-lg-2,
   .py-lg-2 {
      padding-bottom: .5rem !important
   }

   .pl-lg-2,
   .px-lg-2 {
      padding-left: .5rem !important
   }

   .p-lg-3 {
      padding: 1rem !important
   }

   .pt-lg-3,
   .py-lg-3 {
      padding-top: 1rem !important
   }

   .pr-lg-3,
   .px-lg-3 {
      padding-right: 1rem !important
   }

   .pb-lg-3,
   .py-lg-3 {
      padding-bottom: 1rem !important
   }

   .pl-lg-3,
   .px-lg-3 {
      padding-left: 1rem !important
   }

   .p-lg-4 {
      padding: 1.5rem !important
   }

   .pt-lg-4,
   .py-lg-4 {
      padding-top: 1.5rem !important
   }

   .pr-lg-4,
   .px-lg-4 {
      padding-right: 1.5rem !important
   }

   .pb-lg-4,
   .py-lg-4 {
      padding-bottom: 1.5rem !important
   }

   .pl-lg-4,
   .px-lg-4 {
      padding-left: 1.5rem !important
   }

   .p-lg-5 {
      padding: 3rem !important
   }

   .pt-lg-5,
   .py-lg-5 {
      padding-top: 3rem !important
   }

   .pr-lg-5,
   .px-lg-5 {
      padding-right: 3rem !important
   }

   .pb-lg-5,
   .py-lg-5 {
      padding-bottom: 3rem !important
   }

   .pl-lg-5,
   .px-lg-5 {
      padding-left: 3rem !important
   }

   .m-lg-n1 {
      margin: -.25rem !important
   }

   .mt-lg-n1,
   .my-lg-n1 {
      margin-top: -.25rem !important
   }

   .mr-lg-n1,
   .mx-lg-n1 {
      margin-right: -.25rem !important
   }

   .mb-lg-n1,
   .my-lg-n1 {
      margin-bottom: -.25rem !important
   }

   .ml-lg-n1,
   .mx-lg-n1 {
      margin-left: -.25rem !important
   }

   .m-lg-n2 {
      margin: -.5rem !important
   }

   .mt-lg-n2,
   .my-lg-n2 {
      margin-top: -.5rem !important
   }

   .mr-lg-n2,
   .mx-lg-n2 {
      margin-right: -.5rem !important
   }

   .mb-lg-n2,
   .my-lg-n2 {
      margin-bottom: -.5rem !important
   }

   .ml-lg-n2,
   .mx-lg-n2 {
      margin-left: -.5rem !important
   }

   .m-lg-n3 {
      margin: -1rem !important
   }

   .mt-lg-n3,
   .my-lg-n3 {
      margin-top: -1rem !important
   }

   .mr-lg-n3,
   .mx-lg-n3 {
      margin-right: -1rem !important
   }

   .mb-lg-n3,
   .my-lg-n3 {
      margin-bottom: -1rem !important
   }

   .ml-lg-n3,
   .mx-lg-n3 {
      margin-left: -1rem !important
   }

   .m-lg-n4 {
      margin: -1.5rem !important
   }

   .mt-lg-n4,
   .my-lg-n4 {
      margin-top: -1.5rem !important
   }

   .mr-lg-n4,
   .mx-lg-n4 {
      margin-right: -1.5rem !important
   }

   .mb-lg-n4,
   .my-lg-n4 {
      margin-bottom: -1.5rem !important
   }

   .ml-lg-n4,
   .mx-lg-n4 {
      margin-left: -1.5rem !important
   }

   .m-lg-n5 {
      margin: -3rem !important
   }

   .mt-lg-n5,
   .my-lg-n5 {
      margin-top: -3rem !important
   }

   .mr-lg-n5,
   .mx-lg-n5 {
      margin-right: -3rem !important
   }

   .mb-lg-n5,
   .my-lg-n5 {
      margin-bottom: -3rem !important
   }

   .ml-lg-n5,
   .mx-lg-n5 {
      margin-left: -3rem !important
   }

   .m-lg-auto {
      margin: auto !important
   }

   .mt-lg-auto,
   .my-lg-auto {
      margin-top: auto !important
   }

   .mr-lg-auto,
   .mx-lg-auto {
      margin-right: auto !important
   }

   .mb-lg-auto,
   .my-lg-auto {
      margin-bottom: auto !important
   }

   .ml-lg-auto,
   .mx-lg-auto {
      margin-left: auto !important
   }
}

@media (min-width:1200px) {
   .m-xl-0 {
      margin: 0 !important
   }

   .mt-xl-0,
   .my-xl-0 {
      margin-top: 0 !important
   }

   .mr-xl-0,
   .mx-xl-0 {
      margin-right: 0 !important
   }

   .mb-xl-0,
   .my-xl-0 {
      margin-bottom: 0 !important
   }

   .ml-xl-0,
   .mx-xl-0 {
      margin-left: 0 !important
   }

   .m-xl-1 {
      margin: .25rem !important
   }

   .mt-xl-1,
   .my-xl-1 {
      margin-top: .25rem !important
   }

   .mr-xl-1,
   .mx-xl-1 {
      margin-right: .25rem !important
   }

   .mb-xl-1,
   .my-xl-1 {
      margin-bottom: .25rem !important
   }

   .ml-xl-1,
   .mx-xl-1 {
      margin-left: .25rem !important
   }

   .m-xl-2 {
      margin: .5rem !important
   }

   .mt-xl-2,
   .my-xl-2 {
      margin-top: .5rem !important
   }

   .mr-xl-2,
   .mx-xl-2 {
      margin-right: .5rem !important
   }

   .mb-xl-2,
   .my-xl-2 {
      margin-bottom: .5rem !important
   }

   .ml-xl-2,
   .mx-xl-2 {
      margin-left: .5rem !important
   }

   .m-xl-3 {
      margin: 1rem !important
   }

   .mt-xl-3,
   .my-xl-3 {
      margin-top: 1rem !important
   }

   .mr-xl-3,
   .mx-xl-3 {
      margin-right: 1rem !important
   }

   .mb-xl-3,
   .my-xl-3 {
      margin-bottom: 1rem !important
   }

   .ml-xl-3,
   .mx-xl-3 {
      margin-left: 1rem !important
   }

   .m-xl-4 {
      margin: 1.5rem !important
   }

   .mt-xl-4,
   .my-xl-4 {
      margin-top: 1.5rem !important
   }

   .mr-xl-4,
   .mx-xl-4 {
      margin-right: 1.5rem !important
   }

   .mb-xl-4,
   .my-xl-4 {
      margin-bottom: 1.5rem !important
   }

   .ml-xl-4,
   .mx-xl-4 {
      margin-left: 1.5rem !important
   }

   .m-xl-5 {
      margin: 3rem !important
   }

   .mt-xl-5,
   .my-xl-5 {
      margin-top: 3rem !important
   }

   .mr-xl-5,
   .mx-xl-5 {
      margin-right: 3rem !important
   }

   .mb-xl-5,
   .my-xl-5 {
      margin-bottom: 3rem !important
   }

   .ml-xl-5,
   .mx-xl-5 {
      margin-left: 3rem !important
   }

   .p-xl-0 {
      padding: 0 !important
   }

   .pt-xl-0,
   .py-xl-0 {
      padding-top: 0 !important
   }

   .pr-xl-0,
   .px-xl-0 {
      padding-right: 0 !important
   }

   .pb-xl-0,
   .py-xl-0 {
      padding-bottom: 0 !important
   }

   .pl-xl-0,
   .px-xl-0 {
      padding-left: 0 !important
   }

   .p-xl-1 {
      padding: .25rem !important
   }

   .pt-xl-1,
   .py-xl-1 {
      padding-top: .25rem !important
   }

   .pr-xl-1,
   .px-xl-1 {
      padding-right: .25rem !important
   }

   .pb-xl-1,
   .py-xl-1 {
      padding-bottom: .25rem !important
   }

   .pl-xl-1,
   .px-xl-1 {
      padding-left: .25rem !important
   }

   .p-xl-2 {
      padding: .5rem !important
   }

   .pt-xl-2,
   .py-xl-2 {
      padding-top: .5rem !important
   }

   .pr-xl-2,
   .px-xl-2 {
      padding-right: .5rem !important
   }

   .pb-xl-2,
   .py-xl-2 {
      padding-bottom: .5rem !important
   }

   .pl-xl-2,
   .px-xl-2 {
      padding-left: .5rem !important
   }

   .p-xl-3 {
      padding: 1rem !important
   }

   .pt-xl-3,
   .py-xl-3 {
      padding-top: 1rem !important
   }

   .pr-xl-3,
   .px-xl-3 {
      padding-right: 1rem !important
   }

   .pb-xl-3,
   .py-xl-3 {
      padding-bottom: 1rem !important
   }

   .pl-xl-3,
   .px-xl-3 {
      padding-left: 1rem !important
   }

   .p-xl-4 {
      padding: 1.5rem !important
   }

   .pt-xl-4,
   .py-xl-4 {
      padding-top: 1.5rem !important
   }

   .pr-xl-4,
   .px-xl-4 {
      padding-right: 1.5rem !important
   }

   .pb-xl-4,
   .py-xl-4 {
      padding-bottom: 1.5rem !important
   }

   .pl-xl-4,
   .px-xl-4 {
      padding-left: 1.5rem !important
   }

   .p-xl-5 {
      padding: 3rem !important
   }

   .pt-xl-5,
   .py-xl-5 {
      padding-top: 3rem !important
   }

   .pr-xl-5,
   .px-xl-5 {
      padding-right: 3rem !important
   }

   .pb-xl-5,
   .py-xl-5 {
      padding-bottom: 3rem !important
   }

   .pl-xl-5,
   .px-xl-5 {
      padding-left: 3rem !important
   }

   .m-xl-n1 {
      margin: -.25rem !important
   }

   .mt-xl-n1,
   .my-xl-n1 {
      margin-top: -.25rem !important
   }

   .mr-xl-n1,
   .mx-xl-n1 {
      margin-right: -.25rem !important
   }

   .mb-xl-n1,
   .my-xl-n1 {
      margin-bottom: -.25rem !important
   }

   .ml-xl-n1,
   .mx-xl-n1 {
      margin-left: -.25rem !important
   }

   .m-xl-n2 {
      margin: -.5rem !important
   }

   .mt-xl-n2,
   .my-xl-n2 {
      margin-top: -.5rem !important
   }

   .mr-xl-n2,
   .mx-xl-n2 {
      margin-right: -.5rem !important
   }

   .mb-xl-n2,
   .my-xl-n2 {
      margin-bottom: -.5rem !important
   }

   .ml-xl-n2,
   .mx-xl-n2 {
      margin-left: -.5rem !important
   }

   .m-xl-n3 {
      margin: -1rem !important
   }

   .mt-xl-n3,
   .my-xl-n3 {
      margin-top: -1rem !important
   }

   .mr-xl-n3,
   .mx-xl-n3 {
      margin-right: -1rem !important
   }

   .mb-xl-n3,
   .my-xl-n3 {
      margin-bottom: -1rem !important
   }

   .ml-xl-n3,
   .mx-xl-n3 {
      margin-left: -1rem !important
   }

   .m-xl-n4 {
      margin: -1.5rem !important
   }

   .mt-xl-n4,
   .my-xl-n4 {
      margin-top: -1.5rem !important
   }

   .mr-xl-n4,
   .mx-xl-n4 {
      margin-right: -1.5rem !important
   }

   .mb-xl-n4,
   .my-xl-n4 {
      margin-bottom: -1.5rem !important
   }

   .ml-xl-n4,
   .mx-xl-n4 {
      margin-left: -1.5rem !important
   }

   .m-xl-n5 {
      margin: -3rem !important
   }

   .mt-xl-n5,
   .my-xl-n5 {
      margin-top: -3rem !important
   }

   .mr-xl-n5,
   .mx-xl-n5 {
      margin-right: -3rem !important
   }

   .mb-xl-n5,
   .my-xl-n5 {
      margin-bottom: -3rem !important
   }

   .ml-xl-n5,
   .mx-xl-n5 {
      margin-left: -3rem !important
   }

   .m-xl-auto {
      margin: auto !important
   }

   .mt-xl-auto,
   .my-xl-auto {
      margin-top: auto !important
   }

   .mr-xl-auto,
   .mx-xl-auto {
      margin-right: auto !important
   }

   .mb-xl-auto,
   .my-xl-auto {
      margin-bottom: auto !important
   }

   .ml-xl-auto,
   .mx-xl-auto {
      margin-left: auto !important
   }
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
   line-height: 1.15;
   -webkit-text-size-adjust: 100%
}

body {
   margin: 0
}

h1 {
   font-size: 2em;
   margin: .67em 0
}

hr {
   box-sizing: content-box;
   height: 0;
   overflow: visible
}

pre {
   font-family: monospace, monospace;
   font-size: 1em
}

a {
   background-color: transparent
}

abbr[title] {
   border-bottom: none;
   text-decoration: underline;
   -webkit-text-decoration: underline dotted;
   text-decoration: underline dotted
}

b,
strong {
   font-weight: bolder
}

code,
kbd,
samp {
   font-family: monospace, monospace;
   font-size: 1em
}

small {
   font-size: 80%
}

sub,
sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline
}

sub {
   bottom: -.25em
}

sup {
   top: -.5em
}

img {
   border-style: none
}

button,
input,
optgroup,
select,
textarea {
   font-family: inherit;
   font-size: 100%;
   line-height: 1.15;
   margin: 0
}

button,
input {
   overflow: visible
}

button,
select {
   text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
   -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
   border-style: none;
   padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
   outline: 1px dotted ButtonText
}

fieldset {
   padding: .35em .75em .625em
}

legend {
   box-sizing: border-box;
   color: inherit;
   display: table;
   max-width: 100%;
   padding: 0;
   white-space: normal
}

progress {
   vertical-align: baseline
}

textarea {
   overflow: auto
}

[type=checkbox],
[type=radio] {
   box-sizing: border-box;
   padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
   height: auto
}

[type=search] {
   -webkit-appearance: textfield;
   outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
   -webkit-appearance: none
}

::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit
}

details {
   display: block
}

summary {
   display: list-item
}

[hidden],
template {
   display: none
}

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   background: transparent
}

body {
   line-height: 1
}

ol,
ul {
   list-style: none
}

p {
   margin: 0
}

blockquote,
q {
   quotes: none
}

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

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

button {
   padding: 0;
   border: none;
   font: inherit;
   color: inherit;
   background-color: transparent;
   cursor: pointer
}

@font-face {
   font-family: Montserrat;
   src: url(fonts/Montserrat-Regular.eot);
   src: url(fonts/Montserrat-Regular.eot?#iefix) format("embedded-opentype"), url(fonts/Montserrat-Regular.woff2) format("woff2"), url(fonts/Montserrat-Regular.woff) format("woff"), url(fonts/Montserrat-Regular.ttf) format("truetype");
   font-weight: 400
}

@font-face {
   font-family: Montserrat;
   src: url(fonts/Montserrat-Medium.eot);
   src: url(fonts/Montserrat-Medium.eot?#iefix) format("embedded-opentype"), url(fonts/Montserrat-Medium.woff2) format("woff2"), url(fonts/Montserrat-Medium.woff) format("woff"), url(fonts/Montserrat-Medium.ttf) format("truetype");
   font-weight: 500
}

@font-face {
   font-family: Montserrat;
   src: url(fonts/Montserrat-SemiBold.eot);
   src: url(fonts/Montserrat-SemiBold.eot?#iefix) format("embedded-opentype"), url(fonts/Montserrat-SemiBold.woff2) format("woff2"), url(fonts/Montserrat-SemiBold.woff) format("woff"), url(fonts/Montserrat-SemiBold.ttf) format("truetype");
   font-weight: 600
}

@font-face {
   font-family: Montserrat;
   src: url(fonts/Montserrat-Bold.eot);
   src: url(fonts/Montserrat-Bold.eot?#iefix) format("embedded-opentype"), url(fonts/Montserrat-Bold.woff2) format("woff2"), url(fonts/Montserrat-Bold.woff) format("woff"), url(fonts/Montserrat-Bold.ttf) format("truetype");
   font-weight: 700
}

@font-face {
   font-family: icomoon;
   src: url(fonts/icomoon.eot);
   src: url(fonts/icomoon.eot#iefix) format("embedded-opentype"), url(fonts/icomoon.ttf) format("truetype"), url(fonts/icomoon.woff) format("woff"), url(fonts/icomoon.svg#icomoon) format("svg");
   font-weight: 400;
   font-style: normal;
   font-display: block
}

[class*=" icon-"],
[class^=icon-] {
   font-family: icomoon !important;
   speak: never;
   font-style: normal;
   font-weight: 400;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}

.icon-tiktok:before {
   content: "\E902"
}

.icon-instagram:before {
   content: "\E90A"
}

.icon-facebook:before {
   content: "\E90B"
}

.icon-twitter:before {
   content: "\E90C"
}

.icon-vk:before {
   content: "\E90D"
}

.icon-youtube:before {
   content: "\E90E"
}

.icon-clear-filled:before {
   content: "\E904"
}

.icon-back:before {
   content: "\E900"
}

.icon-arrows:before {
   content: "\E903"
}

.icon-accepted:before {
   content: "\E921"
}

.icon-reject:before {
   content: "\E920"
}

.icon-thanks:before {
   content: "\E91F"
}

.icon-usd:before {
   content: "\E91E"
}

.icon-check:before {
   content: "\E901"
}

.icon-arrow-down:before {
   content: "\E90F"
}

.icon-arrow-left:before {
   content: "\E909"
}

.icon-arrow-right:before {
   content: "\E916"
}

.icon-arrow-long-left:before {
   content: "\E910"
}

.icon-email:before {
   content: "\E911"
}

.icon-eye-closed:before {
   content: "\E912"
}

.icon-eye-opened:before {
   content: "\E913"
}

.icon-phone:before {
   content: "\E914"
}

.icon-close:before {
   content: "\E915"
}

html {
   height: 100%
}

body {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
   flex-direction: column;
   line-height: 1.2;
   min-height: 100%;
   width: auto;
   color: #000;
   font-family: Montserrat, Arial, sans-serif;
   font-weight: 400;
   font-style: normal;
   font-size: 16px;
   direction: ltr;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   overflow-x: hidden;
   background: #000
}

body.is-loading {
   opacity: 0;
   visibility: hidden
}

body.is-loading.is-visible {
   opacity: 1;
   visibility: visible
}

.js-wrapper,
main {
   -ms-flex: 1 0 auto;
   flex: 1 0 auto;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
   flex-direction: column
}

.js-wrapper {
   overflow: hidden
}

.only-mob,
.only-mob-inline {
   display: none !important
}

.only-desc-inline {
   display: inline-block !important
}

.only-desc {
   display: block !important
}

.touchevents .only-desc-inline {
   display: none !important
}

.touchevents .only-mob-inline {
   display: inline-block !important
}

.touchevents .only-desc {
   display: none !important
}

.touchevents .only-mob {
   display: block !important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
   font-weight: 400;
   line-height: 1;
   margin: 0
}

.h1,
h1 {
   font-size: 50px
}

.h2,
h2 {
   font-size: 32px
}

.h3,
h3 {
   font-size: 30px
}

.h4,
h4 {
   font-size: 24px
}

.h5,
h5 {
   font-size: 20px
}

.h6,
h6 {
   font-size: 18px
}

@media screen and (min-width:1441px) {

   .h1,
   h1 {
      font-size: 60px
   }

   .h2,
   h2 {
      font-size: 36px
   }
}

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

   .h1,
   h1 {
      font-size: 42px
   }

   .h2,
   h2 {
      font-size: 24px
   }
}

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

   .h1,
   h1 {
      font-size: 32px
   }

   .h2,
   h2 {
      font-size: 22px
   }
}

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

   .h1,
   h1 {
      font-size: 30px
   }

   .h2,
   h2 {
      font-size: 20px
   }
}

a {
   color: #fff
}

a,
a:hover {
   text-decoration: none
}

.modal-open {
   overflow: hidden
}

.modal {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1050;
   display: none;
   overflow: hidden;
   overflow: auto !important;
   outline: 0
}

.modal-open .modal {
   overflow-x: hidden;
   overflow-y: auto
}

.modal-dialog {
   position: relative;
   width: auto;
   margin: 50px auto;
   pointer-events: none;
   opacity: 0
}

.modal.fade .modal-dialog {
   transition: opacity .2s ease-out
}

.modal.show .modal-dialog {
   opacity: 1
}

.modal-dialog-centered {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
   align-items: center;
   min-height: calc(100% - 100px)
}

.modal-content {
   position: relative;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
   flex-direction: column;
   width: 100%;
   pointer-events: auto;
   background-color: #fff;
   background-clip: padding-box;
   padding: 40px;
   outline: 0
}

.modal-close {
   top: 0
}

.modal-backdrop {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1040;
   background-color: #000;
   transition: opacity .2s ease
}

.modal-backdrop.fade {
   opacity: 0
}

.modal-backdrop.show {
   opacity: .5
}

.modal-header {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: start;
   align-items: flex-start;
   -ms-flex-pack: justify;
   justify-content: space-between
}

.modal-body {
   position: relative;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   padding: 40px
}

.modal-footer {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-pack: end;
   justify-content: flex-end
}

.modal-scrollbar-measure {
   position: absolute;
   top: -9999px;
   width: 50px;
   height: 50px;
   overflow: scroll
}

.modal-info {
   width: 100%;
   max-width: 590px;
   margin: 0 auto;
   text-align: center
}

.modal-info .modal-title {
   margin-bottom: 30px
}

.modal-info .modal-text {
   max-width: 434px
}

.modal-info .modal-text--small {
   font-size: 14px;
   color: hsla(0, 0%, 100%, .4);
   padding-top: 5px
}

.modal-info .modal-btn {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding-top: 50px;
   text-align: center;
   width: 100%;
   max-width: 100% !important
}

@media screen and (max-width:767px) {
   .modal-info .modal-btn {
      -ms-flex-direction: column;
      flex-direction: column
   }
}

.modal-info .modal-btn:not(:last-child) {
   margin-bottom: 10px
}

.modal-info .modal-btn .c-btn {
   width: 100%;
   max-width: 280px;
   margin: 0 auto
}

@media screen and (max-width:767px) {
   .modal-info .modal-btn .c-btn:not(:last-child) {
      margin-bottom: 20px
   }
}

.modal-link {
   color: #fff;
   font-family: Montserrat, Arial, sans-serif;
   text-decoration: underline
}

.modal-link--primary {
   color: #e6e6fa
}

.modal-link:hover {
   text-decoration: none
}

.modal-custom-scrollbar .modal-body {
   padding: 17px 16px
}

.modal-body.modal-centered {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
   flex-direction: column;
   -ms-flex-pack: center;
   justify-content: center
}

.modal-dialog {
   max-width: 474px;
   font-family: Roboto, sans-serif;
   font-style: normal;
   padding: 0 10px
}

.modal-content {
   color: #fff;
   min-height: 490px;
   background-color: #171717;
   padding: 0;
   overflow: unset;
   border-radius: 16px
}

.modal-col {
   width: 50%
}

.modal-btn,
.modal-form {
   width: 100%;
   max-width: 434px;
   margin: 0 auto
}

.modal-btn {
   padding-top: 40px
}

.modal-title {
   font-family: Montserrat, Arial, sans-serif;
   font-weight: 600;
   font-size: 18px;
   line-height: 1.22;
   border-bottom: 1px solid hsla(0, 0%, 100%, .1);
   text-align: center;
   margin: 0 -16px 32px;
   padding: 0 16px 17px
}

.modal-title:not(:first-child) {
   margin-top: -15px
}

.modal-title--primary {
   color: #e6e6fa
}

.modal-subtitle {
   font-size: 22px;
   margin-bottom: 5px
}

.modal-subtitle--primary {
   color: #e6e6fa
}

.modal-text {
   max-width: 434px;
   width: 100%;
   font-family: Montserrat, Arial, sans-serif;
   font-size: 16px;
   line-height: 1.6;
   margin: 0 auto
}

.modal-text.text-centered,
.modal-thanks-icon {
   text-align: center
}

.modal-thanks-icon>span {
   font-size: 110px;
   color: #e6e6fa
}

.modal-icon {
   text-align: center;
   margin-bottom: 44px
}

.modal-icon>span {
   font-size: 84px;
   color: #e6e6fa
}

.modal-close {
   color: #969186;
   position: absolute;
   top: 8px;
   right: 0;
   z-index: 1;
   width: 40px;
   height: 40px;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-pack: center;
   justify-content: center
}

.modal-close [class^=icon-] {
   font-size: 14px
}

.modal-close:hover,
.modal-close:hover [class^=icon-] {
   color: hsla(0, 0%, 100%, .8)
}

.modal-thank {
   width: 100%;
   max-width: 580px;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
   flex-direction: column;
   -ms-flex-align: center;
   align-items: center;
   margin: 0 auto
}

.modal-scrollbar {
   height: 400px
}

.modal-terms-text {
   line-height: 1.6;
   padding: 0 30px 0 0
}

.modal-winners-text {
   text-align: center
}

.modal-footer {
   padding: 16px 16px 0;
   margin: 16px -16px 0;
   border-top: 1px solid hsla(0, 0%, 100%, .1)
}

.modal-white .modal-title {
   border-bottom: 1px solid rgba(41, 41, 41, .1)
}

.modal-white .modal-close {
   color: #7b756b
}

.modal-white .modal-close:hover [class^=icon-] {
   color: #000
}

.modal-white .modal-footer {
   border-top: 1px solid rgba(41, 41, 41, .1)
}

.modal-white .modal-content {
   background: #fff
}

.modal-white .modal-title {
   color: #000
}

@media screen and (min-width:1441px) {
   .modal-scrollbar {
      height: 500px
   }
}

@media screen and (max-width:767px) and (orientation:landscape) {
   .modal-scrollbar {
      height: 220px
   }
}

@media screen and (max-width:767px) {
   .modal-info .modal-icon {
      margin-bottom: 20px
   }

   .modal-info .modal-btn {
      padding-top: 10px !important
   }

   .modal-form {
      max-width: 380px
   }

   .modal-dialog {
      max-width: 480px
   }

   .modal-content {
      min-height: 310px
   }

   .modal-logo {
      max-width: 80px;
      margin-bottom: 20px
   }

   .modal-text {
      font-size: 16px;
      margin-bottom: 20px
   }

   .modal-body {
      padding: 40px 20px 50px
   }

   .modal-terms-text {
      padding: 0 25px 0 0
   }

   .modal-registration .modal-body {
      padding-bottom: 85px
   }

   .modal-scrollbar {
      height: 280px
   }
}

@media screen and (max-width:567px) {
   .modal-terms-text {
      padding: 0 25px 0 0
   }

   .modal-registration .modal-body {
      padding-bottom: 85px
   }
}

@media screen and (max-width:399px) {
   .modal-terms-text {
      padding: 0 20px 0 0
   }

   .modal-registration .modal-body {
      padding-bottom: 85px
   }
}

.s-content {
   color: #7b756b;
   font-family: Montserrat, Arial, sans-serif;
   font-size: 14px;
   line-height: 1.5
}

.s-content>:last-child {
   margin-bottom: 0 !important
}

.s-content h2 {
   font-size: 16px
}

.s-content h2,
.s-content h3 {
   color: #292621;
   font-weight: 700;
   line-height: 1.4;
   margin: 0 0 15px;
   padding: 0
}

.s-content h3 {
   font-size: 14px
}

.s-content h4 {
   color: #292621;
   font-size: 12px;
   font-weight: 700;
   line-height: 24px;
   margin: 0 0 15px;
   padding: 0
}

.s-content p {
   color: inherit;
   margin: 0 0 15px
}

.s-content a,
.s-content p {
   font-family: inherit;
   font-size: inherit;
   line-height: inherit
}

.s-content a {
   color: #009e69;
   font-weight: inherit;
   text-decoration: underline
}

.s-content a:hover {
   text-decoration: none
}

.s-content b,
.s-content strong {
   font-weight: 700
}

.s-content ul {
   list-style: none;
   margin: 0 0 15px
}

.s-content ul,
.s-content ul li {
   color: inherit;
   font-family: inherit;
   font-size: inherit;
   line-height: inherit
}

.s-content ul li {
   margin-bottom: 15px
}

.s-content ul li:before {
   content: "-";
   margin-right: 4px
}

.s-content ol {
   list-style: decimal;
   list-style-position: inside;
   margin: 0 0 15px
}

.s-content ol,
.s-content ol li {
   color: inherit;
   font-family: inherit;
   font-size: inherit;
   line-height: inherit
}

.s-content ol li,
.s-content table {
   margin-bottom: 15px
}

.s-content table {
   color: #7f7f7f;
   width: 100%;
   border-collapse: collapse;
   border: 1px solid #7f7f7f
}

.s-content table td,
.s-content table th {
   width: 28%;
   line-height: 1;
   padding: 10px;
   border: 1px solid #7f7f7f
}

.s-content table td:first-child,
.s-content table th:first-child {
   width: 16%
}

.s-content--white {
   color: #c2bdb2
}

.s-content--white h2,
.s-content--white h3,
.s-content--white h4 {
   color: #fff
}

.s-content--white a {
   color: #00d68f;
   text-decoration: underline
}

.s-content--white a:hover {
   text-decoration: none
}

@media screen and (max-width:767px) {
   .s-content {
      font-size: 12px
   }

   .s-content h3 {
      font-size: 13px;
      line-height: 1.2
   }

   .s-content h4 {
      font-size: 14px;
      line-height: 1.5
   }
}

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

   .s-content table td,
   .s-content table th {
      width: 28%;
      line-height: 1;
      padding: 5px
   }
}

.o-container {
   position: relative;
   display: block;
   padding-left: 40px;
   padding-right: 40px;
   margin-left: auto;
   margin-right: auto
}

.o-container,
.o-container--fullwidth {
   width: 100%;
   max-width: 100%
}

.o-container--small {
   position: relative;
   width: 100%;
   max-width: 1208px;
   padding-left: 40px;
   padding-right: 40px;
   margin-left: auto;
   margin-right: auto
}

.o-container--aside-layout {
   display: -ms-flexbox;
   display: flex;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   -ms-flex-direction: row;
   flex-direction: row
}

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

   .o-container,
   .o-container--small {
      padding-left: 10px;
      padding-right: 10px
   }
}

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

   .o-container,
   .o-container--small {
      padding-left: 10px;
      padding-right: 10px
   }
}

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

   .o-container,
   .o-container--small {
      padding-left: 10px;
      padding-right: 10px
   }

   .o-container--aside-layout {
      -ms-flex-direction: column;
      flex-direction: column
   }
}

.c-btn {
   cursor: pointer;
   background: #e6e6fa;
   border-radius: 2px;
   padding: 12px 16px;
   max-width: 206px;
   width: 100%;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-pack: center;
   justify-content: center;
   border: none;
   font-weight: 600;
   font-size: 18px;
   line-height: 22px;
   transition: all .3s;
   color: #3a3a3a
}

.c-btn:hover {
   background: #3a3a3a;
   color: #fff
}

@media screen and (max-width:767px) {
   .c-btn {
      font-size: 14px;
      line-height: 18px;
      max-width: 150px;
      padding: 10px
   }
}

.c-header {
   padding: 20px 0;
   position: relative;
   z-index: 2;
   background: #000
}

.c-header__row {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -ms-flex-align: center;
   align-items: center
}

@media screen and (max-width:767px) {
   .c-header__nav {
      display: none
   }
}

@media screen and (max-width:767px) {
   .c-header .c-btn {
      display: none;
      max-width: 400px
   }
}

@media screen and (max-width:567px) {
   .c-header .c-btn {
      display: none;
      max-width: 100%
   }
}

@media screen and (max-width:767px) {
   .c-header__logo {
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: center;
      align-items: center
   }
}

.c-header__logo-link {
   display: inline-block;
   line-height: 0
}

@media screen and (max-width:767px) {
   .c-header__logo-link img {
      width: 30px
   }
}

.c-header__hamburger {
   width: 25px;
   height: 20px;
   position: relative;
   cursor: pointer;
   display: none
}

@media screen and (max-width:767px) {
   .c-header__hamburger {
      display: block
   }
}

.c-header__hamburger span {
   width: 100%;
   height: 2px;
   display: block;
   border-radius: 5px;
   background: #e6e6fa;
   margin: 9px 0 0
}

.c-header__hamburger span:before {
   top: 0
}

.c-header__hamburger span:after,
.c-header__hamburger span:before {
   content: "";
   width: 100%;
   height: 2px;
   display: block;
   border-radius: 5px;
   background: #e6e6fa;
   position: absolute;
   left: 0;
   right: 0
}

.c-header__hamburger span:after {
   bottom: 0
}

.mob-nav.open,
.overflow-hidden {
   overflow: hidden
}

.mob-nav.open {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 100
}

.mob-nav.open .c-header__nav {
   -ms-flex-direction: column;
   flex-direction: column
}

.mob-nav.open .c-btn,
.mob-nav.open .c-header__nav {
   display: -ms-flexbox;
   display: flex
}

.mob-nav.open .c-header__row {
   -ms-flex-direction: column;
   flex-direction: column;
   height: 100%
}

.mob-nav.open .o-container {
   height: 100%
}

.c-main {
   z-index: 5
}

.c-footer {
   position: relative;
   padding: 32px 0 37px;
   z-index: 2
}

.c-footer__wrapper {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-pack: justify;
   justify-content: space-between
}

.c-footer .c-socials__list-link path {
   fill: #e6e6fa
}

.c-footer .c-socials__list-link:hover path {
   fill: #3a3a3a
}

.c-footer__logo-link {
   display: inline-block
}

.c-footer__logo-link path {
   transition: all .3s
}

.c-footer__logo-link:hover path {
   fill: #3a3a3a
}

.c-logo {
   display: block;
   height: 20px
}

.c-logo img {
   display: block;
   height: 100%;
   width: auto
}

.c-socials__list {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
   align-items: center
}

.c-socials__list-item {
   margin-right: 8px
}

.c-socials__list-item:last-of-type {
   margin-right: 0
}

.c-socials__list-link {
   transition: all .3s;
   display: inline-block
}

.c-socials__list-link path {
   transition: all .3s
}

.c-section-main {
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   position: relative;
   z-index: 2
}

.c-section-home,
.c-section-main {
   display: -ms-flexbox;
   display: flex
}

.c-section-home {
   min-height: 600px;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-pack: center;
   justify-content: center;
   text-align: center;
   padding: 20px 0 140px
}

@media screen and (max-width:1024px) {
   .c-section-home {
      padding: 10px 0 240px
   }
}

@media screen and (max-width:820px) {
   .c-section-home {
      padding-bottom: 200px
   }
}

@media screen and (max-width:767px) {
   .c-section-home {
      min-height: auto;
      padding-bottom: 0
   }
}

.c-nav {
   display: -ms-flexbox;
   display: flex
}

@media screen and (max-width:767px) {
   .c-nav {
      -ms-flex-direction: column;
      flex-direction: column
   }
}

.c-nav__item {
   margin: 0 16px
}

@media screen and (max-width:767px) {
   .c-nav__item {
      margin: 0 0 25px
   }
}

.c-nav__link {
   font-weight: 500;
   font-size: 16px;
   line-height: 20px;
   color: #e6e6fa;
   transition: all .3s
}

.c-nav__link.active,
.c-nav__link:hover {
   color: #3a3a3a
}

@media screen and (max-width:767px) {
   .c-nav__link {
      font-size: 24px;
      line-height: 28px
   }
}

.c-intro {
   background: radial-gradient(257.69% 457.7% at 61.18% 0, #e6e6fa 0, #bdbdff 47.92%, #c7c7ef 100%);
   margin-bottom: 36px;
   padding: 103px 0 99px;
   position: relative
}

@media screen and (max-width:767px) {
   .c-intro {
      padding: 50px 0
   }
}

.c-intro__left {
   max-width: 808px;
   width: 100%
}

@media screen and (max-width:1299px) {
   .c-intro__left {
      max-width: 600px
   }
}

@media screen and (max-width:839px) {
   .c-intro__left {
      max-width: 500px
   }
}

@media screen and (max-width:767px) {
   .c-intro__left {
      max-width: 100%
   }
}

.c-intro__right {
   position: absolute;
   right: -40px;
   top: -103px
}

@media screen and (max-width:1299px) {
   .c-intro__right {
      top: -53px
   }
}

@media screen and (max-width:1069px) {
   .c-intro__right {
      right: -170px
   }
}

@media screen and (max-width:939px) {
   .c-intro__right {
      right: -270px
   }
}

@media screen and (max-width:839px) {
   .c-intro__right {
      top: -24px
   }
}

@media screen and (max-width:767px) {
   .c-intro__right {
      display: none
   }
}

.c-intro__title {
   font-weight: 700;
   font-size: 24px;
   line-height: 29px
}

.c-intro__text,
.c-intro__title {
   margin-bottom: 16px;
   color: #3a3a3a
}

.c-intro__text {
   font-weight: 500;
   font-size: 16px;
   line-height: 20px
}

.c-intro .c-socials__list-link:hover path {
   fill: #e6e6fa
}

.c-provide {
   margin-bottom: 36px
}

.c-provide__title {
   background: radial-gradient(257.69% 457.7% at 61.18% 0, #e6e6fa 0, #bdbdff 47.92%, #c7c7ef 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
   text-fill-color: transparent;
   font-weight: 700;
   font-size: 24px;
   line-height: 29px;
   margin-bottom: 16px
}

@media screen and (max-width:767px) {
   .c-provide__title {
      font-size: 20px;
      line-height: 24px
   }
}

.c-provide__list {
   display: -ms-flexbox;
   display: flex
}

@media screen and (max-width:767px) {
   .c-provide__list {
      -ms-flex-direction: column;
      flex-direction: column
   }
}

.c-provide__list-item {
   -ms-flex: 0 1 25%;
   flex: 0 1 25%;
   max-width: 25%;
   width: 100%;
   margin-right: 12px;
   height: 88px;
   background: #131313;
   border-radius: 4px;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
   align-items: center;
   padding: 0 14px
}

@media screen and (max-width:767px) {
   .c-provide__list-item {
      margin: 0 0 20px;
      -ms-flex: 0 1 100%;
      flex: 0 1 100%;
      max-width: 100%;
      background: none;
      padding: 0
   }
}

.c-provide__list-item:last-of-type {
   margin-right: 0
}

@media screen and (max-width:767px) {
   .c-provide__list-item:last-of-type {
      margin: 0
   }
}

.c-provide__list-text {
   color: #fff;
   font-weight: 700;
   font-size: 16px;
   line-height: 20px
}

.c-provide__list-img {
   margin-right: 12px
}

.c-history {
   margin-bottom: 36px
}

.c-history__row {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-pack: justify;
   justify-content: space-between
}

@media screen and (max-width:767px) {
   .c-history__row {
      -ms-flex-direction: column;
      flex-direction: column
   }

   .c-history__row>img {
      display: none
   }
}

.c-history__block {
   max-width: 808px;
   width: 100%
}

.c-history__block--margin-left {
   margin-left: 36px
}

@media screen and (max-width:767px) {
   .c-history__block--margin-left {
      margin-left: 0
   }
}

.c-history__block--margin-right {
   margin-right: 36px
}

@media screen and (max-width:767px) {
   .c-history__block--margin-right {
      margin-right: 0
   }
}

.c-history__title {
   background: radial-gradient(257.69% 457.7% at 61.18% 0, #e6e6fa 0, #bdbdff 47.92%, #c7c7ef 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
   text-fill-color: transparent;
   margin-bottom: 12px;
   font-weight: 700;
   font-size: 42px;
   line-height: 51px
}

@media screen and (max-width:767px) {
   .c-history__title {
      font-size: 24px;
      line-height: 28px
   }
}

.c-history__text {
   color: #e6e6fa;
   font-weight: 500;
   font-size: 16px;
   line-height: 20px
}

@media screen and (max-width:767px) {
   .c-history__text {
      font-size: 14px;
      line-height: 18px
   }
}

.c-history__link {
   display: -ms-inline-flexbox;
   display: inline-flex;
   -ms-flex-align: center;
   align-items: center;
   margin-top: 13px
}

.c-history__link span {
   color: #fff;
   font-weight: 600;
   font-size: 18px;
   line-height: 22px
}

.c-history__link img {
   margin-left: 4px
}

.c-about {
   margin-top: 36px
}

.c-about__wrapper {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-pack: justify;
   justify-content: space-between
}

@media screen and (max-width:992px) {
   .c-about__wrapper {
      -ms-flex-direction: column;
      flex-direction: column
   }
}

.c-about__row {
   margin-right: 32px
}

@media screen and (max-width:992px) {
   .c-about__row {
      margin: 0 0 10px
   }
}

.c-about__title {
   color: #fff;
   font-weight: 700;
   font-size: 42px;
   line-height: 51px;
   margin-bottom: 32px
}

.c-about__text {
   padding-left: 40px;
   font-weight: 400;
   font-size: 16px;
   line-height: 20px;
   color: #fff
}

@media screen and (max-width:767px) {
   .c-about__text {
      padding: 0
   }
}

@media screen and (max-width:1199px) {
   .c-about__img {
      width: 500px
   }
}

@media screen and (max-width:992px) {
   .c-about__img {
      width: auto
   }
}

@media screen and (max-width:767px) {
   .c-about__img {
      display: none
   }
}

.c-contact {
   margin-top: 36px
}

.c-contact__wrapper {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: start;
   align-items: flex-start
}

.c-contact__info {
   margin-right: 32px;
   max-width: 465px;
   width: 100%
}

.c-contact__title {
   margin-bottom: 32px;
   font-weight: 700;
   font-size: 42px;
   line-height: 51px;
   color: #fff
}

.c-contact__list {
   margin-left: 40px
}

.c-contact__list-item {
   margin-bottom: 32px
}

.c-contact__list-link {
   display: -ms-inline-flexbox;
   display: inline-flex;
   -ms-flex-align: start;
   align-items: flex-start
}

.c-contact__list-link span {
   font-weight: 400;
   font-size: 16px;
   line-height: 20px;
   color: #fff;
   transition: all .3s
}

.c-contact__list-link:hover span {
   color: #3a3a3a
}

.c-contact__list-link img {
   margin-right: 10px;
   display: block
}

.c-products {
   margin: 36px auto 0
}

.c-products__title {
   margin-bottom: 32px;
   font-weight: 700;
   font-size: 42px;
   line-height: 51px;
   color: #fff
}

.c-products__wrapper {
   margin-left: 40px
}

@media screen and (max-width:767px) {
   .c-products__wrapper {
      margin: 30px 0 0
   }
}

.c-products__text {
   color: #fff;
   font-weight: 400;
   font-size: 16px;
   line-height: 20px;
   max-width: 780px;
}

.c-products__text li {
   margin-bottom: 12px;
}

.c-products__text--bold {
   font-weight: 700
}

.c-products__text--margin-left {
   margin-left: 40px;
   max-width: 820px;
   width: 100%
}

@media screen and (max-width:767px) {
   .c-products__text--margin-left {
      margin-left: 0
   }
}

.c-products__heading {
   font-weight: 700;
   font-size: 24px;
   line-height: 29px;
   color: #fff;
   margin-bottom: 16px
}

.c-products__block {
   padding: 32px 0;
   display: -ms-flexbox;
   display: flex;
   img {
      margin-top: -7%;
      width: 50%;
   }
}

@media screen and (max-width:999px) {
   .c-products__block {
      -ms-flex-align: start;
      align-items: flex-start
   }
}

@media screen and (max-width:767px) {
   .c-products__block {
      padding: 20px 0
   }
}

.c-products__block .c-products__text {
   margin-bottom: 16px
}

.c-products__info {
   max-width: 830px;
   width: 100%;
   margin-right: 32px
}

@media screen and (max-width:767px) {
   .c-products__info {
      margin-right: 0
   }
}

.c-products__list-item {
   padding-bottom: 24px;
   margin-bottom: 24px;
   border-bottom: 1px solid #5e5e6c
}

.c-products__list-text {
   color: #fff;
   font-weight: 400;
   font-size: 16px;
   line-height: 20px
}

@media screen and (max-width:767px) {
   .c-products__img {
      display: none
   }
}

.c-services {
   margin-top: 42px
}

.c-services__content {
   color: #fff;
   display: none
}

.c-services__content.active {
   display: block
}

.c-services__nav {
   max-width: 300px;
   width: 100%;
   margin-right: 32px
}

@media screen and (max-width:879px) {
   .c-services__nav {
      margin: 0 0 40px
   }
}

.c-services__nav-item {
   margin-bottom: 24px
}

.c-services__nav-link {
   font-weight: 400;
   font-size: 16px;
   line-height: 20px;
   color: #5e5e6c;
   transition: all .3s;
   position: relative;
   text-align: left
}

.c-services__nav-link:hover {
   color: #e6e6fa
}

.c-services__nav-link.active {
   padding-left: 19px;
   color: #e6e6fa;
   font-weight: 700
}

.c-services__nav-link.active:before {
   content: "";
   width: 4px;
   height: 4px;
   border-radius: 50%;
   position: absolute;
   top: calc(50% - 2px);
   left: 5px;
   background: #e6e6fa
}

.c-services__wrapper {
   display: -ms-flexbox;
   display: flex
}

@media screen and (max-width:879px) {
   .c-services__wrapper {
      -ms-flex-direction: column;
      flex-direction: column
   }
}

.c-card {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: start;
   align-items: flex-start;
   position: relative
}

.c-card__info {
   margin-left: 32px
}

@media screen and (max-width:567px) {
   .c-card__info {
      margin: 0
   }
}

.c-card__title {
   font-weight: 700;
   font-size: 24px;
   line-height: 29px;
   color: #fff;
   margin-bottom: 16px
}

@media screen and (max-width:567px) {
   .c-card__title {
      padding-left: 170px
   }
}

@media screen and (max-width:449px) {
   .c-card__title {
      padding: 0
   }
}

.c-card__text {
   font-weight: 400;
   font-size: 16px;
   line-height: 20px;
   color: #fff;
   margin-bottom: 16px
}

@media screen and (max-width:567px) {
   .c-card__text {
      padding-left: 170px
   }
}

@media screen and (max-width:449px) {
   .c-card__text {
      padding: 0
   }
}

.c-card__btn {
   margin-bottom: 48px
}

@media screen and (max-width:567px) {
   .c-card__btn {
      margin: 0 auto 30px;
      max-width: 100%
   }
}

.c-card__heading {
   font-weight: 700;
   font-size: 16px;
   line-height: 20px;
   color: #fff;
   margin-bottom: 16px
}

.c-card__list-item {
   padding-bottom: 24px;
   margin-bottom: 24px;
   border-bottom: 1px solid #5e5e6c
}

@media screen and (max-width:767px) {
   .c-card__img {
      width: 150px
   }
}

@media screen and (max-width:567px) {
   .c-card__img {
      position: absolute;
      top: 0;
      left: 0
   }
}

@media screen and (max-width:449px) {
   .c-card__img {
      display: none
   }
}

/* updates */
.accordion {
   margin: 60px 0 30px;
}
.accordion-top {
   font-family: Montserrat, sans-serif;
   display: flex;
   justify-content: space-between;
   align-items: center;
   cursor: pointer;
   padding: 35px 36px 35px 0;
   p {
      color: #5E5E6C;
      font-size: 24px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
   }
   svg {
      height: 7px;
      transition: transform 0.3s ease;
      path {
         transition: transform 0.3s ease;
      }
   }
}
.accordion-item {
   border-top: 1px solid rgba(245, 245, 247, 0.20);
   &:last-child {
      border-bottom: 1px solid rgba(245, 245, 247, 0.20);
   }
   &.active {
      .accordion-body {
         height: 100%;
         padding: 0 40px 35px;
      }
      svg {
         transform: rotate(180deg);
      }
      .accordion-top {
         p {
            color: #FFF;
            font-weight: 700;
         }
         svg path {
            stroke: #F5F5F7;
         }
      }
   }
}
.accordion-body {
   overflow: hidden;
   height: 0;
   color: #FFF;
   font-size: 16px;
   line-height: normal;
   display: flex;
   justify-content: space-between;
   gap: 20px;
   & > div,  p {
      width: 50%;
      max-width: 514px;
   }
   span.accordion-body-title {
      font-weight: 600;
      display: block;
   }
   ul {
      list-style: disc;
      margin-left: 20px;
   }
}

@media screen and (max-width:767px) {
   .accordion-body {
      flex-direction: column;
      p, & > div {
         width: 100%;
         max-width: 100%;
      }
   }
   .accordion-item.active .accordion-body {
      padding: 0 20px 35px;
   }
}