/* 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 {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   -ms-overflow-style: scrollbar
}

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

.container {
   width: 100%;
   margin-right: auto;
   margin-left: auto;
   max-width: 320px
}

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

@media (min-width:1024px) {
   .container {
      max-width: 900px
   }
}

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

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

.row {
   display: -webkit-box;
   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;
   -webkit-box-flex: 1;
   -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,
.col-auto {
   -webkit-box-flex: 0
}

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

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

.col-2,
.col-3 {
   -webkit-box-flex: 0
}

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

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

.col-4,
.col-5 {
   -webkit-box-flex: 0
}

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

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

.col-6,
.col-7 {
   -webkit-box-flex: 0
}

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

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

.col-8,
.col-9 {
   -webkit-box-flex: 0
}

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

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

.col-10,
.col-11 {
   -webkit-box-flex: 0
}

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

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

.order-first {
   -webkit-box-ordinal-group: 0;
   -ms-flex-order: -1;
   order: -1
}

.order-last {
   -webkit-box-ordinal-group: 14;
   -ms-flex-order: 13;
   order: 13
}

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

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

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

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

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

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

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

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

.order-8 {
   -webkit-box-ordinal-group: 9;
   -ms-flex-order: 8;
   order: 8
}

.order-9 {
   -webkit-box-ordinal-group: 10;
   -ms-flex-order: 9;
   order: 9
}

.order-10 {
   -webkit-box-ordinal-group: 11;
   -ms-flex-order: 10;
   order: 10
}

.order-11 {
   -webkit-box-ordinal-group: 12;
   -ms-flex-order: 11;
   order: 11
}

.order-12 {
   -webkit-box-ordinal-group: 13;
   -ms-flex-order: 12;
   order: 12
}

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

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

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

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

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

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

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

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

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

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

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

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

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

   .col-sm-1 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 8.33333%;
      flex: 0 0 8.33333%;
      max-width: 8.33333%
   }

   .col-sm-2 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 16.66667%;
      flex: 0 0 16.66667%;
      max-width: 16.66667%
   }

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

   .col-sm-4 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
      max-width: 33.33333%
   }

   .col-sm-5 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 41.66667%;
      flex: 0 0 41.66667%;
      max-width: 41.66667%
   }

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

   .col-sm-7 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 58.33333%;
      flex: 0 0 58.33333%;
      max-width: 58.33333%
   }

   .col-sm-8 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 66.66667%;
      flex: 0 0 66.66667%;
      max-width: 66.66667%
   }

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

   .col-sm-10 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 83.33333%;
      flex: 0 0 83.33333%;
      max-width: 83.33333%
   }

   .col-sm-11 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 91.66667%;
      flex: 0 0 91.66667%;
      max-width: 91.66667%
   }

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

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

   .order-sm-last {
      -webkit-box-ordinal-group: 14;
      -ms-flex-order: 13;
      order: 13
   }

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

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

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

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

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

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

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

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

   .order-sm-8 {
      -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
      order: 8
   }

   .order-sm-9 {
      -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
      order: 9
   }

   .order-sm-10 {
      -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
      order: 10
   }

   .order-sm-11 {
      -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
      order: 11
   }

   .order-sm-12 {
      -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
      order: 12
   }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

   .col-md-1 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 8.33333%;
      flex: 0 0 8.33333%;
      max-width: 8.33333%
   }

   .col-md-2 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 16.66667%;
      flex: 0 0 16.66667%;
      max-width: 16.66667%
   }

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

   .col-md-4 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
      max-width: 33.33333%
   }

   .col-md-5 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 41.66667%;
      flex: 0 0 41.66667%;
      max-width: 41.66667%
   }

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

   .col-md-7 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 58.33333%;
      flex: 0 0 58.33333%;
      max-width: 58.33333%
   }

   .col-md-8 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 66.66667%;
      flex: 0 0 66.66667%;
      max-width: 66.66667%
   }

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

   .col-md-10 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 83.33333%;
      flex: 0 0 83.33333%;
      max-width: 83.33333%
   }

   .col-md-11 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 91.66667%;
      flex: 0 0 91.66667%;
      max-width: 91.66667%
   }

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

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

   .order-md-last {
      -webkit-box-ordinal-group: 14;
      -ms-flex-order: 13;
      order: 13
   }

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

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

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

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

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

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

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

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

   .order-md-8 {
      -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
      order: 8
   }

   .order-md-9 {
      -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
      order: 9
   }

   .order-md-10 {
      -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
      order: 10
   }

   .order-md-11 {
      -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
      order: 11
   }

   .order-md-12 {
      -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
      order: 12
   }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

   .col-lg-1 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 8.33333%;
      flex: 0 0 8.33333%;
      max-width: 8.33333%
   }

   .col-lg-2 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 16.66667%;
      flex: 0 0 16.66667%;
      max-width: 16.66667%
   }

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

   .col-lg-4 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
      max-width: 33.33333%
   }

   .col-lg-5 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 41.66667%;
      flex: 0 0 41.66667%;
      max-width: 41.66667%
   }

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

   .col-lg-7 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 58.33333%;
      flex: 0 0 58.33333%;
      max-width: 58.33333%
   }

   .col-lg-8 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 66.66667%;
      flex: 0 0 66.66667%;
      max-width: 66.66667%
   }

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

   .col-lg-10 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 83.33333%;
      flex: 0 0 83.33333%;
      max-width: 83.33333%
   }

   .col-lg-11 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 91.66667%;
      flex: 0 0 91.66667%;
      max-width: 91.66667%
   }

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

   .order-lg-first {
      -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
      order: -1
   }

   .order-lg-last {
      -webkit-box-ordinal-group: 14;
      -ms-flex-order: 13;
      order: 13
   }

   .order-lg-0 {
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
      order: 0
   }

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

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

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

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

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

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

   .order-lg-7 {
      -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
      order: 7
   }

   .order-lg-8 {
      -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
      order: 8
   }

   .order-lg-9 {
      -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
      order: 9
   }

   .order-lg-10 {
      -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
      order: 10
   }

   .order-lg-11 {
      -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
      order: 11
   }

   .order-lg-12 {
      -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
      order: 12
   }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

   .col-xl-1 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 8.33333%;
      flex: 0 0 8.33333%;
      max-width: 8.33333%
   }

   .col-xl-2 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 16.66667%;
      flex: 0 0 16.66667%;
      max-width: 16.66667%
   }

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

   .col-xl-4 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
      max-width: 33.33333%
   }

   .col-xl-5 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 41.66667%;
      flex: 0 0 41.66667%;
      max-width: 41.66667%
   }

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

   .col-xl-7 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 58.33333%;
      flex: 0 0 58.33333%;
      max-width: 58.33333%
   }

   .col-xl-8 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 66.66667%;
      flex: 0 0 66.66667%;
      max-width: 66.66667%
   }

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

   .col-xl-10 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 83.33333%;
      flex: 0 0 83.33333%;
      max-width: 83.33333%
   }

   .col-xl-11 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 91.66667%;
      flex: 0 0 91.66667%;
      max-width: 91.66667%
   }

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

   .order-xl-first {
      -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
      order: -1
   }

   .order-xl-last {
      -webkit-box-ordinal-group: 14;
      -ms-flex-order: 13;
      order: 13
   }

   .order-xl-0 {
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
      order: 0
   }

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

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

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

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

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

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

   .order-xl-7 {
      -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
      order: 7
   }

   .order-xl-8 {
      -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
      order: 8
   }

   .order-xl-9 {
      -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
      order: 9
   }

   .order-xl-10 {
      -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
      order: 10
   }

   .order-xl-11 {
      -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
      order: 11
   }

   .order-xl-12 {
      -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
      order: 12
   }

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

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

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

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

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

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

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

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

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

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

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

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

.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: -webkit-box !important;
   display: -ms-flexbox !important;
   display: flex !important
}

.d-inline-flex {
   display: -webkit-inline-box !important;
   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: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important
   }

   .d-sm-inline-flex {
      display: -webkit-inline-box !important;
      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: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important
   }

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

@media (min-width:1024px) {
   .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: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important
   }

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

@media (min-width:1400px) {
   .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: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important
   }

   .d-xl-inline-flex {
      display: -webkit-inline-box !important;
      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: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important
   }

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

.flex-row {
   -webkit-box-orient: horizontal !important;
   -ms-flex-direction: row !important;
   flex-direction: row !important
}

.flex-column,
.flex-row {
   -webkit-box-direction: normal !important
}

.flex-column {
   -webkit-box-orient: vertical !important;
   -ms-flex-direction: column !important;
   flex-direction: column !important
}

.flex-row-reverse {
   -webkit-box-orient: horizontal !important;
   -ms-flex-direction: row-reverse !important;
   flex-direction: row-reverse !important
}

.flex-column-reverse,
.flex-row-reverse {
   -webkit-box-direction: reverse !important
}

.flex-column-reverse {
   -webkit-box-orient: vertical !important;
   -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 {
   -webkit-box-flex: 1 !important;
   -ms-flex: 1 1 auto !important;
   flex: 1 1 auto !important
}

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

.flex-grow-1 {
   -webkit-box-flex: 1 !important;
   -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 {
   -webkit-box-pack: start !important;
   -ms-flex-pack: start !important;
   justify-content: flex-start !important
}

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

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

.justify-content-between {
   -webkit-box-pack: justify !important;
   -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 {
   -webkit-box-align: start !important;
   -ms-flex-align: start !important;
   align-items: flex-start !important
}

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

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

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

.align-items-stretch {
   -webkit-box-align: stretch !important;
   -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 {
      -webkit-box-orient: horizontal !important;
      -ms-flex-direction: row !important;
      flex-direction: row !important
   }

   .flex-sm-column,
   .flex-sm-row {
      -webkit-box-direction: normal !important
   }

   .flex-sm-column {
      -webkit-box-orient: vertical !important;
      -ms-flex-direction: column !important;
      flex-direction: column !important
   }

   .flex-sm-row-reverse {
      -webkit-box-orient: horizontal !important;
      -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
      flex-direction: row-reverse !important
   }

   .flex-sm-column-reverse {
      -webkit-box-orient: vertical !important;
      -webkit-box-direction: reverse !important;
      -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 {
      -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 auto !important;
      flex: 1 1 auto !important
   }

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

   .flex-sm-grow-1 {
      -webkit-box-flex: 1 !important;
      -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 {
      -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
      justify-content: flex-start !important
   }

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

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

   .justify-content-sm-between {
      -webkit-box-pack: justify !important;
      -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 {
      -webkit-box-align: start !important;
      -ms-flex-align: start !important;
      align-items: flex-start !important
   }

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

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

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

   .align-items-sm-stretch {
      -webkit-box-align: stretch !important;
      -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 {
      -webkit-box-orient: horizontal !important;
      -ms-flex-direction: row !important;
      flex-direction: row !important
   }

   .flex-md-column,
   .flex-md-row {
      -webkit-box-direction: normal !important
   }

   .flex-md-column {
      -webkit-box-orient: vertical !important;
      -ms-flex-direction: column !important;
      flex-direction: column !important
   }

   .flex-md-row-reverse {
      -webkit-box-orient: horizontal !important;
      -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
      flex-direction: row-reverse !important
   }

   .flex-md-column-reverse {
      -webkit-box-orient: vertical !important;
      -webkit-box-direction: reverse !important;
      -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 {
      -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 auto !important;
      flex: 1 1 auto !important
   }

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

   .flex-md-grow-1 {
      -webkit-box-flex: 1 !important;
      -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 {
      -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
      justify-content: flex-start !important
   }

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

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

   .justify-content-md-between {
      -webkit-box-pack: justify !important;
      -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 {
      -webkit-box-align: start !important;
      -ms-flex-align: start !important;
      align-items: flex-start !important
   }

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

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

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

   .align-items-md-stretch {
      -webkit-box-align: stretch !important;
      -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:1024px) {
   .flex-lg-row {
      -webkit-box-orient: horizontal !important;
      -ms-flex-direction: row !important;
      flex-direction: row !important
   }

   .flex-lg-column,
   .flex-lg-row {
      -webkit-box-direction: normal !important
   }

   .flex-lg-column {
      -webkit-box-orient: vertical !important;
      -ms-flex-direction: column !important;
      flex-direction: column !important
   }

   .flex-lg-row-reverse {
      -webkit-box-orient: horizontal !important;
      -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
      flex-direction: row-reverse !important
   }

   .flex-lg-column-reverse {
      -webkit-box-orient: vertical !important;
      -webkit-box-direction: reverse !important;
      -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 {
      -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 auto !important;
      flex: 1 1 auto !important
   }

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

   .flex-lg-grow-1 {
      -webkit-box-flex: 1 !important;
      -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 {
      -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
      justify-content: flex-start !important
   }

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

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

   .justify-content-lg-between {
      -webkit-box-pack: justify !important;
      -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 {
      -webkit-box-align: start !important;
      -ms-flex-align: start !important;
      align-items: flex-start !important
   }

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

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

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

   .align-items-lg-stretch {
      -webkit-box-align: stretch !important;
      -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:1400px) {
   .flex-xl-row {
      -webkit-box-orient: horizontal !important;
      -ms-flex-direction: row !important;
      flex-direction: row !important
   }

   .flex-xl-column,
   .flex-xl-row {
      -webkit-box-direction: normal !important
   }

   .flex-xl-column {
      -webkit-box-orient: vertical !important;
      -ms-flex-direction: column !important;
      flex-direction: column !important
   }

   .flex-xl-row-reverse {
      -webkit-box-orient: horizontal !important;
      -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
      flex-direction: row-reverse !important
   }

   .flex-xl-column-reverse {
      -webkit-box-orient: vertical !important;
      -webkit-box-direction: reverse !important;
      -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 {
      -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 auto !important;
      flex: 1 1 auto !important
   }

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

   .flex-xl-grow-1 {
      -webkit-box-flex: 1 !important;
      -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 {
      -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
      justify-content: flex-start !important
   }

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

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

   .justify-content-xl-between {
      -webkit-box-pack: justify !important;
      -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 {
      -webkit-box-align: start !important;
      -ms-flex-align: start !important;
      align-items: flex-start !important
   }

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

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

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

   .align-items-xl-stretch {
      -webkit-box-align: stretch !important;
      -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
   }
}

.w-25 {
   width: 25% !important
}

.w-50 {
   width: 50% !important
}

.w-75 {
   width: 75% !important
}

.w-100 {
   width: 100% !important
}

.w-auto {
   width: auto !important
}

.h-25 {
   height: 25% !important
}

.h-50 {
   height: 50% !important
}

.h-75 {
   height: 75% !important
}

.h-100 {
   height: 100% !important
}

.h-auto {
   height: auto !important
}

.mw-100 {
   max-width: 100% !important
}

.mh-100 {
   max-height: 100% !important
}

.min-vw-100 {
   min-width: 100vw !important
}

.min-vh-100 {
   min-height: 100vh !important
}

.vw-100 {
   width: 100vw !important
}

.vh-100 {
   height: 100vh !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: 10px !important
}

.mt-1,
.my-1 {
   margin-top: 10px !important
}

.mr-1,
.mx-1 {
   margin-right: 10px !important
}

.mb-1,
.my-1 {
   margin-bottom: 10px !important
}

.ml-1,
.mx-1 {
   margin-left: 10px !important
}

.m-2 {
   margin: 20px !important
}

.mt-2,
.my-2 {
   margin-top: 20px !important
}

.mr-2,
.mx-2 {
   margin-right: 20px !important
}

.mb-2,
.my-2 {
   margin-bottom: 20px !important
}

.ml-2,
.mx-2 {
   margin-left: 20px !important
}

.m-3 {
   margin: 30px !important
}

.mt-3,
.my-3 {
   margin-top: 30px !important
}

.mr-3,
.mx-3 {
   margin-right: 30px !important
}

.mb-3,
.my-3 {
   margin-bottom: 30px !important
}

.ml-3,
.mx-3 {
   margin-left: 30px !important
}

.m-4 {
   margin: 40px !important
}

.mt-4,
.my-4 {
   margin-top: 40px !important
}

.mr-4,
.mx-4 {
   margin-right: 40px !important
}

.mb-4,
.my-4 {
   margin-bottom: 40px !important
}

.ml-4,
.mx-4 {
   margin-left: 40px !important
}

.m-5 {
   margin: 50px !important
}

.mt-5,
.my-5 {
   margin-top: 50px !important
}

.mr-5,
.mx-5 {
   margin-right: 50px !important
}

.mb-5,
.my-5 {
   margin-bottom: 50px !important
}

.ml-5,
.mx-5 {
   margin-left: 50px !important
}

.m-6 {
   margin: 60px !important
}

.mt-6,
.my-6 {
   margin-top: 60px !important
}

.mr-6,
.mx-6 {
   margin-right: 60px !important
}

.mb-6,
.my-6 {
   margin-bottom: 60px !important
}

.ml-6,
.mx-6 {
   margin-left: 60px !important
}

.m-7 {
   margin: 70px !important
}

.mt-7,
.my-7 {
   margin-top: 70px !important
}

.mr-7,
.mx-7 {
   margin-right: 70px !important
}

.mb-7,
.my-7 {
   margin-bottom: 70px !important
}

.ml-7,
.mx-7 {
   margin-left: 70px !important
}

.m-8 {
   margin: 80px !important
}

.mt-8,
.my-8 {
   margin-top: 80px !important
}

.mr-8,
.mx-8 {
   margin-right: 80px !important
}

.mb-8,
.my-8 {
   margin-bottom: 80px !important
}

.ml-8,
.mx-8 {
   margin-left: 80px !important
}

.m-9 {
   margin: 90px !important
}

.mt-9,
.my-9 {
   margin-top: 90px !important
}

.mr-9,
.mx-9 {
   margin-right: 90px !important
}

.mb-9,
.my-9 {
   margin-bottom: 90px !important
}

.ml-9,
.mx-9 {
   margin-left: 90px !important
}

.m-10 {
   margin: 100px !important
}

.mt-10,
.my-10 {
   margin-top: 100px !important
}

.mr-10,
.mx-10 {
   margin-right: 100px !important
}

.mb-10,
.my-10 {
   margin-bottom: 100px !important
}

.ml-10,
.mx-10 {
   margin-left: 100px !important
}

.m-11 {
   margin: 110px !important
}

.mt-11,
.my-11 {
   margin-top: 110px !important
}

.mr-11,
.mx-11 {
   margin-right: 110px !important
}

.mb-11,
.my-11 {
   margin-bottom: 110px !important
}

.ml-11,
.mx-11 {
   margin-left: 110px !important
}

.m-12 {
   margin: 120px !important
}

.mt-12,
.my-12 {
   margin-top: 120px !important
}

.mr-12,
.mx-12 {
   margin-right: 120px !important
}

.mb-12,
.my-12 {
   margin-bottom: 120px !important
}

.ml-12,
.mx-12 {
   margin-left: 120px !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: 10px !important
}

.pt-1,
.py-1 {
   padding-top: 10px !important
}

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

.pb-1,
.py-1 {
   padding-bottom: 10px !important
}

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

.p-2 {
   padding: 20px !important
}

.pt-2,
.py-2 {
   padding-top: 20px !important
}

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

.pb-2,
.py-2 {
   padding-bottom: 20px !important
}

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

.p-3 {
   padding: 30px !important
}

.pt-3,
.py-3 {
   padding-top: 30px !important
}

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

.pb-3,
.py-3 {
   padding-bottom: 30px !important
}

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

.p-4 {
   padding: 40px !important
}

.pt-4,
.py-4 {
   padding-top: 40px !important
}

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

.pb-4,
.py-4 {
   padding-bottom: 40px !important
}

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

.p-5 {
   padding: 50px !important
}

.pt-5,
.py-5 {
   padding-top: 50px !important
}

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

.pb-5,
.py-5 {
   padding-bottom: 50px !important
}

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

.p-6 {
   padding: 60px !important
}

.pt-6,
.py-6 {
   padding-top: 60px !important
}

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

.pb-6,
.py-6 {
   padding-bottom: 60px !important
}

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

.p-7 {
   padding: 70px !important
}

.pt-7,
.py-7 {
   padding-top: 70px !important
}

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

.pb-7,
.py-7 {
   padding-bottom: 70px !important
}

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

.p-8 {
   padding: 80px !important
}

.pt-8,
.py-8 {
   padding-top: 80px !important
}

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

.pb-8,
.py-8 {
   padding-bottom: 80px !important
}

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

.p-9 {
   padding: 90px !important
}

.pt-9,
.py-9 {
   padding-top: 90px !important
}

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

.pb-9,
.py-9 {
   padding-bottom: 90px !important
}

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

.p-10 {
   padding: 100px !important
}

.pt-10,
.py-10 {
   padding-top: 100px !important
}

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

.pb-10,
.py-10 {
   padding-bottom: 100px !important
}

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

.p-11 {
   padding: 110px !important
}

.pt-11,
.py-11 {
   padding-top: 110px !important
}

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

.pb-11,
.py-11 {
   padding-bottom: 110px !important
}

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

.p-12 {
   padding: 120px !important
}

.pt-12,
.py-12 {
   padding-top: 120px !important
}

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

.pb-12,
.py-12 {
   padding-bottom: 120px !important
}

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

.m-n1 {
   margin: -10px !important
}

.mt-n1,
.my-n1 {
   margin-top: -10px !important
}

.mr-n1,
.mx-n1 {
   margin-right: -10px !important
}

.mb-n1,
.my-n1 {
   margin-bottom: -10px !important
}

.ml-n1,
.mx-n1 {
   margin-left: -10px !important
}

.m-n2 {
   margin: -20px !important
}

.mt-n2,
.my-n2 {
   margin-top: -20px !important
}

.mr-n2,
.mx-n2 {
   margin-right: -20px !important
}

.mb-n2,
.my-n2 {
   margin-bottom: -20px !important
}

.ml-n2,
.mx-n2 {
   margin-left: -20px !important
}

.m-n3 {
   margin: -30px !important
}

.mt-n3,
.my-n3 {
   margin-top: -30px !important
}

.mr-n3,
.mx-n3 {
   margin-right: -30px !important
}

.mb-n3,
.my-n3 {
   margin-bottom: -30px !important
}

.ml-n3,
.mx-n3 {
   margin-left: -30px !important
}

.m-n4 {
   margin: -40px !important
}

.mt-n4,
.my-n4 {
   margin-top: -40px !important
}

.mr-n4,
.mx-n4 {
   margin-right: -40px !important
}

.mb-n4,
.my-n4 {
   margin-bottom: -40px !important
}

.ml-n4,
.mx-n4 {
   margin-left: -40px !important
}

.m-n5 {
   margin: -50px !important
}

.mt-n5,
.my-n5 {
   margin-top: -50px !important
}

.mr-n5,
.mx-n5 {
   margin-right: -50px !important
}

.mb-n5,
.my-n5 {
   margin-bottom: -50px !important
}

.ml-n5,
.mx-n5 {
   margin-left: -50px !important
}

.m-n6 {
   margin: -60px !important
}

.mt-n6,
.my-n6 {
   margin-top: -60px !important
}

.mr-n6,
.mx-n6 {
   margin-right: -60px !important
}

.mb-n6,
.my-n6 {
   margin-bottom: -60px !important
}

.ml-n6,
.mx-n6 {
   margin-left: -60px !important
}

.m-n7 {
   margin: -70px !important
}

.mt-n7,
.my-n7 {
   margin-top: -70px !important
}

.mr-n7,
.mx-n7 {
   margin-right: -70px !important
}

.mb-n7,
.my-n7 {
   margin-bottom: -70px !important
}

.ml-n7,
.mx-n7 {
   margin-left: -70px !important
}

.m-n8 {
   margin: -80px !important
}

.mt-n8,
.my-n8 {
   margin-top: -80px !important
}

.mr-n8,
.mx-n8 {
   margin-right: -80px !important
}

.mb-n8,
.my-n8 {
   margin-bottom: -80px !important
}

.ml-n8,
.mx-n8 {
   margin-left: -80px !important
}

.m-n9 {
   margin: -90px !important
}

.mt-n9,
.my-n9 {
   margin-top: -90px !important
}

.mr-n9,
.mx-n9 {
   margin-right: -90px !important
}

.mb-n9,
.my-n9 {
   margin-bottom: -90px !important
}

.ml-n9,
.mx-n9 {
   margin-left: -90px !important
}

.m-n10 {
   margin: -100px !important
}

.mt-n10,
.my-n10 {
   margin-top: -100px !important
}

.mr-n10,
.mx-n10 {
   margin-right: -100px !important
}

.mb-n10,
.my-n10 {
   margin-bottom: -100px !important
}

.ml-n10,
.mx-n10 {
   margin-left: -100px !important
}

.m-n11 {
   margin: -110px !important
}

.mt-n11,
.my-n11 {
   margin-top: -110px !important
}

.mr-n11,
.mx-n11 {
   margin-right: -110px !important
}

.mb-n11,
.my-n11 {
   margin-bottom: -110px !important
}

.ml-n11,
.mx-n11 {
   margin-left: -110px !important
}

.m-n12 {
   margin: -120px !important
}

.mt-n12,
.my-n12 {
   margin-top: -120px !important
}

.mr-n12,
.mx-n12 {
   margin-right: -120px !important
}

.mb-n12,
.my-n12 {
   margin-bottom: -120px !important
}

.ml-n12,
.mx-n12 {
   margin-left: -120px !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: 10px !important
   }

   .mt-sm-1,
   .my-sm-1 {
      margin-top: 10px !important
   }

   .mr-sm-1,
   .mx-sm-1 {
      margin-right: 10px !important
   }

   .mb-sm-1,
   .my-sm-1 {
      margin-bottom: 10px !important
   }

   .ml-sm-1,
   .mx-sm-1 {
      margin-left: 10px !important
   }

   .m-sm-2 {
      margin: 20px !important
   }

   .mt-sm-2,
   .my-sm-2 {
      margin-top: 20px !important
   }

   .mr-sm-2,
   .mx-sm-2 {
      margin-right: 20px !important
   }

   .mb-sm-2,
   .my-sm-2 {
      margin-bottom: 20px !important
   }

   .ml-sm-2,
   .mx-sm-2 {
      margin-left: 20px !important
   }

   .m-sm-3 {
      margin: 30px !important
   }

   .mt-sm-3,
   .my-sm-3 {
      margin-top: 30px !important
   }

   .mr-sm-3,
   .mx-sm-3 {
      margin-right: 30px !important
   }

   .mb-sm-3,
   .my-sm-3 {
      margin-bottom: 30px !important
   }

   .ml-sm-3,
   .mx-sm-3 {
      margin-left: 30px !important
   }

   .m-sm-4 {
      margin: 40px !important
   }

   .mt-sm-4,
   .my-sm-4 {
      margin-top: 40px !important
   }

   .mr-sm-4,
   .mx-sm-4 {
      margin-right: 40px !important
   }

   .mb-sm-4,
   .my-sm-4 {
      margin-bottom: 40px !important
   }

   .ml-sm-4,
   .mx-sm-4 {
      margin-left: 40px !important
   }

   .m-sm-5 {
      margin: 50px !important
   }

   .mt-sm-5,
   .my-sm-5 {
      margin-top: 50px !important
   }

   .mr-sm-5,
   .mx-sm-5 {
      margin-right: 50px !important
   }

   .mb-sm-5,
   .my-sm-5 {
      margin-bottom: 50px !important
   }

   .ml-sm-5,
   .mx-sm-5 {
      margin-left: 50px !important
   }

   .m-sm-6 {
      margin: 60px !important
   }

   .mt-sm-6,
   .my-sm-6 {
      margin-top: 60px !important
   }

   .mr-sm-6,
   .mx-sm-6 {
      margin-right: 60px !important
   }

   .mb-sm-6,
   .my-sm-6 {
      margin-bottom: 60px !important
   }

   .ml-sm-6,
   .mx-sm-6 {
      margin-left: 60px !important
   }

   .m-sm-7 {
      margin: 70px !important
   }

   .mt-sm-7,
   .my-sm-7 {
      margin-top: 70px !important
   }

   .mr-sm-7,
   .mx-sm-7 {
      margin-right: 70px !important
   }

   .mb-sm-7,
   .my-sm-7 {
      margin-bottom: 70px !important
   }

   .ml-sm-7,
   .mx-sm-7 {
      margin-left: 70px !important
   }

   .m-sm-8 {
      margin: 80px !important
   }

   .mt-sm-8,
   .my-sm-8 {
      margin-top: 80px !important
   }

   .mr-sm-8,
   .mx-sm-8 {
      margin-right: 80px !important
   }

   .mb-sm-8,
   .my-sm-8 {
      margin-bottom: 80px !important
   }

   .ml-sm-8,
   .mx-sm-8 {
      margin-left: 80px !important
   }

   .m-sm-9 {
      margin: 90px !important
   }

   .mt-sm-9,
   .my-sm-9 {
      margin-top: 90px !important
   }

   .mr-sm-9,
   .mx-sm-9 {
      margin-right: 90px !important
   }

   .mb-sm-9,
   .my-sm-9 {
      margin-bottom: 90px !important
   }

   .ml-sm-9,
   .mx-sm-9 {
      margin-left: 90px !important
   }

   .m-sm-10 {
      margin: 100px !important
   }

   .mt-sm-10,
   .my-sm-10 {
      margin-top: 100px !important
   }

   .mr-sm-10,
   .mx-sm-10 {
      margin-right: 100px !important
   }

   .mb-sm-10,
   .my-sm-10 {
      margin-bottom: 100px !important
   }

   .ml-sm-10,
   .mx-sm-10 {
      margin-left: 100px !important
   }

   .m-sm-11 {
      margin: 110px !important
   }

   .mt-sm-11,
   .my-sm-11 {
      margin-top: 110px !important
   }

   .mr-sm-11,
   .mx-sm-11 {
      margin-right: 110px !important
   }

   .mb-sm-11,
   .my-sm-11 {
      margin-bottom: 110px !important
   }

   .ml-sm-11,
   .mx-sm-11 {
      margin-left: 110px !important
   }

   .m-sm-12 {
      margin: 120px !important
   }

   .mt-sm-12,
   .my-sm-12 {
      margin-top: 120px !important
   }

   .mr-sm-12,
   .mx-sm-12 {
      margin-right: 120px !important
   }

   .mb-sm-12,
   .my-sm-12 {
      margin-bottom: 120px !important
   }

   .ml-sm-12,
   .mx-sm-12 {
      margin-left: 120px !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: 10px !important
   }

   .pt-sm-1,
   .py-sm-1 {
      padding-top: 10px !important
   }

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

   .pb-sm-1,
   .py-sm-1 {
      padding-bottom: 10px !important
   }

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

   .p-sm-2 {
      padding: 20px !important
   }

   .pt-sm-2,
   .py-sm-2 {
      padding-top: 20px !important
   }

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

   .pb-sm-2,
   .py-sm-2 {
      padding-bottom: 20px !important
   }

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

   .p-sm-3 {
      padding: 30px !important
   }

   .pt-sm-3,
   .py-sm-3 {
      padding-top: 30px !important
   }

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

   .pb-sm-3,
   .py-sm-3 {
      padding-bottom: 30px !important
   }

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

   .p-sm-4 {
      padding: 40px !important
   }

   .pt-sm-4,
   .py-sm-4 {
      padding-top: 40px !important
   }

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

   .pb-sm-4,
   .py-sm-4 {
      padding-bottom: 40px !important
   }

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

   .p-sm-5 {
      padding: 50px !important
   }

   .pt-sm-5,
   .py-sm-5 {
      padding-top: 50px !important
   }

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

   .pb-sm-5,
   .py-sm-5 {
      padding-bottom: 50px !important
   }

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

   .p-sm-6 {
      padding: 60px !important
   }

   .pt-sm-6,
   .py-sm-6 {
      padding-top: 60px !important
   }

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

   .pb-sm-6,
   .py-sm-6 {
      padding-bottom: 60px !important
   }

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

   .p-sm-7 {
      padding: 70px !important
   }

   .pt-sm-7,
   .py-sm-7 {
      padding-top: 70px !important
   }

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

   .pb-sm-7,
   .py-sm-7 {
      padding-bottom: 70px !important
   }

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

   .p-sm-8 {
      padding: 80px !important
   }

   .pt-sm-8,
   .py-sm-8 {
      padding-top: 80px !important
   }

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

   .pb-sm-8,
   .py-sm-8 {
      padding-bottom: 80px !important
   }

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

   .p-sm-9 {
      padding: 90px !important
   }

   .pt-sm-9,
   .py-sm-9 {
      padding-top: 90px !important
   }

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

   .pb-sm-9,
   .py-sm-9 {
      padding-bottom: 90px !important
   }

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

   .p-sm-10 {
      padding: 100px !important
   }

   .pt-sm-10,
   .py-sm-10 {
      padding-top: 100px !important
   }

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

   .pb-sm-10,
   .py-sm-10 {
      padding-bottom: 100px !important
   }

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

   .p-sm-11 {
      padding: 110px !important
   }

   .pt-sm-11,
   .py-sm-11 {
      padding-top: 110px !important
   }

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

   .pb-sm-11,
   .py-sm-11 {
      padding-bottom: 110px !important
   }

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

   .p-sm-12 {
      padding: 120px !important
   }

   .pt-sm-12,
   .py-sm-12 {
      padding-top: 120px !important
   }

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

   .pb-sm-12,
   .py-sm-12 {
      padding-bottom: 120px !important
   }

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

   .m-sm-n1 {
      margin: -10px !important
   }

   .mt-sm-n1,
   .my-sm-n1 {
      margin-top: -10px !important
   }

   .mr-sm-n1,
   .mx-sm-n1 {
      margin-right: -10px !important
   }

   .mb-sm-n1,
   .my-sm-n1 {
      margin-bottom: -10px !important
   }

   .ml-sm-n1,
   .mx-sm-n1 {
      margin-left: -10px !important
   }

   .m-sm-n2 {
      margin: -20px !important
   }

   .mt-sm-n2,
   .my-sm-n2 {
      margin-top: -20px !important
   }

   .mr-sm-n2,
   .mx-sm-n2 {
      margin-right: -20px !important
   }

   .mb-sm-n2,
   .my-sm-n2 {
      margin-bottom: -20px !important
   }

   .ml-sm-n2,
   .mx-sm-n2 {
      margin-left: -20px !important
   }

   .m-sm-n3 {
      margin: -30px !important
   }

   .mt-sm-n3,
   .my-sm-n3 {
      margin-top: -30px !important
   }

   .mr-sm-n3,
   .mx-sm-n3 {
      margin-right: -30px !important
   }

   .mb-sm-n3,
   .my-sm-n3 {
      margin-bottom: -30px !important
   }

   .ml-sm-n3,
   .mx-sm-n3 {
      margin-left: -30px !important
   }

   .m-sm-n4 {
      margin: -40px !important
   }

   .mt-sm-n4,
   .my-sm-n4 {
      margin-top: -40px !important
   }

   .mr-sm-n4,
   .mx-sm-n4 {
      margin-right: -40px !important
   }

   .mb-sm-n4,
   .my-sm-n4 {
      margin-bottom: -40px !important
   }

   .ml-sm-n4,
   .mx-sm-n4 {
      margin-left: -40px !important
   }

   .m-sm-n5 {
      margin: -50px !important
   }

   .mt-sm-n5,
   .my-sm-n5 {
      margin-top: -50px !important
   }

   .mr-sm-n5,
   .mx-sm-n5 {
      margin-right: -50px !important
   }

   .mb-sm-n5,
   .my-sm-n5 {
      margin-bottom: -50px !important
   }

   .ml-sm-n5,
   .mx-sm-n5 {
      margin-left: -50px !important
   }

   .m-sm-n6 {
      margin: -60px !important
   }

   .mt-sm-n6,
   .my-sm-n6 {
      margin-top: -60px !important
   }

   .mr-sm-n6,
   .mx-sm-n6 {
      margin-right: -60px !important
   }

   .mb-sm-n6,
   .my-sm-n6 {
      margin-bottom: -60px !important
   }

   .ml-sm-n6,
   .mx-sm-n6 {
      margin-left: -60px !important
   }

   .m-sm-n7 {
      margin: -70px !important
   }

   .mt-sm-n7,
   .my-sm-n7 {
      margin-top: -70px !important
   }

   .mr-sm-n7,
   .mx-sm-n7 {
      margin-right: -70px !important
   }

   .mb-sm-n7,
   .my-sm-n7 {
      margin-bottom: -70px !important
   }

   .ml-sm-n7,
   .mx-sm-n7 {
      margin-left: -70px !important
   }

   .m-sm-n8 {
      margin: -80px !important
   }

   .mt-sm-n8,
   .my-sm-n8 {
      margin-top: -80px !important
   }

   .mr-sm-n8,
   .mx-sm-n8 {
      margin-right: -80px !important
   }

   .mb-sm-n8,
   .my-sm-n8 {
      margin-bottom: -80px !important
   }

   .ml-sm-n8,
   .mx-sm-n8 {
      margin-left: -80px !important
   }

   .m-sm-n9 {
      margin: -90px !important
   }

   .mt-sm-n9,
   .my-sm-n9 {
      margin-top: -90px !important
   }

   .mr-sm-n9,
   .mx-sm-n9 {
      margin-right: -90px !important
   }

   .mb-sm-n9,
   .my-sm-n9 {
      margin-bottom: -90px !important
   }

   .ml-sm-n9,
   .mx-sm-n9 {
      margin-left: -90px !important
   }

   .m-sm-n10 {
      margin: -100px !important
   }

   .mt-sm-n10,
   .my-sm-n10 {
      margin-top: -100px !important
   }

   .mr-sm-n10,
   .mx-sm-n10 {
      margin-right: -100px !important
   }

   .mb-sm-n10,
   .my-sm-n10 {
      margin-bottom: -100px !important
   }

   .ml-sm-n10,
   .mx-sm-n10 {
      margin-left: -100px !important
   }

   .m-sm-n11 {
      margin: -110px !important
   }

   .mt-sm-n11,
   .my-sm-n11 {
      margin-top: -110px !important
   }

   .mr-sm-n11,
   .mx-sm-n11 {
      margin-right: -110px !important
   }

   .mb-sm-n11,
   .my-sm-n11 {
      margin-bottom: -110px !important
   }

   .ml-sm-n11,
   .mx-sm-n11 {
      margin-left: -110px !important
   }

   .m-sm-n12 {
      margin: -120px !important
   }

   .mt-sm-n12,
   .my-sm-n12 {
      margin-top: -120px !important
   }

   .mr-sm-n12,
   .mx-sm-n12 {
      margin-right: -120px !important
   }

   .mb-sm-n12,
   .my-sm-n12 {
      margin-bottom: -120px !important
   }

   .ml-sm-n12,
   .mx-sm-n12 {
      margin-left: -120px !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: 10px !important
   }

   .mt-md-1,
   .my-md-1 {
      margin-top: 10px !important
   }

   .mr-md-1,
   .mx-md-1 {
      margin-right: 10px !important
   }

   .mb-md-1,
   .my-md-1 {
      margin-bottom: 10px !important
   }

   .ml-md-1,
   .mx-md-1 {
      margin-left: 10px !important
   }

   .m-md-2 {
      margin: 20px !important
   }

   .mt-md-2,
   .my-md-2 {
      margin-top: 20px !important
   }

   .mr-md-2,
   .mx-md-2 {
      margin-right: 20px !important
   }

   .mb-md-2,
   .my-md-2 {
      margin-bottom: 20px !important
   }

   .ml-md-2,
   .mx-md-2 {
      margin-left: 20px !important
   }

   .m-md-3 {
      margin: 30px !important
   }

   .mt-md-3,
   .my-md-3 {
      margin-top: 30px !important
   }

   .mr-md-3,
   .mx-md-3 {
      margin-right: 30px !important
   }

   .mb-md-3,
   .my-md-3 {
      margin-bottom: 30px !important
   }

   .ml-md-3,
   .mx-md-3 {
      margin-left: 30px !important
   }

   .m-md-4 {
      margin: 40px !important
   }

   .mt-md-4,
   .my-md-4 {
      margin-top: 40px !important
   }

   .mr-md-4,
   .mx-md-4 {
      margin-right: 40px !important
   }

   .mb-md-4,
   .my-md-4 {
      margin-bottom: 40px !important
   }

   .ml-md-4,
   .mx-md-4 {
      margin-left: 40px !important
   }

   .m-md-5 {
      margin: 50px !important
   }

   .mt-md-5,
   .my-md-5 {
      margin-top: 50px !important
   }

   .mr-md-5,
   .mx-md-5 {
      margin-right: 50px !important
   }

   .mb-md-5,
   .my-md-5 {
      margin-bottom: 50px !important
   }

   .ml-md-5,
   .mx-md-5 {
      margin-left: 50px !important
   }

   .m-md-6 {
      margin: 60px !important
   }

   .mt-md-6,
   .my-md-6 {
      margin-top: 60px !important
   }

   .mr-md-6,
   .mx-md-6 {
      margin-right: 60px !important
   }

   .mb-md-6,
   .my-md-6 {
      margin-bottom: 60px !important
   }

   .ml-md-6,
   .mx-md-6 {
      margin-left: 60px !important
   }

   .m-md-7 {
      margin: 70px !important
   }

   .mt-md-7,
   .my-md-7 {
      margin-top: 70px !important
   }

   .mr-md-7,
   .mx-md-7 {
      margin-right: 70px !important
   }

   .mb-md-7,
   .my-md-7 {
      margin-bottom: 70px !important
   }

   .ml-md-7,
   .mx-md-7 {
      margin-left: 70px !important
   }

   .m-md-8 {
      margin: 80px !important
   }

   .mt-md-8,
   .my-md-8 {
      margin-top: 80px !important
   }

   .mr-md-8,
   .mx-md-8 {
      margin-right: 80px !important
   }

   .mb-md-8,
   .my-md-8 {
      margin-bottom: 80px !important
   }

   .ml-md-8,
   .mx-md-8 {
      margin-left: 80px !important
   }

   .m-md-9 {
      margin: 90px !important
   }

   .mt-md-9,
   .my-md-9 {
      margin-top: 90px !important
   }

   .mr-md-9,
   .mx-md-9 {
      margin-right: 90px !important
   }

   .mb-md-9,
   .my-md-9 {
      margin-bottom: 90px !important
   }

   .ml-md-9,
   .mx-md-9 {
      margin-left: 90px !important
   }

   .m-md-10 {
      margin: 100px !important
   }

   .mt-md-10,
   .my-md-10 {
      margin-top: 100px !important
   }

   .mr-md-10,
   .mx-md-10 {
      margin-right: 100px !important
   }

   .mb-md-10,
   .my-md-10 {
      margin-bottom: 100px !important
   }

   .ml-md-10,
   .mx-md-10 {
      margin-left: 100px !important
   }

   .m-md-11 {
      margin: 110px !important
   }

   .mt-md-11,
   .my-md-11 {
      margin-top: 110px !important
   }

   .mr-md-11,
   .mx-md-11 {
      margin-right: 110px !important
   }

   .mb-md-11,
   .my-md-11 {
      margin-bottom: 110px !important
   }

   .ml-md-11,
   .mx-md-11 {
      margin-left: 110px !important
   }

   .m-md-12 {
      margin: 120px !important
   }

   .mt-md-12,
   .my-md-12 {
      margin-top: 120px !important
   }

   .mr-md-12,
   .mx-md-12 {
      margin-right: 120px !important
   }

   .mb-md-12,
   .my-md-12 {
      margin-bottom: 120px !important
   }

   .ml-md-12,
   .mx-md-12 {
      margin-left: 120px !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: 10px !important
   }

   .pt-md-1,
   .py-md-1 {
      padding-top: 10px !important
   }

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

   .pb-md-1,
   .py-md-1 {
      padding-bottom: 10px !important
   }

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

   .p-md-2 {
      padding: 20px !important
   }

   .pt-md-2,
   .py-md-2 {
      padding-top: 20px !important
   }

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

   .pb-md-2,
   .py-md-2 {
      padding-bottom: 20px !important
   }

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

   .p-md-3 {
      padding: 30px !important
   }

   .pt-md-3,
   .py-md-3 {
      padding-top: 30px !important
   }

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

   .pb-md-3,
   .py-md-3 {
      padding-bottom: 30px !important
   }

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

   .p-md-4 {
      padding: 40px !important
   }

   .pt-md-4,
   .py-md-4 {
      padding-top: 40px !important
   }

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

   .pb-md-4,
   .py-md-4 {
      padding-bottom: 40px !important
   }

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

   .p-md-5 {
      padding: 50px !important
   }

   .pt-md-5,
   .py-md-5 {
      padding-top: 50px !important
   }

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

   .pb-md-5,
   .py-md-5 {
      padding-bottom: 50px !important
   }

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

   .p-md-6 {
      padding: 60px !important
   }

   .pt-md-6,
   .py-md-6 {
      padding-top: 60px !important
   }

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

   .pb-md-6,
   .py-md-6 {
      padding-bottom: 60px !important
   }

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

   .p-md-7 {
      padding: 70px !important
   }

   .pt-md-7,
   .py-md-7 {
      padding-top: 70px !important
   }

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

   .pb-md-7,
   .py-md-7 {
      padding-bottom: 70px !important
   }

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

   .p-md-8 {
      padding: 80px !important
   }

   .pt-md-8,
   .py-md-8 {
      padding-top: 80px !important
   }

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

   .pb-md-8,
   .py-md-8 {
      padding-bottom: 80px !important
   }

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

   .p-md-9 {
      padding: 90px !important
   }

   .pt-md-9,
   .py-md-9 {
      padding-top: 90px !important
   }

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

   .pb-md-9,
   .py-md-9 {
      padding-bottom: 90px !important
   }

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

   .p-md-10 {
      padding: 100px !important
   }

   .pt-md-10,
   .py-md-10 {
      padding-top: 100px !important
   }

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

   .pb-md-10,
   .py-md-10 {
      padding-bottom: 100px !important
   }

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

   .p-md-11 {
      padding: 110px !important
   }

   .pt-md-11,
   .py-md-11 {
      padding-top: 110px !important
   }

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

   .pb-md-11,
   .py-md-11 {
      padding-bottom: 110px !important
   }

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

   .p-md-12 {
      padding: 120px !important
   }

   .pt-md-12,
   .py-md-12 {
      padding-top: 120px !important
   }

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

   .pb-md-12,
   .py-md-12 {
      padding-bottom: 120px !important
   }

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

   .m-md-n1 {
      margin: -10px !important
   }

   .mt-md-n1,
   .my-md-n1 {
      margin-top: -10px !important
   }

   .mr-md-n1,
   .mx-md-n1 {
      margin-right: -10px !important
   }

   .mb-md-n1,
   .my-md-n1 {
      margin-bottom: -10px !important
   }

   .ml-md-n1,
   .mx-md-n1 {
      margin-left: -10px !important
   }

   .m-md-n2 {
      margin: -20px !important
   }

   .mt-md-n2,
   .my-md-n2 {
      margin-top: -20px !important
   }

   .mr-md-n2,
   .mx-md-n2 {
      margin-right: -20px !important
   }

   .mb-md-n2,
   .my-md-n2 {
      margin-bottom: -20px !important
   }

   .ml-md-n2,
   .mx-md-n2 {
      margin-left: -20px !important
   }

   .m-md-n3 {
      margin: -30px !important
   }

   .mt-md-n3,
   .my-md-n3 {
      margin-top: -30px !important
   }

   .mr-md-n3,
   .mx-md-n3 {
      margin-right: -30px !important
   }

   .mb-md-n3,
   .my-md-n3 {
      margin-bottom: -30px !important
   }

   .ml-md-n3,
   .mx-md-n3 {
      margin-left: -30px !important
   }

   .m-md-n4 {
      margin: -40px !important
   }

   .mt-md-n4,
   .my-md-n4 {
      margin-top: -40px !important
   }

   .mr-md-n4,
   .mx-md-n4 {
      margin-right: -40px !important
   }

   .mb-md-n4,
   .my-md-n4 {
      margin-bottom: -40px !important
   }

   .ml-md-n4,
   .mx-md-n4 {
      margin-left: -40px !important
   }

   .m-md-n5 {
      margin: -50px !important
   }

   .mt-md-n5,
   .my-md-n5 {
      margin-top: -50px !important
   }

   .mr-md-n5,
   .mx-md-n5 {
      margin-right: -50px !important
   }

   .mb-md-n5,
   .my-md-n5 {
      margin-bottom: -50px !important
   }

   .ml-md-n5,
   .mx-md-n5 {
      margin-left: -50px !important
   }

   .m-md-n6 {
      margin: -60px !important
   }

   .mt-md-n6,
   .my-md-n6 {
      margin-top: -60px !important
   }

   .mr-md-n6,
   .mx-md-n6 {
      margin-right: -60px !important
   }

   .mb-md-n6,
   .my-md-n6 {
      margin-bottom: -60px !important
   }

   .ml-md-n6,
   .mx-md-n6 {
      margin-left: -60px !important
   }

   .m-md-n7 {
      margin: -70px !important
   }

   .mt-md-n7,
   .my-md-n7 {
      margin-top: -70px !important
   }

   .mr-md-n7,
   .mx-md-n7 {
      margin-right: -70px !important
   }

   .mb-md-n7,
   .my-md-n7 {
      margin-bottom: -70px !important
   }

   .ml-md-n7,
   .mx-md-n7 {
      margin-left: -70px !important
   }

   .m-md-n8 {
      margin: -80px !important
   }

   .mt-md-n8,
   .my-md-n8 {
      margin-top: -80px !important
   }

   .mr-md-n8,
   .mx-md-n8 {
      margin-right: -80px !important
   }

   .mb-md-n8,
   .my-md-n8 {
      margin-bottom: -80px !important
   }

   .ml-md-n8,
   .mx-md-n8 {
      margin-left: -80px !important
   }

   .m-md-n9 {
      margin: -90px !important
   }

   .mt-md-n9,
   .my-md-n9 {
      margin-top: -90px !important
   }

   .mr-md-n9,
   .mx-md-n9 {
      margin-right: -90px !important
   }

   .mb-md-n9,
   .my-md-n9 {
      margin-bottom: -90px !important
   }

   .ml-md-n9,
   .mx-md-n9 {
      margin-left: -90px !important
   }

   .m-md-n10 {
      margin: -100px !important
   }

   .mt-md-n10,
   .my-md-n10 {
      margin-top: -100px !important
   }

   .mr-md-n10,
   .mx-md-n10 {
      margin-right: -100px !important
   }

   .mb-md-n10,
   .my-md-n10 {
      margin-bottom: -100px !important
   }

   .ml-md-n10,
   .mx-md-n10 {
      margin-left: -100px !important
   }

   .m-md-n11 {
      margin: -110px !important
   }

   .mt-md-n11,
   .my-md-n11 {
      margin-top: -110px !important
   }

   .mr-md-n11,
   .mx-md-n11 {
      margin-right: -110px !important
   }

   .mb-md-n11,
   .my-md-n11 {
      margin-bottom: -110px !important
   }

   .ml-md-n11,
   .mx-md-n11 {
      margin-left: -110px !important
   }

   .m-md-n12 {
      margin: -120px !important
   }

   .mt-md-n12,
   .my-md-n12 {
      margin-top: -120px !important
   }

   .mr-md-n12,
   .mx-md-n12 {
      margin-right: -120px !important
   }

   .mb-md-n12,
   .my-md-n12 {
      margin-bottom: -120px !important
   }

   .ml-md-n12,
   .mx-md-n12 {
      margin-left: -120px !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:1024px) {
   .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: 10px !important
   }

   .mt-lg-1,
   .my-lg-1 {
      margin-top: 10px !important
   }

   .mr-lg-1,
   .mx-lg-1 {
      margin-right: 10px !important
   }

   .mb-lg-1,
   .my-lg-1 {
      margin-bottom: 10px !important
   }

   .ml-lg-1,
   .mx-lg-1 {
      margin-left: 10px !important
   }

   .m-lg-2 {
      margin: 20px !important
   }

   .mt-lg-2,
   .my-lg-2 {
      margin-top: 20px !important
   }

   .mr-lg-2,
   .mx-lg-2 {
      margin-right: 20px !important
   }

   .mb-lg-2,
   .my-lg-2 {
      margin-bottom: 20px !important
   }

   .ml-lg-2,
   .mx-lg-2 {
      margin-left: 20px !important
   }

   .m-lg-3 {
      margin: 30px !important
   }

   .mt-lg-3,
   .my-lg-3 {
      margin-top: 30px !important
   }

   .mr-lg-3,
   .mx-lg-3 {
      margin-right: 30px !important
   }

   .mb-lg-3,
   .my-lg-3 {
      margin-bottom: 30px !important
   }

   .ml-lg-3,
   .mx-lg-3 {
      margin-left: 30px !important
   }

   .m-lg-4 {
      margin: 40px !important
   }

   .mt-lg-4,
   .my-lg-4 {
      margin-top: 40px !important
   }

   .mr-lg-4,
   .mx-lg-4 {
      margin-right: 40px !important
   }

   .mb-lg-4,
   .my-lg-4 {
      margin-bottom: 40px !important
   }

   .ml-lg-4,
   .mx-lg-4 {
      margin-left: 40px !important
   }

   .m-lg-5 {
      margin: 50px !important
   }

   .mt-lg-5,
   .my-lg-5 {
      margin-top: 50px !important
   }

   .mr-lg-5,
   .mx-lg-5 {
      margin-right: 50px !important
   }

   .mb-lg-5,
   .my-lg-5 {
      margin-bottom: 50px !important
   }

   .ml-lg-5,
   .mx-lg-5 {
      margin-left: 50px !important
   }

   .m-lg-6 {
      margin: 60px !important
   }

   .mt-lg-6,
   .my-lg-6 {
      margin-top: 60px !important
   }

   .mr-lg-6,
   .mx-lg-6 {
      margin-right: 60px !important
   }

   .mb-lg-6,
   .my-lg-6 {
      margin-bottom: 60px !important
   }

   .ml-lg-6,
   .mx-lg-6 {
      margin-left: 60px !important
   }

   .m-lg-7 {
      margin: 70px !important
   }

   .mt-lg-7,
   .my-lg-7 {
      margin-top: 70px !important
   }

   .mr-lg-7,
   .mx-lg-7 {
      margin-right: 70px !important
   }

   .mb-lg-7,
   .my-lg-7 {
      margin-bottom: 70px !important
   }

   .ml-lg-7,
   .mx-lg-7 {
      margin-left: 70px !important
   }

   .m-lg-8 {
      margin: 80px !important
   }

   .mt-lg-8,
   .my-lg-8 {
      margin-top: 80px !important
   }

   .mr-lg-8,
   .mx-lg-8 {
      margin-right: 80px !important
   }

   .mb-lg-8,
   .my-lg-8 {
      margin-bottom: 80px !important
   }

   .ml-lg-8,
   .mx-lg-8 {
      margin-left: 80px !important
   }

   .m-lg-9 {
      margin: 90px !important
   }

   .mt-lg-9,
   .my-lg-9 {
      margin-top: 90px !important
   }

   .mr-lg-9,
   .mx-lg-9 {
      margin-right: 90px !important
   }

   .mb-lg-9,
   .my-lg-9 {
      margin-bottom: 90px !important
   }

   .ml-lg-9,
   .mx-lg-9 {
      margin-left: 90px !important
   }

   .m-lg-10 {
      margin: 100px !important
   }

   .mt-lg-10,
   .my-lg-10 {
      margin-top: 100px !important
   }

   .mr-lg-10,
   .mx-lg-10 {
      margin-right: 100px !important
   }

   .mb-lg-10,
   .my-lg-10 {
      margin-bottom: 100px !important
   }

   .ml-lg-10,
   .mx-lg-10 {
      margin-left: 100px !important
   }

   .m-lg-11 {
      margin: 110px !important
   }

   .mt-lg-11,
   .my-lg-11 {
      margin-top: 110px !important
   }

   .mr-lg-11,
   .mx-lg-11 {
      margin-right: 110px !important
   }

   .mb-lg-11,
   .my-lg-11 {
      margin-bottom: 110px !important
   }

   .ml-lg-11,
   .mx-lg-11 {
      margin-left: 110px !important
   }

   .m-lg-12 {
      margin: 120px !important
   }

   .mt-lg-12,
   .my-lg-12 {
      margin-top: 120px !important
   }

   .mr-lg-12,
   .mx-lg-12 {
      margin-right: 120px !important
   }

   .mb-lg-12,
   .my-lg-12 {
      margin-bottom: 120px !important
   }

   .ml-lg-12,
   .mx-lg-12 {
      margin-left: 120px !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: 10px !important
   }

   .pt-lg-1,
   .py-lg-1 {
      padding-top: 10px !important
   }

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

   .pb-lg-1,
   .py-lg-1 {
      padding-bottom: 10px !important
   }

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

   .p-lg-2 {
      padding: 20px !important
   }

   .pt-lg-2,
   .py-lg-2 {
      padding-top: 20px !important
   }

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

   .pb-lg-2,
   .py-lg-2 {
      padding-bottom: 20px !important
   }

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

   .p-lg-3 {
      padding: 30px !important
   }

   .pt-lg-3,
   .py-lg-3 {
      padding-top: 30px !important
   }

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

   .pb-lg-3,
   .py-lg-3 {
      padding-bottom: 30px !important
   }

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

   .p-lg-4 {
      padding: 40px !important
   }

   .pt-lg-4,
   .py-lg-4 {
      padding-top: 40px !important
   }

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

   .pb-lg-4,
   .py-lg-4 {
      padding-bottom: 40px !important
   }

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

   .p-lg-5 {
      padding: 50px !important
   }

   .pt-lg-5,
   .py-lg-5 {
      padding-top: 50px !important
   }

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

   .pb-lg-5,
   .py-lg-5 {
      padding-bottom: 50px !important
   }

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

   .p-lg-6 {
      padding: 60px !important
   }

   .pt-lg-6,
   .py-lg-6 {
      padding-top: 60px !important
   }

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

   .pb-lg-6,
   .py-lg-6 {
      padding-bottom: 60px !important
   }

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

   .p-lg-7 {
      padding: 70px !important
   }

   .pt-lg-7,
   .py-lg-7 {
      padding-top: 70px !important
   }

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

   .pb-lg-7,
   .py-lg-7 {
      padding-bottom: 70px !important
   }

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

   .p-lg-8 {
      padding: 80px !important
   }

   .pt-lg-8,
   .py-lg-8 {
      padding-top: 80px !important
   }

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

   .pb-lg-8,
   .py-lg-8 {
      padding-bottom: 80px !important
   }

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

   .p-lg-9 {
      padding: 90px !important
   }

   .pt-lg-9,
   .py-lg-9 {
      padding-top: 90px !important
   }

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

   .pb-lg-9,
   .py-lg-9 {
      padding-bottom: 90px !important
   }

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

   .p-lg-10 {
      padding: 100px !important
   }

   .pt-lg-10,
   .py-lg-10 {
      padding-top: 100px !important
   }

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

   .pb-lg-10,
   .py-lg-10 {
      padding-bottom: 100px !important
   }

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

   .p-lg-11 {
      padding: 110px !important
   }

   .pt-lg-11,
   .py-lg-11 {
      padding-top: 110px !important
   }

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

   .pb-lg-11,
   .py-lg-11 {
      padding-bottom: 110px !important
   }

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

   .p-lg-12 {
      padding: 120px !important
   }

   .pt-lg-12,
   .py-lg-12 {
      padding-top: 120px !important
   }

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

   .pb-lg-12,
   .py-lg-12 {
      padding-bottom: 120px !important
   }

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

   .m-lg-n1 {
      margin: -10px !important
   }

   .mt-lg-n1,
   .my-lg-n1 {
      margin-top: -10px !important
   }

   .mr-lg-n1,
   .mx-lg-n1 {
      margin-right: -10px !important
   }

   .mb-lg-n1,
   .my-lg-n1 {
      margin-bottom: -10px !important
   }

   .ml-lg-n1,
   .mx-lg-n1 {
      margin-left: -10px !important
   }

   .m-lg-n2 {
      margin: -20px !important
   }

   .mt-lg-n2,
   .my-lg-n2 {
      margin-top: -20px !important
   }

   .mr-lg-n2,
   .mx-lg-n2 {
      margin-right: -20px !important
   }

   .mb-lg-n2,
   .my-lg-n2 {
      margin-bottom: -20px !important
   }

   .ml-lg-n2,
   .mx-lg-n2 {
      margin-left: -20px !important
   }

   .m-lg-n3 {
      margin: -30px !important
   }

   .mt-lg-n3,
   .my-lg-n3 {
      margin-top: -30px !important
   }

   .mr-lg-n3,
   .mx-lg-n3 {
      margin-right: -30px !important
   }

   .mb-lg-n3,
   .my-lg-n3 {
      margin-bottom: -30px !important
   }

   .ml-lg-n3,
   .mx-lg-n3 {
      margin-left: -30px !important
   }

   .m-lg-n4 {
      margin: -40px !important
   }

   .mt-lg-n4,
   .my-lg-n4 {
      margin-top: -40px !important
   }

   .mr-lg-n4,
   .mx-lg-n4 {
      margin-right: -40px !important
   }

   .mb-lg-n4,
   .my-lg-n4 {
      margin-bottom: -40px !important
   }

   .ml-lg-n4,
   .mx-lg-n4 {
      margin-left: -40px !important
   }

   .m-lg-n5 {
      margin: -50px !important
   }

   .mt-lg-n5,
   .my-lg-n5 {
      margin-top: -50px !important
   }

   .mr-lg-n5,
   .mx-lg-n5 {
      margin-right: -50px !important
   }

   .mb-lg-n5,
   .my-lg-n5 {
      margin-bottom: -50px !important
   }

   .ml-lg-n5,
   .mx-lg-n5 {
      margin-left: -50px !important
   }

   .m-lg-n6 {
      margin: -60px !important
   }

   .mt-lg-n6,
   .my-lg-n6 {
      margin-top: -60px !important
   }

   .mr-lg-n6,
   .mx-lg-n6 {
      margin-right: -60px !important
   }

   .mb-lg-n6,
   .my-lg-n6 {
      margin-bottom: -60px !important
   }

   .ml-lg-n6,
   .mx-lg-n6 {
      margin-left: -60px !important
   }

   .m-lg-n7 {
      margin: -70px !important
   }

   .mt-lg-n7,
   .my-lg-n7 {
      margin-top: -70px !important
   }

   .mr-lg-n7,
   .mx-lg-n7 {
      margin-right: -70px !important
   }

   .mb-lg-n7,
   .my-lg-n7 {
      margin-bottom: -70px !important
   }

   .ml-lg-n7,
   .mx-lg-n7 {
      margin-left: -70px !important
   }

   .m-lg-n8 {
      margin: -80px !important
   }

   .mt-lg-n8,
   .my-lg-n8 {
      margin-top: -80px !important
   }

   .mr-lg-n8,
   .mx-lg-n8 {
      margin-right: -80px !important
   }

   .mb-lg-n8,
   .my-lg-n8 {
      margin-bottom: -80px !important
   }

   .ml-lg-n8,
   .mx-lg-n8 {
      margin-left: -80px !important
   }

   .m-lg-n9 {
      margin: -90px !important
   }

   .mt-lg-n9,
   .my-lg-n9 {
      margin-top: -90px !important
   }

   .mr-lg-n9,
   .mx-lg-n9 {
      margin-right: -90px !important
   }

   .mb-lg-n9,
   .my-lg-n9 {
      margin-bottom: -90px !important
   }

   .ml-lg-n9,
   .mx-lg-n9 {
      margin-left: -90px !important
   }

   .m-lg-n10 {
      margin: -100px !important
   }

   .mt-lg-n10,
   .my-lg-n10 {
      margin-top: -100px !important
   }

   .mr-lg-n10,
   .mx-lg-n10 {
      margin-right: -100px !important
   }

   .mb-lg-n10,
   .my-lg-n10 {
      margin-bottom: -100px !important
   }

   .ml-lg-n10,
   .mx-lg-n10 {
      margin-left: -100px !important
   }

   .m-lg-n11 {
      margin: -110px !important
   }

   .mt-lg-n11,
   .my-lg-n11 {
      margin-top: -110px !important
   }

   .mr-lg-n11,
   .mx-lg-n11 {
      margin-right: -110px !important
   }

   .mb-lg-n11,
   .my-lg-n11 {
      margin-bottom: -110px !important
   }

   .ml-lg-n11,
   .mx-lg-n11 {
      margin-left: -110px !important
   }

   .m-lg-n12 {
      margin: -120px !important
   }

   .mt-lg-n12,
   .my-lg-n12 {
      margin-top: -120px !important
   }

   .mr-lg-n12,
   .mx-lg-n12 {
      margin-right: -120px !important
   }

   .mb-lg-n12,
   .my-lg-n12 {
      margin-bottom: -120px !important
   }

   .ml-lg-n12,
   .mx-lg-n12 {
      margin-left: -120px !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:1400px) {
   .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: 10px !important
   }

   .mt-xl-1,
   .my-xl-1 {
      margin-top: 10px !important
   }

   .mr-xl-1,
   .mx-xl-1 {
      margin-right: 10px !important
   }

   .mb-xl-1,
   .my-xl-1 {
      margin-bottom: 10px !important
   }

   .ml-xl-1,
   .mx-xl-1 {
      margin-left: 10px !important
   }

   .m-xl-2 {
      margin: 20px !important
   }

   .mt-xl-2,
   .my-xl-2 {
      margin-top: 20px !important
   }

   .mr-xl-2,
   .mx-xl-2 {
      margin-right: 20px !important
   }

   .mb-xl-2,
   .my-xl-2 {
      margin-bottom: 20px !important
   }

   .ml-xl-2,
   .mx-xl-2 {
      margin-left: 20px !important
   }

   .m-xl-3 {
      margin: 30px !important
   }

   .mt-xl-3,
   .my-xl-3 {
      margin-top: 30px !important
   }

   .mr-xl-3,
   .mx-xl-3 {
      margin-right: 30px !important
   }

   .mb-xl-3,
   .my-xl-3 {
      margin-bottom: 30px !important
   }

   .ml-xl-3,
   .mx-xl-3 {
      margin-left: 30px !important
   }

   .m-xl-4 {
      margin: 40px !important
   }

   .mt-xl-4,
   .my-xl-4 {
      margin-top: 40px !important
   }

   .mr-xl-4,
   .mx-xl-4 {
      margin-right: 40px !important
   }

   .mb-xl-4,
   .my-xl-4 {
      margin-bottom: 40px !important
   }

   .ml-xl-4,
   .mx-xl-4 {
      margin-left: 40px !important
   }

   .m-xl-5 {
      margin: 50px !important
   }

   .mt-xl-5,
   .my-xl-5 {
      margin-top: 50px !important
   }

   .mr-xl-5,
   .mx-xl-5 {
      margin-right: 50px !important
   }

   .mb-xl-5,
   .my-xl-5 {
      margin-bottom: 50px !important
   }

   .ml-xl-5,
   .mx-xl-5 {
      margin-left: 50px !important
   }

   .m-xl-6 {
      margin: 60px !important
   }

   .mt-xl-6,
   .my-xl-6 {
      margin-top: 60px !important
   }

   .mr-xl-6,
   .mx-xl-6 {
      margin-right: 60px !important
   }

   .mb-xl-6,
   .my-xl-6 {
      margin-bottom: 60px !important
   }

   .ml-xl-6,
   .mx-xl-6 {
      margin-left: 60px !important
   }

   .m-xl-7 {
      margin: 70px !important
   }

   .mt-xl-7,
   .my-xl-7 {
      margin-top: 70px !important
   }

   .mr-xl-7,
   .mx-xl-7 {
      margin-right: 70px !important
   }

   .mb-xl-7,
   .my-xl-7 {
      margin-bottom: 70px !important
   }

   .ml-xl-7,
   .mx-xl-7 {
      margin-left: 70px !important
   }

   .m-xl-8 {
      margin: 80px !important
   }

   .mt-xl-8,
   .my-xl-8 {
      margin-top: 80px !important
   }

   .mr-xl-8,
   .mx-xl-8 {
      margin-right: 80px !important
   }

   .mb-xl-8,
   .my-xl-8 {
      margin-bottom: 80px !important
   }

   .ml-xl-8,
   .mx-xl-8 {
      margin-left: 80px !important
   }

   .m-xl-9 {
      margin: 90px !important
   }

   .mt-xl-9,
   .my-xl-9 {
      margin-top: 90px !important
   }

   .mr-xl-9,
   .mx-xl-9 {
      margin-right: 90px !important
   }

   .mb-xl-9,
   .my-xl-9 {
      margin-bottom: 90px !important
   }

   .ml-xl-9,
   .mx-xl-9 {
      margin-left: 90px !important
   }

   .m-xl-10 {
      margin: 100px !important
   }

   .mt-xl-10,
   .my-xl-10 {
      margin-top: 100px !important
   }

   .mr-xl-10,
   .mx-xl-10 {
      margin-right: 100px !important
   }

   .mb-xl-10,
   .my-xl-10 {
      margin-bottom: 100px !important
   }

   .ml-xl-10,
   .mx-xl-10 {
      margin-left: 100px !important
   }

   .m-xl-11 {
      margin: 110px !important
   }

   .mt-xl-11,
   .my-xl-11 {
      margin-top: 110px !important
   }

   .mr-xl-11,
   .mx-xl-11 {
      margin-right: 110px !important
   }

   .mb-xl-11,
   .my-xl-11 {
      margin-bottom: 110px !important
   }

   .ml-xl-11,
   .mx-xl-11 {
      margin-left: 110px !important
   }

   .m-xl-12 {
      margin: 120px !important
   }

   .mt-xl-12,
   .my-xl-12 {
      margin-top: 120px !important
   }

   .mr-xl-12,
   .mx-xl-12 {
      margin-right: 120px !important
   }

   .mb-xl-12,
   .my-xl-12 {
      margin-bottom: 120px !important
   }

   .ml-xl-12,
   .mx-xl-12 {
      margin-left: 120px !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: 10px !important
   }

   .pt-xl-1,
   .py-xl-1 {
      padding-top: 10px !important
   }

   .pr-xl-1,
   .px-xl-1 {
      padding-right: 10px !important
   }

   .pb-xl-1,
   .py-xl-1 {
      padding-bottom: 10px !important
   }

   .pl-xl-1,
   .px-xl-1 {
      padding-left: 10px !important
   }

   .p-xl-2 {
      padding: 20px !important
   }

   .pt-xl-2,
   .py-xl-2 {
      padding-top: 20px !important
   }

   .pr-xl-2,
   .px-xl-2 {
      padding-right: 20px !important
   }

   .pb-xl-2,
   .py-xl-2 {
      padding-bottom: 20px !important
   }

   .pl-xl-2,
   .px-xl-2 {
      padding-left: 20px !important
   }

   .p-xl-3 {
      padding: 30px !important
   }

   .pt-xl-3,
   .py-xl-3 {
      padding-top: 30px !important
   }

   .pr-xl-3,
   .px-xl-3 {
      padding-right: 30px !important
   }

   .pb-xl-3,
   .py-xl-3 {
      padding-bottom: 30px !important
   }

   .pl-xl-3,
   .px-xl-3 {
      padding-left: 30px !important
   }

   .p-xl-4 {
      padding: 40px !important
   }

   .pt-xl-4,
   .py-xl-4 {
      padding-top: 40px !important
   }

   .pr-xl-4,
   .px-xl-4 {
      padding-right: 40px !important
   }

   .pb-xl-4,
   .py-xl-4 {
      padding-bottom: 40px !important
   }

   .pl-xl-4,
   .px-xl-4 {
      padding-left: 40px !important
   }

   .p-xl-5 {
      padding: 50px !important
   }

   .pt-xl-5,
   .py-xl-5 {
      padding-top: 50px !important
   }

   .pr-xl-5,
   .px-xl-5 {
      padding-right: 50px !important
   }

   .pb-xl-5,
   .py-xl-5 {
      padding-bottom: 50px !important
   }

   .pl-xl-5,
   .px-xl-5 {
      padding-left: 50px !important
   }

   .p-xl-6 {
      padding: 60px !important
   }

   .pt-xl-6,
   .py-xl-6 {
      padding-top: 60px !important
   }

   .pr-xl-6,
   .px-xl-6 {
      padding-right: 60px !important
   }

   .pb-xl-6,
   .py-xl-6 {
      padding-bottom: 60px !important
   }

   .pl-xl-6,
   .px-xl-6 {
      padding-left: 60px !important
   }

   .p-xl-7 {
      padding: 70px !important
   }

   .pt-xl-7,
   .py-xl-7 {
      padding-top: 70px !important
   }

   .pr-xl-7,
   .px-xl-7 {
      padding-right: 70px !important
   }

   .pb-xl-7,
   .py-xl-7 {
      padding-bottom: 70px !important
   }

   .pl-xl-7,
   .px-xl-7 {
      padding-left: 70px !important
   }

   .p-xl-8 {
      padding: 80px !important
   }

   .pt-xl-8,
   .py-xl-8 {
      padding-top: 80px !important
   }

   .pr-xl-8,
   .px-xl-8 {
      padding-right: 80px !important
   }

   .pb-xl-8,
   .py-xl-8 {
      padding-bottom: 80px !important
   }

   .pl-xl-8,
   .px-xl-8 {
      padding-left: 80px !important
   }

   .p-xl-9 {
      padding: 90px !important
   }

   .pt-xl-9,
   .py-xl-9 {
      padding-top: 90px !important
   }

   .pr-xl-9,
   .px-xl-9 {
      padding-right: 90px !important
   }

   .pb-xl-9,
   .py-xl-9 {
      padding-bottom: 90px !important
   }

   .pl-xl-9,
   .px-xl-9 {
      padding-left: 90px !important
   }

   .p-xl-10 {
      padding: 100px !important
   }

   .pt-xl-10,
   .py-xl-10 {
      padding-top: 100px !important
   }

   .pr-xl-10,
   .px-xl-10 {
      padding-right: 100px !important
   }

   .pb-xl-10,
   .py-xl-10 {
      padding-bottom: 100px !important
   }

   .pl-xl-10,
   .px-xl-10 {
      padding-left: 100px !important
   }

   .p-xl-11 {
      padding: 110px !important
   }

   .pt-xl-11,
   .py-xl-11 {
      padding-top: 110px !important
   }

   .pr-xl-11,
   .px-xl-11 {
      padding-right: 110px !important
   }

   .pb-xl-11,
   .py-xl-11 {
      padding-bottom: 110px !important
   }

   .pl-xl-11,
   .px-xl-11 {
      padding-left: 110px !important
   }

   .p-xl-12 {
      padding: 120px !important
   }

   .pt-xl-12,
   .py-xl-12 {
      padding-top: 120px !important
   }

   .pr-xl-12,
   .px-xl-12 {
      padding-right: 120px !important
   }

   .pb-xl-12,
   .py-xl-12 {
      padding-bottom: 120px !important
   }

   .pl-xl-12,
   .px-xl-12 {
      padding-left: 120px !important
   }

   .m-xl-n1 {
      margin: -10px !important
   }

   .mt-xl-n1,
   .my-xl-n1 {
      margin-top: -10px !important
   }

   .mr-xl-n1,
   .mx-xl-n1 {
      margin-right: -10px !important
   }

   .mb-xl-n1,
   .my-xl-n1 {
      margin-bottom: -10px !important
   }

   .ml-xl-n1,
   .mx-xl-n1 {
      margin-left: -10px !important
   }

   .m-xl-n2 {
      margin: -20px !important
   }

   .mt-xl-n2,
   .my-xl-n2 {
      margin-top: -20px !important
   }

   .mr-xl-n2,
   .mx-xl-n2 {
      margin-right: -20px !important
   }

   .mb-xl-n2,
   .my-xl-n2 {
      margin-bottom: -20px !important
   }

   .ml-xl-n2,
   .mx-xl-n2 {
      margin-left: -20px !important
   }

   .m-xl-n3 {
      margin: -30px !important
   }

   .mt-xl-n3,
   .my-xl-n3 {
      margin-top: -30px !important
   }

   .mr-xl-n3,
   .mx-xl-n3 {
      margin-right: -30px !important
   }

   .mb-xl-n3,
   .my-xl-n3 {
      margin-bottom: -30px !important
   }

   .ml-xl-n3,
   .mx-xl-n3 {
      margin-left: -30px !important
   }

   .m-xl-n4 {
      margin: -40px !important
   }

   .mt-xl-n4,
   .my-xl-n4 {
      margin-top: -40px !important
   }

   .mr-xl-n4,
   .mx-xl-n4 {
      margin-right: -40px !important
   }

   .mb-xl-n4,
   .my-xl-n4 {
      margin-bottom: -40px !important
   }

   .ml-xl-n4,
   .mx-xl-n4 {
      margin-left: -40px !important
   }

   .m-xl-n5 {
      margin: -50px !important
   }

   .mt-xl-n5,
   .my-xl-n5 {
      margin-top: -50px !important
   }

   .mr-xl-n5,
   .mx-xl-n5 {
      margin-right: -50px !important
   }

   .mb-xl-n5,
   .my-xl-n5 {
      margin-bottom: -50px !important
   }

   .ml-xl-n5,
   .mx-xl-n5 {
      margin-left: -50px !important
   }

   .m-xl-n6 {
      margin: -60px !important
   }

   .mt-xl-n6,
   .my-xl-n6 {
      margin-top: -60px !important
   }

   .mr-xl-n6,
   .mx-xl-n6 {
      margin-right: -60px !important
   }

   .mb-xl-n6,
   .my-xl-n6 {
      margin-bottom: -60px !important
   }

   .ml-xl-n6,
   .mx-xl-n6 {
      margin-left: -60px !important
   }

   .m-xl-n7 {
      margin: -70px !important
   }

   .mt-xl-n7,
   .my-xl-n7 {
      margin-top: -70px !important
   }

   .mr-xl-n7,
   .mx-xl-n7 {
      margin-right: -70px !important
   }

   .mb-xl-n7,
   .my-xl-n7 {
      margin-bottom: -70px !important
   }

   .ml-xl-n7,
   .mx-xl-n7 {
      margin-left: -70px !important
   }

   .m-xl-n8 {
      margin: -80px !important
   }

   .mt-xl-n8,
   .my-xl-n8 {
      margin-top: -80px !important
   }

   .mr-xl-n8,
   .mx-xl-n8 {
      margin-right: -80px !important
   }

   .mb-xl-n8,
   .my-xl-n8 {
      margin-bottom: -80px !important
   }

   .ml-xl-n8,
   .mx-xl-n8 {
      margin-left: -80px !important
   }

   .m-xl-n9 {
      margin: -90px !important
   }

   .mt-xl-n9,
   .my-xl-n9 {
      margin-top: -90px !important
   }

   .mr-xl-n9,
   .mx-xl-n9 {
      margin-right: -90px !important
   }

   .mb-xl-n9,
   .my-xl-n9 {
      margin-bottom: -90px !important
   }

   .ml-xl-n9,
   .mx-xl-n9 {
      margin-left: -90px !important
   }

   .m-xl-n10 {
      margin: -100px !important
   }

   .mt-xl-n10,
   .my-xl-n10 {
      margin-top: -100px !important
   }

   .mr-xl-n10,
   .mx-xl-n10 {
      margin-right: -100px !important
   }

   .mb-xl-n10,
   .my-xl-n10 {
      margin-bottom: -100px !important
   }

   .ml-xl-n10,
   .mx-xl-n10 {
      margin-left: -100px !important
   }

   .m-xl-n11 {
      margin: -110px !important
   }

   .mt-xl-n11,
   .my-xl-n11 {
      margin-top: -110px !important
   }

   .mr-xl-n11,
   .mx-xl-n11 {
      margin-right: -110px !important
   }

   .mb-xl-n11,
   .my-xl-n11 {
      margin-bottom: -110px !important
   }

   .ml-xl-n11,
   .mx-xl-n11 {
      margin-left: -110px !important
   }

   .m-xl-n12 {
      margin: -120px !important
   }

   .mt-xl-n12,
   .my-xl-n12 {
      margin-top: -120px !important
   }

   .mr-xl-n12,
   .mx-xl-n12 {
      margin-right: -120px !important
   }

   .mb-xl-n12,
   .my-xl-n12 {
      margin-bottom: -120px !important
   }

   .ml-xl-n12,
   .mx-xl-n12 {
      margin-left: -120px !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
   }
}

.visible {
   visibility: visible !important
}

.invisible {
   visibility: hidden !important
}

.text-left {
   text-align: left !important
}

.text-right {
   text-align: right !important
}

.text-center {
   text-align: center !important
}

@media (min-width:576px) {
   .text-sm-left {
      text-align: left !important
   }

   .text-sm-right {
      text-align: right !important
   }

   .text-sm-center {
      text-align: center !important
   }
}

@media (min-width:768px) {
   .text-md-left {
      text-align: left !important
   }

   .text-md-right {
      text-align: right !important
   }

   .text-md-center {
      text-align: center !important
   }
}

@media (min-width:1024px) {
   .text-lg-left {
      text-align: left !important
   }

   .text-lg-right {
      text-align: right !important
   }

   .text-lg-center {
      text-align: center !important
   }
}

@media (min-width:1400px) {
   .text-xl-left {
      text-align: left !important
   }

   .text-xl-right {
      text-align: right !important
   }

   .text-xl-center {
      text-align: center !important
   }
}

.swiper-container {
   margin: 0 auto;
   position: relative;
   overflow: hidden;
   list-style: none;
   padding: 0;
   z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
   float: left
}

.swiper-container-vertical>.swiper-wrapper {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column
}

.swiper-wrapper {
   position: relative;
   width: 100%;
   height: 100%;
   z-index: 1;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-transition-property: -webkit-transform;
   transition-property: -webkit-transform;
   transition-property: transform;
   transition-property: transform, -webkit-transform;
   -webkit-box-sizing: content-box;
   box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
   -ms-flex-wrap: wrap;
   flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
   margin: 0 auto
}

.swiper-slide {
   -ms-flex-negative: 0;
   flex-shrink: 0;
   width: 100%;
   height: 100%;
   position: relative;
   -webkit-transition-property: -webkit-transform;
   transition-property: -webkit-transform;
   transition-property: transform;
   transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
   visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
   height: auto
}

.swiper-container-autoheight .swiper-wrapper {
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   -webkit-transition-property: height, -webkit-transform;
   transition-property: height, -webkit-transform;
   transition-property: transform, height;
   transition-property: transform, height, -webkit-transform
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
   -ms-touch-action: pan-y;
   touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
   -ms-touch-action: pan-x;
   touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
   position: absolute;
   top: 50%;
   width: 27px;
   height: 44px;
   margin-top: -22px;
   z-index: 10;
   cursor: pointer;
   background-size: 27px 44px;
   background-position: 50%;
   background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
   opacity: .35;
   cursor: auto;
   pointer-events: none
}

.swiper-button-lock {
   display: none
}

.swiper-pagination {
   position: absolute;
   text-align: center;
   -webkit-transition: opacity .3s;
   transition: opacity .3s;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
   opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
   bottom: 10px;
   left: 0;
   width: 100%
}

.swiper-pagination-bullets-dynamic {
   overflow: hidden;
   font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
   -webkit-transform: scale(.33);
   transform: scale(.33);
   position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
   -webkit-transform: scale(1);
   transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
   -webkit-transform: scale(.66);
   transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
   -webkit-transform: scale(.33);
   transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
   -webkit-transform: scale(.66);
   transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
   -webkit-transform: scale(.33);
   transform: scale(.33)
}

.swiper-pagination-bullet {
   width: 5px;
   height: 5px;
   display: inline-block;
   border-radius: 100%;
   background: #fff;
   vertical-align: middle
}

button.swiper-pagination-bullet {
   border: none;
   margin: 0;
   padding: 0;
   -webkit-box-shadow: none;
   box-shadow: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
   cursor: pointer
}

.swiper-pagination-bullet-active {
   width: 10px;
   height: 10px;
   background: #4095f7
}

.swiper-container-vertical>.swiper-pagination-bullets {
   right: 10px;
   top: 50%;
   -webkit-transform: translate3d(0, -50%, 0);
   transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
   margin: 6px 0;
   display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
   display: inline-block;
   -webkit-transition: top .2s, -webkit-transform .2s;
   transition: top .2s, -webkit-transform .2s;
   transition: transform .2s, top .2s;
   transition: transform .2s, top .2s, -webkit-transform .2s
}

.swiper-pagination-bullets .swiper-pagination-bullet {
   margin-right: 30px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
   left: 50%;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
   white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
   -webkit-transition: left .2s, -webkit-transform .2s;
   transition: left .2s, -webkit-transform .2s;
   transition: transform .2s, left .2s;
   transition: transform .2s, left .2s, -webkit-transform .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
   -webkit-transition: right .2s, -webkit-transform .2s;
   transition: right .2s, -webkit-transform .2s;
   transition: transform .2s, right .2s;
   transition: transform .2s, right .2s, -webkit-transform .2s
}

.swiper-pagination-progressbar {
   background: rgba(0, 0, 0, .25);
   position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
   background: #007aff;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   -webkit-transform: scale(0);
   transform: scale(0);
   -webkit-transform-origin: left top;
   transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
   -webkit-transform-origin: right top;
   transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
   width: 100%;
   height: 4px;
   left: 0;
   top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
   width: 4px;
   height: 100%;
   left: 0;
   top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
   background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
   background: hsla(0, 0%, 100%, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
   background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
   background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
   background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
   background: #000
}

.swiper-pagination-lock {
   display: none
}

.swiper-zoom-container {
   width: 100%;
   height: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
   max-width: 100%;
   max-height: 100%;
   -o-object-fit: contain;
   object-fit: contain
}

.swiper-slide-zoomed {
   cursor: move
}

.swiper-container .swiper-notification {
   position: absolute;
   left: 0;
   top: 0;
   pointer-events: none;
   opacity: 0;
   z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
   pointer-events: none;
   -webkit-transition-property: opacity;
   transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
   pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
   pointer-events: auto
}

.swiper-container-cube {
   overflow: visible
}

.swiper-container-cube .swiper-slide {
   pointer-events: none;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   z-index: 1;
   visibility: hidden;
   -webkit-transform-origin: 0 0;
   transform-origin: 0 0;
   width: 100%;
   height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
   pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
   -webkit-transform-origin: 100% 0;
   transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
   pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
   pointer-events: auto;
   visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
   z-index: 0;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   background: #000;
   opacity: .6;
   -webkit-filter: blur(50px);
   filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="50" /></filter></svg>#filter');
   filter: blur(50px);
   z-index: 0
}

.swiper-container-flip {
   overflow: visible
}

.swiper-container-flip .swiper-slide {
   pointer-events: none;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
   pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
   pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
   z-index: 0;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
   -ms-perspective: 1200px;
   perspective: 1200px
}

body.compensate-for-scrollbar {
   overflow: hidden
}

.fancybox-active {
   height: auto
}

.fancybox-is-hidden {
   left: -9999px;
   margin: 0;
   position: absolute !important;
   top: -9999px;
   visibility: hidden
}

.fancybox-container {
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
   height: 100%;
   left: 0;
   position: fixed;
   -webkit-tap-highlight-color: transparent;
   top: 0;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   width: 100%;
   z-index: 99992
}

.fancybox-container * {
   -webkit-box-sizing: border-box;
   box-sizing: border-box
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
   bottom: 0;
   left: 0;
   position: absolute;
   right: 0;
   top: 0
}

.fancybox-outer {
   -webkit-overflow-scrolling: touch;
   overflow-y: auto
}

.fancybox-bg {
   background: #1e1e1e;
   opacity: 0;
   -webkit-transition-duration: inherit;
   transition-duration: inherit;
   -webkit-transition-property: opacity;
   transition-property: opacity;
   -webkit-transition-timing-function: cubic-bezier(.47, 0, .74, .71);
   transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
   opacity: .87;
   -webkit-transition-timing-function: cubic-bezier(.22, .61, .36, 1);
   transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
   direction: ltr;
   opacity: 0;
   position: absolute;
   -webkit-transition: opacity .25s, visibility 0s linear .25s;
   transition: opacity .25s, visibility 0s linear .25s;
   visibility: hidden;
   z-index: 99997
}

.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
   opacity: 1;
   -webkit-transition: opacity .25s, visibility 0s;
   transition: opacity .25s, visibility 0s;
   visibility: visible
}

.fancybox-infobar {
   color: #ccc;
   font-size: 13px;
   -webkit-font-smoothing: subpixel-antialiased;
   height: 44px;
   left: 0;
   line-height: 44px;
   min-width: 44px;
   mix-blend-mode: difference;
   padding: 0 10px;
   pointer-events: none;
   text-align: center;
   top: 0;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

.fancybox-toolbar {
   right: 0;
   top: 0
}

.fancybox-stage {
   direction: ltr;
   overflow: visible;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   z-index: 99994
}

.fancybox-is-open .fancybox-stage {
   overflow: hidden
}

.fancybox-slide {
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   display: none;
   height: 100%;
   left: 0;
   outline: none;
   overflow: auto;
   -webkit-overflow-scrolling: touch;
   padding: 44px;
   position: absolute;
   text-align: center;
   top: 0;
   transition-property: opacity, -webkit-transform;
   -webkit-transition-property: opacity, -webkit-transform;
   transition-property: transform, opacity;
   transition-property: transform, opacity, -webkit-transform;
   white-space: normal;
   width: 100%;
   z-index: 99994
}

.fancybox-slide:before {
   content: "";
   display: inline-block;
   height: 100%;
   margin-right: -.25em;
   vertical-align: middle;
   width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
   display: block
}

.fancybox-slide--next {
   z-index: 99995
}

.fancybox-slide--image {
   overflow: visible;
   padding: 44px 0
}

.fancybox-slide--image:before {
   display: none
}

.fancybox-slide--html {
   padding: 6px 6px 0
}

.fancybox-slide--iframe {
   padding: 44px 44px 0
}

.fancybox-content {
   background: #fff;
   display: inline-block;
   margin: 0 0 6px;
   max-width: 100%;
   overflow: auto;
   padding: 0;
   padding: 24px;
   position: relative;
   text-align: left;
   vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
   -webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1);
   animation-timing-function: cubic-bezier(.5, 0, .14, 1);
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   background: transparent;
   background-repeat: no-repeat;
   background-size: 100% 100%;
   left: 0;
   margin: 0;
   max-width: none;
   overflow: visible;
   padding: 0;
   position: absolute;
   top: 0;
   -webkit-transform-origin: top left;
   transform-origin: top left;
   transition-property: opacity, -webkit-transform;
   -webkit-transition-property: opacity, -webkit-transform;
   transition-property: transform, opacity;
   transition-property: transform, opacity, -webkit-transform;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
   cursor: -webkit-zoom-out;
   cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
   cursor: -webkit-zoom-in;
   cursor: zoom-in
}

.fancybox-can-drag .fancybox-content {
   cursor: -webkit-grab;
   cursor: grab
}

.fancybox-is-dragging .fancybox-content {
   cursor: -webkit-grabbing;
   cursor: grabbing
}

.fancybox-container [data-selectable=true] {
   cursor: text
}

.fancybox-image,
.fancybox-spaceball {
   background: transparent;
   border: 0;
   height: 100%;
   left: 0;
   margin: 0;
   max-height: none;
   max-width: none;
   padding: 0;
   position: absolute;
   top: 0;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   width: 100%
}

.fancybox-spaceball {
   z-index: 1
}

.fancybox-slide--html .fancybox-content {
   margin-bottom: 6px
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--video .fancybox-content {
   height: 100%;
   margin: 0;
   overflow: visible;
   padding: 0;
   width: 100%
}

.fancybox-slide--video .fancybox-content {
   background: #000
}

.fancybox-slide--map .fancybox-content {
   background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
   background: #fff;
   height: calc(100% - 44px);
   margin-bottom: 44px
}

.fancybox-iframe,
.fancybox-video {
   background: transparent;
   border: 0;
   height: 100%;
   margin: 0;
   overflow: hidden;
   padding: 0;
   width: 100%
}

.fancybox-iframe {
   vertical-align: top
}

.fancybox-error {
   background: #fff;
   cursor: default;
   max-width: 400px;
   padding: 40px;
   width: 100%
}

.fancybox-error p {
   color: #444;
   font-size: 16px;
   line-height: 20px;
   margin: 0;
   padding: 0
}

.fancybox-button {
   background: rgba(30, 30, 30, .6);
   border: 0;
   border-radius: 0;
   cursor: pointer;
   display: inline-block;
   height: 44px;
   margin: 0;
   outline: none;
   padding: 10px;
   -webkit-transition: color .2s;
   transition: color .2s;
   vertical-align: top;
   width: 44px
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
   color: #ccc
}

.fancybox-button:focus,
.fancybox-button:hover {
   color: #fff
}

.fancybox-button.disabled,
.fancybox-button.disabled:hover,
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
   color: #888;
   cursor: default
}

.fancybox-button svg {
   display: block;
   overflow: visible;
   position: relative;
   shape-rendering: geometricPrecision
}

.fancybox-button svg path {
   fill: transparent;
   stroke: currentColor;
   stroke-linejoin: round;
   stroke-width: 3
}

.fancybox-button--pause svg path:first-child,
.fancybox-button--play svg path:nth-child(2) {
   display: none
}

.fancybox-button--play svg path,
.fancybox-button--share svg path,
.fancybox-button--thumbs svg path {
   fill: currentColor
}

.fancybox-button--share svg path {
   stroke-width: 1
}

.fancybox-navigation .fancybox-button {
   height: 38px;
   opacity: 0;
   padding: 6px;
   position: absolute;
   top: 50%;
   width: 38px
}

.fancybox-show-nav .fancybox-navigation .fancybox-button {
   -webkit-transition: opacity .25s, visibility 0s, color .25s;
   transition: opacity .25s, visibility 0s, color .25s
}

.fancybox-navigation .fancybox-button:after {
   content: "";
   left: -25px;
   padding: 50px;
   position: absolute;
   top: -25px
}

.fancybox-navigation .fancybox-button--arrow_left {
   left: 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
   right: 6px
}

.fancybox-close-small {
   background: transparent;
   border: 0;
   border-radius: 0;
   color: #555;
   cursor: pointer;
   height: 44px;
   margin: 0;
   padding: 6px;
   position: absolute;
   right: 0;
   top: 0;
   width: 44px;
   z-index: 10
}

.fancybox-close-small svg {
   fill: transparent;
   opacity: .8;
   stroke: currentColor;
   stroke-width: 1.5;
   -webkit-transition: stroke .1s;
   transition: stroke .1s
}

.fancybox-close-small:focus {
   outline: none
}

.fancybox-close-small:hover svg {
   opacity: 1
}

.fancybox-slide--iframe .fancybox-close-small,
.fancybox-slide--image .fancybox-close-small,
.fancybox-slide--video .fancybox-close-small {
   color: #ccc;
   padding: 5px;
   right: -12px;
   top: -44px
}

.fancybox-slide--iframe .fancybox-close-small:hover svg,
.fancybox-slide--image .fancybox-close-small:hover svg,
.fancybox-slide--video .fancybox-close-small:hover svg {
   background: transparent;
   color: #fff
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
   display: none
}

.fancybox-caption {
   bottom: 0;
   color: #fff;
   font-size: 14px;
   font-weight: 400;
   left: 0;
   line-height: 1.5;
   padding: 25px 44px;
   right: 0
}

.fancybox-caption:before {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
   background-repeat: repeat-x;
   background-size: contain;
   bottom: 0;
   content: "";
   display: block;
   left: 0;
   pointer-events: none;
   position: absolute;
   right: 0;
   top: -25px;
   z-index: -1
}

.fancybox-caption:after {
   border-bottom: 1px solid hsla(0, 0%, 100%, .3);
   content: "";
   display: block;
   left: 44px;
   position: absolute;
   right: 44px;
   top: 0
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
   color: #ccc;
   text-decoration: none
}

.fancybox-caption a:hover {
   color: #fff;
   text-decoration: underline
}

.fancybox-loading {
   -webkit-animation: a .8s infinite linear;
   animation: a .8s infinite linear;
   background: transparent;
   border: 6px solid rgba(99, 99, 99, .5);
   border-radius: 100%;
   border-top-color: #fff;
   height: 60px;
   left: 50%;
   margin: -30px 0 0 -30px;
   opacity: .6;
   padding: 0;
   position: absolute;
   top: 50%;
   width: 60px;
   z-index: 99999
}

@-webkit-keyframes a {
   0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
   }

   to {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg)
   }
}

@keyframes a {
   0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
   }

   to {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg)
   }
}

.fancybox-animated {
   -webkit-transition-timing-function: cubic-bezier(0, 0, .25, 1);
   transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
   opacity: 0;
   -webkit-transform: translate3d(-100%, 0, 0);
   transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
   opacity: 0;
   -webkit-transform: translate3d(100%, 0, 0);
   transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
   opacity: 1;
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
   opacity: 0;
   -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
   transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
   opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
   opacity: 0;
   -webkit-transform: scale3d(1.5, 1.5, 1.5);
   transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
   opacity: 0;
   -webkit-transform: scale3d(.5, .5, .5);
   transform: scale3d(.5, .5, .5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
   opacity: 1;
   -webkit-transform: scaleX(1);
   transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
   opacity: 0;
   -webkit-transform: rotate(-1turn);
   transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
   opacity: 0;
   -webkit-transform: rotate(1turn);
   transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
   opacity: 1;
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
   opacity: 0;
   -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
   transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
   opacity: 0;
   -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
   transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
   opacity: 1;
   -webkit-transform: scaleX(1) translateZ(0);
   transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
   -webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
   transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
   -webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
   transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
   -webkit-transform: translateZ(0) scale(1);
   transform: translateZ(0) scale(1)
}

.fancybox-share {
   background: #f4f4f4;
   border-radius: 3px;
   max-width: 90%;
   padding: 30px;
   text-align: center
}

.fancybox-share h1 {
   color: #222;
   font-size: 35px;
   font-weight: 700;
   margin: 0 0 20px
}

.fancybox-share p {
   margin: 0;
   padding: 0
}

.fancybox-share__button {
   border: 0;
   border-radius: 3px;
   display: inline-block;
   font-size: 14px;
   font-weight: 700;
   line-height: 40px;
   margin: 0 5px 10px;
   min-width: 130px;
   padding: 0 15px;
   text-decoration: none;
   -webkit-transition: all .2s;
   transition: all .2s;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   white-space: nowrap
}

.fancybox-share__button:link,
.fancybox-share__button:visited {
   color: #fff
}

.fancybox-share__button:hover {
   text-decoration: none
}

.fancybox-share__button--fb {
   background: #3b5998
}

.fancybox-share__button--fb:hover {
   background: #344e86
}

.fancybox-share__button--pt {
   background: #bd081d
}

.fancybox-share__button--pt:hover {
   background: #aa0719
}

.fancybox-share__button--tw {
   background: #1da1f2
}

.fancybox-share__button--tw:hover {
   background: #0d95e8
}

.fancybox-share__button svg {
   height: 25px;
   margin-right: 7px;
   position: relative;
   top: -1px;
   vertical-align: middle;
   width: 25px
}

.fancybox-share__button svg path {
   fill: #fff
}

.fancybox-share__input {
   background: transparent;
   border: 0;
   border-bottom: 1px solid #d7d7d7;
   border-radius: 0;
   color: #5d5b5b;
   font-size: 14px;
   margin: 10px 0 0;
   outline: none;
   padding: 10px 15px;
   width: 100%
}

.fancybox-thumbs {
   background: #fff;
   bottom: 0;
   display: none;
   margin: 0;
   -webkit-overflow-scrolling: touch;
   -ms-overflow-style: -ms-autohiding-scrollbar;
   padding: 2px 2px 4px;
   position: absolute;
   right: 0;
   -webkit-tap-highlight-color: transparent;
   top: 0;
   width: 212px;
   z-index: 99995
}

.fancybox-thumbs-x {
   overflow-x: auto;
   overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
   display: block
}

.fancybox-show-thumbs .fancybox-inner {
   right: 212px
}

.fancybox-thumbs>ul {
   font-size: 0;
   height: 100%;
   list-style: none;
   margin: 0;
   overflow-x: hidden;
   overflow-y: auto;
   padding: 0;
   position: absolute;
   position: relative;
   white-space: nowrap;
   width: 100%
}

.fancybox-thumbs-x>ul {
   overflow: hidden
}

.fancybox-thumbs-y>ul::-webkit-scrollbar {
   width: 7px
}

.fancybox-thumbs-y>ul::-webkit-scrollbar-track {
   background: #fff;
   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
   box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb {
   background: #2a2a2a;
   border-radius: 10px
}

.fancybox-thumbs>ul>li {
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   cursor: pointer;
   float: left;
   height: 75px;
   margin: 2px;
   max-height: calc(100% - 8px);
   max-width: calc(50% - 4px);
   outline: none;
   overflow: hidden;
   padding: 0;
   position: relative;
   -webkit-tap-highlight-color: transparent;
   width: 100px
}

.fancybox-thumbs-loading {
   background: rgba(0, 0, 0, .1)
}

.fancybox-thumbs>ul>li {
   background-position: 50%;
   background-repeat: no-repeat;
   background-size: cover
}

.fancybox-thumbs>ul>li:before {
   border: 4px solid #4ea7f9;
   bottom: 0;
   content: "";
   left: 0;
   opacity: 0;
   position: absolute;
   right: 0;
   top: 0;
   -webkit-transition: all .2s cubic-bezier(.25, .46, .45, .94);
   transition: all .2s cubic-bezier(.25, .46, .45, .94);
   z-index: 99991
}

.fancybox-thumbs .fancybox-thumbs-active:before {
   opacity: 1
}

@media (max-width:800px) {
   .fancybox-thumbs {
      width: 110px
   }

   .fancybox-show-thumbs .fancybox-inner {
      right: 110px
   }

   .fancybox-thumbs>ul>li {
      max-width: calc(100% - 10px)
   }
}

@-webkit-keyframes pulse {
   0% {
      -webkit-transform: scale(1);
      transform: scale(1)
   }

   50% {
      opacity: .5
   }

   to {
      opacity: 0;
      -webkit-transform: scale(2);
      transform: scale(2)
   }
}

@keyframes pulse {
   0% {
      -webkit-transform: scale(1);
      transform: scale(1)
   }

   50% {
      opacity: .5
   }

   to {
      opacity: 0;
      -webkit-transform: scale(2);
      transform: scale(2)
   }
}

.globe {
   position: absolute;
   top: 80px;
   right: 50px;
   width: 650px !important;
   height: 650px !important
}

@media only screen and (max-width:1400px) {
   .globe {
      right: -70px
   }
}

@media only screen and (max-width:767px) {
   .globe {
      width: 332px !important;
      height: 332px !important;
      right: -30px;
      top: 40px
   }
}

.globe .globe-canvas {
   z-index: 0;
   position: absolute;
   left: 0;
   top: 0
}

.globe:after {
   content: "";
   position: absolute;
   top: -100px;
   left: -100px;
   width: 850px;
   height: 850px;
   border: 1px solid #fff;
   border-radius: 1000px
}

@media only screen and (max-width:767px) {
   .globe:after {
      width: 490px;
      height: 490px;
      top: -70px;
      left: -80px
   }
}

.globe-list {
   z-index: 10;
   opacity: 0;
   position: absolute;
   left: 0;
   top: 0;
   list-style: none;
   -webkit-transition: opacity 3s cubic-bezier(.175, .885, .32, 1.275);
   transition: opacity 3s cubic-bezier(.175, .885, .32, 1.275)
}

.globe-list.active {
   opacity: 1
}

.globe-list>li {
   opacity: .4;
   -webkit-transition: opacity 1s cubic-bezier(.175, .885, .32, 1.275);
   transition: opacity 1s cubic-bezier(.175, .885, .32, 1.275)
}

.globe-list>li,
.globe-list>li:before {
   position: absolute;
   margin-left: -8px;
   margin-top: -8px;
   width: 16px;
   height: 16px;
   border-radius: 50%;
   background: #4095f7
}

.globe-list>li:before {
   content: "";
   opacity: .5;
   pointer-events: none;
   left: 50%;
   top: 50%;
   -webkit-animation: 2s pulse infinite linear;
   animation: 2s pulse infinite linear
}

.globe-list>li.active {
   opacity: 1
}

.globe-list>li.active,
.globe-list>li.active:before {
   margin-left: -12px;
   margin-top: -12px;
   width: 24px;
   height: 24px;
   background: #fff
}

.globe-list>li.active .text {
   opacity: 1;
   right: 29px;
   font-size: 20px;
   line-height: 20px;
   font-weight: 700
}

.globe-list .text {
   position: absolute;
   opacity: .8;
   right: 21px;
   top: 50%;
   display: block;
   font-size: 14px;
   line-height: 14px;
   font-weight: 600;
   text-align: right;
   text-shadow: -1px -1px 0 #111a2c, 1px -1px 0 #111a2c, -1px 1px 0 #111a2c, 1px 1px 0 #111a2c;
   color: #fff;
   white-space: nowrap;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%)
}

.swal2-popup.swal2-toast {
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   width: auto;
   padding: .625em;
   overflow-y: hidden;
   background: #fff;
   -webkit-box-shadow: 0 0 .625em #d9d9d9;
   box-shadow: 0 0 .625em #d9d9d9
}

.swal2-popup.swal2-toast,
.swal2-popup.swal2-toast .swal2-header {
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row
}

.swal2-popup.swal2-toast .swal2-title {
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   margin: 0 .6em;
   font-size: 1em
}

.swal2-popup.swal2-toast .swal2-footer {
   margin: .5em 0 0;
   padding: .5em 0 0;
   font-size: .8em
}

.swal2-popup.swal2-toast .swal2-close {
   position: static;
   width: .8em;
   height: .8em;
   line-height: .8
}

.swal2-popup.swal2-toast .swal2-content {
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   font-size: 1em
}

.swal2-popup.swal2-toast .swal2-icon {
   width: 2em;
   min-width: 2em;
   height: 2em;
   margin: 0
}

.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   font-size: 1.8em;
   font-weight: 700
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
   .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
      font-size: .25em
   }
}

.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
   width: 2em;
   height: 2em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
   top: .875em;
   width: 1.375em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
   left: .3125em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
   right: .3125em
}

.swal2-popup.swal2-toast .swal2-actions {
   -ms-flex-preferred-size: auto !important;
   flex-basis: auto !important;
   width: auto;
   height: auto;
   margin: 0 .3125em
}

.swal2-popup.swal2-toast .swal2-styled {
   margin: 0 .3125em;
   padding: .3125em .625em;
   font-size: 1em
}

.swal2-popup.swal2-toast .swal2-styled:focus {
   -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, .4);
   box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, .4)
}

.swal2-popup.swal2-toast .swal2-success {
   border-color: #a5dc86
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
   position: absolute;
   width: 1.6em;
   height: 3em;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
   border-radius: 50%
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
   top: -.8em;
   left: -.5em;
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg);
   -webkit-transform-origin: 2em 2em;
   transform-origin: 2em 2em;
   border-radius: 4em 0 0 4em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
   top: -.25em;
   left: .9375em;
   -webkit-transform-origin: 0 1.5em;
   transform-origin: 0 1.5em;
   border-radius: 0 4em 4em 0
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
   width: 2em;
   height: 2em
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
   top: 0;
   left: .4375em;
   width: .4375em;
   height: 2.6875em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
   height: .3125em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
   top: 1.125em;
   left: .1875em;
   width: .75em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
   top: .9375em;
   right: .1875em;
   width: 1.375em
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
   -webkit-animation: swal2-toast-animate-success-line-tip .75s;
   animation: swal2-toast-animate-success-line-tip .75s
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
   -webkit-animation: swal2-toast-animate-success-line-long .75s;
   animation: swal2-toast-animate-success-line-long .75s
}

.swal2-popup.swal2-toast.swal2-show {
   -webkit-animation: swal2-toast-show .5s;
   animation: swal2-toast-show .5s
}

.swal2-popup.swal2-toast.swal2-hide {
   -webkit-animation: swal2-toast-hide .1s forwards;
   animation: swal2-toast-hide .1s forwards
}

.swal2-container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   position: fixed;
   z-index: 1060;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   padding: .625em;
   overflow-x: hidden;
   -webkit-transition: background-color .1s;
   transition: background-color .1s;
   -webkit-overflow-scrolling: touch
}

.swal2-container.swal2-backdrop-show {
   background: rgba(0, 0, 0, .4)
}

.swal2-container.swal2-backdrop-hide {
   background: transparent !important
}

.swal2-container.swal2-top,
.swal2-container.swal2-top-left,
.swal2-container.swal2-top-start {
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start
}

.swal2-container.swal2-top-left,
.swal2-container.swal2-top-start {
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start
}

.swal2-container.swal2-top-end,
.swal2-container.swal2-top-right {
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end
}

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

.swal2-container.swal2-center-left,
.swal2-container.swal2-center-start {
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start
}

.swal2-container.swal2-center-end,
.swal2-container.swal2-center-right {
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end
}

.swal2-container.swal2-bottom {
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end
}

.swal2-container.swal2-bottom-left,
.swal2-container.swal2-bottom-start {
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start
}

.swal2-container.swal2-bottom-end,
.swal2-container.swal2-bottom-right {
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end
}

.swal2-container.swal2-bottom-end>:first-child,
.swal2-container.swal2-bottom-left>:first-child,
.swal2-container.swal2-bottom-right>:first-child,
.swal2-container.swal2-bottom-start>:first-child,
.swal2-container.swal2-bottom>:first-child {
   margin-top: auto
}

.swal2-container.swal2-grow-fullscreen>.swal2-modal {
   -ms-flex: 1;
   flex: 1;
   -ms-flex-item-align: stretch;
   align-self: stretch;
   -ms-flex-pack: center
}

.swal2-container.swal2-grow-fullscreen>.swal2-modal,
.swal2-container.swal2-grow-row>.swal2-modal {
   display: -webkit-box !important;
   display: -ms-flexbox !important;
   display: flex !important;
   -webkit-box-flex: 1;
   -webkit-box-pack: center;
   justify-content: center
}

.swal2-container.swal2-grow-row>.swal2-modal {
   -ms-flex: 1;
   flex: 1;
   -ms-flex-line-pack: center;
   align-content: center;
   -ms-flex-pack: center
}

.swal2-container.swal2-grow-column {
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column
}

.swal2-container.swal2-grow-column.swal2-bottom,
.swal2-container.swal2-grow-column.swal2-center,
.swal2-container.swal2-grow-column.swal2-top {
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.swal2-container.swal2-grow-column.swal2-bottom-left,
.swal2-container.swal2-grow-column.swal2-bottom-start,
.swal2-container.swal2-grow-column.swal2-center-left,
.swal2-container.swal2-grow-column.swal2-center-start,
.swal2-container.swal2-grow-column.swal2-top-left,
.swal2-container.swal2-grow-column.swal2-top-start {
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start
}

.swal2-container.swal2-grow-column.swal2-bottom-end,
.swal2-container.swal2-grow-column.swal2-bottom-right,
.swal2-container.swal2-grow-column.swal2-center-end,
.swal2-container.swal2-grow-column.swal2-center-right,
.swal2-container.swal2-grow-column.swal2-top-end,
.swal2-container.swal2-grow-column.swal2-top-right {
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end
}

.swal2-container.swal2-grow-column>.swal2-modal {
   display: -webkit-box !important;
   display: -ms-flexbox !important;
   display: flex !important;
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
   -ms-flex-line-pack: center;
   align-content: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center
}

.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal {
   margin: auto
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
   .swal2-container .swal2-modal {
      margin: 0 !important
   }
}

.swal2-popup {
   display: none;
   position: relative;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   width: 32em;
   max-width: 100%;
   padding: 1.25em;
   border: none;
   border-radius: .3125em;
   background: #fff;
   font-family: inherit;
   font-size: 16px;
   font-size: 1rem
}

.swal2-popup:focus {
   outline: none
}

.swal2-popup.swal2-loading {
   overflow-y: hidden
}

.swal2-header {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.swal2-title {
   position: relative;
   max-width: 100%;
   margin: 0 0 .4em;
   padding: 0;
   color: #595959;
   font-size: 1.875em;
   font-weight: 600;
   text-align: center;
   text-transform: none;
   word-wrap: break-word
}

.swal2-actions {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   z-index: 1;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   width: 100%;
   margin: 1.25em auto 0
}

.swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
   opacity: .4
}

.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
   background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .1)), to(rgba(0, 0, 0, .1)));
   background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
}

.swal2-actions:not(.swal2-loading) .swal2-styled:active {
   background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .2)), to(rgba(0, 0, 0, .2)));
   background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2))
}

.swal2-actions.swal2-loading .swal2-styled.swal2-confirm {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   width: 2.5em;
   height: 2.5em;
   margin: .46875em;
   padding: 0;
   -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
   animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
   border: .25em solid transparent;
   border-radius: 100%;
   border-color: transparent;
   background-color: transparent !important;
   color: transparent;
   cursor: default;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

.swal2-actions.swal2-loading .swal2-styled.swal2-cancel {
   margin-right: 30px;
   margin-left: 30px
}

.swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm:after {
   content: "";
   display: inline-block;
   width: 15px;
   height: 15px;
   margin-left: 5px;
   -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
   animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
   border: 3px solid #999;
   border-radius: 50%;
   border-right-color: transparent;
   -webkit-box-shadow: 1px 1px 1px #fff;
   box-shadow: 1px 1px 1px #fff
}

.swal2-styled {
   margin: .3125em;
   padding: .625em 2em;
   -webkit-box-shadow: none;
   box-shadow: none;
   font-weight: 500
}

.swal2-styled:not([disabled]) {
   cursor: pointer
}

.swal2-styled.swal2-confirm {
   background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
   background: initial;
   background-color: #3085d6
}

.swal2-styled.swal2-cancel,
.swal2-styled.swal2-confirm {
   border: 0;
   border-radius: .25em;
   color: #fff;
   font-size: 1.0625em
}

.swal2-styled.swal2-cancel {
   background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
   background: initial;
   background-color: #aaa
}

.swal2-styled:focus {
   outline: none;
   -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, .4);
   box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, .4)
}

.swal2-styled::-moz-focus-inner {
   border: 0
}

.swal2-footer {
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   margin: 1.25em 0 0;
   padding: 1em 0 0;
   border-top: 1px solid #eee;
   color: #545454;
   font-size: 1em
}

.swal2-timer-progress-bar {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: .25em;
   background: rgba(0, 0, 0, .2)
}

.swal2-image {
   max-width: 100%;
   margin: 1.25em auto
}

.swal2-close {
   position: absolute;
   z-index: 2;
   top: 0;
   right: 0;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   width: 1.2em;
   height: 1.2em;
   padding: 0;
   overflow: hidden;
   -webkit-transition: color .1s ease-out;
   transition: color .1s ease-out;
   border: none;
   border-radius: 0;
   outline: medium none invert;
   outline: initial;
   background: transparent;
   color: #ccc;
   font-family: serif;
   font-size: 2.5em;
   line-height: 1.2;
   cursor: pointer
}

.swal2-close:hover {
   -webkit-transform: none;
   transform: none;
   background: transparent;
   color: #f27474
}

.swal2-close::-moz-focus-inner {
   border: 0
}

.swal2-content {
   z-index: 1;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   margin: 0;
   padding: 0;
   color: #545454;
   font-size: 1.125em;
   font-weight: 400;
   line-height: normal;
   text-align: center;
   word-wrap: break-word
}

.swal2-checkbox,
.swal2-file,
.swal2-input,
.swal2-radio,
.swal2-select,
.swal2-textarea {
   margin: 1em auto
}

.swal2-file,
.swal2-input,
.swal2-textarea {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   width: 100%;
   -webkit-transition: border-color .3s, -webkit-box-shadow .3s;
   transition: border-color .3s, -webkit-box-shadow .3s;
   transition: border-color .3s, box-shadow .3s;
   transition: border-color .3s, box-shadow .3s, -webkit-box-shadow .3s;
   border: 1px solid #d9d9d9;
   border-radius: .1875em;
   background: inherit;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06);
   color: inherit;
   font-size: 1.125em
}

.swal2-file.swal2-inputerror,
.swal2-input.swal2-inputerror,
.swal2-textarea.swal2-inputerror {
   border-color: #f27474 !important;
   -webkit-box-shadow: 0 0 2px #f27474 !important;
   box-shadow: 0 0 2px #f27474 !important
}

.swal2-file:focus,
.swal2-input:focus,
.swal2-textarea:focus {
   border: 1px solid #b4dbed;
   outline: none;
   -webkit-box-shadow: 0 0 3px #c4e6f5;
   box-shadow: 0 0 3px #c4e6f5
}

.swal2-file::-webkit-input-placeholder,
.swal2-input::-webkit-input-placeholder,
.swal2-textarea::-webkit-input-placeholder {
   color: #ccc
}

.swal2-file:-ms-input-placeholder,
.swal2-file::-ms-input-placeholder,
.swal2-input:-ms-input-placeholder,
.swal2-input::-ms-input-placeholder,
.swal2-textarea:-ms-input-placeholder,
.swal2-textarea::-ms-input-placeholder {
   color: #ccc
}

.swal2-file::placeholder,
.swal2-input::placeholder,
.swal2-textarea::placeholder {
   color: #ccc
}

.swal2-range {
   margin: 1em auto;
   background: #fff
}

.swal2-range input {
   width: 80%
}

.swal2-range output {
   width: 20%;
   color: inherit;
   font-weight: 600;
   text-align: center
}

.swal2-range input,
.swal2-range output {
   height: 2.625em;
   padding: 0;
   font-size: 1.125em;
   line-height: 2.625em
}

.swal2-input {
   height: 2.625em;
   padding: 0 .75em
}

.swal2-input[type=number] {
   max-width: 10em
}

.swal2-file {
   background: inherit;
   font-size: 1.125em
}

.swal2-textarea {
   height: 6.75em;
   padding: .75em
}

.swal2-select {
   min-width: 50%;
   max-width: 100%;
   padding: .375em .625em;
   background: inherit;
   color: inherit;
   font-size: 1.125em
}

.swal2-checkbox,
.swal2-radio {
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   background: #fff;
   color: inherit
}

.swal2-checkbox label,
.swal2-radio label {
   margin: 0 .6em;
   font-size: 1.125em
}

.swal2-checkbox input,
.swal2-radio input {
   margin: 0 .4em
}

.swal2-validation-message {
   display: none;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   padding: .625em;
   overflow: hidden;
   background: #f0f0f0;
   color: #666;
   font-size: 1em;
   font-weight: 300
}

.swal2-validation-message:before {
   content: "!";
   display: inline-block;
   width: 1.5em;
   min-width: 1.5em;
   height: 1.5em;
   margin: 0 .625em;
   border-radius: 50%;
   background-color: #f27474;
   color: #fff;
   font-weight: 600;
   line-height: 1.5em;
   text-align: center
}

.swal2-icon {
   position: relative;
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   width: 5em;
   height: 5em;
   margin: 1.25em auto 1.875em;
   border: .25em solid transparent;
   border-radius: 50%;
   font-family: inherit;
   line-height: 5em;
   cursor: default;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

.swal2-icon .swal2-icon-content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   font-size: 3.75em
}

.swal2-icon.swal2-error {
   border-color: #f27474;
   color: #f27474
}

.swal2-icon.swal2-error .swal2-x-mark {
   position: relative;
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
   display: block;
   position: absolute;
   top: 2.3125em;
   width: 2.9375em;
   height: .3125em;
   border-radius: .125em;
   background-color: #f27474
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
   left: 1.0625em;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg)
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
   right: 1em;
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg)
}

.swal2-icon.swal2-error.swal2-icon-show {
   -webkit-animation: swal2-animate-error-icon .5s;
   animation: swal2-animate-error-icon .5s
}

.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
   -webkit-animation: swal2-animate-error-x-mark .5s;
   animation: swal2-animate-error-x-mark .5s
}

.swal2-icon.swal2-warning {
   border-color: #facea8;
   color: #f8bb86
}

.swal2-icon.swal2-info {
   border-color: #9de0f6;
   color: #3fc3ee
}

.swal2-icon.swal2-question {
   border-color: #c9dae1;
   color: #87adbd
}

.swal2-icon.swal2-success {
   border-color: #a5dc86;
   color: #a5dc86
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
   position: absolute;
   width: 3.75em;
   height: 7.5em;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
   border-radius: 50%
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
   top: -.4375em;
   left: -2.0635em;
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg);
   -webkit-transform-origin: 3.75em 3.75em;
   transform-origin: 3.75em 3.75em;
   border-radius: 7.5em 0 0 7.5em
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
   top: -.6875em;
   left: 1.875em;
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg);
   -webkit-transform-origin: 0 3.75em;
   transform-origin: 0 3.75em;
   border-radius: 0 7.5em 7.5em 0
}

.swal2-icon.swal2-success .swal2-success-ring {
   position: absolute;
   z-index: 2;
   top: -.25em;
   left: -.25em;
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
   width: 100%;
   height: 100%;
   border: .25em solid hsla(98, 55%, 69%, .3);
   border-radius: 50%
}

.swal2-icon.swal2-success .swal2-success-fix {
   position: absolute;
   z-index: 1;
   top: .5em;
   left: 1.625em;
   width: .4375em;
   height: 5.625em;
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg)
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
   display: block;
   position: absolute;
   z-index: 2;
   height: .3125em;
   border-radius: .125em;
   background-color: #a5dc86
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
   top: 2.875em;
   left: .875em;
   width: 1.5625em;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg)
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
   top: 2.375em;
   right: .5em;
   width: 2.9375em;
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg)
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
   -webkit-animation: swal2-animate-success-line-tip .75s;
   animation: swal2-animate-success-line-tip .75s
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
   -webkit-animation: swal2-animate-success-line-long .75s;
   animation: swal2-animate-success-line-long .75s
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
   -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
   animation: swal2-rotate-success-circular-line 4.25s ease-in
}

.swal2-progress-steps {
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin: 0 0 1.25em;
   padding: 0;
   background: inherit;
   font-weight: 600
}

.swal2-progress-steps li {
   display: inline-block;
   position: relative
}

.swal2-progress-steps .swal2-progress-step {
   z-index: 20;
   width: 2em;
   height: 2em;
   border-radius: 2em;
   background: #3085d6;
   color: #fff;
   line-height: 2em;
   text-align: center
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
   background: #3085d6
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step {
   background: #add8e6;
   color: #fff
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line {
   background: #add8e6
}

.swal2-progress-steps .swal2-progress-step-line {
   z-index: 10;
   width: 2.5em;
   height: .4em;
   margin: 0 -1px;
   background: #3085d6
}

[class^=swal2] {
   -webkit-tap-highlight-color: transparent
}

.swal2-show {
   -webkit-animation: swal2-show .3s;
   animation: swal2-show .3s
}

.swal2-hide {
   -webkit-animation: swal2-hide .15s forwards;
   animation: swal2-hide .15s forwards
}

.swal2-noanimation {
   -webkit-transition: none;
   transition: none
}

.swal2-scrollbar-measure {
   position: absolute;
   top: -9999px;
   width: 50px;
   height: 50px;
   overflow: scroll
}

.swal2-rtl .swal2-close {
   right: auto;
   left: 0
}

.swal2-rtl .swal2-timer-progress-bar {
   right: 0;
   left: auto
}

@supports (-ms-accelerator:true) {
   .swal2-range input {
      width: 100% !important
   }

   .swal2-range output {
      display: none
   }
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
   .swal2-range input {
      width: 100% !important
   }

   .swal2-range output {
      display: none
   }
}

@-moz-document url-prefix() {
   .swal2-close:focus {
      outline: 2px solid rgba(50, 100, 150, .4)
   }
}

@-webkit-keyframes swal2-toast-show {
   0% {
      -webkit-transform: translateY(-.625em) rotate(2deg);
      transform: translateY(-.625em) rotate(2deg)
   }

   33% {
      -webkit-transform: translateY(0) rotate(-2deg);
      transform: translateY(0) rotate(-2deg)
   }

   66% {
      -webkit-transform: translateY(.3125em) rotate(2deg);
      transform: translateY(.3125em) rotate(2deg)
   }

   to {
      -webkit-transform: translateY(0) rotate(0deg);
      transform: translateY(0) rotate(0deg)
   }
}

@keyframes swal2-toast-show {
   0% {
      -webkit-transform: translateY(-.625em) rotate(2deg);
      transform: translateY(-.625em) rotate(2deg)
   }

   33% {
      -webkit-transform: translateY(0) rotate(-2deg);
      transform: translateY(0) rotate(-2deg)
   }

   66% {
      -webkit-transform: translateY(.3125em) rotate(2deg);
      transform: translateY(.3125em) rotate(2deg)
   }

   to {
      -webkit-transform: translateY(0) rotate(0deg);
      transform: translateY(0) rotate(0deg)
   }
}

@-webkit-keyframes swal2-toast-hide {
   to {
      -webkit-transform: rotate(1deg);
      transform: rotate(1deg);
      opacity: 0
   }
}

@keyframes swal2-toast-hide {
   to {
      -webkit-transform: rotate(1deg);
      transform: rotate(1deg);
      opacity: 0
   }
}

@-webkit-keyframes swal2-toast-animate-success-line-tip {
   0% {
      top: .5625em;
      left: .0625em;
      width: 0
   }

   54% {
      top: .125em;
      left: .125em;
      width: 0
   }

   70% {
      top: .625em;
      left: -.25em;
      width: 1.625em
   }

   84% {
      top: 1.0625em;
      left: .75em;
      width: .5em
   }

   to {
      top: 1.125em;
      left: .1875em;
      width: .75em
   }
}

@keyframes swal2-toast-animate-success-line-tip {
   0% {
      top: .5625em;
      left: .0625em;
      width: 0
   }

   54% {
      top: .125em;
      left: .125em;
      width: 0
   }

   70% {
      top: .625em;
      left: -.25em;
      width: 1.625em
   }

   84% {
      top: 1.0625em;
      left: .75em;
      width: .5em
   }

   to {
      top: 1.125em;
      left: .1875em;
      width: .75em
   }
}

@-webkit-keyframes swal2-toast-animate-success-line-long {
   0% {
      top: 1.625em;
      right: 1.375em;
      width: 0
   }

   65% {
      top: 1.25em;
      right: .9375em;
      width: 0
   }

   84% {
      top: .9375em;
      right: 0;
      width: 1.125em
   }

   to {
      top: .9375em;
      right: .1875em;
      width: 1.375em
   }
}

@keyframes swal2-toast-animate-success-line-long {
   0% {
      top: 1.625em;
      right: 1.375em;
      width: 0
   }

   65% {
      top: 1.25em;
      right: .9375em;
      width: 0
   }

   84% {
      top: .9375em;
      right: 0;
      width: 1.125em
   }

   to {
      top: .9375em;
      right: .1875em;
      width: 1.375em
   }
}

@-webkit-keyframes swal2-show {
   0% {
      -webkit-transform: scale(.7);
      transform: scale(.7)
   }

   45% {
      -webkit-transform: scale(1.05);
      transform: scale(1.05)
   }

   80% {
      -webkit-transform: scale(.95);
      transform: scale(.95)
   }

   to {
      -webkit-transform: scale(1);
      transform: scale(1)
   }
}

@keyframes swal2-show {
   0% {
      -webkit-transform: scale(.7);
      transform: scale(.7)
   }

   45% {
      -webkit-transform: scale(1.05);
      transform: scale(1.05)
   }

   80% {
      -webkit-transform: scale(.95);
      transform: scale(.95)
   }

   to {
      -webkit-transform: scale(1);
      transform: scale(1)
   }
}

@-webkit-keyframes swal2-hide {
   0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1
   }

   to {
      -webkit-transform: scale(.5);
      transform: scale(.5);
      opacity: 0
   }
}

@keyframes swal2-hide {
   0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1
   }

   to {
      -webkit-transform: scale(.5);
      transform: scale(.5);
      opacity: 0
   }
}

@-webkit-keyframes swal2-animate-success-line-tip {
   0% {
      top: 1.1875em;
      left: .0625em;
      width: 0
   }

   54% {
      top: 1.0625em;
      left: .125em;
      width: 0
   }

   70% {
      top: 2.1875em;
      left: -.375em;
      width: 3.125em
   }

   84% {
      top: 3em;
      left: 1.3125em;
      width: 1.0625em
   }

   to {
      top: 2.8125em;
      left: .875em;
      width: 1.5625em
   }
}

@keyframes swal2-animate-success-line-tip {
   0% {
      top: 1.1875em;
      left: .0625em;
      width: 0
   }

   54% {
      top: 1.0625em;
      left: .125em;
      width: 0
   }

   70% {
      top: 2.1875em;
      left: -.375em;
      width: 3.125em
   }

   84% {
      top: 3em;
      left: 1.3125em;
      width: 1.0625em
   }

   to {
      top: 2.8125em;
      left: .875em;
      width: 1.5625em
   }
}

@-webkit-keyframes swal2-animate-success-line-long {
   0% {
      top: 3.375em;
      right: 2.875em;
      width: 0
   }

   65% {
      top: 3.375em;
      right: 2.875em;
      width: 0
   }

   84% {
      top: 2.1875em;
      right: 0;
      width: 3.4375em
   }

   to {
      top: 2.375em;
      right: .5em;
      width: 2.9375em
   }
}

@keyframes swal2-animate-success-line-long {
   0% {
      top: 3.375em;
      right: 2.875em;
      width: 0
   }

   65% {
      top: 3.375em;
      right: 2.875em;
      width: 0
   }

   84% {
      top: 2.1875em;
      right: 0;
      width: 3.4375em
   }

   to {
      top: 2.375em;
      right: .5em;
      width: 2.9375em
   }
}

@-webkit-keyframes swal2-rotate-success-circular-line {
   0% {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg)
   }

   5% {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg)
   }

   12% {
      -webkit-transform: rotate(-405deg);
      transform: rotate(-405deg)
   }

   to {
      -webkit-transform: rotate(-405deg);
      transform: rotate(-405deg)
   }
}

@keyframes swal2-rotate-success-circular-line {
   0% {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg)
   }

   5% {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg)
   }

   12% {
      -webkit-transform: rotate(-405deg);
      transform: rotate(-405deg)
   }

   to {
      -webkit-transform: rotate(-405deg);
      transform: rotate(-405deg)
   }
}

@-webkit-keyframes swal2-animate-error-x-mark {
   0% {
      margin-top: 1.625em;
      -webkit-transform: scale(.4);
      transform: scale(.4);
      opacity: 0
   }

   50% {
      margin-top: 1.625em;
      -webkit-transform: scale(.4);
      transform: scale(.4);
      opacity: 0
   }

   80% {
      margin-top: -.375em;
      -webkit-transform: scale(1.15);
      transform: scale(1.15)
   }

   to {
      margin-top: 0;
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1
   }
}

@keyframes swal2-animate-error-x-mark {
   0% {
      margin-top: 1.625em;
      -webkit-transform: scale(.4);
      transform: scale(.4);
      opacity: 0
   }

   50% {
      margin-top: 1.625em;
      -webkit-transform: scale(.4);
      transform: scale(.4);
      opacity: 0
   }

   80% {
      margin-top: -.375em;
      -webkit-transform: scale(1.15);
      transform: scale(1.15)
   }

   to {
      margin-top: 0;
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1
   }
}

@-webkit-keyframes swal2-animate-error-icon {
   0% {
      -webkit-transform: rotateX(100deg);
      transform: rotateX(100deg);
      opacity: 0
   }

   to {
      -webkit-transform: rotateX(0deg);
      transform: rotateX(0deg);
      opacity: 1
   }
}

@keyframes swal2-animate-error-icon {
   0% {
      -webkit-transform: rotateX(100deg);
      transform: rotateX(100deg);
      opacity: 0
   }

   to {
      -webkit-transform: rotateX(0deg);
      transform: rotateX(0deg);
      opacity: 1
   }
}

@-webkit-keyframes swal2-rotate-loading {
   0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
   }

   to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
   }
}

@keyframes swal2-rotate-loading {
   0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
   }

   to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
   }
}

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
   overflow: hidden
}

body.swal2-height-auto {
   height: auto !important
}

body.swal2-no-backdrop .swal2-container {
   top: auto;
   right: auto;
   bottom: auto;
   left: auto;
   max-width: calc(100% - 1.25em);
   background-color: transparent !important
}

body.swal2-no-backdrop .swal2-container>.swal2-modal {
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
   box-shadow: 0 0 10px rgba(0, 0, 0, .4)
}

body.swal2-no-backdrop .swal2-container.swal2-top {
   top: 0;
   left: 50%;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%)
}

body.swal2-no-backdrop .swal2-container.swal2-top-left,
body.swal2-no-backdrop .swal2-container.swal2-top-start {
   top: 0;
   left: 0
}

body.swal2-no-backdrop .swal2-container.swal2-top-end,
body.swal2-no-backdrop .swal2-container.swal2-top-right {
   top: 0;
   right: 0
}

body.swal2-no-backdrop .swal2-container.swal2-center {
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%)
}

body.swal2-no-backdrop .swal2-container.swal2-center-left,
body.swal2-no-backdrop .swal2-container.swal2-center-start {
   top: 50%;
   left: 0;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%)
}

body.swal2-no-backdrop .swal2-container.swal2-center-end,
body.swal2-no-backdrop .swal2-container.swal2-center-right {
   top: 50%;
   right: 0;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%)
}

body.swal2-no-backdrop .swal2-container.swal2-bottom {
   bottom: 0;
   left: 50%;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%)
}

body.swal2-no-backdrop .swal2-container.swal2-bottom-left,
body.swal2-no-backdrop .swal2-container.swal2-bottom-start {
   bottom: 0;
   left: 0
}

body.swal2-no-backdrop .swal2-container.swal2-bottom-end,
body.swal2-no-backdrop .swal2-container.swal2-bottom-right {
   right: 0;
   bottom: 0
}

@media print {
   body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
      overflow-y: scroll !important
   }

   body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true] {
      display: none
   }

   body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
      position: static !important
   }
}

body.swal2-toast-shown .swal2-container {
   background-color: transparent
}

body.swal2-toast-shown .swal2-container.swal2-top {
   top: 0;
   right: auto;
   bottom: auto;
   left: 50%;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-top-end,
body.swal2-toast-shown .swal2-container.swal2-top-right {
   top: 0;
   right: 0;
   bottom: auto;
   left: auto
}

body.swal2-toast-shown .swal2-container.swal2-top-left,
body.swal2-toast-shown .swal2-container.swal2-top-start {
   top: 0;
   right: auto;
   bottom: auto;
   left: 0
}

body.swal2-toast-shown .swal2-container.swal2-center-left,
body.swal2-toast-shown .swal2-container.swal2-center-start {
   top: 50%;
   right: auto;
   bottom: auto;
   left: 0;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-center {
   top: 50%;
   right: auto;
   bottom: auto;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%)
}

body.swal2-toast-shown .swal2-container.swal2-center-end,
body.swal2-toast-shown .swal2-container.swal2-center-right {
   top: 50%;
   right: 0;
   bottom: auto;
   left: auto;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-bottom-left,
body.swal2-toast-shown .swal2-container.swal2-bottom-start {
   top: auto;
   right: auto;
   bottom: 0;
   left: 0
}

body.swal2-toast-shown .swal2-container.swal2-bottom {
   top: auto;
   right: auto;
   bottom: 0;
   left: 50%;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-bottom-end,
body.swal2-toast-shown .swal2-container.swal2-bottom-right {
   top: auto;
   right: 0;
   bottom: 0;
   left: auto
}

body.swal2-toast-column .swal2-toast {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: stretch;
   -ms-flex-align: stretch;
   align-items: stretch
}

body.swal2-toast-column .swal2-toast .swal2-actions {
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
   -ms-flex-item-align: stretch;
   align-self: stretch;
   height: 2.2em;
   margin-top: .3125em
}

body.swal2-toast-column .swal2-toast .swal2-loading {
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center
}

body.swal2-toast-column .swal2-toast .swal2-input {
   height: 2em;
   margin: .3125em auto;
   font-size: 1em
}

body.swal2-toast-column .swal2-toast .swal2-validation-message {
   font-size: 1em
}

*,
:after,
:before {
   -webkit-box-sizing: border-box;
   box-sizing: border-box
}

:focus {
   outline: none
}

::-webkit-input-placeholder {
   color: #aaa
}

:-ms-input-placeholder {
   color: #aaa !important
}

:-moz-placeholder,
::-moz-placeholder {
   color: #aaa;
   opacity: 1
}

[data-href] {
   cursor: pointer
}

body,
html #__nuxt,
#__layout {
   min-height: 100vh;
   margin: 0;
   padding: 0
}

body {
   position: relative;
   background-color: #fff;
   font-family: Montserrat, sans-serif;
   color: #111a2c
}

body.menu-open {
   overflow: hidden
}

.inner {
   background-color: #f1f2f3
}

.pr {
   position: relative
}

.counter {
   counter-reset: counter 0
}

.wrapper {
   position: relative;
   max-width: 1440px;
   margin-left: auto;
   margin-right: auto
}

.bg-gray {
   background-color: #f1f2f3
}

.bg-white {
   background-color: #fff
}

.bg-green {
   background-color: #4095f7
}

.clr-white {
   color: #fff !important
}

.clr-green {
   color: #4095f7 !important
}

.text-14 {
   font-size: 14px;
   line-height: 1.71;
   color: #131313
}

@media only screen and (max-width:767px) {
   .text-14 {
      font-size: 12px;
      line-height: 1.67
   }
}

.link {
   font-size: 14px;
   color: #111a2c;
   text-decoration: none
}

@media only screen and (max-width:767px) {
   .link {
      font-size: 12px
   }
}

.fadein,
.fadeIn {
   opacity: 0
}

.table .row {
   padding: 20px 0;
   font-size: 14px;
   line-height: 1.71;
   color: #111a2c
}

.table .row:nth-child(odd) {
   background-color: #eaebec
}

@media only screen and (max-width:1023px) {
   .table .row {
      padding: 20px
   }
}

.document__name {
   display: block;
   max-width: 240px;
   margin-left: 70px;
   font-size: 14px;
   line-height: 1.71;
   color: #000;
   text-decoration: none
}

.document__size {
   margin-top: 20px;
   margin-left: 70px;
   font-size: 14px;
   color: #848484
}

.document:before {
   content: "";
   position: absolute;
   width: 40px;
   height: 52px;
   background-image: url("sprite.svg#icon-file");
   background-size: 52px;
   background-repeat: no-repeat;
   background-position: -6px 6px
}

.document--black:before {
   filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.01" /><feFuncG type="linear" slope="0.01" /><feFuncB type="linear" slope="0.01" /></feComponentTransfer></filter></svg>#filter');
   -webkit-filter: brightness(0);
   filter: brightness(0)
}

.document--black .document__name {
   color: #fff
}

.document--black .document__size {
   color: #111a2c
}

.document:hover .document__name {
   text-decoration: underline
}

@media only screen and (max-width:767px) {
   .document:before {
      background-size: 40px;
      background-position: -4px 6px
   }

   .document__name,
   .document__size {
      max-width: 200px;
      margin-left: 55px;
      font-size: 12px
   }

   .document__size {
      margin-top: 10px
   }
}

.teaser {
   width: 100%;
   height: 615px;
   padding-top: 170px;
   background-size: cover;
   background-repeat: no-repeat
}

@media only screen and (max-width:767px) {
   .teaser {
      height: 350px;
      padding-top: 90px
   }
}

.filter {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-flow: row wrap;
   flex-flow: row wrap
}

.filter__item {
   height: 40px;
   padding: 0 15px;
   margin-right: 20px;
   margin-bottom: 10px;
   border: 1px solid #c4c4c4;
   font-size: 10px;
   font-weight: 500;
   line-height: 40px;
   letter-spacing: .75px;
   text-transform: uppercase;
   cursor: pointer;
   -webkit-transition: color .3s cubic-bezier(.645, .045, .355, 1);
   transition: color .3s cubic-bezier(.645, .045, .355, 1)
}

.filter__item:first-child {
   margin-left: 0
}

.filter__item:hover {
   color: #4095f7
}

.filter__item--active {
   background-color: #4095f7;
   border-color: #4095f7;
   color: #fff
}

.filter__item--active:hover {
   color: #fff
}

ul {
   list-style: none;
   margin: 20px 0;
   padding-left: 20px
}

@media only screen and (max-width:767px) {
   ul {
      padding-left: 0
   }
}

ul li {
   position: relative;
   margin: 10px 0;
   padding-left: 27px
}

ul li:before {
   content: "";
   display: block;
   position: absolute;
   top: 8px;
   left: 0;
   width: 7px;
   height: 7px;
   border-radius: 7px;
   background-color: #4095f7
}

@media only screen and (max-width:767px) {
   ul li:before {
      top: 6px
   }
}

.error {
   display: block;
   font-size: 12px;
   font-style: normal
}

.icon-time {
   background-image: url("sprite.svg#icon-clock")
}

.icon-photo,
.icon-time {
   display: inline-block;
   vertical-align: middle;
   width: 19px;
   height: 19px;
   margin-right: 10px;
   background-repeat: no-repeat
}

.icon-photo {
   background-image: url("sprite.svg#icon-photo")
}

@-webkit-keyframes fade {
   0% {
      opacity: 0
   }

   to {
      opacity: 1
   }
}

@keyframes fade {
   0% {
      opacity: 0
   }

   to {
      opacity: 1
   }
}

@-webkit-keyframes spin {
   to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
   }
}

@keyframes spin {
   to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
   }
}

.header {
   position: absolute;
   width: 100%;
   z-index: 10
}

.inner .header {
   position: relative
}

.inner .header .header-link {
   color: #000
}

.inner .header .header-link--lang {
   color: #4095f7
}

.inner .header .header-lk__icon {
   background: url("sprite.svg#lk-green") no-repeat
}

.inner .header .nav-btn__line,
.inner .header .nav-btn__line:nth-child(2):after {
   background-color: #000
}

.inner .header .header-phone {
   color: #000
}

.inner--bg .header {
   background-color: #9399a8
}

.header-logo {
   display: block;
   width: 100%;
   max-width: 220px;
   height: 94px;
   background: url(logo.png) #4095f7 50% 50% no-repeat;
   background-size: 180px;
}

@media only screen and (max-width:812px) {
   .header-logo {
      width: 133px;
      height: 70px;
      background-size: 80px
   }
}

.header-menu {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin: 0;
   padding: 0;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between
}

.menu-open .header-menu {
   display: none !important
}

.header-menu__item:hover .header-link {
   color: #4095f7
}

.header-menu__item:hover .header-link--toggle:after {
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg)
}

.header-submenu {
   position: absolute;
   display: none;
   padding-top: 40px;
   width: 100%;

}

.header-menu__item:hover .header-submenu {
   display: block
}

.header-submenu__link {
   display: block;
   margin-top: 15px;
   font-size: 14px;
   font-weight: 500;
   color: #fff;
   opacity: 0;
   line-height: 24px;
   text-decoration: none;
   -webkit-transition: color .3s cubic-bezier(.645, .045, .355, 1);
   transition: color .3s cubic-bezier(.645, .045, .355, 1)
}

.header-submenu__link:hover {
   color: #4095f7
}

.inner .header-submenu__link {
   color: #000
}

.inner .header-submenu__link:hover {
   color: #4095f7
}

.header-lk__icon {
   display: inline-block;
   width: 35px;
   height: 24px;
   background: url("sprite.svg#lk") no-repeat;
   vertical-align: middle
}

.header-link,
.header-phone {
   color: #fff;
   text-decoration: none
}

.header-link {
   font-size: 14px;
   font-weight: 500;
   line-height: 24px;
   -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
   transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.header-link:hover {
   color: #4095f7
}

.header-link--toggle:after {
   content: "";
   display: inline-block;
   width: 8px;
   height: 6px;
   margin-left: 12px;
   background-image: url("sprite.svg#arrow-menu");
   background-size: 8px;
   vertical-align: middle;
   -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
   transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.inner .header-link--toggle:after {
   background-image: url("sprite.svg#arrow-menu-black")
}

@media only screen and (max-width:1270px) {
   .header-link--toggle:after {
      display: none
   }
}

.header-search {
   display: none;
   position: relative;
   width: 100%;
   max-width: 500px;
   margin: 0 auto
}

.menu-open .header-search {
   display: block
}

@media only screen and (max-width:420px) {
   .menu-open .header-search {
      display: none
   }
}

.header-search__input {
   width: 100%;
   height: 50px;
   border: 0;
   border-radius: 0;
   border-bottom: 1px solid #d3d3d3;
   background: transparent;
   font-size: 14px;
   line-height: 50px;
   font-weight: 500;
   color: hsla(0, 0%, 100%, .5)
}

.inner .header-search__input {
   color: rgba(0, 0, 0, .5)
}

@media only screen and (max-width:767px) {
   .header-search__input {
      font-size: 12px
   }
}

.header-search__button {
   position: absolute;
   right: 0;
   top: 50%;
   width: 18px;
   height: 17px;
   margin-top: -8px;
   border: 0;
   background-image: url("sprite.svg#icon-search");
   background-color: transparent;
   background-repeat: no-repeat;
   background-size: cover;
   cursor: pointer
}

.inner .header-search__button {
   background-image: url("sprite.svg#icon-search-black")
}

.menu {
   display: none;
   position: absolute;
   top: 0;
   width: 100%;
   height: 100vh;
   z-index: 9;
   -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
   transition: all .3s cubic-bezier(.645, .045, .355, 1);
   background-color: rgba(0, 0, 0, .95)
}

.menu-open .menu {
   display: block
}

.inner .menu {
   background-color: hsla(0, 0%, 100%, .95)
}

.menu-items {
   margin-top: 45px;
   margin-bottom: 45px
}

.menu-items__link,
.menu-items__title {
   color: #fff;
   text-decoration: none;
   -webkit-transition: color .3s cubic-bezier(.645, .045, .355, 1);
   transition: color .3s cubic-bezier(.645, .045, .355, 1)
}

.inner .menu-items__link,
.inner .menu-items__title {
   color: #000
}

.menu-items__link:hover,
.menu-items__title:hover {
   color: #4095f7
}

.menu-items__title {
   display: inline-block;
   font-size: 18px;
   font-weight: 600
}

@media only screen and (max-width:812px) {
   .menu-items__title {
      font-size: 14px
   }
}

.menu-items--active .menu-items__title {
   color: #4095f7
}

.menu-items__title.is-parent:after {
   content: "";
   display: none;
   width: 8px;
   height: 6px;
   margin-left: 12px;
   background-image: url("sprite.svg#arrow-menu");
   background-size: 8px;
   vertical-align: middle;
   -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
   transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.menu-items--active .menu-items__title.is-parent:after {
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg)
}

.inner .menu-items__title.is-parent:after {
   background-image: url("sprite.svg#arrow-menu-black")
}

@media only screen and (max-width:767px) {
   .menu-items__title.is-parent:after {
      display: inline-block
   }
}

@media only screen and (max-width:812px) and (max-height:380px) {
   .menu-items__title.is-parent {
      margin-bottom: 10px !important
   }

   .menu-items__title.is-parent:after {
      display: inline-block
   }
}

.menu-items__link {
   display: block;
   margin-top: 10px;
   font-size: 14px;
   line-height: 1.71
}

@media only screen and (max-width:767px) {
   .menu-items__link {
      display: none;
      visibility: hidden;
      opacity: 0;
      margin-left: 30px;
      font-size: 12px
   }
}

@media only screen and (max-width:812px) and (max-height:380px) {
   .menu-items__link {
      display: none;
      visibility: hidden;
      opacity: 0;
      margin-left: 10px;
      font-size: 12px
   }
}

.menu-items--active .menu-items__link {
   display: block;
   visibility: visible;
   opacity: 1;
   -webkit-animation: fade 1s;
   animation: fade 1s
}

@media only screen and (max-width:767px) {
   .menu-items {
      margin-top: 12px;
      margin-bottom: 12px
   }
}

@media only screen and (max-height:375px) {
   .menu-items {
      margin-top: 6px;
      margin-bottom: 6px
   }

   .menu-items:last-child {
      margin-bottom: 50px
   }
}

.menu-container {
   position: absolute;
   display: none;
   left: 0;
   top: 0;
   width: 100%;
   height: 375px;
   background-color: rgba(0, 0, 0, .9);
   z-index: 2
}

.inner .menu-container {
   background-color: hsla(0, 0%, 100%, .9)
}

.menu-tabs,
.menu-tabs__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
}

.menu-tabs__item {
   position: relative;
   height: 60px;
   margin-left: 60px;
   margin-bottom: 10px;
   font-size: 14px;
   font-weight: 500;
   line-height: 14px;
   color: #000;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.menu-tabs__item a {
   color: #000;
   text-decoration: none;
   -webkit-transition: color .3s cubic-bezier(.645, .045, .355, 1);
   transition: color .3s cubic-bezier(.645, .045, .355, 1)
}

.menu-tabs__item:first-child {
   margin-left: 0
}

.menu-tabs__item:hover a {
   color: #4095f7
}

.menu-tabs__item--active:after {
   content: "";
   position: absolute;
   right: -10px;
   bottom: -10px;
   width: calc(100% + 20px);
   height: 3px;
   margin-left: -10px;
   background-color: #4095f7
}

@media only screen and (max-width:767px) {
   .menu-tabs {
      overflow: scroll;
      -ms-overflow-style: none;
      scrollbar-width: none
   }

   .menu-tabs::-webkit-scrollbar {
      display: none
   }

   .menu-tabs__item {
      white-space: nowrap
   }
}

@media only screen and (max-width:820px) {
   .menu {
      padding-top: 85px
   }

   .menu .header-search {
      display: none !important
   }

   .menu .container {
      overflow: scroll
   }

   .menu .container .row {
      -webkit-box-align: start !important;
      -ms-flex-align: start !important;
      align-items: flex-start !important
   }
}

@media only screen and (max-width:420px) {
   .menu .header-search {
      display: block !important;
      margin-bottom: 25px
   }

   .menu .container {
      padding-top: 0
   }
}

.nav-bottom {
   counter-increment: counter 1;
   height: 200px;
   background-color: #fff;
   -webkit-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
   transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
   border-top: 2px solid #f1f2f3;
   border-left: 2px solid #f1f2f3;
   overflow: hidden
}

.nav-bottom:first-child {
   border-left: 0
}

.nav-bottom__link {
   font-size: 18px;
   font-weight: 600;
   line-height: 1.94;
   letter-spacing: .09px;
   color: #111a2c;
   text-decoration: none
}

.nav-bottom:after {
   content: "0 " counter(counter, decimal);
   display: block;
   position: absolute;
   bottom: -45px;
   margin-left: -4px;
   font-size: 120px;
   font-weight: 600;
   letter-spacing: -15px;
   color: #f1f2f3;
   -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
   transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

@media only screen and (max-width:767px) {
   .nav-bottom {
      height: 100px;
      border-left: 0;
      border-top: 2px solid #f1f2f3
   }

   .nav-bottom:after {
      right: 30px;
      bottom: -30px;
      font-size: 80px
   }
}

.nav-bottom:hover:after {
   color: #a1c95d;
   opacity: .6
}

.h1 {
   margin: 0 0 0 -4px;
   font-size: 52px;
   font-weight: 700;
   line-height: 1.23;
   color: #000
}

@media only screen and (max-width:1200px) {
   .h1 {
      font-size: 46px
   }
}

@media only screen and (max-width:767px) {
   .h1 {
      font-size: 28px;
      margin: 0 0 0 -2px
   }
}

.h1-subtitle {
   max-width: 540px;
   font-size: 14px;
   line-height: 1.71;
   color: #131313
}

@media only screen and (max-width:767px) {
   .h1-subtitle {
      font-size: 13px
   }
}

.inner-bg .h1 {
   color: #fff
}

.h2 {
   margin-top: -6px;
   margin-bottom: 0;
   font-size: 36px;
   font-weight: 600;
   line-height: 1.33
}

@media only screen and (max-width:1023px) {
   .h2 br {
      display: none
   }
}

@media only screen and (max-width:767px) {
   .h2 {
      font-size: 22px
   }
}

.h3 {
   font-size: 24px;
   font-weight: 600
}

@media only screen and (max-width:767px) {
   .h3 {
      font-size: 18px
   }
}

.btn {
   position: relative;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   padding-left: 65px;
   padding-right: 25px;
   font-size: 14px;
   line-height: 60px;
   color: #fff;
   border: 0;
   background-color: #4095f7;
   text-decoration: none;
   cursor: pointer;
   z-index: 5;
   -webkit-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
   transition: opacity .3s cubic-bezier(.645, .045, .355, 1)
}

.btn,
.btn:after {
   height: 60px;
   background-repeat: no-repeat
}

.btn:after {
   content: "";
   width: 8px;
   margin-left: 18px;
   background-image: url("sprite.svg#btn-arrow");
   background-size: 15px;
   background-position: -3px 50%
}

.btn--video {
   background-image: url("sprite.svg#btn-video");
   background-size: 40px;
   background-position: 15px 49%
}

.btn--layer {
   background-image: url("sprite.svg#btn-layers");
   background-size: 28px;
   background-position: 20px 50%
}

.btn--production {
   position: absolute;
   bottom: 0
}

@media only screen and (max-width:1023px) {
   .btn--production {
      position: relative
   }
}

.btn--order {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAYAAACEYr13AAAAXklEQVQ4jWNgYGD4TyKuZ0ADpBqAYQhMkBCAqfuDbgipBoQjG8KIpJmRCAMwABMRNuMFLCSoRXfhf6q4YOANwBYGhKIUJSxo4gJC6QEF0CUM8LpoGIQBcm4kC1DsAgAwyS1RkCFAjgAAAABJRU5ErkJggg==);
   background-position: 27px 50%
}

.btn--send {
   background-color: #17181c;
   background-image: url("sprite.svg#icon-mail");
   background-size: 22px;
   background-position: 25px 50%
}

.btn--noicon {
   padding-left: 25px
}

@media only screen and (max-width:767px) {
   .btn {
      line-height: 50px;
      padding-left: 55px;
      padding-right: 20px;
      font-size: 12px
   }

   .btn,
   .btn:after {
      height: 50px
   }

   .btn--noicon {
      padding-left: 25px
   }
}

.btn:hover {
   opacity: .7
}

.btn-slider {
   position: absolute;
   top: 50%;
   width: 60px;
   height: 60px;
   background: url("slider-arrow.png") 50% 50% #4095f7 no-repeat;
   z-index: 10;
   cursor: pointer;
   -webkit-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
   transition: opacity .3s cubic-bezier(.645, .045, .355, 1)
}

.btn-slider--prev {
   left: -120px;
   -webkit-transform: rotate(-180deg);
   transform: rotate(-180deg)
}

.btn-slider--next {
   right: -120px
}

.btn-slider.swiper-button-disabled,
.btn-slider.swiper-button-disabled:hover {
   opacity: 0
}

@media only screen and (max-width:1200px) {
   .btn-slider {
      display: none
   }
}

.btn-slider--black {
   background-color: #111a2c
}

.btn-slider:hover {
   opacity: .85
}

.btn-more {
   position: relative;
   display: inline-block;
   width: auto;
   height: 60px;
   padding-left: 65px;
   padding-right: 30px;
   border: 1px solid #4095f7;
   font-size: 14px;
   color: #111a2c;
   line-height: 58px;
   text-decoration: none;
   -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
   transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.btn-more:before {
   content: "";
   display: block;
   position: absolute;
   left: 15px;
   top: 50%;
   width: 30px;
   height: 28px;
   margin-top: -14px;
   background-image: url("sprite.svg#btn-load");
   background-size: cover;
   background-repeat: no-repeat
}

.btn-more:hover {
   color: #4095f7;
   opacity: .8
}

.btn-more:hover:before {
   -webkit-animation: spin 2s linear infinite;
   animation: spin 2s linear infinite
}

.nav-btn {
   position: relative;
   z-index: 30;
   width: 24px;
   border: none;
   padding: 0;
   margin: 0;
   background-color: transparent;
   cursor: pointer
}

.nav-btn:focus {
   outline: none
}

.nav-btn__line,
.nav-btn__line:nth-child(2):after {
   height: 2px;
   background-color: #fff;
   -webkit-transition: opacity .2s, -webkit-transform .3s;
   transition: opacity .2s, -webkit-transform .3s;
   transition: transform .3s, opacity .2s;
   transition: transform .3s, opacity .2s, -webkit-transform .3s
}

.nav-btn__line:nth-child(3) {
   width: 14px
}

.nav-btn__line:nth-child(2):after {
   content: "";
   display: block;
   width: 100%
}

.nav-btn__line+.nav-btn__line {
   margin-top: 6px
}

.menu-open .nav-btn__line:first-child {
   opacity: 0;
   -webkit-transform: translateX(-100%);
   transform: translateX(-100%)
}

.menu-open .nav-btn__line:nth-child(3) {
   opacity: 0;
   -webkit-transform: translateX(100%);
   transform: translateX(100%)
}

.menu-open .nav-btn__line:nth-child(2) {
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg)
}

.menu-open .nav-btn__line:nth-child(2):after {
   -webkit-transform: rotate(-90deg);
   transform: rotate(-90deg)
}

.button-play {
   position: absolute;
   left: 50%;
   top: 50%;
   width: 80px;
   height: 80px;
   margin: -40px 0 0 -40px;
   background-color: rgba(0, 0, 0, .9);
   border-radius: 80px;
   background-image: url("sprite.svg#icon-play");
   background-position: 50% 50%;
   background-repeat: no-repeat
}

.breadcrumbs {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
}

@media only screen and (max-width:767px) {
   .breadcrumbs {
      display: none
   }
}

.breadcrumbs__item {
   font-size: 12px;
   line-height: 1.67;
   color: rgba(0, 0, 0, .5)
}

.breadcrumbs__item:before {
   content: "-";
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   margin: 0 5px
}

.breadcrumbs__item a {
   font-size: 12px;
   line-height: 1.67;
   color: rgba(0, 0, 0, .5);
   text-decoration: none
}

.breadcrumbs__item:first-child:before {
   content: "";
   display: block;
   position: absolute;
   margin-left: -17px;
   margin-top: 6px;
   width: 5px;
   height: 7px;
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHCAYAAADAp4fuAAAARklEQVQImWXNsQ2AMBQD0aegsABSxBzZl4oqJWNQMwgjQMMHBC7PJ5snPRaUdIEOM0bsYU3YMAQoOFB98jNjs2FFfhf3+wmNAwkRgujLwQAAAABJRU5ErkJggg==)
}

.inner-bg .breadcrumbs__item,
.inner-bg .breadcrumbs__item a {
   color: hsla(0, 0%, 100%, .5)
}

.inner-bg .breadcrumbs__item:first-child:before {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHCAYAAADAp4fuAAAASUlEQVQImXXNsQmAQAAEwcNHGxDEOuzXyMjQMowtxBLG4P1MFy5b9oK8G3Bg6lIpSbYkc5K7WSsujEgwqSwt9WsGBTtO9Pl6fwAE3WK3Kr29AwAAAABJRU5ErkJggg==)
}

.swiper-pagination--black .swiper-pagination-bullet {
   background: #111a2c
}

.swiper-pagination--black .swiper-pagination-bullet-active {
   background: #4095f7
}

.swiper-pagination--left {
   position: relative;
   text-align: left
}

.swiper-button-disabled,
.swiper-button-disabled:hover {
   opacity: 1 !important
}

.slider-full .swiper-slide {
   width: 1000px;
   height: 564px;
   background-size: cover;
   background-repeat: no-repeat;
   border-right: 100px solid transparent
}

@media only screen and (max-width:1400px) {
   .slider-full .swiper-slide {
      width: 900px;
      height: 560px;
      border-right: 0
   }
}

@media only screen and (max-width:1023px) {
   .slider-full .swiper-slide {
      width: 660px;
      height: 400px;
      border-right: 0
   }
}

@media only screen and (max-width:767px) {
   .slider-full .swiper-slide {
      width: 100%;
      height: 230px;
      border-right: 0
   }
}

.slider-full .swiper-pagination-fraction {
   bottom: auto;
   top: -25px;
   text-align: right;
   font-size: 14px;
   line-height: 1.71
}

@media only screen and (max-width:767px) {
   .slider-full .swiper-pagination-fraction {
      top: -40px;
      font-size: 12px;
      line-height: 1.67
   }
}

.slider-full .swiper-description {
   margin-top: -26px;
   padding-right: 40px;
   font-size: 14px;
   line-height: 1.71
}

.slider-full .swiper-description a {
   display: block;
   margin-bottom: 10px;
   font-size: 18px;
   font-weight: 600;
   line-height: 1.33;
   color: #111a2c;
   text-decoration: none
}

@media only screen and (max-width:767px) {
   .slider-full .swiper-description {
      margin-top: 10px;
      font-size: 12px;
      line-height: 1.67
   }

   .slider-full .swiper-description a {
      font-size: 14px;
      line-height: 1.71
   }
}

.slider-full .btn-slider {
   display: block;
   top: -370px
}

.slider-full .btn-slider--prev {
   left: auto;
   right: 0
}

.slider-full .btn-slider--next {
   right: -60px;
   background-color: #111a2c
}

@media only screen and (max-width:1023px) {
   .slider-full .btn-slider {
      top: -290px
   }
}

@media only screen and (max-width:767px) {
   .slider-full .btn-slider {
      top: -60px;
      width: 48px;
      height: 48px
   }

   .slider-full .btn-slider--prev {
      left: -28px
   }

   .slider-full .btn-slider--next {
      left: 20px
   }
}

.slider-full--white .swiper-slide {
   border-color: #fff
}

.slider-full--gray .swiper-slide {
   border-color: #f1f2f3
}

.slider-news {
   margin: 0 -20px;
   padding: 20px
}

.slider-news .swiper-slide {
   height: auto;
   -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
   transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.slider-news .swiper-slide:hover {
   -webkit-box-shadow: 0 2px 20px 0 rgba(84, 84, 84, .17);
   box-shadow: 0 2px 20px 0 rgba(84, 84, 84, .17)
}

.slider-news .swiper-slide:hover .main-news__detail {
   opacity: 1
}

.slider-news .news-block {
   width: 100%;
   height: 100%
}

@media only screen and (min-width:1300px) and (max-height:700px) {
   .slider-news .news-block {
      padding: 30px 39px
   }

   .slider-news .news-block__image {
      margin: -40px -40px 30px
   }

   .slider-news .news-block__rubric {
      bottom: 30px
   }
}

@media only screen and (max-width:1400px) {
   .slider-news {
      margin: 0 40px
   }
}

@media only screen and (max-width:1380px) {
   .slider-news {
      margin: 0;
      padding: 0
   }
}

@media only screen and (max-width:1023px) {
   .slider-news {
      margin: 0 -20px
   }
}

@media only screen and (max-width:767px) {
   .slider-news {
      margin: 0;
      padding: 0
   }
}

.block-slider {
   width: 600px;
   height: 460px
}

.block-slider .swiper-slide {
   background-size: cover
}

.block-slider .swiper-pagination {
   bottom: 0;
   left: 0;
   text-align: left
}

.product-card .block-slider .swiper-pagination {
   text-align: right
}

.block-slider .swiper-pagination-bullets .swiper-pagination-bullet {
   margin-right: 30px;
   margin-left: 0
}

.product-card .block-slider .swiper-pagination-bullets .swiper-pagination-bullet {
   margin-right: 0;
   margin-left: 30px
}

.block-slider .swiper-description {
   position: absolute;
   bottom: 0;
   font-size: 13px;
   line-height: 24px
}

.block-slider .swiper-pagination-fraction {
   font-size: 14px;
   line-height: 1.71
}

@media only screen and (max-width:767px) {
   .block-slider .swiper-pagination-fraction {
      font-size: 12px;
      line-height: 1.67
   }
}

.block-slider .btn-slider {
   display: block;
   top: 340px
}

.block-slider .btn-slider--prev {
   left: auto;
   right: 60px
}

.block-slider .btn-slider--next {
   right: 0;
   background-color: #111a2c
}

@media only screen and (max-width:1400px) {
   .block-slider .btn-slider {
      top: 300px
   }
}

@media only screen and (max-width:767px) {
   .block-slider .btn-slider {
      top: 180px
   }
}

@media only screen and (max-width:1400px) {
   .block-slider {
      width: 512px;
      height: 400px
   }
}

@media only screen and (max-width:1023px) {
   .block-slider {
      width: 100%;
      height: 460px
   }
}

@media only screen and (max-width:767px) {
   .block-slider {
      height: 250px
   }
}

.block-slider-overlay {
   position: relative
}

.block-slider-overlay .btn-slider {
   display: block;
   top: 50%;
   margin: -50px -60px 0
}

.block-slider-overlay .btn-slider--prev {
   left: auto;
   right: 60px
}

.block-slider-overlay .btn-slider--next {
   right: 0;
   background-color: #111a2c
}

.block-slider-overlay .swiper-description {
   position: relative;
   margin: 20px 40px 0 0;
   font-size: 13px
}

.block-slider-overlay .swiper-pagination-fraction {
   line-height: 17px
}

@media only screen and (max-width:1023px) {
   .block-slider-overlay .btn-slider {
      top: 340px;
      margin: 0
   }

   .block-slider-overlay .swiper-description {
      font-size: 12px;
      line-height: 18px;
      margin: 20px 25px 0 0
   }
}

@media only screen and (max-width:767px) {
   .block-slider-overlay .btn-slider {
      top: 140px;
      margin: 0
   }

   .block-slider-overlay .swiper-pagination {
      position: absolute;
      top: 215px
   }
}

.block-slider--product {
   width: 100%;
   height: 460px
}

@media only screen and (max-width:1400px) {
   .block-slider--product {
      height: auto
   }

   .block-slider--product .swiper-wrapper {
      height: 360px
   }

   .block-slider--product .btn-slider {
      top: 300px
   }

   .block-slider--product .swiper-description {
      position: relative;
      margin: 20px 40px 0 0
   }
}

@media only screen and (max-width:1023px) {
   .block-slider--product .swiper-wrapper {
      height: 400px
   }

   .block-slider--product .btn-slider {
      top: 340px
   }
}

@media only screen and (max-width:767px) {
   .block-slider--product .swiper-wrapper {
      height: 210px
   }

   .block-slider--product .btn-slider {
      top: 170px
   }
}

.infographics__value {
   font-size: 72px;
   font-weight: 600;
   color: #4095f7;
   white-space: nowrap
}

.infographics__value sup {
   display: inline-block;
   font-size: 12px;
   font-weight: 700;
   line-height: 1.5;
   letter-spacing: .6px
}

@media only screen and (max-width:767px) {
   .infographics__value sup {
      vertical-align: 10px
   }
}

.infographics__value sub {
   display: inline-block;
   font-size: 36px;
   font-weight: 600;
   vertical-align: inherit
}

@media only screen and (max-width:1023px) {
   .infographics__value {
      font-size: 55px
   }
}

@media only screen and (max-width:767px) {
   .infographics__value {
      font-size: 50px
   }
}

.infographics__text {
   max-width: 195px;
   margin-top: 20px;
   font-size: 14px;
   line-height: 1.71;
   color: #000
}

@media only screen and (max-width:767px) {
   .infographics__text {
      font-size: 12px
   }
}

.infographics__svg {
   width: 50px;
   height: 65px;
   margin-bottom: -11px;
   fill: #4095f7
}

.infographics-slider {
   width: 100%
}

.numeration__item {
   min-height: 240px;
   border-right: 20px solid #f1f2f3;
   border-bottom: 20px solid #f1f2f3;
   font-size: 14px;
   line-height: 1.71;
   color: #131313;
   background-color: #fff;
   overflow: hidden
}

.numeration--colored .numeration__item {
   color: #fff;
   background-color: #4095f7
}

.numeration--colored .numeration__item:after,
.numeration--colored .numeration__item:before {
   color: #80a540
}

.numeration--colored .numeration__item:nth-child(2) {
   color: #111a2c;
   background-color: #fff
}

.numeration--colored .numeration__item:nth-child(2):after,
.numeration--colored .numeration__item:nth-child(2):before {
   color: #e7e8e9
}

.numeration--colored .numeration__item:nth-child(3) {
   color: #000;
   background-color: #d9d9d9
}

.numeration--colored .numeration__item:nth-child(3):after,
.numeration--colored .numeration__item:nth-child(3):before {
   color: #cbcbcb
}

.numeration--colored .numeration__item:nth-child(4) {
   color: #fff;
   background-color: #879fcf
}

.numeration--colored .numeration__item:nth-child(4):after,
.numeration--colored .numeration__item:nth-child(4):before {
   color: #738dc3
}

.product-card .numeration__item {
   -webkit-box-flex: 1;
   -ms-flex: 1 0 auto;
   flex: 1 0 auto;
   min-height: auto;
   border: 0;
   background-color: transparent
}

.product-card .numeration__item:after {
   /*content:"0 " counter(counter,decimal);*/
   counter-increment: counter;
   display: block;
   position: absolute;
   top: 0;
   bottom: auto;
   margin-left: 0;
   font-size: 17px;
   font-weight: 600;
   letter-spacing: -1.5px;
   color: #4095f7
}

