/*-----------------------------------------*/
/* SLIDERS MODAL POPUP
/*-----------------------------------------*/
/*--------------------------------------------*/
/* Bootstrap 4 Grid System For Bootstrap 3
/*--------------------------------------------*/
.bs4-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

@media (min-width: 576px) {
  .bs4-row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media (min-width: 768px) {
  .bs4-row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media (min-width: 992px) {
  .bs4-row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media (min-width: 1200px) {
  .bs4-row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
.bs4-col-1, .bs4-col-2, .bs4-col-3, .bs4-col-4, .bs4-col-5, .bs4-col-6, .bs4-col-7, .bs4-col-8, .bs4-col-9, .bs4-col-10, .bs4-col-11, .bs4-col-12, .bs4-col, .bs4-col-sm-1, .bs4-col-sm-2, .bs4-col-sm-3, .bs4-col-sm-4, .bs4-col-sm-5, .bs4-col-sm-6, .bs4-col-sm-7, .bs4-col-sm-8, .bs4-col-sm-9, .bs4-col-sm-10, .bs4-col-sm-11, .bs4-col-sm-12, .bs4-col-sm, .bs4-col-md-1, .bs4-col-md-2, .bs4-col-md-3, .bs4-col-md-4, .bs4-col-md-5, .bs4-col-md-6, .bs4-col-md-7, .bs4-col-md-8, .bs4-col-md-9, .bs4-col-md-10, .bs4-col-md-11, .bs4-col-md-12, .bs4-col-md, .bs4-col-lg-1, .bs4-col-lg-2, .bs4-col-lg-3, .bs4-col-lg-4, .bs4-col-lg-5, .bs4-col-lg-6, .bs4-col-lg-7, .bs4-col-lg-8, .bs4-col-lg-9, .bs4-col-lg-10, .bs4-col-lg-11, .bs4-col-lg-12, .bs4-col-lg, .bs4-col-xl-1, .bs4-col-xl-2, .bs4-col-xl-3, .bs4-col-xl-4, .bs4-col-xl-5, .bs4-col-xl-6, .bs4-col-xl-7, .bs4-col-xl-8, .bs4-col-xl-9, .bs4-col-xl-10, .bs4-col-xl-11, .bs4-col-xl-12, .bs4-col-xl {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 576px) {
  .bs4-col-1, .bs4-col-2, .bs4-col-3, .bs4-col-4, .bs4-col-5, .bs4-col-6, .bs4-col-7, .bs4-col-8, .bs4-col-9, .bs4-col-10, .bs4-col-11, .bs4-col-12, .bs4-col, .bs4-col-sm-1, .bs4-col-sm-2, .bs4-col-sm-3, .bs4-col-sm-4, .bs4-col-sm-5, .bs4-col-sm-6, .bs4-col-sm-7, .bs4-col-sm-8, .bs4-col-sm-9, .bs4-col-sm-10, .bs4-col-sm-11, .bs4-col-sm-12, .bs4-col-sm, .bs4-col-md-1, .bs4-col-md-2, .bs4-col-md-3, .bs4-col-md-4, .bs4-col-md-5, .bs4-col-md-6, .bs4-col-md-7, .bs4-col-md-8, .bs4-col-md-9, .bs4-col-md-10, .bs4-col-md-11, .bs4-col-md-12, .bs4-col-md, .bs4-col-lg-1, .bs4-col-lg-2, .bs4-col-lg-3, .bs4-col-lg-4, .bs4-col-lg-5, .bs4-col-lg-6, .bs4-col-lg-7, .bs4-col-lg-8, .bs4-col-lg-9, .bs4-col-lg-10, .bs4-col-lg-11, .bs4-col-lg-12, .bs4-col-lg, .bs4-col-xl-1, .bs4-col-xl-2, .bs4-col-xl-3, .bs4-col-xl-4, .bs4-col-xl-5, .bs4-col-xl-6, .bs4-col-xl-7, .bs4-col-xl-8, .bs4-col-xl-9, .bs4-col-xl-10, .bs4-col-xl-11, .bs4-col-xl-12, .bs4-col-xl {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 768px) {
  .bs4-col-1, .bs4-col-2, .bs4-col-3, .bs4-col-4, .bs4-col-5, .bs4-col-6, .bs4-col-7, .bs4-col-8, .bs4-col-9, .bs4-col-10, .bs4-col-11, .bs4-col-12, .bs4-col, .bs4-col-sm-1, .bs4-col-sm-2, .bs4-col-sm-3, .bs4-col-sm-4, .bs4-col-sm-5, .bs4-col-sm-6, .bs4-col-sm-7, .bs4-col-sm-8, .bs4-col-sm-9, .bs4-col-sm-10, .bs4-col-sm-11, .bs4-col-sm-12, .bs4-col-sm, .bs4-col-md-1, .bs4-col-md-2, .bs4-col-md-3, .bs4-col-md-4, .bs4-col-md-5, .bs4-col-md-6, .bs4-col-md-7, .bs4-col-md-8, .bs4-col-md-9, .bs4-col-md-10, .bs4-col-md-11, .bs4-col-md-12, .bs4-col-md, .bs4-col-lg-1, .bs4-col-lg-2, .bs4-col-lg-3, .bs4-col-lg-4, .bs4-col-lg-5, .bs4-col-lg-6, .bs4-col-lg-7, .bs4-col-lg-8, .bs4-col-lg-9, .bs4-col-lg-10, .bs4-col-lg-11, .bs4-col-lg-12, .bs4-col-lg, .bs4-col-xl-1, .bs4-col-xl-2, .bs4-col-xl-3, .bs4-col-xl-4, .bs4-col-xl-5, .bs4-col-xl-6, .bs4-col-xl-7, .bs4-col-xl-8, .bs4-col-xl-9, .bs4-col-xl-10, .bs4-col-xl-11, .bs4-col-xl-12, .bs4-col-xl {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 992px) {
  .bs4-col-1, .bs4-col-2, .bs4-col-3, .bs4-col-4, .bs4-col-5, .bs4-col-6, .bs4-col-7, .bs4-col-8, .bs4-col-9, .bs4-col-10, .bs4-col-11, .bs4-col-12, .bs4-col, .bs4-col-sm-1, .bs4-col-sm-2, .bs4-col-sm-3, .bs4-col-sm-4, .bs4-col-sm-5, .bs4-col-sm-6, .bs4-col-sm-7, .bs4-col-sm-8, .bs4-col-sm-9, .bs4-col-sm-10, .bs4-col-sm-11, .bs4-col-sm-12, .bs4-col-sm, .bs4-col-md-1, .bs4-col-md-2, .bs4-col-md-3, .bs4-col-md-4, .bs4-col-md-5, .bs4-col-md-6, .bs4-col-md-7, .bs4-col-md-8, .bs4-col-md-9, .bs4-col-md-10, .bs4-col-md-11, .bs4-col-md-12, .bs4-col-md, .bs4-col-lg-1, .bs4-col-lg-2, .bs4-col-lg-3, .bs4-col-lg-4, .bs4-col-lg-5, .bs4-col-lg-6, .bs4-col-lg-7, .bs4-col-lg-8, .bs4-col-lg-9, .bs4-col-lg-10, .bs4-col-lg-11, .bs4-col-lg-12, .bs4-col-lg, .bs4-col-xl-1, .bs4-col-xl-2, .bs4-col-xl-3, .bs4-col-xl-4, .bs4-col-xl-5, .bs4-col-xl-6, .bs4-col-xl-7, .bs4-col-xl-8, .bs4-col-xl-9, .bs4-col-xl-10, .bs4-col-xl-11, .bs4-col-xl-12, .bs4-col-xl {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 1200px) {
  .bs4-col-1, .bs4-col-2, .bs4-col-3, .bs4-col-4, .bs4-col-5, .bs4-col-6, .bs4-col-7, .bs4-col-8, .bs4-col-9, .bs4-col-10, .bs4-col-11, .bs4-col-12, .bs4-col, .bs4-col-sm-1, .bs4-col-sm-2, .bs4-col-sm-3, .bs4-col-sm-4, .bs4-col-sm-5, .bs4-col-sm-6, .bs4-col-sm-7, .bs4-col-sm-8, .bs4-col-sm-9, .bs4-col-sm-10, .bs4-col-sm-11, .bs4-col-sm-12, .bs4-col-sm, .bs4-col-md-1, .bs4-col-md-2, .bs4-col-md-3, .bs4-col-md-4, .bs4-col-md-5, .bs4-col-md-6, .bs4-col-md-7, .bs4-col-md-8, .bs4-col-md-9, .bs4-col-md-10, .bs4-col-md-11, .bs4-col-md-12, .bs4-col-md, .bs4-col-lg-1, .bs4-col-lg-2, .bs4-col-lg-3, .bs4-col-lg-4, .bs4-col-lg-5, .bs4-col-lg-6, .bs4-col-lg-7, .bs4-col-lg-8, .bs4-col-lg-9, .bs4-col-lg-10, .bs4-col-lg-11, .bs4-col-lg-12, .bs4-col-lg, .bs4-col-xl-1, .bs4-col-xl-2, .bs4-col-xl-3, .bs4-col-xl-4, .bs4-col-xl-5, .bs4-col-xl-6, .bs4-col-xl-7, .bs4-col-xl-8, .bs4-col-xl-9, .bs4-col-xl-10, .bs4-col-xl-11, .bs4-col-xl-12, .bs4-col-xl {
    padding-right: 15px;
    padding-left: 15px;
  }
}

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

.bs4-col-auto {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .bs4-col-sm {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .bs4-col-sm-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .bs4-col-sm-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
        -ms-flex: 0 0 8.333333%;
            flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .bs4-col-sm-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
        -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .bs4-col-sm-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .bs4-col-sm-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
        -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .bs4-col-sm-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
        -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .bs4-col-sm-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .bs4-col-sm-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
        -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .bs4-col-sm-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
        -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .bs4-col-sm-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .bs4-col-sm-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
        -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .bs4-col-sm-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
        -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .bs4-col-sm-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .bs4-col-md {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .bs4-col-md-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .bs4-col-md-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
        -ms-flex: 0 0 8.333333%;
            flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .bs4-col-md-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
        -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .bs4-col-md-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .bs4-col-md-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
        -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .bs4-col-md-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
        -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .bs4-col-md-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .bs4-col-md-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
        -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .bs4-col-md-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
        -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .bs4-col-md-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .bs4-col-md-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
        -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .bs4-col-md-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
        -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .bs4-col-md-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 992px) {
  .bs4-col-lg {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .bs4-col-lg-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .bs4-col-lg-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
        -ms-flex: 0 0 8.333333%;
            flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .bs4-col-lg-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
        -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .bs4-col-lg-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .bs4-col-lg-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
        -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .bs4-col-lg-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
        -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .bs4-col-lg-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .bs4-col-lg-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
        -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .bs4-col-lg-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
        -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .bs4-col-lg-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .bs4-col-lg-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
        -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .bs4-col-lg-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
        -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .bs4-col-lg-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .bs4-col-xl {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .bs4-col-xl-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .bs4-col-xl-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
        -ms-flex: 0 0 8.333333%;
            flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .bs4-col-xl-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
        -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .bs4-col-xl-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .bs4-col-xl-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
        -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .bs4-col-xl-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
        -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .bs4-col-xl-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .bs4-col-xl-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
        -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .bs4-col-xl-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
        -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .bs4-col-xl-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .bs4-col-xl-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
        -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .bs4-col-xl-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
        -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .bs4-col-xl-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
/*----- TRIGGER PART -----*/
.bs4_modal_trigger:link,
.bs4_modal_trigger:visited{
  margin: 25px;
  outline: none;
  color: #000000;
  text-shadow: none;
  font-family: Arial;
  padding: 10px 15px;
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  border: 1px solid #000000;
  -webkit-font-smoothing: antialiased;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
  transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
}
.bs4_modal_trigger:hover,
.bs4_modal_trigger:active{
  outline: none;
  color: #ffffff;
  background: #000000;
  border: 1px solid #000000;
}
/*-----------------------------------------*/
/* FONTS
/*-----------------------------------------*/
.bs4_subscribe_txt > h1,
.bs4_subscribe_txt > p,
.bs4_form_general > .modal-dialog > .modal-content .bs4_form_header > h3,
.bs4_form_general > .modal-dialog > .modal-content .bs4_input_txt > input,
.bs4_form_general > .modal-dialog > .modal-content .bs4_input_txt > label,
.bs4_form_general > .modal-dialog > .modal-content .bs4_checkbox > label,
.bs4_form_general > .modal-dialog > .modal-content .bs4_radio > label,
.bs4_form_general > .modal-dialog > .modal-content .bs4_form_submit > button,
.bs4_form_general > .modal-dialog > .modal-content .bs4_textarea > textarea,
.bs4_form_general > .modal-dialog > .modal-content .bs4_textarea > textarea > label{
  text-shadow: none;
  font-family: 'Raleway', sans-serif;
  -webkit-font-smoothing: antialiased;
}
.bs4_sldr_img_btn,
.bs4_sldr_vid_btn,
.bs4_sldr_thumb_btn,
.bs4_sngl_vid_btn,
.bs4_sngl_img_btn,
.bs4_sldr_thumb_txt > a,
.bs4_sldr_sc_content > a{
  text-shadow: none;
  -webkit-font-smoothing: antialiased;
  font-family: 'Open Sans', sans-serif;
}
.bs4_sldr_sc_header > h1,
.bs4_sngl_image > a{
  text-shadow: none;
  font-family: 'Poiret One', cursive;
  -webkit-font-smoothing: antialiased;
}
/*-----------------------------------------*/
/* DEFAULT SETTING FOR ALL MODALS
/*-----------------------------------------*/
.bs4_modal{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.bs4_modal a:link,
.bs4_modal a:visited{
  text-decoration: none;
}
.bs4_modal:before{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  content: "";
  height: 100%;
  margin: auto;
  position: absolute;
}
.bs4_modal > .modal-dialog{
  width: auto;
  margin: auto;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  background: transparent;
}
@media (min-width: 768px){
  .bs4_modal > .modal-dialog{
	margin: auto;
  }
}
.bs4_modal > .modal-dialog > .modal-content{
  outline: 0;
  width: 100%;
  border: none;
  position: relative;
  background-color: transparent;
}
/*-----------------------------------------*/
/* CUSTOM SETTING FOR ALL MODALS
/*-----------------------------------------*/
/*-----------------------------------------*/
/* FORMS
/*-----------------------------------------*/
.bs4_form_general > .modal-dialog::-webkit-scrollbar{
  width: 0;
  background: transparent;
}
.bs4_form_general > .modal-dialog::-webkit-scrollbar-thumb{
  background: #e6e6e6;
}
/*----- MODAL HEADER -----*/
.bs4_form_general > .modal-dialog > .modal-content .bs4_form_header,
.bs4_form_general > .modal-dialog > .modal-content .bs4_subscribe_close{
  height: 15%;
  position: relative;
  text-align: center;
}
/*----- HEADER UNDERLINE -----*/
.bs4_form_general > .modal-dialog > .modal-content .bs4_form_header:after{
  left: 0;
  right: 0;
  bottom: 0;
  top: auto;
  width: 100%;
  height: 1px;
  content: "";
  margin: auto;
  position: absolute;
}
/*----- HEADER HEADING -----*/
.bs4_form_general > .modal-dialog > .modal-content .bs4_form_header > h3{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 70%;
  height: 40%;
  margin: auto;
  font-size: 35px;
  font-weight: 300;
  position: absolute;
  display: inline-block;
  text-transform: uppercase;
}
/*----- HEADER CLOSE BUTTON -----*/
.bs4_form_general > .modal-dialog > .modal-content .bs4_form_header > a:link,
.bs4_form_general > .modal-dialog > .modal-content .bs4_subscribe_close > a:link,
.bs4_form_general > .modal-dialog > .modal-content .bs4_form_header > a:visited,
.bs4_form_general > .modal-dialog > .modal-content .bs4_subscribe_close > a:visited{
  top: 0;
  right: 0;
  width: 38px;
  height: 38px;
  line-height: 38px;
  position: absolute;
}
/*----- MODAL BODY -----*/
.bs4_form_general > .modal-dialog > .modal-content .bs4_form_body{
  height: 70%;
  padding: 20px 25px;
  position: relative;
}
/*----- FORM -----*/
/*----- INPUT TEXT -----*/
.bs4_form_general > .modal-dialog > .modal-content .bs4_input_txt{
  padding: 10px 0;
}
.bs4_form_general > .modal-dialog > .modal-content .bs4_input_txt > input{
  height: 48px;						/*---------- Height is essential to show placeholder in firefox ----------*/
  width: 100%;
  display: block;
  padding: 0 20px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
  transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
}
.bs4_form_general > .modal-dialog > .modal-content .bs4_input_txt > input:focus{
  outline: none;
}
.bs4_form_general > .modal-dialog > .modal-content .bs4_input_txt > label{
  font-weight: 500;
  margin-bottom: 5px;
  text-transform: capitalize;
}
/*----- TEXTAREA -----*/
.bs4_form_general > .modal-dialog > .modal-content .bs4_textarea{
  padding: 10px 0;
}
.bs4_form_general > .modal-dialog > .modal-content .bs4_textarea > textarea{
  width: 100%;
  display: block;
  padding: 10px 20px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
  transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
}
.bs4_form_general > .modal-dialog > .modal-content .bs4_textarea > textarea:focus{
  outline: none;
}
.bs4_form_general > .modal-dialog > .modal-content .bs4_textarea > label{
  font-weight: 500;
  margin-bottom: 5px;
  text-transform: capitalize;
}
/*----- INLINE INPUT BOXES -----*/
.bs4_input_inline .bs4_input_txt{
  width: 49.4%;
  display: inline-block;
}
/*---------- PLACE HOLDER ----------*/
.bs4_form_general > .modal-dialog > .modal-content .bs4_input_txt > input::-webkit-input-placeholder{
  text-transform: capitalize;
  -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
  transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
}
.bs4_form_general > .modal-dialog > .modal-content .bs4_textarea > textarea::-webkit-input-placeholder{
  text-transform: capitalize;
  -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
  transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
}
.bs4_form_general > .modal-dialog > .modal-content .bs4_input_txt > input::-moz-placeholder{
  text-transform: capitalize;
  -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
  transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
}
.bs4_form_general > .modal-dialog > .modal-content .bs4_textarea > textarea::-moz-placeholder{
  text-transform: capitalize;
  -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
  transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
}
.bs4_form_general > .modal-dialog > .modal-content .bs4_input_txt > input:-ms-input-placeholder{
  text-transform: capitalize;
  -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
  transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
}
.bs4_form_general > .modal-dialog > .modal-content .bs4_textarea > textarea:-ms-input-placeholder{
  text-transform: capitalize;
  -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
  transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
}
.bs4_form_general > .modal-dialog > .modal-content .bs4_input_txt > input:-moz-placeholder{
  text-transform: capitalize;
  -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
  transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
}
.bs4_form_general > .modal-dialog > .modal-content .bs4_textarea > textarea:-moz-placeholder{
  text-transform: capitalize;
  -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
  transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
}
/*---------- CHECKBOX ----------*/
.bs4_form_general > .modal-dialog > .modal-content .bs4_checkbox > label{
  top: 0;
  bottom: 0;
  left: 50px;
  margin: auto;
  height: 35px;
  font-size: 12px;
  font-weight: 400;
  line-height: 35px;
  position: absolute;
  -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
  transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
}
/*----- CHECKBOX LINK -----*/
.bs4_form_general > .modal-dialog > .modal-content .bs4_checkbox > label > a{
  margin-left: 15px;
  text-transform: capitalize;
}
.bs4_form_general > .modal-dialog > .modal-content .bs4_checkbox{
  height: 100%;
  margin-top: 5px;
  position: relative;
}
.bs4_form_general > .modal-dialog > .modal-content .bs4_checkbox > div{
  width: 38px;
  height: 38px;
  margin-top: 5px;
  position: relative;
  display: inline-block;
}
.bs4_form_general > .modal-dialog > .modal-content .bs4_checkbox > div > input{
  top: 0;
  left: 0;
  margin: 0;
  z-index: 5;
  opacity: 0;
  width: 38px;
  height: 38px;
  position: absolute;
  vertical-align: middle;
}
.bs4_form_general > .modal-dialog > .modal-content .bs4_checkbox > div > span{
  top: 0;
  left: 0;
  z-index: 1;
  width: 38px;
  height: 38px;
  position: absolute;
  -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
  transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
}
.bs4_form_general > .modal-dialog > .modal-content .bs4_checkbox > div > input + span:before{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  width: 18px;
  height: 18px;
  margin: auto;
  font-size: 16px;
  line-height: 18px;
  text-shadow: none;
  text-align: center;
  position: absolute;
  vertical-align: middle;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00c";
  -webkit-font-smoothing: antialiased;
  -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
  transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
}
/*---------- RADIO ----------*/
.bs4_radio{
  width: 90px;
  height: 40px;
  position: relative;
  display: inline-block;
  margin: 10px 0 20px 0;
}
.bs4_radio > div{
  top: 0;
  left: 0;
  bottom: 0;
  width: 38px;
  height: 38px;
  margin: auto;
  position: absolute;
  display: inline-block;
}
.bs4_radio > div > input{
  top: 0;
  left: 0;
  margin: 0;
  z-index: 5;
  opacity: 0;
  width: 38px;
  height: 38px;
  position: absolute;
  vertical-align: middle;
}
.bs4_radio > div > span{
  top: 0;
  left: 0;
  z-index: 1;
  width: 38px;
  height: 38px;
  position: absolute;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
  transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
}
.bs4_radio > div > input:checked + span:before{
    opacity: 1;
}
.bs4_radio > div > input + span:before{
  top: 0;
  left: 0;
  opacity: 1;
  content: '';
  width: 19px;
  height: 19px;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  position: absolute;
  vertical-align: middle;
  -webkit-transition: all .5s cubic-bezier(0.22,0.81,0.01,0.99);
  transition: all .5s cubic-bezier(0.22,0.81,0.01,0.99);
}
.bs4_radio > label{
  top: 0;
  bottom: 0;
  left: 48px;
  width: 40px;
  height: 40px;
  margin: auto;
  font-size: 12px;
  font-weight: 500;
  text-align: left;
  line-height: 40px;
  position: absolute;
  text-transform: capitalize;
}
/*----- BODY SUBMIT BUTTON -----*/
.bs4_form_general > .modal-dialog > .modal-content .bs4_form_submit > button{
  left: 0;
  right: 0;
  padding: 0;
  outline: 0;
  width: 150px;
  border: none;
  height: 40px;
  font-size: 12px;
  font-weight: 400;
  line-height: 40px;
  position: absolute;
  display: inline-block;
  margin: 10px auto 0 auto;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-transform: uppercase;
}
/*----- MODAL FOOTER -----*/
.bs4_form_general > .modal-dialog > .modal-content .bs4_form_footer{
  height: 15%;
  position: relative;
}
/*----- FOOTER UNDERLINE -----*/
.bs4_form_general > .modal-dialog > .modal-content .bs4_form_footer:before{
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  content: "";
  margin: auto;
  bottom: auto;
  position: absolute;
}
/*----- FOOTER SOCIAL MEDIA ICONS -----*/
.bs4_form_general > .modal-dialog > .modal-content .bs4_form_footer > ul{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  width: 90%;
  height: 35px;
  margin: auto;
  position: absolute;
  text-align: center;
  list-style-type: none;
}
.bs4_form_general > .modal-dialog > .modal-content .bs4_form_footer > ul > li{
  display: inline-block;
}
.bs4_form_general > .modal-dialog > .modal-content .bs4_form_footer > ul > li > a{
  width: 35px;
  height: 35px;
  display: block;
  text-shadow: none;
  line-height: 35px;
  -webkit-font-smoothing: antialiased;
}
/*---------- SEARCH BAR ----------*/
.bs4_form_general > .modal-dialog > .modal-content .bs4_search .bs4_input_txt{
  width: 80%;
  padding: 0;
  display: inline-block;
}
.bs4_form_general > .modal-dialog > .modal-content .bs4_search .bs4_input_txt > input{
  margin: 0;
}
.bs4_form_general > .modal-dialog > .modal-content .bs4_search .bs4_form_submit{
  width: 20%;
  position: absolute;
  display: inline-block;
}
.bs4_form_general > .modal-dialog > .modal-content .bs4_search .bs4_form_submit > button{
  margin: 0;
  width: 100%;
  height: 48px;
}
/*----- SUBSCRIBE -----*/
.bs4_subscribe{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 85%;
  height: 80%;
  margin: auto;
  position: absolute;
  text-align: center;
}
.bs4_subscribe_txt{
  padding: 30px 20px 0px 20px;
  margin-bottom: 0px;
}
.bs4_subscribe_txt > h1{
  font-weight: 700;
  text-transform: uppercase;
}
.bs4_subscribe_txt > p{
  font-weight: 400;
}
.bs4_form_general > .modal-dialog > .modal-content .bs4_subscribe .bs4_input_txt{
  width: 80%;
  margin: auto;
}
.bs4_form_general > .modal-dialog > .modal-content .bs4_subscribe .bs4_form_submit{
  margin-top: 5px;
}

/*------------------------------------------------------*/
/* RESPONSIVE
/*------------------------------------------------------*/

/*---------- MEDIA 480px ----------*/
@media only screen and (max-width: 480px){
  /*----- MODAL DIALOG -----*/
  .bs4_form_general > .modal-dialog{
    width: 95%;
  }
  /*----- MODAL BODY -----*/
  .bs4_form_general > .modal-dialog > .modal-content .bs4_form_body{
    padding: 20px 10px;
  }
  /*----- CHECKBOX LINK -----*/
  .bs4_form_general > .modal-dialog > .modal-content .bs4_checkbox > label > a{
    margin-left: 10px;
  }
  /*---------- INLINE INPUT ----------*/
  .bs4_input_inline .bs4_input_txt{
    width: 49.2%;
  }
  .bs4_size_contact > .modal-dialog > .modal-content .bs4_form_header > h3{
    font-size: 25px;
  }
}
/*---------- MEDIA 481px - 767px ----------*/
@media (min-width: 481px) and (max-width: 767px){
  /*----- MODAL DIALOG -----*/
  .bs4_form_general > .modal-dialog{
    width: 75%;
  }
  /*---------- INLINE INPUT ----------*/
  .bs4_input_inline .bs4_input_txt{
    width: 49.2%;
  }
}
/*------------------------------------------------------*/
/* SLIDER IMAGES
/*------------------------------------------------------*/
#bs4_sldr_img{
  overflow: hidden;
  position: relative;
}
#bs4_sldr_img:hover,
#bs4_sldr_video:hover,
#bs4_sldr_thumbnail:hover{
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
#bs4_sldr_img:active,
#bs4_sldr_video:active,
#bs4_sldr_thumbnail:active{
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
#bs4_sldr_img > .carousel-inner > .item,
#bs4_sldr_vid > .carousel-inner > .item{
  padding: 75px 0 10px 0;
}
#bs4_sldr_img > .carousel-inner > .item > img,
#bs4_sldr_img > .carousel-inner > .item > a > img{
  width: 50%;
  margin: auto;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
/*---------- LEFT/RIGHT CONTROL ----------*/
.bs4_sldr_img_control .carousel-control{
  top: 45%;
  opacity: 1;
  width: 50px;
  height: 50px;
  z-index: 100;
  font-size: 35px;
  cursor: pointer;
  font-weight: 400;
  overflow: hidden;
  line-height: 50px;
  text-shadow: none;
  position: absolute;
  background: transparent;
  color: rgba(255,255,255,0.5);
  font-family: 'Dosis', sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 0.5s cubic-bezier(.455,.03,.515,.955);
  transition: all 0.5s cubic-bezier(.455,.03,.515,.955);
}
.bs4_sldr_img_control .carousel-control.left{
  left: 8%;
  right: auto;
}
.bs4_sldr_img_control .carousel-control.right{
  right: 8%;
  left: auto;
}
.bs4_sldr_img_control .carousel-control:hover{
  background: transparent;
}
.bs4_sldr_img_btn{
  top: 10px;
  right: 10px;
  color: #000000;
  background: #f2f2f2;
}
.bs4_sldr_img_btn:hover{
  color: #ffffff;
}
.bs4_sq_txt_close{
  width: 60px;
  height: 25px;
  z-index: 100;
  font-size: 10px;
  font-weight: 600;
  line-height: 25px;
  position: absolute;
  text-align: center;
  letter-spacing: 0.5px;
  text-transform: capitalize;
}

/*------------------------------------------------------*/
/* RESPONSIVE
/*------------------------------------------------------*/

/*---------- MEDIA 480px ----------*/
@media only screen and (max-width: 480px){
  #bs4_sldr_img > .carousel-inner > .item{
    padding: 75px 0 10px 0;
  }
  #bs4_sldr_img > .carousel-inner > .item > img,
  #bs4_sldr_img > .carousel-inner > .item > a > img{
    width: 80%;
  }
  .bs4_sldr_img_control .carousel-control.left{
    left: 0;
    right: auto;
  }
  .bs4_sldr_img_control .carousel-control.right{
    left: auto;
    right: 0;
  }
}
/*------------------------------------------------------*/
/* SLIDER VIDEOS
/*------------------------------------------------------*/
.bs4_sldr_vid_btn{
  top: 10px;
  right: 10px;
  margin: auto;
  background: #343434;
  color: rgba(255,255,255,0.7);
}
.bs4_sldr_vid_btn:hover{
  color: #ffffff;
}
/*---------- LEFT/RIGHT CONTROL ----------*/
.bs4_sldr_vid_control .carousel-control{
  top: 45%;
  opacity: 1;
  width: 40px;
  bottom: auto;
  height: 40px;
  cursor: pointer;
  font-weight: 600;
  overflow: hidden;
  line-height: 45px;
  text-shadow: none;
  position: absolute;
  background: #343434;
  color: rgba(255,255,255,0.7);
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1);
  transition: all 0.6s cubic-bezier(0.3,1,0,1);
}
.bs4_sldr_vid_control .carousel-control span{
  font-size: 30px;
}
.bs4_sldr_vid_control .carousel-control.left{
  left: 1%;
  right: auto;
}
.bs4_sldr_vid_control .carousel-control.right{
  left: auto;
  right: 1%;
}
.bs4_sldr_vid_control .carousel-control:hover{
  opacity: 1;
  color: #ffffff;
}
.bs4_sldr_video_vimeo,
.bs4_sldr_video_youtube,
.bs4_sldr_video_slf_host{
  width: 65%;
  margin: auto;
  height: 500px;
}
.bs4_sldr_video_vimeo > iframe,
.bs4_sldr_video_slf_host > video,
.bs4_sldr_video_youtube > iframe{
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bs4_sldr_vid_image{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  position: absolute;
}
.bs4_sldr_vid_image > img{
  width: 100%;
}
/*---------- MEDIA 480px ----------*/
@media only screen and (max-width: 480px){
  .bs4_sldr_vid_image{
    display: block;
  }
  .bs4_sldr_video_vimeo,
  .bs4_sldr_video_youtube,
  .bs4_sldr_video_slf_host{
    width: 100%;
    height: 250px;
  }
}
/*---------- MEDIA 481px - 767px ----------*/
@media (min-width: 481px) and (max-width: 767px){
  .bs4_sldr_vid_image{
    display: block;
  }
  .bs4_sldr_video_vimeo,
  .bs4_sldr_video_youtube,
  .bs4_sldr_video_slf_host{
    width: 80%;
	height: 300px;
  }
}
/*---------- MEDIA 768px - 991px ----------*/
@media (min-width: 768px) and (max-width: 991px){
  .bs4_sldr_video_vimeo,
  .bs4_sldr_video_youtube,
  .bs4_sldr_video_slf_host{
    width: 80%;
	height: 300px;
  }
}
/*------------------------------------------------------*/
/* SLIDER THUMBNAIL
/*------------------------------------------------------*/
.bs4_sldr_thumb_btn{
  top: 10px;
  right: 10px;
  margin: auto;
  background: #343434;
  color: rgba(255,255,255,0.7);
}
.bs4_sldr_thumb_btn:hover{
  color: #ffffff;
}
#bs4_sldr_thumbnail{
  height: 643px;
  padding: 25px 0;
}
#bs4_sldr_thumbnail > .carousel-inner{
  width: 60%;
  margin: auto;
  max-height: 500px;
  border: 1px solid #ffffff;
}
#bs4_sldr_thumbnail:hover{
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
#bs4_sldr_thumbnail:active{
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
#bs4_sldr_thumbnail > .carousel-inner > .item > img,
#bs4_sldr_thumbnail > .carousel-inner > .item > a > img{
  width: 100%;
  margin: auto;
}
/*---------- INDICATORS THUMBNAIL CONTROL ----------*/
.bs4_sldr_thumb_indicators > .carousel-indicators{
  left: 0;
  right: 0;
  top: auto;
  width: 60%;
  bottom: 20px;
  margin: auto;
  font-size: 0;
  padding: 5px 0;
  cursor: e-resize;
  overflow-x: auto;
  overflow-y: hidden;
  text-align: center;
  white-space: nowrap;
}
.bs4_sldr_thumb_indicators > .carousel-indicators li{
  width: 15%;
  padding: 0;
  height: 100%;
  text-indent: 0;
  margin: 0 2px;
  cursor: pointer;
  background: transparent;
  border: 1px solid #ffffff;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1);
  transition: all 0.6s cubic-bezier(0.3,1,0,1);
}
.bs4_sldr_thumb_indicators > .carousel-indicators .active{
  width: 15%;
  height: 100%;
  margin: 0 2px;
  background: transparent;
}
.bs4_sldr_thumb_indicators > .carousel-indicators li img{
  opacity: 1;
  width: 100%;
  display: block;
}
.bs4_sldr_thumb_indicators > .carousel-indicators::-webkit-scrollbar{
  height: 3px;
  background: rgba(0, 0, 0, 0.3);
}
.bs4_sldr_thumb_indicators > .carousel-indicators::-webkit-scrollbar-thumb{
  -webkit-border-radius: 0;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.7);
}
.bs4_sldr_thumb_txt{
  top: 0;
  right: 0;
  position: absolute;
}
.bs4_sldr_thumb_txt > a{
  display: block;
  color: #ffffff;
  font-size: 14px;
  padding: 10px 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
  -webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1);
  transition: all 0.6s cubic-bezier(0.3,1,0,1);
}
/*---------- MEDIA 480px ----------*/
@media only screen and (max-width: 480px){
  .bs4_sldr_thumb_btn{
    top: 0;
    right: 0;
  }
  #bs4_sldr_thumbnail{
    height: auto;
  }
  #bs4_sldr_thumbnail > .carousel-inner{
    width: 95%;
    height: auto;
  }
  /*---------- INDICATORS THUMBNAIL CONTROL ----------*/
  .bs4_sldr_thumb_indicators > .carousel-indicators{
    width: 95%;
	bottom: -30px;
  }
}
/*---------- MEDIA 481px - 767px ----------*/
@media (min-width: 481px) and (max-width: 767px){
  #bs4_sldr_thumbnail{
    height: auto;
  }
  #bs4_sldr_thumbnail > .carousel-inner{
    height: auto;
  }
  /*---------- INDICATORS THUMBNAIL CONTROL ----------*/
  .bs4_sldr_thumb_indicators > .carousel-indicators{
	bottom: -30px;
  }
}
/*---------- MEDIA 768px - 991px ----------*/
@media (min-width: 768px) and (max-width: 991px){
  #bs4_sldr_thumbnail{
    height: auto;
  }
  #bs4_sldr_thumbnail > .carousel-inner{
    height: auto;
  }
  /*---------- INDICATORS THUMBNAIL CONTROL ----------*/
  .bs4_sldr_thumb_indicators > .carousel-indicators{
	bottom: -60px;
  }
}
/*---------- MEDIA 992px - 1250px ----------*/
@media (min-width: 992px) and (max-width: 1250px){
  #bs4_sldr_thumbnail{
    height: auto;
  }
  #bs4_sldr_thumbnail > .carousel-inner{
    height: auto;
  }
  /*---------- INDICATORS THUMBNAIL CONTROL ----------*/
  .bs4_sldr_thumb_indicators > .carousel-indicators{
	bottom: -60px;
  }
}
/*------------------------------------------------------*/
/* SLIDER SHOWCASE
/*------------------------------------------------------*/
.bs4_sldr_sc_cl_btn{
  top: 10px;
  right: 10px;
  margin: auto;
  color: #000000;
  background: #f2f2f2;
}
.bs4_sldr_sc_cl_btn:hover{
  color: #ffffff;
}
.bs4_sldr_sc_gen,
.bs4_sldr_sc_gen > .carousel-inner,
.bs4_sldr_sc_gen > .carousel-inner > .item{
  overflow: hidden;
}
.bs4_sldr_sc_gen{
  padding: 50px 0 60px 0;
}
.bs4_sldr_sc_gen > .carousel-inner{
  width: 75%;
  margin: auto;
}
.bs4_sldr_sc_gen:hover{
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.bs4_sldr_sc_gen:active{
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.bs4_sldr_sc_gen > .carousel-inner > .item .bs4-row{
  margin: 0;
}
.bs4_sldr_sc_gen > .carousel-inner > .item .bs4-row > div{
  padding: 0;
}
.bs4_sldr_sc_gen > .carousel-inner > .item > div{
  padding: 0;
}
/*---------- HEADER ----------*/
.bs4_sldr_sc_header{
  width: 75%;
  margin: auto;
  text-align: center;
  margin-bottom: 40px;
}
.bs4_sldr_sc_header > h1{
  margin: 0;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
}
/*---------- LEFT/RIGHT CONTROL ----------*/
.bs4_sldr_sc_control .carousel-control{
  top: 50%;
  opacity: 1;
  width: 30px;
  bottom: auto;
  height: 30px;
  color: #000000;
  font-size: 20px;
  cursor: pointer;
  overflow: hidden;
  line-height: 30px;
  text-shadow: none;
  text-align: center;
  position: absolute;
  background: #f2f2f2;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99);
  transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99);
}
.bs4_sldr_sc_control .carousel-control > span{
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.bs4_sldr_sc_control .carousel-control.left{
  left: 5%;
}
.bs4_sldr_sc_control .carousel-control.right{
  right: 5%;
}
.bs4_sldr_sc_control .carousel-control.left:hover,
.bs4_sldr_sc_control .carousel-control.right:hover{
  color: #ffffff;
}
.bs4_sldr_sc_content{
  padding: 13px;
  text-align: center;
}
.bs4_sldr_sc_content > img{
  width: 100%;
  display: block;
}
.bs4_sldr_sc_content_col_2 > img{
  width: 50%;
  margin: auto;
}
.bs4_sldr_sc_content > a{
  opacity: 0;
  color: #000000;
  font-size: 11px;
  font-weight: 400;
  margin-top: 15px;
  padding: 7px 25px;
  visibility: hidden;
  background: #f2f2f2;
  text-transform: uppercase;
  -webkit-transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99);
  transition: all 0.6s cubic-bezier(0.22,0.81,0.01,0.99);
}
.bs4_sldr_sc_content_col > a,
.bs4_sldr_sc_content_col_2 > a{
  font-size: 19px;
  padding: 12px 30px;
}
.bs4_sldr_sc_content:hover > a{
  opacity: 1;
  visibility: visible;
}
.bs4_sldr_sc_content > a:hover{
  color: #ffffff;
}
/*---------- MEDIA 480px ----------*/
@media only screen and (max-width: 480px){
  .bs4_sldr_sc_control .carousel-control.left{
    left: 3%;
  }
  .bs4_sldr_sc_control .carousel-control.right{
    right: 3%;
  }
  .bs4_sldr_sc_content_col_2 > img{
    width: 80%;
  }
}
/*---------- MEDIA 481px - 767px ----------*/
@media (min-width: 481px) and (max-width: 767px){
  .bs4_sldr_sc_content > img{
    width: 50%;
    margin: auto;
  }
}
/*---------- MEDIA 768px - 991px ----------*/
@media (min-width: 768px) and (max-width: 991px){
  .bs4_sldr_sc_content_col_2 > img{
    width: 80%;
  }
  .bs4_sldr_sc_content_mov_2{
    padding: 3px;
  }
  .bs4_sldr_sc_content_mov_2 > a{
    font-size: 9px;
    padding: 5px 10px;
  }
}
/*---------- MEDIA 992px - 1150px ----------*/
@media (min-width: 992px) and (max-width: 1150px){
  .bs4_sldr_sc_content{
    padding: 3px;
  }
}














/*-----------------------------------------*/
/* SLIDER COMMERCE
/*-----------------------------------------*/
/*----- CLOSE BUTTON -----*/
a.bs4_sldr_cmrce_close:link,
a.bs4_sldr_cmrce_close:visited{
  top: 10px;
  right: 10px;
  width: 50px;
  height: 25px;
  z-index: 100;
  color: #000000;
  font-size: 12px;
  font-weight: 400;
  line-height: 23px;
  text-align: center;
  position: absolute;
  background: #f7f7f7;
  display: inline-block;
  border: 1px solid #eaeaea;
  text-transform: capitalize;
}
a.bs4_sldr_cmrce_close:hover,
a.bs4_sldr_cmrce_close:active{
  color: #ffffff;
}
/*----- GENERAL -----*/
.bs4_sldr_cmrce_close,
.bs4_sldr_cmrce_txt > h1,
.bs4_sldr_cmrce_txt > h2,
.bs4_sldr_cmrce_txt > p,
.bs4_sldr_cmrce_txt > form > div > label,
.bs4_sldr_cmrce_txt > form > div > input,
.bs4_sldr_cmrce_txt > form > div > select,
.bs4_sldr_cmrce_txt > form > div > select > option,
.bs4_sldr_cmrce_txt > form > div > button{
  text-shadow: none;
  font-family: 'Cairo', sans-serif;
  -webkit-font-smoothing: antialiased;
}
.bs4_size_sldr_cmrce > .modal-dialog > .modal-content .row{
  margin: 0;
}
.bs4_size_sldr_cmrce > .modal-dialog > .modal-content .row > div{
  padding: 0;
}
.bs4_size_sldr_cmrce > .modal-dialog::-webkit-scrollbar{
  width: 3px;
  background: rgba(0, 0, 0, 0.3);
}
.bs4_size_sldr_cmrce > .modal-dialog::-webkit-scrollbar-thumb{
  -webkit-border-radius: 0;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.7);
}
/*----- SLIDER -----*/
.bs4_sldr_cmrce_indicators > .carousel-inner{
  background: #f7f7f7;
}
.bs4_sldr_cmrce_indicators:hover{
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.bs4_sldr_cmrce_indicators:active{
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.bs4_sldr_cmrce_indicators > .carousel-inner > .item{
  padding: 50px;
}
.bs4_sldr_cmrce_indicators > .carousel-inner > .item > img,
.bs4_sldr_cmrce_indicators > .carousel-inner > .item > a > img{
  width: 100%;
  margin: auto;
}
/*----- INDICATORS THUMBNAIL CONTROL -----*/
.bs4_sldr_cmrce_indicators > .carousel-indicators{
  left: 0;
  right: 0;
  top: auto;
  width: 100%;
  bottom: 0;
  margin: auto;
  font-size: 0;
  padding: 5px 0;
  cursor: e-resize;
  overflow-x: auto;
  overflow-y: hidden;
  text-align: center;
  position: relative;
  white-space: nowrap;
}
.bs4_sldr_cmrce_indicators > .carousel-indicators li{
  width: 12%;
  opacity: 1;
  padding: 0;
  height: 100%;
  margin: 0 2px;
  text-indent: 0;
  cursor: pointer;
  background: #f7f7f7;
  border: 1px solid #eaeaea;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1);
  transition: all 0.6s cubic-bezier(0.3,1,0,1);
}
.bs4_sldr_cmrce_indicators > .carousel-indicators .active{
  width: 12%;
  height: 100%;
  margin: 0 2px;
  background: #f7f7f7;
}
.bs4_sldr_cmrce_indicators > .carousel-indicators li img{
  width: 100%;
  display: block;
}
.bs4_sldr_cmrce_indicators > .carousel-indicators::-webkit-scrollbar{
  height: 3px;
  background: rgba(0, 0, 0, 0.3);
}
.bs4_sldr_cmrce_indicators > .carousel-indicators::-webkit-scrollbar-thumb{
  -webkit-border-radius: 0;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.7);
}
/*----- TEXT CONTENT BOX -----*/
.bs4_sldr_cmrce_txt{
  padding: 15px 25px 5px 25px;
}
/*----- NAME -----*/
.bs4_sldr_cmrce_txt > h1{
  width: 80%;
  color: #000000;
  font-size: 25px;
  font-weight: 600;
  text-transform: uppercase;
}
/*----- STARS -----*/
.bs4_sldr_cmrce_txt > ul{
  padding: 0;
  margin: 20px 0;
  list-style-type: none;
}
.bs4_sldr_cmrce_txt > ul > li{
  display: inline-block;
}
/*----- PRICE -----*/
.bs4_sldr_cmrce_txt > h2{
  width: 150px;
  padding: 5px 0;
  margin: 25px 0;
  font-size: 40px;
  font-weight: 600;
}
/*----- DETAIL -----*/
.bs4_sldr_cmrce_txt > p{
  color: #000000;
}
/*----- FORM -----*/
.bs4_sldr_cmrce_txt > form{
  margin: 30px 0;
}
.bs4_sldr_cmrce_txt > form > div > label{
  color: #000000;
  font-weight: 400;
  text-transform: uppercase;
}
.bs4_sldr_cmrce_txt > form > .bs4_form_num,
.bs4_sldr_cmrce_txt > form > .bs4_form_color,
.bs4_sldr_cmrce_txt > form > .bs4_form_size{
  display: inline-block;
}
.bs4_sldr_cmrce_txt > form > .bs4_form_num{
  margin-right: 20px;
}
.bs4_sldr_cmrce_txt > form > .bs4_form_size{
  margin-left: 20px;
}
/*----- INPUT -----*/
.bs4_sldr_cmrce_txt > form > .bs4_form_num > input{
  border: none;
  width: 400px;
  height: 40px;
  color: #000000;
  font-size: 18px;
  margin: 0 0 0 5px;
  background: #f7f7f7;
  display: inline-block;
  border: 1px solid #eaeaea;
}
.bs4_sldr_cmrce_txt > form > .bs4_form_num > input:focus{
  outline: none;
}
/*----- SELECT -----*/
.bs4_sldr_cmrce_txt > form > .bs4_form_color > select,
.bs4_sldr_cmrce_txt > form > .bs4_form_size > select{
  width: 400px;
  height: 40px;
  color: #000000;
  margin: 0 0 0 5px;
  background: #f7f7f7;
  display: inline-block;
  text-transform: uppercase;
  border: 1px solid #eaeaea;
}
.bs4_sldr_cmrce_txt > form > div > select > option{
  text-transform: uppercase;
}
.bs4_sldr_cmrce_txt > form > .bs4_form_color > select:focus,
.bs4_sldr_cmrce_txt > form > .bs4_form_size > select:focus{
  outline: none;
  background: #f7f7f7;
  border: 1px solid #eaeaea;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/*----- BUTTON -----*/
.bs4_sldr_cmrce_txt > form > .bs4_form_cmrce_btn > button{
  left: 0;
  right: 0;
  padding: 0;
  outline: 0;
  width: 150px;
  border: none;
  height: 40px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 400;
  line-height: 40px;
  position: relative;
  display: inline-block;
  margin: 50px auto 0 auto;
  text-transform: uppercase;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*---------- MEDIA 480px ----------*/
@media only screen and (max-width: 480px){
  .bs4_sldr_cmrce_txt > form > .bs4_form_num,
  .bs4_sldr_cmrce_txt > form > .bs4_form_color,
  .bs4_sldr_cmrce_txt > form > .bs4_form_size{
    margin: 10px 0;
    display: block;
  }
  .bs4_sldr_cmrce_txt > form > .bs4_form_num > input{
    margin: 0;
    display: block;
  }
  .bs4_sldr_cmrce_txt > form > .bs4_form_color > select,
  .bs4_sldr_cmrce_txt > form > .bs4_form_size > select{
    margin: 0;
    display: block;
  }
}
/*---------- MEDIA 481px - 767px ----------*/
@media (min-width: 481px) and (max-width: 767px){
  .bs4_sldr_cmrce_txt > form > .bs4_form_num,
  .bs4_sldr_cmrce_txt > form > .bs4_form_color,
  .bs4_sldr_cmrce_txt > form > .bs4_form_size{
    margin: 10px 0;
    display: block;
  }
  .bs4_sldr_cmrce_txt > form > .bs4_form_num > input{
    margin: 0;
    display: block;
  }
  .bs4_sldr_cmrce_txt > form > .bs4_form_color > select,
  .bs4_sldr_cmrce_txt > form > .bs4_form_size > select{
    margin: 0;
    display: block;
  }
  .bs4_size_sldr_cmrce > .modal-dialog{
    width: 70%;
    height: 90%;
  }
}
/*---------- MEDIA 768px - 991px ----------*/
@media (min-width: 768px) and (max-width: 991px){
  .bs4_size_sldr_cmrce > .modal-dialog{
	width: 95%;
	height: 95%;
  }
  .bs4_sldr_cmrce_txt{
    padding: 10px 15px 10px 25px;
  }
  .bs4_sldr_cmrce_txt > h1{
    width: 90%;
    font-size: 16px;
  }
  .bs4_sldr_cmrce_txt > ul{
    margin: 10px 0;
  }
  .bs4_sldr_cmrce_txt > h2{
    width: 75px;
    margin: 10px 0;
    font-size: 20px;
  }
  .bs4_sldr_cmrce_txt > p{
    font-size: 12px;
  }
  .bs4_sldr_cmrce_txt > form{
    margin: 0;
  }
  .bs4_sldr_cmrce_txt > form > .bs4_form_num > input{
    margin: 0;
    display: block;
  }
  .bs4_sldr_cmrce_txt > form > .bs4_form_color > select,
  .bs4_sldr_cmrce_txt > form > .bs4_form_size > select{
    margin: 0;
    display: block;
  }
  .bs4_sldr_cmrce_txt > form > .bs4_form_cmrce_btn > button{
    margin: 10px auto 0 auto;
  }
}
/*---------- MEDIA 992px - 1229px ----------*/
@media (min-width: 992px) and (max-width: 1229px){
  .bs4_size_sldr_cmrce > .modal-dialog{
	width: 95%;
	height: 95%;
  }
  .bs4_sldr_cmrce_txt > form > .bs4_form_num > input{
    margin: 0;
    display: block;
  }
  .bs4_sldr_cmrce_txt > form > .bs4_form_color > select,
  .bs4_sldr_cmrce_txt > form > .bs4_form_size > select{
    margin: 0;
    display: block;
  }
}
/*----- MODAL CONTENT -----*/
.bs4_size_sldr_cmrce > .modal-dialog > .modal-content{
  width: 100%;
  height: auto;
}
@media (min-width: 1230px){
  .bs4_size_sldr_cmrce > .modal-dialog{
	width: 80%;
	height: 80%;
  }
}
/*------------------------------------------------------*/
/* SINGLE COMMERCE
/*------------------------------------------------------*/
/*----- CLOSE BUTTON -----*/
a.bs4_sngl_cmrce_close:link,
a.bs4_sngl_cmrce_close:visited{
  top: 5px;
  right: 5px;
  width: 50px;
  height: 25px;
  z-index: 100;
  color: #000000;
  font-size: 12px;
  font-weight: 400;
  line-height: 23px;
  text-align: center;
  position: absolute;
  background: #f7f7f7;
  display: inline-block;
  border: 1px solid #eaeaea;
  text-transform: capitalize;
}
a.bs4_sngl_cmrce_close:hover,
a.bs4_sngl_cmrce_close:active{
  color: #ffffff;
}
/*----- GENERAL -----*/
.bs4_sngl_cmrce_close,
.bs4_sngl_cmrce_txt > h1,
.bs4_sngl_cmrce_txt > h2,
.bs4_sngl_cmrce_txt > p,
.bs4_sngl_cmrce_txt > form > div > label,
.bs4_sngl_cmrce_txt > form > div > input,
.bs4_sngl_cmrce_txt > form > div > select,
.bs4_sngl_cmrce_txt > form > div > select > option,
.bs4_sngl_cmrce_txt > form > div > button{
  text-shadow: none;
  font-family: 'Cairo', sans-serif;
  -webkit-font-smoothing: antialiased;
}
.bs4_sngl_cmrce_img > img{
  width: 100%;
}

.bs4_subscribe > img{
  width: 100%;
}
.bs4_size_sngl_cmrce > .modal-dialog > .modal-content .row{
  margin: 0;
}
.bs4_size_subscribe > .modal-dialog > .modal-content .row{
  margin: 0;
}
.bs4_size_sngl_cmrce > .modal-dialog > .modal-content .row > div{
  padding: 0;
}
.bs4_size_subscribe > .modal-dialog > .modal-content .row > div{
  padding: 0;
}
.bs4_size_sngl_cmrce > .modal-dialog::-webkit-scrollbar{
  width: 3px;
  background: rgba(0, 0, 0, 0.3);

}

.bs4_size_subscribe > .modal-dialog::-webkit-scrollbar{
  width: 3px;
  background: rgba(0, 0, 0, 0.3);

}

.bs4_size_sngl_cmrce > .modal-dialog::-webkit-scrollbar-thumb{
  -webkit-border-radius: 0;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.7);
}

.bs4_size_subscribe > .modal-dialog::-webkit-scrollbar-thumb{
  -webkit-border-radius: 0;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.7);
}
/*----- TEXT CONTENT BOX -----*/
.bs4_sngl_cmrce_txt{
  padding: 0px 20px 0px 20px;
  text-align: center; /*CHRIS*/
}
/*----- NAME -----*/
.bs4_sngl_cmrce_txt > h1{
  margin: 0;
  width: 85%;
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}
/*----- FORM -----*/
.bs4_sngl_cmrce_txt > form{
  margin: 20px 0;
}
.bs4_sngl_cmrce_txt > form > div > label{
  color: #000000;
  font-weight: 400;
  text-transform: uppercase;
}
.bs4_sngl_cmrce_txt > form > .bs4_form_num,
.bs4_sngl_cmrce_txt > form > .bs4_form_color,
.bs4_sngl_cmrce_txt > form > .bs4_form_size{
  display: inline-block;
}
.bs4_sngl_cmrce_txt > form > .bs4_form_num{
  margin-right: 20px;
}
.bs4_sngl_cmrce_txt > form > .bs4_form_size{
  margin-left: 20px;
}
/*----- INPUT -----*/
.bs4_sngl_cmrce_txt > form > .bs4_form_num > input{
  border: none;
  width: 100%; /*CHRIS*/
  height: 40px;
  color: #000000;
  font-size: 18px;
  background: #f7f7f7;
  display: block;
  border: 1px solid #eaeaea;
}
.bs4_sngl_cmrce_txt > form > .bs4_form_num > input:focus{
  outline: none;
}
/*----- SELECT -----*/
.bs4_sngl_cmrce_txt > form > .bs4_form_color > select,
.bs4_sngl_cmrce_txt > form > .bs4_form_size > select{
  width: 100px;
  height: 40px;
  color: #000000;
  background: #f7f7f7;
  display: block;
  text-transform: uppercase;
  border: 1px solid #eaeaea;
}
.bs4_sngl_cmrce_txt > form > div > select > option{
  text-transform: uppercase;
}
.bs4_sngl_cmrce_txt > form > .bs4_form_color > select:focus,
.bs4_sngl_cmrce_txt > form > .bs4_form_size > select:focus{
  outline: none;
  background: #f7f7f7;
  border: 1px solid #eaeaea;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/*----- BUTTON -----*/
.bs4_sngl_cmrce_txt > form > .bs4_form_cmrce_btn > button{
  left: 0;
  right: 0;
  padding: 0;
  outline: 0;
  width: 150px;
  border: none;
  height: 40px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 400;
  line-height: 40px;
  position: relative;
  display: inline-block;
  margin: 30px auto 0 auto;
  text-transform: uppercase;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/*---------- MEDIA 480px ----------*/
@media only screen and (max-width: 480px){
  .bs4_size_sngl_cmrce > .modal-dialog{
	width: 95%;
	height: 95%;
  }
   .bs4_size_subscribe > .modal-dialog{
	width: 95%;
	height: 95%;
  }
  .bs4_sngl_cmrce_txt > form > .bs4_form_num,
  .bs4_sngl_cmrce_txt > form > .bs4_form_color,
  .bs4_sngl_cmrce_txt > form > .bs4_form_size{
    display: block;
  }
  .bs4_sngl_cmrce_txt > form > .bs4_form_num{
    margin-right: 0;
  }
  .bs4_sngl_cmrce_txt > form > .bs4_form_size{
    margin-left: 0;
  }
}
/*----- MODAL CONTENT -----*/
.bs4_size_sngl_cmrce > .modal-dialog > .modal-content{
  width: 100%;
  height: auto;
}
.bs4_size_subscribe > .modal-dialog > .modal-content{
  width: 100%;
  height: auto;
}
/*---------- MEDIA 481px - 767px ----------*/
@media (min-width: 481px) and (max-width: 767px){
  .bs4_size_sngl_cmrce > .modal-dialog{
	width: 65%;
	height: 65%;
  }
   .bs4_size_subscribe > .modal-dialog{
	width: 65%;
	height: 65%;
  }
  .bs4_sngl_cmrce_txt > form > .bs4_form_num,
  .bs4_sngl_cmrce_txt > form > .bs4_form_color,
  .bs4_sngl_cmrce_txt > form > .bs4_form_size{
    display: block;
  }
  .bs4_sngl_cmrce_txt > form > .bs4_form_num{
    margin-right: 0;
  }
  .bs4_sngl_cmrce_txt > form > .bs4_form_size{
    margin-left: 0;
  }
}
/*---------- MEDIA 768px - 991px ----------*/
@media (min-width: 768px) and (max-width: 991px){
  .bs4_size_sngl_cmrce > .modal-dialog{
	width: 90%;
	height: 90%;
  }
    .bs4_size_subscribe > .modal-dialog{
	width: 90%;
	height: 90%;
  }
}
/*---------- MEDIA 992px - 1229px ----------*/
@media (min-width: 992px) and (max-width: 1229px){
  .bs4_size_sngl_cmrce > .modal-dialog{
	width: 75%;
	height: 75%;
  }
    .bs4_size_subscribe > .modal-dialog{
	width: 75%;
	height: 75%;
  }
}
@media (min-width: 1230px){
  .bs4_size_subscribe > .modal-dialog{
	width: 65%;
	height: 65%;
  }

    .bs4_size_subscribe > .modal-dialog{
	width: 65%;
	height: 65%;
  }
}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------*/
/* MODAL SIZE
/*-----------------------------------------*/

/*----- MODAL SIZE FOR SUBSCRIBE FORM -----*/
.bs4_size_subscribe > .modal-dialog{
  height: 95%;
}
/*----- MODAL CONTENT -----*/
.bs4_size_subscribe > .modal-dialog > .modal-content{
  width: 100%;
  height: 358px;
}
@media (min-width: 768px){
  .bs4_size_subscribe > .modal-dialog{
	height: 66%;
	width: 860px;
  }
}













/*-----------------------------------------*/
/* BLUE COLOR SCHEME
/*-----------------------------------------*/
.bs4_blue > .modal-dialog > .modal-content .bs4_form_header > a:before,
.bs4_blue > .modal-dialog > .modal-content a.bs4_sq_txt_close:before,
.bs4_blue > .modal-dialog > .modal-content a.bs4_bnr_cl_btn:before,
.bs4_blue > .modal-dialog > .modal-content a.bs4_sldr_cmrce_close:before,
.bs4_blue > .modal-dialog > .modal-content a.bs4_sngl_cmrce_close:before,
.bs4_blue > .modal-dialog > .modal-content .bs4_subscribe_close > a:before,
.bs4_blue > .modal-dialog > .modal-content .bs4_checkbox > div > input:checked + span,
.bs4_blue > .modal-dialog > .modal-content .bs4_radio > div > input:checked + span,
.bs4_blue > .modal-dialog > .modal-content .bs4_form_submit > button,
.bs4_blue > .modal-dialog > .modal-content .bs4_form_footer > ul > li > a:before,
.bs4_blue > .modal-dialog > .modal-content .bs4_sldr_vid_control .carousel-control:hover,
.bs4_blue > .modal-dialog > .modal-content .bs4_sldr_sc_content > a.bs4_sldr_sc_btn:before,
.bs4_blue > .modal-dialog > .modal-content .bs4_sldr_sc_control .carousel-control:hover,
.bs4_blue > .modal-dialog > .modal-content .bs4_prtflo_icons > a:hover,
.bs4_blue > .modal-dialog > .modal-content .bs4_team_txt > a,
.bs4_blue > .modal-dialog > .modal-content a.bs4_bnr_btn,
.bs4_blue > .modal-dialog > .modal-content .bs4_form_cmrce_btn > button{
  background: #36414b;
}
.bs4_blue > .modal-dialog > .modal-content .bs4_input_txt > input,
.bs4_blue > .modal-dialog > .modal-content form > .bs4_textarea > textarea,
.bs4_blue > .modal-dialog > .modal-content .bs4_checkbox > label > a,
.bs4_blue > .modal-dialog > .modal-content .bs4_sldr_img_control .carousel-control:hover,
.bs4_blue > .modal-dialog > .modal-content .bs4_sldr_thumb_txt > a:hover,
.bs4_blue > .modal-dialog > .modal-content .bs4_prtflo_detail > a:hover,
.bs4_blue > .modal-dialog > .modal-content .bs4_team_img > ul > li > a:hover,
.bs4_blue > .modal-dialog > .modal-content .bs4_sldr_cmrce_txt > h2{
  color: #36414b;
}
.bs4_blue > .modal-dialog > .modal-content .bs4_sldr_cmrce_txt > h2{
  border-top: 2px solid #36414b;
  border-bottom: 2px solid #36414b;
}
.bs4_blue > .modal-dialog > .modal-content .bs4_input_txt > input:focus,
.bs4_blue > .modal-dialog > .modal-content .bs4_textarea > textarea:focus,
.bs4_blue > .modal-dialog > .modal-content .bs4_checkbox > div > input:checked + span,
.bs4_blue > .modal-dialog > .modal-content .bs4_radio > div > input:checked + span,
.bs4_blue > .modal-dialog > .modal-content .bs4_sldr_thumb_indicators > .carousel-indicators .active,
.bs4_blue > .modal-dialog > .modal-content .bs4_sldr_cmrce_indicators > .carousel-indicators .active,
.bs4_blue > .modal-dialog > .modal-content a.bs4_sldr_cmrce_close:hover,
.bs4_blue > .modal-dialog > .modal-content a.bs4_sngl_cmrce_close:hover{
  border: 1px solid #36414b;
}
/*---------- PLACE HOLDER ----------*/
.bs4_blue > .modal-dialog > .modal-content .bs4_input_txt > input:focus::-webkit-input-placeholder{
  color: #36414b;
}
.bs4_blue > .modal-dialog > .modal-content .bs4_input_txt > input:focus::-moz-placeholder{
  color: #36414b;
}
.bs4_blue > .modal-dialog > .modal-content .bs4_input_txt > input:focus:-ms-input-placeholder{
  color: #36414b;
}
.bs4_blue > .modal-dialog > .modal-content .bs4_input_txt > input:focus:-moz-placeholder{
  color: #36414b;
}
.bs4_blue > .modal-dialog > .modal-content .bs4_textarea > textarea:focus::-webkit-input-placeholder{
  color: #36414b;
}
.bs4_blue > .modal-dialog > .modal-content .bs4_textarea > textarea:focus::-moz-placeholder{
  color: #36414b;
}
.bs4_blue > .modal-dialog > .modal-content .bs4_textarea > textarea:focus:-ms-input-placeholder{
  color: #36414b;
}
.bs4_blue > .modal-dialog > .modal-content .bs4_textarea > textarea:focus:-moz-placeholder{
  color: #36414b;
}
.bs4_blue > .modal-dialog > .modal-content .bs4_sldr_cmrce_txt > ul > li,
.bs4_blue > .modal-dialog > .modal-content .bs4_sngl_cmrce_txt > ul > li,
.bs4_blue > .modal-dialog > .modal-content .bs4_checkbox > label > a:hover{
  color: #8c98a9;
}
.bs4_blue > .modal-dialog > .modal-content .bs4_sngl_cmrce_txt > h2,
.bs4_blue > .modal-dialog > .modal-content .bs4_form_submit > button:before,
.bs4_blue > .modal-dialog > .modal-content .bs4_team_txt > a:before,
.bs4_blue > .modal-dialog > .modal-content a.bs4_bnr_btn:before,
.bs4_blue > .modal-dialog > .modal-content .bs4_form_cmrce_btn > button:before{
  background: #8c98a9;
}
/*-----------------------------------------*/
/* GREEN COLOR SCHEME
/*-----------------------------------------*/
.bs4_green > .modal-dialog > .modal-content .bs4_form_header > a:before,
.bs4_green > .modal-dialog > .modal-content a.bs4_sq_txt_close:before,
.bs4_green > .modal-dialog > .modal-content a.bs4_bnr_cl_btn:before,
.bs4_green > .modal-dialog > .modal-content a.bs4_sldr_cmrce_close:before,
.bs4_green > .modal-dialog > .modal-content a.bs4_sngl_cmrce_close:before,
.bs4_green > .modal-dialog > .modal-content .bs4_subscribe_close > a:before,
.bs4_green > .modal-dialog > .modal-content .bs4_checkbox > div > input:checked + span,
.bs4_green > .modal-dialog > .modal-content .bs4_radio > div > input:checked + span,
.bs4_green > .modal-dialog > .modal-content .bs4_form_submit > button,
.bs4_green > .modal-dialog > .modal-content .bs4_form_footer > ul > li > a:before,
.bs4_green > .modal-dialog > .modal-content .bs4_sldr_vid_control .carousel-control:hover,
.bs4_green > .modal-dialog > .modal-content .bs4_sldr_sc_content > a.bs4_sldr_sc_btn:before,
.bs4_green > .modal-dialog > .modal-content .bs4_sldr_sc_control .carousel-control:hover,
.bs4_green > .modal-dialog > .modal-content .bs4_prtflo_icons > a:hover,
.bs4_green > .modal-dialog > .modal-content .bs4_team_txt > a,
.bs4_green > .modal-dialog > .modal-content a.bs4_bnr_btn,
.bs4_green > .modal-dialog > .modal-content .bs4_form_cmrce_btn > button{
  background: #75b00f;
}
.bs4_green > .modal-dialog > .modal-content .bs4_input_txt > input,
.bs4_green > .modal-dialog > .modal-content form > .bs4_textarea > textarea,
.bs4_green > .modal-dialog > .modal-content .bs4_checkbox > label > a,
.bs4_green > .modal-dialog > .modal-content .bs4_sldr_img_control .carousel-control:hover,
.bs4_green > .modal-dialog > .modal-content .bs4_sldr_thumb_txt > a:hover,
.bs4_green > .modal-dialog > .modal-content .bs4_prtflo_detail > a:hover,
.bs4_green > .modal-dialog > .modal-content .bs4_team_img > ul > li > a:hover,
.bs4_green > .modal-dialog > .modal-content .bs4_sldr_cmrce_txt > h2{
  color: #75b00f;
}
.bs4_green > .modal-dialog > .modal-content .bs4_sldr_cmrce_txt > h2{
  border-top: 2px solid #75b00f;
  border-bottom: 2px solid #75b00f;
}
.bs4_green > .modal-dialog > .modal-content .bs4_input_txt > input:focus,
.bs4_green > .modal-dialog > .modal-content .bs4_textarea > textarea:focus,
.bs4_green > .modal-dialog > .modal-content .bs4_checkbox > div > input:checked + span,
.bs4_green > .modal-dialog > .modal-content .bs4_radio > div > input:checked + span,
.bs4_green > .modal-dialog > .modal-content .bs4_sldr_thumb_indicators > .carousel-indicators .active,
.bs4_green > .modal-dialog > .modal-content .bs4_sldr_cmrce_indicators > .carousel-indicators .active,
.bs4_green > .modal-dialog > .modal-content a.bs4_sldr_cmrce_close:hover,
.bs4_green > .modal-dialog > .modal-content a.bs4_sngl_cmrce_close:hover{
  border: 1px solid #75b00f;
}
/*---------- PLACE HOLDER ----------*/
.bs4_green > .modal-dialog > .modal-content .bs4_input_txt > input:focus::-webkit-input-placeholder{
  color: #75b00f;
}
.bs4_green > .modal-dialog > .modal-content .bs4_input_txt > input:focus::-moz-placeholder{
  color: #75b00f;
}
.bs4_green > .modal-dialog > .modal-content .bs4_input_txt > input:focus:-ms-input-placeholder{
  color: #75b00f;
}
.bs4_green > .modal-dialog > .modal-content .bs4_input_txt > input:focus:-moz-placeholder{
  color: #75b00f;
}
.bs4_green > .modal-dialog > .modal-content .bs4_textarea > textarea:focus::-webkit-input-placeholder{
  color: #75b00f;
}
.bs4_green > .modal-dialog > .modal-content .bs4_textarea > textarea:focus::-moz-placeholder{
  color: #75b00f;
}
.bs4_green > .modal-dialog > .modal-content .bs4_textarea > textarea:focus:-ms-input-placeholder{
  color: #75b00f;
}
.bs4_green > .modal-dialog > .modal-content .bs4_textarea > textarea:focus:-moz-placeholder{
  color: #75b00f;
}
.bs4_green > .modal-dialog > .modal-content .bs4_sldr_cmrce_txt > ul > li,
.bs4_green > .modal-dialog > .modal-content .bs4_sngl_cmrce_txt > ul > li,
.bs4_green > .modal-dialog > .modal-content .bs4_checkbox > label > a:hover{
  color: #4e750a;
}
.bs4_green > .modal-dialog > .modal-content .bs4_sngl_cmrce_txt > h2,
.bs4_green > .modal-dialog > .modal-content .bs4_form_submit > button:before,
.bs4_green > .modal-dialog > .modal-content .bs4_team_txt > a:before,
.bs4_green > .modal-dialog > .modal-content a.bs4_bnr_btn:before,
.bs4_green > .modal-dialog > .modal-content .bs4_form_cmrce_btn > button:before{
  background: #4e750a;
}
/*-----------------------------------------*/
/* RED COLOR SCHEME
/*-----------------------------------------*/
.bs4_red > .modal-dialog > .modal-content .bs4_form_header > a:before,
.bs4_red > .modal-dialog > .modal-content a.bs4_sq_txt_close:before,
.bs4_red > .modal-dialog > .modal-content a.bs4_bnr_cl_btn:before,
.bs4_red > .modal-dialog > .modal-content a.bs4_sldr_cmrce_close:before,
.bs4_red > .modal-dialog > .modal-content a.bs4_sngl_cmrce_close:before,
.bs4_red > .modal-dialog > .modal-content .bs4_subscribe_close > a:before,
.bs4_red > .modal-dialog > .modal-content .bs4_checkbox > div > input:checked + span,
.bs4_red > .modal-dialog > .modal-content .bs4_radio > div > input:checked + span,
.bs4_red > .modal-dialog > .modal-content .bs4_form_submit > button,
.bs4_red > .modal-dialog > .modal-content .bs4_form_footer > ul > li > a:before,
.bs4_red > .modal-dialog > .modal-content .bs4_sldr_vid_control .carousel-control:hover,
.bs4_red > .modal-dialog > .modal-content .bs4_sldr_sc_content > a.bs4_sldr_sc_btn:before,
.bs4_red > .modal-dialog > .modal-content .bs4_sldr_sc_control .carousel-control:hover,
.bs4_red > .modal-dialog > .modal-content .bs4_prtflo_icons > a:hover,
.bs4_red > .modal-dialog > .modal-content .bs4_team_txt > a,
.bs4_red > .modal-dialog > .modal-content a.bs4_bnr_btn,
.bs4_red > .modal-dialog > .modal-content .bs4_form_cmrce_btn > button{
  background: #ff5252;
}
.bs4_red > .modal-dialog > .modal-content .bs4_input_txt > input,
.bs4_red > .modal-dialog > .modal-content form > .bs4_textarea > textarea,
.bs4_red > .modal-dialog > .modal-content .bs4_checkbox > label > a,
.bs4_red > .modal-dialog > .modal-content .bs4_sldr_img_control .carousel-control:hover,
.bs4_red > .modal-dialog > .modal-content .bs4_sldr_thumb_txt > a:hover,
.bs4_red > .modal-dialog > .modal-content .bs4_prtflo_detail > a:hover,
.bs4_red > .modal-dialog > .modal-content .bs4_team_img > ul > li > a:hover,
.bs4_red > .modal-dialog > .modal-content .bs4_sldr_cmrce_txt > h2{
  color: #ff5252;
}
.bs4_red > .modal-dialog > .modal-content .bs4_sldr_cmrce_txt > h2{
  border-top: 2px solid #ff5252;
  border-bottom: 2px solid #ff5252;
}
.bs4_red > .modal-dialog > .modal-content .bs4_input_txt > input:focus,
.bs4_red > .modal-dialog > .modal-content .bs4_textarea > textarea:focus,
.bs4_red > .modal-dialog > .modal-content .bs4_checkbox > div > input:checked + span,
.bs4_red > .modal-dialog > .modal-content .bs4_radio > div > input:checked + span,
.bs4_red > .modal-dialog > .modal-content .bs4_sldr_thumb_indicators > .carousel-indicators .active,
.bs4_red > .modal-dialog > .modal-content .bs4_sldr_cmrce_indicators > .carousel-indicators .active,
.bs4_red > .modal-dialog > .modal-content a.bs4_sldr_cmrce_close:hover,
.bs4_red > .modal-dialog > .modal-content a.bs4_sngl_cmrce_close:hover{
  border: 1px solid #ff5252;
}
/*---------- PLACE HOLDER ----------*/
.bs4_red > .modal-dialog > .modal-content .bs4_input_txt > input:focus::-webkit-input-placeholder{
  color: #ff5252;
}
.bs4_red > .modal-dialog > .modal-content .bs4_input_txt > input:focus::-moz-placeholder{
  color: #ff5252;
}
.bs4_red > .modal-dialog > .modal-content .bs4_input_txt > input:focus:-ms-input-placeholder{
  color: #ff5252;
}
.bs4_red > .modal-dialog > .modal-content .bs4_input_txt > input:focus:-moz-placeholder{
  color: #ff5252;
}
.bs4_red > .modal-dialog > .modal-content .bs4_textarea > textarea:focus::-webkit-input-placeholder{
  color: #ff5252;
}
.bs4_red > .modal-dialog > .modal-content .bs4_textarea > textarea:focus::-moz-placeholder{
  color: #ff5252;
}
.bs4_red > .modal-dialog > .modal-content .bs4_textarea > textarea:focus:-ms-input-placeholder{
  color: #ff5252;
}
.bs4_red > .modal-dialog > .modal-content .bs4_textarea > textarea:focus:-moz-placeholder{
  color: #ff5252;
}
.bs4_red > .modal-dialog > .modal-content .bs4_sldr_cmrce_txt > ul > li,
.bs4_red > .modal-dialog > .modal-content .bs4_sngl_cmrce_txt > ul > li,
.bs4_red > .modal-dialog > .modal-content .bs4_checkbox > label > a:hover{
  color: #aa3636;
}
.bs4_red > .modal-dialog > .modal-content .bs4_sngl_cmrce_txt > h2,
.bs4_red > .modal-dialog > .modal-content .bs4_form_submit > button:before,
.bs4_red > .modal-dialog > .modal-content .bs4_team_txt > a:before,
.bs4_red > .modal-dialog > .modal-content a.bs4_bnr_btn:before,
.bs4_red > .modal-dialog > .modal-content .bs4_form_cmrce_btn > button:before{
  background: #aa3636;
}
/*-----------------------------------------*/
/* GOLDEN COLOR SCHEME
/*-----------------------------------------*/
.bs4_gold > .modal-dialog > .modal-content .bs4_form_header > a:before,
.bs4_gold > .modal-dialog > .modal-content a.bs4_sq_txt_close:before,
.bs4_gold > .modal-dialog > .modal-content a.bs4_bnr_cl_btn:before,
.bs4_gold > .modal-dialog > .modal-content a.bs4_sldr_cmrce_close:before,
.bs4_gold > .modal-dialog > .modal-content a.bs4_sngl_cmrce_close:before,
.bs4_gold > .modal-dialog > .modal-content .bs4_subscribe_close > a:before,
.bs4_gold > .modal-dialog > .modal-content .bs4_checkbox > div > input:checked + span,
.bs4_gold > .modal-dialog > .modal-content .bs4_radio > div > input:checked + span,
.bs4_gold > .modal-dialog > .modal-content .bs4_form_submit > button,
.bs4_gold > .modal-dialog > .modal-content .bs4_form_footer > ul > li > a:before,
.bs4_gold > .modal-dialog > .modal-content .bs4_sldr_vid_control .carousel-control:hover,
.bs4_gold > .modal-dialog > .modal-content .bs4_sldr_sc_content > a.bs4_sldr_sc_btn:before,
.bs4_gold > .modal-dialog > .modal-content .bs4_sldr_sc_control .carousel-control:hover,
.bs4_gold > .modal-dialog > .modal-content .bs4_prtflo_icons > a:hover,
.bs4_gold > .modal-dialog > .modal-content .bs4_team_txt > a,
.bs4_gold > .modal-dialog > .modal-content a.bs4_bnr_btn,
.bs4_gold > .modal-dialog > .modal-content .bs4_form_cmrce_btn > button{
  background: #fed700;
}
.bs4_gold > .modal-dialog > .modal-content .bs4_input_txt > input,
.bs4_gold > .modal-dialog > .modal-content form > .bs4_textarea > textarea,
.bs4_gold > .modal-dialog > .modal-content .bs4_checkbox > label > a,
.bs4_gold > .modal-dialog > .modal-content .bs4_sldr_img_control .carousel-control:hover,
.bs4_gold > .modal-dialog > .modal-content .bs4_sldr_thumb_txt > a:hover,
.bs4_gold > .modal-dialog > .modal-content .bs4_prtflo_detail > a:hover,
.bs4_gold > .modal-dialog > .modal-content .bs4_team_img > ul > li > a:hover,
.bs4_gold > .modal-dialog > .modal-content .bs4_sldr_cmrce_txt > h2{
  color: #fed700;
}
.bs4_gold > .modal-dialog > .modal-content .bs4_sldr_cmrce_txt > h2{
  border-top: 2px solid #fed700;
  border-bottom: 2px solid #fed700;
}
.bs4_gold > .modal-dialog > .modal-content .bs4_input_txt > input:focus,
.bs4_gold > .modal-dialog > .modal-content .bs4_textarea > textarea:focus,
.bs4_gold > .modal-dialog > .modal-content .bs4_checkbox > div > input:checked + span,
.bs4_gold > .modal-dialog > .modal-content .bs4_radio > div > input:checked + span,
.bs4_gold > .modal-dialog > .modal-content .bs4_sldr_thumb_indicators > .carousel-indicators .active,
.bs4_gold > .modal-dialog > .modal-content .bs4_sldr_cmrce_indicators > .carousel-indicators .active,
.bs4_gold > .modal-dialog > .modal-content a.bs4_sldr_cmrce_close:hover,
.bs4_gold > .modal-dialog > .modal-content a.bs4_sngl_cmrce_close:hover{
  border: 1px solid #fed700;
}
/*---------- PLACE HOLDER ----------*/
.bs4_gold > .modal-dialog > .modal-content .bs4_input_txt > input:focus::-webkit-input-placeholder{
  color: #fed700;
}
.bs4_gold > .modal-dialog > .modal-content .bs4_input_txt > input:focus::-moz-placeholder{
  color: #fed700;
}
.bs4_gold > .modal-dialog > .modal-content .bs4_input_txt > input:focus:-ms-input-placeholder{
  color: #fed700;
}
.bs4_gold > .modal-dialog > .modal-content .bs4_input_txt > input:focus:-moz-placeholder{
  color: #fed700;
}
.bs4_gold > .modal-dialog > .modal-content .bs4_textarea > textarea:focus::-webkit-input-placeholder{
  color: #fed700;
}
.bs4_gold > .modal-dialog > .modal-content .bs4_textarea > textarea:focus::-moz-placeholder{
  color: #fed700;
}
.bs4_gold > .modal-dialog > .modal-content .bs4_textarea > textarea:focus:-ms-input-placeholder{
  color: #fed700;
}
.bs4_gold > .modal-dialog > .modal-content .bs4_textarea > textarea:focus:-moz-placeholder{
  color: #fed700;
}
.bs4_gold > .modal-dialog > .modal-content .bs4_sldr_cmrce_txt > ul > li,
.bs4_gold > .modal-dialog > .modal-content .bs4_sngl_cmrce_txt > ul > li,
.bs4_gold > .modal-dialog > .modal-content .bs4_checkbox > label > a:hover{
  color: #a98f00;
}
.bs4_gold > .modal-dialog > .modal-content .bs4_sngl_cmrce_txt > h2,
.bs4_gold > .modal-dialog > .modal-content .bs4_form_submit > button:before,
.bs4_gold > .modal-dialog > .modal-content .bs4_team_txt > a:before,
.bs4_gold > .modal-dialog > .modal-content a.bs4_bnr_btn:before,
.bs4_gold > .modal-dialog > .modal-content .bs4_form_cmrce_btn > button:before{
  background: #a98f00;
}
/*-----------------------------------------*/
/* BROWN COLOR SCHEME
/*-----------------------------------------*/
.bs4_brown > .modal-dialog > .modal-content .bs4_form_header > a:before,
.bs4_brown > .modal-dialog > .modal-content a.bs4_sq_txt_close:before,
.bs4_brown > .modal-dialog > .modal-content a.bs4_bnr_cl_btn:before,
.bs4_brown > .modal-dialog > .modal-content a.bs4_sldr_cmrce_close:before,
.bs4_brown > .modal-dialog > .modal-content a.bs4_sngl_cmrce_close:before,
.bs4_brown > .modal-dialog > .modal-content .bs4_subscribe_close > a:before,
.bs4_brown > .modal-dialog > .modal-content .bs4_checkbox > div > input:checked + span,
.bs4_brown > .modal-dialog > .modal-content .bs4_radio > div > input:checked + span,
.bs4_brown > .modal-dialog > .modal-content .bs4_form_submit > button,
.bs4_brown > .modal-dialog > .modal-content .bs4_form_footer > ul > li > a:before,
.bs4_brown > .modal-dialog > .modal-content .bs4_sldr_vid_control .carousel-control:hover,
.bs4_brown > .modal-dialog > .modal-content .bs4_sldr_sc_content > a.bs4_sldr_sc_btn:before,
.bs4_brown > .modal-dialog > .modal-content .bs4_sldr_sc_control .carousel-control:hover,
.bs4_brown > .modal-dialog > .modal-content .bs4_prtflo_icons > a:hover,
.bs4_brown > .modal-dialog > .modal-content .bs4_team_txt > a,
.bs4_brown > .modal-dialog > .modal-content a.bs4_bnr_btn,
.bs4_brown > .modal-dialog > .modal-content .bs4_form_cmrce_btn > button{
  background: #c0a063;
}
.bs4_brown > .modal-dialog > .modal-content .bs4_input_txt > input,
.bs4_brown > .modal-dialog > .modal-content form > .bs4_textarea > textarea,
.bs4_brown > .modal-dialog > .modal-content .bs4_checkbox > label > a,
.bs4_brown > .modal-dialog > .modal-content .bs4_sldr_img_control .carousel-control:hover,
.bs4_brown > .modal-dialog > .modal-content .bs4_sldr_thumb_txt > a:hover,
.bs4_brown > .modal-dialog > .modal-content .bs4_prtflo_detail > a:hover,
.bs4_brown > .modal-dialog > .modal-content .bs4_team_img > ul > li > a:hover,
.bs4_brown > .modal-dialog > .modal-content .bs4_sldr_cmrce_txt > h2{
  color: #c0a063;
}
.bs4_brown > .modal-dialog > .modal-content .bs4_sldr_cmrce_txt > h2{
  border-top: 2px solid #c0a063;
  border-bottom: 2px solid #c0a063;
}
.bs4_brown > .modal-dialog > .modal-content .bs4_input_txt > input:focus,
.bs4_brown > .modal-dialog > .modal-content .bs4_textarea > textarea:focus,
.bs4_brown > .modal-dialog > .modal-content .bs4_checkbox > div > input:checked + span,
.bs4_brown > .modal-dialog > .modal-content .bs4_radio > div > input:checked + span,
.bs4_brown > .modal-dialog > .modal-content .bs4_sldr_thumb_indicators > .carousel-indicators .active,
.bs4_brown > .modal-dialog > .modal-content .bs4_sldr_cmrce_indicators > .carousel-indicators .active,
.bs4_brown > .modal-dialog > .modal-content a.bs4_sldr_cmrce_close:hover,
.bs4_brown > .modal-dialog > .modal-content a.bs4_sngl_cmrce_close:hover{
  border: 1px solid #c0a063;
}
/*---------- PLACE HOLDER ----------*/
.bs4_brown > .modal-dialog > .modal-content .bs4_input_txt > input:focus::-webkit-input-placeholder{
  color: #c0a063;
}
.bs4_brown > .modal-dialog > .modal-content .bs4_input_txt > input:focus::-moz-placeholder{
  color: #c0a063;
}
.bs4_brown > .modal-dialog > .modal-content .bs4_input_txt > input:focus:-ms-input-placeholder{
  color: #c0a063;
}
.bs4_brown > .modal-dialog > .modal-content .bs4_input_txt > input:focus:-moz-placeholder{
  color: #c0a063;
}
.bs4_brown > .modal-dialog > .modal-content .bs4_textarea > textarea:focus::-webkit-input-placeholder{
  color: #c0a063;
}
.bs4_brown > .modal-dialog > .modal-content .bs4_textarea > textarea:focus::-moz-placeholder{
  color: #c0a063;
}
.bs4_brown > .modal-dialog > .modal-content .bs4_textarea > textarea:focus:-ms-input-placeholder{
  color: #c0a063;
}
.bs4_brown > .modal-dialog > .modal-content .bs4_textarea > textarea:focus:-moz-placeholder{
  color: #c0a063;
}
.bs4_brown > .modal-dialog > .modal-content .bs4_sldr_cmrce_txt > ul > li,
.bs4_brown > .modal-dialog > .modal-content .bs4_sngl_cmrce_txt > ul > li,
.bs4_brown > .modal-dialog > .modal-content .bs4_checkbox > label > a:hover{
  color: #806a42;
}
.bs4_brown > .modal-dialog > .modal-content .bs4_sngl_cmrce_txt > h2,
.bs4_brown > .modal-dialog > .modal-content .bs4_form_submit > button:before,
.bs4_brown > .modal-dialog > .modal-content .bs4_team_txt > a:before,
.bs4_brown > .modal-dialog > .modal-content a.bs4_bnr_btn:before,
.bs4_brown > .modal-dialog > .modal-content .bs4_form_cmrce_btn > button:before{
  background: #806a42;
}
/*-----------------------------------------*/
/* MODAL BOX BACKGROUND COLOR
/*-----------------------------------------*/
/*----- TRANSPARENT -----*/
.bs4_bg_transp > .modal-dialog > .modal-content{
  background: transparent;
}
/*----- BLACK -----*/
.bs4_bg_black > .modal-dialog > .modal-content{
  background: #000000;
}
.bs4_bg_black > .modal-dialog > .modal-content .bs4_form_header:after,
.bs4_bg_black > .modal-dialog > .modal-content .bs4_form_footer:before{
  background: #323232;
}
.bs4_bg_black > .modal-dialog > .modal-content .bs4_form_header > h3,
.bs4_bg_black > .modal-dialog > .modal-content .bs4_subscribe_txt > h1,
.bs4_bg_black > .modal-dialog > .modal-content .bs4_subscribe_txt > p,
.bs4_bg_black > .modal-dialog > .modal-content .bs4_form_header > a:link,
.bs4_bg_black > .modal-dialog > .modal-content .bs4_subscribe_close > a:link,
.bs4_bg_black > .modal-dialog > .modal-content .bs4_form_header > a:visited,
.bs4_bg_black > .modal-dialog > .modal-content .bs4_subscribe_close > a:visited,
.bs4_bg_black > .modal-dialog > .modal-content .bs4_input_txt > label,
.bs4_bg_black > .modal-dialog > .modal-content .bs4_textarea > label,
.bs4_bg_black > .modal-dialog > .modal-content .bs4_checkbox > label,
.bs4_bg_black > .modal-dialog > .modal-content .bs4_checkbox > div > input + span:before,
.bs4_bg_black > .modal-dialog > .modal-content .bs4_radio > label,
.bs4_bg_black > .modal-dialog > .modal-content .bs4_form_footer > ul > li > a{
  color: #e6e6e6;
}
.bs4_bg_black > .modal-dialog > .modal-content .bs4_form_header > a:link,
.bs4_bg_black > .modal-dialog > .modal-content .bs4_subscribe_close > a:link,
.bs4_bg_black > .modal-dialog > .modal-content .bs4_form_header > a:visited,
.bs4_bg_black > .modal-dialog > .modal-content .bs4_subscribe_close > a:visited,
.bs4_bg_black > .modal-dialog > .modal-content .bs4_input_txt > input,
.bs4_bg_black > .modal-dialog > .modal-content .bs4_textarea > textarea,
.bs4_bg_black > .modal-dialog > .modal-content .bs4_checkbox > div > span,
.bs4_bg_black > .modal-dialog > .modal-content .bs4_radio > div > span,
.bs4_bg_black > .modal-dialog > .modal-content .bs4_form_footer > ul > li > a{
  background: transparent;
}
.bs4_bg_black > .modal-dialog > .modal-content .bs4_form_header > a:link,
.bs4_bg_black > .modal-dialog > .modal-content .bs4_subscribe_close > a:link,
.bs4_bg_black > .modal-dialog > .modal-content .bs4_form_header > a:visited,
.bs4_bg_black > .modal-dialog > .modal-content .bs4_subscribe_close > a:visited,
.bs4_bg_black > .modal-dialog > .modal-content .bs4_input_txt > input,
.bs4_bg_black > .modal-dialog > .modal-content .bs4_textarea > textarea,
.bs4_bg_black > .modal-dialog > .modal-content .bs4_checkbox > div > span,
.bs4_bg_black > .modal-dialog > .modal-content .bs4_radio > div > span,
.bs4_bg_black > .modal-dialog > .modal-content .bs4_form_footer > ul > li > a{
  border: 1px solid #323232;
}
.bs4_bg_black > .modal-dialog > .modal-content .bs4_form_header > a:hover,
.bs4_bg_black > .modal-dialog > .modal-content .bs4_subscribe_close > a:hover,
.bs4_bg_black > .modal-dialog > .modal-content .bs4_form_header > a:active,
.bs4_bg_black > .modal-dialog > .modal-content .bs4_subscribe_close > a:active,
.bs4_bg_black > .modal-dialog > .modal-content .bs4_checkbox > div > input:checked + span:before,
.bs4_bg_black > .modal-dialog > .modal-content .bs4_form_submit > button,
.bs4_bg_black > .modal-dialog > .modal-content .bs4_form_submit > button:hover,
.bs4_bg_black > .modal-dialog > .modal-content .bs4_form_submit > button:active,
.bs4_bg_black > .modal-dialog > .modal-content .bs4_form_footer > ul > li > a:hover,
.bs4_bg_black > .modal-dialog > .modal-content .bs4_form_footer > ul > li > a:active{
  color: #ffffff;
}
/*---------- PLACE HOLDER ----------*/
.bs4_bg_black > .modal-dialog > .modal-content .bs4_input_txt > input::-webkit-input-placeholder{
  color: #e6e6e6;
}
.bs4_bg_black > .modal-dialog > .modal-content .bs4_input_txt > input::-moz-placeholder{
  color: #e6e6e6;
}
.bs4_bg_black > .modal-dialog > .modal-content .bs4_input_txt > input:-ms-input-placeholder{
  color: #e6e6e6;
}
.bs4_bg_black > .modal-dialog > .modal-content .bs4_input_txt > input:-moz-placeholder{
  color: #e6e6e6;
}
.bs4_bg_black > .modal-dialog > .modal-content .bs4_textarea > textarea::-webkit-input-placeholder{
  color: #e6e6e6;
}
.bs4_bg_black > .modal-dialog > .modal-content .bs4_textarea > textarea::-moz-placeholder{
  color: #e6e6e6;
}
.bs4_bg_black > .modal-dialog > .modal-content .bs4_textarea > textarea:-ms-input-placeholder{
  color: #e6e6e6;
}
.bs4_bg_black > .modal-dialog > .modal-content .bs4_textarea > textarea:-moz-placeholder{
  color: #e6e6e6;
}
/*----- LIGHT BLACK -----*/
.bs4_bg_light_black > .modal-dialog > .modal-content{
  background: #424242;
}
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_form_header:after,
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_form_footer:before{
  background: #7a7a7a;
}
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_form_header > h3,
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_subscribe_txt > h1,
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_subscribe_txt > p,
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_form_header > a:link,
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_subscribe_close > a:link,
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_form_header > a:visited,
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_subscribe_close > a:visited,
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_textarea > label,
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_input_txt > label,
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_checkbox > label,
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_checkbox > div > input + span:before,
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_radio > label,
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_form_footer > ul > li > a{
  color: #d6d6d6;
}
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_form_header > a:link,
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_subscribe_close > a:link,
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_form_header > a:visited,
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_subscribe_close > a:visited,
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_textarea > textarea,
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_input_txt > input,
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_checkbox > div > span,
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_radio > div > span,
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_form_footer > ul > li > a{
  background: #555555;
}
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_form_header > a:link,
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_subscribe_close > a:link,
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_form_header > a:visited,
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_subscribe_close > a:visited,
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_textarea > textarea,
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_input_txt > input,
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_checkbox > div > span,
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_radio > div > span,
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_form_footer > ul > li > a{
  border: 1px solid #7a7a7a;
}
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_form_header > a:hover,
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_subscribe_close > a:hover,
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_form_header > a:active,
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_subscribe_close > a:active,
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_checkbox > div > input:checked + span:before,
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_form_submit > button,
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_form_submit > button:hover,
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_form_submit > button:active,
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_form_footer > ul > li > a:hover,
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_form_footer > ul > li > a:active{
  color: #ffffff;
}
/*---------- PLACE HOLDER ----------*/
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_input_txt > input::-webkit-input-placeholder{
  color: #d6d6d6;
}
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_input_txt > input::-moz-placeholder{
  color: #d6d6d6;
}
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_input_txt > input:-ms-input-placeholder{
  color: #d6d6d6;
}
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_input_txt > input:-moz-placeholder{
  color: #d6d6d6;
}
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_textarea > textarea::-webkit-input-placeholder{
  color: #d6d6d6;
}
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_textarea > textarea::-moz-placeholder{
  color: #d6d6d6;
}
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_textarea > textarea:-ms-input-placeholder{
  color: #d6d6d6;
}
.bs4_bg_light_black > .modal-dialog > .modal-content .bs4_textarea > textarea:-moz-placeholder{
  color: #d6d6d6;
}
/*----- WHITE -----*/
.bs4_bg_white > .modal-dialog > .modal-content{
  background: #ffffff;
}
.bs4_bg_white > .modal-dialog > .modal-content .bs4_form_header:after,
.bs4_bg_white > .modal-dialog > .modal-content .bs4_form_footer:before{
  background: #eaeaea;
}
.bs4_bg_white > .modal-dialog > .modal-content .bs4_form_header > h3,
.bs4_bg_white > .modal-dialog > .modal-content .bs4_subscribe_txt > h1,
.bs4_bg_white > .modal-dialog > .modal-content .bs4_subscribe_txt > p,
.bs4_bg_white > .modal-dialog > .modal-content .bs4_textarea > textarea,
.bs4_bg_white > .modal-dialog > .modal-content .bs4_input_txt > label,
.bs4_bg_white > .modal-dialog > .modal-content .bs4_radio > label,
.bs4_bg_white > .modal-dialog > .modal-content .bs4_checkbox > label{
  color: #343434;
}
.bs4_bg_white > .modal-dialog > .modal-content .bs4_form_header > a:link,
.bs4_bg_white > .modal-dialog > .modal-content .bs4_subscribe_close > a:link,
.bs4_bg_white > .modal-dialog > .modal-content .bs4_form_header > a:visited,
.bs4_bg_white > .modal-dialog > .modal-content .bs4_subscribe_close > a:visited,
.bs4_bg_white > .modal-dialog > .modal-content .bs4_checkbox > div > input + span:before,
.bs4_bg_white > .modal-dialog > .modal-content .bs4_form_footer > ul > li > a{
  color: #a1a1a1;
}
.bs4_bg_white > .modal-dialog > .modal-content .bs4_form_header > a:link,
.bs4_bg_white > .modal-dialog > .modal-content .bs4_subscribe_close > a:link,
.bs4_bg_white > .modal-dialog > .modal-content .bs4_form_header > a:visited,
.bs4_bg_white > .modal-dialog > .modal-content .bs4_subscribe_close > a:visited,
.bs4_bg_white > .modal-dialog > .modal-content .bs4_input_txt > input,
.bs4_bg_white > .modal-dialog > .modal-content .bs4_textarea > textarea,
.bs4_bg_white > .modal-dialog > .modal-content .bs4_checkbox > div > span,
.bs4_bg_white > .modal-dialog > .modal-content .bs4_radio > div > span,
.bs4_bg_white > .modal-dialog > .modal-content .bs4_form_footer > ul > li > a{
  background: #f7f7f7;
}
.bs4_bg_white > .modal-dialog > .modal-content .bs4_form_header > a:link,
.bs4_bg_white > .modal-dialog > .modal-content .bs4_subscribe_close > a:link,
.bs4_bg_white > .modal-dialog > .modal-content .bs4_form_header > a:visited,
.bs4_bg_white > .modal-dialog > .modal-content .bs4_subscribe_close > a:visited,
.bs4_bg_white > .modal-dialog > .modal-content .bs4_input_txt > input,
.bs4_bg_white > .modal-dialog > .modal-content .bs4_textarea > textarea,
.bs4_bg_white > .modal-dialog > .modal-content .bs4_checkbox > div > span,
.bs4_bg_white > .modal-dialog > .modal-content .bs4_radio > div > span,
.bs4_bg_white > .modal-dialog > .modal-content .bs4_form_footer > ul > li > a{
  border: 1px solid #eaeaea;
}
.bs4_bg_white > .modal-dialog > .modal-content .bs4_form_header > a:hover,
.bs4_bg_white > .modal-dialog > .modal-content .bs4_subscribe_close > a:hover,
.bs4_bg_white > .modal-dialog > .modal-content .bs4_form_header > a:active,
.bs4_bg_white > .modal-dialog > .modal-content .bs4_subscribe_close > a:active,
.bs4_bg_white > .modal-dialog > .modal-content .bs4_checkbox > div > input:checked + span:before,
.bs4_bg_white > .modal-dialog > .modal-content .bs4_form_submit > button,
.bs4_bg_white > .modal-dialog > .modal-content .bs4_form_submit > button:hover,
.bs4_bg_white > .modal-dialog > .modal-content .bs4_form_submit > button:active,
.bs4_bg_white > .modal-dialog > .modal-content .bs4_form_footer > ul > li > a:hover,
.bs4_bg_white > .modal-dialog > .modal-content .bs4_form_footer > ul > li > a:active{
  color: #ffffff;
}
.bs4_bg_white > .modal-dialog > .modal-content .bs4_input_txt > input::-webkit-input-placeholder{
  color: #a1a1a1;
}
.bs4_bg_white > .modal-dialog > .modal-content .bs4_input_txt > input::-moz-placeholder{
  color: #a1a1a1;
}
.bs4_bg_white > .modal-dialog > .modal-content .bs4_input_txt > input:-ms-input-placeholder{
  color: #a1a1a1;
}
.bs4_bg_white > .modal-dialog > .modal-content .bs4_input_txt > input:-moz-placeholder{
  color: #a1a1a1;
}
.bs4_bg_white > .modal-dialog > .modal-content .bs4_textarea > textarea::-webkit-input-placeholder{
  color: #a1a1a1;
}
.bs4_bg_white > .modal-dialog > .modal-content .bs4_textarea > textarea::-moz-placeholder{
  color: #a1a1a1;
}
.bs4_bg_white > .modal-dialog > .modal-content .bs4_textarea > textarea:-ms-input-placeholder{
  color: #a1a1a1;
}
.bs4_bg_white > .modal-dialog > .modal-content .bs4_textarea > textarea:-moz-placeholder{
  color: #a1a1a1;
}
/*----- LIGHT WHITE -----*/
.bs4_bg_light_white > .modal-dialog > .modal-content{
  background: #f5f5f5;
}
/*----- HEADER UNDERLINE -----*/
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_form_header:after,
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_form_footer:before{
  background: #d9d9d9;
}
/*----- HEADER HEADING -----*/
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_form_header > h3,
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_subscribe_txt > h1,
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_subscribe_txt > p,
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_input_txt > label,
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_textarea > textarea,
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_radio > label{
  color: #4d4d4d;
}
/*----- HEADER CLOSE BUTTON -----*/
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_form_header > a:link,
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_subscribe_close > a:link,
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_form_header > a:visited,
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_subscribe_close > a:visited,
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_checkbox > label,
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_checkbox > div > input + span:before,
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_form_footer > ul > li > a{
  color: #d9d9d9;
}
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_form_header > a:link,
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_subscribe_close > a:link,
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_form_header > a:visited,
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_subscribe_close > a:visited,
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_input_txt > input,
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_textarea > textarea,
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_checkbox > div > span,
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_radio > div > span,
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_form_footer > ul > li > a{
  border: 1px solid #d9d9d9;
}
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_form_header > a:link,
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_subscribe_close > a:link,
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_form_header > a:visited,
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_subscribe_close > a:visited,
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_input_txt > input,
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_textarea > textarea,
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_checkbox > div > span,
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_radio > div > span,
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_form_footer > ul > li > a{
  background: transparent;
}
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_form_header > a:hover,
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_subscribe_close > a:hover,
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_form_header > a:active,
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_subscribe_close > a:active,
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_checkbox > div > input:checked + span:before,
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_form_submit > button,
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_form_submit > button:hover,
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_form_submit > button:active,
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_form_footer > ul > li > a:hover,
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_form_footer > ul > li > a:active{
  color: #ffffff;
}
/*---------- PLACE HOLDER ----------*/
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_input_txt > input::-webkit-input-placeholder{
  color: #d9d9d9;
}
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_input_txt > input::-moz-placeholder{
  color: #d9d9d9;
}
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_input_txt > input:-ms-input-placeholder{
  color: #d9d9d9;
}
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_input_txt > input:-moz-placeholder{
  color: #d9d9d9;
}
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_textarea > textarea::-webkit-input-placeholder{
  color: #d9d9d9;
}
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_textarea > textarea::-moz-placeholder{
  color: #d9d9d9;
}
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_textarea > textarea:-ms-input-placeholder{
  color: #d9d9d9;
}
.bs4_bg_light_white > .modal-dialog > .modal-content .bs4_textarea > textarea:-moz-placeholder{
  color: #d9d9d9;
}
/*-----------------------------------------*/
/* MODAL SHAPES
/*-----------------------------------------*/
/*----- NONE RADIUS -----*/
.bs4_none_radius > .modal-dialog,
.bs4_none_radius > .modal-dialog > .modal-content,
.bs4_none_radius > .modal-dialog > .modal-content a,
.bs4_none_radius > .modal-dialog > .modal-content a:before,
.bs4_none_radius > .modal-dialog > .modal-content .bs4_form_submit > button,
.bs4_none_radius > .modal-dialog > .modal-content .bs4_form_submit > button:before,
.bs4_none_radius > .modal-dialog > .modal-content .bs4_input_txt > input,
.bs4_none_radius > .modal-dialog > .modal-content .bs4_textarea > textarea,
.bs4_none_radius > .modal-dialog > .modal-content .bs4_checkbox > div > span,
.bs4_none_radius > .modal-dialog > .modal-content .bs4_radio > div > span{
  -webkit-border-radius: 0;
  border-radius: 0;
}
/*----- LESS RADIUS -----*/
.bs4_less_radius > .modal-dialog,
.bs4_less_radius > .modal-dialog > .modal-content,
.bs4_less_radius > .modal-dialog > .modal-content a,
.bs4_less_radius > .modal-dialog > .modal-content a:before,
.bs4_less_radius > .modal-dialog > .modal-content .bs4_form_submit > button,
.bs4_less_radius > .modal-dialog > .modal-content .bs4_form_submit > button:before,
.bs4_less_radius > .modal-dialog > .modal-content .bs4_input_txt > input,
.bs4_less_radius > .modal-dialog > .modal-content .bs4_textarea > textarea,
.bs4_less_radius > .modal-dialog > .modal-content .bs4_checkbox > div > span,
.bs4_less_radius > .modal-dialog > .modal-content .bs4_radio > div > span{
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
/*----- SEMI RADIUS -----*/
.bs4_semi_radius > .modal-dialog,
.bs4_semi_radius > .modal-dialog > .modal-content,
.bs4_semi_radius > .modal-dialog > .modal-content a,
.bs4_semi_radius > .modal-dialog > .modal-content a:before,
.bs4_semi_radius > .modal-dialog > .modal-content .bs4_form_submit > button,
.bs4_semi_radius > .modal-dialog > .modal-content .bs4_form_submit > button:before,
.bs4_semi_radius > .modal-dialog > .modal-content .bs4_input_txt > input,
.bs4_semi_radius > .modal-dialog > .modal-content .bs4_textarea > textarea,
.bs4_semi_radius > .modal-dialog > .modal-content .bs4_checkbox > div > span,
.bs4_semi_radius > .modal-dialog > .modal-content .bs4_radio > div > span{
  -webkit-border-radius: 12px;
  border-radius: 12px;
}.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
/*----- FULL RADIUS -----*/
.bs4_full_radius > .modal-dialog,
.bs4_full_radius > .modal-dialog > .modal-content,
.bs4_full_radius > .modal-dialog > .modal-content a,
.bs4_full_radius > .modal-dialog > .modal-content a:before,
.bs4_full_radius > .modal-dialog > .modal-content .bs4_form_submit > button,
.bs4_full_radius > .modal-dialog > .modal-content .bs4_form_submit > button:before,
.bs4_full_radius > .modal-dialog > .modal-content .bs4_input_txt > input,
.bs4_full_radius > .modal-dialog > .modal-content .bs4_textarea > textarea,
.bs4_full_radius > .modal-dialog > .modal-content .bs4_checkbox > div > span,
.bs4_full_radius > .modal-dialog > .modal-content .bs4_radio > div > span{
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------*/
/* MODAL BACKDROP COLOR
/*-----------------------------------------*/
/*----- BOOTSTRAP BACKDROP -----*/
.modal-backdrop{
  background: transparent;
}
/*----- BLACK -----*/
.bs4_bd_black:before{
  background: #000000;
}
/*----- WHITE -----*/
.bs4_bd_white:before{
  background: #ffffff;
}
/*----- GRAY -----*/
.bs4_bd_gray:before{
  background: #f1f1f1;
}
/*-----------------------------------------*/
/* MODAL BAKCDROP QUANTITY
/*-----------------------------------------*/
/*----- TRANSPARENT -----*/
.bs4_bd_trnsp:before{
  opacity: 0;
}
/*----- LESS TRANSPARENT -----*/
.bs4_bd_less_trnsp:before{
  opacity: 0.2;
}
/*----- SEMI TRANSPARENT -----*/
.bs4_bd_semi_trnsp:before{
  opacity: 0.5;
}
/*----- DARK TRANSPARENT -----*/
.bs4_bd_dark_trnsp:before{
  opacity: 0.9;
}
/*----- NONE TRANSPARENT -----*/
.bs4_bd_thick:before{
  opacity: 1;
}
/*-----------------------------------------*/
/* MODAL SHADOW
/*-----------------------------------------*/
/*----- NONE -----*/
.bs4_shadow_none > .modal-dialog > .modal-content{
  -webkit-box-shadow: none;
  box-shadow: none;
}
/*-----------------------------------------*/
/* MODAL BOX POSITION
/*-----------------------------------------*/
/*----- CENTER -----*/
.bs4_center > .modal-dialog{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
/*----- LEFT -----*/
.bs4_left > .modal-dialog{
  top: 0;
  left: 0;
  bottom: 0;
}
/*----- RIGHT -----*/
.bs4_right > .modal-dialog{
  top: 0;
  right: 0;
  bottom: 0;
}
/*----- TOP CENTER -----*/
.bs4_top_center > .modal-dialog{
  top: 0;
  left: 0;
  right: 0;
}
/*----- BOTTOM CENTER -----*/
.bs4_bottom_center > .modal-dialog{
  left: 0;
  right: 0;
  bottom: 0;
}
/*----- TOP LEFT -----*/
.bs4_top_left > .modal-dialog{
  top: 0;
  left: 0;
}
/*----- TOP RIGHT -----*/
.bs4_top_right > .modal-dialog{
  top: 0;
  right: 0;
}
/*----- BOTTOM LEFT -----*/
.bs4_bottom_left > .modal-dialog{
  left: 0;
  bottom: 0;
}
/*----- BOTTOM RIGHT -----*/
.bs4_bottom_right > .modal-dialog{
  right: 0;
  bottom: 0;
}
/*-----------------------------------------*/
/* MODAL TRANSITION EFFECTS
/*-----------------------------------------*/
/*----- DESTROYING BOOTSTRAP ANIMATION -----*/
.modal.fade.bs4_animate .modal-dialog{
  -webkit-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.modal.in.bs4_animate .modal-dialog{
  -webkit-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/*----- ANIMATION EFFECTS -----*/
/*----- Slide In Left -----*/
.modal.fade.bs4SlideInLeft .modal-dialog{
  -webkit-transform: translate(-100%,0);
      -ms-transform: translate(-100%,0);
       -o-transform: translate(-100%,0);
          transform: translate(-100%,0);
}
.modal.in.bs4SlideInLeft .modal-dialog{
  -webkit-transform: translate(0,0);
      -ms-transform: translate(0,0);
       -o-transform: translate(0,0);
          transform: translate(0,0);
}
/*----- Slide In Right -----*/
.modal.fade.bs4SlideInRight .modal-dialog{
  -webkit-transform: translate(100%,0);
      -ms-transform: translate(100%,0);
       -o-transform: translate(100%,0);
          transform: translate(100%,0);
}
.modal.in.bs4SlideInRight .modal-dialog{
  -webkit-transform: translate(0,0);
      -ms-transform: translate(0,0);
       -o-transform: translate(0,0);
          transform: translate(0,0);
}
/*----- Slide In Up -----*/
.modal.fade.bs4SlideInUp .modal-dialog{
  -webkit-transform: translate(0,100%);
      -ms-transform: translate(0,100%);
       -o-transform: translate(0,100%);
          transform: translate(0,100%);
}
.modal.in.bs4SlideInUp .modal-dialog{
  -webkit-transform: translate(0,0);
      -ms-transform: translate(0,0);
       -o-transform: translate(0,0);
          transform: translate(0,0);
}
/*----- Slide In Up Left -----*/
.modal.fade.bs4SlideInUpLeft .modal-dialog{
  -webkit-transform: translate(100%,100%);
      -ms-transform: translate(100%,100%);
       -o-transform: translate(100%,100%);
          transform: translate(100%,100%);
}
.modal.in.bs4SlideInUpLeft .modal-dialog{
  -webkit-transform: translate(0,0);
      -ms-transform: translate(0,0);
       -o-transform: translate(0,0);
          transform: translate(0,0);
}
/*----- Slide In Up Right -----*/
.modal.fade.bs4SlideInUpRight .modal-dialog{
  -webkit-transform: translate(-100%,100%);
      -ms-transform: translate(-100%,100%);
       -o-transform: translate(-100%,100%);
          transform: translate(-100%,100%);
}
.modal.in.bs4SlideInUpRight .modal-dialog{
  -webkit-transform: translate(0,0);
      -ms-transform: translate(0,0);
       -o-transform: translate(0,0);
          transform: translate(0,0);
}
/*----- Slide In Down -----*/
.modal.fade.bs4SlideInDown .modal-dialog{
  -webkit-transform: translate(0,-100%);
      -ms-transform: translate(0,-100%);
       -o-transform: translate(0,-100%);
          transform: translate(0,-100%);
}
.modal.in.bs4SlideInDown .modal-dialog{
  -webkit-transform: translate(0,0);
      -ms-transform: translate(0,0);
       -o-transform: translate(0,0);
          transform: translate(0,0);
}
/*----- Slide In Down Left -----*/
.modal.fade.bs4SlideInDownLeft .modal-dialog{
  -webkit-transform: translate(100%,-100%);
      -ms-transform: translate(100%,-100%);
       -o-transform: translate(100%,-100%);
          transform: translate(100%,-100%);
}
.modal.in.bs4SlideInDownLeft .modal-dialog{
  -webkit-transform: translate(0,0);
      -ms-transform: translate(0,0);
       -o-transform: translate(0,0);
          transform: translate(0,0);
}
/*----- Slide In Down Right -----*/
.modal.fade.bs4SlideInDownRight .modal-dialog{
  -webkit-transform: translate(-100%,-100%);
      -ms-transform: translate(-100%,-100%);
       -o-transform: translate(-100%,-100%);
          transform: translate(-100%,-100%);
}
.modal.in.bs4SlideInDownRight .modal-dialog{
  -webkit-transform: translate(0,0);
      -ms-transform: translate(0,0);
       -o-transform: translate(0,0);
          transform: translate(0,0);
}
/*----- Bounce In -----*/
@-webkit-keyframes bs4BounceIn{
  0%{
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3);
  }
  20%{
    -webkit-transform: scale3d(1.1,1.1,1.1);
    transform: scale3d(1.1,1.1,1.1);
  }
  40%{
    -webkit-transform: scale3d(.9,.9,.9);
    transform: scale3d(.9,.9,.9);
  }
  60%{
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03,1.03,1.03);
  }
  80%{
    -webkit-transform: scale3d(.97,.97,.97);
    transform: scale3d(.97,.97,.97);
  }
  100%{
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
  }
}
@keyframes bs4BounceIn{
  0%{
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3);
  }
  20%{
    -webkit-transform: scale3d(1.1,1.1,1.1);
    transform: scale3d(1.1,1.1,1.1);
  }
  40%{
    -webkit-transform: scale3d(.9,.9,.9);
    transform: scale3d(.9,.9,.9);
  }
  60%{
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03,1.03,1.03);
  }
  80%{
    -webkit-transform: scale3d(.97,.97,.97);
    transform: scale3d(.97,.97,.97);
  }
  100%{
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
  }
}
@-webkit-keyframes bs4BounceOut{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform: scale3d(0,0,0);
    transform: scale3d(0,0,0);
  }
}
@keyframes bs4BounceOut{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform: scale3d(0,0,0);
    transform: scale3d(0,0,0);
  }
}
.modal.fade.bs4BounceIn .modal-dialog{
  -webkit-animation-name: bs4BounceOut;
  animation-name: bs4BounceOut;
}
.modal.in.bs4BounceIn .modal-dialog{
  -webkit-animation-name: bs4BounceIn;
  animation-name: bs4BounceIn;
}
/*----- Bounce In Down -----*/
@-webkit-keyframes bs4BounceInDown{
  0%{
    -webkit-transform: translate3d(0,-3000px,0);
    transform: translate3d(0,-3000px,0);
  }
  60%{
    -webkit-transform: translate3d(0,25px,0);
    transform: translate3d(0,25px,0);
  }
  75%{
    -webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0);
  }
  90%{
    -webkit-transform: translate3d(0,5px,0);
    transform: translate3d(0,5px,0);
  }
  100%{
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bs4BounceInDown{
  0%{
    -webkit-transform: translate3d(0,-3000px,0);
    transform: translate3d(0,-3000px,0);
  }
  60%{
    -webkit-transform: translate3d(0,25px,0);
    transform: translate3d(0,25px,0);
  }
  75%{
    -webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0);
  }
  90%{
    -webkit-transform: translate3d(0,5px,0);
    transform: translate3d(0,5px,0);
  }
  100%{
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes bs4BounceOutDown{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
  }
}
@keyframes bs4BounceOutDown{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
  }
}
.modal.fade.bs4BounceInDown .modal-dialog{
  -webkit-animation-name: bs4BounceOutDown;
  animation-name: bs4BounceOutDown;
}
.modal.in.bs4BounceInDown .modal-dialog{
  -webkit-animation-name: bs4BounceInDown;
  animation-name: bs4BounceInDown;
}
/*----- BOUNCE IN LEFT -----*/
@-webkit-keyframes bs4BounceInLeft{
  0%{
    -webkit-transform: translate3d(-3000px,0,0);
    transform: translate3d(-3000px,0,0);
  }
  60%{
    -webkit-transform: translate3d(25px,0,0);
    transform: translate3d(25px,0,0);
  }
  75%{
    -webkit-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0);
  }
  90%{
    -webkit-transform: translate3d(5px,0,0);
    transform: translate3d(5px,0,0);
  }
  100%{
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bs4BounceInLeft{
  0%{
    -webkit-transform: translate3d(-3000px,0,0);
    transform: translate3d(-3000px,0,0);
  }
  60%{
    -webkit-transform: translate3d(25px,0,0);
    transform: translate3d(25px,0,0);
  }
  75%{
    -webkit-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0);
  }
  90%{
    -webkit-transform: translate3d(5px,0,0);
    transform: translate3d(5px,0,0);
  }
  100%{
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes bs4BounceOutLeft{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
  }
}
@keyframes bs4BounceOutLeft{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
  }
}
.modal.fade.bs4BounceInLeft .modal-dialog{
  -webkit-animation-name: bs4BounceOutLeft;
  animation-name: bs4BounceOutLeft;
}
.modal.in.bs4BounceInLeft .modal-dialog{
  -webkit-animation-name: bs4BounceInLeft;
  animation-name: bs4BounceInLeft;
}
/*----- BOUNCE IN RIGHT -----*/
@-webkit-keyframes bs4BounceInRight{
  0%{
    -webkit-transform: translate3d(3000px,0,0);
    transform: translate3d(3000px,0,0);
  }
  60%{
    -webkit-transform: translate3d(-25px,0,0);
    transform: translate3d(-25px,0,0);
  }
  75%{
    -webkit-transform: translate3d(10px,0,0);
    transform: translate3d(10px,0,0);
  }
  90%{
    -webkit-transform: translate3d(-5px,0,0);
    transform: translate3d(-5px,0,0);
  }
  100%{
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bs4BounceInRight{
  0%{
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
  }
  60%{
    -webkit-transform: translate3d(-25%,0,0);
    transform: translate3d(-25%,0,0);
  }
  75%{
    -webkit-transform: translate3d(10%,0,0);
    transform: translate3d(10%,0,0);
  }
  90%{
    -webkit-transform: translate3d(-5%,0,0);
    transform: translate3d(-5%,0,0);
  }
  100%{
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes bs4BounceOutRight{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
  }
}
@keyframes bs4BounceOutRight{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
  }
}
.modal.fade.bs4BounceInRight .modal-dialog{
  -webkit-animation-name: bs4BounceOutRight;
  animation-name: bs4BounceOutRight;
}
.modal.in.bs4BounceInRight .modal-dialog{
  -webkit-animation-name: bs4BounceInRight;
  animation-name: bs4BounceInRight;
}
/*----- BOUNCE IN UP -----*/
@-webkit-keyframes bs4BounceInUp{
  0%{
    -webkit-transform: translate3d(0,3000px,0);
    transform: translate3d(0,3000px,0);
  }
  60%{
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0);
  }
  75%{
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
  }
  90%{
    -webkit-transform: translate3d(0,-5px,0);
    transform: translate3d(0,-5px,0);
  }
  100%{
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
}
@keyframes bs4BounceInUp{
  0%{
    -webkit-transform: translate3d(0,3000px,0);
    transform: translate3d(0,3000px,0);
  }
  60%{
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0);
  }
  75%{
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
  }
  90%{
    -webkit-transform: translate3d(0,-5px,0);
    transform: translate3d(0,-5px,0);
  }
  100%{
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
}
@-webkit-keyframes bs4BounceOutUp{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
  }
}
@keyframes bs4BounceOutUp{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
  }
}
.modal.fade.bs4BounceInUp .modal-dialog{
  -webkit-animation-name: bs4BounceOutUp;
  animation-name: bs4BounceOutUp;
}
.modal.in.bs4BounceInUp .modal-dialog{
  -webkit-animation-name: bs4BounceInUp;
  animation-name: bs4BounceInUp;
}
/*----- FADE IN DOWN -----*/
@-webkit-keyframes bs4FadeInDown{
  from{
    opacity: 0;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
  }
  to{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bs4FadeInDown{
  from{
    opacity: 0;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
  }
  to{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes bs4FadeOutDown{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
  }
}
@keyframes bs4FadeOutDown{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
  }
}
.modal.fade.bs4FadeInDown .modal-dialog{
  -webkit-animation-name: bs4FadeOutDown;
  animation-name: bs4FadeOutDown;
}
.modal.in.bs4FadeInDown .modal-dialog{
  -webkit-animation-name: bs4FadeInDown;
  animation-name: bs4FadeInDown;
}
/*----- FADE IN UP -----*/
@-webkit-keyframes bs4FadeInUp{
  from{
    opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
  }
  to{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bs4FadeInUp{
  from{
    opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
  }
  to{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes bs4FadeOutUp{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
  }
}
@keyframes bs4FadeOutUp{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
  }
}
.modal.fade.bs4FadeInUp .modal-dialog{
  -webkit-animation-name: bs4FadeOutUp;
  animation-name: bs4FadeOutUp;
}
.modal.in.bs4FadeInUp .modal-dialog{
  -webkit-animation-name: bs4FadeInUp;
  animation-name: bs4FadeInUp;
}
/*----- FADE IN LEFT -----*/
@-webkit-keyframes bs4FadeInLeft{
  from{
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
  }
  to{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bs4FadeInLeft{
  from{
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
  }
  to{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes bs4FadeOutLeft{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
  }
}
@keyframes bs4FadeOutLeft{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
  }
}
.modal.fade.bs4FadeInLeft .modal-dialog{
  -webkit-animation-name: bs4FadeOutLeft;
  animation-name: bs4FadeOutLeft;
}
.modal.in.bs4FadeInLeft .modal-dialog{
  -webkit-animation-name: bs4FadeInLeft;
  animation-name: bs4FadeInLeft;
}
/*----- FADE IN RIGHT -----*/
@-webkit-keyframes bs4FadeInRight{
  from{
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
  }
  to{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bs4FadeInRight{
  from{
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
  }
  to{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes bs4FadeOutRight{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
  }
}
@keyframes bs4FadeOutRight{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
  }
}
.modal.fade.bs4FadeInRight .modal-dialog{
  -webkit-animation-name: bs4FadeOutRight;
  animation-name: bs4FadeOutRight;
}
.modal.in.bs4FadeInRight .modal-dialog{
  -webkit-animation-name: bs4FadeInRight;
  animation-name: bs4FadeInRight;
}
/*----- FLIP X -----*/
@-webkit-keyframes bs4FlipX{
  0%{
	opacity: 0;
    -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
    transform: perspective(400px) rotate3d(1,0,0,90deg);
  }
  40%{
    -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
    transform: perspective(400px) rotate3d(1,0,0,-20deg);
  }
  60%{
    opacity: 1;
    -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
    transform: perspective(400px) rotate3d(1,0,0,10deg);
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
    transform: perspective(400px) rotate3d(1,0,0,-5deg);
  }
  100%{
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes bs4FlipX{
  0%{
	opacity: 0;
    -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
    transform: perspective(400px) rotate3d(1,0,0,90deg);
  }
  40%{
    -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
    transform: perspective(400px) rotate3d(1,0,0,-20deg);
  }
  60%{
    opacity: 1;
    -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
    transform: perspective(400px) rotate3d(1,0,0,10deg);
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
    transform: perspective(400px) rotate3d(1,0,0,-5deg);
  }
  100%{
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@-webkit-keyframes bs4FlipXOut{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform: perspective(0) rotate3d(1,0,0,180deg);
    transform: perspective(0) rotate3d(1,0,0,180deg);
  }
}
@keyframes bs4FlipXOut{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform: perspective(0) rotate3d(1,0,0,180deg);
    transform: perspective(0) rotate3d(1,0,0,180deg);
  }
}
.modal.fade.bs4FlipX .modal-dialog{
  -webkit-animation-name: bs4FlipXOut;
  animation-name: bs4FlipXOut;
}
.modal.in.bs4FlipX .modal-dialog{
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: bs4FlipX;
  animation-name: bs4FlipX;
}
/*----- FLIP Y -----*/
@-webkit-keyframes bs4FlipY{
  0%{
	opacity: 0;
    -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
    transform: perspective(400px) rotate3d(0,1,0,90deg);
  }
  40%{
    -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
    transform: perspective(400px) rotate3d(0,1,0,-20deg);
  }
  60%{
	opacity: 1;
    -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
    transform: perspective(400px) rotate3d(0,1,0,10deg);
  }
  80%{
    -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
    transform: perspective(400px) rotate3d(0,1,0,-5deg);
  }
  100%{
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes bs4FlipY{
  0%{
	opacity: 0;
    -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
    transform: perspective(400px) rotate3d(0,1,0,90deg);
  }
  40%{
    -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
    transform: perspective(400px) rotate3d(0,1,0,-20deg);
  }
  60%{
	opacity: 1;
    -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
    transform: perspective(400px) rotate3d(0,1,0,10deg);
  }
  80%{
    -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
    transform: perspective(400px) rotate3d(0,1,0,-5deg);
  }
  100%{
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@-webkit-keyframes bs4FlipYOut{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform: perspective(0) rotate3d(0,1,0,180deg);
    transform: perspective(0) rotate3d(0,1,0,180deg);
  }
}
@keyframes bs4FlipYOut{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform: perspective(0) rotate3d(0,1,0,180deg);
    transform: perspective(0) rotate3d(0,1,0,180deg);
  }
}
.modal.fade.bs4FlipY .modal-dialog{
  -webkit-animation-name: bs4FlipYOut;
  animation-name: bs4FlipYOut;
}
.modal.in.bs4FlipY .modal-dialog{
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: bs4FlipY;
  animation-name: bs4FlipY;
}
/*----- SPEED IN -----*/
@-webkit-keyframes bs4SpeedIn{
  0%{
    -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
    transform: translate3d(100%,0,0) skewX(-30deg);
  }
  60%{
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
  }
  80%{
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  100%{
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bs4SpeedIn{
  0%{
    -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
    transform: translate3d(100%,0,0) skewX(-30deg);
  }
  60%{
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
  }
  80%{
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  100%{
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes bs4SpeedOut{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform: translate3d(0,0,0) skewX(-60deg);
    transform: translate3d(0,0,0) skewX(-60deg);
  }
}
@keyframes bs4SpeedOut{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform: translate3d(0,0,0) skewX(-60deg);
    transform: translate3d(0,0,0) skewX(-60deg);
  }
}
.modal.fade.bs4SpeedIn .modal-dialog{
  -webkit-animation-name: bs4SpeedOut;
  animation-name: bs4SpeedOut;
}
.modal.in.bs4SpeedIn .modal-dialog{
  -webkit-animation-name: bs4SpeedIn;
  animation-name: bs4SpeedIn;
}
/*----- ROTATE IN -----*/
@-webkit-keyframes bs4RotateIn{
  from{
	opacity: 0;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0,0,1,-200deg);
    transform: rotate3d(0,0,1,-200deg);
  }
  to{
	opacity: 1;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bs4RotateIn{
  from{
	opacity: 0;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
  }
  to{
	opacity: 1;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes bs4RotateOut{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
  }
}
@keyframes bs4RotateOut{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
  }
}
.modal.fade.bs4RotateIn .modal-dialog{
  -webkit-animation-name: bs4RotateOut;
  animation-name: bs4RotateOut;
}
.modal.in.bs4RotateIn .modal-dialog{
  -webkit-animation-name: bs4RotateIn;
  animation-name: bs4RotateIn;
}
/*----- ROTATE IN DOWN LEFT -----*/
@-webkit-keyframes bs4RotateInDownLeft{
  from{
	opacity: 0;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0,0,1,-45deg);
    transform: rotate3d(0,0,1,-45deg);
  }
  to{
	opacity: 1;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bs4RotateInDownLeft{
  from{
	opacity: 0;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0,0,1,-45deg);
    transform: rotate3d(0,0,1,-45deg);
  }
  to{
	opacity: 1;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes bs4RotateOutDownLeft{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0,0,1,-45deg);
    transform: rotate3d(0,0,1,-45deg);
  }
}
@keyframes bs4RotateOutDownLeft{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0,0,1,-45deg);
    transform: rotate3d(0,0,1,-45deg);
  }
}
.modal.fade.bs4RotateInDownLeft .modal-dialog{
  -webkit-animation-name: bs4RotateOutDownLeft;
  animation-name: bs4RotateOutDownLeft;
}
.modal.in.bs4RotateInDownLeft .modal-dialog{
  -webkit-animation-name: bs4RotateInDownLeft;
  animation-name: bs4RotateInDownLeft;
}
/*----- ROTATE IN DOWN RIGHT -----*/
@-webkit-keyframes bs4RotateInDownRight{
  from{
	opacity: 0;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0,0,1,45deg);
    transform: rotate3d(0,0,1,45deg);
  }
  to{
	opacity: 1;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bs4RotateInDownRight{
  from{
	opacity: 0;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0,0,1,45deg);
    transform: rotate3d(0,0,1,45deg);
  }
  to{
	opacity: 1;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes bs4RotateOutDownRight{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0,0,1,45deg);
    transform: rotate3d(0,0,1,45deg);
  }
}
@keyframes bs4RotateOutDownRight{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0,0,1,45deg);
    transform: rotate3d(0,0,1,45deg);
  }
}
.modal.fade.bs4RotateInDownRight .modal-dialog{
  -webkit-animation-name: bs4RotateOutDownRight;
  animation-name: bs4RotateOutDownRight;
}
.modal.in.bs4RotateInDownRight .modal-dialog{
  -webkit-animation-name: bs4RotateInDownRight;
  animation-name: bs4RotateInDownRight;
}
/*----- ROTATE IN UP LEFT -----*/
@-webkit-keyframes bs4RotateInUpLeft{
  from{
	opacity: 0;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0,0,1,90deg);
    transform: rotate3d(0,0,1,90deg);
  }
  to{
	opacity: 1;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bs4RotateInUpLeft{
  from{
	opacity: 0;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0,0,1,90deg);
    transform: rotate3d(0,0,1,90deg);
  }
  to{
	opacity: 1;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes bs4RotateOutUpLeft{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0,0,1,90deg);
    transform: rotate3d(0,0,1,90deg);
  }
}
@keyframes bs4RotateOutUpLeft{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0,0,1,90deg);
    transform: rotate3d(0,0,1,90deg);
  }
}
.modal.fade.bs4RotateInUpLeft .modal-dialog{
  -webkit-animation-name: bs4RotateOutUpLeft;
  animation-name: bs4RotateOutUpLeft;
}
.modal.in.bs4RotateInUpLeft .modal-dialog{
  -webkit-animation-name: bs4RotateInUpLeft;
  animation-name: bs4RotateInUpLeft;
}
/*----- ROTATE IN UP RIGHT -----*/
@-webkit-keyframes bs4RotateInUpRight{
  from{
	opacity: 0;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0,0,1,-90deg);
    transform: rotate3d(0,0,1,-90deg);
  }
  to{
	opacity: 1;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bs4RotateInUpRight{
  from{
	opacity: 0;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0,0,1,-90deg);
    transform: rotate3d(0,0,1,-90deg);
  }
  to{
	opacity: 1;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes bs4RotateOutUpRight{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0,0,1,-90deg);
    transform: rotate3d(0,0,1,-90deg);
  }
}
@keyframes bs4RotateOutUpRight{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0,0,1,-90deg);
    transform: rotate3d(0,0,1,-90deg);
  }
}
.modal.fade.bs4RotateInUpRight .modal-dialog{
  -webkit-animation-name: bs4RotateOutUpRight;
  animation-name: bs4RotateOutUpRight;
}
.modal.in.bs4RotateInUpRight .modal-dialog{
  -webkit-animation-name: bs4RotateInUpRight;
  animation-name: bs4RotateInUpRight;
}
/*----- ROLL IN -----*/
@-webkit-keyframes bs4RollIn{
  from{
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
    transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
  }
  to{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bs4RollIn{
  from{
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
    transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
  }
  to{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes bs4RollOut{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
    transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
  }
}
@keyframes bs4RollOut{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
     -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
    transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
  }
}
.modal.fade.bs4RollIn .modal-dialog{
  -webkit-animation-name: bs4RollOut;
  animation-name: bs4RollOut;
}
.modal.in.bs4RollIn .modal-dialog{
  -webkit-animation-name: bs4RollIn;
  animation-name: bs4RollIn;
}
/*----- ZOOM IN -----*/
@-webkit-keyframes bs4ZoomIn{
  from{
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3);
  }
  to{
    opacity: 1;
  }
}
@keyframes bs4ZoomIn{
  from{
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3);
  }
  to{
    opacity: 1;
  }
}
@-webkit-keyframes bs4ZoomInOut{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3);
  }
}
@keyframes bs4ZoomInOut{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3);
  }
}
.modal.fade.bs4ZoomIn .modal-dialog{
  -webkit-animation-name: bs4ZoomInOut;
  animation-name: bs4ZoomInOut;
}
.modal.in.bs4ZoomIn .modal-dialog{
  -webkit-animation-name: bs4ZoomIn;
  animation-name: bs4ZoomIn;
}
/*----- ZOOM OUT -----*/
@-webkit-keyframes bs4ZoomOut{
  from{
    opacity: 0;
    -webkit-transform: scale(2,2);
    transform: scale(2,2);
  }
  60%{
    opacity: 1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
  }
}
@keyframes bs4ZoomOut{
  from{
    opacity: 0;
    -webkit-transform: scale(2,2);
    transform: scale(2,2);
  }
  60%{
    opacity: 1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
  }
}
@-webkit-keyframes bs4ZoomOutIn{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform: scale(2,2);
    transform: scale(2,2);
  }
}
@keyframes bs4ZoomOutIn{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform: scale(2,2);
    transform: scale(2,2);
  }
}
.modal.fade.bs4ZoomOut .modal-dialog{
  -webkit-animation-name: bs4ZoomOutIn;
  animation-name: bs4ZoomOutIn;
}
.modal.in.bs4ZoomOut .modal-dialog{
  -webkit-animation-name: bs4ZoomOut;
  animation-name: bs4ZoomOut;
}
/*----- ZOOM IN ROTATE -----*/
@-webkit-keyframes bs4ZoomInRotate{
  from{
    opacity: 0;
    -webkit-transform: scale(0,0) rotate(360deg);
    transform: scale(0,0) rotate(360deg);
  }
  60%{
    opacity: 1;
    -webkit-transform: scale(1,1) rotate(0deg);
    transform: scale(1,1) rotate(0deg);
  }
}
@keyframes bs4ZoomInRotate{
  from{
    opacity: 0;
    -webkit-transform: scale(0,0) rotate(360deg);
    transform: scale(0,0) rotate(360deg);
  }
  60%{
    opacity: 1;
    -webkit-transform: scale(1,1) rotate(0deg);
    transform: scale(1,1) rotate(0deg);
  }
}
@-webkit-keyframes bs4ZoomInOutRotate{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform: scale(0,0) rotate(360deg);
    transform: scale(0,0) rotate(360deg);
  }
}
@keyframes bs4ZoomInOutRotate{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform: scale(0,0) rotate(360deg);
    transform: scale(0,0) rotate(360deg);
  }
}
.modal.fade.bs4ZoomInRotate .modal-dialog{
  -webkit-animation-name: bs4ZoomInOutRotate;
  animation-name: bs4ZoomInOutRotate;
}
.modal.in.bs4ZoomInRotate .modal-dialog{
  -webkit-animation-name: bs4ZoomInRotate;
  animation-name: bs4ZoomInRotate;
}
/*----- ZOOM OUT ROTATE -----*/
@-webkit-keyframes bs4ZoomOutRotate{
  from{
    opacity: 0;
    -webkit-transform: scale(3,3) rotate(360deg);
    transform: scale(3,3) rotate(360deg);
  }
  60%{
    opacity: 1;
    -webkit-transform: scale(1,1) rotate(0deg);
    transform: scale(1,1) rotate(0deg);
  }
}
@keyframes bs4ZoomOutRotate{
  from{
    opacity: 0;
    -webkit-transform: scale(3,3) rotate(360deg);
    transform: scale(3,3) rotate(360deg);
  }
  60%{
    opacity: 1;
    -webkit-transform: scale(1,1) rotate(0deg);
    transform: scale(1,1) rotate(0deg);
  }
}
@-webkit-keyframes bs4ZoomOutInRotate{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform: scale(3,3) rotate(360deg);
    transform: scale(3,3) rotate(360deg);
  }
}
@keyframes bs4ZoomOutInRotate{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform: scale(3,3) rotate(360deg);
    transform: scale(3,3) rotate(360deg);
  }
}
.modal.fade.bs4ZoomOutRotate .modal-dialog{
  -webkit-animation-name: bs4ZoomOutInRotate;
  animation-name: bs4ZoomOutInRotate;
}
.modal.in.bs4ZoomOutRotate .modal-dialog{
  -webkit-animation-name: bs4ZoomOutRotate;
  animation-name: bs4ZoomOutRotate;
}
/*----- ZOOM IN DOWN -----*/
@-webkit-keyframes bs4ZoomInDown{
  from{
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
    transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60%{
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
    transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
@keyframes bs4ZoomInDown{
  from{
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
    transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60%{
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
    transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
@-webkit-keyframes bs4ZoomOutDown{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform: scale3d(0,0,0);
    transform: scale3d(0,0,0);
  }
}
@keyframes bs4ZoomOutDown{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform: scale3d(0,0,0);
    transform: scale3d(0,0,0);
  }
}
.modal.fade.bs4ZoomInDown .modal-dialog{
  -webkit-animation-name: bs4ZoomOutDown;
  animation-name: bs4ZoomOutDown;
}
.modal.in.bs4ZoomInDown .modal-dialog{
  -webkit-animation-name: bs4ZoomInDown;
  animation-name: bs4ZoomInDown;
}
/*----- ZOOM IN UP -----*/
@-webkit-keyframes bs4ZoomInUp{
  from{
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
    transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
    -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
    animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
  }
  60%{
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
    animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
  }
}
@keyframes bs4ZoomInUp{
  from{
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
    transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
    -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
    animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
  }
  60%{
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
    animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
  }
}
@-webkit-keyframes bs4ZoomOutUp{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform: scale3d(0,0,0);
    transform: scale3d(0,0,0);
  }
}
@keyframes bs4ZoomOutUp{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform: scale3d(0,0,0);
    transform: scale3d(0,0,0);
  }
}
.modal.fade.bs4ZoomInUp .modal-dialog{
  -webkit-animation-name: bs4ZoomOutUp;
  animation-name: bs4ZoomOutUp;
}
.modal.in.bs4ZoomInUp .modal-dialog{
  -webkit-animation-name: bs4ZoomInUp;
  animation-name: bs4ZoomInUp;
}
/*----- ZOOM IN LEFT -----*/
@-webkit-keyframes bs4ZoomInLeft{
  from{
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
    transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
    -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
    animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
  }
  60%{
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
    transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
    -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
    animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
  }
}
@keyframes bs4ZoomInLeft{
  from{
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
    transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
    -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
    animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
  }
  60%{
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
    transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
    -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
    animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
  }
}
@-webkit-keyframes bs4ZoomOutLeft{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
    transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
  }
}
@keyframes bs4ZoomOutLeft{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
    transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
  }
}
.modal.fade.bs4ZoomInLeft .modal-dialog{
  -webkit-animation-name: bs4ZoomOutLeft;
  animation-name: bs4ZoomOutLeft;
}
.modal.in.bs4ZoomInLeft .modal-dialog{
  -webkit-animation-name: bs4ZoomInLeft;
  animation-name: bs4ZoomInLeft;
}
/*----- ZOOM IN RIGHT -----*/
@-webkit-keyframes bs4ZoomInRight{
  from{
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
    transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
    -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
    animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
  }
  60%{
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
    transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
    -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
    animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
  }
}
@keyframes bs4ZoomInRight{
  from{
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
    transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
    -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
    animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
  }
  60%{
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
    transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
    -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
    animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
  }
}
@-webkit-keyframes bs4ZoomOutRight{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
    transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
  }
}
@keyframes bs4ZoomOutRight{
  from{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to{
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
    transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
  }
}
.modal.fade.bs4ZoomInRight .modal-dialog{
  -webkit-animation-name: bs4ZoomOutRight;
  animation-name: bs4ZoomOutRight;
}
.modal.in.bs4ZoomInRight .modal-dialog{
  -webkit-animation-name: bs4ZoomInRight;
  animation-name: bs4ZoomInRight;
}
/*----- ANIMATION TIMING FUNCTIONS -----*/
/*---------- bs4_ease ----------*/
.modal.fade.bs4_ease .modal-dialog{
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}
/*---------- bs4_easeInOut ----------*/
.modal.fade.bs4_easeInOut .modal-dialog{
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
/*---------- bs4_speedy ----------*/
.modal.fade.bs4_speedy .modal-dialog{
  -webkit-animation-timing-function: cubic-bezier(0,1,0,1);
  animation-timing-function: cubic-bezier(0,1,0,1);
}
/*---------- bs4_slowSpeedy ----------*/
.modal.fade.bs4_slowSpeedy .modal-dialog{
  -webkit-animation-timing-function: cubic-bezier(0.3,1,0,1);
  animation-timing-function: cubic-bezier(0.3,1,0,1);
}
/*---------- bs4_easeOutInCubic ----------*/
.modal.fade.bs4_easeOutInCubic .modal-dialog{
  -webkit-animation-timing-function: cubic-bezier(0.22,0.81,0.01,0.99);
  animation-timing-function: cubic-bezier(0.22,0.81,0.01,0.99);
}
/*---------- bs4_swing ----------*/
.modal.fade.bs4_swing .modal-dialog{
  -webkit-animation-timing-function: cubic-bezier(.02,.01,.47,1);
  animation-timing-function: cubic-bezier(.02,.01,.47,1);
}
/*---------- bs4_easeOutCubic ----------*/
.modal.fade.bs4_easeOutCubic .modal-dialog{
  -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
  animation-timing-function: cubic-bezier(.215,.61,.355,1);
}
/*---------- bs4_easeOutCirc ----------*/
.modal.fade.bs4_easeOutCirc .modal-dialog{
  -webkit-animation-timing-function: cubic-bezier(.075,.82,.165,1);
  animation-timing-function: cubic-bezier(.075,.82,.165,1);
}
/*---------- bs4_easeOutExpo ----------*/
.modal.fade.bs4_easeOutExpo .modal-dialog{
  -webkit-animation-timing-function: cubic-bezier(.19,1,.22,1);
  animation-timing-function: cubic-bezier(.19,1,.22,1);
}
/*---------- bs4_easeOutQuad ----------*/
.modal.fade.bs4_easeOutQuad .modal-dialog{
  -webkit-animation-timing-function: cubic-bezier(.25,.46,.45,.94);
  animation-timing-function: cubic-bezier(.25,.46,.45,.94);
}
/*---------- bs4_easeOutQuart ----------*/
.modal.fade.bs4_easeOutQuart .modal-dialog{
  -webkit-animation-timing-function: cubic-bezier(.165,.84,.44,1);
  animation-timing-function: cubic-bezier(.165,.84,.44,1);
}
/*---------- bs4_easeOutQuint ----------*/
.modal.fade.bs4_easeOutQuint .modal-dialog{
  -webkit-animation-timing-function: cubic-bezier(.23,1,.32,1);
  animation-timing-function: cubic-bezier(.23,1,.32,1);
}
/*---------- bs4_easeOutSine ----------*/
.modal.fade.bs4_easeOutSine .modal-dialog{
  -webkit-animation-timing-function: cubic-bezier(.39,.575,.565,1);
  animation-timing-function: cubic-bezier(.39,.575,.565,1);
}
/*----- DURATION -----*/
/*----- SMALL DURATION -----*/
.modal.fade.bs4_duration_sm .modal-dialog{
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
/*----- MEDIUM DURATION -----*/
.modal.fade.bs4_duration_md .modal-dialog{
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-transition-duration: 0.7s;
  transition-duration: 0.7s;
}
/*----- LONG DURATION -----*/
.modal.fade.bs4_duration_lg .modal-dialog{
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
/*----- VERY LONG DURATION -----*/
.modal.fade.bs4_duration_vl .modal-dialog{
  -webkit-animation-duration: 1.7s;
  animation-duration: 1.7s;
  -webkit-transition-duration: 1.7s;
  transition-duration: 1.7s;
}
/*-----------------------------------------*/
/* HOVER BUTTON EFFECT
/*-----------------------------------------*/
/*----- GENERAL -----*/
.bs4_btn_x_in_shtr,
.bs4_btn_x_in_shtr:active,
.bs4_btn_y_in_shtr,
.bs4_btn_y_in_shtr:active,
.bs4_btn_x_out_shtr,
.bs4_btn_x_out_shtr:active,
.bs4_btn_y_out_shtr,
.bs4_btn_y_out_shtr:active{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .5s cubic-bezier(0.22,0.81,0.01,0.99);
  transition: all .5s cubic-bezier(0.22,0.81,0.01,0.99);
}
.bs4_btn_x_in_shtr:before,
.bs4_btn_y_in_shtr:before,
.bs4_btn_x_out_shtr:before,
.bs4_btn_y_out_shtr:before{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  content: "";
  position: absolute;
  -webkit-transition: all .5s cubic-bezier(0.22,0.81,0.01,0.99);
  transition: all .5s cubic-bezier(0.22,0.81,0.01,0.99);
}
/*----- X BUTTON SHUTTER IN -----*/
.bs4_btn_x_in_shtr:before{
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.bs4_btn_x_in_shtr:hover:before,
.bs4_btn_x_in_shtr:active:before{
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
/*----- Y BUTTON SHUTTER IN -----*/
.bs4_btn_y_in_shtr:before{
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.bs4_btn_y_in_shtr:hover:before,
.bs4_btn_y_in_shtr:active:before{
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}
/*----- X BUTTON SHUTTER OUT -----*/
.bs4_btn_x_out_shtr:before{
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
.bs4_btn_x_out_shtr:hover:before,
.bs4_btn_x_out_shtr:active:before{
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/*----- Y BUTTON SHUTTER OUT -----*/
.bs4_btn_y_out_shtr:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}
.bs4_btn_y_out_shtr:hover:before,
.bs4_btn_y_out_shtr:active:before{
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
/*------------------------------------------------------*/
/* SLIDER TIMING FUNCTIONS
/*------------------------------------------------------*/
/*---------- bs4s_ease ----------*/
.bs4s_ease .carousel-inner > .item{
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  transition-timing-function: ease;
}
@media all and (transform-3d), (-webkit-transform-3d){
  .bs4s_ease .carousel-inner > .item {
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
  }
}
/*---------- bs4s_slowSpeedy ----------*/
.bs4s_slowSpeedy .carousel-inner > .item{
  -webkit-transition-timing-function: cubic-bezier(0.3,1,0,1);
  -moz-transition-timing-function: cubic-bezier(0.3,1,0,1);
  transition-timing-function: cubic-bezier(0.3,1,0,1);
}
@media all and (transform-3d), (-webkit-transform-3d){
  .bs4s_slowSpeedy .carousel-inner > .item {
    -webkit-transition-timing-function: cubic-bezier(0.3,1,0,1);
    -moz-transition-timing-function: cubic-bezier(0.3,1,0,1);
    transition-timing-function: cubic-bezier(0.3,1,0,1);
  }
}
/*---------- bs4s_easeOutInCubic ----------*/
.bs4s_easeOutInCubic .carousel-inner > .item{
  -webkit-transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99);
  -moz-transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99);
  transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99);
}
@media all and (transform-3d), (-webkit-transform-3d){
  .bs4s_easeOutInCubic .carousel-inner > .item {
    -webkit-transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99);
    -moz-transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99);
    transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99);
  }
}
/*---------- bs4s_swing ----------*/
.bs4s_swing .carousel-inner > .item{
  -webkit-transition-timing-function: cubic-bezier(.02,.01,.47,1);
  -moz-transition-timing-function: cubic-bezier(.02,.01,.47,1);
  transition-timing-function: cubic-bezier(.02,.01,.47,1);
}
@media all and (transform-3d), (-webkit-transform-3d){
  .bs4s_swing .carousel-inner > .item {
    -webkit-transition-timing-function: cubic-bezier(.02,.01,.47,1);
    -moz-transition-timing-function: cubic-bezier(.02,.01,.47,1);
    transition-timing-function: cubic-bezier(.02,.01,.47,1);
  }
}
/*---------- bs4s_easeOutCubic ----------*/
.bs4s_easeOutCubic .carousel-inner > .item{
  -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
  -moz-transition-timing-function: cubic-bezier(.215,.61,.355,1);
  transition-timing-function: cubic-bezier(.215,.61,.355,1);
}
@media all and (transform-3d), (-webkit-transform-3d){
  .bs4s_easeOutCubic .carousel-inner > .item {
    -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
    -moz-transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
  }
}
/*---------- bs4s_easeOutCirc ----------*/
.bs4s_easeOutCirc .carousel-inner > .item{
  -webkit-transition-timing-function: cubic-bezier(.075,.82,.165,1);
  -moz-transition-timing-function: cubic-bezier(.075,.82,.165,1);
  transition-timing-function: cubic-bezier(.075,.82,.165,1);
}
@media all and (transform-3d), (-webkit-transform-3d){
  .bs4s_easeOutCirc .carousel-inner > .item {
    -webkit-transition-timing-function: cubic-bezier(.075,.82,.165,1);
    -moz-transition-timing-function: cubic-bezier(.075,.82,.165,1);
    transition-timing-function: cubic-bezier(.075,.82,.165,1);
  }
}
/*---------- bs4s_easeOutExpo ----------*/
.bs4s_easeOutExpo .carousel-inner > .item{
  -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
  -moz-transition-timing-function: cubic-bezier(.19,1,.22,1);
  transition-timing-function: cubic-bezier(.19,1,.22,1);
}
@media all and (transform-3d), (-webkit-transform-3d){
  .bs4s_easeOutExpo .carousel-inner > .item {
    -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
    -moz-transition-timing-function: cubic-bezier(.19,1,.22,1);
    transition-timing-function: cubic-bezier(.19,1,.22,1);
  }
}
/*---------- bs4s_easeOutQuad ----------*/
.bs4s_easeOutQuad .carousel-inner > .item{
  -webkit-transition-timing-function: cubic-bezier(.25,.46,.45,.94);
  -moz-transition-timing-function: cubic-bezier(.25,.46,.45,.94);
  transition-timing-function: cubic-bezier(.25,.46,.45,.94);
}
@media all and (transform-3d), (-webkit-transform-3d){
  .bs4s_easeOutQuad .carousel-inner > .item {
    -webkit-transition-timing-function: cubic-bezier(.25,.46,.45,.94);
    -moz-transition-timing-function: cubic-bezier(.25,.46,.45,.94);
    transition-timing-function: cubic-bezier(.25,.46,.45,.94);
  }
}
/*---------- bs4s_easeOutQuart ----------*/
.bs4s_easeOutQuart .carousel-inner > .item{
  -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
  -moz-transition-timing-function: cubic-bezier(.165,.84,.44,1);
  transition-timing-function: cubic-bezier(.165,.84,.44,1);
}
@media all and (transform-3d), (-webkit-transform-3d){
  .bs4s_easeOutQuart .carousel-inner > .item {
    -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
    -moz-transition-timing-function: cubic-bezier(.165,.84,.44,1);
    transition-timing-function: cubic-bezier(.165,.84,.44,1);
  }
}
/*---------- bs4s_easeOutQuint ----------*/
.bs4s_easeOutQuint .carousel-inner > .item{
  -webkit-transition-timing-function: cubic-bezier(.23,1,.32,1);
  -moz-transition-timing-function: cubic-bezier(.23,1,.32,1);
  transition-timing-function: cubic-bezier(.23,1,.32,1);
}
@media all and (transform-3d), (-webkit-transform-3d){
  .bs4s_easeOutQuint .carousel-inner > .item {
    -webkit-transition-timing-function: cubic-bezier(.23,1,.32,1);
    -moz-transition-timing-function: cubic-bezier(.23,1,.32,1);
    transition-timing-function: cubic-bezier(.23,1,.32,1);
  }
}
/*---------- bs4s_easeOutSine ----------*/
.bs4s_easeOutSine .carousel-inner > .item{
  -webkit-transition-timing-function: cubic-bezier(.39,.575,.565,1);
  -moz-transition-timing-function: cubic-bezier(.39,.575,.565,1);
  transition-timing-function: cubic-bezier(.39,.575,.565,1);
}
@media all and (transform-3d), (-webkit-transform-3d){
  .bs4s_easeOutSine .carousel-inner > .item {
    -webkit-transition-timing-function: cubic-bezier(.39,.575,.565,1);
    -moz-transition-timing-function: cubic-bezier(.39,.575,.565,1);
    transition-timing-function: cubic-bezier(.39,.575,.565,1);
  }
}