/*
Author: XpeedStudio
Author URI: http://themeforest.net/user/XpeedStudio/portfolio
*/
/* ==========================================================================
   Author's custom styles
========================================================================== */
/*****************

------------------------------- Table Of Content  ------------------------------------



=====================================================**************************/
.ekit-wid-con {
  /*=================================================
          body reset file
     ===============================================*/
  /*=================================================
          component
     ===============================================*/
  /*=================================================

      /*=================================================
          accordion
     ===============================================*/
  /* accordion default */
  /*=================================================
          info box
     ===============================================*/
  /* accordioin info box */
  /*=================================================
          team
     ===============================================*/
  /* team page team style */
  /* porfile card style start */
  /* profile image card */
  /* image card version 2 */
  /* image card version 3 */
  /* profile dquare version */
  /* team slider */
  /* fullwidth profile card */
  /* style circle */
  /* card style shadow */
  /* profile image card group */
  /*=================================================
          blog post
     ===============================================*/
  /* blog post card */
  /* blog post image card */
  /* blog post modern style */
  /* blog post image card 2 */
  /* blog post image card 3 */
  /* blog post style border */
  /* blog post simple post */
  /*=================================================
          image accordion
     ===============================================*/
  /*=================================================
          client
     ===============================================*/
  /*=================================================
          portfolio
     ===============================================*/
  /*=================================================
          info box image
     ===============================================*/
  /*=================================================
          progress bar elements
     ===============================================*/
  /*=================================================
          funfacts
     ===============================================*/
  /*=================================================
          pie chart
     ===============================================*/
  /*=================================================
          Frequently Asked Questions
     ===============================================*/
  /*=================================================
          image comparison
     ===============================================*/
  /*=================================================
          pricing lsit
     ===============================================*/
  /*=================================================
          countdown timer
     ===============================================*/
  /* count down timer */
  /* countdown timer two */
  /* count down timer 3 */
  /* ribbon style countdown */
  /*=================================================
          pricing
     ===============================================*/
  /*=================================================
          testimonial
     ===============================================*/
  /*=================================================
          vertical testimonial
     ===============================================*/
  /*=================================================
          timeline
     ===============================================*/
  /*=================================================
          tab
     ===============================================*/
  /*=================================================
          Header Info
     ===============================================*/
  /*=================================================
          Header Nav Tools
     ===============================================*/
  /*=================================================
          elements
     ===============================================*/
  /*=================================================
          breadcumb
     ===============================================*/
  /*=================================================
          video popup
     ===============================================*/
  /* stack effect */
  /*=================================================
          buttons
     ===============================================*/
  /*=================================================
          social list
     ===============================================*/
  /*=================================================
          outline icons
     ===============================================*/
  /*=================================================
          owl dots
     ===============================================*/
  /*=================================================
          owl nav
     ===============================================*/
  /* box-arrow */
  /*=================================================
          masonry filter
     ===============================================*/
  /*=================================================
          round icons
     ===============================================*/
  /*=================================================
          team popup
     ===============================================*/
  /*=================================================
          team sidebar
     ===============================================*/
  /*==     ===============================================*/
  /*************************************************************
Striking
**************************************************************/
  /*=================================================
          button component
     ===============================================*/
  /*=================================================
          mailchimp
     ===============================================*/
  /*=================================================
          footer
     ===============================================*/
  /*=================================================
          twitter
     ===============================================*/
  /*=================================================
          section title
     ===============================================*/
  /* border divider (border-divider) */
  /* section title */
  /* gradient tilte */
  /*=================================================
          instagram feed
     ===============================================*/
  /*=================================================
          map
     ===============================================*/
  /*=================================================
          product filter
     ===============================================*/
  /*=================================================
          select
     ===============================================*/
  /*=================================================
          search
     ===============================================*/
  /*=================================================
          pagination
     ===============================================*/
  /* xs pagination */
  /*=================================================
          ribbon
     ===============================================*/
  /*=================================================
          flip clock
    ===============================================*/
  /*=================================================
          input material
         ===============================================*/
  /*=================================================
          custom input control
    ===============================================*/
  /*=================================================
          stars
         ===============================================*/
  /*=================================================
          popover
    ===============================================*/
  /*=================================================
          timeline slider
    ===============================================*/
  /*=================================================
          inheritance
    ===============================================*/
  /* inner banner title */
  /* section padding */
  /* overlay list */
  /* color */
  /* background color */
  /* color */
  /* background color */
  /* color */
  /* background color */
  /* color */
  /* background color */
  /* color */
  /* background color */
  /* remove from control focus box shadow */
  /* owl image preset */
  /* tab pane animation */
  /* remove iframe box shadow and background */
  /* image switcher */
  /* fill icon */
  /* outline icon */
  /* shadow icon */
  /* bounce anim */
  /* simple btn */
  /* border separetor */
  /* element waper background */
  /* team area background */
}

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

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

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

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

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

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

.ekit-wid-con .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ekit-wid-con .offset-1 {
  margin-left: 8.33333%;
}

.ekit-wid-con .offset-2 {
  margin-left: 16.66667%;
}

.ekit-wid-con .offset-3 {
  margin-left: 25%;
}

.ekit-wid-con .offset-4 {
  margin-left: 33.33333%;
}

.ekit-wid-con .offset-5 {
  margin-left: 41.66667%;
}

.ekit-wid-con .offset-6 {
  margin-left: 50%;
}

.ekit-wid-con .offset-7 {
  margin-left: 58.33333%;
}

.ekit-wid-con .offset-8 {
  margin-left: 66.66667%;
}

.ekit-wid-con .offset-9 {
  margin-left: 75%;
}

.ekit-wid-con .offset-10 {
  margin-left: 83.33333%;
}

.ekit-wid-con .offset-11 {
  margin-left: 91.66667%;
}

@media (min-width: 576px) {
  .ekit-wid-con .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .ekit-wid-con .col-sm-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .ekit-wid-con .col-sm-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .ekit-wid-con .col-sm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .ekit-wid-con .col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ekit-wid-con .col-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .ekit-wid-con .col-sm-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .ekit-wid-con .col-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ekit-wid-con .col-sm-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .ekit-wid-con .col-sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .ekit-wid-con .col-sm-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ekit-wid-con .col-sm-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .ekit-wid-con .col-sm-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .ekit-wid-con .col-sm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ekit-wid-con .order-sm-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .ekit-wid-con .order-sm-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .ekit-wid-con .order-sm-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .ekit-wid-con .order-sm-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .ekit-wid-con .order-sm-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .ekit-wid-con .order-sm-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .ekit-wid-con .order-sm-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .ekit-wid-con .order-sm-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .ekit-wid-con .order-sm-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .ekit-wid-con .order-sm-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .ekit-wid-con .order-sm-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .ekit-wid-con .order-sm-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .ekit-wid-con .order-sm-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .ekit-wid-con .order-sm-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .ekit-wid-con .order-sm-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .ekit-wid-con .offset-sm-0 {
    margin-left: 0;
  }
  .ekit-wid-con .offset-sm-1 {
    margin-left: 8.33333%;
  }
  .ekit-wid-con .offset-sm-2 {
    margin-left: 16.66667%;
  }
  .ekit-wid-con .offset-sm-3 {
    margin-left: 25%;
  }
  .ekit-wid-con .offset-sm-4 {
    margin-left: 33.33333%;
  }
  .ekit-wid-con .offset-sm-5 {
    margin-left: 41.66667%;
  }
  .ekit-wid-con .offset-sm-6 {
    margin-left: 50%;
  }
  .ekit-wid-con .offset-sm-7 {
    margin-left: 58.33333%;
  }
  .ekit-wid-con .offset-sm-8 {
    margin-left: 66.66667%;
  }
  .ekit-wid-con .offset-sm-9 {
    margin-left: 75%;
  }
  .ekit-wid-con .offset-sm-10 {
    margin-left: 83.33333%;
  }
  .ekit-wid-con .offset-sm-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 768px) {
  .ekit-wid-con .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .ekit-wid-con .col-md-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .ekit-wid-con .col-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .ekit-wid-con .col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .ekit-wid-con .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ekit-wid-con .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .ekit-wid-con .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .ekit-wid-con .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ekit-wid-con .col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .ekit-wid-con .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .ekit-wid-con .col-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ekit-wid-con .col-md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .ekit-wid-con .col-md-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .ekit-wid-con .col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ekit-wid-con .order-md-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .ekit-wid-con .order-md-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .ekit-wid-con .order-md-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .ekit-wid-con .order-md-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .ekit-wid-con .order-md-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .ekit-wid-con .order-md-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .ekit-wid-con .order-md-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .ekit-wid-con .order-md-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .ekit-wid-con .order-md-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .ekit-wid-con .order-md-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .ekit-wid-con .order-md-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .ekit-wid-con .order-md-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .ekit-wid-con .order-md-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .ekit-wid-con .order-md-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .ekit-wid-con .order-md-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .ekit-wid-con .offset-md-0 {
    margin-left: 0;
  }
  .ekit-wid-con .offset-md-1 {
    margin-left: 8.33333%;
  }
  .ekit-wid-con .offset-md-2 {
    margin-left: 16.66667%;
  }
  .ekit-wid-con .offset-md-3 {
    margin-left: 25%;
  }
  .ekit-wid-con .offset-md-4 {
    margin-left: 33.33333%;
  }
  .ekit-wid-con .offset-md-5 {
    margin-left: 41.66667%;
  }
  .ekit-wid-con .offset-md-6 {
    margin-left: 50%;
  }
  .ekit-wid-con .offset-md-7 {
    margin-left: 58.33333%;
  }
  .ekit-wid-con .offset-md-8 {
    margin-left: 66.66667%;
  }
  .ekit-wid-con .offset-md-9 {
    margin-left: 75%;
  }
  .ekit-wid-con .offset-md-10 {
    margin-left: 83.33333%;
  }
  .ekit-wid-con .offset-md-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 992px) {
  .ekit-wid-con .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .ekit-wid-con .col-lg-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .ekit-wid-con .col-lg-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .ekit-wid-con .col-lg-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .ekit-wid-con .col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ekit-wid-con .col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .ekit-wid-con .col-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .ekit-wid-con .col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ekit-wid-con .col-lg-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .ekit-wid-con .col-lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .ekit-wid-con .col-lg-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ekit-wid-con .col-lg-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .ekit-wid-con .col-lg-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .ekit-wid-con .col-lg-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ekit-wid-con .order-lg-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .ekit-wid-con .order-lg-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .ekit-wid-con .order-lg-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .ekit-wid-con .order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .ekit-wid-con .order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .ekit-wid-con .order-lg-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .ekit-wid-con .order-lg-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .ekit-wid-con .order-lg-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .ekit-wid-con .order-lg-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .ekit-wid-con .order-lg-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .ekit-wid-con .order-lg-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .ekit-wid-con .order-lg-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .ekit-wid-con .order-lg-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .ekit-wid-con .order-lg-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .ekit-wid-con .order-lg-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .ekit-wid-con .offset-lg-0 {
    margin-left: 0;
  }
  .ekit-wid-con .offset-lg-1 {
    margin-left: 8.33333%;
  }
  .ekit-wid-con .offset-lg-2 {
    margin-left: 16.66667%;
  }
  .ekit-wid-con .offset-lg-3 {
    margin-left: 25%;
  }
  .ekit-wid-con .offset-lg-4 {
    margin-left: 33.33333%;
  }
  .ekit-wid-con .offset-lg-5 {
    margin-left: 41.66667%;
  }
  .ekit-wid-con .offset-lg-6 {
    margin-left: 50%;
  }
  .ekit-wid-con .offset-lg-7 {
    margin-left: 58.33333%;
  }
  .ekit-wid-con .offset-lg-8 {
    margin-left: 66.66667%;
  }
  .ekit-wid-con .offset-lg-9 {
    margin-left: 75%;
  }
  .ekit-wid-con .offset-lg-10 {
    margin-left: 83.33333%;
  }
  .ekit-wid-con .offset-lg-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 1200px) {
  .ekit-wid-con .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .ekit-wid-con .col-xl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .ekit-wid-con .col-xl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .ekit-wid-con .col-xl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .ekit-wid-con .col-xl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ekit-wid-con .col-xl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .ekit-wid-con .col-xl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .ekit-wid-con .col-xl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ekit-wid-con .col-xl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .ekit-wid-con .col-xl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .ekit-wid-con .col-xl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ekit-wid-con .col-xl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .ekit-wid-con .col-xl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .ekit-wid-con .col-xl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ekit-wid-con .order-xl-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .ekit-wid-con .order-xl-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .ekit-wid-con .order-xl-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .ekit-wid-con .order-xl-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .ekit-wid-con .order-xl-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .ekit-wid-con .order-xl-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .ekit-wid-con .order-xl-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .ekit-wid-con .order-xl-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .ekit-wid-con .order-xl-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .ekit-wid-con .order-xl-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .ekit-wid-con .order-xl-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .ekit-wid-con .order-xl-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .ekit-wid-con .order-xl-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .ekit-wid-con .order-xl-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .ekit-wid-con .order-xl-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .ekit-wid-con .offset-xl-0 {
    margin-left: 0;
  }
  .ekit-wid-con .offset-xl-1 {
    margin-left: 8.33333%;
  }
  .ekit-wid-con .offset-xl-2 {
    margin-left: 16.66667%;
  }
  .ekit-wid-con .offset-xl-3 {
    margin-left: 25%;
  }
  .ekit-wid-con .offset-xl-4 {
    margin-left: 33.33333%;
  }
  .ekit-wid-con .offset-xl-5 {
    margin-left: 41.66667%;
  }
  .ekit-wid-con .offset-xl-6 {
    margin-left: 50%;
  }
  .ekit-wid-con .offset-xl-7 {
    margin-left: 58.33333%;
  }
  .ekit-wid-con .offset-xl-8 {
    margin-left: 66.66667%;
  }
  .ekit-wid-con .offset-xl-9 {
    margin-left: 75%;
  }
  .ekit-wid-con .offset-xl-10 {
    margin-left: 83.33333%;
  }
  .ekit-wid-con .offset-xl-11 {
    margin-left: 91.66667%;
  }
}

.ekit-wid-con .form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .ekit-wid-con .form-control {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}

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

.ekit-wid-con .form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

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

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

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

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

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

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

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

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

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

.ekit-wid-con .col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}

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

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

.ekit-wid-con .form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.ekit-wid-con .form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.ekit-wid-con select.form-control[size],
.ekit-wid-con select.form-control[multiple] {
  height: auto;
}

.ekit-wid-con textarea.form-control {
  height: auto;
}

.ekit-wid-con .form-group {
  margin-bottom: 1rem;
}

.ekit-wid-con .form-text {
  display: block;
  margin-top: 0.25rem;
}

.ekit-wid-con .form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

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

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

.ekit-wid-con .form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}

.ekit-wid-con .form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}

.ekit-wid-con .form-check-label {
  margin-bottom: 0;
}

.ekit-wid-con .form-check-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}

.ekit-wid-con .form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

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

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

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

.ekit-wid-con .was-validated .form-control:valid:focus,
.ekit-wid-con .form-control.is-valid:focus {
  border-color: #28a745;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

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

.ekit-wid-con .was-validated textarea.form-control:valid,
.ekit-wid-con textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

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

.ekit-wid-con .was-validated .custom-select:valid:focus,
.ekit-wid-con .custom-select.is-valid:focus {
  border-color: #28a745;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

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

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

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

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

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

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

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

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

.ekit-wid-con .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before,
.ekit-wid-con .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

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

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

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

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

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

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

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

.ekit-wid-con .was-validated .form-control:invalid:focus,
.ekit-wid-con .form-control.is-invalid:focus {
  border-color: #dc3545;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

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

.ekit-wid-con .was-validated textarea.form-control:invalid,
.ekit-wid-con textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

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

.ekit-wid-con .was-validated .custom-select:invalid:focus,
.ekit-wid-con .custom-select.is-invalid:focus {
  border-color: #dc3545;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

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

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

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

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

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

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

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

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

.ekit-wid-con .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before,
.ekit-wid-con .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

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

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

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

.ekit-wid-con .was-validated .custom-file-input:invalid:focus ~ .custom-file-label,
.ekit-wid-con .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #dc3545;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.ekit-wid-con .form-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ekit-wid-con .form-inline .form-check {
  width: 100%;
}

@media (min-width: 576px) {
  .ekit-wid-con .form-inline label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .ekit-wid-con .form-inline .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
  }
  .ekit-wid-con .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .ekit-wid-con .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .ekit-wid-con .form-inline .input-group,
  .ekit-wid-con .form-inline .custom-select {
    width: auto;
  }
  .ekit-wid-con .form-inline .form-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .ekit-wid-con .form-inline .form-check-input {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .ekit-wid-con .form-inline .custom-control {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .ekit-wid-con .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}

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

@media (prefers-reduced-motion: reduce) {
  .ekit-wid-con .btn {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}

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

.ekit-wid-con .btn:focus,
.ekit-wid-con .btn.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.ekit-wid-con .btn.disabled,
.ekit-wid-con .btn:disabled {
  opacity: 0.65;
}

.ekit-wid-con a.btn.disabled,
.ekit-wid-con fieldset:disabled a.btn {
  pointer-events: none;
}

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

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

.ekit-wid-con .btn-primary:focus,
.ekit-wid-con .btn-primary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

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

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

.ekit-wid-con .btn-primary:not(:disabled):not(.disabled):active:focus,
.ekit-wid-con .btn-primary:not(:disabled):not(.disabled).active:focus,
.ekit-wid-con .show > .btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

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

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

.ekit-wid-con .btn-secondary:focus,
.ekit-wid-con .btn-secondary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

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

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

.ekit-wid-con .btn-secondary:not(:disabled):not(.disabled):active:focus,
.ekit-wid-con .btn-secondary:not(:disabled):not(.disabled).active:focus,
.ekit-wid-con .show > .btn-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

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

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

.ekit-wid-con .btn-success:focus,
.ekit-wid-con .btn-success.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

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

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

.ekit-wid-con .btn-success:not(:disabled):not(.disabled):active:focus,
.ekit-wid-con .btn-success:not(:disabled):not(.disabled).active:focus,
.ekit-wid-con .show > .btn-success.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

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

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

.ekit-wid-con .btn-info:focus,
.ekit-wid-con .btn-info.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

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

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

.ekit-wid-con .btn-info:not(:disabled):not(.disabled):active:focus,
.ekit-wid-con .btn-info:not(:disabled):not(.disabled).active:focus,
.ekit-wid-con .show > .btn-info.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

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

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

.ekit-wid-con .btn-warning:focus,
.ekit-wid-con .btn-warning.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

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

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

.ekit-wid-con .btn-warning:not(:disabled):not(.disabled):active:focus,
.ekit-wid-con .btn-warning:not(:disabled):not(.disabled).active:focus,
.ekit-wid-con .show > .btn-warning.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

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

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

.ekit-wid-con .btn-danger:focus,
.ekit-wid-con .btn-danger.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

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

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

.ekit-wid-con .btn-danger:not(:disabled):not(.disabled):active:focus,
.ekit-wid-con .btn-danger:not(:disabled):not(.disabled).active:focus,
.ekit-wid-con .show > .btn-danger.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

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

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

.ekit-wid-con .btn-light:focus,
.ekit-wid-con .btn-light.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

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

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

.ekit-wid-con .btn-light:not(:disabled):not(.disabled):active:focus,
.ekit-wid-con .btn-light:not(:disabled):not(.disabled).active:focus,
.ekit-wid-con .show > .btn-light.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

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

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

.ekit-wid-con .btn-dark:focus,
.ekit-wid-con .btn-dark.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

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

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

.ekit-wid-con .btn-dark:not(:disabled):not(.disabled):active:focus,
.ekit-wid-con .btn-dark:not(:disabled):not(.disabled).active:focus,
.ekit-wid-con .show > .btn-dark.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

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

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

.ekit-wid-con .btn-outline-primary:focus,
.ekit-wid-con .btn-outline-primary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

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

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

.ekit-wid-con .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.ekit-wid-con .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.ekit-wid-con .show > .btn-outline-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

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

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

.ekit-wid-con .btn-outline-secondary:focus,
.ekit-wid-con .btn-outline-secondary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

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

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

.ekit-wid-con .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.ekit-wid-con .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.ekit-wid-con .show > .btn-outline-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

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

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

.ekit-wid-con .btn-outline-success:focus,
.ekit-wid-con .btn-outline-success.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

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

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

.ekit-wid-con .btn-outline-success:not(:disabled):not(.disabled):active:focus,
.ekit-wid-con .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.ekit-wid-con .show > .btn-outline-success.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

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

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

.ekit-wid-con .btn-outline-info:focus,
.ekit-wid-con .btn-outline-info.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

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

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

.ekit-wid-con .btn-outline-info:not(:disabled):not(.disabled):active:focus,
.ekit-wid-con .btn-outline-info:not(:disabled):not(.disabled).active:focus,
.ekit-wid-con .show > .btn-outline-info.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

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

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

.ekit-wid-con .btn-outline-warning:focus,
.ekit-wid-con .btn-outline-warning.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

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

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

.ekit-wid-con .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.ekit-wid-con .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.ekit-wid-con .show > .btn-outline-warning.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

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

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

.ekit-wid-con .btn-outline-danger:focus,
.ekit-wid-con .btn-outline-danger.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

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

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

.ekit-wid-con .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.ekit-wid-con .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.ekit-wid-con .show > .btn-outline-danger.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

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

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

.ekit-wid-con .btn-outline-light:focus,
.ekit-wid-con .btn-outline-light.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

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

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

.ekit-wid-con .btn-outline-light:not(:disabled):not(.disabled):active:focus,
.ekit-wid-con .btn-outline-light:not(:disabled):not(.disabled).active:focus,
.ekit-wid-con .show > .btn-outline-light.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

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

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

.ekit-wid-con .btn-outline-dark:focus,
.ekit-wid-con .btn-outline-dark.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

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

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

.ekit-wid-con .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.ekit-wid-con .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.ekit-wid-con .show > .btn-outline-dark.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

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

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

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

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

.ekit-wid-con .btn-lg,
.ekit-wid-con .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.ekit-wid-con .btn-sm,
.ekit-wid-con .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

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

.ekit-wid-con .btn-block + .btn-block {
  margin-top: 0.5rem;
}

.ekit-wid-con input[type="submit"].btn-block,
.ekit-wid-con input[type="reset"].btn-block,
.ekit-wid-con input[type="button"].btn-block {
  width: 100%;
}

.ekit-wid-con .fade {
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
  .ekit-wid-con .fade {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}

.ekit-wid-con .fade:not(.show) {
  opacity: 0;
}

.ekit-wid-con .collapse:not(.show) {
  display: none;
}

.ekit-wid-con .collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .ekit-wid-con .collapsing {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}

.ekit-wid-con .dropup,
.ekit-wid-con .dropright,
.ekit-wid-con .dropdown,
.ekit-wid-con .dropleft {
  position: relative;
}

.ekit-wid-con .dropdown-toggle {
  white-space: nowrap;
}

.ekit-wid-con .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.ekit-wid-con .dropdown-toggle:empty::after {
  margin-left: 0;
}

.ekit-wid-con .dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}

.ekit-wid-con .dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.ekit-wid-con .dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

.ekit-wid-con .dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}

.ekit-wid-con .dropright .dropdown-toggle::after {
  vertical-align: 0;
}

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

.ekit-wid-con .dropleft .dropdown-toggle::after {
  display: none;
}

.ekit-wid-con .dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}

.ekit-wid-con .dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}

.ekit-wid-con .dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

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

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

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

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

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

.ekit-wid-con .dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.ekit-wid-con .dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}

.ekit-wid-con .btn-group,
.ekit-wid-con .btn-group-vertical {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}

.ekit-wid-con .btn-group > .btn,
.ekit-wid-con .btn-group-vertical > .btn {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.ekit-wid-con .btn-group > .btn:hover,
.ekit-wid-con .btn-group-vertical > .btn:hover {
  z-index: 1;
}

.ekit-wid-con .btn-group > .btn:focus,
.ekit-wid-con .btn-group > .btn:active,
.ekit-wid-con .btn-group > .btn.active,
.ekit-wid-con .btn-group-vertical > .btn:focus,
.ekit-wid-con .btn-group-vertical > .btn:active,
.ekit-wid-con .btn-group-vertical > .btn.active {
  z-index: 1;
}

.ekit-wid-con .btn-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.ekit-wid-con .btn-toolbar .input-group {
  width: auto;
}

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

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

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

.ekit-wid-con .dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}

.ekit-wid-con .dropdown-toggle-split::after,
.ekit-wid-con .dropup .dropdown-toggle-split::after,
.ekit-wid-con .dropright .dropdown-toggle-split::after {
  margin-left: 0;
}

.ekit-wid-con .dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}

.ekit-wid-con .btn-sm + .dropdown-toggle-split,
.ekit-wid-con .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.ekit-wid-con .btn-lg + .dropdown-toggle-split,
.ekit-wid-con .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.ekit-wid-con .btn-group-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ekit-wid-con .btn-group-vertical > .btn,
.ekit-wid-con .btn-group-vertical > .btn-group {
  width: 100%;
}

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

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

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

.ekit-wid-con .btn-group-toggle > .btn,
.ekit-wid-con .btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}

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

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

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

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

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

.ekit-wid-con .input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}

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

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

.ekit-wid-con .input-group > .custom-file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

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

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

.ekit-wid-con .input-group-prepend,
.ekit-wid-con .input-group-append {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

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

.ekit-wid-con .input-group-prepend .btn:focus,
.ekit-wid-con .input-group-append .btn:focus {
  z-index: 3;
}

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

.ekit-wid-con .input-group-prepend {
  margin-right: -1px;
}

.ekit-wid-con .input-group-append {
  margin-left: -1px;
}

.ekit-wid-con .input-group-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.ekit-wid-con .input-group-text input[type="radio"],
.ekit-wid-con .input-group-text input[type="checkbox"] {
  margin-top: 0;
}

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

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

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

.ekit-wid-con .input-group-sm > .form-control,
.ekit-wid-con .input-group-sm > .custom-select,
.ekit-wid-con .input-group-sm > .input-group-prepend > .input-group-text,
.ekit-wid-con .input-group-sm > .input-group-append > .input-group-text,
.ekit-wid-con .input-group-sm > .input-group-prepend > .btn,
.ekit-wid-con .input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

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

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

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

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

.ekit-wid-con .custom-control-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 1rem;
}

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

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

.ekit-wid-con .custom-control-input:focus ~ .custom-control-label::before {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

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

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

.ekit-wid-con .custom-control-input:disabled ~ .custom-control-label {
  color: #6c757d;
}

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

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

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

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

.ekit-wid-con .custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}

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

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

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

.ekit-wid-con .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.ekit-wid-con .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.ekit-wid-con .custom-radio .custom-control-label::before {
  border-radius: 50%;
}

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

.ekit-wid-con .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.ekit-wid-con .custom-switch {
  padding-left: 2.25rem;
}

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

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

@media (prefers-reduced-motion: reduce) {
  .ekit-wid-con .custom-switch .custom-control-label::after {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}

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

.ekit-wid-con .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

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

.ekit-wid-con .custom-select:focus {
  border-color: #80bdff;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

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

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

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

.ekit-wid-con .custom-select::-ms-expand {
  display: none;
}

.ekit-wid-con .custom-select-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}

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

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

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

.ekit-wid-con .custom-file-input:focus ~ .custom-file-label {
  border-color: #80bdff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.ekit-wid-con .custom-file-input:disabled ~ .custom-file-label {
  background-color: #e9ecef;
}

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

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

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

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

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

.ekit-wid-con .custom-range:focus {
  outline: none;
}

.ekit-wid-con .custom-range:focus::-webkit-slider-thumb {
  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.ekit-wid-con .custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.ekit-wid-con .custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.ekit-wid-con .custom-range::-moz-focus-outer {
  border: 0;
}

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

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

.ekit-wid-con .custom-range::-webkit-slider-thumb:active {
  background-color: #b3d7ff;
}

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

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

@media (prefers-reduced-motion: reduce) {
  .ekit-wid-con .custom-range::-moz-range-thumb {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}

.ekit-wid-con .custom-range::-moz-range-thumb:active {
  background-color: #b3d7ff;
}

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

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

@media (prefers-reduced-motion: reduce) {
  .ekit-wid-con .custom-range::-ms-thumb {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}

.ekit-wid-con .custom-range::-ms-thumb:active {
  background-color: #b3d7ff;
}

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

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

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

.ekit-wid-con .custom-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}

.ekit-wid-con .custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}

.ekit-wid-con .custom-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}

.ekit-wid-con .custom-range:disabled::-moz-range-track {
  cursor: default;
}

.ekit-wid-con .custom-range:disabled::-ms-thumb {
  background-color: #adb5bd;
}

.ekit-wid-con .custom-control-label::before,
.ekit-wid-con .custom-file-label,
.ekit-wid-con .custom-select {
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .ekit-wid-con .custom-control-label::before,
  .ekit-wid-con .custom-file-label,
  .ekit-wid-con .custom-select {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}

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

.ekit-wid-con .nav-link {
  display: block;
  padding: 0.5rem 1rem;
}

.ekit-wid-con .nav-link:hover,
.ekit-wid-con .nav-link:focus {
  text-decoration: none;
}

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

.ekit-wid-con .nav-tabs {
  border-bottom: 1px solid #dee2e6;
}

.ekit-wid-con .nav-tabs .nav-item {
  margin-bottom: -1px;
}

.ekit-wid-con .nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

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

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

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

.ekit-wid-con .nav-pills .nav-link {
  border-radius: 0.25rem;
}

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

.ekit-wid-con .nav-fill .nav-item {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
}

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

.ekit-wid-con .tab-content > .tab-pane {
  display: none;
}

.ekit-wid-con .tab-content > .active {
  display: block;
}

.ekit-wid-con .navbar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}

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

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

.ekit-wid-con .navbar-brand:hover,
.ekit-wid-con .navbar-brand:focus {
  text-decoration: none;
}

.ekit-wid-con .navbar-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

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

.ekit-wid-con .navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

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

.ekit-wid-con .navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.ekit-wid-con .navbar-toggler:hover,
.ekit-wid-con .navbar-toggler:focus {
  text-decoration: none;
}

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

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

@media (min-width: 576px) {
  .ekit-wid-con .navbar-expand-sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .ekit-wid-con .navbar-expand-sm .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .ekit-wid-con .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .ekit-wid-con .navbar-expand-sm > .container,
  .ekit-wid-con .navbar-expand-sm > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .ekit-wid-con .navbar-expand-sm .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .ekit-wid-con .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}

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

@media (min-width: 768px) {
  .ekit-wid-con .navbar-expand-md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .ekit-wid-con .navbar-expand-md .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .ekit-wid-con .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .ekit-wid-con .navbar-expand-md > .container,
  .ekit-wid-con .navbar-expand-md > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .ekit-wid-con .navbar-expand-md .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .ekit-wid-con .navbar-expand-md .navbar-toggler {
    display: none;
  }
}

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

@media (min-width: 992px) {
  .ekit-wid-con .navbar-expand-lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .ekit-wid-con .navbar-expand-lg .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .ekit-wid-con .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .ekit-wid-con .navbar-expand-lg > .container,
  .ekit-wid-con .navbar-expand-lg > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .ekit-wid-con .navbar-expand-lg .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .ekit-wid-con .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}

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

@media (min-width: 1200px) {
  .ekit-wid-con .navbar-expand-xl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .ekit-wid-con .navbar-expand-xl .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .ekit-wid-con .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .ekit-wid-con .navbar-expand-xl > .container,
  .ekit-wid-con .navbar-expand-xl > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .ekit-wid-con .navbar-expand-xl .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .ekit-wid-con .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}

.ekit-wid-con .navbar-expand {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

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

.ekit-wid-con .navbar-expand .navbar-nav {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.ekit-wid-con .navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

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

.ekit-wid-con .navbar-expand .navbar-collapse {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.ekit-wid-con .navbar-expand .navbar-toggler {
  display: none;
}

.ekit-wid-con .navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}

.ekit-wid-con .navbar-light .navbar-brand:hover,
.ekit-wid-con .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}

.ekit-wid-con .navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}

.ekit-wid-con .navbar-light .navbar-nav .nav-link:hover,
.ekit-wid-con .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}

.ekit-wid-con .navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}

.ekit-wid-con .navbar-light .navbar-nav .show > .nav-link,
.ekit-wid-con .navbar-light .navbar-nav .active > .nav-link,
.ekit-wid-con .navbar-light .navbar-nav .nav-link.show,
.ekit-wid-con .navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}

.ekit-wid-con .navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}

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

.ekit-wid-con .navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}

.ekit-wid-con .navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}

.ekit-wid-con .navbar-light .navbar-text a:hover,
.ekit-wid-con .navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.ekit-wid-con .navbar-dark .navbar-brand {
  color: #fff;
}

.ekit-wid-con .navbar-dark .navbar-brand:hover,
.ekit-wid-con .navbar-dark .navbar-brand:focus {
  color: #fff;
}

.ekit-wid-con .navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}

.ekit-wid-con .navbar-dark .navbar-nav .nav-link:hover,
.ekit-wid-con .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}

.ekit-wid-con .navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}

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

.ekit-wid-con .navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}

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

.ekit-wid-con .navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}

.ekit-wid-con .navbar-dark .navbar-text a {
  color: #fff;
}

.ekit-wid-con .navbar-dark .navbar-text a:hover,
.ekit-wid-con .navbar-dark .navbar-text a:focus {
  color: #fff;
}

.ekit-wid-con .card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

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

.ekit-wid-con .card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.ekit-wid-con .card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.ekit-wid-con .card-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
}

.ekit-wid-con .card-title {
  margin-bottom: 0.75rem;
}

.ekit-wid-con .card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.ekit-wid-con .card-text:last-child {
  margin-bottom: 0;
}

.ekit-wid-con .card-link:hover {
  text-decoration: none;
}

.ekit-wid-con .card-link + .card-link {
  margin-left: 1.25rem;
}

.ekit-wid-con .card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.ekit-wid-con .card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

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

.ekit-wid-con .card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.ekit-wid-con .card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.ekit-wid-con .card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.ekit-wid-con .card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

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

.ekit-wid-con .card-img {
  width: 100%;
  border-radius: calc(0.25rem - 1px);
}

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

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

.ekit-wid-con .card-deck {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.ekit-wid-con .card-deck .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .ekit-wid-con .card-deck {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .ekit-wid-con .card-deck .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.ekit-wid-con .card-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.ekit-wid-con .card-group > .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .ekit-wid-con .card-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .ekit-wid-con .card-group > .card {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .ekit-wid-con .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .ekit-wid-con .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .ekit-wid-con .card-group > .card:not(:last-child) .card-img-top,
  .ekit-wid-con .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .ekit-wid-con .card-group > .card:not(:last-child) .card-img-bottom,
  .ekit-wid-con .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .ekit-wid-con .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .ekit-wid-con .card-group > .card:not(:first-child) .card-img-top,
  .ekit-wid-con .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .ekit-wid-con .card-group > .card:not(:first-child) .card-img-bottom,
  .ekit-wid-con .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.ekit-wid-con .card-columns .card {
  margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
  .ekit-wid-con .card-columns {
    -webkit-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .ekit-wid-con .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.ekit-wid-con .accordion > .card {
  overflow: hidden;
}

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

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

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

.ekit-wid-con .accordion > .card:last-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ekit-wid-con .accordion > .card .card-header {
  margin-bottom: -1px;
}

.ekit-wid-con .badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .ekit-wid-con .badge {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}

.ekit-wid-con a.badge:hover,
.ekit-wid-con a.badge:focus {
  text-decoration: none;
}

.ekit-wid-con .badge:empty {
  display: none;
}

.ekit-wid-con .btn .badge {
  position: relative;
  top: -1px;
}

.ekit-wid-con .badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.ekit-wid-con .badge-primary {
  color: #fff;
  background-color: #007bff;
}

.ekit-wid-con a.badge-primary:hover,
.ekit-wid-con a.badge-primary:focus {
  color: #fff;
  background-color: #0062cc;
}

.ekit-wid-con a.badge-primary:focus,
.ekit-wid-con a.badge-primary.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.ekit-wid-con .badge-secondary {
  color: #fff;
  background-color: #6c757d;
}

.ekit-wid-con a.badge-secondary:hover,
.ekit-wid-con a.badge-secondary:focus {
  color: #fff;
  background-color: #545b62;
}

.ekit-wid-con a.badge-secondary:focus,
.ekit-wid-con a.badge-secondary.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.ekit-wid-con .badge-success {
  color: #fff;
  background-color: #28a745;
}

.ekit-wid-con a.badge-success:hover,
.ekit-wid-con a.badge-success:focus {
  color: #fff;
  background-color: #1e7e34;
}

.ekit-wid-con a.badge-success:focus,
.ekit-wid-con a.badge-success.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.ekit-wid-con .badge-info {
  color: #fff;
  background-color: #17a2b8;
}

.ekit-wid-con a.badge-info:hover,
.ekit-wid-con a.badge-info:focus {
  color: #fff;
  background-color: #117a8b;
}

.ekit-wid-con a.badge-info:focus,
.ekit-wid-con a.badge-info.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.ekit-wid-con .badge-warning {
  color: #212529;
  background-color: #ffc107;
}

.ekit-wid-con a.badge-warning:hover,
.ekit-wid-con a.badge-warning:focus {
  color: #212529;
  background-color: #d39e00;
}

.ekit-wid-con a.badge-warning:focus,
.ekit-wid-con a.badge-warning.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.ekit-wid-con .badge-danger {
  color: #fff;
  background-color: #dc3545;
}

.ekit-wid-con a.badge-danger:hover,
.ekit-wid-con a.badge-danger:focus {
  color: #fff;
  background-color: #bd2130;
}

.ekit-wid-con a.badge-danger:focus,
.ekit-wid-con a.badge-danger.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.ekit-wid-con .badge-light {
  color: #212529;
  background-color: #f8f9fa;
}

.ekit-wid-con a.badge-light:hover,
.ekit-wid-con a.badge-light:focus {
  color: #212529;
  background-color: #dae0e5;
}

.ekit-wid-con a.badge-light:focus,
.ekit-wid-con a.badge-light.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.ekit-wid-con .badge-dark {
  color: #fff;
  background-color: #343a40;
}

.ekit-wid-con a.badge-dark:hover,
.ekit-wid-con a.badge-dark:focus {
  color: #fff;
  background-color: #1d2124;
}

.ekit-wid-con a.badge-dark:focus,
.ekit-wid-con a.badge-dark.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}

.ekit-wid-con .progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.ekit-wid-con .progress-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #007bff;
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .ekit-wid-con .progress-bar {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}

.ekit-wid-con .progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

.ekit-wid-con .progress-bar-animated {
  -webkit-animation: progress-bar-stripes 1s linear infinite;
  animation: progress-bar-stripes 1s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  .ekit-wid-con .progress-bar-animated {
    -webkit-animation: none;
    animation: none;
  }
}

.ekit-wid-con .media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.ekit-wid-con .media-body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.ekit-wid-con .list-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}

.ekit-wid-con .list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}

.ekit-wid-con .list-group-item-action:hover,
.ekit-wid-con .list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}

.ekit-wid-con .list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}

.ekit-wid-con .list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.ekit-wid-con .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.ekit-wid-con .list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.ekit-wid-con .list-group-item.disabled,
.ekit-wid-con .list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}

.ekit-wid-con .list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.ekit-wid-con .list-group-horizontal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.ekit-wid-con .list-group-horizontal .list-group-item {
  margin-right: -1px;
  margin-bottom: 0;
}

.ekit-wid-con .list-group-horizontal .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
}

.ekit-wid-con .list-group-horizontal .list-group-item:last-child {
  margin-right: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
}

@media (min-width: 576px) {
  .ekit-wid-con .list-group-horizontal-sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .ekit-wid-con .list-group-horizontal-sm .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .ekit-wid-con .list-group-horizontal-sm .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .ekit-wid-con .list-group-horizontal-sm .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}

@media (min-width: 768px) {
  .ekit-wid-con .list-group-horizontal-md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .ekit-wid-con .list-group-horizontal-md .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .ekit-wid-con .list-group-horizontal-md .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .ekit-wid-con .list-group-horizontal-md .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}

@media (min-width: 992px) {
  .ekit-wid-con .list-group-horizontal-lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .ekit-wid-con .list-group-horizontal-lg .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .ekit-wid-con .list-group-horizontal-lg .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .ekit-wid-con .list-group-horizontal-lg .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}

@media (min-width: 1200px) {
  .ekit-wid-con .list-group-horizontal-xl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .ekit-wid-con .list-group-horizontal-xl .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .ekit-wid-con .list-group-horizontal-xl .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .ekit-wid-con .list-group-horizontal-xl .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}

.ekit-wid-con .list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}

.ekit-wid-con .list-group-flush .list-group-item:last-child {
  margin-bottom: -1px;
}

.ekit-wid-con .list-group-flush:first-child .list-group-item:first-child {
  border-top: 0;
}

.ekit-wid-con .list-group-flush:last-child .list-group-item:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}

.ekit-wid-con .list-group-item-primary {
  color: #004085;
  background-color: #b8daff;
}

.ekit-wid-con .list-group-item-primary.list-group-item-action:hover,
.ekit-wid-con .list-group-item-primary.list-group-item-action:focus {
  color: #004085;
  background-color: #9fcdff;
}

.ekit-wid-con .list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #004085;
  border-color: #004085;
}

.ekit-wid-con .list-group-item-secondary {
  color: #383d41;
  background-color: #d6d8db;
}

.ekit-wid-con .list-group-item-secondary.list-group-item-action:hover,
.ekit-wid-con .list-group-item-secondary.list-group-item-action:focus {
  color: #383d41;
  background-color: #c8cbcf;
}

.ekit-wid-con .list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #383d41;
  border-color: #383d41;
}

.ekit-wid-con .list-group-item-success {
  color: #155724;
  background-color: #c3e6cb;
}

.ekit-wid-con .list-group-item-success.list-group-item-action:hover,
.ekit-wid-con .list-group-item-success.list-group-item-action:focus {
  color: #155724;
  background-color: #b1dfbb;
}

.ekit-wid-con .list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #155724;
  border-color: #155724;
}

.ekit-wid-con .list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb;
}

.ekit-wid-con .list-group-item-info.list-group-item-action:hover,
.ekit-wid-con .list-group-item-info.list-group-item-action:focus {
  color: #0c5460;
  background-color: #abdde5;
}

.ekit-wid-con .list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #0c5460;
  border-color: #0c5460;
}

.ekit-wid-con .list-group-item-warning {
  color: #856404;
  background-color: #ffeeba;
}

.ekit-wid-con .list-group-item-warning.list-group-item-action:hover,
.ekit-wid-con .list-group-item-warning.list-group-item-action:focus {
  color: #856404;
  background-color: #ffe8a1;
}

.ekit-wid-con .list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #856404;
  border-color: #856404;
}

.ekit-wid-con .list-group-item-danger {
  color: #721c24;
  background-color: #f5c6cb;
}

.ekit-wid-con .list-group-item-danger.list-group-item-action:hover,
.ekit-wid-con .list-group-item-danger.list-group-item-action:focus {
  color: #721c24;
  background-color: #f1b0b7;
}

.ekit-wid-con .list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #721c24;
  border-color: #721c24;
}

.ekit-wid-con .list-group-item-light {
  color: #818182;
  background-color: #fdfdfe;
}

.ekit-wid-con .list-group-item-light.list-group-item-action:hover,
.ekit-wid-con .list-group-item-light.list-group-item-action:focus {
  color: #818182;
  background-color: #ececf6;
}

.ekit-wid-con .list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #818182;
  border-color: #818182;
}

.ekit-wid-con .list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca;
}

.ekit-wid-con .list-group-item-dark.list-group-item-action:hover,
.ekit-wid-con .list-group-item-dark.list-group-item-action:focus {
  color: #1b1e21;
  background-color: #b9bbbe;
}

.ekit-wid-con .list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #1b1e21;
  border-color: #1b1e21;
}

.ekit-wid-con .close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
}

.ekit-wid-con .close:hover {
  color: #000;
  text-decoration: none;
}

.ekit-wid-con .close:not(:disabled):not(.disabled):hover,
.ekit-wid-con .close:not(:disabled):not(.disabled):focus {
  opacity: .75;
}

.ekit-wid-con button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.ekit-wid-con a.close.disabled {
  pointer-events: none;
}

.ekit-wid-con .modal-open {
  overflow: hidden;
}

.ekit-wid-con .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.ekit-wid-con .modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.ekit-wid-con .modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.ekit-wid-con .modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  -ms-transform: translate(0, -50px);
  transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
  .ekit-wid-con .modal.fade .modal-dialog {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}

.ekit-wid-con .modal.show .modal-dialog {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.ekit-wid-con .modal-dialog-scrollable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: calc(100% - 1rem);
}

.ekit-wid-con .modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}

.ekit-wid-con .modal-dialog-scrollable .modal-header,
.ekit-wid-con .modal-dialog-scrollable .modal-footer {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.ekit-wid-con .modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.ekit-wid-con .modal-dialog-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.ekit-wid-con .modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  content: "";
}

.ekit-wid-con .modal-dialog-centered.modal-dialog-scrollable {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}

.ekit-wid-con .modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}

.ekit-wid-con .modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.ekit-wid-con .modal-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.ekit-wid-con .modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.ekit-wid-con .modal-backdrop.fade {
  opacity: 0;
}

.ekit-wid-con .modal-backdrop.show {
  opacity: 0.5;
}

.ekit-wid-con .modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.ekit-wid-con .modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}

.ekit-wid-con .modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.ekit-wid-con .modal-body {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
}

.ekit-wid-con .modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.ekit-wid-con .modal-footer > :not(:first-child) {
  margin-left: .25rem;
}

.ekit-wid-con .modal-footer > :not(:last-child) {
  margin-right: .25rem;
}

.ekit-wid-con .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .ekit-wid-con .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .ekit-wid-con .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .ekit-wid-con .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .ekit-wid-con .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .ekit-wid-con .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
  }
  .ekit-wid-con .modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 992px) {
  .ekit-wid-con .modal-lg,
  .ekit-wid-con .modal-xl {
    max-width: 800px;
  }
}

@media (min-width: 1200px) {
  .ekit-wid-con .modal-xl {
    max-width: 1140px;
  }
}

.ekit-wid-con .align-baseline {
  vertical-align: baseline !important;
}

.ekit-wid-con .align-top {
  vertical-align: top !important;
}

.ekit-wid-con .align-middle {
  vertical-align: middle !important;
}

.ekit-wid-con .align-bottom {
  vertical-align: bottom !important;
}

.ekit-wid-con .align-text-bottom {
  vertical-align: text-bottom !important;
}

.ekit-wid-con .align-text-top {
  vertical-align: text-top !important;
}

.ekit-wid-con .bg-primary {
  background-color: #007bff !important;
}

.ekit-wid-con a.bg-primary:hover,
.ekit-wid-con a.bg-primary:focus,
.ekit-wid-con button.bg-primary:hover,
.ekit-wid-con button.bg-primary:focus {
  background-color: #0062cc !important;
}

.ekit-wid-con .bg-secondary {
  background-color: #6c757d !important;
}

.ekit-wid-con a.bg-secondary:hover,
.ekit-wid-con a.bg-secondary:focus,
.ekit-wid-con button.bg-secondary:hover,
.ekit-wid-con button.bg-secondary:focus {
  background-color: #545b62 !important;
}

.ekit-wid-con .bg-success {
  background-color: #28a745 !important;
}

.ekit-wid-con a.bg-success:hover,
.ekit-wid-con a.bg-success:focus,
.ekit-wid-con button.bg-success:hover,
.ekit-wid-con button.bg-success:focus {
  background-color: #1e7e34 !important;
}

.ekit-wid-con .bg-info {
  background-color: #17a2b8 !important;
}

.ekit-wid-con a.bg-info:hover,
.ekit-wid-con a.bg-info:focus,
.ekit-wid-con button.bg-info:hover,
.ekit-wid-con button.bg-info:focus {
  background-color: #117a8b !important;
}

.ekit-wid-con .bg-warning {
  background-color: #ffc107 !important;
}

.ekit-wid-con a.bg-warning:hover,
.ekit-wid-con a.bg-warning:focus,
.ekit-wid-con button.bg-warning:hover,
.ekit-wid-con button.bg-warning:focus {
  background-color: #d39e00 !important;
}

.ekit-wid-con .bg-danger {
  background-color: #dc3545 !important;
}

.ekit-wid-con a.bg-danger:hover,
.ekit-wid-con a.bg-danger:focus,
.ekit-wid-con button.bg-danger:hover,
.ekit-wid-con button.bg-danger:focus {
  background-color: #bd2130 !important;
}

.ekit-wid-con .bg-light {
  background-color: #f8f9fa !important;
}

.ekit-wid-con a.bg-light:hover,
.ekit-wid-con a.bg-light:focus,
.ekit-wid-con button.bg-light:hover,
.ekit-wid-con button.bg-light:focus {
  background-color: #dae0e5 !important;
}

.ekit-wid-con .bg-dark {
  background-color: #343a40 !important;
}

.ekit-wid-con a.bg-dark:hover,
.ekit-wid-con a.bg-dark:focus,
.ekit-wid-con button.bg-dark:hover,
.ekit-wid-con button.bg-dark:focus {
  background-color: #1d2124 !important;
}

.ekit-wid-con .bg-white {
  background-color: #fff !important;
}

.ekit-wid-con .bg-transparent {
  background-color: transparent !important;
}

.ekit-wid-con .border {
  border: 1px solid #dee2e6 !important;
}

.ekit-wid-con .border-top {
  border-top: 1px solid #dee2e6 !important;
}

.ekit-wid-con .border-right {
  border-right: 1px solid #dee2e6 !important;
}

.ekit-wid-con .border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.ekit-wid-con .border-left {
  border-left: 1px solid #dee2e6 !important;
}

.ekit-wid-con .border-0 {
  border: 0 !important;
}

.ekit-wid-con .border-top-0 {
  border-top: 0 !important;
}

.ekit-wid-con .border-right-0 {
  border-right: 0 !important;
}

.ekit-wid-con .border-bottom-0 {
  border-bottom: 0 !important;
}

.ekit-wid-con .border-left-0 {
  border-left: 0 !important;
}

.ekit-wid-con .border-primary {
  border-color: #007bff !important;
}

.ekit-wid-con .border-secondary {
  border-color: #6c757d !important;
}

.ekit-wid-con .border-success {
  border-color: #28a745 !important;
}

.ekit-wid-con .border-info {
  border-color: #17a2b8 !important;
}

.ekit-wid-con .border-warning {
  border-color: #ffc107 !important;
}

.ekit-wid-con .border-danger {
  border-color: #dc3545 !important;
}

.ekit-wid-con .border-light {
  border-color: #f8f9fa !important;
}

.ekit-wid-con .border-dark {
  border-color: #343a40 !important;
}

.ekit-wid-con .border-white {
  border-color: #fff !important;
}

.ekit-wid-con .rounded-sm {
  border-radius: 0.2rem !important;
}

.ekit-wid-con .rounded {
  border-radius: 0.25rem !important;
}

.ekit-wid-con .rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.ekit-wid-con .rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.ekit-wid-con .rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.ekit-wid-con .rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.ekit-wid-con .rounded-lg {
  border-radius: 0.3rem !important;
}

.ekit-wid-con .rounded-circle {
  border-radius: 50% !important;
}

.ekit-wid-con .rounded-pill {
  border-radius: 50rem !important;
}

.ekit-wid-con .rounded-0 {
  border-radius: 0 !important;
}

.ekit-wid-con .clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.ekit-wid-con .d-none {
  display: none !important;
}

.ekit-wid-con .d-inline {
  display: inline !important;
}

.ekit-wid-con .d-inline-block {
  display: inline-block !important;
}

.ekit-wid-con .d-block {
  display: block !important;
}

.ekit-wid-con .d-table {
  display: table !important;
}

.ekit-wid-con .d-table-row {
  display: table-row !important;
}

.ekit-wid-con .d-table-cell {
  display: table-cell !important;
}

.ekit-wid-con .d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

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

@media (min-width: 576px) {
  .ekit-wid-con .d-sm-none {
    display: none !important;
  }
  .ekit-wid-con .d-sm-inline {
    display: inline !important;
  }
  .ekit-wid-con .d-sm-inline-block {
    display: inline-block !important;
  }
  .ekit-wid-con .d-sm-block {
    display: block !important;
  }
  .ekit-wid-con .d-sm-table {
    display: table !important;
  }
  .ekit-wid-con .d-sm-table-row {
    display: table-row !important;
  }
  .ekit-wid-con .d-sm-table-cell {
    display: table-cell !important;
  }
  .ekit-wid-con .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .ekit-wid-con .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .ekit-wid-con .d-md-none {
    display: none !important;
  }
  .ekit-wid-con .d-md-inline {
    display: inline !important;
  }
  .ekit-wid-con .d-md-inline-block {
    display: inline-block !important;
  }
  .ekit-wid-con .d-md-block {
    display: block !important;
  }
  .ekit-wid-con .d-md-table {
    display: table !important;
  }
  .ekit-wid-con .d-md-table-row {
    display: table-row !important;
  }
  .ekit-wid-con .d-md-table-cell {
    display: table-cell !important;
  }
  .ekit-wid-con .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .ekit-wid-con .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .ekit-wid-con .d-lg-none {
    display: none !important;
  }
  .ekit-wid-con .d-lg-inline {
    display: inline !important;
  }
  .ekit-wid-con .d-lg-inline-block {
    display: inline-block !important;
  }
  .ekit-wid-con .d-lg-block {
    display: block !important;
  }
  .ekit-wid-con .d-lg-table {
    display: table !important;
  }
  .ekit-wid-con .d-lg-table-row {
    display: table-row !important;
  }
  .ekit-wid-con .d-lg-table-cell {
    display: table-cell !important;
  }
  .ekit-wid-con .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .ekit-wid-con .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .ekit-wid-con .d-xl-none {
    display: none !important;
  }
  .ekit-wid-con .d-xl-inline {
    display: inline !important;
  }
  .ekit-wid-con .d-xl-inline-block {
    display: inline-block !important;
  }
  .ekit-wid-con .d-xl-block {
    display: block !important;
  }
  .ekit-wid-con .d-xl-table {
    display: table !important;
  }
  .ekit-wid-con .d-xl-table-row {
    display: table-row !important;
  }
  .ekit-wid-con .d-xl-table-cell {
    display: table-cell !important;
  }
  .ekit-wid-con .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .ekit-wid-con .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media print {
  .ekit-wid-con .d-print-none {
    display: none !important;
  }
  .ekit-wid-con .d-print-inline {
    display: inline !important;
  }
  .ekit-wid-con .d-print-inline-block {
    display: inline-block !important;
  }
  .ekit-wid-con .d-print-block {
    display: block !important;
  }
  .ekit-wid-con .d-print-table {
    display: table !important;
  }
  .ekit-wid-con .d-print-table-row {
    display: table-row !important;
  }
  .ekit-wid-con .d-print-table-cell {
    display: table-cell !important;
  }
  .ekit-wid-con .d-print-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .ekit-wid-con .d-print-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

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

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

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

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

.ekit-wid-con .flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

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

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

.ekit-wid-con .flex-fill {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}

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

.ekit-wid-con .flex-grow-1 {
  -webkit-box-flex: 1 !important;
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

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

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

.ekit-wid-con .justify-content-start {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

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

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

.ekit-wid-con .justify-content-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

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

.ekit-wid-con .align-items-start {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

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

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

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

.ekit-wid-con .align-items-stretch {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

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

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

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

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

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

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

.ekit-wid-con .align-self-auto {
  -ms-flex-item-align: auto !important;
  -ms-grid-row-align: auto !important;
  align-self: auto !important;
}

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

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

.ekit-wid-con .align-self-center {
  -ms-flex-item-align: center !important;
  -ms-grid-row-align: center !important;
  align-self: center !important;
}

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

.ekit-wid-con .align-self-stretch {
  -ms-flex-item-align: stretch !important;
  -ms-grid-row-align: stretch !important;
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .ekit-wid-con .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .ekit-wid-con .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .ekit-wid-con .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .ekit-wid-con .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .ekit-wid-con .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .ekit-wid-con .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .ekit-wid-con .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .ekit-wid-con .flex-sm-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .ekit-wid-con .flex-sm-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .ekit-wid-con .flex-sm-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .ekit-wid-con .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .ekit-wid-con .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .ekit-wid-con .justify-content-sm-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .ekit-wid-con .justify-content-sm-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .ekit-wid-con .justify-content-sm-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .ekit-wid-con .justify-content-sm-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .ekit-wid-con .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .ekit-wid-con .align-items-sm-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .ekit-wid-con .align-items-sm-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .ekit-wid-con .align-items-sm-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .ekit-wid-con .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .ekit-wid-con .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .ekit-wid-con .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .ekit-wid-con .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .ekit-wid-con .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .ekit-wid-con .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .ekit-wid-con .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .ekit-wid-con .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .ekit-wid-con .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important;
  }
  .ekit-wid-con .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .ekit-wid-con .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .ekit-wid-con .align-self-sm-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important;
  }
  .ekit-wid-con .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .ekit-wid-con .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .ekit-wid-con .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .ekit-wid-con .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .ekit-wid-con .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .ekit-wid-con .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .ekit-wid-con .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .ekit-wid-con .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .ekit-wid-con .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .ekit-wid-con .flex-md-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .ekit-wid-con .flex-md-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .ekit-wid-con .flex-md-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .ekit-wid-con .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .ekit-wid-con .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .ekit-wid-con .justify-content-md-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .ekit-wid-con .justify-content-md-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .ekit-wid-con .justify-content-md-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .ekit-wid-con .justify-content-md-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .ekit-wid-con .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .ekit-wid-con .align-items-md-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .ekit-wid-con .align-items-md-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .ekit-wid-con .align-items-md-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .ekit-wid-con .align-items-md-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .ekit-wid-con .align-items-md-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .ekit-wid-con .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .ekit-wid-con .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .ekit-wid-con .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .ekit-wid-con .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .ekit-wid-con .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .ekit-wid-con .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .ekit-wid-con .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important;
  }
  .ekit-wid-con .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .ekit-wid-con .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .ekit-wid-con .align-self-md-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important;
  }
  .ekit-wid-con .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .ekit-wid-con .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  .ekit-wid-con .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .ekit-wid-con .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .ekit-wid-con .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .ekit-wid-con .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .ekit-wid-con .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .ekit-wid-con .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .ekit-wid-con .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .ekit-wid-con .flex-lg-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .ekit-wid-con .flex-lg-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .ekit-wid-con .flex-lg-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .ekit-wid-con .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .ekit-wid-con .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .ekit-wid-con .justify-content-lg-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .ekit-wid-con .justify-content-lg-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .ekit-wid-con .justify-content-lg-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .ekit-wid-con .justify-content-lg-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .ekit-wid-con .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .ekit-wid-con .align-items-lg-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .ekit-wid-con .align-items-lg-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .ekit-wid-con .align-items-lg-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .ekit-wid-con .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .ekit-wid-con .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .ekit-wid-con .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .ekit-wid-con .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .ekit-wid-con .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .ekit-wid-con .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .ekit-wid-con .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .ekit-wid-con .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .ekit-wid-con .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important;
  }
  .ekit-wid-con .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .ekit-wid-con .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .ekit-wid-con .align-self-lg-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important;
  }
  .ekit-wid-con .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .ekit-wid-con .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  .ekit-wid-con .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .ekit-wid-con .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .ekit-wid-con .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .ekit-wid-con .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .ekit-wid-con .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .ekit-wid-con .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .ekit-wid-con .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .ekit-wid-con .flex-xl-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .ekit-wid-con .flex-xl-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .ekit-wid-con .flex-xl-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .ekit-wid-con .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .ekit-wid-con .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .ekit-wid-con .justify-content-xl-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .ekit-wid-con .justify-content-xl-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .ekit-wid-con .justify-content-xl-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .ekit-wid-con .justify-content-xl-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .ekit-wid-con .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .ekit-wid-con .align-items-xl-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .ekit-wid-con .align-items-xl-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .ekit-wid-con .align-items-xl-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .ekit-wid-con .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .ekit-wid-con .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .ekit-wid-con .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .ekit-wid-con .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .ekit-wid-con .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .ekit-wid-con .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .ekit-wid-con .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .ekit-wid-con .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .ekit-wid-con .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important;
  }
  .ekit-wid-con .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .ekit-wid-con .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .ekit-wid-con .align-self-xl-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important;
  }
  .ekit-wid-con .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .ekit-wid-con .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important;
  }
}

.ekit-wid-con .m-0 {
  margin: 0 !important;
}

.ekit-wid-con .mt-0,
.ekit-wid-con .my-0 {
  margin-top: 0 !important;
}

.ekit-wid-con .mr-0,
.ekit-wid-con .mx-0 {
  margin-right: 0 !important;
}

.ekit-wid-con .mb-0,
.ekit-wid-con .my-0 {
  margin-bottom: 0 !important;
}

.ekit-wid-con .ml-0,
.ekit-wid-con .mx-0 {
  margin-left: 0 !important;
}

.ekit-wid-con .m-1 {
  margin: 0.25rem !important;
}

.ekit-wid-con .mt-1,
.ekit-wid-con .my-1 {
  margin-top: 0.25rem !important;
}

.ekit-wid-con .mr-1,
.ekit-wid-con .mx-1 {
  margin-right: 0.25rem !important;
}

.ekit-wid-con .mb-1,
.ekit-wid-con .my-1 {
  margin-bottom: 0.25rem !important;
}

.ekit-wid-con .ml-1,
.ekit-wid-con .mx-1 {
  margin-left: 0.25rem !important;
}

.ekit-wid-con .m-2 {
  margin: 0.5rem !important;
}

.ekit-wid-con .mt-2,
.ekit-wid-con .my-2 {
  margin-top: 0.5rem !important;
}

.ekit-wid-con .mr-2,
.ekit-wid-con .mx-2 {
  margin-right: 0.5rem !important;
}

.ekit-wid-con .mb-2,
.ekit-wid-con .my-2 {
  margin-bottom: 0.5rem !important;
}

.ekit-wid-con .ml-2,
.ekit-wid-con .mx-2 {
  margin-left: 0.5rem !important;
}

.ekit-wid-con .m-3 {
  margin: 1rem !important;
}

.ekit-wid-con .mt-3,
.ekit-wid-con .my-3 {
  margin-top: 1rem !important;
}

.ekit-wid-con .mr-3,
.ekit-wid-con .mx-3 {
  margin-right: 1rem !important;
}

.ekit-wid-con .mb-3,
.ekit-wid-con .my-3 {
  margin-bottom: 1rem !important;
}

.ekit-wid-con .ml-3,
.ekit-wid-con .mx-3 {
  margin-left: 1rem !important;
}

.ekit-wid-con .m-4 {
  margin: 1.5rem !important;
}

.ekit-wid-con .mt-4,
.ekit-wid-con .my-4 {
  margin-top: 1.5rem !important;
}

.ekit-wid-con .mr-4,
.ekit-wid-con .mx-4 {
  margin-right: 1.5rem !important;
}

.ekit-wid-con .mb-4,
.ekit-wid-con .my-4 {
  margin-bottom: 1.5rem !important;
}

.ekit-wid-con .ml-4,
.ekit-wid-con .mx-4 {
  margin-left: 1.5rem !important;
}

.ekit-wid-con .m-5 {
  margin: 3rem !important;
}

.ekit-wid-con .mt-5,
.ekit-wid-con .my-5 {
  margin-top: 3rem !important;
}

.ekit-wid-con .mr-5,
.ekit-wid-con .mx-5 {
  margin-right: 3rem !important;
}

.ekit-wid-con .mb-5,
.ekit-wid-con .my-5 {
  margin-bottom: 3rem !important;
}

.ekit-wid-con .ml-5,
.ekit-wid-con .mx-5 {
  margin-left: 3rem !important;
}

.ekit-wid-con .p-0 {
  padding: 0 !important;
}

.ekit-wid-con .pt-0,
.ekit-wid-con .py-0 {
  padding-top: 0 !important;
}

.ekit-wid-con .pr-0,
.ekit-wid-con .px-0 {
  padding-right: 0 !important;
}

.ekit-wid-con .pb-0,
.ekit-wid-con .py-0 {
  padding-bottom: 0 !important;
}

.ekit-wid-con .pl-0,
.ekit-wid-con .px-0 {
  padding-left: 0 !important;
}

.ekit-wid-con .p-1 {
  padding: 0.25rem !important;
}

.ekit-wid-con .pt-1,
.ekit-wid-con .py-1 {
  padding-top: 0.25rem !important;
}

.ekit-wid-con .pr-1,
.ekit-wid-con .px-1 {
  padding-right: 0.25rem !important;
}

.ekit-wid-con .pb-1,
.ekit-wid-con .py-1 {
  padding-bottom: 0.25rem !important;
}

.ekit-wid-con .pl-1,
.ekit-wid-con .px-1 {
  padding-left: 0.25rem !important;
}

.ekit-wid-con .p-2 {
  padding: 0.5rem !important;
}

.ekit-wid-con .pt-2,
.ekit-wid-con .py-2 {
  padding-top: 0.5rem !important;
}

.ekit-wid-con .pr-2,
.ekit-wid-con .px-2 {
  padding-right: 0.5rem !important;
}

.ekit-wid-con .pb-2,
.ekit-wid-con .py-2 {
  padding-bottom: 0.5rem !important;
}

.ekit-wid-con .pl-2,
.ekit-wid-con .px-2 {
  padding-left: 0.5rem !important;
}

.ekit-wid-con .p-3 {
  padding: 1rem !important;
}

.ekit-wid-con .pt-3,
.ekit-wid-con .py-3 {
  padding-top: 1rem !important;
}

.ekit-wid-con .pr-3,
.ekit-wid-con .px-3 {
  padding-right: 1rem !important;
}

.ekit-wid-con .pb-3,
.ekit-wid-con .py-3 {
  padding-bottom: 1rem !important;
}

.ekit-wid-con .pl-3,
.ekit-wid-con .px-3 {
  padding-left: 1rem !important;
}

.ekit-wid-con .p-4 {
  padding: 1.5rem !important;
}

.ekit-wid-con .pt-4,
.ekit-wid-con .py-4 {
  padding-top: 1.5rem !important;
}

.ekit-wid-con .pr-4,
.ekit-wid-con .px-4 {
  padding-right: 1.5rem !important;
}

.ekit-wid-con .pb-4,
.ekit-wid-con .py-4 {
  padding-bottom: 1.5rem !important;
}

.ekit-wid-con .pl-4,
.ekit-wid-con .px-4 {
  padding-left: 1.5rem !important;
}

.ekit-wid-con .p-5 {
  padding: 3rem !important;
}

.ekit-wid-con .pt-5,
.ekit-wid-con .py-5 {
  padding-top: 3rem !important;
}

.ekit-wid-con .pr-5,
.ekit-wid-con .px-5 {
  padding-right: 3rem !important;
}

.ekit-wid-con .pb-5,
.ekit-wid-con .py-5 {
  padding-bottom: 3rem !important;
}

.ekit-wid-con .pl-5,
.ekit-wid-con .px-5 {
  padding-left: 3rem !important;
}

.ekit-wid-con .m-n1 {
  margin: -0.25rem !important;
}

.ekit-wid-con .mt-n1,
.ekit-wid-con .my-n1 {
  margin-top: -0.25rem !important;
}

.ekit-wid-con .mr-n1,
.ekit-wid-con .mx-n1 {
  margin-right: -0.25rem !important;
}

.ekit-wid-con .mb-n1,
.ekit-wid-con .my-n1 {
  margin-bottom: -0.25rem !important;
}

.ekit-wid-con .ml-n1,
.ekit-wid-con .mx-n1 {
  margin-left: -0.25rem !important;
}

.ekit-wid-con .m-n2 {
  margin: -0.5rem !important;
}

.ekit-wid-con .mt-n2,
.ekit-wid-con .my-n2 {
  margin-top: -0.5rem !important;
}

.ekit-wid-con .mr-n2,
.ekit-wid-con .mx-n2 {
  margin-right: -0.5rem !important;
}

.ekit-wid-con .mb-n2,
.ekit-wid-con .my-n2 {
  margin-bottom: -0.5rem !important;
}

.ekit-wid-con .ml-n2,
.ekit-wid-con .mx-n2 {
  margin-left: -0.5rem !important;
}

.ekit-wid-con .m-n3 {
  margin: -1rem !important;
}

.ekit-wid-con .mt-n3,
.ekit-wid-con .my-n3 {
  margin-top: -1rem !important;
}

.ekit-wid-con .mr-n3,
.ekit-wid-con .mx-n3 {
  margin-right: -1rem !important;
}

.ekit-wid-con .mb-n3,
.ekit-wid-con .my-n3 {
  margin-bottom: -1rem !important;
}

.ekit-wid-con .ml-n3,
.ekit-wid-con .mx-n3 {
  margin-left: -1rem !important;
}

.ekit-wid-con .m-n4 {
  margin: -1.5rem !important;
}

.ekit-wid-con .mt-n4,
.ekit-wid-con .my-n4 {
  margin-top: -1.5rem !important;
}

.ekit-wid-con .mr-n4,
.ekit-wid-con .mx-n4 {
  margin-right: -1.5rem !important;
}

.ekit-wid-con .mb-n4,
.ekit-wid-con .my-n4 {
  margin-bottom: -1.5rem !important;
}

.ekit-wid-con .ml-n4,
.ekit-wid-con .mx-n4 {
  margin-left: -1.5rem !important;
}

.ekit-wid-con .m-n5 {
  margin: -3rem !important;
}

.ekit-wid-con .mt-n5,
.ekit-wid-con .my-n5 {
  margin-top: -3rem !important;
}

.ekit-wid-con .mr-n5,
.ekit-wid-con .mx-n5 {
  margin-right: -3rem !important;
}

.ekit-wid-con .mb-n5,
.ekit-wid-con .my-n5 {
  margin-bottom: -3rem !important;
}

.ekit-wid-con .ml-n5,
.ekit-wid-con .mx-n5 {
  margin-left: -3rem !important;
}

.ekit-wid-con .m-auto {
  margin: auto !important;
}

.ekit-wid-con .mt-auto,
.ekit-wid-con .my-auto {
  margin-top: auto !important;
}

.ekit-wid-con .mr-auto,
.ekit-wid-con .mx-auto {
  margin-right: auto !important;
}

.ekit-wid-con .mb-auto,
.ekit-wid-con .my-auto {
  margin-bottom: auto !important;
}

.ekit-wid-con .ml-auto,
.ekit-wid-con .mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .ekit-wid-con .m-sm-0 {
    margin: 0 !important;
  }
  .ekit-wid-con .mt-sm-0,
  .ekit-wid-con .my-sm-0 {
    margin-top: 0 !important;
  }
  .ekit-wid-con .mr-sm-0,
  .ekit-wid-con .mx-sm-0 {
    margin-right: 0 !important;
  }
  .ekit-wid-con .mb-sm-0,
  .ekit-wid-con .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ekit-wid-con .ml-sm-0,
  .ekit-wid-con .mx-sm-0 {
    margin-left: 0 !important;
  }
  .ekit-wid-con .m-sm-1 {
    margin: 0.25rem !important;
  }
  .ekit-wid-con .mt-sm-1,
  .ekit-wid-con .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .ekit-wid-con .mr-sm-1,
  .ekit-wid-con .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .ekit-wid-con .mb-sm-1,
  .ekit-wid-con .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ekit-wid-con .ml-sm-1,
  .ekit-wid-con .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ekit-wid-con .m-sm-2 {
    margin: 0.5rem !important;
  }
  .ekit-wid-con .mt-sm-2,
  .ekit-wid-con .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .ekit-wid-con .mr-sm-2,
  .ekit-wid-con .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .ekit-wid-con .mb-sm-2,
  .ekit-wid-con .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ekit-wid-con .ml-sm-2,
  .ekit-wid-con .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ekit-wid-con .m-sm-3 {
    margin: 1rem !important;
  }
  .ekit-wid-con .mt-sm-3,
  .ekit-wid-con .my-sm-3 {
    margin-top: 1rem !important;
  }
  .ekit-wid-con .mr-sm-3,
  .ekit-wid-con .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .ekit-wid-con .mb-sm-3,
  .ekit-wid-con .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ekit-wid-con .ml-sm-3,
  .ekit-wid-con .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .ekit-wid-con .m-sm-4 {
    margin: 1.5rem !important;
  }
  .ekit-wid-con .mt-sm-4,
  .ekit-wid-con .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .ekit-wid-con .mr-sm-4,
  .ekit-wid-con .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .ekit-wid-con .mb-sm-4,
  .ekit-wid-con .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ekit-wid-con .ml-sm-4,
  .ekit-wid-con .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ekit-wid-con .m-sm-5 {
    margin: 3rem !important;
  }
  .ekit-wid-con .mt-sm-5,
  .ekit-wid-con .my-sm-5 {
    margin-top: 3rem !important;
  }
  .ekit-wid-con .mr-sm-5,
  .ekit-wid-con .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .ekit-wid-con .mb-sm-5,
  .ekit-wid-con .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ekit-wid-con .ml-sm-5,
  .ekit-wid-con .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .ekit-wid-con .p-sm-0 {
    padding: 0 !important;
  }
  .ekit-wid-con .pt-sm-0,
  .ekit-wid-con .py-sm-0 {
    padding-top: 0 !important;
  }
  .ekit-wid-con .pr-sm-0,
  .ekit-wid-con .px-sm-0 {
    padding-right: 0 !important;
  }
  .ekit-wid-con .pb-sm-0,
  .ekit-wid-con .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .ekit-wid-con .pl-sm-0,
  .ekit-wid-con .px-sm-0 {
    padding-left: 0 !important;
  }
  .ekit-wid-con .p-sm-1 {
    padding: 0.25rem !important;
  }
  .ekit-wid-con .pt-sm-1,
  .ekit-wid-con .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .ekit-wid-con .pr-sm-1,
  .ekit-wid-con .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .ekit-wid-con .pb-sm-1,
  .ekit-wid-con .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .ekit-wid-con .pl-sm-1,
  .ekit-wid-con .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ekit-wid-con .p-sm-2 {
    padding: 0.5rem !important;
  }
  .ekit-wid-con .pt-sm-2,
  .ekit-wid-con .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .ekit-wid-con .pr-sm-2,
  .ekit-wid-con .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .ekit-wid-con .pb-sm-2,
  .ekit-wid-con .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .ekit-wid-con .pl-sm-2,
  .ekit-wid-con .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ekit-wid-con .p-sm-3 {
    padding: 1rem !important;
  }
  .ekit-wid-con .pt-sm-3,
  .ekit-wid-con .py-sm-3 {
    padding-top: 1rem !important;
  }
  .ekit-wid-con .pr-sm-3,
  .ekit-wid-con .px-sm-3 {
    padding-right: 1rem !important;
  }
  .ekit-wid-con .pb-sm-3,
  .ekit-wid-con .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .ekit-wid-con .pl-sm-3,
  .ekit-wid-con .px-sm-3 {
    padding-left: 1rem !important;
  }
  .ekit-wid-con .p-sm-4 {
    padding: 1.5rem !important;
  }
  .ekit-wid-con .pt-sm-4,
  .ekit-wid-con .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .ekit-wid-con .pr-sm-4,
  .ekit-wid-con .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .ekit-wid-con .pb-sm-4,
  .ekit-wid-con .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .ekit-wid-con .pl-sm-4,
  .ekit-wid-con .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ekit-wid-con .p-sm-5 {
    padding: 3rem !important;
  }
  .ekit-wid-con .pt-sm-5,
  .ekit-wid-con .py-sm-5 {
    padding-top: 3rem !important;
  }
  .ekit-wid-con .pr-sm-5,
  .ekit-wid-con .px-sm-5 {
    padding-right: 3rem !important;
  }
  .ekit-wid-con .pb-sm-5,
  .ekit-wid-con .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ekit-wid-con .pl-sm-5,
  .ekit-wid-con .px-sm-5 {
    padding-left: 3rem !important;
  }
  .ekit-wid-con .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .ekit-wid-con .mt-sm-n1,
  .ekit-wid-con .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .ekit-wid-con .mr-sm-n1,
  .ekit-wid-con .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .ekit-wid-con .mb-sm-n1,
  .ekit-wid-con .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ekit-wid-con .ml-sm-n1,
  .ekit-wid-con .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .ekit-wid-con .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .ekit-wid-con .mt-sm-n2,
  .ekit-wid-con .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .ekit-wid-con .mr-sm-n2,
  .ekit-wid-con .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .ekit-wid-con .mb-sm-n2,
  .ekit-wid-con .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ekit-wid-con .ml-sm-n2,
  .ekit-wid-con .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .ekit-wid-con .m-sm-n3 {
    margin: -1rem !important;
  }
  .ekit-wid-con .mt-sm-n3,
  .ekit-wid-con .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .ekit-wid-con .mr-sm-n3,
  .ekit-wid-con .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .ekit-wid-con .mb-sm-n3,
  .ekit-wid-con .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ekit-wid-con .ml-sm-n3,
  .ekit-wid-con .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .ekit-wid-con .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .ekit-wid-con .mt-sm-n4,
  .ekit-wid-con .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .ekit-wid-con .mr-sm-n4,
  .ekit-wid-con .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .ekit-wid-con .mb-sm-n4,
  .ekit-wid-con .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ekit-wid-con .ml-sm-n4,
  .ekit-wid-con .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .ekit-wid-con .m-sm-n5 {
    margin: -3rem !important;
  }
  .ekit-wid-con .mt-sm-n5,
  .ekit-wid-con .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .ekit-wid-con .mr-sm-n5,
  .ekit-wid-con .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .ekit-wid-con .mb-sm-n5,
  .ekit-wid-con .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ekit-wid-con .ml-sm-n5,
  .ekit-wid-con .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .ekit-wid-con .m-sm-auto {
    margin: auto !important;
  }
  .ekit-wid-con .mt-sm-auto,
  .ekit-wid-con .my-sm-auto {
    margin-top: auto !important;
  }
  .ekit-wid-con .mr-sm-auto,
  .ekit-wid-con .mx-sm-auto {
    margin-right: auto !important;
  }
  .ekit-wid-con .mb-sm-auto,
  .ekit-wid-con .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ekit-wid-con .ml-sm-auto,
  .ekit-wid-con .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .ekit-wid-con .m-md-0 {
    margin: 0 !important;
  }
  .ekit-wid-con .mt-md-0,
  .ekit-wid-con .my-md-0 {
    margin-top: 0 !important;
  }
  .ekit-wid-con .mr-md-0,
  .ekit-wid-con .mx-md-0 {
    margin-right: 0 !important;
  }
  .ekit-wid-con .mb-md-0,
  .ekit-wid-con .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ekit-wid-con .ml-md-0,
  .ekit-wid-con .mx-md-0 {
    margin-left: 0 !important;
  }
  .ekit-wid-con .m-md-1 {
    margin: 0.25rem !important;
  }
  .ekit-wid-con .mt-md-1,
  .ekit-wid-con .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .ekit-wid-con .mr-md-1,
  .ekit-wid-con .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .ekit-wid-con .mb-md-1,
  .ekit-wid-con .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ekit-wid-con .ml-md-1,
  .ekit-wid-con .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .ekit-wid-con .m-md-2 {
    margin: 0.5rem !important;
  }
  .ekit-wid-con .mt-md-2,
  .ekit-wid-con .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .ekit-wid-con .mr-md-2,
  .ekit-wid-con .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .ekit-wid-con .mb-md-2,
  .ekit-wid-con .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ekit-wid-con .ml-md-2,
  .ekit-wid-con .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .ekit-wid-con .m-md-3 {
    margin: 1rem !important;
  }
  .ekit-wid-con .mt-md-3,
  .ekit-wid-con .my-md-3 {
    margin-top: 1rem !important;
  }
  .ekit-wid-con .mr-md-3,
  .ekit-wid-con .mx-md-3 {
    margin-right: 1rem !important;
  }
  .ekit-wid-con .mb-md-3,
  .ekit-wid-con .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ekit-wid-con .ml-md-3,
  .ekit-wid-con .mx-md-3 {
    margin-left: 1rem !important;
  }
  .ekit-wid-con .m-md-4 {
    margin: 1.5rem !important;
  }
  .ekit-wid-con .mt-md-4,
  .ekit-wid-con .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .ekit-wid-con .mr-md-4,
  .ekit-wid-con .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .ekit-wid-con .mb-md-4,
  .ekit-wid-con .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ekit-wid-con .ml-md-4,
  .ekit-wid-con .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .ekit-wid-con .m-md-5 {
    margin: 3rem !important;
  }
  .ekit-wid-con .mt-md-5,
  .ekit-wid-con .my-md-5 {
    margin-top: 3rem !important;
  }
  .ekit-wid-con .mr-md-5,
  .ekit-wid-con .mx-md-5 {
    margin-right: 3rem !important;
  }
  .ekit-wid-con .mb-md-5,
  .ekit-wid-con .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ekit-wid-con .ml-md-5,
  .ekit-wid-con .mx-md-5 {
    margin-left: 3rem !important;
  }
  .ekit-wid-con .p-md-0 {
    padding: 0 !important;
  }
  .ekit-wid-con .pt-md-0,
  .ekit-wid-con .py-md-0 {
    padding-top: 0 !important;
  }
  .ekit-wid-con .pr-md-0,
  .ekit-wid-con .px-md-0 {
    padding-right: 0 !important;
  }
  .ekit-wid-con .pb-md-0,
  .ekit-wid-con .py-md-0 {
    padding-bottom: 0 !important;
  }
  .ekit-wid-con .pl-md-0,
  .ekit-wid-con .px-md-0 {
    padding-left: 0 !important;
  }
  .ekit-wid-con .p-md-1 {
    padding: 0.25rem !important;
  }
  .ekit-wid-con .pt-md-1,
  .ekit-wid-con .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .ekit-wid-con .pr-md-1,
  .ekit-wid-con .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .ekit-wid-con .pb-md-1,
  .ekit-wid-con .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .ekit-wid-con .pl-md-1,
  .ekit-wid-con .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .ekit-wid-con .p-md-2 {
    padding: 0.5rem !important;
  }
  .ekit-wid-con .pt-md-2,
  .ekit-wid-con .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .ekit-wid-con .pr-md-2,
  .ekit-wid-con .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .ekit-wid-con .pb-md-2,
  .ekit-wid-con .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .ekit-wid-con .pl-md-2,
  .ekit-wid-con .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .ekit-wid-con .p-md-3 {
    padding: 1rem !important;
  }
  .ekit-wid-con .pt-md-3,
  .ekit-wid-con .py-md-3 {
    padding-top: 1rem !important;
  }
  .ekit-wid-con .pr-md-3,
  .ekit-wid-con .px-md-3 {
    padding-right: 1rem !important;
  }
  .ekit-wid-con .pb-md-3,
  .ekit-wid-con .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .ekit-wid-con .pl-md-3,
  .ekit-wid-con .px-md-3 {
    padding-left: 1rem !important;
  }
  .ekit-wid-con .p-md-4 {
    padding: 1.5rem !important;
  }
  .ekit-wid-con .pt-md-4,
  .ekit-wid-con .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .ekit-wid-con .pr-md-4,
  .ekit-wid-con .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .ekit-wid-con .pb-md-4,
  .ekit-wid-con .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .ekit-wid-con .pl-md-4,
  .ekit-wid-con .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .ekit-wid-con .p-md-5 {
    padding: 3rem !important;
  }
  .ekit-wid-con .pt-md-5,
  .ekit-wid-con .py-md-5 {
    padding-top: 3rem !important;
  }
  .ekit-wid-con .pr-md-5,
  .ekit-wid-con .px-md-5 {
    padding-right: 3rem !important;
  }
  .ekit-wid-con .pb-md-5,
  .ekit-wid-con .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .ekit-wid-con .pl-md-5,
  .ekit-wid-con .px-md-5 {
    padding-left: 3rem !important;
  }
  .ekit-wid-con .m-md-n1 {
    margin: -0.25rem !important;
  }
  .ekit-wid-con .mt-md-n1,
  .ekit-wid-con .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .ekit-wid-con .mr-md-n1,
  .ekit-wid-con .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .ekit-wid-con .mb-md-n1,
  .ekit-wid-con .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ekit-wid-con .ml-md-n1,
  .ekit-wid-con .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .ekit-wid-con .m-md-n2 {
    margin: -0.5rem !important;
  }
  .ekit-wid-con .mt-md-n2,
  .ekit-wid-con .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .ekit-wid-con .mr-md-n2,
  .ekit-wid-con .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .ekit-wid-con .mb-md-n2,
  .ekit-wid-con .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ekit-wid-con .ml-md-n2,
  .ekit-wid-con .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .ekit-wid-con .m-md-n3 {
    margin: -1rem !important;
  }
  .ekit-wid-con .mt-md-n3,
  .ekit-wid-con .my-md-n3 {
    margin-top: -1rem !important;
  }
  .ekit-wid-con .mr-md-n3,
  .ekit-wid-con .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .ekit-wid-con .mb-md-n3,
  .ekit-wid-con .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ekit-wid-con .ml-md-n3,
  .ekit-wid-con .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .ekit-wid-con .m-md-n4 {
    margin: -1.5rem !important;
  }
  .ekit-wid-con .mt-md-n4,
  .ekit-wid-con .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .ekit-wid-con .mr-md-n4,
  .ekit-wid-con .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .ekit-wid-con .mb-md-n4,
  .ekit-wid-con .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ekit-wid-con .ml-md-n4,
  .ekit-wid-con .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .ekit-wid-con .m-md-n5 {
    margin: -3rem !important;
  }
  .ekit-wid-con .mt-md-n5,
  .ekit-wid-con .my-md-n5 {
    margin-top: -3rem !important;
  }
  .ekit-wid-con .mr-md-n5,
  .ekit-wid-con .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .ekit-wid-con .mb-md-n5,
  .ekit-wid-con .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ekit-wid-con .ml-md-n5,
  .ekit-wid-con .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .ekit-wid-con .m-md-auto {
    margin: auto !important;
  }
  .ekit-wid-con .mt-md-auto,
  .ekit-wid-con .my-md-auto {
    margin-top: auto !important;
  }
  .ekit-wid-con .mr-md-auto,
  .ekit-wid-con .mx-md-auto {
    margin-right: auto !important;
  }
  .ekit-wid-con .mb-md-auto,
  .ekit-wid-con .my-md-auto {
    margin-bottom: auto !important;
  }
  .ekit-wid-con .ml-md-auto,
  .ekit-wid-con .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .ekit-wid-con .m-lg-0 {
    margin: 0 !important;
  }
  .ekit-wid-con .mt-lg-0,
  .ekit-wid-con .my-lg-0 {
    margin-top: 0 !important;
  }
  .ekit-wid-con .mr-lg-0,
  .ekit-wid-con .mx-lg-0 {
    margin-right: 0 !important;
  }
  .ekit-wid-con .mb-lg-0,
  .ekit-wid-con .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ekit-wid-con .ml-lg-0,
  .ekit-wid-con .mx-lg-0 {
    margin-left: 0 !important;
  }
  .ekit-wid-con .m-lg-1 {
    margin: 0.25rem !important;
  }
  .ekit-wid-con .mt-lg-1,
  .ekit-wid-con .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .ekit-wid-con .mr-lg-1,
  .ekit-wid-con .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .ekit-wid-con .mb-lg-1,
  .ekit-wid-con .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ekit-wid-con .ml-lg-1,
  .ekit-wid-con .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ekit-wid-con .m-lg-2 {
    margin: 0.5rem !important;
  }
  .ekit-wid-con .mt-lg-2,
  .ekit-wid-con .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .ekit-wid-con .mr-lg-2,
  .ekit-wid-con .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .ekit-wid-con .mb-lg-2,
  .ekit-wid-con .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ekit-wid-con .ml-lg-2,
  .ekit-wid-con .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ekit-wid-con .m-lg-3 {
    margin: 1rem !important;
  }
  .ekit-wid-con .mt-lg-3,
  .ekit-wid-con .my-lg-3 {
    margin-top: 1rem !important;
  }
  .ekit-wid-con .mr-lg-3,
  .ekit-wid-con .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .ekit-wid-con .mb-lg-3,
  .ekit-wid-con .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ekit-wid-con .ml-lg-3,
  .ekit-wid-con .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .ekit-wid-con .m-lg-4 {
    margin: 1.5rem !important;
  }
  .ekit-wid-con .mt-lg-4,
  .ekit-wid-con .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .ekit-wid-con .mr-lg-4,
  .ekit-wid-con .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .ekit-wid-con .mb-lg-4,
  .ekit-wid-con .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ekit-wid-con .ml-lg-4,
  .ekit-wid-con .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ekit-wid-con .m-lg-5 {
    margin: 3rem !important;
  }
  .ekit-wid-con .mt-lg-5,
  .ekit-wid-con .my-lg-5 {
    margin-top: 3rem !important;
  }
  .ekit-wid-con .mr-lg-5,
  .ekit-wid-con .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .ekit-wid-con .mb-lg-5,
  .ekit-wid-con .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ekit-wid-con .ml-lg-5,
  .ekit-wid-con .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .ekit-wid-con .p-lg-0 {
    padding: 0 !important;
  }
  .ekit-wid-con .pt-lg-0,
  .ekit-wid-con .py-lg-0 {
    padding-top: 0 !important;
  }
  .ekit-wid-con .pr-lg-0,
  .ekit-wid-con .px-lg-0 {
    padding-right: 0 !important;
  }
  .ekit-wid-con .pb-lg-0,
  .ekit-wid-con .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .ekit-wid-con .pl-lg-0,
  .ekit-wid-con .px-lg-0 {
    padding-left: 0 !important;
  }
  .ekit-wid-con .p-lg-1 {
    padding: 0.25rem !important;
  }
  .ekit-wid-con .pt-lg-1,
  .ekit-wid-con .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .ekit-wid-con .pr-lg-1,
  .ekit-wid-con .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .ekit-wid-con .pb-lg-1,
  .ekit-wid-con .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .ekit-wid-con .pl-lg-1,
  .ekit-wid-con .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ekit-wid-con .p-lg-2 {
    padding: 0.5rem !important;
  }
  .ekit-wid-con .pt-lg-2,
  .ekit-wid-con .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .ekit-wid-con .pr-lg-2,
  .ekit-wid-con .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .ekit-wid-con .pb-lg-2,
  .ekit-wid-con .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .ekit-wid-con .pl-lg-2,
  .ekit-wid-con .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ekit-wid-con .p-lg-3 {
    padding: 1rem !important;
  }
  .ekit-wid-con .pt-lg-3,
  .ekit-wid-con .py-lg-3 {
    padding-top: 1rem !important;
  }
  .ekit-wid-con .pr-lg-3,
  .ekit-wid-con .px-lg-3 {
    padding-right: 1rem !important;
  }
  .ekit-wid-con .pb-lg-3,
  .ekit-wid-con .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .ekit-wid-con .pl-lg-3,
  .ekit-wid-con .px-lg-3 {
    padding-left: 1rem !important;
  }
  .ekit-wid-con .p-lg-4 {
    padding: 1.5rem !important;
  }
  .ekit-wid-con .pt-lg-4,
  .ekit-wid-con .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .ekit-wid-con .pr-lg-4,
  .ekit-wid-con .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .ekit-wid-con .pb-lg-4,
  .ekit-wid-con .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .ekit-wid-con .pl-lg-4,
  .ekit-wid-con .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ekit-wid-con .p-lg-5 {
    padding: 3rem !important;
  }
  .ekit-wid-con .pt-lg-5,
  .ekit-wid-con .py-lg-5 {
    padding-top: 3rem !important;
  }
  .ekit-wid-con .pr-lg-5,
  .ekit-wid-con .px-lg-5 {
    padding-right: 3rem !important;
  }
  .ekit-wid-con .pb-lg-5,
  .ekit-wid-con .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ekit-wid-con .pl-lg-5,
  .ekit-wid-con .px-lg-5 {
    padding-left: 3rem !important;
  }
  .ekit-wid-con .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .ekit-wid-con .mt-lg-n1,
  .ekit-wid-con .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .ekit-wid-con .mr-lg-n1,
  .ekit-wid-con .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .ekit-wid-con .mb-lg-n1,
  .ekit-wid-con .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ekit-wid-con .ml-lg-n1,
  .ekit-wid-con .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .ekit-wid-con .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .ekit-wid-con .mt-lg-n2,
  .ekit-wid-con .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .ekit-wid-con .mr-lg-n2,
  .ekit-wid-con .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .ekit-wid-con .mb-lg-n2,
  .ekit-wid-con .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ekit-wid-con .ml-lg-n2,
  .ekit-wid-con .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .ekit-wid-con .m-lg-n3 {
    margin: -1rem !important;
  }
  .ekit-wid-con .mt-lg-n3,
  .ekit-wid-con .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .ekit-wid-con .mr-lg-n3,
  .ekit-wid-con .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .ekit-wid-con .mb-lg-n3,
  .ekit-wid-con .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ekit-wid-con .ml-lg-n3,
  .ekit-wid-con .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .ekit-wid-con .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .ekit-wid-con .mt-lg-n4,
  .ekit-wid-con .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .ekit-wid-con .mr-lg-n4,
  .ekit-wid-con .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .ekit-wid-con .mb-lg-n4,
  .ekit-wid-con .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ekit-wid-con .ml-lg-n4,
  .ekit-wid-con .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .ekit-wid-con .m-lg-n5 {
    margin: -3rem !important;
  }
  .ekit-wid-con .mt-lg-n5,
  .ekit-wid-con .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .ekit-wid-con .mr-lg-n5,
  .ekit-wid-con .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .ekit-wid-con .mb-lg-n5,
  .ekit-wid-con .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ekit-wid-con .ml-lg-n5,
  .ekit-wid-con .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .ekit-wid-con .m-lg-auto {
    margin: auto !important;
  }
  .ekit-wid-con .mt-lg-auto,
  .ekit-wid-con .my-lg-auto {
    margin-top: auto !important;
  }
  .ekit-wid-con .mr-lg-auto,
  .ekit-wid-con .mx-lg-auto {
    margin-right: auto !important;
  }
  .ekit-wid-con .mb-lg-auto,
  .ekit-wid-con .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ekit-wid-con .ml-lg-auto,
  .ekit-wid-con .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .ekit-wid-con .m-xl-0 {
    margin: 0 !important;
  }
  .ekit-wid-con .mt-xl-0,
  .ekit-wid-con .my-xl-0 {
    margin-top: 0 !important;
  }
  .ekit-wid-con .mr-xl-0,
  .ekit-wid-con .mx-xl-0 {
    margin-right: 0 !important;
  }
  .ekit-wid-con .mb-xl-0,
  .ekit-wid-con .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ekit-wid-con .ml-xl-0,
  .ekit-wid-con .mx-xl-0 {
    margin-left: 0 !important;
  }
  .ekit-wid-con .m-xl-1 {
    margin: 0.25rem !important;
  }
  .ekit-wid-con .mt-xl-1,
  .ekit-wid-con .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .ekit-wid-con .mr-xl-1,
  .ekit-wid-con .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .ekit-wid-con .mb-xl-1,
  .ekit-wid-con .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ekit-wid-con .ml-xl-1,
  .ekit-wid-con .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ekit-wid-con .m-xl-2 {
    margin: 0.5rem !important;
  }
  .ekit-wid-con .mt-xl-2,
  .ekit-wid-con .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .ekit-wid-con .mr-xl-2,
  .ekit-wid-con .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .ekit-wid-con .mb-xl-2,
  .ekit-wid-con .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ekit-wid-con .ml-xl-2,
  .ekit-wid-con .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ekit-wid-con .m-xl-3 {
    margin: 1rem !important;
  }
  .ekit-wid-con .mt-xl-3,
  .ekit-wid-con .my-xl-3 {
    margin-top: 1rem !important;
  }
  .ekit-wid-con .mr-xl-3,
  .ekit-wid-con .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .ekit-wid-con .mb-xl-3,
  .ekit-wid-con .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ekit-wid-con .ml-xl-3,
  .ekit-wid-con .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .ekit-wid-con .m-xl-4 {
    margin: 1.5rem !important;
  }
  .ekit-wid-con .mt-xl-4,
  .ekit-wid-con .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .ekit-wid-con .mr-xl-4,
  .ekit-wid-con .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .ekit-wid-con .mb-xl-4,
  .ekit-wid-con .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ekit-wid-con .ml-xl-4,
  .ekit-wid-con .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ekit-wid-con .m-xl-5 {
    margin: 3rem !important;
  }
  .ekit-wid-con .mt-xl-5,
  .ekit-wid-con .my-xl-5 {
    margin-top: 3rem !important;
  }
  .ekit-wid-con .mr-xl-5,
  .ekit-wid-con .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .ekit-wid-con .mb-xl-5,
  .ekit-wid-con .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ekit-wid-con .ml-xl-5,
  .ekit-wid-con .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .ekit-wid-con .p-xl-0 {
    padding: 0 !important;
  }
  .ekit-wid-con .pt-xl-0,
  .ekit-wid-con .py-xl-0 {
    padding-top: 0 !important;
  }
  .ekit-wid-con .pr-xl-0,
  .ekit-wid-con .px-xl-0 {
    padding-right: 0 !important;
  }
  .ekit-wid-con .pb-xl-0,
  .ekit-wid-con .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .ekit-wid-con .pl-xl-0,
  .ekit-wid-con .px-xl-0 {
    padding-left: 0 !important;
  }
  .ekit-wid-con .p-xl-1 {
    padding: 0.25rem !important;
  }
  .ekit-wid-con .pt-xl-1,
  .ekit-wid-con .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .ekit-wid-con .pr-xl-1,
  .ekit-wid-con .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .ekit-wid-con .pb-xl-1,
  .ekit-wid-con .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .ekit-wid-con .pl-xl-1,
  .ekit-wid-con .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ekit-wid-con .p-xl-2 {
    padding: 0.5rem !important;
  }
  .ekit-wid-con .pt-xl-2,
  .ekit-wid-con .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .ekit-wid-con .pr-xl-2,
  .ekit-wid-con .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .ekit-wid-con .pb-xl-2,
  .ekit-wid-con .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .ekit-wid-con .pl-xl-2,
  .ekit-wid-con .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ekit-wid-con .p-xl-3 {
    padding: 1rem !important;
  }
  .ekit-wid-con .pt-xl-3,
  .ekit-wid-con .py-xl-3 {
    padding-top: 1rem !important;
  }
  .ekit-wid-con .pr-xl-3,
  .ekit-wid-con .px-xl-3 {
    padding-right: 1rem !important;
  }
  .ekit-wid-con .pb-xl-3,
  .ekit-wid-con .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .ekit-wid-con .pl-xl-3,
  .ekit-wid-con .px-xl-3 {
    padding-left: 1rem !important;
  }
  .ekit-wid-con .p-xl-4 {
    padding: 1.5rem !important;
  }
  .ekit-wid-con .pt-xl-4,
  .ekit-wid-con .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .ekit-wid-con .pr-xl-4,
  .ekit-wid-con .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .ekit-wid-con .pb-xl-4,
  .ekit-wid-con .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .ekit-wid-con .pl-xl-4,
  .ekit-wid-con .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ekit-wid-con .p-xl-5 {
    padding: 3rem !important;
  }
  .ekit-wid-con .pt-xl-5,
  .ekit-wid-con .py-xl-5 {
    padding-top: 3rem !important;
  }
  .ekit-wid-con .pr-xl-5,
  .ekit-wid-con .px-xl-5 {
    padding-right: 3rem !important;
  }
  .ekit-wid-con .pb-xl-5,
  .ekit-wid-con .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ekit-wid-con .pl-xl-5,
  .ekit-wid-con .px-xl-5 {
    padding-left: 3rem !important;
  }
  .ekit-wid-con .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .ekit-wid-con .mt-xl-n1,
  .ekit-wid-con .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .ekit-wid-con .mr-xl-n1,
  .ekit-wid-con .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .ekit-wid-con .mb-xl-n1,
  .ekit-wid-con .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ekit-wid-con .ml-xl-n1,
  .ekit-wid-con .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .ekit-wid-con .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .ekit-wid-con .mt-xl-n2,
  .ekit-wid-con .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .ekit-wid-con .mr-xl-n2,
  .ekit-wid-con .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .ekit-wid-con .mb-xl-n2,
  .ekit-wid-con .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ekit-wid-con .ml-xl-n2,
  .ekit-wid-con .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .ekit-wid-con .m-xl-n3 {
    margin: -1rem !important;
  }
  .ekit-wid-con .mt-xl-n3,
  .ekit-wid-con .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .ekit-wid-con .mr-xl-n3,
  .ekit-wid-con .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .ekit-wid-con .mb-xl-n3,
  .ekit-wid-con .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ekit-wid-con .ml-xl-n3,
  .ekit-wid-con .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .ekit-wid-con .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .ekit-wid-con .mt-xl-n4,
  .ekit-wid-con .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .ekit-wid-con .mr-xl-n4,
  .ekit-wid-con .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .ekit-wid-con .mb-xl-n4,
  .ekit-wid-con .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ekit-wid-con .ml-xl-n4,
  .ekit-wid-con .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .ekit-wid-con .m-xl-n5 {
    margin: -3rem !important;
  }
  .ekit-wid-con .mt-xl-n5,
  .ekit-wid-con .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .ekit-wid-con .mr-xl-n5,
  .ekit-wid-con .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .ekit-wid-con .mb-xl-n5,
  .ekit-wid-con .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ekit-wid-con .ml-xl-n5,
  .ekit-wid-con .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .ekit-wid-con .m-xl-auto {
    margin: auto !important;
  }
  .ekit-wid-con .mt-xl-auto,
  .ekit-wid-con .my-xl-auto {
    margin-top: auto !important;
  }
  .ekit-wid-con .mr-xl-auto,
  .ekit-wid-con .mx-xl-auto {
    margin-right: auto !important;
  }
  .ekit-wid-con .mb-xl-auto,
  .ekit-wid-con .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ekit-wid-con .ml-xl-auto,
  .ekit-wid-con .mx-xl-auto {
    margin-left: auto !important;
  }
}

.ekit-wid-con .text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.ekit-wid-con .text-justify {
  text-align: justify !important;
}

.ekit-wid-con .text-wrap {
  white-space: normal !important;
}

.ekit-wid-con .text-nowrap {
  white-space: nowrap !important;
}

.ekit-wid-con .text-truncate {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ekit-wid-con .text-left {
  text-align: left !important;
}

.ekit-wid-con .text-right {
  text-align: right !important;
}

.ekit-wid-con .text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  .ekit-wid-con .text-sm-left {
    text-align: left !important;
  }
  .ekit-wid-con .text-sm-right {
    text-align: right !important;
  }
  .ekit-wid-con .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .ekit-wid-con .text-md-left {
    text-align: left !important;
  }
  .ekit-wid-con .text-md-right {
    text-align: right !important;
  }
  .ekit-wid-con .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .ekit-wid-con .text-lg-left {
    text-align: left !important;
  }
  .ekit-wid-con .text-lg-right {
    text-align: right !important;
  }
  .ekit-wid-con .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .ekit-wid-con .text-xl-left {
    text-align: left !important;
  }
  .ekit-wid-con .text-xl-right {
    text-align: right !important;
  }
  .ekit-wid-con .text-xl-center {
    text-align: center !important;
  }
}

.ekit-wid-con .text-lowercase {
  text-transform: lowercase !important;
}

.ekit-wid-con .text-uppercase {
  text-transform: uppercase !important;
}

.ekit-wid-con .text-capitalize {
  text-transform: capitalize !important;
}

.ekit-wid-con .font-weight-light {
  font-weight: 300 !important;
}

.ekit-wid-con .font-weight-lighter {
  font-weight: lighter !important;
}

.ekit-wid-con .font-weight-normal {
  font-weight: 400 !important;
}

.ekit-wid-con .font-weight-bold {
  font-weight: 700 !important;
}

.ekit-wid-con .font-weight-bolder {
  font-weight: bolder !important;
}

.ekit-wid-con .font-italic {
  font-style: italic !important;
}

.ekit-wid-con .text-white {
  color: #fff !important;
}

.ekit-wid-con .text-primary {
  color: #007bff !important;
}

.ekit-wid-con a.text-primary:hover,
.ekit-wid-con a.text-primary:focus {
  color: #0056b3 !important;
}

.ekit-wid-con .text-secondary {
  color: #6c757d !important;
}

.ekit-wid-con a.text-secondary:hover,
.ekit-wid-con a.text-secondary:focus {
  color: #494f54 !important;
}

.ekit-wid-con .text-success {
  color: #28a745 !important;
}

.ekit-wid-con a.text-success:hover,
.ekit-wid-con a.text-success:focus {
  color: #19692c !important;
}

.ekit-wid-con .text-info {
  color: #17a2b8 !important;
}

.ekit-wid-con a.text-info:hover,
.ekit-wid-con a.text-info:focus {
  color: #0f6674 !important;
}

.ekit-wid-con .text-warning {
  color: #ffc107 !important;
}

.ekit-wid-con a.text-warning:hover,
.ekit-wid-con a.text-warning:focus {
  color: #ba8b00 !important;
}

.ekit-wid-con .text-danger {
  color: #dc3545 !important;
}

.ekit-wid-con a.text-danger:hover,
.ekit-wid-con a.text-danger:focus {
  color: #a71d2a !important;
}

.ekit-wid-con .text-light {
  color: #f8f9fa !important;
}

.ekit-wid-con a.text-light:hover,
.ekit-wid-con a.text-light:focus {
  color: #cbd3da !important;
}

.ekit-wid-con .text-dark {
  color: #343a40 !important;
}

.ekit-wid-con a.text-dark:hover,
.ekit-wid-con a.text-dark:focus {
  color: #121416 !important;
}

.ekit-wid-con .text-body {
  color: #212529 !important;
}

.ekit-wid-con .text-muted {
  color: #6c757d !important;
}

.ekit-wid-con .text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.ekit-wid-con .text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.ekit-wid-con .text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.ekit-wid-con .text-decoration-none {
  text-decoration: none !important;
}

.ekit-wid-con .text-break {
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}

.ekit-wid-con .text-reset {
  color: inherit !important;
}

.ekit-wid-con :root {
  font-size: 15px;
}

.ekit-wid-con body {
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  line-height: 1.66667;
  color: #656565;
}

.ekit-wid-con iframe {
  border: none;
}

.ekit-wid-con a,
.ekit-wid-con b,
.ekit-wid-con div,
.ekit-wid-con ul,
.ekit-wid-con li {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -moz-outline-: none;
}

.ekit-wid-con a:focus,
.ekit-wid-con a:active,
.ekit-wid-con input,
.ekit-wid-con input:hover,
.ekit-wid-con input:focus,
.ekit-wid-con input:active,
.ekit-wid-con textarea,
.ekit-wid-con textarea:hover,
.ekit-wid-con textarea:focus,
.ekit-wid-con textarea:active {
  -moz-outline: none;
  outline: none;
}

.ekit-wid-con img:not([draggable]),
.ekit-wid-con embed,
.ekit-wid-con object,
.ekit-wid-con video {
  max-width: 100%;
  height: auto;
}

.ekit-wid-con a {
  text-decoration: none;
  outline: 0;
}

.ekit-wid-con a:active,
.ekit-wid-con a:focus,
.ekit-wid-con a:hover,
.ekit-wid-con a:visited {
  text-decoration: none;
  outline: 0;
}

.ekit-wid-con img {
  border: none;
  max-width: 100%;
}

.ekit-wid-con ul, .ekit-wid-con li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ekit-wid-con .clear-both:before,
.ekit-wid-con .clear-both:after {
  display: table;
  content: "";
  clear: both;
}

.ekit-wid-con button:focus {
  outline: none;
}

.ekit-wid-con #wp-admin-bar-elementor_edit_page-default:empty {
  display: none;
}

.ekit-wid-con .elementskit-accordion {
  counter-reset: myNumber;
}

.ekit-wid-con .elementskit-accordion .ekit-accordion-title {
  padding-right: 10px;
  display: inline-block;
}

.ekit-wid-con .elementskit-accordion .elementskit-card {
  border: 0px;
  border-radius: 0px;
  background-color: transparent;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .elementskit-accordion .elementskit-card:not(:last-child) {
  margin-bottom: 10px;
}

.ekit-wid-con .elementskit-accordion .elementskit-card-header {
  padding: 0px;
  background-color: transparent;
  border-bottom: 0px solid #000;
}

.ekit-wid-con .elementskit-accordion .elementskit-card-header > .elementskit-btn-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #000000;
  background-color: #f7f9fb;
  font-weight: 700;
  padding: 14px 30px;
  border: 1px solid transparent;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: relative;
}

.ekit-wid-con .elementskit-accordion .elementskit-card-header > .elementskit-btn-link:focus, .ekit-wid-con .elementskit-accordion .elementskit-card-header > .elementskit-btn-link:hover {
  text-decoration: none;
}

.ekit-wid-con .elementskit-accordion .elementskit-card-header > .elementskit-btn-link > i {
  color: #2575fc;
  line-height: 1.66667;
  display: inline-block;
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  -o-transition: transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
}

.ekit-wid-con .elementskit-accordion .elementskit-card-header > .elementskit-btn-link > .icon-left {
  padding-right: 26px;
  float: left;
}

.ekit-wid-con .elementskit-accordion .elementskit-card-header > .elementskit-btn-link[aria-expanded="true"] .icon-closed {
  display: block;
}

.ekit-wid-con .elementskit-accordion .elementskit-card-header > .elementskit-btn-link[aria-expanded="true"] .icon-open {
  display: none;
}

.ekit-wid-con .elementskit-accordion .elementskit-card-header > .elementskit-btn-link[aria-expanded="false"] .icon-closed {
  display: none;
}

.ekit-wid-con .elementskit-accordion .elementskit-card-header > .elementskit-btn-link[aria-expanded="false"] .icon-open {
  display: block;
}

.ekit-wid-con .elementskit-accordion .elementskit-card-body {
  padding: 20px 30px;
}

.ekit-wid-con .elementskit-accordion.radius .elementskit-card-header > .elementskit-btn-link {
  background-color: #FFFFFF;
}

.ekit-wid-con .elementskit-accordion.radius .elementskit-card-header > .elementskit-btn-link[aria-expanded="true"] {
  border-radius: 5px;
}

.ekit-wid-con .elementskit-accordion.elementskit-accoedion-gradient .elementskit-card-header > .elementskit-btn-link {
  background: #2575fc;
  background: -webkit-gradient(linear, left top, right top, from(#2575fc), to(#6a11cb));
  background: -webkit-linear-gradient(left, #2575fc 0%, #6a11cb 100%);
  background: -o-linear-gradient(left, #2575fc 0%, #6a11cb 100%);
  background: linear-gradient(90deg, #2575fc 0%, #6a11cb 100%);
  color: #FFFFFF;
  border: 0px;
}

.ekit-wid-con .elementskit-accordion.elementskit-accoedion-gradient .elementskit-card-header > .elementskit-btn-link > i {
  color: inherit;
}

.ekit-wid-con .elementskit-accordion.line .elementskit-card-header > .elementskit-btn-link > i {
  color: #000000;
}

.ekit-wid-con .elementskit-accordion.line .elementskit-card-header > .elementskit-btn-link[aria-expanded="true"] {
  border-color: #2575fc;
}

.ekit-wid-con .elementskit-accordion.boxShaodw .elementskit-card-header > .elementskit-btn-link {
  -webkit-box-shadow: -1.216px 6.894px 15px 0px rgba(0, 0, 0, 0.07);
  box-shadow: -1.216px 6.894px 15px 0px rgba(0, 0, 0, 0.07);
}

.ekit-wid-con .elementskit-accordion.boxShaodw .elementskit-card-header > .elementskit-btn-link > i {
  color: inherit;
}

.ekit-wid-con .elementskit-accordion.boxShaodw .elementskit-card-header > .elementskit-btn-link[aria-expanded="true"] {
  color: #2575fc;
}

.ekit-wid-con .elementskit-accordion.boxShaodw .elementskit-card-header > .elementskit-btn-link[aria-expanded="true"] > i {
  color: #2575fc;
}

.ekit-wid-con .elementskit-accordion.elementskit-accoedion-primary .elementskit-card-header > .elementskit-btn-link {
  background-color: #2575fc;
  color: #FFFFFF;
}

.ekit-wid-con .elementskit-accordion.elementskit-accoedion-primary .elementskit-card-header > .elementskit-btn-link > i {
  color: inherit;
}

.ekit-wid-con .elementskit-accordion.elementskit-accoedion-primary .elementskit-card-header > .elementskit-btn-link[aria-expanded="true"] {
  color: #FFFFFF;
}

.ekit-wid-con .elementskit-accordion.elementskit-accoedion-primary .elementskit-card-header > .elementskit-btn-link[aria-expanded="true"] > i {
  color: inherit;
}

.ekit-wid-con .elementskit-accordion.rounded .elementskit-card-header > .elementskit-btn-link {
  border-radius: 28px;
  background-color: #FFFFFF;
  border-color: #f0f5fd;
}

.ekit-wid-con .elementskit-accordion.rounded .elementskit-card-header > .elementskit-btn-link[aria-expanded="true"] {
  border-color: #2575fc;
  color: #2575fc;
}

.ekit-wid-con .elementskit-accordion.rounded.boxShaodw .elementskit-card-header > .elementskit-btn-link {
  border-color: transparent;
}

.ekit-wid-con .elementskit-accordion.rounded.boxShaodw .elementskit-card-header > .elementskit-btn-link[aria-expanded="true"] {
  background-color: #2575fc;
  color: #FFFFFF;
}

.ekit-wid-con .elementskit-accordion.rounded.boxShaodw .elementskit-card-header > .elementskit-btn-link[aria-expanded="true"] > i {
  color: inherit;
}

.ekit-wid-con .elementskit-accordion.active-primary .elementskit-card-header > .elementskit-btn-link[aria-expanded="true"] {
  background-color: #2575fc;
  color: #FFFFFF;
  border-radius: 5px;
}

.ekit-wid-con .elementskit-accordion.active-primary .elementskit-card-header > .elementskit-btn-link[aria-expanded="true"] > i {
  color: inherit;
}

.ekit-wid-con .elementskit-accordion.line-2 .elementskit-card-header > .elementskit-btn-link {
  border-color: #e7e7e7;
}

.ekit-wid-con .elementskit-accordion.rounded-line > .elementskit-card {
  border: 1px solid rgba(37, 117, 252, 0.2);
  border-radius: 27.5px;
  overflow: hidden;
}

.ekit-wid-con .elementskit-accordion.rounded-line > .elementskit-card[aria-expanded="true"] {
  border-color: #2575fc;
}

.ekit-wid-con .elementskit-accordion.rounded-line > .elementskit-card[aria-expanded="true"] > .elementskit-card-header > .elementskit-btn-link {
  color: #2575fc;
  border-bottom-color: #2575fc;
}

.ekit-wid-con .elementskit-accordion.rounded-line > .elementskit-card > .elementskit-card-header .elementskit-btn-link {
  background-color: transparent;
  border-bottom: 1px solid rgba(37, 117, 252, 0);
}

.ekit-wid-con .elementskit-accordion.rounded-line > .elementskit-card > .elementskit-card-header .elementskit-btn-link > i {
  color: inherit;
}

.ekit-wid-con .elementskit-accordion.fill-primary > .elementskit-card {
  border: 1px solid rgba(37, 117, 252, 0.2);
  border-radius: 27.5px;
  overflow: hidden;
  background-color: #FFFFFF;
  padding: 0 30px;
}

.ekit-wid-con .elementskit-accordion.fill-primary > .elementskit-card > .elementskit-card-header > .elementskit-btn-link {
  padding-left: 0;
  padding-right: 0;
  background-color: transparent;
}

.ekit-wid-con .elementskit-accordion.fill-primary > .elementskit-card > .elementskit-card-header > .elementskit-btn-link > i {
  color: inherit;
}

.ekit-wid-con .elementskit-accordion.fill-primary > .elementskit-card .elementskit-card-body {
  padding-left: 0;
  padding-right: 0;
}

.ekit-wid-con .elementskit-accordion.fill-primary > .elementskit-card[aria-expanded="true"] {
  background-color: #2575fc;
  border-color: transparent;
}

.ekit-wid-con .elementskit-accordion.fill-primary > .elementskit-card[aria-expanded="true"] > .elementskit-card-header > .elementskit-btn-link {
  color: #FFFFFF;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.ekit-wid-con .elementskit-accordion.fill-primary > .elementskit-card[aria-expanded="true"] .elementskit-card-body p {
  color: #FFFFFF;
}

.ekit-wid-con .elementskit-accordion.floating-style .elementskit-card-header > .elementskit-btn-link {
  -webkit-box-shadow: -1.216px 6.894px 15px 0px rgba(37, 117, 252, 0.2);
  box-shadow: -1.216px 6.894px 15px 0px rgba(37, 117, 252, 0.2);
  border-radius: 0 0 5px 5px;
  background-color: #FFFFFF;
}

.ekit-wid-con .elementskit-accordion.floating-style .elementskit-card-body {
  width: calc(100% - 40px);
  border-radius: 0 0 5px 5px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.ekit-wid-con .elementskit-accordion.floating-style .elementskit-card[aria-expanded="true"] .elementskit-btn-link {
  background-color: #2575fc;
  color: #FFFFFF;
  -webkit-box-shadow: -1.216px 6.894px 15px 0px rgba(0, 0, 0, 0.07);
  box-shadow: -1.216px 6.894px 15px 0px rgba(0, 0, 0, 0.07);
}

.ekit-wid-con .elementskit-accordion.floating-style .elementskit-card[aria-expanded="true"] .elementskit-btn-link > i {
  color: inherit;
}

.ekit-wid-con .elementskit-accordion.floating-style .elementskit-card[aria-expanded="true"] .elementskit-card-body {
  background-color: #2575fc;
}

.ekit-wid-con .elementskit-accordion.floating-style .elementskit-card[aria-expanded="true"] .elementskit-card-body p {
  color: #FFFFFF;
}

.ekit-wid-con .elementskit-accordion.accordion-2 .elementskit-card-body {
  padding-left: 0;
  padding-right: 0;
}

.ekit-wid-con .elementskit-accordion.accordion-2 .elementskit-card[aria-expanded="true"] {
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.216px 6.894px 15px 0px rgba(0, 0, 0, 0.07);
  box-shadow: -1.216px 6.894px 15px 0px rgba(0, 0, 0, 0.07);
}

.ekit-wid-con .elementskit-accordion.line-3 .elementskit-card-header > .elementskit-btn-link {
  background-color: transparent;
  border-color: #f5f5f5;
}

.ekit-wid-con .elementskit-accordion.line-3 .elementskit-card-header > .elementskit-btn-link > i {
  color: inherit;
}

.ekit-wid-con .elementskit-accordion.line-3 .elementskit-card-body {
  border: 1px solid #f5f5f5;
  border-top: 0px;
}

.ekit-wid-con .elementskit-accordion.left-border > .elementskit-card {
  border-left: 3px solid rgba(37, 117, 252, 0.2);
}

.ekit-wid-con .elementskit-accordion.left-border > .elementskit-card[aria-expanded="true"] {
  border-color: #2575fc;
}

.ekit-wid-con .elementskit-accordion.left-border .elementskit-card-header > .elementskit-btn-link {
  border-left: 0px;
}

.ekit-wid-con .elementskit-accordion.left-border .elementskit-card-body {
  border-left: 0px;
}

.ekit-wid-con .elementskit-accordion.right-border > .elementskit-card {
  border-right: 3px solid rgba(37, 117, 252, 0.2);
}

.ekit-wid-con .elementskit-accordion.right-border > .elementskit-card[aria-expanded="true"] {
  border-color: #2575fc;
}

.ekit-wid-con .elementskit-accordion.right-border .elementskit-card-header > .elementskit-btn-link {
  border-right: 0px;
}

.ekit-wid-con .elementskit-accordion.right-border .elementskit-card-body {
  border-right: 0px;
}

.ekit-wid-con .elementskit-accordion.accordion-3 .elementskit-card-header > .elementskit-btn-link {
  border-color: #e7e7e7;
  background-color: #FFFFFF;
}

.ekit-wid-con .elementskit-accordion.accordion-3 .elementskit-card-header > .elementskit-btn-link[aria-expanded="true"] {
  background-color: #2575fc;
  color: #FFFFFF;
  border-color: #2575fc;
}

.ekit-wid-con .elementskit-accordion.accordion-3 .elementskit-card-header > .elementskit-btn-link[aria-expanded="true"] > i {
  color: inherit;
}

.ekit-wid-con .elementskit-accordion.accordion-3 .elementskit-card-body {
  padding-left: 0px;
  padding-right: 0px;
}

.ekit-wid-con .elementskit-accordion.side-curve .elementskit-card-header > .elementskit-btn-link {
  background-color: #2575fc;
  position: relative;
  border: 0px;
  padding-left: 70px;
}

.ekit-wid-con .elementskit-accordion.side-curve .elementskit-card-header > .elementskit-btn-link::before {
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  height: 100%;
  width: 35px;
  background-color: rgba(255, 255, 255, 0.2);
  text-align: right;
  line-height: 55px;
}

.ekit-wid-con .elementskit-accordion.side-curve .elementskit-card-header > .elementskit-btn-link::after {
  position: absolute;
  content: "";
  left: 35px;
  top: 0;
  border-top: 26.5px solid transparent;
  border-right: 26.5px solid transparent;
  border-left: 26.5px solid rgba(255, 255, 255, 0.2);
  border-bottom: 26.5px solid transparent;
}

.ekit-wid-con .elementskit-accordion.side-curve .elementskit-card-header > .elementskit-btn-link .icon-left {
  position: absolute;
  left: 20px;
  top: 30%;
}

.ekit-wid-con .elementskit-accordion.curve-shape .elementskit-card-header > .elementskit-btn-link {
  position: relative;
  z-index: 1;
  padding: 16.5px 30px;
}

.ekit-wid-con .elementskit-accordion.curve-shape .elementskit-card-header > .elementskit-btn-link[aria-expanded="true"] {
  color: #FFFFFF;
}

.ekit-wid-con .elementskit-accordion.curve-shape .elementskit-card-header > .elementskit-btn-link[aria-expanded="true"] > i {
  color: inherit;
}

.ekit-wid-con .elementskit-accordion.curve-shape .elementskit-card-header > .elementskit-btn-link[aria-expanded="true"] .path {
  fill: #2575fc;
}

.ekit-wid-con .elementskit-accordion.curve-shape .svg-shape {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}

.ekit-wid-con .elementskit-accordion .elementskit-card-body {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 65px;
  padding-right: 85px;
}

.ekit-wid-con .elementskit-accordion.accordion-4 .elementskit-card-header > .elementskit-btn-link {
  border: 1px solid #f5f5f5;
  border-bottom: 1px solid #2575fc;
  background-color: #FFFFFF;
  position: relative;
  padding-left: 85px;
}

.ekit-wid-con .elementskit-accordion.accordion-4 .elementskit-card-header > .elementskit-btn-link::before {
  position: absolute;
  top: -1px;
  left: -1px;
  content: "";
  height: calc(100% + 2px);
  width: 55px;
  text-align: center;
  line-height: 55px;
  color: #FFFFFF;
  background-color: #2575fc;
}

.ekit-wid-con .elementskit-accordion.accordion-4 .elementskit-card-header > .elementskit-btn-link .icon-left {
  position: absolute;
  left: 20px;
  top: 30%;
  color: #FFFFFF;
}

.ekit-wid-con .elementskit-accordion.accordion-4 .elementskit-card-body {
  padding-left: 0;
  padding-right: 0;
}

.ekit-wid-con .number::before {
  counter-increment: myNumber;
  content: counter(myNumber) ".";
}

.ekit-wid-con .icon-right {
  float: right;
}

.ekit-wid-con .icon-left {
  float: left;
}

.ekit-wid-con .path {
  fill: #FFFFFF;
  stroke: #2575fc;
  stroke-miterlimit: 0;
}

.ekit-wid-con .ekit_accordion_icon_group {
  position: absolute;
  right: 0;
  margin-right: 30px;
}

.ekit-wid-con .round-img img {
  border-radius: 100%;
}

.ekit-wid-con .elementskit-infobox {
  padding: 60px 40px;
  border: 1px solid #f5f5f5;
  border-radius: 5px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background-color: #FFFFFF;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.ekit-wid-con .elementskit-infobox:hover {
  border-color: #2575fc;
}

.ekit-wid-con .elementskit-infobox:hover.image-active::before {
  background-color: rgba(37, 117, 252, 0);
}

.ekit-wid-con .elementskit-infobox:hover.image-active .image-hover > img {
  opacity: 1;
  -webkit-transform: scale(1.06);
  -ms-transform: scale(1.06);
  transform: scale(1.06);
}

.ekit-wid-con .elementskit-infobox:hover .icon-hover {
  opacity: 1;
  bottom: -20px;
}

.ekit-wid-con .elementskit-infobox .elementskit-box-header {
  position: relative;
  z-index: 2;
}

.ekit-wid-con .elementskit-infobox .elementskit-box-header .elementskit-info-box-icon {
  display: inline-block;
  margin-bottom: 25px;
}

.ekit-wid-con .elementskit-infobox .elementskit-box-header .elementskit-info-box-icon i {
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}

.ekit-wid-con .elementskit-infobox .elementskit-box-header .icon-switcher {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.ekit-wid-con .elementskit-infobox .elementskit-box-header .icon-switcher > img {
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.ekit-wid-con .elementskit-infobox .elementskit-box-header .icon-switcher .main-image {
  opacity: 1;
  position: relative;
  top: 0px;
}

.ekit-wid-con .elementskit-infobox .elementskit-box-header .icon-switcher .hover-image {
  position: absolute;
  top: 80px;
  left: 0;
}

.ekit-wid-con .elementskit-infobox .elementskit-box-header .info-box-subtitle {
  font-size: 14px;
  font-weight: 400;
  color: #2575fc;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .elementskit-infobox .box-body {
  position: relative;
  z-index: 2;
}

.ekit-wid-con .elementskit-infobox .box-body p {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .elementskit-infobox .box-footer {
  position: relative;
  z-index: 2;
}

.ekit-wid-con .elementskit-infobox .box-footer.enable_hover_btn .elementskit-btn {
  position: absolute;
  left: 0;
  bottom: 0px;
  opacity: 0;
}

.ekit-wid-con .elementskit-infobox .btn-wraper {
  position: relative;
  z-index: 2;
}

.ekit-wid-con .elementskit-infobox .border-divider {
  margin-bottom: 25px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 2;
}

.ekit-wid-con .elementskit-infobox .link-btn {
  font-size: 13px;
}

.ekit-wid-con .elementskit-infobox .icon-hover {
  position: absolute;
  bottom: -50px;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .elementskit-infobox .icon-hover i {
  font-size: 100px;
}

.ekit-wid-con .elementskit-infobox.gradient-active::before {
  position: absolute;
  content: "";
  top: 0;
  left: -100%;
  height: 100%;
  width: 100%;
  background: #2575fc;
  background: -webkit-gradient(linear, left top, right top, from(#2575fc), to(#6a11cb));
  background: -webkit-linear-gradient(left, #2575fc 0%, #6a11cb 100%);
  background: -o-linear-gradient(left, #2575fc 0%, #6a11cb 100%);
  background: linear-gradient(90deg, #2575fc 0%, #6a11cb 100%);
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background-size: 101% 101%;
}

.ekit-wid-con .elementskit-infobox.gradient-active:hover::before {
  left: 0;
}

.ekit-wid-con .elementskit-infobox.gradient-active.hover_from_top::before {
  left: 0;
  top: -100%;
}

.ekit-wid-con .elementskit-infobox.gradient-active.hover_from_top:hover::before {
  top: 0;
}

.ekit-wid-con .elementskit-infobox.gradient-active.hover_from_right::before {
  left: 100%;
}

.ekit-wid-con .elementskit-infobox.gradient-active.hover_from_right:hover::before {
  left: 0;
}

.ekit-wid-con .elementskit-infobox.gradient-active.hover_from_bottom::before {
  left: 0%;
  top: 100%;
}

.ekit-wid-con .elementskit-infobox.gradient-active.hover_from_bottom:hover::before {
  top: 0;
}

.ekit-wid-con .elementskit-infobox.image-active::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(37, 117, 252, 0);
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 1;
  background-size: 101% 101%;
}

.ekit-wid-con .elementskit-infobox.image-active .image-hover {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.ekit-wid-con .elementskit-infobox.image-active .image-hover > img {
  opacity: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .elementskit-infobox:hover .box-footer.enable_hover_btn .elementskit-btn {
  opacity: 1;
  visibility: visible;
}

.ekit-wid-con .elementskit-infobox.icon-lef-right-aligin {
  padding: 15px;
}

.ekit-wid-con .elementkit-infobox-icon.framed {
  border: 2px solid red;
  padding: 10px;
}

.ekit-wid-con .elementskit-infobox.icon-lef-right-aligin {
  padding: 15px 30px;
}

.ekit-wid-con .elementkit-infobox-icon.framed.round {
  border-radius: 100%;
}

.ekit-wid-con .elementskit-icon-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.ekit-wid-con .infobox-ovelry {
  position: relative;
}

.ekit-wid-con .infobox-ovelry:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #2575fc;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 1;
}

.ekit-wid-con .elementskit-info-box-title {
  margin-bottom: 0px;
  font-size: 18px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .elementskit-info-box-icon {
  display: inline-block;
}

.ekit-wid-con .elementskit-info-box-icon > i {
  color: #000000;
  font-size: 40px;
}

.ekit-wid-con .xs-single-team.media .team-header {
  max-width: 200px;
  width: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 200px;
  flex: 0 0 200px;
}

.ekit-wid-con .xs-single-team.media .team-body {
  margin-left: 40px;
  padding-right: 80px;
}

.ekit-wid-con .xs-single-team .team-header {
  position: relative;
  overflow: hidden;
}

.ekit-wid-con .xs-single-team .team-header > img {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ekit-wid-con .xs-single-team .team-header .hover-content {
  position: absolute;
  bottom: -100%;
  left: 0;
  width: 100%;
  padding: 20px 15px;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .xs-single-team .team-body .team-info {
  margin-bottom: 18px;
}

.ekit-wid-con .xs-single-team .team-info .team-title {
  font-size: 22px;
  margin-bottom: 5px;
}

.ekit-wid-con .xs-single-team .team-info .team-bio {
  font-size: 18px;
  color: #8d8d8d;
  font-weight: 400;
  margin-bottom: 0;
}

.ekit-wid-con .xs-single-team:hover .team-header > img {
  opacity: .9;
}

.ekit-wid-con .xs-single-team:hover .team-header .hover-content {
  bottom: 0;
}

.ekit-wid-con .profile-card {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
  padding: 40px 20px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: relative;
}

.ekit-wid-con .profile-card.text-center .profile-header {
  margin-left: auto;
  margin-right: auto;
}

.ekit-wid-con .profile-card:hover {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-box-shadow: 0px 42px 60px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 42px 60px 0px rgba(0, 0, 0, 0.3);
}

.ekit-wid-con .profile-card:hover .profile-header > img {
  -webkit-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
}

.ekit-wid-con .profile-card:hover .profile-body .profile-title {
  color: #2575fc;
}

.ekit-wid-con .profile-body {
  padding-bottom: 20px;
}

.ekit-wid-con .profile-body .profile-title {
  font-size: 22px;
  color: #000000;
}

.ekit-wid-con .profile-body .profile-title > a {
  color: inherit;
}

.ekit-wid-con .profile-body .profile-designation {
  color: rgba(0, 0, 0, 0.5);
  font-size: 13px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  margin-bottom: 15px;
}

.ekit-wid-con .profile-header {
  margin-bottom: 38px;
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.ekit-wid-con .profile-header > img {
  width: 160px;
  height: 160px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .profile-image-card {
  position: relative;
  overflow: hidden;
}

.ekit-wid-con .profile-image-card::before {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-transition: all 400ms ease 200ms;
  -o-transition: all 400ms ease 200ms;
  transition: all 400ms ease 200ms;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 0;
  visibility: hidden;
}

.ekit-wid-con .profile-image-card .hover-area {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-20%);
  -ms-transform: translateY(-20%);
  transform: translateY(-20%);
  z-index: 2;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.ekit-wid-con .profile-image-card .hover-area .profile-title {
  color: #FFFFFF;
}

.ekit-wid-con .profile-image-card .hover-area .profile-designation {
  color: #FFFFFF;
}

.ekit-wid-con .profile-image-card:hover .hover-area {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 300ms ease 100ms;
  -o-transition: all 300ms ease 100ms;
  transition: all 300ms ease 100ms;
}

.ekit-wid-con .profile-image-card:hover::before {
  top: 0%;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 400ms ease 0ms;
  -o-transition: all 400ms ease 0ms;
  transition: all 400ms ease 0ms;
}

.ekit-wid-con .image-card-v2 .profile-image-card::before {
  background: #123075;
  background: -webkit-linear-gradient(125deg, #123075 0%, #092056 100%);
  background: -o-linear-gradient(125deg, #123075 0%, #092056 100%);
  background: linear-gradient(-35deg, #123075 0%, #092056 100%);
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  width: auto;
  height: auto;
  -webkit-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
  opacity: 0;
}

.ekit-wid-con .image-card-v2 .profile-image-card:hover::before {
  opacity: .93;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.ekit-wid-con .image-card-v2 .profile-image-card .hover-area {
  padding-left: 50px;
  padding-right: 50px;
}

.ekit-wid-con .image-card-v2 .profile-image-card .profile-body .profile-designation {
  margin-bottom: 12px;
}

.ekit-wid-con .image-card-v2 .profile-image-card .profile-body .border-hr {
  background-color: rgba(255, 255, 255, 0.6);
  margin-bottom: 25px;
}

.ekit-wid-con .image-card-v2 .profile-image-card .profile-body .profile-content {
  color: #FFFFFF;
}

.ekit-wid-con .image-card-v2.style-circle .profile-image-card {
  width: 350px;
  height: 350px;
}

.ekit-wid-con .image-card-v2.style-circle .profile-image-card::before {
  border-radius: inherit;
}

.ekit-wid-con .image-card-v2.black-overlay .profile-image-card::before {
  background: #000000;
  top: 10px;
  bottom: 10px;
  right: 10px;
  left: 10px;
}

.ekit-wid-con .image-card-v2.black-overlay .profile-image-card:hover::before {
  opacity: .7;
}

.ekit-wid-con .image-card-v3 .profile-image-card::before {
  display: none;
}

.ekit-wid-con .image-card-v3 .profile-image-card:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #111111;
  background: -webkit-gradient(linear, left bottom, left top, from(#111111), color-stop(60%, rgba(9, 32, 86, 0)));
  background: -webkit-linear-gradient(bottom, #111111 0%, rgba(9, 32, 86, 0) 60%);
  background: -o-linear-gradient(bottom, #111111 0%, rgba(9, 32, 86, 0) 60%);
  background: linear-gradient(0deg, #111111 0%, rgba(9, 32, 86, 0) 60%);
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  pointer-events: none;
}

.ekit-wid-con .image-card-v3 .profile-image-card .hover-area {
  top: inherit;
  bottom: 0px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.ekit-wid-con .image-card-v3 .profile-image-card .profile-body {
  padding-bottom: 25px;
}

.ekit-wid-con .image-card-v3 .profile-image-card:hover .hover-area {
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px);
}

.ekit-wid-con .image-card-v3 .profile-image-card:hover::after {
  opacity: .8;
}

.ekit-wid-con .image-card-v3.small-gutters {
  margin-left: -5px;
  margin-right: -5px;
}

.ekit-wid-con .image-card-v3.small-gutters > [class^="col-"] {
  padding-left: 5px;
  padding-right: 5px;
}

.ekit-wid-con .image-card-v3.tiny-gutters {
  margin-left: -3px;
  margin-right: -3px;
}

.ekit-wid-con .image-card-v3.tiny-gutters > [class^="col-"] {
  padding-left: 3px;
  padding-right: 3px;
  margin-bottom: 6px;
}

.ekit-wid-con .profile-square-v .profile-card {
  padding: 20px 20px 40px;
  z-index: 1;
}

.ekit-wid-con .profile-square-v .profile-card::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #123075;
  background: -webkit-gradient(linear, left bottom, left top, from(#123075), to(#092056));
  background: -webkit-linear-gradient(bottom, #123075 0%, #092056 100%);
  background: -o-linear-gradient(bottom, #123075 0%, #092056 100%);
  background: linear-gradient(0deg, #123075 0%, #092056 100%);
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: -1;
  background-size: 101% 102%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ekit-wid-con .profile-square-v .profile-card .profile-header {
  width: 100%;
  height: 100%;
  border-radius: 0px;
}

.ekit-wid-con .profile-square-v .profile-card .profile-content {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .profile-square-v .profile-card:hover::before {
  opacity: 1;
}

.ekit-wid-con .profile-square-v .profile-card:hover .profile-body .profile-title,
.ekit-wid-con .profile-square-v .profile-card:hover .profile-body .profile-designation {
  color: #FFFFFF;
}

.ekit-wid-con .profile-square-v .profile-card:hover .profile-content {
  color: #FFFFFF;
}

.ekit-wid-con .profile-square-v.square-v2 .profile-card::before {
  display: none;
}

.ekit-wid-con .profile-square-v.square-v2 .profile-card:hover {
  background-color: #FFFFFF;
}

.ekit-wid-con .profile-square-v.square-v2 .profile-card:hover .profile-body .profile-title {
  color: #2575fc;
}

.ekit-wid-con .profile-square-v.square-v2 .profile-card:hover .profile-body .profile-designation {
  color: #656565;
}

.ekit-wid-con .profile-square-v.square-v3 .profile-card:hover {
  -webkit-box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
}

.ekit-wid-con .profile-square-v.square-v4 .profile-card {
  padding: 0px;
  max-height: 380px;
  overflow: hidden;
}

.ekit-wid-con .profile-square-v.square-v4 .profile-card::before {
  display: none;
}

.ekit-wid-con .profile-square-v.square-v4 .profile-card .profile-header {
  margin-bottom: 0px;
  max-height: 255px;
}

.ekit-wid-con .profile-square-v.square-v4 .profile-card .profile-body {
  margin-bottom: 0px;
  padding: 35px 20px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: relative;
}

.ekit-wid-con .profile-square-v.square-v4 .profile-card .profile-body::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #123075;
  background: -webkit-gradient(linear, left bottom, left top, from(#123075), to(#092056));
  background: -webkit-linear-gradient(bottom, #123075 0%, #092056 100%);
  background: -o-linear-gradient(bottom, #123075 0%, #092056 100%);
  background: linear-gradient(0deg, #123075 0%, #092056 100%);
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: -1;
  background-size: 101% 102%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ekit-wid-con .profile-square-v.square-v4 .profile-card .profile-body .ekit-team-social-list {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .profile-square-v.square-v4 .profile-card .profile-designation {
  margin-bottom: 25px;
}

.ekit-wid-con .profile-square-v.square-v4 .profile-card:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ekit-wid-con .profile-square-v.square-v4 .profile-card:hover .profile-body {
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px);
}

.ekit-wid-con .profile-square-v.square-v4 .profile-card:hover .profile-body::before {
  opacity: 1;
}

.ekit-wid-con .profile-square-v.square-v4 .profile-card:hover .profile-body .ekit-team-social-list {
  opacity: 1;
  visibility: visible;
}

.ekit-wid-con .profile-square-v.square-v5 .profile-card {
  padding-bottom: 50px;
}

.ekit-wid-con .profile-square-v.square-v5 .profile-card .profile-header,
.ekit-wid-con .profile-square-v.square-v5 .profile-card .profile-body {
  padding-bottom: 0px;
}

.ekit-wid-con .profile-square-v.square-v5 .profile-card .profile-body {
  padding: 32px 60px;
}

.ekit-wid-con .profile-square-v.square-v5 .profile-card .profile-designation {
  margin-bottom: 30px;
}

.ekit-wid-con .profile-square-v.square-v6 .profile-card {
  padding-bottom: 35px;
}

.ekit-wid-con .profile-square-v.square-v6 .profile-card::before {
  background: #FFFFFF;
}

.ekit-wid-con .profile-square-v.square-v6 .profile-card::after {
  position: absolute;
  content: "";
  height: 5px;
  width: 100%;
  bottom: 0;
  left: 0;
  background: #2965f1;
  background: -webkit-gradient(linear, left top, right top, from(#2965f1), to(#264de4));
  background: -webkit-linear-gradient(left, #2965f1 0%, #264de4 100%);
  background: -o-linear-gradient(left, #2965f1 0%, #264de4 100%);
  background: linear-gradient(90deg, #2965f1 0%, #264de4 100%);
  opacity: .2;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .profile-square-v.square-v6 .profile-card .profile-header,
.ekit-wid-con .profile-square-v.square-v6 .profile-card .profile-body {
  margin-bottom: 0;
}

.ekit-wid-con .profile-square-v.square-v6 .profile-card .profile-body {
  padding: 40px;
}

.ekit-wid-con .profile-square-v.square-v6 .profile-card .profile-designation {
  margin-bottom: 30px;
}

.ekit-wid-con .profile-square-v.square-v6 .profile-card:hover {
  -webkit-box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
}

.ekit-wid-con .profile-square-v.square-v6 .profile-card:hover::after {
  opacity: 1;
}

.ekit-wid-con .profile-square-v.square-v6 .profile-card:hover .profile-body .profile-title {
  color: #2575fc;
}

.ekit-wid-con .profile-square-v.square-v6 .profile-card:hover .profile-body .profile-designation,
.ekit-wid-con .profile-square-v.square-v6 .profile-card:hover .profile-body .profile-content {
  color: inherit;
}

.ekit-wid-con .profile-square-v.square-v6.square-v6-v2 .profile-card::after {
  display: none;
}

.ekit-wid-con .profile-square-v.square-v6.square-v6-v2 .profile-card::before {
  background: #f2709c;
  background: -webkit-linear-gradient(125deg, #f2709c 0%, #fe8f75 100%);
  background: -o-linear-gradient(125deg, #f2709c 0%, #fe8f75 100%);
  background: linear-gradient(-35deg, #f2709c 0%, #fe8f75 100%);
  opacity: 0;
  background-size: 101% 101%;
}

.ekit-wid-con .profile-square-v.square-v6.square-v6-v2 .profile-card:hover::before {
  opacity: 1;
}

.ekit-wid-con .profile-square-v.square-v6.square-v6-v2 .profile-card:hover .profile-body .profile-title {
  color: #FFFFFF;
}

.ekit-wid-con .profile-square-v.square-v6.square-v6-v2 .profile-card:hover .profile-body .profile-designation,
.ekit-wid-con .profile-square-v.square-v6.square-v6-v2 .profile-card:hover .profile-body .profile-content {
  color: #FFFFFF;
}

.ekit-wid-con .team-slider {
  padding: 0 95px;
  overflow: hidden;
}

.ekit-wid-con .team-slider .owl-stage-outer {
  padding: 100px 15px;
  overflow: visible;
}

.ekit-wid-con .team-slider .owl-item {
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
  visibility: hidden;
}

.ekit-wid-con .team-slider .owl-item.active {
  opacity: 1;
  visibility: visible;
}

.ekit-wid-con .team-slider.owl-carousel .owl-nav .owl-prev {
  left: 22px;
}

.ekit-wid-con .profile-info-text {
  padding-right: 30px;
}

.ekit-wid-con .profile-info-text .info-title {
  font-size: 48px;
  margin-bottom: 23px;
}

.ekit-wid-con .profile-info-text p {
  margin-bottom: 37px;
}

.ekit-wid-con .small-gutters .profile-card {
  padding: 10px 10px 40px;
}

.ekit-wid-con .no_gutters .profile-card {
  padding: 0px;
}

.ekit-wid-con .fullwidth-profile-card {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
  padding: 40px;
  position: relative;
}

.ekit-wid-con .fullwidth-profile-card:not(:last-child) {
  margin-bottom: 50px;
}

.ekit-wid-con .fullwidth-profile-card .profile-designation {
  margin-bottom: 30px;
}

.ekit-wid-con .fullwidth-profile-card .profile-img {
  display: inline-block;
}

.ekit-wid-con .fullwidth-profile-card .profile-entry-content {
  padding-left: 60px;
  padding-right: 50px;
}

.ekit-wid-con .fullwidth-profile-card .popup-arrow {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
}

.ekit-wid-con .fullwidth-profile-card .popup-arrow > a {
  background: #123075;
  background: -webkit-linear-gradient(125deg, #123075 0%, #092056 100%);
  background: -o-linear-gradient(125deg, #123075 0%, #092056 100%);
  background: linear-gradient(-35deg, #123075 0%, #092056 100%);
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  font-size: 25px;
  color: #FFFFFF;
}

.ekit-wid-con .style-circle .profile-image-card {
  width: 255px;
  height: 255px;
  border-radius: 50%;
}

.ekit-wid-con .style-circle .profile-image-card.text-center {
  margin-left: auto;
  margin-right: auto;
}

.ekit-wid-con .card-style-shadow .profile-image-card {
  border: 20px solid #FFFFFF;
  -webkit-box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 1;
}

.ekit-wid-con .card-style-shadow .profile-image-card:hover {
  -webkit-box-shadow: 0px 42px 60px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 42px 60px 0px rgba(0, 0, 0, 0.3);
  z-index: 2;
}

.ekit-wid-con .image-card-v4 .profile-image-card::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ekit-wid-con .image-card-v4 .profile-image-card:hover::before {
  opacity: .7;
}

.ekit-wid-con .text-center .profile-header {
  margin-left: auto;
  margin-right: auto;
}

.ekit-wid-con .profile-image-card-group > li {
  float: left;
}

.ekit-wid-con .profile-image-card-group.five-col > li {
  width: calc(100% / 5);
}

.ekit-wid-con .profile-image-card-group.four-col > li {
  width: calc(100% / 4);
}

.ekit-wid-con .vintage-style-2 .vintage-profile-card {
  margin-bottom: 30px;
  max-height: 220px;
  overflow: hidden;
}

.ekit-wid-con .vintage-style-2 .vintage-profile-card .profile-header {
  width: auto;
  height: auto;
  border-radius: 0px;
  border: 0px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 220px;
  flex: 0 0 220px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ekit-wid-con .vintage-style-2 .vintage-profile-card .profile-header + .profile-group {
  padding-top: 47px;
  margin-top: 0px;
}

.ekit-wid-con .vintage-style-2 .vintage-profile-card .profile-group {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% - 220px);
  flex: 0 0 calc(100% - 220px);
  height: 100%;
  padding: 60px 50px;
  position: relative;
}

.ekit-wid-con .vintage-style-2 .vintage-profile-card .profile-group::before {
  position: absolute;
  content: "";
  top: 50%;
  left: -20px;
  width: 40px;
  height: 40px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  color: #fd8d78;
  border-left: 20px solid currentColor;
  border-bottom: 20px solid currentColor;
  border-top: 20px solid transparent;
  border-right: 20px solid transparent;
}

.ekit-wid-con .vintage-profile-card {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .vintage-profile-card:hover {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}

.ekit-wid-con .vintage-profile-card .profile-header {
  margin-bottom: 0px;
  -webkit-box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
  border: 10px solid #FFFFFF;
}

.ekit-wid-con .vintage-profile-card .profile-header + .profile-group {
  padding-top: 125px;
  margin-top: -80px;
}

.ekit-wid-con .vintage-profile-card .profile-body .profile-title,
.ekit-wid-con .vintage-profile-card .profile-body .profile-designation {
  color: #FFFFFF;
}

.ekit-wid-con .vintage-profile-card .profile-group {
  background-size: 101% 101% !important;
  background: #f2709c;
  background: -webkit-linear-gradient(125deg, #f2709c 0%, #fe8f75 100%);
  background: -o-linear-gradient(125deg, #f2709c 0%, #fe8f75 100%);
  background: linear-gradient(-35deg, #f2709c 0%, #fe8f75 100%);
  -webkit-box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
  padding: 40px 20px;
}

.ekit-wid-con .vintage-profile-card.gradient-1 .profile-group {
  background: #82e182;
  background: -webkit-linear-gradient(125deg, #82e182 0%, #0acbf5 100%);
  background: -o-linear-gradient(125deg, #82e182 0%, #0acbf5 100%);
  background: linear-gradient(-35deg, #82e182 0%, #0acbf5 100%);
}

.ekit-wid-con .vintage-profile-card.gradient-1 .profile-group::before {
  color: #14cdeb;
}

.ekit-wid-con .vintage-profile-card.gradient-2 .profile-group {
  background: #fad470;
  background: -webkit-linear-gradient(125deg, #fad470 0%, #f96933 100%);
  background: -o-linear-gradient(125deg, #fad470 0%, #f96933 100%);
  background: linear-gradient(-35deg, #fad470 0%, #f96933 100%);
}

.ekit-wid-con .vintage-profile-card.gradient-2 .profile-group::before {
  color: #f97439;
}

.ekit-wid-con .vintage-profile-card.gradient-4 .profile-group {
  background: #b18cfe;
  background: -webkit-linear-gradient(125deg, #b18cfe 0%, #9460ff 100%);
  background: -o-linear-gradient(125deg, #b18cfe 0%, #9460ff 100%);
  background: linear-gradient(-35deg, #b18cfe 0%, #9460ff 100%);
}

.ekit-wid-con .vintage-profile-card.gradient-4 .profile-group::before {
  color: #9664ff;
}

.ekit-wid-con .popup-modal {
  display: inline-block;
}

.ekit-wid-con .elementskit-portfolio-thumb img {
  width: 100%;
}

.ekit-wid-con .modal-content .modal-header span {
  font-size: 1.5rem;
  font-weight: 100;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
}

.ekit-wid-con .modal-content .modal-header .close.right {
  margin-left: auto;
}

.ekit-wid-con .modal-content .modal-header .close.left {
  margin-right: auto;
  margin-left: 0;
}

.ekit-wid-con .modal-content .modal-header .close.center {
  margin: 0 auto;
  padding: 0;
}

.ekit-wid-con .elementskit-blog-block-post {
  padding: 50px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 9.899px 9.899px 30px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 9.899px 9.899px 30px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.ekit-wid-con .elementskit-blog-block-post .elementskit-entry-thumb {
  border-radius: 10px;
}

.ekit-wid-con .elementskit-blog-block-post .entry-title {
  font-size: 36px;
  font-weight: 900;
  margin-bottom: 0px;
}

.ekit-wid-con .elementskit-blog-block-post .entry-title a {
  color: #000000;
}

.ekit-wid-con .elementskit-blog-block-post .entry-title a:hover {
  opacity: .8;
}

.ekit-wid-con .elementskit-blog-block-post .elementskit-entry-thumb {
  display: block;
  -webkit-box-shadow: 29.698px 29.698px 60px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 29.698px 29.698px 60px 0px rgba(0, 0, 0, 0.2);
  width: 100%;
}

.ekit-wid-con .elementskit-blog-block-post .elementskit-entry-thumb > img {
  width: 100%;
}

.ekit-wid-con .elementskit-blog-block-post .elementskit-entry-header {
  margin-top: 0px;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 30px;
}

.ekit-wid-con .elementskit-blog-block-post .elementskit-entry-header .post-meta-list {
  margin-bottom: 15px;
}

.ekit-wid-con .elementskit-blog-block-post .elementskit-entry-header .post-meta-list .meta-date,
.ekit-wid-con .elementskit-blog-block-post .elementskit-entry-header .post-meta-list .meta-cat {
  margin-right: 40px;
}

.ekit-wid-con .elementskit-blog-block-post .elementskit-post-footer > p {
  color: #8d8d8d;
  margin-bottom: 35px;
}

.ekit-wid-con .elementskit-blog-block-post:hover .elementskit-entry-thumb > img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  opacity: .8;
}

.ekit-wid-con .elementskit-post-card {
  background-color: #FFFFFF;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background: #123075;
  -webkit-box-shadow: 9.899px 9.899px 30px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 9.899px 9.899px 30px 0px rgba(0, 0, 0, 0.1);
  padding: 60px 40px;
  border-radius: 6px;
}

.ekit-wid-con .elementskit-post-card .elementskit-post-body {
  color: #a6aabb;
}

.ekit-wid-con .elementskit-post-card .elementskit-entry-header .entry-title a {
  color: #FFFFFF;
}

.ekit-wid-con .elementskit-post-card .post-author .author-name {
  color: inherit;
}

.ekit-wid-con .elementskit-post-card .elementskit-border-hr {
  background-color: #8692af;
}

.ekit-wid-con .elementskit-post-card .elementskit-entry-header .post-meta-list {
  margin-bottom: 17px;
}

.ekit-wid-con .elementskit-post-card .elementskit-entry-header .entry-title {
  font-size: 18px;
  line-height: 1.333;
}

.ekit-wid-con .elementskit-post-card .elementskit-entry-header .entry-title a {
  color: #000000;
}

.ekit-wid-con .elementskit-post-card .elementskit-entry-header .entry-title a:hover {
  opacity: .9;
}

.ekit-wid-con .elementskit-post-card .elementskit-entry-header .elementskit-border-hr {
  margin-top: 25px;
  margin-bottom: 22px;
}

.ekit-wid-con .elementskit-post-card .elementskit-post-body {
  color: #8d8d8d;
}

.ekit-wid-con .elementskit-post-card .elementskit-post-body p {
  margin-bottom: 35px;
}

.ekit-wid-con .elementskit-post-card:hover {
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);
}

.ekit-wid-con .elementskit-post-image-card {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background-color: #FFFFFF;
  border-radius: 10px;
  background: #123075;
  -webkit-box-shadow: 9.899px 9.899px 30px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 9.899px 9.899px 30px 0px rgba(0, 0, 0, 0.1);
}

.ekit-wid-con .elementskit-post-image-card:hover {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}

.ekit-wid-con .elementskit-post-image-card:hover .elementskit-entry-thumb > img {
  -webkit-transform: scale(1.05) rotate(2deg);
  -ms-transform: scale(1.05) rotate(2deg);
  transform: scale(1.05) rotate(2deg);
  opacity: .8;
}

.ekit-wid-con .elementskit-post-image-card:hover .post-author .author-img > img {
  -webkit-box-shadow: 9.899px 9.899px 30px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 9.899px 9.899px 30px 0px rgba(0, 0, 0, 0.3);
}

.ekit-wid-con .elementskit-post-image-card .elementskit-post-body {
  padding: 20px 40px 40px;
}

.ekit-wid-con .elementskit-post-image-card .elementskit-post-body > p {
  color: #FFFFFF;
}

.ekit-wid-con .elementskit-post-image-card .elementskit-entry-thumb {
  border-radius: 10px;
}

.ekit-wid-con .elementskit-post-image-card .elementskit-entry-header {
  padding: 20px;
  position: relative;
}

.ekit-wid-con .elementskit-post-image-card .elementskit-entry-header .elementskit-entry-thumb {
  position: relative;
  overflow: hidden;
  display: block;
}

.ekit-wid-con .elementskit-post-image-card .elementskit-entry-header .elementskit-entry-thumb.box-shadow {
  -webkit-box-shadow: -3.473px 19.696px 25px 0px rgba(0, 0, 0, 0.2);
  box-shadow: -3.473px 19.696px 25px 0px rgba(0, 0, 0, 0.2);
}

.ekit-wid-con .elementskit-post-image-card .elementskit-entry-header .elementskit-entry-thumb > img {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  width: 100%;
}

.ekit-wid-con .elementskit-post-image-card .elementskit-post-footer {
  margin-top: 16px;
}

.ekit-wid-con .elementskit-post-image-card .elementskit-post-footer .btn-wraper {
  margin-top: 25px;
}

.ekit-wid-con .elementskit-post-image-card .entry-title a {
  color: #FFFFFF;
}

.ekit-wid-con .elementskit-post-image-card .post-meta-list {
  margin-bottom: 20px;
  color: rgba(255, 255, 255, 0.5);
}

.ekit-wid-con .elementskit-post-image-card .post-meta-list > span a {
  color: inherit;
}

.ekit-wid-con .elementskit-post-image-card .entry-title {
  font-size: 18px;
  margin-bottom: 28px;
}

.ekit-wid-con .elementskit-post-image-card .post-author .author-name {
  color: inherit;
}

.ekit-wid-con .elementskit-post-image-card.modern {
  margin-top: 40px;
}

.ekit-wid-con .elementskit-post-image-card.modern:hover .elementskit-entry-thumb > img {
  opacity: 1;
}

.ekit-wid-con .elementskit-post-image-card.modern .elementskit-entry-header .elementskit-entry-thumb {
  margin-top: -60px;
}

.ekit-wid-con .image-card-2 .elementskit-post-body .post-meta-list {
  margin-bottom: 15px;
}

.ekit-wid-con .image-card-2 .elementskit-post-body .entry-title {
  margin-bottom: 0px;
}

.ekit-wid-con .image-card-3 .elementskit-entry-header {
  padding: 0px;
}

.ekit-wid-con .image-card-3 .elementskit-post-body {
  padding-top: 40px;
}

.ekit-wid-con .style-border:hover {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

.ekit-wid-con .style-border .elementskit-post-body {
  border: 1px solid #f5f5f5;
  border-top: 0px;
}

.ekit-wid-con .simple-post {
  background-color: transparent;
}

.ekit-wid-con .simple-post:hover {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

.ekit-wid-con .simple-post .elementskit-entry-header {
  padding: 0px;
}

.ekit-wid-con .simple-post .elementskit-post-body {
  padding: 35px 10px;
}

.ekit-wid-con .simple-post .elementskit-post-body .entry-title {
  margin-bottom: 17px;
}

.ekit-wid-con .blog-block-post[class*="gradient-"] {
  background: #123075;
}

.ekit-wid-con .blog-block-post[class*="gradient-"] .entry-title a {
  color: #FFFFFF;
}

.ekit-wid-con .blog-block-post[class*="gradient-"] .post-meta-list {
  color: rgba(255, 255, 255, 0.5);
}

.ekit-wid-con .blog-block-post[class*="gradient-"] .post-meta-list > span a {
  color: inherit;
}

.ekit-wid-con .blog-block-post[class*="gradient-"] .elementskit-post-footer > p {
  color: rgba(255, 255, 255, 0.5);
}

.ekit-wid-con .blog-block-post[class*="gradient-"] .post-author .author-name {
  color: inherit;
}

.ekit-wid-con .blog-block-post[class*="gradient-"] .first-letter:first-letter {
  border-bottom-color: #102966;
}

.ekit-wid-con .blog-block-post[class*="gradient-"] .elementskit-border-hr {
  background-color: #8692af;
}

.ekit-wid-con .gradient-bg-2 {
  background: #fa2b56;
}

.ekit-wid-con .post-meta-list {
  color: #a3a3a3;
}

.ekit-wid-con .post-meta-list > span {
  display: inline-block;
}

.ekit-wid-con .post-meta-list > span a {
  color: inherit;
}

.ekit-wid-con .post-meta-list > span i {
  padding-right: 5px;
}

.ekit-wid-con .post-meta-list > span:not(:last-child) {
  margin-right: 40px;
}

.ekit-wid-con .meta-author .author-img {
  display: inline-block;
  margin-right: 15px;
  -webkit-box-shadow: 4.95px 4.95px 15px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 4.95px 4.95px 15px 0px rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  margin-bottom: 0px;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
}

.ekit-wid-con .meta-author .author-name {
  color: inherit;
}

.ekit-wid-con .meta-author .author-name:hover {
  opacity: .8;
}

.ekit-wid-con .first-letter {
  display: inline-block;
}

.ekit-wid-con .first-letter:first-letter {
  border-bottom: 3px solid #e5e5e5;
}

.ekit-wid-con .elementskit-border-hr {
  height: 3px;
  width: 30px;
  display: block;
  background-color: #e5e5e5;
}

.ekit-wid-con .text-center .elementskit-border-hr {
  margin-left: auto;
  margin-right: auto;
}

.ekit-wid-con .text-right .elementskit-border-hr {
  margin-left: auto;
}

.ekit-wid-con .elementskit-meta-lists {
  position: absolute;
  top: 83%;
  left: 30px;
}

.ekit-wid-con .elementskit-meta-lists > .elementskit-single-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  text-align: center;
  color: #FFFFFF;
  background: #fa2b56;
  width: 55px;
  height: 55px;
  border-radius: 100px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ekit-wid-con .elementskit-meta-lists > .elementskit-single-meta:not(:last-child) {
  margin-right: 15px;
}

.ekit-wid-con .elementskit-meta-lists > .elementskit-single-meta strong {
  display: block;
  font-size: 22px;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 2px;
}

.ekit-wid-con .elementskit-meta-lists > .elementskit-single-meta .elementskit-meta-wraper {
  display: block;
  margin: 10px 0;
  line-height: 1;
  width: 100%;
}

.ekit-wid-con .elementskit-meta-lists.elementskit-style-tag {
  top: auto;
  left: 10px;
  bottom: 30px;
}

.ekit-wid-con .elementskit-meta-lists.elementskit-style-tag > .elementskit-single-meta {
  width: auto;
  height: auto;
  border-radius: 0px;
  padding-left: 22px;
  padding-right: 12px;
  position: relative;
}

.ekit-wid-con .elementskit-meta-lists.elementskit-style-tag > .elementskit-single-meta::before {
  position: absolute;
  content: "";
  top: -10px;
  left: 0;
  color: #912f3d;
  border-bottom: solid currentColor;
  border-top: solid transparent;
  border-width: 5px;
}

.ekit-wid-con .elementskit-meta-lists.elementskit-style-tag > .elementskit-single-meta.triangle_right::before {
  border-right: solid transparent;
  border-left: solid currentColor;
}

.ekit-wid-con .elementskit-meta-lists.elementskit-style-tag > .elementskit-single-meta.triangle_left::before {
  border-right: solid currentColor;
  border-left: solid transparent;
}

.ekit-wid-con .elementskit-meta-lists.elementskit-style-tag > .elementskit-single-meta .elementskit-meta-wraper {
  margin: 7px 0;
}

.ekit-wid-con .elementskit-meta-lists.style-grdient > .elementskit-single-meta {
  background: #03cffc;
}

.ekit-wid-con .elementskit-meta-lists.style-box {
  bottom: inherit;
  top: 0;
  left: 20px;
}

.ekit-wid-con .elementskit-meta-lists.style-box > .elementskit-single-meta {
  width: auto;
  height: auto;
  border-radius: 0px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 17px;
  padding-bottom: 7px;
}

.ekit-wid-con .elementskit-meta-lists.style-box > .elementskit-single-meta .elementskit-meta-wraper {
  margin-bottom: 0;
}

.ekit-wid-con .elementskit-meta-lists.style-gradient-2 > .elementskit-single-meta {
  background: #123075;
}

.ekit-wid-con .elementskit-entry-thumb {
  position: relative;
  overflow: hidden;
  display: block;
}

.ekit-wid-con .elementskit-entry-thumb > img {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .elementskit-entry-header {
  position: relative;
}

.ekit-wid-con .elementskit-post-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ekit-wid-con .elementskit-post-body.ekit-highlight-border {
  position: relative;
}

.ekit-wid-con .elementskit-post-body.ekit-highlight-border:before {
  content: "";
  height: 20px;
  width: 2px;
  background: #ff712b;
  position: absolute;
  z-index: 999;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  left: 0;
}

.ekit-wid-con .post-meta-list > span {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  cursor: pointer;
  line-height: 1;
}

.ekit-wid-con .post-meta-list > span > i {
  display: inline-block;
}

.ekit-wid-con .meta-author .author-img > img {
  margin: 0px;
}

.ekit-wid-con .elementskit-post-body > p:empty {
  display: none;
}

.ekit-wid-con .elementskit-image-accordion-wraper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  min-height: 366px;
  position: relative;
  margin-left: -3px;
  margin-right: -3px;
}

.ekit-wid-con .elementskit-image-accordion-wraper.no-gutters {
  margin-left: 0px;
  margin-right: 0px;
}

.ekit-wid-con .elementskit-image-accordion-wraper.no-gutters > .elementskit-single-image-accordion {
  margin-left: 0px;
  margin-right: 0px;
}

.ekit-wid-con .elementskit-image-accordion-wraper .elementskit-single-image-accordion {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin: 0 3px;
  position: relative;
  overflow: hidden;
  min-height: 460px;
  cursor: pointer;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ekit-wid-con .elementskit-image-accordion-wraper .elementskit-single-image-accordion::before {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  height: 100%;
  width: 100%;
  background: black;
  background: -webkit-gradient(linear, left bottom, left top, from(black), color-stop(60%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(bottom, black 0%, rgba(255, 255, 255, 0) 60%);
  background: -o-linear-gradient(bottom, black 0%, rgba(255, 255, 255, 0) 60%);
  background: linear-gradient(0deg, black 0%, rgba(255, 255, 255, 0) 60%);
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  opacity: 0;
}

.ekit-wid-con .elementskit-image-accordion-wraper .elementskit-single-image-accordion .elementskit-accordion-content {
  width: 100%;
}

.ekit-wid-con .elementskit-image-accordion-wraper .elementskit-single-image-accordion .elementskit-accordion-title {
  color: #FFFFFF;
  margin-bottom: 0;
}

.ekit-wid-con .elementskit-image-accordion-wraper .elementskit-single-image-accordion .elementskit-accordion-title-wraper {
  position: relative;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  top: 100px;
  opacity: 0;
  visibility: hidden;
}

.ekit-wid-con .elementskit-image-accordion-wraper .elementskit-single-image-accordion .elementskit-btn-wraper {
  position: relative;
  -webkit-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
  top: 100px;
  opacity: 0;
  visibility: hidden;
}

.ekit-wid-con .elementskit-image-accordion-wraper .elementskit-single-image-accordion .elementskit-icon-wraper {
  margin-bottom: 20px;
  position: relative;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  top: -100px;
  opacity: 0;
  visibility: hidden;
}

.ekit-wid-con .elementskit-image-accordion-wraper .elementskit-single-image-accordion .elementskit-icon-wraper .icon-outline {
  color: #FFFFFF;
}

.ekit-wid-con .elementskit-image-accordion-wraper .elementskit-single-image-accordion.active {
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
}

.ekit-wid-con .elementskit-image-accordion-wraper .elementskit-single-image-accordion.active::before {
  top: 0%;
  opacity: 1;
}

.ekit-wid-con .elementskit-image-accordion-wraper .elementskit-single-image-accordion.active .elementskit-accordion-title-wraper,
.ekit-wid-con .elementskit-image-accordion-wraper .elementskit-single-image-accordion.active .elementskit-icon-wraper,
.ekit-wid-con .elementskit-image-accordion-wraper .elementskit-single-image-accordion.active .elementskit-btn-wraper {
  top: 0px;
  opacity: 1;
  visibility: visible;
}

.ekit-wid-con .elementskit-accordion-title {
  color: #000000;
  font-size: 22px;
  margin-bottom: 0px;
}

.ekit-wid-con .elementskit-accordion-title.icon-title {
  font-size: 28px;
  display: inline-block;
}

.ekit-wid-con .elementskit-accordion-title.icon-title > i {
  position: relative;
  top: 3px;
}

.ekit-wid-con .elementskit-accordion-title.icon-title .icon-right {
  padding-left: 15px;
}

.ekit-wid-con .elementskit-accordion-title.icon-title .icon-left {
  padding-right: 15px;
}

.ekit-wid-con .elementskit-clients-slider .slick-slide {
  margin-right: 15px;
  margin-left: 15px;
}

.ekit-wid-con .elementskit-clients-slider .slick-slide > div:not(:last-child) {
  margin-bottom: 30px;
}

.ekit-wid-con .elementskit-clients-slider .elementskit-client-slider-item.log-separator {
  position: relative;
}

.ekit-wid-con .elementskit-clients-slider .elementskit-client-slider-item.log-separator:after {
  content: "";
  background: #e7e7e7;
  position: absolute;
  z-index: 999;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.ekit-wid-con .elementskit-clients-slider .slick-arrow.slick-next {
  left: 100%;
}

.ekit-wid-con .elementskit-clients-slider .hover-bg-gradient .single-client::before {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  height: 100%;
  width: 100%;
  background: #f2709c;
  background: -webkit-linear-gradient(135deg, #f2709c 0%, #fe8f75 60%);
  background: -o-linear-gradient(135deg, #f2709c 0%, #fe8f75 60%);
  background: linear-gradient(315deg, #f2709c 0%, #fe8f75 60%);
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  z-index: -1;
}

.ekit-wid-con .elementskit-clients-slider .single-client {
  min-height: 170px;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #FFFFFF;
  -webkit-box-shadow: 5px 10px 15px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 10px 15px 0px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .elementskit-clients-slider .single-client img {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .elementskit-clients-slider .single-client .content-image > .hover-image {
  display: none;
}

.ekit-wid-con .elementskit-clients-slider .single-client.image-switcher .content-image > .hover-image {
  display: block;
}

.ekit-wid-con .elementskit-clients-slider .single-client:hover {
  z-index: 6;
}

.ekit-wid-con .elementskit-clients-slider .single-client:hover::before {
  opacity: 1;
  top: 0;
}

.ekit-wid-con .elementskit-clients-slider .client-slider-item {
  position: relative;
}

.ekit-wid-con .elementskit-clients-slider.simple_logo_image .single-client::before {
  display: none;
}

.ekit-wid-con .elementskit-clients-slider.banner_logo_image .single-client:before {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #f2709c;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  z-index: -1;
}

.ekit-wid-con .elementskit-clients-slider.banner_logo_image .single-client:hover:before {
  opacity: 1;
  top: 0;
}

.ekit-wid-con .elementskit-clients-slider.banner_logo_image.hover_from_top .single-client::before {
  top: -100%;
}

.ekit-wid-con .elementskit-clients-slider.banner_logo_image.hover_from_top .single-client:hover::before {
  top: 0;
}

.ekit-wid-con .elementskit-clients-slider.banner_logo_image.hover_from_left .single-client::before {
  top: 0px;
  left: -100%;
}

.ekit-wid-con .elementskit-clients-slider.banner_logo_image.hover_from_left .single-client:hover::before {
  left: 0;
}

.ekit-wid-con .elementskit-clients-slider.banner_logo_image.hover_from_right .single-client::before {
  top: 0;
  left: 100%;
}

.ekit-wid-con .elementskit-clients-slider.banner_logo_image.hover_from_right .single-client:hover::before {
  left: 0;
}

.ekit-wid-con [class*="gallery-grid"]:not(.gallery-grid-item) {
  margin-left: 0px;
  margin-right: 0px;
}

.ekit-wid-con .elementskit-single-portfolio-item {
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.ekit-wid-con .elementskit-single-portfolio-item .ekit-gallery-image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 1;
}

.ekit-wid-con .elementskit-single-portfolio-item .elementskit-portfolio-thumb {
  display: block;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .elementskit-single-portfolio-item .elementskit-portfolio-thumb > img {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .elementskit-single-portfolio-item .elementskit-hover-area {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
  z-index: 2;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  opacity: 0;
}

.ekit-wid-con .elementskit-single-portfolio-item .elementskit-hover-content {
  z-index: 2;
  top: 48%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  position: absolute;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ekit-wid-con .elementskit-single-portfolio-item .elementskit-hover-content.ekit_vertical_alignment_top {
  top: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.ekit-wid-con .elementskit-single-portfolio-item .elementskit-hover-content.ekit_vertical_alignment_bottom {
  top: initial;
  bottom: -5%;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.ekit-wid-con .elementskit-single-portfolio-item .elementskit-gallery-title,
.ekit-wid-con .elementskit-single-portfolio-item .elementskit-gallery-icon,
.ekit-wid-con .elementskit-single-portfolio-item .elementskit-gallery-description,
.ekit-wid-con .elementskit-single-portfolio-item .elementskit-gallery-label {
  color: #FFFFFF;
}

.ekit-wid-con .elementskit-single-portfolio-item .elementskit-gallery-label {
  display: inline-block;
}

.ekit-wid-con .elementskit-single-portfolio-item .elementskit-gallery-title {
  font-size: 18px;
  margin-bottom: 15px;
}

.ekit-wid-con .elementskit-single-portfolio-item .elementskit-gallery-icon {
  font-size: 18px;
  display: inline-block;
  text-align: center;
}

.ekit-wid-con .elementskit-single-portfolio-item .elementskit-gallery-description,
.ekit-wid-con .elementskit-single-portfolio-item .elementskit-gallery-label {
  font-size: 15px;
}

.ekit-wid-con .elementskit-single-portfolio-item:hover .elementskit-hover-area {
  opacity: 1;
}

.ekit-wid-con .elementskit-single-portfolio-item:hover .elementskit-hover-content {
  top: 50%;
}

.ekit-wid-con .elementskit-single-portfolio-item:hover .elementskit-hover-content.ekit_vertical_alignment_top {
  top: 5%;
}

.ekit-wid-con .elementskit-single-portfolio-item:hover .elementskit-hover-content.ekit_vertical_alignment_bottom {
  top: initial;
  bottom: 0;
}

.ekit-wid-con .elementskit-single-portfolio-item:hover .ekit-gallery-image-overlay {
  background-color: rgba(0, 0, 0, 0.5);
}

.ekit-wid-con .ekit_gallery_grid_style {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-height: none;
}

.ekit-wid-con .ekit-gallery-col-1 .ekit_gallery_grid_item {
  max-width: 100%;
  -webkit-box-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
}

.ekit-wid-con .ekit-gallery-col-2 .ekit_gallery_grid_item {
  max-width: 50%;
  -webkit-box-flex: 50%;
  -ms-flex: 50%;
  flex: 50%;
}

.ekit-wid-con .ekit-gallery-col-3 .ekit_gallery_grid_item {
  max-width: 33.33333%;
  -webkit-box-flex: 33.33333%;
  -ms-flex: 33.33333%;
  flex: 33.33333%;
}

.ekit-wid-con .ekit-gallery-col-4 .ekit_gallery_grid_item {
  max-width: 25%;
  -webkit-box-flex: 25%;
  -ms-flex: 25%;
  flex: 25%;
}

.ekit-wid-con .ekit-gallery-col-5 .ekit_gallery_grid_item {
  max-width: 20%;
  -webkit-box-flex: 20%;
  -ms-flex: 20%;
  flex: 20%;
}

.ekit-wid-con .ekit-gallery-col-6 .ekit_gallery_grid_item {
  max-width: 16.66667%;
  -webkit-box-flex: 16.66667%;
  -ms-flex: 16.66667%;
  flex: 16.66667%;
}

.ekit-wid-con .ekit-gallery-col-7 .ekit_gallery_grid_item {
  max-width: 14.28571%;
  -webkit-box-flex: 14.28571%;
  -ms-flex: 14.28571%;
  flex: 14.28571%;
}

.ekit-wid-con .ekit-gallery-col-8 .ekit_gallery_grid_item {
  max-width: 12.5%;
  -webkit-box-flex: 12.5%;
  -ms-flex: 12.5%;
  flex: 12.5%;
}

.ekit-wid-con .gallery_grid_style.ekit_gallery_grid_item .elementskit-single-portfolio-item {
  height: 100%;
}

.ekit-wid-con .gallery_grid_style.ekit_gallery_grid_item .elementskit-portfolio-thumb {
  height: 100%;
  padding-bottom: 85%;
}

.ekit-wid-con .gallery_grid_style.ekit_gallery_grid_item .elementskit-grid__img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}

.ekit-wid-con .ekit-gallery-portfolio-tilt {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: perspective(300px);
  transform: perspective(300px);
}

.ekit-wid-con .ekit-gallery-portfolio-tilt .elementskit-hover-area {
  -webkit-transform: translateZ(50px);
  transform: translateZ(50px);
}

.ekit-wid-con .ekit-gallery-portfolio-tilt:hover {
  z-index: 1;
}

.ekit-wid-con .ekit_gallery_grid_item {
  max-width: 100%;
}

.ekit-wid-con .elementskit-info-image-box {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .elementskit-info-image-box:hover .elementskit-box-content .elementskit-info-box-title {
  color: #2575fc;
}

.ekit-wid-con .elementskit-info-image-box:hover .elementskit-btn {
  background-color: #2575fc;
  border-color: #2575fc;
  color: #FFFFFF;
}

.ekit-wid-con .elementskit-info-image-box .elementskit-box-header {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}

.ekit-wid-con .elementskit-info-image-box .elementskit-box-header .box-thumb {
  display: block;
}

.ekit-wid-con .elementskit-info-image-box .elementskit-box-header .box-thumb > img {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  width: 100%;
}

.ekit-wid-con .elementskit-info-image-box .elementskit-box-header a {
  display: block;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .elementskit-info-image-box .elementskit-box-header img {
  display: block;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ekit-wid-con .elementskit-info-image-box .elementskit-box-body {
  padding: 55px 40px;
}

.ekit-wid-con .elementskit-info-image-box .elementskit-box-content .elementskit-info-box-title {
  font-size: 18px;
  margin-bottom: 20px;
  color: #000000;
  display: block;
  font-weight: 700;
}

.ekit-wid-con .elementskit-info-image-box .elementskit-box-content .elementskit-info-box-title > i {
  font-size: 22px;
  padding-right: 14px;
  position: relative;
  top: 2px;
}

.ekit-wid-con .elementskit-info-image-box .elementskit-outline-icon {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 15px;
}

.ekit-wid-con .elementskit-info-image-box .elementskit-box-footer {
  line-height: 1;
  margin-top: 20px;
}

.ekit-wid-con .elementskit-info-image-box.style-modern {
  overflow: visible;
}

.ekit-wid-con .elementskit-info-image-box.style-modern .elementskit-box-body {
  -webkit-box-shadow: -1.216px 6.894px 25px 0px rgba(0, 0, 0, 0.07);
  box-shadow: -1.216px 6.894px 25px 0px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.9);
  width: calc(100% - 40px);
  padding: 30px 40px;
  position: relative;
  z-index: 2;
  margin-top: -20px;
  margin-left: auto;
  margin-right: auto;
}

.ekit-wid-con .elementskit-info-image-box.style-solid .elementskit-box-body {
  background-color: #f7f9fb;
}

.ekit-wid-con .elementskit-info-image-box.hover-border-bottom .elementskit-box-body {
  position: relative;
}

.ekit-wid-con .elementskit-info-image-box.hover-border-bottom .elementskit-box-body::before {
  position: absolute;
  content: "";
  bottom: -1px;
  left: 0;
  height: 3px;
  width: 100%;
  background-color: #2575fc;
  -webkit-transition: -webkit-transform 250ms ease-in;
  transition: -webkit-transform 250ms ease-in;
  -o-transition: transform 250ms ease-in;
  transition: transform 250ms ease-in;
  transition: transform 250ms ease-in, -webkit-transform 250ms ease-in;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}

.ekit-wid-con .elementskit-info-image-box.hover-border-bottom:hover .elementskit-box-body::before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}

.ekit-wid-con .elementskit-info-image-box.hover-border-bottom.hover_from_left .elementskit-box-body::before {
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
}

.ekit-wid-con .elementskit-info-image-box.hover-border-bottom.hover_from_left:hover .elementskit-box-body::before {
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

.ekit-wid-con .elementskit-info-image-box.hover-border-bottom.hover_from_center .elementskit-box-body::before {
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}

.ekit-wid-con .elementskit-info-image-box.hover-border-bottom.hover_from_center:hover .elementskit-box-body::before {
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}

.ekit-wid-con .elementskit-info-image-box.style-shadow .elementskit-box-body {
  -webkit-box-shadow: -1.216px 6.894px 15px 0px rgba(0, 0, 0, 0.07);
  box-shadow: -1.216px 6.894px 15px 0px rgba(0, 0, 0, 0.07);
}

.ekit-wid-con .elementskit-info-image-box.floating-style .elementskit-box-body {
  -webkit-box-shadow: -1.216px 6.894px 25px 0px rgba(0, 0, 0, 0.07);
  box-shadow: -1.216px 6.894px 25px 0px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  width: calc(100% - 40px);
  position: relative;
  padding: 30px 35px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  height: 90px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -40px;
  position: relative;
}

.ekit-wid-con .elementskit-info-image-box.floating-style .elementskit-box-body::before, .ekit-wid-con .elementskit-info-image-box.floating-style .elementskit-box-body::after {
  position: absolute;
  content: "";
  bottom: -10px;
  left: 50%;
  height: 100%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: calc(100% - 20px);
  -webkit-box-shadow: -1.216px 6.894px 25px 0px rgba(0, 0, 0, 0.07);
  box-shadow: -1.216px 6.894px 25px 0px rgba(0, 0, 0, 0.07);
  z-index: -1;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  opacity: 0;
  border-radius: 10px;
  background-color: #FFFFFF;
}

.ekit-wid-con .elementskit-info-image-box.floating-style .elementskit-box-body::after {
  bottom: -20px;
  width: calc(100% - 40px);
  z-index: -2;
}

.ekit-wid-con .elementskit-info-image-box.floating-style .elementskit-box-body .elementskit-box-content .elementskit-box-style-content {
  opacity: 0;
  -webkit-transition: opacity .4s ease;
  -o-transition: opacity .4s ease;
  transition: opacity .4s ease;
}

.ekit-wid-con .elementskit-info-image-box.floating-style .elementskit-box-body .elementskit-info-box-title {
  font-size: 18px;
  font-weight: 700;
}

.ekit-wid-con .elementskit-info-image-box.floating-style .elementskit-box-body .elementskit-info-box-title > i {
  font-size: 26px;
}

.ekit-wid-con .elementskit-info-image-box.floating-style .elementskit-box-footer {
  opacity: 0;
  -webkit-transition: opacity .4s ease;
  -o-transition: opacity .4s ease;
  transition: opacity .4s ease;
}

.ekit-wid-con .elementskit-info-image-box.floating-style:hover .elementskit-box-body {
  height: 185px;
}

.ekit-wid-con .elementskit-info-image-box.floating-style:hover .elementskit-box-body::before, .ekit-wid-con .elementskit-info-image-box.floating-style:hover .elementskit-box-body::after {
  opacity: 1;
}

.ekit-wid-con .elementskit-info-image-box.floating-style:hover .elementskit-box-body .elementskit-box-content .elementskit-box-style-content {
  opacity: 1;
}

.ekit-wid-con .elementskit-info-image-box.floating-style:hover .elementskit-box-body .elementskit-box-footer {
  opacity: 1;
}

.ekit-wid-con .elementskit-info-image-box.style-sideline .elementskit-box-body {
  padding-left: 0;
  padding-right: 0;
}

.ekit-wid-con .elementskit-info-image-box.style-sideline .elementskit-box-body .elementskit-box-content,
.ekit-wid-con .elementskit-info-image-box.style-sideline .elementskit-box-body .elementskit-box-footer {
  padding-left: 40px;
  padding-right: 40px;
}

.ekit-wid-con .elementskit-info-image-box.style-sideline .elementskit-box-body .elementskit-box-content {
  border-left: 3px solid #2575fc;
}

.ekit-wid-con .elementskit-info-image-box.style-sideline.text-right .elementskit-box-body .elementskit-box-content {
  border-right: 3px solid #2575fc;
  border-left: 0px;
}

.ekit-wid-con .elementskit-info-image-box.shadow-line .elementskit-box-body {
  position: relative;
}

.ekit-wid-con .elementskit-info-image-box.shadow-line .elementskit-box-body::before, .ekit-wid-con .elementskit-info-image-box.shadow-line .elementskit-box-body::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 100%;
  background-color: #FFFFFF;
  width: 10px;
  -webkit-box-shadow: -1.216px 6.894px 15px 0px rgba(0, 0, 0, 0.07);
  box-shadow: -1.216px 6.894px 15px 0px rgba(0, 0, 0, 0.07);
}

.ekit-wid-con .elementskit-info-image-box.shadow-line .elementskit-box-body::after {
  left: inherit;
  right: 0;
  height: calc(100% + 40px);
}

.ekit-wid-con .elementskit-info-image-box.image-card {
  -webkit-box-shadow: -1.216px 6.894px 15px 0px rgba(0, 0, 0, 0.07);
  box-shadow: -1.216px 6.894px 15px 0px rgba(0, 0, 0, 0.07);
  position: relative;
  overflow: hidden;
}

.ekit-wid-con .elementskit-info-image-box.image-card::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #000000;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .elementskit-info-image-box.image-card::after {
  position: absolute;
  content: "";
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  border: 3px solid #FFFFFF;
  opacity: .5;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .elementskit-info-image-box.image-card .elementskit-box-body {
  background-color: transparent;
  position: absolute;
  top: 70%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 100%;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  opacity: 0;
}

.ekit-wid-con .elementskit-info-image-box.image-card .elementskit-box-body .elementskit-info-box-title,
.ekit-wid-con .elementskit-info-image-box.image-card .elementskit-box-body p {
  color: #FFFFFF;
}

.ekit-wid-con .elementskit-info-image-box.image-card:hover::before {
  opacity: .8;
}

.ekit-wid-con .elementskit-info-image-box.image-card:hover::after {
  opacity: 1;
}

.ekit-wid-con .elementskit-info-image-box.image-card:hover .elementskit-box-body {
  opacity: 1;
  top: 50%;
}

.ekit-wid-con .elementskit-info-image-box.elementskit-thumb-card {
  position: relative;
  overflow: hidden;
}

.ekit-wid-con .elementskit-info-image-box.elementskit-thumb-card .elementskit-box-content,
.ekit-wid-con .elementskit-info-image-box.elementskit-thumb-card .elementskit-hover-content {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(247, 56, 89, 0.8);
  padding: 45px 40px;
  width: 100%;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .elementskit-info-image-box.elementskit-thumb-card .elementskit-info-box-title {
  color: #FFFFFF;
  margin-bottom: 0px;
  display: block;
}

.ekit-wid-con .elementskit-info-image-box.elementskit-thumb-card .elementskit-info-box-title > i {
  font-size: inherit;
  padding-right: 10px;
  top: 0px;
}

.ekit-wid-con .elementskit-info-image-box.elementskit-thumb-card .border-separetor {
  background-color: #FFFFFF;
}

.ekit-wid-con .elementskit-info-image-box.elementskit-thumb-card .elementskit-hover-content {
  opacity: 0;
  bottom: -40%;
  visibility: hidden;
}

.ekit-wid-con .elementskit-info-image-box.elementskit-thumb-card .elementskit-hover-content p {
  margin-top: 10px;
  color: #FFFFFF;
}

.ekit-wid-con .elementskit-info-image-box.elementskit-thumb-card:hover .elementskit-info-box-title {
  color: #FFFFFF;
}

.ekit-wid-con .elementskit-info-image-box.elementskit-thumb-card:hover .elementskit-hover-content {
  opacity: 1;
  bottom: 0;
  visibility: visible;
  -webkit-transition: all 0.4s ease .1s;
  -o-transition: all 0.4s ease .1s;
  transition: all 0.4s ease .1s;
}

.ekit-wid-con .elementskit-info-image-box.elementskit-thumb-card:hover .elementskit-box-content {
  opacity: 0;
  bottom: -40%;
  visibility: hidden;
  -webkit-transition: all 0.4s ease .1s;
  -o-transition: all 0.4s ease .1s;
  transition: all 0.4s ease .1s;
}

.ekit-wid-con .elementskit-info-image-box.elementskit-thumb-card.color-1 .elementskit-box-content,
.ekit-wid-con .elementskit-info-image-box.elementskit-thumb-card.color-1 .elementskit-hover-content {
  background-color: rgba(0, 228, 154, 0.8);
}

.ekit-wid-con .elementskit-info-image-box.elementskit-thumb-card.color-2 .elementskit-box-content,
.ekit-wid-con .elementskit-info-image-box.elementskit-thumb-card.color-2 .elementskit-hover-content {
  background-color: rgba(106, 17, 203, 0.8);
}

.ekit-wid-con .elementskit-info-image-box.image-card-2 {
  position: relative;
}

.ekit-wid-con .elementskit-info-image-box.image-card-2.style-shadow .elementskit-box-body {
  -webkit-box-shadow: -1.216px 6.894px 15px 0px rgba(0, 0, 0, 0.07);
  box-shadow: -1.216px 6.894px 15px 0px rgba(0, 0, 0, 0.07);
}

.ekit-wid-con .elementskit-info-image-box.image-card-2 .elementskit-box-body {
  padding: 40px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .elementskit-info-image-box.image-card-2 .elementskit-info-box-title {
  margin-bottom: 0;
}

.ekit-wid-con .elementskit-info-image-box.image-card-2 .elementskit-info-box-title > i {
  font-size: inherit;
  padding-right: 10px;
  top: 0;
}

.ekit-wid-con .elementskit-info-image-box.image-card-2 .elementskit-box-content > p {
  margin-top: 10px;
}

.ekit-wid-con .elementskit-info-image-box.image-card-2 .elementskit-box-footer {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  margin-bottom: -60px;
}

.ekit-wid-con .elementskit-info-image-box.image-card-2:hover {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

.ekit-wid-con .elementskit-info-image-box.image-card-2:hover .elementskit-box-body {
  -webkit-transform: translateY(-60px);
  -ms-transform: translateY(-60px);
  transform: translateY(-60px);
}

.ekit-wid-con .elementskit-info-image-box.image-card-2:hover .elementskit-box-footer {
  opacity: 1;
  visibility: visible;
  margin-bottom: 0px;
}

.ekit-wid-con .elementskit-info-image-box.parallax-card {
  overflow: initial;
}

.ekit-wid-con .parallax-card {
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.ekit-wid-con .parallax-card .front,
.ekit-wid-con .parallax-card .back {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  -o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  min-height: 450px;
  position: relative;
}

.ekit-wid-con .parallax-card .front::before,
.ekit-wid-con .parallax-card .back::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #000000;
  opacity: .5;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ekit-wid-con .parallax-card .back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.ekit-wid-con .parallax-card .back .elementskit-box-body {
  padding: 60px;
}

.ekit-wid-con .parallax-card .front {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.ekit-wid-con .parallax-card .elementskit-box-body {
  -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
  transform: translateY(-50%) translateZ(60px) scale(0.94);
  top: 50%;
  position: absolute;
  left: 0;
  width: 100%;
  -webkit-perspective: inherit;
  perspective: inherit;
  z-index: 2;
  background-color: transparent;
}

.ekit-wid-con .parallax-card .elementskit-box-body .elementskit-info-box-title {
  color: #FFFFFF;
  font-size: 22px;
}

.ekit-wid-con .parallax-card .elementskit-box-body .elementskit-outline-icon {
  color: #FFFFFF;
}

.ekit-wid-con .parallax-card .elementskit-box-body p {
  color: #FFFFFF;
}

.ekit-wid-con .parallax-card .elementskit-box-body .elementskit-box-footer {
  margin-top: 30px;
}

.ekit-wid-con .parallax-card .elementskit-box-body .simple-btn {
  color: #FFFFFF;
}

.ekit-wid-con .parallax-card.style-2 .back::before {
  background: #2575fc;
  background: -webkit-gradient(linear, left top, right top, from(#2575fc), to(#6a11cb));
  background: -webkit-linear-gradient(left, #2575fc 0%, #6a11cb 100%);
  background: -o-linear-gradient(left, #2575fc 0%, #6a11cb 100%);
  background: linear-gradient(90deg, #2575fc 0%, #6a11cb 100%);
  opacity: .95;
}

.ekit-wid-con .parallax-card.style-2 .elementskit-box-content .elementskit-outline-icon {
  margin-bottom: 25px;
  width: 110px;
  height: 110px;
  line-height: 110px;
  border-color: rgba(255, 255, 255, 0.6);
  font-size: 40px;
}

.ekit-wid-con .parallax-card:hover {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

.ekit-wid-con .parallax-card:hover .simple-btn {
  color: #FFFFFF;
}

.ekit-wid-con .parallax-card:hover .elementskit-box-content .elementskit-info-box-title {
  color: #FFFFFF;
}

.ekit-wid-con .parallax-card:hover .front,
.ekit-wid-con .parallax-card:hover .back {
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  -o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
}

.ekit-wid-con .parallax-card:hover .back {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.ekit-wid-con .parallax-card:hover .front {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.ekit-wid-con .elementskit-image-card-style2 .elementskit-info-image-box.elementskit-image-card {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ekit-wid-con .elementskit-image-card-style2 .elementskit-info-image-box.elementskit-image-card .elementskit-border-separetor {
  background-color: #FFFFFF;
}

.ekit-wid-con .elementskit-image-card-style2 .elementskit-info-image-box.elementskit-image-card .elementskit-info-box-title {
  margin-bottom: 0;
}

.ekit-wid-con .elementskit-image-card-style2 .elementskit-info-image-box.elementskit-image-card .elementskit-info-box-title > i {
  font-size: inherit;
  top: 0;
  padding-right: 10px;
}

.ekit-wid-con .elementskit-image-card-style2 .elementskit-info-image-box.elementskit-image-card .elementskit-box-content p {
  margin-top: 10px;
}

.ekit-wid-con .elementskit-image-card-style2 .elementskit-info-image-box.elementskit-image-card .elementskit-box-body {
  padding: 50px;
}

.ekit-wid-con .elementskit-image-card-style2 .elementskit-info-image-box.elementskit-image-card::before {
  display: none;
}

.ekit-wid-con .elementskit-image-card-style2 .elementskit-info-image-box.elementskit-image-card::after {
  border: 0px;
  background-color: #f73859;
  opacity: .9;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: -webkit-transform 350ms ease;
  transition: -webkit-transform 350ms ease;
  -o-transition: transform 350ms ease;
  transition: transform 350ms ease;
  transition: transform 350ms ease, -webkit-transform 350ms ease;
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}

.ekit-wid-con .elementskit-image-card-style2 .elementskit-info-image-box.elementskit-image-card:hover::after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}

.ekit-wid-con .elementskit-info-image-box.elementskit-thumb-card {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .image-box-img-center img {
  margin: 0 auto;
}

.ekit-wid-con .image-box-img-left img {
  margin-right: auto;
}

.ekit-wid-con .image-box-img-right img {
  margin-left: auto;
}

.ekit-wid-con .skill-medium .skill-bar {
  height: 10px;
}

.ekit-wid-con .skill-medium.skill-radius .skill-bar,
.ekit-wid-con .skill-medium.skill-radius .skill-track {
  border-radius: 5px;
}

.ekit-wid-con .skill-big .skill-bar {
  height: 35px;
}

.ekit-wid-con .skill-big.skill-radius .skill-bar,
.ekit-wid-con .skill-big.skill-radius .skill-track {
  border-radius: 17.5px;
}

.ekit-wid-con .multicolor-track .single-skill-bar.color-1 .skill-bar {
  background-color: rgba(255, 57, 132, 0.07);
}

.ekit-wid-con .multicolor-track .single-skill-bar.color-2 .skill-bar {
  background-color: rgba(204, 36, 252, 0.07);
}

.ekit-wid-con .multicolor-track .single-skill-bar.color-3 .skill-bar {
  background-color: rgba(0, 228, 154, 0.07);
}

.ekit-wid-con .multicolor-track .single-skill-bar.color-4 .skill-bar {
  background-color: rgba(66, 133, 244, 0.07);
}

.ekit-wid-con .multicolor-track .single-skill-bar.color-5 .skill-bar {
  background-color: rgba(126, 213, 0, 0.07);
}

.ekit-wid-con .multicolor-track .single-skill-bar.color-6 .skill-bar {
  background-color: rgba(249, 105, 51, 0.07);
}

.ekit-wid-con .multicolor-track .single-skill-bar.color-7 .skill-bar {
  background-color: rgba(83, 248, 162, 0.07);
}

.ekit-wid-con .multicolor-track .single-skill-bar.color-8 .skill-bar {
  background-color: rgba(254, 143, 117, 0.07);
}

.ekit-wid-con .multicolor-track .single-skill-bar.color-9 .skill-bar {
  background-color: rgba(53, 237, 126, 0.07);
}

.ekit-wid-con .multicolor-track .single-skill-bar.color-10 .skill-bar {
  background-color: rgba(148, 96, 255, 0.07);
}

.ekit-wid-con .single-skill-bar:not(:last-child) {
  margin-bottom: 25px;
}

.ekit-wid-con .single-skill-bar.color-1 .skill-bar .skill-track {
  background-color: #ff3984;
}

.ekit-wid-con .single-skill-bar.color-2 .skill-bar .skill-track {
  background-color: #cc24fc;
}

.ekit-wid-con .single-skill-bar.color-3 .skill-bar .skill-track {
  background-color: #00e49a;
}

.ekit-wid-con .single-skill-bar.color-4 .skill-bar .skill-track {
  background-color: #4285f4;
}

.ekit-wid-con .single-skill-bar.color-5 .skill-bar .skill-track {
  background-color: #7ed500;
}

.ekit-wid-con .single-skill-bar.color-6 .skill-bar .skill-track {
  background-color: #f96933;
}

.ekit-wid-con .single-skill-bar.color-7 .skill-bar .skill-track {
  background-color: #53f8a2;
}

.ekit-wid-con .single-skill-bar.color-8 .skill-bar .skill-track {
  background-color: #fe8f75;
}

.ekit-wid-con .single-skill-bar.color-9 .skill-bar .skill-track {
  background-color: #35ed7e;
}

.ekit-wid-con .single-skill-bar.color-10 .skill-bar .skill-track {
  background-color: #9460ff;
}

.ekit-wid-con .skill-bar {
  height: 3px;
  background-color: #f5f5f5;
}

.ekit-wid-con .skill-bar .skill-track {
  width: 0%;
  background-color: #333333;
  display: block;
  height: 100%;
  overflow: visible !important;
  position: relative;
}

.ekit-wid-con .skill-bar .skill-track .number-percentage-wraper {
  position: absolute;
  right: 0;
  top: -33px;
  z-index: 1;
}

.ekit-wid-con .skill-bar .skill-track .icon,
.ekit-wid-con .skill-bar .skill-track .fa {
  font-size: 30px;
  position: absolute;
  right: 19px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #000000;
}

.ekit-wid-con .skill-bar .skill-track .icon + .number-percentage-wraper,
.ekit-wid-con .skill-bar .skill-track .fa + .number-percentage-wraper {
  padding-right: 57px;
}

.ekit-wid-con .skill-bar-content {
  margin-bottom: 7px;
}

.ekit-wid-con .skill-bar-content .skill-title {
  font-weight: 700;
  color: #000000;
}

.ekit-wid-con .number-percentage-wraper {
  color: #000000;
}

.ekit-wid-con .number-percentage-wraper.style2 {
  font-size: 13px;
  font-weight: 700;
}

.ekit-wid-con .inner-content .single-skill-bar {
  position: relative;
}

.ekit-wid-con .inner-content .single-skill-bar .skill-bar-content {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-bottom: 0;
  padding-left: 30px;
}

.ekit-wid-con .inner-content .single-skill-bar .skill-title {
  color: #FFFFFF;
}

.ekit-wid-con .inner-content .skill-track .number-percentage-wraper {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #FFFFFF;
  padding-right: 30px;
}

.ekit-wid-con .inner-content .skill-track .icon,
.ekit-wid-con .inner-content .skill-track .fa {
  color: #FFFFFF;
}

.ekit-wid-con .skilltrack-style2 .single-skill-bar .skill-bar {
  height: 30px;
  background-color: #FFFFFF;
  padding: 10px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
  border-radius: 15px;
}

.ekit-wid-con .skilltrack-style2 .single-skill-bar .skill-bar .skill-track {
  height: 10px;
  border-radius: 5px;
}

.ekit-wid-con .skilltrack-style2 .single-skill-bar .skill-bar .skill-track .number-percentage-wraper {
  top: -39px;
}

.ekit-wid-con .multishadow-bar .single-skill-bar.color-1 .skill-bar {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(255, 57, 132, 0.25);
  box-shadow: 0px 0px 20px 0px rgba(255, 57, 132, 0.25);
}

.ekit-wid-con .multishadow-bar .single-skill-bar.color-2 .skill-bar {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(204, 36, 252, 0.25);
  box-shadow: 0px 0px 20px 0px rgba(204, 36, 252, 0.25);
}

.ekit-wid-con .multishadow-bar .single-skill-bar.color-3 .skill-bar {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 228, 154, 0.25);
  box-shadow: 0px 0px 20px 0px rgba(0, 228, 154, 0.25);
}

.ekit-wid-con .multishadow-bar .single-skill-bar.color-4 .skill-bar {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(66, 133, 244, 0.25);
  box-shadow: 0px 0px 20px 0px rgba(66, 133, 244, 0.25);
}

.ekit-wid-con .multishadow-bar .single-skill-bar.color-5 .skill-bar {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(126, 213, 0, 0.25);
  box-shadow: 0px 0px 20px 0px rgba(126, 213, 0, 0.25);
}

.ekit-wid-con .multishadow-bar .single-skill-bar.color-6 .skill-bar {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(249, 105, 51, 0.25);
  box-shadow: 0px 0px 20px 0px rgba(249, 105, 51, 0.25);
}

.ekit-wid-con .multishadow-bar .single-skill-bar.color-7 .skill-bar {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(83, 248, 162, 0.25);
  box-shadow: 0px 0px 20px 0px rgba(83, 248, 162, 0.25);
}

.ekit-wid-con .multishadow-bar .single-skill-bar.color-8 .skill-bar {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(254, 143, 117, 0.25);
  box-shadow: 0px 0px 20px 0px rgba(254, 143, 117, 0.25);
}

.ekit-wid-con .multishadow-bar .single-skill-bar.color-9 .skill-bar {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(53, 237, 126, 0.25);
  box-shadow: 0px 0px 20px 0px rgba(53, 237, 126, 0.25);
}

.ekit-wid-con .multishadow-bar .single-skill-bar.color-10 .skill-bar {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(148, 96, 255, 0.25);
  box-shadow: 0px 0px 20px 0px rgba(148, 96, 255, 0.25);
}

.ekit-wid-con .gradient-bar .single-skill-bar.color-1 .skill-track {
  background-color: #07b787;
  background: -webkit-gradient(linear, right top, left top, color-stop(35%, #07b787), to(#7ed500));
  background: -webkit-linear-gradient(right, #07b787 35%, #7ed500 100%);
  background: -o-linear-gradient(right, #07b787 35%, #7ed500 100%);
  background: linear-gradient(270deg, #07b787 35%, #7ed500 100%);
}

.ekit-wid-con .gradient-bar .single-skill-bar.color-2 .skill-track {
  background-color: #fad470;
  background: -webkit-gradient(linear, right top, left top, color-stop(35%, #fad470), to(#f96933));
  background: -webkit-linear-gradient(right, #fad470 35%, #f96933 100%);
  background: -o-linear-gradient(right, #fad470 35%, #f96933 100%);
  background: linear-gradient(270deg, #fad470 35%, #f96933 100%);
}

.ekit-wid-con .gradient-bar .single-skill-bar.color-3 .skill-track {
  background-color: #03cffc;
  background: -webkit-gradient(linear, right top, left top, color-stop(35%, #03cffc), to(#53f8a2));
  background: -webkit-linear-gradient(right, #03cffc 35%, #53f8a2 100%);
  background: -o-linear-gradient(right, #03cffc 35%, #53f8a2 100%);
  background: linear-gradient(270deg, #03cffc 35%, #53f8a2 100%);
}

.ekit-wid-con .gradient-bar .single-skill-bar.color-4 .skill-track {
  background-color: #f2709c;
  background: -webkit-gradient(linear, right top, left top, color-stop(35%, #f2709c), to(#fe8f75));
  background: -webkit-linear-gradient(right, #f2709c 35%, #fe8f75 100%);
  background: -o-linear-gradient(right, #f2709c 35%, #fe8f75 100%);
  background: linear-gradient(270deg, #f2709c 35%, #fe8f75 100%);
}

.ekit-wid-con .dark-bar .single-skill-bar .skill-bar {
  background-color: #333333;
}

.ekit-wid-con .track-color2 .single-skill-bar .skill-bar {
  background-color: #e7e7e7;
}

.ekit-wid-con .tooltip-style .single-skill-bar .number-percentage-wraper {
  color: #FFFFFF;
  height: 30px;
  padding: 0 10px;
  z-index: 1;
  text-align: center;
  right: calc(0% - 22px);
  top: -30px;
}

.ekit-wid-con .tooltip-style .single-skill-bar .number-percentage-wraper .svg-content {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  fill: #333333;
  height: 100%;
  width: 100%;
}

.ekit-wid-con .tooltip-style .single-skill-bar.color-1 .svg-content > svg {
  fill: #ff3984;
}

.ekit-wid-con .tooltip-style .single-skill-bar.color-2 .svg-content > svg {
  fill: #cc24fc;
}

.ekit-wid-con .tooltip-style .single-skill-bar.color-3 .svg-content > svg {
  fill: #00e49a;
}

.ekit-wid-con .tooltip-style .single-skill-bar.color-4 .svg-content > svg {
  fill: #4285f4;
}

.ekit-wid-con .tooltip-style .single-skill-bar.color-5 .svg-content > svg {
  fill: #7ed500;
}

.ekit-wid-con .tooltip-style .single-skill-bar.color-6 .svg-content > svg {
  fill: #f96933;
}

.ekit-wid-con .tooltip-style .single-skill-bar.color-7 .svg-content > svg {
  fill: #53f8a2;
}

.ekit-wid-con .tooltip-style .single-skill-bar.color-8 .svg-content > svg {
  fill: #fe8f75;
}

.ekit-wid-con .tooltip-style .single-skill-bar.color-9 .svg-content > svg {
  fill: #35ed7e;
}

.ekit-wid-con .tooltip-style .single-skill-bar.color-10 .svg-content > svg {
  fill: #9460ff;
}

.ekit-wid-con .pin-style .single-skill-bar .number-percentage-wraper {
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 50%;
  background-color: #333333;
  color: #FFFFFF;
  text-align: center;
  font-size: 13px;
  right: calc(0% - 15.5px);
  top: -39.9px;
}

.ekit-wid-con .pin-style .single-skill-bar .number-percentage-wraper::before {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 3px;
  height: 5px;
  background-color: #333333;
}

.ekit-wid-con .pin-style .single-skill-bar.color-1 .number-percentage-wraper {
  background-color: #ff3984;
}

.ekit-wid-con .pin-style .single-skill-bar.color-1 .number-percentage-wraper::before {
  background-color: #ff3984;
}

.ekit-wid-con .pin-style .single-skill-bar.color-2 .number-percentage-wraper {
  background-color: #cc24fc;
}

.ekit-wid-con .pin-style .single-skill-bar.color-2 .number-percentage-wraper::before {
  background-color: #cc24fc;
}

.ekit-wid-con .pin-style .single-skill-bar.color-3 .number-percentage-wraper {
  background-color: #00e49a;
}

.ekit-wid-con .pin-style .single-skill-bar.color-3 .number-percentage-wraper::before {
  background-color: #00e49a;
}

.ekit-wid-con .pin-style .single-skill-bar.color-4 .number-percentage-wraper {
  background-color: #4285f4;
}

.ekit-wid-con .pin-style .single-skill-bar.color-4 .number-percentage-wraper::before {
  background-color: #4285f4;
}

.ekit-wid-con .pin-style .single-skill-bar.color-5 .number-percentage-wraper {
  background-color: #7ed500;
}

.ekit-wid-con .pin-style .single-skill-bar.color-5 .number-percentage-wraper::before {
  background-color: #7ed500;
}

.ekit-wid-con .pin-style .single-skill-bar.color-6 .number-percentage-wraper {
  background-color: #f96933;
}

.ekit-wid-con .pin-style .single-skill-bar.color-6 .number-percentage-wraper::before {
  background-color: #f96933;
}

.ekit-wid-con .pin-style .single-skill-bar.color-7 .number-percentage-wraper {
  background-color: #53f8a2;
}

.ekit-wid-con .pin-style .single-skill-bar.color-7 .number-percentage-wraper::before {
  background-color: #53f8a2;
}

.ekit-wid-con .pin-style .single-skill-bar.color-8 .number-percentage-wraper {
  background-color: #fe8f75;
}

.ekit-wid-con .pin-style .single-skill-bar.color-8 .number-percentage-wraper::before {
  background-color: #fe8f75;
}

.ekit-wid-con .pin-style .single-skill-bar.color-9 .number-percentage-wraper {
  background-color: #35ed7e;
}

.ekit-wid-con .pin-style .single-skill-bar.color-9 .number-percentage-wraper::before {
  background-color: #35ed7e;
}

.ekit-wid-con .pin-style .single-skill-bar.color-10 .number-percentage-wraper {
  background-color: #9460ff;
}

.ekit-wid-con .pin-style .single-skill-bar.color-10 .number-percentage-wraper::before {
  background-color: #9460ff;
}

.ekit-wid-con .tooltip-style2 .single-skill-bar .number-percentage-wraper {
  height: 22px;
  padding: 0 8px;
  background-color: #333333;
  text-align: center;
  font-size: 13px;
  color: #FFFFFF;
  z-index: 1;
  right: -20px;
  top: -31px;
}

.ekit-wid-con .tooltip-style2 .single-skill-bar .number-percentage-wraper::before {
  position: absolute;
  content: "";
  bottom: -6px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  width: 14px;
  height: 14px;
  background-color: inherit;
  z-index: -1;
}

.ekit-wid-con .tooltip-style2 .single-skill-bar.color-1 .number-percentage-wraper {
  background-color: #ff3984;
}

.ekit-wid-con .tooltip-style2 .single-skill-bar.color-2 .number-percentage-wraper {
  background-color: #cc24fc;
}

.ekit-wid-con .tooltip-style2 .single-skill-bar.color-3 .number-percentage-wraper {
  background-color: #00e49a;
}

.ekit-wid-con .tooltip-style2 .single-skill-bar.color-4 .number-percentage-wraper {
  background-color: #4285f4;
}

.ekit-wid-con .tooltip-style2 .single-skill-bar.color-5 .number-percentage-wraper {
  background-color: #7ed500;
}

.ekit-wid-con .tooltip-style2 .single-skill-bar.color-6 .number-percentage-wraper {
  background-color: #f96933;
}

.ekit-wid-con .tooltip-style2 .single-skill-bar.color-7 .number-percentage-wraper {
  background-color: #53f8a2;
}

.ekit-wid-con .tooltip-style2 .single-skill-bar.color-8 .number-percentage-wraper {
  background-color: #fe8f75;
}

.ekit-wid-con .tooltip-style2 .single-skill-bar.color-9 .number-percentage-wraper {
  background-color: #35ed7e;
}

.ekit-wid-con .tooltip-style2 .single-skill-bar.color-10 .number-percentage-wraper {
  background-color: #9460ff;
}

.ekit-wid-con .tooltip-style3 .single-skill-bar .number-percentage-wraper {
  height: 24px;
  line-height: 24px;
  display: inline-block;
  color: #FFFFFF;
  font-size: 13px;
  background-color: #333333;
  text-align: center;
  padding: 0 11px;
  border-radius: 4.32px;
  border-bottom-right-radius: 0px;
}

.ekit-wid-con .tooltip-style3 .single-skill-bar .number-percentage-wraper::before {
  position: absolute;
  content: "";
  right: 0;
  bottom: -8px;
  color: #333333;
  border-top: solid currentColor;
  border-right: solid currentColor;
  border-left: solid transparent;
  border-bottom: solid transparent;
  border-width: 4px;
}

.ekit-wid-con .tooltip-style3 .single-skill-bar.color-1 .number-percentage-wraper {
  background-color: #ff3984;
}

.ekit-wid-con .tooltip-style3 .single-skill-bar.color-1 .number-percentage-wraper::before {
  color: #ff3984;
}

.ekit-wid-con .tooltip-style3 .single-skill-bar.color-2 .number-percentage-wraper {
  background-color: #cc24fc;
}

.ekit-wid-con .tooltip-style3 .single-skill-bar.color-2 .number-percentage-wraper::before {
  color: #cc24fc;
}

.ekit-wid-con .tooltip-style3 .single-skill-bar.color-3 .number-percentage-wraper {
  background-color: #00e49a;
}

.ekit-wid-con .tooltip-style3 .single-skill-bar.color-3 .number-percentage-wraper::before {
  color: #00e49a;
}

.ekit-wid-con .tooltip-style3 .single-skill-bar.color-4 .number-percentage-wraper {
  background-color: #4285f4;
}

.ekit-wid-con .tooltip-style3 .single-skill-bar.color-4 .number-percentage-wraper::before {
  color: #4285f4;
}

.ekit-wid-con .tooltip-style3 .single-skill-bar.color-5 .number-percentage-wraper {
  background-color: #7ed500;
}

.ekit-wid-con .tooltip-style3 .single-skill-bar.color-5 .number-percentage-wraper::before {
  color: #7ed500;
}

.ekit-wid-con .tooltip-style3 .single-skill-bar.color-6 .number-percentage-wraper {
  background-color: #f96933;
}

.ekit-wid-con .tooltip-style3 .single-skill-bar.color-6 .number-percentage-wraper::before {
  color: #f96933;
}

.ekit-wid-con .tooltip-style3 .single-skill-bar.color-7 .number-percentage-wraper {
  background-color: #53f8a2;
}

.ekit-wid-con .tooltip-style3 .single-skill-bar.color-7 .number-percentage-wraper::before {
  color: #53f8a2;
}

.ekit-wid-con .tooltip-style3 .single-skill-bar.color-8 .number-percentage-wraper {
  background-color: #fe8f75;
}

.ekit-wid-con .tooltip-style3 .single-skill-bar.color-8 .number-percentage-wraper::before {
  color: #fe8f75;
}

.ekit-wid-con .tooltip-style3 .single-skill-bar.color-9 .number-percentage-wraper {
  background-color: #35ed7e;
}

.ekit-wid-con .tooltip-style3 .single-skill-bar.color-9 .number-percentage-wraper::before {
  color: #35ed7e;
}

.ekit-wid-con .tooltip-style3 .single-skill-bar.color-10 .number-percentage-wraper {
  background-color: #9460ff;
}

.ekit-wid-con .tooltip-style3 .single-skill-bar.color-10 .number-percentage-wraper::before {
  color: #9460ff;
}

.ekit-wid-con .style-switch .single-skill-bar .skill-bar-content {
  margin-bottom: 18px;
}

.ekit-wid-con .style-switch .single-skill-bar .content-group {
  width: calc(100% - 50px);
  display: inline-block;
}

.ekit-wid-con .style-switch .single-skill-bar .number-percentage-wraper {
  float: right;
  position: relative;
  top: 31px;
}

.ekit-wid-con .style-switch .single-skill-bar .skill-track::before, .ekit-wid-con .style-switch .single-skill-bar .skill-track::after {
  position: absolute;
  content: "";
  right: 0;
  border-radius: 50%;
  color: #333333;
}

.ekit-wid-con .style-switch .single-skill-bar .skill-track::before {
  top: -12.5px;
  width: 25px;
  height: 25px;
  background-color: #FFFFFF;
  border: 1px solid currentColor;
  -webkit-box-shadow: -1.216px 6.894px 15px 0px rgba(0, 0, 0, 0.07), inset 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: -1.216px 6.894px 15px 0px rgba(0, 0, 0, 0.07), inset 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
}

.ekit-wid-con .style-switch .single-skill-bar .skill-track::after {
  width: 8px;
  height: 8px;
  background-color: currentColor;
  top: -3px;
  right: 8px;
}

.ekit-wid-con .style-switch .single-skill-bar.color-1 .skill-track::before, .ekit-wid-con .style-switch .single-skill-bar.color-1 .skill-track::after {
  color: #ff3984;
}

.ekit-wid-con .style-switch .single-skill-bar.color-2 .skill-track::before, .ekit-wid-con .style-switch .single-skill-bar.color-2 .skill-track::after {
  color: #cc24fc;
}

.ekit-wid-con .style-switch .single-skill-bar.color-3 .skill-track::before, .ekit-wid-con .style-switch .single-skill-bar.color-3 .skill-track::after {
  color: #00e49a;
}

.ekit-wid-con .style-switch .single-skill-bar.color-4 .skill-track::before, .ekit-wid-con .style-switch .single-skill-bar.color-4 .skill-track::after {
  color: #4285f4;
}

.ekit-wid-con .style-switch .single-skill-bar.color-5 .skill-track::before, .ekit-wid-con .style-switch .single-skill-bar.color-5 .skill-track::after {
  color: #7ed500;
}

.ekit-wid-con .style-switch .single-skill-bar.color-6 .skill-track::before, .ekit-wid-con .style-switch .single-skill-bar.color-6 .skill-track::after {
  color: #f96933;
}

.ekit-wid-con .style-switch .single-skill-bar.color-7 .skill-track::before, .ekit-wid-con .style-switch .single-skill-bar.color-7 .skill-track::after {
  color: #53f8a2;
}

.ekit-wid-con .style-switch .single-skill-bar.color-8 .skill-track::before, .ekit-wid-con .style-switch .single-skill-bar.color-8 .skill-track::after {
  color: #fe8f75;
}

.ekit-wid-con .style-switch .single-skill-bar.color-9 .skill-track::before, .ekit-wid-con .style-switch .single-skill-bar.color-9 .skill-track::after {
  color: #35ed7e;
}

.ekit-wid-con .style-switch .single-skill-bar.color-10 .skill-track::before, .ekit-wid-con .style-switch .single-skill-bar.color-10 .skill-track::after {
  color: #9460ff;
}

.ekit-wid-con .multishadow-track .single-skill-bar.color-1 .skill-track {
  -webkit-box-shadow: 0px 10px 20px 0px rgba(255, 57, 132, 0.4);
  box-shadow: 0px 10px 20px 0px rgba(255, 57, 132, 0.4);
}

.ekit-wid-con .multishadow-track .single-skill-bar.color-2 .skill-track {
  -webkit-box-shadow: 0px 10px 20px 0px rgba(204, 36, 252, 0.4);
  box-shadow: 0px 10px 20px 0px rgba(204, 36, 252, 0.4);
}

.ekit-wid-con .multishadow-track .single-skill-bar.color-3 .skill-track {
  -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 228, 154, 0.4);
  box-shadow: 0px 10px 20px 0px rgba(0, 228, 154, 0.4);
}

.ekit-wid-con .multishadow-track .single-skill-bar.color-4 .skill-track {
  -webkit-box-shadow: 0px 10px 20px 0px rgba(66, 133, 244, 0.4);
  box-shadow: 0px 10px 20px 0px rgba(66, 133, 244, 0.4);
}

.ekit-wid-con .multishadow-track .single-skill-bar.color-5 .skill-track {
  -webkit-box-shadow: 0px 10px 20px 0px rgba(126, 213, 0, 0.4);
  box-shadow: 0px 10px 20px 0px rgba(126, 213, 0, 0.4);
}

.ekit-wid-con .multishadow-track .single-skill-bar.color-6 .skill-track {
  -webkit-box-shadow: 0px 10px 20px 0px rgba(249, 105, 51, 0.4);
  box-shadow: 0px 10px 20px 0px rgba(249, 105, 51, 0.4);
}

.ekit-wid-con .multishadow-track .single-skill-bar.color-7 .skill-track {
  -webkit-box-shadow: 0px 10px 20px 0px rgba(83, 248, 162, 0.4);
  box-shadow: 0px 10px 20px 0px rgba(83, 248, 162, 0.4);
}

.ekit-wid-con .multishadow-track .single-skill-bar.color-8 .skill-track {
  -webkit-box-shadow: 0px 10px 20px 0px rgba(254, 143, 117, 0.4);
  box-shadow: 0px 10px 20px 0px rgba(254, 143, 117, 0.4);
}

.ekit-wid-con .multishadow-track .single-skill-bar.color-9 .skill-track {
  -webkit-box-shadow: 0px 10px 20px 0px rgba(53, 237, 126, 0.4);
  box-shadow: 0px 10px 20px 0px rgba(53, 237, 126, 0.4);
}

.ekit-wid-con .multishadow-track .single-skill-bar.color-10 .skill-track {
  -webkit-box-shadow: 0px 10px 20px 0px rgba(148, 96, 255, 0.4);
  box-shadow: 0px 10px 20px 0px rgba(148, 96, 255, 0.4);
}

.ekit-wid-con .style-stripe .single-skill-bar .skill-track {
  background: -webkit-repeating-linear-gradient(left, #333333, #333333 4px, #FFFFFF 4px, #FFFFFF 8px);
  background: -o-repeating-linear-gradient(left, #333333, #333333 4px, #FFFFFF 4px, #FFFFFF 8px);
  background: repeating-linear-gradient(to right, #333333, #333333 4px, #FFFFFF 4px, #FFFFFF 8px);
}

.ekit-wid-con .style-stripe .single-skill-bar.color-1 .skill-track {
  background: -webkit-repeating-linear-gradient(left, #ff3984, #ff3984 4px, #FFFFFF 4px, #FFFFFF 8px);
  background: -o-repeating-linear-gradient(left, #ff3984, #ff3984 4px, #FFFFFF 4px, #FFFFFF 8px);
  background: repeating-linear-gradient(to right, #ff3984, #ff3984 4px, #FFFFFF 4px, #FFFFFF 8px);
}

.ekit-wid-con .style-stripe .single-skill-bar.color-2 .skill-track {
  background: -webkit-repeating-linear-gradient(left, #cc24fc, #cc24fc 4px, #FFFFFF 4px, #FFFFFF 8px);
  background: -o-repeating-linear-gradient(left, #cc24fc, #cc24fc 4px, #FFFFFF 4px, #FFFFFF 8px);
  background: repeating-linear-gradient(to right, #cc24fc, #cc24fc 4px, #FFFFFF 4px, #FFFFFF 8px);
}

.ekit-wid-con .style-stripe .single-skill-bar.color-3 .skill-track {
  background: -webkit-repeating-linear-gradient(left, #00e49a, #00e49a 4px, #FFFFFF 4px, #FFFFFF 8px);
  background: -o-repeating-linear-gradient(left, #00e49a, #00e49a 4px, #FFFFFF 4px, #FFFFFF 8px);
  background: repeating-linear-gradient(to right, #00e49a, #00e49a 4px, #FFFFFF 4px, #FFFFFF 8px);
}

.ekit-wid-con .style-stripe .single-skill-bar.color-4 .skill-track {
  background: -webkit-repeating-linear-gradient(left, #4285f4, #4285f4 4px, #FFFFFF 4px, #FFFFFF 8px);
  background: -o-repeating-linear-gradient(left, #4285f4, #4285f4 4px, #FFFFFF 4px, #FFFFFF 8px);
  background: repeating-linear-gradient(to right, #4285f4, #4285f4 4px, #FFFFFF 4px, #FFFFFF 8px);
}

.ekit-wid-con .style-stripe .single-skill-bar.color-5 .skill-track {
  background: -webkit-repeating-linear-gradient(left, #7ed500, #7ed500 4px, #FFFFFF 4px, #FFFFFF 8px);
  background: -o-repeating-linear-gradient(left, #7ed500, #7ed500 4px, #FFFFFF 4px, #FFFFFF 8px);
  background: repeating-linear-gradient(to right, #7ed500, #7ed500 4px, #FFFFFF 4px, #FFFFFF 8px);
}

.ekit-wid-con .style-stripe .single-skill-bar.color-6 .skill-track {
  background: -webkit-repeating-linear-gradient(left, #f96933, #f96933 4px, #FFFFFF 4px, #FFFFFF 8px);
  background: -o-repeating-linear-gradient(left, #f96933, #f96933 4px, #FFFFFF 4px, #FFFFFF 8px);
  background: repeating-linear-gradient(to right, #f96933, #f96933 4px, #FFFFFF 4px, #FFFFFF 8px);
}

.ekit-wid-con .style-stripe .single-skill-bar.color-7 .skill-track {
  background: -webkit-repeating-linear-gradient(left, #53f8a2, #53f8a2 4px, #FFFFFF 4px, #FFFFFF 8px);
  background: -o-repeating-linear-gradient(left, #53f8a2, #53f8a2 4px, #FFFFFF 4px, #FFFFFF 8px);
  background: repeating-linear-gradient(to right, #53f8a2, #53f8a2 4px, #FFFFFF 4px, #FFFFFF 8px);
}

.ekit-wid-con .style-stripe .single-skill-bar.color-8 .skill-track {
  background: -webkit-repeating-linear-gradient(left, #fe8f75, #fe8f75 4px, #FFFFFF 4px, #FFFFFF 8px);
  background: -o-repeating-linear-gradient(left, #fe8f75, #fe8f75 4px, #FFFFFF 4px, #FFFFFF 8px);
  background: repeating-linear-gradient(to right, #fe8f75, #fe8f75 4px, #FFFFFF 4px, #FFFFFF 8px);
}

.ekit-wid-con .style-stripe .single-skill-bar.color-9 .skill-track {
  background: -webkit-repeating-linear-gradient(left, #35ed7e, #35ed7e 4px, #FFFFFF 4px, #FFFFFF 8px);
  background: -o-repeating-linear-gradient(left, #35ed7e, #35ed7e 4px, #FFFFFF 4px, #FFFFFF 8px);
  background: repeating-linear-gradient(to right, #35ed7e, #35ed7e 4px, #FFFFFF 4px, #FFFFFF 8px);
}

.ekit-wid-con .style-stripe .single-skill-bar.color-10 .skill-track {
  background: -webkit-repeating-linear-gradient(left, #9460ff, #9460ff 4px, #FFFFFF 4px, #FFFFFF 8px);
  background: -o-repeating-linear-gradient(left, #9460ff, #9460ff 4px, #FFFFFF 4px, #FFFFFF 8px);
  background: repeating-linear-gradient(to right, #9460ff, #9460ff 4px, #FFFFFF 4px, #FFFFFF 8px);
}

.ekit-wid-con .style-ribbon .single-skill-bar .number-percentage-wraper {
  height: 35px;
  line-height: 35px;
  color: #FFFFFF;
  background-color: #333333;
  text-align: center;
  padding: 0 8px;
  top: -10px;
  z-index: 1;
}

.ekit-wid-con .style-ribbon .single-skill-bar .number-percentage-wraper:before {
  position: absolute;
  content: "";
  top: 0;
  left: -10px;
  color: #1a1a1a;
  border-top: solid #FFFFFF;
  border-left: solid #FFFFFF;
  border-right: solid currentColor;
  border-bottom: solid currentColor;
  border-width: 5px;
}

.ekit-wid-con .style-ribbon .single-skill-bar.color-1 .number-percentage-wraper {
  background-color: #cc2e6a;
}

.ekit-wid-con .style-ribbon .single-skill-bar.color-1 .number-percentage-wraper::before {
  color: #801d42;
}

.ekit-wid-con .style-ribbon .single-skill-bar.color-2 .number-percentage-wraper {
  background-color: #a31dca;
}

.ekit-wid-con .style-ribbon .single-skill-bar.color-2 .number-percentage-wraper::before {
  color: #66127e;
}

.ekit-wid-con .style-ribbon .single-skill-bar.color-3 .number-percentage-wraper {
  background-color: #00b67b;
}

.ekit-wid-con .style-ribbon .single-skill-bar.color-3 .number-percentage-wraper::before {
  color: #00724d;
}

.ekit-wid-con .style-ribbon .single-skill-bar.color-4 .number-percentage-wraper {
  background-color: #356ac3;
}

.ekit-wid-con .style-ribbon .single-skill-bar.color-4 .number-percentage-wraper::before {
  color: #21437a;
}

.ekit-wid-con .style-ribbon .single-skill-bar.color-5 .number-percentage-wraper {
  background-color: #65aa00;
}

.ekit-wid-con .style-ribbon .single-skill-bar.color-5 .number-percentage-wraper::before {
  color: #3f6b00;
}

.ekit-wid-con .style-ribbon .single-skill-bar.color-6 .number-percentage-wraper {
  background-color: #c75429;
}

.ekit-wid-con .style-ribbon .single-skill-bar.color-6 .number-percentage-wraper::before {
  color: #7d351a;
}

.ekit-wid-con .style-ribbon .single-skill-bar.color-7 .number-percentage-wraper {
  background-color: #42c682;
}

.ekit-wid-con .style-ribbon .single-skill-bar.color-7 .number-percentage-wraper::before {
  color: #2a7c51;
}

.ekit-wid-con .style-ribbon .single-skill-bar.color-8 .number-percentage-wraper {
  background-color: #cb725e;
}

.ekit-wid-con .style-ribbon .single-skill-bar.color-8 .number-percentage-wraper::before {
  color: #7f483b;
}

.ekit-wid-con .style-ribbon .single-skill-bar.color-9 .number-percentage-wraper {
  background-color: #2abe65;
}

.ekit-wid-con .style-ribbon .single-skill-bar.color-9 .number-percentage-wraper::before {
  color: #1b773f;
}

.ekit-wid-con .style-ribbon .single-skill-bar.color-10 .number-percentage-wraper {
  background-color: #764dcc;
}

.ekit-wid-con .style-ribbon .single-skill-bar.color-10 .number-percentage-wraper::before {
  color: #4a3080;
}

.ekit-wid-con .bar-color3 .single-skill-bar .skill-bar {
  background-color: rgba(255, 57, 132, 0.07);
}

.ekit-wid-con .elementskit-funfact {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
  z-index: 2;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.ekit-wid-con .elementskit-funfact .funfact-content {
  line-height: 1;
}

.ekit-wid-con .elementskit-funfact .funfact-content .number-percentage-wraper {
  font-size: 28px;
  font-weight: 700;
  color: #333333;
}

.ekit-wid-con .elementskit-funfact .funfact-content .icon,
.ekit-wid-con .elementskit-funfact .funfact-content .fa {
  font-size: 25px;
  padding-right: 5px;
}

.ekit-wid-con .elementskit-funfact .elementskit-funfact-icon {
  display: inline-block;
}

.ekit-wid-con .elementskit-funfact .funfact-title {
  color: gray;
  font-size: 15px;
  margin-bottom: 0px;
  font-weight: 400;
}

.ekit-wid-con .elementskit-funfact .funfact-title.black-v {
  color: #000000;
}

.ekit-wid-con .elementskit-funfact .super {
  font-size: 22px;
  color: #2575fc;
  vertical-align: super;
  position: relative;
  top: -5px;
}

.ekit-wid-con .elementskit-funfact .color-1 .icon,
.ekit-wid-con .elementskit-funfact .color-1 .fa,
.ekit-wid-con .elementskit-funfact .color-1 .super {
  color: #9460ff;
}

.ekit-wid-con .elementskit-funfact .color-2 .icon,
.ekit-wid-con .elementskit-funfact .color-2 .fa,
.ekit-wid-con .elementskit-funfact .color-2 .super {
  color: #fc5290;
}

.ekit-wid-con .elementskit-funfact .color-3 .icon,
.ekit-wid-con .elementskit-funfact .color-3 .fa,
.ekit-wid-con .elementskit-funfact .color-3 .super {
  color: #09b2a0;
}

.ekit-wid-con .elementskit-funfact .xs-overlay {
  z-index: -1;
  opacity: .7;
  pointer-events: none;
}

.ekit-wid-con .elementskit-funfact.divider_funfact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ekit-wid-con .elementskit-funfact.divider_funfact .elementskit-funfact-inner {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.ekit-wid-con .elementskit-funfact.divider_funfact.position_center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ekit-wid-con .elementskit-funfact.divider_funfact.position_bottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.ekit-wid-con .funfact-group.small-gutters.row {
  margin-left: -6px;
  margin-right: -6px;
}

.ekit-wid-con .funfact-group.small-gutters.row > [class^="col"] {
  padding-left: 3px;
  padding-right: 3px;
}

.ekit-wid-con .box-shadow .elementskit-funfact {
  -webkit-box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
}

.ekit-wid-con .funfact-style2 .elementskit-funfact {
  background-color: #FFFFFF;
  padding: 60px 10px;
}

.ekit-wid-con .funfact-style2 .elementskit-funfact:hover {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}

.ekit-wid-con .style-radius .elementskit-funfact {
  border-radius: 20px;
}

.ekit-wid-con .style-border .elementskit-funfact {
  border: 2px solid #53f995;
}

.ekit-wid-con .style-border-bottom.elementskit-funfact::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 5px;
  width: 100%;
  z-index: 1;
  background-color: #53f995;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition: -webkit-transform 300ms ease;
  transition: -webkit-transform 300ms ease;
  -o-transition: transform 300ms ease;
  transition: transform 300ms ease;
  transition: transform 300ms ease, -webkit-transform 300ms ease;
}

.ekit-wid-con .style-border-bottom.elementskit-funfact:hover::before {
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}

.ekit-wid-con .style-border-bottom.elementskit-funfact.hover_from_left::before {
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

.ekit-wid-con .style-border-bottom.elementskit-funfact.hover_from_left:hover::before {
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
}

.ekit-wid-con .style-border-bottom.border-bottom-style2 .elementskit-funfact::before {
  background-color: #2575fc;
}

.ekit-wid-con .funfact-modern.elementskit-funfact::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 2px;
  height: 30px;
  background-color: #e7e7e7;
}

.ekit-wid-con .funfact-modern.position_bottom::before {
  top: auto;
  bottom: 0;
}

.ekit-wid-con .funfact-modern.position_center::before {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.ekit-wid-con .funfact-modern.border_right_side::before {
  right: auto;
  left: 0;
}

.ekit-wid-con .funfact-style3 .elementskit-funfact .funfact-title {
  color: #2575fc;
}

.ekit-wid-con .funfact-style3 .elementskit-funfact .funfact-title.black-v {
  color: #000000;
}

.ekit-wid-con .funfact-style3 .elementskit-funfact .funfact-content .number-percentage-wraper {
  font-size: 48px;
}

.ekit-wid-con .funfact-style3 .elementskit-funfact .funfact-content .icon,
.ekit-wid-con .funfact-style3 .elementskit-funfact .funfact-content .fa {
  font-size: 38px;
}

.ekit-wid-con .funfact-style3.funfact-white-v .elementskit-funfact .funfact-title {
  color: #FFFFFF;
}

.ekit-wid-con .funfact-style3.funfact-white-v .elementskit-funfact .super {
  color: #FFFFFF;
}

.ekit-wid-con .modern-style2 .elementskit-funfact {
  background-color: #FFFFFF;
  -webkit-box-shadow: 19.799px 19.799px 40px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 19.799px 19.799px 40px 0px rgba(0, 0, 0, 0.1);
  padding: 36px 0;
}

.ekit-wid-con .modern-style3 .elementskit-funfact {
  padding-left: 60px;
  padding-top: 75px;
  padding-bottom: 75px;
}

.ekit-wid-con .style-large .elementskit-funfact {
  padding-left: 26px;
}

.ekit-wid-con .style-large .elementskit-funfact .number-percentage-wraper {
  font-size: 48px;
}

.ekit-wid-con .style-large .elementskit-funfact .super {
  color: #333333;
}

.ekit-wid-con .style-large .elementskit-funfact .funfact-title {
  color: #333333;
}

.ekit-wid-con .style-large.funfact-white-v .elementskit-funfact .super {
  color: #FFFFFF;
}

.ekit-wid-con .style-large.funfact-white-v .elementskit-funfact .funfact-title {
  color: #FFFFFF;
}

.ekit-wid-con .funfact-white-v .vertical-bar {
  background-color: #FFFFFF;
}

.ekit-wid-con .vertical-bar {
  width: 3px;
  height: 20px;
  background-color: #2575fc;
  display: inline-block;
  float: left;
}

.ekit-wid-con .vertical-bar.border_left_side {
  float: right;
}

.ekit-wid-con .modern-style4 .elementskit-funfact {
  background-color: #FFFFFF;
  padding: 55px 57px;
}

.ekit-wid-con .modern-style4 .elementskit-funfact .funfact-content {
  display: inline-block;
}

.ekit-wid-con .style-transparent .elementskit-funfact {
  background-color: rgba(255, 255, 255, 0.15);
}

.ekit-wid-con .border-bottom-style2 .elementskit-funfact .funfact-content .number-percentage-wraper {
  font-size: 48px;
}

.ekit-wid-con .active-border-bottom .elementskit-funfact {
  border-bottom: 3px solid rgba(0, 0, 0, 0.2);
}

.ekit-wid-con .elementskit-funfact.gradient-1 {
  background-color: #f2709c;
  background: -webkit-linear-gradient(125deg, #f2709c 0%, #fe8f75 100%);
  background: -o-linear-gradient(125deg, #f2709c 0%, #fe8f75 100%);
  background: linear-gradient(-35deg, #f2709c 0%, #fe8f75 100%);
}

.ekit-wid-con .elementskit-funfact.gradient-2 {
  background-color: #b18cfe;
  background: -webkit-linear-gradient(125deg, #b18cfe 0%, #9460ff 100%);
  background: -o-linear-gradient(125deg, #b18cfe 0%, #9460ff 100%);
  background: linear-gradient(-35deg, #b18cfe 0%, #9460ff 100%);
}

.ekit-wid-con .elementskit-funfact.gradient-3 {
  background-color: #82e182;
  background: -webkit-linear-gradient(125deg, #82e182 0%, #0acbf5 100%);
  background: -o-linear-gradient(125deg, #82e182 0%, #0acbf5 100%);
  background: linear-gradient(-35deg, #82e182 0%, #0acbf5 100%);
}

.ekit-wid-con .elementskit-funfact.gradient-4 {
  background-color: #07b787;
  background: -webkit-linear-gradient(125deg, #07b787 0%, #7ed500 100%);
  background: -o-linear-gradient(125deg, #07b787 0%, #7ed500 100%);
  background: linear-gradient(-35deg, #07b787 0%, #7ed500 100%);
}

.ekit-wid-con .elementskit-funfact.divider_funfact.text-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ekit-wid-con .elementskit-funfact.divider_funfact.text-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.ekit-wid-con .ekit-single-piechart .piechart {
  position: relative;
  display: inline-block;
}

.ekit-wid-con .ekit-single-piechart .piechart .ekit-chart-content {
  position: absolute;
  top: 47%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
  display: inline-block;
}

.ekit-wid-con .flip-card {
  position: relative;
  max-height: 280px;
  overflow: hidden;
  color: #FFFFFF;
}

.ekit-wid-con .flip-card .back {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding: 15px 50px;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  opacity: 0;
  visibility: hidden;
  background: #f2709c;
  background: -webkit-linear-gradient(125deg, #f2709c 0%, #fe8f75 100%);
  background: -o-linear-gradient(125deg, #f2709c 0%, #fe8f75 100%);
  background: linear-gradient(-35deg, #f2709c 0%, #fe8f75 100%);
}

.ekit-wid-con .flip-card .front,
.ekit-wid-con .flip-card .back {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ekit-wid-con .flip-card:hover .back {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  opacity: 1;
  visibility: visible;
}

.ekit-wid-con .flip-card:hover .front {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 0;
  visibility: hidden;
}

.ekit-wid-con .flip-card .ekit-piechart-title {
  color: #FFFFFF;
}

.ekit-wid-con .elementskit-single-faq {
  position: relative;
  overflow: hidden;
}

.ekit-wid-con .elementskit-single-faq .elementskit-faq-title {
  font-size: 15px;
  margin-bottom: 0px;
}

.ekit-wid-con .elementskit-single-faq .elementskit-faq-header {
  background-color: #f5f5f5;
  padding-top: 21px;
  padding-bottom: 21px;
}

.ekit-wid-con .elementskit-image-comparison {
  z-index: 3;
}

.ekit-wid-con .elementskit-image-comparison > img {
  width: 100%;
}

.ekit-wid-con .elementskit-image-comparison .twentytwenty-handle {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #FFFFFF;
}

.ekit-wid-con .elementskit-image-comparison .twentytwenty-handle .twentytwenty-left-arrow {
  border-right-color: #000000;
}

.ekit-wid-con .elementskit-image-comparison .twentytwenty-handle .twentytwenty-right-arrow {
  border-left-color: #000000;
}

.ekit-wid-con .single-pricing-lists {
  -webkit-box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
  background-color: #FFFFFF;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .single-pricing-lists.background-v {
  background-repeat: no-repeat;
  background-position: center center;
}

.ekit-wid-con .single-pricing-lists.background-v::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(2, 60, 91, 0.85);
}

.ekit-wid-con .pricing-list-group > li {
  position: relative;
  line-height: 1;
  color: rgba(0, 0, 0, 0.7);
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}

.ekit-wid-con .pricing-list-group > li > i {
  display: inline-block;
  width: 70px;
  height: 70px;
  line-height: 70px;
  border-radius: 50%;
  background-color: #FFFFFF;
  color: #000000;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 70px;
  flex: 0 0 70px;
  text-align: center;
  margin-right: 18px;
  font-size: 30px;
}

.ekit-wid-con .pricing-list-group > li p {
  margin-top: 20px;
}

.ekit-wid-con .pricing-list-group > li .dot-border {
  width: 100%;
  display: inline-block;
  border-bottom: 1px dashed #e7e7e7;
}

.ekit-wid-con .pricing-list-group > li .list-price {
  padding-left: 20px;
}

.ekit-wid-con .pricing-list-group > li .list-title,
.ekit-wid-con .pricing-list-group > li .list-price {
  white-space: nowrap;
}

.ekit-wid-con .content-with-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.ekit-wid-con .content-with-media .text-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.ekit-wid-con .content-with-media > img {
  margin-right: 20px;
}

.ekit-wid-con .content-with-media > i {
  margin-right: 20px;
}

.ekit-wid-con .elementskit-countdown-timer {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /* style border */
  /* thin border */
  /* colorful border */
  /* shadow countdown timer */
  /* colorful background */
  /* style gradient */
  /* multi background image */
  /* multiborder images */
}

.ekit-wid-con .elementskit-countdown-timer .elementskit-timer-container {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
}

.ekit-wid-con .elementskit-countdown-timer .elementskit-inner-container {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background-color: #443aca;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.ekit-wid-con .elementskit-countdown-timer .elementskit-timer-content {
  width: 100%;
}

.ekit-wid-con .elementskit-countdown-timer .elementskit-timer-content > span {
  display: block;
  color: #FFFFFF;
  line-height: 1;
}

.ekit-wid-con .elementskit-countdown-timer .elementskit-timer-count {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 13PX;
}

.ekit-wid-con .elementskit-countdown-timer .elementskit-timer-title {
  font-size: 14px;
  letter-spacing: 2.50px;
}

.ekit-wid-con .elementskit-countdown-timer.elementskit-style-border .elementskit-inner-container {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
  border: 4px solid #333333;
}

.ekit-wid-con .elementskit-countdown-timer.elementskit-style-border .elementskit-timer-content > span {
  color: #333333;
}

.ekit-wid-con .elementskit-countdown-timer.elementskit-thin-border .elementskit-inner-container {
  border: 1px solid #e7e7e7;
}

.ekit-wid-con .elementskit-countdown-timer.elementskit-colorful-border {
  /* thin border */
}

.ekit-wid-con .elementskit-countdown-timer.elementskit-colorful-border .elementskit-timer-container:nth-child(1) .elementskit-inner-container {
  border-color: #1cf196;
}

.ekit-wid-con .elementskit-countdown-timer.elementskit-colorful-border .elementskit-timer-container:nth-child(2) .elementskit-inner-container {
  border-color: #32d6fb;
}

.ekit-wid-con .elementskit-countdown-timer.elementskit-colorful-border .elementskit-timer-container:nth-child(3) .elementskit-inner-container {
  border-color: #fad470;
}

.ekit-wid-con .elementskit-countdown-timer.elementskit-colorful-border .elementskit-timer-container:nth-child(4) .elementskit-inner-container {
  border-color: #b18cfe;
}

.ekit-wid-con .elementskit-countdown-timer.elementskit-colorful-border.elementskit-thin-border .elementskit-timer-container:nth-child(1) .elementskit-timer-count {
  color: #1cf196;
}

.ekit-wid-con .elementskit-countdown-timer.elementskit-colorful-border.elementskit-thin-border .elementskit-timer-container:nth-child(2) .elementskit-timer-count {
  color: #32d6fb;
}

.ekit-wid-con .elementskit-countdown-timer.elementskit-colorful-border.elementskit-thin-border .elementskit-timer-container:nth-child(3) .elementskit-timer-count {
  color: #fad470;
}

.ekit-wid-con .elementskit-countdown-timer.elementskit-colorful-border.elementskit-thin-border .elementskit-timer-container:nth-child(4) .elementskit-timer-count {
  color: #b18cfe;
}

.ekit-wid-con .elementskit-countdown-timer.elementskit-style-shadow .elementskit-inner-container {
  -webkit-box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
}

.ekit-wid-con .elementskit-countdown-timer.elementskit-colorful-bg .elementskit-timer-container:nth-child(1) .elementskit-inner-container {
  background-color: #36a2eb;
}

.ekit-wid-con .elementskit-countdown-timer.elementskit-colorful-bg .elementskit-timer-container:nth-child(2) .elementskit-inner-container {
  background-color: #ffce56;
}

.ekit-wid-con .elementskit-countdown-timer.elementskit-colorful-bg .elementskit-timer-container:nth-child(3) .elementskit-inner-container {
  background-color: #4bc0c0;
}

.ekit-wid-con .elementskit-countdown-timer.elementskit-colorful-bg .elementskit-timer-container:nth-child(4) .elementskit-inner-container {
  background-color: #ff6384;
}

.ekit-wid-con .elementskit-countdown-timer.elementskit-style-gradient .elementskit-inner-container {
  background: #82e182;
  background: -webkit-gradient(linear, left bottom, left top, from(#82e182), to(#0acbf5));
  background: -webkit-linear-gradient(bottom, #82e182 0%, #0acbf5 100%);
  background: -o-linear-gradient(bottom, #82e182 0%, #0acbf5 100%);
  background: linear-gradient(0deg, #82e182 0%, #0acbf5 100%);
}

.ekit-wid-con .elementskit-countdown-timer.elementskit-multi-gradient .elementskit-timer-container .elementskit-inner-container {
  background: #82e182;
  background: -webkit-gradient(linear, left bottom, left top, from(#82e182), to(#0acbf5));
  background: -webkit-linear-gradient(bottom, #82e182 0%, #0acbf5 100%);
  background: -o-linear-gradient(bottom, #82e182 0%, #0acbf5 100%);
  background: linear-gradient(0deg, #82e182 0%, #0acbf5 100%);
}

.ekit-wid-con .elementskit-countdown-timer.elementskit-multi-gradient .elementskit-timer-container:nth-child(2) .elementskit-inner-container {
  background: #b18cfe;
  background: -webkit-gradient(linear, left bottom, left top, from(#b18cfe), to(#9460ff));
  background: -webkit-linear-gradient(bottom, #b18cfe 0%, #9460ff 100%);
  background: -o-linear-gradient(bottom, #b18cfe 0%, #9460ff 100%);
  background: linear-gradient(0deg, #b18cfe 0%, #9460ff 100%);
}

.ekit-wid-con .elementskit-countdown-timer.elementskit-multi-gradient .elementskit-timer-container:nth-child(3) .elementskit-inner-container {
  background: #f2709c;
  background: -webkit-gradient(linear, left bottom, left top, from(#f2709c), to(#fe8f75));
  background: -webkit-linear-gradient(bottom, #f2709c 0%, #fe8f75 100%);
  background: -o-linear-gradient(bottom, #f2709c 0%, #fe8f75 100%);
  background: linear-gradient(0deg, #f2709c 0%, #fe8f75 100%);
}

.ekit-wid-con .elementskit-countdown-timer.elementskit-multi-gradient .elementskit-timer-container:nth-child(4) .elementskit-inner-container {
  background: #07b787;
  background: -webkit-gradient(linear, left bottom, left top, from(#07b787), to(#7ed500));
  background: -webkit-linear-gradient(bottom, #07b787 0%, #7ed500 100%);
  background: -o-linear-gradient(bottom, #07b787 0%, #7ed500 100%);
  background: linear-gradient(0deg, #07b787 0%, #7ed500 100%);
}

.ekit-wid-con .elementskit-countdown-timer.elementskit-multi-bg-image .elementskit-inner-container {
  background-image: url(../images/countdown-timer/countdown-timer-img-1.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

.ekit-wid-con .elementskit-countdown-timer.elementskit-multi-bg-image .elementskit-inner-container .elementskit-timer-content {
  position: relative;
  z-index: 6;
}

.ekit-wid-con .elementskit-countdown-timer.elementskit-multi-bg-image .elementskit-inner-container::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

.ekit-wid-con .elementskit-countdown-timer.elementskit-multi-bg-image .elementskit-timer-container:nth-child(2) .elementskit-inner-container {
  background-image: url(../images/countdown-timer/countdown-timer-img-2.jpg);
}

.ekit-wid-con .elementskit-countdown-timer.elementskit-multi-bg-image .elementskit-timer-container:nth-child(3) .elementskit-inner-container {
  background-image: url(../images/countdown-timer/countdown-timer-img-3.jpg);
}

.ekit-wid-con .elementskit-countdown-timer.elementskit-multi-bg-image .elementskit-timer-container:nth-child(4) .elementskit-inner-container {
  background-image: url(../images/countdown-timer/countdown-timer-img-4.jpg);
}

.ekit-wid-con .elementskit-countdown-timer.elementskit-multi-border-image .elementskit-inner-container {
  background-image: url(../images/countdown-timer/circle-img-1.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: #FFFFFF;
}

.ekit-wid-con .elementskit-countdown-timer.elementskit-multi-border-image .elementskit-timer-container:nth-child(2) .elementskit-inner-container {
  background-image: url(../images/countdown-timer/circle-img-2.png);
}

.ekit-wid-con .elementskit-countdown-timer.elementskit-multi-border-image .elementskit-timer-container:nth-child(3) .elementskit-inner-container {
  background-image: url(../images/countdown-timer/circle-img-3.png);
}

.ekit-wid-con .elementskit-countdown-timer.elementskit-multi-border-image .elementskit-timer-container:nth-child(4) .elementskit-inner-container {
  background-image: url(../images/countdown-timer/circle-img-4.png);
}

.ekit-wid-con .elementskit-countdown-timer.elementskit-multi-border-image .elementskit-timer-content > span {
  color: #333333;
}

.ekit-wid-con .elementskit-countdown-timer-2 {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ekit-wid-con .elementskit-countdown-timer-2 .elementskit-timer-container {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  padding: 0 15px;
}

.ekit-wid-con .elementskit-countdown-timer-2 .elementskit-timer-count {
  background-color: #2575fc;
  display: block;
  height: 107px;
  line-height: 87px;
  color: #FFFFFF;
  font-size: 48px;
  font-weight: 700;
  border-radius: 10px;
}

.ekit-wid-con .elementskit-countdown-timer-2 .elementskit-timer-title {
  display: block;
  height: 40px;
  line-height: 40px;
  border-radius: 10px;
  border: 2px solid #2575fc;
  font-size: 14px;
  letter-spacing: 2.5px;
  font-weight: 700;
  background-color: #FFFFFF;
  margin: 0 auto;
  max-width: 80%;
  margin-top: -20px;
  position: relative;
  z-index: 1;
}

.ekit-wid-con .elementskit-countdown-timer-2.elementskit-style-solid .elementskit-timer-count {
  background-color: #FFFFFF;
  color: #ff5657;
  border: 3px solid currentColor;
}

.ekit-wid-con .elementskit-countdown-timer-2.elementskit-style-solid .elementskit-timer-title {
  color: #FFFFFF;
  border: 0px;
  background-color: #ff5657;
}

.ekit-wid-con .elementskit-countdown-timer-2.elementskit-style-shadow .elementskit-timer-count {
  -webkit-box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
}

.ekit-wid-con .elementskit-countdown-timer-2.elementskit-style-gradient .elementskit-timer-count {
  background: #82e182;
  background: -webkit-linear-gradient(125deg, #82e182 0%, #0acbf5 100%);
  background: -o-linear-gradient(125deg, #82e182 0%, #0acbf5 100%);
  background: linear-gradient(-35deg, #82e182 0%, #0acbf5 100%);
  position: relative;
  border: 0px solid #000;
  z-index: 1;
  color: #333333;
}

.ekit-wid-con .elementskit-countdown-timer-2.elementskit-style-gradient .elementskit-timer-count::before {
  position: absolute;
  content: "";
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  background-color: #FFFFFF;
  border-radius: inherit;
  z-index: -1;
  pointer-events: none;
}

.ekit-wid-con .elementskit-countdown-timer-2.elementskit-style-gradient .elementskit-timer-title {
  background: #82e182;
  background: -webkit-linear-gradient(125deg, #82e182 0%, #0acbf5 100%);
  background: -o-linear-gradient(125deg, #82e182 0%, #0acbf5 100%);
  background: linear-gradient(-35deg, #82e182 0%, #0acbf5 100%);
  border: 0px;
  color: #FFFFFF;
}

.ekit-wid-con .elementskit-countdown-timer-2.elementskit-green-v .elementskit-timer-count,
.ekit-wid-con .elementskit-countdown-timer-2.elementskit-green-v .elementskit-timer-title {
  background-color: transparent;
  color: #1cf196;
  border: 3px solid currentColor;
}

.ekit-wid-con .elementskit-countdown-timer-2.elementskit-green-v .elementskit-timer-title {
  background-color: #222222;
}

.ekit-wid-con .elementskit-countdown-timer-2.elementskit-version-3 .elementskit-timer-count {
  line-height: 96px;
}

.ekit-wid-con .elementskit-countdown-timer-2.elementskit-version-3 .elementskit-timer-title {
  border: 3px solid #FFFFFF;
  margin-left: 0;
  margin-right: 0;
  margin-top: -14px;
}

.ekit-wid-con .elementskit-countdown-timer-2.elementskit-style-primary .elementskit-timer-title {
  color: #2575fc;
  border-color: currentColor;
}

.ekit-wid-con .elementskit-countdown-timer-2.elementskit-boxed-style {
  border: 1px solid #e7e7e7;
  border-radius: 10px;
  padding: 49px 0;
}

.ekit-wid-con .elementskit-countdown-timer-2.elementskit-boxed-style.elementskit-green-v {
  border-color: #1cf196;
}

.ekit-wid-con .elementskit-countdown-timer-2.elementskit-boxed-style.elementskit-green-v .elementskit-timer-container:not(:last-child)::before {
  background-color: #1cf196;
}

.ekit-wid-con .elementskit-countdown-timer-2.elementskit-boxed-style .elementskit-timer-container .elementskit-timer-count {
  margin-bottom: 12px;
}

.ekit-wid-con .elementskit-countdown-timer-2.elementskit-boxed-style .elementskit-timer-container:not(:last-child) {
  position: relative;
}

.ekit-wid-con .elementskit-countdown-timer-2.elementskit-boxed-style .elementskit-timer-container:not(:last-child)::before {
  position: absolute;
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  background-color: #e7e7e7;
  width: 1px;
  height: 30px;
}

.ekit-wid-con .elementskit-countdown-timer-2.elementskit-boxed-style .elementskit-timer-container > span {
  border: 0px solid #000;
  height: auto;
  line-height: normal;
  background-color: transparent;
  margin: 0px;
}

.ekit-wid-con .elementskit-countdown-timer-2.elementskit-boxed-style.elementskit-version-2 {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
}

.ekit-wid-con .elementskit-countdown-timer-2.elementskit-boxed-style.elementskit-version-2 .elementskit-timer-title {
  color: rgba(0, 0, 0, 0.5);
}

.ekit-wid-con .elementskit-countdown-timer-2.elementskit-boxed-style.elementskit-multicolor .elementskit-timer-count {
  color: #5558ed;
}

.ekit-wid-con .elementskit-countdown-timer-2.elementskit-boxed-style.elementskit-multicolor .elementskit-timer-container:nth-child(2) .elementskit-timer-count {
  color: #ffcc03;
}

.ekit-wid-con .elementskit-countdown-timer-2.elementskit-boxed-style.elementskit-multicolor .elementskit-timer-container:nth-child(3) .elementskit-timer-count {
  color: #ff5657;
}

.ekit-wid-con .elementskit-countdown-timer-2.elementskit-boxed-style.elementskit-multicolor .elementskit-timer-container:nth-child(4) .elementskit-timer-count {
  color: #09b2a0;
}

.ekit-wid-con .elementskit-countdown-timer-2.elementskit-boxed-style.elementskit-version-3 {
  border: 0px solid #000;
  border-radius: 0px;
  padding: 0px;
}

.ekit-wid-con .elementskit-countdown-timer-2.elementskit-boxed-style.elementskit-version-3 .elementskit-timer-container:not(:last-child):before {
  content: ":";
  height: auto;
  width: 0;
  font-size: 40px;
  color: #FFFFFF;
}

.ekit-wid-con .elementskit-countdown-timer-3 {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ekit-wid-con .elementskit-countdown-timer-3 .elementskit-timer-container {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  padding: 0 3px;
}

.ekit-wid-con .elementskit-countdown-timer-3 .elementskit-timer-count {
  height: 190px;
  line-height: 190px;
  color: #333333;
  display: block;
  font-size: 48px;
  font-weight: 700;
  position: relative;
  background-color: #FFFFFF;
  z-index: 1;
}

.ekit-wid-con .elementskit-countdown-timer-3 .elementskit-timer-count::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: -webkit-linear-gradient(313deg, white 0%, white 50%, #eaeaea 50%, #e7e7e7 100%);
  background: -o-linear-gradient(313deg, white 0%, white 50%, #eaeaea 50%, #e7e7e7 100%);
  background: linear-gradient(-223deg, white 0%, white 50%, #eaeaea 50%, #e7e7e7 100%);
}

.ekit-wid-con .elementskit-countdown-timer-3 .elementskit-timer-title {
  display: block;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  letter-spacing: 2.5px;
  font-weight: 700;
  position: relative;
  z-index: 1;
  background-color: #1cf196;
  color: #333333;
}

.ekit-wid-con .elementskit-countdown-timer-3.elementskit-version-box .elementskit-timer-content {
  background-color: #5558ed;
  -webkit-box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
  height: 190px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: 30px 0;
}

.ekit-wid-con .elementskit-countdown-timer-3.elementskit-version-box .elementskit-inner-container {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

.ekit-wid-con .elementskit-countdown-timer-3.elementskit-version-box .elementskit-inner-container > span {
  color: #FFFFFF;
  background-color: transparent;
  height: auto;
  line-height: normal;
}

.ekit-wid-con .elementskit-countdown-timer-3.elementskit-version-box .elementskit-timer-count {
  margin-bottom: 10px;
}

.ekit-wid-con .elementskit-countdown-timer-3.elementskit-version-box .elementskit-timer-count::before {
  display: none;
}

.ekit-wid-con .elementskit-countdown-timer-3.elementskit-version-box .elementskit-timer-container {
  padding: 0 5px;
}

.ekit-wid-con .elementskit-countdown-timer-3.elementskit-version-box .elementskit-timer-container:nth-child(2) .elementskit-timer-content {
  height: 240px;
  background-color: #ffcc03;
}

.ekit-wid-con .elementskit-countdown-timer-3.elementskit-version-box .elementskit-timer-container:nth-child(3) .elementskit-timer-content {
  background-color: #ff5657;
}

.ekit-wid-con .elementskit-countdown-timer-3.elementskit-version-box .elementskit-timer-container:nth-child(4) .elementskit-timer-content {
  height: 150px;
  background-color: #09b2a0;
}

.ekit-wid-con .elementskit-counter-area .xs-overlay {
  opacity: .8;
}

.ekit-wid-con .elementskit-countdown-container {
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  border-radius: 10px;
  background-size: cover;
  margin-bottom: 62px;
  padding-top: 30px;
  padding-bottom: 60px;
}

.ekit-wid-con .elementskit-countdown-container::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #000000;
  opacity: .7;
  border-radius: inherit;
  pointer-events: none;
}

.ekit-wid-con .elementskit-countdown-container::after {
  position: absolute;
  content: "";
  bottom: -62px;
  left: 0;
  width: 100%;
  height: 49px;
  background-repeat: no-repeat;
  background-position: center center;
  pointer-events: none;
  background-size: contain;
}

.ekit-wid-con .elementskit-countdown-timer-4 {
  position: relative;
  z-index: 2;
  height: 120px;
  line-height: 120px;
  background-color: #fd3358;
  background-size: 101% 101%;
  width: calc(100% + 60px);
  margin-left: -30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ekit-wid-con .elementskit-countdown-timer-4::before, .ekit-wid-con .elementskit-countdown-timer-4::after {
  position: absolute;
  content: "";
  bottom: -20px;
  pointer-events: none;
}

.ekit-wid-con .elementskit-countdown-timer-4::before {
  left: 0;
  border-top: 20px solid #993535;
  border-left: 30px solid transparent;
}

.ekit-wid-con .elementskit-countdown-timer-4::after {
  right: 0;
  border-bottom: 20px solid transparent;
  border-left: 30px solid #993535;
}

.ekit-wid-con .elementskit-countdown-timer-4 .elementskit-timer-container {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  color: #FFFFFF;
  height: 100%;
}

.ekit-wid-con .elementskit-countdown-timer-4 .elementskit-timer-count {
  font-size: 48px;
  font-weight: 700;
}

.ekit-wid-con .elementskit-countdown-timer-4 .elementskit-timer-title {
  font-size: 18px;
  vertical-align: top;
}

.ekit-wid-con .elementskit-coundown-finish {
  height: auto !important;
  line-height: normal !important;
  padding: 15px;
}

.ekit-wid-con .icon-btn {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  background-color: #000000;
  color: #FFFFFF;
  font-size: 18px;
  display: inline-block;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .icon-btn.style-2::before {
  content: attr(data-title);
  position: absolute;
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  text-align: left;
  left: -23px;
}

.ekit-wid-con .icon-btn.style-2:hover {
  width: 120px;
  border-radius: 25px;
  text-align: right;
  padding: 0 20px;
}

.ekit-wid-con .icon-btn.style-2:hover::before {
  opacity: 1;
  visibility: visible;
  left: 23px;
}

.ekit-wid-con .elementskit-pricing-tag {
  position: absolute;
  height: 100%;
  width: calc(100% + 30px);
  background-color: #666666;
  top: 0;
  right: -30px;
  border-radius: 48px 0 0 48px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .elementskit-pricing-tag + .elementskit-pricing-price {
  color: #FFFFFF;
}

.ekit-wid-con .elementskit-pricing-tag.style-2 {
  right: 0;
  width: 100%;
  border-radius: 48px;
}

.ekit-wid-con .elementskit-pricing-tag.style-3 {
  right: 0;
  width: 100%;
  border-radius: 10px;
}

.ekit-wid-con .elementskit-pricing-tag.style-4 {
  width: 100%;
  right: inherit;
  left: -46px;
  border-radius: 0px;
  background: #f2709c;
  background: -webkit-linear-gradient(125deg, #f2709c 0%, #fe8f75 100%);
  background: -o-linear-gradient(125deg, #f2709c 0%, #fe8f75 100%);
  background: linear-gradient(-35deg, #f2709c 0%, #fe8f75 100%);
  background-size: 101% 101%;
}

.ekit-wid-con .elementskit-pricing-tag.style-4::before {
  position: absolute;
  content: "";
  bottom: -15px;
  left: 0;
  border-top: 15px solid #8b4f63;
  border-left: 15px solid transparent;
}

.ekit-wid-con .elementskit-single-pricing {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
}

.ekit-wid-con .elementskit-single-pricing .pricing-bg {
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -1;
  height: 100%;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  opacity: 0;
  visibility: hidden;
}

.ekit-wid-con .elementskit-single-pricing .elementskit-pricing-title {
  font-size: 22px;
  margin-bottom: 0px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .elementskit-single-pricing .elementskit-pricing-header {
  margin-bottom: 25px;
}

.ekit-wid-con .elementskit-single-pricing .elementskit-pricing-header > i {
  font-size: 40px;
  margin-bottom: 12px;
}

.ekit-wid-con .elementskit-single-pricing .elementskit-pricing-header > p {
  margin-top: 7px;
}

.ekit-wid-con .elementskit-single-pricing .elementskit-pricing-header > hr {
  border-top: 2px solid #FFFFFF;
  width: 30px;
}

.ekit-wid-con .elementskit-single-pricing .elementskit-pricing-header > img {
  margin-bottom: 45px;
}

.ekit-wid-con .elementskit-single-pricing .elementskit-pricing-price-wraper {
  position: relative;
  margin-bottom: 15px;
  line-height: initial;
}

.ekit-wid-con .elementskit-single-pricing .elementskit-pricing-price {
  position: relative;
  z-index: 2;
  font-size: 48px;
  font-weight: 700;
  letter-spacing: -.4px;
  display: block;
}

.ekit-wid-con .elementskit-single-pricing .elementskit-pricing-price > sup,
.ekit-wid-con .elementskit-single-pricing .elementskit-pricing-price > sub {
  font-size: 18px;
}

.ekit-wid-con .elementskit-single-pricing .elementskit-pricing-price > sup {
  top: 0;
  left: 5px;
}

.ekit-wid-con .elementskit-single-pricing .elementskit-pricing-price > sub {
  bottom: 0;
}

.ekit-wid-con .elementskit-single-pricing .elementskit-pricing-content > p {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .elementskit-single-pricing .elementskit-pricing-btn {
  border-radius: 25px;
  border-color: currentColor;
  font-size: 14px;
  font-weight: 700;
  padding: 11px 41px;
  display: inline-block;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .elementskit-single-pricing .elementskit-pricing-btn.style-2 {
  border-color: #e7e7e7;
  color: #000000;
}

.ekit-wid-con .elementskit-single-pricing .btn-outline-primary {
  color: #2575fc;
}

.ekit-wid-con .elementskit-single-pricing .elementskit-pricing-lists > li {
  color: #565656;
  font-size: 15px;
}

.ekit-wid-con .elementskit-single-pricing .elementskit-pricing-lists > li:before {
  content: '';
  display: block;
}

.ekit-wid-con .elementskit-single-pricing .elementskit-pricing-lists > li:not(:last-child) {
  margin-bottom: 3px;
}

.ekit-wid-con .elementskit-single-pricing .elementskit-pricing-lists > li > i {
  color: #55b559;
  padding-right: 10px;
  font-size: 10px;
}

.ekit-wid-con .elementskit-single-pricing .title-divider {
  position: relative;
}

.ekit-wid-con .elementskit-single-pricing .title-divider::before {
  position: absolute;
  content: "";
  top: 50%;
  left: -30px;
  width: calc(100% + 60px);
  height: 1px;
  background-color: #e7e7e7;
}

.ekit-wid-con .elementskit-single-pricing .title-divider .elementskit-pricing-title {
  position: relative;
  z-index: 2;
  display: inline-block;
  padding: 0 45px;
  background-color: #FFFFFF;
}

.ekit-wid-con .elementkit-pricing-icon {
  display: inline-block;
}

.ekit-wid-con .elementor-widget-elementskit-pricing {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .elementor-widget-elementskit-pricing .elementor-widget-container {
  padding: 30px;
}

.ekit-wid-con .testimonial-wraper {
  overflow: hidden;
  position: relative;
}

.ekit-wid-con .elementskit-testimonial-preset {
  padding: 40px 0;
}

.ekit-wid-con .elementskit-testimonial-preset .owl-item {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .elementskit-testimonial-preset .owl-item.active {
  opacity: 1;
  visibility: visible;
}

.ekit-wid-con .elementskit-testimonial-preset .owl-item .elementskit-profile-image-card img {
  width: 100%;
}

.ekit-wid-con .elementskit-testimonial-preset .owl-item .text-center img {
  margin-left: auto;
  margin-right: auto;
}

.ekit-wid-con .elementskit-testimonial-preset .owl-dots {
  margin-top: 40px;
}

.ekit-wid-con .elementskit-testimonial-preset .owl-stage-outer {
  overflow: visible;
}

.ekit-wid-con .elementskit-single-testimonial-slider {
  background-color: #FFFFFF;
  -webkit-box-shadow: 9px 11px 14px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 9px 11px 14px 0px rgba(0, 0, 0, 0.1);
  padding: 30px;
  padding-left: 60px;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 1;
}

.ekit-wid-con .elementskit-single-testimonial-slider .elementskit-commentor-content > p {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .elementskit-single-testimonial-slider:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: -1;
}

.ekit-wid-con .elementskit-single-testimonial-slider:hover::before {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
}

.ekit-wid-con .elementskit-single-testimonial-slider:hover .elementskit-client_logo .elementskit-testimonial-client-active-logo {
  opacity: 1;
}

.ekit-wid-con .elementskit-single-testimonial-slider:hover .elementskit-client_logo .elementskit-testimonial-client-active-logo + .elementskit-testimonial-client-logo {
  opacity: 0;
}

.ekit-wid-con .elementskit-single-testimonial-slider .tilte {
  font-size: 22px;
  margin-bottom: 22px;
}

.ekit-wid-con .elementskit-single-testimonial-slider .ekit-team-social-list > li > a {
  font-size: 16px;
}

.ekit-wid-con .elementskit-single-testimonial-slider.gradient {
  background: #f2709c;
  background: -webkit-linear-gradient(45deg, #f2709c 0%, #fe8f75 100%);
  background: -o-linear-gradient(45deg, #f2709c 0%, #fe8f75 100%);
  background: linear-gradient(45deg, #f2709c 0%, #fe8f75 100%);
}

.ekit-wid-con .elementskit-single-testimonial-slider.block-style {
  padding: 55px 40px;
  -webkit-transition: border-bottom-color .5s ease;
  -o-transition: border-bottom-color .5s ease;
  transition: border-bottom-color .5s ease;
}

.ekit-wid-con .elementskit-single-testimonial-slider.block-style .elementskit-commentor-content {
  padding-right: 0px;
}

.ekit-wid-con .elementskit-single-testimonial-slider.block-style .elementskit-commentor-content > hr {
  width: 30px;
  border-top: 3px solid #e7e7e7;
  -webkit-transition: border-top-color .5s ease;
  -o-transition: border-top-color .5s ease;
  transition: border-top-color .5s ease;
}

.ekit-wid-con .elementskit-single-testimonial-slider.block-style2 {
  border-radius: 10px;
  position: relative;
  padding: 40px 40px 80px;
  margin-bottom: 105px;
}

.ekit-wid-con .elementskit-single-testimonial-slider.block-style2:not(.white-v) .elementskit-commentor-content > i {
  color: rgba(37, 117, 252, 0.2);
}

.ekit-wid-con .elementskit-single-testimonial-slider.block-style2 .elementskit-commentor-bio {
  position: absolute;
  top: calc(100% - 35px);
  width: 100%;
  left: 0;
}

.ekit-wid-con .elementskit-single-testimonial-slider.block-style3 {
  border-radius: 10px;
}

.ekit-wid-con .elementskit-single-testimonial-slider.block-style3 .elementskit-commentor-content {
  margin-bottom: 30px;
}

.ekit-wid-con .elementskit-single-testimonial-slider.block-style4 {
  overflow: hidden;
  border-radius: 10px;
  position: relative;
}

.ekit-wid-con .elementskit-single-testimonial-slider.block-style4 .elementskit-watermark-icon {
  left: inherit;
  right: 20px;
  top: 20px;
}

.ekit-wid-con .elementskit-single-testimonial-slider.block-style4 .elementskit-watermark-icon .quote {
  z-index: 1;
  position: relative;
  font-size: 28px;
}

.ekit-wid-con .elementskit-single-testimonial-slider.block-style4 .elementskit-commentor-image {
  margin-bottom: 30px;
}

.ekit-wid-con .elementskit-single-testimonial-slider.block-style4 .elementskit-commentor-bio {
  margin-bottom: 15px;
}

.ekit-wid-con .elementskit-single-testimonial-slider.block-style4 .elementskit-stars {
  margin-bottom: 25px;
}

.ekit-wid-con .elementskit-single-testimonial-slider.block-style4.white-v .elementskit-watermark-icon {
  line-height: 0;
}

.ekit-wid-con .elementskit-single-testimonial-slider.block-style4.white-v .elementskit-profile-info .elementskit-author-name,
.ekit-wid-con .elementskit-single-testimonial-slider.block-style4.white-v .elementskit-profile-info .elementskit-author-des {
  color: #FFFFFF;
}

.ekit-wid-con .elementskit-single-testimonial-slider .commentor-header {
  margin-bottom: 15px;
}

.ekit-wid-con .elementskit-single-testimonial-slider .quote {
  font-size: 48px;
}

.ekit-wid-con .elementskit-single-testimonial-slider:not(.white-v) .quote {
  color: rgba(37, 117, 252, 0.2);
}

.ekit-wid-con .elementskit-single-testimonial-slider .elementskit-watermark-icon {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 50px;
  color: rgba(0, 0, 0, 0.1);
  line-height: 1;
}

.ekit-wid-con .elementskit-single-testimonial-slider .elementskit-watermark-icon > i {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .elementskit-single-testimonial-slider .elementskit-watermark-icon.commentor-badge {
  line-height: 0;
}

.ekit-wid-con .elementskit-single-testimonial-slider .elementskit-watermark-icon.commentor-badge .quote {
  color: #FFFFFF;
}

.ekit-wid-con .elementskit-single-testimonial-slider .elementskit-watermark-icon.commentor-badge::before {
  position: absolute;
  content: "";
  top: -100px;
  left: -30px;
  background-color: #2575fc;
  width: 160px;
  height: 160px;
  border-radius: 50%;
}

.ekit-wid-con .elementskit-single-testimonial-slider .main-logo {
  display: none;
}

.ekit-wid-con .elementskit-single-testimonial-slider.style-2 {
  padding: 0px;
  padding-left: 60px;
  border-left: 3px solid #2575fc;
}

.ekit-wid-con .elementskit-single-testimonial-slider.style-2 .elementskit-profile-image-card {
  margin-left: 20px;
}

.ekit-wid-con .elementskit-single-testimonial-slider.version-2 {
  background: #f2709c;
  background: -webkit-linear-gradient(125deg, #f2709c 0%, #fe8f75 100%);
  background: -o-linear-gradient(125deg, #f2709c 0%, #fe8f75 100%);
  background: linear-gradient(-35deg, #f2709c 0%, #fe8f75 100%);
  padding: 40px 50px 80px;
  border-radius: 10px;
  position: relative;
}

.ekit-wid-con .elementskit-single-testimonial-slider.version-2 .elementskit-commentor-content {
  padding-right: 0;
}

.ekit-wid-con .elementskit-single-testimonial-slider.version-2 .elementskit-commentor-content > i {
  color: rgba(255, 255, 255, 0.5);
}

.ekit-wid-con .elementskit-single-testimonial-slider.version-2 .elementskit-commentor-content > p {
  margin-bottom: 25px;
}

.ekit-wid-con .elementskit-single-testimonial-slider.version-2 .elementskit-commentor-bio {
  position: absolute;
  top: calc(100% - 45px);
  left: 0;
  width: 100%;
}

.ekit-wid-con .elementskit-single-testimonial-slider.gradient-1 {
  background: #82e182;
  background: -webkit-linear-gradient(125deg, #82e182 0%, #0acbf5 100%);
  background: -o-linear-gradient(125deg, #82e182 0%, #0acbf5 100%);
  background: linear-gradient(-35deg, #82e182 0%, #0acbf5 100%);
}

.ekit-wid-con .elementskit-single-testimonial-slider.gradient-2 {
  background: #f2709c;
  background: -webkit-linear-gradient(125deg, #f2709c 0%, #fe8f75 100%);
  background: -o-linear-gradient(125deg, #f2709c 0%, #fe8f75 100%);
  background: linear-gradient(-35deg, #f2709c 0%, #fe8f75 100%);
}

.ekit-wid-con .elementskit-single-testimonial-slider.gradient-3 {
  background: #b18cfe;
  background: -webkit-linear-gradient(125deg, #b18cfe 0%, #9460ff 100%);
  background: -o-linear-gradient(125deg, #b18cfe 0%, #9460ff 100%);
  background: linear-gradient(-35deg, #b18cfe 0%, #9460ff 100%);
}

.ekit-wid-con .elementskit-single-testimonial-slider.review-block {
  padding: 80px;
}

.ekit-wid-con .elementskit-single-testimonial-slider.review-block .elementskit-commentor-content > P {
  margin-bottom: 20px;
}

.ekit-wid-con .elementskit-single-testimonial-slider.review-block .elementskit-commentor-content .elementskit-author-name {
  font-size: 18px;
}

.ekit-wid-con .elementskit-single-testimonial-slider.review-block .elementskit-stars {
  margin-bottom: 25px;
}

.ekit-wid-con .elementskit-single-testimonial-slider.review-block .elementskit-watermark-icon {
  top: -40px;
  left: 0px;
  font-size: 132px;
  color: rgba(0, 0, 0, 0.07);
}

.ekit-wid-con .elementskit-commentor-content {
  padding-right: 30px;
  position: relative;
}

.ekit-wid-con .elementskit-commentor-content .elementskit-client_logo {
  margin-bottom: 32px;
  min-height: 50px;
  display: inline-block;
  position: relative;
}

.ekit-wid-con .elementskit-commentor-content .elementskit-client_logo .elementskit-testimonial-client-active-logo {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .elementskit-commentor-content .elementskit-client_logo .elementskit-testimonial-client-logo {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .elementskit-commentor-content > i {
  font-size: 48px;
  margin-bottom: 23px;
  display: inline-block;
}

.ekit-wid-con .elementskit-commentor-content > p {
  margin-bottom: 35px;
  color: rgba(0, 0, 0, 0.5);
}

.ekit-wid-con .elementskit-commentor-content > .elementskit-border-hr {
  width: 40px;
  height: 2px;
  background-color: #2575fc;
  margin-top: 0px;
  margin-bottom: 20px;
  display: inline-block;
}

.ekit-wid-con .elementskit-commentor-content .elementskit-profile-info {
  display: block;
}

.ekit-wid-con .elementskit-commentor-content .elementskit-author-name {
  font-size: 22px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .elementskit-commentor-content .elementskit-author-des {
  font-size: 13px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .white-v .elementskit-commentor-content > hr {
  border-top-color: #FFFFFF;
}

.ekit-wid-con .white-v .elementskit-commentor-content .elementskit-author-name,
.ekit-wid-con .white-v .elementskit-commentor-content .elementskit-author-des,
.ekit-wid-con .white-v .elementskit-commentor-content > p,
.ekit-wid-con .white-v .elementskit-commentor-content > i {
  color: #FFFFFF;
}

.ekit-wid-con .white-v .elementskit-stars > li > a {
  color: #FFFFFF;
}

.ekit-wid-con .white-v.block-style3 .elementskit-author-name,
.ekit-wid-con .white-v.block-style3 .elementskit-author-des {
  color: #FFFFFF;
}

.ekit-wid-con .white-v .quote {
  color: #FFFFFF;
}

.ekit-wid-con .border-active .owl-item.center .elementskit-single-testimonial-slider {
  border-bottom-color: #2575fc;
}

.ekit-wid-con .border-active .owl-item.center .elementskit-single-testimonial-slider .elementskit-commentor-content > .elementskit-border-hr {
  border-top-color: #2575fc;
}

.ekit-wid-con .border-active .elementskit-single-testimonial-slider.block-style {
  border-bottom: 3px solid transparent;
}

.ekit-wid-con .gradient-active .elementskit-single-testimonial-slider .elementskit-stars > li > a {
  color: #FFFFFF;
}

.ekit-wid-con .gradient-active .owl-item.center .elementskit-single-testimonial-slider {
  background: #07b787;
  background: -webkit-linear-gradient(45deg, #07b787 0%, #7ed500 100%);
  background: -o-linear-gradient(45deg, #07b787 0%, #7ed500 100%);
  background: linear-gradient(45deg, #07b787 0%, #7ed500 100%);
}

.ekit-wid-con .gradient-active .owl-item.center .elementskit-single-testimonial-slider .elementskit-commentor-content > hr {
  border-top-color: #FFFFFF;
}

.ekit-wid-con .gradient-active .owl-item.center .elementskit-single-testimonial-slider .elementskit-watermark-icon,
.ekit-wid-con .gradient-active .owl-item.center .elementskit-single-testimonial-slider .elementskit-commentor-content > p,
.ekit-wid-con .gradient-active .owl-item.center .elementskit-single-testimonial-slider .elementskit-profile-info .elementskit-author-name,
.ekit-wid-con .gradient-active .owl-item.center .elementskit-single-testimonial-slider .elementskit-profile-info .elementskit-author-des {
  color: #FFFFFF;
}

.ekit-wid-con .owl-carousel .owl-item .elementskit-single-testimonial-slider .center-logo {
  display: none;
}

.ekit-wid-con .owl-carousel .owl-item.center .elementskit-single-testimonial-slider .center-logo {
  display: block;
}

.ekit-wid-con .owl-carousel .owl-item.center .elementskit-single-testimonial-slider .main-logo {
  display: none;
}

.ekit-wid-con .elementskit-testimonial_card {
  position: relative;
  padding: 200px 170px 80px;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  text-align: center;
}

.ekit-wid-con .elementskit-testimonial_card .elementskit-stars {
  margin-bottom: 25px;
}

.ekit-wid-con .elementskit-testimonial_card .elementskit-stars > li > a {
  color: #FFFFFF;
}

.ekit-wid-con .elementskit-testimonial_card .video-popup {
  -webkit-box-shadow: 19.799px 19.799px 40px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 19.799px 19.799px 40px 0px rgba(0, 0, 0, 0.1);
  background-color: #FFFFFF;
  color: #2575fc;
  font-size: 28px;
}

.ekit-wid-con .elementskit-testimonial_card > p {
  font-size: 22px;
  color: #FFFFFF;
  margin-bottom: 35px;
}

.ekit-wid-con .elementskit-testimonial_card .xs-overlay {
  z-index: -1;
}

.ekit-wid-con .elementskit-testimonial_card .elementskit-video-popup-content {
  margin-bottom: 30px;
}

.ekit-wid-con .elementskit-testimonial_card .elementskit-profile-info .elementskit-author-name,
.ekit-wid-con .elementskit-testimonial_card .elementskit-profile-info .elementskit-author-des {
  color: #FFFFFF;
}

.ekit-wid-con .elementskit-testimonial_card .elementskit-profile-info .elementskit-author-name {
  font-size: 22px;
}

.ekit-wid-con .elementskit-testimonial_card .elementskit-profile-info .elementskit-author-des {
  font-size: 13px;
}

.ekit-wid-con .elementskit-tootltip-testimonial .elementskit-commentor-content {
  background-color: #2575fc;
  border-radius: 10px;
  padding: 40px 60px;
  color: #FFFFFF;
  margin-bottom: 50px;
}

.ekit-wid-con .elementskit-tootltip-testimonial .elementskit-commentor-content > p {
  margin-bottom: 0px;
}

.ekit-wid-con .elementskit-tootltip-testimonial .elementskit-commentor-content .elementskit-watermark-icon {
  position: absolute;
  bottom: -50px;
  left: 20px;
  font-size: 80px;
  color: rgba(0, 0, 0, 0.1);
  line-height: 1;
}

.ekit-wid-con .elementskit-tootltip-testimonial .elementskit-commentor-content::before {
  position: absolute;
  content: "";
  bottom: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  width: 40px;
  height: 40px;
  background-color: #2575fc;
}

.ekit-wid-con .elementskit-tootltip-testimonial .elementskit-commentor-content .elementskit-stars > li > a {
  color: #FFFFFF;
}

.ekit-wid-con .elementskit-tootltip-testimonial.style-2 .elementskit-commentor-content {
  padding: 60px 50px;
  margin-bottom: 90px;
}

.ekit-wid-con .elementskit-tootltip-testimonial.style-2 .elementskit-commentor-content::before {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  left: 50%;
  bottom: inherit;
  top: 100%;
  border-top: 65px solid #2575fc;
  border-right: 89px solid transparent;
  background-color: transparent;
}

.ekit-wid-con .elementskit-tootltip-testimonial.style-2 .elementskit-commentor-content .elementskit-watermark-icon {
  position: static;
  font-size: 48px;
  color: rgba(255, 255, 255, 0.1);
  padding-right: 30px;
}

.ekit-wid-con .elementskit-tootltip-testimonial.style-3 .elementskit-commentor-content {
  margin-bottom: 0px;
  padding-top: 60px;
  padding-bottom: 80px;
}

.ekit-wid-con .elementskit-tootltip-testimonial.style-3 .elementskit-commentor-content::before {
  display: none;
}

.ekit-wid-con .elementskit-tootltip-testimonial.style-3 .elementskit-commentor-content .elementskit-commentor-text {
  position: relative;
}

.ekit-wid-con .elementskit-tootltip-testimonial.style-3 .elementskit-commentor-content .elementskit-commentor-text .elementskit-commentor-bio {
  position: absolute;
  top: calc(100% + 35px);
  left: 0;
}

.ekit-wid-con .elementskit-commentor-bio .elementskit-commentor-image {
  margin-bottom: 20px;
}

.ekit-wid-con .elementskit-commentor-bio .elementskit-commentor-image > img {
  border-radius: 50%;
}

.ekit-wid-con .elementskit-commentor-bio .elementskit-author-name {
  font-size: 22px;
  line-height: 1;
}

.ekit-wid-con .elementskit-commentor-bio .elementskit-author-des {
  font-size: 13px;
}

.ekit-wid-con .elementskit-commentor-bio.style-2 .elementskit-commentor-image > img {
  border: 5px solid #FFFFFF;
  -webkit-box-shadow: 19.799px 19.799px 40px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 19.799px 19.799px 40px 0px rgba(0, 0, 0, 0.1);
  width: 80px;
  height: 80px;
}

.ekit-wid-con .elementskit-commentor-bio.style-3 .elementskit-commentor-image > img {
  width: 120px;
  height: 120px;
}

.ekit-wid-con .elementskit-commentor-bio.media .elementskit-commentor-image {
  margin-bottom: 0px;
  margin-right: 20px;
}

.ekit-wid-con .elementskit-commentor-bio.media .elementskit-author-name {
  font-size: 18px;
}

.ekit-wid-con .elementskit-commentor-bio.media .elementskit-author-des {
  font-size: 13px;
}

.ekit-wid-con .owl-carousel .owl-item.active .elementskit-tootltip-testimonial {
  opacity: .1;
}

.ekit-wid-con .owl-carousel .owl-item.active.center .elementskit-tootltip-testimonial {
  opacity: 1;
}

.ekit-wid-con .gradient-shade .owl-item.active:not(.center) {
  position: relative;
}

.ekit-wid-con .gradient-shade .owl-item.active:not(.center)::before {
  position: absolute;
  content: "";
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  background: #7ed500;
  left: 0;
  background: -webkit-gradient(linear, right top, left top, from(rgba(126, 213, 0, 0)), to(white));
  background: -webkit-linear-gradient(right, rgba(126, 213, 0, 0) 0%, white 100%);
  background: -o-linear-gradient(right, rgba(126, 213, 0, 0) 0%, white 100%);
  background: linear-gradient(270deg, rgba(126, 213, 0, 0) 0%, white 100%);
}

.ekit-wid-con .gradient-shade .owl-item.active + .active::before {
  background: -webkit-gradient(linear, left top, right top, from(rgba(126, 213, 0, 0)), to(white));
  background: -webkit-linear-gradient(left, rgba(126, 213, 0, 0) 0%, white 100%);
  background: -o-linear-gradient(left, rgba(126, 213, 0, 0) 0%, white 100%);
  background: linear-gradient(90deg, rgba(126, 213, 0, 0) 0%, white 100%);
}

.ekit-wid-con .testimonial-block-slider2 {
  padding-bottom: 100px;
}

.ekit-wid-con .testimonial-block-slider2.modern-nav .owl-nav {
  top: calc(50% - 30px);
}

.ekit-wid-con .testimonial-block-slider3 {
  margin-bottom: 70px;
}

.ekit-wid-con .testimonial-block-slider3 .owl-nav button > i {
  font-size: 36px;
  color: #2575fc;
}

.ekit-wid-con .testimonial-card {
  position: relative;
  z-index: 1;
}

.ekit-wid-con .testimonial-card .elementskit-commentor-bio {
  margin-bottom: 40px;
}

.ekit-wid-con .testimonial-card .elementskit-commentor-image {
  margin-bottom: 0px;
}

.ekit-wid-con .testimonial-card .elementskit-commentor-content {
  padding-right: 0px;
}

.ekit-wid-con .testimonial-card .elementskit-commentor-content > .elementskit-border-hr {
  margin-bottom: 15px;
  border-top-color: #e7e7e7;
}

.ekit-wid-con .testimonial-card .elementskit-commentor-content > i {
  font-size: 28px;
  margin-bottom: 27px;
}

.ekit-wid-con .testimonial-card .elementskit-commentor-text {
  margin-bottom: 26px;
}

.ekit-wid-con .testimonial-card .elementskit-commentor-text > p {
  font-size: 22px;
}

.ekit-wid-con .testimonial-card .elementskit-stars {
  margin-bottom: 23px;
}

.ekit-wid-con .testimonial-card .bg-block {
  width: 350px;
  background-color: #f7f7f7;
  position: absolute;
  top: 40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 399px;
  border-radius: 10px;
  z-index: -1;
}

.ekit-wid-con .fullwidth-slider-area .slider-description {
  width: 100%;
  max-width: 380px;
  margin-left: auto;
}

.ekit-wid-con .fullwidth-slider-area .elementskit-testimonial-preset {
  overflow: hidden;
}

.ekit-wid-con .slider-description .description-title {
  font-size: 48px;
  margin-bottom: 22px;
}

.ekit-wid-con .slider-description > p {
  margin-bottom: 30px;
}

.ekit-wid-con .slider-description.white-v .description-title,
.ekit-wid-con .slider-description.white-v .customNavigation > .customnav,
.ekit-wid-con .slider-description.white-v > p {
  color: #FFFFFF;
}

.ekit-wid-con .testimonial-sync-thumb {
  max-width: 490px;
  width: 100%;
  padding: 20px 0;
}

.ekit-wid-con .testimonial-sync-thumb.text-center {
  margin-left: auto;
  margin-right: auto;
}

.ekit-wid-con .testimonial-sync-thumb .owl-item.active {
  opacity: .3;
}

.ekit-wid-con .testimonial-sync-thumb .owl-item.current {
  opacity: 1;
}

.ekit-wid-con .testimonial-sync-content.modern-nav .owl-nav {
  width: 1110px;
}

.ekit-wid-con .testimonial-sync-content.modern-nav .owl-nav button > i {
  font-size: 30px;
}

.ekit-wid-con .elementskit-profile-info .elementskit-author-name {
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: #000000;
}

.ekit-wid-con .elementskit-profile-info .elementskit-author-des {
  color: rgba(0, 0, 0, 0.5);
  font-weight: 400;
}

.ekit-wid-con .elementskit-profile-image-card {
  position: relative;
  overflow: hidden;
}

.ekit-wid-con .elementskit-profile-image-card::before {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  pointer-events: none;
}

.ekit-wid-con .elementskit-profile-image-card > img {
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ekit-wid-con .elementskit-profile-image-card:hover::before {
  background-color: rgba(17, 17, 17, 0.8);
  top: 0%;
}

.ekit-wid-con .elementskit-testimonial-slider .slick-dots li {
  margin: 0px;
  width: auto;
  height: auto;
}

.ekit-wid-con .elementskit-testimonial-slider .slick-dots li button {
  padding: 0px;
  margin: 0px;
}

.ekit-wid-con .elementskit-testimonial-slider .slick-dots li button:before {
  display: none;
}

.ekit-wid-con .elementskit-testimonial_card .xs-overlay {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.5);
}

.ekit-wid-con .elementskit-commentor-bio {
  position: absolute;
  left: 0;
  width: 100%;
}

.ekit-wid-con .elementskit-commentor-bio.client_center {
  text-align: center;
}

.ekit-wid-con .elementskit-commentor-bio.client_center .elementskit-commentor-image > img {
  margin-left: auto;
  margin-right: auto;
}

.ekit-wid-con .elementskit-commentor-bio.client_right {
  text-align: right;
}

.ekit-wid-con .elementskit-commentor-bio.client_right .elementskit-commentor-image > img {
  margin-left: auto;
}

.ekit-wid-con .elementskit-testimonial-slider .slick-prev,
.ekit-wid-con .elementskit-testimonial-slider .slick-next {
  font-size: 36px;
  color: #2575fc;
  width: auto;
  height: auto;
  z-index: 1;
}

.ekit-wid-con .elementskit-testimonial-slider .slick-prev::before,
.ekit-wid-con .elementskit-testimonial-slider .slick-next::before {
  display: none;
}

.ekit-wid-con .elementskit-testimonial-slider-block-style-two .elementskit-commentor-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ekit-wid-con .elementskit-testimonial-slider-block-style-two .elementskit-stars {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.ekit-wid-con .elementskit-testimonial-slider-block-style-two .elementskit-commentor-bio {
  position: static;
}

.ekit-wid-con .elementskit-testimonial-slider-block-style-two .elementskit-commentor-bio .elementskit-commentor-image {
  margin-bottom: 0px;
}

.ekit-wid-con .elementskit-testimonial-slider-block-style-two .elementskit-commentor-bio,
.ekit-wid-con .elementskit-testimonial-slider-block-style-two .elementkit-commentor-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ekit-wid-con .elementskit-testimonial-slider-block-style-two .elementkit-commentor-details {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ekit-wid-con .elementskit-testimonial-slider-block-style-two .elementskit-icon-content {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.ekit-wid-con .elementskit-testimonial_card .xs-overlay {
  background-color: rgba(0, 0, 0, 0.5);
}

.ekit-wid-con .elementskit-testimonial-slider-block-style-three {
  overflow: hidden;
  position: relative;
}

.ekit-wid-con .elementskit-testimonial-slider-block-style-three .elementskit-commentor-bio {
  position: static;
}

.ekit-wid-con .elementskit-testimonial-slider-block-style-three .elementskit-icon-content {
  position: absolute;
  right: 20px;
  top: 20px;
  line-height: 1;
  z-index: 1;
}

.ekit-wid-con .elementskit-testimonial-slider-block-style-three .elementskit-icon-content.commentor-badge::before {
  position: absolute;
  content: "";
  top: -100px;
  left: -30px;
  background-color: #2575fc;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  z-index: -1;
}

.ekit-wid-con .elementkit-commentor-details.client_center {
  margin: auto;
}

.ekit-wid-con .elementkit-commentor-details.client_left {
  margin-right: auto;
}

.ekit-wid-con .elementkit-commentor-details.client_right {
  margin-left: auto;
}

.ekit-wid-con .elementskit-clients-slider .slick-dots li button::before {
  display: none;
}

.ekit-wid-con .ekit_testimonial_style_2 {
  padding: 30px;
  border-bottom: 3px solid transparent;
  text-align: center;
}

.ekit-wid-con .ekit_testimonial_style_2:hover {
  border-bottom-color: #2575fc;
}

.ekit-wid-con .ekit_testimonial_style_2 .elementskit-commentor-content {
  padding-right: 0px;
}

.ekit-wid-con .ekit-testimonia-style-4 .elementskit-single-testimonial-slider {
  padding: 30px;
  padding-bottom: 50px;
  margin-bottom: 80px;
}

.ekit-wid-con .ekit-testimonia-style-4 .elementskit-single-testimonial-slider .elementskit-commentor-content {
  padding-right: 0px;
}

.ekit-wid-con .ekit_testimonial_style_5 .elementskit-single-testimonial-slider {
  padding: 30px;
}

.ekit-wid-con .ekit_testimonial_style_5 .elementskit-single-testimonial-slider .elementskit-commentor-content {
  padding-right: 0px;
}

.ekit-wid-con .ekit_testimonial_style_5 .elementskit-single-testimonial-slider .elementskit-commentor-content > p {
  margin-top: 30px;
  margin-bottom: 30px;
}

.ekit-wid-con .ekit_testimonial_style_6 .elementskit-single-testimonial-slider {
  padding: 30px;
}

.ekit-wid-con .ekit_testimonial_style_6 .elementskit-single-testimonial-slider .elementskit-commentor-content {
  padding-right: 0px;
}

.ekit-wid-con .ekit_testimonial_style_6 .elementskit-single-testimonial-slider .elementskit-stars {
  margin-bottom: 20px;
}

.ekit-wid-con .ekit_watermark_icon_custom_position {
  position: absolute;
}

.ekit-wid-con .elementskit-commentor-content > i,
.ekit-wid-con .elementskit-icon-content > i {
  display: inline-block;
}

.ekit-wid-con .vertical-testimonial {
  max-height: 250px;
}

.ekit-wid-con .vertical-comment {
  -webkit-box-align: unset;
  -ms-flex-align: unset;
  align-items: unset;
}

.ekit-wid-con .vertical-comment .commentor-img {
  background-repeat: no-repeat;
  background-position: top left;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 285px;
  flex: 0 0 285px;
}

.ekit-wid-con .vertical-comment .commentor-img > img {
  margin-left: 45px;
  width: 190px;
  height: 190px;
  border-radius: 50%;
}

.ekit-wid-con .vertical-comment .testimonial-card {
  padding-left: 45px;
}

.ekit-wid-con .vertical-pagination {
  line-height: 1;
  position: absolute;
  text-align: center;
  z-index: 5;
  right: 30px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

.ekit-wid-con .vertical-pagination .swiper-pagination-bullet {
  margin: 12px 0;
  display: block;
  background-color: #e7e7e7;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  opacity: 1;
}

.ekit-wid-con .vertical-pagination .swiper-pagination-bullet-active {
  -webkit-transform: scale(1.9);
  -ms-transform: scale(1.9);
  transform: scale(1.9);
  background-color: #2575fc;
}

.ekit-wid-con .timeline-area {
  position: relative;
  z-index: 1;
}

@media (max-width: 1024px) {
  .ekit-wid-con .timeline-area .timeline-bar {
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .ekit-wid-con .timeline-area .timeline-img {
    display: none;
  }
}

.ekit-wid-con .single-timeline .timeline-content > p {
  margin-bottom: 0px;
}

.ekit-wid-con .single-timeline:hover .timeline-img::before {
  opacity: 1;
  visibility: visible;
}

.ekit-wid-con .vertical-timeline .single-timeline:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.ekit-wid-con .vertical-timeline .single-timeline:nth-child(even) .timeline-info {
  margin-left: 0;
  margin-right: 35px;
}

.ekit-wid-con .vertical-timeline .single-timeline:nth-child(even) .timeline-item {
  margin-right: 0;
  margin-left: 60px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

@media (max-width: 1024px) {
  .ekit-wid-con .vertical-timeline .single-timeline:nth-child(even) .timeline-item {
    margin-left: 0;
  }
}

.ekit-wid-con .vertical-timeline .single-timeline:nth-child(even) .timeline-content {
  text-align: left;
  padding-right: 0;
  padding-left: 30px;
}

@media (max-width: 767px) {
  .ekit-wid-con .vertical-timeline .single-timeline:nth-child(even) .timeline-content {
    padding-left: 0;
  }
}

.ekit-wid-con .vertical-timeline .single-timeline:nth-child(even) .watermark-icon {
  left: inherit;
  right: 0;
}

.ekit-wid-con .vertical-timeline .single-timeline:nth-child(even) .timeline-pin {
  right: inherit;
  left: -20px;
}

.ekit-wid-con .timeline-bar {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 100%;
  width: 2px;
  background-color: #f7f9fb;
  z-index: -1;
}

.ekit-wid-con .timeline-item {
  width: calc(50% - 60px);
  position: relative;
  margin-right: 60px;
}

.ekit-wid-con .timeline-item .watermark-icon {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 120px;
  line-height: 1;
  pointer-events: none;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  opacity: 0;
  color: inherit;
}

.ekit-wid-con .timeline-info {
  width: calc(50% - 35px);
  margin-left: 35px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.ekit-wid-con .timeline-info .date {
  font-size: 18px;
  margin-bottom: 5px;
}

.ekit-wid-con .timeline-info .place {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.5);
}

.ekit-wid-con .timeline-item {
  -webkit-filter: drop-shadow(-19.799px 19.799px 40px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(-19.799px 19.799px 40px rgba(0, 0, 0, 0.1));
  background-color: #FFFFFF;
  padding: 50px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border-radius: 10px;
}

.ekit-wid-con .timeline-item .timeline-content {
  text-align: right;
}

.ekit-wid-con .vertical-timeline .single-timeline:hover .timeline-item {
  background: #82e182;
  color: #FFFFFF;
}

.ekit-wid-con .vertical-timeline .single-timeline:hover .timeline-item .title {
  color: inherit;
}

.ekit-wid-con .vertical-timeline .single-timeline:hover .timeline-item .subtitle {
  color: inherit;
}

.ekit-wid-con .vertical-timeline .single-timeline:nth-child(odd):hover .timeline-pin {
  border-color: #82e182 #82e182 transparent transparent;
}

.ekit-wid-con .vertical-timeline .single-timeline:nth-child(odd) .timeline-pin {
  border-color: #FFFFFF #FFFFFF transparent transparent;
}

@media (max-width: 1024px) {
  .ekit-wid-con .vertical-timeline .single-timeline:nth-child(odd) .timeline-pin {
    left: -20px;
    right: inherit;
    -webkit-transform: translateY(-50%) rotate(225deg);
    -ms-transform: translateY(-50%) rotate(225deg);
    transform: translateY(-50%) rotate(225deg);
  }
}

.ekit-wid-con .vertical-timeline .single-timeline:nth-child(even):hover .timeline-pin {
  border-color: transparent transparent #82e182 #82e182;
}

.ekit-wid-con .vertical-timeline .single-timeline:nth-child(even) .timeline-pin {
  border-color: transparent transparent #FFFFFF #FFFFFF;
}

.ekit-wid-con .vertical-timeline .timeline-pin {
  position: absolute;
  top: 50%;
  right: -20px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  width: 40px;
  height: 40px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border-style: solid;
  border-width: 20px 20px 20px 20px;
}

.ekit-wid-con .timeline-content {
  padding-right: 30px;
  position: relative;
  z-index: 2;
}

.ekit-wid-con .timeline-content .subtitle {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 8px;
  color: #82e182;
}

.ekit-wid-con .timeline-content .title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 22px;
}

.ekit-wid-con .timeline-content .lists > li {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
}

.ekit-wid-con .timeline-content .lists > li:not(:last-child) {
  margin-bottom: 15px;
}

.ekit-wid-con .timeline-content .lists > li i {
  padding-right: 8px;
}

.ekit-wid-con .timeline-content .lists > li > a {
  color: #2575fc;
}

.ekit-wid-con .timeline-content .lists > li > a > span {
  text-decoration: underline;
}

.ekit-wid-con .timeline-icon {
  background: #82e182;
  color: #FFFFFF;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 22px;
  border-radius: 50%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50px;
  flex: 0 0 50px;
  -webkit-box-shadow: 19.799px 19.799px 40px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 19.799px 19.799px 40px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .single-timeline {
  position: relative;
}

.ekit-wid-con .single-timeline:not(:nth-last-child(2)) {
  margin-bottom: 30px;
}

.ekit-wid-con .single-timeline:hover .watermark-icon {
  opacity: .15;
}

@media (max-width: 1024px) {
  .ekit-wid-con .single-timeline {
    display: block;
  }
  .ekit-wid-con .single-timeline .timeline-item {
    width: 100%;
  }
  .ekit-wid-con .single-timeline .timeline-info {
    width: 100%;
    margin-left: 0;
    padding: 20px;
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  .ekit-wid-con .single-timeline .timeline-item {
    display: block;
    padding: 20px;
  }
}

.ekit-wid-con .timeline-img {
  width: 14px;
  height: 14px;
  background-color: #FFFFFF;
  border: 2px solid #2575fc;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  z-index: 2;
}

.ekit-wid-con .timeline-img::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  width: 4px;
  height: 4px;
  background-color: #2575fc;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  visibility: hidden;
}

.ekit-wid-con .timeline-gradient-bg {
  background: #82e182;
}

.ekit-wid-con .horizantal-timeline {
  padding-bottom: 0px;
}

.ekit-wid-con .horizantal-timeline .single-timeline {
  float: left;
  padding-bottom: 48px;
  width: 25%;
}

@media (max-width: 1024px) {
  .ekit-wid-con .horizantal-timeline .single-timeline {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .ekit-wid-con .horizantal-timeline .single-timeline {
    width: 100%;
  }
  .ekit-wid-con .horizantal-timeline .single-timeline .timeline-item {
    opacity: 1;
    visibility: visible;
    top: 20px;
  }
  .ekit-wid-con .horizantal-timeline .single-timeline .top-content {
    opacity: 0;
    visibility: hidden;
  }
  .ekit-wid-con .horizantal-timeline .single-timeline .bar .pin {
    background: #FFFFFF;
    border: 4px solid #000000;
  }
}

.ekit-wid-con .horizantal-timeline .single-timeline:not(:last-child) {
  margin-bottom: 0px;
}

.ekit-wid-con .horizantal-timeline .single-timeline.hover .timeline-item {
  opacity: 1;
  visibility: visible;
  top: 20px;
}

.ekit-wid-con .horizantal-timeline .single-timeline.hover .top-content {
  opacity: 0;
  visibility: hidden;
}

.ekit-wid-con .horizantal-timeline .single-timeline.hover .bar .pin {
  background: #FFFFFF;
  border: 4px solid #000000;
}

.ekit-wid-con .horizantal-timeline .timeline-item {
  width: 100%;
  margin-right: 0px;
  padding-top: 30px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 50px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  top: -50px;
}

.ekit-wid-con .horizantal-timeline .timeline-icon {
  margin-bottom: 30px;
}

.ekit-wid-con .horizantal-timeline .timeline-content {
  text-align: left;
  padding-right: 0px;
}

.ekit-wid-con .horizantal-timeline .timeline-content .subtitle {
  color: #07b787;
}

.ekit-wid-con .horizantal-timeline .content-group {
  color: #000000;
  cursor: pointer;
}

.ekit-wid-con .horizantal-timeline .top-content {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .horizantal-timeline .top-content .title {
  font-size: 18px;
  color: inherit;
}

.ekit-wid-con .horizantal-timeline .bar {
  height: 2px;
  width: 100%;
  background-color: #000000;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: relative;
  margin: 30px 0;
}

.ekit-wid-con .horizantal-timeline .bar .pin {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #000000;
  top: -6px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .horizantal-timeline .bottom-content .date {
  font-size: 13px;
  color: inherit;
}

.ekit-wid-con .timeline-style2 .timeline-item .watermark-icon {
  opacity: .15;
  font-size: 70px;
}

.ekit-wid-con .timeline-style2 .timeline-item .watermark-icon > i {
  color: #82e182;
}

.ekit-wid-con .timeline-title-wraper {
  margin-bottom: 30px;
}

.ekit-wid-con .timeline-title-wraper .timeline-title {
  font-size: 24px;
  margin-bottom: 3px;
}

.ekit-wid-con .timeline-title-wraper > p {
  color: rgba(0, 0, 0, 0.5);
}

.ekit-wid-con .timeline-purple-bg {
  background-color: #6a11cb;
}

.ekit-wid-con .timeline-classic.reverse .single-timeline:nth-child(odd) .timeline-content {
  padding-left: 0px;
  padding-right: 0px;
}

.ekit-wid-con .timeline-classic.reverse .single-timeline:nth-child(odd) .timeline-info {
  margin-right: 60px;
}

.ekit-wid-con .timeline-classic.floating-style .single-timeline:nth-child(even) .timeline-content {
  padding-left: 0px;
  padding-right: 0px;
}

.ekit-wid-con .timeline-classic.floating-style .single-timeline:nth-child(even) .timeline-info {
  margin-right: 60px;
}

.ekit-wid-con .timeline-classic.style-2 .timeline-pin-icon {
  background-color: transparent;
}

.ekit-wid-con .timeline-classic .timeline-info {
  margin-left: 60px;
  width: calc(50% - 60px);
  -ms-flex-item-align: baseline;
  align-self: baseline;
  margin-top: 15px;
}

.ekit-wid-con .timeline-classic .timeline-info .date {
  color: #FFFFFF;
}

.ekit-wid-con .timeline-classic .timeline-item {
  padding: 0px;
  border-radius: 0px;
  background-color: transparent;
}

.ekit-wid-con .timeline-classic .timeline-content {
  padding-right: 0px;
}

.ekit-wid-con .timeline-classic .timeline-content .subtitle {
  color: #FFFFFF;
}

.ekit-wid-con .timeline-classic .timeline-content .title {
  color: #FFFFFF;
}

.ekit-wid-con .timeline-classic .timeline-content > p {
  color: rgba(255, 255, 255, 0.5);
}

.ekit-wid-con .timeline-classic .single-timeline:not(:last-child) {
  margin-bottom: 70px;
}

.ekit-wid-con .timeline-classic .timeline-bar {
  opacity: .2;
}

.ekit-wid-con .timeline-pin-icon {
  width: 50px;
  height: 50px;
  line-height: 48px;
  border-radius: 50%;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  text-align: center;
  background-color: #6a11cb;
  z-index: 1;
  font-size: 20px;
}

.ekit-wid-con .timeline-pin-icon:hover {
  background-color: #FFFFFF;
  color: #6a11cb;
}

@media (max-width: 1024px) {
  .ekit-wid-con .timeline-pin-icon {
    display: none;
  }
}

.ekit-wid-con .horizantal-timeline .single-timeline .timeline-pin {
  top: calc(100% - 20px);
  right: inherit;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(-45deg);
  -ms-transform: translateX(-50%) rotate(-45deg);
  transform: translateX(-50%) rotate(-45deg);
  position: absolute;
  width: 40px;
  height: 40px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border-style: solid;
  border-width: 20px 20px 20px 20px;
  border-color: transparent transparent #FFFFFF #FFFFFF;
}

.ekit-wid-con .timeline-info-onside {
  width: 100%;
  margin-left: 0;
}

.ekit-wid-con .vertical-timeline .single-timeline:nth-child(even) .timeline-info-onside {
  margin-right: 0;
}

.ekit-wid-con .vertical-timeline .timeline-content {
  min-width: 303px;
}

@media (max-width: 767px) {
  .ekit-wid-con .vertical-timeline .timeline-content {
    min-width: auto;
  }
}

.ekit-wid-con .bothside .single-timeline:nth-child(2n) .timeline-info {
  text-align: right;
}

.ekit-wid-con .elementkit-tab-wraper.vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ekit-wid-con .elementkit-tab-wraper.vertical > ul {
  display: block;
}

.ekit-wid-con .elementkit-tab-wraper.vertical .elementkit-tab-nav .elementkit-nav-item {
  display: block;
  width: 100%;
  margin-right: 0px;
}

.ekit-wid-con .elementkit-tab-wraper.elementskit-fitcontent-tab:not(.vertical) .elementkit-tab-nav {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ekit-wid-con .elementkit-tab-wraper.elementskit-fitcontent-tab .elementkit-tab-content {
  text-align: left;
  width: 100%;
  max-width: 100%;
}

.ekit-wid-con .elementkit-tab-wraper .elementkit-nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ekit-wid-con .elementkit-tab-wraper .elementkit-nav-link.right-pos {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.ekit-wid-con .elementkit-tab-wraper .elementkit-nav-link.left-pos .elementskit-tab-icon {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.ekit-wid-con .elementkit-tab-wraper .elementkit-nav-link.top-pos {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.ekit-wid-con .elementkit-tab-wraper .elementkit-nav-link.bottom-pos {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.ekit-wid-con .elementkit-tab-nav {
  border-bottom: 0px solid #000;
}

.ekit-wid-con .elementkit-tab-nav .elementkit-nav-item {
  margin-bottom: 0px;
  display: inline-block;
}

.ekit-wid-con .elementkit-tab-nav .elementkit-nav-item:not(:last-child) {
  margin-right: 10px;
}

.ekit-wid-con .elementkit-tab-nav .elementkit-nav-item .elementkit-nav-link {
  font-weight: 700;
  padding: 14px 35px;
  border-radius: 0px;
  position: relative;
  text-align: center;
  white-space: nowrap;
}

.ekit-wid-con .elementkit-tab-nav.elementskit_tab_border_bottm .elementkit-nav-item .elementkit-nav-link::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 3px;
  width: 100%;
  background-color: #2575fc;
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: -webkit-transform 200ms ease;
  transition: -webkit-transform 200ms ease;
  -o-transition: transform 200ms ease;
  transition: transform 200ms ease;
  transition: transform 200ms ease, -webkit-transform 200ms ease;
}

.ekit-wid-con .elementkit-tab-nav.elementskit_tab_border_bottm .elementkit-nav-item .elementkit-nav-link.active::before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.ekit-wid-con .elementkit-tab-nav.elementskit_tooltip_style .elementkit-nav-item .elementkit-nav-link::before {
  position: absolute;
  content: "";
  bottom: -24px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  height: 24px;
  width: 24px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  opacity: 0;
  visibility: hidden;
  background-image: -webkit-gradient(linear, left top, right bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #4b3fe1), to(#4b3fe1));
  background-image: -webkit-linear-gradient(top left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, #4b3fe1 50%, #4b3fe1 100%);
  background-image: -o-linear-gradient(top left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, #4b3fe1 50%, #4b3fe1 100%);
  background-image: linear-gradient(to bottom right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, #4b3fe1 50%, #4b3fe1 100%);
  z-index: -1;
}

.ekit-wid-con .elementkit-tab-nav.elementskit_tooltip_style .elementkit-nav-item .elementkit-nav-link.active::before {
  opacity: 1;
  visibility: visible;
}

.ekit-wid-con .elementkit-tab-nav.elementskit_heartbit_style .elementkit-nav-item .elementkit-nav-link::before, .ekit-wid-con .elementkit-tab-nav.elementskit_heartbit_style .elementkit-nav-item .elementkit-nav-link::after {
  position: absolute;
  content: "";
  left: 50%;
  opacity: 0;
  z-index: 1;
}

.ekit-wid-con .elementkit-tab-nav.elementskit_heartbit_style .elementkit-nav-item .elementkit-nav-link::before {
  bottom: -1px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 70px;
  height: 1px;
  background-color: #2575fc;
}

.ekit-wid-con .elementkit-tab-nav.elementskit_heartbit_style .elementkit-nav-item .elementkit-nav-link:after {
  bottom: -5px;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  height: 10px;
  width: 10px;
  background-image: -webkit-linear-gradient(314deg, rgba(0, 0, 0, 0) 50%, rgba(242, 41, 91, 0) 50%);
  background-image: -o-linear-gradient(314deg, rgba(0, 0, 0, 0) 50%, rgba(242, 41, 91, 0) 50%);
  background-image: linear-gradient(136deg, rgba(0, 0, 0, 0) 50%, rgba(242, 41, 91, 0) 50%);
  border-style: solid;
  border-width: 1px 0px 0px 1px;
  border-color: #2575fc;
  z-index: 1;
}

.ekit-wid-con .elementkit-tab-nav.elementskit_heartbit_style .elementkit-nav-item .elementkit-nav-link.active::before, .ekit-wid-con .elementkit-tab-nav.elementskit_heartbit_style .elementkit-nav-item .elementkit-nav-link.active::after {
  opacity: 1;
}

.ekit-wid-con .elementkit-tab-nav.elementskit_pregress_style .elementkit-nav-item .elementkit-nav-link::before {
  position: absolute;
  content: "";
  bottom: -3px;
  left: 0;
  height: 3px;
  width: 100%;
  background-image: -webkit-gradient(linear, right top, left top, from(#07b787), to(#7ed500));
  background-image: -webkit-linear-gradient(right, #07b787 0%, #7ed500 100%);
  background-image: -o-linear-gradient(right, #07b787 0%, #7ed500 100%);
  background-image: linear-gradient(270deg, #07b787 0%, #7ed500 100%);
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: -webkit-transform 350ms ease 350ms;
  transition: -webkit-transform 350ms ease 350ms;
  -o-transition: transform 350ms ease 350ms;
  transition: transform 350ms ease 350ms;
  transition: transform 350ms ease 350ms, -webkit-transform 350ms ease 350ms;
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  z-index: 1;
}

.ekit-wid-con .elementkit-tab-nav.elementskit_pregress_style .elementkit-nav-item .elementkit-nav-link::after {
  position: absolute;
  content: "";
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-image: -webkit-gradient(linear, right top, left top, from(#07b787), to(#7ed500));
  background-image: -webkit-linear-gradient(right, #07b787 0%, #7ed500 100%);
  background-image: -o-linear-gradient(right, #07b787 0%, #7ed500 100%);
  background-image: linear-gradient(270deg, #07b787 0%, #7ed500 100%);
  border: 5px solid #FFFFFF;
  opacity: 0;
  -webkit-transition: opacity 350ms ease 0ms;
  -o-transition: opacity 350ms ease 0ms;
  transition: opacity 350ms ease 0ms;
  z-index: 1;
}

.ekit-wid-con .elementkit-tab-nav.elementskit_pregress_style .elementkit-nav-item .elementkit-nav-link.active::after {
  opacity: 1;
  -webkit-transition: opacity 350ms ease 350ms;
  -o-transition: opacity 350ms ease 350ms;
  transition: opacity 350ms ease 350ms;
}

.ekit-wid-con .elementkit-tab-nav.elementskit_pregress_style .elementkit-nav-item .elementkit-nav-link.active::before {
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition: -webkit-transform 350ms ease 0ms;
  transition: -webkit-transform 350ms ease 0ms;
  -o-transition: transform 350ms ease 0ms;
  transition: transform 350ms ease 0ms;
  transition: transform 350ms ease 0ms, -webkit-transform 350ms ease 0ms;
}

.ekit-wid-con .elementkit-tab-nav.elementskit_ribbon_style .elementkit-nav-item .elementkit-nav-link .elementskit-tab-icon,
.ekit-wid-con .elementkit-tab-nav.elementskit_ribbon_style .elementkit-nav-item .elementkit-nav-link .elementskit-tab-title {
  position: relative;
  z-index: 11;
}

.ekit-wid-con .elementkit-tab-nav.elementskit_ribbon_style .elementkit-nav-item .elementkit-nav-link::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: calc(100% + 20px);
  background-image: -webkit-linear-gradient(30deg, #f2709c 0%, #fe8f75 100%);
  background-image: -o-linear-gradient(30deg, #f2709c 0%, #fe8f75 100%);
  background-image: linear-gradient(60deg, #f2709c 0%, #fe8f75 100%);
  z-index: 10;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transition: -webkit-transform 400ms ease 400ms;
  transition: -webkit-transform 400ms ease 400ms;
  -o-transition: transform 400ms ease 400ms;
  transition: transform 400ms ease 400ms;
  transition: transform 400ms ease 400ms, -webkit-transform 400ms ease 400ms;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-size: 101% auto;
}

.ekit-wid-con .elementkit-tab-nav.elementskit_ribbon_style .elementkit-nav-item .elementkit-nav-link::after {
  position: absolute;
  content: "";
  bottom: -20px;
  right: -20px;
  width: 20px;
  height: 20px;
  z-index: 10;
  background-image: -webkit-linear-gradient(311deg, #174eac 50%, rgba(242, 41, 91, 0) 50%);
  background-image: -o-linear-gradient(311deg, #174eac 50%, rgba(242, 41, 91, 0) 50%);
  background-image: linear-gradient(-221deg, #174eac 50%, rgba(242, 41, 91, 0) 50%);
  opacity: 0;
  -webkit-transition: opacity 400ms ease 400ms;
  -o-transition: opacity 400ms ease 400ms;
  transition: opacity 400ms ease 400ms;
}

.ekit-wid-con .elementkit-tab-nav.elementskit_ribbon_style .elementkit-nav-item .elementkit-nav-link.active::after {
  opacity: 1;
  -webkit-transition: opacity 400ms ease 400ms;
  -o-transition: opacity 400ms ease 400ms;
  transition: opacity 400ms ease 400ms;
}

.ekit-wid-con .elementkit-tab-nav.elementskit_ribbon_style .elementkit-nav-item .elementkit-nav-link.active::before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition: -webkit-transform 400ms ease 0ms;
  transition: -webkit-transform 400ms ease 0ms;
  -o-transition: transform 400ms ease 0ms;
  transition: transform 400ms ease 0ms;
  transition: transform 400ms ease 0ms, -webkit-transform 400ms ease 0ms;
}

.ekit-wid-con .elementkit-tab-nav.elementskit-fullwidth-tab > .elementkit-nav-item {
  max-width: 100%;
  -ms-flex-preferred-size: 0%;
  flex-basis: 0%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.ekit-wid-con .elementkit-tab-content .elementkit-tab-pane {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-top: 20px;
}

.ekit-wid-con .tab-nav-fluid {
  width: 100%;
  display: block !important;
}

.ekit-wid-con .elementkit-nav-link {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .ekit-sidebar-group .ekit-overlay {
  left: 100%;
  top: 0;
  position: fixed;
  z-index: 101;
  height: 100%;
  opacity: 0;
  width: 100%;
  visibility: hidden;
  -webkit-transition: all .4s ease-in .8s;
  -o-transition: all .4s ease-in .8s;
  transition: all .4s ease-in .8s;
  cursor: url(../img/cross-out.png), pointer;
}

.ekit-wid-con .ekit-sidebar-group .ekit_widget-heading {
  position: absolute;
  top: 0;
  right: 0;
  padding: 25px;
}

.ekit-wid-con .ekit-sidebar-widget {
  position: fixed;
  right: -100%;
  top: 0;
  bottom: 0;
  width: 100%;
  max-width: 360px;
  z-index: 999999;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  -webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
  -o-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
  transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
  visibility: hidden;
  opacity: 0;
}

.ekit-wid-con .ekit-sidebar-group.ekit_isActive .ekit-overlay {
  opacity: .9;
  visibility: visible;
  -webkit-transition: all .8s ease-out 0s;
  -o-transition: all .8s ease-out 0s;
  transition: all .8s ease-out 0s;
  left: 0;
}

.ekit-wid-con .ekit-sidebar-group.ekit_isActive .ekit-sidebar-widget {
  opacity: 1;
  visibility: visible;
  right: 0;
  -webkit-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
  -o-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
  transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
}

.ekit-wid-con .ekit_sidebar-textwidget {
  padding: 40px;
  padding-top: 120px;
}

.ekit-wid-con .ekit_close-side-widget {
  color: #1768dd;
  font-size: 15px;
  display: block;
}

.ekit-wid-con .ekit_sidebar-widget-container {
  position: relative;
  top: 150px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s ease-in .3s;
  -o-transition: all .3s ease-in .3s;
  transition: all .3s ease-in .3s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ekit-wid-con .ekit-sidebar-group.ekit_isActive .ekit_sidebar-widget-container {
  top: 0px;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 1s ease-out 1.2s;
  -o-transition: all 1s ease-out 1.2s;
  transition: all 1s ease-out 1.2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ekit-wid-con .ekit_navSidebar-button {
  display: inline-block;
}

.ekit-wid-con .ekit-instagram-area {
  padding-left: 15px;
  padding-right: 15px;
}

.ekit-wid-con .layout-grid.ekit-insta-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

.ekit-wid-con .layout-grid .ekit-insta-col-1 {
  max-width: 8.33333%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.33333%;
  flex: 0 0 8.33333%;
  padding-left: 15px;
  padding-right: 15px;
}

.ekit-wid-con .layout-grid .ekit-insta-col-2 {
  max-width: 16.66667%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  padding-left: 15px;
  padding-right: 15px;
}

.ekit-wid-con .layout-grid .ekit-insta-col-3 {
  max-width: 25%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  padding-left: 15px;
  padding-right: 15px;
}

.ekit-wid-con .layout-grid .ekit-insta-col-4 {
  max-width: 33.33333%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  padding-left: 15px;
  padding-right: 15px;
}

.ekit-wid-con .layout-grid .ekit-insta-col-5 {
  max-width: 41.66667%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.66667%;
  flex: 0 0 41.66667%;
  padding-left: 15px;
  padding-right: 15px;
}

.ekit-wid-con .layout-grid .ekit-insta-col-6 {
  max-width: 50%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  padding-left: 15px;
  padding-right: 15px;
}

.ekit-wid-con .layout-grid .ekit-insta-col-7 {
  max-width: 58.33333%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.33333%;
  flex: 0 0 58.33333%;
  padding-left: 15px;
  padding-right: 15px;
}

.ekit-wid-con .layout-grid .ekit-insta-col-8 {
  max-width: 66.66667%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.66667%;
  flex: 0 0 66.66667%;
  padding-left: 15px;
  padding-right: 15px;
}

.ekit-wid-con .layout-grid .ekit-insta-col-9 {
  max-width: 75%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  padding-left: 15px;
  padding-right: 15px;
}

.ekit-wid-con .layout-grid .ekit-insta-col-10 {
  max-width: 83.33333%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.33333%;
  flex: 0 0 83.33333%;
  padding-left: 15px;
  padding-right: 15px;
}

.ekit-wid-con .layout-grid .ekit-insta-col-11 {
  max-width: 91.66667%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.66667%;
  flex: 0 0 91.66667%;
  padding-left: 15px;
  padding-right: 15px;
}

.ekit-wid-con .layout-grid .ekit-insta-col-12 {
  max-width: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  padding-left: 15px;
  padding-right: 15px;
}

@media (max-width: 1024px) {
  .ekit-wid-con .layout-grid .ekit-insta-col-1 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .ekit-wid-con .layout-grid .ekit-insta-col-2 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .ekit-wid-con .layout-grid .ekit-insta-col-3 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .ekit-wid-con .layout-grid .ekit-insta-col-4 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .ekit-wid-con .layout-grid .ekit-insta-col-5 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .ekit-wid-con .layout-grid .ekit-insta-col-6 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .ekit-wid-con .layout-grid .ekit-insta-col-7 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .ekit-wid-con .layout-grid .ekit-insta-col-8 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .ekit-wid-con .layout-grid .ekit-insta-col-9 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .ekit-wid-con .layout-grid .ekit-insta-col-10 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .ekit-wid-con .layout-grid .ekit-insta-col-11 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .ekit-wid-con .layout-grid .ekit-insta-col-12 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

@media (max-width: 767px) {
  .ekit-wid-con .layout-grid .ekit-insta-col-1 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .ekit-wid-con .layout-grid .ekit-insta-col-2 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .ekit-wid-con .layout-grid .ekit-insta-col-3 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .ekit-wid-con .layout-grid .ekit-insta-col-4 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .ekit-wid-con .layout-grid .ekit-insta-col-5 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .ekit-wid-con .layout-grid .ekit-insta-col-6 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .ekit-wid-con .layout-grid .ekit-insta-col-7 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .ekit-wid-con .layout-grid .ekit-insta-col-8 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .ekit-wid-con .layout-grid .ekit-insta-col-9 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .ekit-wid-con .layout-grid .ekit-insta-col-10 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .ekit-wid-con .layout-grid .ekit-insta-col-11 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .ekit-wid-con .layout-grid .ekit-insta-col-12 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}

.ekit-wid-con .layout-masonary {
  -webkit-column-gap: 30px;
  column-gap: 30px;
}

.ekit-wid-con .layout-masonary.ekit-insta-col-1 {
  -webkit-column-count: 12;
  column-count: 12;
}

.ekit-wid-con .layout-masonary.ekit-insta-col-2 {
  -webkit-column-count: 6;
  column-count: 6;
}

.ekit-wid-con .layout-masonary.ekit-insta-col-3 {
  -webkit-column-count: 4;
  column-count: 4;
}

.ekit-wid-con .layout-masonary.ekit-insta-col-4 {
  -webkit-column-count: 3;
  column-count: 3;
}

.ekit-wid-con .layout-masonary.ekit-insta-col-5 {
  -webkit-column-count: 2.4;
  column-count: 2.4;
}

.ekit-wid-con .layout-masonary.ekit-insta-col-6 {
  -webkit-column-count: 2;
  column-count: 2;
}

.ekit-wid-con .layout-masonary.ekit-insta-col-7 {
  -webkit-column-count: 1.71429;
  column-count: 1.71429;
}

.ekit-wid-con .layout-masonary.ekit-insta-col-8 {
  -webkit-column-count: 1.5;
  column-count: 1.5;
}

.ekit-wid-con .layout-masonary.ekit-insta-col-9 {
  -webkit-column-count: 1.33333;
  column-count: 1.33333;
}

.ekit-wid-con .layout-masonary.ekit-insta-col-10 {
  -webkit-column-count: 1.2;
  column-count: 1.2;
}

.ekit-wid-con .layout-masonary.ekit-insta-col-11 {
  -webkit-column-count: 1.09091;
  column-count: 1.09091;
}

.ekit-wid-con .layout-masonary.ekit-insta-col-12 {
  -webkit-column-count: 1;
  column-count: 1;
}

@media (max-width: 1024px) {
  .ekit-wid-con .layout-masonary.ekit-insta-col-1 {
    -webkit-column-count: 2;
    column-count: 2;
  }
  .ekit-wid-con .layout-masonary.ekit-insta-col-2 {
    -webkit-column-count: 2;
    column-count: 2;
  }
  .ekit-wid-con .layout-masonary.ekit-insta-col-3 {
    -webkit-column-count: 2;
    column-count: 2;
  }
  .ekit-wid-con .layout-masonary.ekit-insta-col-4 {
    -webkit-column-count: 2;
    column-count: 2;
  }
  .ekit-wid-con .layout-masonary.ekit-insta-col-5 {
    -webkit-column-count: 2;
    column-count: 2;
  }
  .ekit-wid-con .layout-masonary.ekit-insta-col-6 {
    -webkit-column-count: 2;
    column-count: 2;
  }
  .ekit-wid-con .layout-masonary.ekit-insta-col-7 {
    -webkit-column-count: 2;
    column-count: 2;
  }
  .ekit-wid-con .layout-masonary.ekit-insta-col-8 {
    -webkit-column-count: 2;
    column-count: 2;
  }
  .ekit-wid-con .layout-masonary.ekit-insta-col-9 {
    -webkit-column-count: 2;
    column-count: 2;
  }
  .ekit-wid-con .layout-masonary.ekit-insta-col-10 {
    -webkit-column-count: 2;
    column-count: 2;
  }
  .ekit-wid-con .layout-masonary.ekit-insta-col-11 {
    -webkit-column-count: 2;
    column-count: 2;
  }
  .ekit-wid-con .layout-masonary.ekit-insta-col-12 {
    -webkit-column-count: 2;
    column-count: 2;
  }
}

@media (max-width: 767px) {
  .ekit-wid-con .layout-masonary.ekit-insta-col-1 {
    -webkit-column-count: 1;
    column-count: 1;
  }
  .ekit-wid-con .layout-masonary.ekit-insta-col-2 {
    -webkit-column-count: 1;
    column-count: 1;
  }
  .ekit-wid-con .layout-masonary.ekit-insta-col-3 {
    -webkit-column-count: 1;
    column-count: 1;
  }
  .ekit-wid-con .layout-masonary.ekit-insta-col-4 {
    -webkit-column-count: 1;
    column-count: 1;
  }
  .ekit-wid-con .layout-masonary.ekit-insta-col-5 {
    -webkit-column-count: 1;
    column-count: 1;
  }
  .ekit-wid-con .layout-masonary.ekit-insta-col-6 {
    -webkit-column-count: 1;
    column-count: 1;
  }
  .ekit-wid-con .layout-masonary.ekit-insta-col-7 {
    -webkit-column-count: 1;
    column-count: 1;
  }
  .ekit-wid-con .layout-masonary.ekit-insta-col-8 {
    -webkit-column-count: 1;
    column-count: 1;
  }
  .ekit-wid-con .layout-masonary.ekit-insta-col-9 {
    -webkit-column-count: 1;
    column-count: 1;
  }
  .ekit-wid-con .layout-masonary.ekit-insta-col-10 {
    -webkit-column-count: 1;
    column-count: 1;
  }
  .ekit-wid-con .layout-masonary.ekit-insta-col-11 {
    -webkit-column-count: 1;
    column-count: 1;
  }
  .ekit-wid-con .layout-masonary.ekit-insta-col-12 {
    -webkit-column-count: 1;
    column-count: 1;
  }
}

.ekit-wid-con .layout-masonary .ekit-ins-feed {
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}

.ekit-wid-con .ekit-insta-content-holder {
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
}

.ekit-wid-con .ekit-nsta-user-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px;
}

.ekit-wid-con .ekit-insta-user-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000000;
}

.ekit-wid-con .ekit-insta-user-details:hover .ekit-insta-user-name {
  text-decoration: underline;
  color: #e1306c;
}

.ekit-wid-con .ekit-insta-user-details:hover .ekit-insta-dataandtime {
  text-decoration: underline;
  color: #833ab4;
}

.ekit-wid-con .ekit-insta-user-details .ekit-insta-user-image {
  width: 44px;
  height: 44px;
  overflow: hidden;
  position: relative;
  background: -webkit-linear-gradient(50deg, #833ab4 15%, #e1306c 50%, #f56040 85%);
  background: -o-linear-gradient(50deg, #833ab4 15%, #e1306c 50%, #f56040 85%);
  background: linear-gradient(40deg, #833ab4 15%, #e1306c 50%, #f56040 85%);
  margin-right: 12px;
  padding: 2px;
}

.ekit-wid-con .ekit-insta-user-details .ekit-insta-user-image > img {
  border: 1px solid #fafafa;
}

.ekit-wid-con .ekit-insta-user-details .ekit-insta-user-image.circle {
  border-radius: 50%;
}

.ekit-wid-con .ekit-insta-user-details .ekit-insta-user-image.circle > img {
  border-radius: inherit;
}

.ekit-wid-con .ekit-insta-username-and-time {
  line-height: 1;
}

.ekit-wid-con .ekit-insta-username-and-time .ekit-insta-user-name {
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}

.ekit-wid-con .ekit-insta-username-and-time .ekit-insta-dataandtime {
  font-size: 10px;
  color: rgba(0, 0, 0, 0.6);
}

.ekit-wid-con .ekit-instagram-feed-posts-item-content {
  padding: 16px;
}

.ekit-wid-con .ekit-insta-captions-box {
  margin-top: 12px;
}

.ekit-wid-con .ekit-insta-statics-count {
  display: inline-block;
  color: #000000;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .ekit-insta-statics-count:not(:last-child) {
  margin-right: 15px;
}

.ekit-wid-con .ekit-insta-statics-count.ekit-insta-statics-comment:hover {
  color: #f56040;
}

.ekit-wid-con .ekit-insta-statics-count.ekit-insta-statics-comment:hover > svg path {
  fill: #f56040;
}

.ekit-wid-con .ekit-insta-statics-count.ekit-insta-statics-favourite:hover {
  color: #833ab4;
}

.ekit-wid-con .ekit-insta-statics-count.ekit-insta-statics-favourite:hover > svg path {
  fill: #833ab4;
}

.ekit-wid-con .ekit-insta-statics-count > svg {
  width: 24px;
  height: 24px;
  vertical-align: middle;
}

.ekit-wid-con .ekit-insta-statics-count > svg path {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .ekit-insta-statics-count .ekit-insta-statics-value {
  margin-left: 6px;
  font-size: 14px;
}

.ekit-wid-con .ekit-insta-captions {
  color: #000000;
  font-size: 14px;
}

.ekit-wid-con .ekit-insta-content-holder.ekit-insta-style-tiles .ekit-instagram-feed-posts-item-content {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-20%);
  -ms-transform: translateY(-20%);
  transform: translateY(-20%);
  width: 100%;
  z-index: 5;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  text-align: center;
}

.ekit-wid-con .ekit-insta-content-holder.ekit-insta-style-tiles:hover .ekit-instagram-feed-posts-item-content {
  opacity: 1;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ekit-wid-con .ekit-insta-content-holder.ekit-insta-style-tiles:hover .insta-media .photo-thumb {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.ekit-wid-con .ekit-insta-content-holder.ekit-insta-style-tiles .ekit-insta-statics-count svg path {
  fill: #FFFFFF;
}

.ekit-wid-con .ekit-insta-content-holder.ekit-insta-style-tiles .ekit-insta-captions {
  color: #FFFFFF;
}

.ekit-wid-con .ekit-insta-content-holder.ekit-insta-style-tiles .insta-media > a {
  display: block;
  position: relative;
  overflow: hidden;
}

.ekit-wid-con .ekit-insta-content-holder.ekit-insta-style-tiles .insta-media .photo-thumb {
  -webkit-transition: -webkit-transform 0.3s ease, -webkit-filter 0.3s;
  transition: -webkit-transform 0.3s ease, -webkit-filter 0.3s;
  -o-transition: transform 0.3s ease, filter 0.3s;
  transition: transform 0.3s ease, filter 0.3s;
  transition: transform 0.3s ease, filter 0.3s, -webkit-transform 0.3s ease, -webkit-filter 0.3s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ekit-wid-con .ekit-insta-content-holder .ekit-insta-hover-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .ekit-insta-content-holder:hover .ekit-insta-hover-overlay {
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 1;
}

.ekit-wid-con .ekit-insta-content-holder.ekit-insta-style-classic {
  border-radius: 3px;
  border: 1px solid #e6e6e6;
  background-color: #FFFFFF;
}

.ekit-wid-con .ekit-insta-content-holder .insta-media .photo-thumb {
  width: 100%;
}

.ekit-wid-con .ekit-instagram-feed-item-source-icon {
  vertical-align: middle;
  display: inline-block;
}

.ekit-wid-con .ekit-instagram-feed-item-source-icon svg path {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .insta-follow-btn-area > .btn {
  background-color: #f56040;
  border-radius: 21px;
  -webkit-box-shadow: 0px 7px 15px 0px rgba(245, 96, 64, 0.3);
  box-shadow: 0px 7px 15px 0px rgba(245, 96, 64, 0.3);
  padding: 10px 35px;
  font-size: 14px;
  font-weight: 500;
  color: #FFF;
  border: 0px solid #000;
}

.ekit-wid-con .ekit-insta-statics-favourite svg {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.ekit-wid-con .ekit-dropcap-cotnent {
  margin-bottom: 0;
}

.ekit-wid-con .ekit-dropcap-cotnent:first-child:first-letter {
  color: #903;
  float: left;
  font-size: 75px;
  line-height: 60px;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 3px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.ekit-wid-con .ekit_double_button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 480px) {
  .ekit-wid-con .ekit_double_button {
    display: block;
  }
}

.ekit-wid-con .ekit-double-btn {
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  outline: none;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  text-align: center;
  overflow: hidden;
  color: #FFFFFF;
  width: 100%;
  background-color: #3b3b3b;
  padding: 20px;
  z-index: 1;
}

.ekit-wid-con .ekit-double-btn::before {
  position: absolute;
  content: "";
  border-radius: inherit;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: -1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: 102% 102%;
  opacity: 0;
}

.ekit-wid-con .ekit-double-btn:hover::before {
  opacity: 1;
}

.ekit-wid-con .ekit-double-btn:hover {
  background-color: #1a1a1a;
}

.ekit-wid-con .ekit-element-align-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.ekit-wid-con .ekit_button_middle_text {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 100%;
  position: relative;
  -webkit-box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.2);
  background: #FAFAF8;
  color: #444444;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  z-index: 5;
}

.ekit-wid-con .ekit-double-btn-one {
  background-color: #2575fc;
}

.ekit-wid-con .ekit-double-btn-one:hover {
  background-color: #0359eb;
}

.ekit-wid-con .ekit_creative_icon_box {
  display: inline-block;
  padding: 20px;
  background-color: #333333;
  color: #FFFFFF;
  font-size: 20px;
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 1;
  cursor: pointer;
  -webkit-transition: all .4s ease-in;
  -o-transition: all .4s ease-in;
  transition: all .4s ease-in;
}

.ekit-wid-con .ekit_hover_grow {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
}

.ekit-wid-con .ekit_hover_grow:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.ekit-wid-con .ekit_hover_pulse:hover {
  -webkit-animation-name: ekit-hvr-pulse;
  animation-name: ekit-hvr-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes ekit-hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes ekit-hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

.ekit-wid-con .ekit_hover_pushe:hover {
  -webkit-animation-name: ekit-hvr-push;
  animation-name: ekit-hvr-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

@-webkit-keyframes ekit-hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes ekit-hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.ekit-wid-con .ekit_hover_pop:hover {
  -webkit-animation-name: ekit-hvr-pop;
  animation-name: ekit-hvr-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

@-webkit-keyframes ekit-hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@keyframes ekit-hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

.ekit-wid-con .ekit_hover_rotate:hover {
  -webkit-transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  transform: rotate(4deg);
}

.ekit-wid-con .ekit_hover_float:hover {
  -webkit-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
  transform: translateY(-8px);
}

.ekit-wid-con .ekit_hover_sink:hover {
  -webkit-transform: translateY(8px);
  -ms-transform: translateY(8px);
  transform: translateY(8px);
}

.ekit-wid-con .ekit_hover_skew:hover {
  -webkit-transform: skew(-10deg);
  -ms-transform: skew(-10deg);
  transform: skew(-10deg);
}

.ekit-wid-con .ekit_hover_wobble_horizontal:hover {
  -webkit-animation-name: ekit-hvr-wobble-horizontal;
  animation-name: ekit-hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

@-webkit-keyframes ekit-hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes ekit-hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.ekit-wid-con .ekit_hover_wobble_vertical:hover {
  -webkit-animation-name: ekit-hvr-wobble-vertical;
  animation-name: ekit-hvr-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

@-webkit-keyframes ekit-hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes ekit-hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.ekit-wid-con .ekit_hover_shadow {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  background-color: #e1e1e1;
  color: #666;
}

.ekit-wid-con .ekit_hover_shadow:hover {
  -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}

.ekit-wid-con .ekit_hover_float_shadow::before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: -o-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: transform, opacity;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
}

.ekit-wid-con .ekit_hover_float_shadow:hover {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}

.ekit-wid-con .ekit_hover_float_shadow:hover::before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
}

.ekit-wid-con .ekit_hover_glow_out:hover {
  -webkit-transform: scale(0.93);
  -ms-transform: scale(0.93);
  transform: scale(0.93);
}

.ekit-wid-con .ekit_hover_glow_out:hover::before {
  -webkit-animation: ekit-hover-glow-out 1.3s ease-out 75ms;
  animation: ekit-hover-glow-out 1.3s ease-out 75ms;
}

.ekit-wid-con .ekit_hover_glow_out::before {
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-box-shadow: 0 0 0 2px rgba(51, 51, 51, 0.1);
  box-shadow: 0 0 0 2px rgba(51, 51, 51, 0.1);
  opacity: 0;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  content: '';
}

@-webkit-keyframes ekit-hover-glow-out {
  0% {
    opacity: .3;
  }
  40% {
    opacity: .5;
    -webkit-box-shadow: 0 0 0 2px rgba(51, 51, 51, 0.1), 0 0 10px 10px #333333, 0 0 0 10px rgba(51, 51, 51, 0.5);
    box-shadow: 0 0 0 2px rgba(51, 51, 51, 0.1), 0 0 10px 10px #333333, 0 0 0 10px rgba(51, 51, 51, 0.5);
  }
  100% {
    -webkit-box-shadow: 0 0 0 2px rgba(51, 51, 51, 0.1), 0 0 10px 10px #333333, 0 0 0 10px rgba(51, 51, 51, 0.5);
    box-shadow: 0 0 0 2px rgba(51, 51, 51, 0.1), 0 0 10px 10px #333333, 0 0 0 10px rgba(51, 51, 51, 0.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
  }
}

@keyframes ekit-hover-glow-out {
  0% {
    opacity: .3;
  }
  40% {
    opacity: .5;
    -webkit-box-shadow: 0 0 0 2px rgba(51, 51, 51, 0.1), 0 0 10px 10px #333333, 0 0 0 10px rgba(51, 51, 51, 0.5);
    box-shadow: 0 0 0 2px rgba(51, 51, 51, 0.1), 0 0 10px 10px #333333, 0 0 0 10px rgba(51, 51, 51, 0.5);
  }
  100% {
    -webkit-box-shadow: 0 0 0 2px rgba(51, 51, 51, 0.1), 0 0 10px 10px #333333, 0 0 0 10px rgba(51, 51, 51, 0.5);
    box-shadow: 0 0 0 2px rgba(51, 51, 51, 0.1), 0 0 10px 10px #333333, 0 0 0 10px rgba(51, 51, 51, 0.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
  }
}

.ekit-wid-con .ekit_hover_dashed,
.ekit-wid-con .ekit_hover_border_spined {
  background-color: #FFFFFF;
  color: #333333;
  -webkit-transition: -webkit-box-shadow .2s ease;
  transition: -webkit-box-shadow .2s ease;
  -o-transition: box-shadow .2s ease;
  transition: box-shadow .2s ease;
  transition: box-shadow .2s ease, -webkit-box-shadow .2s ease;
  -webkit-box-shadow: inset 0 0 0 4px #333333;
  box-shadow: inset 0 0 0 4px #333333;
}

.ekit-wid-con .ekit_hover_dashed::before,
.ekit-wid-con .ekit_hover_border_spined::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  border: 4px dashed #333333;
  -webkit-transition: opacity .4s ease;
  -o-transition: opacity .4s ease;
  transition: opacity .4s ease;
  pointer-events: none;
  border-radius: inherit;
}

.ekit-wid-con .ekit_hover_dashed:hover,
.ekit-wid-con .ekit_hover_border_spined:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ekit-wid-con .ekit_hover_border_spined:hover::before {
  -webkit-animation-name: ekit-hover-spined;
  animation-name: ekit-hover-spined;
  -webkit-animation-duration: 9s;
  animation-duration: 9s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

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

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

.ekit-wid-con .ekit_round_icon {
  height: 70px;
  width: 70px;
  border-radius: 50%;
}

.ekit-wid-con .ekit_hover_fill_with_shadow {
  color: #333333;
  -webkit-box-shadow: 0 0 0 4px #333333;
  box-shadow: 0 0 0 4px #333333;
  background-color: transparent;
}

.ekit-wid-con .ekit_hover_fill_with_shadow:hover {
  -webkit-box-shadow: 0 0 0 8px rgba(51, 51, 51, 0.3);
  box-shadow: 0 0 0 8px rgba(51, 51, 51, 0.3);
  background-color: #333333;
  color: #FFFFFF;
}

.ekit-wid-con .ekit_hover_fill_only {
  -webkit-box-shadow: 0 0 0 4px #333333;
  box-shadow: 0 0 0 4px #333333;
  color: #333333;
  background-color: transparent;
}

.ekit-wid-con .ekit_hover_fill_only:hover {
  background-color: #333333;
  color: #FFFFFF;
}

.ekit-wid-con .ekit_hover_fill_and_scale_border {
  background-color: rgba(0, 0, 0, 0.1);
  color: #000000;
}

.ekit-wid-con .ekit_hover_fill_and_scale_border::before {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  content: "";
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  top: -7px;
  left: -7px;
  padding: 7px;
  -webkit-box-shadow: 0 0 0 4px #000000;
  box-shadow: 0 0 0 4px #000000;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
  z-index: -1;
}

.ekit-wid-con .ekit_hover_fill_and_scale_border:hover {
  background-color: #000000;
  color: #FFFFFF;
}

.ekit-wid-con .ekit_hover_fill_and_scale_border:hover::before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.ekit-wid-con .ekit_hover_fill_and_scale_border_inset {
  -webkit-box-shadow: 0 0 0 3px #333333;
  box-shadow: 0 0 0 3px #333333;
  background-color: transparent;
}

.ekit-wid-con .ekit_hover_fill_and_scale_border_inset::before {
  top: -2px;
  left: -2px;
  padding: 2px;
  z-index: -1;
  background-color: #333333;
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: '';
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: opacity .2s, -webkit-transform .2s;
  transition: opacity .2s, -webkit-transform .2s;
  -o-transition: transform .2s, opacity .2s;
  transition: transform .2s, opacity .2s;
  transition: transform .2s, opacity .2s, -webkit-transform .2s;
}

.ekit-wid-con .ekit_hover_fill_and_scale_border_inset:hover::before {
  -webkit-transform: scale(0.85);
  -ms-transform: scale(0.85);
  transform: scale(0.85);
}

.ekit-wid-con .breadcumb > li {
  display: inline-block;
  color: #9d9fa0;
}

.ekit-wid-con .breadcumb > li > a {
  display: inline-block;
  color: inherit;
}

.ekit-wid-con .breadcumb > li:not(:last-child):after {
  content: "-";
  padding: 0 5px;
  position: relative;
}

.ekit-wid-con .breadcumb.version-2 > li {
  color: #000000;
}

.ekit-wid-con .breadcumb.version-2 > li > a {
  color: #2575fc;
}

.ekit-wid-con .breadcumb.version-2 > li:not(:last-child):after {
  content: "\e87a";
  font-family: "elementskit";
  padding: 0 14px;
  top: 2px;
}

.ekit-wid-con .video-popup-wraper {
  position: relative;
}

.ekit-wid-con .video-popup-wraper > img {
  width: 100%;
}

.ekit-wid-con .video-popup-wraper .video-content {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  z-index: 10;
}

.ekit-wid-con .video-popup-wraper .video-content .ekit-video-popup {
  background-color: rgba(255, 255, 255, 0.2);
  font-size: 40px;
}

.ekit-wid-con .video-popup-wraper .video-content .ekit-video-popup:hover {
  color: #2575fc;
}

.ekit-wid-con .video-popup-wraper .video-content .fill-btn {
  background-color: #FFFFFF;
  color: #2575fc;
}

.ekit-wid-con .video-popup-wraper .video-content .fill-btn:hover {
  color: #FFFFFF;
  background-color: #2575fc;
}

.ekit-wid-con .video-popup-wraper .video-content .text-btn {
  background-color: transparent;
}

.ekit-wid-con .video-popup-wraper .video-content .square-btn {
  border-radius: 0;
  background-color: #FFFFFF;
}

.ekit-wid-con .video-popup-wraper.version-2 {
  border-radius: 10px;
}

.ekit-wid-con .video-popup-wraper.version-2 > img {
  border-radius: inherit;
  z-index: 2;
  position: relative;
}

.ekit-wid-con .video-popup-wraper.version-2 .xs-overlay {
  opacity: .3;
  border-radius: inherit;
  z-index: 3;
}

.ekit-wid-con .video-popup-wraper.version-3 {
  border-radius: 10px;
}

.ekit-wid-con .video-popup-wraper.version-3 > img {
  border-radius: inherit;
  -webkit-box-shadow: 0px 42px 60px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 42px 60px 0px rgba(0, 0, 0, 0.3);
}

.ekit-wid-con .video-popup-wraper.version-3 .xs-overlay {
  opacity: .3;
  border-radius: inherit;
}

.ekit-wid-con .video-popup-wraper.version-4 .video-content {
  top: inherit;
  bottom: -80px;
  left: inherit;
  right: 50px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.ekit-wid-con .ekit-video-popup {
  display: inline-block;
  text-align: center;
  font-size: 18px;
  background-color: #000000;
  color: #FFFFFF;
  border-radius: 50%;
  position: relative;
  z-index: 6;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .ekit-video-popup.ekit_icon_button {
  padding: 10px;
}

.ekit-wid-con .ekit-video-popup.fill-btn {
  width: 100px;
  height: 100px;
  line-height: 104px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 25px 25px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 25px 25px 0px rgba(0, 0, 0, 0.15);
}

.ekit-wid-con .ekit-video-popup.text-btn {
  width: auto;
  height: auto;
  border-radius: 0px;
  background-color: transparent;
  text-decoration: underline;
}

.ekit-wid-con .ekit-video-popup.square-btn {
  height: 156px;
  line-height: 156px;
  width: 100%;
  border-radius: 100%;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 42px 60px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 42px 60px 0px rgba(0, 0, 0, 0.3);
  padding: 0 69px;
}

.ekit-wid-con .ekit-video-popup.square-btn:hover {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}

.ekit-wid-con .stack-effect {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: inherit;
  pointer-events: none;
}

.ekit-wid-con .stack-effect::after, .ekit-wid-con .stack-effect::before {
  position: absolute;
  content: "";
  bottom: -60px;
  left: 80px;
  right: 80px;
  top: 60px;
  background-color: #255cff;
  z-index: 1;
  opacity: .1;
  border-radius: inherit;
}

.ekit-wid-con .stack-effect::before {
  bottom: -30px;
  left: 40px;
  right: 40px;
  top: 30px;
}

.ekit-wid-con .stack-shadow {
  position: absolute;
  left: 50%;
  bottom: -58px;
  width: calc(100% - 190px);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  color: rgba(0, 0, 0, 0.3);
  border: 67.5px solid rgba(0, 0, 0, 0);
  border-top: 0 solid;
  border-bottom: 135px solid;
  -webkit-filter: blur(50.5px);
  filter: blur(50.5px);
  z-index: -1;
  pointer-events: none;
}

.ekit-wid-con .video-watermark-title {
  font-size: 102px;
  font-weight: 900;
  opacity: .07;
  margin-bottom: -22px;
}

.ekit-wid-con .small-version .video-watermark-title {
  font-size: 64px;
  margin-bottom: -13px;
}

.ekit-wid-con .small-version .video-popup-wraper .fill-btn {
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
}

.ekit-wid-con .mini-version {
  padding: 0 48px;
}

.ekit-wid-con .mini-version .video-watermark-title {
  font-size: 48px;
  margin-bottom: -13px;
}

.ekit-wid-con .mini-version .video-popup-wraper .fill-btn {
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 12px;
}

.ekit-wid-con .shadow-title {
  color: #ff2d55;
  font-size: 36px;
  font-weight: 900;
  text-shadow: 0px 5px 10px rgba(255, 45, 85, 0.3);
}

.ekit-wid-con .shadow-title > i {
  font-size: 18px;
  position: relative;
  top: -4px;
}

.ekit-wid-con .elementor-widget-video .elementor-widget-container {
  overflow: visible;
}

.ekit-wid-con .elementskit-btn {
  border-radius: 5px;
  font-size: 15px;
  padding: 15px 30px;
  display: inline-block;
  color: #FFFFFF;
  position: relative;
  display: inline-block;
  line-height: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
  background-color: #2575fc;
  z-index: 1;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .elementskit-btn:hover {
  background-color: #0350d2;
}

.ekit-wid-con .elementskit-btn:hover::before {
  opacity: 1;
}

.ekit-wid-con .elementskit-btn:before {
  position: absolute;
  content: "";
  border-radius: inherit;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: -1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: 102% 102%;
  opacity: 0;
}

.ekit-wid-con .ekit-team-social-list > li {
  display: inline-block;
}

.ekit-wid-con .ekit-team-social-list > li:not(:last-child) {
  margin-right: 10px;
}

.ekit-wid-con .ekit-team-social-list > li > a {
  display: block;
  color: #FFFFFF;
  width: 30px;
  height: 30px;
  line-height: 32px;
  font-size: 12px;
  background-color: #000000;
  text-align: center;
}

.ekit-wid-con .ekit-team-social-list > li > a:hover {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 50%;
}

.ekit-wid-con .ekit-team-social-list > li > a:hover > i::before {
  -webkit-animation: iconTranslateY 0.4s forwards;
  animation: iconTranslateY 0.4s forwards;
}

.ekit-wid-con .ekit-team-social-list > li > a > i {
  overflow: hidden;
}

.ekit-wid-con .ekit-team-social-list > li > a > i::before {
  display: inline-block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ekit-wid-con .icon-outline {
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  color: #000000;
  text-align: center;
  border: 1px solid currentColor;
}

.ekit-wid-con .icon-outline.circle {
  border-radius: 50%;
}

.ekit-wid-con .icon-wraper .icon-outline:not(:last-child) {
  margin-right: 12px;
}

.ekit-wid-con .elementskit-clients-slider .slick-prev,
.ekit-wid-con .elementskit-clients-slider .slick-next {
  z-index: 1;
}

.ekit-wid-con .elementskit-clients-slider .slick-prev::before,
.ekit-wid-con .elementskit-clients-slider .slick-next::before {
  color: #000;
}

.ekit-wid-con .elementskit-clients-slider .slick-arrow {
  position: absolute;
  border: 0;
  background: transparent;
  z-index: 1;
  padding: 0;
  height: initial !important;
  width: initial !important;
  line-height: initial !important;
  font-size: 20px;
  color: #000;
  padding: 15px;
}

.ekit-wid-con .elementskit-clients-slider .slick-arrow .slick-next {
  left: 100%;
}

.ekit-wid-con .elementskit-clients-slider .slick-arrow::before {
  content: "" !important;
}

.ekit-wid-con .elementskit-clients-slider.arrow_inside button.slick-prev {
  left: 15px;
}

.ekit-wid-con .elementskit-clients-slider.arrow_inside button.slick-next {
  right: 15px;
  left: inherit;
}

.ekit-wid-con .elementskit-clients-slider.arrow_outside .slick-prev {
  left: -60px;
}

.ekit-wid-con .slick-dots {
  line-height: 1;
}

.ekit-wid-con .slick-dots li button {
  background-color: #EDEDED;
  padding: 0px;
}

.ekit-wid-con .slick-dots li button:before {
  opacity: 0;
}

.ekit-wid-con .slick-dots li.slick-active button {
  background-color: #62606b;
}

.ekit-wid-con .dot_dotted .slick-dots li,
.ekit-wid-con .dot_dashed .slick-dots li {
  width: auto;
  height: auto;
}

.ekit-wid-con .dot_dotted .slick-dots li button,
.ekit-wid-con .dot_dashed .slick-dots li button {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #000000;
  opacity: 1;
  display: block;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border: 0;
}

.ekit-wid-con .dot_dotted .slick-dots li button::before,
.ekit-wid-con .dot_dashed .slick-dots li button::before {
  content: "" !important;
}

.ekit-wid-con .dot_dotted .slick-dots li.slick-active button,
.ekit-wid-con .dot_dashed .slick-dots li.slick-active button {
  -webkit-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
  opacity: 1;
}

.ekit-wid-con .dot_dashed .slick-dots > li.slick-active > button {
  width: 40px;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  border-radius: 4px;
}

.ekit-wid-con .dot_paginated .slick-dots {
  counter-reset: myCounter;
}

.ekit-wid-con .dot_paginated .slick-dots > li {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 3.536px 3.536px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 3.536px 3.536px 10px 0px rgba(0, 0, 0, 0.1);
  color: #565656;
  opacity: 1;
  font-weight: 700;
  border-radius: 50%;
}

.ekit-wid-con .dot_paginated .slick-dots > li:before {
  counter-increment: myCounter;
  content: counter(myCounter);
}

.ekit-wid-con .dot_paginated .slick-dots > li.slick-active {
  background-color: #2575fc;
  color: #FFFFFF;
}

.ekit-wid-con .dot_paginated .slick-dots > li > button {
  display: none;
}

.ekit-wid-con .owl-carousel {
  position: relative;
}

.ekit-wid-con .owl-carousel .simple-arrow {
  color: #000000;
  font-size: 28px;
}

.ekit-wid-con .owl-carousel .owl-nav .owl-prev,
.ekit-wid-con .owl-carousel .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  z-index: 3;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .owl-carousel .owl-nav .owl-prev {
  left: 0;
}

.ekit-wid-con .owl-carousel .owl-nav .owl-next {
  right: 0;
}

.ekit-wid-con .clients-slider-2 .owl-nav .owl-prev, .ekit-wid-con .clients-slider-4 .owl-nav .owl-prev,
.ekit-wid-con .clients-slider-2 .owl-nav .owl-next,
.ekit-wid-con .clients-slider-4 .owl-nav .owl-next {
  top: calc(50% - 39px);
}

.ekit-wid-con .clients-slider-2 .owl-nav .owl-prev, .ekit-wid-con .clients-slider-4 .owl-nav .owl-prev {
  left: -70px;
}

.ekit-wid-con .clients-slider-2 .owl-nav .owl-prev:hover, .ekit-wid-con .clients-slider-4 .owl-nav .owl-prev:hover {
  left: -65px;
}


.ekit-wid-con .clients-slider-2 .owl-nav .owl-next,
.ekit-wid-con .clients-slider-4 .owl-nav .owl-next {
  right: -70px;
}

.ekit-wid-con .clients-slider-2 .owl-nav .owl-next:hover, .ekit-wid-con .clients-slider-4 .owl-nav .owl-next:hover {
  right: -65px;
}

.ekit-wid-con .clients-slider-4 .owl-nav .owl-prev,
.ekit-wid-con .clients-slider-4 .owl-nav .owl-next {
  top: calc(50% - 20px);
}

.ekit-wid-con .clients-slider-4 .owl-nav .owl-prev {
  left: -85px;
}

.ekit-wid-con .clients-slider-4 .owl-nav .owl-prev:hover {
  left: -80px;
}

.ekit-wid-con .box-arrow {
  -webkit-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.07);
  box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.07);
  width: 30px;
  display: block;
  height: 40px;
  line-height: 40px;
  background-color: #e7e7e7;
  text-align: center;
  color: rgba(0, 0, 0, 0.5);
}

.ekit-wid-con .round-arrow {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  background-color: #2575fc;
  color: #FFFFFF;
  display: inline-block;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .round-arrow:hover {
  background-color: #0359eb;
}

.ekit-wid-con .modern-nav .owl-nav {
  width: 920px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  height: 0;
  top: 50%;
}

.ekit-wid-con .modern-nav .owl-nav .owl-next,
.ekit-wid-con .modern-nav .owl-nav .owl-prev {
  position: static;
}

.ekit-wid-con .modern-nav .owl-nav .owl-next {
  float: right;
}

.ekit-wid-con .modern-nav .owl-nav .owl-prev {
  display: inline-block;
}

.ekit-wid-con .egg-arrow {
  -webkit-box-shadow: 9.899px 9.899px 20px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 9.899px 9.899px 20px 0px rgba(0, 0, 0, 0.15);
  display: inline-block;
  background-color: #FFFFFF;
  height: 47px;
  line-height: 47px;
  border-radius: 23.5px;
  color: #2575fc;
  font-size: 30px;
  padding: 0 26px;
}

.ekit-wid-con .testimonial-card-slider.modern-nav .owl-nav {
  width: 1110px;
}

.ekit-wid-con .testimonial-card-slider .owl-nav button > i {
  font-size: 30px;
}

.ekit-wid-con .tall-box {
  font-size: 14px;
  display: inline-block;
  color: #656565;
  width: 30px;
  height: 70px;
  line-height: 70px;
  background-color: rgba(0, 0, 0, 0.1);
}

.ekit-wid-con .customNavigation > .customnav {
  cursor: pointer;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  text-align: center;
  -webkit-box-shadow: 19.799px 19.799px 40px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 19.799px 19.799px 40px 0px rgba(0, 0, 0, 0.1);
  background-color: #FFFFFF;
  border: 0px solid #000;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .customNavigation > .customnav:not(:last-child) {
  margin-right: 18px;
}

.ekit-wid-con .customNavigation > .customnav:hover {
  background-color: #2575fc;
  color: #FFFFFF;
}

.ekit-wid-con .customNavigation.gradient-v > .customnav {
  background-color: rgba(255, 255, 255, 0.11);
}

.ekit-wid-con .customNavigation.gradient-v > .customnav:hover {
  background: #f2709c;
  background: -webkit-linear-gradient(125deg, #f2709c 0%, #fe8f75 100%);
  background: -o-linear-gradient(125deg, #f2709c 0%, #fe8f75 100%);
  background: linear-gradient(-35deg, #f2709c 0%, #fe8f75 100%);
}

.ekit-wid-con .elementskit-main-filter {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  z-index: 10;
}

.ekit-wid-con .elementskit-main-filter > li {
  margin-right: 10px;
}

@media (max-width: 1024px) {
  .ekit-wid-con .elementskit-main-filter > li {
    margin-bottom: 20px;
  }
}

.ekit-wid-con .elementskit-main-filter > li:last-child {
  margin-right: 0px;
}

.ekit-wid-con .elementskit-main-filter > li > a {
  color: #374a5e;
  background-color: #FFFFFF;
  padding: 8px 34px;
  display: block;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: relative;
}

.ekit-wid-con .elementskit-main-filter > li > a.selected {
  background-color: #374a5e;
  color: #FFFFFF;
}

.ekit-wid-con .elemetskit_filter_wraper_outer.elemetskit_filter_center {
  text-align: center;
}

.ekit-wid-con .elemetskit_filter_wraper_outer.elemetskit_filter_center .filter-button-wraper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ekit-wid-con .elemetskit_filter_wraper_outer.elemetskit_filter_left {
  text-align: left;
}

.ekit-wid-con .elemetskit_filter_wraper_outer.elemetskit_filter_left .filter-button-wraper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ekit-wid-con .elemetskit_filter_wraper_outer.elemetskit_filter_right {
  text-align: right;
}

.ekit-wid-con .elemetskit_filter_wraper_outer.elemetskit_filter_right .filter-button-wraper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ekit-wid-con .elementskit_filter_style_one > li > a.selected {
  color: #374a5e;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.07);
}

.ekit-wid-con .elementskit_filter_style_two > li {
  z-index: 1;
  position: relative;
}

.ekit-wid-con .elementskit_filter_style_two > li > a.selected {
  background: #2575fc;
  background: -webkit-gradient(linear, left top, right top, from(#2575fc), to(#6a11cb));
  background: -webkit-linear-gradient(left, #2575fc 0%, #6a11cb 100%);
  background: -o-linear-gradient(left, #2575fc 0%, #6a11cb 100%);
  background: linear-gradient(90deg, #2575fc 0%, #6a11cb 100%);
}

.ekit-wid-con .elementskit_filter_style_two > li > a.selected .elementskit_blur_shadow_panel {
  opacity: 1;
  top: 5px;
}

.ekit-wid-con .elementskit_filter_style_two .elementskit_blur_shadow_panel {
  position: absolute;
  top: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 100%;
  width: calc(100% - 20px);
  background: #2575fc;
  background: -webkit-gradient(linear, left top, right top, from(#2575fc), to(#6a11cb));
  background: -webkit-linear-gradient(left, #2575fc 0%, #6a11cb 100%);
  background: -o-linear-gradient(left, #2575fc 0%, #6a11cb 100%);
  background: linear-gradient(90deg, #2575fc 0%, #6a11cb 100%);
  -webkit-filter: blur(5px);
  filter: blur(5px);
  opacity: 0;
  -webkit-transition: 200ms top ease, opacity 300ms ease-in;
  -o-transition: 200ms top ease, opacity 300ms ease-in;
  transition: 200ms top ease, opacity 300ms ease-in;
  z-index: -1;
}

.ekit-wid-con .elementskit_filter_style_three > li > a {
  border: 2px solid transparent;
}

.ekit-wid-con .elementskit_filter_style_three > li > a.selected {
  -webkit-box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.07);
  border-color: currentColor;
  color: #374a5e;
  background-color: #FFFFFF;
}

.ekit-wid-con .elementskit_filter_style_three.elementskit_nav_caret > li > a::before {
  position: absolute;
  content: "";
  top: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 15px;
  width: 2px;
  opacity: 0;
  -webkit-transition: 200ms top ease, opacity 300ms ease-in;
  -o-transition: 200ms top ease, opacity 300ms ease-in;
  transition: 200ms top ease, opacity 300ms ease-in;
  background-color: #374a5e;
  z-index: -1;
}

.ekit-wid-con .elementskit_filter_style_three.elementskit_nav_caret > li > a.selected::before {
  top: 100%;
  opacity: 1;
}

.ekit-wid-con .elementskit_filter_style_four {
  -webkit-box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.07);
  border: 2px solid #ea5356;
  background-color: white;
}

.ekit-wid-con .elementskit_filter_style_four > li > a.selected {
  background-color: #FFFFFF;
  color: #ea5356;
}

.ekit-wid-con .elementskit_filter_style_four.elementskit_divider_active > li > a::before {
  position: absolute;
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  background-color: #ea5356;
  width: 2px;
  height: 19px;
}

.ekit-wid-con .elementskit_filter_style_four.elementskit_divider_active > li:last-child > a::before {
  display: none;
}

.ekit-wid-con .elementskit_filter_style_four.elementskit_nav_caret > li > a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  width: 15px;
  height: 15px;
  background: #ea5356;
  background: -webkit-linear-gradient(135deg, #ea5356 0%, #ea5356 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(135deg, #ea5356 0%, #ea5356 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(-45deg, #ea5356 0%, #ea5356 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
  opacity: 0;
  -webkit-transition: 200ms bottom ease, opacity 300ms ease-in;
  -o-transition: 200ms bottom ease, opacity 300ms ease-in;
  transition: 200ms bottom ease, opacity 300ms ease-in;
}

.ekit-wid-con .elementskit_filter_style_four.elementskit_nav_caret > li > a.selected::after {
  bottom: -7.5px;
  opacity: 1;
}

.ekit-wid-con .elementskit_filter_style_five {
  border: 2px solid #374a5e;
  border-radius: 21.5px;
  -webkit-box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.07);
  background-color: #FFFFFF;
  overflow: hidden;
}

.ekit-wid-con .elementskit_filter_style_five > li {
  margin-right: 0px;
}

.ekit-wid-con .elementskit_filter_style_five.elementskit_divider_active > li > a::before {
  position: absolute;
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  background-color: #374a5e;
  width: 2px;
  height: 19px;
}

.ekit-wid-con .elementskit_filter_style_five.elementskit_divider_active > li:last-child > a::before {
  display: none;
}

.ekit-wid-con .elementskit_filter_style_six > li > a {
  background-color: transparent;
}

.ekit-wid-con .elementskit_filter_style_six > li > a > .elementskit_filter_nav_text {
  position: relative;
}

.ekit-wid-con .elementskit_filter_style_six > li > a > .elementskit_filter_nav_text::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -5px;
  width: 100%;
  height: 2px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background-color: #ea5356;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
  z-index: -1;
}

.ekit-wid-con .elementskit_filter_style_six > li > a.selected {
  background-color: transparent;
  color: #ea5356;
}

.ekit-wid-con .elementskit_filter_style_six > li > a.selected > .elementskit_filter_nav_text::before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

.ekit-wid-con .elementskit_filter_style_seven > li > a {
  background-color: transparent;
}

.ekit-wid-con .elementskit_filter_style_seven > li > a.selected {
  background-color: transparent;
  font-weight: 700;
  color: #374a5e;
}

.ekit-wid-con .elementskit_filter_style_eight > li > a {
  background-color: transparent;
}

.ekit-wid-con .elementskit_filter_style_eight > li > a.selected {
  background-color: #6a11cb;
  -webkit-box-shadow: 0px 7px 15px 0px rgba(106, 17, 203, 0.3);
  box-shadow: 0px 7px 15px 0px rgba(106, 17, 203, 0.3);
}

.ekit-wid-con .elementskit_filter_style_nine > li > a {
  background-color: transparent;
}

.ekit-wid-con .elementskit_filter_style_nine > li > a.selected {
  background-color: transparent;
  color: #ea5356;
  text-shadow: 0px 3px 7px rgba(234, 83, 86, 0.3);
}

.ekit-wid-con .elementskit_filter_style_ten {
  background-color: white;
  -webkit-box-shadow: 0px 3px 7px 0px rgba(55, 74, 94, 0.05);
  box-shadow: 0px 3px 7px 0px rgba(55, 74, 94, 0.05);
  border-radius: 30px;
  padding: 12px;
}

.ekit-wid-con .elementskit_filter_style_ten > li > a.selected {
  background-color: #374a5e;
  -webkit-box-shadow: 0px 3px 7px 0px rgba(55, 74, 94, 0.3);
  box-shadow: 0px 3px 7px 0px rgba(55, 74, 94, 0.3);
  border-radius: 30px;
}

.ekit-wid-con .round-icon {
  display: inline-block;
  width: 100px;
  height: 100px;
  line-height: 100px;
  border-radius: 50%;
  text-align: center;
  background-color: #53f995;
  color: #000000;
  font-size: 50px;
}

.ekit-wid-con .round-icon.white-v {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.15);
}

.ekit-wid-con .round-icon.border-v {
  border: 1px solid #e7e7e7;
  background-color: transparent;
}

.ekit-wid-con .round-icon.box-shadow {
  background-color: #FFFFFF;
  -webkit-box-shadow: 19.799px 19.799px 40px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 19.799px 19.799px 40px 0px rgba(0, 0, 0, 0.1);
}

.ekit-wid-con .xs-team-popup.mfp-bg {
  background-color: #555555;
}

.ekit-wid-con .xs-team-popup.mfp-bg.mfp-ready {
  opacity: 1;
}

.ekit-wid-con .xs-team-popup .mfp-container {
  width: 1170px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.ekit-wid-con .xs-team-popup button.mfp-arrow {
  line-height: 90px;
}

.ekit-wid-con .xs-team-popup button.mfp-close {
  color: #FFFFFF;
  margin: 0px;
}

.ekit-wid-con .xs-team-popup .mfp-arrow:after {
  font-family: "elementskit";
  margin-top: 0;
  border: 0;
  color: #FFFFFF;
  font-size: 28px;
}

.ekit-wid-con .xs-team-popup .mfp-arrow::before {
  display: none;
}

.ekit-wid-con .xs-team-popup .mfp-arrow-right::after {
  content: "\e991";
}

.ekit-wid-con .xs-team-popup .mfp-arrow-left:after {
  content: '\e992';
}

.ekit-wid-con .modal-img {
  -webkit-box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
}

.ekit-wid-con .modal-img > img {
  width: 100%;
}

.ekit-wid-con .xs-modal-content {
  padding-left: 20px;
  padding-right: 25px;
}

.ekit-wid-con .xs-modal-content .xs-modal-header {
  margin-bottom: 35px;
}

.ekit-wid-con .xs-modal-content .xs-modal-header .person-title {
  font-size: 22px;
  margin-bottom: 8px;
}

.ekit-wid-con .xs-modal-content .xs-modal-header .perosn-designation {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.5);
}

.ekit-wid-con .xs-modal-content .xs-modal-body {
  margin-bottom: 22px;
}

.ekit-wid-con .xs-modal-content .xs-modal-body p:not(:last-child) {
  margin-bottom: 28px;
}

.ekit-wid-con .xs-modal-content .border-lists {
  margin-bottom: 25px;
}

.ekit-wid-con .xs-modal-content .ekit-team-social-list > li > a {
  line-height: 34px;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
}

.ekit-wid-con .border-lists > li {
  padding: 19px 0;
  border-top: solid;
  border-bottom: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.05);
}

.ekit-wid-con .border-lists > li:last-child {
  border-top: 0px solid #000;
}

.ekit-wid-con .border-lists > li strong {
  font-weight: 700;
  padding-right: 18px;
}

.ekit-wid-con .border-lists > li a {
  color: #656565;
}

.ekit-wid-con .border-lists > li a:hover {
  color: #2575fc;
}

.ekit-wid-con .elementskit-team-popup .modal-dialog {
  max-width: calc(100% - 95px * 2);
  margin-left: auto;
  margin-right: auto;
}

.ekit-wid-con .elementskit-team-popup .modal-content {
  -webkit-box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
  background-color: #FFFFFF;
  border: 0px;
  border-radius: 0px;
}

.ekit-wid-con .elementskit-team-popup .modal-body {
  padding: 60px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ekit-wid-con .elementskit-team-popup .modal-body .modal_image_wraper {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  padding-left: 15px;
  padding-right: 15px;
}

.ekit-wid-con .elementskit-team-popup .modal-body .modal_content_wraper {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
  padding-left: 15px;
  padding-right: 15px;
}

.ekit-wid-con .elementskit-team-sidebar {
  padding-right: 0px !important;
}

.ekit-wid-con .elementskit-team-sidebar.elementskit_sidebar_left .elementskit-modal-dialog {
  margin-right: auto;
}

.ekit-wid-con .elementskit-team-sidebar.elementskit_sidebar_left.fade .elementskit-modal-dialog {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.ekit-wid-con .elementskit-team-sidebar.elementskit_sidebar_left.show .elementskit-modal-dialog {
  -webkit-transform: translate(0%, 0);
  -ms-transform: translate(0%, 0);
  transform: translate(0%, 0);
}

.ekit-wid-con .elementskit-team-sidebar.elementskit_sidebar_right .elementskit-modal-dialog {
  margin-left: auto;
}

.ekit-wid-con .elementskit-team-sidebar.elementskit_sidebar_right.fade .elementskit-modal-dialog {
  -webkit-transform: translate(50%, 0);
  -ms-transform: translate(50%, 0);
  transform: translate(50%, 0);
}

.ekit-wid-con .elementskit-team-sidebar.elementskit_sidebar_right.show .elementskit-modal-dialog {
  -webkit-transform: translate(0%, 0);
  -ms-transform: translate(0%, 0);
  transform: translate(0%, 0);
}

.ekit-wid-con .elementskit-team-sidebar.elementskit_sidebar_right .elementskit-modal-header {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.ekit-wid-con .elementskit-team-sidebar .elementskit-modal-dialog {
  margin: 0px;
  max-width: 380px;
  -webkit-box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition: -webkit-transform .6s ease-out;
  transition: -webkit-transform .6s ease-out;
  -o-transition: transform .6s ease-out;
  transition: transform .6s ease-out;
  transition: transform .6s ease-out, -webkit-transform .6s ease-out;
  background-color: #FFFFFF;
  pointer-events: auto;
}

.ekit-wid-con .elementskit-team-sidebar .elementskitmodal-body {
  padding: 40px;
}

.ekit-wid-con .elementskit-team-sidebar .elementskit-modal-header {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
  width: 100%;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ekit-wid-con .elementskit-team-sidebar .elementskit-modal-header .close {
  float: none;
}

.ekit-wid-con .admin-bar .elementskit-team-sidebar {
  top: 32px;
}

.ekit-wid-con .glow-btn {
  position: relative;
}

.ekit-wid-con .glow-btn::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  z-index: -1;
  -webkit-animation: button-pulse 2s infinite cubic-bezier(0.4, 0, 1, 1) both;
  animation: button-pulse 2s infinite cubic-bezier(0.4, 0, 1, 1) both;
  color: red;
}

.ekit-wid-con .xs-team-sidebar:not(.mfp-bg) {
  width: 380px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
}

.ekit-wid-con .xs-team-sidebar.mfp-bg {
  background-color: #444444;
}

.ekit-wid-con .xs-team-sidebar.mfp-bg.mfp-ready {
  opacity: 1;
}

.ekit-wid-con .xs-team-sidebar .mfp-content .mfp-close {
  margin: 0;
  top: -44px;
  font-size: 0px;
  width: auto;
  height: auto;
  line-height: unset;
  border: 0px solid #000;
  opacity: 1;
  left: 22px;
}

.ekit-wid-con .xs-team-sidebar .mfp-content .mfp-close:hover {
  background-color: transparent;
  color: #656565;
}

.ekit-wid-con .xs-team-sidebar .mfp-content .mfp-close::before {
  content: "\e870";
  font-size: 15px;
  font-family: "elementskit";
}

.ekit-wid-con .xs-team-sidebar .mfp-container {
  padding: 0px;
}

.ekit-wid-con .xs-team-sidebar .mfp-container::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
  height: 60px;
  width: 100%;
}

.ekit-wid-con .xs-team-sidebar .mfp-arrow {
  opacity: 1;
  top: 0%;
  margin-top: 15px;
  width: auto;
  height: auto;
  font-size: 15px;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.ekit-wid-con .xs-team-sidebar .mfp-arrow::after {
  display: none;
}

.ekit-wid-con .xs-team-sidebar .mfp-arrow::before {
  font-family: "elementskit";
  margin: 0;
  border: 0;
}

.ekit-wid-con .xs-team-sidebar .mfp-arrow-left {
  left: calc(100% - 67px);
}

.ekit-wid-con .xs-team-sidebar .mfp-arrow-left::before {
  content: "\e875";
}

.ekit-wid-con .xs-team-sidebar .mfp-arrow-right {
  right: 35px;
}

.ekit-wid-con .xs-team-sidebar .mfp-arrow-right::before {
  content: "\e876";
}

.ekit-wid-con .xs-team-sidebar.right-sidebar {
  right: 0;
  left: inherit;
}

.ekit-wid-con .xs-team-sidebar.right-sidebar .mfp-arrow-left {
  right: inherit;
  left: 25px;
}

.ekit-wid-con .xs-team-sidebar.right-sidebar .mfp-arrow-right {
  right: inherit;
  left: 47px;
}

.ekit-wid-con .xs-team-sidebar.right-sidebar .mfp-content .mfp-close {
  left: inherit;
  right: 22px;
}

.ekit-wid-con .xs-modal-sidebar {
  padding: 40px;
  margin-top: 60px;
}

.ekit-wid-con .xs-modal-sidebar .modal-img {
  margin-bottom: 38px;
}

.ekit-wid-con .xs-modal-sidebar .xs-modal-content {
  padding-left: 0;
  padding-right: 0;
}

.ekit-wid-con .xs-modal-sidebar .modal-img {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ekit-wid-con .ekit_animation {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.ekit-wid-con .ekit_animation .ekit_motion_text {
  white-space: pre-wrap;
}

.ekit-wid-con .ekit_animation.ekit_char_based .ekit-letter {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline-block;
}

.ekit-wid-con .ekit-RainDrop.ekit_no_spilit,
.ekit-wid-con .ekit-RainDrop.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-RainDrop.ekit_char_based .ekit-letter {
  -webkit-animation-name: RainDrop;
  animation-name: RainDrop;
}

.ekit-wid-con .ekit-WaterWave.ekit_no_spilit,
.ekit-wid-con .ekit-WaterWave.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-WaterWave.ekit_char_based .ekit-letter {
  -webkit-animation: leWaterWave .2s linear;
  animation: leWaterWave .2s linear;
}

.ekit-wid-con .ekit-lightning.ekit_no_spilit,
.ekit-wid-con .ekit-lightning.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-lightning.ekit_char_based .ekit-letter {
  -webkit-animation-name: lightning;
  animation-name: lightning;
}

.ekit-wid-con .ekit-JoltZoom.ekit_no_spilit,
.ekit-wid-con .ekit-JoltZoom.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-JoltZoom.ekit_char_based .ekit-letter {
  -webkit-animation-name: JoltZoom;
  animation-name: JoltZoom;
}

.ekit-wid-con .ekit-typing {
  width: 473px;
  overflow: hidden;
  white-space: nowrap;
  border-right: 2px solid #7E2EA0;
  -webkit-animation: typing 2s steps(12, end), cursor 0.2s steps(12, end);
  animation: typing 2s steps(12, end), cursor 0.2s steps(12, end);
}

.ekit-wid-con .ekit-wipe {
  width: 473px;
  overflow: hidden;
  margin: 0 auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-animation-name: wipe;
  animation-name: wipe;
}

.ekit-wid-con .ekit-open {
  width: 473px;
  margin: 0 auto;
  overflow: hidden;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-animation-name: open;
  animation-name: open;
}

.ekit-wid-con .ekit-Magnify.ekit_no_spilit,
.ekit-wid-con .ekit-Magnify.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-Magnify.ekit_char_based .ekit-letter {
  -webkit-animation-name: Magnify;
  animation-name: Magnify;
}

.ekit-wid-con .ekit-Beat.ekit_no_spilit,
.ekit-wid-con .ekit-Beat.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-Beat.ekit_char_based .ekit-letter {
  -webkit-animation-name: Beat;
  animation-name: Beat;
}

.ekit-wid-con .ekit-FadeIn.ekit_no_spilit,
.ekit-wid-con .ekit-FadeIn.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-FadeIn.ekit_char_based .ekit-letter {
  -webkit-animation-name: FadeIn;
  animation-name: FadeIn;
}

.ekit-wid-con .ekit-FadeInLeft.ekit_no_spilit,
.ekit-wid-con .ekit-FadeInLeft.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-FadeInLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: FadeInLeft;
  animation-name: FadeInLeft;
}

.ekit-wid-con .ekit-FadeInRight.ekit_no_spilit,
.ekit-wid-con .ekit-FadeInRight.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-FadeInRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: FadeInRight;
  animation-name: FadeInRight;
}

.ekit-wid-con .ekit-FadeInTop.ekit_no_spilit,
.ekit-wid-con .ekit-FadeInTop.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-FadeInTop.ekit_char_based .ekit-letter {
  -webkit-animation-name: FadeInTop;
  animation-name: FadeInTop;
}

.ekit-wid-con .ekit-FadeInBottom.ekit_no_spilit,
.ekit-wid-con .ekit-FadeInBottom.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-FadeInBottom.ekit_char_based .ekit-letter {
  -webkit-animation-name: FadeInBottom;
  animation-name: FadeInBottom;
}

.ekit-wid-con .ekit-FadeOut.ekit_no_spilit,
.ekit-wid-con .ekit-FadeOut.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-FadeOut.ekit_char_based .ekit-letter {
  -webkit-animation-name: FadeOut;
  animation-name: FadeOut;
}

.ekit-wid-con .ekit-FadeOutLeft.ekit_no_spilit,
.ekit-wid-con .ekit-FadeOutLeft.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-FadeOutLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: FadeOutLeft;
  animation-name: FadeOutLeft;
}

.ekit-wid-con .ekit-FadeOutRight.ekit_no_spilit,
.ekit-wid-con .ekit-FadeOutRight.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-FadeOutRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: FadeOutRight;
  animation-name: FadeOutRight;
}

.ekit-wid-con .ekit-FadeOutTop.ekit_no_spilit,
.ekit-wid-con .ekit-FadeOutTop.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-FadeOutTop.ekit_char_based .ekit-letter {
  -webkit-animation-name: FadeOutTop;
  animation-name: FadeOutTop;
}

.ekit-wid-con .ekit-FadeOutBottom.ekit_no_spilit,
.ekit-wid-con .ekit-FadeOutBottom.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-FadeOutBottom.ekit_char_based .ekit-letter {
  -webkit-animation-name: FadeOutBottom;
  animation-name: FadeOutBottom;
}

.ekit-wid-con .ekit-MovingBackFromRight.ekit_no_spilit,
.ekit-wid-con .ekit-MovingBackFromRight.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-MovingBackFromRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: MovingBackFromRight;
  animation-name: MovingBackFromRight;
  -webkit-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
}

.ekit-wid-con .ekit-MovingBackFromLeft.ekit_no_spilit,
.ekit-wid-con .ekit-MovingBackFromLeft.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-MovingBackFromLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: MovingBackFromLeft;
  animation-name: MovingBackFromLeft;
  -webkit-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
}

.ekit-wid-con .ekit-KickOutBehind.ekit_no_spilit,
.ekit-wid-con .ekit-KickOutBehind.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-KickOutBehind.ekit_char_based .ekit-letter {
  -webkit-animation-name: KickOutFront;
  animation-name: KickOutFront;
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
}

.ekit-wid-con .ekit-KickOutFront.ekit_no_spilit,
.ekit-wid-con .ekit-KickOutFront.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-KickOutFront.ekit_char_based .ekit-letter {
  -webkit-animation-name: KickOutBehind;
  animation-name: KickOutBehind;
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
}

.ekit-wid-con .ekit-ScaleXIn.ekit_no_spilit,
.ekit-wid-con .ekit-ScaleXIn.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-ScaleXIn.ekit_char_based .ekit-letter {
  -webkit-animation-name: ScaleXIn;
  animation-name: ScaleXIn;
}

.ekit-wid-con .ekit-ScaleXOut.ekit_no_spilit,
.ekit-wid-con .ekit-ScaleXOut.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-ScaleXOut.ekit_char_based .ekit-letter {
  -webkit-animation-name: ScaleXOut;
  animation-name: ScaleXOut;
}

.ekit-wid-con .ekit-ScaleYIn.ekit_no_spilit,
.ekit-wid-con .ekit-ScaleYIn.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-ScaleYIn.ekit_char_based .ekit-letter {
  -webkit-animation-name: ScaleYIn;
  animation-name: ScaleYIn;
}

.ekit-wid-con .ekit-ScaleYOut.ekit_no_spilit,
.ekit-wid-con .ekit-ScaleYOut.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-ScaleYOut.ekit_char_based .ekit-letter {
  -webkit-animation-name: ScaleYOut;
  animation-name: ScaleYOut;
}

.ekit-wid-con .ekit-Jump.ekit_no_spilit,
.ekit-wid-con .ekit-Jump.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-Jump.ekit_char_based .ekit-letter {
  -webkit-animation-name: Jump;
  animation-name: Jump;
}

.ekit-wid-con .ekit-AboundTop.ekit_no_spilit,
.ekit-wid-con .ekit-AboundTop.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-AboundTop.ekit_char_based .ekit-letter {
  -webkit-animation-name: AboundTop;
  animation-name: AboundTop;
}

.ekit-wid-con .ekit-AboundBottom.ekit_no_spilit,
.ekit-wid-con .ekit-AboundBottom.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-AboundBottom.ekit_char_based .ekit-letter {
  -webkit-animation-name: AboundBottom;
  animation-name: AboundBottom;
}

.ekit-wid-con .ekit-AboundLeft.ekit_no_spilit,
.ekit-wid-con .ekit-AboundLeft.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-AboundLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: AboundLeft;
  animation-name: AboundLeft;
}

.ekit-wid-con .ekit-AboundRight.ekit_no_spilit,
.ekit-wid-con .ekit-AboundRight.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-AboundRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: AboundRight;
  animation-name: AboundRight;
}

.ekit-wid-con .ekit-FlyInTop.ekit_no_spilit,
.ekit-wid-con .ekit-FlyInTop.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-FlyInTop.ekit_char_based .ekit-letter {
  -webkit-animation-name: FlyInTop;
  animation-name: FlyInTop;
}

.ekit-wid-con .ekit-FlyInLeft.ekit_no_spilit,
.ekit-wid-con .ekit-FlyInLeft.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-FlyInLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: FlyInLeft;
  animation-name: FlyInLeft;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

.ekit-wid-con .ekit-FlyInRight.ekit_no_spilit,
.ekit-wid-con .ekit-FlyInRight.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-FlyInRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: FlyInRight;
  animation-name: FlyInRight;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

.ekit-wid-con .ekit-FlyInBottom.ekit_no_spilit,
.ekit-wid-con .ekit-FlyInBottom.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-FlyInBottom.ekit_char_based .ekit-letter {
  -webkit-animation-name: FlyInBottom;
  animation-name: FlyInBottom;
}

.ekit-wid-con .ekit-FlyOutTop.ekit_no_spilit,
.ekit-wid-con .ekit-FlyOutTop.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-FlyOutTop.ekit_char_based .ekit-letter {
  -webkit-animation-name: FlyOutTop;
  animation-name: FlyOutTop;
}

.ekit-wid-con .ekit-FlyOutLeft.ekit_no_spilit,
.ekit-wid-con .ekit-FlyOutLeft.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-FlyOutLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: FlyOutLeft;
  animation-name: FlyOutLeft;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

.ekit-wid-con .ekit-FlyOutRight.ekit_no_spilit,
.ekit-wid-con .ekit-FlyOutRight.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-FlyOutRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: FlyOutRight;
  animation-name: FlyOutRight;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

.ekit-wid-con .ekit-FlyOutBottom.ekit_no_spilit,
.ekit-wid-con .ekit-FlyOutBottom.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-FlyOutBottom.ekit_char_based .ekit-letter {
  -webkit-animation-name: FlyOutBottom;
  animation-name: FlyOutBottom;
}

.ekit-wid-con .ekit-DoorCloseLeft.ekit_no_spilit,
.ekit-wid-con .ekit-DoorCloseLeft.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-DoorCloseLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: DoorCloseLeft;
  animation-name: DoorCloseLeft;
}

.ekit-wid-con .ekit-DoorOpenRight.ekit_no_spilit,
.ekit-wid-con .ekit-DoorOpenRight.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-DoorOpenRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: DoorOpenRight;
  animation-name: DoorOpenRight;
}

.ekit-wid-con .ekit-DoorCloseRight.ekit_no_spilit,
.ekit-wid-con .ekit-DoorCloseRight.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-DoorCloseRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: DoorCloseRight;
  animation-name: DoorCloseRight;
}

.ekit-wid-con .ekit-DoorOpenLeft.ekit_no_spilit,
.ekit-wid-con .ekit-DoorOpenLeft.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-DoorOpenLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: DoorOpenLeft;
  animation-name: DoorOpenLeft;
}

.ekit-wid-con .ekit-HangAndDropLeft.ekit_no_spilit,
.ekit-wid-con .ekit-HangAndDropLeft.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-HangAndDropLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: HangAndDropLeft;
  animation-name: HangAndDropLeft;
}

.ekit-wid-con .ekit-HangAndDropRight.ekit_no_spilit,
.ekit-wid-con .ekit-HangAndDropRight.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-HangAndDropRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: HangAndDropRight;
  animation-name: HangAndDropRight;
}

.ekit-wid-con .ekit-PushReleaseFrom.ekit_no_spilit,
.ekit-wid-con .ekit-PushReleaseFrom.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-PushReleaseFrom.ekit_char_based .ekit-letter {
  -webkit-animation-name: PushReleaseFrom;
  animation-name: PushReleaseFrom;
}

.ekit-wid-con .ekit-PushReleaseFromLeft.ekit_no_spilit,
.ekit-wid-con .ekit-PushReleaseFromLeft.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-PushReleaseFromLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: PushReleaseFromLeft;
  animation-name: PushReleaseFromLeft;
}

.ekit-wid-con .ekit-PushReleaseFromTop.ekit_no_spilit,
.ekit-wid-con .ekit-PushReleaseFromTop.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-PushReleaseFromTop.ekit_char_based .ekit-letter {
  -webkit-animation-name: PushReleaseFromTop;
  animation-name: PushReleaseFromTop;
}

.ekit-wid-con .ekit-PushReleaseFromBottom.ekit_no_spilit,
.ekit-wid-con .ekit-PushReleaseFromBottom.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-PushReleaseFromBottom.ekit_char_based .ekit-letter {
  -webkit-animation-name: PushReleaseFromBottom;
  animation-name: PushReleaseFromBottom;
}

.ekit-wid-con .ekit-PushReleaseTo.ekit_no_spilit,
.ekit-wid-con .ekit-PushReleaseTo.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-PushReleaseTo.ekit_char_based .ekit-letter {
  -webkit-animation-name: PushReleaseTo;
  animation-name: PushReleaseTo;
}

.ekit-wid-con .ekit-PushReleaseToTop.ekit_no_spilit,
.ekit-wid-con .ekit-PushReleaseToTop.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-PushReleaseToTop.ekit_char_based .ekit-letter {
  -webkit-animation-name: PushReleaseToTop;
  animation-name: PushReleaseToTop;
}

.ekit-wid-con .ekit-PushReleaseToBottom.ekit_no_spilit,
.ekit-wid-con .ekit-PushReleaseToBottom.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-PushReleaseToBottom.ekit_char_based .ekit-letter {
  -webkit-animation-name: PushReleaseToBottom;
  animation-name: PushReleaseToBottom;
}

.ekit-wid-con .ekit-FlipInTop.ekit_no_spilit,
.ekit-wid-con .ekit-FlipInTop.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-FlipInTop.ekit_char_based .ekit-letter {
  -webkit-animation-name: FlipInTop;
  animation-name: FlipInTop;
}

.ekit-wid-con .ekit-FlipOutTop.ekit_no_spilit,
.ekit-wid-con .ekit-FlipOutTop.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-FlipOutTop.ekit_char_based .ekit-letter {
  -webkit-animation-name: FlipOutTop;
  animation-name: FlipOutTop;
}

.ekit-wid-con .ekit-FlipInBottom.ekit_no_spilit,
.ekit-wid-con .ekit-FlipInBottom.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-FlipInBottom.ekit_char_based .ekit-letter {
  -webkit-animation-name: FlipInBottom;
  animation-name: FlipInBottom;
}

.ekit-wid-con .ekit-FlipOutBottom.ekit_no_spilit,
.ekit-wid-con .ekit-FlipOutBottom.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-FlipOutBottom.ekit_char_based .ekit-letter {
  -webkit-animation-name: FlipOutBottom;
  animation-name: FlipOutBottom;
}

.ekit-wid-con .ekit-ElevateLeft.ekit_no_spilit,
.ekit-wid-con .ekit-ElevateLeft.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-ElevateLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: ElevateLeft;
  animation-name: ElevateLeft;
}

.ekit-wid-con .ekit-ElevateRight.ekit_no_spilit,
.ekit-wid-con .ekit-ElevateRight.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-ElevateRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: ElevateRight;
  animation-name: ElevateRight;
}

.ekit-wid-con .ekit-RollFromLeft.ekit_no_spilit,
.ekit-wid-con .ekit-RollFromLeft.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-RollFromLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: RollFromLeft;
  animation-name: RollFromLeft;
}

.ekit-wid-con .ekit-RollFromRight.ekit_no_spilit,
.ekit-wid-con .ekit-RollFromRight.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-RollFromRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: RollFromRight;
  animation-name: RollFromRight;
}

.ekit-wid-con .ekit-RollFromTop.ekit_no_spilit,
.ekit-wid-con .ekit-RollFromTop.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-RollFromTop.ekit_char_based .ekit-letter {
  -webkit-animation-name: RollFromTop;
  animation-name: RollFromTop;
}

.ekit-wid-con .ekit-RollFromBottom.ekit_no_spilit,
.ekit-wid-con .ekit-RollFromBottom.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-RollFromBottom.ekit_char_based .ekit-letter {
  -webkit-animation-name: RollFromBottom;
  animation-name: RollFromBottom;
}

.ekit-wid-con .ekit-RollToLeft.ekit_no_spilit,
.ekit-wid-con .ekit-RollToLeft.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-RollToLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: RollToLeft;
  animation-name: RollToLeft;
}

.ekit-wid-con .ekit-RollToRight.ekit_no_spilit,
.ekit-wid-con .ekit-RollToRight.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-RollToRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: RollToRight;
  animation-name: RollToRight;
}

.ekit-wid-con .ekit-RollToTop.ekit_no_spilit,
.ekit-wid-con .ekit-RollToTop.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-RollToTop.ekit_char_based .ekit-letter {
  -webkit-animation-name: RollToTop;
  animation-name: RollToTop;
}

.ekit-wid-con .ekit-RollToBottom.ekit_no_spilit,
.ekit-wid-con .ekit-RollToBottom.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-RollToBottom.ekit_char_based .ekit-letter {
  -webkit-animation-name: RollToBottom;
  animation-name: RollToBottom;
}

.ekit-wid-con .ekit-RotateSkateInRight.ekit_no_spilit,
.ekit-wid-con .ekit-RotateSkateInRight.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-RotateSkateInRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: RotateSkateInRight;
  animation-name: RotateSkateInRight;
}

.ekit-wid-con .ekit-RotateSkateInLeft.ekit_no_spilit,
.ekit-wid-con .ekit-RotateSkateInLeft.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-RotateSkateInLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: RotateSkateInLeft;
  animation-name: RotateSkateInLeft;
}

.ekit-wid-con .ekit-RotateSkateInTop.ekit_no_spilit,
.ekit-wid-con .ekit-RotateSkateInTop.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-RotateSkateInTop.ekit_char_based .ekit-letter {
  -webkit-animation-name: RotateSkateInTop;
  animation-name: RotateSkateInTop;
}

.ekit-wid-con .ekit-RotateSkateInBottom.ekit_no_spilit,
.ekit-wid-con .ekit-RotateSkateInBottom.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-RotateSkateInBottom.ekit_char_based .ekit-letter {
  -webkit-animation-name: RotateSkateInBottom;
  animation-name: RotateSkateInBottom;
}

.ekit-wid-con .ekit-RotateSkateOutRight.ekit_no_spilit,
.ekit-wid-con .ekit-RotateSkateOutRight.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-RotateSkateOutRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: RotateSkateOutRight;
  animation-name: RotateSkateOutRight;
}

.ekit-wid-con .ekit-RotateSkateOutLeft.ekit_no_spilit,
.ekit-wid-con .ekit-RotateSkateOutLeft.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-RotateSkateOutLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: RotateSkateOutLeft;
  animation-name: RotateSkateOutLeft;
}

.ekit-wid-con .ekit-RotateSkateOutTop.ekit_no_spilit,
.ekit-wid-con .ekit-RotateSkateOutTop.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-RotateSkateOutTop.ekit_char_based .ekit-letter {
  -webkit-animation-name: RotateSkateOutTop;
  animation-name: RotateSkateOutTop;
}

.ekit-wid-con .ekit-RotateSkateOutBottom.ekit_no_spilit,
.ekit-wid-con .ekit-RotateSkateOutBottom.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-RotateSkateOutBottom.ekit_char_based .ekit-letter {
  -webkit-animation-name: RotateSkateOutBottom;
  animation-name: RotateSkateOutBottom;
}

.ekit-wid-con .ekit-RotateXZoomIn.ekit_no_spilit,
.ekit-wid-con .ekit-RotateXZoomIn.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-RotateXZoomIn.ekit_char_based .ekit-letter {
  -webkit-animation-name: RotateXZoomIn;
  animation-name: RotateXZoomIn;
}

.ekit-wid-con .ekit-RotateXZoomOut.ekit_no_spilit,
.ekit-wid-con .ekit-RotateXZoomOut.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-RotateXZoomOut.ekit_char_based .ekit-letter {
  -webkit-animation-name: RotateXZoomOut;
  animation-name: RotateXZoomOut;
}

.ekit-wid-con .ekit-RotateYZoomIn.ekit_no_spilit,
.ekit-wid-con .ekit-RotateYZoomIn.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-RotateYZoomIn.ekit_char_based .ekit-letter {
  -webkit-animation-name: RotateYZoomIn;
  animation-name: RotateYZoomIn;
}

.ekit-wid-con .ekit-RotateYZoomOut.ekit_no_spilit,
.ekit-wid-con .ekit-RotateYZoomOut.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-RotateYZoomOut.ekit_char_based .ekit-letter {
  -webkit-animation-name: RotateYZoomOut;
  animation-name: RotateYZoomOut;
}

.ekit-wid-con .ekit-RotateIn.ekit_no_spilit,
.ekit-wid-con .ekit-RotateIn.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-RotateIn.ekit_char_based .ekit-letter {
  -webkit-animation-name: RotateIn;
  animation-name: RotateIn;
}

.ekit-wid-con .ekit-RotateOut.ekit_no_spilit,
.ekit-wid-con .ekit-RotateOut.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-RotateOut.ekit_char_based .ekit-letter {
  -webkit-animation-name: RotateOut;
  animation-name: RotateOut;
}

.ekit-wid-con .ekit-RotateInLeft.ekit_no_spilit,
.ekit-wid-con .ekit-RotateInLeft.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-RotateInLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: RotateInLeft;
  animation-name: RotateInLeft;
}

.ekit-wid-con .ekit-RotateOutLeft.ekit_no_spilit,
.ekit-wid-con .ekit-RotateOutLeft.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-RotateOutLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: RotateOutLeft;
  animation-name: RotateOutLeft;
}

.ekit-wid-con .ekit-RotateInRight.ekit_no_spilit,
.ekit-wid-con .ekit-RotateInRight.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-RotateInRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: RotateInRight;
  animation-name: RotateInRight;
}

.ekit-wid-con .ekit-RotateOutRight.ekit_no_spilit,
.ekit-wid-con .ekit-RotateOutRight.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-RotateOutRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: RotateOutRight;
  animation-name: RotateOutRight;
}

.ekit-wid-con .ekit-SpinInLeft.ekit_no_spilit,
.ekit-wid-con .ekit-SpinInLeft.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-SpinInLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: SpinInLeft;
  animation-name: SpinInLeft;
}

.ekit-wid-con .ekit-SpinInRight.ekit_no_spilit,
.ekit-wid-con .ekit-SpinInRight.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-SpinInRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: SpinInRight;
  animation-name: SpinInRight;
}

.ekit-wid-con .ekit-SpinOutLeft.ekit_no_spilit,
.ekit-wid-con .ekit-SpinOutLeft.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-SpinOutLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: SpinOutLeft;
  animation-name: SpinOutLeft;
}

.ekit-wid-con .ekit-SpinOutRight.ekit_no_spilit,
.ekit-wid-con .ekit-SpinOutRight.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-SpinOutRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: SpinOutRight;
  animation-name: SpinOutRight;
}

.ekit-wid-con .ekit-BlurIn.ekit_no_spilit,
.ekit-wid-con .ekit-BlurIn.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-BlurIn.ekit_char_based .ekit-letter {
  -webkit-animation-name: BlurIn;
  animation-name: BlurIn;
}

.ekit-wid-con .ekit-BlurInRight.ekit_no_spilit,
.ekit-wid-con .ekit-BlurInRight.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-BlurInRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: BlurInRight;
  animation-name: BlurInRight;
}

.ekit-wid-con .ekit-BlurInLeft.ekit_no_spilit,
.ekit-wid-con .ekit-BlurInLeft.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-BlurInLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: BlurInLeft;
  animation-name: BlurInLeft;
}

.ekit-wid-con .ekit-BlurInTop.ekit_no_spilit,
.ekit-wid-con .ekit-BlurInTop.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-BlurInTop.ekit_char_based .ekit-letter {
  -webkit-animation-name: BlurInTop;
  animation-name: BlurInTop;
}

.ekit-wid-con .ekit-BlurInBottom.ekit_no_spilit,
.ekit-wid-con .ekit-BlurInBottom.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-BlurInBottom.ekit_char_based .ekit-letter {
  -webkit-animation-name: BlurInBottom;
  animation-name: BlurInBottom;
}

.ekit-wid-con .ekit-BlurOut.ekit_no_spilit,
.ekit-wid-con .ekit-BlurOut.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-BlurOut.ekit_char_based .ekit-letter {
  -webkit-animation-name: BlurOut;
  animation-name: BlurOut;
}

.ekit-wid-con .ekit-BlurOutRight.ekit_no_spilit,
.ekit-wid-con .ekit-BlurOutRight.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-BlurOutRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: BlurOutRight;
  animation-name: BlurOutRight;
}

.ekit-wid-con .ekit-BlurOutLeft.ekit_no_spilit,
.ekit-wid-con .ekit-BlurOutLeft.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-BlurOutLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: BlurOutLeft;
  animation-name: BlurOutLeft;
}

.ekit-wid-con .ekit-BlurOutTop.ekit_no_spilit,
.ekit-wid-con .ekit-BlurOutTop.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-BlurOutTop.ekit_char_based .ekit-letter {
  -webkit-animation-name: BlurOutTop;
  animation-name: BlurOutTop;
}

.ekit-wid-con .ekit-BlurOutBottom.ekit_no_spilit,
.ekit-wid-con .ekit-BlurOutBottom.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-BlurOutBottom.ekit_char_based .ekit-letter {
  -webkit-animation-name: BlurOutBottom;
  animation-name: BlurOutBottom;
}

.ekit-wid-con .ekit-PopUp.ekit_no_spilit,
.ekit-wid-con .ekit-PopUp.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-PopUp.ekit_char_based .ekit-letter {
  -webkit-animation-name: PopUp;
  animation-name: PopUp;
}

.ekit-wid-con .ekit-PopUpLeft.ekit_no_spilit,
.ekit-wid-con .ekit-PopUpLeft.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-PopUpLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: PopUpLeft;
  animation-name: PopUpLeft;
}

.ekit-wid-con .ekit-PopUpRight.ekit_no_spilit,
.ekit-wid-con .ekit-PopUpRight.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-PopUpRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: PopUpRight;
  animation-name: PopUpRight;
}

.ekit-wid-con .ekit-PopOut.ekit_no_spilit,
.ekit-wid-con .ekit-PopOut.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-PopOut.ekit_char_based .ekit-letter {
  -webkit-animation-name: PopOut;
  animation-name: PopOut;
}

.ekit-wid-con .ekit-PopOutLeft.ekit_no_spilit,
.ekit-wid-con .ekit-PopOutLeft.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-PopOutLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: PopOutLeft;
  animation-name: PopOutLeft;
}

.ekit-wid-con .ekit-PopOutRight.ekit_no_spilit,
.ekit-wid-con .ekit-PopOutRight.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-PopOutRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: PopOutRight;
  animation-name: PopOutRight;
}

.ekit-wid-con .ekit-BounceFromTop.ekit_no_spilit,
.ekit-wid-con .ekit-BounceFromTop.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-BounceFromTop.ekit_char_based .ekit-letter {
  -webkit-animation-name: BounceFromTop;
  animation-name: BounceFromTop;
}

.ekit-wid-con .ekit-BounceFromDown.ekit_no_spilit,
.ekit-wid-con .ekit-BounceFromDown.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-BounceFromDown.ekit_char_based .ekit-letter {
  -webkit-animation-name: BounceFromDown;
  animation-name: BounceFromDown;
}

.ekit-wid-con .ekit-BounceY.ekit_no_spilit,
.ekit-wid-con .ekit-BounceY.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-BounceY.ekit_char_based .ekit-letter {
  -webkit-animation-name: BounceY;
  animation-name: BounceY;
}

.ekit-wid-con .ekit-BounceZoomIn.ekit_no_spilit,
.ekit-wid-con .ekit-BounceZoomIn.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-BounceZoomIn.ekit_char_based .ekit-letter {
  -webkit-animation-name: BounceZoomIn;
  animation-name: BounceZoomIn;
}

.ekit-wid-con .ekit-BounceZoomOut.ekit_no_spilit,
.ekit-wid-con .ekit-BounceZoomOut.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-BounceZoomOut.ekit_char_based .ekit-letter {
  -webkit-animation-name: BounceZoomOut;
  animation-name: BounceZoomOut;
}

.ekit-wid-con .ekit-PerspectiveOutTop.ekit_no_spilit,
.ekit-wid-con .ekit-PerspectiveOutTop.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-PerspectiveOutTop.ekit_char_based .ekit-letter {
  -webkit-animation-name: PerspectiveOutTop;
  animation-name: PerspectiveOutTop;
  -webkit-transform: perspective(500px);
  transform: perspective(500px);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.ekit-wid-con .ekit-PerspectiveOutBottom.ekit_no_spilit,
.ekit-wid-con .ekit-PerspectiveOutBottom.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-PerspectiveOutBottom.ekit_char_based .ekit-letter {
  -webkit-animation-name: PerspectiveOutBottom;
  animation-name: PerspectiveOutBottom;
  -webkit-transform: perspective(500px);
  transform: perspective(500px);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.ekit-wid-con .ekit-ZoomIn.ekit_no_spilit,
.ekit-wid-con .ekit-ZoomIn.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-ZoomIn.ekit_char_based .ekit-letter {
  -webkit-animation-name: ZoomIn;
  animation-name: ZoomIn;
}

.ekit-wid-con .ekit-ZoomInLeft.ekit_no_spilit,
.ekit-wid-con .ekit-ZoomInLeft.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-ZoomInLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: ZoomInLeft;
  animation-name: ZoomInLeft;
}

.ekit-wid-con .ekit-ZoomInRight.ekit_no_spilit,
.ekit-wid-con .ekit-ZoomInRight.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-ZoomInRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: ZoomInRight;
  animation-name: ZoomInRight;
}

.ekit-wid-con .ekit-ZoomInTop.ekit_no_spilit,
.ekit-wid-con .ekit-ZoomInTop.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-ZoomInTop.ekit_char_based .ekit-letter {
  -webkit-animation-name: LetterZoomInTop;
  animation-name: LetterZoomInTop;
}

.ekit-wid-con .ekit-ZoomInBottom.ekit_no_spilit,
.ekit-wid-con .ekit-ZoomInBottom.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-ZoomInBottom.ekit_char_based .ekit-letter {
  -webkit-animation-name: ZoomInBottom;
  animation-name: ZoomInBottom;
}

.ekit-wid-con .ekit-ZoomOut.ekit_no_spilit,
.ekit-wid-con .ekit-ZoomOut.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-ZoomOut.ekit_char_based .ekit-letter {
  -webkit-animation-name: ZoomOut;
  animation-name: ZoomOut;
}

.ekit-wid-con .ekit-ZoomOutLeft.ekit_no_spilit,
.ekit-wid-con .ekit-ZoomOutLeft.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-ZoomOutLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: ZoomOutLeft;
  animation-name: ZoomOutLeft;
}

.ekit-wid-con .ekit-ZoomOutRight.ekit_no_spilit,
.ekit-wid-con .ekit-ZoomOutRight.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-ZoomOutRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: ZoomOutRight;
  animation-name: ZoomOutRight;
}

.ekit-wid-con .ekit-ZoomOutTop.ekit_no_spilit,
.ekit-wid-con .ekit-ZoomOutTop.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-ZoomOutTop.ekit_char_based .ekit-letter {
  -webkit-animation-name: ZoomOutTop;
  animation-name: ZoomOutTop;
}

.ekit-wid-con .ekit-ZoomOutBottom.ekit_no_spilit,
.ekit-wid-con .ekit-ZoomOutBottom.ekit_word_spilit .ekit-word,
.ekit-wid-con .ekit-ZoomOutBottom.ekit_char_based .ekit-letter {
  -webkit-animation-name: ZoomOutBottom;
  animation-name: ZoomOutBottom;
}

.ekit-wid-con .ekit-oaoFadeIn.ekit_char_based .ekit-letter:nth-child(even) {
  -webkit-animation-name: oaoFadeInTop;
  animation-name: oaoFadeInTop;
  -webkit-animation-duration: .7s;
  animation-duration: .7s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

.ekit-wid-con .ekit-oaoFadeIn.ekit_char_based .ekit-letter:nth-child(odd) {
  -webkit-animation-name: oaoFadeInBottom;
  animation-name: oaoFadeInBottom;
  -webkit-animation-duration: .7s;
  animation-duration: .7s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

.ekit-wid-con .ekit-oaoFadeOut.ekit_char_based .ekit-letter:nth-child(even) {
  -webkit-animation-name: oaoFadeOutop;
  animation-name: oaoFadeOutop;
  -webkit-animation-duration: .7s;
  animation-duration: .7s;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

.ekit-wid-con .ekit-oaoFadeOut.ekit_char_based .ekit-letter:nth-child(odd) {
  -webkit-animation-name: oaoFadeOutBottom;
  animation-name: oaoFadeOutBottom;
  -webkit-animation-duration: .7s;
  animation-duration: .7s;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

.ekit-wid-con .ekit-oaoFlyIn.ekit_char_based .ekit-letter:nth-child(even) {
  -webkit-animation-name: oaoFlyInTop;
  animation-name: oaoFlyInTop;
}

.ekit-wid-con .ekit-oaoFlyIn.ekit_char_based .ekit-letter:nth-child(odd) {
  -webkit-animation-name: oaoFlyInBottom;
  animation-name: oaoFlyInBottom;
}

.ekit-wid-con .ekit-oaoFlyOut.ekit_char_based .ekit-letter:nth-child(even) {
  -webkit-animation-name: oaoFlyOutTop;
  animation-name: oaoFlyOutTop;
}

.ekit-wid-con .ekit-oaoFlyOut.ekit_char_based .ekit-letter:nth-child(odd) {
  -webkit-animation-name: oaoFlyOutBottom;
  animation-name: oaoFlyOutBottom;
}

.ekit-wid-con .ekit-oaoRotateIn.ekit_char_based .ekit-letter:nth-child(even) {
  -webkit-animation-name: oaoRotateInTop;
  animation-name: oaoRotateInTop;
}

.ekit-wid-con .ekit-oaoRotateIn.ekit_char_based .ekit-letter:nth-child(odd) {
  -webkit-animation-name: oaoRotateInBottom;
  animation-name: oaoRotateInBottom;
}

.ekit-wid-con .ekit-oaoRotateOut.ekit_char_based .ekit-letter:nth-child(even) {
  -webkit-animation-name: oaoRotateOutTop;
  animation-name: oaoRotateOutTop;
}

.ekit-wid-con .ekit-oaoRotateOut.ekit_char_based .ekit-letter:nth-child(odd) {
  -webkit-animation-name: oaoRotateOutBottom;
  animation-name: oaoRotateOutBottom;
}

.ekit-wid-con .ekit-oaoRotateXIn.ekit_char_based .ekit-letter:nth-child(even) {
  -webkit-animation-name: oaoRotateXInTop;
  animation-name: oaoRotateXInTop;
}

.ekit-wid-con .ekit-oaoRotateXIn.ekit_char_based .ekit-letter:nth-child(odd) {
  -webkit-animation-name: oaoRotateXInBottom;
  animation-name: oaoRotateXInBottom;
}

.ekit-wid-con .ekit-oaoRotateXOut.ekit_char_based .ekit-letter:nth-child(even) {
  -webkit-animation-name: oaoRotateXOutTop;
  animation-name: oaoRotateXOutTop;
}

.ekit-wid-con .ekit-oaoRotateXOut.ekit_char_based .ekit-letter:nth-child(odd) {
  -webkit-animation-name: oaoRotateXOutBottom;
  animation-name: oaoRotateXOutBottom;
}

.ekit-wid-con .ekit-oaoRotateYIn.ekit_char_based .ekit-letter:nth-child(even) {
  -webkit-animation-name: oaoRotateYInTop;
  animation-name: oaoRotateYInTop;
}

.ekit-wid-con .ekit-oaoRotateYIn.ekit_char_based .ekit-letter:nth-child(odd) {
  -webkit-animation-name: oaoRotateYInBottom;
  animation-name: oaoRotateYInBottom;
}

.ekit-wid-con .ekit-oaoRotateYOut.ekit_char_based .ekit-letter:nth-child(even) {
  -webkit-animation-name: oaoRotateYOutTop;
  animation-name: oaoRotateYOutTop;
}

.ekit-wid-con .ekit-oaoRotateYOut.ekit_char_based .ekit-letter:nth-child(odd) {
  -webkit-animation-name: oaoRotateYOutBottom;
  animation-name: oaoRotateYOutBottom;
}

.ekit-wid-con .ekit-RevealInTop + .ekit_reveal_bg {
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  -webkit-animation: ekitRevealInTop 1s ease forwards;
  animation: ekitRevealInTop 1s ease forwards;
}

.ekit-wid-con .ekit-RevealInLeft + .ekit_reveal_bg {
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
  -webkit-animation: ekitRevealInLeft 1s ease forwards;
  animation: ekitRevealInLeft 1s ease forwards;
}

.ekit-wid-con .ekit-RevealInRight + .ekit_reveal_bg {
  -webkit-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right;
  -webkit-animation: ekitRevealInRight 1s ease forwards;
  animation: ekitRevealInRight 1s ease forwards;
}

.ekit-wid-con .ekit-RevealInBottom + .ekit_reveal_bg {
  -webkit-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
  -webkit-animation: ekitRevealInBottom 1s ease forwards;
  animation: ekitRevealInBottom 1s ease forwards;
}

.ekit-wid-con .ekit_reveal_bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: red;
  width: 100%;
  height: 100%;
}

.ekit-wid-con .ekit_text {
  position: relative;
}

.ekit-wid-con .ekit_motion_text_title {
  margin-bottom: 0px;
}

.ekit-wid-con .background_reveal_anim {
  display: inline-block;
  position: relative;
}

.ekit-wid-con .background_reveal_anim .ekit-RevealInTop + .elementkit_background_reveal_bg {
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  -webkit-animation: ekitRevealInTop 1s ease forwards;
  animation: ekitRevealInTop 1s ease forwards;
}

.ekit-wid-con .background_reveal_anim .ekit-RevealInBottom + .elementkit_background_reveal_bg {
  -webkit-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
  -webkit-animation: ekitRevealInBottom 1s ease forwards;
  animation: ekitRevealInBottom 1s ease forwards;
}

.ekit-wid-con .background_reveal_anim .ekit-RevealInLeft + .elementkit_background_reveal_bg {
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
  -webkit-animation: ekitRevealInLeft 1s ease forwards;
  animation: ekitRevealInLeft 1s ease forwards;
}

.ekit-wid-con .background_reveal_anim .ekit-RevealInRight + .elementkit_background_reveal_bg {
  -webkit-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right;
  -webkit-animation: ekitRevealInRight 1s ease forwards;
  animation: ekitRevealInRight 1s ease forwards;
}

.ekit-wid-con .background_reveal_anim .elementkit_background_reveal_bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #000000;
}

.ekit-wid-con span.ekit_animation {
  display: block;
}

.ekit-wid-con .single-btn {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ekit-wid-con .single-btn:last-child {
  margin-bottom: 0px;
}

.ekit-wid-con .btn.sm {
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  padding-left: 16px;
  padding-right: 16px;
}

.ekit-wid-con .btn.sm.round {
  border-radius: 15px;
}

.ekit-wid-con .btn.md {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  padding-left: 22px;
  padding-right: 22px;
}

.ekit-wid-con .btn.md.round {
  border-radius: 20px;
}

.ekit-wid-con .btn.lg {
  height: 50px;
  line-height: 50px;
  font-size: 15px;
  padding-left: 40px;
  padding-right: 40px;
}

.ekit-wid-con .btn.lg.round {
  border-radius: 25px;
}

.ekit-wid-con .btn.xl {
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  padding-left: 36px;
  padding-right: 36px;
}

.ekit-wid-con .btn.xl.round {
  border-radius: 30px;
}

.ekit-wid-con .btn.gra-one, .ekit-wid-con .btn.border-gra-one {
  background: #2575fc;
  background: -webkit-gradient(linear, left top, right top, from(#2575fc), to(#6a11cb));
  background: -webkit-linear-gradient(left, #2575fc 0%, #6a11cb 100%);
  background: -o-linear-gradient(left, #2575fc 0%, #6a11cb 100%);
  background: linear-gradient(90deg, #2575fc 0%, #6a11cb 100%);
}

.ekit-wid-con .btn.gra-two, .ekit-wid-con .btn.border-gra-two {
  background: #ffbc41;
  background: -webkit-gradient(linear, right top, left top, from(#ffbc41), color-stop(60%, #fd3c59));
  background: -webkit-linear-gradient(right, #ffbc41 0%, #fd3c59 60%);
  background: -o-linear-gradient(right, #ffbc41 0%, #fd3c59 60%);
  background: linear-gradient(-90deg, #ffbc41 0%, #fd3c59 60%);
}

.ekit-wid-con .btn.gra-three, .ekit-wid-con .btn.border-gra-three {
  background: #92fe9d;
  background: -webkit-gradient(linear, left top, right top, from(#92fe9d), color-stop(80%, #00c9ff));
  background: -webkit-linear-gradient(left, #92fe9d 0%, #00c9ff 80%);
  background: -o-linear-gradient(left, #92fe9d 0%, #00c9ff 80%);
  background: linear-gradient(90deg, #92fe9d 0%, #00c9ff 80%);
}

.ekit-wid-con .btn.gra-four, .ekit-wid-con .btn.border-gra-four {
  background: #92fe9d;
  background: -webkit-gradient(linear, right top, left top, from(#92fe9d), color-stop(80%, #00c9ff));
  background: -webkit-linear-gradient(right, #92fe9d 0%, #00c9ff 80%);
  background: -o-linear-gradient(right, #92fe9d 0%, #00c9ff 80%);
  background: linear-gradient(-90deg, #92fe9d 0%, #00c9ff 80%);
}

.ekit-wid-con .btn.gra-five, .ekit-wid-con .btn.border-gra-five {
  background: #fc5f3c;
  background: -webkit-gradient(linear, left top, right top, from(#fc5f3c), color-stop(80%, #ff55d3));
  background: -webkit-linear-gradient(left, #fc5f3c 0%, #ff55d3 80%);
  background: -o-linear-gradient(left, #fc5f3c 0%, #ff55d3 80%);
  background: linear-gradient(90deg, #fc5f3c 0%, #ff55d3 80%);
}

.ekit-wid-con .btn.gra-six, .ekit-wid-con .btn.border-gra-six {
  background: #32d6fb;
  background: -webkit-gradient(linear, right top, left top, from(#32d6fb), to(#5558ed));
  background: -webkit-linear-gradient(right, #32d6fb 0%, #5558ed 100%);
  background: -o-linear-gradient(right, #32d6fb 0%, #5558ed 100%);
  background: linear-gradient(-90deg, #32d6fb 0%, #5558ed 100%);
}

.ekit-wid-con .btn.gra-seven, .ekit-wid-con .btn.border-gra-seven {
  background: #fad470;
  background: -webkit-gradient(linear, left top, right top, from(#fad470), to(#f96933));
  background: -webkit-linear-gradient(left, #fad470 0%, #f96933 100%);
  background: -o-linear-gradient(left, #fad470 0%, #f96933 100%);
  background: linear-gradient(90deg, #fad470 0%, #f96933 100%);
}

.ekit-wid-con .btn.gra-eight, .ekit-wid-con .btn.border-gra-eight {
  background: #ffd461;
  background: -webkit-gradient(linear, right top, left top, from(#ffd461), to(#fc5290));
  background: -webkit-linear-gradient(right, #ffd461 0%, #fc5290 100%);
  background: -o-linear-gradient(right, #ffd461 0%, #fc5290 100%);
  background: linear-gradient(-90deg, #ffd461 0%, #fc5290 100%);
}

.ekit-wid-con .btn.gra-nine, .ekit-wid-con .btn.border-gra-nine {
  background: #b18cfe;
  background: -webkit-gradient(linear, left top, right top, from(#b18cfe), to(#9460ff));
  background: -webkit-linear-gradient(left, #b18cfe 0%, #9460ff 100%);
  background: -o-linear-gradient(left, #b18cfe 0%, #9460ff 100%);
  background: linear-gradient(90deg, #b18cfe 0%, #9460ff 100%);
}

.ekit-wid-con .btn.gra-ten, .ekit-wid-con .btn.border-gra-ten {
  background: #35ed7e;
  background: -webkit-gradient(linear, right top, left top, from(#35ed7e), to(#53f995));
  background: -webkit-linear-gradient(right, #35ed7e 0%, #53f995 100%);
  background: -o-linear-gradient(right, #35ed7e 0%, #53f995 100%);
  background: linear-gradient(-90deg, #35ed7e 0%, #53f995 100%);
}

.ekit-wid-con .btn.gra-eleven, .ekit-wid-con .btn.border-gra-eleven {
  background: #ff7417;
  background: -webkit-gradient(linear, left top, right top, from(#ff7417), to(#fe4445));
  background: -webkit-linear-gradient(left, #ff7417 0%, #fe4445 100%);
  background: -o-linear-gradient(left, #ff7417 0%, #fe4445 100%);
  background: linear-gradient(90deg, #ff7417 0%, #fe4445 100%);
}

.ekit-wid-con .btn.gra-one::before {
  background: #2575fc;
  background: -webkit-gradient(linear, right top, left top, from(#2575fc), to(#6a11cb));
  background: -webkit-linear-gradient(right, #2575fc 0%, #6a11cb 100%);
  background: -o-linear-gradient(right, #2575fc 0%, #6a11cb 100%);
  background: linear-gradient(-90deg, #2575fc 0%, #6a11cb 100%);
}

.ekit-wid-con .btn.gra-two::before {
  background: #ffbc41;
  background: -webkit-gradient(linear, left top, right top, from(#ffbc41), color-stop(60%, #fd3c59));
  background: -webkit-linear-gradient(left, #ffbc41 0%, #fd3c59 60%);
  background: -o-linear-gradient(left, #ffbc41 0%, #fd3c59 60%);
  background: linear-gradient(90deg, #ffbc41 0%, #fd3c59 60%);
}

.ekit-wid-con .btn.gra-three::before {
  background: #92fe9d;
  background: -webkit-gradient(linear, right top, left top, from(#92fe9d), color-stop(80%, #00c9ff));
  background: -webkit-linear-gradient(right, #92fe9d 0%, #00c9ff 80%);
  background: -o-linear-gradient(right, #92fe9d 0%, #00c9ff 80%);
  background: linear-gradient(-90deg, #92fe9d 0%, #00c9ff 80%);
}

.ekit-wid-con .btn.gra-four::before {
  background: #92fe9d;
  background: -webkit-gradient(linear, left top, right top, from(#92fe9d), color-stop(80%, #00c9ff));
  background: -webkit-linear-gradient(left, #92fe9d 0%, #00c9ff 80%);
  background: -o-linear-gradient(left, #92fe9d 0%, #00c9ff 80%);
  background: linear-gradient(90deg, #92fe9d 0%, #00c9ff 80%);
}

.ekit-wid-con .btn.gra-five::before {
  background: #fc5f3c;
  background: -webkit-gradient(linear, right top, left top, from(#fc5f3c), color-stop(80%, #ff55d3));
  background: -webkit-linear-gradient(right, #fc5f3c 0%, #ff55d3 80%);
  background: -o-linear-gradient(right, #fc5f3c 0%, #ff55d3 80%);
  background: linear-gradient(-90deg, #fc5f3c 0%, #ff55d3 80%);
}

.ekit-wid-con .btn.gra-six::before {
  background: #32d6fb;
  background: -webkit-gradient(linear, left top, right top, from(#32d6fb), to(#5558ed));
  background: -webkit-linear-gradient(left, #32d6fb 0%, #5558ed 100%);
  background: -o-linear-gradient(left, #32d6fb 0%, #5558ed 100%);
  background: linear-gradient(90deg, #32d6fb 0%, #5558ed 100%);
}

.ekit-wid-con .btn.gra-seven::before {
  background: #fad470;
  background: -webkit-gradient(linear, right top, left top, from(#fad470), to(#f96933));
  background: -webkit-linear-gradient(right, #fad470 0%, #f96933 100%);
  background: -o-linear-gradient(right, #fad470 0%, #f96933 100%);
  background: linear-gradient(-90deg, #fad470 0%, #f96933 100%);
}

.ekit-wid-con .btn.gra-eight::before {
  background: #ffd461;
  background: -webkit-gradient(linear, left top, right top, from(#ffd461), to(#fc5290));
  background: -webkit-linear-gradient(left, #ffd461 0%, #fc5290 100%);
  background: -o-linear-gradient(left, #ffd461 0%, #fc5290 100%);
  background: linear-gradient(90deg, #ffd461 0%, #fc5290 100%);
}

.ekit-wid-con .btn.gra-nine::before {
  background: #b18cfe;
  background: -webkit-gradient(linear, right top, left top, from(#b18cfe), to(#9460ff));
  background: -webkit-linear-gradient(right, #b18cfe 0%, #9460ff 100%);
  background: -o-linear-gradient(right, #b18cfe 0%, #9460ff 100%);
  background: linear-gradient(-90deg, #b18cfe 0%, #9460ff 100%);
}

.ekit-wid-con .btn.gra-ten::before {
  background: #35ed7e;
  background: -webkit-gradient(linear, left top, right top, from(#35ed7e), to(#53f995));
  background: -webkit-linear-gradient(left, #35ed7e 0%, #53f995 100%);
  background: -o-linear-gradient(left, #35ed7e 0%, #53f995 100%);
  background: linear-gradient(90deg, #35ed7e 0%, #53f995 100%);
}

.ekit-wid-con .btn.gra-eleven::before {
  background: #ff7417;
  background: -webkit-gradient(linear, right top, left top, from(#ff7417), to(#fe4445));
  background: -webkit-linear-gradient(right, #ff7417 0%, #fe4445 100%);
  background: -o-linear-gradient(right, #ff7417 0%, #fe4445 100%);
  background: linear-gradient(-90deg, #ff7417 0%, #fe4445 100%);
}

.ekit-wid-con .btn.square {
  border-radius: 0px;
}

.ekit-wid-con .btn-outline-primary {
  border-color: #f5f5f5;
  background-color: #FFFFFF;
}

.ekit-wid-con .btn-info {
  background-color: #ff1155;
}

.ekit-wid-con .btn.info-s2 {
  color: #ff1155;
  background-color: #FFFFFF;
  -webkit-box-shadow: -1.216px 6.894px 25px 0px rgba(0, 0, 0, 0.07);
  box-shadow: -1.216px 6.894px 25px 0px rgba(0, 0, 0, 0.07);
}

.ekit-wid-con .btn-outline-info {
  border-color: #ff1155;
  background-color: #FFFFFF;
  color: #000000;
}

.ekit-wid-con .btn-outline-info.info-s2 {
  color: #000000;
}

.ekit-wid-con .btn.btn-gra, .ekit-wid-con .btn.border-gra {
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 1;
}

.ekit-wid-con .btn.btn-gra::before, .ekit-wid-con .btn.border-gra::before {
  position: absolute;
  content: "";
  border-radius: inherit;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: -1;
}

.ekit-wid-con .btn.btn-gra::before {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: 101% 101%;
  opacity: 0;
}

.ekit-wid-con .btn.btn-gra:hover::before {
  opacity: 1;
}

.ekit-wid-con .btn.border-gra {
  background-size: 101% 101%;
  border: 0px;
}

.ekit-wid-con .btn.border-gra::before {
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background-color: #FFFFFF;
}

.ekit-wid-con .btn.border-gra:hover::before {
  opacity: 0;
}

.ekit-wid-con .elementskit-btn i {
  display: inline-block;
}

.ekit-wid-con .ekit-mailChimpForm .elementskit_input_label {
  display: inline-block;
  margin-bottom: .5rem;
}

.ekit-wid-con .ekit-mailChimpForm .elementskit_form_group {
  margin-bottom: 1rem;
}

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

.ekit-wid-con .ekit-mailChimpForm .ekit_form_control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}

.ekit-wid-con .ekit-mailChimpForm .ekit_form_control::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.ekit-wid-con .ekit-mailChimpForm .ekit_form_control:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.ekit-wid-con .ekit-mailChimpForm .ekit_form_control::-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.ekit-wid-con .ekit-mailChimpForm .ekit_form_control::placeholder {
  color: #6c757d;
  opacity: 1;
}

.ekit-wid-con .ekit-mailChimpForm .ekit_form_control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.ekit-wid-con .ekit-mail-submit {
  position: relative;
  z-index: 1;
  font-size: 16px;
  padding: 15px 40px 15px 40px;
  -webkit-box-shadow: 0px 7px 15px 0px rgba(55, 74, 94, 0.3);
  box-shadow: 0px 7px 15px 0px rgba(55, 74, 94, 0.3);
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  color: #ffffff;
  background-color: #374a5e;
}

.ekit-wid-con .ekit-mail-submit::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: -1;
  opacity: 0;
  background-size: 101% 101%;
}

.ekit-wid-con .ekit-mail-submit:hover::before {
  opacity: 1;
}

.ekit-wid-con .elementskit_input_group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}

.ekit-wid-con .elementskit_input_group .ekit_form_control {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
}

.ekit-wid-con .elementskit_input_group .ekit_form_control.ekit_append_input {
  border-radius: 5px 0px 0px 5px;
}

.ekit-wid-con .elementskit_input_group_prepend {
  margin-right: -1px;
}

.ekit-wid-con .elementskit_input_group_prepend + .ekit_form_control {
  border-radius: 0px 5px 5px 0px;
}

.ekit-wid-con .elementskit_input_group_append .elementskit_input_group_text {
  border-radius: 0px 5px 5px 0px;
  margin-left: -1px;
}

.ekit-wid-con .elementskit_input_group_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  height: 100%;
  padding: 15px;
  border-radius: 5px 0 0 5px;
}

.ekit-wid-con .elementskit_inline_form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ekit-wid-con .elementskit_inline_form .elementskit_form_group {
  margin-bottom: 0px;
}

.ekit-wid-con .elementskit_inline_form .elementskit_input_wraper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.ekit-wid-con .elementskit_inline_form .ekit_submit_input_holder {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.ekit-wid-con .elementskit_inline_form .ekit-mail-submit {
  width: 100%;
}

.ekit-wid-con .ekit-mail-submit {
  padding: 11.5px 40px;
}

.ekit-wid-con .elementor-inline-items .elementor-icon-list-item {
  display: inline-block;
}

.ekit-wid-con .ekit-twitter-feed {
  padding-left: 15px;
  padding-right: 15px;
}

.ekit-wid-con .ekit-layout-grid .ekit-twitter-feed-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.ekit-wid-con .ekit-layout-grid.ekit-row {
  margin-left: -15px;
  margin-right: -15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ekit-wid-con .ekit-layout-grid .ekit-col-1 {
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.33333%;
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.ekit-wid-con .ekit-layout-grid .ekit-col-2 {
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.ekit-wid-con .ekit-layout-grid .ekit-col-3 {
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.ekit-wid-con .ekit-layout-grid .ekit-col-4 {
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.ekit-wid-con .ekit-layout-grid .ekit-col-5 {
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.66667%;
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

.ekit-wid-con .ekit-layout-grid .ekit-col-6 {
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.ekit-wid-con .ekit-layout-grid .ekit-col-7 {
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.33333%;
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

.ekit-wid-con .ekit-layout-grid .ekit-col-8 {
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.66667%;
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.ekit-wid-con .ekit-layout-grid .ekit-col-9 {
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.ekit-wid-con .ekit-layout-grid .ekit-col-10 {
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.33333%;
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

.ekit-wid-con .ekit-layout-grid .ekit-col-11 {
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.66667%;
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

.ekit-wid-con .ekit-layout-grid .ekit-col-12 {
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

@media (max-width: 1024px) {
  .ekit-wid-con .ekit-layout-grid .ekit-col-1 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-col-2 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-col-3 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-col-4 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-col-5 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-col-6 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-col-7 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-col-8 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-col-9 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-col-10 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-col-11 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-col-12 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

@media (max-width: 767px) {
  .ekit-wid-con .ekit-layout-grid .ekit-col-1 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-col-2 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-col-3 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-col-4 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-col-5 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-col-6 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-col-7 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-col-8 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-col-9 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-col-10 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-col-11 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-col-12 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}

.ekit-wid-con .ekit-twitter-feed-content-wraper {
  background-color: #f7f9fb;
  margin-bottom: 30px;
  padding: 15px;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
}

.ekit-wid-con .ekit-twitter-feed-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ekit-wid-con .ekit-twitter-feed-author .ekit-twitter-profile-picture {
  position: relative;
  width: 40px;
  height: 40px;
  min-width: 40px;
  overflow: hidden;
}

.ekit-wid-con .ekit-twitter-profile-circle {
  border-radius: 50%;
}

.ekit-wid-con .profile-display-name {
  margin-left: 10px;
  line-height: 1;
}

.ekit-wid-con .profile-display-name .fullname {
  color: #14171a;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 5px;
  display: inline-block;
}

.ekit-wid-con .profile-display-name .fullname:hover {
  color: #D55732;
  text-decoration: underline;
}

.ekit-wid-con .profile-display-name .screen_name {
  font-size: 14px;
  color: #657786;
  display: block;
}

.ekit-wid-con .profile-display-name .screen_name:hover {
  color: #D55732;
  text-decoration: underline;
}

.ekit-wid-con .profile-display-name .ekit-twitter-feed-item-user-screen-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ekit-wid-con .profile-display-name .ekit-twitter-feed-item-user-date {
  color: #657786;
  font-size: 12px;
  margin-left: 12px;
}

.ekit-wid-con .ekit-twitter-feed-comments {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ekit-wid-con .ekit-twitter-feed-comments > a {
  color: #657786;
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  padding: 0 2px;
  position: relative;
  margin-right: 24px;
}

.ekit-wid-con .ekit-twitter-feed-comments > a svg {
  height: 14px;
  width: 14px;
}

.ekit-wid-con .ekit-twitter-feed-comments > a svg:not(:root) {
  overflow: visible;
}

.ekit-wid-con .ekit-twitter-feed-comments > a path {
  fill: #657786;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .ekit-twitter-feed-comments > a > strong {
  display: inline-block;
  margin-left: 6px;
  vertical-align: text-top;
}

.ekit-wid-con .ekit-twitter-feed-comments .ekit-twitter-comments:hover {
  color: #1da1f2;
}

.ekit-wid-con .ekit-twitter-feed-comments .ekit-twitter-comments:hover svg path {
  fill: #1da1f2;
}

.ekit-wid-con .ekit-twitter-feed-comments .ekit-twitter-retweet:hover {
  color: #17bf63;
}

.ekit-wid-con .ekit-twitter-feed-comments .ekit-twitter-retweet:hover svg path {
  fill: #17bf63;
}

.ekit-wid-con .ekit-twitter-feed-comments .ekit-twitter-like:hover {
  color: #e0245e;
}

.ekit-wid-con .ekit-twitter-feed-comments .ekit-twitter-like:hover svg path {
  fill: #e0245e;
}

.ekit-wid-con .feed-title {
  margin-top: 20px;
  margin-bottom: 20px;
}

.ekit-wid-con .feed-title > a {
  color: #D55732;
}

.ekit-wid-con .feed-title > a:focus, .ekit-wid-con .feed-title > a:hover {
  text-decoration: underline;
}

.ekit-wid-con .read-more-button {
  margin-bottom: 20px;
}

.ekit-wid-con .read-more-button > a {
  color: #14171a;
}

.ekit-wid-con .read-more-button > a:focus, .ekit-wid-con .read-more-button > a:hover {
  color: #D55732;
  text-decoration: underline;
}

.ekit-wid-con .feed-title-hash {
  margin-bottom: 20px;
}

.ekit-wid-con .feed-title-hash > a {
  color: #D55732;
}

.ekit-wid-con .feed-title-hash > a:focus, .ekit-wid-con .feed-title-hash > a:hover {
  text-decoration: underline;
}

.ekit-wid-con .ekit-layout-masonary.ekit-col-1 {
  -webkit-column-count: 12;
  column-count: 12;
}

.ekit-wid-con .ekit-layout-masonary.ekit-col-2 {
  -webkit-column-count: 6;
  column-count: 6;
}

.ekit-wid-con .ekit-layout-masonary.ekit-col-3 {
  -webkit-column-count: 4;
  column-count: 4;
}

.ekit-wid-con .ekit-layout-masonary.ekit-col-4 {
  -webkit-column-count: 3;
  column-count: 3;
}

.ekit-wid-con .ekit-layout-masonary.ekit-col-5 {
  -webkit-column-count: 2.4;
  column-count: 2.4;
}

.ekit-wid-con .ekit-layout-masonary.ekit-col-6 {
  -webkit-column-count: 2;
  column-count: 2;
}

.ekit-wid-con .ekit-layout-masonary.ekit-col-7 {
  -webkit-column-count: 1.71429;
  column-count: 1.71429;
}

.ekit-wid-con .ekit-layout-masonary.ekit-col-8 {
  -webkit-column-count: 1.5;
  column-count: 1.5;
}

.ekit-wid-con .ekit-layout-masonary.ekit-col-9 {
  -webkit-column-count: 1.33333;
  column-count: 1.33333;
}

.ekit-wid-con .ekit-layout-masonary.ekit-col-10 {
  -webkit-column-count: 1.2;
  column-count: 1.2;
}

.ekit-wid-con .ekit-layout-masonary.ekit-col-11 {
  -webkit-column-count: 1.09091;
  column-count: 1.09091;
}

@media (max-width: 1024px) {
  .ekit-wid-con .ekit-layout-masonary.ekit-col-1 {
    -webkit-column-count: 2;
    column-count: 2;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-col-2 {
    -webkit-column-count: 2;
    column-count: 2;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-col-3 {
    -webkit-column-count: 2;
    column-count: 2;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-col-4 {
    -webkit-column-count: 2;
    column-count: 2;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-col-5 {
    -webkit-column-count: 2;
    column-count: 2;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-col-6 {
    -webkit-column-count: 2;
    column-count: 2;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-col-7 {
    -webkit-column-count: 2;
    column-count: 2;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-col-8 {
    -webkit-column-count: 2;
    column-count: 2;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-col-9 {
    -webkit-column-count: 2;
    column-count: 2;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-col-10 {
    -webkit-column-count: 2;
    column-count: 2;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-col-11 {
    -webkit-column-count: 2;
    column-count: 2;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-col-12 {
    -webkit-column-count: 2;
    column-count: 2;
  }
}

@media (max-width: 767px) {
  .ekit-wid-con .ekit-layout-masonary.ekit-col-1 {
    -webkit-column-count: 1;
    column-count: 1;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-col-2 {
    -webkit-column-count: 1;
    column-count: 1;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-col-3 {
    -webkit-column-count: 1;
    column-count: 1;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-col-4 {
    -webkit-column-count: 1;
    column-count: 1;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-col-5 {
    -webkit-column-count: 1;
    column-count: 1;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-col-6 {
    -webkit-column-count: 1;
    column-count: 1;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-col-7 {
    -webkit-column-count: 1;
    column-count: 1;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-col-8 {
    -webkit-column-count: 1;
    column-count: 1;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-col-9 {
    -webkit-column-count: 1;
    column-count: 1;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-col-10 {
    -webkit-column-count: 1;
    column-count: 1;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-col-11 {
    -webkit-column-count: 1;
    column-count: 1;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-col-12 {
    -webkit-column-count: 1;
    column-count: 1;
  }
}

.ekit-wid-con .ekit-layout-masonary .ekit-twitter-feed-content-wraper {
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}

.ekit-wid-con .ekit-twitter-media {
  margin-bottom: 20px;
}

.ekit-wid-con .ekit-twitter-media > a {
  display: block;
  position: relative;
  overflow: hidden;
}

.ekit-wid-con .ekit-twitter-media > a:hover .twitter_video_play_icon {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.ekit-wid-con .ekit-twitter-media .video_content {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.ekit-wid-con .ekit-twitter-media .twitter_video_play_icon {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  opacity: .9;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 64px;
  width: 64px;
}

.ekit-wid-con .ekit-twitter-media .twitter_video_play_icon > circle {
  fill: #1DA1F2;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .ekit-twitter-media .twitter_video_play_icon > path {
  fill: #FFFFFF;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .ekit-twitter-feed-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ekit-wid-con .ekit-twitter-feed-header .ekit-twitter-logo > a {
  color: #e7e7e7;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .ekit-twitter-feed-header .ekit-twitter-logo > a:hover {
  color: #1DA1F2;
}

.ekit-wid-con .ekit-twitter-user-timeline {
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

.ekit-wid-con .ekit-twitter-feed-header-user-info-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 25px;
  width: 100%;
}

.ekit-wid-con .ekit-twitter-feed-header-user-image-container {
  margin-right: 9px;
}

.ekit-wid-con .ekit-twitter-feed-header-user-image-container > a {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100px;
  height: 100px;
  border: 3px solid #FFFFFF;
}

.ekit-wid-con .ekit-twitter-feed-header-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ekit-wid-con .ekit-twitter-feed-header-user-info .ekit-twitter-fullname {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #222222;
  line-height: 1;
}

.ekit-wid-con .ekit-twitter-feed-header-user-info .ekit-twitter-fullname:hover {
  text-decoration: underline;
  color: #D55732;
}

.ekit-wid-con .ekit-twitter-feed-header-user-info .ekit-twitter-screenname {
  color: #657786;
  font-size: 13px;
  line-height: 1;
}

.ekit-wid-con .ekit-twitter-feed-header-user-info .ekit-twitter-screenname:hover {
  text-decoration: underline;
  color: #D55732;
}

.ekit-wid-con .twitter-verified-bdage {
  display: inline-block;
  padding-right: 2px;
  vertical-align: middle;
}

.ekit-wid-con .twitter-verified-bdage > svg {
  width: 13px;
  height: 13px;
}

.ekit-wid-con .ekit-twitter-feed-header-user-info-follow {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.ekit-wid-con .ekit-twitter-feed-header-user-info-follow > a {
  background-color: #1da1f2;
  border-radius: 17.5px;
  -webkit-box-shadow: 0px 7px 15px 0px rgba(29, 161, 242, 0.3);
  box-shadow: 0px 7px 15px 0px rgba(29, 161, 242, 0.3);
  padding: 6px 35px;
  font-size: 14px;
  font-weight: 500;
  color: #FFF;
  display: inline-block;
}

.ekit-wid-con .ekit-twitter-feed-header-statistics {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 35px;
  padding-top: 35px;
  border-bottom: 1px solid #f0f0f0;
  border-top: 1px solid #f0f0f0;
}

.ekit-wid-con .ekit-twitter-feed-header-statistics > .ekit-twitter-tweet-count {
  color: #657786;
  font-size: 12px;
  margin-bottom: 0;
  margin-right: 50px;
}

.ekit-wid-con .ekit-twitter-feed-header-statistics > .ekit-twitter-tweet-count:last-child {
  margin-right: 0px;
}

.ekit-wid-con .ekit-twitter-feed-header-statistics > .ekit-twitter-tweet-count > strong {
  display: block;
  color: #abb8c2;
  font-size: 18px;
}

@media (min-width: 1024px) {
  .ekit-wid-con .ekit-twitter-feed-profile-info-wraper {
    padding: 40px;
    padding-top: 60px;
  }
}

@media (max-width: 1023px) {
  .ekit-wid-con .ekit-twitter-feed-profile-info-wraper {
    padding: 30px;
    padding-top: 30px;
  }
}

@media (max-width: 767px) {
  .ekit-wid-con .ekit-twitter-feed-profile-info-wraper {
    padding: 15px;
  }
  .ekit-wid-con .ekit-twitter-feed-header-user {
    margin-bottom: 30px;
  }
}

.ekit-wid-con .ekit-twitter-feed-header-banner-container + .ekit-twitter-feed-profile-info-wraper {
  margin-top: -54px;
  padding-top: 0px;
}

.ekit-wid-con .ekit-twitter-feed-header-banner-container + .ekit-twitter-feed-profile-info-wraper .ekit-twitter-feed-header-user-info {
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin-bottom: -4px;
}

.ekit-wid-con .ekit-twitter-feed-header-banner-container + .ekit-twitter-feed-profile-info-wraper .ekit-twitter-feed-header-user-info-follow {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.ekit-wid-con .ekit-twitter-retweet svg {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.ekit-wid-con .ekit-single-day {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
}

.ekit-wid-con .ekit-single-day:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.ekit-wid-con .ekit-single-day > span {
  display: inline-block;
}

.ekit-wid-con .ekit-single-day .ekit-business-day {
  font-size: 30px;
  color: #3b3b3b;
  font-weight: 500;
  padding-left: 5px;
  margin-right: auto;
}

.ekit-wid-con .ekit-single-day .ekit-business-time {
  font-size: 20px;
  color: #333333;
  padding-right: 5px;
  margin-left: auto;
}

@media (max-width: 480px) {
  .ekit-wid-con .ekit-single-day {
    display: block;
  }
  .ekit-wid-con .ekit-single-day > span {
    display: block;
  }
  .ekit-wid-con .ekit-single-day .ekit-business-time {
    padding-left: 5px;
  }
}

.ekit-wid-con .ekit-location-wraper .ekit-location {
  position: absolute;
}

.ekit-wid-con .ekit-location-wraper .ekit-location:hover .ekit-location_inner {
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  visibility: visible;
  opacity: 1;
  pointer-events: none;
}

.ekit-wid-con .ekit-location-wraper .ekit-location-des {
  margin-bottom: 0;
}

.ekit-wid-con .ekit-location_indicator {
  position: relative;
  height: 34px;
  z-index: 1;
  width: 34px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #eee;
  color: rgba(26, 43, 99, 0.2);
  cursor: pointer;
}

@media (max-width: 480px) {
  .ekit-wid-con .ekit-location_indicator {
    height: 15px;
    width: 15px;
  }
}

.ekit-wid-con .ekit-location_indicator:after {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 6px;
  width: 6px;
  background-color: #2575fc;
  border-radius: inherit;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: '';
}

@media (max-width: 480px) {
  .ekit-wid-con .ekit-location_indicator:after {
    height: 3px;
    width: 3px;
  }
}

.ekit-wid-con .ekit_hotspot_pulse_1,
.ekit-wid-con .ekit_hotspot_pulse_2 {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  border-radius: inherit;
  color: inherit;
  -webkit-box-shadow: 0 0 0 15px currentColor;
  box-shadow: 0 0 0 15px currentColor;
  -webkit-animation: pulsekm 3s infinite cubic-bezier(0.4, 0, 1, 1) both;
  animation: pulsekm 3s infinite cubic-bezier(0.4, 0, 1, 1) both;
}

.ekit-wid-con .ekit_hotspot_pulse_1 {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

@-webkit-keyframes pulsekm {
  0% {
    -webkit-box-shadow: 0 0 0 0 currentColor;
    box-shadow: 0 0 0 0 currentColor;
  }
  70% {
    -webkit-box-shadow: 0 0 0 30px currentColor;
    box-shadow: 0 0 0 30px currentColor;
    opacity: 0;
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 currentColor;
    box-shadow: 0 0 0 0 currentColor;
    opacity: 0;
  }
}

@keyframes pulsekm {
  0% {
    -webkit-box-shadow: 0 0 0 0 currentColor;
    box-shadow: 0 0 0 0 currentColor;
  }
  70% {
    -webkit-box-shadow: 0 0 0 30px currentColor;
    box-shadow: 0 0 0 30px currentColor;
    opacity: 0;
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 currentColor;
    box-shadow: 0 0 0 0 currentColor;
    opacity: 0;
  }
}

.ekit-wid-con .ekit_hotspot_image {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  max-width: 30%;
  margin-right: 10px;
}

.ekit-wid-con .ekit-location_inner {
  padding: 20px 15px;
  width: 100%;
  min-width: 350px;
  text-align: left;
  background-color: #FFFFFF;
  color: #000000;
  -webkit-filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.05));
  filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.05));
  position: absolute;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  bottom: 150%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -15px, 0);
  transform: translate3d(-50%, -15px, 0);
  visibility: hidden;
  pointer-events: none;
  z-index: 10;
}

.ekit-wid-con .ekit_hotspot_arrow {
  position: absolute;
  display: block;
  width: .8rem;
  height: .4rem;
  bottom: -6px;
  z-index: 5;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.ekit-wid-con .ekit_hotspot_arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-top-color: currentColor;
  top: 0;
  border-width: .4rem .4rem 0;
  color: #FFFFFF;
}

.ekit-wid-con .elementskit-border-divider {
  height: 4px;
  width: 30px;
  background: #2575fc;
  border-radius: 2px;
  position: relative;
  margin-left: 27px;
}

.ekit-wid-con .elementskit-border-divider::before {
  content: "";
  position: absolute;
  left: -27px;
  top: 0;
  display: inline-block;
  height: 4px;
  width: 4px;
  border-radius: 50%;
  background-color: #0c5adb;
  -webkit-box-shadow: 9px 0px 0px 0px #0c5adb, 18px 0px 0px 0px #0c5adb;
  box-shadow: 9px 0px 0px 0px #0c5adb, 18px 0px 0px 0px #0c5adb;
}

.ekit-wid-con .elementskit-border-divider.elementskit-style-long {
  width: 150px;
  border-radius: 0px;
  background: #2575fc;
  margin-left: 0;
}

.ekit-wid-con .elementskit-border-divider.elementskit-style-long::before {
  display: none;
}

.ekit-wid-con .elementskit-border-divider.elementskit-style-long.style-3 {
  width: 90px;
}

.ekit-wid-con .elementskit-border-divider.style-2 {
  background: #e7e7e7;
}

.ekit-wid-con .elementskit-border-divider.style-2::before {
  background-color: #e7e7e7;
  -webkit-box-shadow: 9px 0px 0px 0px #e7e7e7;
  box-shadow: 9px 0px 0px 0px #e7e7e7;
  left: -19px;
}

.ekit-wid-con .elementskit-border-star {
  width: 135px;
  background: #2575fc;
  background: -webkit-gradient(linear, left top, right top, from(#2575fc), color-stop(38%, #2575fc), color-stop(38%, rgba(255, 255, 255, 0)), color-stop(62%, rgba(255, 255, 255, 0)), color-stop(62%, #2575fc), to(#2575fc));
  background: -webkit-linear-gradient(left, #2575fc 0%, #2575fc 38%, rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, 0) 62%, #2575fc 62%, #2575fc 100%);
  background: -o-linear-gradient(left, #2575fc 0%, #2575fc 38%, rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, 0) 62%, #2575fc 62%, #2575fc 100%);
  background: linear-gradient(90deg, #2575fc 0%, #2575fc 38%, rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, 0) 62%, #2575fc 62%, #2575fc 100%);
  height: 2px;
  position: relative;
}

.ekit-wid-con .elementskit-border-star::after {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  width: 14.3px;
  height: 14.3px;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  background-color: #2575fc;
  top: -7.15px;
}

.ekit-wid-con .elementskit-border-star.style-2 {
  background: #d7d7d7;
  background: -webkit-gradient(linear, left top, right top, from(#d7d7d7), color-stop(38%, #d7d7d7), color-stop(38%, rgba(255, 255, 255, 0)), color-stop(62%, rgba(255, 255, 255, 0)), color-stop(62%, #d7d7d7), to(#d7d7d7));
  background: -webkit-linear-gradient(left, #d7d7d7 0%, #d7d7d7 38%, rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, 0) 62%, #d7d7d7 62%, #d7d7d7 100%);
  background: -o-linear-gradient(left, #d7d7d7 0%, #d7d7d7 38%, rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, 0) 62%, #d7d7d7 62%, #d7d7d7 100%);
  background: linear-gradient(90deg, #d7d7d7 0%, #d7d7d7 38%, rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, 0) 62%, #d7d7d7 62%, #d7d7d7 100%);
}

.ekit-wid-con .elementskit-border-star.style-2::after {
  background-color: #d7d7d7;
}

.ekit-wid-con .elementskit-border-star.elementskit-bullet {
  height: 1px;
}

.ekit-wid-con .elementskit-border-star.elementskit-bullet::after {
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.ekit-wid-con .elementskit-section-title {
  margin-bottom: 20px;
  font-size: 28px;
}

.ekit-wid-con .elementskit-section-title.medium {
  font-size: 36px;
}

.ekit-wid-con .elementskit-section-title em {
  font-family: "Playfair Display", serif;
}

.ekit-wid-con .elementskit-section-title.block span {
  background-color: #2575fc;
  color: #FFFFFF;
  padding: 5px;
}

.ekit-wid-con .elementskit-section-subtitle {
  font-size: 18px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.5);
}

.ekit-wid-con .elementskit-section-subtitle.primary-v {
  color: #2575fc;
}

.ekit-wid-con .elementskit-section-subtitle.elementskit-gradient-title {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: -webkit-linear-gradient(-35deg, #2575fc 0%, #6a11cb 100%);
  color: #2575fc;
  background-size: 50%;
}

.ekit-wid-con .elementskit-section-subtitle.elementskit-style-border {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.ekit-wid-con .elementskit-section-subtitle.elementskit-style-border::before, .ekit-wid-con .elementskit-section-subtitle.elementskit-style-border::after {
  content: "";
  width: 40px;
  height: 3px;
  background-color: #d7d7d7;
  display: inline-block;
  vertical-align: middle;
}

.ekit-wid-con .elementskit-section-subtitle.elementskit-style-border::before {
  margin-right: 15px;
}

.ekit-wid-con .elementskit-section-subtitle.elementskit-style-border::after {
  margin-left: 15px;
}

.ekit-wid-con .elementskitsection-title-wraper {
  position: relative;
  z-index: 2;
}

.ekit-wid-con .elementskitsection-title-wraper > p {
  margin-top: 21px;
  margin-bottom: 12px;
}

.ekit-wid-con .elementskitsection-title-wraper .section-title {
  margin-bottom: 5px;
}

.ekit-wid-con .elementskitsection-title-wraper.text-center, .ekit-wid-con .elementskitsection-title-wraper.text-right {
  margin-bottom: 40px;
}

.ekit-wid-con .elementskitsection-title-wraper.green-v .section-title {
  color: #53f995;
}

.ekit-wid-con .elementskitsection-title-wraper.green-v .elementskit-border-divider {
  background: #53f995;
}

.ekit-wid-con .elementskitsection-title-wraper.green-v .elementskit-border-divider::before {
  background-color: inherit;
  -webkit-box-shadow: 9px 0px 0px 0px #53f995, 18px 0px 0px 0px #53f995;
  box-shadow: 9px 0px 0px 0px #53f995, 18px 0px 0px 0px #53f995;
}

.ekit-wid-con .elementskitsection-title-wraper.white-v .section-title {
  color: #FFFFFF;
}

.ekit-wid-con .elementskitsection-title-wraper.white-v .elementskit-border-divider {
  background: #FFFFFF;
}

.ekit-wid-con .elementskitsection-title-wraper.white-v .elementskit-border-divider::before {
  background-color: inherit;
  -webkit-box-shadow: 9px 0px 0px 0px #FFFFFF, 18px 0px 0px 0px #FFFFFF;
  box-shadow: 9px 0px 0px 0px #FFFFFF, 18px 0px 0px 0px #FFFFFF;
}

.ekit-wid-con .elementskitsection-title-wraper.primary-v .section-title {
  color: #2575fc;
}

.ekit-wid-con .elementskitsection-title-wraper.primary-v .elementskit-border-divider {
  background: #2575fc;
}

.ekit-wid-con .elementskitsection-title-wraper.primary-v .elementskit-border-divider::before {
  background-color: inherit;
  -webkit-box-shadow: 9px 0px 0px 0px #2575fc, 18px 0px 0px 0px #2575fc;
  box-shadow: 9px 0px 0px 0px #2575fc, 18px 0px 0px 0px #2575fc;
}

.ekit-wid-con .elementskitsection-title-wraper.version-2.primary-v .section-title {
  color: #000000;
}

.ekit-wid-con .elementskitsection-title-wraper.version-3 > p {
  margin-top: 18px;
}

.ekit-wid-con .elementskitsection-title-wraper.version-4 .section-title {
  position: relative;
  margin-left: 52px;
}

.ekit-wid-con .elementskitsection-title-wraper.version-4 .section-title::before {
  position: absolute;
  content: "";
  top: calc(50% - 1.5px);
  left: 0;
  width: 70px;
  height: 3px;
  background-color: #2575fc;
}

.ekit-wid-con .elementskitsection-title-wraper.version-5 .mask-title {
  margin-bottom: 12px;
}

.ekit-wid-con .elementskitsection-title-wraper.version-5 .section-title {
  font-size: 22px;
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 5.8px;
  margin-bottom: 10px;
}

.ekit-wid-con .elementskitsection-title-wraper .shuffle-letter-title-wraper {
  position: absolute;
  top: -36px;
  left: 0;
  width: 100%;
  z-index: -1;
}

.ekit-wid-con .elementskit-section-title {
  font-weight: 500;
}

.ekit-wid-con .elementskit-section-title.text_fill > span {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: -webkit-linear-gradient(-35deg, #2575fc 0%, #6a11cb 100%);
  color: #2575fc;
}

.ekit-wid-con .elementskit-section-title > span {
  display: inline-block;
  font-weight: 700;
}

.ekit-wid-con .shuufle-letter-title {
  font-size: 130px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.1);
  margin-bottom: 0;
  pointer-events: none;
}

.ekit-wid-con .mask-title {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: url(../images/text-mask-image.jpg);
  color: #000000;
  font-size: 130px;
  background-position: center center;
  background-size: contain;
  line-height: 1;
}

.ekit-wid-con .text_fill > span {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ekit-wid-con .elementskit-section-title-wraper.text_center, .ekit-wid-con .elementskit-section-title-wraper.center {
  text-align: center;
}

.ekit-wid-con .elementskit-section-title-wraper.text_center .elementskit-border-divider,
.ekit-wid-con .elementskit-section-title-wraper.text_center .elementskit-border-star, .ekit-wid-con .elementskit-section-title-wraper.center .elementskit-border-divider,
.ekit-wid-con .elementskit-section-title-wraper.center .elementskit-border-star {
  margin-left: auto;
  margin-right: auto;
}

.ekit-wid-con .elementskit-section-title-wraper.text_right, .ekit-wid-con .elementskit-section-title-wraper.right {
  text-align: right;
}

.ekit-wid-con .elementskit-section-title-wraper.text_right .elementskit-border-divider,
.ekit-wid-con .elementskit-section-title-wraper.text_right .elementskit-border-star, .ekit-wid-con .elementskit-section-title-wraper.right .elementskit-border-divider,
.ekit-wid-con .elementskit-section-title-wraper.right .elementskit-border-star {
  margin-left: auto;
}

.ekit-wid-con .instafeed-container {
  position: relative;
  overflow: hidden;
}

.ekit-wid-con .instafeed-container::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #000000;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 1;
}

.ekit-wid-con .instafeed-container > img {
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02);
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .instafeed-container .description-container {
  position: absolute;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  bottom: 0%;
  left: 0;
  z-index: 2;
  padding: 30px;
  width: 100%;
  opacity: 0;
  visibility: hidden;
}

.ekit-wid-con .instafeed-container .description-container > span {
  display: block;
  color: #FFFFFF;
  line-height: 1;
}

.ekit-wid-con .instafeed-container .description-container > span > i {
  padding-right: 6px;
  display: inline-block;
}

.ekit-wid-con .instafeed-container .description-container > span:not(:last-child) {
  margin-bottom: 15px;
}

.ekit-wid-con .instafeed-container:hover::before {
  opacity: .7;
}

.ekit-wid-con .instafeed-container:hover .description-container {
  opacity: 1;
  visibility: visible;
}

.ekit-wid-con .instafeed-container:hover > img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.ekit-wid-con .instagram-gallery .owl-item > a {
  margin-right: 6px;
  display: block;
}

.ekit-wid-con .indtafeed-gallery > a {
  float: left;
  width: calc(100% / 6);
  display: block;
  border: 0.5px solid #FFFFFF;
}

.ekit-wid-con .product-filter-area {
  margin-bottom: 30px;
}

.ekit-wid-con .product-filter-wraper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.ekit-wid-con .product-filter-wraper .woocommerce-ordering {
  margin-right: 50px;
  margin-bottom: 0;
}

.ekit-wid-con .woocommerce-ordering {
  position: relative;
  z-index: 10;
}

.ekit-wid-con .woocommerce-ordering .shop-filter-title {
  color: #777777;
  font-size: 14px;
  position: relative;
  top: 9px;
  padding-right: 50px;
}

.ekit-wid-con .tab-filter .nav-tabs .nav-item .nav-link {
  border: 0px;
  color: #777777;
  font-size: 18px;
  padding: 10px;
}

.ekit-wid-con .tab-filter .nav-tabs .nav-item .nav-link.active {
  color: #2575fc;
  background-color: transparent;
}

.ekit-wid-con .select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}

.ekit-wid-con .select {
  cursor: pointer;
  display: block;
  position: relative;
  font-size: 16px;
  color: #7b7b7b;
  width: 220px;
  height: 44px;
  float: right;
}

.ekit-wid-con .select-styled {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  padding: 8px 15px;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  height: 44px;
  border-radius: 5px;
  border: 1px solid #e7e7e7;
  text-align: left;
}

.ekit-wid-con .select-styled:after {
  content: "\f107";
  position: absolute;
  top: 8px;
  right: 10px;
  font-family: "FontAwesome";
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
}

.ekit-wid-con .select-styled:hover {
  background-color: rgba(0, 0, 0, 0);
}

.ekit-wid-con .select-styled:active, .ekit-wid-con .select-styled.active {
  background-color: rgba(0, 0, 0, 0);
}

.ekit-wid-con .select-styled:active:after, .ekit-wid-con .select-styled.active:after {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
  color: #2575fc;
}

.ekit-wid-con .select-styled.active {
  color: #2575fc;
}

.ekit-wid-con .select-options {
  display: none;
  position: absolute;
  top: calc(100% + 20px);
  left: 0%;
  min-width: 220px;
  z-index: 999;
}

.ekit-wid-con .select-options::before {
  position: absolute;
  content: "";
  top: -8px;
  left: 50%;
  width: 16px;
  height: 16px;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  z-index: -1;
}

.ekit-wid-con .select-options li {
  padding: 15px;
  border-top: 1px solid rgba(0, 0, 0, 0);
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  color: #FFFFFF;
  text-align: left;
}

.ekit-wid-con .select-options li:hover {
  background: #0359eb;
}

.ekit-wid-con .select-options li[rel="hide"] {
  display: none;
}

.ekit-wid-con .select-options,
.ekit-wid-con .select-options::before {
  background-color: #2575fc;
}

.ekit-wid-con .xs-serach {
  position: relative;
}

.ekit-wid-con .xs-serach input:not([type="submit"]) {
  padding: 0 20px;
  background-color: transparent;
  width: 100%;
  height: 44px;
  border-radius: 5px;
  border: 0px;
  border: 1px solid #e7e7e7;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .xs-serach input:not([type="submit"])::-moz-placeholder {
  color: #777777;
  font-size: 14px;
  opacity: 1;
}

.ekit-wid-con .xs-serach input:not([type="submit"])::-webkit-input-placeholder {
  color: #777777;
  font-size: 14px;
  opacity: 1;
}

.ekit-wid-con .xs-serach input:not([type="submit"]):-ms-input-placeholder {
  color: #777777;
  font-size: 14px;
  opacity: 1;
}

.ekit-wid-con .xs-serach input:not([type="submit"])::-ms-input-placeholder {
  color: #777777;
  font-size: 14px;
  opacity: 1;
}

.ekit-wid-con .xs-serach input:not([type="submit"])::placeholder {
  color: #777777;
  font-size: 14px;
  opacity: 1;
}

.ekit-wid-con .xs-serach input:not([type="submit"]):focus {
  border-color: #2575fc;
}

.ekit-wid-con .xs-serach .search-btn {
  width: 62px;
  border: 0px;
  font-size: 14px;
  color: #777777;
  background-color: transparent;
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  cursor: pointer;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .pagination {
  margin-top: 50px;
}

.ekit-wid-con .pagination li {
  display: inline-block;
}

.ekit-wid-con .pagination li:not(:last-child) {
  margin-right: 20px;
}

.ekit-wid-con .pagination li a {
  width: 48px;
  height: 48px;
  line-height: 48px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border: 1px solid #e7e7e7;
  padding: 0;
  border-radius: 100%;
  text-align: center;
  font-size: 14px;
  color: #656565;
  font-weight: 500;
}

.ekit-wid-con .pagination li a:hover,
.ekit-wid-con .pagination li.active a {
  background-color: #2575fc;
  color: #FFFFFF;
  border-color: #2575fc;
  -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.07);
}

.ekit-wid-con .pagination li > span {
  letter-spacing: 7px;
  position: relative;
  top: 7px;
}

.ekit-wid-con .pagination .page-item:first-child .page-link,
.ekit-wid-con .pagination .page-item:last-child .page-link {
  border-radius: 100%;
}

.ekit-wid-con .pagination .page-item:last-child .page-link {
  font-size: 12px;
}

.ekit-wid-con .pagination .page-item.disabled a,
.ekit-wid-con .pagination li a {
  border-color: #f1f1f1;
}

.ekit-wid-con .pagination.pagination-2 > li > a {
  border: 0px;
  -webkit-box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
}

.ekit-wid-con .product-ribbon {
  background-image: url(../images/products/ribbon-background.png);
  color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 44px;
  height: 44px;
  text-align: center;
}

.ekit-wid-con .product-ribbon .ribbon-title {
  line-height: 37px;
  font-size: 12px;
  font-weight: 700;
}

.ekit-wid-con .elementskit-flip-clock > .elementskit-time {
  border-radius: 0 0 30px 30px;
  -webkit-box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
  display: inline-block;
  position: relative;
  height: 140px;
  width: 150px;
  -webkit-perspective: 500px;
  perspective: 500px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.ekit-wid-con .elementskit-flip-clock > .elementskit-time:not(:last-child) {
  margin-right: 30px;
}

.ekit-wid-con .elementskit-flip-clock .elementskit-count {
  color: #333333;
  display: block;
  font-size: 48px;
  font-weight: 700;
  background-color: #FFFFFF;
  overflow: hidden;
  line-height: 140px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform-style: flat;
  transform-style: flat;
}

.ekit-wid-con .elementskit-flip-clock .elementskit-count.elementskit-top {
  border-radius: 30px 30px 0 0;
  height: 50%;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.ekit-wid-con .elementskit-flip-clock .elementskit-count.elementskit-bottom {
  border-radius: 0 0 30px 30px;
  line-height: 0;
  height: 50%;
  top: 50%;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
}

.ekit-wid-con .elementskit-flip-clock .elementskit-count.elementskit-curr.elementskit-top {
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  z-index: 3;
  border-bottom: 3px solid #e7e7e7;
}

.ekit-wid-con .elementskit-flip-clock .elementskit-count.elementskit-next.elementskit-bottom {
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
  z-index: 2;
}

.ekit-wid-con .elementskit-flip-clock .elementskit-count.elementskit-next.elementskit-top {
  border-bottom: 3px solid #e7e7e7;
}

.ekit-wid-con .elementskit-flip-clock .elementskit-flip .elementskit-count.elementskit-curr.elementskit-top {
  -webkit-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}

.ekit-wid-con .elementskit-flip-clock .elementskit-flip .elementskit-count.elementskit-next.elementskit-bottom {
  -webkit-transition: all 250ms ease-in-out 250ms;
  -o-transition: all 250ms ease-in-out 250ms;
  transition: all 250ms ease-in-out 250ms;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
}

.ekit-wid-con .elementskit-flip-clock .elementskit-label {
  background-color: #ff5657;
  position: relative;
  z-index: 10;
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  -webkit-box-shadow: inset 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
  box-shadow: inset 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
  color: #FFFFFF;
  font-size: 14px;
  border-radius: 30px 30px 0 0;
  font-weight: 700;
  letter-spacing: .50px;
  top: -20px;
}

.ekit-wid-con .material-style .form-group {
  position: relative;
}

.ekit-wid-con .material-style .form-group.focus .bar::before, .ekit-wid-con .material-style .form-group.active .bar::before {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}

.ekit-wid-con .material-style .form-group.focus .label, .ekit-wid-con .material-style .form-group.active .label {
  top: -10px;
  font-size: 13px;
}

.ekit-wid-con .material-style .label {
  position: absolute;
  top: 16px;
  left: 30px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  pointer-events: none;
}

.ekit-wid-con .material-style .bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #e7e7e7;
  display: block;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  pointer-events: none;
}

.ekit-wid-con .material-style .bar:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #2575fc;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
}

.ekit-wid-con .material-style .form-control {
  background-color: transparent;
  border: 0px solid #000;
}

.ekit-wid-con .material-style .highlight + .bar::before {
  background-color: #ff4d4d;
}

.ekit-wid-con .material-style .submit-btn {
  border-radius: 5px;
}

.ekit-wid-con .material-style.white-v .label {
  color: #FFFFFF;
}

.ekit-wid-con .material-style.white-v .form-control {
  color: #FFFFFF;
}

.ekit-wid-con .material-style.transparent-style .bar {
  opacity: .5;
}

.ekit-wid-con .material-style .radius-btn {
  border-radius: 27px;
}

.ekit-wid-con .material-style.primary-v .bar {
  background-color: #2575fc;
}

.ekit-wid-con .material-style.primary-v .bar::before {
  background-color: #000000;
}

.ekit-wid-con .material-style.primary-v .highlight + .bar::before {
  background-color: #ff4d4d;
}

.ekit-wid-con .custom-control {
  padding-left: 0;
}

.ekit-wid-con .custom-control .custom-control-label::before {
  border-radius: 0px;
}

.ekit-wid-con .custom-control .custom-control-input:checked ~ .custom-control-label::after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.ekit-wid-con .custom-control .custom-control-input:checked ~ .custom-control-label::before {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ekit-wid-con .custom-control .custom-control-input:focus ~ .custom-control-label::before {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ekit-wid-con .custom-control-label {
  cursor: pointer;
  line-height: 1;
  padding-left: 21px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ekit-wid-con .custom-control-label::before, .ekit-wid-con .custom-control-label::after {
  width: 10px;
  height: 10px;
  top: 8px;
}

.ekit-wid-con .custom-control-label::before {
  background-color: transparent;
  border: 1px solid #2575fc;
}

.ekit-wid-con .custom-control-label::after {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .elementskit-stars {
  position: relative;
  z-index: 6;
}

.ekit-wid-con .elementskit-stars > li {
  display: inline-block;
}

.ekit-wid-con .elementskit-stars > li:not(:last-child) {
  margin-right: 5px;
}

.ekit-wid-con .elementskit-stars > li > a {
  display: block;
}

.ekit-wid-con .elementskit-stars.style-2 > li > a {
  color: #fec42d;
}

.ekit-wid-con .elementskit-stars.style-3 > li > a {
  color: #000000;
}

.ekit-wid-con .popover-area {
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 438px;
}

.ekit-wid-con .popover-groups {
  position: relative;
}

.ekit-wid-con .popover-groups .single-popover {
  position: absolute;
  display: inline-block;
}

.ekit-wid-con .popover-groups .single-popover.one {
  top: 120px;
  left: 60px;
}

.ekit-wid-con .popover-groups .single-popover.two {
  top: 250px;
  left: 220px;
}

.ekit-wid-con .popover-groups .single-popover.three {
  top: 180px;
  left: 480px;
}

.ekit-wid-con .popover-groups .single-popover.four {
  top: 117px;
  left: 720px;
}

.ekit-wid-con .popover-groups .single-popover.five {
  top: 320px;
  left: 840px;
}

.ekit-wid-con .single-popover .popover-button {
  background-color: transparent;
  border: 0px solid #000;
  padding: 10px 0;
}

.ekit-wid-con .popover {
  background-color: transparent;
  border: 0px;
  max-width: 540px;
  text-align: center;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ekit-wid-con .popover .arrow {
  display: none;
}

.ekit-wid-con .popover .popover-body {
  padding: 0px;
}

.ekit-wid-con .popover-wraper {
  max-width: 540px;
  width: 100%;
  display: none;
}

.ekit-wid-con .popover-content {
  background-color: #2575fc;
  border-radius: 10px;
  color: #FFFFFF;
  padding: 40px 50px;
  margin-bottom: 30px;
}

.ekit-wid-con .popover-content .quote-icons {
  margin-bottom: 20px;
}

.ekit-wid-con .popover-content .quote-icons > i {
  font-size: 48px;
  opacity: .2;
}

.ekit-wid-con .popover-content .commentor-text {
  margin-bottom: 24px;
}

.ekit-wid-con .popover-content .stars > li > a {
  color: inherit;
}

.ekit-wid-con .popover-pin {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  display: inline-block;
  color: #2575fc;
  border: 10px solid currentColor;
  position: relative;
  z-index: 1;
}

.ekit-wid-con .popover-pin::before {
  position: absolute;
  content: "";
  bottom: -30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
  border-top: 42px solid currentColor;
  border-left: 35px solid transparent;
  border-right: 35px solid transparent;
  border-radius: 50% 50% 0 0;
}

.ekit-wid-con .popover-pin > img {
  border-radius: inherit;
}

.ekit-wid-con .location_indicator {
  position: relative;
  width: 15px;
  height: 15px;
  background-color: #2575fc;
  border-radius: 50%;
  display: inline-block;
}

.ekit-wid-con .location_indicator::before, .ekit-wid-con .location_indicator::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
  background-color: #2575fc;
  border-radius: 50%;
  -webkit-animation: location-indicator 3s infinite cubic-bezier(0.4, 0, 1, 1) both;
  animation: location-indicator 3s infinite cubic-bezier(0.4, 0, 1, 1) both;
}

.ekit-wid-con .location_indicator::after {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}

.ekit-wid-con .timeline-slider-area {
  padding: 0 35px;
}

.ekit-wid-con .timeline-slider-thumb {
  padding: 0 60px;
  margin-bottom: 60px;
}

.ekit-wid-con .timeline-slider-thumb .owl-item.current .timeline-img {
  background-color: #2575fc;
}

.ekit-wid-con .timeline-slider-thumb .owl-nav > button > i {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  display: inline-block;
  background-color: #2575fc;
  color: #FFFFFF;
  font-size: 14px;
  text-align: center;
}

.ekit-wid-con .timeline-slider-thumb .owl-nav .owl-prev,
.ekit-wid-con .timeline-slider-thumb .owl-nav .owl-next {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  top: 44%;
}

.ekit-wid-con .timeline-switch .dates {
  display: block;
  font-size: 14px;
  color: #000000;
  margin-bottom: 5px;
}

.ekit-wid-con .timeline-switch .timeline-img {
  position: static;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  display: inline-block;
  cursor: pointer;
}

.ekit-wid-con .timeline-switch .timeline-bar {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  height: 2px;
  width: 100%;
  left: 0;
  top: inherit;
  bottom: 14px;
  background-color: #f7f7f7;
}

.ekit-wid-con .single-timeline-slider .timeline-slider-img {
  margin-bottom: 40px;
}

.ekit-wid-con .timeline-slider-info .subtitle {
  font-size: 14px;
  font-weight: 400;
  color: #2575fc;
  margin-bottom: 8px;
}

.ekit-wid-con .timeline-slider-info .title {
  font-size: 36px;
  margin-bottom: 20px;
}

.ekit-wid-con .timeline-slider-info > p {
  margin-bottom: 35px;
}

.ekit-wid-con .timeline-slider-info .btn {
  height: 50px;
  line-height: 48px;
  width: auto;
  border-radius: 25px;
  padding: 0 64px;
}

.ekit-wid-con .timeline-slider-info .btn > i {
  padding-right: 5px;
}

.ekit-wid-con .ekit-facebook-feed {
  padding-left: 15px;
  padding-right: 15px;
}

.ekit-wid-con .ekit-layout-grid.ekit-fb-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

.ekit-wid-con .ekit-layout-grid .ekit-fb-col-1 {
  max-width: 8.33333%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.33333%;
  flex: 0 0 8.33333%;
  padding-left: 15px;
  padding-right: 15px;
}

.ekit-wid-con .ekit-layout-grid .ekit-fb-col-2 {
  max-width: 16.66667%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  padding-left: 15px;
  padding-right: 15px;
}

.ekit-wid-con .ekit-layout-grid .ekit-fb-col-3 {
  max-width: 25%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  padding-left: 15px;
  padding-right: 15px;
}

.ekit-wid-con .ekit-layout-grid .ekit-fb-col-4 {
  max-width: 33.33333%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  padding-left: 15px;
  padding-right: 15px;
}

.ekit-wid-con .ekit-layout-grid .ekit-fb-col-5 {
  max-width: 41.66667%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.66667%;
  flex: 0 0 41.66667%;
  padding-left: 15px;
  padding-right: 15px;
}

.ekit-wid-con .ekit-layout-grid .ekit-fb-col-6 {
  max-width: 50%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  padding-left: 15px;
  padding-right: 15px;
}

.ekit-wid-con .ekit-layout-grid .ekit-fb-col-7 {
  max-width: 58.33333%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.33333%;
  flex: 0 0 58.33333%;
  padding-left: 15px;
  padding-right: 15px;
}

.ekit-wid-con .ekit-layout-grid .ekit-fb-col-8 {
  max-width: 66.66667%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.66667%;
  flex: 0 0 66.66667%;
  padding-left: 15px;
  padding-right: 15px;
}

.ekit-wid-con .ekit-layout-grid .ekit-fb-col-9 {
  max-width: 75%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  padding-left: 15px;
  padding-right: 15px;
}

.ekit-wid-con .ekit-layout-grid .ekit-fb-col-10 {
  max-width: 83.33333%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.33333%;
  flex: 0 0 83.33333%;
  padding-left: 15px;
  padding-right: 15px;
}

.ekit-wid-con .ekit-layout-grid .ekit-fb-col-11 {
  max-width: 91.66667%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.66667%;
  flex: 0 0 91.66667%;
  padding-left: 15px;
  padding-right: 15px;
}

.ekit-wid-con .ekit-layout-grid .ekit-fb-col-12 {
  max-width: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  padding-left: 15px;
  padding-right: 15px;
}

@media (max-width: 1024px) {
  .ekit-wid-con .ekit-layout-grid .ekit-fb-col-1 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-fb-col-2 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-fb-col-3 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-fb-col-4 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-fb-col-5 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-fb-col-6 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-fb-col-7 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-fb-col-8 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-fb-col-9 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-fb-col-10 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-fb-col-11 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-fb-col-12 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

@media (max-width: 767px) {
  .ekit-wid-con .ekit-layout-grid .ekit-fb-col-1 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-fb-col-2 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-fb-col-3 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-fb-col-4 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-fb-col-5 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-fb-col-6 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-fb-col-7 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-fb-col-8 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-fb-col-9 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-fb-col-10 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-fb-col-11 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .ekit-wid-con .ekit-layout-grid .ekit-fb-col-12 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}

.ekit-wid-con .ekit-layout-masonary {
  -webkit-column-gap: 30px;
  column-gap: 30px;
}

.ekit-wid-con .ekit-layout-masonary.ekit-fb-col-1 {
  -webkit-column-count: 12;
  column-count: 12;
}

.ekit-wid-con .ekit-layout-masonary.ekit-fb-col-2 {
  -webkit-column-count: 6;
  column-count: 6;
}

.ekit-wid-con .ekit-layout-masonary.ekit-fb-col-3 {
  -webkit-column-count: 4;
  column-count: 4;
}

.ekit-wid-con .ekit-layout-masonary.ekit-fb-col-4 {
  -webkit-column-count: 3;
  column-count: 3;
}

.ekit-wid-con .ekit-layout-masonary.ekit-fb-col-5 {
  -webkit-column-count: 2.4;
  column-count: 2.4;
}

.ekit-wid-con .ekit-layout-masonary.ekit-fb-col-6 {
  -webkit-column-count: 2;
  column-count: 2;
}

.ekit-wid-con .ekit-layout-masonary.ekit-fb-col-7 {
  -webkit-column-count: 1.71429;
  column-count: 1.71429;
}

.ekit-wid-con .ekit-layout-masonary.ekit-fb-col-8 {
  -webkit-column-count: 1.5;
  column-count: 1.5;
}

.ekit-wid-con .ekit-layout-masonary.ekit-fb-col-9 {
  -webkit-column-count: 1.33333;
  column-count: 1.33333;
}

.ekit-wid-con .ekit-layout-masonary.ekit-fb-col-10 {
  -webkit-column-count: 1.2;
  column-count: 1.2;
}

.ekit-wid-con .ekit-layout-masonary.ekit-fb-col-11 {
  -webkit-column-count: 1.09091;
  column-count: 1.09091;
}

.ekit-wid-con .ekit-layout-masonary.ekit-fb-col-12 {
  -webkit-column-count: 1;
  column-count: 1;
}

@media (max-width: 1024px) {
  .ekit-wid-con .ekit-layout-masonary.ekit-fb-col-1 {
    -webkit-column-count: 2;
    column-count: 2;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-fb-col-2 {
    -webkit-column-count: 2;
    column-count: 2;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-fb-col-3 {
    -webkit-column-count: 2;
    column-count: 2;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-fb-col-4 {
    -webkit-column-count: 2;
    column-count: 2;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-fb-col-5 {
    -webkit-column-count: 2;
    column-count: 2;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-fb-col-6 {
    -webkit-column-count: 2;
    column-count: 2;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-fb-col-7 {
    -webkit-column-count: 2;
    column-count: 2;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-fb-col-8 {
    -webkit-column-count: 2;
    column-count: 2;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-fb-col-9 {
    -webkit-column-count: 2;
    column-count: 2;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-fb-col-10 {
    -webkit-column-count: 2;
    column-count: 2;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-fb-col-11 {
    -webkit-column-count: 2;
    column-count: 2;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-fb-col-12 {
    -webkit-column-count: 2;
    column-count: 2;
  }
}

@media (max-width: 767px) {
  .ekit-wid-con .ekit-layout-masonary.ekit-fb-col-1 {
    -webkit-column-count: 1;
    column-count: 1;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-fb-col-2 {
    -webkit-column-count: 1;
    column-count: 1;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-fb-col-3 {
    -webkit-column-count: 1;
    column-count: 1;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-fb-col-4 {
    -webkit-column-count: 1;
    column-count: 1;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-fb-col-5 {
    -webkit-column-count: 1;
    column-count: 1;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-fb-col-6 {
    -webkit-column-count: 1;
    column-count: 1;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-fb-col-7 {
    -webkit-column-count: 1;
    column-count: 1;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-fb-col-8 {
    -webkit-column-count: 1;
    column-count: 1;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-fb-col-9 {
    -webkit-column-count: 1;
    column-count: 1;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-fb-col-10 {
    -webkit-column-count: 1;
    column-count: 1;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-fb-col-11 {
    -webkit-column-count: 1;
    column-count: 1;
  }
  .ekit-wid-con .ekit-layout-masonary.ekit-fb-col-12 {
    -webkit-column-count: 1;
    column-count: 1;
  }
}

.ekit-wid-con .ekit-layout-masonary .ekit-single-fb-feed-holder {
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}

.ekit-wid-con .ekit-fb-feed-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}

.ekit-wid-con .ekit-fb-feed-header .user-name {
  display: block;
  color: #365899;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}

.ekit-wid-con .ekit-fb-feed-header .ekit-fb-post-publish-date {
  display: inline-block;
  color: #616770;
  font-size: 12px;
  line-height: 1;
}

.ekit-wid-con .ekit-single-fb-feed {
  margin-bottom: 30px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}

.ekit-wid-con .ekit-single-fb-feed:not(.ekit_fb_photo_gallery) {
  border: 1px solid #dddfe2;
  border-radius: 4px;
  background-color: #FFFFFF;
  padding: 12px;
}

.ekit-wid-con .ekit-single-fb-feed:not(.ekit_fb_photo_gallery) .ekit-fb-feed-media {
  margin-bottom: 30px;
}

.ekit-wid-con .ekit-fb-feed-status {
  font-size: 14px;
  color: #000000;
  margin-bottom: 10px;
}

.ekit-wid-con .ekit-fb-feed-status > a {
  color: #365899;
}

.ekit-wid-con .ekit-fb-feed-status > a:hover {
  text-decoration: underline;
}

.ekit-wid-con .ekit-fb-feed-profile-thumb {
  margin-right: 10px;
}

.ekit-wid-con .ekit-fb-feed-profile-thumb > a {
  display: block;
  width: 40px;
  height: 40px;
  position: relative;
  overflow: hidden;
}

.ekit-wid-con .ekit-fb-feed-profile-thumb > a.circle {
  border-radius: 50%;
}

.ekit-wid-con .ekit-fb-hover-content {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 5;
  width: 100%;
  text-align: center;
}

.ekit-wid-con .ekit-fb-video-post {
  display: block;
  position: relative;
  overflow: hidden;
}

.ekit-wid-con .ekit-fb-video-post:hover .ekit-fb-video-play-button svg {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.ekit-wid-con .ekit-fb-video-play-button svg {
  width: 60px;
  height: 60px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ekit-wid-con .ekit-fb-video-play-button svg path {
  fill: #FFFFFF;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .ekit-fb-link-type-footer {
  background-color: #f2f3f5;
  padding: 10px 12px;
  position: relative;
}

.ekit-wid-con .ekit-fb-link-type-footer .ekit-fb-source-name {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #606770;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 0px;
}

.ekit-wid-con .ekit-fb-link-type-footer .ekit-fb-caption-name {
  color: #1d2129;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 0px;
}

.ekit-wid-con .ekit-fb-link-type-footer .ekit-fb-caption {
  color: #606770;
  font-size: 14px;
}

.ekit-wid-con .ekit-fb-fotter-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ekit-wid-con .ekit-fb-fotter-section .ekit-facebook-like,
.ekit-wid-con .ekit-fb-fotter-section .ekit-facebook-comments,
.ekit-wid-con .ekit-fb-fotter-section .ekit-facebook-retweet {
  color: #606770;
}

.ekit-wid-con .ekit-fb-fotter-section .ekit-facebook-like > i,
.ekit-wid-con .ekit-fb-fotter-section .ekit-facebook-comments > i,
.ekit-wid-con .ekit-fb-fotter-section .ekit-facebook-retweet > i {
  padding-right: 5px;
}

.ekit-wid-con .ekit-fb-fotter-section .ekit-facebook-like:hover,
.ekit-wid-con .ekit-fb-fotter-section .ekit-facebook-comments:hover,
.ekit-wid-con .ekit-fb-fotter-section .ekit-facebook-retweet:hover {
  color: #365899;
}

.ekit-wid-con .ekit-fb-fotter-section .ekit-facebook-comments {
  margin-right: 5px;
}

.ekit-wid-con .ekit-layout-grid .ekit_fb_photo_gallery .ekit_fb_photo_link {
  padding-bottom: 85%;
}

.ekit-wid-con .ekit-layout-grid .ekit_fb_photo_gallery .ekit_fb_photo {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 2;
}

.ekit-wid-con .ekit-fb-feed-media .ekit_fb_photo_link {
  position: relative;
  display: block;
  overflow: hidden;
}

.ekit-wid-con .ekit-fb-feed-media .ekit_fb_photo_link:hover .ekit_fb_photo {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.ekit-wid-con .ekit-fb-feed-media .ekit_fb_photo {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .ekit_social_media > li > a,
.ekit-wid-con .ekit_socialshare > li > a {
  display: block;
  cursor: pointer;
}

@media (max-width: 1024px) {
  .ekit-wid-con .ekit_social_media > li,
  .ekit-wid-con .ekit_socialshare > li {
    margin-bottom: 20px;
  }
}

.ekit-wid-con .elementskit-infobox {
  position: relative;
}

.ekit-wid-con .ekit_global_link {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 50;
}

.ekit-wid-con .ekit-badge {
  background-color: #ff057c;
  font-size: .70588rem;
  color: #fff;
  font-weight: 500;
  padding: 1px 6px;
  border-radius: .29412rem 0 .29412rem 0;
  display: inline-block;
}

.ekit-wid-con .ekit-icon-box-badge {
  position: absolute;
}

.ekit-wid-con .ekit_position_top_left {
  top: 0;
  left: 0;
}

.ekit-wid-con .ekit_position_top_center {
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.ekit-wid-con .ekit_position_top_right {
  top: 0;
  right: 0;
}

.ekit-wid-con .ekit_position_center_right {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}

.ekit-wid-con .ekit_position_bottom_left {
  bottom: 0;
  left: 0;
}

.ekit-wid-con .ekit_position_bottom_center {
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.ekit-wid-con .ekit_position_bottom_right {
  bottom: 0;
  right: 0;
}

.ekit-wid-con .ekit-form form p {
  margin-bottom: 0;
}

.ekit-wid-con .ekit-form form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]) {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  color: #495057;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  height: 56px;
  border-radius: 0px;
  padding-left: 30px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ekit-wid-con .ekit-form form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):hover {
  border-color: #333333;
}

.ekit-wid-con .ekit-form form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):focus {
  border-color: #4d68ff;
}

.ekit-wid-con .ekit-form form input[type="submit"] {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 0;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  padding: 12px 72px;
  font-size: 0.9375rem;
  background-color: #313636;
  border: 0px solid #000;
  color: #FFFFFF;
  cursor: pointer;
}

.ekit-wid-con .ekit-form form input[type="submit"]:hover {
  background-color: #4d68ff;
}

.ekit-wid-con .ekit-form form label {
  margin-bottom: 7px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #313636;
  font-weight: 400;
}

.ekit-wid-con .ekit-form form label span {
  padding-left: 10px;
  pointer-events: none;
  color: #777777;
  font-size: 0.8125rem;
  display: inline-block;
}

.ekit-wid-con .ekit-form form textarea {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  color: #495057;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  border-radius: 0px;
  padding-left: 30px;
  height: 176px;
  resize: none;
  padding-top: 15px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ekit-wid-con .ekit-form form textarea:hover {
  border-color: #333333;
}

.ekit-wid-con .ekit-form form textarea:focus {
  border-color: #4d68ff;
}

.ekit-wid-con .ekit-form form .intl-tel-input {
  width: 100%;
}

.ekit-wid-con .ekit-form form .ekit-form-input {
  margin-bottom: 50px;
}

.ekit-wid-con .tab__list {
  border-right: 1px solid #f0f1f4;
}

.ekit-wid-con .post--tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ekit-wid-con .post--tab .tabHeader {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 15%;
  flex: 0 0 15%;
}

.ekit-wid-con .post--tab .tabHeader .tab__list {
  list-style: none;
  padding-left: 0px;
}

.ekit-wid-con .post--tab .tabHeader .tab__list > .tab__list__item {
  font-size: 14px;
  color: #232323;
  border: none;
  padding: 14px 16px 14px 30px;
  cursor: pointer;
  background-color: #FFFFFF;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  display: block;
  position: relative;
}

.ekit-wid-con .post--tab .tabHeader .tab__list > .tab__list__item.active, .ekit-wid-con .post--tab .tabHeader .tab__list > .tab__list__item:hover {
  color: #d72924;
  background-color: #f0f1f4;
  z-index: 2;
}

.ekit-wid-con .post--tab .tabContent {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 85%;
  flex: 0 0 85%;
}

.ekit-wid-con .ekit--tab__post__details .tabItem {
  display: none;
  -webkit-animation: hide-fadeout 600ms ease-out;
  animation: hide-fadeout 600ms ease-out;
}

.ekit-wid-con .ekit--tab__post__details .tabItem.active {
  display: block;
  -webkit-animation: show-fadein 600ms ease-in;
  animation: show-fadein 600ms ease-in;
}

.ekit-wid-con .ekit--tab__post__details .tab__post__single--item {
  border-top: 0px;
  width: 33.33333%;
  padding-left: 15px;
  padding-right: 15px;
  display: inline-block;
  float: left;
}

.ekit-wid-con .ekit--tab__post__details .tab__post__single--item.ekit___column-2 {
  width: 50%;
}

.ekit-wid-con .ekit--tab__post__details .tab__post__single--item.ekit___column-4 {
  width: 25%;
}

.ekit-wid-con .ekit--tab__post__details .tab__post__single--item:hover .tab__post--header > img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.ekit-wid-con .ekit--tab__post__details .tab__post--header {
  position: relative;
  overflow: hidden;
  display: block;
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
}

.ekit-wid-con .ekit--tab__post__details .tab__post--header > img {
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.ekit-wid-con .ekit--tab__post__details .tab__post--header .tab__post--icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 5;
}

.ekit-wid-con .ekit--tab__post__details .tab__post--header .tab__post--icon > span {
  color: #FFFFFF;
  font-size: 48px;
}

.ekit-wid-con .ekit--tab__post__details .tab__post--title {
  font-size: 15px;
  font-weight: 500;
  color: #232323;
}

.ekit-wid-con .ekit--tab__post__details .tab__post--title > a {
  color: inherit;
  line-height: inherit;
  padding-left: 0;
  padding-right: 0;
}

.ekit-wid-con .clearfix::after {
  display: block;
  content: "";
  clear: both;
}

.ekit-wid-con .post--lists {
  list-style: none;
  padding-left: 0px;
}

.ekit-wid-con .post--lists > li {
  border: none !important;
}

.ekit-wid-con .post--lists > li > a {
  padding: 8px 16px;
  line-height: normal;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.ekit-wid-con .post--lists.vertical--list > li {
  float: left;
  margin-right: 16px;
}

.ekit-wid-con .post--lists.vertical--list > li > a {
  padding-left: 0;
  padding-right: 0;
}

.ekit-wid-con .elementor-icon-list-item > a {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: relative;
}

.ekit-wid-con .elementor-icon-list-item > a.ekit_badge_right {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ekit-wid-con .ekit_menu_label {
  border-radius: 3px;
  padding: 2px 5px;
  display: inline-block;
  font-size: 10px;
  color: #ffffff;
  background-color: #c91765;
  margin-left: 5px;
}

.ekit-wid-con .ekit_menu_subtitle {
  font-size: 11px;
  font-style: normal;
  color: #8d96ae;
  display: block;
}

.ekit-wid-con .elementor-icon-list-text {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .ekit_page_list_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ekit-wid-con .elementor-icon-list-icon {
  display: inline-block;
}

.ekit-wid-con .elementor-icon-list-icon > i {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .inner-banner-title {
  font-size: 36px;
}

.ekit-wid-con .section-padding {
  padding: 100px 0;
}

.ekit-wid-con .section-padding-bottom {
  padding-bottom: 100px;
}

.ekit-wid-con .section-padding-top {
  padding-top: 100px;
}

.ekit-wid-con .section-padding-small {
  padding: 50px 0;
}

.ekit-wid-con .xs-mb-0 {
  margin-bottom: 0px;
}

.ekit-wid-con .xs-pb-0 {
  padding-bottom: 0px;
}

.ekit-wid-con .xs-mb-1 {
  margin-bottom: 10px;
}

.ekit-wid-con .xs-pb-1 {
  padding-bottom: 10px;
}

.ekit-wid-con .xs-mb-2 {
  margin-bottom: 20px;
}

.ekit-wid-con .xs-pb-2 {
  padding-bottom: 20px;
}

.ekit-wid-con .xs-mb-3 {
  margin-bottom: 30px;
}

.ekit-wid-con .xs-pb-3 {
  padding-bottom: 30px;
}

.ekit-wid-con .xs-mb-4 {
  margin-bottom: 40px;
}

.ekit-wid-con .xs-pb-4 {
  padding-bottom: 40px;
}

.ekit-wid-con .xs-mb-5 {
  margin-bottom: 50px;
}

.ekit-wid-con .xs-pb-5 {
  padding-bottom: 50px;
}

.ekit-wid-con .xs-mb-6 {
  margin-bottom: 60px;
}

.ekit-wid-con .xs-pb-6 {
  padding-bottom: 60px;
}

.ekit-wid-con .xs-mb-7 {
  margin-bottom: 70px;
}

.ekit-wid-con .xs-pb-7 {
  padding-bottom: 70px;
}

.ekit-wid-con .xs-mb-8 {
  margin-bottom: 80px;
}

.ekit-wid-con .xs-pb-8 {
  padding-bottom: 80px;
}

.ekit-wid-con .xs-mb-9 {
  margin-bottom: 90px;
}

.ekit-wid-con .xs-pb-9 {
  padding-bottom: 90px;
}

.ekit-wid-con .xs-mb-10 {
  margin-bottom: 100px;
}

.ekit-wid-con .xs-pb-10 {
  padding-bottom: 100px;
}

.ekit-wid-con .xs-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: .5;
  z-index: 0;
}

.ekit-wid-con .blackcolor {
  color: #000000;
}

.ekit-wid-con .black-bg {
  background-color: #000000;
}

.ekit-wid-con .whitecolor {
  color: #FFFFFF;
}

.ekit-wid-con .white-bg {
  background-color: #FFFFFF;
}

.ekit-wid-con .primarycolor {
  color: #2575fc;
}

.ekit-wid-con .primary-bg {
  background-color: #2575fc;
}

.ekit-wid-con .dark-whitecolor {
  color: #f7f9fb;
}

.ekit-wid-con .dark-white-bg {
  background-color: #f7f9fb;
}

.ekit-wid-con .graycolor {
  color: #f7f9fb;
}

.ekit-wid-con .gray-bg {
  background-color: #f7f9fb;
}

.ekit-wid-con .form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ekit-wid-con .slick-list {
  -webkit-box-sizing: initial;
  box-sizing: initial;
  padding: 25px 0;
}

.ekit-wid-con .tab-pane.animated {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}

.ekit-wid-con .mfp-iframe-scaler iframe {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent;
}

.ekit-wid-con img {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ekit-wid-con .image-switcher .content-image {
  position: relative;
}

.ekit-wid-con .image-switcher .content-image .hover-image {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.ekit-wid-con .image-switcher:hover .content-image .main-image {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.ekit-wid-con .image-switcher:hover .content-image .hover-image {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}

.ekit-wid-con .grid__link {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.ekit-wid-con .loadmore-btn-wraper {
  margin-top: 35px;
  text-align: center;
}

.ekit-wid-con .gallery-grid-item {
  max-width: 100%;
}

.ekit-wid-con .link-icon {
  font-size: 18px;
  color: #2575fc;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  display: inline-block;
}

.ekit-wid-con .fill-icon {
  display: inline-block;
  background-color: #2575fc;
  color: #FFFFFF;
  font-size: 40px;
  text-align: center;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .fill-icon.round {
  border-radius: 50%;
}

.ekit-wid-con .fill-icon.style-light {
  background-color: #f5f5f5;
  color: #000000;
}

.ekit-wid-con .outline-icon {
  width: 90px;
  height: 90px;
  line-height: 90px;
  display: inline-block;
  color: #2575fc;
  border: 1px solid currentColor;
  font-size: 40px;
  text-align: center;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .outline-icon.round {
  border-radius: 50%;
}

.ekit-wid-con .shadow-icon {
  width: 90px;
  height: 90px;
  line-height: 90px;
  display: inline-block;
  color: #000000;
  font-size: 40px;
  text-align: center;
  background-color: #FFFFFF;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-box-shadow: -1.216px 6.894px 15px 0px rgba(0, 0, 0, 0.07);
  box-shadow: -1.216px 6.894px 15px 0px rgba(0, 0, 0, 0.07);
}

.ekit-wid-con .shadow-icon.round {
  border-radius: 50%;
}

.ekit-wid-con .outline-border {
  position: relative;
}

.ekit-wid-con .outline-border::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  height: calc(100% + 20px);
  width: calc(100% + 20px);
  background-color: #FFFFFF;
  border: 1px solid rgba(37, 117, 252, 0.1);
  z-index: -1;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .outline-border.round::after {
  border-radius: 50%;
}

.ekit-wid-con .bounce-anim {
  -webkit-animation: bounceAnim 3s infinite;
  animation: bounceAnim 3s infinite;
}

.ekit-wid-con .simple-btn {
  display: inline-block;
  color: #000000;
  line-height: 1;
  font-size: 13px;
  font-weight: 700;
}

.ekit-wid-con .simple-btn > i,
.ekit-wid-con .simple-btn > span {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .simple-btn > .icon-right {
  padding-left: 30px;
}

.ekit-wid-con .simple-btn > .icon-left {
  padding-right: 30px;
}

.ekit-wid-con .simple-btn:hover > .icon-left {
  padding-right: 20px;
}

.ekit-wid-con .simple-btn:hover > .icon-right {
  padding-left: 20px;
}

.ekit-wid-con .border-separetor {
  display: inline-block;
  height: 3px;
  width: 30px;
  background-color: #000000;
}

.ekit-wid-con .element-wraper {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
}

.ekit-wid-con .team-area {
  background-size: auto;
  background-position: left center;
}

.ekit-wid-con .dark-bg {
  background-color: #222222;
}

.ekit-wid-con .dark-bg-2 {
  background-color: #30353c;
}

.ekit-wid-con button {
  cursor: pointer;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .form-control {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-wid-con .slick-dotted.slick-slider {
  margin-bottom: 0px;
}

.elementor-widget-elementskit-timeline .elementor-widget-container {
  padding-top: 35px;
  padding-left: 45px;
  padding-right: 45px;
  padding-bottom: 60px;
}

.ekit-sticky {
  z-index: 9999;
}

.elementor-widget-elementskit-business-hours .elementor-widget-container {
  padding: 20px 20px 20px 20px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);
}

.elementor-widget-elementskit-dual-button-center .ekit-element-align-wrapper {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.elementor-widget-elementskit-dual-button-end .ekit-element-align-wrapper {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.elementor-widget-elementskit-dual-button-start .ekit-element-align-wrapper {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.image-source-link {
  color: #98C3D1;
}

.mfp-container,
.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-ready .mfp-container {
  opacity: 1;
}

.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-removing .mfp-container, .mfp-removing.mfp-bg {
  opacity: 0;
}

/*

====== Move-horizontal effect ======

*/
.mfp-move-horizontal {
  /* start state */
  /* animate in */
  /* animate out */
}

.mfp-move-horizontal .mfp-with-anim {
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translateX(-50px);
  -ms-transform: translateX(-50px);
  transform: translateX(-50px);
}

.mfp-move-horizontal.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.mfp-move-horizontal.mfp-ready .mfp-with-anim {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.mfp-move-horizontal.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-move-horizontal.mfp-removing .mfp-with-anim {
  -webkit-transform: translateX(50px);
  -ms-transform: translateX(50px);
  transform: translateX(50px);
  opacity: 0;
}

.mfp-move-horizontal.mfp-removing.mfp-bg {
  opacity: 0;
}

/*

====== Zoom-out effect ======

*/
.mfp-zoom-out {
  /* start state */
  /* animate in */
  /* animate out */
}

.mfp-zoom-out .mfp-with-anim {
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}

.mfp-zoom-out.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-zoom-out.mfp-ready .mfp-with-anim {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.mfp-zoom-out.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-zoom-out.mfp-removing .mfp-with-anim {
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
  opacity: 0;
}

.mfp-zoom-out.mfp-removing.mfp-bg {
  opacity: 0;
}

button.mfp-close {
  border: 1px solid #FFFFFF;
  margin: 20px;
  border-radius: 50%;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

button.mfp-close:hover {
  background-color: #000000;
  color: #FFFFFF;
  border-color: #000000;
}

.mfp-iframe-holder .mfp-close {
  width: 44px;
  text-align: center;
  padding-right: 0px;
  top: 0;
  right: 0;
}

.mfp-container.mfp-iframe-holder {
  position: fixed;
}

.mfp-container.mfp-iframe-holder .mfp-close {
  position: fixed;
}

/*

====== Zoom effect ======

*/
.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

.mfp-zoom-in.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-zoom-in.mfp-removing .mfp-with-anim {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
}

.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

.white-popup-block {
  background: #ccc;
  padding: 20px;
  max-width: 300px;
  margin: 0 auto;
  -webkit-animation: open 1s;
  animation: open 1s;
}

.mfp-removing {
  -webkit-animation: close 1s;
  animation: close 1s;
}

.mfp-open .modal-popup-group,
.mfp-open .xs-modal-sidebar {
  -webkit-animation-name: galleryopen;
  animation-name: galleryopen;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* magnific pop up modal */
.mfp-bg.ekit-promo-popup {
  background-color: rgba(0, 0, 0, 0.87);
  padding-bottom: 100%;
  border-radius: 100%;
  overflow: hidden;
  -webkit-animation: menu-animation .8s ease-out forwards;
  animation: menu-animation .8s ease-out forwards;
}

/* Styles for dialog window */
.ekit-promo-popup .modal-content {
  background-color: transparent;
  padding: 0px;
  border: 0px;
}

.ekit-promo-popup .mfp-close {
  color: #FFFFFF;
  opacity: 0;
  -webkit-transition: all 1s ease .8s;
  -o-transition: all 1s ease .8s;
  transition: all 1s ease .8s;
  -webkit-transform: translateY(-500px);
  -ms-transform: translateY(-500px);
  transform: translateY(-500px);
}

.ekit-promo-popup.mfp-ready .mfp-close {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

/* at start */
.ekit-promo-popup.my-mfp-slide-bottom .zoom-anim-dialog {
  opacity: 0;
  -webkit-transition: all 1s ease .8s;
  -o-transition: all 1s ease .8s;
  transition: all 1s ease .8s;
  -webkit-transform: translateY(-500px);
  -ms-transform: translateY(-500px);
  transform: translateY(-500px);
}

/* animate in */
.ekit-promo-popup.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.ekit_modal-searchPanel .ekit-search-group {
  position: relative;
}

.ekit_modal-searchPanel .ekit-search-group input:not([type="submit"]) {
  height: 70px;
  background-color: transparent;
  border-radius: 50px;
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
  padding: 0 30px;
  width: 100%;
}

.ekit_modal-searchPanel .ekit-search-group input:not([type="submit"])::-moz-placeholder {
  color: #FFFFFF;
  opacity: 1;
}

.ekit_modal-searchPanel .ekit-search-group input:not([type="submit"])::-webkit-input-placeholder {
  color: #FFFFFF;
  opacity: 1;
}

.ekit_modal-searchPanel .ekit-search-group input:not([type="submit"]):-ms-input-placeholder {
  color: #FFFFFF;
  opacity: 1;
}

.ekit_modal-searchPanel .ekit-search-group input:not([type="submit"])::-ms-input-placeholder {
  color: #FFFFFF;
  opacity: 1;
}

.ekit_modal-searchPanel .ekit-search-group input:not([type="submit"])::placeholder {
  color: #FFFFFF;
  opacity: 1;
}

.ekit_modal-searchPanel .ekit-search-group .ekit_search-button {
  background-color: transparent;
  border: 0px;
  padding: 0;
  color: #FFFFFF;
  position: absolute;
  right: 0;
  cursor: pointer;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 100%;
  width: 70px;
  border-radius: 0 50px 50px 0;
}

.ekit_modal-searchPanel .ekit-search-panel {
  max-width: 800px;
  margin: 1.75rem auto;
}

.ekit_navsearch-button {
  display: inline-block;
}

@-webkit-keyframes bounceAnim {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-16px);
    transform: translateY(-16px);
  }
  60% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@keyframes bounceAnim {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-16px);
    transform: translateY(-16px);
  }
  60% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

/* animation keyframes list */
@-webkit-keyframes menu-animation {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.04) translateY(300%);
    transform: scale(0.04) translateY(300%);
  }
  40% {
    -webkit-transform: scale(0.04) translateY(0);
    transform: scale(0.04) translateY(0);
    -webkit-transition: ease-out;
    -o-transition: ease-out;
    transition: ease-out;
  }
  40% {
    -webkit-transform: scale(0.04) translateY(0);
    transform: scale(0.04) translateY(0);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.02) translateY(0px);
    transform: scale(0.02) translateY(0px);
  }
  61% {
    opacity: 1;
    -webkit-transform: scale(0.04) translateY(0px);
    transform: scale(0.04) translateY(0px);
  }
  99.9% {
    opacity: 1;
    height: 0;
    padding-bottom: 100%;
    border-radius: 100%;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(2) translateY(0px);
    transform: scale(2) translateY(0px);
    height: 100%;
    padding-bottom: 0;
    border-radius: 0;
  }
}
@keyframes menu-animation {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.04) translateY(300%);
    transform: scale(0.04) translateY(300%);
  }
  40% {
    -webkit-transform: scale(0.04) translateY(0);
    transform: scale(0.04) translateY(0);
    -webkit-transition: ease-out;
    -o-transition: ease-out;
    transition: ease-out;
  }
  40% {
    -webkit-transform: scale(0.04) translateY(0);
    transform: scale(0.04) translateY(0);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.02) translateY(0px);
    transform: scale(0.02) translateY(0px);
  }
  61% {
    opacity: 1;
    -webkit-transform: scale(0.04) translateY(0px);
    transform: scale(0.04) translateY(0px);
  }
  99.9% {
    opacity: 1;
    height: 0;
    padding-bottom: 100%;
    border-radius: 100%;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(2) translateY(0px);
    transform: scale(2) translateY(0px);
    height: 100%;
    padding-bottom: 0;
    border-radius: 0;
  }
}

@-webkit-keyframes show-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes show-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes hide-fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes hide-fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* show animation */
@-webkit-keyframes show-animation {
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes show-animation {
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

/* hide animation */
@-webkit-keyframes hide-animation {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
  }
}
@keyframes hide-animation {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}

@-webkit-keyframes button-pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 currentColor;
    box-shadow: 0 0 0 0 currentColor;
    opacity: .2;
  }
  70% {
    -webkit-box-shadow: 0 0 0 60px currentColor;
    box-shadow: 0 0 0 60px currentColor;
    opacity: 0;
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 currentColor;
    box-shadow: 0 0 0 0 currentColor;
    opacity: 0;
  }
}

@keyframes button-pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 currentColor;
    box-shadow: 0 0 0 0 currentColor;
    opacity: .2;
  }
  70% {
    -webkit-box-shadow: 0 0 0 60px currentColor;
    box-shadow: 0 0 0 60px currentColor;
    opacity: 0;
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 currentColor;
    box-shadow: 0 0 0 0 currentColor;
    opacity: 0;
  }
}

@-webkit-keyframes open {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes open {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes close {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes close {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes galleryopen {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes galleryopen {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes location-indicator {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(12, 90, 219, 0.2);
    box-shadow: 0 0 0 0 rgba(12, 90, 219, 0.2);
  }
  70% {
    -webkit-box-shadow: 0 0 0 30px rgba(12, 90, 219, 0);
    box-shadow: 0 0 0 30px rgba(12, 90, 219, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(12, 90, 219, 0);
    box-shadow: 0 0 0 0 rgba(12, 90, 219, 0);
  }
}

@keyframes location-indicator {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(12, 90, 219, 0.2);
    box-shadow: 0 0 0 0 rgba(12, 90, 219, 0.2);
  }
  70% {
    -webkit-box-shadow: 0 0 0 30px rgba(12, 90, 219, 0);
    box-shadow: 0 0 0 30px rgba(12, 90, 219, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(12, 90, 219, 0);
    box-shadow: 0 0 0 0 rgba(12, 90, 219, 0);
  }
}

@-webkit-keyframes iconTranslateY {
  49% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  51% {
    opacity: 1;
  }
}

@keyframes iconTranslateY {
  49% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  51% {
    opacity: 1;
  }
}

@-webkit-keyframes RainDrop {
  0%,
  25%,
  55%,
  75%,
  87%,
  97%,
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  26%,
  56%,
  76% {
    -webkit-transform: scaleX(1.3) scaleY(0.8);
    transform: scaleX(1.3) scaleY(0.8);
  }
  31%,
  61%,
  81% {
    -webkit-transform: scaleX(0.8) scaleY(1.2);
    transform: scaleX(0.8) scaleY(1.2);
  }
  76%,
  88% {
    -webkit-transform: scaleX(1.2);
    transform: scaleX(1.2);
  }
  98% {
    -webkit-transform: scaleX(1.1);
    transform: scaleX(1.1);
  }
}

@keyframes RainDrop {
  0%,
  25%,
  55%,
  75%,
  87%,
  97%,
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  26%,
  56%,
  76% {
    -webkit-transform: scaleX(1.3) scaleY(0.8);
    transform: scaleX(1.3) scaleY(0.8);
  }
  31%,
  61%,
  81% {
    -webkit-transform: scaleX(0.8) scaleY(1.2);
    transform: scaleX(0.8) scaleY(1.2);
  }
  76%,
  88% {
    -webkit-transform: scaleX(1.2);
    transform: scaleX(1.2);
  }
  98% {
    -webkit-transform: scaleX(1.1);
    transform: scaleX(1.1);
  }
}

@-webkit-keyframes WaterWave {
  50% {
    -webkit-transform: skewY(1deg) skewX(-1deg) scale(1.06);
    transform: skewY(1deg) skewX(-1deg) scale(1.06);
  }
}

@keyframes WaterWave {
  50% {
    -webkit-transform: skewY(1deg) skewX(-1deg) scale(1.06);
    transform: skewY(1deg) skewX(-1deg) scale(1.06);
  }
}

@-webkit-keyframes lightning {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

@keyframes lightning {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

@-webkit-keyframes JoltZoom {
  10% {
    font-size: 140%;
  }
  40% {
    font-size: 80%;
  }
  100% {
    font-size: 100%;
  }
}

@keyframes JoltZoom {
  10% {
    font-size: 140%;
  }
  40% {
    font-size: 80%;
  }
  100% {
    font-size: 100%;
  }
}

@-webkit-keyframes typing {
  from {
    width: 0;
  }
}

@keyframes typing {
  from {
    width: 0;
  }
}

@-webkit-keyframes cursor {
  50% {
    border-color: transparent;
  }
}

@keyframes cursor {
  50% {
    border-color: transparent;
  }
}

@-webkit-keyframes wipe {
  to {
    width: 0;
  }
}

@keyframes wipe {
  to {
    width: 0;
  }
}

@keyframes open {
  from {
    width: 0;
  }
}

@-webkit-keyframes Magnify {
  50% {
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
    letter-spacing: 26px;
  }
}

@keyframes Magnify {
  50% {
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
    letter-spacing: 26px;
  }
}

@-webkit-keyframes Beat {
  14%,
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28%,
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes Beat {
  14%,
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28%,
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes FadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes FadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes FadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translateX(-60px);
    transform: translateX(-60px);
  }
  to {
    opacity: 1;
  }
}

@keyframes FadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translateX(-60px);
    transform: translateX(-60px);
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes FadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translateX(60px);
    transform: translateX(60px);
  }
  to {
    opacity: 1;
  }
}

@keyframes FadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translateX(60px);
    transform: translateX(60px);
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes FadeInTop {
  from {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
  }
}

@keyframes FadeInTop {
  from {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes FadeInBottom {
  from {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    opacity: 1;
  }
}

@keyframes FadeInBottom {
  from {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes FadeOut {
  to {
    opacity: 0;
  }
}

@keyframes FadeOut {
  to {
    opacity: 0;
  }
}

@-webkit-keyframes FadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translateX(-60px);
    transform: translateX(-60px);
  }
}

@keyframes FadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translateX(-60px);
    transform: translateX(-60px);
  }
}

@-webkit-keyframes FadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translateX(60px);
    transform: translateX(60px);
  }
}

@keyframes FadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translateX(60px);
    transform: translateX(60px);
  }
}

@-webkit-keyframes FadeOutTop {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@keyframes FadeOutTop {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@-webkit-keyframes FadeOutBottom {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

@keyframes FadeOutBottom {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

@-webkit-keyframes MovingBackFromRight {
  40% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: cubic-bezier(0, 0.9, 0.7, 1.45);
    animation-timing-function: cubic-bezier(0, 0.9, 0.7, 1.45);
  }
}

@keyframes MovingBackFromRight {
  40% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: cubic-bezier(0, 0.9, 0.7, 1.45);
    animation-timing-function: cubic-bezier(0, 0.9, 0.7, 1.45);
  }
}

@-webkit-keyframes MovingBackFromLeft {
  40% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: cubic-bezier(0, 0.9, 0.7, 1.45);
    animation-timing-function: cubic-bezier(0, 0.9, 0.7, 1.45);
  }
}

@keyframes MovingBackFromLeft {
  40% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: cubic-bezier(0, 0.9, 0.7, 1.45);
    animation-timing-function: cubic-bezier(0, 0.9, 0.7, 1.45);
  }
}

/*************************************************************
Kick out
**************************************************************/
@-webkit-keyframes KickOutFront {
  40% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: cubic-bezier(0, 0.9, 0.7, 1.45);
    animation-timing-function: cubic-bezier(0, 0.9, 0.7, 1.45);
  }
}
@keyframes KickOutFront {
  40% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: cubic-bezier(0, 0.9, 0.7, 1.45);
    animation-timing-function: cubic-bezier(0, 0.9, 0.7, 1.45);
  }
}

@-webkit-keyframes KickOutBehind {
  40% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: cubic-bezier(0, 0.9, 0.7, 1.45);
    animation-timing-function: cubic-bezier(0, 0.9, 0.7, 1.45);
  }
}

@keyframes KickOutBehind {
  40% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-timing-function: cubic-bezier(0, 0.9, 0.7, 1.45);
    animation-timing-function: cubic-bezier(0, 0.9, 0.7, 1.45);
  }
}

/************************************************************
Letter Scale
*************************************************************/
@-webkit-keyframes ScaleXIn {
  from {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes ScaleXIn {
  from {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-webkit-keyframes ScaleXOut {
  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  from {
    opacity: 1;
  }
}

@keyframes ScaleXOut {
  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  from {
    opacity: 1;
  }
}

@-webkit-keyframes ScaleYIn {
  from {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@keyframes ScaleYIn {
  from {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-webkit-keyframes ScaleYOut {
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  from {
    opacity: 1;
  }
}

@keyframes ScaleYOut {
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  from {
    opacity: 1;
  }
}

/*************************************************************
Letter Jump
**************************************************************/
@-webkit-keyframes Jump {
  to {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes Jump {
  to {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

/*************************************************************
Letter Fly
**************************************************************/
@-webkit-keyframes AboundTop {
  50% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes AboundTop {
  50% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@-webkit-keyframes AboundBottom {
  50% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes AboundBottom {
  50% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@-webkit-keyframes AboundLeft {
  50% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes AboundLeft {
  50% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@-webkit-keyframes AboundRight {
  50% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes AboundRight {
  50% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

/*************************************************************
Letter Fly In
**************************************************************/
@-webkit-keyframes FlyInTop {
  0% {
    -webkit-transform: translate(0px, -80px);
    transform: translate(0px, -80px);
    opacity: 0;
  }
  50% {
    -webkit-transform: translate(10px, 50px);
    transform: translate(10px, 50px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}
@keyframes FlyInTop {
  0% {
    -webkit-transform: translate(0px, -80px);
    transform: translate(0px, -80px);
    opacity: 0;
  }
  50% {
    -webkit-transform: translate(10px, 50px);
    transform: translate(10px, 50px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}

@-webkit-keyframes FlyInLeft {
  0% {
    -webkit-transform: translate(-40px, 0px);
    transform: translate(-40px, 0px);
    opacity: 0;
  }
  50% {
    -webkit-transform: translate(40px, 0px);
    transform: translate(40px, 0px);
  }
}

@keyframes FlyInLeft {
  0% {
    -webkit-transform: translate(-40px, 0px);
    transform: translate(-40px, 0px);
    opacity: 0;
  }
  50% {
    -webkit-transform: translate(40px, 0px);
    transform: translate(40px, 0px);
  }
}

@-webkit-keyframes FlyInRight {
  0% {
    -webkit-transform: translate(40px, 0px);
    transform: translate(40px, 0px);
    opacity: 0;
  }
  50% {
    -webkit-transform: translate(-40px, 0px);
    transform: translate(-40px, 0px);
  }
}

@keyframes FlyInRight {
  0% {
    -webkit-transform: translate(40px, 0px);
    transform: translate(40px, 0px);
    opacity: 0;
  }
  50% {
    -webkit-transform: translate(-40px, 0px);
    transform: translate(-40px, 0px);
  }
}

@-webkit-keyframes FlyInBottom {
  0% {
    -webkit-transform: translate(0px, 80px);
    transform: translate(0px, 80px);
    opacity: 0;
  }
  50% {
    -webkit-transform: translate(10px, -50px);
    transform: translate(10px, -50px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}

@keyframes FlyInBottom {
  0% {
    -webkit-transform: translate(0px, 80px);
    transform: translate(0px, 80px);
    opacity: 0;
  }
  50% {
    -webkit-transform: translate(10px, -50px);
    transform: translate(10px, -50px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
}

/*************************************************************
Letter Fly Out
**************************************************************/
@-webkit-keyframes FlyOutTop {
  50% {
    -webkit-transform: translate(0px, 50px);
    transform: translate(0px, 50px);
  }
  to {
    -webkit-transform: translate(0px, -100px);
    transform: translate(0px, -100px);
    opacity: 0;
  }
}
@keyframes FlyOutTop {
  50% {
    -webkit-transform: translate(0px, 50px);
    transform: translate(0px, 50px);
  }
  to {
    -webkit-transform: translate(0px, -100px);
    transform: translate(0px, -100px);
    opacity: 0;
  }
}

@-webkit-keyframes FlyOutLeft {
  50% {
    -webkit-transform: translate(40px, 0px);
    transform: translate(40px, 0px);
  }
  to {
    -webkit-transform: translate(-100px, 0px);
    transform: translate(-100px, 0px);
    opacity: 0;
  }
}

@keyframes FlyOutLeft {
  50% {
    -webkit-transform: translate(40px, 0px);
    transform: translate(40px, 0px);
  }
  to {
    -webkit-transform: translate(-100px, 0px);
    transform: translate(-100px, 0px);
    opacity: 0;
  }
}

@-webkit-keyframes FlyOutRight {
  50% {
    -webkit-transform: translate(-40px, 0px);
    transform: translate(-40px, 0px);
  }
  to {
    -webkit-transform: translate(100px, 0px);
    transform: translate(100px, 0px);
    opacity: 0;
  }
}

@keyframes FlyOutRight {
  50% {
    -webkit-transform: translate(-40px, 0px);
    transform: translate(-40px, 0px);
  }
  to {
    -webkit-transform: translate(100px, 0px);
    transform: translate(100px, 0px);
    opacity: 0;
  }
}

@-webkit-keyframes FlyOutBottom {
  50% {
    -webkit-transform: translate(0px, -40px);
    transform: translate(0px, -40px);
  }
  to {
    -webkit-transform: translate(0px, 100px);
    transform: translate(0px, 100px);
    opacity: 0;
  }
}

@keyframes FlyOutBottom {
  50% {
    -webkit-transform: translate(0px, -40px);
    transform: translate(0px, -40px);
  }
  to {
    -webkit-transform: translate(0px, 100px);
    transform: translate(0px, 100px);
    opacity: 0;
  }
}

/*************************************************************
Letter Door Open & Close
**************************************************************/
@-webkit-keyframes DoorCloseLeft {
  from,
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
  from {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes DoorCloseLeft {
  from,
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
  from {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes DoorOpenRight {
  from,
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
  to {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    opacity: 0;
  }
}

@keyframes DoorOpenRight {
  from,
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
  to {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    opacity: 0;
  }
}

@-webkit-keyframes DoorCloseRight {
  from,
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-transform-origin: right;
    transform-origin: right;
  }
  from {
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes DoorCloseRight {
  from,
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-transform-origin: right;
    transform-origin: right;
  }
  from {
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes DoorOpenLeft {
  from,
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-transform-origin: right;
    transform-origin: right;
  }
  to {
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    opacity: 0;
  }
}

@keyframes DoorOpenLeft {
  from,
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-transform-origin: right;
    transform-origin: right;
  }
  to {
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    opacity: 0;
  }
}

/*************************************************************
Letter Hang And Drop
**************************************************************/
@-webkit-keyframes HangAndDropLeft {
  from {
    -webkit-transform-origin: left;
    transform-origin: left;
  }
  50% {
    -webkit-transform: rotate(100deg);
    transform: rotate(100deg);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
  60% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
  to {
    -webkit-transform: translateY(800px) rotate(70deg);
    transform: translateY(800px) rotate(70deg);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
}
@keyframes HangAndDropLeft {
  from {
    -webkit-transform-origin: left;
    transform-origin: left;
  }
  50% {
    -webkit-transform: rotate(100deg);
    transform: rotate(100deg);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
  60% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
  to {
    -webkit-transform: translateY(800px) rotate(70deg);
    transform: translateY(800px) rotate(70deg);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
}

@-webkit-keyframes HangAndDropRight {
  from {
    -webkit-transform-origin: right;
    transform-origin: right;
  }
  50% {
    -webkit-transform: rotate(-100deg);
    transform: rotate(-100deg);
    -webkit-transform-origin: right;
    transform-origin: right;
  }
  60% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right;
    transform-origin: right;
  }
  to {
    -webkit-transform: translateY(800px) rotate(-70deg);
    transform: translateY(800px) rotate(-70deg);
    -webkit-transform-origin: right;
    transform-origin: right;
  }
}

@keyframes HangAndDropRight {
  from {
    -webkit-transform-origin: right;
    transform-origin: right;
  }
  50% {
    -webkit-transform: rotate(-100deg);
    transform: rotate(-100deg);
    -webkit-transform-origin: right;
    transform-origin: right;
  }
  60% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right;
    transform-origin: right;
  }
  to {
    -webkit-transform: translateY(800px) rotate(-70deg);
    transform: translateY(800px) rotate(-70deg);
    -webkit-transform-origin: right;
    transform-origin: right;
  }
}

/*************************************************************
Letter Push Release
**************************************************************/
@-webkit-keyframes PushReleaseFrom {
  from {
    -webkit-transform: scale(3, 3);
    transform: scale(3, 3);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
  }
}
@keyframes PushReleaseFrom {
  from {
    -webkit-transform: scale(3, 3);
    transform: scale(3, 3);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
  }
}

@-webkit-keyframes PushReleaseFromLeft {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
  30% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
  }
}

@keyframes PushReleaseFromLeft {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
  30% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
  }
}

@-webkit-keyframes PushReleaseFromTop {
  from {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
  }
  30% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
}

@keyframes PushReleaseFromTop {
  from {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
  }
  30% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
}

@-webkit-keyframes PushReleaseFromBottom {
  from {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
  }
  30% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
}

@keyframes PushReleaseFromBottom {
  from {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
  }
  30% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
}

@-webkit-keyframes PushReleaseTo {
  30% {
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
  }
  to {
    -webkit-transform: scale(5, 5);
    transform: scale(5, 5);
    opacity: 0;
  }
}

@keyframes PushReleaseTo {
  30% {
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
  }
  to {
    -webkit-transform: scale(5, 5);
    transform: scale(5, 5);
    opacity: 0;
  }
}

@-webkit-keyframes PushReleaseToTop {
  30% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
  to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
  }
}

@keyframes PushReleaseToTop {
  30% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
  to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
  }
}

@-webkit-keyframes PushReleaseToBottom {
  30% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
  }
}

@keyframes PushReleaseToBottom {
  30% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
  }
}

/*************************************************************
Letter Flip
**************************************************************/
@-webkit-keyframes FlipInTop {
  from {
    -webkit-transform: perspective(600px);
    transform: perspective(600px);
    opacity: 0;
  }
  30% {
    -webkit-transform: perspective(600px) rotateX(180deg);
    transform: perspective(600px) rotateX(180deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  to {
    -webkit-transform: perspective(600px);
    transform: perspective(600px);
  }
}
@keyframes FlipInTop {
  from {
    -webkit-transform: perspective(600px);
    transform: perspective(600px);
    opacity: 0;
  }
  30% {
    -webkit-transform: perspective(600px) rotateX(180deg);
    transform: perspective(600px) rotateX(180deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  to {
    -webkit-transform: perspective(600px);
    transform: perspective(600px);
  }
}

@-webkit-keyframes FlipOutTop {
  to {
    -webkit-transform: perspective(600px);
    transform: perspective(600px);
    opacity: 0;
  }
  70% {
    -webkit-transform: perspective(600px) rotateX(180deg);
    transform: perspective(600px) rotateX(180deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  to {
    -webkit-transform: perspective(600px);
    transform: perspective(600px);
  }
}

@keyframes FlipOutTop {
  to {
    -webkit-transform: perspective(600px);
    transform: perspective(600px);
    opacity: 0;
  }
  70% {
    -webkit-transform: perspective(600px) rotateX(180deg);
    transform: perspective(600px) rotateX(180deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  to {
    -webkit-transform: perspective(600px);
    transform: perspective(600px);
  }
}

@-webkit-keyframes FlipInBottom {
  from {
    -webkit-transform: perspective(600px);
    transform: perspective(600px);
    opacity: 0;
  }
  30% {
    -webkit-transform: perspective(600px) rotateX(180deg);
    transform: perspective(600px) rotateX(180deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  to {
    -webkit-transform: perspective(600px);
    transform: perspective(600px);
  }
}

@keyframes FlipInBottom {
  from {
    -webkit-transform: perspective(600px);
    transform: perspective(600px);
    opacity: 0;
  }
  30% {
    -webkit-transform: perspective(600px) rotateX(180deg);
    transform: perspective(600px) rotateX(180deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  to {
    -webkit-transform: perspective(600px);
    transform: perspective(600px);
  }
}

@-webkit-keyframes FlipOutBottom {
  to {
    -webkit-transform: perspective(600px);
    transform: perspective(600px);
    opacity: 0;
  }
  70% {
    -webkit-transform: perspective(600px) rotateX(180deg);
    transform: perspective(600px) rotateX(180deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  to {
    -webkit-transform: perspective(600px);
    transform: perspective(600px);
  }
}

@keyframes FlipOutBottom {
  to {
    -webkit-transform: perspective(600px);
    transform: perspective(600px);
    opacity: 0;
  }
  70% {
    -webkit-transform: perspective(600px) rotateX(180deg);
    transform: perspective(600px) rotateX(180deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  to {
    -webkit-transform: perspective(600px);
    transform: perspective(600px);
  }
}

/*************************************************************
Letter Elevate
**************************************************************/
@-webkit-keyframes ElevateLeft {
  from {
    -webkit-transform: translateY(100%) rotate(-20deg);
    transform: translateY(100%) rotate(-20deg);
    -webkit-transform-origin: right;
    transform-origin: right;
    opacity: 0;
  }
  40% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    -webkit-transform-origin: right;
    transform-origin: right;
  }
  65% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: right;
    transform-origin: right;
  }
}
@keyframes ElevateLeft {
  from {
    -webkit-transform: translateY(100%) rotate(-20deg);
    transform: translateY(100%) rotate(-20deg);
    -webkit-transform-origin: right;
    transform-origin: right;
    opacity: 0;
  }
  40% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    -webkit-transform-origin: right;
    transform-origin: right;
  }
  65% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: right;
    transform-origin: right;
  }
}

@-webkit-keyframes ElevateRight {
  from {
    -webkit-transform: translateY(100%) rotate(20deg);
    transform: translateY(100%) rotate(20deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    opacity: 0;
  }
  40% {
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
  65% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
}

@keyframes ElevateRight {
  from {
    -webkit-transform: translateY(100%) rotate(20deg);
    transform: translateY(100%) rotate(20deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    opacity: 0;
  }
  40% {
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
  65% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
}

/*************************************************************
Letter Roll From
**************************************************************/
@-webkit-keyframes RollFromLeft {
  from {
    -webkit-transform: translateX(-60px) perspective(600px) rotateY(180deg);
    transform: translateX(-60px) perspective(600px) rotateY(180deg);
    opacity: 0;
  }
}
@keyframes RollFromLeft {
  from {
    -webkit-transform: translateX(-60px) perspective(600px) rotateY(180deg);
    transform: translateX(-60px) perspective(600px) rotateY(180deg);
    opacity: 0;
  }
}

@-webkit-keyframes RollFromRight {
  from {
    -webkit-transform: translateX(60px) perspective(600px) rotateY(-180deg);
    transform: translateX(60px) perspective(600px) rotateY(-180deg);
    opacity: 0;
  }
}

@keyframes RollFromRight {
  from {
    -webkit-transform: translateX(60px) perspective(600px) rotateY(-180deg);
    transform: translateX(60px) perspective(600px) rotateY(-180deg);
    opacity: 0;
  }
}

@-webkit-keyframes RollFromTop {
  from {
    -webkit-transform: translateY(-60px) perspective(600px) rotateX(180deg);
    transform: translateY(-60px) perspective(600px) rotateX(180deg);
    opacity: 0;
  }
}

@keyframes RollFromTop {
  from {
    -webkit-transform: translateY(-60px) perspective(600px) rotateX(180deg);
    transform: translateY(-60px) perspective(600px) rotateX(180deg);
    opacity: 0;
  }
}

@-webkit-keyframes RollFromBottom {
  from {
    -webkit-transform: translateY(60px) perspective(600px) rotateX(-180deg);
    transform: translateY(60px) perspective(600px) rotateX(-180deg);
    opacity: 0;
  }
}

@keyframes RollFromBottom {
  from {
    -webkit-transform: translateY(60px) perspective(600px) rotateX(-180deg);
    transform: translateY(60px) perspective(600px) rotateX(-180deg);
    opacity: 0;
  }
}

/*************************************************************
Letter Roll To
**************************************************************/
@-webkit-keyframes RollToLeft {
  to {
    -webkit-transform: translateX(-60px) perspective(600px) rotateY(180deg);
    transform: translateX(-60px) perspective(600px) rotateY(180deg);
    opacity: 0;
  }
}
@keyframes RollToLeft {
  to {
    -webkit-transform: translateX(-60px) perspective(600px) rotateY(180deg);
    transform: translateX(-60px) perspective(600px) rotateY(180deg);
    opacity: 0;
  }
}

@-webkit-keyframes RollToRight {
  to {
    -webkit-transform: translateX(60px) perspective(600px) rotateY(-180deg);
    transform: translateX(60px) perspective(600px) rotateY(-180deg);
    opacity: 0;
  }
}

@keyframes RollToRight {
  to {
    -webkit-transform: translateX(60px) perspective(600px) rotateY(-180deg);
    transform: translateX(60px) perspective(600px) rotateY(-180deg);
    opacity: 0;
  }
}

@-webkit-keyframes RollToTop {
  to {
    -webkit-transform: translateY(-60px) perspective(600px) rotateX(180deg);
    transform: translateY(-60px) perspective(600px) rotateX(180deg);
    opacity: 0;
  }
}

@keyframes RollToTop {
  to {
    -webkit-transform: translateY(-60px) perspective(600px) rotateX(180deg);
    transform: translateY(-60px) perspective(600px) rotateX(180deg);
    opacity: 0;
  }
}

@-webkit-keyframes RollToBottom {
  to {
    -webkit-transform: translateY(60px) perspective(600px) rotateX(-180deg);
    transform: translateY(60px) perspective(600px) rotateX(-180deg);
    opacity: 0;
  }
}

@keyframes RollToBottom {
  to {
    -webkit-transform: translateY(60px) perspective(600px) rotateX(-180deg);
    transform: translateY(60px) perspective(600px) rotateX(-180deg);
    opacity: 0;
  }
}

/*************************************************************
Letter Rotate In skate
**************************************************************/
@-webkit-keyframes RotateSkateInRight {
  from {
    -webkit-transform: scaleX(0.2) translateX(100px);
    transform: scaleX(0.2) translateX(100px);
    opacity: 0;
  }
}
@keyframes RotateSkateInRight {
  from {
    -webkit-transform: scaleX(0.2) translateX(100px);
    transform: scaleX(0.2) translateX(100px);
    opacity: 0;
  }
}

@-webkit-keyframes RotateSkateInLeft {
  from {
    -webkit-transform: scaleX(0.2) translateX(-100px);
    transform: scaleX(0.2) translateX(-100px);
    opacity: 0;
  }
}

@keyframes RotateSkateInLeft {
  from {
    -webkit-transform: scaleX(0.2) translateX(-100px);
    transform: scaleX(0.2) translateX(-100px);
    opacity: 0;
  }
}

@-webkit-keyframes RotateSkateInTop {
  from {
    -webkit-transform: scaleY(0.2) translateY(-100px);
    transform: scaleY(0.2) translateY(-100px);
    opacity: 0;
  }
}

@keyframes RotateSkateInTop {
  from {
    -webkit-transform: scaleY(0.2) translateY(-100px);
    transform: scaleY(0.2) translateY(-100px);
    opacity: 0;
  }
}

@-webkit-keyframes RotateSkateInBottom {
  from {
    -webkit-transform: scaleY(0.2) translateY(100px);
    transform: scaleY(0.2) translateY(100px);
    opacity: 0;
  }
}

@keyframes RotateSkateInBottom {
  from {
    -webkit-transform: scaleY(0.2) translateY(100px);
    transform: scaleY(0.2) translateY(100px);
    opacity: 0;
  }
}

/*************************************************************
Letter Rotate Out skate
**************************************************************/
@-webkit-keyframes RotateSkateOutRight {
  to {
    -webkit-transform: scaleX(0.2) translateX(100px);
    transform: scaleX(0.2) translateX(100px);
    opacity: 0;
  }
}
@keyframes RotateSkateOutRight {
  to {
    -webkit-transform: scaleX(0.2) translateX(100px);
    transform: scaleX(0.2) translateX(100px);
    opacity: 0;
  }
}

@-webkit-keyframes RotateSkateOutLeft {
  to {
    -webkit-transform: scaleX(0.2) translateX(-100px);
    transform: scaleX(0.2) translateX(-100px);
    opacity: 0;
  }
}

@keyframes RotateSkateOutLeft {
  to {
    -webkit-transform: scaleX(0.2) translateX(-100px);
    transform: scaleX(0.2) translateX(-100px);
    opacity: 0;
  }
}

@-webkit-keyframes RotateSkateOutTop {
  to {
    -webkit-transform: scaleY(0.2) translateY(-100px);
    transform: scaleY(0.2) translateY(-100px);
    opacity: 0;
  }
}

@keyframes RotateSkateOutTop {
  to {
    -webkit-transform: scaleY(0.2) translateY(-100px);
    transform: scaleY(0.2) translateY(-100px);
    opacity: 0;
  }
}

@-webkit-keyframes RotateSkateOutBottom {
  to {
    -webkit-transform: scaleY(0.2) translateY(100px);
    transform: scaleY(0.2) translateY(100px);
    opacity: 0;
  }
}

@keyframes RotateSkateOutBottom {
  to {
    -webkit-transform: scaleY(0.2) translateY(100px);
    transform: scaleY(0.2) translateY(100px);
    opacity: 0;
  }
}

/*************************************************************
Letter Rotation
**************************************************************/
@-webkit-keyframes RotateXZoomIn {
  from {
    -webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
    transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
    opacity: 0;
  }
  5% {
    -webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg);
    transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg);
  }
}
@keyframes RotateXZoomIn {
  from {
    -webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
    transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
    opacity: 0;
  }
  5% {
    -webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg);
    transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg);
  }
}

@-webkit-keyframes RotateXZoomOut {
  95% {
    -webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg);
    transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg);
  }
  to {
    -webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
    transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
    opacity: 0;
  }
}

@keyframes RotateXZoomOut {
  95% {
    -webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg);
    transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg);
  }
  to {
    -webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
    transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
    opacity: 0;
  }
}

@-webkit-keyframes RotateYZoomIn {
  from {
    -webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
    transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
    opacity: 0;
  }
  5% {
    -webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg);
    transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg);
  }
}

@keyframes RotateYZoomIn {
  from {
    -webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
    transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
    opacity: 0;
  }
  5% {
    -webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg);
    transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg);
  }
}

@-webkit-keyframes RotateYZoomOut {
  95% {
    -webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg);
    transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg);
  }
  to {
    -webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
    transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
    opacity: 0;
  }
}

@keyframes RotateYZoomOut {
  95% {
    -webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg);
    transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg);
  }
  to {
    -webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
    transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
    opacity: 0;
  }
}

/*************************************************************
Letter Rotate
**************************************************************/
@-webkit-keyframes RotateIn {
  from {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes RotateIn {
  from {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes RotateOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    opacity: 0;
  }
}

@keyframes RotateOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    opacity: 0;
  }
}

@-webkit-keyframes RotateInLeft {
  from {
    -webkit-transform: rotate(-180deg) translateX(150px);
    transform: rotate(-180deg) translateX(150px);
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes RotateInLeft {
  from {
    -webkit-transform: rotate(-180deg) translateX(150px);
    transform: rotate(-180deg) translateX(150px);
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes RotateOutLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(180deg) translateX(150px);
    transform: rotate(180deg) translateX(150px);
    opacity: 0;
  }
}

@keyframes RotateOutLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(180deg) translateX(150px);
    transform: rotate(180deg) translateX(150px);
    opacity: 0;
  }
}

@-webkit-keyframes RotateInRight {
  from {
    -webkit-transform: rotate(-180deg) translateX(-150px);
    transform: rotate(-180deg) translateX(-150px);
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes RotateInRight {
  from {
    -webkit-transform: rotate(-180deg) translateX(-150px);
    transform: rotate(-180deg) translateX(-150px);
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes RotateOutRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(180deg) translateX(-150px);
    transform: rotate(180deg) translateX(-150px);
    opacity: 0;
  }
}

@keyframes RotateOutRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(180deg) translateX(-150px);
    transform: rotate(180deg) translateX(-150px);
    opacity: 0;
  }
}

/*************************************************************
Letter Spin
**************************************************************/
@-webkit-keyframes SpinInLeft {
  from,
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  from {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes SpinInLeft {
  from,
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  from {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@-webkit-keyframes SpinInRight {
  from,
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  from {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes SpinInRight {
  from,
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  from {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@-webkit-keyframes SpinOutLeft {
  from,
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  to {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes SpinOutLeft {
  from,
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  to {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@-webkit-keyframes SpinOutRight {
  from,
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  to {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes SpinOutRight {
  from,
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  to {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

/*************************************************************
Letter Blur In
**************************************************************/
@-webkit-keyframes BlurIn {
  from {
    -webkit-transform: scaleX(0.2);
    transform: scaleX(0.2);
    -webkit-filter: blur(20px);
    filter: blur(20px);
    opacity: 0;
  }
}
@keyframes BlurIn {
  from {
    -webkit-transform: scaleX(0.2);
    transform: scaleX(0.2);
    -webkit-filter: blur(20px);
    filter: blur(20px);
    opacity: 0;
  }
}

@-webkit-keyframes BlurInRight {
  from {
    -webkit-transform: scaleX(0.2) translateX(100px);
    transform: scaleX(0.2) translateX(100px);
    -webkit-filter: blur(20px);
    filter: blur(20px);
    opacity: 0;
  }
}

@keyframes BlurInRight {
  from {
    -webkit-transform: scaleX(0.2) translateX(100px);
    transform: scaleX(0.2) translateX(100px);
    -webkit-filter: blur(20px);
    filter: blur(20px);
    opacity: 0;
  }
}

@-webkit-keyframes BlurInLeft {
  from {
    -webkit-transform: scaleX(0.2) translateX(-100px);
    transform: scaleX(0.2) translateX(-100px);
    -webkit-filter: blur(20px);
    filter: blur(20px);
    opacity: 0;
  }
}

@keyframes BlurInLeft {
  from {
    -webkit-transform: scaleX(0.2) translateX(-100px);
    transform: scaleX(0.2) translateX(-100px);
    -webkit-filter: blur(20px);
    filter: blur(20px);
    opacity: 0;
  }
}

@-webkit-keyframes BlurInTop {
  from {
    -webkit-transform: scaleY(0.2) translateY(-100px);
    transform: scaleY(0.2) translateY(-100px);
    -webkit-filter: blur(20px);
    filter: blur(20px);
    opacity: 0;
  }
}

@keyframes BlurInTop {
  from {
    -webkit-transform: scaleY(0.2) translateY(-100px);
    transform: scaleY(0.2) translateY(-100px);
    -webkit-filter: blur(20px);
    filter: blur(20px);
    opacity: 0;
  }
}

@-webkit-keyframes BlurInBottom {
  from {
    -webkit-transform: scaleY(0.2) translateY(100px);
    transform: scaleY(0.2) translateY(100px);
    -webkit-filter: blur(20px);
    filter: blur(20px);
    opacity: 0;
  }
}

@keyframes BlurInBottom {
  from {
    -webkit-transform: scaleY(0.2) translateY(100px);
    transform: scaleY(0.2) translateY(100px);
    -webkit-filter: blur(20px);
    filter: blur(20px);
    opacity: 0;
  }
}

/*************************************************************
Letter Blur Out
**************************************************************/
@-webkit-keyframes BlurOut {
  to {
    -webkit-transform: scaleX(0.2);
    transform: scaleX(0.2);
    -webkit-filter: blur(20px);
    filter: blur(20px);
    opacity: 0;
  }
}
@keyframes BlurOut {
  to {
    -webkit-transform: scaleX(0.2);
    transform: scaleX(0.2);
    -webkit-filter: blur(20px);
    filter: blur(20px);
    opacity: 0;
  }
}

@-webkit-keyframes BlurOutRight {
  to {
    -webkit-transform: scaleX(0.2) translateX(100px);
    transform: scaleX(0.2) translateX(100px);
    -webkit-filter: blur(20px);
    filter: blur(20px);
    opacity: 0;
  }
}

@keyframes BlurOutRight {
  to {
    -webkit-transform: scaleX(0.2) translateX(100px);
    transform: scaleX(0.2) translateX(100px);
    -webkit-filter: blur(20px);
    filter: blur(20px);
    opacity: 0;
  }
}

@-webkit-keyframes BlurOutLeft {
  to {
    -webkit-transform: scaleX(0.2) translateX(-100px);
    transform: scaleX(0.2) translateX(-100px);
    -webkit-filter: blur(20px);
    filter: blur(20px);
    opacity: 0;
  }
}

@keyframes BlurOutLeft {
  to {
    -webkit-transform: scaleX(0.2) translateX(-100px);
    transform: scaleX(0.2) translateX(-100px);
    -webkit-filter: blur(20px);
    filter: blur(20px);
    opacity: 0;
  }
}

@-webkit-keyframes BlurOutTop {
  to {
    -webkit-transform: scaleY(0.2) translateY(-100px);
    transform: scaleY(0.2) translateY(-100px);
    -webkit-filter: blur(20px);
    filter: blur(20px);
    opacity: 0;
  }
}

@keyframes BlurOutTop {
  to {
    -webkit-transform: scaleY(0.2) translateY(-100px);
    transform: scaleY(0.2) translateY(-100px);
    -webkit-filter: blur(20px);
    filter: blur(20px);
    opacity: 0;
  }
}

@-webkit-keyframes BlurOutBottom {
  to {
    -webkit-transform: scaleY(0.2) translateY(100px);
    transform: scaleY(0.2) translateY(100px);
    -webkit-filter: blur(20px);
    filter: blur(20px);
    opacity: 0;
  }
}

@keyframes BlurOutBottom {
  to {
    -webkit-transform: scaleY(0.2) translateY(100px);
    transform: scaleY(0.2) translateY(100px);
    -webkit-filter: blur(20px);
    filter: blur(20px);
    opacity: 0;
  }
}

/*************************************************************
Letter Pop Up
**************************************************************/
@-webkit-keyframes PopUp {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}
@keyframes PopUp {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}

@-webkit-keyframes PopUpLeft {
  50% {
    -webkit-transform: translateX(-50px) scale(1.5);
    transform: translateX(-50px) scale(1.5);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes PopUpLeft {
  50% {
    -webkit-transform: translateX(-50px) scale(1.5);
    transform: translateX(-50px) scale(1.5);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@-webkit-keyframes PopUpRight {
  50% {
    -webkit-transform: translateX(50px) scale(1.5);
    transform: translateX(50px) scale(1.5);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes PopUpRight {
  50% {
    -webkit-transform: translateX(50px) scale(1.5);
    transform: translateX(50px) scale(1.5);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

/*************************************************************
Letter Pop Out
**************************************************************/
@-webkit-keyframes PopOut {
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}
@keyframes PopOut {
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}

@-webkit-keyframes PopOutLeft {
  50% {
    -webkit-transform: translateX(-50px) scale(0.5);
    transform: translateX(-50px) scale(0.5);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes PopOutLeft {
  50% {
    -webkit-transform: translateX(-50px) scale(0.5);
    transform: translateX(-50px) scale(0.5);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@-webkit-keyframes PopOutRight {
  50% {
    -webkit-transform: translateX(50px) scale(0.5);
    transform: translateX(50px) scale(0.5);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes PopOutRight {
  50% {
    -webkit-transform: translateX(50px) scale(0.5);
    transform: translateX(50px) scale(0.5);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

/*************************************************************
Letter Bouncing
**************************************************************/
@-webkit-keyframes BounceFromTop {
  0%,
  25%,
  55%,
  85%,
  100% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  41%,
  44% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: translate3d(0, -80px, 0) scale3d(1, 1.2, 1);
    transform: translate3d(0, -80px, 0) scale3d(1, 1.2, 1);
  }
  70% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes BounceFromTop {
  0%,
  25%,
  55%,
  85%,
  100% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  41%,
  44% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: translate3d(0, -80px, 0) scale3d(1, 1.2, 1);
    transform: translate3d(0, -80px, 0) scale3d(1, 1.2, 1);
  }
  70% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@-webkit-keyframes BounceFromDown {
  0%,
  25%,
  55%,
  85%,
  100% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  41%,
  44% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: translate3d(0, 80px, 0) scale3d(1, 1.2, 1);
    transform: translate3d(0, 80px, 0) scale3d(1, 1.2, 1);
  }
  70% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 4px, 0);
    transform: translate3d(0, 4px, 0);
  }
}

@keyframes BounceFromDown {
  0%,
  25%,
  55%,
  85%,
  100% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  41%,
  44% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: translate3d(0, 80px, 0) scale3d(1, 1.2, 1);
    transform: translate3d(0, 80px, 0) scale3d(1, 1.2, 1);
  }
  70% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 4px, 0);
    transform: translate3d(0, 4px, 0);
  }
}

@-webkit-keyframes BounceY {
  0%,
  25%,
  55%,
  85%,
  100% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  41%,
  44% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale3d(1, 2, 1);
    transform: scale3d(1, 2, 1);
  }
  70% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale3d(1, 1.5, 1);
    transform: scale3d(1, 1.5, 1);
  }
  90% {
    -webkit-transform: scale3d(1, 1.1, 1);
    transform: scale3d(1, 1.1, 1);
  }
}

@keyframes BounceY {
  0%,
  25%,
  55%,
  85%,
  100% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  41%,
  44% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale3d(1, 2, 1);
    transform: scale3d(1, 2, 1);
  }
  70% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale3d(1, 1.5, 1);
    transform: scale3d(1, 1.5, 1);
  }
  90% {
    -webkit-transform: scale3d(1, 1.1, 1);
    transform: scale3d(1, 1.1, 1);
  }
}

@-webkit-keyframes BounceZoomIn {
  0%,
  25%,
  55%,
  85%,
  100% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  41%,
  44% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale(1.7);
    transform: scale(1.7);
  }
  70% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale(1.9);
    transform: scale(1.9);
  }
  90% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@keyframes BounceZoomIn {
  0%,
  25%,
  55%,
  85%,
  100% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  41%,
  44% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale(1.7);
    transform: scale(1.7);
  }
  70% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale(1.9);
    transform: scale(1.9);
  }
  90% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@-webkit-keyframes BounceZoomOut {
  0%,
  25%,
  55%,
  85%,
  100% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  41%,
  44% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  70% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  90% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes BounceZoomOut {
  0%,
  25%,
  55%,
  85%,
  100% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  41%,
  44% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  70% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  90% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

/*************************************************************
Letter Perspective
**************************************************************/
@-webkit-keyframes PerspectiveOutTop {
  50% {
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(500px) rotateX(90deg) translateY(-50px) translateZ(50px);
    transform: perspective(500px) rotateX(90deg) translateY(-50px) translateZ(50px);
    opacity: 0;
  }
}
@keyframes PerspectiveOutTop {
  50% {
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(500px) rotateX(90deg) translateY(-50px) translateZ(50px);
    transform: perspective(500px) rotateX(90deg) translateY(-50px) translateZ(50px);
    opacity: 0;
  }
}

@-webkit-keyframes PerspectiveOutBottom {
  50% {
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(500px) rotateX(90deg) translateY(50px) translateZ(-50px);
    transform: perspective(500px) rotateX(90deg) translateY(50px) translateZ(-50px);
    opacity: 0;
  }
}

@keyframes PerspectiveOutBottom {
  50% {
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(500px) rotateX(90deg) translateY(50px) translateZ(-50px);
    transform: perspective(500px) rotateX(90deg) translateY(50px) translateZ(-50px);
    opacity: 0;
  }
}

/*************************************************************
Letter Zoom In
**************************************************************/
@-webkit-keyframes ZoomIn {
  from {
    -webkit-transform: scale(10);
    transform: scale(10);
    opacity: 0;
  }
}
@keyframes ZoomIn {
  from {
    -webkit-transform: scale(10);
    transform: scale(10);
    opacity: 0;
  }
}

@-webkit-keyframes ZoomInLeft {
  from {
    -webkit-transform: scale(10) translateX(-150%);
    transform: scale(10) translateX(-150%);
    opacity: 0;
  }
}

@keyframes ZoomInLeft {
  from {
    -webkit-transform: scale(10) translateX(-150%);
    transform: scale(10) translateX(-150%);
    opacity: 0;
  }
}

@-webkit-keyframes ZoomInRight {
  from {
    -webkit-transform: scale(10) translateX(150%);
    transform: scale(10) translateX(150%);
    opacity: 0;
  }
}

@keyframes ZoomInRight {
  from {
    -webkit-transform: scale(10) translateX(150%);
    transform: scale(10) translateX(150%);
    opacity: 0;
  }
}

@-webkit-keyframes LetterZoomInTop {
  from {
    -webkit-transform: scale(10) translateY(-50%);
    transform: scale(10) translateY(-50%);
    opacity: 0;
  }
}

@keyframes LetterZoomInTop {
  from {
    -webkit-transform: scale(10) translateY(-50%);
    transform: scale(10) translateY(-50%);
    opacity: 0;
  }
}

@-webkit-keyframes ZoomInBottom {
  from {
    -webkit-transform: scale(10) translateY(50%);
    transform: scale(10) translateY(50%);
    opacity: 0;
  }
}

@keyframes ZoomInBottom {
  from {
    -webkit-transform: scale(10) translateY(50%);
    transform: scale(10) translateY(50%);
    opacity: 0;
  }
}

/*************************************************************
Letter Zoom Out
**************************************************************/
@-webkit-keyframes ZoomOut {
  to {
    -webkit-transform: scale(10);
    transform: scale(10);
    opacity: 0;
  }
}
@keyframes ZoomOut {
  to {
    -webkit-transform: scale(10);
    transform: scale(10);
    opacity: 0;
  }
}

@-webkit-keyframes ZoomOutLeft {
  to {
    -webkit-transform: scale(10) translateX(-150%);
    transform: scale(10) translateX(-150%);
    opacity: 0;
  }
}

@keyframes ZoomOutLeft {
  to {
    -webkit-transform: scale(10) translateX(-150%);
    transform: scale(10) translateX(-150%);
    opacity: 0;
  }
}

@-webkit-keyframes ZoomOutRight {
  to {
    -webkit-transform: scale(10) translateX(150%);
    transform: scale(10) translateX(150%);
    opacity: 0;
  }
}

@keyframes ZoomOutRight {
  to {
    -webkit-transform: scale(10) translateX(150%);
    transform: scale(10) translateX(150%);
    opacity: 0;
  }
}

@-webkit-keyframes ZoomOutTop {
  to {
    -webkit-transform: scale(10) translateY(-50%);
    transform: scale(10) translateY(-50%);
    opacity: 0;
  }
}

@keyframes ZoomOutTop {
  to {
    -webkit-transform: scale(10) translateY(-50%);
    transform: scale(10) translateY(-50%);
    opacity: 0;
  }
}

@-webkit-keyframes ZoomOutBottom {
  to {
    -webkit-transform: scale(10) translateY(50%);
    transform: scale(10) translateY(50%);
    opacity: 0;
  }
}

@keyframes ZoomOutBottom {
  to {
    -webkit-transform: scale(10) translateY(50%);
    transform: scale(10) translateY(50%);
    opacity: 0;
  }
}

/*************************************************************
One After One Fade in
**************************************************************/
@-webkit-keyframes oaoFadeInTop {
  from {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0;
  }
}
@keyframes oaoFadeInTop {
  from {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0;
  }
}

@-webkit-keyframes oaoFadeInBottom {
  from {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
  }
}

@keyframes oaoFadeInBottom {
  from {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
  }
}

@-webkit-keyframes oaoFadeOutop {
  to {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0;
  }
}

@keyframes oaoFadeOutop {
  to {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0;
  }
}

@-webkit-keyframes oaoFadeOutBottom {
  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
  }
}

@keyframes oaoFadeOutBottom {
  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
  }
}

@-webkit-keyframes oaoFlyInTop {
  0% {
    -webkit-transform: translateY(80px);
    transform: translateY(80px);
    opacity: 0;
  }
  50% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes oaoFlyInTop {
  0% {
    -webkit-transform: translateY(80px);
    transform: translateY(80px);
    opacity: 0;
  }
  50% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@-webkit-keyframes oaoFlyInBottom {
  0% {
    -webkit-transform: translateY(-80px);
    transform: translateY(-80px);
    opacity: 0;
  }
  50% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes oaoFlyInBottom {
  0% {
    -webkit-transform: translateY(-80px);
    transform: translateY(-80px);
    opacity: 0;
  }
  50% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@-webkit-keyframes oaoFlyOutTop {
  30% {
    -webkit-transform: translateY(80px);
    transform: translateY(80px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  80% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  to {
    opacity: 0;
  }
}

@keyframes oaoFlyOutTop {
  30% {
    -webkit-transform: translateY(80px);
    transform: translateY(80px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  80% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes oaoFlyOutBottom {
  30% {
    -webkit-transform: translateY(-80px);
    transform: translateY(-80px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  80% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  to {
    opacity: 0;
  }
}

@keyframes oaoFlyOutBottom {
  30% {
    -webkit-transform: translateY(-80px);
    transform: translateY(-80px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  80% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes oaoRotateInTop {
  from {
    -webkit-transform: translateY(-100px) rotate(360deg);
    transform: translateY(-100px) rotate(360deg);
    opacity: 0;
  }
}

@keyframes oaoRotateInTop {
  from {
    -webkit-transform: translateY(-100px) rotate(360deg);
    transform: translateY(-100px) rotate(360deg);
    opacity: 0;
  }
}

@-webkit-keyframes oaoRotateInBottom {
  from {
    -webkit-transform: translateY(100px) rotate(360deg);
    transform: translateY(100px) rotate(360deg);
    opacity: 0;
  }
}

@keyframes oaoRotateInBottom {
  from {
    -webkit-transform: translateY(100px) rotate(360deg);
    transform: translateY(100px) rotate(360deg);
    opacity: 0;
  }
}

@-webkit-keyframes oaoRotateOutTop {
  to {
    -webkit-transform: translateY(-100px) rotate(360deg);
    transform: translateY(-100px) rotate(360deg);
    opacity: 0;
  }
}

@keyframes oaoRotateOutTop {
  to {
    -webkit-transform: translateY(-100px) rotate(360deg);
    transform: translateY(-100px) rotate(360deg);
    opacity: 0;
  }
}

@-webkit-keyframes oaoRotateOutBottom {
  to {
    -webkit-transform: translateY(100px) rotate(360deg);
    transform: translateY(100px) rotate(360deg);
    opacity: 0;
  }
}

@keyframes oaoRotateOutBottom {
  to {
    -webkit-transform: translateY(100px) rotate(360deg);
    transform: translateY(100px) rotate(360deg);
    opacity: 0;
  }
}

@-webkit-keyframes oaoRotateXInTop {
  from {
    -webkit-transform: translateY(-100px) rotateX(360deg);
    transform: translateY(-100px) rotateX(360deg);
    opacity: 0;
  }
}

@keyframes oaoRotateXInTop {
  from {
    -webkit-transform: translateY(-100px) rotateX(360deg);
    transform: translateY(-100px) rotateX(360deg);
    opacity: 0;
  }
}

@-webkit-keyframes oaoRotateXInBottom {
  from {
    -webkit-transform: translateY(100px) rotateX(360deg);
    transform: translateY(100px) rotateX(360deg);
    opacity: 0;
  }
}

@keyframes oaoRotateXInBottom {
  from {
    -webkit-transform: translateY(100px) rotateX(360deg);
    transform: translateY(100px) rotateX(360deg);
    opacity: 0;
  }
}

@-webkit-keyframes oaoRotateXOutTop {
  to {
    -webkit-transform: translateY(-100px) rotateX(360deg);
    transform: translateY(-100px) rotateX(360deg);
    opacity: 0;
  }
}

@keyframes oaoRotateXOutTop {
  to {
    -webkit-transform: translateY(-100px) rotateX(360deg);
    transform: translateY(-100px) rotateX(360deg);
    opacity: 0;
  }
}

@-webkit-keyframes oaoRotateXOutBottom {
  to {
    -webkit-transform: translateY(100px) rotateX(360deg);
    transform: translateY(100px) rotateX(360deg);
    opacity: 0;
  }
}

@keyframes oaoRotateXOutBottom {
  to {
    -webkit-transform: translateY(100px) rotateX(360deg);
    transform: translateY(100px) rotateX(360deg);
    opacity: 0;
  }
}

@-webkit-keyframes oaoRotateYInTop {
  from {
    -webkit-transform: translateY(-100px) rotateY(360deg);
    transform: translateY(-100px) rotateY(360deg);
    opacity: 0;
  }
}

@keyframes oaoRotateYInTop {
  from {
    -webkit-transform: translateY(-100px) rotateY(360deg);
    transform: translateY(-100px) rotateY(360deg);
    opacity: 0;
  }
}

@-webkit-keyframes oaoRotateYInBottom {
  from {
    -webkit-transform: translateY(100px) rotateY(360deg);
    transform: translateY(100px) rotateY(360deg);
    opacity: 0;
  }
}

@keyframes oaoRotateYInBottom {
  from {
    -webkit-transform: translateY(100px) rotateY(360deg);
    transform: translateY(100px) rotateY(360deg);
    opacity: 0;
  }
}

@-webkit-keyframes oaoRotateYOutTop {
  to {
    -webkit-transform: translateY(-100px) rotateY(360deg);
    transform: translateY(-100px) rotateY(360deg);
    opacity: 0;
  }
}

@keyframes oaoRotateYOutTop {
  to {
    -webkit-transform: translateY(-100px) rotateY(360deg);
    transform: translateY(-100px) rotateY(360deg);
    opacity: 0;
  }
}

@-webkit-keyframes oaoRotateYOutBottom {
  to {
    -webkit-transform: translateY(100px) rotateY(360deg);
    transform: translateY(100px) rotateY(360deg);
    opacity: 0;
  }
}

@keyframes oaoRotateYOutBottom {
  to {
    -webkit-transform: translateY(100px) rotateY(360deg);
    transform: translateY(100px) rotateY(360deg);
    opacity: 0;
  }
}

/*************************************************************
Fade in
**************************************************************/
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadeInTop {
  from {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeInTop {
  from {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadeInBottom {
  from {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeInBottom {
  from {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    opacity: 1;
  }
}

/**************************************************************
Fade Out
**************************************************************/
@-webkit-keyframes fadeOut {
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  to {
    opacity: 0;
  }
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

@-webkit-keyframes fadeOutTop {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@keyframes fadeOutTop {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@-webkit-keyframes fadeOutBottom {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

@keyframes fadeOutBottom {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

/*************************************************************
Move From
**************************************************************/
@-webkit-keyframes moveFromLeft {
  from {
    -webkit-transform: translateX(-800px);
    transform: translateX(-800px);
  }
}
@keyframes moveFromLeft {
  from {
    -webkit-transform: translateX(-800px);
    transform: translateX(-800px);
  }
}

@-webkit-keyframes moveFromRight {
  from {
    -webkit-transform: translateX(800px);
    transform: translateX(800px);
  }
}

@keyframes moveFromRight {
  from {
    -webkit-transform: translateX(800px);
    transform: translateX(800px);
  }
}

@-webkit-keyframes moveFromTop {
  from {
    -webkit-transform: translateY(-800px);
    transform: translateY(-800px);
  }
}

@keyframes moveFromTop {
  from {
    -webkit-transform: translateY(-800px);
    transform: translateY(-800px);
  }
}

@-webkit-keyframes moveFromBottom {
  from {
    -webkit-transform: translateY(800px);
    transform: translateY(800px);
  }
}

@keyframes moveFromBottom {
  from {
    -webkit-transform: translateY(800px);
    transform: translateY(800px);
  }
}

/*************************************************************
Move To
**************************************************************/
@-webkit-keyframes moveToLeft {
  to {
    -webkit-transform: translateX(-800px);
    transform: translateX(-800px);
  }
}
@keyframes moveToLeft {
  to {
    -webkit-transform: translateX(-800px);
    transform: translateX(-800px);
  }
}

@-webkit-keyframes moveToRight {
  to {
    -webkit-transform: translateX(800px);
    transform: translateX(800px);
  }
}

@keyframes moveToRight {
  to {
    -webkit-transform: translateX(800px);
    transform: translateX(800px);
  }
}

@-webkit-keyframes moveToTop {
  to {
    -webkit-transform: translateY(-800px);
    transform: translateY(-800px);
  }
}

@keyframes moveToTop {
  to {
    -webkit-transform: translateY(-800px);
    transform: translateY(-800px);
  }
}

@-webkit-keyframes moveToBottom {
  to {
    -webkit-transform: translateY(800px);
    transform: translateY(800px);
  }
}

@keyframes moveToBottom {
  to {
    -webkit-transform: translateY(800px);
    transform: translateY(800px);
  }
}

/*************************************************************
Door
**************************************************************/
@-webkit-keyframes doorCloseFromLeft {
  from {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    opacity: 0;
  }
  50%,
  to {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    opacity: 1;
  }
}
@keyframes doorCloseFromLeft {
  from {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    opacity: 0;
  }
  50%,
  to {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    opacity: 1;
  }
}

@-webkit-keyframes doorOpenFromRight {
  from {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    opacity: 1;
  }
  50%,
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    opacity: 0;
  }
}

@keyframes doorOpenFromRight {
  from {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    opacity: 1;
  }
  50%,
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    opacity: 0;
  }
}

@-webkit-keyframes doorCloseFromRight {
  from {
    -webkit-transform: perspective(400px) rotateY(-90deg);
    transform: perspective(400px) rotateY(-90deg);
    -webkit-transform-origin: right;
    transform-origin: right;
    opacity: 0;
  }
  50%,
  to {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    -webkit-transform-origin: right;
    transform-origin: right;
    opacity: 1;
  }
}

@keyframes doorCloseFromRight {
  from {
    -webkit-transform: perspective(400px) rotateY(-90deg);
    transform: perspective(400px) rotateY(-90deg);
    -webkit-transform-origin: right;
    transform-origin: right;
    opacity: 0;
  }
  50%,
  to {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    -webkit-transform-origin: right;
    transform-origin: right;
    opacity: 1;
  }
}

@-webkit-keyframes doorOpenFromLeft {
  from {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    -webkit-transform-origin: right;
    transform-origin: right;
    opacity: 1;
  }
  50%,
  to {
    -webkit-transform: perspective(400px) rotateY(-90deg);
    transform: perspective(400px) rotateY(-90deg);
    -webkit-transform-origin: right;
    transform-origin: right;
    opacity: 0;
  }
}

@keyframes doorOpenFromLeft {
  from {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    -webkit-transform-origin: right;
    transform-origin: right;
    opacity: 1;
  }
  50%,
  to {
    -webkit-transform: perspective(400px) rotateY(-90deg);
    transform: perspective(400px) rotateY(-90deg);
    -webkit-transform-origin: right;
    transform-origin: right;
    opacity: 0;
  }
}

/*************************************************************
Push Release From
**************************************************************/
@-webkit-keyframes pushReleaseFrom {
  from {
    -webkit-transform: scale(3, 3);
    transform: scale(3, 3);
    opacity: 0;
  }
  30% {
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
  }
}
@keyframes pushReleaseFrom {
  from {
    -webkit-transform: scale(3, 3);
    transform: scale(3, 3);
    opacity: 0;
  }
  30% {
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
  }
}

@-webkit-keyframes pushReleaseFromLeft {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  30% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
  }
}

@keyframes pushReleaseFromLeft {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  30% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
  }
}

@-webkit-keyframes pushReleaseFromRight {
  from {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  30% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
}

@keyframes pushReleaseFromRight {
  from {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  30% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
}

@-webkit-keyframes pushReleaseFromTop {
  from {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  30% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
}

@keyframes pushReleaseFromTop {
  from {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  30% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
}

@-webkit-keyframes pushReleaseFromBottom {
  from {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  30% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
}

@keyframes pushReleaseFromBottom {
  from {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  30% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
}

/*************************************************************
Push Release To
**************************************************************/
@-webkit-keyframes pushReleaseTo {
  30% {
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
  }
  to {
    -webkit-transform: scale(5, 5);
    transform: scale(5, 5);
    opacity: 0;
  }
}
@keyframes pushReleaseTo {
  30% {
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
  }
  to {
    -webkit-transform: scale(5, 5);
    transform: scale(5, 5);
    opacity: 0;
  }
}

@-webkit-keyframes pushReleaseToLeft {
  30% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
  }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
}

@keyframes pushReleaseToLeft {
  30% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
  }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
}

@-webkit-keyframes pushReleaseToRight {
  30% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
  }
}

@keyframes pushReleaseToRight {
  30% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
  }
}

@-webkit-keyframes pushReleaseToTop {
  30% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
  to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
  }
}

@keyframes pushReleaseToTop {
  30% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
  to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
  }
}

@-webkit-keyframes pushReleaseToBottom {
  30% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
  }
}

@keyframes pushReleaseToBottom {
  30% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
  }
}

/*************************************************************
Flip X
**************************************************************/
@-webkit-keyframes flipX {
  from {
    -webkit-transform: perspective(600px) rotateX(-180deg);
    transform: perspective(600px) rotateX(-180deg);
    opacity: 0;
  }
  to {
    -webkit-transform: perspective(600px) rotateX(-360deg);
    transform: perspective(600px) rotateX(-360deg);
  }
}
@keyframes flipX {
  from {
    -webkit-transform: perspective(600px) rotateX(-180deg);
    transform: perspective(600px) rotateX(-180deg);
    opacity: 0;
  }
  to {
    -webkit-transform: perspective(600px) rotateX(-360deg);
    transform: perspective(600px) rotateX(-360deg);
  }
}

@-webkit-keyframes flipXZoomIn {
  from {
    -webkit-transform: perspective(600px) rotateX(0deg) scale(1);
    transform: perspective(600px) rotateX(0deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(600px) rotateX(-180deg) scale(1.8);
    transform: perspective(600px) rotateX(-180deg) scale(1.8);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  80% {
    -webkit-transform: perspective(600px) rotateX(-360deg) scale(0.7);
    transform: perspective(600px) rotateX(-360deg) scale(0.7);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes flipXZoomIn {
  from {
    -webkit-transform: perspective(600px) rotateX(0deg) scale(1);
    transform: perspective(600px) rotateX(0deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(600px) rotateX(-180deg) scale(1.8);
    transform: perspective(600px) rotateX(-180deg) scale(1.8);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  80% {
    -webkit-transform: perspective(600px) rotateX(-360deg) scale(0.7);
    transform: perspective(600px) rotateX(-360deg) scale(0.7);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes flipXZoomOut {
  from {
    -webkit-transform: perspective(600px) rotateX(0deg) scale(1);
    transform: perspective(600px) rotateX(0deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(600px) rotateX(180deg) scale(1.8);
    transform: perspective(600px) rotateX(180deg) scale(1.8);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  80% {
    -webkit-transform: perspective(600px) rotateX(360deg) scale(0.7);
    transform: perspective(600px) rotateX(360deg) scale(0.7);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes flipXZoomOut {
  from {
    -webkit-transform: perspective(600px) rotateX(0deg) scale(1);
    transform: perspective(600px) rotateX(0deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(600px) rotateX(180deg) scale(1.8);
    transform: perspective(600px) rotateX(180deg) scale(1.8);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  80% {
    -webkit-transform: perspective(600px) rotateX(360deg) scale(0.7);
    transform: perspective(600px) rotateX(360deg) scale(0.7);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/*************************************************************
Flip Y
**************************************************************/
@-webkit-keyframes flipY {
  from {
    -webkit-transform: perspective(600px) rotateY(180deg);
    transform: perspective(600px) rotateY(180deg);
    opacity: 0;
  }
  to {
    -webkit-transform: perspective(600px) rotateY(360deg);
    transform: perspective(600px) rotateY(360deg);
  }
}
@keyframes flipY {
  from {
    -webkit-transform: perspective(600px) rotateY(180deg);
    transform: perspective(600px) rotateY(180deg);
    opacity: 0;
  }
  to {
    -webkit-transform: perspective(600px) rotateY(360deg);
    transform: perspective(600px) rotateY(360deg);
  }
}

@-webkit-keyframes flipYZoomIn {
  from {
    -webkit-transform: perspective(600px) rotateY(0deg) scale(1);
    transform: perspective(600px) rotateY(0deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(600px) rotateY(180deg) scale(1.6);
    transform: perspective(600px) rotateY(180deg) scale(1.6);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  80% {
    -webkit-transform: perspective(600px) rotateY(360deg) scale(0.7);
    transform: perspective(600px) rotateY(360deg) scale(0.7);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes flipYZoomIn {
  from {
    -webkit-transform: perspective(600px) rotateY(0deg) scale(1);
    transform: perspective(600px) rotateY(0deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(600px) rotateY(180deg) scale(1.6);
    transform: perspective(600px) rotateY(180deg) scale(1.6);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  80% {
    -webkit-transform: perspective(600px) rotateY(360deg) scale(0.7);
    transform: perspective(600px) rotateY(360deg) scale(0.7);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes flipYZoomOut {
  from {
    -webkit-transform: perspective(600px) rotateY(0deg) scale(1);
    transform: perspective(600px) rotateY(0deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(600px) rotateY(180deg) scale(0.6);
    transform: perspective(600px) rotateY(180deg) scale(0.6);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  80% {
    -webkit-transform: perspective(600px) rotateY(360deg) scale(1.8);
    transform: perspective(600px) rotateY(360deg) scale(1.8);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes flipYZoomOut {
  from {
    -webkit-transform: perspective(600px) rotateY(0deg) scale(1);
    transform: perspective(600px) rotateY(0deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(600px) rotateY(180deg) scale(0.6);
    transform: perspective(600px) rotateY(180deg) scale(0.6);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  80% {
    -webkit-transform: perspective(600px) rotateY(360deg) scale(1.8);
    transform: perspective(600px) rotateY(360deg) scale(1.8);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/*************************************************************
Skew
**************************************************************/
@-webkit-keyframes skewLeft {
  70% {
    -webkit-transform: skewX(40deg);
    transform: skewX(40deg);
  }
}
@keyframes skewLeft {
  70% {
    -webkit-transform: skewX(40deg);
    transform: skewX(40deg);
  }
}

@-webkit-keyframes skewRight {
  70% {
    -webkit-transform: skewX(-40deg);
    transform: skewX(-40deg);
  }
}

@keyframes skewRight {
  70% {
    -webkit-transform: skewX(-40deg);
    transform: skewX(-40deg);
  }
}

@-webkit-keyframes skewInLeft {
  from {
    opacity: 0;
    -webkit-transform: translateX(-100%) skewX(-40deg);
    transform: translateX(-100%) skewX(-40deg);
  }
  70% {
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);
  }
}

@keyframes skewInLeft {
  from {
    opacity: 0;
    -webkit-transform: translateX(-100%) skewX(-40deg);
    transform: translateX(-100%) skewX(-40deg);
  }
  70% {
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);
  }
}

@-webkit-keyframes skewInRight {
  from {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(40deg);
    transform: translateX(100%) skewX(40deg);
  }
  70% {
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg);
  }
}

@keyframes skewInRight {
  from {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(40deg);
    transform: translateX(100%) skewX(40deg);
  }
  70% {
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg);
  }
}

@-webkit-keyframes skewOutLeft {
  20% {
    -webkit-transform: skewX(40deg);
    transform: skewX(40deg);
  }
  to {
    -webkit-transform: translateX(-100%) skewX(40deg);
    transform: translateX(-100%) skewX(40deg);
    opacity: 0;
  }
}

@keyframes skewOutLeft {
  20% {
    -webkit-transform: skewX(40deg);
    transform: skewX(40deg);
  }
  to {
    -webkit-transform: translateX(-100%) skewX(40deg);
    transform: translateX(-100%) skewX(40deg);
    opacity: 0;
  }
}

@-webkit-keyframes skewOutRight {
  20% {
    -webkit-transform: skewX(-40deg);
    transform: skewX(-40deg);
  }
  to {
    -webkit-transform: translateX(100%) skewX(-40deg);
    transform: translateX(100%) skewX(-40deg);
    opacity: 0;
  }
}

@keyframes skewOutRight {
  20% {
    -webkit-transform: skewX(-40deg);
    transform: skewX(-40deg);
  }
  to {
    -webkit-transform: translateX(100%) skewX(-40deg);
    transform: translateX(100%) skewX(-40deg);
    opacity: 0;
  }
}

/*************************************************************
Pull release
**************************************************************/
@-webkit-keyframes pullRelease {
  15% {
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
  }
}
@keyframes pullRelease {
  15% {
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
  }
}

@-webkit-keyframes pushRelease {
  15% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}

@keyframes pushRelease {
  15% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}

/*************************************************************
Swing In
**************************************************************/
@-webkit-keyframes swingInLeft {
  from {
    -webkit-transform: matrix(3, 0, 0, 3, -800, 0);
    transform: matrix(3, 0, 0, 3, -800, 0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: matrix(1.3, 0, 0, 1.3, 20, 0);
    transform: matrix(1.3, 0, 0, 1.3, 20, 0);
  }
}
@keyframes swingInLeft {
  from {
    -webkit-transform: matrix(3, 0, 0, 3, -800, 0);
    transform: matrix(3, 0, 0, 3, -800, 0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: matrix(1.3, 0, 0, 1.3, 20, 0);
    transform: matrix(1.3, 0, 0, 1.3, 20, 0);
  }
}

@-webkit-keyframes swingInRight {
  from {
    -webkit-transform: matrix(3, 0, 0, 3, 800, 0);
    transform: matrix(3, 0, 0, 3, 800, 0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: matrix(1.3, 0, 0, 1.3, -20, 0);
    transform: matrix(1.3, 0, 0, 1.3, -20, 0);
  }
}

@keyframes swingInRight {
  from {
    -webkit-transform: matrix(3, 0, 0, 3, 800, 0);
    transform: matrix(3, 0, 0, 3, 800, 0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: matrix(1.3, 0, 0, 1.3, -20, 0);
    transform: matrix(1.3, 0, 0, 1.3, -20, 0);
  }
}

@-webkit-keyframes swingInTop {
  from {
    -webkit-transform: matrix(3, 0, 0, 3, 0, -800);
    transform: matrix(3, 0, 0, 3, 0, -800);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: matrix(1.3, 0, 0, 1.3, 0, 20);
    transform: matrix(1.3, 0, 0, 1.3, 0, 20);
  }
}

@keyframes swingInTop {
  from {
    -webkit-transform: matrix(3, 0, 0, 3, 0, -800);
    transform: matrix(3, 0, 0, 3, 0, -800);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: matrix(1.3, 0, 0, 1.3, 0, 20);
    transform: matrix(1.3, 0, 0, 1.3, 0, 20);
  }
}

@-webkit-keyframes swingInBottom {
  from {
    -webkit-transform: matrix(3, 0, 0, 3, 0, 800);
    transform: matrix(3, 0, 0, 3, 0, 800);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: matrix(1.3, 0, 0, 1.3, 0, -20);
    transform: matrix(1.3, 0, 0, 1.3, 0, -20);
  }
}

@keyframes swingInBottom {
  from {
    -webkit-transform: matrix(3, 0, 0, 3, 0, 800);
    transform: matrix(3, 0, 0, 3, 0, 800);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: matrix(1.3, 0, 0, 1.3, 0, -20);
    transform: matrix(1.3, 0, 0, 1.3, 0, -20);
  }
}

/*************************************************************
Elevate
**************************************************************/
@-webkit-keyframes elevateLeft {
  from {
    -webkit-transform: translateY(100%) rotate(-20deg);
    transform: translateY(100%) rotate(-20deg);
    -webkit-transform-origin: right;
    transform-origin: right;
  }
  40% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    -webkit-transform-origin: right;
    transform-origin: right;
  }
  65% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: right;
    transform-origin: right;
  }
}
@keyframes elevateLeft {
  from {
    -webkit-transform: translateY(100%) rotate(-20deg);
    transform: translateY(100%) rotate(-20deg);
    -webkit-transform-origin: right;
    transform-origin: right;
  }
  40% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    -webkit-transform-origin: right;
    transform-origin: right;
  }
  65% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: right;
    transform-origin: right;
  }
}

@-webkit-keyframes elevateRight {
  from {
    -webkit-transform: translateY(100%) rotate(20deg);
    transform: translateY(100%) rotate(20deg);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
  40% {
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
  65% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
}

@keyframes elevateRight {
  from {
    -webkit-transform: translateY(100%) rotate(20deg);
    transform: translateY(100%) rotate(20deg);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
  40% {
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
  65% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
}

/*************************************************************
Roll From
**************************************************************/
@-webkit-keyframes rollFromLeft {
  from {
    -webkit-transform: translateX(-100%) perspective(600px) rotateY(180deg);
    transform: translateX(-100%) perspective(600px) rotateY(180deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0) perspective(600px) rotateY(0deg);
    transform: translateX(0) perspective(600px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes rollFromLeft {
  from {
    -webkit-transform: translateX(-100%) perspective(600px) rotateY(180deg);
    transform: translateX(-100%) perspective(600px) rotateY(180deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0) perspective(600px) rotateY(0deg);
    transform: translateX(0) perspective(600px) rotateY(0deg);
    opacity: 1;
  }
}

@-webkit-keyframes rollFromRight {
  from {
    -webkit-transform: translateX(100%) perspective(600px) rotateY(-180deg);
    transform: translateX(100%) perspective(600px) rotateY(-180deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0) perspective(600px) rotateY(0deg);
    transform: translateX(0) perspective(600px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes rollFromRight {
  from {
    -webkit-transform: translateX(100%) perspective(600px) rotateY(-180deg);
    transform: translateX(100%) perspective(600px) rotateY(-180deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0) perspective(600px) rotateY(0deg);
    transform: translateX(0) perspective(600px) rotateY(0deg);
    opacity: 1;
  }
}

@-webkit-keyframes rollFromTop {
  from {
    -webkit-transform: translateY(-100%) perspective(600px) rotateY(180deg);
    transform: translateY(-100%) perspective(600px) rotateY(180deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0) perspective(600px) rotateY(0deg);
    transform: translateY(0) perspective(600px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes rollFromTop {
  from {
    -webkit-transform: translateY(-100%) perspective(600px) rotateY(180deg);
    transform: translateY(-100%) perspective(600px) rotateY(180deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0) perspective(600px) rotateY(0deg);
    transform: translateY(0) perspective(600px) rotateY(0deg);
    opacity: 1;
  }
}

@-webkit-keyframes rollFromBottom {
  from {
    -webkit-transform: translateY(100%) perspective(600px) rotateY(-180deg);
    transform: translateY(100%) perspective(600px) rotateY(-180deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0) perspective(600px) rotateY(0deg);
    transform: translateY(0) perspective(600px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes rollFromBottom {
  from {
    -webkit-transform: translateY(100%) perspective(600px) rotateY(-180deg);
    transform: translateY(100%) perspective(600px) rotateY(-180deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0) perspective(600px) rotateY(0deg);
    transform: translateY(0) perspective(600px) rotateY(0deg);
    opacity: 1;
  }
}

/*************************************************************
Roll To
**************************************************************/
@-webkit-keyframes rollToLeft {
  from {
    -webkit-transform: translateX(0) perspective(600px) rotateY(0deg);
    transform: translateX(0) perspective(600px) rotateY(0deg);
    opacity: 1;
  }
  to {
    -webkit-transform: translateX(-100%) perspective(600px) rotateY(180deg);
    transform: translateX(-100%) perspective(600px) rotateY(180deg);
    opacity: 0;
  }
}
@keyframes rollToLeft {
  from {
    -webkit-transform: translateX(0) perspective(600px) rotateY(0deg);
    transform: translateX(0) perspective(600px) rotateY(0deg);
    opacity: 1;
  }
  to {
    -webkit-transform: translateX(-100%) perspective(600px) rotateY(180deg);
    transform: translateX(-100%) perspective(600px) rotateY(180deg);
    opacity: 0;
  }
}

@-webkit-keyframes rollToRight {
  from {
    -webkit-transform: translateX(0) perspective(600px) rotateY(0deg);
    transform: translateX(0) perspective(600px) rotateY(0deg);
    opacity: 1;
  }
  to {
    -webkit-transform: translateX(100%) perspective(600px) rotateY(-180deg);
    transform: translateX(100%) perspective(600px) rotateY(-180deg);
    opacity: 0;
  }
}

@keyframes rollToRight {
  from {
    -webkit-transform: translateX(0) perspective(600px) rotateY(0deg);
    transform: translateX(0) perspective(600px) rotateY(0deg);
    opacity: 1;
  }
  to {
    -webkit-transform: translateX(100%) perspective(600px) rotateY(-180deg);
    transform: translateX(100%) perspective(600px) rotateY(-180deg);
    opacity: 0;
  }
}

@-webkit-keyframes rollToTop {
  from {
    -webkit-transform: translateY(0) perspective(600px) rotateX(0deg);
    transform: translateY(0) perspective(600px) rotateX(0deg);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(-100%) perspective(600px) rotateX(180deg);
    transform: translateY(-100%) perspective(600px) rotateX(180deg);
    opacity: 0;
  }
}

@keyframes rollToTop {
  from {
    -webkit-transform: translateY(0) perspective(600px) rotateX(0deg);
    transform: translateY(0) perspective(600px) rotateX(0deg);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(-100%) perspective(600px) rotateX(180deg);
    transform: translateY(-100%) perspective(600px) rotateX(180deg);
    opacity: 0;
  }
}

@-webkit-keyframes rollToBottom {
  to {
    -webkit-transform: translateY(0) perspective(600px) rotateX(0deg);
    transform: translateY(0) perspective(600px) rotateX(0deg);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(100%) perspective(600px) rotateX(-180deg);
    transform: translateY(100%) perspective(600px) rotateX(-180deg);
    opacity: 0;
  }
}

@keyframes rollToBottom {
  to {
    -webkit-transform: translateY(0) perspective(600px) rotateX(0deg);
    transform: translateY(0) perspective(600px) rotateX(0deg);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(100%) perspective(600px) rotateX(-180deg);
    transform: translateY(100%) perspective(600px) rotateX(-180deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateX {
  from {
    -webkit-transform: perspective(600px) rotateX(0deg);
    transform: perspective(600px) rotateX(0deg);
  }
  to {
    -webkit-transform: perspective(600px) rotateX(90deg);
    transform: perspective(600px) rotateX(90deg);
  }
}

@keyframes rotateX {
  from {
    -webkit-transform: perspective(600px) rotateX(0deg);
    transform: perspective(600px) rotateX(0deg);
  }
  to {
    -webkit-transform: perspective(600px) rotateX(90deg);
    transform: perspective(600px) rotateX(90deg);
  }
}

@-webkit-keyframes rotateXIn {
  from {
    -webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
    transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
    opacity: 0;
  }
  5% {
    -webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg);
    transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg);
  }
}

@keyframes rotateXIn {
  from {
    -webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
    transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
    opacity: 0;
  }
  5% {
    -webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg);
    transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg);
  }
}

@-webkit-keyframes rotateXOut {
  95% {
    -webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg);
    transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg);
  }
  to {
    -webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
    transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
    opacity: 0;
  }
}

@keyframes rotateXOut {
  95% {
    -webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg);
    transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg);
  }
  to {
    -webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
    transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
    opacity: 0;
  }
}

@-webkit-keyframes rotateY {
  from {
    -webkit-transform: perspective(600px) rotateY(0deg);
    transform: perspective(600px) rotateY(0deg);
  }
  to {
    -webkit-transform: perspective(600px) rotateY(90deg);
    transform: perspective(600px) rotateY(90deg);
  }
}

@keyframes rotateY {
  from {
    -webkit-transform: perspective(600px) rotateY(0deg);
    transform: perspective(600px) rotateY(0deg);
  }
  to {
    -webkit-transform: perspective(600px) rotateY(90deg);
    transform: perspective(600px) rotateY(90deg);
  }
}

@-webkit-keyframes rotateYIn {
  from {
    -webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
    transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
    opacity: 0;
  }
  5% {
    -webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg);
    transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg);
  }
}

@keyframes rotateYIn {
  from {
    -webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
    transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
    opacity: 0;
  }
  5% {
    -webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg);
    transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg);
  }
}

@-webkit-keyframes rotateYOut {
  95% {
    -webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg);
    transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg);
  }
  to {
    -webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
    transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
    opacity: 0;
  }
}

@keyframes rotateYOut {
  95% {
    -webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg);
    transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg);
  }
  to {
    -webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
    transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
    opacity: 0;
  }
}

/*************************************************************
Rotate In
**************************************************************/
@-webkit-keyframes rotateInLeft {
  from {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(0deg);
    transform: translateX(-100%) rotate(0deg);
  }
  to {
    -webkit-transform: translateX(0px) rotate(360deg);
    transform: translateX(0px) rotate(360deg);
  }
}
@keyframes rotateInLeft {
  from {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(0deg);
    transform: translateX(-100%) rotate(0deg);
  }
  to {
    -webkit-transform: translateX(0px) rotate(360deg);
    transform: translateX(0px) rotate(360deg);
  }
}

@-webkit-keyframes rotateInRight {
  from {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(0deg);
    transform: translateX(100%) rotate(0deg);
  }
  to {
    -webkit-transform: translateX(0px) rotate(-360deg);
    transform: translateX(0px) rotate(-360deg);
  }
}

@keyframes rotateInRight {
  from {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(0deg);
    transform: translateX(100%) rotate(0deg);
  }
  to {
    -webkit-transform: translateX(0px) rotate(-360deg);
    transform: translateX(0px) rotate(-360deg);
  }
}

@-webkit-keyframes rotateInTop {
  from {
    opacity: 0;
    -webkit-transform: translateY(-400%) rotate(0deg);
    transform: translateY(-400%) rotate(0deg);
  }
  to {
    -webkit-transform: translateX(0px) rotate(360deg);
    transform: translateX(0px) rotate(360deg);
  }
}

@keyframes rotateInTop {
  from {
    opacity: 0;
    -webkit-transform: translateY(-400%) rotate(0deg);
    transform: translateY(-400%) rotate(0deg);
  }
  to {
    -webkit-transform: translateX(0px) rotate(360deg);
    transform: translateX(0px) rotate(360deg);
  }
}

@-webkit-keyframes rotateInBottom {
  from {
    opacity: 0;
    -webkit-transform: translateY(400%) rotate(0deg);
    transform: translateY(400%) rotate(0deg);
  }
  to {
    -webkit-transform: translateX(0px) rotate(360deg);
    transform: translateX(0px) rotate(360deg);
  }
}

@keyframes rotateInBottom {
  from {
    opacity: 0;
    -webkit-transform: translateY(400%) rotate(0deg);
    transform: translateY(400%) rotate(0deg);
  }
  to {
    -webkit-transform: translateX(0px) rotate(360deg);
    transform: translateX(0px) rotate(360deg);
  }
}

/*************************************************************
Rotate Out
**************************************************************/
@-webkit-keyframes rotateOutLeft {
  from {
    -webkit-transform: translateX(0px) rotate(360deg);
    transform: translateX(0px) rotate(360deg);
  }
  to {
    -webkit-transform: translateX(-800px) rotate(0deg);
    transform: translateX(-800px) rotate(0deg);
    opacity: 0;
  }
}
@keyframes rotateOutLeft {
  from {
    -webkit-transform: translateX(0px) rotate(360deg);
    transform: translateX(0px) rotate(360deg);
  }
  to {
    -webkit-transform: translateX(-800px) rotate(0deg);
    transform: translateX(-800px) rotate(0deg);
    opacity: 0;
  }
}

@-webkit-keyframes rotateOutRight {
  from {
    -webkit-transform: translateX(0px) rotate(-360deg);
    transform: translateX(0px) rotate(-360deg);
  }
  to {
    -webkit-transform: translateX(800px) rotate(0deg);
    transform: translateX(800px) rotate(0deg);
    opacity: 0;
  }
}

@keyframes rotateOutRight {
  from {
    -webkit-transform: translateX(0px) rotate(-360deg);
    transform: translateX(0px) rotate(-360deg);
  }
  to {
    -webkit-transform: translateX(800px) rotate(0deg);
    transform: translateX(800px) rotate(0deg);
    opacity: 0;
  }
}

@-webkit-keyframes rotateOutTop {
  from {
    -webkit-transform: translateX(0px) rotate(360deg);
    transform: translateX(0px) rotate(360deg);
  }
  to {
    -webkit-transform: translateY(-800px) rotate(0deg);
    transform: translateY(-800px) rotate(0deg);
    opacity: 0;
  }
}

@keyframes rotateOutTop {
  from {
    -webkit-transform: translateX(0px) rotate(360deg);
    transform: translateX(0px) rotate(360deg);
  }
  to {
    -webkit-transform: translateY(-800px) rotate(0deg);
    transform: translateY(-800px) rotate(0deg);
    opacity: 0;
  }
}

@-webkit-keyframes rotateOutBottom {
  from {
    -webkit-transform: translateX(0px) rotate(360deg);
    transform: translateX(0px) rotate(360deg);
  }
  to {
    -webkit-transform: translateY(800px) rotate(0deg);
    transform: translateY(800px) rotate(0deg);
    opacity: 0;
  }
}

@keyframes rotateOutBottom {
  from {
    -webkit-transform: translateX(0px) rotate(360deg);
    transform: translateX(0px) rotate(360deg);
  }
  to {
    -webkit-transform: translateY(800px) rotate(0deg);
    transform: translateY(800px) rotate(0deg);
    opacity: 0;
  }
}

/*************************************************************
Spin To
**************************************************************/
@-webkit-keyframes spinToLeft {
  from,
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  from {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes spinToLeft {
  from,
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  from {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@-webkit-keyframes spinToRight {
  from,
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  from {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes spinToRight {
  from,
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  from {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@-webkit-keyframes spinToTop {
  from,
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  from {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes spinToTop {
  from,
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  from {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@-webkit-keyframes spinToBottom {
  from,
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  from {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes spinToBottom {
  from,
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  from {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

/*************************************************************
Spin From
**************************************************************/
@-webkit-keyframes spinFromLeft {
  from,
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  to {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes spinFromLeft {
  from,
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  to {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@-webkit-keyframes spinFromRight {
  from,
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  to {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes spinFromRight {
  from,
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  to {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@-webkit-keyframes spinFromTop {
  from,
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  to {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes spinFromTop {
  from,
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  to {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@-webkit-keyframes spinFromBottom {
  from,
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  to {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes spinFromBottom {
  from,
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  to {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

/*************************************************************
Blur In
**************************************************************/
@-webkit-keyframes blurIn {
  from {
    -webkit-filter: blur(20px);
    filter: blur(20px);
    opacity: 0;
  }
}
@keyframes blurIn {
  from {
    -webkit-filter: blur(20px);
    filter: blur(20px);
    opacity: 0;
  }
}

@-webkit-keyframes blurInLeft {
  from {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-filter: blur(20px);
    filter: blur(20px);
    opacity: 0;
  }
}

@keyframes blurInLeft {
  from {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-filter: blur(20px);
    filter: blur(20px);
    opacity: 0;
  }
}

@-webkit-keyframes blurInRight {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-filter: blur(20px);
    filter: blur(20px);
    opacity: 0;
  }
}

@keyframes blurInRight {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-filter: blur(20px);
    filter: blur(20px);
    opacity: 0;
  }
}

@-webkit-keyframes blurInTop {
  from {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-filter: blur(20px);
    filter: blur(20px);
    opacity: 0;
  }
}

@keyframes blurInTop {
  from {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-filter: blur(20px);
    filter: blur(20px);
    opacity: 0;
  }
}

@-webkit-keyframes blurInBottom {
  from {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-filter: blur(20px);
    filter: blur(20px);
    opacity: 0;
  }
}

@keyframes blurInBottom {
  from {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-filter: blur(20px);
    filter: blur(20px);
    opacity: 0;
  }
}

/*************************************************************
Blur Out
**************************************************************/
@-webkit-keyframes blurOut {
  85%,
  to {
    -webkit-filter: blur(20px);
    filter: blur(20px);
  }
  to {
    opacity: 0;
  }
}
@keyframes blurOut {
  85%,
  to {
    -webkit-filter: blur(20px);
    filter: blur(20px);
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes blurOutLeft {
  85%,
  to {
    -webkit-filter: blur(20px);
    filter: blur(20px);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    opacity: 0;
  }
}

@keyframes blurOutLeft {
  85%,
  to {
    -webkit-filter: blur(20px);
    filter: blur(20px);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes blurOutRight {
  85%,
  to {
    -webkit-filter: blur(20px);
    filter: blur(20px);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    opacity: 0;
  }
}

@keyframes blurOutRight {
  85%,
  to {
    -webkit-filter: blur(20px);
    filter: blur(20px);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes blurOutTop {
  85%,
  to {
    -webkit-filter: blur(20px);
    filter: blur(20px);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    opacity: 0;
  }
}

@keyframes blurOutTop {
  85%,
  to {
    -webkit-filter: blur(20px);
    filter: blur(20px);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes blurOutBottom {
  85%,
  to {
    -webkit-filter: blur(20px);
    filter: blur(20px);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  to {
    opacity: 0;
  }
}

@keyframes blurOutBottom {
  85%,
  to {
    -webkit-filter: blur(20px);
    filter: blur(20px);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  to {
    opacity: 0;
  }
}

/*************************************************************
Bounce
**************************************************************/
@-webkit-keyframes bounceFromTop {
  0%,
  25%,
  55%,
  85%,
  100% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  41%,
  44% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: translate3d(0, -80px, 0) scale3d(1, 1.6, 1);
    transform: translate3d(0, -80px, 0) scale3d(1, 1.6, 1);
  }
  70% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounceFromTop {
  0%,
  25%,
  55%,
  85%,
  100% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  41%,
  44% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: translate3d(0, -80px, 0) scale3d(1, 1.6, 1);
    transform: translate3d(0, -80px, 0) scale3d(1, 1.6, 1);
  }
  70% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@-webkit-keyframes bounceFromDown {
  0%,
  25%,
  55%,
  85%,
  100% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  41%,
  44% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: translate3d(0, 80px, 0) scale3d(1, 1.2, 1);
    transform: translate3d(0, 80px, 0) scale3d(1, 1.2, 1);
  }
  70% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 4px, 0);
    transform: translate3d(0, 4px, 0);
  }
}

@keyframes bounceFromDown {
  0%,
  25%,
  55%,
  85%,
  100% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  41%,
  44% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: translate3d(0, 80px, 0) scale3d(1, 1.2, 1);
    transform: translate3d(0, 80px, 0) scale3d(1, 1.2, 1);
  }
  70% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 4px, 0);
    transform: translate3d(0, 4px, 0);
  }
}

@-webkit-keyframes bounceX {
  0%,
  25%,
  55%,
  85%,
  100% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  41%,
  44% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale3d(1.8, 1, 1);
    transform: scale3d(1.8, 1, 1);
  }
  70% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale3d(1.5, 1, 1);
    transform: scale3d(1.5, 1, 1);
  }
  90% {
    -webkit-transform: scale3d(1.1, 1, 1);
    transform: scale3d(1.1, 1, 1);
  }
}

@keyframes bounceX {
  0%,
  25%,
  55%,
  85%,
  100% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  41%,
  44% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale3d(1.8, 1, 1);
    transform: scale3d(1.8, 1, 1);
  }
  70% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale3d(1.5, 1, 1);
    transform: scale3d(1.5, 1, 1);
  }
  90% {
    -webkit-transform: scale3d(1.1, 1, 1);
    transform: scale3d(1.1, 1, 1);
  }
}

@-webkit-keyframes bounceY {
  0%,
  25%,
  55%,
  85%,
  100% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  41%,
  44% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale3d(1, 2, 1);
    transform: scale3d(1, 2, 1);
  }
  70% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale3d(1, 1.5, 1);
    transform: scale3d(1, 1.5, 1);
  }
  90% {
    -webkit-transform: scale3d(1, 1.1, 1);
    transform: scale3d(1, 1.1, 1);
  }
}

@keyframes bounceY {
  0%,
  25%,
  55%,
  85%,
  100% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  41%,
  44% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale3d(1, 2, 1);
    transform: scale3d(1, 2, 1);
  }
  70% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale3d(1, 1.5, 1);
    transform: scale3d(1, 1.5, 1);
  }
  90% {
    -webkit-transform: scale3d(1, 1.1, 1);
    transform: scale3d(1, 1.1, 1);
  }
}

@-webkit-keyframes bounceZoomIn {
  0%,
  25%,
  55%,
  85%,
  100% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  41%,
  44% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  70% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  90% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@keyframes bounceZoomIn {
  0%,
  25%,
  55%,
  85%,
  100% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  41%,
  44% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  70% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  90% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@-webkit-keyframes bounceZoomOut {
  0%,
  25%,
  55%,
  85%,
  100% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  41%,
  44% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  70% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  90% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes bounceZoomOut {
  0%,
  25%,
  55%,
  85%,
  100% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  41%,
  44% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  70% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  90% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

/*************************************************************
Bounce In
**************************************************************/
@-webkit-keyframes bounceInTop {
  0% {
    -webkit-transform: translate3d(0, -300%, 0);
    transform: translate3d(0, -300%, 0);
  }
  58% {
    -webkit-transform: translate3d(0, 27px, 0);
    transform: translate3d(0, 27px, 0);
  }
  73% {
    -webkit-transform: translate3d(0, -12px, 0);
    transform: translate3d(0, -12px, 0);
  }
  88% {
    -webkit-transform: translate3d(0, 7px, 0);
    transform: translate3d(0, 7px, 0);
  }
}
@keyframes bounceInTop {
  0% {
    -webkit-transform: translate3d(0, -300%, 0);
    transform: translate3d(0, -300%, 0);
  }
  58% {
    -webkit-transform: translate3d(0, 27px, 0);
    transform: translate3d(0, 27px, 0);
  }
  73% {
    -webkit-transform: translate3d(0, -12px, 0);
    transform: translate3d(0, -12px, 0);
  }
  88% {
    -webkit-transform: translate3d(0, 7px, 0);
    transform: translate3d(0, 7px, 0);
  }
}

@-webkit-keyframes bounceInBottom {
  0% {
    -webkit-transform: translate3d(0, 300%, 0);
    transform: translate3d(0, 300%, 0);
  }
  58% {
    -webkit-transform: translate3d(0, -27px, 0);
    transform: translate3d(0, -27px, 0);
  }
  73% {
    -webkit-transform: translate3d(0, 12px, 0);
    transform: translate3d(0, 12px, 0);
  }
  88% {
    -webkit-transform: translate3d(0, -8px, 0);
    transform: translate3d(0, -8px, 0);
  }
}

@keyframes bounceInBottom {
  0% {
    -webkit-transform: translate3d(0, 300%, 0);
    transform: translate3d(0, 300%, 0);
  }
  58% {
    -webkit-transform: translate3d(0, -27px, 0);
    transform: translate3d(0, -27px, 0);
  }
  73% {
    -webkit-transform: translate3d(0, 12px, 0);
    transform: translate3d(0, 12px, 0);
  }
  88% {
    -webkit-transform: translate3d(0, -8px, 0);
    transform: translate3d(0, -8px, 0);
  }
}

@-webkit-keyframes bounceInLeft {
  0% {
    -webkit-transform: translate3d(-300%, 0, 0);
    transform: translate3d(-300%, 0, 0);
  }
  58% {
    -webkit-transform: translate3d(27px, 0, 0);
    transform: translate3d(27px, 0, 0);
  }
  73% {
    -webkit-transform: translate3d(-12px, 0, 0);
    transform: translate3d(-12px, 0, 0);
  }
  88% {
    -webkit-transform: translate3d(8px, 0, 0);
    transform: translate3d(8px, 0, 0);
  }
}

@keyframes bounceInLeft {
  0% {
    -webkit-transform: translate3d(-300%, 0, 0);
    transform: translate3d(-300%, 0, 0);
  }
  58% {
    -webkit-transform: translate3d(27px, 0, 0);
    transform: translate3d(27px, 0, 0);
  }
  73% {
    -webkit-transform: translate3d(-12px, 0, 0);
    transform: translate3d(-12px, 0, 0);
  }
  88% {
    -webkit-transform: translate3d(8px, 0, 0);
    transform: translate3d(8px, 0, 0);
  }
}

@-webkit-keyframes bounceInRight {
  0% {
    -webkit-transform: translate3d(300%, 0, 0);
    transform: translate3d(300%, 0, 0);
  }
  58% {
    -webkit-transform: translate3d(-27px, 0, 0);
    transform: translate3d(-27px, 0, 0);
  }
  73% {
    -webkit-transform: translate3d(12px, 0, 0);
    transform: translate3d(12px, 0, 0);
  }
  88% {
    -webkit-transform: translate3d(-8px, 0, 0);
    transform: translate3d(-8px, 0, 0);
  }
}

@keyframes bounceInRight {
  0% {
    -webkit-transform: translate3d(300%, 0, 0);
    transform: translate3d(300%, 0, 0);
  }
  58% {
    -webkit-transform: translate3d(-27px, 0, 0);
    transform: translate3d(-27px, 0, 0);
  }
  73% {
    -webkit-transform: translate3d(12px, 0, 0);
    transform: translate3d(12px, 0, 0);
  }
  88% {
    -webkit-transform: translate3d(-8px, 0, 0);
    transform: translate3d(-8px, 0, 0);
  }
}

/*************************************************************
Bounce Out
**************************************************************/
@-webkit-keyframes bounceOutTop {
  18%,
  33%,
  48% {
    opacity: 1;
  }
  18% {
    -webkit-transform: translate3d(0, 27px, 0);
    transform: translate3d(0, 27px, 0);
  }
  33% {
    -webkit-transform: translate3d(0, -12px, 0);
    transform: translate3d(0, -12px, 0);
  }
  48% {
    -webkit-transform: translate3d(0, 8px, 0);
    transform: translate3d(0, 8px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -300%, 0);
    transform: translate3d(0, -300%, 0);
  }
}
@keyframes bounceOutTop {
  18%,
  33%,
  48% {
    opacity: 1;
  }
  18% {
    -webkit-transform: translate3d(0, 27px, 0);
    transform: translate3d(0, 27px, 0);
  }
  33% {
    -webkit-transform: translate3d(0, -12px, 0);
    transform: translate3d(0, -12px, 0);
  }
  48% {
    -webkit-transform: translate3d(0, 8px, 0);
    transform: translate3d(0, 8px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -300%, 0);
    transform: translate3d(0, -300%, 0);
  }
}

@-webkit-keyframes bounceOutBottom {
  18%,
  33%,
  48% {
    opacity: 1;
  }
  18% {
    -webkit-transform: translate3d(0, -27px, 0);
    transform: translate3d(0, -27px, 0);
  }
  33% {
    -webkit-transform: translate3d(0, 12px, 0);
    transform: translate3d(0, 12px, 0);
  }
  48% {
    -webkit-transform: translate3d(0, -8px, 0);
    transform: translate3d(0, -8px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 300%, 0);
    transform: translate3d(0, 300%, 0);
  }
}

@keyframes bounceOutBottom {
  18%,
  33%,
  48% {
    opacity: 1;
  }
  18% {
    -webkit-transform: translate3d(0, -27px, 0);
    transform: translate3d(0, -27px, 0);
  }
  33% {
    -webkit-transform: translate3d(0, 12px, 0);
    transform: translate3d(0, 12px, 0);
  }
  48% {
    -webkit-transform: translate3d(0, -8px, 0);
    transform: translate3d(0, -8px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 300%, 0);
    transform: translate3d(0, 300%, 0);
  }
}

@-webkit-keyframes bounceOutLeft {
  18%,
  33%,
  48% {
    opacity: 1;
  }
  18% {
    -webkit-transform: translate3d(27px, 0, 0);
    transform: translate3d(27px, 0, 0);
  }
  33% {
    -webkit-transform: translate3d(-12px, 0, 0);
    transform: translate3d(-12px, 0, 0);
  }
  48% {
    -webkit-transform: translate3d(8px, 0, 0);
    transform: translate3d(8px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-300%, 0, 0);
    transform: translate3d(-300%, 0, 0);
  }
}

@keyframes bounceOutLeft {
  18%,
  33%,
  48% {
    opacity: 1;
  }
  18% {
    -webkit-transform: translate3d(27px, 0, 0);
    transform: translate3d(27px, 0, 0);
  }
  33% {
    -webkit-transform: translate3d(-12px, 0, 0);
    transform: translate3d(-12px, 0, 0);
  }
  48% {
    -webkit-transform: translate3d(8px, 0, 0);
    transform: translate3d(8px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-300%, 0, 0);
    transform: translate3d(-300%, 0, 0);
  }
}

@-webkit-keyframes bounceOutRight {
  18%,
  33%,
  48% {
    opacity: 1;
  }
  18% {
    -webkit-transform: translate3d(-27px, 0, 0);
    transform: translate3d(-27px, 0, 0);
  }
  33% {
    -webkit-transform: translate3d(12px, 0, 0);
    transform: translate3d(12px, 0, 0);
  }
  48% {
    -webkit-transform: translate3d(-8px, 0, 0);
    transform: translate3d(-8px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(300%, 0, 0);
    transform: translate3d(300%, 0, 0);
  }
}

@keyframes bounceOutRight {
  18%,
  33%,
  48% {
    opacity: 1;
  }
  18% {
    -webkit-transform: translate3d(-27px, 0, 0);
    transform: translate3d(-27px, 0, 0);
  }
  33% {
    -webkit-transform: translate3d(12px, 0, 0);
    transform: translate3d(12px, 0, 0);
  }
  48% {
    -webkit-transform: translate3d(-8px, 0, 0);
    transform: translate3d(-8px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(300%, 0, 0);
    transform: translate3d(300%, 0, 0);
  }
}

/*************************************************************
Perspective
**************************************************************/
@-webkit-keyframes perspectiveToTop {
  50% {
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(500px) rotateX(90deg) translateY(-50px) translateZ(50px);
    transform: perspective(500px) rotateX(90deg) translateY(-50px) translateZ(50px);
    opacity: 0;
  }
}
@keyframes perspectiveToTop {
  50% {
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(500px) rotateX(90deg) translateY(-50px) translateZ(50px);
    transform: perspective(500px) rotateX(90deg) translateY(-50px) translateZ(50px);
    opacity: 0;
  }
}

@-webkit-keyframes perspectiveToBottom {
  50% {
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(500px) rotateX(90deg) translateY(50px) translateZ(-50px);
    transform: perspective(500px) rotateX(90deg) translateY(50px) translateZ(-50px);
    opacity: 0;
  }
}

@keyframes perspectiveToBottom {
  50% {
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(500px) rotateX(90deg) translateY(50px) translateZ(-50px);
    transform: perspective(500px) rotateX(90deg) translateY(50px) translateZ(-50px);
    opacity: 0;
  }
}

/*************************************************************
Zoom In
**************************************************************/
@-webkit-keyframes zoomIn {
  from {
    -webkit-transform: scale(10);
    transform: scale(10);
    opacity: 0;
  }
}
@keyframes zoomIn {
  from {
    -webkit-transform: scale(10);
    transform: scale(10);
    opacity: 0;
  }
}

@-webkit-keyframes zoomInLeft {
  from {
    -webkit-transform: scale(10) translateX(-50%);
    transform: scale(10) translateX(-50%);
    opacity: 0;
  }
}

@keyframes zoomInLeft {
  from {
    -webkit-transform: scale(10) translateX(-50%);
    transform: scale(10) translateX(-50%);
    opacity: 0;
  }
}

@-webkit-keyframes zoomInRight {
  from {
    -webkit-transform: scale(10) translateX(50%);
    transform: scale(10) translateX(50%);
    opacity: 0;
  }
}

@keyframes zoomInRight {
  from {
    -webkit-transform: scale(10) translateX(50%);
    transform: scale(10) translateX(50%);
    opacity: 0;
  }
}

@-webkit-keyframes zoomInTop {
  from {
    -webkit-transform: scale(10) translateY(-50%);
    transform: scale(10) translateY(-50%);
    opacity: 0;
  }
}

@keyframes zoomInTop {
  from {
    -webkit-transform: scale(10) translateY(-50%);
    transform: scale(10) translateY(-50%);
    opacity: 0;
  }
}

@-webkit-keyframes zoomInBottom {
  from {
    -webkit-transform: scale(10) translateY(50%);
    transform: scale(10) translateY(50%);
    opacity: 0;
  }
}

@keyframes zoomInBottom {
  from {
    -webkit-transform: scale(10) translateY(50%);
    transform: scale(10) translateY(50%);
    opacity: 0;
  }
}

/*************************************************************
Zoom Out
**************************************************************/
@-webkit-keyframes zoomOut {
  to {
    -webkit-transform: scale(10);
    transform: scale(10);
    opacity: 0;
  }
}
@keyframes zoomOut {
  to {
    -webkit-transform: scale(10);
    transform: scale(10);
    opacity: 0;
  }
}

@-webkit-keyframes zoomOutLeft {
  to {
    -webkit-transform: scale(10) translateX(-50%);
    transform: scale(10) translateX(-50%);
    opacity: 0;
  }
}

@keyframes zoomOutLeft {
  to {
    -webkit-transform: scale(10) translateX(-50%);
    transform: scale(10) translateX(-50%);
    opacity: 0;
  }
}

@-webkit-keyframes zoomOutRight {
  to {
    -webkit-transform: scale(10) translateX(50%);
    transform: scale(10) translateX(50%);
    opacity: 0;
  }
}

@keyframes zoomOutRight {
  to {
    -webkit-transform: scale(10) translateX(50%);
    transform: scale(10) translateX(50%);
    opacity: 0;
  }
}

@-webkit-keyframes zoomOutTop {
  to {
    -webkit-transform: scale(10) translateY(-50%);
    transform: scale(10) translateY(-50%);
    opacity: 0;
  }
}

@keyframes zoomOutTop {
  to {
    -webkit-transform: scale(10) translateY(-50%);
    transform: scale(10) translateY(-50%);
    opacity: 0;
  }
}

@-webkit-keyframes zoomOutBottom {
  to {
    -webkit-transform: scale(10) translateY(50%);
    transform: scale(10) translateY(50%);
    opacity: 0;
  }
}

@keyframes zoomOutBottom {
  to {
    -webkit-transform: scale(10) translateY(50%);
    transform: scale(10) translateY(50%);
    opacity: 0;
  }
}

@-webkit-keyframes ekitRevealInTop {
  form {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  to {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}

@keyframes ekitRevealInTop {
  form {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  to {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}

@-webkit-keyframes ekitRevealInBottom {
  form {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  to {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}

@keyframes ekitRevealInBottom {
  form {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  to {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}

@-webkit-keyframes ekitRevealInLeft {
  form {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  to {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
}

@keyframes ekitRevealInLeft {
  form {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  to {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
}

@-webkit-keyframes ekitRevealInRight {
  form {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  to {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
}

@keyframes ekitRevealInRight {
  form {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  to {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}

.tooltip.show {
  opacity: 0.9;
}

.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}

.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top,
.bs-tooltip-auto[x-placement^="top"] {
  padding: 0.4rem 0;
}

.bs-tooltip-top .arrow,
.bs-tooltip-auto[x-placement^="top"] .arrow {
  bottom: 0;
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^="top"] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-right,
.bs-tooltip-auto[x-placement^="right"] {
  padding: 0 0.4rem;
}

.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^="right"] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^="right"] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.4rem 0;
}

.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[x-placement^="bottom"] .arrow {
  top: 0;
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-left,
.bs-tooltip-auto[x-placement^="left"] {
  padding: 0 0.4rem;
}

.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^="left"] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^="left"] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}