.product-card .numeration__item p {
   margin: 50px 60px 30px 0
}

@media only screen and (max-width:767px) {
   .product-card .numeration__item p {
      margin: 50px 0 0
   }
}

.product-card .numeration__item:nth-child(3n+3) {
   padding-left: 30px
}

.product-card .numeration__item:nth-child(3n+3) p {
   margin-right: 0
}

@media only screen and (max-width:1023px) {
   .product-card .numeration__item:nth-child(3n+3) {
      padding-left: 0
   }

   .product-card .numeration__item:nth-child(3n+3) p {
      margin: 50px 60px 30px 0
   }
}

@media only screen and (max-width:767px) {
   .product-card .numeration__item:nth-child(3n+3) p {
      margin: 50px 0 0
   }
}

.numeration__item p {
   margin: 50px 60px 100px
}

.numeration__item p strong {
   display: block;
   font-size: 18px;
   font-weight: 600;
   line-height: 1.78;
   color: #111a2c
}

.numeration__item:nth-child(2n) {
   border-right: 0
}

.numeration__item:after {
   /* content:"0 " counter(counter,decimal); counter-increment:counter;*/
   display: block;
   position: absolute;
   bottom: -79px;
   margin-left: 55px;
   font-size: 120px;
   font-weight: 600;
   letter-spacing: -15px;
   color: #f1f2f3
}

