.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
      margin-bottom: .5rem;
      font-weight: 500;
      line-height: 1.2
  }
  
   
 
.main {
  margin: 110px auto;
  width: 480px;
  height: 480px;
  position: relative;
}
.big-circle {
  height: 100%;
  width: 100%;
  position: relative;
  border: 3px solid #6495f2;
  border-radius: 50%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center; 
  -webkit-justify-content: center;
  animation: Rotate 20s linear infinite;
  -webkit-animation: Rotate 20s linear infinite;
}
.icon-block {
  width: 64px;
  height: 64px;
  position: absolute;
  border-radius: 50%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  background-image: linear-gradient(180deg, #4967e6 0%, #627bf4 100%);
  -webkit-background-image: linear-gradient(180deg, #4967e6 0%, #627bf4 100%);
  box-shadow: 0 2px 4px 0 #3e5ada;
  -webkit-box-shadow: 0 2px 4px 0 #3e5ada;
}
.icon-block img {
  margin: 0px auto;
  width: 86%;
  animation: Rotate-reverse 20s linear infinite;
  -webkit-animation: Rotate-reverse 20s linear infinite;
}
.icon-block:first-child {
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.icon-block:nth-child(2) {
  top: 50%;
  right: 0;
  transform: translate(50%, -50%);
  -webkit-transform: translate(50%, -50%);
}
.icon-block:nth-child(3) {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  -webkit-transform: translate(-50%, 50%);
}
.icon-block:nth-child(4) {
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
/* circle content */
.circle {
  animation: circle-rotate 20s linear infinite;
  -webkit-animation: circle-rotate 20s linear infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  width: 75%;
  height: 75%;
  border: 3px solid #6495f2;
  border-radius: 50%;
}
.circle .icon-block img {
  animation: img-rotate 20s linear infinite;
  -webkit-animation: img-rotate 20s linear infinite;
}
/* center logo */
.center-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.center-logo img {
  max-width: 300px;
  filter: brightness(0) invert(1);
  
}

/* keyframe animation */

@keyframes Rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes Rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes Rotate-reverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}

@-webkit-keyframes Rotate-reverse {
  from {
    -webkit-transform: rotate(360deg);
  }
  to {
    -webkit-transform: rotate(0deg);
  }
}

@keyframes circle-rotate {
  from {
    transform: translate(-50%, -50%) rotate(45deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(405deg);
  }
}

@-webkit-keyframes circle-rotate {
  from {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
  }
  to {
    -webkit-transform: translate(-50%, -50%) rotate(405deg);
  }
}

@keyframes img-rotate {
  from {
    transform: rotate(-45deg);
  }
  to {
    transform: rotate(-405deg);
  }
}

@-webkit-keyframes img-rotate {
  from {
    -webkit-transform: rotate(-45deg);
  }
  to {
    -webkit-transform: rotate(-405deg);
  }
}

  
  
  
  
  
  
  

  .h1,h1 {
      font-size: 2.5rem
  }

  .h2,h2 {
      font-size: 2rem
  }

  .h3,h3 {
      font-size: 1.75rem
  }

  .h4,h4 {
      font-size: 1.5rem
  }

  .h5,h5 {
      font-size: 1.25rem
  }

  .h6,h6 {
      font-size: 1rem
  }

  .lead {
      font-size: 1.25rem;
      font-weight: 300
  }

  .display-1 {
      font-size: 6rem;
      font-weight: 300;
      line-height: 1.2
  }

  .display-2 {
      font-size: 5.5rem;
      font-weight: 300;
      line-height: 1.2
  }

  .display-3 {
      font-size: 4.5rem;
      font-weight: 300;
      line-height: 1.2
  }

  .display-4 {
      font-size: 3.5rem;
      font-weight: 300;
      line-height: 1.2
  }

  hr {
      margin-top: 1rem;
      margin-bottom: 1rem;
      border: 0;
      border-top: 1px solid rgba(0,0,0,.1)
  }

  .small,small {
      font-size: 80%;
      font-weight: 400
  }

  .mark,mark {
      padding: .2em;
      background-color: #fcf8e3
  }

  .list-unstyled {
      padding-left: 0;
      list-style: none
  }

  .list-inline {
      padding-left: 0;
      list-style: none
  }

  .list-inline-item {
      display: inline-block
  }

  .list-inline-item:not(:last-child) {
      margin-right: .5rem
  }

  .initialism {
      font-size: 90%;
      text-transform: uppercase
  }

  .blockquote {
      margin-bottom: 1rem;
      font-size: 1.25rem
  }

  .blockquote-footer {
      display: block;
      font-size: 80%;
      color: #6c757d
  }

  .blockquote-footer::before {
      content: "\2014\00A0"
  }

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

  .img-thumbnail {
      padding: .25rem;
      background-color: #fff;
      border: 1px solid #dee2e6;
      border-radius: .25rem;
      max-width: 100%;
      height: auto
  }

  .figure {
      display: inline-block
  }

  .figure-img {
      margin-bottom: .5rem;
      line-height: 1
  }

  .figure-caption {
      font-size: 90%;
      color: #6c757d
  }

  code {
      font-size: 87.5%;
      color: #e83e8c;
      word-break: break-word
  }

  a>code {
      color: inherit
  }

  kbd {
      padding: .2rem .4rem;
      font-size: 87.5%;
      color: #fff;
      background-color: #212529;
      border-radius: .2rem
  }

  kbd kbd {
      padding: 0;
      font-size: 100%;
      font-weight: 700
  }

  pre {
      display: block;
      font-size: 87.5%;
      color: #212529
  }

  pre code {
      font-size: inherit;
      color: inherit;
      word-break: normal
  }

  .pre-scrollable {
      max-height: 340px;
      overflow-y: scroll
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .table {
      width: 100%;
      margin-bottom: 1rem;
      color: #212529
  }

  .table td,.table th {
      padding: .75rem;
      vertical-align: top;
      border-top: 1px solid #dee2e6
  }

  .table thead th {
      vertical-align: bottom;
      border-bottom: 2px solid #dee2e6
  }

  .table tbody+tbody {
      border-top: 2px solid #dee2e6
  }

  .table-sm td,.table-sm th {
      padding: .3rem
  }

  .table-bordered {
      border: 1px solid #dee2e6
  }

  .table-bordered td,.table-bordered th {
      border: 1px solid #dee2e6
  }

  .table-bordered thead td,.table-bordered thead th {
      border-bottom-width: 2px
  }

  .table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th {
      border: 0
  }

  .table-striped tbody tr:nth-of-type(odd) {
      background-color: rgba(0,0,0,.05)
  }

  .table-hover tbody tr:hover {
      color: #212529;
      background-color: rgba(0,0,0,.075)
  }

  .table-primary,.table-primary>td,.table-primary>th {
      background-color: #b8daff
  }

  .table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th {
      border-color: #7abaff
  }

  .table-hover .table-primary:hover {
      background-color: #9fcdff
  }

  .table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th {
      background-color: #9fcdff
  }

  .table-secondary,.table-secondary>td,.table-secondary>th {
      background-color: #d6d8db
  }

  .table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th {
      border-color: #b3b7bb
  }

  .table-hover .table-secondary:hover {
      background-color: #c8cbcf
  }

  .table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th {
      background-color: #c8cbcf
  }

  .table-success,.table-success>td,.table-success>th {
      background-color: #c3e6cb
  }

  .table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th {
      border-color: #8fd19e
  }

  .table-hover .table-success:hover {
      background-color: #b1dfbb
  }

  .table-hover .table-success:hover>td,.table-hover .table-success:hover>th {
      background-color: #b1dfbb
  }

  .table-info,.table-info>td,.table-info>th {
      background-color: #bee5eb
  }

  .table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th {
      border-color: #86cfda
  }

  .table-hover .table-info:hover {
      background-color: #abdde5
  }

  .table-hover .table-info:hover>td,.table-hover .table-info:hover>th {
      background-color: #abdde5
  }

  .table-warning,.table-warning>td,.table-warning>th {
      background-color: #ffeeba
  }

  .table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th {
      border-color: #ffdf7e
  }

  .table-hover .table-warning:hover {
      background-color: #ffe8a1
  }

  .table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th {
      background-color: #ffe8a1
  }

  .table-danger,.table-danger>td,.table-danger>th {
      background-color: #f5c6cb
  }

  .table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th {
      border-color: #ed969e
  }

  .table-hover .table-danger:hover {
      background-color: #f1b0b7
  }

  .table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th {
      background-color: #f1b0b7
  }

  .table-light,.table-light>td,.table-light>th {
      background-color: #fdfdfe
  }

  .table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th {
      border-color: #fbfcfc
  }

  .table-hover .table-light:hover {
      background-color: #ececf6
  }

  .table-hover .table-light:hover>td,.table-hover .table-light:hover>th {
      background-color: #ececf6
  }

  .table-dark,.table-dark>td,.table-dark>th {
      background-color: #c6c8ca
  }

  .table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th {
      border-color: #95999c
  }

  .table-hover .table-dark:hover {
      background-color: #b9bbbe
  }

  .table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th {
      background-color: #b9bbbe
  }

  .table-active,.table-active>td,.table-active>th {
      background-color: rgba(0,0,0,.075)
  }

  .table-hover .table-active:hover {
      background-color: rgba(0,0,0,.075)
  }

  .table-hover .table-active:hover>td,.table-hover .table-active:hover>th {
      background-color: rgba(0,0,0,.075)
  }

  .table .thead-dark th {
      color: #fff;
      background-color: #343a40;
      border-color: #454d55
  }

  .table .thead-light th {
      color: #495057;
      background-color: #e9ecef;
      border-color: #dee2e6
  }

  .table-dark {
      color: #fff;
      background-color: #343a40
  }

  .table-dark td,.table-dark th,.table-dark thead th {
      border-color: #454d55
  }

  .table-dark.table-bordered {
      border: 0
  }

  .table-dark.table-striped tbody tr:nth-of-type(odd) {
      background-color: rgba(255,255,255,.05)
  }

  .table-dark.table-hover tbody tr:hover {
      color: #fff;
      background-color: rgba(255,255,255,.075)
  }

  @media (max-width: 575.98px) {
      .table-responsive-sm {
          display:block;
          width: 100%;
          overflow-x: auto;
          -webkit-overflow-scrolling: touch
      }

      .table-responsive-sm>.table-bordered {
          border: 0
      }
  }

  @media (max-width: 767.98px) {
      .table-responsive-md {
          display:block;
          width: 100%;
          overflow-x: auto;
          -webkit-overflow-scrolling: touch
      }

      .table-responsive-md>.table-bordered {
          border: 0
      }
  }

  @media (max-width: 991.98px) {
      .table-responsive-lg {
          display:block;
          width: 100%;
          overflow-x: auto;
          -webkit-overflow-scrolling: touch
      }

      .table-responsive-lg>.table-bordered {
          border: 0
      }
  }

  @media (max-width: 1199.98px) {
      .table-responsive-xl {
          display:block;
          width: 100%;
          overflow-x: auto;
          -webkit-overflow-scrolling: touch
      }

      .table-responsive-xl>.table-bordered {
          border: 0
      }
  }

  .table-responsive {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch
  }

  .table-responsive>.table-bordered {
      border: 0
  }

  .form-control {
      display: block;
      width: 100%;
      height: calc(1.5em + .75rem + 2px);
      padding: .375rem .75rem;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5;
      color: #495057;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid #ced4da;
      border-radius: .25rem;
      transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }

  @media (prefers-reduced-motion:reduce) {
      .form-control {
          transition: none
      }
  }

  .form-control::-ms-expand {
      background-color: transparent;
      border: 0
  }

  .form-control:focus {
      color: #495057;
      background-color: #fff;
      border-color: #80bdff;
      outline: 0;
      box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
  }

  .form-control::-webkit-input-placeholder {
      color: #6c757d;
      opacity: 1
  }

  .form-control::-moz-placeholder {
      color: #6c757d;
      opacity: 1
  }

  .form-control:-ms-input-placeholder {
      color: #6c757d;
      opacity: 1
  }

  .form-control::-ms-input-placeholder {
      color: #6c757d;
      opacity: 1
  }

  .form-control::placeholder {
      color: #6c757d;
      opacity: 1
  }

  .form-control:disabled,.form-control[readonly] {
      background-color: #e9ecef;
      opacity: 1
  }

  select.form-control:focus::-ms-value {
      color: #495057;
      background-color: #fff
  }

  .form-control-file,.form-control-range {
      display: block;
      width: 100%
  }

  .col-form-label {
      padding-top: calc(.375rem + 1px);
      padding-bottom: calc(.375rem + 1px);
      margin-bottom: 0;
      font-size: inherit;
      line-height: 1.5
  }

  .col-form-label-lg {
      padding-top: calc(.5rem + 1px);
      padding-bottom: calc(.5rem + 1px);
      font-size: 1.25rem;
      line-height: 1.5
  }

  .col-form-label-sm {
      padding-top: calc(.25rem + 1px);
      padding-bottom: calc(.25rem + 1px);
      font-size: .875rem;
      line-height: 1.5
  }

  .form-control-plaintext {
      display: block;
      width: 100%;
      padding-top: .375rem;
      padding-bottom: .375rem;
      margin-bottom: 0;
      line-height: 1.5;
      color: #212529;
      background-color: transparent;
      border: solid transparent;
      border-width: 1px 0
  }

  .form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm {
      padding-right: 0;
      padding-left: 0
  }

  .form-control-sm {
      height: calc(1.5em + .5rem + 2px);
      padding: .25rem .5rem;
      font-size: .875rem;
      line-height: 1.5;
      border-radius: .2rem
  }

  .form-control-lg {
      height: calc(1.5em + 1rem + 2px);
      padding: .5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: .3rem
  }

  select.form-control[multiple],select.form-control[size] {
      height: auto
  }

  textarea.form-control {
      height: auto
  }

  .form-group {
      margin-bottom: 1rem
  }

  .form-text {
      display: block;
      margin-top: .25rem
  }

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

  .form-row>.col,.form-row>[class*=col-] {
      padding-right: 5px;
      padding-left: 5px
  }

  .form-check {
      position: relative;
      display: block;
      padding-left: 1.25rem
  }

  .form-check-input {
      position: absolute;
      margin-top: .3rem;
      margin-left: -1.25rem
  }

  .form-check-input:disabled~.form-check-label {
      color: #6c757d
  }

  .form-check-label {
      margin-bottom: 0
  }

  .form-check-inline {
      display: -ms-inline-flexbox;
      display: inline-flex;
      -ms-flex-align: center;
      align-items: center;
      padding-left: 0;
      margin-right: .75rem
  }

  .form-check-inline .form-check-input {
      position: static;
      margin-top: 0;
      margin-right: .3125rem;
      margin-left: 0
  }

  .valid-feedback {
      display: none;
      width: 100%;
      margin-top: .25rem;
      font-size: 80%;
      color: #28a745
  }

  .valid-tooltip {
      position: absolute;
      top: 100%;
      z-index: 5;
      display: none;
      max-width: 100%;
      padding: .25rem .5rem;
      margin-top: .1rem;
      font-size: .875rem;
      line-height: 1.5;
      color: #fff;
      background-color: rgba(40,167,69,.9);
      border-radius: .25rem
  }

  .form-control.is-valid,.was-validated .form-control:valid {
      border-color: #28a745;
      padding-right: calc(1.5em + .75rem);
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
      background-repeat: no-repeat;
      background-position: center right calc(.375em + .1875rem);
      background-size: calc(.75em + .375rem) calc(.75em + .375rem)
  }

  .form-control.is-valid:focus,.was-validated .form-control:valid:focus {
      border-color: #28a745;
      box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
  }

  .form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip {
      display: block
  }

  .was-validated textarea.form-control:valid,textarea.form-control.is-valid {
      padding-right: calc(1.5em + .75rem);
      background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
  }

  .custom-select.is-valid,.was-validated .custom-select:valid {
      border-color: #28a745;
      padding-right: calc((1em + .75rem) * 3 / 4 + 1.75rem);
      background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
  }

  .custom-select.is-valid:focus,.was-validated .custom-select:valid:focus {
      border-color: #28a745;
      box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
  }

  .custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip {
      display: block
  }

  .form-control-file.is-valid~.valid-feedback,.form-control-file.is-valid~.valid-tooltip,.was-validated .form-control-file:valid~.valid-feedback,.was-validated .form-control-file:valid~.valid-tooltip {
      display: block
  }

  .form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label {
      color: #28a745
  }

  .form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip {
      display: block
  }

  .custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label {
      color: #28a745
  }

  .custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before {
      border-color: #28a745
  }

  .custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip {
      display: block
  }

  .custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
      border-color: #34ce57;
      background-color: #34ce57
  }

  .custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
      box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
  }

  .custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
      border-color: #28a745
  }

  .custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label {
      border-color: #28a745
  }

  .custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip {
      display: block
  }

  .custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label {
      border-color: #28a745;
      box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
  }

  .invalid-feedback {
      display: none;
      width: 100%;
      margin-top: .25rem;
      font-size: 80%;
      color: #dc3545
  }

  .invalid-tooltip {
      position: absolute;
      top: 100%;
      z-index: 5;
      display: none;
      max-width: 100%;
      padding: .25rem .5rem;
      margin-top: .1rem;
      font-size: .875rem;
      line-height: 1.5;
      color: #fff;
      background-color: rgba(220,53,69,.9);
      border-radius: .25rem
  }

  .form-control.is-invalid,.was-validated .form-control:invalid {
      border-color: #dc3545;
      padding-right: calc(1.5em + .75rem);
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
      background-repeat: no-repeat;
      background-position: center right calc(.375em + .1875rem);
      background-size: calc(.75em + .375rem) calc(.75em + .375rem)
  }

  .form-control.is-invalid:focus,.was-validated .form-control:invalid:focus {
      border-color: #dc3545;
      box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
  }

  .form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip {
      display: block
  }

  .was-validated textarea.form-control:invalid,textarea.form-control.is-invalid {
      padding-right: calc(1.5em + .75rem);
      background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
  }

  .custom-select.is-invalid,.was-validated .custom-select:invalid {
      border-color: #dc3545;
      padding-right: calc((1em + .75rem) * 3 / 4 + 1.75rem);
      background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
  }

  .custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus {
      border-color: #dc3545;
      box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
  }

  .custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip {
      display: block
  }

  .form-control-file.is-invalid~.invalid-feedback,.form-control-file.is-invalid~.invalid-tooltip,.was-validated .form-control-file:invalid~.invalid-feedback,.was-validated .form-control-file:invalid~.invalid-tooltip {
      display: block
  }

  .form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label {
      color: #dc3545
  }

  .form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip {
      display: block
  }

  .custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label {
      color: #dc3545
  }

  .custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before {
      border-color: #dc3545
  }

  .custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip {
      display: block
  }

  .custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
      border-color: #e4606d;
      background-color: #e4606d
  }

  .custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
      box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
  }

  .custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
      border-color: #dc3545
  }

  .custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label {
      border-color: #dc3545
  }

  .custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip {
      display: block
  }

  .custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label {
      border-color: #dc3545;
      box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
  }

  .form-inline {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -ms-flex-align: center;
      align-items: center
  }

  .form-inline .form-check {
      width: 100%
  }

  @media (min-width: 576px) {
      .form-inline label {
          display:-ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          align-items: center;
          -ms-flex-pack: center;
          justify-content: center;
          margin-bottom: 0
      }

      .form-inline .form-group {
          display: -ms-flexbox;
          display: flex;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          -ms-flex-flow: row wrap;
          flex-flow: row wrap;
          -ms-flex-align: center;
          align-items: center;
          margin-bottom: 0
      }

      .form-inline .form-control {
          display: inline-block;
          width: auto;
          vertical-align: middle
      }

      .form-inline .form-control-plaintext {
          display: inline-block
      }

      .form-inline .custom-select,.form-inline .input-group {
          width: auto
      }

      .form-inline .form-check {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          align-items: center;
          -ms-flex-pack: center;
          justify-content: center;
          width: auto;
          padding-left: 0
      }

      .form-inline .form-check-input {
          position: relative;
          -ms-flex-negative: 0;
          flex-shrink: 0;
          margin-top: 0;
          margin-right: .25rem;
          margin-left: 0
      }

      .form-inline .custom-control {
          -ms-flex-align: center;
          align-items: center;
          -ms-flex-pack: center;
          justify-content: center
      }

      .form-inline .custom-control-label {
          margin-bottom: 0
      }
  }

  .btn {
      display: inline-block;
      font-weight: 400;
      color: #212529;
      text-align: center;
      vertical-align: middle;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      background-color: transparent;
      border: 1px solid transparent;
      padding: .375rem .75rem;
      font-size: 1rem;
      line-height: 1.5;
      border-radius: .25rem;
      transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }

  @media (prefers-reduced-motion:reduce) {
      .btn {
          transition: none
      }
  }

  .btn:hover {
      color: #212529;
      text-decoration: none
  }

  .btn.focus,.btn:focus {
      outline: 0;
      box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
  }

  .btn.disabled,.btn:disabled {
      opacity: .65
  }

  a.btn.disabled,fieldset:disabled a.btn {
      pointer-events: none
  }

  .btn-primary {
      color: #fff;
      background-color: #007bff;
      border-color: #007bff
  }

  .btn-primary:hover {
      color: #fff;
      background-color: #0069d9;
      border-color: #0062cc
  }

  .btn-primary.focus,.btn-primary:focus {
      box-shadow: 0 0 0 .2rem rgba(38,143,255,.5)
  }

  .btn-primary.disabled,.btn-primary:disabled {
      color: #fff;
      background-color: #007bff;
      border-color: #007bff
  }

  .btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle {
      color: #fff;
      background-color: #0062cc;
      border-color: #005cbf
  }

  .btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus {
      box-shadow: 0 0 0 .2rem rgba(38,143,255,.5)
  }

  .btn-secondary {
      color: #fff;
      background-color: #6c757d;
      border-color: #6c757d
  }

  .btn-secondary:hover {
      color: #fff;
      background-color: #5a6268;
      border-color: #545b62
  }

  .btn-secondary.focus,.btn-secondary:focus {
      box-shadow: 0 0 0 .2rem rgba(130,138,145,.5)
  }

  .btn-secondary.disabled,.btn-secondary:disabled {
      color: #fff;
      background-color: #6c757d;
      border-color: #6c757d
  }

  .btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle {
      color: #fff;
      background-color: #545b62;
      border-color: #4e555b
  }

  .btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus {
      box-shadow: 0 0 0 .2rem rgba(130,138,145,.5)
  }

  .btn-success {
      color: #fff;
      background-color: #28a745;
      border-color: #28a745
  }

  .btn-success:hover {
      color: #fff;
      background-color: #218838;
      border-color: #1e7e34
  }

  .btn-success.focus,.btn-success:focus {
      box-shadow: 0 0 0 .2rem rgba(72,180,97,.5)
  }

  .btn-success.disabled,.btn-success:disabled {
      color: #fff;
      background-color: #28a745;
      border-color: #28a745
  }

  .btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle {
      color: #fff;
      background-color: #1e7e34;
      border-color: #1c7430
  }

  .btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus {
      box-shadow: 0 0 0 .2rem rgba(72,180,97,.5)
  }

  .btn-info {
      color: #fff;
      background-color: #17a2b8;
      border-color: #17a2b8
  }

  .btn-info:hover {
      color: #fff;
      background-color: #138496;
      border-color: #117a8b
  }

  .btn-info.focus,.btn-info:focus {
      box-shadow: 0 0 0 .2rem rgba(58,176,195,.5)
  }

  .btn-info.disabled,.btn-info:disabled {
      color: #fff;
      background-color: #17a2b8;
      border-color: #17a2b8
  }

  .btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle {
      color: #fff;
      background-color: #117a8b;
      border-color: #10707f
  }

  .btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus {
      box-shadow: 0 0 0 .2rem rgba(58,176,195,.5)
  }

  .btn-warning {
      color: #212529;
      background-color: #ffc107;
      border-color: #ffc107
  }

  .btn-warning:hover {
      color: #212529;
      background-color: #e0a800;
      border-color: #d39e00
  }

  .btn-warning.focus,.btn-warning:focus {
      box-shadow: 0 0 0 .2rem rgba(222,170,12,.5)
  }

  .btn-warning.disabled,.btn-warning:disabled {
      color: #212529;
      background-color: #ffc107;
      border-color: #ffc107
  }

  .btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle {
      color: #212529;
      background-color: #d39e00;
      border-color: #c69500
  }

  .btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus {
      box-shadow: 0 0 0 .2rem rgba(222,170,12,.5)
  }

  .btn-danger {
      color: #fff;
      background-color: #dc3545;
      border-color: #dc3545
  }

  .btn-danger:hover {
      color: #fff;
      background-color: #c82333;
      border-color: #bd2130
  }

  .btn-danger.focus,.btn-danger:focus {
      box-shadow: 0 0 0 .2rem rgba(225,83,97,.5)
  }

  .btn-danger.disabled,.btn-danger:disabled {
      color: #fff;
      background-color: #dc3545;
      border-color: #dc3545
  }

  .btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle {
      color: #fff;
      background-color: #bd2130;
      border-color: #b21f2d
  }

  .btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus {
      box-shadow: 0 0 0 .2rem rgba(225,83,97,.5)
  }

  .btn-light {
      color: #212529;
      background-color: #f8f9fa;
      border-color: #f8f9fa
  }

  .btn-light:hover {
      color: #212529;
      background-color: #e2e6ea;
      border-color: #dae0e5
  }

  .btn-light.focus,.btn-light:focus {
      box-shadow: 0 0 0 .2rem rgba(216,217,219,.5)
  }

  .btn-light.disabled,.btn-light:disabled {
      color: #212529;
      background-color: #f8f9fa;
      border-color: #f8f9fa
  }

  .btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle {
      color: #212529;
      background-color: #dae0e5;
      border-color: #d3d9df
  }

  .btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus {
      box-shadow: 0 0 0 .2rem rgba(216,217,219,.5)
  }

  .btn-dark {
      color: #fff;
      background-color: #343a40;
      border-color: #343a40
  }

  .btn-dark:hover {
      color: #fff;
      background-color: #23272b;
      border-color: #1d2124
  }

  .btn-dark.focus,.btn-dark:focus {
      box-shadow: 0 0 0 .2rem rgba(82,88,93,.5)
  }

  .btn-dark.disabled,.btn-dark:disabled {
      color: #fff;
      background-color: #343a40;
      border-color: #343a40
  }

  .btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle {
      color: #fff;
      background-color: #1d2124;
      border-color: #171a1d
  }

  .btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus {
      box-shadow: 0 0 0 .2rem rgba(82,88,93,.5)
  }

  .btn-outline-primary {
      color: #007bff;
      border-color: #007bff
  }

  .btn-outline-primary:hover {
      color: #fff;
      background-color: #007bff;
      border-color: #007bff
  }

  .btn-outline-primary.focus,.btn-outline-primary:focus {
      box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
  }

  .btn-outline-primary.disabled,.btn-outline-primary:disabled {
      color: #007bff;
      background-color: transparent
  }

  .btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle {
      color: #fff;
      background-color: #007bff;
      border-color: #007bff
  }

  .btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus {
      box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
  }

  .btn-outline-secondary {
      color: #6c757d;
      border-color: #6c757d
  }

  .btn-outline-secondary:hover {
      color: #fff;
      background-color: #6c757d;
      border-color: #6c757d
  }

  .btn-outline-secondary.focus,.btn-outline-secondary:focus {
      box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
  }

  .btn-outline-secondary.disabled,.btn-outline-secondary:disabled {
      color: #6c757d;
      background-color: transparent
  }

  .btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle {
      color: #fff;
      background-color: #6c757d;
      border-color: #6c757d
  }

  .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus {
      box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
  }

  .btn-outline-success {
      color: #28a745;
      border-color: #28a745
  }

  .btn-outline-success:hover {
      color: #fff;
      background-color: #28a745;
      border-color: #28a745
  }

  .btn-outline-success.focus,.btn-outline-success:focus {
      box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
  }

  .btn-outline-success.disabled,.btn-outline-success:disabled {
      color: #28a745;
      background-color: transparent
  }

  .btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle {
      color: #fff;
      background-color: #28a745;
      border-color: #28a745
  }

  .btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus {
      box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
  }

  .btn-outline-info {
      color: #17a2b8;
      border-color: #17a2b8
  }

  .btn-outline-info:hover {
      color: #fff;
      background-color: #17a2b8;
      border-color: #17a2b8
  }

  .btn-outline-info.focus,.btn-outline-info:focus {
      box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
  }

  .btn-outline-info.disabled,.btn-outline-info:disabled {
      color: #17a2b8;
      background-color: transparent
  }

  .btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle {
      color: #fff;
      background-color: #17a2b8;
      border-color: #17a2b8
  }

  .btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus {
      box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
  }

  .btn-outline-warning {
      color: #ffc107;
      border-color: #ffc107
  }

  .btn-outline-warning:hover {
      color: #212529;
      background-color: #ffc107;
      border-color: #ffc107
  }

  .btn-outline-warning.focus,.btn-outline-warning:focus {
      box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
  }

  .btn-outline-warning.disabled,.btn-outline-warning:disabled {
      color: #ffc107;
      background-color: transparent
  }

  .btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle {
      color: #212529;
      background-color: #ffc107;
      border-color: #ffc107
  }

  .btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus {
      box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
  }

  .btn-outline-danger {
      color: #dc3545;
      border-color: #dc3545
  }

  .btn-outline-danger:hover {
      color: #fff;
      background-color: #dc3545;
      border-color: #dc3545
  }

  .btn-outline-danger.focus,.btn-outline-danger:focus {
      box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
  }

  .btn-outline-danger.disabled,.btn-outline-danger:disabled {
      color: #dc3545;
      background-color: transparent
  }

  .btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle {
      color: #fff;
      background-color: #dc3545;
      border-color: #dc3545
  }

  .btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus {
      box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
  }

  .btn-outline-light {
      color: #f8f9fa;
      border-color: #f8f9fa
  }

  .btn-outline-light:hover {
      color: #212529;
      background-color: #f8f9fa;
      border-color: #f8f9fa
  }

  .btn-outline-light.focus,.btn-outline-light:focus {
      box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
  }

  .btn-outline-light.disabled,.btn-outline-light:disabled {
      color: #f8f9fa;
      background-color: transparent
  }

  .btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle {
      color: #212529;
      background-color: #f8f9fa;
      border-color: #f8f9fa
  }

  .btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus {
      box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
  }

  .btn-outline-dark {
      color: #343a40;
      border-color: #343a40
  }

  .btn-outline-dark:hover {
      color: #fff;
      background-color: #343a40;
      border-color: #343a40
  }

  .btn-outline-dark.focus,.btn-outline-dark:focus {
      box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
  }

  .btn-outline-dark.disabled,.btn-outline-dark:disabled {
      color: #343a40;
      background-color: transparent
  }

  .btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle {
      color: #fff;
      background-color: #343a40;
      border-color: #343a40
  }

  .btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus {
      box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
  }

  .btn-link {
      font-weight: 400;
      color: #007bff;
      text-decoration: none
  }

  .btn-link:hover {
      color: #0056b3;
      text-decoration: underline
  }

  .btn-link.focus,.btn-link:focus {
      text-decoration: underline;
      box-shadow: none
  }

  .btn-link.disabled,.btn-link:disabled {
      color: #6c757d;
      pointer-events: none
  }

  .btn-group-lg>.btn,.btn-lg {
      padding: .5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: .3rem
  }

  .btn-group-sm>.btn,.btn-sm {
      padding: .25rem .5rem;
      font-size: .875rem;
      line-height: 1.5;
      border-radius: .2rem
  }

  .btn-block {
      display: block;
      width: 100%
  }

  .btn-block+.btn-block {
      margin-top: .5rem
  }

  input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
      width: 100%
  }

  .fade {
      transition: opacity .15s linear
  }

  @media (prefers-reduced-motion:reduce) {
      .fade {
          transition: none
      }
  }

  .fade:not(.show) {
      opacity: 0
  }

  .collapse:not(.show) {
      display: none
  }

  .collapsing {
      position: relative;
      height: 0;
      overflow: hidden;
      transition: height .35s ease
  }

  @media (prefers-reduced-motion:reduce) {
      .collapsing {
          transition: none
      }
  }

  .dropdown,.dropleft,.dropright,.dropup {
      position: relative
  }

  .dropdown-toggle {
      white-space: nowrap
  }

  .dropdown-toggle::after {
      display: inline-block;
      margin-left: .255em;
      vertical-align: .255em;
      content: "";
      border-top: .3em solid;
      border-right: .3em solid transparent;
      border-bottom: 0;
      border-left: .3em solid transparent
  }

  .dropdown-toggle:empty::after {
      margin-left: 0
  }

  .dropdown-menu {
      position: absolute;
      top: 100%;
      left: 0;
      z-index: 1000;
      display: none;
      float: left;
      min-width: 10rem;
      padding: .5rem 0;
      margin: .125rem 0 0;
      font-size: 1rem;
      color: #212529;
      text-align: left;
      list-style: none;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid rgba(0,0,0,.15);
      border-radius: .25rem
  }

  .dropdown-menu-left {
      right: auto;
      left: 0
  }

  .dropdown-menu-right {
      right: 0;
      left: auto
  }

  @media (min-width: 576px) {
      .dropdown-menu-sm-left {
          right:auto;
          left: 0
      }

      .dropdown-menu-sm-right {
          right: 0;
          left: auto
      }
  }

  @media (min-width: 768px) {
      .dropdown-menu-md-left {
          right:auto;
          left: 0
      }

      .dropdown-menu-md-right {
          right: 0;
          left: auto
      }
  }

  @media (min-width: 992px) {
      .dropdown-menu-lg-left {
          right:auto;
          left: 0
      }

      .dropdown-menu-lg-right {
          right: 0;
          left: auto
      }
  }

  @media (min-width: 1200px) {
      .dropdown-menu-xl-left {
          right:auto;
          left: 0
      }

      .dropdown-menu-xl-right {
          right: 0;
          left: auto
      }
  }

  .dropup .dropdown-menu {
      top: auto;
      bottom: 100%;
      margin-top: 0;
      margin-bottom: .125rem
  }

  .dropup .dropdown-toggle::after {
      display: inline-block;
      margin-left: .255em;
      vertical-align: .255em;
      content: "";
      border-top: 0;
      border-right: .3em solid transparent;
      border-bottom: .3em solid;
      border-left: .3em solid transparent
  }

  .dropup .dropdown-toggle:empty::after {
      margin-left: 0
  }

  .dropright .dropdown-menu {
      top: 0;
      right: auto;
      left: 100%;
      margin-top: 0;
      margin-left: .125rem
  }

  .dropright .dropdown-toggle::after {
      display: inline-block;
      margin-left: .255em;
      vertical-align: .255em;
      content: "";
      border-top: .3em solid transparent;
      border-right: 0;
      border-bottom: .3em solid transparent;
      border-left: .3em solid
  }

  .dropright .dropdown-toggle:empty::after {
      margin-left: 0
  }

  .dropright .dropdown-toggle::after {
      vertical-align: 0
  }

  .dropleft .dropdown-menu {
      top: 0;
      right: 100%;
      left: auto;
      margin-top: 0;
      margin-right: .125rem
  }

  .dropleft .dropdown-toggle::after {
      display: inline-block;
      margin-left: .255em;
      vertical-align: .255em;
      content: ""
  }

  .dropleft .dropdown-toggle::after {
      display: none
  }

  .dropleft .dropdown-toggle::before {
      display: inline-block;
      margin-right: .255em;
      vertical-align: .255em;
      content: "";
      border-top: .3em solid transparent;
      border-right: .3em solid;
      border-bottom: .3em solid transparent
  }

  .dropleft .dropdown-toggle:empty::after {
      margin-left: 0
  }

  .dropleft .dropdown-toggle::before {
      vertical-align: 0
  }

  .dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top] {
      right: auto;
      bottom: auto
  }

  .dropdown-divider {
      height: 0;
      margin: .5rem 0;
      overflow: hidden;
      border-top: 1px solid #e9ecef
  }

  .dropdown-item {
      display: block;
      width: 100%;
      padding: .25rem 1.5rem;
      clear: both;
      font-weight: 400;
      color: #212529;
      text-align: inherit;
      white-space: nowrap;
      background-color: transparent;
      border: 0
  }

  .dropdown-item:focus,.dropdown-item:hover {
      color: #16181b;
      text-decoration: none;
      background-color: #f8f9fa
  }

  .dropdown-item.active,.dropdown-item:active {
      color: #fff;
      text-decoration: none;
      background-color: #007bff
  }

  .dropdown-item.disabled,.dropdown-item:disabled {
      color: #6c757d;
      pointer-events: none;
      background-color: transparent
  }

  .dropdown-menu.show {
      display: block
  }

  .dropdown-header {
      display: block;
      padding: .5rem 1.5rem;
      margin-bottom: 0;
      font-size: .875rem;
      color: #6c757d;
      white-space: nowrap
  }

  .dropdown-item-text {
      display: block;
      padding: .25rem 1.5rem;
      color: #212529
  }

  .btn-group,.btn-group-vertical {
      position: relative;
      display: -ms-inline-flexbox;
      display: inline-flex;
      vertical-align: middle
  }

  .btn-group-vertical>.btn,.btn-group>.btn {
      position: relative;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto
  }

  .btn-group-vertical>.btn:hover,.btn-group>.btn:hover {
      z-index: 1
  }

  .btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus {
      z-index: 1
  }

  .btn-toolbar {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-pack: start;
      justify-content: flex-start
  }

  .btn-toolbar .input-group {
      width: auto
  }

  .btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child) {
      margin-left: -1px
  }

  .btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0
  }

  .btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child) {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0
  }

  .dropdown-toggle-split {
      padding-right: .5625rem;
      padding-left: .5625rem
  }

  .dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after {
      margin-left: 0
  }

  .dropleft .dropdown-toggle-split::before {
      margin-right: 0
  }

  .btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split {
      padding-right: .375rem;
      padding-left: .375rem
  }

  .btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split {
      padding-right: .75rem;
      padding-left: .75rem
  }

  .btn-group-vertical {
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-align: start;
      align-items: flex-start;
      -ms-flex-pack: center;
      justify-content: center
  }

  .btn-group-vertical>.btn,.btn-group-vertical>.btn-group {
      width: 100%
  }

  .btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child) {
      margin-top: -1px
  }

  .btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0
  }

  .btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child) {
      border-top-left-radius: 0;
      border-top-right-radius: 0
  }

  .btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn {
      margin-bottom: 0
  }

  .btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio] {
      position: absolute;
      clip: rect(0,0,0,0);
      pointer-events: none
  }

  .input-group {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-align: stretch;
      align-items: stretch;
      width: 100%
  }

  .input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext {
      position: relative;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      width: 1%;
      margin-bottom: 0
  }

  .input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control {
      margin-left: -1px
  }

  .input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus {
      z-index: 3
  }

  .input-group>.custom-file .custom-file-input:focus {
      z-index: 4
  }

  .input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child) {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0
  }

  .input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child) {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0
  }

  .input-group>.custom-file {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center
  }

  .input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0
  }

  .input-group>.custom-file:not(:first-child) .custom-file-label {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0
  }

  .input-group-append,.input-group-prepend {
      display: -ms-flexbox;
      display: flex
  }

  .input-group-append .btn,.input-group-prepend .btn {
      position: relative;
      z-index: 2
  }

  .input-group-append .btn:focus,.input-group-prepend .btn:focus {
      z-index: 3
  }

  .input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text {
      margin-left: -1px
  }

  .input-group-prepend {
      margin-right: -1px
  }

  .input-group-append {
      margin-left: -1px
  }

  .input-group-text {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      padding: .375rem .75rem;
      margin-bottom: 0;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5;
      color: #495057;
      text-align: center;
      white-space: nowrap;
      background-color: #e9ecef;
      border: 1px solid #ced4da;
      border-radius: .25rem
  }

  .input-group-text input[type=checkbox],.input-group-text input[type=radio] {
      margin-top: 0
  }

  .input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea) {
      height: calc(1.5em + 1rem + 2px)
  }

  .input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text {
      padding: .5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: .3rem
  }

  .input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea) {
      height: calc(1.5em + .5rem + 2px)
  }

  .input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text {
      padding: .25rem .5rem;
      font-size: .875rem;
      line-height: 1.5;
      border-radius: .2rem
  }

  .input-group-lg>.custom-select,.input-group-sm>.custom-select {
      padding-right: 1.75rem
  }

  .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0
  }

  .input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0
  }

  .custom-control {
      position: relative;
      display: block;
      min-height: 1.5rem;
      padding-left: 1.5rem
  }

  .custom-control-inline {
      display: -ms-inline-flexbox;
      display: inline-flex;
      margin-right: 1rem
  }

  .custom-control-input {
      position: absolute;
      z-index: -1;
      opacity: 0
  }

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

  .custom-control-input:focus~.custom-control-label::before {
      box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
  }

  .custom-control-input:focus:not(:checked)~.custom-control-label::before {
      border-color: #80bdff
  }

  .custom-control-input:not(:disabled):active~.custom-control-label::before {
      color: #fff;
      background-color: #b3d7ff;
      border-color: #b3d7ff
  }

  .custom-control-input:disabled~.custom-control-label {
      color: #6c757d
  }

  .custom-control-input:disabled~.custom-control-label::before {
      background-color: #e9ecef
  }

  .custom-control-label {
      position: relative;
      margin-bottom: 0;
      vertical-align: top
  }

  .custom-control-label::before {
      position: absolute;
      top: .25rem;
      left: -1.5rem;
      display: block;
      width: 1rem;
      height: 1rem;
      pointer-events: none;
      content: "";
      background-color: #fff;
      border: #adb5bd solid 1px
  }

  .custom-control-label::after {
      position: absolute;
      top: .25rem;
      left: -1.5rem;
      display: block;
      width: 1rem;
      height: 1rem;
      content: "";
      background: no-repeat 50%/50% 50%
  }

  .custom-checkbox .custom-control-label::before {
      border-radius: .25rem
  }

  .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")
  }

  .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
      border-color: #007bff;
      background-color: #007bff
  }

  .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
  }

  .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
      background-color: rgba(0,123,255,.5)
  }

  .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
      background-color: rgba(0,123,255,.5)
  }

  .custom-radio .custom-control-label::before {
      border-radius: 50%
  }

  .custom-radio .custom-control-input:checked~.custom-control-label::after {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
  }

  .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
      background-color: rgba(0,123,255,.5)
  }

  .custom-switch {
      padding-left: 2.25rem
  }

  .custom-switch .custom-control-label::before {
      left: -2.25rem;
      width: 1.75rem;
      pointer-events: all;
      border-radius: .5rem
  }

  .custom-switch .custom-control-label::after {
      top: calc(.25rem + 2px);
      left: calc(-2.25rem + 2px);
      width: calc(1rem - 4px);
      height: calc(1rem - 4px);
      background-color: #adb5bd;
      border-radius: .5rem;
      transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
      transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
      transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out
  }

  @media (prefers-reduced-motion:reduce) {
      .custom-switch .custom-control-label::after {
          transition: none
      }
  }

  .custom-switch .custom-control-input:checked~.custom-control-label::after {
      background-color: #fff;
      -webkit-transform: translateX(.75rem);
      transform: translateX(.75rem)
  }

  .custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
      background-color: rgba(0,123,255,.5)
  }

  .custom-select {
      display: inline-block;
      width: 100%;
      height: calc(1.5em + .75rem + 2px);
      padding: .375rem 1.75rem .375rem .75rem;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5;
      color: #495057;
      vertical-align: middle;
      background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
      background-color: #fff;
      border: 1px solid #ced4da;
      border-radius: .25rem;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none
  }

  .custom-select:focus {
      border-color: #80bdff;
      outline: 0;
      box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
  }

  .custom-select:focus::-ms-value {
      color: #495057;
      background-color: #fff
  }

  .custom-select[multiple],.custom-select[size]:not([size="1"]) {
      height: auto;
      padding-right: .75rem;
      background-image: none
  }

  .custom-select:disabled {
      color: #6c757d;
      background-color: #e9ecef
  }

  .custom-select::-ms-expand {
      display: none
  }

  .custom-select-sm {
      height: calc(1.5em + .5rem + 2px);
      padding-top: .25rem;
      padding-bottom: .25rem;
      padding-left: .5rem;
      font-size: .875rem
  }

  .custom-select-lg {
      height: calc(1.5em + 1rem + 2px);
      padding-top: .5rem;
      padding-bottom: .5rem;
      padding-left: 1rem;
      font-size: 1.25rem
  }

  .custom-file {
      position: relative;
      display: inline-block;
      width: 100%;
      height: calc(1.5em + .75rem + 2px);
      margin-bottom: 0
  }

  .custom-file-input {
      position: relative;
      z-index: 2;
      width: 100%;
      height: calc(1.5em + .75rem + 2px);
      margin: 0;
      opacity: 0
  }

  .custom-file-input:focus~.custom-file-label {
      border-color: #80bdff;
      box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
  }

  .custom-file-input:disabled~.custom-file-label {
      background-color: #e9ecef
  }

  .custom-file-input:lang(en)~.custom-file-label::after {
      content: "Browse"
  }

  .custom-file-input~.custom-file-label[data-browse]::after {
      content: attr(data-browse)
  }

  .custom-file-label {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      z-index: 1;
      height: calc(1.5em + .75rem + 2px);
      padding: .375rem .75rem;
      font-weight: 400;
      line-height: 1.5;
      color: #495057;
      background-color: #fff;
      border: 1px solid #ced4da;
      border-radius: .25rem
  }

  .custom-file-label::after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      z-index: 3;
      display: block;
      height: calc(1.5em + .75rem);
      padding: .375rem .75rem;
      line-height: 1.5;
      color: #495057;
      content: "Browse";
      background-color: #e9ecef;
      border-left: inherit;
      border-radius: 0 .25rem .25rem 0
  }

  .custom-range {
      width: 100%;
      height: calc(1rem + .4rem);
      padding: 0;
      background-color: transparent;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none
  }

  .custom-range:focus {
      outline: 0
  }

  .custom-range:focus::-webkit-slider-thumb {
      box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
  }

  .custom-range:focus::-moz-range-thumb {
      box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
  }

  .custom-range:focus::-ms-thumb {
      box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
  }

  .custom-range::-moz-focus-outer {
      border: 0
  }

  .custom-range::-webkit-slider-thumb {
      width: 1rem;
      height: 1rem;
      margin-top: -.25rem;
      background-color: #007bff;
      border: 0;
      border-radius: 1rem;
      transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
      -webkit-appearance: none;
      appearance: none
  }

  @media (prefers-reduced-motion:reduce) {
      .custom-range::-webkit-slider-thumb {
          transition: none
      }
  }

  .custom-range::-webkit-slider-thumb:active {
      background-color: #b3d7ff
  }

  .custom-range::-webkit-slider-runnable-track {
      width: 100%;
      height: .5rem;
      color: transparent;
      cursor: pointer;
      background-color: #dee2e6;
      border-color: transparent;
      border-radius: 1rem
  }

  .custom-range::-moz-range-thumb {
      width: 1rem;
      height: 1rem;
      background-color: #007bff;
      border: 0;
      border-radius: 1rem;
      transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
      -moz-appearance: none;
      appearance: none
  }

  @media (prefers-reduced-motion:reduce) {
      .custom-range::-moz-range-thumb {
          transition: none
      }
  }

  .custom-range::-moz-range-thumb:active {
      background-color: #b3d7ff
  }

  .custom-range::-moz-range-track {
      width: 100%;
      height: .5rem;
      color: transparent;
      cursor: pointer;
      background-color: #dee2e6;
      border-color: transparent;
      border-radius: 1rem
  }

  .custom-range::-ms-thumb {
      width: 1rem;
      height: 1rem;
      margin-top: 0;
      margin-right: .2rem;
      margin-left: .2rem;
      background-color: #007bff;
      border: 0;
      border-radius: 1rem;
      transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
      appearance: none
  }

  @media (prefers-reduced-motion:reduce) {
      .custom-range::-ms-thumb {
          transition: none
      }
  }

  .custom-range::-ms-thumb:active {
      background-color: #b3d7ff
  }

  .custom-range::-ms-track {
      width: 100%;
      height: .5rem;
      color: transparent;
      cursor: pointer;
      background-color: transparent;
      border-color: transparent;
      border-width: .5rem
  }

  .custom-range::-ms-fill-lower {
      background-color: #dee2e6;
      border-radius: 1rem
  }

  .custom-range::-ms-fill-upper {
      margin-right: 15px;
      background-color: #dee2e6;
      border-radius: 1rem
  }

  .custom-range:disabled::-webkit-slider-thumb {
      background-color: #adb5bd
  }

  .custom-range:disabled::-webkit-slider-runnable-track {
      cursor: default
  }

  .custom-range:disabled::-moz-range-thumb {
      background-color: #adb5bd
  }

  .custom-range:disabled::-moz-range-track {
      cursor: default
  }

  .custom-range:disabled::-ms-thumb {
      background-color: #adb5bd
  }

  .custom-control-label::before,.custom-file-label,.custom-select {
      transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }

  @media (prefers-reduced-motion:reduce) {
      .custom-control-label::before,.custom-file-label,.custom-select {
          transition: none
      }
  }

  .nav {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding-left: 0;
      margin-bottom: 0;
      list-style: none
  }

  .nav-link {
      display: block;
      padding: .5rem 1rem
  }

  .nav-link:focus,.nav-link:hover {
      text-decoration: none
  }

  .nav-link.disabled {
      color: #6c757d;
      pointer-events: none;
      cursor: default
  }

  .nav-tabs {
      border-bottom: 1px solid #dee2e6
  }

  .nav-tabs .nav-item {
      margin-bottom: -1px
  }

  .nav-tabs .nav-link {
      border: 1px solid transparent;
      border-top-left-radius: .25rem;
      border-top-right-radius: .25rem
  }

  .nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover {
      border-color: #e9ecef #e9ecef #dee2e6
  }

  .nav-tabs .nav-link.disabled {
      color: #6c757d;
      background-color: transparent;
      border-color: transparent
  }

  .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
      color: #495057;
      background-color: #fff;
      border-color: #dee2e6 #dee2e6 #fff
  }

  .nav-tabs .dropdown-menu {
      margin-top: -1px;
      border-top-left-radius: 0;
      border-top-right-radius: 0
  }

  .nav-pills .nav-link {
      border-radius: .25rem
  }

  .nav-pills .nav-link.active,.nav-pills .show>.nav-link {
      color: #fff;
      background-color: #007bff
  }

  .nav-fill .nav-item {
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      text-align: center
  }

  .nav-justified .nav-item {
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -ms-flex-positive: 1;
      flex-grow: 1;
      text-align: center
  }

  .tab-content>.tab-pane {
      display: none
  }

  .tab-content>.active {
      display: block
  }

  .navbar {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: .5rem 1rem
  }

  .navbar>.container,.navbar>.container-fluid {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: justify;
      justify-content: space-between
  }

  .navbar-brand {
      display: inline-block;
      padding-top: .3125rem;
      padding-bottom: .3125rem;
      margin-right: 1rem;
      font-size: 1.25rem;
      line-height: inherit;
      white-space: nowrap
  }

  .navbar-brand:focus,.navbar-brand:hover {
      text-decoration: none
  }

  .navbar-nav {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      padding-left: 0;
      margin-bottom: 0;
      list-style: none
  }

  .navbar-nav .nav-link {
      padding-right: 0;
      padding-left: 0
  }

  .navbar-nav .dropdown-menu {
      position: static;
      float: none
  }

  .navbar-text {
      display: inline-block;
      padding-top: .5rem;
      padding-bottom: .5rem
  }

  .navbar-collapse {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      -ms-flex-positive: 1;
      flex-grow: 1;
      -ms-flex-align: center;
      align-items: center
  }

  .navbar-toggler {
      padding: .25rem .75rem;
      font-size: 1.25rem;
      line-height: 1;
      background-color: transparent;
      border: 1px solid transparent;
      border-radius: .25rem
  }

  .navbar-toggler:focus,.navbar-toggler:hover {
      text-decoration: none
  }

  .navbar-toggler-icon {
      display: inline-block;
      width: 1.5em;
      height: 1.5em;
      vertical-align: middle;
      content: "";
      background: no-repeat center center;
      background-size: 100% 100%
  }

  @media (max-width: 575.98px) {
      .navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid {
          padding-right:0;
          padding-left: 0
      }
  }

  @media (min-width: 576px) {
      .navbar-expand-sm {
          -ms-flex-flow:row nowrap;
          flex-flow: row nowrap;
          -ms-flex-pack: start;
          justify-content: flex-start
      }

      .navbar-expand-sm .navbar-nav {
          -ms-flex-direction: row;
          flex-direction: row
      }

      .navbar-expand-sm .navbar-nav .dropdown-menu {
          position: absolute
      }

      .navbar-expand-sm .navbar-nav .nav-link {
          padding-right: .5rem;
          padding-left: .5rem
      }

      .navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid {
          -ms-flex-wrap: nowrap;
          flex-wrap: nowrap
      }

      .navbar-expand-sm .navbar-collapse {
          display: -ms-flexbox!important;
          display: flex!important;
          -ms-flex-preferred-size: auto;
          flex-basis: auto
      }

      .navbar-expand-sm .navbar-toggler {
          display: none
      }
  }

  @media (max-width: 767.98px) {
      .navbar-expand-md>.container,.navbar-expand-md>.container-fluid {
          padding-right:0;
          padding-left: 0
      }
  }

  @media (min-width: 768px) {
      .navbar-expand-md {
          -ms-flex-flow:row nowrap;
          flex-flow: row nowrap;
          -ms-flex-pack: start;
          justify-content: flex-start
      }

      .navbar-expand-md .navbar-nav {
          -ms-flex-direction: row;
          flex-direction: row
      }

      .navbar-expand-md .navbar-nav .dropdown-menu {
          position: absolute
      }

      .navbar-expand-md .navbar-nav .nav-link {
          padding-right: .5rem;
          padding-left: .5rem
      }

      .navbar-expand-md>.container,.navbar-expand-md>.container-fluid {
          -ms-flex-wrap: nowrap;
          flex-wrap: nowrap
      }

      .navbar-expand-md .navbar-collapse {
          display: -ms-flexbox!important;
          display: flex!important;
          -ms-flex-preferred-size: auto;
          flex-basis: auto
      }

      .navbar-expand-md .navbar-toggler {
          display: none
      }
  }

  @media (max-width: 991.98px) {
      .navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid {
          padding-right:0;
          padding-left: 0
      }
  }

  @media (min-width: 992px) {
      .navbar-expand-lg {
          -ms-flex-flow:row nowrap;
          flex-flow: row nowrap;
          -ms-flex-pack: start;
          justify-content: flex-start
      }

      .navbar-expand-lg .navbar-nav {
          -ms-flex-direction: row;
          flex-direction: row
      }

      .navbar-expand-lg .navbar-nav .dropdown-menu {
          position: absolute
      }

      .navbar-expand-lg .navbar-nav .nav-link {
          padding-right: .5rem;
          padding-left: .5rem
      }

      .navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid {
          -ms-flex-wrap: nowrap;
          flex-wrap: nowrap
      }

      .navbar-expand-lg .navbar-collapse {
          display: -ms-flexbox!important;
          display: flex!important;
          -ms-flex-preferred-size: auto;
          flex-basis: auto
      }

      .navbar-expand-lg .navbar-toggler {
          display: none
      }
  }

  @media (max-width: 1199.98px) {
      .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid {
          padding-right:0;
          padding-left: 0
      }
  }

  @media (min-width: 1200px) {
      .navbar-expand-xl {
          -ms-flex-flow:row nowrap;
          flex-flow: row nowrap;
          -ms-flex-pack: start;
          justify-content: flex-start
      }

      .navbar-expand-xl .navbar-nav {
          -ms-flex-direction: row;
          flex-direction: row
      }

      .navbar-expand-xl .navbar-nav .dropdown-menu {
          position: absolute
      }

      .navbar-expand-xl .navbar-nav .nav-link {
          padding-right: .5rem;
          padding-left: .5rem
      }

      .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid {
          -ms-flex-wrap: nowrap;
          flex-wrap: nowrap
      }

      .navbar-expand-xl .navbar-collapse {
          display: -ms-flexbox!important;
          display: flex!important;
          -ms-flex-preferred-size: auto;
          flex-basis: auto
      }

      .navbar-expand-xl .navbar-toggler {
          display: none
      }
  }

  .navbar-expand {
      -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
      -ms-flex-pack: start;
      justify-content: flex-start
  }

  .navbar-expand>.container,.navbar-expand>.container-fluid {
      padding-right: 0;
      padding-left: 0
  }

  .navbar-expand .navbar-nav {
      -ms-flex-direction: row;
      flex-direction: row
  }

  .navbar-expand .navbar-nav .dropdown-menu {
      position: absolute
  }

  .navbar-expand .navbar-nav .nav-link {
      padding-right: .5rem;
      padding-left: .5rem
  }

  .navbar-expand>.container,.navbar-expand>.container-fluid {
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap
  }

  .navbar-expand .navbar-collapse {
      display: -ms-flexbox!important;
      display: flex!important;
      -ms-flex-preferred-size: auto;
      flex-basis: auto
  }

  .navbar-expand .navbar-toggler {
      display: none
  }

  .navbar-light .navbar-brand {
      color: rgba(0,0,0,.9)
  }

  .navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover {
      color: rgba(0,0,0,.9)
  }

  .navbar-light .navbar-nav .nav-link {
      color: rgba(0,0,0,.5)
  }

  .navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {
      color: rgba(0,0,0,.7)
  }

  .navbar-light .navbar-nav .nav-link.disabled {
      color: rgba(0,0,0,.3)
  }

  .navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link {
      color: rgba(0,0,0,.9)
  }

  .navbar-light .navbar-toggler {
      color: rgba(0,0,0,.5);
      border-color: rgba(0,0,0,.1)
  }

  .navbar-light .navbar-toggler-icon {
      background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
  }

  .navbar-light .navbar-text {
      color: rgba(0,0,0,.5)
  }

  .navbar-light .navbar-text a {
      color: rgba(0,0,0,.9)
  }

  .navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover {
      color: rgba(0,0,0,.9)
  }

  .navbar-dark .navbar-brand {
      color: #fff
  }

  .navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover {
      color: #fff
  }

  .navbar-dark .navbar-nav .nav-link {
      color: rgba(255,255,255,.5)
  }

  .navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover {
      color: rgba(255,255,255,.75)
  }

  .navbar-dark .navbar-nav .nav-link.disabled {
      color: rgba(255,255,255,.25)
  }

  .navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link {
      color: #fff
  }

  .navbar-dark .navbar-toggler {
      color: rgba(255,255,255,.5);
      border-color: rgba(255,255,255,.1)
  }

  .navbar-dark .navbar-toggler-icon {
      background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
  }

  .navbar-dark .navbar-text {
      color: rgba(255,255,255,.5)
  }

  .navbar-dark .navbar-text a {
      color: #fff
  }

  .navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover {
      color: #fff
  }

  .card {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      min-width: 0;
      word-wrap: break-word;
      background-color: #fff;
      background-clip: border-box;
      border: 1px solid rgba(0,0,0,.125);
      border-radius: .25rem
  }

  .card>hr {
      margin-right: 0;
      margin-left: 0
  }

  .card>.list-group:first-child .list-group-item:first-child {
      border-top-left-radius: .25rem;
      border-top-right-radius: .25rem
  }

  .card>.list-group:last-child .list-group-item:last-child {
      border-bottom-right-radius: .25rem;
      border-bottom-left-radius: .25rem
  }

  .card-body {
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      padding: 1.25rem
  }

  .card-title {
      margin-bottom: .75rem
  }

  .card-subtitle {
      margin-top: -.375rem;
      margin-bottom: 0
  }

  .card-text:last-child {
      margin-bottom: 0
  }

  .card-link:hover {
      text-decoration: none
  }

  .card-link+.card-link {
      margin-left: 1.25rem
  }

  .card-header {
      padding: .75rem 1.25rem;
      margin-bottom: 0;
      background-color: rgba(0,0,0,.03);
      border-bottom: 1px solid rgba(0,0,0,.125)
  }

  .card-header:first-child {
      border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
  }

  .card-header+.list-group .list-group-item:first-child {
      border-top: 0
  }

  .card-footer {
      padding: .75rem 1.25rem;
      background-color: rgba(0,0,0,.03);
      border-top: 1px solid rgba(0,0,0,.125)
  }

  .card-footer:last-child {
      border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
  }

  .card-header-tabs {
      margin-right: -.625rem;
      margin-bottom: -.75rem;
      margin-left: -.625rem;
      border-bottom: 0
  }

  .card-header-pills {
      margin-right: -.625rem;
      margin-left: -.625rem
  }

  .card-img-overlay {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      padding: 1.25rem
  }

  .card-img {
      width: 100%;
      border-radius: calc(.25rem - 1px)
  }

  .card-img-top {
      width: 100%;
      border-top-left-radius: calc(.25rem - 1px);
      border-top-right-radius: calc(.25rem - 1px)
  }

  .card-img-bottom {
      width: 100%;
      border-bottom-right-radius: calc(.25rem - 1px);
      border-bottom-left-radius: calc(.25rem - 1px)
  }

  .card-deck {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column
  }

  .card-deck .card {
      margin-bottom: 15px
  }

  @media (min-width: 576px) {
      .card-deck {
          -ms-flex-flow:row wrap;
          flex-flow: row wrap;
          margin-right: -15px;
          margin-left: -15px
      }

      .card-deck .card {
          display: -ms-flexbox;
          display: flex;
          -ms-flex: 1 0 0%;
          flex: 1 0 0%;
          -ms-flex-direction: column;
          flex-direction: column;
          margin-right: 15px;
          margin-bottom: 0;
          margin-left: 15px
      }
  }

  .card-group {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column
  }

  .card-group>.card {
      margin-bottom: 15px
  }

  @media (min-width: 576px) {
      .card-group {
          -ms-flex-flow:row wrap;
          flex-flow: row wrap
      }

      .card-group>.card {
          -ms-flex: 1 0 0%;
          flex: 1 0 0%;
          margin-bottom: 0
      }

      .card-group>.card+.card {
          margin-left: 0;
          border-left: 0
      }

      .card-group>.card:not(:last-child) {
          border-top-right-radius: 0;
          border-bottom-right-radius: 0
      }

      .card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top {
          border-top-right-radius: 0
      }

      .card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom {
          border-bottom-right-radius: 0
      }

      .card-group>.card:not(:first-child) {
          border-top-left-radius: 0;
          border-bottom-left-radius: 0
      }

      .card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top {
          border-top-left-radius: 0
      }

      .card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom {
          border-bottom-left-radius: 0
      }
  }

  .card-columns .card {
      margin-bottom: .75rem
  }

  @media (min-width: 576px) {
      .card-columns {
          -webkit-column-count:3;
          -moz-column-count: 3;
          column-count: 3;
          -webkit-column-gap: 1.25rem;
          -moz-column-gap: 1.25rem;
          column-gap: 1.25rem;
          orphans: 1;
          widows: 1
      }

      .card-columns .card {
          display: inline-block;
          width: 100%
      }
  }

  .accordion>.card {
      overflow: hidden
  }

  .accordion>.card:not(:first-of-type) .card-header:first-child {
      border-radius: 0
  }

  .accordion>.card:not(:first-of-type):not(:last-of-type) {
      border-bottom: 0;
      border-radius: 0
  }

  .accordion>.card:first-of-type {
      border-bottom: 0;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0
  }

  .accordion>.card:last-of-type {
      border-top-left-radius: 0;
      border-top-right-radius: 0
  }

  .accordion>.card .card-header {
      margin-bottom: -1px
  }

  .breadcrumb {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: .75rem 1rem;
      margin-bottom: 1rem;
      list-style: none;
      background-color: #e9ecef;
      border-radius: .25rem
  }

  .breadcrumb-item+.breadcrumb-item {
      padding-left: .5rem
  }

  .breadcrumb-item+.breadcrumb-item::before {
      display: inline-block;
      padding-right: .5rem;
      color: #6c757d;
      content: "/"
  }

  .breadcrumb-item+.breadcrumb-item:hover::before {
      text-decoration: underline
  }

  .breadcrumb-item+.breadcrumb-item:hover::before {
      text-decoration: none
  }

  .breadcrumb-item.active {
      color: #6c757d
  }

  .pagination {
      display: -ms-flexbox;
      display: flex;
      padding-left: 0;
      list-style: none;
      border-radius: .25rem
  }

  .page-link {
      position: relative;
      display: block;
      padding: .5rem .75rem;
      margin-left: -1px;
      line-height: 1.25;
      color: #007bff;
      background-color: #fff;
      border: 1px solid #dee2e6
  }

  .page-link:hover {
      z-index: 2;
      color: #0056b3;
      text-decoration: none;
      background-color: #e9ecef;
      border-color: #dee2e6
  }

  .page-link:focus {
      z-index: 2;
      outline: 0;
      box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
  }

  .page-item:first-child .page-link {
      margin-left: 0;
      border-top-left-radius: .25rem;
      border-bottom-left-radius: .25rem
  }

  .page-item:last-child .page-link {
      border-top-right-radius: .25rem;
      border-bottom-right-radius: .25rem
  }

  .page-item.active .page-link {
      z-index: 1;
      color: #fff;
      background-color: #007bff;
      border-color: #007bff
  }

  .page-item.disabled .page-link {
      color: #6c757d;
      pointer-events: none;
      cursor: auto;
      background-color: #fff;
      border-color: #dee2e6
  }

  .pagination-lg .page-link {
      padding: .75rem 1.5rem;
      font-size: 1.25rem;
      line-height: 1.5
  }

  .pagination-lg .page-item:first-child .page-link {
      border-top-left-radius: .3rem;
      border-bottom-left-radius: .3rem
  }

  .pagination-lg .page-item:last-child .page-link {
      border-top-right-radius: .3rem;
      border-bottom-right-radius: .3rem
  }

  .pagination-sm .page-link {
      padding: .25rem .5rem;
      font-size: .875rem;
      line-height: 1.5
  }

  .pagination-sm .page-item:first-child .page-link {
      border-top-left-radius: .2rem;
      border-bottom-left-radius: .2rem
  }

  .pagination-sm .page-item:last-child .page-link {
      border-top-right-radius: .2rem;
      border-bottom-right-radius: .2rem
  }

  .badge {
      display: inline-block;
      padding: .25em .4em;
      font-size: 75%;
      font-weight: 700;
      line-height: 1;
      text-align: center;
      white-space: nowrap;
      vertical-align: baseline;
      border-radius: .25rem;
      transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }

  @media (prefers-reduced-motion:reduce) {
      .badge {
          transition: none
      }
  }

  a.badge:focus,a.badge:hover {
      text-decoration: none
  }

  .badge:empty {
      display: none
  }

  .btn .badge {
      position: relative;
      top: -1px
  }

  .badge-pill {
      padding-right: .6em;
      padding-left: .6em;
      border-radius: 10rem
  }

  .badge-primary {
      color: #fff;
      background-color: #007bff
  }

  a.badge-primary:focus,a.badge-primary:hover {
      color: #fff;
      background-color: #0062cc
  }

  a.badge-primary.focus,a.badge-primary:focus {
      outline: 0;
      box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
  }

  .badge-secondary {
      color: #fff;
      background-color: #6c757d
  }

  a.badge-secondary:focus,a.badge-secondary:hover {
      color: #fff;
      background-color: #545b62
  }

  a.badge-secondary.focus,a.badge-secondary:focus {
      outline: 0;
      box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
  }

  .badge-success {
      color: #fff;
      background-color: #28a745
  }

  a.badge-success:focus,a.badge-success:hover {
      color: #fff;
      background-color: #1e7e34
  }

  a.badge-success.focus,a.badge-success:focus {
      outline: 0;
      box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
  }

  .badge-info {
      color: #fff;
      background-color: #17a2b8
  }

  a.badge-info:focus,a.badge-info:hover {
      color: #fff;
      background-color: #117a8b
  }

  a.badge-info.focus,a.badge-info:focus {
      outline: 0;
      box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
  }

  .badge-warning {
      color: #212529;
      background-color: #ffc107
  }

  a.badge-warning:focus,a.badge-warning:hover {
      color: #212529;
      background-color: #d39e00
  }

  a.badge-warning.focus,a.badge-warning:focus {
      outline: 0;
      box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
  }

  .badge-danger {
      color: #fff;
      background-color: #dc3545
  }

  a.badge-danger:focus,a.badge-danger:hover {
      color: #fff;
      background-color: #bd2130
  }

  a.badge-danger.focus,a.badge-danger:focus {
      outline: 0;
      box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
  }

  .badge-light {
      color: #212529;
      background-color: #f8f9fa
  }

  a.badge-light:focus,a.badge-light:hover {
      color: #212529;
      background-color: #dae0e5
  }

  a.badge-light.focus,a.badge-light:focus {
      outline: 0;
      box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
  }

  .badge-dark {
      color: #fff;
      background-color: #343a40
  }

  a.badge-dark:focus,a.badge-dark:hover {
      color: #fff;
      background-color: #1d2124
  }

  a.badge-dark.focus,a.badge-dark:focus {
      outline: 0;
      box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
  }

  .jumbotron {
      padding: 2rem 1rem;
      margin-bottom: 2rem;
      background-color: #e9ecef;
      border-radius: .3rem
  }

  @media (min-width: 576px) {
      .jumbotron {
          padding:4rem 2rem
      }
  }

  .jumbotron-fluid {
      padding-right: 0;
      padding-left: 0;
      border-radius: 0
  }

  .alert {
      position: relative;
      padding: .75rem 1.25rem;
      margin-bottom: 1rem;
      border: 1px solid transparent;
      border-radius: .25rem
  }

  .alert-heading {
      color: inherit
  }

  .alert-link {
      font-weight: 700
  }

  .alert-dismissible {
      padding-right: 4rem
  }

  .alert-dismissible .close {
      position: absolute;
      top: 0;
      right: 0;
      padding: .75rem 1.25rem;
      color: inherit
  }

  .alert-primary {
      color: #004085;
      background-color: #cce5ff;
      border-color: #b8daff
  }

  .alert-primary hr {
      border-top-color: #9fcdff
  }

  .alert-primary .alert-link {
      color: #002752
  }

  .alert-secondary {
      color: #383d41;
      background-color: #e2e3e5;
      border-color: #d6d8db
  }

  .alert-secondary hr {
      border-top-color: #c8cbcf
  }

  .alert-secondary .alert-link {
      color: #202326
  }

  .alert-success {
      color: #155724;
      background-color: #d4edda;
      border-color: #c3e6cb
  }

  .alert-success hr {
      border-top-color: #b1dfbb
  }

  .alert-success .alert-link {
      color: #0b2e13
  }

  .alert-info {
      color: #0c5460;
      background-color: #d1ecf1;
      border-color: #bee5eb
  }

  .alert-info hr {
      border-top-color: #abdde5
  }

  .alert-info .alert-link {
      color: #062c33
  }

  .alert-warning {
      color: #856404;
      background-color: #fff3cd;
      border-color: #ffeeba
  }

  .alert-warning hr {
      border-top-color: #ffe8a1
  }

  .alert-warning .alert-link {
      color: #533f03
  }

  .alert-danger {
      color: #721c24;
      background-color: #f8d7da;
      border-color: #f5c6cb
  }

  .alert-danger hr {
      border-top-color: #f1b0b7
  }

  .alert-danger .alert-link {
      color: #491217
  }

  .alert-light {
      color: #818182;
      background-color: #fefefe;
      border-color: #fdfdfe
  }

  .alert-light hr {
      border-top-color: #ececf6
  }

  .alert-light .alert-link {
      color: #686868
  }

  .alert-dark {
      color: #1b1e21;
      background-color: #d6d8d9;
      border-color: #c6c8ca
  }

  .alert-dark hr {
      border-top-color: #b9bbbe
  }

  .alert-dark .alert-link {
      color: #040505
  }

  @-webkit-keyframes progress-bar-stripes {
      from {
          background-position: 1rem 0
      }

      to {
          background-position: 0 0
      }
  }

  @keyframes progress-bar-stripes {
      from {
          background-position: 1rem 0
      }

      to {
          background-position: 0 0
      }
  }

  .progress {
      display: -ms-flexbox;
      display: flex;
      height: 1rem;
      overflow: hidden;
      font-size: .75rem;
      background-color: #e9ecef;
      border-radius: .25rem
  }

  .progress-bar {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-pack: center;
      justify-content: center;
      color: #fff;
      text-align: center;
      white-space: nowrap;
      background-color: #007bff;
      transition: width .6s ease
  }

  @media (prefers-reduced-motion:reduce) {
      .progress-bar {
          transition: none
      }
  }

  .progress-bar-striped {
      background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
      background-size: 1rem 1rem
  }

  .progress-bar-animated {
      -webkit-animation: progress-bar-stripes 1s linear infinite;
      animation: progress-bar-stripes 1s linear infinite
  }

  @media (prefers-reduced-motion:reduce) {
      .progress-bar-animated {
          -webkit-animation: none;
          animation: none
      }
  }

  .media {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: start;
      align-items: flex-start
  }

  .media-body {
      -ms-flex: 1;
      flex: 1
  }

  .list-group {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      padding-left: 0;
      margin-bottom: 0
  }

  .list-group-item-action {
      width: 100%;
      color: #495057;
      text-align: inherit
  }

  .list-group-item-action:focus,.list-group-item-action:hover {
      z-index: 1;
      color: #495057;
      text-decoration: none;
      background-color: #f8f9fa
  }

  .list-group-item-action:active {
      color: #212529;
      background-color: #e9ecef
  }

  .list-group-item {
      position: relative;
      display: block;
      padding: .75rem 1.25rem;
      margin-bottom: -1px;
      background-color: #fff;
      border: 1px solid rgba(0,0,0,.125)
  }

  .list-group-item:first-child {
      border-top-left-radius: .25rem;
      border-top-right-radius: .25rem
  }

  .list-group-item:last-child {
      margin-bottom: 0;
      border-bottom-right-radius: .25rem;
      border-bottom-left-radius: .25rem
  }

  .list-group-item.disabled,.list-group-item:disabled {
      color: #6c757d;
      pointer-events: none;
      background-color: #fff
  }

  .list-group-item.active {
      z-index: 2;
      color: #fff;
      background-color: #007bff;
      border-color: #007bff
  }

  .list-group-horizontal {
      -ms-flex-direction: row;
      flex-direction: row
  }

  .list-group-horizontal .list-group-item {
      margin-right: -1px;
      margin-bottom: 0
  }

  .list-group-horizontal .list-group-item:first-child {
      border-top-left-radius: .25rem;
      border-bottom-left-radius: .25rem;
      border-top-right-radius: 0
  }

  .list-group-horizontal .list-group-item:last-child {
      margin-right: 0;
      border-top-right-radius: .25rem;
      border-bottom-right-radius: .25rem;
      border-bottom-left-radius: 0
  }

  @media (min-width: 576px) {
      .list-group-horizontal-sm {
          -ms-flex-direction:row;
          flex-direction: row
      }

      .list-group-horizontal-sm .list-group-item {
          margin-right: -1px;
          margin-bottom: 0
      }

      .list-group-horizontal-sm .list-group-item:first-child {
          border-top-left-radius: .25rem;
          border-bottom-left-radius: .25rem;
          border-top-right-radius: 0
      }

      .list-group-horizontal-sm .list-group-item:last-child {
          margin-right: 0;
          border-top-right-radius: .25rem;
          border-bottom-right-radius: .25rem;
          border-bottom-left-radius: 0
      }
  }

  @media (min-width: 768px) {
      .list-group-horizontal-md {
          -ms-flex-direction:row;
          flex-direction: row
      }

      .list-group-horizontal-md .list-group-item {
          margin-right: -1px;
          margin-bottom: 0
      }

      .list-group-horizontal-md .list-group-item:first-child {
          border-top-left-radius: .25rem;
          border-bottom-left-radius: .25rem;
          border-top-right-radius: 0
      }

      .list-group-horizontal-md .list-group-item:last-child {
          margin-right: 0;
          border-top-right-radius: .25rem;
          border-bottom-right-radius: .25rem;
          border-bottom-left-radius: 0
      }
  }

  @media (min-width: 992px) {
      .list-group-horizontal-lg {
          -ms-flex-direction:row;
          flex-direction: row
      }

      .list-group-horizontal-lg .list-group-item {
          margin-right: -1px;
          margin-bottom: 0
      }

      .list-group-horizontal-lg .list-group-item:first-child {
          border-top-left-radius: .25rem;
          border-bottom-left-radius: .25rem;
          border-top-right-radius: 0
      }

      .list-group-horizontal-lg .list-group-item:last-child {
          margin-right: 0;
          border-top-right-radius: .25rem;
          border-bottom-right-radius: .25rem;
          border-bottom-left-radius: 0
      }
  }

  @media (min-width: 1200px) {
      .list-group-horizontal-xl {
          -ms-flex-direction:row;
          flex-direction: row
      }

      .list-group-horizontal-xl .list-group-item {
          margin-right: -1px;
          margin-bottom: 0
      }

      .list-group-horizontal-xl .list-group-item:first-child {
          border-top-left-radius: .25rem;
          border-bottom-left-radius: .25rem;
          border-top-right-radius: 0
      }

      .list-group-horizontal-xl .list-group-item:last-child {
          margin-right: 0;
          border-top-right-radius: .25rem;
          border-bottom-right-radius: .25rem;
          border-bottom-left-radius: 0
      }
  }

  .list-group-flush .list-group-item {
      border-right: 0;
      border-left: 0;
      border-radius: 0
  }

  .list-group-flush .list-group-item:last-child {
      margin-bottom: -1px
  }

  .list-group-flush:first-child .list-group-item:first-child {
      border-top: 0
  }

  .list-group-flush:last-child .list-group-item:last-child {
      margin-bottom: 0;
      border-bottom: 0
  }

  .list-group-item-primary {
      color: #004085;
      background-color: #b8daff
  }

  .list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover {
      color: #004085;
      background-color: #9fcdff
  }

  .list-group-item-primary.list-group-item-action.active {
      color: #fff;
      background-color: #004085;
      border-color: #004085
  }

  .list-group-item-secondary {
      color: #383d41;
      background-color: #d6d8db
  }

  .list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover {
      color: #383d41;
      background-color: #c8cbcf
  }

  .list-group-item-secondary.list-group-item-action.active {
      color: #fff;
      background-color: #383d41;
      border-color: #383d41
  }

  .list-group-item-success {
      color: #155724;
      background-color: #c3e6cb
  }

  .list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover {
      color: #155724;
      background-color: #b1dfbb
  }

  .list-group-item-success.list-group-item-action.active {
      color: #fff;
      background-color: #155724;
      border-color: #155724
  }

  .list-group-item-info {
      color: #0c5460;
      background-color: #bee5eb
  }

  .list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover {
      color: #0c5460;
      background-color: #abdde5
  }

  .list-group-item-info.list-group-item-action.active {
      color: #fff;
      background-color: #0c5460;
      border-color: #0c5460
  }

  .list-group-item-warning {
      color: #856404;
      background-color: #ffeeba
  }

  .list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover {
      color: #856404;
      background-color: #ffe8a1
  }

  .list-group-item-warning.list-group-item-action.active {
      color: #fff;
      background-color: #856404;
      border-color: #856404
  }

  .list-group-item-danger {
      color: #721c24;
      background-color: #f5c6cb
  }

  .list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover {
      color: #721c24;
      background-color: #f1b0b7
  }

  .list-group-item-danger.list-group-item-action.active {
      color: #fff;
      background-color: #721c24;
      border-color: #721c24
  }

  .list-group-item-light {
      color: #818182;
      background-color: #fdfdfe
  }

  .list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover {
      color: #818182;
      background-color: #ececf6
  }

  .list-group-item-light.list-group-item-action.active {
      color: #fff;
      background-color: #818182;
      border-color: #818182
  }

  .list-group-item-dark {
      color: #1b1e21;
      background-color: #c6c8ca
  }

  .list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover {
      color: #1b1e21;
      background-color: #b9bbbe
  }

  .list-group-item-dark.list-group-item-action.active {
      color: #fff;
      background-color: #1b1e21;
      border-color: #1b1e21
  }

  .close {
      float: right;
      font-size: 1.5rem;
      font-weight: 700;
      line-height: 1;
      color: #000;
      text-shadow: 0 1px 0 #fff;
      opacity: .5
  }

  .close:hover {
      color: #000;
      text-decoration: none
  }

  .close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover {
      opacity: .75
  }

  button.close {
      padding: 0;
      background-color: transparent;
      border: 0;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none
  }

  a.close.disabled {
      pointer-events: none
  }

  .toast {
      max-width: 350px;
      overflow: hidden;
      font-size: .875rem;
      background-color: rgba(255,255,255,.85);
      background-clip: padding-box;
      border: 1px solid rgba(0,0,0,.1);
      box-shadow: 0 .25rem .75rem rgba(0,0,0,.1);
      -webkit-backdrop-filter: blur(10px);
      backdrop-filter: blur(10px);
      opacity: 0;
      border-radius: .25rem
  }

  .toast:not(:last-child) {
      margin-bottom: .75rem
  }

  .toast.showing {
      opacity: 1
  }

  .toast.show {
      display: block;
      opacity: 1
  }

  .toast.hide {
      display: none
  }

  .toast-header {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      padding: .25rem .75rem;
      color: #6c757d;
      background-color: rgba(255,255,255,.85);
      background-clip: padding-box;
      border-bottom: 1px solid rgba(0,0,0,.05)
  }

  .toast-body {
      padding: .75rem
  }

  .modal-open {
      overflow: hidden
  }

  .modal-open .modal {
      overflow-x: hidden;
      overflow-y: auto
  }

  .modal {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 1050;
      display: none;
      width: 100%;
      height: 100%;
      overflow: hidden;
      outline: 0
  }

  .modal-dialog {
      position: relative;
      width: auto;
      margin: .5rem;
      pointer-events: none
  }

  .modal.fade .modal-dialog {
      transition: -webkit-transform .3s ease-out;
      transition: transform .3s ease-out;
      transition: transform .3s ease-out,-webkit-transform .3s ease-out;
      -webkit-transform: translate(0,-50px);
      transform: translate(0,-50px)
  }

  @media (prefers-reduced-motion:reduce) {
      .modal.fade .modal-dialog {
          transition: none
      }
  }

  .modal.show .modal-dialog {
      -webkit-transform: none;
      transform: none
  }

  .modal-dialog-scrollable {
      display: -ms-flexbox;
      display: flex;
      max-height: calc(100% - 1rem)
  }

  .modal-dialog-scrollable .modal-content {
      max-height: calc(100vh - 1rem);
      overflow: hidden
  }

  .modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header {
      -ms-flex-negative: 0;
      flex-shrink: 0
  }

  .modal-dialog-scrollable .modal-body {
      overflow-y: auto
  }

  .modal-dialog-centered {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      min-height: calc(100% - 1rem)
  }

  .modal-dialog-centered::before {
      display: block;
      height: calc(100vh - 1rem);
      content: ""
  }

  .modal-dialog-centered.modal-dialog-scrollable {
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-pack: center;
      justify-content: center;
      height: 100%
  }

  .modal-dialog-centered.modal-dialog-scrollable .modal-content {
      max-height: none
  }

  .modal-dialog-centered.modal-dialog-scrollable::before {
      content: none
  }

  .modal-content {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 100%;
      pointer-events: auto;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid rgba(0,0,0,.2);
      border-radius: .3rem;
      outline: 0
  }

  .modal-backdrop {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 1040;
      width: 100vw;
      height: 100vh;
      background-color: #000
  }

  .modal-backdrop.fade {
      opacity: 0
  }

  .modal-backdrop.show {
      opacity: .5
  }

  .modal-header {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: start;
      align-items: flex-start;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 1rem 1rem;
      border-bottom: 1px solid #dee2e6;
      border-top-left-radius: .3rem;
      border-top-right-radius: .3rem
  }

  .modal-header .close {
      padding: 1rem 1rem;
      margin: -1rem -1rem -1rem auto
  }

  .modal-title {
      margin-bottom: 0;
      line-height: 1.5
  }

  .modal-body {
      position: relative;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      padding: 1rem
  }

  .modal-footer {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: end;
      justify-content: flex-end;
      padding: 1rem;
      border-top: 1px solid #dee2e6;
      border-bottom-right-radius: .3rem;
      border-bottom-left-radius: .3rem
  }

  .modal-footer>:not(:first-child) {
      margin-left: .25rem
  }

  .modal-footer>:not(:last-child) {
      margin-right: .25rem
  }

  .modal-scrollbar-measure {
      position: absolute;
      top: -9999px;
      width: 50px;
      height: 50px;
      overflow: scroll
  }

  @media (min-width: 576px) {
      .modal-dialog {
          max-width:500px;
          margin: 1.75rem auto
      }

      .modal-dialog-scrollable {
          max-height: calc(100% - 3.5rem)
      }

      .modal-dialog-scrollable .modal-content {
          max-height: calc(100vh - 3.5rem)
      }

      .modal-dialog-centered {
          min-height: calc(100% - 3.5rem)
      }

      .modal-dialog-centered::before {
          height: calc(100vh - 3.5rem)
      }

      .modal-sm {
          max-width: 300px
      }
  }

  @media (min-width: 992px) {
      .modal-lg,.modal-xl {
          max-width:800px
      }
  }

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

  .tooltip {
      position: absolute;
      z-index: 1070;
      display: block;
      margin: 0;
      font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
      font-style: normal;
      font-weight: 400;
      line-height: 1.5;
      text-align: left;
      text-align: start;
      text-decoration: none;
      text-shadow: none;
      text-transform: none;
      letter-spacing: normal;
      word-break: normal;
      word-spacing: normal;
      white-space: normal;
      line-break: auto;
      font-size: .875rem;
      word-wrap: break-word;
      opacity: 0
  }

  .tooltip.show {
      opacity: .9
  }

  .tooltip .arrow {
      position: absolute;
      display: block;
      width: .8rem;
      height: .4rem
  }

  .tooltip .arrow::before {
      position: absolute;
      content: "";
      border-color: transparent;
      border-style: solid
  }

  .bs-tooltip-auto[x-placement^=top],.bs-tooltip-top {
      padding: .4rem 0
  }

  .bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow {
      bottom: 0
  }

  .bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before {
      top: 0;
      border-width: .4rem .4rem 0;
      border-top-color: #000
  }

  .bs-tooltip-auto[x-placement^=right],.bs-tooltip-right {
      padding: 0 .4rem
  }

  .bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow {
      left: 0;
      width: .4rem;
      height: .8rem
  }

  .bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before {
      right: 0;
      border-width: .4rem .4rem .4rem 0;
      border-right-color: #000
  }

  .bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom {
      padding: .4rem 0
  }

  .bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow {
      top: 0
  }

  .bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before {
      bottom: 0;
      border-width: 0 .4rem .4rem;
      border-bottom-color: #000
  }

  .bs-tooltip-auto[x-placement^=left],.bs-tooltip-left {
      padding: 0 .4rem
  }

  .bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow {
      right: 0;
      width: .4rem;
      height: .8rem
  }

  .bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before {
      left: 0;
      border-width: .4rem 0 .4rem .4rem;
      border-left-color: #000
  }

  .tooltip-inner {
      max-width: 200px;
      padding: .25rem .5rem;
      color: #fff;
      text-align: center;
      background-color: #000;
      border-radius: .25rem
  }

  .popover {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1060;
      display: block;
      max-width: 276px;
      font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
      font-style: normal;
      font-weight: 400;
      line-height: 1.5;
      text-align: left;
      text-align: start;
      text-decoration: none;
      text-shadow: none;
      text-transform: none;
      letter-spacing: normal;
      word-break: normal;
      word-spacing: normal;
      white-space: normal;
      line-break: auto;
      font-size: .875rem;
      word-wrap: break-word;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid rgba(0,0,0,.2);
      border-radius: .3rem
  }

  .popover .arrow {
      position: absolute;
      display: block;
      width: 1rem;
      height: .5rem;
      margin: 0 .3rem
  }

  .popover .arrow::after,.popover .arrow::before {
      position: absolute;
      display: block;
      content: "";
      border-color: transparent;
      border-style: solid
  }

  .bs-popover-auto[x-placement^=top],.bs-popover-top {
      margin-bottom: .5rem
  }

  .bs-popover-auto[x-placement^=top]>.arrow,.bs-popover-top>.arrow {
      bottom: calc((.5rem + 1px) * -1)
  }

  .bs-popover-auto[x-placement^=top]>.arrow::before,.bs-popover-top>.arrow::before {
      bottom: 0;
      border-width: .5rem .5rem 0;
      border-top-color: rgba(0,0,0,.25)
  }

  .bs-popover-auto[x-placement^=top]>.arrow::after,.bs-popover-top>.arrow::after {
      bottom: 1px;
      border-width: .5rem .5rem 0;
      border-top-color: #fff
  }

  .bs-popover-auto[x-placement^=right],.bs-popover-right {
      margin-left: .5rem
  }

  .bs-popover-auto[x-placement^=right]>.arrow,.bs-popover-right>.arrow {
      left: calc((.5rem + 1px) * -1);
      width: .5rem;
      height: 1rem;
      margin: .3rem 0
  }

  .bs-popover-auto[x-placement^=right]>.arrow::before,.bs-popover-right>.arrow::before {
      left: 0;
      border-width: .5rem .5rem .5rem 0;
      border-right-color: rgba(0,0,0,.25)
  }

  .bs-popover-auto[x-placement^=right]>.arrow::after,.bs-popover-right>.arrow::after {
      left: 1px;
      border-width: .5rem .5rem .5rem 0;
      border-right-color: #fff
  }

  .bs-popover-auto[x-placement^=bottom],.bs-popover-bottom {
      margin-top: .5rem
  }

  .bs-popover-auto[x-placement^=bottom]>.arrow,.bs-popover-bottom>.arrow {
      top: calc((.5rem + 1px) * -1)
  }

  .bs-popover-auto[x-placement^=bottom]>.arrow::before,.bs-popover-bottom>.arrow::before {
      top: 0;
      border-width: 0 .5rem .5rem .5rem;
      border-bottom-color: rgba(0,0,0,.25)
  }

  .bs-popover-auto[x-placement^=bottom]>.arrow::after,.bs-popover-bottom>.arrow::after {
      top: 1px;
      border-width: 0 .5rem .5rem .5rem;
      border-bottom-color: #fff
  }

  .bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before {
      position: absolute;
      top: 0;
      left: 50%;
      display: block;
      width: 1rem;
      margin-left: -.5rem;
      content: "";
      border-bottom: 1px solid #f7f7f7
  }

  .bs-popover-auto[x-placement^=left],.bs-popover-left {
      margin-right: .5rem
  }

  .bs-popover-auto[x-placement^=left]>.arrow,.bs-popover-left>.arrow {
      right: calc((.5rem + 1px) * -1);
      width: .5rem;
      height: 1rem;
      margin: .3rem 0
  }

  .bs-popover-auto[x-placement^=left]>.arrow::before,.bs-popover-left>.arrow::before {
      right: 0;
      border-width: .5rem 0 .5rem .5rem;
      border-left-color: rgba(0,0,0,.25)
  }

  .bs-popover-auto[x-placement^=left]>.arrow::after,.bs-popover-left>.arrow::after {
      right: 1px;
      border-width: .5rem 0 .5rem .5rem;
      border-left-color: #fff
  }

  .popover-header {
      padding: .5rem .75rem;
      margin-bottom: 0;
      font-size: 1rem;
      background-color: #f7f7f7;
      border-bottom: 1px solid #ebebeb;
      border-top-left-radius: calc(.3rem - 1px);
      border-top-right-radius: calc(.3rem - 1px)
  }

  .popover-header:empty {
      display: none
  }

  .popover-body {
      padding: .5rem .75rem;
      color: #212529
  }

  .carousel {
      position: relative
  }

  .carousel.pointer-event {
      -ms-touch-action: pan-y;
      touch-action: pan-y
  }

  .carousel-inner {
      position: relative;
      width: 100%;
      overflow: hidden
  }

  .carousel-inner::after {
      display: block;
      clear: both;
      content: ""
  }

  .carousel-item {
      position: relative;
      display: none;
      float: left;
      width: 100%;
      margin-right: -100%;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      transition: -webkit-transform .6s ease-in-out;
      transition: transform .6s ease-in-out;
      transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out
  }

  @media (prefers-reduced-motion:reduce) {
      .carousel-item {
          transition: none
      }
  }

  .carousel-item-next,.carousel-item-prev,.carousel-item.active {
      display: block
  }

  .active.carousel-item-right,.carousel-item-next:not(.carousel-item-left) {
      -webkit-transform: translateX(100%);
      transform: translateX(100%)
  }

  .active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right) {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%)
  }

  .carousel-fade .carousel-item {
      opacity: 0;
      transition-property: opacity;
      -webkit-transform: none;
      transform: none
  }

  .carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active {
      z-index: 1;
      opacity: 1
  }

  .carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right {
      z-index: 0;
      opacity: 0;
      transition: 0s .6s opacity
  }

  @media (prefers-reduced-motion:reduce) {
      .carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right {
          transition: none
      }
  }

  .carousel-control-next,.carousel-control-prev {
      position: absolute;
      top: 0;
      bottom: 0;
      z-index: 1;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 15%;
      color: #fff;
      text-align: center;
      opacity: .5;
      transition: opacity .15s ease
  }

  @media (prefers-reduced-motion:reduce) {
      .carousel-control-next,.carousel-control-prev {
          transition: none
      }
  }

  .carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover {
      color: #fff;
      text-decoration: none;
      outline: 0;
      opacity: .9
  }

  .carousel-control-prev {
      left: 0
  }

  .carousel-control-next {
      right: 0
  }

  .carousel-control-next-icon,.carousel-control-prev-icon {
      display: inline-block;
      width: 20px;
      height: 20px;
      background: no-repeat 50%/100% 100%
  }

  .carousel-control-prev-icon {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")
  }

  .carousel-control-next-icon {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")
  }

  .carousel-indicators {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 15;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      padding-left: 0;
      margin-right: 15%;
      margin-left: 15%;
      list-style: none
  }

  .carousel-indicators li {
      box-sizing: content-box;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      width: 30px;
      height: 3px;
      margin-right: 3px;
      margin-left: 3px;
      text-indent: -999px;
      cursor: pointer;
      background-color: #fff;
      background-clip: padding-box;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      opacity: .5;
      transition: opacity .6s ease
  }

  @media (prefers-reduced-motion:reduce) {
      .carousel-indicators li {
          transition: none
      }
  }

  .carousel-indicators .active {
      opacity: 1
  }

  .carousel-caption {
      position: absolute;
      right: 15%;
      bottom: 20px;
      left: 15%;
      z-index: 10;
      padding-top: 20px;
      padding-bottom: 20px;
      color: #fff;
      text-align: center
  }

  @-webkit-keyframes spinner-border {
      to {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg)
      }
  }

  @keyframes spinner-border {
      to {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg)
      }
  }

  .spinner-border {
      display: inline-block;
      width: 2rem;
      height: 2rem;
      vertical-align: text-bottom;
      border: .25em solid currentColor;
      border-right-color: transparent;
      border-radius: 50%;
      -webkit-animation: spinner-border .75s linear infinite;
      animation: spinner-border .75s linear infinite
  }

  .spinner-border-sm {
      width: 1rem;
      height: 1rem;
      border-width: .2em
  }

  @-webkit-keyframes spinner-grow {
      0% {
          -webkit-transform: scale(0);
          transform: scale(0)
      }

      50% {
          opacity: 1
      }
  }

  @keyframes spinner-grow {
      0% {
          -webkit-transform: scale(0);
          transform: scale(0)
      }

      50% {
          opacity: 1
      }
  }

  .spinner-grow {
      display: inline-block;
      width: 2rem;
      height: 2rem;
      vertical-align: text-bottom;
      background-color: currentColor;
      border-radius: 50%;
      opacity: 0;
      -webkit-animation: spinner-grow .75s linear infinite;
      animation: spinner-grow .75s linear infinite
  }

  .spinner-grow-sm {
      width: 1rem;
      height: 1rem
  }

  .align-baseline {
      vertical-align: baseline!important
  }

  .align-top {
      vertical-align: top!important
  }

  .align-middle {
      vertical-align: middle!important
  }

  .align-bottom {
      vertical-align: bottom!important
  }

  .align-text-bottom {
      vertical-align: text-bottom!important
  }

  .align-text-top {
      vertical-align: text-top!important
  }

  .bg-primary {
      background-color: #007bff!important
  }

  a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover {
      background-color: #0062cc!important
  }

  .bg-secondary {
      background-color: #6c757d!important
  }

  a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover {
      background-color: #545b62!important
  }

  .bg-success {
      background-color: #28a745!important
  }

  a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover {
      background-color: #1e7e34!important
  }

  .bg-info {
      background-color: #17a2b8!important
  }

  a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover {
      background-color: #117a8b!important
  }

  .bg-warning {
      background-color: #ffc107!important
  }

  a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover {
      background-color: #d39e00!important
  }

  .bg-danger {
      background-color: #dc3545!important
  }

  a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover {
      background-color: #bd2130!important
  }

  .bg-light {
      background-color: #f8f9fa!important
  }

  a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover {
      background-color: #dae0e5!important
  }

  .bg-dark {
      background-color: #343a40!important
  }

  a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
      background-color: #1d2124!important
  }

  .bg-white {
      background-color: #fff!important
  }

  .bg-transparent {
      background-color: transparent!important
  }

  .border {
      border: 1px solid #dee2e6!important
  }

  .border-top {
      border-top: 1px solid #dee2e6!important
  }

  .border-right {
      border-right: 1px solid #dee2e6!important
  }

  .border-bottom {
      border-bottom: 1px solid #dee2e6!important
  }

  .border-left {
      border-left: 1px solid #dee2e6!important
  }

  .border-0 {
      border: 0!important
  }

  .border-top-0 {
      border-top: 0!important
  }

  .border-right-0 {
      border-right: 0!important
  }

  .border-bottom-0 {
      border-bottom: 0!important
  }

  .border-left-0 {
      border-left: 0!important
  }

  .border-primary {
      border-color: #007bff!important
  }

  .border-secondary {
      border-color: #6c757d!important
  }

  .border-success {
      border-color: #28a745!important
  }

  .border-info {
      border-color: #17a2b8!important
  }

  .border-warning {
      border-color: #ffc107!important
  }

  .border-danger {
      border-color: #dc3545!important
  }

  .border-light {
      border-color: #f8f9fa!important
  }

  .border-dark {
      border-color: #343a40!important
  }

  .border-white {
      border-color: #fff!important
  }

  .rounded-sm {
      border-radius: .2rem!important
  }

  .rounded {
      border-radius: .25rem!important
  }

  .rounded-top {
      border-top-left-radius: .25rem!important;
      border-top-right-radius: .25rem!important
  }

  .rounded-right {
      border-top-right-radius: .25rem!important;
      border-bottom-right-radius: .25rem!important
  }

  .rounded-bottom {
      border-bottom-right-radius: .25rem!important;
      border-bottom-left-radius: .25rem!important
  }

  .rounded-left {
      border-top-left-radius: .25rem!important;
      border-bottom-left-radius: .25rem!important
  }

  .rounded-lg {
      border-radius: .3rem!important
  }

  .rounded-circle {
      border-radius: 50%!important
  }

  .rounded-pill {
      border-radius: 50rem!important
  }

  .rounded-0 {
      border-radius: 0!important
  }

  .clearfix::after {
      display: block;
      clear: both;
      content: ""
  }

  .d-none {
      display: none!important
  }

  .d-inline {
      display: inline!important
  }

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

  .d-block {
      display: block!important
  }

  .d-table {
      display: table!important
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .embed-responsive {
      position: relative;
      display: block;
      width: 100%;
      padding: 0;
      overflow: hidden
  }

  .embed-responsive::before {
      display: block;
      content: ""
  }

  .embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0
  }

  .embed-responsive-21by9::before {
      padding-top: 42.857143%
  }

  .embed-responsive-16by9::before {
      padding-top: 56.25%
  }

  .embed-responsive-4by3::before {
      padding-top: 75%
  }

  .embed-responsive-1by1::before {
      padding-top: 100%
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .float-left {
      float: left!important
  }

  .float-right {
      float: right!important
  }

  .float-none {
      float: none!important
  }

  @media (min-width: 576px) {
      .float-sm-left {
          float:left!important
      }

      .float-sm-right {
          float: right!important
      }

      .float-sm-none {
          float: none!important
      }
  }

  @media (min-width: 768px) {
      .float-md-left {
          float:left!important
      }

      .float-md-right {
          float: right!important
      }

      .float-md-none {
          float: none!important
      }
  }

  @media (min-width: 992px) {
      .float-lg-left {
          float:left!important
      }

      .float-lg-right {
          float: right!important
      }

      .float-lg-none {
          float: none!important
      }
  }

  @media (min-width: 1200px) {
      .float-xl-left {
          float:left!important
      }

      .float-xl-right {
          float: right!important
      }

      .float-xl-none {
          float: none!important
      }
  }

  .overflow-auto {
      overflow: auto!important
  }

  .overflow-hidden {
      overflow: hidden!important
  }

  .position-static {
      position: static!important
  }

  .position-relative {
      position: relative!important
  }

  .position-absolute {
      position: absolute!important
  }

  .position-fixed {
      position: fixed!important
  }

  .position-sticky {
      position: -webkit-sticky!important;
      position: sticky!important
  }

  .fixed-top {
      position: fixed;
      top: 0;
      right: 0;
      left: 0;
      z-index: 1030
  }

  .fixed-bottom {
      position: fixed;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1030
  }

  @supports ((position: -webkit-sticky) or (position:sticky)) {
      .sticky-top {
          position:-webkit-sticky;
          position: sticky;
          top: 0;
          z-index: 1020
      }
  }

  .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      overflow: hidden;
      clip: rect(0,0,0,0);
      white-space: nowrap;
      border: 0
  }

  .sr-only-focusable:active,.sr-only-focusable:focus {
      position: static;
      width: auto;
      height: auto;
      overflow: visible;
      clip: auto;
      white-space: normal
  }

  .shadow-sm {
      box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important
  }

  .shadow {
      box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important
  }

  .shadow-lg {
      box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important
  }

  .shadow-none {
      box-shadow: none!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
  }

  .stretched-link::after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1;
      pointer-events: auto;
      content: "";
      background-color: rgba(0,0,0,0)
  }

  .m-0 {
      margin: 0!important
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .p-0 {
      padding: 0!important
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .m-auto {
      margin: auto!important
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      .m-xl-1 {
          margin: .25rem!important
      }

      .mt-xl-1,.my-xl-1 {
          margin-top: .25rem!important
      }

      .mr-xl-1,.mx-xl-1 {
          margin-right: .25rem!important
      }

      .mb-xl-1,.my-xl-1 {
          margin-bottom: .25rem!important
      }

      .ml-xl-1,.mx-xl-1 {
          margin-left: .25rem!important
      }

      .m-xl-2 {
          margin: .5rem!important
      }

      .mt-xl-2,.my-xl-2 {
          margin-top: .5rem!important
      }

      .mr-xl-2,.mx-xl-2 {
          margin-right: .5rem!important
      }

      .mb-xl-2,.my-xl-2 {
          margin-bottom: .5rem!important
      }

      .ml-xl-2,.mx-xl-2 {
          margin-left: .5rem!important
      }

      .m-xl-3 {
          margin: 1rem!important
      }

      .mt-xl-3,.my-xl-3 {
          margin-top: 1rem!important
      }

      .mr-xl-3,.mx-xl-3 {
          margin-right: 1rem!important
      }

      .mb-xl-3,.my-xl-3 {
          margin-bottom: 1rem!important
      }

      .ml-xl-3,.mx-xl-3 {
          margin-left: 1rem!important
      }

      .m-xl-4 {
          margin: 1.5rem!important
      }

      .mt-xl-4,.my-xl-4 {
          margin-top: 1.5rem!important
      }

      .mr-xl-4,.mx-xl-4 {
          margin-right: 1.5rem!important
      }

      .mb-xl-4,.my-xl-4 {
          margin-bottom: 1.5rem!important
      }

      .ml-xl-4,.mx-xl-4 {
          margin-left: 1.5rem!important
      }

      .m-xl-5 {
          margin: 3rem!important
      }

      .mt-xl-5,.my-xl-5 {
          margin-top: 3rem!important
      }

      .mr-xl-5,.mx-xl-5 {
          margin-right: 3rem!important
      }

      .mb-xl-5,.my-xl-5 {
          margin-bottom: 3rem!important
      }

      .ml-xl-5,.mx-xl-5 {
          margin-left: 3rem!important
      }

      .p-xl-0 {
          padding: 0!important
      }

      .pt-xl-0,.py-xl-0 {
          padding-top: 0!important
      }

      .pr-xl-0,.px-xl-0 {
          padding-right: 0!important
      }

      .pb-xl-0,.py-xl-0 {
          padding-bottom: 0!important
      }

      .pl-xl-0,.px-xl-0 {
          padding-left: 0!important
      }

      .p-xl-1 {
          padding: .25rem!important
      }

      .pt-xl-1,.py-xl-1 {
          padding-top: .25rem!important
      }

      .pr-xl-1,.px-xl-1 {
          padding-right: .25rem!important
      }

      .pb-xl-1,.py-xl-1 {
          padding-bottom: .25rem!important
      }

      .pl-xl-1,.px-xl-1 {
          padding-left: .25rem!important
      }

      .p-xl-2 {
          padding: .5rem!important
      }

      .pt-xl-2,.py-xl-2 {
          padding-top: .5rem!important
      }

      .pr-xl-2,.px-xl-2 {
          padding-right: .5rem!important
      }

      .pb-xl-2,.py-xl-2 {
          padding-bottom: .5rem!important
      }

      .pl-xl-2,.px-xl-2 {
          padding-left: .5rem!important
      }

      .p-xl-3 {
          padding: 1rem!important
      }

      .pt-xl-3,.py-xl-3 {
          padding-top: 1rem!important
      }

      .pr-xl-3,.px-xl-3 {
          padding-right: 1rem!important
      }

      .pb-xl-3,.py-xl-3 {
          padding-bottom: 1rem!important
      }

      .pl-xl-3,.px-xl-3 {
          padding-left: 1rem!important
      }

      .p-xl-4 {
          padding: 1.5rem!important
      }

      .pt-xl-4,.py-xl-4 {
          padding-top: 1.5rem!important
      }

      .pr-xl-4,.px-xl-4 {
          padding-right: 1.5rem!important
      }

      .pb-xl-4,.py-xl-4 {
          padding-bottom: 1.5rem!important
      }

      .pl-xl-4,.px-xl-4 {
          padding-left: 1.5rem!important
      }

      .p-xl-5 {
          padding: 3rem!important
      }

      .pt-xl-5,.py-xl-5 {
          padding-top: 3rem!important
      }

      .pr-xl-5,.px-xl-5 {
          padding-right: 3rem!important
      }

      .pb-xl-5,.py-xl-5 {
          padding-bottom: 3rem!important
      }

      .pl-xl-5,.px-xl-5 {
          padding-left: 3rem!important
      }

      .m-xl-n1 {
          margin: -.25rem!important
      }

      .mt-xl-n1,.my-xl-n1 {
          margin-top: -.25rem!important
      }

      .mr-xl-n1,.mx-xl-n1 {
          margin-right: -.25rem!important
      }

      .mb-xl-n1,.my-xl-n1 {
          margin-bottom: -.25rem!important
      }

      .ml-xl-n1,.mx-xl-n1 {
          margin-left: -.25rem!important
      }

      .m-xl-n2 {
          margin: -.5rem!important
      }

      .mt-xl-n2,.my-xl-n2 {
          margin-top: -.5rem!important
      }

      .mr-xl-n2,.mx-xl-n2 {
          margin-right: -.5rem!important
      }

      .mb-xl-n2,.my-xl-n2 {
          margin-bottom: -.5rem!important
      }

      .ml-xl-n2,.mx-xl-n2 {
          margin-left: -.5rem!important
      }

      .m-xl-n3 {
          margin: -1rem!important
      }

      .mt-xl-n3,.my-xl-n3 {
          margin-top: -1rem!important
      }

      .mr-xl-n3,.mx-xl-n3 {
          margin-right: -1rem!important
      }

      .mb-xl-n3,.my-xl-n3 {
          margin-bottom: -1rem!important
      }

      .ml-xl-n3,.mx-xl-n3 {
          margin-left: -1rem!important
      }

      .m-xl-n4 {
          margin: -1.5rem!important
      }

      .mt-xl-n4,.my-xl-n4 {
          margin-top: -1.5rem!important
      }

      .mr-xl-n4,.mx-xl-n4 {
          margin-right: -1.5rem!important
      }

      .mb-xl-n4,.my-xl-n4 {
          margin-bottom: -1.5rem!important
      }

      .ml-xl-n4,.mx-xl-n4 {
          margin-left: -1.5rem!important
      }

      .m-xl-n5 {
          margin: -3rem!important
      }

      .mt-xl-n5,.my-xl-n5 {
          margin-top: -3rem!important
      }

      .mr-xl-n5,.mx-xl-n5 {
          margin-right: -3rem!important
      }

      .mb-xl-n5,.my-xl-n5 {
          margin-bottom: -3rem!important
      }

      .ml-xl-n5,.mx-xl-n5 {
          margin-left: -3rem!important
      }

      .m-xl-auto {
          margin: auto!important
      }

      .mt-xl-auto,.my-xl-auto {
          margin-top: auto!important
      }

      .mr-xl-auto,.mx-xl-auto {
          margin-right: auto!important
      }

      .mb-xl-auto,.my-xl-auto {
          margin-bottom: auto!important
      }

      .ml-xl-auto,.mx-xl-auto {
          margin-left: auto!important
      }
  }

  .text-monospace {
      font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important
  }

  .text-justify {
      text-align: justify!important
  }

  .text-wrap {
      white-space: normal!important
  }

  .text-nowrap {
      white-space: nowrap!important
  }

  .text-truncate {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap
  }

  .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: 992px) {
      .text-lg-left {
          text-align:left!important
      }

      .text-lg-right {
          text-align: right!important
      }

      .text-lg-center {
          text-align: center!important
      }
  }

  @media (min-width: 1200px) {
      .text-xl-left {
          text-align:left!important
      }

      .text-xl-right {
          text-align: right!important
      }

      .text-xl-center {
          text-align: center!important
      }
  }

  .text-lowercase {
      text-transform: lowercase!important
  }

  .text-uppercase {
      text-transform: uppercase!important
  }

  .text-capitalize {
      text-transform: capitalize!important
  }

  .font-weight-light {
      font-weight: 300!important
  }

  .font-weight-lighter {
      font-weight: lighter!important
  }

  .font-weight-normal {
      font-weight: 400!important
  }

  .font-weight-bold {
      font-weight: 700!important
  }

  .font-weight-bolder {
      font-weight: bolder!important
  }

  .font-italic {
      font-style: italic!important
  }

  .text-white {
      color: #fff!important
  }

  .text-primary {
      color: #007bff!important
  }

  a.text-primary:focus,a.text-primary:hover {
      color: #0056b3!important
  }

  .text-secondary {
      color: #6c757d!important
  }

  a.text-secondary:focus,a.text-secondary:hover {
      color: #494f54!important
  }

  .text-success {
      color: #28a745!important
  }

  a.text-success:focus,a.text-success:hover {
      color: #19692c!important
  }

  .text-info {
      color: #17a2b8!important
  }

  a.text-info:focus,a.text-info:hover {
      color: #0f6674!important
  }

  .text-warning {
      color: #ffc107!important
  }

  a.text-warning:focus,a.text-warning:hover {
      color: #ba8b00!important
  }

  .text-danger {
      color: #dc3545!important
  }

  a.text-danger:focus,a.text-danger:hover {
      color: #a71d2a!important
  }

  .text-light {
      color: #f8f9fa!important
  }

  a.text-light:focus,a.text-light:hover {
      color: #cbd3da!important
  }

  .text-dark {
      color: #343a40!important
  }

  a.text-dark:focus,a.text-dark:hover {
      color: #121416!important
  }

  .text-body {
      color: #212529!important
  }

  .text-muted {
      color: #6c757d!important
  }

  .text-black-50 {
      color: rgba(0,0,0,.5)!important
  }

  .text-white-50 {
      color: rgba(255,255,255,.5)!important
  }

  .text-hide {
      font: 0/0 a;
      color: transparent;
      text-shadow: none;
      background-color: transparent;
      border: 0
  }

  .text-decoration-none {
      text-decoration: none!important
  }

  .text-break {
      word-break: break-word!important;
      overflow-wrap: break-word!important
  }

  .text-reset {
      color: inherit!important
  }

  .visible {
      visibility: visible!important
  }

  .invisible {
      visibility: hidden!important
  }

  @media print {
      *,::after,::before {
          text-shadow: none!important;
          box-shadow: none!important
      }

      a:not(.btn) {
          text-decoration: underline
      }

      abbr[title]::after {
          content: " (" attr(title) ")"
      }

      pre {
          white-space: pre-wrap!important
      }

      blockquote,pre {
          border: 1px solid #adb5bd;
          page-break-inside: avoid
      }

      thead {
          display: table-header-group
      }

      img,tr {
          page-break-inside: avoid
      }

      h2,h3,p {
          orphans: 3;
          widows: 3
      }

      h2,h3 {
          page-break-after: avoid
      }

      @page {
          size: a3
      }

      body {
          min-width: 992px!important
      }

      .container {
          min-width: 992px!important
      }

      .navbar {
          display: none
      }

      .badge {
          border: 1px solid #000
      }

      .table {
          border-collapse: collapse!important
      }

      .table td,.table th {
          background-color: #fff!important
      }

      .table-bordered td,.table-bordered th {
          border: 1px solid #dee2e6!important
      }

      .table-dark {
          color: inherit
      }

      .table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th {
          border-color: #dee2e6
      }

      .table .thead-dark th {
          color: inherit;
          border-color: #dee2e6
      }
  }

  /*# sourceMappingURL=bootstrap.min.css.map */
  .slick-slider {
      position: relative;
      display: block;
      box-sizing: border-box;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-touch-callout: none;
      -khtml-user-select: none;
      -ms-touch-action: pan-y;
      touch-action: pan-y;
      -webkit-tap-highlight-color: transparent
  }

  .slick-list {
      position: relative;
      display: block;
      overflow: hidden;
      margin: 0;
      padding: 0
  }

  .slick-list:focus {
      outline: none
  }

  .slick-list.dragging {
      cursor: pointer;
      cursor: hand
  }

  .slick-slider .slick-track,.slick-slider .slick-list {
      -webkit-transform: translate3d(0,0,0);
      -moz-transform: translate3d(0,0,0);
      -ms-transform: translate3d(0,0,0);
      -o-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }

  .slick-track {
      position: relative;
      top: 0;
      left: 0;
      display: block;
      margin-left: auto;
      margin-right: auto
  }

  .slick-track:before,.slick-track:after {
      display: table;
      content: ''
  }

  .slick-track:after {
      clear: both
  }

  .slick-loading .slick-track {
      visibility: hidden
  }

  .slick-slide {
      display: none;
      float: left;
      height: 100%;
      min-height: 1px
  }

  [dir=rtl] .slick-slide {
      float: right
  }

  .slick-slide img {
      display: block
  }

  .slick-slide.slick-loading img {
      display: none
  }

  .slick-slide.dragging img {
      pointer-events: none
  }

  .slick-initialized .slick-slide {
      display: block
  }

  .slick-loading .slick-slide {
      visibility: hidden
  }

  .slick-vertical .slick-slide {
      display: block;
      height: auto;
      border: 1px solid transparent
  }

  .slick-arrow.slick-hidden {
      display: none
  }

  img:is([sizes="auto" i],[sizes^="auto," i]) {
      contain-intrinsic-size: 3000px 1500px
  }

  /*! This file is auto-generated */
  .wp-block-button__link {
      color: #fff;
      background-color: #32373c;
      border-radius: 9999px;
      box-shadow: none;
      text-decoration: none;
      padding: calc(.667em + 2px) calc(1.333em + 2px);
      font-size: 1.125em
  }

  .wp-block-file__button {
      background: #32373c;
      color: #fff;
      text-decoration: none
  }

  .wpcf7 .screen-reader-response {
      position: absolute;
      overflow: hidden;
      clip: rect(1px,1px,1px,1px);
      clip-path: inset(50%);
      height: 1px;
      width: 1px;
      margin: -1px;
      padding: 0;
      border: 0;
      word-wrap: normal !important
  }

  .wpcf7 .hidden-fields-container {
      display: none
  }

  .wpcf7 form .wpcf7-response-output {
      margin: 2em .5em 1em;
      padding: .2em 1em;
      border: 2px solid #00a0d2
  }

  .wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output {
      display: none
  }

  .wpcf7 form.sent .wpcf7-response-output {
      border-color: #46b450
  }

  .wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output {
      border-color: #dc3232
  }

  .wpcf7 form.spam .wpcf7-response-output {
      border-color: #f56e28
  }

  .wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output {
      border-color: #ffb900
  }

  .wpcf7-form-control-wrap {
      position: relative
  }

  .wpcf7-not-valid-tip {
      color: #dc3232;
      font-size: 1em;
      font-weight: 400;
      display: block
  }

  .use-floating-validation-tip .wpcf7-not-valid-tip {
      position: relative;
      top: -2ex;
      left: 1em;
      z-index: 100;
      border: 1px solid #dc3232;
      background: #fff;
      padding: .2em .8em;
      width: 24em
  }

  .wpcf7-list-item {
      display: inline-block;
      margin: 0 0 0 1em
  }

  .wpcf7-list-item-label:before,.wpcf7-list-item-label:after {
      content: " "
  }

  .wpcf7-spinner {
      visibility: hidden;
      display: inline-block;
      background-color: #23282d;
      opacity: .75;
      width: 24px;
      height: 24px;
      border: none;
      border-radius: 100%;
      padding: 0;
      margin: 0 24px;
      position: relative
  }

  form.submitting .wpcf7-spinner {
      visibility: visible
  }

  .wpcf7-spinner:before {
      content: '';
      position: absolute;
      background-color: #fbfbfc;
      top: 4px;
      left: 4px;
      width: 6px;
      height: 6px;
      border: none;
      border-radius: 100%;
      transform-origin: 8px 8px;
      animation-name: spin;
      animation-duration: 1s;
      animation-timing-function: linear;
      animation-iteration-count: infinite
  }

  @media (prefers-reduced-motion:reduce) {
      .wpcf7-spinner:before {
          animation-name: blink;
          animation-duration: 2s
      }
  }

  @keyframes spin {
      from {
          transform: rotate(0deg)
      }

      to {
          transform: rotate(360deg)
      }
  }

  @keyframes blink {
      from {
          opacity: 0
      }

      50% {
          opacity: 1
      }

      to {
          opacity: 0
      }
  }

  .wpcf7 [inert] {
      opacity: .5
  }

  .wpcf7 input[type=file] {
      cursor: pointer
  }

  .wpcf7 input[type=file]:disabled {
      cursor: default
  }

  .wpcf7 .wpcf7-submit:disabled {
      cursor: not-allowed
  }

  .wpcf7 input[type=url],.wpcf7 input[type=email],.wpcf7 input[type=tel] {
      direction: ltr
  }

  .wpcf7-reflection>output {
      display: list-item;
      list-style: none
  }

  .wpcf7-reflection>output[hidden] {
      display: none
  }

  * {
      box-sizing: border-box
  }

  body {
      font-family: Poppins,sans-serif;
      font-family: Poppins,sans-serif !important
  }

  button,input {
      outline: 0 !important
  }

  figure.swing {
      left: 12px;
      display: none
  }

  .call-back-link {
      display: block;
      text-decoration: none
  }

  .call-back-container {
      position: fixed;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      z-index: 1111;
      display: flex;
      align-items: center;
      cursor: pointer
  }

  .call-back-inner {
      width: 33px;
      background-color: #000;
      border-radius: 0 16px 16px 0;
      padding: 33px 14px 15px 2px;
      writing-mode: vertical-lr;
      display: flex;
      justify-content: center;
      align-items: center
  }

  .call-back-inner h1 {
      font-size: 18px;
      font-weight: 600;
      color: #fff;
      margin: 0;
      text-align: center
  }

  .call-logo {
      position: absolute;
      top: -25px;
      right: -25px;
      width: 50px;
      height: 50px;
      background-color: #fff;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      box-shadow: 0 4px 6px rgba(0,0,0,.2)
  }

  .call-logo img {
      width: 73%
  }

  @keyframes shake {
      0% {
          transform: translateX(0)
      }

      25% {
          transform: translateX(-5px)
      }

      50% {
          transform: translateX(5px)
      }

      75% {
          transform: translateX(-5px)
      }

      100% {
          transform: translateX(5px)
      }
  }

  .btm-header.banner-change {
      padding: 60px 0;
      height: auto
  }

  .btm-header.banner-change .container {
      max-width: 1360px
  }

  .btm-header.banner-change .banner-left {
      padding: 90px 0
  }

  .btm-header.banner-change .banner-left h2 {
      font-size: 60px;
      color: #292e37;
      font-weight: 300;
      margin: 0 0 20px
  }

  .btm-header.banner-change .banner-left h2 b {
      font-weight: 700
  }

  .btm-header.banner-change .banner-left p {
      font-size: 14px;
      color: #525d73;
      font-weight: 400;
      margin-bottom: 30px
  }

  .btm-header.banner-change .banner-left p strong {
      font-size: 16px;
      font-weight: 600;
      margin-top: 5px;
      display: block
  }

  #myModalcacl {
      z-index: 999999
  }

  .btm-header.banner-change .banner-left button.get-started {
      background: #683bf2;
      color: #fff;
      padding: 17px 28px;
      font-size: 16px;
      border: 0;
      font-weight: 600;
      border-radius: 40px;
      margin-right: 20px
  }

  .btm-header.banner-change .banner-left button.watch {
      background: 0 0;
      color: #d70000;
      padding: 0;
      font-size: 16px;
      border: 0;
      font-weight: 600
  }

  .btm-header.banner-change .banner-left button.watch img {
      margin-right: 15px
  }

  #slider {
      width: 1200px;
      height: 600px;
      position: relative;
      margin: auto
  }

  #slider img {
      width: 62%
  }

  #slider .photo {
      position: absolute;
      width: 1200px;
      height: 600px;
      display: none
  }

  .header {
      float: left;
      width: 100%
  }

  .bordersh2 {
      margin: 0 auto;
      width: 210px
  }

  .navbar {
      float: left;
      width: 100%;
      height: 105px;
      background: #fff;
      padding: 0 65px;
      border-bottom: 1px solid #f7f7f7
  }

  .navbar .row {
      width: 100%
  }

  .navbar img {
      float: left;
      width: 75px
  }

  .navbar-left ul {
      padding: 0;
      margin: 0;
      float: left;
      margin-left: 100px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-direction: row;
      width: 80%
  }

  .navbar-left ul li ul {
      position: absolute;
      width: 100%;
      top: 20px;
      background: #fff;
      left: 0;
      margin: 0;
      display: none
  }

  .navbar-left ul li ul li {
      float: left;
      width: 100%
  }

  .navbar-left ul li ul li a {
      padding: 4px 10px;
      float: left;
      width: 100%
  }

  .navbar-left ul li:hover ul {
      display: block
  }

  .navbar-left ul li ul.sub-menu li.is-sub-menu ul.sub-menu {
      padding-left: 20px;
      top: 38px
  }

  .navbar-left ul li ul.sub-menu li.is-sub-menu ul.sub-menu {
      padding-left: 0;
      top: 40px;
      border-top: 1px solid #dbdbdb
  }

  .navbar-left ul li ul li a {
      border-bottom: 1px solid #dbdbdb;
      float: left;
      width: 100%
  }

  .navbar-left ul li ul.sub-menu li {
      float: left;
      width: 100%
  }

  .navbar-left ul li ul.sub-menu li a {
      padding: 10px 9px
  }

  .navbar-right {
      padding: 17px 0
  }

  .navbar-right a.contact-btn {
      background: #d70000;
      color: #fff;
      padding: 12px 35px;
      font-size: 16px;
      border: 0;
      float: right;
      font-weight: 600;
      border-radius: 40px
  }

  .navbar-right a.contact-btn:hover {
      text-decoration: none
  }

  .is-sub-menu:hover ul li a.active:after {
      display: none
  }

  .header-down-icons {
      float: right;
      width: 100%;
      margin-top: 20px
  }

  .footer .header-down-icons {
      margin-top: 0
  }

  .footer h6.inq-h6 {
      color: #fff
  }

  .header-down-icons i {
      font-size: 15px;
      padding-left: 8px
  }

  .header-down-icons ul li i.active {
      color: #d10000
  }

  .header-down-icons ul li i:hover {
      color: #d10000
  }

  .navbar-left ul li {
      display: inline-block;
      position: relative
  }

  .navbar-right ul {
      float: right
  }

  .navbar-right ul li {
      display: inline-block
  }

  .navbar-left ul li a {
      font-size: 16px;
      color: #222;
      padding: 0;
      font-weight: 500
  }

  .navbar-left ul li a:hover {
      text-decoration: none
  }

  .navbar-left ul li.is-sub-menu a:after {
      content: "";
      display: inline-block;
      height: 7px;
      width: 7px;
      border: 2px solid currentColor;
      border-top-width: 2px;
      border-top-style: solid;
      border-top-color: currentcolor;
      border-left-width: 2px;
      border-left-style: solid;
      border-left-color: currentcolor;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      border-left: 0;
      border-top: 0;
      margin-left: 10px;
      position: relative;
      top: -3px;
      border-radius: 0 0 2px
  }

  .sub-menu li a:after {
      display: none !important
  }

  .navbar-left ul li.hire-dev a {
      color: #222;
      padding: 3px 8px;
      border-radius: 0
  }

  .navbar-left ul li ul.sub-menu {
      width: 210px
  }

  .header-top-address {
      float: right
  }

  .header-top-address1 {
      position: relative;
      float: right;
      margin-left: 15px
  }

  .header-top-address2 {
      position: relative;
      float: right
  }

  .header-top-address2 .fa-envelope {
      position: absolute;
      font-size: 18px
  }

  .header-top-address2 h5 {
      padding-left: 22px;
      font-size: 15px;
      color: #222
  }

  .header-top-address1 .fa-phone {
      position: absolute
  }

  .slider.osSlider-main {
      z-index: 1
  }

  .grecaptcha-badge {
      bottom: 140px !important;
      display: none !important
  }

  .footer-address {
      float: left!important;
      margin-bottom: 0 !important
  }

  .arrow-slide:after {
      content: '';
      position: absolute;
      height: 1px;
      width: 85px;
      right: -40px;
      top: 25px;
      background: #fff
  }

  .bannerslider {
      width: 100%;
      height: 100vh;
      padding: 0;
      overflow: hidden
  }

  .btm-header-r img {
      height: 100vh
  }

  .btm-header-r {
      height: 100vh;
      background: #f7f7f7;
      padding-top: 40px;
      overflow: hidden;
      padding: 60px 0 120px;
      background: url(//enacteservices.com/wp-content/themes/twentytwenty/images/all-mobile-app1.jpg) center top #111;
      -webkit-animation: backgroundScroll 60s linear infinite;
      animation: backgroundScroll 60s linear infinite;
      animation-direction: alternate;
      -webkit-animation-direction: alternate;
      background-size: contain
  }

  @keyframes backgroundScroll {
      from {
          background-position: center 0
      }

      to {
          background-position: center -1000px
      }
  }

  @-webkit-keyframes backgroundScroll {
      from {
          background-position: center 0
      }

      to {
          background-position: center -1000px
      }
  }

  .box-for-img {
      min-height: 207px;
      align-items: center;
      justify-content: center;
      display: flex
  }

  .logos-of-brand-inn .box-for-img img.upwork {
      border-radius: 0;
      height: auto
  }

  .about-us {
      float: left;
      width: 100%
  }

  .about-us-inner {
      float: left;
      width: 100%;
      display: flex;
      box-shadow: 0 1px #f7f7f7
  }

  .about-card .about-card-card-top h2 span {
      font-weight: 600;
      font-size: 27px;
      color: #3c3950
  }

  .about-card-card-top {
      float: left;
      width: 100%
  }

  .app-development {
      float: left;
      width: 100%;
      padding-top: 100px
  }

  .app-development-r img {
      float: right
  }

  .app-development-l {
      border-bottom: 1px solid #2f2f39;
      padding-bottom: 90px;
      position: relative;
      padding-left: 25px
  }

  .app-development-l:after {
      content: '';
      width: 1px;
      background: #2f2f39;
      height: 220px;
      bottom: 0;
      left: 0;
      position: absolute
  }

  .app-development-l a {
      font-size: 18px;
      color: #222;
      font-weight: 500
  }

  .animated-div {
      float: left;
      width: 100%
  }

  .animated-div img {
      width: 100%
  }

  .app-development-bottom {
      float: left;
      width: 100%;
      margin-top: 60px;
      padding-bottom: 40px
  }

  .app-development-number h2 {
      color: #3c3950;
      font-size: 43px;
      font-weight: 500
  }

  .slick-slider {
      position: relative;
      display: block;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-touch-callout: none;
      -khtml-user-select: none;
      -ms-touch-action: pan-y;
      touch-action: pan-y;
      -webkit-tap-highlight-color: transparent
  }

  .slick-list {
      position: relative;
      display: block;
      overflow: hidden;
      margin: 0;
      padding: 0
  }

  .slick-list:focus {
      outline: 0
  }

  .slick-list.dragging {
      cursor: hand
  }

  .slick-slider .slick-list,.slick-slider .slick-track {
      -webkit-transform: translate3d(0,0,0);
      -ms-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }

  .slick-track {
      position: relative;
      top: 0;
      left: 0;
      display: block
  }

  .slick-track:after,.slick-track:before {
      display: table;
      content: ''
  }

  .slick-track:after {
      clear: both
  }

  .slick-loading .slick-track {
      visibility: hidden
  }

  .slick-slide {
      display: none;
      float: left;
      height: 100%;
      min-height: 1px
  }

  .slick-slide.dragging img {
      pointer-events: none
  }

  .slick-initialized .slick-slide {
      display: block
  }

  .slick-loading .slick-slide {
      visibility: hidden
  }

  .slick-vertical .slick-slide {
      display: block;
      height: auto;
      border: 1px solid transparent
  }

  .img-fill {
      width: 100%;
      display: block;
      overflow: hidden;
      position: relative;
      text-align: center
  }

  .slick-Container {
      padding: 0 15px
  }

  .slick-Container .Head:after,.slick-Container:after {
      content: '';
      display: block;
      clear: both
  }

  .slick-Container .Head {
      font: 20px/50px NeoSansR;
      color: #222;
      height: 52px;
      over-flow: hidden;
      border-bottom: 1px solid rgba(0,0,0,.25)
  }

  .slick-Container .Head .Arrows {
      float: right
  }

  .slick-Container .Head .Slick-Next,.slick-Container .Head .Slick-Prev {
      display: inline-block;
      width: 38px;
      height: 38px;
      margin-top: 6px;
      background: #2b2b2b;
      color: #fff;
      margin-left: 5px;
      cursor: pointer;
      font: 18px/36px FontAwesome;
      text-align: center;
      transition: all .5s
  }

  .slick-Container .Head .Slick-Next:hover,.slick-Container .Head .Slick-Prev:hover {
      background: #33687a
  }

  .slick-Container .Head .Slick-Next:before {
      content: '\f105'
  }

  .slick-Container .Head .Slick-Prev:before {
      content: '\f104'
  }

  .SlickCarousel {
      margin: 0 -7.5px;
      margin-top: 10px
  }

  .ProductBlock {
      padding: 0 7.5px
  }

  .ProductBlock .img-fill {
      height: 200px
  }

  .our-working {
      float: left;
      width: 100%;
      height: auto;
      position: relative;
      background: #f4f4f4
  }

  .our-working-top {
      float: left;
      width: 100%;
      background: #2f2f39;
      min-height: 520px;
      position: relative;
      z-index: 1
  }

  .our-working-center {
      background: #d10000;
      text-align: center;
      width: 100%;
      min-height: 649px;
      position: relative;
      margin-top: 170px;
      z-index: 2;
      border-radius: 20px;
      box-shadow: 0 -10px 20px -5px #363636;
      margin-bottom: 65px
  }

  .our-working-bottom {
      float: left;
      width: 100%;
      background: 0 0;
      position: absolute;
      left: 0;
      top: 196px;
      z-index: 3
  }

  .our-working-black .slider {
      width: 50%;
      margin: 100px auto
  }

  .our-working-black .slick-slide {
      margin: 0 20px
  }

  .slick-next:before,.slick-prev:before {
      color: #000
  }

  .slick-slide {
      transition: all ease-in-out .3s
  }

  .slick-current {
      opacity: 1
  }

  .our-working .slick-dots {
      position: absolute;
      height: 35px;
      bottom: 0;
      margin: auto
  }

  .services-we-ofr {
      float: left;
      width: 100%;
      padding-top: 60px;
      padding-bottom: 30px
  }

  .services-we-ofr:after {
      content: '';
      background: url(//enacteservices.com/wp-content/themes/twentytwenty/images/border.png);
      bottom: 0;
      left: 0
  }

  .services-we-ofr h1 {
      font-size: 30px;
      color: #3c3950;
      font-weight: 600;
      margin-bottom: 40px;
      position: relative;
      text-align: center
  }

  .services-we-ofr-card i.fab.fa-android {
      height: 55px;
      width: 55px;
      font-size: 30px;
      border: 2px solid #2f2f39;
      border-radius: 50%;
      padding: 10px 12px
  }

  .pictures a {
      color: #d10000;
      font-size: 16px;
      font-weight: 600
  }

  nav a img {
      margin-bottom: 10px
  }

  nav a img.n1 {
      width: 10%
  }

  nav a h6 {
      font-size: 16px;
      font-weight: 300
  }

  .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
      color: #495057;
      background-color: inherit;
      border-color: none
  }

  .nav-tabs .nav-link {
      border: 0
  }

  .nav-tabs {
      border-bottom: 0
  }

  .bordersh2.servicesbordersh2 {
      width: 310px
  }

  div#nav-tab {
      display: flex;
      justify-content: center;
      align-items: center
  }

  #nav-tab a {
      width: 320px;
      flex: inherit
  }

  .testimonials {
      float: left;
      width: 100%;
      text-align: center;
      padding-top: 60px;
      padding-bottom: 95px
  }

  .testimonials h5 {
      color: #2f2f39;
      font-size: 17px;
      font-weight: 300;
      margin-bottom: 20px
  }

  .carousel-control-prev-icon {
      filter: brightness(.5) sepia(1) saturate(10000%)
  }

  .carousel-control-next-icon {
      filter: brightness(.5) sepia(1) saturate(10000%)
  }

  .carousel-indicators li {
      background-color: #e23e3e
  }

  .carousel-indicators {
      position: absolute;
      right: 0;
      bottom: -114px
  }

  .latest-blog {
      float: left;
      width: 100%;
      padding-top: 50px;
      padding-bottom: 50px
  }

  .latest-blog-card:hover {
      -ms-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
      transition: .5s ease;
      box-shadow: 0 3px 10px 0 rgba(38,59,94,.1)
  }

  .bordersh2.l-border-h2 {
      width: 234px
  }

  .latest-blog p {
      color: #5f727f;
      font-size: 18px;
      font-weight: 300;
      text-align: center
  }

  .latest-blog-cards {
      float: left;
      width: 100%;
      display: flex;
      margin-top: 50px
  }

  .latest-blog-card {
      width: 33.33%;
      margin: 0 22px;
      transition: .5s ease
  }

  .latest-blog-card:first-child {
      margin-left: 0
  }

  .latest-blog-card:last-child {
      margin-right: 0
  }

  .latest-blog-card-top {
      float: left;
      width: 100%
  }

  .latest-blog-card-top img {
      width: 100%
  }

  .latest-blog-card-bottom {
      padding: 15px 15px 20px 16px;
      background: #f4f6f7;
      float: left;
      width: 100%
  }

  .latest-blog-card-bottom h2 {
      font-size: 35px;
      color: #2f2f39;
      font-weight: 200
  }

  .latest-blog-card-bottom p {
      font-size: 15px;
      color: #2f2f39;
      font-weight: 300;
      text-align: left
  }

  .latest-blog-card-bottom button {
      font-size: 15px;
      color: #2f2f39;
      border: 1px solid #2f2f39;
      font-weight: 500;
      float: left;
      background: #fff;
      padding: 5px 10px;
      margin-bottom: 17px
  }

  .latest-blog-card-bottom .fas.fa-share-alt {
      color: #fff;
      background: #b6c6c9;
      font-size: 20px;
      padding: 7px 10px;
      float: left;
      margin-right: 7px
  }

  .blog-link {
      width: 100%;
      float: left;
      align-items: center;
      text-align: center;
      justify-content: center;
      display: flex;
      margin-top: 30px
  }

  .blog-link a {
      font-size: 20px;
      color: #222;
      font-weight: 500;
      text-align: center;
      position: relative
  }

  .blog-link a:after {
      content: '';
      position: absolute;
      height: 2px;
      width: 62px;
      right: -79px;
      top: 17px;
      background: #97979c
  }

  .blog-link1 {
      width: 300px
  }

  .blog-link1 img {
      float: right;
      width: 12%
  }

  .our-partners {
      float: left;
      width: 100%;
      padding-top: 80px
  }

  .our-partners-bottom img {
      filter: grayscale(100%);
      height: 134px
  }

  .our-partners-top img:hover {
      filter: none
  }

  .our-partners-bottom img:hover {
      filter: none
  }

  .footer-l p {
      font-size: 13px;
      color: #fff;
      font-weight: 200;
      margin-bottom: 20px
  }

  .footer-mess .fa-envelope {
      font-size: 15px;
      color: #fff;
      position: absolute;
      top: 1px;
      left: 0
  }

  .footer-mess {
      position: relative;
      margin-bottom: 15px
  }

  .footer-mess h6 {
      font-weight: 300;
      color: #fff;
      font-size: 16px;
      padding-left: 30px
  }

  .footer-call {
      position: relative;
      margin-bottom: 15px
  }

  .footer-call .fa-phone {
      font-size: 15px;
      color: #fff;
      position: absolute;
      top: 1px;
      left: 0;
      transform: rotate(90deg)
  }

  .footer-call h6 {
      font-weight: 300;
      color: #fff;
      font-size: 16px;
      padding-left: 30px
  }

  .footer-skype {
      position: relative;
      margin-bottom: 15px
  }

  .footer-skype .fa-skype {
      font-size: 15px;
      color: #fff;
      position: absolute;
      top: 1px;
      left: 0
  }

  .footer-skype h6 {
      font-weight: 300;
      color: #fff;
      font-size: 16px;
      padding-left: 30px
  }

  .footer-address {
      position: relative;
      margin-bottom: 0
  }

  .footer-address .fa-map-marker-alt {
      font-size: 15px;
      color: #fff;
      position: absolute;
      top: 1px;
      left: 0
  }

  img.employee_img.lazyloaded {
      height: 100%;
      width: 100%;
      object-fit: cover
  }

  .employee_slider .carousel-image-div {
      float: left;
      width: 40%;
      overflow: hidden;
      height: 100%
  }

  .employee_slider .carousel-item {
      height: 85vh;
      min-height: 350px;
      background: no-repeat center center scroll;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover
  }

  .employee_slider .carousel-caption.d-none.d-md-block {
      position: initial !important;
      float: right;
      width: 60%;
      display: flex !important;
      align-items: flex-start;
      justify-content: center !important;
      color: #000 !important;
      text-align: left !important;
      flex-direction: column;
      padding-left: 120px;
      height: 100%
  }

  .carousel-control-prev,.employee_slider .carousel-control-next {
      display: none !important
  }

  .employee_slider ol.carousel-indicators {
      float: right;
      width: 60%;
      position: absolute;
      right: 0 !important;
      left: auto !important;
      display: block !important;
      margin: 0 !important;
      bottom: 40px;
      padding-left: 120px
  }

  .employee_slider .carousel-indicators li {
      position: relative;
      -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      width: 15px;
      height: 15px;
      margin-right: 1px;
      margin-left: 1px;
      text-indent: -999px;
      background-color: rgba(255,255,255,.5);
      border: 1px solid #000;
      display: inline-block
  }

  .apply .form-group {
      margin-bottom: 1rem;
      text-align: left
  }

  .new_pop .modal-header {
      border-bottom: 0 !important
  }

  .new_pop .modal-dialog.calc-dialog {
      max-width: 700px
  }

  .employee_slider .carousel-caption.d-none.d-md-block h2 {
      margin-top: 0;
      text-align: left;
      margin-left: 0;
      color: #d70000;
      font-weight: 600
  }

  .employee_slider h3.display-4.designation_txt {
      margin-left: 0;
      font-size: 20px;
      font-weight: 500
  }

  .employee_slider h4.parg_head {
      margin-left: 0;
      margin-top: 3rem
  }

  .employee_slider .carousel-caption.d-none.d-md-block p {
      margin-left: 0
  }

  .gllry .container.gallery-container {
      background-color: #fff;
      color: #35373a;
      min-height: 100vh;
      padding: 30px 50px
  }

  .gllry .gallery-container h1 {
      text-align: center;
      margin-top: 50px;
      font-family: 'Droid Sans',sans-serif;
      font-weight: 700
  }

  .gllry .gallery-container p.page-description {
      text-align: center;
      margin: 25px auto;
      font-size: 18px;
      color: #999
  }

  .services-we-ofr.gllry {
      padding-top: 6rem
  }

  .gllry .tz-gallery .row>div {
      padding: 2px
  }

  .gllry .tz-gallery .lightbox img {
      width: 100%;
      border-radius: 0;
      position: relative;
      object-fit: cover;
      height: 100%
  }

  .gllry .tz-gallery .lightbox:before {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -13px;
      margin-left: -13px;
      opacity: 0;
      color: #fff;
      font-size: 26px;
      font-family: 'Font Awesome 5 Free';
      content: '\e003';
      pointer-events: none;
      z-index: 9000;
      transition: .4s
  }

  .services-we-ofr.gllry .bordersh2 h2:before {
      content: '';
      width: 100px;
      background: #e1e1e2;
      height: 2px;
      bottom: -7px;
      left: 25px;
      position: absolute
  }

  .services-we-ofr.gllry .bordersh2 h2:after {
      content: '';
      width: 2px;
      background: #e1e1e2;
      height: 43px;
      bottom: -7px;
      left: 24px;
      position: absolute
  }

  .gllry .tz-gallery .lightbox:after {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      background-color: rgba(46,132,206,.7);
      content: '';
      transition: .4s
  }

  .gllry .tz-gallery .lightbox:hover:after,.gllry .tz-gallery .lightbox:hover:before {
      opacity: 1
  }

  .gllry .baguetteBox-button {
      background-color: transparent !important
  }

  .footer-address h6 {
      font-weight: 300;
      color: #fff;
      font-size: 16px;
      padding-left: 30px;
      line-height: 30px;
      width: 80%;
      margin-left: 42px
  }

  img.flag_img {
      width: 50px;
      float: left
  }

  h3.flag_add_head {
      font-size: 18px;
      color: #fff;
      margin-top: 15px
  }

  .footer-r .form-group {
      margin-bottom: 1rem;
      margin-bottom: 25px
  }

  .footer-r label {
      font-size: 14px;
      font-weight: 300;
      color: #fff;
      margin: 0
  }

  .footer-r .footer-input {
      border: 0;
      border-bottom: 1px solid #fff;
      background: inherit;
      padding: 3px 0;
      font-size: 18px;
      color: #fff;
      font-weight: 300;
      border-radius: 0
  }

  .footer-r button {
      background: #fff;
      font-size: 18px;
      color: #2f2f39;
      font-weight: 400;
      width: 100%;
      border: 0;
      border-radius: 30px;
      padding: 10px 0;
      margin-top: 20px
  }

  .our-working-top div#nav-tab {
      margin-top: 100px;
      width: 100%;
      float: left;
      display: inline-block;
      text-align: center
  }

  #nav-tab a {
      width: 33.3%;
      float: left;
      flex: inherit;
      color: #fff
  }

  #nav-tab a.active {
      color: #d10000
  }

  #nav-tab a.active img {
      filter: brightness(.2) sepia(1) hue-rotate(320deg) saturate(11);
      margin-bottom: 10px
  }

  .slick-next {
      right: 90px !important;
      bottom: -60px !important;
      top: auto !important;
      display: none !important
  }

  .slick-prev {
      right: 129px !important;
      left: auto !important;
      bottom: -60px !important;
      top: auto !important;
      display: none !important
  }

  .overlay-content {
      float: left;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      background: rgba(0,0,0,.5);
      border-radius: 8px;
      padding: 20px;
      opacity: 0;
      transition: all .4s
  }

  .slick-slide:hover .overlay-content {
      opacity: 1;
      transition: all .4s
  }

  ul.work-icons {
      list-style: none;
      padding: 0;
      margin: 0
  }

  ul.work-icons li {
      display: inline-block;
      text-align: left;
      float: left;
      margin-right: 15px
  }

  ul.work-icons li i {
      background: #fff;
      width: 40px;
      height: 40px;
      font-size: 27px;
      text-align: center;
      border-radius: 30px;
      line-height: 40px
  }

  .overlay-content p {
      color: #fff;
      font-size: 14px;
      float: left;
      width: 100%;
      text-align: left;
      font-weight: 300;
      margin-top: 12px;
      padding-right: 30px
  }

  .btm-content {
      float: left;
      width: 100%;
      position: absolute;
      bottom: 20px;
      font-size: 20px;
      text-align: left;
      color: #fff;
      letter-spacing: 1px
  }

  .logos-of-brand {
      float: left;
      width: 100%;
      text-align: center;
      padding: 100px 0 70px;
      margin-bottom: 60px
  }

  .logos-of-brand h1 {
      font-size: 40px;
      color: #3c3950;
      font-weight: 600;
      margin-bottom: 6px;
      position: relative;
      text-align: center
  }

  .logos-of-brand h2 {
      font-size: 20px;
      font-weight: 300;
      color: #5f727f;
      margin: 15px 0 35px
  }

  .logos-of-brand-inn {
 
      padding: 0 10px;
      border-radius: 5px;
      width: 100%;
      margin: 0 auto
  }

 

  .logos-of-brand-inn button {
      background: #684DF4 !important;
      width: auto;
      margin: 0 auto;
      display: inline-block;
      width: 220px;
      float: none;
      padding: 14px 0;
      color: #fff;
      font-size: 15px;
      font-weight: 600;
      border-radius: 40px;
      padding-left: 0;
      border: 0
  }

  .logos-of-brand-inn img {
      width: 60% !important;
      display: block;
      margin: 0 auto;
      margin-bottom: 20px
  }

  .logos-of-brand-inn img.upwork {
      border-radius: 50%;
      height: 180px;
      width: 180px;
      object-fit: cover
  }

  .footer select {
      color: #fff !important
  }

  .footer select option {
      color: #7d7d7d
  }

  .removeFooterunique {
      display: none
  }

  .talkto-us-section button {
      background: #d91616 !important
  }

  i.fas.fa-moon {
      position: absolute;
      right: 24px;
      top: 28px;
      cursor: pointer;
      display: none
  }

  i.fas.fa-sun {
      position: absolute;
      right: 24px;
      top: 28px;
      color: #fff;
      font-size: 20px;
      cursor: pointer;
      display: none
  }

  #enactloader {
      z-index: 9999999;
      width: 100%;
      height: 100%;
      position: fixed;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #fff
  }

  .loder-inner {
      position: relative;
      width: 100px;
      height: 100px
  }

  #enactloader .spinner-border {
      position: absolute;
      height: 80px !important;
      width: 80px !important;
      top: 0;
      color: #d70303 !important;
      z-index: 99999;
      left: 0;
      margin: 0;
      right: 0
  }

  #enactloader h2.animate {
      position: absolute;
      z-index: 9999;
      background: #fff;
      padding: 20px;
      border-radius: 50%
  }

  #enactloader h2.animate img {
      text-align: center;
      height: 40px;
      width: 40px;
      display: flex;
      align-items: center;
      justify-content: center
  }

  .col ul.nav-tabs {
      border: 0;
      border-bottom: 0
  }

  .nav-tabs .nav-link.active,.third-section-app.third-2 .nav-tabs .nav-item.show .nav-link {
      background-color: inherit !important;
      border: 0
  }

  .Good-firms-crousal {
      float: left;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 33px;
      position: relative;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #f7f7f7
  }

  .Good-firms-crousal div#demo {
      width: 50%;
      margin: 0 auto;
      text-align: center
  }

  .Good-firms-crousal img {
      width: 100%;
      border: 1px solid #e4e4e4;
      border-radius: 30px;
      height: 350px
  }

  .Good-firms-crousal ul.carousel-indicators {
      display: block;
      bottom: -63px
  }

  .Good-firms-crousal ul.carousel-indicators li {
      display: inline-block;
      border: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      width: 22px;
      margin-left: 4px !important
  }

  .Good-firms-crousal .bothcroudal {
      float: left;
      width: 100%
  }

  .Good-firms-crousal .bothcroudal.left {
      float: left;
      width: 40%;
      background: #2f2f39;
      height: 460px;
      align-items: center;
      justify-content: center;
      display: flex;
      flex-direction: column;
      padding: 40px 0 70px
  }

  .Good-firms-crousal h1 {
      background: #2f2f39;
      font-size: 40px;
      font-weight: 600;
      color: #fff;
      padding: 0 40px;
      text-align: center;
      margin-bottom: 17px
  }

  .Good-firms-crousal h2 {
      background: #2f2f39;
      font-size: 20px;
      font-weight: 400;
      color: #fff;
      padding: 0 40px;
      text-align: center;
      float: left;
      width: 100%
  }

  .Good-firms-crousal .bothcroudal.left button {
      background: #fff !important;
      width: auto;
      margin: 0 auto;
      display: inline-block;
      width: 220px;
      float: none;
      padding: 15px 0;
      color: #2f2f39;
      font-size: 16px;
      text-transform: uppercase;
      letter-spacing: 1px;
      border-radius: 40px;
      margin-top: 20px
  }

  .Good-firms-crousal .bothcroudal.right {
      float: right;
      width: 60%;
      padding: 40px 0 70px
  }

  .navbar.navbar.navbar-inverse {
      position: fixed
  }

  button {
      position: relative
  }

  .white-div button:before {
      box-shadow: 0 0 0 rgba(255,255,255,.4);
      animation: pulso 2s infinite;
      transition: .5s;
      content: "";
      width: 15px;
      height: 15px;
      border: 3px solid #fff;
      position: absolute;
      left: 15px;
      border-radius: 50%;
      top: 0;
      bottom: 0;
      margin: auto;
      animation: pulso 2s infinite !important
  }

  @keyframes pulso {
      0% {
          -moz-box-shadow: 0 0 0 0 rgba(255,255,255,.8);
          box-shadow: 0 0 0 0 rgba(255,255,255,.8)
      }

      70% {
          -moz-box-shadow: 0 0 0 20px rgba(255,255,255,0);
          box-shadow: 0 0 0 20px rgba(255,255,255,0)
      }

      100% {
          -moz-box-shadow: 0 0 0 0 rgba(255,255,255,0);
          box-shadow: 0 0 0 0 rgba(255,255,255,0)
      }
  }

  section#collaboration {
      padding-top: 50px;
      padding-bottom: 50px;
      float: left;
      width: 100%
  }

  #collaboration p {
      font-size: 14px;
      line-height: 1.3em;
      letter-spacing: .02em;
      width: 762px;
      text-align: center;
      margin: 0 auto;
      font-weight: 300;
      color: #5f727f
  }

  .collab-line {
      padding-top: 60px
  }

  .collabe-line1,.collabe-line2 {
      text-align: center;
      padding-bottom: 4%
  }

  .coll-box img {
      margin-top: -35%
  }

  .coll-box-1 h3,.coll-box-3 h3 {
      color: #d60000
  }

  .coll-box h3 {
      font-size: 18px;
      line-height: 22px;
      font-weight: 500
  }

  .coll-box ul li {
      line-height: 21px;
      padding-top: 11px;
      list-style-type: none;
      color: #5f727f;
      font-size: 14px;
      font-weight: 300
  }

  .hvr-bounce-in {
      display: inline-block;
      vertical-align: middle;
      -webkit-transform: perspective(1px) translateZ(0);
      transform: perspective(1px) translateZ(0);
      box-shadow: 0 0 1px transparent;
      -webkit-transition-duration: .5s;
      transition-duration: .5s;
      width: 100%
  }

  figure.swing {
      position: fixed;
      top: 70px;
      left: 22px;
      z-index: 999;
      animation: swing ease-in-out 1s infinite alternate;
      transform-origin: center -20px;
      width: 165px;
      margin: 0 0 1rem
  }

  figure.swing:before {
      content: "";
      background-color: #fff;
      position: absolute;
      border-radius: 50%;
      background: #000;
      left: 48%;
      top: -4px;
      width: 5px;
      height: 5px;
      box-shadow: 2px 0 2px #000
  }

  figure.swing img {
      width: 100%
  }

  @keyframes swing {
      0% {
          transform: rotate(3deg)
      }

      100% {
          transform: rotate(-3deg)
      }
  }

  figure.swing .modal-dialog.getquote-dialog {
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%) !important;
      margin: 0;
      max-width: 500px;
      height: auto
  }

  .modal-dialog.getquote-dialog {
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%) !important;
      margin: 0;
      max-width: 500px;
      height: auto;
      width: 440PX
  }

  div#defaultModal button.close {
      font-size: 25px;
      height: 40px;
      width: 40px;
      border-radius: 50%;
      background: #d10000;
      z-index: 999;
      opacity: 1;
      color: #fff;
      font-weight: 300;
      right: 40px;
      top: 105px
  }

  .modal-dialog.getquote-dialog .modal-content {
      text-align: center;
      padding: 50px 15px
  }

  .bs-example-modal-content .web_heading {
      font-size: 32px;
      text-transform: unset;
      color: #fff;
      font-weight: 700;
      position: relative
  }

  .bottom-to-bottom,.bottom-to-top {
      width: 1px;
      height: 150px;
      border-width: 0 2px 0 0;
      border-style: solid;
      -webkit-border-image: -webkit-gradient(linear,0 100%,0 0,from(#fff),to(rgba(0,0,0,0))) 1 100%;
      -webkit-border-image: -webkit-linear-gradient(bottom,#fff,rgba(0,0,0,0)) 1 100%;
      -moz-border-image: -moz-linear-gradient(bottom,#fff,rgba(0,0,0,0)) 1 100%;
      -o-border-image: -o-linear-gradient(bottom,#fff,rgba(0,0,0,0)) 1 100%;
      border-image: linear-gradient(to top,#fff,rgba(0,0,0,0)) 1 100%;
      position: absolute;
      transform: rotate(90deg);
      top: -85px;
      left: 30px
  }

  .bottom-to-bottom {
      transform: rotate(-90deg);
      bottom: -90px;
      right: 103px;
      top: AUTO;
      left: AUTO
  }

  .bs-example-modal-content .descriptions {
      padding: 0 0 15px;
      color: #fff;
      font-size: 16px;
      word-spacing: 4px
  }

  .bs-example-modal-content-footer {
      text-align: left;
      padding-top: 30px;
      display: flex;
      align-items: center;
      justify-content: space-between
  }

  .border-pesudo {
      position: relative;
      width: 40%
  }

  .border-pesudo a.button.button-primary {
      background-color: #d10000;
      display: inline-block;
      text-align: center;
      padding: 15px;
      border-radius: 50px;
      text-decoration: none;
      color: #fff;
      transition: all .5s;
      position: relative;
      font-size: 14px;
      width: 100%
  }

  span.seprate {
      font-size: 24px;
      color: #fff
  }

  div#defaultModal {
      background-color: #17 !important
  }

  div#defaultModal .modal-content {
      background-color: #170900 !important
  }

  ul.star-hierarchy li.blink-star1,ul.star-hierarchy li.blink-star10,ul.star-hierarchy li.blink-star11,ul.star-hierarchy li.blink-star12,ul.star-hierarchy li.blink-star2,ul.star-hierarchy li.blink-star3,ul.star-hierarchy li.blink-star4,ul.star-hierarchy li.blink-star5,ul.star-hierarchy li.blink-star6,ul.star-hierarchy li.blink-star7,ul.star-hierarchy li.blink-star8,ul.star-hierarchy li.blink-star9 {
      text-decoration: blink;
      -webkit-animation-name: blinker;
      -webkit-animation-duration: .5s;
      -webkit-animation-iteration-count: infinite;
      -webkit-animation-timing-function: ease-in-out;
      -webkit-animation-direction: alternate;
      -moz-animation-name: blinker;
      -moz-animation-duration: .6s;
      -moz-animation-iteration-count: infinite;
      -moz-animation-timing-function: ease-in-out;
      -moz-animation-direction: alternate;
      -ms-animation-name: blinker;
      -ms-animation-duration: .6s;
      -ms-animation-iteration-count: infinite;
      -ms-animation-timing-function: ease-in-out;
      -ms-animation-direction: alternate;
      animation-name: blinker;
      animation-duration: .5s;
      animation-iteration-count: infinite;
      animation-timing-function: ease-in-out;
      animation-direction: alternate
  }

  @-webkit-keyframes blinker {
      from {
          opacity: 1
      }

      to {
          opacity: 0
      }
  }

  li.blink-star1 {
      position: absolute;
      top: 30%;
      left: 14%
  }

  li.blink-star2 {
      position: absolute;
      top: 3%;
      left: 28%
  }

  li.blink-star3 {
      position: absolute;
      left: 37%;
      top: 2%
  }

  li.blink-star4 {
      position: absolute;
      left: 60%;
      top: -5%
  }

  li.blink-star5 {
      position: absolute;
      left: 82%;
      top: 0
  }

  li.blink-star6 {
      position: absolute;
      top: 0;
      left: 16%
  }

  li.blink-star8 {
      position: absolute;
      top: -12%;
      left: 20%
  }

  li.blink-star9 {
      position: absolute;
      right: 12%;
      top: 65%
  }

  li.blink-star10 {
      position: absolute;
      right: 20%;
      top: 74%
  }

  li.blink-star11 {
      position: absolute;
      right: 13%;
      top: 81%
  }

  li.blink-star12 {
      position: absolute;
      right: 11%;
      top: 96%
  }

  iframe.fb_customer_chat_bounce_out_v2 {
      display: none
  }

  div#salemyModal {
      display: block;
      background: rgba(0,0,0,.7)
  }

  div#salemyModal .modal-header {
      padding: 0
  }

  div#salemyModal button.close {
      height: 40px;
      width: 40px;
      border-radius: 50%;
      background: #fff;
      font-size: 30px;
      padding: 14px 11px !important;
      margin: 0;
      line-height: 15px;
      right: 0;
      top: 0;
      z-index: 99;
      opacity: 1
  }

  div#salemyModal img {
      width: 100%
  }

  .banner-right-img .holderCircle {
      width: 500px;
      height: 500px;
      border-radius: 100%;
      margin: 60px auto;
      position: relative
  }

  .banner-right-img .dotCircle {
      width: 100%;
      height: 100%;
      position: absolute;
      margin: auto;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border-radius: 100%;
      z-index: 20
  }

  .banner-right-img .dotCircle .itemDot {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 80px;
      height: 80px;
      position: absolute;
      background: #fff;
      color: #fff;
      border-radius: 50%;
      text-align: center;
      line-height: 80px;
      font-size: 30px;
      z-index: 3;
      cursor: pointer
  }

  .banner-right-img .dotCircle .itemDot img {
      width: 60%;
      height: 60%
  }

  .banner-right-img .dotCircle .itemDot .forActive {
      width: 56px;
      height: 56px;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: none
  }

  .banner-right-img .dotCircle .itemDot .forActive:after {
      content: '';
      width: 5px;
      height: 5px;
      border: 3px solid #fff;
      bottom: -31px;
      left: -14px;
      filter: blur(1px);
      position: absolute;
      border-radius: 100%
  }

  .banner-right-img .dotCircle .itemDot .forActive:before {
      content: '';
      width: 6px;
      height: 6px;
      filter: blur(5px);
      top: -15px;
      position: absolute;
      transform: rotate(-45deg);
      border: 6px solid #fff;
      right: -39px
  }

  .banner-right-img .dotCircle .itemDot.active .forActive {
      display: block
  }

  .banner-right-img .round {
      position: absolute;
      left: 40px;
      top: 45px;
      width: 410px;
      height: 410px;
      border: 2px dotted #fff;
      border-radius: 100%;
      -webkit-animation: rotation 100s infinite linear
  }

  .banner-right-img .dotCircle .itemDot {
      font-size: 40px
  }

  .banner-right-img .contentCircle {
      width: 250px;
      min-height: 160px;
      border-radius: 50%;
      color: #222;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center
  }

  .banner-right-img .contentCircle .CirItem {
      border-radius: 100%;
      color: #fff;
      position: absolute;
      text-align: center;
      bottom: 0;
      left: 0;
      opacity: 0;
      transform: scale(0);
      transition: .5s;
      font-size: 15px;
      width: 100%;
      height: 100%;
      top: 0;
      right: 0;
      margin: auto;
      line-height: 250px
  }

  .banner-right-img .CirItem.active {
      z-index: 1;
      opacity: 1;
      transform: scale(1);
      transition: .5s
  }

  .banner-right-img .contentCircle .CirItem i {
      font-size: 180px;
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -90px;
      color: #000;
      opacity: .1
  }

  @media only screen and (min-width: 300px) and (max-width:599px) {
      .banner-right-img .holderCircle {
          margin:110px auto
      }

      .banner-right-img .banner-right-img .holderCircle:after {
          width: 100%;
          height: 100%
      }

      .banner-right-img .dotCircle {
          width: 100%;
          height: 100%;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          margin: auto
      }
  }

  .banner-right-img .title-box .title {
      font-weight: 600;
      letter-spacing: 2px;
      position: relative;
      z-index: -1
  }

  .banner-right-img .title-box span {
      text-shadow: 0 10px 10px rgba(0,0,0,.15);
      font-weight: 800;
      color: #fff
  }

  .banner-right-img .title-box p {
      font-size: 17px;
      line-height: 25px;
      max-width: 250px;
      margin: auto
  }

  .homepage-blog-section {
      float: left;
      width: 100%;
      background: #fff;
      padding: 50px 0
  }

  .homepage-blog-section h2 {
      font-size: 40px;
      color: #3c3950;
      font-weight: 600;
      margin-bottom: 25px;
      position: relative;
      text-align: center
  }

  .homepage-blog-section ul {
      list-style: none;
      display: flex;
      flex-wrap: wrap;
      padding: 0;
      padding-right: 40%;
      position: relative;
      margin: 0 -15px
  }

  .homepage-blog-section ul li {
      width: 100%;
      float: left;
      display: flex;
      align-items: center;
      margin: 15px;
      float: right;
      height: 250px
  }

  .homepage-blog-section ul li:nth-child(1) {
      background-color: #0b0f28
  }

  .homepage-blog-section ul li:nth-child(2) {
      background-color: #d50000
  }

  .homepage-blog-section ul li:nth-child(3) {
      background-color: #f8d05a
  }

  .homepage-blog-section ul li:nth-child(3) {
      height: calc(100% - 30px);
      position: absolute;
      width: calc(40% - 30px);
      right: 0;
      align-items: flex-start;
      flex-direction: column;
      top: 0;
      bottom: 0;
      margin: auto
  }

  .homepage-blog-section ul li:nth-child(3) img {
      width: 100%
  }

  .homepage-blog-section ul li:nth-child(3) figcaption {
      width: 100%;
      margin-top: 15px
  }

  .homepage-blog-section ul li img {
      width: 50%;
      height: 250px;
      object-fit: cover;
      object-position: top center
  }

  .homepage-blog-section ul li figcaption {
      width: 50%;
      padding: 15px;
      align-self: center;
      justify-content: center;
      display: flex;
      height: 200px;
      flex-direction: column;
      float: right
  }

  .homepage-blog-section ul li figcaption h4 {
      margin: 0;
      margin-bottom: 10px;
      font-size: 22px;
      font-weight: 500;
      line-height: 1.36;
      letter-spacing: normal;
      text-align: left;
      color: #fff
  }

  .homepage-blog-section span {
      background: #2f2f39 !important;
      display: inline-block;
      width: 140px;
      padding: 10px 0;
      color: #fff;
      font-size: 13px;
      letter-spacing: 1px;
      border-radius: 40px;
      text-align: center;
      position: relative;
      border: 1px solid #fff;
      padding-left: 26px
  }

  .homepage-blog-section span:before {
      box-shadow: 0 0 0 rgba(255,255,255,.4);
      animation: pulso 2s infinite;
      transition: .5s;
      content: "";
      width: 15px;
      height: 15px;
      border: 3px solid #fff;
      position: absolute;
      left: 15px;
      border-radius: 50%;
      top: 0;
      bottom: 0;
      margin: auto;
      animation: pulso 2s infinite !important
  }

  .content.bblogs .entry-content {
      box-shadow: 0 15px 50px 0 rgb(0 0 0/20%);
      padding: 0 40px 40px;
      background-color: #fff;
      margin-bottom: 30px
  }

  .footer-nav-widgets-wrapper.header-footer-group.col-md-4 {
      box-shadow: 0 15px 50px 0 rgb(0 0 0/20%);
      padding: 0 40px 40px;
      background-color: #fff;
      margin-bottom: 30px
  }

  main#site-content {
      margin-top: 75px;
      float: left;
      width: 100%;
      overflow: hidden
  }

  article#post-219 h1.entry-title,article#post-399 h1.entry-title,article#post-409 h1.entry-title {
      display: none
  }

  article#post-219 main.Single_blogs.blog1 h1 {
      float: left;
      width: 100%;
      font-size: 30px;
      font-weight: 700;
      margin: 0;
      margin-bottom: 10px;
      line-height: 1.3;
      color: #3b414a;
      margin-top: 30px
  }

  article#post-219 img {
      max-width: 100%
  }

  article#post-219 main.Single_blogs p {
      font-size: 15px;
      font-weight: 400 !important;
      line-height: 1.6;
      color: #3b414ab3 !important;
      margin-bottom: 11px
  }

  article#post-219 main.Single_blogs li {
      font-size: 15px;
      font-weight: 400 !important;
      line-height: 1.6;
      color: #3b414ab3 !important;
      margin-bottom: 11px
  }

  article#post-219 .Single_blogs li span {
      font-weight: 700;
      color: #000
  }

  article#post-219 ::marker {
      font-weight: 700;
      color: #000
  }

  article#post-219 .entry-categories,article#post-399 .entry-categories,article#post-409 .entry-categories {
      display: none
  }

  ul.post-meta {
      display: none
  }

  img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image.lazyloaded {
      display: none
  }

  a.previous-post {
      color: #d60000
  }

  .comments-wrapper.section-inner {
      margin-top: 100px
  }

  h2#reply-title {
      font-size: 19px
  }

  article#post-219 textarea#comment {
      width: 100%;
      border-radius: 7px
  }

  p.form-submit input#submit {
      background: #d60000 !important;
      display: inline-block;
      width: 160px;
      padding: 13px 0;
      color: #fff;
      font-size: 15px;
      letter-spacing: 1px;
      border: 0;
      margin: 20px 0
  }

  nav.pagination-single.section-inner {
      margin-top: 100px;
      display: none
  }

  h2.widget-title.subheading.heading-size-3 {
      float: left;
      width: 100%;
      font-size: 20px;
      font-weight: 600;
      margin: 0;
      margin-bottom: 28px;
      color: #d60000;
      margin-top: 30px
  }

  .footer-widgets-wrapper ul li a {
      color: #3b414ab3;
      font-size: 16px;
      padding: 9px 0;
      display: block;
      border-bottom: 1px dashed #3b414ab3;
      line-height: 1.6
  }

  input#search-form-1 {
      width: 100%;
      height: 40px;
      padding-left: 15px;
      border: 1px solid #ccc
  }

  input.search-submit {
      background: #d60000 !important;
      width: auto;
      width: 120px;
      padding: 9px 0;
      color: #fff;
      font-size: 16px;
      letter-spacing: 1px;
      border-radius: 3px;
      border: 0
  }

  span.screen-reader-text {
      display: none
  }

  .footer-widgets.column-two.grid-item {
      display: none
  }

  .widget.widget_recent_comments {
      display: none
  }

  .footer-nav-widgets-wrapper.header-footer-group.col-md-4 ul {
      padding: 0
  }

  .footer-nav-widgets-wrapper.header-footer-group.col-md-4 ul li {
      list-style-type: none
  }

  article#post-219 .col-md-8,article#post-399 .col-md-8,article#post-409 .col-md-8 {
      padding: 0 40px;
      margin-right: 30px;
      max-width: 60.666667%;
      margin: 0 30px 0 40px;
      max-width: 60%;
      margin-bottom: 40px
  }

  article#post-219 .col-md-8 .container,article#post-399 .col-md-8 .container,article#post-409 .col-md-8 .container {
      margin: 0;
      width: 100%
  }

  a.next-post {
      float: right;
      color: #d60000
  }

  a.next-post span.arrow {
      float: right
  }

  .spin-image {
      position: fixed;
      bottom: 40px;
      left: -323px;
      z-index: 999;
      width: 640px;
      animation: rotation 2s infinite linear
  }

  .spin-image img {
      width: 100%
  }

  @keyframes rotation {
      from {
          transform: rotate(0)
      }

      to {
          transform: rotate(359deg)
      }
  }

  div#spinmyModal {
      background: #000
  }

  div#spinmyModal .modal-content {
      background: #000
  }

  div#spinmyModal .modal-dialog {
      width: 700px !important;
      max-width: 700px !important
  }

  div#spinmyModal .modal-header {
      padding: 0
  }

  div#spinmyModal button.close.closeoffer {
      height: 40px;
      width: 40px;
      border-radius: 50%;
      background: #fff;
      font-size: 30px;
      padding: 14px 11px !important;
      margin: 0;
      line-height: 15px;
      right: -11px;
      top: -12px;
      z-index: 99;
      opacity: 1
  }

  div#spinmyModal .modal-body {
      padding: 4px;
      height: 400px
  }

  div#spinmyModal img {
      width: 100%;
      height: 100%;
      object-fit: contain
  }

  article#post-216 h1.entry-title {
      display: none
  }

  article#post-216 .entry-categories {
      display: none
  }

  main.Single_blogs.blog2 h1.mains {
      float: left;
      width: 100%;
      font-size: 30px;
      font-weight: 600;
      margin: 0;
      margin-bottom: 10px;
      line-height: 1.3;
      color: #3b414a;
      margin-top: 30px
  }

  main.Single_blogs p {
      font-size: 15px;
      font-weight: 400 !important;
      line-height: 1.6;
      color: #3b414ab3 !important;
      margin-bottom: 11px
  }

  main.Single_blogs.blog2 h1 {
      font-size: 19px;
      margin: 0;
      margin-bottom: 0;
      margin-top: 10px
  }

  main.Single_blogs.blog2 .col-md-8 img {
      height: 400px;
      width: 100%;
      object-fit: cover;
      margin-bottom: 20px;
      border: 1px solid #d3d3d3
  }

  main.Single_blogs.blog2 ul li {
      font-size: 16px;
      font-weight: 400 !important;
      line-height: 1.6;
      color: #3b414ab3 !important;
      margin-bottom: 11px
  }

  article#post-216 textarea#comment {
      width: 100%;
      border-radius: 7px
  }

  article#post-216 input#submit {
      background: #d60000 !important;
      width: auto;
      margin: 0 auto;
      display: inline-block;
      width: 160px;
      padding: 13px 0;
      color: #fff;
      font-size: 15px;
      letter-spacing: 1px;
      border: 0
  }

  article#post-216 div#post-inner {
      padding: 0 40px;
      margin-right: 30px;
      max-width: 60.666667%;
      margin: 0 30px 40px 40px;
      max-width: 60%
  }

  article#post-216 .center-img img {
      margin-bottom: 10px
  }

  h2.comment-reply-title {
      font-size: 15px;
      font-weight: 600 !important;
      line-height: 1.6;
      color: #000 !important;
      margin-bottom: 11px
  }

  .comment-author.vcard img.avatar.avatar-120.photo.lazyloaded {
      height: 60px;
      border-radius: 3px;
      width: 60px;
      margin-right: 10px;
      margin-bottom: 15px
  }

  .comment-author.vcard span.fn {
      font-size: 15px;
      font-weight: 500;
      color: #d60000
  }

  .comment-content.entry-content p {
      font-weight: 300;
      line-height: 21px;
      font-size: 13px;
      color: #2a2e2e;
      margin-bottom: 3px
  }

  .comment-metadata time {
      color: #656c7a;
      font-weight: 500;
      float: left;
      list-style-type: none;
      padding: 0;
      font-size: 13px;
      line-height: 15px;
      margin-right: 7px
  }

  a.do-not-scroll.comment-reply-link {
      color: #d60000;
      font-weight: 500;
      list-style-type: none;
      padding: 0;
      font-size: 13px;
      line-height: 15px;
      margin-right: 7px;
      background: #fff
  }

  a.comment-edit-link {
      color: #535956;
      font-size: 13px;
      font-weight: 600;
      float: right
  }

  .comment-body {
      border-bottom: 1px solid #d6d6d6;
      margin-bottom: 20px;
      padding-bottom: 10px
  }

  article#post-213 h1.entry-title {
      display: none
  }

  article#post-213 .entry-categories {
      display: none
  }

  main.Single_blogs.blog3 h1.mains {
      float: left;
      width: 100%;
      font-size: 30px;
      font-weight: 600;
      margin: 0;
      margin-bottom: 10px;
      line-height: 1.3;
      color: #3b414a;
      margin-top: 30px
  }

  main.Single_blogs.blog3 span {
      color: #d60000
  }

  main.Single_blogs.blog3 h1.about {
      font-size: 19px;
      margin: 0;
      margin-bottom: 0;
      margin-top: 10px
  }

  article#post-213 input#submit {
      background: #d60000 !important;
      width: auto;
      margin: 0 auto;
      display: inline-block;
      width: 160px;
      padding: 13px 0;
      color: #fff;
      font-size: 15px;
      letter-spacing: 1px;
      border: 0
  }

  article#post-213 textarea#comment {
      width: 100%;
      border-radius: 7px
  }

  article#post-213 div#post-inner {
      padding: 0 40px;
      margin-right: 30px;
      max-width: 60.666667%;
      margin: 0 30px 40px 40px;
      max-width: 60%
  }

  article#post-196 h1.entry-title {
      display: none
  }

  article#post-196 .entry-categories {
      display: none
  }

  main.Single_blogs.blog4 h1.mains {
      float: left;
      width: 100%;
      font-size: 30px;
      font-weight: 600;
      margin: 0;
      margin-bottom: 10px;
      line-height: 1.3;
      color: #3b414a;
      margin-top: 30px
  }

  p.comment-form-comment textarea#comment {
      width: 100%;
      border-radius: 7px
  }

  article#post-196 img {
      max-width: 100%;
      width: 100%
  }

  article#post-196 h1.small-heading {
      font-size: 19px;
      margin: 0;
      margin-bottom: 10px;
      margin-top: 30px
  }

  article#post-196 div#post-inner {
      padding: 12px 40px 0;
      margin-right: 30px;
      max-width: 60.666667%;
      margin: 0 30px 40px 40px;
      max-width: 60%
  }

  main.Single_blogs.blog4 ul li {
      font-size: 15px;
      font-weight: 400 !important;
      line-height: 1.6;
      color: #3b414ab3 !important;
      margin-bottom: 11px
  }

  .setting-on-blog.form-cover {
      padding: 20px 25px 15px !important;
      width: 100%;
      margin-top: 80px;
      border: 1px solid #ccc
  }

  .setting-on-blog.form-cover h4 {
      font-size: 24px;
      margin-bottom: 10px
  }

  .setting-on-blog.form-cover h4 b {
      display: block;
      font-size: 24px
  }

  .register-form input {
      width: 100%;
      height: 40px;
      border: none;
      border-bottom: 1px solid #ddd;
      margin-bottom: 20px;
      padding: 0;
      color: #000;
      font-size: 16px;
      outline: 0 !important
  }

  form#subscribeform-2 {
      width: 100%
  }

  .register-form input.subscribesubmit {
      border-radius: 2px;
      background-color: #d60000;
      width: auto;
      font-size: 12px;
      font-weight: 700;
      line-height: normal;
      letter-spacing: normal;
      text-align: left;
      color: #fff;
      padding: 12px 24px;
      height: auto;
      margin-top: 30px;
      border: 0;
      transition: .5s
  }

  .content.bblogs {
      margin: 0 auto !important;
      width: 100%;
      background-color: #f7f7f7;
      float: left
  }

  .content.bblogs .container {
      margin: 0 auto !important;
      width: 100%;
      height: 100vh;
      max-width: 1500px !important
  }

  article#post-196 .Single_blogs span {
      font-weight: 700;
      color: #000
  }

  p.comment-form-author {
      width: 48%;
      float: left;
      margin-right: 2%;
      align-items: center;
      justify-content: center;
      display: flex
  }

  p.comment-form-author input#author {
      border: 1px solid #b7b7b7;
      width: 80%;
      float: right;
      padding: 6px 10px;
      border-radius: 5px;
      font-size: 15px
  }

  p.comment-form-author label {
      width: 20%
  }

  p.comment-form-email {
      width: 50%;
      float: left;
      align-items: center;
      justify-content: center;
      display: flex
  }

  p.comment-form-email input#email {
      border: 1px solid #b7b7b7;
      width: 80%;
      float: right;
      padding: 6px 10px;
      border-radius: 5px;
      font-size: 15px
  }

  p.comment-form-email label {
      width: 20%
  }

  p.comment-form-url {
      float: left;
      width: 100%;
      align-items: center;
      display: flex
  }

  p.comment-form-url label {
      width: 10%
  }

  p.comment-form-url input#url {
      border: 1px solid #b7b7b7;
      width: 90%;
      float: right;
      padding: 6px 10px;
      border-radius: 5px;
      font-size: 15px;
      margin: 16px 0 20px
  }

  p.comment-form-urk label {
      width: 15%
  }

  p.comment-form-cookies-consent input#wp-comment-cookies-consent {
      width: 5%;
      float: left;
      margin-top: 4px
  }

  p.comment-form-cookies-consent label {
      width: 95%;
      float: right
  }

  article#post-252 h2.inner-heading {
      font-weight: 700;
      color: #000;
      font-size: 15px;
      line-height: 1.6
  }

  article#post-252 p {
      font-size: 15px;
      font-weight: 400 !important;
      line-height: 1.6;
      color: #3b414ab3 !important;
      margin-bottom: 11px
  }

  article#post-252 .entry-categories-inner {
      display: none
  }

  article#post-252 img {
      max-width: 100%
  }

  article#post-252 ul li {
      font-size: 15px;
      font-weight: 400 !important;
      line-height: 1.6;
      color: #3b414ab3 !important;
      margin-bottom: 11px
  }

  article#post-252 h1.entry-title {
      float: left;
      width: 100%;
      font-size: 30px;
      font-weight: 700;
      margin: 0;
      margin-bottom: 10px;
      line-height: 1.3;
      color: #3b414a;
      margin-top: 30px;
      float: left;
      text-align: left
  }

  article#post-252 .post-inner.col-md-8 {
      padding: 0 40px;
      margin-right: 30px;
      max-width: 60.666667%;
      margin: 0 30px 0 40px;
      max-width: 60%;
      margin-bottom: 40px
  }

  article#post-252 h1.main-heading-blog {
      float: left;
      width: 100%;
      font-size: 30px;
      font-weight: 700;
      margin: 0;
      margin-bottom: 10px;
      line-height: 1.3;
      color: #3b414a;
      margin-top: 30px
  }

  article#post-252 tr {
      border: 1px solid #e0d7d7
  }

  article#post-252 tr td {
      font-size: 15px;
      font-weight: 400 !important;
      line-height: 1.6;
      color: #3b414ab3 !important;
      margin-bottom: 11px
  }

  article#post-252 tr td:first-child {
      font-weight: 700 !important;
      color: #000 !important
  }

  article#post-252 h1.entry-title {
      display: none
  }

  .side-fix-share-div {
      background-color: #fff;
      padding: 12px;
      box-shadow: 0 15px 50px 0 rgb(0 0 0/20%);
      position: fixed !important;
      top: 120px;
      width: 65px;
      left: 10px
  }

  .side-fix-share-div h6 {
      font-size: 14px !important;
      color: #434343;
      line-height: normal;
      margin: 0 !important
  }

  .side-fix-share-div ul {
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      text-align: center;
      align-items: center;
      margin-top: 11px !important
  }

  .side-fix-share-div li {
      font-size: 21px;
      padding: 0;
      margin-bottom: 10px;
      list-style-type: none
  }

  .side-fix-share-div ul li i {
      color: #b5b5b5 !important
  }

  article#post-269 .entry-categories,article#post-269 h1.entry-title {
      display: none
  }

  article#post-269 h1.main-heading-blog {
      float: left;
      width: 100%;
      font-size: 30px;
      font-weight: 700;
      margin: 0;
      margin-bottom: 10px;
      line-height: 1.3;
      color: #3b414a;
      margin-top: 30px
  }

  article#post-269 ul li {
      font-size: 15px;
      font-weight: 400 !important;
      line-height: 1.6;
      color: #3b414ab3 !important;
      margin-bottom: 11px
  }

  article#post-269 ul li span {
      font-weight: 700;
      color: #000;
      font-size: 15px;
      line-height: 1.6
  }

  article#post-269 .post-inner.col-md-8 {
      padding: 0 40px;
      margin-right: 30px;
      max-width: 60.666667%;
      margin: 0 30px 0 40px;
      max-width: 60%;
      margin-bottom: 40px
  }

  article#post-269 img {
      max-width: 100%
  }

  .animated-new-year {
      background-image: none;
      width: 350px;
      padding: 0;
      background-size: 350px;
      background-repeat: no-repeat;
      position: fixed;
      bottom: 15px;
      z-index: 999;
      text-align: center;
      transition: .4s;
      border-radius: 30px;
      transition: .5s;
      cursor: pointer;
      top: 0;
      right: 0
  }

  .animated-new-year img.animated-2021.lazyloaded {
      animation: moveSide 5s infinite forwards;
      width: 70%
  }

  @keyframes moveSide {
      0% {
          transform: translateY(0);
          opacity: 1
      }

      50% {
          transform: translateY(50px)
      }

      75% {
          transform: translateY(-20px)
      }

      100% {
          transform: translateY(0)
      }
  }

  div#onclick img.ls-is-cached.lazyloaded {
      width: 100%
  }

  div#onclick button.close.closeoffer {
      height: 40px;
      width: 40px;
      border-radius: 50%;
      background: #fff;
      font-size: 30px;
      padding: 14px 11px !important;
      margin: 0;
      line-height: 15px;
      right: -11px;
      top: -12px;
      z-index: 99;
      opacity: 1
  }

  div#onclick .modal-header {
      border-bottom: 0;
      padding: 0
  }

  .logos-of-brand.for-homepage {
      background: url(//enacteservices.com/wp-content/themes/twentytwenty/assets/images/footerbgmap.jpg);
      background-size: 100%
  }

  .testimonials .carousel-item video {
      width: 180px !important;
      height: 180px !important;
      border-radius: 50%;
      object-fit: cover
  }

  #salemyModal .map_bg_main {
      float: left;
      width: 100%;
      background-image: url(//enacteservices.com/wp-content/themes/twentytwenty/images/get_a_quote__popup_bg.png);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center -55px !important;
      height: 295px;
      margin-bottom: 20px
  }

  #salemyModal .map_heading {
      float: left;
      width: 100%;
      padding: 0 15px !important;
      text-align: center
  }

  #salemyModal .map_heading h3 {
      font-style: normal;
      font-weight: 300;
      font-size: 22px;
      line-height: 32px;
      text-align: center;
      color: #fff;
      padding: 30px 0 20px !important;
      margin: 0
  }

  #salemyModal .map_heading span {
      font-size: 14px;
      line-height: 17px;
      color: rgba(255,255,255,.85)
  }

  #salemyModal .image_holder_corona {
      float: left;
      width: 100%;
      text-align: center
  }

  #salemyModal .image_holder_corona img {
      width: 35%
  }

  #salemyModal .image_holder_content {
      float: left;
      width: 100%;
      text-align: center;
      margin-bottom: 20px;
      margin-top: 15px
  }

  #salemyModal .image_holder_content p {
      font-size: 17px;
      line-height: 28px;
      color: #000;
      margin: 0
  }

  #salemyModal .image_holder_content span {
      font-style: italic;
      color: #106dac;
      font-size: 20px
  }

  #salemyModal .modal-dialog {
      margin: 30px auto;
      max-width: 1280px
  }

  #salemyModal .modal-content {
      width: 800px;
      height: 560px;
      overflow-x: hidden;
      overflow-y: auto
  }

  #salemyModal .col-md-5 {
      align-items: center;
      justify-content: center;
      display: flex;
      flex-direction: column
  }

  .addess {
      float: left;
      width: 100%;
      margin-bottom: 20px;
      padding: 0 10px
  }

  #salemyModal {
      z-index: 99999
  }

  #salemyModal .modal-body {
      padding: 0
  }

  #salemyModal form {
      float: left;
      width: 100%;
      padding: 40px 10px 40px 40px
  }

  #salemyModal h1 {
      font-style: normal;
      font-weight: 700;
      font-size: 28px;
      line-height: 33px;
      color: #000;
      margin: 0;
      margin-bottom: 34px
  }

  #salemyModal label {
      font-size: 12px;
      text-transform: uppercase;
      margin-bottom: 3px;
      font-weight: 500;
      color: #222
  }

  #salemyModal input,#salemyModal select {
      margin-bottom: 14px;
      font-size: 15px !important;
      height: 38px !important;
      display: block;
      width: 100%;
      height: calc(1.5em + .75rem + 2px);
      padding: .375rem .75rem;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5;
      color: #495057;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid #ced4da;
      border-radius: .25rem;
      transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
      margin-bottom: 0
  }

  #salemyModal input.wpcf7-form-control.wpcf7-submit {
      background: #d60000 !important;
      color: #fff !important;
      height: 40px !important
  }

  .services-app a,.why_we_are h2 a {
      color: #d00000 !important
  }

  #salemyModal br {
      display: none
  }

  .valentineImg {
      position: fixed;
      animation: MoveUpDown 1s linear infinite;
      z-index: 9;
      right: 0;
      bottom: 0
  }

  .valentineImg img {
      width: 320px
  }

  @keyframes MoveUpDown {
      0%,100% {
          transform: translate(0,0)
      }

      50% {
          transform: translate(0,10px)
      }
  }

  #salemyModal textarea {
      border-top-color: #ccc;
      border-color: #ccc;
      width: 100%;
      min-height: 100px;
      resize: vertical;
      border-radius: 5px;
      padding: 10px;
      height: 90px;
      font-size: 15px
  }

  #salemyModal button {
      background: #404040;
      border: none;
      color: #fff;
      padding: 10px 20px;
      font-size: 15px;
      float: left;
      margin-top: 20px;
      margin-bottom: 20px;
      margin-left: 0
  }

  #salemyModal button.close {
      position: absolute;
      right: 0;
      top: 0;
      z-index: 999;
      color: #d60000;
      background: #fff;
      height: 30px;
      width: 30px;
      border-radius: 50%;
      margin: 0;
      opacity: 1
  }

  #salemyModal .top-header-mess {
      position: relative;
      margin-bottom: 10px;
      width: 100%
  }

  #salemyModal .top-header-mess i {
      font-size: 15px;
      color: #000;
      position: absolute;
      top: 0;
      left: 0
  }

  #salemyModal .top-header-mess h6 {
      font-weight: 300;
      color: #000;
      font-size: 13px;
      padding-left: 30px;
      margin: 0;
      line-height: 16px
  }

  .addess h4 {
      font-size: 18px
  }

  #salemyModal .modal-body p {
      margin: 0;
      width: 100%
  }

  .testimonials ol.carousel-indicators {
      position: inherit;
      bottom: -30px
  }

  .testimonials {
      position: relative
  }

  .testimonials ol.carousel-indicators li.active {
      opacity: 1
  }

  .testimonials img.play {
      position: absolute;
      top: -1px;
      right: -1px;
      width: 19px
  }

  .testimonials img.only-vidio {
      height: 100%;
      width: 100%;
      object-fit: cover;
      background: #000
  }

  .hello-fixer-form {
      position: inherit !important
  }

  .hiring-tip {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      top: -17px;
      width: 65px;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out
  }

  .hiring-tip img {
      max-width: 100%
  }

  div#mySidenav .hiring-tip {
      top: 7px
  }

  @-moz-document url-prefix() {
      .row.first-cr-top1 {
          background-color: #f5f9fc;
          clear: both
      }
  }

  .wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output {
      border-color: red;
      color: red;
      font-size: 13px;
      text-align: center;
      margin: 0
  }

  .wpcf7-form-control-wrap {
      position: relative;
      width: 100%;
      float: left;
      margin-bottom: 10px
  }

  .wpcf7-not-valid-tip {
      color: #dc3232;
      font-size: 12px;
      font-weight: 400;
      display: block;
      position: absolute;
      width: 100%;
      float: left;
      bottom: -23px
  }

  .contactMain {
      float: left;
      width: 100%;
      padding-top: 50px
  }

  .our-partners.faq .bordersh2.l-border-h2 {
      width: 110px
  }

  .our-partners.faq .btn.btn-link.btn-block.text-left.collapsed {
      background: 0 0
  }

  .our-partners.faq .btn.btn-link.btn-block.text-left {
      background: 0 0;
      color: #3c3950;
      font-weight: 500
  }

  .our-partners.faq .mb-0 button {
      padding: 0
  }

  .our-partners.faq .mb-0 button:hover {
      text-decoration: none
  }

  .our-partners.faq .mb-0 button:focus {
      text-decoration: none
  }

  .our-partners.faq .card-body {
      color: #5f727f;
      font-weight: 400;
      font-size: 15px
  }

  .our-partners.faq .bordersh2 h2 {
      margin-bottom: 40px
  }

  .faqDiv {
      float: left;
      width: 100%;
      padding: 50px 0 40px
  }

  .faqheading {
      float: left;
      width: 100%;
      text-align: center
  }

  .faqheading h1 {
      font-size: 40px;
      line-height: 66px;
      text-align: center;
      color: #000;
      font-weight: 700;
      float: left;
      width: 100%;
      margin-bottom: 20px
  }

  .faqheading p {
      font-size: 18px;
      line-height: 160%;
      text-align: center;
      color: #757575;
      float: left;
      width: 100%;
      margin-bottom: 20px
  }

  .faqDiv .accordion>.card {
      background: 0 0;
      border: 1px solid #e7ebee;
      box-sizing: border-box;
      border-radius: 10px !important;
      float: left;
      width: 100%;
      margin: 10px 0 10px
  }

  .faqDiv div#accordionExample {
      margin: 0 auto;
      width: 62%;
      text-align: left;
      position: relative;
      display: inline-block
  }

  .faqDiv .card {
      float: left;
      width: 100%;
      border: 0;
      background: #fefefe;
      box-shadow: none
  }

  .faqDiv span.collapseIcon:before {
      content: "+";
      font-size: 44px;
      float: left;
      line-height: 20px;
      color: #1b1139;
      font-weight: 100;
      margin-left: -16px;
      margin-right: 14px
  }

  .faqDiv .accordion>.card .card-header button.btn.btn-link {
      font-size: 18px;
      line-height: 123%;
      color: #313131;
      background: 0 0
  }

  .faqDiv .collapse {
      float: left;
      width: 100%;
      margin-top: 0;
      background: #fff;
      box-shadow: 0 20px 95px rgb(201 203 204/30%);
      border-radius: 10px
  }

  .faqDiv .accordion>.card .card-header button.btn.btn-link:hover {
      text-decoration: none
  }

  .faqDiv .card-body {
      font-size: 18px;
      line-height: 30px;
      color: #575757
  }

  div#accordionExample:after {
      content: "";
      width: 175px;
      height: 154px;
      background-repeat: no-repeat;
      background-size: contain;
      position: absolute;
      right: -350px;
      bottom: 210px
  }

  div#accordionExample:before {
      content: "";
      width: 175px;
      height: 154px;
      background-repeat: no-repeat;
      background-size: contain;
      position: absolute;
      left: -270px;
      bottom: -30px
  }

  .faqDiv.home-page .bordersh2.l-border-h2 {
      width: 110px
  }

  #post-430 .cover-header.bg-attachment-fixed {
      display: none
  }

  article#post-430 .col-md-8 {
      padding: 0 40px;
      margin-right: 30px;
      max-width: 60.666667%;
      margin: 0 30px 0 40px;
      margin-bottom: 0;
      max-width: 60%;
      margin-bottom: 40px
  }

  .development-img img {
      width: 100%;
      margin-bottom: 10px
  }

  .blog {
      padding: 100px 0 50px
  }

  .blog-left {
      background: #fff;
      padding: 20px;
      position: sticky;
      top: 128px
  }

  .table-content h3 {
      font-size: 23px;
      color: #d60000;
      font-weight: 600;
      padding-left: 20px;
      margin-bottom: 30px
  }

  .table-content li {
      display: block;
      margin-bottom: 1.5rem
  }

  .table-content li a {
      font-size: 16px;
      color: #242424;
      padding: 0;
      display: block;
      font-weight: 500
  }

  .table-content li:last-child {
      border-bottom: 0
  }

  .table-content {
      margin-bottom: 30px
  }

  .table-content ul {
      padding: 0
  }

  .dream-app {
      border: 1px solid #ccc;
      padding: 25px;
      margin-bottom: 30px
  }

  .dream-app h2 {
      font-size: 23px;
      color: #242424;
      margin-bottom: 15px
  }

  .dream-app h2 b {
      font-weight: 600
  }

  .dream-app .btn.btn-primary {
      background: #d60000;
      border: 0;
      padding: 9px 15px;
      margin-top: 5px
  }

  .blog-right {
      background: #fff;
      box-shadow: 0 15px 50px 0 rgb(0 0 0/20%);
      padding: 30px;
      margin-top: 27px
  }

  .blog-right h1 {
      font-size: 30px;
      font-weight: 600;
      margin: 0 0 15px
  }

  .mocup_laptop .carousel-indicators {
      left: 220px
  }

  #error-page {
      margin: 0 !important;
      padding: 0;
      box-shadow: none !important
  }

  .blog-right h2 {
      font-size: 28px;
      color: #000;
      margin-bottom: 15px;
      font-weight: 600
  }

  .blog-img {
      width: 100%;
      height: 400px;
      background: #ddd;
      overflow: hidden
  }

  .blog-img img {
      width: 100%;
      height: 100%;
      object-fit: fill
  }

  .blog-right p {
      font-size: 16px;
      color: #000;
      margin: 10px 0
  }

  .blog-right b {
      font-size: 17px;
      margin: 10px 0;
      float: left;
      width: 100%
  }

  .blog-right ol li {
      font-size: 16px
  }

  .benefit {
      margin-bottom: 15px
  }

  .benefit ol li {
      font-size: 16px;
      font-weight: 600
  }

  .benefit p {
      font-size: 16px;
      color: #000;
      margin: 0
  }

  .blog-left .search-form label {
      width: 66%
  }

  .blog-left .widget-content ul {
      padding: 0
  }

  .blog-left .widget-content ul li {
      list-style: none
  }

  .blog-left .setting-on-blog.form-cover {
      margin-top: 60px
  }

  .blog-right #tablecontentdiv-0 {
      padding-top: 20px
  }

  .blog-right .benefit ul {
      padding: 0
  }

  .blog-right .benefit li {
      list-style: none
  }

  .blog-right .benefit li strong {
      font-size: 28px;
      font-weight: 600
  }

  .blog-right .blog-text {
      font-size: 17px
  }

  .blog-right .content a {
      color: #d60000
  }

  .blog-right .blog-text a {
      color: #d60000
  }

  .blog-left .scrollaction {
      position: relative
  }

  .blog-left .scrollaction.active a {
      color: #d60000
  }

  .blog-left .scrollaction.active a:after {
      display: none
  }

  .blog-left li.scrollaction.active:after {
      width: 5px;
      height: 25px;
      background: #c71313;
      border-radius: 0;
      content: '';
      position: absolute;
      bottom: 0;
      left: -26px;
      top: 8px
  }

  .blog-left .table-content {
      margin-bottom: 0
  }

  .blog-left .table-content ul {
      margin-bottom: 0;
      border-left: 1px solid #b4b9bf;
      padding-left: 25px;
      max-height: 60vh;
      overflow: auto
  }

  .blog-right .author {
      margin: 50px 0 20px
  }

  .blog-right .author-img {
      width: 85px;
      height: 85px;
      background: #ddd;
      border-radius: 50px;
      overflow: hidden;
      display: inline-block;
      margin-right: 15px
  }

  .blog-right .author-img img {
      width: 100%;
      height: 100%;
      object-fit: cover
  }

  .blog-right .author-text {
      display: inline-block;
      vertical-align: top
  }

  .blog-right .author-text h4 {
      font-size: 15px;
      color: #8d8d8d;
      font-weight: 500;
      margin: 0
  }

  .blog-right .author-text h3 {
      font-size: 20px;
      color: #000;
      font-weight: 500;
      margin: 5px 0
  }

  .blog-right .author-text h5 {
      font-size: 15px;
      color: #000;
      font-weight: 300;
      margin: 0
  }

  .more-blog {
      padding: 50px 0
  }

  .more-blog .blog-img {
      height: 190px
  }

  .more-blog h2 {
      font-size: 30px;
      font-weight: 600;
      margin: 0 0 25px
  }

  .blog-text {
      margin: 25px 0
  }

  .blog-text h5 {
      font-size: 14px;
      color: #2f2e41;
      font-weight: 400
  }

  .blog-text h4 {
      font-size: 22px;
      color: #242424;
      font-weight: 600;
      margin: 12px 0
  }

  .blog-text p {
      font-size: 18px;
      color: #242424;
      font-weight: 400;
      margin-top: 6px
  }

  .blog-text h6 {
      font-size: 15px;
      color: #919191;
      font-weight: 500
  }

  .blog-text button {
      background: 0 0 !important;
      border: 0;
      float: left;
      width: auto;
      height: auto;
      margin: 0;
      color: #2f2e41;
      font-size: 18px;
      position: relative
  }

  .blog-text button:after {
      content: "";
      width: 100px;
      height: 10px;
      background: #c5c2ff;
      position: absolute;
      left: -3px;
      bottom: 1px;
      z-index: -1
  }

  .blog-contact-bar {
      background: #d70000;
      color: #fff;
      text-align: center;
      padding: 25px 0;
      border-radius: 40px;
      font-weight: 500;
      float: left;
      width: 100%
  }

  .blog-contact-bar a {
      background: #fff;
      color: #d70000;
      text-align: center;
      padding: 12px 20px;
      border-radius: 40px;
      margin-left: 30px
  }

  .blog-right img {
      width: 100%
  }

  .service-box {
      background: #f8f8f8;
      border-radius: 10px;
      padding: 20px 0;
      text-align: center;
      margin: 0 0 20px
  }

  .service-box h3 {
      font-size: 22px;
      color: #000;
      margin: 8px 0;
      font-weight: 600
  }

  .service-box p {
      color: #242424;
      font-size: 14px;
      max-width: 75%;
      margin: auto
  }

  .header-top {
      background: #242424;
      height: 50px;
      padding: 10px 60px
  }

  .header-top-left {
      display: inline-block
  }

  .header-top-left ul {
      margin: 0;
      padding: 0
  }

  .header-top-left li {
      display: inline-block;
      color: #fff;
      margin-right: 50px;
      font-size: 14px
  }

  .header-top-left li img {
      margin-right: 8px
  }

  .header-top-right {
      float: right;
      padding-right: 20px
  }

  .header-top-right ul {
      margin: 0;
      padding: 0
  }

  .header-top-right li {
      display: inline-block;
      margin-right: 15px
  }

  .header-top-right li:last-child {
      margin-right: 0
  }

  .header-top-right li a {
      width: 30px;
      height: 30px;
      background: #fff;
      border-radius: 5px;
      display: inline-block;
      text-align: center;
      padding: 4px 0;
      color: #242424
  }

  .btm-header.banner-change {
      background: #050a1e;
      margin: 105px 0 0;
      padding: 0
  }

  .btm-header.banner-change .banner-left {
      padding: 150px 0
  }

  .btm-header.banner-change .banner-left h2 {
      color: #fff;
      font-weight: 700;
      z-index: 9;
      position: relative
  }

  .btm-header.banner-change .banner-left h2 b {
      color: #684DF4
  }

  .btm-header.banner-change .banner-left p {
      color: #fff;
      font-weight: 400;
      font-size: 16px;
      z-index: 9;
      position: relative
  }

  .btm-header.banner-change .banner-left button {
      z-index: 9;
      position: relative
  }

  .btm-header.banner-change .banner-left button.get-started.cost {
      border: 2px solid #fff;
      background: #050a1e;
      margin-right: 0
  }

  .banner-graphic {
      position: absolute;
      top: 50px;
      left: -80px
  }

  .banner-graphic img {
      max-width: 90%
  }

  .about-main {
      position: relative;
      float: left;
      width: 100%;
      overflow: hidden;
      padding: 60px 0!important
  }

  .about-main .container {
      max-width: 1360px
  }

  .about-main-right {
      padding-left: 30px;
      padding-top: 20px;
	  text-align: left;
  }

  .about-main-right h2 {
      font-size: 45px;
      color: #050a1e;
      font-weight: 700
  }

  .about-main-right h2 strong {
      color: #684DF4;
      font-weight: 700
  }

  .about-main-right ul {
      padding: 0;
      margin: 0 0 50px
  }

  .about-main-right li {
      display: inline-block;
      margin-right: 60px;
      font-size: 18px;
      color: #050a1e;
      list-style: none
  }

  .about-main-right li strong {
      font-size: 30px;
      color: #684DF4;
      font-weight: 700
  }

  .about-main-right p {
      font-size: 17px;
      padding: 25px 0;
      font-weight: 400;
      color: #5f727f;
      margin: 0
  }

  .about-main-right button {
      background: #684DF4;
      color: #fff;
      padding: 15px 35px;
      font-size: 16px;
      border: 0;
      font-weight: 600;
      border-radius: 40px
  }

  .about-main {
      padding: 0 0 60px
  }

  .about-main span {
      position: absolute;
      right: -120px
  }

  .about-main span img {
      max-width: 85%
  }

  .app-development {
      background: #f4f4f4;
      padding: 50px 0;
      position: relative
  }

  .app-development .service-box {
      background: #ffff;
      border-radius: 15px;
      text-align: left;
      padding: 35px;
      transition: .8s
  }

  .service-box h3 {
      font-size: 20px;
      margin: 30px 0 15px
  }

  .app-development .service-box p {
      font-size: 16px;
      max-width: 92%;
      margin: 0 0 35px;
      min-height: 70px
  }

  .app-development .service-box button {
      background: #684DF4;
      color: #fff;
      padding: 12px 30px;
      font-size: 15px;
      border: 0;
      font-weight: 600;
      border-radius: 40px
  }

  .app-development .service-box:hover button a {
      background: #fff;
      color: #684DF4
  }

  .app-development .service-box button a {
      color: #fff
  }

  .app-development .service-box button a:hover {
      background: #fff;
      color: #d70000;
      text-decoration: none
  }

  .app-development .service-box:hover {
      background: #684DF4;
      color: #fff
  }

  .app-development .service-box:hover h3 {
      color: #fff
  }

  .app-development .service-box:hover p {
      color: #fff
  }

  .app-development .service-box:hover button {
      background: #fff;
      color: #684DF4
  }

  .app-development .service-box:hover img {
      filter: brightness(0) invert(1)
  }

  .app-development .service-line {
      position: absolute;
      top: 0;
      left: 0;
	  display:none;
  }

  .app-development .service-line2 {
      position: absolute;
      top: 0;
      right: 0
  }

  .app-development .service-plus {
      position: absolute;
      top: 120px;
      left: 46px;
	  display:none;
  }

  .app-development h3.heading {
      text-align: center;
      margin: 0 0 50px;
      font-size: 45px;
      color: #050a1e;
      font-weight: 700
  }

  .app-development h3.heading strong {
      color: #684DF4;
      font-weight: 700
  }

  .app-development .service-box img {
      max-width: 60px
  }

  .header .navbar-left ul li ul.sub-menu {
      z-index: 99;
      border-top: 2px solid #d70000;
      border-bottom: 2px solid #d70000;
      top: 30px
  }

  .header .navbar-left ul li ul.sub-menu li a {
      font-weight: 400
  }

  .btm-header.banner-change .banner-left button {
      margin-right: 0!important
  }

  .btm-header.banner-change .banner-left button.get-started.meet-expert {
      background: 0 0;
      text-transform: uppercase
  }

  .btm-header.banner-change .banner-left button.get-started.meet-expert a {
      color: #684DF4
  }

  .btm-header.banner-change .banner-left button.get-started.meet-expert span {
      width: 55px;
      height: 55px;
      background: #ddd;
      display: inline-block;
      vertical-align: middle;
      border-radius: 50px;
      overflow: hidden;
      margin-right: 10px;
      border: 2px solid #684DF4
  }

  .btm-header.banner-change .banner-left button.get-started.meet-expert span img {
      width: 100%;
      height: 100%;
      object-fit: cover
  }

  .header.sticky {
      position: fixed;
      top: 0;
      z-index: 999
  }

  .faqDiv.home-page {
      background: #fff;
      padding: 70px 0;
      position: relative
  }

  .faqDiv.home-page .container {
      max-width: 1350px
  }

  .faqDiv.home-page #accordionExample {
      width: 100%
  }

  .faqDiv.home-page .bordersh2 h2:after {
      display: none
  }

  .faqDiv.home-page .bordersh2 h2:before {
      display: none
  }

  .faqDiv.home-page #accordionExample:after {
      display: none
  }

  .faqDiv .accordion>.card .card-header button.btn.btn-link {
      font-size: 17px;
      font-weight: 600
  }

  .faqDiv.home-page .card-body {
      font-size: 15px;
      line-height: normal;
      padding: 15px
  }

  .faqDiv.home-page .card-header {
      background-color: #fff;
      border-bottom: 1px solid #f4f4f4
  }

  .faqDiv.home-page .accordion>.card {
      margin: 0 0 8px
  }

  .faqDiv.home-page .collapse {
      border-radius: 0
  }

  .faqDiv.home-page .faq-left h2 {
      text-align: left;
      margin: 0 0 40px;
      font-size: 42px;
      color: #050a1e;
      font-weight: 700
  }

  .faqDiv.home-page .faq-left h2 strong {
     color: #684DF4;
      font-weight: 700
  }

  .faq-left-img {
      width: 90%;
      height: 380px;
      background: #ddd;
      overflow: hidden;
      border-radius: 25px
  }

  .faq-left-img img {
      width: 100%;
      height: 100%;
      object-fit: cover
  }

  .faqDiv.home-page .faq-right h3 {
      text-align: left;
      margin: 0;
      font-size: 30px;
      color: #050a1e;
      font-weight: 600
  }

  .faqDiv.home-page .faq-right h3 strong {
      color: #684DF4;
      font-weight: 600
  }

  .faqDiv.home-page .faq-right p {
      color: #626262;
      font-size: 16px;
      padding: 15px 0 0
  }

  .faqDiv.home-page .faq-line2 {
      position: absolute;
      left: 0;
      top: 0
  }

  .faqDiv.home-page .faq-line {
      position: absolute;
      left: 0;
      bottom: 60px
  }

  .faqDiv.home-page .faq-line2 img {
      max-width: 85%
  }

  .partnership-section {
      background: #fff;
      padding: 60px 0;
      height: auto!important
  }

  .partnership-section h2 {
      text-align: center;
      margin: 0 0 50px;
      font-size: 45px;
      color: #050a1e;
      font-weight: 700
  }

  .partnership-section h2 strong {
      color: #684DF4;
      font-weight: 700
  }

  .partnership-section .partnership {
      position: relative;
      background: 0 0
  }

  .partnership-section .gem-video-background-inner {
      display: none
  }

  .partnership-section .container {
      max-width: 1400px
  }

  .partnership-section .partnership-l {
      width: 100%
  }

  .partnership-section .partnership-r-card {
      width: 100%;
      min-height: 400px;
      padding: 20px;
      background: #fff;
      margin: 0!important
  }

  .partnership-section .partnership-r-card:hover {
      transform: inherit;
      transition: inherit
  }

  .partnership-section .partnership-r-card p {
      font-size: 14px;
      line-height: normal;
      color: #242424
  }

  .partnership-section .partnership-l-content {
      width: 100%;
      float: right;
      margin-right: 0;
      padding-top: 0
  }

  .partnership-section .partnership-r-card h4 {
      color: #050a1e;
      font-size: 18px
  }

  .partnership-section .partnership-r-card h2 {
      font-size: 60px;
      color: #d70000;
      font-weight: 700
  }

  .partnership-section .partnership-l-content h2 {
      font-size: 45px;
      background: #d70000;
      color: #fff;
      padding: 20px
  }

  .partnership-section .partnership-l-content h2 span {
      color: #fff;
      font-weight: 300
  }

  .partnership-section .partnership-r-card.box1 {
      padding: 0;
      overflow: hidden
  }

  .partnership-section .partnership-r-card.box1 p {
      padding: 0 20px
  }

  .services-we-ofr.home-page .bordersh2.servicesbordersh2 {
      width: 100%
  }

  .services-we-ofr.home-page h2 {
      text-align: center;
      margin: 0 0 50px;
      font-size: 45px;
      color: #050a1e;
      font-weight: 700
  }

  .services-we-ofr.home-page h2 strong {
      color: #d70000;
      font-weight: 700
  }

  .services-we-ofr.home-page p {
      color: #242424
  }

  .services-we-ofr.home-page .container {
      max-width: 1400px
  }

  .services-we-ofr.home-page .bordersh2 h2:after {
      display: none
  }

  .services-we-ofr.home-page .bordersh2 h2:before {
      display: none
  }

  .services-we-ofr.home-page .bordersh2 h2 {
      margin-bottom: 15px
  }

  .services-we-ofr.home-page .ser-img {
      width: 95%;
      height: 350px;
      background: #ddd;
      border-radius: 15px 15px 0 0;
      overflow: hidden
  }

  .services-we-ofr.home-page .ser-img img {
      width: 100%;
      height: 100%;
      object-fit: cover
  }

  .services-we-ofr.home-page .services-we-ofr-card h4 {
      text-align: left;
      font-size: 22px;
      font-weight: 700
  }

  .services-we-ofr.home-page .services-we-ofr-card p {
      width: 95%;
      margin: 0;
      text-align: left;
      font-size: 15px;
      min-height: 115px
  }

  .services-we-ofr.home-page .services-we-ofr-card {
      text-align: left
  }

  .services-we-ofr.home-page .services-we-ofr-card {
      margin-top: 40px
  }

  .partnership-section .plan-top {
     background: #f1edff;
      text-align: center;
      padding: 30px 0;
      border-radius: 8px 40px 8px 8px
  }

  .partnership-section .plan-top h3 {
      font-size: 23px;
      color: #684DF4;
      font-weight: 600;
      margin: 0 0 5px
  }

  .partnership-section .plan-top h4 {
      font-size: 16px;
      color: #050a1e;
      font-weight: 500;
      margin: 10px auto 0;
      width: 75%
  }

  .plan-bottom {
      background: #f3f3f3;
      border-radius: 8px;
      margin: 3px 0 0;
      padding: 10px 15px;
      position: relative
  }

  .plan-bottom ul {
      margin: 0;
      padding: 15px 0;
      list-style: none;
      z-index: 9;
      position: relative
  }

  .plan-bottom li {
      margin: 0 0 12px;
      color: #454545;
      font-size: 15px;
      display: flex;
      justify-content: baseline;
      align-items: flex-start
  }

  .plan-bottom li:last-child {
      margin-bottom: 0
  }

  .plan-bottom li img {
      margin-right: 8px;
	  width:20px;
  }

  .plan-bottom li h5 {
      font-size: 17px;
      font-weight: 600;
      color: #000;
      margin: 0
  }

  .plan-bottom li p {
      font-size: 14px;
      font-weight: 400;
      color: #505050;
      margin: 0
  }

  .plan-bottom span {
      position: absolute;
      top: 0;
      right: 0
  }

  .plan-price {
      display: flex;
      justify-content: center;
      align-items: center
  }

  .plan-price h1 {
      font-size: 34px;
      font-weight: 700;
      color: #000;
      margin: 0
  }

  .plan-price h6 {
      font-size: 18px;
      font-weight: 400;
      color: #000;
      margin: 0
  }

  .plan-buttons {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 10px;
      margin: 0
  }

  .plan-buttons button {
      background: 0 0;
      color: #000;
      padding: 8px 20px;
      font-size: 15px;
      border: 0;
      margin: 10px 0 0;
      font-weight: 400;
      border-radius: 40px;
      border: 1px solid #000
  }

  .bottom-link {
      margin-top: 10px;
      text-align: center
  }

  .bottom-link a {
      font-size: 16px;
      font-weight: 500;
      color: #684DF4;
      text-decoration: underline
  }

  .our-partners {
      background: #fff
  }

  .logos-of-brand.for-homepage {
      padding: 60px 0
  }

  .logos-of-brand.for-homepage h1 {
      text-align: center;
      margin: 0 0 50px;
      font-size: 45px;
      color: #050a1e;
      font-weight: 700
  }

  .logos-of-brand.for-homepage h1 strong {
      color: #684DF4;
      font-weight: 700
  }

  .testimonials-inner {
      width: 92%;
      background: #050a1e;
      margin: auto;
      padding: 50px 0;
      border-radius: 50px
  }

  .testimonials p {
      color: #fff!important
  }

  .testimonials-inner .bordersh2 h2 {
      color: #fff;
      font-weight: 700
  }

  .testimonials-inner .bordersh2 h2:before {
      display: none
  }

  .testimonials-inner .bordersh2 h2:after {
      display: none
  }

  .testimonials .img-box.m-auto {
      border: 2px solid #fff;
      padding: 8px
  }

  .testimonials .img-box.m-auto img {
      border-radius: 50%;
      width: 100%;
      height: 100%;
      object-fit: cover
  }

  .testimonials .carousel-indicators li {
      background-color: #a7a7b0
  }

  .testimonials .carousel-indicators .active {
      background: #fff
  }

  @media only screen and (max-width: 1699px) {
      .our-working-center {
          min-height:589px
      }

      .navbar.navbar.navbar-inverse {
          padding: 0 45px !important
      }
  }

  @media only screen and (max-width: 1599px) {
      .banner-content {
          left:110px !important
      }
  }

  @media only screen and (max-width: 1440px) {
      .our-working-top div#nav-tab {
          margin-top:60px
      }

      .our-working-center {
          margin-top: 220px
      }

      .SlickCarousel {
          margin-top: 0
      }

      .our-working-black .slick-slide {
          margin: 0
      }

      .our-working-center {
          min-height: 549px;
          margin-top: 150px;
          margin-bottom: 45px
      }

      .btm-header-l button {
          padding: 12px 20px;
          font-size: 16px
      }

      .btm-header-l img {
          float: right;
          position: relative;
          right: -81px;
          top: -4px
      }

      .about-card .about-card-card-top h2 span {
          font-weight: 600;
          font-size: 24px;
          color: #3c3950
      }

      .partnership-r {
          margin-top: 69px;
          padding-bottom: 0
      }

      .partnership-l h2 span {
          font-size: 52px
      }

      .partnership-r-card {
          padding: 21px 20px;
          min-height: 410px
      }

      .partnership-r-card h4 {
          font-size: 26px
      }

      .partnership .row {
          width: 100%;
          margin: 16px 0 0
      }

      .partnership-l-content {
          width: 73%;
          float: right;
          margin-right: 43px;
          padding-top: 117px
      }

      .partnership-section {
          float: left;
          width: 100%;
          position: relative;
          height: 610px;
          overflow: hidden;
          padding-top: 20px
      }

      .work-process-card.w-p-first {
          padding: 74px 35px
      }

      .work-process-card {
          padding: 58px 35px
      }

      .latest-blog-card-bottom h2 {
          font-size: 30px
      }

      .our-partners {
          padding-top: 20px
      }

      .banner-content {
          left: 100px !important
      }

      .navbar-left ul li a {
          font-size: 15px
      }

      .navbar.navbar.navbar-inverse {
          padding: 0 40px !important
      }

      .navbar img {
          float: left;
          width: 70px
      }

      .navbar-left ul {
          margin-left: 0;
          padding-left: 50px
      }

      .navbar .col-md-7 {
          flex: 0 0 70.333%;
          max-width: 70.333%
      }

      .navbar .col-md-5 {
          flex: 0 0 29.667%;
          max-width: 29.667%
      }

      .header .navbar-left ul li ul.sub-menu {
          padding: 0
      }

      .btm-header.banner-change .banner-left {
          padding: 40px 0 0
      }

      .btm-header.banner-change .banner-right-img {
          overflow: auto;
          height: 100%;
          width: 710px
      }

      .btm-header.banner-change .banner-right-img img {
          width: 100%;
          height: 100%
      }
  }

  @media only screen and (max-width: 1366px) {
      #salemyModal .image_holder_corona img {
          width:30%
      }

      #salemyModal .modal-content {
          height: 600px
      }

      .navbar.navbar.navbar-inverse {
          padding: 0 30px !important
      }
  }

  @media only screen and (max-width: 1365px) {
      .background-image {
          background-size:60% 100%
      }

      .overlay-text h4 {
          font-size: 16px
      }

      .industries-main .mask h4 {
          font-size: 16px
      }
  }

  @media only screen and (max-width: 1300px) {
      .banner-content {
          left:60px !important
      }
  }

  @media only screen and (max-width: 1280px) {
      .employee_slider .carousel-caption.d-none.d-md-block {
          padding-top:6rem
      }

      div#post-inner {
          max-width: 100% !important;
          width: 100%;
          flex: 0 0 94%
      }

      .footer-nav-widgets-wrapper.header-footer-group.col-md-4 {
          margin-bottom: 40px;
          flex: 0 0 94%;
          max-width: 100%;
          margin-left: 40px
      }

      .partnership .plan-bottom {
          overflow: hidden
      }
  }

  @media only screen and (max-width: 1199px) {
      .box-for-img {
          min-height:166px
      }

      .coll-box ul {
          padding-left: 0
      }
  }

  ul.slider-main li {
      width: 100% !important
  }

  .slider .osSlider-main {
      width: 100% !important
  }

  .portfolio .label-text a.text-title {
      color: #fff
  }

  .navbar.navbar.navbar-inverse {
      float: left;
      width: 100%;
      height: 75px;
      background: #fffffff7;
      padding: 0 65px !important;
      border-bottom: 1px solid #f7f7f7;
      z-index: 99999
  }

  .navbar .row {
      width: 100%
  }

  .navbar-left {
      height: 75px;
      display: flex;
      align-items: center
  }

  .navbar-right {
      float: right;
      padding: 15px 0;
      cursor: pointer;
      width: 100%
  }

  .area-top-side.area-top-side-side-slide h6 {
      color: #fff;
      font-size: 13px;
      line-height: 21px
  }

  .header-down-icons i {
      font-size: 15px;
      padding-left: 8px;
      color: #fff
  }

  .header-down-icons ul {
      margin: 0;
      float: right;
      padding: 0;
      padding-left: 26px;
      margin-top: 4px
  }

  .footer-btm li {
      list-style-type: none;
      float: right;
      border: 1px solid #fff;
      margin-right: 10px;
      padding: 5px 2px;
      height: 35px;
      width: 35px;
      border-radius: 4px
  }

  .header-down-icons h2 {
      font-size: 18px;
      color: #fff;
      float: left;
      padding-top: 10px;
      font-weight: 400
  }

  .header-down-icons ul li i.active {
      color: #d10000
  }

  .header-down-icons ul li i:hover {
      color: #d10000
  }

  .only-responsive {
      float: right;
      padding-left: 20px;
      display: none
  }

  span.res-bars {
      font-size: 30px
  }

  .sidenav {
      height: 100%;
      width: 250px;
      position: fixed;
      z-index: 999;
      top: 0;
      right: -250px;
      background-color: #2f2f39;
      overflow-x: hidden;
      transition: .5s;
      padding-top: 45px
  }

  hr.sidebar {
      color: #fff;
      margin: 0 auto;
      width: 80%;
      margin-top: 10px;
      border-top: 1px solid #fff
  }

  .sidenav a {
      padding: 5px 8px 8px 32px;
      text-decoration: none;
      font-size: 14px;
      color: #fff;
      display: block;
      transition: .3s;
      position: relative
  }

  .sidenav a i {
      margin-left: 3px;
      transition: .5s
  }

  .sidenav a[aria-expanded=true] i {
      rotate: -180deg
  }

  .sidenav .card.card-body {
      border: 0;
      padding: 0;
      background: 0 0;
      margin-left: 45px;
      padding: 0 0 5px
  }

  .sidenav .card.card-body a {
      color: #fff;
      padding: 5px 0;
      margin: 0
  }

  .sidenav a:hover {
      color: #f1f1f1
  }

  .sidenav .closebtn {
      position: absolute;
      top: 0;
      right: 25px;
      font-size: 36px;
      margin-left: 50px
  }

  .area-top-side.area-top-side-side-slide {
      padding: 9px 27px;
      margin-top: 7px
  }

  .area-top-side.area-top-side-side-slide a {
      font-size: 13px;
      padding: 0;
      padding-left: 30px
  }

  .area-top-side.area-top-side-side-slide i {
      color: #fff
  }

  .navbar-right ul li {
      display: inline-block
  }

  .navbar-left ul li a.active {
      color: #d70000
  }

  .navbar-left ul li a.active:after {
      content: '';
      position: absolute;
      height: 6px;
      width: 6px;
      background: #d70000;
      border-radius: 50%;
      left: 50%;
      bottom: -11px
  }

  .header-top-address1 .fa-phone {
      position: absolute;
      transform: rotate(87deg)
  }

  .count {
      color: #3c3950;
      font-size: 34px;
      font-weight: 500;
      float: left;
      width: 100%
  }

  .app-development-number .count p {
      color: #3c3950;
      font-size: 34px;
      font-weight: 500;
      float: left
  }

  .header-top-address1 h5 {
      padding-left: 22px;
      font-size: 16px;
      font-size: 15px;
      color: #222;
      display: inline-block;
      margin-bottom: 0
  }

  .header-top-address2 .fa-envelope {
      position: absolute;
      font-size: 18px
  }

  .header-top-address2:hover .fa-envelope {
      color: #d10000
  }

  .header-top-address1:hover .fa-phone {
      color: #d10000
  }

  .slider.osSlider-main {
      z-index: 1
  }

  .portfolio .label-text a.text-title {
      color: #fff
  }

  button.close {
      position: absolute;
      right: 20px
  }

  .modal-body {
      margin: 0
  }

  .modal-footer {
      border: 0
  }

  .modal-header {
      width: 100%;
      padding-bottom: 0
  }

  .modal-header {
      border-bottom: 0
  }

  .modal-body p {
      font-size: 21px;
      font-weight: 300 !important;
      margin: 10px 20px 20px
  }

  .modal-dialog {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%) !important;
      margin: 0 !important;
      z-index: 9999999
  }

  .modal-dialog.calc-dialog {
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%) !important;
      margin: 0;
      max-width: 1140px;
      height: auto
  }

  .modal-header {
      width: 100%;
      padding-bottom: 0
  }

  .modal-body {
      margin: 0
  }

  .choose-type-calc h2 {
      font-size: 24px;
      text-align: center;
      color: #3c3950;
      font-weight: 600;
      padding: 0 40px
  }

  .choose-type-calc h2 span {
      color: #d10000;
      font-weight: 600
  }

  .choose-type-calc p {
      font-size: 18px;
      font-weight: 400;
      text-align: center;
      color: #5f727f;
      font-weight: 300;
      margin-top: 14px
  }

  .choose-type-calc button {
      background: #2f2f39 !important;
      width: auto;
      width: 149px;
      float: none;
      padding: 10px 0;
      color: #fff;
      font-size: 15px;
      text-transform: uppercase;
      letter-spacing: 1px;
      border-radius: 40px;
      box-shadow: 2px 10px 5px -5px #c7b5b5;
      border: 0;
      margin-top: 0
  }

  .modal-dialog.calc-dialog button.close {
      background: 0 0
  }

  .choose-type-calc {
      text-align: center;
      padding-bottom: 40px;
      padding-top: 4px
  }

  .square-box {
      width: 100px;
      height: 100px;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%)
  }

  .square-box h3 {
      font-size: 17px;
      position: absolute;
      transform: rotate(-36deg);
      top: 30%;
      left: 27%
  }

  .modal-header {
      border-bottom: 0
  }

  .square-box-in {
      width: 60px;
      height: 60px;
      border: 2px solid #2f2f39;
      position: absolute;
      transform: rotate(44deg);
      border-radius: 5px
  }

  .choose-type-calc img {
      width: 140px;
      margin-bottom: 26px
  }

  .square-box:before {
      content: '';
      position: absolute;
      height: 133px;
      width: 2px;
      background: #2f2f39;
      top: -124px;
      left: 48px
  }

  .square-box:after {
      content: '';
      position: absolute;
      height: 133px;
      width: 2px;
      background: #2f2f39;
      bottom: -122px;
      left: 50px
  }

  .btm-header {
      background-size: cover;
      position: relative;
      height: 100vh;
      overflow: hidden;
      float: left;
      width: 100%;
      margin-top: 75px
  }

  .btm-header-l {
      height: 100vh;
      width: 35%;
      float: left;
      background: 0 0;
      position: relative;
      z-index: 99;
      padding-left: 9.375%
  }

  .btm-header-l h1 {
      font-size: 50px;
      color: #fff;
      font-weight: 100;
      z-index: 999;
      text-transform: uppercase
  }

  .btm-header-l h1 span {
      font-size: 50px;
      color: #fff;
      font-weight: 500
  }

  .btm-header-l p {
      color: #fff;
      z-index: 999;
      font-size: 16px
  }

  .btm-header-l button {
      background: #fff !important;
      padding: 15px 30px;
      color: #000;
      border-radius: 50px;
      border: 0;
      font-size: 16px;
      font-weight: 600;
      margin-right: 15px;
      margin-bottom: 15px
  }

  .btm-header-l img {
      float: right;
      position: relative;
      right: -96px;
      top: -2px
  }

  .btm-header-l img.front-bg {
      width: 135%;
      position: initial;
      position: absolute;
      left: 0;
      top: 0;
      height: 100vh
  }

  .arrow-slide {
      position: relative;
      float: left;
      margin-top: 14px
  }

  .arrow-slide:after {
      content: '';
      position: absolute;
      height: 1px;
      width: 85px;
      right: -40px;
      top: 25px;
      background: #fff;
      display: none
  }

  .leftskew2 {
      width: 100%;
      height: 100vh;
      position: absolute;
      top: 0;
      right: -150px;
      transform: skew(15deg,0deg)
  }

  .banner-content {
      position: absolute;
      top: 50%;
      padding: 40px 0 0;
      transform: translate(0,-50%);
      padding: 0;
      left: 150px
  }

  .btm-header-r {
      height: 100vh;
      width: 65%;
      float: right
  }

  .bannerslider {
      width: 100%;
      height: 100vh;
      padding: 0;
      overflow: hidden
  }

  .btm-header-r img {
      height: 100vh
  }

  .banner-content img.safe {
      width: 20%;
      right: 160px;
      top: 20px
  }

  .partnership-r-card h4 small {
      display: block;
      font-size: 14px;
      font-weight: 300
  }

  h1.about-us-heading {
      font-size: 71px;
      font-weight: 600;
      color: #fff
  }

  .about-us-inner .about-card:first-child {
      background: #2f2f39;
      color: #fff;
      padding: 59px 20px;
      padding-left: 30px
  }

  .about-us-inner .about-card:first-child p {
      color: #fff;
      font-size: 16px;
      font-weight: 300
  }

  .about-us-inner .about-card {
      background: #fff
  }

  .about-us-inner .about-card {
      width: 25%;
      padding: 59px 40px
  }

  .about-card .about-card-card-top h2 {
      font-size: 26px;
      font-weight: 300;
      color: #3c3950;
      float: left;
      text-transform: uppercase
  }

  .about-card .about-card-card-top h2 strong {
      float: left;
      width: 100%;
      font-weight: 600
  }

  .about-card .about-card-card-top h2 span {
      font-weight: 600;
      font-size: 27px;
      color: #3c3950
  }

  .about-card .about-card-card-top img {
      float: right;
      width: 80px
  }

  .about-card-card-botom p {
      color: #5f727f;
      font-size: 16px;
      font-weight: 300
  }

  .about-card-card-botom {
      float: left;
      width: 100%;
      margin-top: 20px
  }

  .about-us-inner .about-card:first-child p span {
      border: 1px solid #fff;
      padding: 4px 8px;
      border-radius: 50%;
      font-weight: 600;
      font-size: 16px;
      float: left;
      margin-right: 0;
      margin-right: 7px;
      margin-top: 1px
  }

  .background-image {
      position: absolute;
      left: 0;
      width: 100%;
      top: 0;
      height: 100vh;
      background-size: 56% 100%;
      z-index: 99;
      background-repeat: no-repeat
  }

  p.m-0.pt-3.revealOnScroll {
      min-height: 90px
  }

  button:focus {
      outline: 0 dotted;
      outline: 0 auto -webkit-focus-ring-color
  }

  textarea:focus {
      outline: 0 dotted !important
  }

  .app-development {
      float: left;
      width: 100%;
      padding-top: 100px
  }

  .app-development-l h2 {
      font-size: 45px;
      color: #3c3950;
      font-weight: 600;
      margin-bottom: 5px
  }

  .app-development-l p {
      font-size: 16px;
      color: #5f727f;
      font-weight: 300;
      margin-bottom: 28px
  }

  .app-development-r img {
      float: right
  }

  .app-development-l {
      border-bottom: 1px solid #2f2f39;
      padding-bottom: 40px;
      position: relative;
      padding-left: 25px
  }

  .app-development-l:after {
      content: '';
      width: 1px;
      background: #2f2f39;
      height: 220px;
      bottom: 0;
      left: 0;
      position: absolute
  }

  .app-development-l a {
      font-size: 18px;
      color: #222;
      font-weight: 500
  }

  .app-development-bottom {
      float: left;
      width: 100%;
      margin-top: 60px;
      padding-bottom: 40px
  }

  .app-development-bottom-l p {
      font-size: 16px;
      font-weight: 400;
      color: #5f727f
  }

  .app-development-bottom-l p:first-child {
      margin-bottom: 10px
  }

  .app-development-bottom-l p span {
      color: #d10000
  }

  .app-development-bottom-r {
      display: flex;
      margin: 0 auto;
      width: 80%
  }

  .app-development-number {
      width: 33.33%;
      width: 33.33%;
      margin-right: 24px
  }

  .app-development-number h2 {
      color: #3c3950;
      font-size: 43px;
      font-weight: 500
  }

  .app-development-number p {
      color: #5f727f;
      font-size: 16px;
      font-weight: 500;
      min-height: 60px
  }

  .slick-slider {
      position: relative;
      display: block;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-touch-callout: none;
      -khtml-user-select: none;
      -ms-touch-action: pan-y;
      touch-action: pan-y;
      -webkit-tap-highlight-color: transparent
  }

  .slick-list {
      position: relative;
      display: block;
      overflow: hidden;
      margin: 0;
      padding: 0
  }

  .slick-list:focus {
      outline: 0
  }

  .slick-list.dragging {
      cursor: hand
  }

  .slick-slider .slick-list,.slick-slider .slick-track {
      -webkit-transform: translate3d(0,0,0);
      -ms-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }

  .slick-track {
      position: relative;
      top: 0;
      left: 0;
      display: block
  }

  .slick-track:after,.slick-track:before {
      display: table;
      content: ''
  }

  .slick-track:after {
      clear: both
  }

  .slick-loading .slick-track {
      visibility: hidden
  }

  .slick-slide {
      display: none;
      float: left;
      height: 100%;
      min-height: 1px
  }

  .slick-slide.dragging img {
      pointer-events: none
  }

  .slick-initialized .slick-slide {
      display: block
  }

  .slick-loading .slick-slide {
      visibility: hidden
  }

  .slick-vertical .slick-slide {
      display: block;
      height: auto;
      border: 1px solid transparent
  }

  .img-fill {
      width: 100%;
      display: block;
      overflow: hidden;
      position: relative;
      text-align: center
  }

  .img-fill img {
      height: 100%;
      min-width: 100%;
      position: relative;
      display: inline-block;
      max-width: none
  }

  .slick-Container {
      padding: 0 15px
  }

  .slick-Container .Head:after,.slick-Container:after {
      content: '';
      display: block;
      clear: both
  }

  .slick-Container .Head {
      font: 20px/50px NeoSansR;
      color: #222;
      height: 52px;
      over-flow: hidden;
      border-bottom: 1px solid rgba(0,0,0,.25)
  }

  .slick-Container .Head .Arrows {
      float: right
  }

  .slick-Container .Head .Slick-Next,.slick-Container .Head .Slick-Prev {
      display: inline-block;
      width: 38px;
      height: 38px;
      margin-top: 6px;
      background: #2b2b2b;
      color: #fff;
      margin-left: 5px;
      cursor: pointer;
      font: 18px/36px FontAwesome;
      text-align: center;
      transition: all .5s
  }

  .slick-Container .Head .Slick-Next:hover,.slick-Container .Head .Slick-Prev:hover {
      background: #33687a
  }

  .slick-Container .Head .Slick-Next:before {
      content: '\f105'
  }

  .slick-Container .Head .Slick-Prev:before {
      content: '\f104'
  }

  .SlickCarousel {
      margin: 0 -7.5px;
      margin-top: 10px
  }

  .ProductBlock {
      padding: 0 7.5px
  }

  .ProductBlock .img-fill {
      height: 200px
  }

  .our-working {
      float: left;
      width: 100%;
      height: auto;
      position: relative;
      background: #f7f7f7
  }

  .our-working-top {
      float: left;
      width: 100%;
      background: #050a1e;
      min-height: 520px;
      position: relative;
      z-index: 1
  }

  .our-working-center {
      background: #d10000;
      text-align: center;
      width: 100%;
      min-height: 649px;
      position: relative;
      margin-top: 170px;
      z-index: 2;
      border-radius: 20px;
      box-shadow: 0 -10px 20px -5px #363636;
      margin-bottom: 65px
  }

  .our-working-bottom {
      float: left;
      width: 100%;
      background: 0 0;
      position: absolute;
      left: 0;
      top: 196px;
      z-index: 3
  }

  .our-working-black .slick-slide img {
      width: 100%;
      width: auto
  }

  .ProductBlock .img-fill {
      height: auto;
      border-radius: 8px
  }

  .our-working-black .slider {
      width: 50%;
      margin: 100px auto
  }

  .our-working-black .slick-slide {
      margin: 0 20px
  }

  .our-working-black .slick-slide img {
      width: 100%
  }

  .slick-next:before,.slick-prev:before {
      color: #000
  }

  .slick-slide {
      transition: all ease-in-out .3s
  }

  .slick-current {
      opacity: 1
  }

  .our-working .slick-dots {
      position: absolute;
      height: 35px;
      bottom: 0;
      margin: auto
  }

  .services-we-ofr {
      float: left;
      width: 100%;
      padding-top: 60px;
      padding-bottom: 30px
  }

  .services-we-ofr:after {
      content: '';
      background: url(/assets/images/border.png);
      bottom: 0;
      left: 0
  }

  .services-we-ofr .owl-theme .owl-controls .owl-page span {
      background: #d10000 !important
  }

  .services-we-ofr .owl-buttons {
      display: none
  }

  .services-we-ofr h1 {
      font-size: 30px;
      color: #3c3950;
      font-weight: 600;
      margin-bottom: 40px;
      position: relative;
      text-align: center
  }

  .services-we-ofr p {
      color: #5f727f;
      font-size: 16px;
      font-weight: 300;
      text-align: center;
      width: 90%;
      margin: 0 auto
  }

  .services-we-ofr-card i {
      height: 55px;
      width: 55px;
      font-size: 30px;
      border: 2px solid #2f2f39;
      border-radius: 50%;
      padding: 10px 0
  }

  .services-we-ofr-card {
      text-align: center;
      margin-top: 65px;
      margin-bottom: 55px
  }

  .services-we-ofr-card h4 {
      color: #3c3950;
      font-size: 20px;
      font-weight: 500;
      margin-top: 14px;
      margin-bottom: 16px
  }

  .services-we-ofr-card p {
      color: #5f727f;
      font-size: 16px;
      font-weight: 300
  }

  .services-we-ofr-card button {
      background: #d70000;
      color: #fff;
      padding: 10px 30px;
      font-size: 15px;
      border: 0;
      font-weight: 600;
      border-radius: 40px;
      margin-top: 20px
  }

  .pictures {
      float: left;
      width: 100%;
      padding-top: 40px;
      padding-bottom: 60px
  }

  .pictures h2 {
      color: #3c3950;
      font-size: 30px;
      font-weight: 600;
      margin-bottom: 11px;
      margin-top: 20px
  }

  .pictures p {
      color: #5f727f;
      font-size: 16px;
      font-weight: 300;
      margin-bottom: 23px;
      line-height: 27px
  }

  .pictures a {
      color: #d10000;
      font-size: 16px;
      font-weight: 600
  }

  nav a img {
      margin-bottom: 10px
  }

  nav a img.n1 {
      width: 10%
  }

  nav a h6 {
      font-size: 16px;
      font-weight: 300
  }

  .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
      color: #495057;
      background-color: inherit;
      border-color: none
  }

  .nav-tabs .nav-link {
      border: 0
  }

  .nav-tabs {
      border-bottom: 0
  }

  .bordersh2.servicesbordersh2 {
      width: 370px
  }

  div#nav-tab {
      display: flex;
      justify-content: center;
      align-items: center
  }

  #nav-tab a {
      width: 320px;
      flex: inherit
  }

  .partnership {
      float: left;
      width: 100%;
      background: rgba(47,47,57,.6);
      height: 100%;
      position: absolute;
      top: 0;
      left: 0
  }

  .partnership .row {
      width: 100%;
      margin: 0
  }

  .partnership-l {
      float: left;
      width: 25%
  }

  .partnership-r {
      float: right;
      width: 75%;
      display: flex;
      margin-top: 125px;
      padding-right: 75px;
      padding-bottom: 100px
  }

  .partnership-l h2 {
      font-size: 47px;
      color: #fff;
      font-weight: 400
  }

  .partnership-l h2 span {
      font-size: 75px;
      color: #fff;
      font-weight: 500
  }

  .partnership-l p {
      font-size: 16px;
      color: #fff;
      font-weight: 300
  }

  .partnership-r-card {
      width: 33.33%;
      background: #fff;
      color: #000;
      background: #fff;
      color: #000;
      margin-right: 31px;
      padding: 41px 40px;
      border-radius: 10px;
      min-height: 470px;
      transition: .5s ease
  }

  .partnership-r-card:hover {
      transform: scale(1.1);
      transition: .5s ease
  }

  .partnership-r-card:first-child {
      margin-left: 10px
  }

  .partnership-r-card h4 {
      font-size: 21px;
      color: #2f2f39;
      margin-bottom: 6px;
      line-height: 28px
  }

  .partnership-r-card p {
      font-size: 16px;
      font-weight: 300;
      color: #5f727f;
      line-height: 30px;
      margin-top: 15px
  }

  .partnership-l-content {
      width: 60%;
      float: right;
      margin-right: 68px;
      padding-top: 178px
  }

  .partnership-section {
      float: left;
      width: 100%;
      position: relative;
      height: 730px;
      overflow: hidden
  }

  .testimonials {
      float: left;
      width: 100%;
      text-align: center;
      padding-top: 0;
      padding-bottom: 0
  }

  .testimonials h4 {
      color: #d50000;
      font-size: 20px;
      font-weight: 500;
      margin-top: 25px;
      margin-bottom: 8px;
      text-transform: uppercase
  }

  .testimonials .bordersh2 {
      width: 260px
  }

  .testimonial_subtitle {
      color: #0aaa7a;
      font-size: 12px
  }

  .testimonial_btn {
      background-color: #373d4b !important;
      color: #fff !important
  }

  .seprator {
      height: 2px;
      width: 56px;
      background-color: #0aaa7a;
      margin: 7px 0 10px
  }

  .testimonials h5 {
      color: #2f2f39;
      font-size: 17px;
      font-weight: 300;
      margin-bottom: 20px
  }

  .testimonials p {
      color: #5f727f;
      font-size: 16px;
      font-weight: 300
  }

  .carousel-control-prev-icon {
      filter: brightness(.5) sepia(1) saturate(10000%)
  }

  .carousel-control-next-icon {
      filter: brightness(.5) sepia(1) saturate(10000%)
  }

  .carousel-indicators li {
      background-color: #e23e3e
  }

  .carousel-indicators {
      position: absolute;
      right: 0;
      bottom: -114px
  }

  .work-process {
      float: left;
      width: 100%;
      display: flex
  }

  .work-process-card.w-p-first {
      background: #2f2f39;
      padding: 124px 35px
  }

  .work-process-card.w-p-first h2 {
      background: #2f2f39;
      font-size: 40px;
      font-weight: 600;
      color: #fff
  }

  .work-process-card.w-p-first p {
      font-size: 16px;
      font-weight: 300;
      color: #fff
  }

  .work-process-card {
      width: 25%;
      background: #f7f7f7;
      padding: 50px 45px
  }

  .work-process-card h1 {
      font-size: 94px;
      font-weight: 500;
      color: #d50000
  }

  .work-process-card h2 {
      font-size: 25px;
      font-weight: 300;
      color: #5f727f;
      margin-bottom: 12px;
      text-transfer: uppercase
  }

  .work-process-card p {
      font-size: 16px;
      font-weight: 300;
      color: #5f727f
  }

  .profile-pic {
      width: 201px;
      height: 201px;
      border-radius: 50%;
      overflow: hidden;
      margin: 0;
      float: none;
      display: inline-block
  }

  .profile-pic img {
      min-width: 100%;
      object-fit: fill;
      height: 100%
  }

  .latest-blog {
      float: left;
      width: 100%;
      padding-top: 50px;
      padding-bottom: 50px
  }

  .latest-blog-card:hover {
      -ms-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
      transition: .5s ease;
      box-shadow: 0 3px 10px 0 rgba(38,59,94,.1)
  }

  .bordersh2.l-border-h2 {
      width: 270px
  }

  .bordersh2 h2 {
      font-size: 40px;
      color: #3c3950;
      font-weight: 600;
      margin-bottom: 26px;
      position: relative;
      text-align: center
  }

  .bordersh2 h2:after {
      content: '';
      width: 2px;
      background: #e1e1e2;
      height: 43px;
      bottom: -7px;
      left: -12px;
      position: absolute
  }

  .bordersh2 h2:before {
      content: '';
      width: 100px;
      background: #e1e1e2;
      height: 2px;
      bottom: -7px;
      left: -11px;
      position: absolute
  }

  .latest-blog p {
      color: #5f727f;
      font-size: 18px;
      font-weight: 300;
      text-align: center
  }

  .latest-blog-cards {
      float: left;
      width: 100%;
      display: flex;
      margin-top: 50px
  }

  .latest-blog-card {
      width: 33.33%;
      padding: 0 10px;
      transition: .5s ease
  }

  .latest-blog-card:first-child {
      margin-left: 0
  }

  .latest-blog-card:last-child {
      margin-right: 0
  }

  .latest-blog-card-top {
      float: left;
      width: 100%
  }

  .latest-blog-card-top img {
      width: 100%
  }

  .latest-blog-card-bottom {
      padding: 15px 15px 20px 16px;
      background: #f4f6f7;
      float: left;
      width: 100%
  }

  .latest-blog-card-bottom h2 {
      font-size: 30px;
      color: #2f2f39;
      font-weight: 200
  }

  .latest-blog-card-bottom p {
      font-size: 15px;
      color: #2f2f39;
      font-weight: 300;
      text-align: left
  }

  .latest-blog-card-bottom button {
      font-size: 15px;
      color: #2f2f39;
      border: 1px solid #2f2f39;
      font-weight: 500;
      float: left;
      background: #fff;
      padding: 5px 10px;
      margin-bottom: 17px
  }

  .latest-blog-card-bottom .fas.fa-share-alt {
      color: #fff;
      background: #b6c6c9;
      font-size: 20px;
      padding: 7px 10px;
      float: left;
      margin-right: 7px
  }

  .blog-link {
      width: 100%;
      float: left;
      align-items: center;
      text-align: center;
      justify-content: center;
      display: flex;
      margin-top: 30px
  }

  .blog-link a {
      font-size: 20px;
      color: #222;
      font-weight: 500;
      text-align: center;
      position: relative
  }

  .blog-link a:after {
      content: '';
      position: absolute;
      height: 2px;
      width: 62px;
      right: -79px;
      top: 17px;
      background: #97979c
  }

  .blog-link1 {
      width: 300px
  }

  .blog-link1 img {
      float: right;
      width: 12%
  }

  .our-partners {
      float: left;
      width: 100%;
      padding-top: 80px;
      padding-bottom: 60px
  }

  .our-partners p {
      color: #5f727f;
      font-size: 18px;
      font-weight: 300;
      text-align: center;
      width: 80%;
      margin: 0 auto
  }

  .our-partners-top.row {
      margin-top: 41px
  }

  .our-partners-top img {
      filter: grayscale(100%);
      height: 134px
  }

  .our-partners-bottom img {
      filter: grayscale(100%);
      height: 134px
  }

  .our-partners-top img:hover {
      filter: none
  }

  .our-partners-bottom img:hover {
      filter: none
  }

  span#est-cost {
      color: #000;
      font-weight: 600
  }

  .footer-top {
      background: #d70000;
      float: left;
      width: 100%;
      padding: 30px 0
  }

  .footer-top-left span {
      display: inline-block
  }

  .footer-top-left-text {
      display: inline-block;
      vertical-align: top;
      padding-left: 10px;
      width: 75%
  }

  .footer-top-left-text h4 {
      font-size: 16px;
      color: #fff;
      font-weight: 500;
      margin: 0 0 5px
  }

  .footer-top-left-text h3 {
      font-size: 20px;
      color: #fff;
      font-weight: 700;
      margin: 0
  }

  .footer {
      float: left;
      width: 100%;
      background: #2f2f39;
      padding-top: 70px;
      padding-bottom: 0
  }

  .footer-l h5 {
      font-size: 17px;
      color: #fff;
      font-weight: 500;
      text-transform: uppercase
  }

  .footer-l h2 {
      font-size: 40px;
      color: #fff;
      font-weight: 600;
      margin-top: 12px;
      margin-bottom: 16px
  }

  .footer-l h2 span {
      font-size: 40px;
      color: #fff;
      font-weight: 600;
      background: #d10000;
      padding: 0 7px
  }

  .footer-l p {
      font-size: 13px;
      color: #fff;
      font-weight: 200;
      margin-bottom: 20px
  }

  .footer-mess .fa-envelope {
      font-size: 15px;
      color: #fff;
      position: absolute;
      top: 5px;
      left: 0
  }

  .footer-mess a {
      font-weight: 300;
      color: #fff;
      font-size: 16px;
      padding-left: 30px
  }

  .footer-call {
      position: relative;
      margin-bottom: 15px
  }

  .footer-call .fa-phone {
      font-size: 15px;
      color: #fff;
      position: absolute;
      top: 1px;
      left: 0;
      transform: rotate(90deg)
  }

  .footer-call h6 {
      font-weight: 300;
      color: #fff;
      font-size: 16px;
      padding-left: 30px
  }

  .footer-skype {
      position: relative;
      margin-bottom: 15px
  }

  .footer-skype .fa-skype {
      font-size: 15px;
      color: #fff;
      position: absolute;
      top: 1px;
      left: 0
  }

  .footer-skype h6 {
      font-weight: 300;
      color: #fff;
      font-size: 16px;
      padding-left: 30px
  }

  .footer-address {
      position: relative;
      margin-bottom: 15px
  }

  .footer-address .fa-map-marker-alt {
      font-size: 15px;
      color: #fff;
      position: absolute;
      top: 1px;
      left: 0
  }

  .footer-address h6 {
      font-weight: 300;
      color: #fff;
      font-size: 16px;
      padding-left: 25px;
      line-height: 23px
  }

  .footer-r .form-group {
      margin-bottom: 1rem;
      margin-bottom: 25px
  }

  .footer .wpcf7 label {
      font-size: 14px;
      font-weight: 300;
      color: #fff;
      margin: 0;
      margin-top: 20px
  }

  .footer input {
      border: 0;
      border-bottom: 1px solid #fff;
      background: inherit;
      padding: 3px 0;
      font-size: 18px;
      color: #fff;
      font-weight: 300;
      border-radius: 0;
      min-height: 40px;
      width: 100%;
      font-size: 15px
  }

  .footer textarea {
      border: 0;
      border-bottom: 1px solid #fff;
      background: inherit;
      padding: 3px 0;
      font-size: 18px;
      color: #fff;
      font-weight: 300;
      border-radius: 0;
      min-height: 47px;
      height: 52px;
      overflow: auto;
      width: 100%
  }

  .footer-r .footer-input {
      border: 0;
      border-bottom: 1px solid #fff;
      background: inherit;
      padding: 3px 0;
      font-size: 18px;
      color: #fff;
      font-weight: 300;
      border-radius: 0
  }

  .footer input[type=submit] {
      background: #fff;
      font-size: 18px;
      color: #2f2f39;
      font-weight: 400;
      width: 100%;
      border: 0;
      border-radius: 30px;
      padding: 10px 0;
      margin-top: 20px;
      margin-top: 50px
  }

  .footer button:hover {
      background: #d10000;
      color: #fff
  }

  .wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
      border: 2px solid #fff;
      color: #fff
  }

  .footer-btm {
      float: left;
      width: 100%;
      padding: 25px 0;
      background: rgba(0,0,0,.2);
      margin-top: 55px;
      position: relative
  }

  .our-working-top div#nav-tab {
      margin-top: 100px;
      width: 100%;
      float: left;
      display: inline-block;
      text-align: center
  }

  #nav-tab a {
      width: 33.3%;
      float: left;
      flex: inherit;
      color: #fff
  }

  #nav-tab a.active {
      color: #d10000
  }

  #nav-tab a.active img {
      filter: brightness(.2) sepia(1) hue-rotate(320deg) saturate(11);
      margin-bottom: 10px
  }

  .view-work-div {
      float: left;
      width: 100%;
      text-align: center;
      margin-bottom: 50px
  }

  .homepage-blog-section .view-work-div {
      margin-bottom: 0;
      margin-top: 50px
  }

  button.view-work.btn {
      background: #d70000;
      width: auto;
      margin: 0 auto;
      display: inline-block;
      width: 230px;
      float: none;
      padding: 15px 0;
      color: #fff;
      font-size: 16px;
      letter-spacing: 1px;
      border-radius: 40px;
      margin-left: 5px;
      font-weight: 600;
      margin-right: 5px;
      border: 0 !important
  }

  .slick-next {
      right: 90px !important;
      bottom: -60px !important;
      top: auto !important;
      display: none !important
  }

  .slick-prev {
      right: 129px !important;
      left: auto !important;
      bottom: -60px !important;
      top: auto !important;
      display: none !important
  }

  h1.work-heading {
      float: left;
      width: 100%;
      color: #fff;
      font-size: 40px;
      font-weight: 700;
      text-align: center;
      padding-top: 60px
  }

  .overlay-content {
      float: left;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      background: rgba(0,0,0,.5);
      border-radius: 0;
      padding: 20px;
      opacity: 0;
      transition: all .4s
  }

  .slick-slide:hover .overlay-content {
      opacity: 1;
      transition: all .4s
  }

  ul.work-icons {
      list-style: none;
      padding: 0;
      margin: 0
  }

  ul.work-icons li {
      display: inline-block;
      text-align: left;
      float: left;
      margin-right: 15px
  }

  ul.work-icons li i {
      background: #fff;
      width: 40px;
      height: 40px;
      font-size: 27px;
      text-align: center;
      border-radius: 30px;
      line-height: 40px
  }

  .overlay-content p {
      color: #fff;
      font-size: 14px;
      float: left;
      width: 100%;
      text-align: left;
      font-weight: 300;
      margin-top: 12px;
      padding-right: 30px
  }

  .btm-content {
      float: left;
      width: 100%;
      position: absolute;
      bottom: 20px;
      font-size: 20px;
      text-align: left;
      color: #fff;
      letter-spacing: 1px
  }

  .year-exp {
      float: right;
      background: #2f2f39;
      padding: 195px 20px;
      position: relative;
      margin-right: 0;
      width: auto;
      max-width: 100%;
      margin-top: 0;
      border-radius: 5px
  }

  span.year-count-back {
      font-size: 265px;
      font-weight: 600;
      line-height: 337px;
      color: #363640;
      position: absolute;
      top: 50%;
      left: 20px;
      display: inline-block;
      float: left;
      transform: translateY(-50%)
  }

  .year-div-main h3.yrs-count {
      color: #fff;
      font-weight: 100;
      font-size: 130px;
      margin: 0;
      line-height: 230px;
      float: left
  }

  .year-div-main {
      float: left;
      width: 100%;
      position: relative;
      z-index: 1
  }

  .year-div-main p {
      float: left;
      padding-top: 45px;
      width: 63%
  }

  .year-div-main p small {
      float: left;
      color: #fff;
      font-size: 80px;
      font-weight: 100;
      line-height: 73px;
      margin-left: 5px
  }

  .year-div-main p strong {
      float: left;
      width: 100%;
      color: #fff;
      font-weight: 400;
      font-size: 36px;
      line-height: 30px;
      margin-left: 6px
  }

  .year-div-main p span {
      float: left;
      width: 100%;
      color: #fff;
      font-weight: 200;
      line-height: 36px;
      margin-left: 10px
  }

  .talk-to {
      float: left;
      width: 100%;
      padding-bottom: 80px;
      padding-top: 110px
  }

  .talk-left {
      float: left;
      width: 100%
  }

  .talk-left-header {
      float: left;
      width: 100%;
      padding: 20px 0
  }

  .talk-left img {
      width: 100%
  }

  .talk-left h3 {
      font-size: 27px
  }

  .talk-left p {
      font-size: 17px;
      margin-bottom: 0
  }

  .talk-body-img {
      float: left;
      width: 100%
  }

  .talk-right {
      float: left;
      width: 100%;
      background: #d60000;
      padding-bottom: 90px
  }

  .talk-right h3 {
      font-size: 20px;
      padding: 20px 0;
      padding: 20px 18;
      color: #fff
  }

  .talk-line {
      float: left;
      width: 100%
  }

  .talk-right h4 {
      text-align: center;
      margin-bottom: 31px;
      color: #fff
  }

  .talk-right input {
      margin-bottom: 20px;
      font-size: 15px !important;
      height: 50px !important;
      border: 0;
      border-radius: 5px;
      border-radius: .25rem;
      padding: .375rem .75rem;
      width: 100%
  }

  .talk-right p {
      color: #fff;
      padding: 0 18px;
      font-size: 15px;
      margin-top: 0;
      float: left;
      width: 100%;
      font-size: 17px;
      margin-bottom: 0 !important
  }

  .talk-right select {
      margin-bottom: 20px;
      font-size: 15px !important;
      height: 50px !important;
      border: 0;
      border-radius: 5px;
      border-radius: .25rem;
      padding: .375rem .75rem;
      width: 100%
  }

  .talk-right textarea {
      height: 160px;
      overflow: auto;
      margin-bottom: 20px;
      font-size: 15px !important;
      border: 0;
      border-radius: 5px;
      border-radius: .25rem;
      padding: .375rem .75rem;
      width: 100%
  }

  .talk-right input[type=submit] {
      width: 100%;
      padding: 17px 20px;
      font-size: 16px;
      color: #fff;
      border: 0;
      background: #404040;
      height: 57px
  }

  .talk-right .talk-right-in {
      float: left;
      width: 100%;
      padding: 0 25px;
      margin-top: 10px
  }

  .expert-right-btn {
      float: left;
      width: 100%;
      padding: 0 18px;
      margin-top: 20px
  }

  textarea.form-control {
      font-size: 16px
  }

  textarea.form-control.talk-textarea {
      min-height: 160px
  }

  .our-clients img:hover {
      filter: none !important
  }

  .expert-icons {
      float: left;
      width: 100%
  }

  .our-clients1 img {
      filter: grayscale(100%);
      width: 86%
  }

  .talk-lines {
      float: left;
      width: 100%;
      padding: 0 25px;
      margin-top: 10px
  }

  .custom-file-input {
      opacity: 1 !important
  }

  input[type=file] {
      display: block;
      padding: 10px
  }

  .only-logo {
      float: left;
      width: 100%;
      margin-bottom: 15px
  }

  .testimonial-user-right .carousel-indicators {
      margin-left: 48px !important
  }

  .form-control {
      display: block;
      width: 100%;
      height: calc(1.5em + .75rem + 2px);
      padding: .375rem .75rem;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5;
      color: #495057;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid #ced4da;
      border-radius: .25rem;
      transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }

  .apply-control {
      margin-bottom: 20px;
      font-size: 15px !important;
      height: 50px !important
  }

  .item-1,.item-2,.item-3,.item-4 {
      position: absolute;
      display: block;
      top: 10px;
      animation-duration: 20s;
      animation-timing-function: ease-in-out;
      animation-iteration-count: infinite;
      width: 100%
  }

  .item-1 {
      animation-name: anim-1
  }

  .item-2 {
      animation-name: anim-2
  }

  .item-3 {
      animation-name: anim-3
  }

  .item-4 {
      animation-name: anim-4
  }

  .slide-content {
      float: left;
      width: 100%;
      position: relative;
      height: 50px
  }

  @keyframes anim-1 {
      0%,4.3% {
          left: -100%;
          opacity: 0
      }

      15%,4.3% {
          left: 0;
          opacity: 1
      }

      100%,20.33% {
          left: 110%;
          opacity: 0
      }
  }

  @keyframes anim-2 {
      0%,20.33% {
          left: -100%;
          opacity: 0
      }

      25.63%,38.29% {
          left: 0;
          opacity: 1
      }

      100%,46.66% {
          left: 110%;
          opacity: 0
      }
  }

  @keyframes anim-3 {
      0%,46.66% {
          left: -100%;
          opacity: 0
      }

      50.96%,65.62% {
          left: 0;
          opacity: 1
      }

      100%,73.62% {
          left: 110%;
          opacity: 0
      }
  }

  @keyframes anim-4 {
      0%,73.66% {
          left: -100%;
          opacity: 0
      }

      84.96%,91.62% {
          left: 0;
          opacity: 1
      }

      100% {
          left: 110%;
          opacity: 0
      }
  }

  .banner-content h4 {
      font-size: 16px;
      text-transform: uppercase;
      color: #fff
  }

  .img-box.m-auto {
      width: 180px;
      border-radius: 50%;
      height: 180px;
      overflow: hidden;
      object-fit: cover
  }

  .portfolio-area,.portfolio-content {
      width: 100%;
      padding: 0;
      margin: 0
  }

  li.active a:after {
      width: 6px;
      height: 6px;
      background: #c71313;
      border-radius: 15px;
      content: '';
      position: absolute;
      bottom: -2px;
      margin-left: -3px;
      left: 50%
  }

  .title-page {
      font-size: 40px;
      margin: 50px 0 60px;
      color: #151515
  }

  .goto {
      float: right;
      width: 130px;
      margin: -80px 30px 0 0
  }

  .portfolio-categ li a {
      text-decoration: none;
      color: #343434;
      font-size: 17px
  }

  .portfolio-categ {
      margin-bottom: 30px;
      text-align: center
  }

  .portfolio-categ li {
      display: inline-block;
      margin-right: 0;
      padding: 5px 15px
  }

  .image-block {
      display: block;
      position: relative
  }

  .image-block img {
      border: 0 solid #d5d5d5;
      border-radius: 0;
      background: #fff;
      padding: 0;
      width: 100%
  }

  .image-block img:hover {
      border: 0 solid #a9cf54;
      box-shadow: 0 0 5px #a9cf54
  }

  .portfolio-area li {
      float: left;
      margin: 0;
      overflow: hidden;
      width: 25%;
      padding: 0
  }

  .home-portfolio-text {
      margin-top: 10px
  }

  li.active a {
      text-decoration: none
  }

  #pp_full_res img {
      border: 0;
      width: 100% !important;
      height: auto !important
  }

  .main-heading h2 {
      color: #fff;
      font-size: 54px;
      text-transform: uppercase;
      margin: 0
  }

  .portfolio-head {
      float: left;
      width: 100%;
      background: #2f2f39;
      text-align: center;
      padding: 90px 0
  }

  .col-md-4 {
      display: inline-block;
      margin-left: -4px
  }

  .col-md-4 img {
      width: 100%;
      height: auto
  }

  .expertise-top .col-md-4 {
      display: inline-block;
      margin-left: -4px
  }

  .expertise-top .col-md-4 img {
      width: auto;
      height: auto
  }

  body .carousel-indicators li {
      background-color: #2f2f39
  }

  body .carousel-control-next-icon,body .carousel-control-prev-icon {
      background-color: #2f2f39
  }

  body .no-padding {
      padding-left: 0;
      padding-right: 0
  }

  .portfolio-slider {
      float: left;
      width: 100%;
      position: relative;
      padding: 0 0 20px;
      margin-top: -25px;
      margin-bottom: 165px
  }

  #portfoliolist .portfolio:hover .portfolio .label {
      bottom: 81px
  }

  .portfolio-slider .carousel-indicators {
      position: absolute;
      right: 0;
      bottom: -35px
  }

  .portfolio-slider .carousel-control-prev-icon {
      filter: none;
      display: none
  }

  .portfolio-slider .carousel-control-next-icon {
      filter: none;
      display: none
  }

  .portfolio-main-section h3 {
      font-size: 55px;
      color: #2f2f39;
      text-align: center;
      float: left;
      width: 100%;
      margin-bottom: 30px
  }

  .portfolio-main-section p {
      float: left;
      width: 100%;
      text-align: center;
      color: #3c3950;
      font-size: 30px;
      margin-bottom: 50px
  }

  .top-section-page {
      float: left;
      width: 100%;
      padding: 100px 0;
      background: #f4efe6;
      margin-top: 75px
  }

  .right-banner-img img {
      width: 100%
  }

  .top-section-page h2.h1 {
      color: #d00000;
      line-height: 38px;
      margin-top: 0;
      font-size: 26px
  }

  .top-section-page p {
      font-size: 14px;
      color: #222;
      font-weight: 300;
      margin-bottom: 28px;
      line-height: 25px
  }

  .ia_row.ia_full_row {
      background: #ebebeb;
      float: left;
      width: 100%
  }

  .ia_row.ia_full_row p {
      padding: 8px 0;
      margin: 0;
      font-size: 18px
  }

  .second-section-app h1 {
      font-size: 40px;
      text-transform: uppercase;
      color: #d00000;
      font-weight: 500
  }

  .second-section-app p {
      font-size: 16px;
      margin: 10px 0 7px;
      color: #5f727f;
      line-height: 28px;
      width: 82%;
      font-weight: 300
  }

  .second-section-app button {
      color: #fff;
      background-color: #d00000;
      width: auto;
      text-align: left;
      padding: 8px 19px;
      border: 0;
      font-size: 18px;
      margin-top: 40px;
      text-transform: uppercase;
      border-radius: 0
  }

  .left-side-banner img {
      width: 100%
  }

  .second-section-app {
      float: left;
      width: 100%;
      padding: 110px 0;
      display: none
  }

  .second-section-text {
      float: left;
      width: 100%;
      margin-top: 100px
  }

  .section-title {
      width: 100%
  }

  .line-heading {
      text-align: center;
      color: #d00000 !important;
      font-size: 28px;
      font-weight: 600;
      position: relative;
      float: left;
      width: 100%;
      margin-bottom: 40px
  }

  .line-heading:after {
      content: "1";
      position: absolute;
      font-size: 0;
      width: 265px;
      height: 18px;
      background: url(/assets/images/line-heading.png);
      background-repeat: no-repeat;
      bottom: -23px;
      right: 0;
      left: 0;
      text-align: center;
      margin: 0 auto
  }

  .heading-align-center .h1 {
      font-size: 27px;
      font-weight: 600;
      margin: 0 0 5px;
      color: #3c3950
  }

  .heading-align-center h4 {
      margin: 0 0 15px;
      font-size: 20px;
      color: #000;
      color: #3c3950
  }

  .heading-align-center p {
      font-size: 14px;
      margin: 10px 0 7px;
      color: #5f727f;
      line-height: 25px;
      width: 100%;
      font-weight: 300
  }

  .ias-content-layers img {
      width: 100%
  }

  .heading-align-center {
      float: left;
      width: 100%;
      margin-top: 40px
  }

  .third-section-app {
      float: left;
      width: 100%;
      background: #f9f9f9;
      padding: 80px 0
  }

  .services-app h2 {
      font-size: 22px;
      color: #3c3950;
      font-weight: 600;
      margin-bottom: 5px;
      text-align: center;
      margin: 45px 0 30px
  }

  .single-service {
      border: 1px solid #ccc;
      margin-bottom: 30px;
      padding: 24px 25px;
      min-height: 302px
  }

  .single-service h4 {
      font-size: 18px;
      font-weight: 600;
      margin: 10px 0 8px;
      color: #3c3950
  }

  .single-service p {
      font-size: 14px;
      font-weight: 300;
      line-height: 24px;
      color: #5f727f
  }

  .third-section-app.third-2 {
      float: left;
      width: 100%;
      background: #fff
  }

  .industries-main {
      float: left;
      width: 20%;
      position: relative
  }

  .industries-inner {
      float: left;
      width: 100%;
      position: relative;
      height: 300px;
      overflow: hidden
  }

  .thumbnail-industries {
      width: 100%;
      float: left;
      padding: 0;
      margin: 0;
      height: 100%
  }

  .thumbnail-industries img {
      width: 100%;
      height: 100%;
      object-fit: cover
  }

  .overlay-text {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,.5);
      text-align: center;
      display: flex;
      justify-content: center;
      flex-direction: column
  }

  .overlay-text h4 {
      color: #fff;
      font-size: 20px
  }

  .overlay-text a h4:hover {
      text-decoration: none
  }

  .app-page-tab-function ul li span {
      display: block;
      height: 48px;
      width: 48px;
      text-align: center;
      margin: 0 auto;
      background: #d7d7d7;
      border: 0;
      line-height: 50px;
      font-size: 23px;
      border-radius: 50%
  }

  .app-page-tab-function ul li a {
      padding: 0;
      border: none;
      color: #8c8a8a
  }

  .app-page-tab-function ul li {
      display: inline-block;
      width: 16.6%;
      text-align: center;
      position: relative;
      float: none
  }

  .app-page-tab-function ul li p {
      font-size: 14px;
      position: absolute;
      right: 0;
      left: 0;
      text-align: center;
      line-height: normal;
      margin-top: 6px
  }

  .app-page-tab-function ul li:after {
      background: #e5e5e5 none repeat scroll 0 0;
      top: 50%;
      content: "";
      display: block;
      height: 4px;
      margin: 0 auto;
      width: 40%;
      z-index: -1;
      position: absolute;
      right: -36px;
      z-index: 99
  }

  .industries-main:hover .mask {
      opacity: 1;
      -webkit-transform: scale(1) rotate(0);
      -moz-transform: scale(1) rotate(0);
      -o-transform: scale(1) rotate(0);
      -ms-transform: scale(1) rotate(0);
      transform: scale(1) rotate(0);
      -webkit-transition-delay: .2s;
      -moz-transition-delay: .2s;
      -o-transition-delay: .2s;
      -ms-transition-delay: .2s;
      transition-delay: .2s;
      text-align: center
  }

  .industries-main .mask {
      background-color: rgba(0,0,0,.4);
      opacity: 0;
      -webkit-transform: scale(0) rotate(-180deg);
      -moz-transform: scale(0) rotate(-180deg);
      -o-transform: scale(0) rotate(-180deg);
      -ms-transform: scale(0) rotate(-180deg);
      transform: scale(0) rotate(-180deg);
      -webkit-transition: all .4s ease-in;
      -moz-transition: all .4s ease-in;
      -o-transition: all .4s ease-in;
      -ms-transition: all .4s ease-in;
      transition: all .4s ease-in;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0
  }

  .industries-main .mask {
      width: 100%;
      height: 100%;
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      display: flex;
      justify-content: center;
      align-items: center
  }

  .industries-main .mask h4 {
      color: #fff;
      font-size: 20px
  }

  .app-page-tab-function ul li:last-child:after {
      display: none
  }

  .app-page-tab-function .tab-content h6 {
      color: #d00000;
      margin-top: 50px;
      font-size: 22px;
      margin-bottom: 10px
  }

  .app-page-tab-function .tab-content p {
      line-height: 24px;
      margin-bottom: 12px;
      color: #3c3950;
      font-weight: 400;
      font-size: 14px;
      min-height: 200px
  }

  .Industries-secton-page h2.line-heading {
      margin: 60px 0 70px
  }

  .app-page-tab-function .tab-content button {
      background: #d00000;
      width: auto;
      margin: 0 auto;
      display: inline-block;
      width: 190px;
      float: none;
      padding: 12px 0;
      color: #fff;
      font-size: 18px;
      text-transform: uppercase;
      letter-spacing: 1px;
      border-radius: 40px;
      box-shadow: none;
      border: 1px solid #d00000;
      margin-top: 15px
  }

  .next {
      float: left;
      width: 100%;
      margin-top: 20px
  }

  .app-page-tab-function .tab-content>.fade.active {
      opacity: 1
  }

  .app-page-tab-function .tab-pane {
      float: left;
      width: 100%;
      margin-top: 70px
  }

  .app-page-tab-function ul li a.active span {
      background: #d00000;
      color: #fff
  }

  .app-page-tab-function ul li a.active p {
      color: #3c3950
  }

  .app-page-tab-function {
      float: left;
      width: 100%;
      background: #f9f9f9;
      padding: 70px 0
  }

  .app-page-tab-function .line-heading {
      margin-bottom: 90px
  }

  .talkto-us-section {
      float: left;
      width: 100%;
      padding: 65px 0
  }

  .white-div p {
      color: #3c3950;
      text-align: center;
      font-size: 20px
  }

  .white-div {
      float: left;
      width: 100%;
      text-align: center
  }

  .white-div button {
      background: #d00000;
      margin: 0 auto;
      border: 1px solid #d00000;
      color: #fff;
      padding: 14px 28px;
      border-radius: 50px;
      padding-left: 47px
  }

  .header-top-address1 .dropdown-toggle:after {
      display: inline-block;
      margin-left: 5px;
      vertical-align: .255em;
      content: "";
      border-top: 6px solid #000;
      border-right: 5px solid transparent;
      border-bottom: 0;
      border-left: 5px solid transparent;
      top: 11px
  }

  .header-top-address1 .fa-phone {
      position: absolute;
      transform: rotate(87deg);
      position: absolute;
      top: 3px;
      left: 0
  }

  button.btn.dropdown-toggle.homepage-toggle {
      top: -28px
  }

  .btn.focus,.btn:focus {
      outline: 0;
      box-shadow: none
  }

  .header-top-address1 button.btn.dropdown-toggle {
      padding: 0;
      position: inherit;
      top: -1px;
      right: -17px;
      padding-right: 0;
      border: 0;
      background: 0 0
  }

  .talkto-us-section .section-title.mb-100 {
      margin: 60px 0 40px;
      float: left;
      width: 100%
  }

  .why_we_are {
      float: left;
      width: 100%;
      margin-top: 30px
  }

  .why_we_are h2 {
      font-size: 28px;
      line-height: 38px;
      color: #3c3950
  }

  .why_we_are p {
      font-size: 14px;
      line-height: 22px;
      font-weight: 400;
      color: #686675
  }

  .wpb_wrapper.why-we-b {
      margin-top: 80px
  }

  .vc_progress_bar img {
      width: 100%
  }

  .member {
      position: relative;
      overflow: hidden;
      border-radius: 3px;
      transition: all .2s;
      box-shadow: 0 0 9px #e8e8e8;
      transition: transform .7s
  }

  .member:hover {
      -ms-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1)
  }

  .member .img-mb {
      position: relative;
      overflow: hidden;
      background: #fff;
      height: 170px
  }

  .member .member-info {
      background: #fff;
      padding: 20px 10px;
      text-align: center;
      height: 230px
  }

  .member-info h2 {
      font-size: 13px;
      font-weight: 600;
      margin-bottom: 5px
  }

  .member .member-info .mb-content {
      margin-bottom: 25px
  }

  .choose-main-section {
      float: left;
      width: 100%;
      background: #f9f9f9;
      padding: 80px 0
  }

  .member .img-mb img {
      width: 100%;
      height: 100%;
      object-fit: cover
  }

  .choose-main-section .line-heading {
      margin-bottom: 60px
  }

  .mb-content {
      font-size: 14px;
      font-weight: 300;
      margin: 9px 0 0;
      line-height: 23px
  }

  .header-top-address1 ul.dropdown-menu.show {
      width: 319px;
      padding-top: 0;
      margin-left: -120px
  }

  .header-top-address1 ul.dropdown-menu .popuph {
      float: left;
      width: 100%;
      background: #d60000;
      color: #fff;
      font-size: 17px;
      padding: 10px;
      padding-left: 16px
  }

  .header-top-address1 ul.dropdown-menu .whatspp.start {
      padding-top: 13px
  }

  .header-top-address1 ul.dropdown-menu .whatspp {
      float: left;
      width: 100%;
      position: relative;
      padding: 9px 10px
  }

  .whatspp i.fab.fa-whatsapp {
      background: #2cb742;
      color: #fff;
      padding: 8px 9px;
      border-radius: 50%;
      height: 38px;
      width: 38px;
      font-size: 22px;
      float: left
  }

  i.contact-sites {
      color: green;
      font-size: 30px;
      float: left;
      position: absolute
  }

  .header-top-address1 ul.dropdown-menu h3.fixed-popup-icon {
      padding-left: 14px;
      padding-top: 10px;
      font-size: 15px;
      font-weight: 400;
      float: left
  }

  .whatspp i.fab.fa-facebook-f {
      background: #3a559f;
      color: #fff;
      padding: 11px 13px;
      border-radius: 50%;
      height: 38px;
      width: 38px;
      font-size: 19px;
      float: left
  }

  .whatspp i.fas.fa-phone {
      background: #25d366;
      color: #fff;
      padding: 11px 12px !important;
      border-radius: 50%;
      height: 38px;
      width: 38px;
      font-size: 19px !important;
      float: left;
      position: initial
  }

  .header-top-address1 ul.dropdown-menu h3.fixed-popup-icon a {
      color: #000
  }

  .navbar-left ul li a:hover {
      color: #d10000
  }

  .navbar-left ul li a:active,.navbar-left ul li a:focus {
      color: #d10000
  }

  .whatspp i.fas.fa-envelope {
      background: #ff643a;
      color: #fff;
      padding: 9px;
      border-radius: 50%;
      height: 38px;
      width: 38px;
      font-size: 19px;
      float: left
  }

  .whatspp i.fab.fa-skype {
      background: #00aff0;
      color: #fff;
      padding: 10px;
      border-radius: 50%;
      height: 38px;
      width: 38px;
      font-size: 19px;
      float: left
  }

  .slide-chirstmas-img {
      animation: slide 30s linear infinite;
      float: left;
      margin-top: 0;
      float: left;
      position: fixed;
      overflow: hidden;
      left: 0;
      bottom: 0;
      z-index: 999;
      border: 0;
      outline: 0;
      border: none
  }

  .slide-chirstmas-img img {
      width: 160px;
      border: 0;
      outline: 0;
      border: none;
      -moz-outline-style: none
  }

  @keyframes slide {
      0% {
          transform: translate3d(0,0,0)
      }

      100% {
          transform: translate3d(1920px,0,0)
      }
  }

  .carousel-app-dev .col-md-4 img {
      width: auto;
      height: auto
  }

  .carousel-app-dev .carousel-caption p {
      font-size: 17px;
      max-width: 82%;
      margin: 10px auto 7px;
      line-height: 28px;
      color: #000
  }

  .carousel-app-dev .carousel-caption {
      position: absolute;
      top: 50%;
      left: 0;
      z-index: 10;
      padding-top: 20px;
      padding-bottom: 20px;
      color: #fff;
      text-align: center;
      right: auto;
      transform: translateY(-50%)
  }

  .carousel-app-dev .carousel-indicators {
      position: absolute;
      right: 0;
      bottom: 0
  }

  .carousel-indicators .active {
      opacity: 1;
      background: #d60000;
      display: inline-block;
      border: 0;
      margin-top: 10px
  }

  .carousel-app-dev .carousel-inner {
      position: relative;
      width: 100%;
      overflow: hidden;
      padding-top: 50px
  }

  .carousel-caption p {
      font-size: 17px;
      max-width: 82%;
      margin: 10px auto 7px;
      line-height: 28px;
      color: #000
  }

  .carousel-captionn h1 {
      font-size: 45px;
      text-transform: uppercase;
      color: #d60000;
      font-weight: 500
  }

  .carousel-caption h1 {
      font-size: 45px;
      text-transform: uppercase;
      color: #d60000;
      font-weight: 500
  }

  .owl-theme .owl-controls .owl-page span {
      width: 14px;
      height: 4px;
      margin: 5px 6px;
      background: #d0d0d0;
      filter: Alpha(Opacity=100);
      opacity: 1;
      border-radius: 0
  }

  .carousel-caption button {
      color: #fff;
      background-color: #d60000 !important;
      width: auto;
      text-align: left;
      padding: 8px 19px;
      border: 0;
      font-size: 18px;
      margin-top: 40px;
      text-transform: uppercase;
      border-radius: 0
  }

  div#carousel {
      float: left;
      width: 100%;
      background: 0 0
  }

  .carousel-item .img-fluid {
      width: 100%
  }

  .carousel-item a {
      display: block;
      width: 100%
  }

  .dropdown-toggle.homepage-toggle.full-header:after {
      display: none
  }

  .dropdown-toggle.homepage-toggle.full-header {
      white-space: inherit
  }

  ul.slider-main li {
      width: 100% !important
  }

  .slider .osSlider-main {
      width: 100% !important
  }

  ul.work-icons a {
      color: #000
  }

  ul.carousel-indicators {
      display: none
  }

  .modal-header .close {
      z-index: 99
  }

  @-webkit-keyframes snowflakes-fall {
      0% {
          top: -10%
      }

      100% {
          top: 100%
      }
  }

  @-webkit-keyframes snowflakes-shake {
      0% {
          -webkit-transform: translateX(0);
          transform: translateX(0)
      }

      50% {
          -webkit-transform: translateX(80px);
          transform: translateX(80px)
      }

      100% {
          -webkit-transform: translateX(0);
          transform: translateX(0)
      }
  }

  @keyframes snowflakes-fall {
      0% {
          top: -10%
      }

      100% {
          top: 100%
      }
  }

  @keyframes snowflakes-shake {
      0% {
          transform: translateX(0)
      }

      50% {
          transform: translateX(80px)
      }

      100% {
          transform: translateX(0)
      }
  }

  .snowflake {
      position: fixed;
      top: -10%;
      z-index: 9999;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      cursor: default;
      -webkit-animation-name: snowflakes-fall,snowflakes-shake;
      -webkit-animation-duration: 10s,3s;
      -webkit-animation-timing-function: linear,ease-in-out;
      -webkit-animation-iteration-count: infinite,infinite;
      -webkit-animation-play-state: running,running;
      animation-name: snowflakes-fall,snowflakes-shake;
      animation-duration: 10s,3s;
      animation-timing-function: linear,ease-in-out;
      animation-iteration-count: infinite,infinite;
      animation-play-state: running,running
  }

  .snowflake:nth-of-type(0) {
      left: 1%;
      -webkit-animation-delay: 0s,0s;
      animation-delay: 0s,0s
  }

  .snowflake:nth-of-type(1) {
      left: 10%;
      -webkit-animation-delay: 1s,1s;
      animation-delay: 1s,1s
  }

  .snowflake:nth-of-type(2) {
      left: 20%;
      -webkit-animation-delay: 6s,.5s;
      animation-delay: 6s,.5s
  }

  .snowflake:nth-of-type(3) {
      left: 30%;
      -webkit-animation-delay: 4s,2s;
      animation-delay: 4s,2s
  }

  .snowflake:nth-of-type(4) {
      left: 40%;
      -webkit-animation-delay: 2s,2s;
      animation-delay: 2s,2s
  }

  .snowflake:nth-of-type(5) {
      left: 50%;
      -webkit-animation-delay: 8s,3s;
      animation-delay: 8s,3s
  }

  .snowflake:nth-of-type(6) {
      left: 60%;
      -webkit-animation-delay: 6s,2s;
      animation-delay: 6s,2s
  }

  .snowflake:nth-of-type(7) {
      left: 70%;
      -webkit-animation-delay: 2.5s,1s;
      animation-delay: 2.5s,1s
  }

  .snowflake:nth-of-type(8) {
      left: 80%;
      -webkit-animation-delay: 1s,0s;
      animation-delay: 1s,0s
  }

  .snowflake:nth-of-type(9) {
      left: 90%;
      -webkit-animation-delay: 3s,1.5s;
      animation-delay: 3s,1.5s
  }

  .snowflake {
      text-shadow: 0 0 5px #d10000 !important;
      color: #fff
  }

  .portfolio-wrapper.overlay-content {
      border-radius: 0
  }

  .portfolio-wrapper:hover .overlay-content {
      opacity: 1;
      transition: all .4s
  }

  .slide-bell-img {
      margin-top: 0;
      float: left;
      position: fixed;
      overflow: hidden;
      right: 0;
      top: 0;
      z-index: 999;
      outline: 0;
      border: none;
      -moz-outline-style: none
  }

  .top-header-mess {
      position: relative;
      margin-bottom: 15px
  }

  .top-header-mess .fa-envelope {
      font-size: 15px;
      color: #000;
      position: absolute;
      top: 1px;
      left: 0
  }

  .top-header-mess h6 {
      font-weight: 300;
      color: #000;
      font-size: 14px;
      padding-left: 30px
  }

  .top-header-skype .fa-skype {
      font-size: 15px;
      color: #000;
      position: absolute;
      top: 1px;
      left: 0
  }

  .top-header-call {
      position: relative;
      margin-bottom: 15px
  }

  .top-header-call .fa-phone {
      font-size: 15px;
      color: #000;
      position: absolute;
      top: 1px;
      left: 0
  }

  .top-header-call h6 {
      font-weight: 300;
      color: #000;
      font-size: 14px;
      padding-left: 30px
  }

  .top-header-skype {
      position: relative;
      margin-bottom: 15px;
      border-bottom: 1px solid #f1f1f1;
      padding-bottom: 10px
  }

  .top-header-skype.fab.fa-skype {
      font-size: 15px;
      color: #fff;
      position: absolute;
      top: 1px;
      left: 0
  }

  .top-header-skype h6 {
      font-weight: 300;
      color: #000;
      font-size: 14px;
      padding-left: 30px
  }

  .top-header-address {
      position: relative;
      margin-bottom: 15px
  }

  .top-header-address .fa-map-marker-alt {
      font-size: 15px;
      color: #000;
      position: absolute;
      top: 1px;
      left: 0
  }

  .top-header-address h6 {
      font-weight: 300;
      color: #000;
      font-size: 14px;
      padding-left: 30px
  }

  h6.top-header-inq-h6 {
      font-size: 18px;
      color: #444
  }

  .area-top-side {
      padding: 15px
  }

  .grecaptcha-badge {
      bottom: 86px !important;
      z-index: 999
  }

  div.wpcf7-acceptance-missing,div.wpcf7-validation-errors {
      border: 2px solid #d51616;
      color: #fff
  }

  h6.inq-h6.bottom-inq-h6 {
      margin-top: 30px
  }

  .data-calc .custom-control-input {
      height: 100%;
      width: 100%;
      z-index: 999
  }

  .round-crousal {
      height: 80px;
      width: 80px;
      border-radius: 50%;
      background: #fff;
      color: #fff;
      position: absolute;
      position: fixed;
      bottom: 10px;
      right: 10px;
      z-index: 999;
      border: 4px solid #d10000
  }

  .round-crousal .carousel-item i {
      font-size: 28px;
      padding: 22px 21px;
      background: inherit;
      width: 80px;
      height: 80px;
      border-radius: 50%;
      border: 5px solid #d10000;
      color: #d10000;
      z-index: 999
  }

  .round-crousal .carousel-item i.fas.fa-phone {
      color: #6a6a6f;
      border: 0
  }

  .round-crousal .carousel-item i.fab.fa-skype {
      color: #2dc6ff;
      border: 0
  }

  .round-crousal .carousel-item i.fas.fa-comments {
      color: orange;
      border: 0
  }

  .round-crousal .carousel-item i.fas.fa-envelope {
      color: #e85b4d;
      border: 0
  }

  .round-crousal .carousel-item i.fab.fa-whatsapp {
      color: #53df53;
      border: 0
  }

  .round-crousal-left {
      position: absolute;
      bottom: 13px;
      right: 93px;
      width: 189px;
      font-size: 10px;
      padding: 10px;
      border: 1px solid #cbcbcb;
      background: #cbcbcb;
      border-radius: 10px;
      opacity: 0;
      transition: .2s
  }

  .round-crousal-left h3 {
      font-size: 13px;
      margin-bottom: 0
  }

  .round-crousal:hover .round-crousal-left {
      opacity: 1;
      transition: .2s
  }

  .round-crousal .carousel {
      position: relative;
      z-index: 999
  }

  .open-button {
      position: fixed;
      top: 170px;
      right: 6px;
      width: 65px;
      height: 100px;
      z-index: 2;
      font-size: 30px;
      height: 60px;
      border: 0;
      background: inherit;
      text-transform: uppercase;
      border-radius: 0;
      font-weight: 600;
      background: #d60000;
      color: #fff;
      margin-left: 0;
      padding: 0;
      margin: 0;
      padding-bottom: 3px;
      box-shadow: 0 0 4px #989191;
      border-radius: 20px 0 0 20px
  }

  .open-button.chat-opn-model {
      width: auto;
      font-stretch: 27px;
      right: -106px
  }

  button.open-button.open-button1 {
      height: 70px;
      width: 70px;
      border-radius: 50px;
      right: 60px;
      font-size: 10px;
      bottom: 49px;
      position: fixed;
      top: auto;
      z-index: 2;
      animation: blinker 2s linear infinite
  }

  .form-popup1 {
      display: none;
      position: fixed;
      top: auto;
      right: 9px;
      z-index: 999;
      background: #fff;
      box-shadow: 0 2px 4px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12) !important;
      bottom: 8px;
      width: 361px;
      border-radius: 10px
  }

  .form-popup1:after {
      content: '';
      position: absolute;
      left: auto;
      top: 100%;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid #fff;
      clear: both;
      right: 19px
  }

  .fixed-popup .row {
      width: 100%;
      margin: 0
  }

  .chat-opener {
      float: left;
      width: 100%;
      position: relative
  }

  .chat-opener-head {
      float: left;
      width: 100%;
      height: 65px;
      background: #d60000;
      border-radius: 10px 10px 0 0;
      padding: 0 8px
  }

  .chat-img.col-md-2.pl-0 {
      padding-top: 7px
  }

  .chat-img.col-md-2.pl-0 img {
      height: 50px;
      width: 50px;
      border-radius: 50%
  }

  .chat-names.col-md-10 {
      padding-top: 10px;
      color: #fff;
      padding-left: 0
  }

  .chat-names.col-md-10 h5 {
      font-size: 20px;
      margin-bottom: 0
  }

  .chat-names.col-md-10 p {
      font-size: 12px;
      margin-bottom: 0
  }

  img.chat-logo {
      height: 64%;
      margin-top: 3px
  }

  button.btn.cancel.chat-cancel {
      height: 30px;
      width: 30px;
      border-radius: 50px;
      right: -9px;
      font-size: 11px;
      bottom: auto;
      position: absolute;
      top: -21px;
      z-index: 1;
      background: #d60000;
      color: #fff
  }

  .chat-with-users-section {
      float: left;
      width: 100%;
      height: 410px;
      overflow-y: auto;
      overflow-x: hidden
  }

  .chat-with-users-section-footer {
      float: left;
      width: 100%;
      border-radius: 0 0 10px 10px
  }

  input.form-control.chat-mess-contrl {
      height: 50px;
      border: 0;
      font-size: 17px
  }

  i.fa.fa-paper-plane {
      float: right;
      font-size: 25px;
      position: absolute;
      bottom: 18px;
      right: 8px;
      color: #000
  }

  input.form-control.chat-mess-contrl.send-mess {
      position: relative;
      width: 100%;
      border-top: 1px solid #f1f1f1;
      border-radius: 0 0 10px 10px;
      min-height: 60px;
      padding-top: 0
  }

  i.fa.fa-paper-plane {
      font-size: 17px;
      position: absolute;
      right: 15px;
      bottom: 25px
  }

  .user-chat-start-left {
      float: left;
      width: 100%;
      padding: 0 12px;
      margin-top: 15px
  }

  .user-chat-start-left-l {
      float: left;
      width: 20%
  }

  .user-chat-start-left-l img {
      height: 50px !important;
      width: 50px !important;
      border-radius: 50%
  }

  .user-chat-start-left-r {
      float: right;
      width: 65%;
      background: #e4e4e4;
      padding: 10px;
      border-radius: 10px 0;
      text-align: left;
      margin-right: 50px;
      color: #444
  }

  .user-chat-start-left-r p {
      margin-bottom: 0;
      font-size: 16px
  }

  .user-chat-start-right {
      float: left;
      width: 100%;
      padding: 0 12px;
      margin-top: 10px
  }

  .user-chat-start-right-r {
      float: right;
      width: 20%;
      text-align: right
  }

  .user-chat-start-right-r img {
      height: 50px !important;
      width: 50px !important;
      border-radius: 50%
  }

  .user-chat-start-right-l {
      float: left;
      width: 65%;
      background: #d60000;
      padding: 10px;
      border-radius: 10px 0;
      margin-left: 50px;
      color: #fff
  }

  .user-chat-start-right-l p {
      margin-bottom: 0;
      font-size: 16px
  }

  .chat-with-users-section img {
      object-fit: cover
  }

  .purechat-launcher-image {
      background: #d80000 !important;
      box-shadow: 1px 1px 8px 0 #d70000
  }

  .screen-reader-response {
      color: #f90000;
      text-align: left
  }

  .portfolio .portfolio-wrapper {
      background: #fff !important
  }

  .talk-to span.wpcf7-not-valid-tip {
      color: #fff
  }

  .footer select {
      word-wrap: normal;
      border: 0;
      border-bottom: 1px solid #fff;
      background: inherit;
      padding: 3px 0;
      font-size: 18px;
      color: #fff;
      font-weight: 300;
      border-radius: 0;
      min-height: 47px;
      width: 100%;
      color: #7d7d7d
  }

  .footer p {
      margin-bottom: 0
  }

  @media only screen and (max-width: 1699px) {
      .our-working-center {
          min-height:589px
      }

      .partnership-r-card {
          padding: 31px 30px
      }

      .partnership-l h2 span {
          font-size: 66px
      }

      .partnership-l h2 {
          font-size: 42px;
          color: #fff;
          font-weight: 400
      }

      .navbar.navbar.navbar-inverse {
          padding: 0 45px !important
      }

      .navbar.navbar.navbar-inverse .col-md-7.col-sm-7.col-xs-6 {
          flex: 0 0 60.333333%;
          max-width: 60.333333%
      }

      .navbar.navbar.navbar-inverse .col-md-5.col-sm-5.col-xs-6.pr-0 {
          flex: 0 0 39.666667%;
          max-width: 39.666667%
      }
  }

  @media only screen and (max-width: 1440px) {
      .our-working-top div#nav-tab {
          margin-top:60px
      }

      .our-working-center {
          margin-top: 220px
      }

      .SlickCarousel {
          margin-top: 0
      }

      .our-working-black .slick-slide {
          margin: 0
      }

      .our-working-center {
          min-height: 549px;
          margin-top: 150px;
          margin-bottom: 45px
      }

      .btm-header-l button {
          padding: 12px 20px;
          font-size: 16px
      }

      .btm-header-l {
          padding-left: 7.375%
      }

      .btm-header-l img {
          float: right;
          position: relative;
          right: -96px;
          top: -4px
      }

      .about-card .about-card-card-top h2 {
          font-size: 22px;
          font-weight: 400;
          color: #3c3950;
          float: left;
          text-align: left;
          padding: 0
      }

      .app-development-l h2 {
          font-size: 40px
      }

      .about-card .about-card-card-top h2 span {
          font-weight: 600;
          font-size: 24px;
          color: #3c3950
      }

      h1.about-us-heading {
          font-size: 47px
      }

      .pictures h2 {
          color: #3c3950;
          font-size: 27px
      }

      .partnership-r {
          margin-top: 69px;
          padding-bottom: 0
      }

      .partnership-l h2 span {
          font-size: 45px
      }

      .work-process-card h1 {
          font-size: 70px;
          font-weight: 500;
          color: #d50000
      }

      .work-process-card.w-p-first h2 {
          background: #2f2f39;
          font-size: 36px;
          font-weight: 600;
          color: #fff
      }

      .work-process-card h2 {
          font-size: 22px;
          font-weight: 300;
          color: #5f727f;
          margin-bottom: 12px;
          text-transfer: uppercase
      }

      .partnership-r-card:first-child {
          margin-left: 0
      }

      .partnership-r-card {
          margin-right: 21px
      }

      .partnership-l h2 {
          font-size: 29px;
          color: #fff;
          font-weight: 400
      }

      .partnership-r-card {
          padding: 21px 20px;
          min-height: 410px
      }

      .partnership-r-card h4 .partnership .row {
          width: 100%;
          margin: 16px 0 0
      }

      .partnership-r-card p {
          font-size: 16px;
          font-weight: 300;
          color: #5f727f;
          line-height: 25px;
          margin-top: 5px
      }

      .partnership-l-content {
          width: 73%;
          float: right;
          margin-right: 43px;
          padding-top: 117px
      }

      .partnership-section {
          float: left;
          width: 100%;
          position: relative;
          height: 610px;
          overflow: hidden;
          padding-top: 20px
      }

      .work-process-card.w-p-first {
          padding: 74px 35px
      }

      .work-process-card {
          padding: 58px 35px
      }

      .latest-blog-card-bottom h2 {
          font-size: 30px
      }

      .our-partners {
          padding-top: 20px
      }

      iframe.purechat-launcher-frame.purechat-launcher-frame-bottom-right.purechat-launcher-frame-mobile {
          bottom: 100px !important
      }

      .choose-type-calc h2 {
          min-height: 107px
      }

      .choose-type-calc p {
          min-height: 70px
      }

      #portfoliolist .portfolio {
          max-height: 375px
      }

      .banner-right-img .dotCircle .itemDot img {
          width: 60%;
          height: 60%
      }
  }

  @media only screen and (max-width: 1440px) {
      .btm-header-l button {
          padding:12px 20px;
          font-size: 14px;
          margin-right: 2px
      }

      .banner-content img.safe {
          width: 20%;
          right: 30px;
          top: -9px
      }
  }

  @media only screen and (max-width: 1366px) {
      .navbar-left ul li a {
          font-size:15px;
          color: #222;
          padding: 0
      }

      .navbar.navbar.navbar-inverse {
          padding: 0 50px !important
      }

      .app-development-l h2 {
          font-size: 34px
      }

      .year-div-main h3.yrs-count {
          font-size: 117px
      }

      .year-div-main p strong {
          font-size: 30px;
          line-height: 21px
      }

      .year-div-main p span {
          line-height: 32px
      }

      span.year-count-back {
          font-size: 254px;
          line-height: 311px
      }

      .ourvalues-grid-in {
          float: left;
          width: 25%;
          height: 280px
      }

      .work-process-card h1 {
          font-size: 62px
      }

      .work-process-card h1 {
          font-size: 62px
      }

      .work-process-card h2 {
          font-size: 20px
      }

      .work-process-card {
          padding: 30px
      }

      .work-process-card.w-p-first h2 {
          font-size: 33px
      }

      .navbar.navbar.navbar-inverse .col-md-7.col-sm-7.col-xs-6 {
          -ms-flex: 0 0 58.333333%;
          flex: 0 0 62.333333%;
          max-width: 62.333333%
      }

      .navbar.navbar.navbar-inverse .col-md-5.col-sm-5.col-xs-6.pr-0 {
          flex: 0 0 37.666667%;
          max-width: 37.666667%
      }

      .navbar.navbar.navbar-inverse {
          padding: 0 25px !important
      }

      .header-top-address1 {
          position: relative;
          float: right;
          margin-left: 7px
      }

      .navbar.navbar.navbar-inverse .col-md-5.col-sm-5.col-xs-6.pr-0 {
          flex: 0 0 37.666667%;
          max-width: 37.666667%
      }

      .navbar.navbar.navbar-inverse .col-md-7.col-sm-7.col-xs-6 {
          flex: 0 0 62.333333%;
          max-width: 62.333333%
      }

      #portfoliolist .portfolio {
          max-height: 360px
      }
  }

  @media only screen and (max-width: 1280px) {
      .navbar-left ul li a {
          font-size:13px
      }

      .navbar img {
          float: left;
          width: 66px
      }
  }

  @media only screen and (max-width: 1279px) {
      .main-heading h2 {
          font-size:41px
      }

      .portfolio-slider {
          margin-bottom: 65px
      }

      .navbar img {
          float: left;
          width: 65px
      }

      .navbar-left ul li a {
          font-size: 14px
      }
  }

  @media only screen and (max-width: 1199px) {
      .navbar-left ul li a {
          font-size:14px;
          color: #222
      }

      .header-top-address2 h5 {
          padding-left: 22px;
          font-size: 13px;
          color: #222;
          line-height: 21px
      }

      .header-top-address1 h5 {
          padding-left: 19px;
          font-size: 16px;
          font-size: 13px;
          color: #222;
          line-height: 20px
      }

      .navbar {
          padding: 0 15px
      }

      .about-us-inner .about-card {
          width: 25%;
          padding: 39px 20px
      }

      .about-us-inner .about-card:first-child {
          padding: 29px 20px
      }

      h1.about-us-heading {
          font-size: 43px
      }

      .our-working-center {
          min-height: 465px;
          margin-top: 150px;
          margin-bottom: 45px
      }

      .services-we-ofr p {
          width: 83%
      }

      .partnership-r-card {
          padding: 15px;
          min-height: 410px
      }

      .partnership-r {
          padding-right: 15px
      }

      .work-process-card.w-p-first {
          padding: 34px 15px
      }

      .work-process-card {
          padding: 22px 15px
      }

      .carousel-app-dev .col-md-4 img {
          width: 100%;
          height: auto
      }

      .carousel-app-dev .carousel-caption {
          position: absolute;
          top: 34%;
          left: 0;
          z-index: 10;
          padding-top: 20px;
          padding-bottom: 20px;
          color: #fff;
          text-align: center;
          right: auto;
          transform: translateY(-50%)
      }

      .carousel-app-dev .carousel-inner {
          height: 432px
      }

      .carousel-caption h1 {
          font-size: 36px
      }

      .third-section-app {
          padding: 30px 0
      }

      .single-service h4 {
          font-size: 15px
      }

      .single-service {
          padding: 14px 10px
      }

      .industries-main {
          float: left;
          width: 25%;
          position: relative
      }

      .mb-content {
          font-size: 13px;
          font-weight: 300;
          margin: 3px 0 0;
          line-height: 19px
      }

      .header-top-address1 ul.dropdown-menu.show {
          margin-left: -174px
      }

      .navbar img {
          float: left;
          width: 67px
      }

      .navbar-left ul li a {
          font-size: 12px;
          color: #222
      }

      .work-process-card.w-p-first h2 {
          font-size: 29px
      }

      .work-process-card h1 {
          font-size: 52px
      }

      .work-process-card h2 {
          font-size: 16px
      }

      .work-process-card p {
          font-size: 13px
      }

      .app-development-l h2 {
          font-size: 30px
      }

      .app-development-l p {
          font-size: 14px;
          margin-bottom: 21px
      }

      span.year-count-back {
          font-size: 239px;
          line-height: 302px
      }

      .year-exp {
          padding: 60px 20px
      }

      .ourvalues-grid-in {
          height: 220px
      }

      .bordersh2 h2 {
          font-size: 35px
      }

      .navbar img {
          float: left;
          width: 62px
      }

      .header-top-address1 {
          position: relative;
          float: right;
          margin-left: 0
      }

      .header-top-address1 h5 {
          font-size: 12px
      }

      .header-top-address2 h5 {
          padding-left: 21px;
          font-size: 12px;
          color: #222;
          line-height: 24px
      }

      .header-top-address2 .fa-envelope {
          position: absolute;
          font-size: 15px;
          top: 4px
      }

      .header-top-address1 .fa-phone {
          top: 7px
      }

      .navbar.navbar.navbar-inverse .col-md-5.col-sm-5.col-xs-6.pr-0 {
          flex: 0 0 34.666667%;
          max-width: 34.666667%
      }

      .navbar.navbar.navbar-inverse .col-md-7.col-sm-7.col-xs-6 {
          flex: 0 0 65.333333%;
          max-width: 65.333333%
      }

      .navbar img {
          float: left;
          width: 54px
      }
  }

  @media only screen and (max-width: 1024px) {
      .modal-dialog.calc-dialog {
          top:50%;
          left: 50%;
          transform: translate(-50%,-50%) !important;
          margin: 0;
          max-width: 1140px;
          height: auto;
          width: 94%
      }

      .carousel-app-dev .col-md-4 img {
          width: 100%;
          height: auto
      }

      .banner-content img.safe {
          width: 20%;
          right: -35px;
          top: -9px
      }

      .navbar.navbar.navbar-inverse {
          padding: 0 16px !important
      }

      .navbar-left ul li a {
          font-size: 13px
      }

      #salemyModal .modal-content {
          width: 690px
      }

      #salemyModal .map_bg_main {
          background-position: center -2px !important
      }

      #salemyModal .map_bg_main span br {
          display: none
      }

      #salemyModal .map_heading br {
          display: none
      }

      .navbar .col-md-7 {
          flex: 0 0 78.333%;
          max-width: 78.333%
      }

      .navbar .col-md-5 {
          flex: 0 0 21.667%;
          max-width: 21.667%
      }

      .header-top-right {
          padding: 0
      }

      .header-top {
          padding: 10px 15px
      }

      .btm-header.banner-change .banner-left h2 {
          font-size: 48px
      }

      .btm-header.banner-change .banner-left {
          padding: 40px 0
      }

      .btm-header.banner-change .banner-right-img {
          width: 560px
      }

      .about-main .about-main-left {
          overflow: hidden
      }

      .about-main .about-main-left img {
          width: 100%
      }

      .about-main .about-main-right h2 {
          font-size: 36px
      }

      .about-main .about-main-right p {
          padding: 0
      }

      .about-main .about-main-right ul {
          margin: 0 0 20px
      }

      .app-development h3.heading {
          font-size: 42px
      }

      .app-development .partnership-section h2 {
          font-size: 42px
      }

      .partnership-section .plan-top h3 {
          font-size: 38px
      }

      .partnership-section .plan-top h4 {
          font-size: 18px
      }

      .partnership .plan-bottom {
          padding: 10px 10px 20px
      }

      .logos-of-brand.for-homepage h1 {
          font-size: 42px
      }

      .btm-header.banner-change .banner-left {
          padding: 20px 0 0
      }

      .btm-header.banner-change .banner-left h2 {
          font-size: 42px
      }

      .btm-header.banner-change .banner-left button.get-started {
          padding: 12px 20px
      }

      .btm-header.banner-change .banner-left button.get-started.meet-expert {
          padding: 15px 10px
      }

      .btm-header.banner-change .row .col-sm-6:first-of-type {
          max-width: 45%;
          flex: 0 0 45%
      }

      .btm-header.banner-change .row .col-sm-6 {
          max-width: 55%;
          flex: 0 0 55%
      }

      .logos-of-brand.for-homepage .box-shadow {
          overflow: hidden
      }

      .logos-of-brand-inn button {
          width: fit-content;
          padding: 10px;
          font-size: 14px
      }

      .top-section-page {
          margin-top: 0
      }

      .top-section-page {
          padding: 30px 0
      }

      .third-section-app .line-heading {
          margin-bottom: 20px
      }

      .third-section-app .heading-align-center {
          margin-top: 0
      }
  }

  @media only screen and (max-width: 1023px) {
      .btm-header-l {
          padding-left:4.375%
      }
  }

  @media screen and (max-width: 992px) {
      .only-responsive {
          display:block;
          right: 0;
          position: absolute
      }

      figure.swing {
          left: 52px;
          width: 115px
      }

      .navbar-left ul {
          display: none
      }

      .header-top-address {
          display: none
      }

      .our-working-center {
          min-height: 450px;
          margin-top: 150px;
          margin-bottom: 45px
      }

      .bordersh2 h2 {
          font-size: 30px;
          margin-bottom: 13px
      }

      .bordersh2 h2:after,.bordersh2 h2:before {
          display: none
      }

      .navbar-right {
          padding: 20px 0;
          margin-right: 0
      }

      .banner-content h4 {
          font-size: 16px
      }

      h1.about-us-heading {
          font-size: 35px
      }

      .about-card .about-card-card-top h2 {
          font-size: 18px
      }

      .about-card .about-card-card-top img {
          width: 32px
      }

      .about-card-card-botom p {
          font-size: 16px
      }

      .about-card-card-botom {
          margin-top: 5px
      }

      .about-us-inner .about-card:first-child p {
          font-size: 16px
      }

      .about-us-inner .about-card:first-child p span {
          font-size: 16px;
          margin-bottom: 0;
          float: left;
          margin-right: 7px;
          margin-top: -1px
      }

      .partnership-l {
          float: left;
          width: 100%
      }

      .partnership-r {
          margin-top: 11px;
          float: left;
          width: 100%;
          display: flex;
          padding-right: 30px;
          padding-bottom: 100px;
          padding-left: 30px
      }

      .partnership-l-content {
          width: 100%;
          padding-top: 33px;
          padding-bottom: 13px;
          margin: 0;
          text-align: center;
          padding: 30px 20px 13px
      }

      .partnership-section {
          height: 740px
      }

      .work-process-card h2 {
          font-size: 19px
      }

      .work-process-card h1 {
          font-size: 49px;
          margin-bottom: 0
      }

      .work-process-card.w-p-first h2 {
          font-size: 29px
      }

      .work-process-card p {
          font-size: 13px;
          font-weight: 200;
          color: #5f727f
      }

      .our-partners p {
          font-size: 15px
      }

      .our-partners-top.row {
          margin-top: 17px
      }

      .footer-l h2 {
          margin-top: 12px
      }

      .footer-l h2 span {
          font-size: 34px
      }

      .footer-r .footer-input {
          font-size: 14px
      }

      .btm-header {
          background-size: cover;
          position: relative;
          height: auto;
          overflow: hidden;
          float: left;
          width: 100%
      }

      .background-image {
          background-size: 60% 100%;
          position: initial;
          background: #d60000;
          height: 410px
      }

      .btm-header-l {
          padding-left: 10px;
          position: absolute;
          top: 0;
          height: 400px;
          width: 100%
      }

      img.front-bg {
          display: none
      }

      .leftskew2 {
          display: none
      }

      .btm-header-r {
          height: 400px;
          width: 100%;
          float: left
      }
  }

  @media only screen and (max-width: 991px) {
      .navbar-right a.contact-btn {
          margin-right:50px
      }

      .btm-header-l h1 {
          font-size: 45px
      }

      .btm-header-l h1 span {
          font-size: 54px
      }

      .btm-header-l button {
          padding: 10px 15px;
          font-size: 15px;
          margin-right: 2px
      }

      .arrow-slide:after {
          width: 62px;
          right: -18px;
          top: 18px
      }

      .btm-header-l img {
          float: right;
          position: relative;
          right: -67px;
          top: -48px;
          width: 17%
      }

      .about-card .about-card-card-top img {
          width: 30px
      }

      h1.about-us-heading {
          font-size: 31px
      }

      .about-us-inner .about-card:first-child p span {
          padding: 5px 9px;
          font-size: 17px;
          margin-bottom: 8px;
          margin-right: 9px;
          margin-top: 3px
      }

      .app-development-l h2 {
          font-size: 26px
      }

      .app-development-l p {
          font-size: 15px;
          margin-bottom: 17px
      }

      .app-development-l {
          padding-bottom: 25px
      }

      .year-exp {
          padding: 51px 20px
      }

      span.year-count-back {
          font-size: 208px;
          top: 71%;
          left: 42px
      }

      year-div-main h3.yrs-count {
          font-size: 169px
      }

      .year-div-main p small {
          font-size: 55px
      }

      .year-div-main p strong {
          font-size: 27px
      }

      .year-div-main p span {
          font-size: 16px;
          line-height: 22px;
          margin-top: 5px
      }

      .year-div-main h3.yrs-count {
          font-size: 167px
      }

      .app-development-bottom-l p {
          font-size: 16px
      }

      .pictures p {
          font-size: 16px;
          line-height: 23px
      }

      .pictures h2 {
          font-size: 24px
      }

      .pictures a {
          font-size: 14px
      }

      .partnership-r-card h4 {
          font-size: 16px;
          line-height: 23px
      }

      .work-process-card.w-p-first h2 {
          font-size: 22px
      }

      .work-process-card h1 {
          font-size: 50px
      }

      .work-process-card h2 {
          font-size: 18px;
          font-weight: 400
      }

      .work-process-card p {
          font-size: 16px;
          font-weight: 300
      }

      .bordersh2 h2 {
          font-size: 27px
      }

      .bordersh2 h2:before {
          left: 40px
      }

      .bordersh2 h2:after {
          left: 38px
      }

      .our-partners p {
          font-size: 16px
      }

      .our-partners-top img {
          height: 120px
      }

      .our-partners-bottom img {
          height: 120px
      }

      .footer-l h2 {
          font-size: 30px
      }

      .footer-l h2 span {
          font-size: 30px
      }

      .partnership-l {
          float: left;
          width: 100%
      }

      .partnership-r {
          margin-top: 0;
          float: left;
          width: 100%;
          display: flex;
          padding-right: 30px;
          padding-bottom: 100px;
          padding-left: 30px
      }

      .partnership-r-card {
          width: 33.33%
      }

      .partnership-r .partnership-r-card:last-child {
          margin-right: 0
      }

      .partnership-section {
          height: 681px
      }

      .about-card-card-botom {
          margin-top: 3px
      }

      .btm-header-l h1 {
          font-size: 45px
      }

      .work-process-card {
          margin: 0;
          width: 100%;
          text-align: center;
          border-bottom: 1px solid #ebebeb;
          padding: 34px 35px
      }

      .about-us-inner .about-card {
          width: 50%;
          padding: 19px 20px;
          float: left;
          min-height: 235px
      }

      .about-us-inner {
          display: initial
      }

      h1.about-us-heading {
          font-size: 24px
      }

      .pictures .col-md-6 img {
          width: 91%;
          padding: 9PX 0
      }

      .testimonials p {
          font-size: 16px
      }

      .work-process {
          display: initial
      }

      .btm-header-l {
          padding-left: 10px
      }

      .btm-header-l img {
          float: right;
          position: relative;
          right: -72px;
          top: -9px;
          width: 17%
      }

      .partnership-r-card,.partnership-r-card:first-child,.partnership-r-card:last-child {
          margin-left: 0;
          width: 70%;
          margin-bottom: 10px
      }

      .carousel-caption button {
          margin-top: 13px
      }

      .carousel-app-dev .carousel-inner {
          height: 331px
      }

      .carousel-app-dev .carousel-caption {
          position: absolute;
          top: 25%
      }

      .carousel-app-dev .carousel-caption p {
          font-size: 15px;
          max-width: 92%;
          margin: 10px auto 1px;
          line-height: 28px;
          color: #000
      }

      .carousel-caption h1 {
          font-size: 28px
      }

      .heading-align-center {
          float: left;
          width: 100%;
          margin-top: 0
      }

      .heading-align-center .h1 {
          font-size: 24px
      }

      .app-page-tab-function ul li p {
          font-size: 12px
      }

      .app-page-tab-function ul li:after {
          right: -22px;
          z-index: 99
      }

      .set img {
          width: 100%
      }

      .industries-main {
          float: left;
          width: 33.3%;
          position: relative
      }

      .col-md-3.choose-us-div {
          flex: 0 0 50%;
          width: 50%;
          max-width: 50%;
          margin-bottom: 30px
      }

      .wpb_wrapper.why-we-b {
          margin-top: 10px
      }

      .choose-main-section {
          float: left;
          width: 100%;
          background: #f9f9f9;
          padding: 40px 0
      }

      .line-heading {
          font-size: 27px;
          line-height: 38px
      }

      .why_we_are h2 {
          font-size: 20px;
          line-height: 28px
      }

      .talk-lines {
          float: left;
          width: 100%;
          padding: 0;
          margin-top: 10px
      }

      .talk-right h4 {
          margin-bottom: 5px
      }

      .talk-right h3 {
          font-size: 17px;
          padding: 20px 0;
          padding: 20px 18px 10px;
          color: #fff;
          text-align: center
      }

      .talk-right {
          padding-bottom: 50px
      }

      .year-div-main p {
          float: left;
          padding-top: 45px;
          width: 49%
      }

      span.year-count-back {
          font-size: 258px;
          top: 52%;
          left: 42px;
          line-height: 122px
      }

      .app-development {
          float: left;
          width: 100%;
          padding-top: 80px;
          padding-bottom: 37px
      }

      .ourvalues-grid-in {
          height: 140px
      }

      .testimonials {
          float: left;
          width: 100%;
          text-align: center;
          padding-top: 40px;
          padding-bottom: 75px
      }

      .img-box.m-auto {
          width: 150px;
          height: 150px
      }

      .year-div-main h3.yrs-count {
          font-size: 148px
      }

      .year-div-main p small {
          font-size: 48px
      }

      .year-div-main p strong {
          font-size: 23px;
          line-height: 17px
      }

      .year-exp {
          padding: 43px 20px;
          margin-top: 0
      }

      .navbar-right a.contact-btn {
          width: 115px;
          padding: 10px
      }

      .btm-header.banner-change .banner-right-img {
          width: 500px
      }

      .about-main-right {
          padding: 0
      }

      .about-main .about-main-right h2 {
          font-size: 29px
      }

      .about-main-right li {
          margin-right: 40px
      }

      .app-development .service-box {
          padding: 20px;
          min-height: 305px
      }

      .service-box h3 {
          margin: 15px 0 15px;
          font-size: 18px
      }

      .app-development .service-box p {
          margin: 0 0 20px;
          font-size: 14px
      }

      .partnership-section .row .col-sm-3 {
          max-width: 50%;
          flex: 0 0 50%;
          margin-bottom: 30px
      }

      .faqDiv.home-page .faq-left h2 {
          font-size: 32px
      }

      .app-development .service-plus {
          left: 10px
      }

      .app-development h3.heading {
          position: relative;
          z-index: 1
      }

      .app-development .row .col-sm-4 {
          flex: 0 0 50%;
          max-width: 50%
      }
  }

  @media only screen and (max-width: 768px) {
      #salemyModal .modal-content {
          width:500px
      }

      #salemyModal .col-md-5,#salemyModal .col-md-7 {
          flex: 100%;
          max-width: 100%;
          padding: 0
      }

      #salemyModal .map_bg_main {
          height: 235px;
          padding: 0 50px
      }

      section#collaboration .col-md-3 {
          -ms-flex: 0 0 50%;
          flex: 0 0 50%;
          max-width: 50%;
          margin-top: 70px
      }

      .homepage-blog-section ul li figcaption h4 {
          font-size: 16px
      }

      div#salemyModal .modal-dialog {
          width: 500px !important;
          max-width: 500px !important
      }

      .coll-box img {
          margin-top: -21%
      }

      .col-md-6.collabe-line2.aos-init.aos-animate img {
          display: none
      }

      .collab-line {
          display: none
      }
  }

  @media only screen and (max-width: 767px) {
      .arrow-slide {
          position:relative;
          float: left;
          margin-top: 14px;
          width: 100%
      }

      .slide-content {
          float: left;
          width: 100%;
          position: relative;
          height: auto;
          margin-bottom: 0;
          padding-bottom: 20px;
          float: left;
          padding-top: 30px
      }

      .banner-content {
          position: initial;
          top: 0;
          padding: 40px 0 0;
          transform: initial;
          padding: 0;
          width: 99%;
          text-align: center
      }

      .leftskew2 {
          display: none
      }

      .btm-header-l {
          padding-left: 10px;
          position: absolute;
          top: 20px;
          height: auto;
          width: 100%
      }

      .background-image {
          background-size: 60% 100%;
          position: initial;
          background: #d60000;
          height: 330px
      }

      .btm-header {
          background-size: cover;
          position: relative;
          height: auto;
          overflow: hidden;
          float: left;
          width: 100%
      }

      .btm-header-r {
          height: 400px;
          width: 100%;
          float: left
      }

      .our-working-center {
          min-height: 410px;
          margin-top: 150px;
          margin-bottom: 45px
      }

      .partnership {
          top: -10px
      }

      .partnership-r-card {
          padding: 21px 20px;
          min-height: 104px;
          margin-bottom: 10px
      }

      .footer-btm {
          padding: 15px 0
      }

      .ia_row.ia_full_row p {
          font-size: 14px
      }

      .footer-l h2 {
          font-size: 26px
      }

      .footer-l h2 span {
          font-size: 24px
      }

      .footer-btm {
          padding: 15px 0
      }

      .header-down-icons h2 {
          font-size: 14px;
          width: 100%;
          text-align: center
      }

      .header-down-icons ul {
          margin: 0;
          float: left;
          width: 100%;
          padding: 0;
          padding-left: 0;
          margin-top: 4px;
          text-align: center
      }

      .footer-btm li {
          float: none;
          border-radius: 4px;
          display: inline-block;
          text-align: center
      }

      .footer-btm li a {
          text-align: left;
          float: left;
          width: 100%;
          padding: 0 2px
      }

      .footer {
          padding-top: 40px
      }

      .navbar .col-md-7.col-sm-7 {
          width: 50%
      }

      .navbar .col-md-5.col-sm-5.pr-0 {
          width: 50%
      }

      .bannerslider {
          height: 400px
      }

      .app-page-tab-function .container {
          max-width: 100%
      }

      .set {
          text-align: center
      }

      .set img {
          max-width: 50%
      }

      .next {
          text-align: center
      }

      .carousel-app-dev .carousel-caption {
          position: initial;
          top: 0;
          transform: initial
      }

      .carousel-app-dev .col-md-4 img {
          width: auto;
          height: auto
      }

      .carousel-app-dev .carousel-inner {
          height: auto
      }

      .clients-part-bottom.row .col-md-3.text-center,.clients-part-top.row .col-md-3.text-center {
          width: 25%
      }

      .talk-right {
          margin-bottom: 20px
      }

      .navbar.navbar.navbar-inverse {
          padding: 0 25px !important
      }

      .table-content-outer {
          display: none
      }

      div#accordionExample:after {
          display: none
      }

      .faqDiv div#accordionExample {
          width: 100%
      }
  }

  @media only screen and (max-width: 640px) {
      .navbar img {
          padding-left:9px
      }

      .about-us-inner .about-card {
          width: 50%;
          padding: 19px 20px;
          float: left;
          min-height: 268px
      }

      .about-us-inner {
          display: initial
      }

      h1.about-us-heading {
          font-size: 24px
      }

      .year-exp {
          margin-right: 0;
          width: 100%;
          max-width: 100%;
          margin-top: 20px
      }

      .year-div-main h3.yrs-count {
          font-size: 187px;
          width: 36%
      }

      .year-div-main p small {
          font-size: 80px
      }

      .year-div-main p {
          width: 64%
      }

      .year-div-main p strong {
          font-size: 34px
      }

      .app-development-bottom-r .app-development-number:last-child {
          margin-right: 0
      }

      .app-development-number p {
          min-height: 50px
      }

      .services-we-ofr .owl-theme .owl-controls .owl-page span {
          width: 7px;
          height: 7px
      }

      .pictures h2 {
          font-size: 19px
      }

      .pictures p {
          font-size: 16px;
          line-height: 21px
      }

      .pictures .col-md-6 img {
          width: 100%;
          padding: 16PX 0
      }

      .partnership-r {
          display: initial
      }

      .partnership-r-card:last-child {
          margin: 0 auto !important
      }

      .partnership-l h2 {
          font-size: 20px
      }

      .partnership-l h2 span {
          font-size: 34px
      }

      .partnership-l p {
          font-size: 16px
      }

      .partnership-section {
          height: 930px
      }

      .testimonials p {
          font-size: 16px
      }

      .work-process {
          display: initial
      }

      .work-process-card {
          border-bottom: 1px solid #ebebeb;
          padding: 34px 35px
      }

      .our-partners-top img {
          height: 88px
      }

      .our-partners-bottom img {
          height: 88px
      }

      .btm-header-l img {
          display: none
      }

      .banner-content h4 {
          font-size: 14px
      }

      .arrow-slide:after {
          display: none
      }

      .choose-type-calc img {
          width: 105px;
          margin-bottom: -1px
      }

      .choose-type-calc h2 {
          font-size: 20px
      }

      .choose-type-calc h2 span {
          font-size: 24px
      }

      .choose-type-calc p {
          font-size: 15px;
          margin-top: 8px
      }

      .choose-type-calc p span {
          font-size: 17px
      }

      .choose-type-calc button {
          margin-top: 1px
      }

      .square-box {
          display: none
      }

      .choose-type-calc .col-md-6:nth-child(2) {
          margin-top: 50px
      }

      .carousel-app-dev .col-md-4 img {
          width: 50%
      }

      .carousel-app-dev .carousel-caption p {
          font-size: 14px;
          line-height: 23px
      }

      .carousel-caption button {
          font-size: 13px
      }
  }

  @media only screen and (max-width: 600px) {
      .homepage-blog-section ul li:nth-child(3) {
          height:auto;
          position: inherit;
          width: 100%;
          margin: 15px
      }

      .homepage-blog-section ul {
          padding-right: 0
      }

      .homepage-blog-section ul li img {
          width: 100%;
          height: 170px;
          object-fit: cover
      }

      .homepage-blog-section ul li figcaption {
          height: auto;
          width: 100%
      }

      .homepage-blog-section ul li {
          height: 290px
      }

      .work-process {
          display: initial;
          float: left;
          width: 101%;
          margin-top: 30px
      }
  }

  @media only screen and (max-width: 639px) {
      .h1.work-heading {
          padding-top:31px
      }

      .our-working-center {
          min-height: 410px;
          margin-top: 90px;
          margin-bottom: 45px
      }

      .our-working-center {
          min-height: 320px;
          margin-top: 90px;
          margin-bottom: 45px
      }

      .our-working-center {
          margin-top: 90px
      }

      h1.work-heading {
          padding-top: 30px
      }

      .our-working-bottom {
          top: 136px
      }

      .our-working-top {
          min-height: 300px
      }

      .our-working-center {
          min-height: 320px
      }

      .pictures {
          text-align: center
      }

      .partnership-r-card,.partnership-r-card:first-child,.partnership-r-card:last-child {
          width: 90%;
          margin: 0 auto 10px
      }

      .partnership-section {
          height: 930px
      }
  }

  @media only screen and (max-width: 580px) {
      .why_we_are h2 {
          text-align:center
      }

      .blog-contact-bar {
          border-radius: 20px
      }

      .blog-right .blog-text a {
          display: block;
          margin: 15px 25px 0
      }
  }

  @media only screen and (max-width: 560px) {
      .partnership-section {
          height:1020px
      }

      .about-us-inner .about-card {
          min-height: 288px
      }

      .about-us-inner .about-card:first-child {
          padding: 16px 20px
      }

      .partnership-section {
          height: 1045px
      }

      .btm-header-l h1 {
          font-size: 25px
      }

      .btm-header-l h1 span {
          font-size: 28px
      }

      .banner-content h4 {
          font-size: 14px;
          float: left;
          width: 100%;
          text-align: center;
          padding: 0 30px
      }

      .slide-bell-img img {
          width: 120px
      }

      .count {
          color: #3c3950;
          font-size: 23px
      }

      .app-development-number .count p {
          color: #3c3950;
          font-size: 23px;
          font-weight: 500;
          float: left;
          min-height: 23px;
          margin-bottom: 0
      }

      .app-development-number {
          width: 33.33%;
          width: 33.33%;
          margin-right: 0;
          float: left;
          padding: 0 10px
      }

      .app-development-bottom-r {
          display: initial;
          margin: 0 auto;
          width: 100%;
          float: left
      }

      .bordersh2.servicesbordersh2 {
          float: left;
          width: 100%
      }

      .our-partners-top.row {
          margin-top: 17px;
          margin: 0
      }

      .bordersh2.l-border-h2 {
          width: 240px
      }

      .col-md-3.choose-us-div {
          flex: 0 0 100%;
          width: 100%;
          max-width: 100%;
          margin-bottom: 30px;
          text-align: center
      }

      .member .img-mb {
          position: relative;
          overflow: hidden;
          background: #fff;
          height: 240px
      }

      .member .img-mb img {
          width: 100%
      }

      .member .member-info {
          background: #fff;
          padding: 20px 10px;
          text-align: center;
          max-height: 230PX;
          height: auto
      }
  }

  @media screen and (max-width: 530px) {
      button.view-work.btn {
          margin-bottom:20px
      }
  }

  @media only screen and (max-width: 480px) {
      .btm-header.banner-change .banner-left {
          padding:0 0 25px
      }

      .btm-header.banner-change .banner-left h2 {
          font-size: 42px
      }

      .btm-header.banner-change .banner-left button.get-started {
          padding: 11px 10px;
          margin-right: 8px
      }

      #slider {
          height: auto
      }

      .app-development-bottom {
          margin-top: 0
      }

      .pictures {
          padding-top: 0
      }

      .navbar-right a.contact-btn {
          width: 150px;
          padding: 10px 0;
          text-align: center
      }

      .our-working-center {
          min-height: 630px
      }

      .our-working-bottom {
          top: 116px
      }

      figure.swing {
          left: 12px
      }

      .bs-example-modal-content-footer {
          flex-direction: column
      }

      .border-pesudo {
          width: 80%
      }

      .addess {
          float: left;
          width: 100%;
          margin-bottom: 20px;
          padding: 0 10px 0 40px
      }

      .year-div-main h3.yrs-count {
          font-size: 150px;
          width: 37%
      }

      .year-div-main p {
          width: 60%
      }

      .our-partners-bottom.row.revealOnScroll .col-md-3,.our-partners-top .col-md-3 {
          width: 25%;
          float: left
      }

      .ourvalues-grid-in {
          height: 100px
      }

      .faqDiv div#accordionExample {
          width: 100%
      }

      .faqDiv .accordion>.card .card-header button.btn.btn-link {
          font-size: 15px
      }

      .faqDiv span.collapseIcon:before {
          content: "+";
          font-size: 29px;
          float: left;
          line-height: 20px;
          color: #1b1139;
          font-weight: 300;
          margin-left: -16px;
          margin-right: 5px
      }

      .faqDiv .card-body {
          font-size: 15px;
          line-height: 24px;
          padding: 1rem;
          color: #575757
      }

      .accordion>.card .card-header {
          margin-bottom: -1px;
          padding: .55rem .9rem
      }

      .faqDiv .accordion>.card {
          margin: 6px 0 6px
      }

      .faqDiv {
          float: left;
          width: 100%;
          padding: 10px 0 40px
      }

      .homepage-blog-section h2 {
          font-size: 30px;
          margin-bottom: 10px
      }

      .homepage-blog-section {
          padding: 40px 0 40px
      }

      .logos-of-brand h1 {
          font-size: 30px
      }

      .contactMain .contactPage_Content h1 {
          font-size: 35px
      }

      .contactMain .ContactPage_form {
          margin: 0;
          padding: 25px
      }

      .main-heading h2 {
          font-size: 36px
      }

      .portfolio-main-section h3 {
          font-size: 38px;
          margin-bottom: 10px
      }

      .portfolio-main-section p {
          font-size: 16px;
          margin-bottom: 30px
      }

      .header-top-left li {
          margin-right: 0;
          display: block
      }

      .header-top {
          height: 65px
      }

      .navbar {
          height: 100px
      }

      .btm-header.banner-change .row .col-sm-6:first-of-type {
          max-width: 100%;
          flex: 0 0 100%
      }

      .btm-header.banner-change .banner-left {
          padding: 30px 0
      }

      .btm-header.banner-change .banner-right-img {
          display: none
      }

      .about-main-right {
          padding: 20px 0 0
      }

      .app-development h3.heading {
          font-size: 24px;
          margin: 0 0 10px
      }

      .app-development {
          padding: 10px
      }

      .app-development .row .col-sm-4 {
          flex: 0 0 100%;
          max-width: 100%
      }

      .app-development .service-plus {
          top: 5px;
          left: 5px
      }

      .our-working h1.work-heading {
          font-size: 26px
      }

      .partnership-section {
          padding: 20px 0 0
      }

      .partnership-section h2 {
          font-size: 26px
      }

      .partnership-section .row .col-sm-3 {
          max-width: 100%;
          flex: 0 0 100%
      }

      .partnership-section h2 {
          margin: 0 0 10px
      }

      .faqDiv.home-page {
          padding: 20px 0
      }

      .faqDiv.home-page .faq-left h2 {
          text-align: center;
          margin: 0 0 20px;
          font-size: 26px
      }

      .faqDiv.home-page .faq-right h3 {
          font-size: 26px
      }

      .faqDiv.home-page .faq-left-img {
          width: 100%
      }

      .faqDiv.home-page .faq-right {
          padding: 20px 0 0
      }

      .logos-of-brand.for-homepage {
          padding: 20px 0
      }

      .logos-of-brand.for-homepage h1 {
          font-size: 26px;
          margin: 0 0 10px
      }

      .logos-of-brand.for-homepage .box-shadow {
          margin-bottom: 20px
      }

      .logos-of-brand {
          margin: 0
      }

      .testimonials {
          padding-bottom: 0
      }

      .homepage-blog-section h2 {
          font-size: 26px
      }

      .homepage-blog-section .view-work-div {
          margin-top: 10px
      }

      .homepage-blog-section {
          padding: 20px 0 20px
      }

      .about-main .about-main-right h2 {
          font-size: 26px
      }

      .about-main-right li strong {
          font-size: 20px
      }

      .about-main-right li {
          margin-right: 20px;
          font-size: 14px
      }

      .about-main-right button {
          margin: auto;
          display: block;
          font-size: 14px
      }

      .our-working .view-work-div {
          margin: 0 0 20px
      }

      .our-working button.view-work.btn {
          width: 170px;
          margin: 0;
          font-size: 14px
      }

      .third-section-app {
          padding: 30px 0 0
      }

      .single-service {
          min-height: 260px
      }

      .app-page-tab-function {
          padding: 20px 0
      }

      .app-page-tab-function .line-heading {
          margin-bottom: 30px
      }

      .app-page-tab-function ul li p {
          display: none
      }

      .app-page-tab-function ul li:after {
          display: none
      }

      .app-page-tab-function .tab-pane {
          margin-top: 20px
      }

      .Industries-secton-page h2.line-heading {
          margin: 30px 0 40px
      }

      .industries-main {
          width: 100%
      }

      .line-heading {
          margin-bottom: 0
      }

      .why_we_are {
          margin: 0
      }

      .talkto-us-section .section-title.mb-100 {
          margin: 20px 0 10px
      }

      .our-partners-bottom.row.revealOnScroll .col-md-3,.our-partners-top .col-md-3 {
          width: 50%
      }

      .ourvalues-grid {
          flex-wrap: wrap
      }

      .ourvalues-grid-in {
          flex: 0 0 100%;
          height: auto;
          width: 100%
      }
  }

  @media screen and (max-width: 440px) {
      .our-working-center {
          min-height:620px;
          margin-top: 150px;
          margin-bottom: 45px
      }

      .partnership-section {
          height: 1050px
      }

      .gem-video-background-inner {
          height: 1060px !important
      }

      .testimonials p {
          font-size: 16px
      }

      .carousel-indicators li {
          width: 21px;
          height: 2px
      }

      .partnership-r-card,.partnership-r-card:first-child,.partnership-r-card:last-child {
          margin-left: 0;
          margin: 0 auto;
          width: 98%;
          margin-bottom: 20px
      }

      .header-down-icons h2 {
          font-size: 11px
      }

      .footer-r .footer-input {
          font-size: 10px
      }

      .about-us-inner .about-card:first-child {
          padding: 47px 9px;
          padding-left: 30px
      }

      .about-us-inner .about-card {
          padding: 47px 27px;
          max-height: 280px;
          min-height: 280px
      }

      .app-development {
          padding-top: 26px
      }

      .our-partners-bottom img,.our-partners-top img {
          height: auto;
          width: 33%
      }

      .navbar.navbar.navbar-inverse .col-md-7 {
          width: 70%
      }

      .navbar.navbar.navbar-inverse .col-md-5 {
          width: 30% !important
      }
  }

  @media screen and (max-width: 440px) {
      .about-us-inner .about-card {
          padding:47px 27px;
          max-height: 280px;
          min-height: 179px;
          border-bottom: 1px solid #c5c5c5;
          width: 100%
      }

      .app-development-l h2 {
          font-size: 23px
      }

      .year-div-main h3.yrs-count {
          width: 40%
      }

      .year-div-main p {
          width: 60%
      }

      .our-working-center {
          min-height: 518px;
          margin-top: 120px
      }

      .partnership-r-card p {
          line-height: 20px
      }

      .partnership-l-content {
          padding-top: 26px
      }

      .modal-dialog.calc-dialog {
          top: 50%;
          left: 50%;
          transform: translate(-50%,-50%) !important;
          margin: 0;
          max-width: 1140px;
          height: 88%;
          width: 91%;
          margin-top: 47px !important
      }

      .modal-content {
          height: 610px;
          overflow: auto
      }

      .apply-line {
          padding: 0 !important
      }

      .choose-type-calc {
          padding-top: 0
      }

      .choose-type-calc img {
          width: 105px;
          margin-bottom: -1px
      }

      .choose-type-calc h2 {
          font-size: 20px
      }

      .choose-type-calc h2 span {
          font-size: 24px
      }

      .choose-type-calc p {
          font-size: 15px;
          margin-top: 8px
      }

      .choose-type-calc p span {
          font-size: 17px
      }

      .choose-type-calc button {
          margin-top: 1px
      }

      .square-box {
          display: none
      }

      .choose-type-calc .col-md-6:nth-child(2) {
          margin-top: 15px
      }

      .our-partners-bottom img,.our-partners-top img {
          height: auto;
          width: 90%
      }

      .our-partners {
          padding-bottom: 20px
      }

      .work-process-card {
          border-bottom: 1px solid #ebebeb;
          padding: 23px 24px
      }
  }

  @media screen and (max-width: 430px) {
      .header-top {
          height:90px
      }

      .header-top-left {
          display: block
      }

      .header-top-right {
          float: none;
          margin-top: 10px;
          text-align: center
      }

      .header-top-left ul {
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          padding: 0;
          margin: 0
      }

      .header-top-left li {
          font-size: 13px;
          font-weight: 400;
          white-space: nowrap;
          flex: 1 1 auto;
          text-align: center
      }
  }

  @media screen and (max-width: 414px) {
      #salemyModal .modal-content {
          width:320px
      }

      div#salemyModal button.close {
          right: -10px;
          top: -10px
      }

      #salemyModal .map_bg_main {
          padding: 0 20px
      }

      #salemyModal .map_bg_main {
          height: 240px
      }

      #salemyModal .map_heading h3 {
          font-weight: 500;
          font-size: 15px;
          line-height: 22px;
          padding-bottom: 0 !important
      }

      .our-working-center {
          min-height: 489px
      }

      .only-responsive {
          right: 0
      }

      .free-estimatte.only-mobile {
          display: block
      }

      .header-down-icons ul {
          padding-left: 4px
      }

      .banner-content h4 {
          font-size: 14px;
          float: left;
          width: 100%;
          text-align: center;
          padding: 20px 30px 0
      }

      #portfoliolist .portfolio:hover .label {
          bottom: 25px
      }

      ul.work-icons li i {
          width: 30px;
          height: 30px;
          font-size: 20px;
          line-height: 30px
      }

      .choose-type-calc p {
          min-height: 0
      }

      .choose-type-calc h2 {
          min-height: 0
      }

      .checking-point.ques-main label.radio-main {
          min-height: 105px
      }

      .custom-control.custom-checkbox.mb-3 {
          min-height: 79px
      }

      section#collaboration .col-md-3 {
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          max-width: 100%;
          margin-top: 70px
      }

      h2.sub-heading.aos-init.aos-animate {
          font-size: 20px
      }

      #collaboration p {
          font-size: 13px;
          margin: 0 20px
      }

      div#salemyModal .modal-dialog {
          width: 300px !important;
          max-width: 300px !important
      }

      div#salemyModal .modal-content {
          height: auto
      }

      .banner-sec {
          height: 41vh
      }

      .icon-opc {
          width: 31px;
          height: 31px
      }

      .react-icon {
          top: 501px
      }

      .google-cloud-icon {
          top: 425px
      }

      .git-icon {
          top: 356px
      }

      .mongodb-icon {
          top: 410px
      }

      .mongodb-icon {
          top: 424px
      }

      .post-gray-sql-icon {
          top: 387px
      }

      .node-js-icon {
          top: 396px
      }

      .post-gray-sql-icon {
          top: 401px
      }

      .amazons3-icon {
          top: 459px
      }

      .work-process {
          display: initial;
          float: left;
          width: 100%;
          margin-top: 0
      }

      .about-us-values {
          height: auto
      }
  }

  @media only screen and (max-width: 380px) {
      .our-working-center {
          min-height:443px
      }
  }

  @media only screen and (max-width: 375px) {
      .our-working-center {
          min-height:438px
      }

      .our-partners-bottom img,.our-partners-top img {
          height: auto;
          width: 100%
      }

      .ourvalues-grid-in {
          height: 250px
      }

      .year-div-main h3.yrs-count {
          font-size: 140px
      }

      .banner-sec {
          height: 36vh
      }

      .system {
          width: 100%;
          top: 30px
      }

      .vue-icon {
          top: 518px
      }

      .main-banner-heading img {
          width: 130px;
          padding: 0
      }

      .banner-content-sec p {
          font-size: 12px;
          margin: 5px
      }

      .our-partners p {
          width: 97%
      }
  }

  @media only screen and (max-width: 360px) {
      .our-working-center {
          min-height:415px
      }

      .talk-left p {
          font-size: 11px;
          margin-bottom: 0
      }

      .app-page-tab-function ul li p {
          font-size: 8px;
          word-break: break-all
      }

      .app-page-tab-function ul li span {
          display: block;
          height: 35px;
          width: 35px;
          line-height: 40px;
          font-size: 16px
      }

      .app-page-tab-function ul li:after {
          right: -9px;
          height: 3px;
          width: 36%
      }
  }

  @media screen and (max-width: 320px) {
      .choose-type-calc .col-md-6:nth-child(2) {
          margin-top:26px
      }

      .our-working-center {
          min-height: 362px
      }

      #salemyModal .modal-content {
          width: 300px
      }

      .year-div-main h3.yrs-count {
          font-size: 124px
      }

      .year-div-main p small {
          font-size: 56px
      }

      .year-div-main p strong {
          font-size: 23px
      }

      .ourvalues-grid-in {
          height: 69px
      }

      .img-box.m-auto {
          width: 110px;
          height: 110px
      }

      span.year-count-back {
          font-size: 223px;
          top: 52%;
          left: 42px;
          line-height: 108px
      }

      .year-exp {
          padding: 20px
      }

      .year-div-main p small {
          font-size: 56px;
          line-height: 58px
      }

      .year-div-main p {
          padding-top: 55px
      }
  }

  @media only screen and (max-width : 768px) {
      .animated {
          -o-transition-property:none !important;
          -moz-transition-property: none !important;
          -ms-transition-property: none !important;
          -webkit-transition-property: none !important;
          transition-property: none !important;
          -o-transform: none !important;
          -moz-transform: none !important;
          -ms-transform: none !important;
          -webkit-transform: none !important;
          transform: none !important;
          -webkit-animation: none !important;
          -moz-animation: none !important;
          -o-animation: none !important;
          -ms-animation: none !important;
          animation: none !important
      }
  }

  .modal-backdrop {
      z-index: 99999 !important
  }

  .recentcomments a {
      display: inline !important;
      padding: 0 !important;
      margin: 0 !important
  }

  #slider {
      width: 100%
  }

  #slider img {
      width: 100%
  }

  #home-modal .modal-dialog {
      max-width: 650px;
      width: 650px
  }

  #home-modal .modal-img {
      text-align: center
  }

  #home-modal .modal-img img {
      max-width: 70%
  }

  #home-modal h3 {
      text-align: center;
      font-size: 30px;
      color: #575757;
      margin: 0 0 30px
  }

  #home-modal h3 b {
      color: #d70000;
      font-weight: 700
  }

  #home-modal .modal-header {
      border-bottom: 0
  }

  #home-modal .form-group {
      margin-bottom: 12px
  }

  #home-modal .form-control {
      background: #fafafa;
      border: 1px solid #e7ebee;
      border-radius: 5px;
      height: 46px
  }

  #home-modal form {
      padding: 0 75px
  }

  #home-modal .btn.btn-primary {
      margin: 30px auto 10px;
      display: block;
      width: 220px;
      height: 55px;
      background: #d70000;
      border-radius: 5px;
      border: 0;
      font-size: 18px;
      font-weight: 600
  }

  #home-modal .close {
      position: absolute;
      right: 21px;
      top: 20px;
      background: 0 0;
      border: 0;
      z-index: 9
  }

  #home-modal .modal-content {
      border-radius: 15px;
      border: 0
  }

  .modal-backdrop {
      z-index: 99999
  }

  #home-modal {
      z-index: 999999
  }

  @media screen and (max-width: 1440px) {
      #home-modal .modal-dialog {
          max-width:570px
      }

      #home-modal .modal-img img {
          max-width: 70%
      }

      #home-modal h3 {
          font-size: 25px;
          margin: 5px 0 15px
      }

      #home-modal .btn.btn-primary {
          width: 185px;
          font-size: 15px;
          height: 48px
      }

      #home-modal .form-control {
          height: 40px;
          font-size: 13px
      }
  }

  @media screen and (max-width: 480px) {
      #home-modal .modal-dialog {
          width:90%
      }

      #home-modal .modal-dialog .modal-content {
          height: 500px
      }

      #home-modal .modal-img img {
          max-width: 80%
      }

      #home-modal h3 {
          font-size: 22px
      }

      #home-modal form {
          padding: 0 20px
      }

      #home-modal .btn.btn-primary {
          width: 160px;
          height: 48px
      }
  }

  #home-modal .wpcf7-not-valid-tip {
      position: unset
  }

  .wmBox_overlay {
      position: fixed;
      width: 100%;
      height: 100%;
      display: none;
      top: 0;
      left: 0;
      background: rgba(0,0,0,.5);
      z-index: 99
  }

  .wmBox_centerWrap {
      display: table;
      position: absolute;
      width: 100%;
      height: 100%
  }

  .wmBox_centerer {
      display: table-cell;
      vertical-align: middle
  }

  .wmBox_centerer iframe {
      width: 95%;
      display: table;
      margin: 0 auto;
      position: relative
  }

  .wmBox_contentWrap {
      width: 50%;
      margin: 0 auto;
      position: relative;
      background: #fff
  }

  .wmBox_scaleWrap {
      position: relative;
      height: 0;
      padding-top: 20px;
      padding-bottom: 56.25%;
      width: 100%
  }

  .wmBox_centerer iframe {
      position: absolute;
      top: 0;
      border: 0;
      outline: 0;
      box-shadow: 0px 0px 10px rgba(0,0,0,.5);
      left: 0;
      width: 100%;
      height: 100%
  }

  .wmBox_closeBtn {
      z-index: 2;
      position: relative;
      margin-top: -40px
  }

  .wmBox_closeBtn p {
      line-height: 0;
      margin: 0;
      padding: .5em 0 .75em;
      color: #fff;
      background: #000;
      width: 1.3em;
      font-size: 25px;
      border-radius: 100%;
      text-align: center;
      font-family: Verdana,serif;
      position: relative;
      bottom: -.5em;
      right: -.5em;
      cursor: pointer;
      float: right;
      box-shadow: 0px 0px 10px rgba(0,0,0,.5);
      transition: color .2s ease-out,background .2s ease-out
  }

  .wmBox_closeBtn p:hover {
      background: #fff;
      color: #000
  }

  .iti__flag-container .iti__selected-flag .iti__flag {
      background: no-repeat;
      box-shadow: none;
      height: unset;
      color: #495057;
      font-weight: 400;
      width: max-content
  }

  .iti__flag-container .iti__arrow {
      opacity: 0
  }