.numeration--colored .numeration__item:before {
   content: "\201C";
   display: block;
   position: absolute;
   top: -25px;
   left: -7px;
   font-size: 170px;
   font-weight: 600;
   line-height: 170px
}

@media only screen and (max-width:767px) {
   .numeration--colored .numeration__item:before {
      top: -15px;
      left: -4px;
      font-size: 110px;
      line-height: 110px
   }
}

@media only screen and (max-width:1023px) {
   .numeration__item {
      border-right: 0
   }
}

@media only screen and (max-width:767px) {
   .numeration__item {
      padding: 0 0 20px;
      font-size: 12px;
      line-height: 1.67;
      min-height: auto
   }

   .numeration__item p {
      margin: 40px 30px 80px
   }

   .numeration__item:after {
      bottom: -50px;
      margin-left: 27px;
      font-size: 80px
   }
}

.manufacture-slider {
   width: 100%;
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAABCAMAAADKFy/CAAAABlBMVEVTtSz///8dAHJmAAAAAnRSTlP/AOW3MEoAAAALSURBVHgBYwADRgAACAACqhCY0wAAAABJRU5ErkJggg==);
   background-repeat: repeat-x;
   background-position: 0 90px
}

@media only screen and (max-width:767px) {
   .manufacture-slider {
      background-position: 0 74px
   }
}

.manufacture-slider .swiper-slide:before {
   content: counter(counter, decimal);
   counter-increment: counter;
   display: block;
   position: absolute;
   top: 26px;
   left: -150px;
   font-size: 120px;
   font-weight: 600;
   line-height: 120px;
   color: #fff
}

@media only screen and (max-width:767px) {
   .manufacture-slider .swiper-slide:before {
      top: 32px;
      left: -98px;
      font-size: 80px;
      line-height: 80px
   }
}

.manufacture-slider .swiper-slide:nth-child(-n+9):before {
   left: -113px
}

@media only screen and (max-width:767px) {
   .manufacture-slider .swiper-slide:nth-child(-n+9):before {
      left: -70px
   }
}

.manufacture-slider .btn-slider {
   position: relative;
   display: block;
   float: right;
   top: 0;
   right: auto;
   left: auto
}

.manufacture-slider .btn-slider--next {
   background-color: #111a2c
}

.manufacture__title {
   font-size: 18px;
   font-weight: 600;
   line-height: 1.56;
   color: #111a2c
}

@media only screen and (max-width:767px) {
   .manufacture__title {
      font-size: 14px;
      line-height: 20px
   }
}

.manufacture__circle {
   width: 8px;
   height: 8px;
   background-color: #111a2c;
   border-radius: 8px
}

.manufacture__text {
   max-width: 268px;
   font-size: 14px;
   line-height: 1.71;
   color: #111a2c
}

@media only screen and (max-width:767px) {
   .manufacture__text {
      max-width: 220px;
      font-size: 12px;
      line-height: 18px
   }
}

.slider-overlay {
   position: relative
}

.slider-overlay .swiper-container {
   height: 330px
}

.slider-overlay .slider-contain {
   height: 100%;
   background-size: contain;
   background-repeat: no-repeat
}

.slider-overlay .btn-slider {
   display: block;
   top: 50%;
   margin: -40px -90px 0
}

.slider-overlay .btn-slider--prev {
   left: 0;
   right: auto
}

.slider-overlay .btn-slider--next {
   right: 0;
   background-color: #111a2c
}

@media only screen and (max-width:1024px) {
   .slider-overlay .btn-slider {
      margin: -40px -62px 0
   }
}

@media only screen and (max-width:1023px) {
   .slider-overlay .swiper-container {
      height: auto
   }

   .slider-overlay .slider-contain {
      height: 360px;
      background-size: cover
   }

   .slider-overlay .btn-slider {
      top: auto;
      bottom: -40px;
      left: auto;
      right: 0;
      margin: 0
   }

   .slider-overlay .btn-slider--prev {
      right: 60px
   }
}

@media only screen and (max-width:767px) {
   .slider-overlay .slider-contain {
      height: 200px
   }

   .slider-overlay .btn-slider {
      bottom: -50px
   }
}

.accordion {
   margin: 0 -50px
}

@media only screen and (max-width:1400px) {
   .accordion {
      margin: 0
   }
}

.accordion__title {
   position: relative;
   min-height: 100px;
   padding: 45px 100px 45px 50px;
   margin-top: 10px;
   font-size: 18px;
   font-weight: 600;
   line-height: 24px;
   color: #000;
   background-color: transparent;
   border-top: 2px solid #fff;
   cursor: pointer;
   -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
   transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.accordion__title.collapsed {
   background-color: #fff;
   border-top: 2px solid transparent
}

@media only screen and (max-width:767px) {
   .accordion__title {
      padding: 20px 40px 20px 20px;
      min-height: auto;
      line-height: 18px;
      font-size: 14px
   }
}

.accordion__button {
   display: block;
   position: absolute;
   top: 50%;
   right: 32px;
   margin-top: -14px;
   width: 28px;
   height: 28px;
   cursor: pointer
}

.accordion__button:after,
.accordion__button:before {
   content: "";
   position: absolute;
   background-color: #4095f7;
   -webkit-transition: -webkit-transform .25s ease-out;
   transition: -webkit-transform .25s ease-out;
   transition: transform .25s ease-out;
   transition: transform .25s ease-out, -webkit-transform .25s ease-out
}

.accordion__button:before {
   top: 0;
   left: 50%;
   width: 3px;
   height: 100%;
   margin-left: -1.5px;
   -webkit-transform: rotate(90deg);
   transform: rotate(90deg)
}

.accordion__button:after {
   top: 50%;
   left: 0;
   width: 100%;
   height: 3px;
   margin-top: -1.5px;
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg)
}

.collapsed .accordion__button:after,
.collapsed .accordion__button:before {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg)
}

@media only screen and (max-width:767px) {
   .accordion__button {
      right: 20px;
      width: 16px;
      height: 16px;
      margin-top: -8px
   }

   .accordion__button:before {
      width: 2px;
      margin-left: -1px
   }

   .accordion__button:after {
      height: 2px;
      margin-top: -1px
   }
}

.accordion__body {
   display: none;
   padding: 0 50px 30px;
   -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
   transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.accordion__body.show {
   display: block;
   border-bottom: 2px solid #fff
}

@media only screen and (max-width:1023px) {
   .accordion__body {
      padding: 0 0 30px
   }
}

.accordion__text {
   max-width: 700px;
   font-size: 14px;
   line-height: 1.71;
   color: #131313
}

@media only screen and (max-width:1023px) {
   .accordion__text {
      max-width: 500px
   }
}

@media only screen and (max-width:767px) {
   .accordion__text {
      font-size: 12px;
      line-height: 1.67
   }
}

.datepicker {
   padding: 10px;
   border-radius: 0
}

.datepicker .datepicker-switch {
   font-size: 16px
}

.datepicker .datepicker-switch:hover {
   background: transparent
}

.datepicker.dropdown-menu {
   width: 100%;
   max-width: 250px;
   border: 0;
   border-radius: 0;
   -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
   box-shadow: 0 2px 10px rgba(0, 0, 0, .2)
}

.datepicker:before {
   border: 0
}

.datepicker table {
   width: 100%;
   border-spacing: 0
}

.datepicker .month {
   border-radius: 0
}

.datepicker .today {
   background-color: #d3d3d3 !important;
   background-image: none !important
}

.datepicker .active {
   background-color: #4095f7 !important;
   background-image: none !important;
   color: #fff;
   text-shadow: none !important
}

.datepicker .next,
.datepicker .next:hover,
.datepicker .prev,
.datepicker .prev:hover {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAALBAMAAACufOGlAAAALVBMVEWBgYGampqampqampqampqampqampqampqampqampqampqampqampqampqamprXTh2sAAAADnRSTlMAAQMGXWlreIiXpeLu+DT0k8cAAAApSURBVAjXYzjOwMDQV8DAIPmMgYFxXgADg9YTBgbmvWAaxAeJg+SB6gDhkQpDMCgWWgAAAABJRU5ErkJggg==);
   background-color: transparent;
   background-repeat: no-repeat;
   background-position: 50% 40%
}

.datepicker .prev,
.datepicker .prev:hover {
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
   background-position: 50% 50%
}

.share {
   width: 100%;
   height: 198px;
   background-color: #fff
}

.share-block {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
}

.share-block__item {
   width: 70px;
   height: 70px;
   margin-right: 30px;
   background-color: #f1f2f3;
   border-radius: 70px;
   text-indent: 9999px;
   background-repeat: no-repeat;
   background-position: 50% 50%;
   -webkit-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
   transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
   overflow: hidden
}

.share-block__item--vk {
   background-image: url("sprite.svg#icon-vk");
   background-size: 22px
}

.share-block__item--fb {
   background-image: url("sprite.svg#icon-fb");
   background-size: 24px
}

.share-block__item--tw {
   background-image: url("sprite.svg#icon-tw");
   background-size: 18px
}

.share-block__item:hover {
   opacity: .8
}

@media only screen and (max-width:767px) {
   .share-block__item {
      width: 56px;
      height: 56px
   }
}

.table table {
   width: 100%
}

.table table tr:nth-child(odd) {
   background-color: #eaebec
}

.table table tr td {
   padding: 20px 30px;
   font-size: 14px;
   line-height: 1.71;
   color: #111a2c
}

@media only screen and (max-width:1023px) {
   .table table tr td {
      padding: 20px
   }
}

@media only screen and (max-width:767px) {
   .table table tr td {
      padding: 10px 20px;
      font-size: 12px
   }
}

.table table tr td p {
   padding: 0;
   margin: 0
}

@media only screen and (max-width:767px) {
   .table {
      overflow: scroll
   }
}

input[type=checkbox] {
   position: absolute;
   opacity: 0
}

input[type=checkbox]+label {
   position: relative;
   font-weight: 400;
   cursor: pointer
}

input[type=checkbox]+label span {
   display: inline-block;
   max-width: 88%;
   vertical-align: top
}

input[type=checkbox]+label:before {
   content: "";
   display: inline-block;
   width: 20px;
   height: 20px;
   margin: -2px 12px 0 0;
   vertical-align: middle;
   background-color: transparent;
   border: 1px solid #bfd9ff
}

input[type=checkbox]:checked+label:before,
input[type=checkbox]:checked+label:hover:before {
   background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDI2LjY3IDQyNi42NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDI2LjY3IDQyNi42NzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOiNmZmY7IiBkPSJNMTUzLjUwNCwzNjYuODM5Yy04LjY1NywwLTE3LjMyMy0zLjMwMi0yMy45MjctOS45MTFMOS45MTQsMjM3LjI2NWMtMTMuMjE4LTEzLjIxOC0xMy4yMTgtMzQuNjQ1LDAtNDcuODYzYzEzLjIxOC0xMy4yMTgsMzQuNjQ1LTEzLjIxOCw0Ny44NjMsMGw5NS43MjcsOTUuNzI3bDIxNS4zOS0yMTUuMzg2YzEzLjIxOC0xMy4yMTQsMzQuNjUtMTMuMjE4LDQ3Ljg1OSwwYzEzLjIyMiwxMy4yMTgsMTMuMjIyLDM0LjY1LDAsNDcuODYzTDE3Ny40MzYsMzU2LjkyOEMxNzAuODI3LDM2My41MzMsMTYyLjE2NSwzNjYuODM5LDE1My41MDQsMzY2LjgzOXoiLz48L3N2Zz4=);
   background-color: transparent;
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 10px;
   border-color: #bfd9ff
}

input.error,
input.error+label:before,
textarea.error {
   border-color: #ff0057
}

.footer {
   position: sticky;
   top: 100vh;
   width: 100%;
   height: auto;
   background-color: #17181c;
}

@media only screen and (max-width:767px) {
   .footer {
      height: auto
   }
}

.footer-logo {
   display: block;
   width: 130px;
   height: 34px;
   background: url(logo_inverted.png) 50% 50% no-repeat;
   background-size: 135px;
}

.footer-contacts__address {
   max-width: 280px;
   font-size: 12px;
   line-height: 2;
   color: #fff
}

@media only screen and (max-width:1400px) {
   .footer-contacts__address {
      max-width: 260px
   }
}

@media only screen and (max-width:767px) {
   .footer-contacts__address {
      max-width: 100%
   }
}

.footer-contacts__phone {
   font-size: 24px;
   font-weight: 600;
   color: #4095f7
}

.footer-contacts__fax {
   font-size: 14px;
   font-weight: 500;
   opacity: .7;
   color: #fff
}

.footer-copyright {
   position: absolute;
   bottom: 0;
   font-size: 13px;
   line-height: 2;
   color: #fff;
   opacity: .5
}

@media only screen and (max-width:1400px) {
   .footer-copyright {
      font-size: 12px
   }
}

@media only screen and (max-width:767px) {
   .footer-copyright {
      position: relative
   }
}

.footer-policy {
   position: absolute;
   bottom: 0;
   font-size: 13px;
   line-height: 2;
   color: #fff;
   opacity: .5;
   text-decoration: none
}

@media only screen and (max-width:1200px) {
   .footer-policy {
      font-size: 12px
   }
}

.footer-menu {
   margin: 0 0 100px;
   padding: 0;
   list-style: none
}

.footer-menu__item {
   margin: 0 0 35px;
   padding: 0
}

.footer-menu__item a {
   font-size: 14px;
   line-height: 2;
   color: #fff;
   text-decoration: none
}

.footer-menu__item--green a {
   color: #4095f7
}

.footer-menu__item:before {
   display: none
}

@media only screen and (max-width:1400px) {
   .footer-menu {
      margin: 0
   }

   .footer-menu__item {
      margin-bottom: 25px
   }

   .footer-menu__item--green {
      margin-bottom: 0
   }
}

@media only screen and (max-width:767px) {
   .footer-menu__item {
      margin-bottom: 15px
   }
}

.footer-search {
   display: inline-block;
   width: 21px;
   height: 20px;
   margin-top: 8px;
   background: url("sprite.svg#icon-search") no-repeat
}

.footer--sticky {
   position: relative
}

.footer--sticky:before {
   content: "";
   display: block;
   position: absolute;
   top: -400px;
   left: 0;
   width: 100%;
   height: 400px;
   z-index: 10
}

.footer-social__item {
   display: inline-block;
   width: 28px;
   height: 24px;
   margin-right: 15px;
   background-image: url("sprite.svg#icon-vk");
   background-size: cover;
   filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="100" /><feFuncG type="linear" slope="100" /><feFuncB type="linear" slope="100" /></feComponentTransfer></filter></svg>#filter');
   -webkit-filter: brightness(100);
   filter: brightness(100);
   opacity: .8;
   vertical-align: middle
}

.footer-social__item.fb {
   height: 18px;
   background-image: url("sprite.svg#icon-fb")
}

.footer-social__item:hover {
   opacity: 1
}

@media only screen and (max-width:767px) {
   .footer-social {
      margin-top: 20px
   }
}

.footer-made {
   position: absolute;
   right: 0;
   bottom: 0;
   font-size: 13px;
   line-height: 2;
   color: #fff;
   opacity: .5;
   text-decoration: none;
   white-space: nowrap
}

@media only screen and (max-width:1366px) {
   .footer-made {
      font-size: 12px
   }
}

.search-input {
   width: 100%;
   padding: 10px 0;
   border: 0;
   border-bottom: 2px solid #ccc;
   font-family: Montserrat, sans-serif;
   font-size: 16px;
   color: #666
}

.search__item {
   font-size: 14px
}

.search__item a {
   display: block;
   color: #4095f7;
   text-decoration: underline
}

.search__item a:hover {
   text-decoration: none
}

.main-slider {
   width: 100%;
   height: 100%;
   margin-left: auto;
   margin-right: auto
}

@media only screen and (min-width:660px) and (max-height:768px) {
   .main-slider {
      min-height: 600px
   }
}

@media only screen and (min-width:700px) and (max-height:768px) {
   .main-slider {
      min-height: 800px
   }
}

.main-slider-inner {
   width: 100%;
   height: 100%;
   margin-left: auto;
   margin-right: auto
}

.main-slider-inner .swiper-slide {
   overflow: hidden
}

.main-slider-inner .swiper-pagination {
   right: -30px;
   bottom: 60px
}

@media only screen and (max-width:1400px) {
   .main-slider-inner .swiper-pagination {
      bottom: 42px;
      right: 30px
   }
}

@media only screen and (max-width:767px) {
   .main-slider-inner .swiper-pagination {
      width: 100%;
      right: 0
   }

   .main-slider-inner .swiper-pagination .swiper-pagination-bullet {
      margin-right: 15px;
      margin-left: 15px
   }
}

.main-slider-energy {
   width: 623px;
   height: 420px;
   margin: 0
}

.main-slider-energy .swiper-slide {
   background-size: cover
}

.main-slider-energy .swiper-pagination {
   left: 0;
   bottom: 0;
   text-align: left
}

.main-slider-energy .swiper-pagination-bullet {
   background: #111a2c
}

.main-slider-energy .swiper-pagination-bullet-active {
   background: #4095f7
}

@media only screen and (max-width:1400px) {
   .main-slider-energy {
      width: 530px;
      height: 358px
   }
}

@media only screen and (max-width:1023px) {
   .main-slider-energy {
      width: 100%
   }
}

@media only screen and (max-width:767px) {
   .main-slider-energy {
      height: 216px
   }
}

.main-title {
   max-width: 450px;
   font-size: 52px;
   font-weight: 700;
   font-style: normal;
   font-stretch: normal;
   line-height: 1.23;
   letter-spacing: normal;
   color: #fff
}

@media only screen and (max-width:1400px) {
   .main-title {
      font-size: 46px;
      line-height: 1.26
   }
}

@media only screen and (max-width:767px) {
   .main-title {
      font-size: 28px;
      line-height: 1.29
   }
}

.main-info__icon {
   width: 57px;
   height: 57px;
   background: url("sprite.svg#icon-info") -6px 0 no-repeat;
   background-size: cover
}

.main-info__icon,
.main-info__text {
   display: inline-block;
   vertical-align: middle
}

.main-info__text {
   max-width: 180px;
   font-size: 14px;
   font-weight: 400;
   font-style: normal;
   font-stretch: normal;
   line-height: 1.71;
   letter-spacing: normal;
   color: #fff
}

@media only screen and (max-width:767px) {
   .main-info__text {
      max-width: 160px;
      font-size: 12px
   }
}

.main-total__value {
   font-size: 72px;
   font-weight: 600;
   line-height: normal;
   color: #a1c95d
}

.main-total__text,
.main-total__value {
   font-style: normal;
   font-stretch: normal;
   letter-spacing: normal
}

.main-total__text {
   font-size: 14px;
   font-weight: 400;
   line-height: 1.71;
   color: #fff
}

.main-video {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -webkit-transform: scale(1.4);
   transform: scale(1.4);
   z-index: -1
}

@media only screen and (max-width:1440px) {
   .main-video {
      -webkit-transform: scale(1.7);
      transform: scale(1.7)
   }
}

@media only screen and (max-width:1024px) {
   .main-video {
      -webkit-transform: scale(1.4);
      transform: scale(1.4)
   }
}

@media only screen and (max-width:1023px) {
   .main-video {
      width: auto
   }
}

.main-scroll {
   position: absolute;
   left: 40px;
   bottom: 45px;
   width: 40px;
   height: 110px;
   background: url("../images/style/scroll.png") 0 100% no-repeat;
   font-weight: 500;
   text-transform: uppercase;
   letter-spacing: normal;
   cursor: pointer;
   z-index: 10
}

.main-scroll span {
   display: block;
   font-size: 10px;
   color: #fff;
   -webkit-transform: rotate(-90deg);
   transform: rotate(-90deg)
}

.main-product {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-flow: column;
   flex-flow: column;
   text-decoration: none
}

@media only screen and (max-width:767px) {
   .main-product {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: initial;
      flex-flow: initial;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
   }
}

.main-product__icon {
   width: 64px;
   height: 64px;
   fill: #363f40;
   -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
   transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

@media only screen and (max-width:767px) {
   .main-product__icon {
      -webkit-transform: scale(.8);
      transform: scale(.8)
   }
}

.main-product__name {
   height: 64px;
   font-size: 18px;
   font-weight: 600;
   line-height: 1.78;
   color: #111a2c;
   -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
   transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

@media only screen and (max-width:767px) {
   .main-product__name {
      height: auto;
      font-size: 14px
   }
}

.main-grid--green .main-product__name {
   height: auto;
   font-size: 36px;
   font-weight: 700;
   color: #fff
}

@media only screen and (max-width:1400px) {
   .main-grid--green .main-product__name {
      font-size: 28px
   }
}

@media only screen and (max-width:767px) {
   .main-grid--green .main-product__name {
      font-size: 22px
   }
}

.main-grid {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   border-right: 1px solid #d3d3d3;
   border-bottom: 1px solid #d3d3d3;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end
}

@media only screen and (max-width:767px) {
   .main-grid {
      border-right: 0;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
   }
}

.main-grid--green {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   background-color: #4095f7
}

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

   .main-grid,
   .main-grid--green {
      height: 33.3% !important
   }
}

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

   .main-grid,
   .main-grid--green {
      height: 16.6% !important
   }

   .main-grid--green {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
   }
}

.main-grid:hover .main-product__name {
   color: #4095f7
}

.main-grid:hover .main-product__icon {
   fill: #4095f7
}

.main-energy__title {
   font-size: 52px;
   font-weight: 700;
   line-height: 1.23
}

.main-energy__text {
   max-width: 270px;
   font-size: 14px;
   line-height: 1.71;
   color: #131313
}

@media only screen and (max-width:1400px) {
   .main-energy__title {
      font-size: 46px;
      line-height: 1.26
   }
}

@media only screen and (max-width:1023px) {
   .main-energy__title {
      max-width: 320px
   }

   .main-energy__text {
      max-width: 480px
   }
}

@media only screen and (max-width:767px) {
   .main-energy__title {
      max-width: 170px;
      font-size: 28px;
      line-height: 1.29
   }

   .main-energy__text {
      font-size: 12px;
      max-width: 320px
   }
}

.main-life {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   position: absolute;
   bottom: -80px;
   right: 10px;
   width: 320px;
   height: 320px;
   border: 1px solid #4095f7;
   border-radius: 160px;
   color: #fff;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-flow: column;
   flex-flow: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   z-index: 20
}

.main-life:after {
   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
   width: 216px;
   height: 216px;
   margin: -108px 0 0 -108px;
   background: #4095f7;
   border-radius: 110px;
   z-index: -1
}

.main-life__title {
   font-size: 28px;
   font-weight: 700;
   line-height: 40px
}

.main-life__text,
.main-life__title {
   -ms-flex-item-align: center;
   align-self: center
}

.main-life__text {
   font-size: 12px
}

@media only screen and (max-width:1400px) {
   .main-life {
      width: 308px;
      height: 308px
   }

   .main-life:after {
      width: 206px;
      height: 206px;
      margin: -103px 0 0 -103px
   }
}

@media only screen and (max-width:767px) {
   .main-life {
      width: 176px;
      height: 176px;
      bottom: -15px;
      right: -15px
   }

   .main-life:after {
      width: 128px;
      height: 128px;
      margin: -64px 0 0 -64px
   }

   .main-life__title {
      font-size: 16px;
      line-height: 30px
   }

   .main-life__text {
      padding: 0 32px;
      font-size: 10px;
      text-align: center
   }
}

.main-power {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   color: #111a2c;
   white-space: nowrap
}

.main-power__value {
   width: 720px;
   font-size: 120px;
   font-weight: 600;
   line-height: 100px
}

@media only screen and (max-width:1400px) {
   .main-power__value {
      width: 600px;
      font-size: 100px;
      line-height: 80px
   }
}

@media only screen and (max-width:1023px) {
   .main-power__value {
      width: auto;
      font-size: 85px;
      line-height: 70px
   }
}

@media only screen and (max-width:767px) {
   .main-power__value {
      font-size: 40px
   }
}

.main-power__measure {
   font-size: 32px;
   font-weight: 700
}

@media only screen and (max-width:767px) {
   .main-power__measure {
      font-size: 18px;
      line-height: 53px
   }
}

.main-power-text {
   max-width: 310px;
   font-size: 18px;
   font-weight: 600;
   line-height: 1.67;
   color: #111a2c
}

@media only screen and (max-width:767px) {
   .main-power-text {
      font-size: 14px
   }
}

.main-stat {
   position: relative;
   color: #111a2c
}

.main-stat__value {
   font-size: 48px;
   font-weight: 600;
   line-height: 48px;
   letter-spacing: normal
}

@media only screen and (max-width:767px) {
   .main-stat__value {
      font-size: 34px;
      line-height: 34px
   }
}

.main-stat__value em {
   float: right;
   margin-right: 35px;
   font-style: normal;
   width: 41px;
   font-size: 18px;
   font-weight: 600;
   line-height: 23px
}

@media only screen and (max-width:1400px) {
   .main-stat__value em {
      margin-right: 55px
   }
}

@media only screen and (max-width:767px) {
   .main-stat__value em {
      margin-right: 25px;
      font-size: 14px;
      line-height: 16px
   }
}

.main-stat__text {
   margin-top: 20px;
   font-size: 14px;
   color: #9399a8
}

@media only screen and (max-width:767px) {
   .main-stat__text {
      font-size: 12px
   }
}

.main-stat:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 60px;
   height: 4px;
   background-color: #4095f7
}

.main-globe {
   position: relative;
   z-index: 10
}

.main-h3 {
   font-size: 36px;
   font-weight: 700;
   line-height: 1.33
}

@media only screen and (max-width:767px) {
   .main-h3 {
      font-size: 22px;
      line-height: 1.45
   }
}

.product-list__image {
   height: 420px;
   background-repeat: no-repeat;
   background-size: cover
}

@media only screen and (max-width:1023px) {
   .product-list__image {
      height: 320px
   }
}

@media only screen and (max-width:767px) {
   .product-list__image {
      height: 200px
   }
}

.product-list__title {
   font-size: 30px;
   font-weight: 600;
   line-height: 1.28;
   color: #111a2c
}

@media only screen and (max-width:1200px) {
   .product-list__title {
      font-size: 32px
   }
}

@media only screen and (max-width:767px) {
   .product-list__title {
      font-size: 24px
   }
}

.product-list__description {
   font-size: 14px;
   line-height: 1.71;
   color: #111a2c
}

@media only screen and (max-width:767px) {
   .product-list__description {
      font-size: 12px
   }
}

.product-section {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   height: 23vw;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   overflow: hidden
}

@media only screen and (max-width:1440px) {
   .product-section {
      height: 31vw
   }
}

@media only screen and (max-width:1023px) {
   .product-section {
      height: 39vw
   }
}

@media only screen and (max-width:767px) {
   .product-section {
      height: 250px
   }
}

.product-section__link {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   font-size: 18px;
   font-weight: 600;
   line-height: 1.67;
   color: #fff;
   text-decoration: none
}

@media only screen and (max-width:767px) {
   .product-section__link {
      font-size: 14px;
      line-height: 24px
   }
}

.product-section__bg {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-size: cover;
   -webkit-transition: all .4s cubic-bezier(.645, .045, .355, 1);
   transition: all .4s cubic-bezier(.645, .045, .355, 1);
   z-index: -1
}

.product-section-file {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   background-color: #17181c
}

@media only screen and (max-width:1023px) {
   .product-section-file {
      height: 39vw
   }
}

@media only screen and (max-width:767px) {
   .product-section-file {
      height: 250px;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start
   }
}

.product-section-file__link {
   display: block;
   font-size: 14px;
   line-height: 1.71;
   color: #fff;
   text-decoration: none
}

@media only screen and (max-width:1023px) {
   .product-section-file__link {
      display: inline-block
   }
}

.product-section-file__icon {
   width: 43px;
   height: 45px;
   background-image: url("sprite.svg#icon-file");
   background-size: 55px;
   background-repeat: no-repeat;
   background-position: -6px 0
}

@media only screen and (max-width:1023px) {
   .product-section-file__icon {
      display: inline-block;
      width: 90px;
      margin-top: 5px;
      vertical-align: top
   }
}

@media only screen and (max-width:767px) {
   .product-section-file__icon {
      display: block;
      width: 43px;
      height: 33px;
      background-size: contain;
      background-position: -5px 0
   }
}

.product-section-file__size {
   font-size: 14px;
   color: #848484
}

@media only screen and (max-width:1023px) {
   .product-section-file__size {
      margin-left: 92px;
      margin-top: 20px
   }
}

@media only screen and (max-width:767px) {
   .product-section-file__size {
      margin: 0
   }
}

.product-section:hover .product-section__bg {
   -webkit-transform: scale(1.1);
   transform: scale(1.1)
}

.product-card__title {
   max-width: 600px;
   margin-left: -3px;
   font-size: 36px;
   font-weight: 600;
   line-height: 1.33;
   color: #111a2c
}

@media only screen and (max-width:767px) {
   .product-card__title {
      margin-top: -15px;
      margin-bottom: 30px;
      max-width: 300px;
      font-size: 22px
   }
}

.product-card__description {
   min-height: 260px;
   font-size: 14px;
   line-height: 1.71;
   color: #111a2c
}

@media only screen and (max-width:1400px) {
   .product-card__description {
      min-height: 220px
   }
}

@media only screen and (max-width:1023px) {
   .product-card__description {
      min-height: auto
   }
}

@media only screen and (max-width:767px) {
   .product-card__description {
      font-size: 12px;
      line-height: 1.67
   }
}

.product-card__quote {
   font-size: 18px;
   font-weight: 500;
   line-height: 1.78;
   color: #111a2c
}

@media only screen and (max-width:767px) {
   .product-card__quote {
      font-size: 14px;
      line-height: 1.71
   }
}

.product-card__notice {
   font-size: 14px;
   line-height: 1.71;
   color: #111a2c
}

@media only screen and (max-width:767px) {
   .product-card__notice {
      font-size: 12px;
      line-height: 1.67
   }
}

.product-order {
   background-color: #4095f7
}

.product-order__title {
   margin-top: -10px;
   margin-left: -2px;
   font-size: 36px;
   font-weight: 600;
   line-height: 1.33;
   color: #fff
}

@media only screen and (max-width:767px) {
   .product-order__title {
      font-size: 22px;
      line-height: 1.45
   }
}

.product-order__description {
   max-width: 345px;
   font-size: 14px;
   line-height: 1.71;
   color: #fff
}

@media only screen and (max-width:767px) {
   .product-order__description {
      font-size: 12px;
      line-height: 1.67
   }
}

.product-order-form,
.product-order-form a {
   font-size: 14px;
   line-height: 1.71;
   color: #fff
}

.product-order-form a:hover {
   text-decoration: none
}

.product-order-form__input,
.product-order-form__textarea {
   width: 100%;
   padding: 20px 30px;
   border: 1px solid #bfd9ff;
   border-radius: 0;
   background-color: transparent;
   font-family: Montserrat, sans-serif;
   font-size: 16px;
   font-weight: 600;
   color: #fff;
   resize: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   overflow: hidden
}

.product-order-form__input::-webkit-input-placeholder,
.product-order-form__textarea::-webkit-input-placeholder {
   color: #fff;
   opacity: 1
}

.product-order-form__input:-ms-input-placeholder,
.product-order-form__input::-ms-input-placeholder,
.product-order-form__textarea:-ms-input-placeholder,
.product-order-form__textarea::-ms-input-placeholder {
   color: #fff;
   opacity: 1
}

.product-order-form__input::placeholder,
.product-order-form__textarea::placeholder {
   color: #fff;
   opacity: 1
}

.product-order-form__input:-ms-input-placeholder,
.product-order-form__input::-ms-input-placeholder,
.product-order-form__textarea:-ms-input-placeholder,
.product-order-form__textarea::-ms-input-placeholder {
   color: #fff !important
}

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

   .product-order-form__input,
   .product-order-form__textarea {
      padding: 12px 20px;
      font-size: 13px
   }
}

@media only screen and (max-width:1023px) {
   .product-order-form__textarea {
      height: 185px
   }
}

@media only screen and (max-width:767px) {
   .product-order-form__textarea {
      height: 140px
   }
}

.product-order-person {
   padding: 50px;
   color: #fff;
   background-color: #17181c
}

.product-order-person__image {
   width: 83px;
   height: 83px;
   border-radius: 100px;
   background-image: url("example/person.png")
}

.product-order-person__name {
   font-size: 18px;
   font-weight: 600;
   line-height: 1.56
}

.product-order-person__position {
   max-width: 150px;
   font-size: 12px;
   line-height: 1.5;
   opacity: .7
}

.product-order-person__contact {
   font-size: 16px;
   font-weight: 600;
   line-height: 1.63
}

.product-order-person__contact a {
   color: #fff;
   text-decoration: none
}

@media only screen and (max-width:767px) {
   .product-order-person__name {
      font-size: 14px;
      line-height: 1.71
   }

   .product-order-person__position {
      font-size: 12px;
      line-height: 1.67
   }

   .product-order-person__contact {
      font-size: 14px;
      line-height: 1.71
   }
}

.product-keys__image {
   width: 100%;
   height: 560px;
   background-size: cover;
   background-repeat: no-repeat
}

@media only screen and (max-width:1400px) {
   .product-keys__image {
      height: 500px
   }
}

@media only screen and (max-width:767px) {
   .product-keys__image {
      height: 200px
   }
}

.product-keys__description {
   font-size: 14px;
   line-height: 1.71;
   color: #131313
}

@media only screen and (max-width:767px) {
   .product-keys__description {
      font-size: 13px;
      line-height: 1.6
   }
}

.contact__name {
   font-size: 18px;
   font-weight: 600;
   line-height: 1.67
}

@media only screen and (max-width:767px) {
   .contact__name {
      font-size: 14px
   }
}

.contact__item {
   padding-left: 48px;
   font-size: 14px;
   line-height: 1.71;
   background-repeat: no-repeat
}

@media only screen and (max-width:767px) {
   .contact__item {
      font-size: 12px;
      line-height: 22px
   }
}

.contact__item a {
   display: block;
   color: #111a2c;
   text-decoration: none
}

.contact__item--address {
   background-image: url("sprite.svg#icon-pin");
   background-size: 28px;
   background-position: -2px 0
}

.contact__item--address a {
   color: #4095f7
}

.contact__item--email {
   background-image: url("sprite.svg#icon-mail");
   background-position: 0 3px;
   background-size: 22px
}

.contact__item--phone {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAC6klEQVRIiZXVW4hVdRTH8c854+R2sqIGrcluSCAVPdSm0KjE2gwoBSHRzYQooutUUFQSQeBLpl2wKagmByolgqZSQ6idUGB0YUsXwiKiREvSiCipnTJjD/81dJrmjDP/lz+ss/7ftfZa67dOY8Xmi0zxzMKp2Ilfsqo41M6xOVUyBvAxfsS3dV7213mZTQbegbNw5ATwq3ElNob/7fiyzsuFE8HnYQe2xX1dG3iNNyLAmRjEcXitzssbxoPPwxachK8xA09h+Tjw9ajwDLqyqrgJN2MEj9V5eWkrvIlN6MGLmI8+NPDkOAFGcDxuw2d1Xi7LqmIId0pleq7Oy65R+BycjrcDCq/iFhzC45jbAl8eX7oGneiv8/LarCpel/owN37TxLGRzeoxGQ7hWWn0loatA9fjGNwvNfdvrKrzsltq7k701nnZaOJgPDpxDPxkLMMfeD9s87FOqvk9YR+UerUyq4q/sB2noLuJvRGgdTpmYytOwPP4NOwf4UEMx92DldiNBeHzUlRkThO/SoI4F0eEwxVSHz7HfS1Bh/FElLAbC7Oq+BPv4qvw2YLN2NUI+W/AVXgIqzAznKfhYnw3pmQduARbs6oY1uaMzvm9UZ5bcTT242lJHBv9X7HDkW1bcCt8D96UFtL6sK3Bezgj7q4xb89DX52XPYeDw92S7Bf5d96X4oMAfYLTwr42Aq7F9lZVtoMfDNjveBhLcAC9eEdq8DZ8KMn9Z/RjOjbUeXn5RHD4BndI0h8I8AEsxiOS2BZgl9TQPklMnXihzsslE8FJG++ByOgVqcnwKM7GXbgwAsiqYkAaiM74kgnhJBXeKE3DaryFo/CbNEV7W52zqhjE95hR5+XMw8EFcBF+wGX4Aisiw/+cOi/XSbv9p6wq9k8GTtrt50i7u1OS+g68LPXj/Dovh3CNpPLFrY8bU/iDniVJ/wJpMTWlZk+PJHqzqtjd+mDaZMnYJ+3y0TU9O8D7sCeripGxD/4B19XMPd/2JhIAAAAASUVORK5CYII=)
}

.contact__about {
   max-width: 378px;
   height: 35px;
   font-size: 12px;
   line-height: 1.83
}

.news-calendar {
   position: relative;
   width: 100%;
   height: 60px;
   padding-left: 30px;
   border: 0;
   border-radius: 0;
   font-size: 12px;
   font-weight: 500;
   line-height: 60px;
   color: rgba(0, 0, 0, .5);
   background-color: #f1f2f3;
   background-image: url("sprite.svg#icon-calendar");
   background-repeat: no-repeat;
   background-position: right 18px center;
   background-size: 24px;
   cursor: pointer
}

@media only screen and (max-width:767px) {
   .news-calendar {
      display: none
   }
}

.news-container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-flow: row wrap;
   flex-flow: row wrap;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between
}

.news-container:after {
   content: "";
   width: 385px
}

@media only screen and (max-width:1400px) {
   .news-container {
      width: 796px;
      margin: 0 auto
   }
}

@media only screen and (max-width:1023px) {
   .news-container {
      width: auto;
      margin: 0
   }

   .news-container .news-block {
      width: 320px;
      margin-bottom: 20px
   }
}

@media only screen and (max-width:767px) {
   .news-container .news-block {
      width: 100%
   }
}

.news-block {
   position: relative;
   width: 385px;
   padding: 40px 49px;
   margin-bottom: 25px;
   border: 1px solid #e7e8e9;
   background-color: #fff;
   color: #111a2c;
   -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
   transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.news-block:hover {
   -webkit-box-shadow: 0 2px 20px 0 rgba(84, 84, 84, .17);
   box-shadow: 0 2px 20px 0 rgba(84, 84, 84, .17)
}

.news-block:hover .news-block__detail {
   opacity: 1
}

.news-block__date {
   font-size: 46px;
   font-weight: 600;
   line-height: 46px
}

.news-block__date span {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   margin-left: 7px;
   font-size: 14px;
   font-weight: 500;
   line-height: 1.6;
   vertical-align: top
}

.news-block__title {
   font-size: 16px;
   font-weight: 600;
   line-height: 1.63
}

.news-block__text {
   font-size: 14px;
   line-height: 1.71
}

.news-block__rubric {
   position: absolute;
   width: calc(100% - 100px);
   bottom: 49px;
   font-size: 14px;
   font-weight: 500;
   color: #4095f7
}

.news-block__image {
   position: relative;
   height: 200px;
   margin: -40px -50px 40px;
   background-position: 50% 0;
   background-repeat: no-repeat;
   background-size: cover
}

.news-block__detail {
   opacity: 0;
   color: #4095f7;
   text-align: right;
   text-decoration: none;
   -webkit-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
   transition: opacity .3s cubic-bezier(.645, .045, .355, 1)
}

@media only screen and (max-width:767px) {
   .news-block {
      padding: 30px
   }

   .news-block__date {
      font-size: 36px;
      line-height: 36px
   }

   .news-block__date span {
      font-size: 12px
   }

   .news-block__title {
      font-size: 13px;
      line-height: 1.54
   }

   .news-block__text {
      font-size: 11px;
      line-height: 1.73
   }

   .news-block__image {
      height: 160px;
      margin: -30px -30px 20px
   }

   .news-block__rubric {
      bottom: 30px;
      width: calc(100% - 60px);
      font-size: 11px
   }

   .news-block__detail {
      font-size: 11px
   }
}

.news-detail__category {
   font-size: 14px;
   line-height: 1.71;
   color: #4095f7
}

.news-detail__image {
   width: 100%;
   height: 560px;
   background-size: cover;
   background-repeat: no-repeat
}

@media only screen and (max-width:1400px) {
   .news-detail__image {
      height: 500px
   }
}

@media only screen and (max-width:1023px) {
   .news-detail__image {
      height: 370px
   }
}

@media only screen and (max-width:767px) {
   .news-detail__image {
      width: auto;
      height: 200px;
      margin: 0 -27px
   }
}

.news-detail__text {
   font-size: 14px;
   line-height: 1.71
}

.news-detail__text p {
   margin: 30px 0
}

.gallery__item {
   margin: 10px 0
}

.gallery__item img {
   width: 100%
}

.about-quote {
   font-size: 18px;
   font-weight: 600;
   line-height: 1.78;
   color: #111a2c
}

@media only screen and (max-width:767px) {
   .about-quote {
      font-size: 14px;
      line-height: 1.71
   }
}

.about-mission {
   height: 450px;
   border: 15px solid #fff;
   color: #000
}

.about-mission__title {
   font-size: 52px;
   font-weight: 700;
   line-height: 52px
}

.about-mission__text {
   position: relative;
   font-size: 18px;
   font-weight: 600;
   line-height: 1.78
}

.about-mission__text:before {
   content: "";
   position: absolute;
   top: 10px;
   left: 0;
   display: block;
   width: 50px;
   height: 4px;
   background-color: #4095f7
}

.about-mission__image {
   height: 477px;
   margin-top: -30px;
   background-image: url("tree.png");
   background-repeat: no-repeat;
   background-position: 95% 0
}

@media only screen and (max-width:1023px) {
   .about-mission {
      height: auto
   }

   .about-mission__image {
      margin-top: 30px;
      background-position: 50% 0
   }

   .about-mission__title {
      font-size: 46px;
      line-height: 46px
   }
}

@media only screen and (max-width:767px) {
   .about-mission {
      border: 10px solid #fff
   }

   .about-mission__title {
      font-size: 28px
   }

   .about-mission__text {
      font-size: 14px;
      line-height: 1.71
   }

   .about-mission__text:before {
      top: -30px
   }

   .about-mission__image {
      height: 320px;
      background-size: contain
   }
}

.history {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAABCAMAAADKFy/CAAAABlBMVEVTtSz///8dAHJmAAAAAnRSTlP/AOW3MEoAAAALSURBVHgBYwADRgAACAACqhCY0wAAAABJRU5ErkJggg==);
   background-repeat: repeat-x;
   background-position: 0 332px
}

.history__year {
   font-size: 52px;
   font-weight: 600;
   line-height: 52px;
   color: #4095f7
}

.history__circle {
   position: relative;
   width: 38px;
   height: 38px;
   margin: 30px 0;
   border: 5px solid #fff;
   border-radius: 38px
}

.history__circle:after {
   content: "";
   position: absolute;
   display: block;
   left: 50%;
   top: 50%;
   width: 8px;
   height: 8px;
   margin: -4px 0 0 -4px;
   background-color: #111a2c;
   border-radius: 8px
}

.history__text {
   font-size: 14px;
   line-height: 1.71;
   color: #131313
}

.history .btn-slider {
   top: 192px
}

@media only screen and (max-width:1440px) {
   .history .btn-slider--prev {
      left: -220px
   }
}

@media only screen and (max-width:1400px) {
   .history .btn-slider--prev {
      left: -120px
   }
}

@media only screen and (max-width:1023px) {
   .history {
      background-position: 0 292px
   }
}

@media only screen and (max-width:767px) {
   .history {
      background-position: 0 234px
   }

   .history__year {
      font-size: 40px
   }

   .history__text {
      font-size: 12px;
      line-height: 1.67
   }
}

.team {
   width: 285px;
   margin-bottom: 20px;
   background-color: #fff
}

@media only screen and (max-width:1400px) {
   .team {
      margin-bottom: 25px
   }
}

@media only screen and (max-width:767px) {
   .team {
      width: 100%
   }
}

.team__photo {
   width: 100%;
   height: 285px;
   background-size: cover
}

.team__name {
   margin: 30px 0 10px;
   padding: 0 38px;
   font-size: 16px;
   font-weight: 600;
   line-height: 1.63;
   color: #000
}

.team__text {
   height: 72px;
   color: rgba(0, 0, 0, .7)
}

.team__email,
.team__text {
   padding: 0 38px;
   font-size: 12px;
   line-height: 1.5
}

.team__email {
   display: block;
   margin: 20px 0 36px;
   font-weight: 500;
   color: #879fcf;
   text-decoration: none
}

.team__email:hover {
   text-decoration: underline
}

.team-container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-flow: row wrap;
   flex-flow: row wrap;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between
}

.team-container:after {
   content: "";
   width: 285px
}

@media only screen and (max-width:1023px) {
   .team-container {
      width: 592px;
      margin: 0 auto
   }
}

@media only screen and (max-width:767px) {
   .team-container {
      width: 285px;
      margin: 0
   }
}

@media only screen and (max-width:430px) {
   .team-container {
      width: 100%
   }
}

.partners {
   width: 285px;
   -webkit-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
   transition: opacity .3s cubic-bezier(.645, .045, .355, 1)
}

@media only screen and (max-width:767px) {
   .partners {
      width: 100%
   }
}

.partners-container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-flow: row wrap;
   flex-flow: row wrap;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between
}

.partners-container:after {
   content: "";
   width: 285px
}

@media only screen and (max-width:1023px) {
   .partners-container {
      width: 592px;
      margin: 0 auto
   }
}

@media only screen and (max-width:767px) {
   .partners-container {
      width: 285px;
      margin: 0
   }
}

@media only screen and (max-width:430px) {
   .partners-container {
      width: 100%
   }
}

.partners__logo {
   width: 100%;
   height: 200px;
   background-color: #fff;
   background-position: 50% 50%;
   background-repeat: no-repeat
}

.partners__name {
   margin-top: 25px
}

.partners__name a {
   font-size: 16px;
   font-weight: 600;
   line-height: 1.63;
   color: #000;
   text-decoration: none
}

@media only screen and (max-width:767px) {
   .partners__name a {
      font-size: 14px
   }
}

.partners:hover {
   opacity: .7
}

.manufacture {
   background-image: url("manufacture-circle.png");
   background-position: -195px 40%
}

.iso,
.manufacture {
   background-repeat: no-repeat
}

.iso {
   background-image: url("sprite.svg#iso");
   background-size: 344px;
   background-color: #4095f7;
   background-position: 50% 50%
}

.iso__title {
   font-size: 36px;
   font-weight: 600;
   line-height: 1.33;
   color: #fff
}

@media only screen and (max-width:767px) {
   .iso__title {
      font-size: 22px;
      line-height: 28px
   }
}

.iso__name {
   font-size: 72px;
   font-weight: 600;
   line-height: .9;
   color: #fff
}

.iso__line {
   width: 60px;
   height: 4px;
   background-color: #111a2c
}

.iso__text {
   max-width: 230px;
   font-size: 14px;
   line-height: 1.71;
   color: #fff
}

.e404 {
   background-color: #111217
}

.e404__image {
   width: 100%;
   height: 340px;
   background-image: url("404.png");
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: contain
}

@media only screen and (max-width:767px) {
   .e404__image {
      height: 100px
   }
}

.e404__text {
   font-size: 24px;
   font-weight: 700;
   line-height: 30px;
   color: #fff;
   text-align: center
}

.e404 .footer,
.e404 .header-link--lang,
.e404 .header-lk,
.e404 .header-menu {
   display: none !important
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
   .main-info__icon {
      background-position: 0 0
   }

   .btn--video {
      background-size: 32px 32px
   }

   .btn--layer,
   .btn--send {
      background-size: 20px 20px
   }

   .document:before,
   .product-section-file__icon {
      background-size: cover;
      background-position: 0 0
   }

   .contact__item--address,
   .contact__item--email {
      background-size: 20px 20px
   }
}