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

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



=====================================================**************************/
/*=================================================
          body reset file
===============================================*/
:root {
  font-size: 15px;
}

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;
}

iframe {
  border: none;
}

a,
b,
div,
ul,
li {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -moz-outline-: none;
}

a:focus,
a:active,
input,
input:hover,
input:focus,
input:active,
textarea,
textarea:hover,
textarea:focus,
textarea:active {
  -moz-outline: none;
  outline: none;
}

img:not([draggable]),
embed,
object,
video {
  max-width: 100%;
  height: auto;
}

a {
  text-decoration: none;
  outline: 0;
}

a:active,
a:focus,
a:hover,
a:visited {
  text-decoration: none;
  outline: 0;
}

img {
  border: none;
  max-width: 100%;
}

ul, li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.clear-both:before,
.clear-both:after {
  display: table;
  content: "";
  clear: both;
}

button:focus {
  outline: none;
}

/*=================================================
          component
===============================================*/
/*=================================================

/*=================================================
          accordion
===============================================*/
/* accordion default */
.elementskit-accordion {
  counter-reset: myNumber;
}

.elementskit-accordion .ekit-accordion-title {
  padding-right: 10px;
  display: inline-block;
}

.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;
}

.elementskit-accordion .elementskit-card:not(:last-child) {
  margin-bottom: 10px;
}

.elementskit-accordion .elementskit-card-header {
  padding: 0px;
  background-color: transparent;
  border-bottom: 0px solid #000;
}

.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;
}

.elementskit-accordion .elementskit-card-header > .elementskit-btn-link:focus, .elementskit-accordion .elementskit-card-header > .elementskit-btn-link:hover {
  text-decoration: none;
}

.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;
}

.elementskit-accordion .elementskit-card-header > .elementskit-btn-link > .icon-left {
  padding-right: 26px;
  float: left;
}

.elementskit-accordion .elementskit-card-header > .elementskit-btn-link[aria-expanded="true"] .icon-closed {
  display: block;
}

.elementskit-accordion .elementskit-card-header > .elementskit-btn-link[aria-expanded="true"] .icon-open {
  display: none;
}

.elementskit-accordion .elementskit-card-header > .elementskit-btn-link[aria-expanded="false"] .icon-closed {
  display: none;
}

.elementskit-accordion .elementskit-card-header > .elementskit-btn-link[aria-expanded="false"] .icon-open {
  display: block;
}

.elementskit-accordion .elementskit-card-body {
  padding: 20px 30px;
}

.elementskit-accordion.radius .elementskit-card-header > .elementskit-btn-link {
  background-color: #FFFFFF;
}

.elementskit-accordion.radius .elementskit-card-header > .elementskit-btn-link[aria-expanded="true"] {
  border-radius: 5px;
}

.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;
}

.elementskit-accordion.elementskit-accoedion-gradient .elementskit-card-header > .elementskit-btn-link > i {
  color: inherit;
}

.elementskit-accordion.line .elementskit-card-header > .elementskit-btn-link > i {
  color: #000000;
}

.elementskit-accordion.line .elementskit-card-header > .elementskit-btn-link[aria-expanded="true"] {
  border-color: #2575fc;
}

.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);
}

.elementskit-accordion.boxShaodw .elementskit-card-header > .elementskit-btn-link > i {
  color: inherit;
}

.elementskit-accordion.boxShaodw .elementskit-card-header > .elementskit-btn-link[aria-expanded="true"] {
  color: #2575fc;
}

.elementskit-accordion.boxShaodw .elementskit-card-header > .elementskit-btn-link[aria-expanded="true"] > i {
  color: #2575fc;
}

.elementskit-accordion.elementskit-accoedion-primary .elementskit-card-header > .elementskit-btn-link {
  background-color: #2575fc;
  color: #FFFFFF;
}

.elementskit-accordion.elementskit-accoedion-primary .elementskit-card-header > .elementskit-btn-link > i {
  color: inherit;
}

.elementskit-accordion.elementskit-accoedion-primary .elementskit-card-header > .elementskit-btn-link[aria-expanded="true"] {
  color: #FFFFFF;
}

.elementskit-accordion.elementskit-accoedion-primary .elementskit-card-header > .elementskit-btn-link[aria-expanded="true"] > i {
  color: inherit;
}

.elementskit-accordion.rounded .elementskit-card-header > .elementskit-btn-link {
  border-radius: 28px;
  background-color: #FFFFFF;
  border-color: #f0f5fd;
}

.elementskit-accordion.rounded .elementskit-card-header > .elementskit-btn-link[aria-expanded="true"] {
  border-color: #2575fc;
  color: #2575fc;
}

.elementskit-accordion.rounded.boxShaodw .elementskit-card-header > .elementskit-btn-link {
  border-color: transparent;
}

.elementskit-accordion.rounded.boxShaodw .elementskit-card-header > .elementskit-btn-link[aria-expanded="true"] {
  background-color: #2575fc;
  color: #FFFFFF;
}

.elementskit-accordion.rounded.boxShaodw .elementskit-card-header > .elementskit-btn-link[aria-expanded="true"] > i {
  color: inherit;
}

.elementskit-accordion.active-primary .elementskit-card-header > .elementskit-btn-link[aria-expanded="true"] {
  background-color: #2575fc;
  color: #FFFFFF;
  border-radius: 5px;
}

.elementskit-accordion.active-primary .elementskit-card-header > .elementskit-btn-link[aria-expanded="true"] > i {
  color: inherit;
}

.elementskit-accordion.line-2 .elementskit-card-header > .elementskit-btn-link {
  border-color: #e7e7e7;
}

.elementskit-accordion.rounded-line > .elementskit-card {
  border: 1px solid rgba(37, 117, 252, 0.2);
  border-radius: 27.5px;
  overflow: hidden;
}

.elementskit-accordion.rounded-line > .elementskit-card[aria-expanded="true"] {
  border-color: #2575fc;
}

.elementskit-accordion.rounded-line > .elementskit-card[aria-expanded="true"] > .elementskit-card-header > .elementskit-btn-link {
  color: #2575fc;
  border-bottom-color: #2575fc;
}

.elementskit-accordion.rounded-line > .elementskit-card > .elementskit-card-header .elementskit-btn-link {
  background-color: transparent;
  border-bottom: 1px solid rgba(37, 117, 252, 0);
}

.elementskit-accordion.rounded-line > .elementskit-card > .elementskit-card-header .elementskit-btn-link > i {
  color: inherit;
}

.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;
}

.elementskit-accordion.fill-primary > .elementskit-card > .elementskit-card-header > .elementskit-btn-link {
  padding-left: 0;
  padding-right: 0;
  background-color: transparent;
}

.elementskit-accordion.fill-primary > .elementskit-card > .elementskit-card-header > .elementskit-btn-link > i {
  color: inherit;
}

.elementskit-accordion.fill-primary > .elementskit-card .elementskit-card-body {
  padding-left: 0;
  padding-right: 0;
}

.elementskit-accordion.fill-primary > .elementskit-card[aria-expanded="true"] {
  background-color: #2575fc;
  border-color: transparent;
}

.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);
}

.elementskit-accordion.fill-primary > .elementskit-card[aria-expanded="true"] .elementskit-card-body p {
  color: #FFFFFF;
}

.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;
}

.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;
}

.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);
}

.elementskit-accordion.floating-style .elementskit-card[aria-expanded="true"] .elementskit-btn-link > i {
  color: inherit;
}

.elementskit-accordion.floating-style .elementskit-card[aria-expanded="true"] .elementskit-card-body {
  background-color: #2575fc;
}

.elementskit-accordion.floating-style .elementskit-card[aria-expanded="true"] .elementskit-card-body p {
  color: #FFFFFF;
}

.elementskit-accordion.accordion-2 .elementskit-card-body {
  padding-left: 0;
  padding-right: 0;
}

.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);
}

.elementskit-accordion.line-3 .elementskit-card-header > .elementskit-btn-link {
  background-color: transparent;
  border-color: #f5f5f5;
}

.elementskit-accordion.line-3 .elementskit-card-header > .elementskit-btn-link > i {
  color: inherit;
}

.elementskit-accordion.line-3 .elementskit-card-body {
  border: 1px solid #f5f5f5;
  border-top: 0px;
}

.elementskit-accordion.left-border > .elementskit-card {
  border-left: 3px solid rgba(37, 117, 252, 0.2);
}

.elementskit-accordion.left-border > .elementskit-card[aria-expanded="true"] {
  border-color: #2575fc;
}

.elementskit-accordion.left-border .elementskit-card-header > .elementskit-btn-link {
  border-left: 0px;
}

.elementskit-accordion.left-border .elementskit-card-body {
  border-left: 0px;
}

.elementskit-accordion.right-border > .elementskit-card {
  border-right: 3px solid rgba(37, 117, 252, 0.2);
}

.elementskit-accordion.right-border > .elementskit-card[aria-expanded="true"] {
  border-color: #2575fc;
}

.elementskit-accordion.right-border .elementskit-card-header > .elementskit-btn-link {
  border-right: 0px;
}

.elementskit-accordion.right-border .elementskit-card-body {
  border-right: 0px;
}

.elementskit-accordion.accordion-3 .elementskit-card-header > .elementskit-btn-link {
  border-color: #e7e7e7;
  background-color: #FFFFFF;
}

.elementskit-accordion.accordion-3 .elementskit-card-header > .elementskit-btn-link[aria-expanded="true"] {
  background-color: #2575fc;
  color: #FFFFFF;
  border-color: #2575fc;
}

.elementskit-accordion.accordion-3 .elementskit-card-header > .elementskit-btn-link[aria-expanded="true"] > i {
  color: inherit;
}

.elementskit-accordion.accordion-3 .elementskit-card-body {
  padding-left: 0px;
  padding-right: 0px;
}

.elementskit-accordion.side-curve .elementskit-card-header > .elementskit-btn-link {
  background-color: #2575fc;
  position: relative;
  border: 0px;
  padding-left: 70px;
}

.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;
}

.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;
}

.elementskit-accordion.side-curve .elementskit-card-header > .elementskit-btn-link .icon-left {
  position: absolute;
  left: 20px;
  top: 30%;
}

.elementskit-accordion.curve-shape .elementskit-card-header > .elementskit-btn-link {
  position: relative;
  z-index: 1;
  padding: 16.5px 30px;
}

.elementskit-accordion.curve-shape .elementskit-card-header > .elementskit-btn-link[aria-expanded="true"] {
  color: #FFFFFF;
}

.elementskit-accordion.curve-shape .elementskit-card-header > .elementskit-btn-link[aria-expanded="true"] > i {
  color: inherit;
}

.elementskit-accordion.curve-shape .elementskit-card-header > .elementskit-btn-link[aria-expanded="true"] .path {
  fill: #2575fc;
}

.elementskit-accordion.curve-shape .svg-shape {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}

.elementskit-accordion .elementskit-card-body {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 65px;
  padding-right: 85px;
}

.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;
}

.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;
}

.elementskit-accordion.accordion-4 .elementskit-card-header > .elementskit-btn-link .icon-left {
  position: absolute;
  left: 20px;
  top: 30%;
  color: #FFFFFF;
}

.elementskit-accordion.accordion-4 .elementskit-card-body {
  padding-left: 0;
  padding-right: 0;
}

.number::before {
  counter-increment: myNumber;
  content: counter(myNumber) ".";
}

.icon-right {
  float: right;
}

.icon-left {
  float: left;
}

.path {
  fill: #FFFFFF;
  stroke: #2575fc;
  stroke-miterlimit: 0;
}

.ekit_accordion_icon_group {
  position: absolute;
  right: 0;
  margin-right: 30px;
}

/*=================================================
          info box
===============================================*/
/* accordioin info box */
.round-img img {
  border-radius: 100%;
}

.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;
}

.elementskit-infobox:hover {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
  border-color: #2575fc;
}

.elementskit-infobox:hover.image-active::before {
  background-color: rgba(37, 117, 252, 0);
}

.elementskit-infobox:hover.image-active .image-hover > img {
  opacity: 1;
  -webkit-transform: scale(1.06);
  -ms-transform: scale(1.06);
  transform: scale(1.06);
}

.elementskit-infobox:hover .icon-hover {
  opacity: 1;
  bottom: -20px;
}

.elementskit-infobox .elementskit-box-header {
  position: relative;
  z-index: 2;
}

.elementskit-infobox .elementskit-box-header .elementskit-info-box-icon {
  display: inline-block;
  margin-bottom: 25px;
}

.elementskit-infobox .elementskit-box-header .elementskit-info-box-icon i {
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}

.elementskit-infobox .elementskit-box-header .icon-switcher {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.elementskit-infobox .elementskit-box-header .icon-switcher > img {
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.elementskit-infobox .elementskit-box-header .icon-switcher .main-image {
  opacity: 1;
  position: relative;
  top: 0px;
}

.elementskit-infobox .elementskit-box-header .icon-switcher .hover-image {
  position: absolute;
  top: 80px;
  left: 0;
}

.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;
}

.elementskit-infobox .box-body {
  position: relative;
  z-index: 2;
}

.elementskit-infobox .box-body p {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.elementskit-infobox .box-footer {
  position: relative;
  z-index: 2;
}

.elementskit-infobox .btn-wraper {
  position: relative;
  z-index: 2;
}

.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;
}

.elementskit-infobox .elementskit-info-box-icon {
  display: inline-block;
}

.elementskit-infobox .elementskit-info-box-icon > i:not(.fill-icon) {
  color: #000000;
  font-size: 40px;
}

.elementskit-infobox .link-btn {
  font-size: 13px;
}

.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;
}

.elementskit-infobox .icon-hover i {
  font-size: 100px;
}

.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%;
}

.elementskit-infobox.gradient-active:hover::before {
  left: 0;
}

.elementskit-infobox.gradient-active.hover_from_top::before {
  left: 0;
  top: -100%;
}

.elementskit-infobox.gradient-active.hover_from_top:hover::before {
  top: 0;
}

.elementskit-infobox.gradient-active.hover_from_right::before {
  left: 100%;
}

.elementskit-infobox.gradient-active.hover_from_right:hover::before {
  left: 0;
}

.elementskit-infobox.gradient-active.hover_from_bottom::before {
  left: 0%;
  top: 100%;
}

.elementskit-infobox.gradient-active.hover_from_bottom:hover::before {
  top: 0;
}

.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%;
}

.elementskit-infobox.image-active .image-hover {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.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;
}

.elementskit-infobox.icon-lef-right-aligin {
  padding: 15px;
}

.elementkit-infobox-icon.framed {
  border: 2px solid red;
  padding: 10px;
}

.elementskit-infobox.icon-lef-right-aligin {
  padding: 15px 30px;
}

.elementkit-infobox-icon.framed.round {
  border-radius: 100%;
}

.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;
}

.infobox-ovelry {
  position: relative;
}

.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;
}

.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;
}

/*=================================================
          team
===============================================*/
.xs-single-team.media .team-header {
  max-width: 200px;
  width: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 200px;
  flex: 0 0 200px;
}

.xs-single-team.media .team-body {
  margin-left: 40px;
  padding-right: 80px;
}

.xs-single-team .team-header {
  position: relative;
  overflow: hidden;
}

.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;
}

.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;
}

.xs-single-team .team-body .team-info {
  margin-bottom: 18px;
}

.xs-single-team .team-info .team-title {
  font-size: 22px;
  margin-bottom: 5px;
}

.xs-single-team .team-info .team-bio {
  font-size: 18px;
  color: #8d8d8d;
  font-weight: 400;
  margin-bottom: 0;
}

.xs-single-team:hover .team-header > img {
  opacity: .9;
}

.xs-single-team:hover .team-header .hover-content {
  bottom: 0;
}

/* team page team style */
/* porfile card style start */
.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;
}

.profile-card.text-center .profile-header {
  margin-left: auto;
  margin-right: auto;
}

.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);
}

.profile-card:hover .profile-header > img {
  -webkit-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
}

.profile-card:hover .profile-body .profile-title {
  color: #2575fc;
}

.profile-body {
  margin-bottom: 20px;
}

.profile-body .profile-title {
  font-size: 22px;
  color: #000000;
}

.profile-body .profile-title > a {
  color: inherit;
}

.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;
}

.profile-header {
  margin-bottom: 38px;
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.profile-header > img {
  width: 160px;
  height: 160px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

/* profile image card */
.profile-image-card {
  position: relative;
  overflow: hidden;
}

.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;
}

.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;
}

.profile-image-card .hover-area .profile-title {
  color: #FFFFFF;
}

.profile-image-card .hover-area .profile-designation {
  color: #FFFFFF;
}

.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;
}

.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;
}

/* image card version 2 */
.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;
}

.image-card-v2 .profile-image-card:hover::before {
  opacity: .93;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.image-card-v2 .profile-image-card .hover-area {
  padding-left: 50px;
  padding-right: 50px;
}

.image-card-v2 .profile-image-card .profile-body .profile-designation {
  margin-bottom: 12px;
}

.image-card-v2 .profile-image-card .profile-body .border-hr {
  background-color: rgba(255, 255, 255, 0.6);
  margin-bottom: 25px;
}

.image-card-v2 .profile-image-card .profile-body .profile-content {
  color: #FFFFFF;
}

.image-card-v2.style-circle .profile-image-card {
  width: 350px;
  height: 350px;
}

.image-card-v2.style-circle .profile-image-card::before {
  border-radius: inherit;
}

.image-card-v2.black-overlay .profile-image-card::before {
  background: #000000;
  top: 10px;
  bottom: 10px;
  right: 10px;
  left: 10px;
}

.image-card-v2.black-overlay .profile-image-card:hover::before {
  opacity: .7;
}

/* image card version 3 */
.image-card-v3 .profile-image-card::before {
  display: none;
}

.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;
}

.image-card-v3 .profile-image-card .hover-area {
  top: inherit;
  bottom: 0px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.image-card-v3 .profile-image-card .profile-body {
  margin-bottom: 25px;
}

.image-card-v3 .profile-image-card:hover .hover-area {
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px);
}

.image-card-v3 .profile-image-card:hover::after {
  opacity: .8;
}

.image-card-v3.small-gutters {
  margin-left: -5px;
  margin-right: -5px;
}

.image-card-v3.small-gutters > [class^="col-"] {
  padding-left: 5px;
  padding-right: 5px;
}

.image-card-v3.tiny-gutters {
  margin-left: -3px;
  margin-right: -3px;
}

.image-card-v3.tiny-gutters > [class^="col-"] {
  padding-left: 3px;
  padding-right: 3px;
  margin-bottom: 6px;
}

/* profile dquare version */
.profile-square-v .profile-card {
  padding: 20px 20px 40px;
  z-index: 1;
}

.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;
}

.profile-square-v .profile-card .profile-header {
  width: 100%;
  height: 100%;
  border-radius: 0px;
}

.profile-square-v .profile-card .profile-content {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.profile-square-v .profile-card:hover::before {
  opacity: 1;
}

.profile-square-v .profile-card:hover .profile-body .profile-title,
.profile-square-v .profile-card:hover .profile-body .profile-designation {
  color: #FFFFFF;
}

.profile-square-v .profile-card:hover .profile-content {
  color: #FFFFFF;
}

.profile-square-v.square-v2 .profile-card::before {
  display: none;
}

.profile-square-v.square-v2 .profile-card:hover {
  background-color: #FFFFFF;
}

.profile-square-v.square-v2 .profile-card:hover .profile-body .profile-title {
  color: #2575fc;
}

.profile-square-v.square-v2 .profile-card:hover .profile-body .profile-designation {
  color: #656565;
}

.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);
}

.profile-square-v.square-v4 .profile-card {
  padding: 0px;
  max-height: 380px;
  overflow: hidden;
}

.profile-square-v.square-v4 .profile-card::before {
  display: none;
}

.profile-square-v.square-v4 .profile-card .profile-header {
  margin-bottom: 0px;
  max-height: 255px;
}

.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;
}

.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;
}

.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;
}

.profile-square-v.square-v4 .profile-card .profile-designation {
  margin-bottom: 25px;
}

.profile-square-v.square-v4 .profile-card:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.profile-square-v.square-v4 .profile-card:hover .profile-body {
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px);
}

.profile-square-v.square-v4 .profile-card:hover .profile-body::before {
  opacity: 1;
}

.profile-square-v.square-v4 .profile-card:hover .profile-body .ekit-team-social-list {
  opacity: 1;
  visibility: visible;
}

.profile-square-v.square-v5 .profile-card {
  padding-bottom: 50px;
}

.profile-square-v.square-v5 .profile-card .profile-header,
.profile-square-v.square-v5 .profile-card .profile-body {
  margin-bottom: 0px;
}

.profile-square-v.square-v5 .profile-card .profile-body {
  padding: 32px 60px;
}

.profile-square-v.square-v5 .profile-card .profile-designation {
  margin-bottom: 30px;
}

.profile-square-v.square-v6 .profile-card {
  padding-bottom: 35px;
}

.profile-square-v.square-v6 .profile-card::before {
  background: #FFFFFF;
}

.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;
}

.profile-square-v.square-v6 .profile-card .profile-header,
.profile-square-v.square-v6 .profile-card .profile-body {
  margin-bottom: 0;
}

.profile-square-v.square-v6 .profile-card .profile-body {
  padding: 40px;
}

.profile-square-v.square-v6 .profile-card .profile-designation {
  margin-bottom: 30px;
}

.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);
}

.profile-square-v.square-v6 .profile-card:hover::after {
  opacity: 1;
}

.profile-square-v.square-v6 .profile-card:hover .profile-body .profile-title {
  color: #2575fc;
}

.profile-square-v.square-v6 .profile-card:hover .profile-body .profile-designation,
.profile-square-v.square-v6 .profile-card:hover .profile-body .profile-content {
  color: inherit;
}

.profile-square-v.square-v6.square-v6-v2 .profile-card::after {
  display: none;
}

.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%;
}

.profile-square-v.square-v6.square-v6-v2 .profile-card:hover::before {
  opacity: 1;
}

.profile-square-v.square-v6.square-v6-v2 .profile-card:hover .profile-body .profile-title {
  color: #FFFFFF;
}

.profile-square-v.square-v6.square-v6-v2 .profile-card:hover .profile-body .profile-designation,
.profile-square-v.square-v6.square-v6-v2 .profile-card:hover .profile-body .profile-content {
  color: #FFFFFF;
}

/* team slider */
.team-slider {
  padding: 0 95px;
  overflow: hidden;
}

.team-slider .owl-stage-outer {
  padding: 100px 15px;
  overflow: visible;
}

.team-slider .owl-item {
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
  visibility: hidden;
}

.team-slider .owl-item.active {
  opacity: 1;
  visibility: visible;
}

.team-slider.owl-carousel .owl-nav .owl-prev {
  left: 22px;
}

.profile-info-text {
  padding-right: 30px;
}

.profile-info-text .info-title {
  font-size: 48px;
  margin-bottom: 23px;
}

.profile-info-text p {
  margin-bottom: 37px;
}

.small-gutters .profile-card {
  padding: 10px 10px 40px;
}

.no_gutters .profile-card {
  padding: 0px;
}

/* fullwidth profile card */
.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;
}

.fullwidth-profile-card:not(:last-child) {
  margin-bottom: 50px;
}

.fullwidth-profile-card .profile-designation {
  margin-bottom: 30px;
}

.fullwidth-profile-card .profile-img {
  display: inline-block;
}

.fullwidth-profile-card .profile-entry-content {
  padding-left: 60px;
  padding-right: 50px;
}

.fullwidth-profile-card .popup-arrow {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
}

.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;
}

/* style circle */
.style-circle .profile-image-card {
  width: 255px;
  height: 255px;
  border-radius: 50%;
}

.style-circle .profile-image-card.text-center {
  margin-left: auto;
  margin-right: auto;
}

/* card style shadow */
.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;
}

.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;
}

.image-card-v4 .profile-image-card::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.image-card-v4 .profile-image-card:hover::before {
  opacity: .7;
}

.text-center .profile-header {
  margin-left: auto;
  margin-right: auto;
}

/* profile image card group */
.profile-image-card-group > li {
  float: left;
}

.profile-image-card-group.five-col > li {
  width: calc(100% / 5);
}

.profile-image-card-group.four-col > li {
  width: calc(100% / 4);
}

.vintage-style-2 .vintage-profile-card {
  margin-bottom: 30px;
  max-height: 220px;
  overflow: hidden;
}

.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;
}

.vintage-style-2 .vintage-profile-card .profile-header + .profile-group {
  padding-top: 47px;
  margin-top: 0px;
}

.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;
}

.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;
}

.vintage-profile-card {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.vintage-profile-card:hover {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}

.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;
}

.vintage-profile-card .profile-header + .profile-group {
  padding-top: 125px;
  margin-top: -80px;
}

.vintage-profile-card .profile-body .profile-title,
.vintage-profile-card .profile-body .profile-designation {
  color: #FFFFFF;
}

.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;
}

.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%);
}

.vintage-profile-card.gradient-1 .profile-group::before {
  color: #14cdeb;
}

.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%);
}

.vintage-profile-card.gradient-2 .profile-group::before {
  color: #f97439;
}

.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%);
}

.vintage-profile-card.gradient-4 .profile-group::before {
  color: #9664ff;
}

.popup-modal {
  display: inline-block;
}

.elementskit-portfolio-thumb img {
  width: 100%;
}

.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;
}

.modal-content .modal-header .close.right {
  margin-left: auto;
}

.modal-content .modal-header .close.left {
  margin-right: auto;
  margin-left: 0;
}

.modal-content .modal-header .close.center {
  margin: 0 auto;
  padding: 0;
}

/*=================================================
          blog post
===============================================*/
.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;
}

.elementskit-blog-block-post .elementskit-entry-thumb {
  border-radius: 10px;
}

.elementskit-blog-block-post .entry-title {
  font-size: 36px;
  font-weight: 900;
  margin-bottom: 0px;
}

.elementskit-blog-block-post .entry-title a {
  color: #000000;
}

.elementskit-blog-block-post .entry-title a:hover {
  opacity: .8;
}

.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%;
}

.elementskit-blog-block-post .elementskit-entry-thumb > img {
  width: 100%;
}

.elementskit-blog-block-post .elementskit-entry-header {
  margin-top: 0px;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 30px;
}

.elementskit-blog-block-post .elementskit-entry-header .post-meta-list {
  margin-bottom: 15px;
}

.elementskit-blog-block-post .elementskit-entry-header .post-meta-list .meta-date,
.elementskit-blog-block-post .elementskit-entry-header .post-meta-list .meta-cat {
  margin-right: 40px;
}

.elementskit-blog-block-post .elementskit-post-footer > p {
  color: #8d8d8d;
  margin-bottom: 35px;
}

.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;
}

/* blog post card */
.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;
}

.elementskit-post-card .elementskit-post-body {
  color: #a6aabb;
}

.elementskit-post-card .elementskit-entry-header .entry-title a {
  color: #FFFFFF;
}

.elementskit-post-card .post-author .author-name {
  color: inherit;
}

.elementskit-post-card .elementskit-border-hr {
  background-color: #8692af;
}

.elementskit-post-card .elementskit-entry-header .post-meta-list {
  margin-bottom: 17px;
}

.elementskit-post-card .elementskit-entry-header .entry-title {
  font-size: 18px;
  line-height: 1.333;
}

.elementskit-post-card .elementskit-entry-header .entry-title a {
  color: #000000;
}

.elementskit-post-card .elementskit-entry-header .entry-title a:hover {
  opacity: .9;
}

.elementskit-post-card .elementskit-entry-header .elementskit-border-hr {
  margin-top: 25px;
  margin-bottom: 22px;
}

.elementskit-post-card .elementskit-post-body {
  color: #8d8d8d;
}

.elementskit-post-card .elementskit-post-body p {
  margin-bottom: 35px;
}

.elementskit-post-card:hover {
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);
}

/* blog post image card */
.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);
}

.elementskit-post-image-card:hover {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}

.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;
}

.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);
}

.elementskit-post-image-card .elementskit-post-body {
  padding: 20px 40px 40px;
}

.elementskit-post-image-card .elementskit-post-body > p {
  color: #FFFFFF;
}

.elementskit-post-image-card .elementskit-entry-thumb {
  border-radius: 10px;
}

.elementskit-post-image-card .elementskit-entry-header {
  padding: 20px;
  position: relative;
}

.elementskit-post-image-card .elementskit-entry-header .elementskit-entry-thumb {
  position: relative;
  overflow: hidden;
  display: block;
}

.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);
}

.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;
}

.elementskit-post-image-card .elementskit-post-footer {
  margin-top: 16px;
}

.elementskit-post-image-card .elementskit-post-footer .btn-wraper {
  margin-top: 25px;
}

.elementskit-post-image-card .entry-title a {
  color: #FFFFFF;
}

.elementskit-post-image-card .post-meta-list {
  margin-bottom: 20px;
  color: rgba(255, 255, 255, 0.5);
}

.elementskit-post-image-card .post-meta-list > span a {
  color: inherit;
}

.elementskit-post-image-card .entry-title {
  font-size: 18px;
  margin-bottom: 28px;
}

.elementskit-post-image-card .post-author .author-name {
  color: inherit;
}

/* blog post modern style */
.elementskit-post-image-card.modern {
  margin-top: 40px;
}

.elementskit-post-image-card.modern:hover .elementskit-entry-thumb > img {
  opacity: 1;
}

.elementskit-post-image-card.modern .elementskit-entry-header .elementskit-entry-thumb {
  margin-top: -60px;
}

/* blog post image card 2 */
.image-card-2 .elementskit-post-body .post-meta-list {
  margin-bottom: 15px;
}

.image-card-2 .elementskit-post-body .entry-title {
  margin-bottom: 0px;
}

/* blog post image card 3 */
.image-card-3 .elementskit-entry-header {
  padding: 0px;
}

.image-card-3 .elementskit-post-body {
  padding-top: 40px;
}

/* blog post style border */
.style-border:hover {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

.style-border .elementskit-post-body {
  border: 1px solid #f5f5f5;
  border-top: 0px;
}

/* blog post simple post */
.simple-post {
  background-color: transparent;
}

.simple-post:hover {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

.simple-post .elementskit-entry-header {
  padding: 0px;
}

.simple-post .elementskit-post-body {
  padding: 35px 10px;
}

.simple-post .elementskit-post-body .entry-title {
  margin-bottom: 17px;
}

.blog-block-post[class*="gradient-"] {
  background: #123075;
}

.blog-block-post[class*="gradient-"] .entry-title a {
  color: #FFFFFF;
}

.blog-block-post[class*="gradient-"] .post-meta-list {
  color: rgba(255, 255, 255, 0.5);
}

.blog-block-post[class*="gradient-"] .post-meta-list > span a {
  color: inherit;
}

.blog-block-post[class*="gradient-"] .elementskit-post-footer > p {
  color: rgba(255, 255, 255, 0.5);
}

.blog-block-post[class*="gradient-"] .post-author .author-name {
  color: inherit;
}

.blog-block-post[class*="gradient-"] .first-letter:first-letter {
  border-bottom-color: #102966;
}

.blog-block-post[class*="gradient-"] .elementskit-border-hr {
  background-color: #8692af;
}

.gradient-bg-2 {
  background: #fa2b56;
}

.post-meta-list {
  color: #a3a3a3;
}

.post-meta-list > span {
  display: inline-block;
}

.post-meta-list > span a {
  color: inherit;
}

.post-meta-list > span i {
  padding-right: 5px;
}

.post-meta-list > span:not(:last-child) {
  margin-right: 40px;
}

.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;
}

.meta-author .author-name {
  color: inherit;
}

.meta-author .author-name:hover {
  opacity: .8;
}

.first-letter {
  display: inline-block;
}

.first-letter:first-letter {
  border-bottom: 3px solid #e5e5e5;
}

.elementskit-border-hr {
  height: 3px;
  width: 30px;
  display: block;
  background-color: #e5e5e5;
}

.text-center .elementskit-border-hr {
  margin-left: auto;
  margin-right: auto;
}

.text-right .elementskit-border-hr {
  margin-left: auto;
}

.elementskit-meta-lists {
  position: absolute;
  top: 83%;
  left: 30px;
}

.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;
}

.elementskit-meta-lists > .elementskit-single-meta:not(:last-child) {
  margin-right: 15px;
}

.elementskit-meta-lists > .elementskit-single-meta strong {
  display: block;
  font-size: 22px;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 2px;
}

.elementskit-meta-lists > .elementskit-single-meta .elementskit-meta-wraper {
  display: block;
  margin: 10px 0;
  line-height: 1;
  width: 100%;
}

.elementskit-meta-lists.elementskit-style-tag {
  top: auto;
  left: 10px;
  bottom: 30px;
}

.elementskit-meta-lists.elementskit-style-tag > .elementskit-single-meta {
  width: auto;
  height: auto;
  border-radius: 0px;
  padding-left: 22px;
  padding-right: 12px;
  position: relative;
}

.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;
}

.elementskit-meta-lists.elementskit-style-tag > .elementskit-single-meta.triangle_right::before {
  border-right: solid transparent;
  border-left: solid currentColor;
}

.elementskit-meta-lists.elementskit-style-tag > .elementskit-single-meta.triangle_left::before {
  border-right: solid currentColor;
  border-left: solid transparent;
}

.elementskit-meta-lists.elementskit-style-tag > .elementskit-single-meta .elementskit-meta-wraper {
  margin: 7px 0;
}

.elementskit-meta-lists.style-grdient > .elementskit-single-meta {
  background: #03cffc;
}

.elementskit-meta-lists.style-box {
  bottom: inherit;
  top: 0;
  left: 20px;
}

.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;
}

.elementskit-meta-lists.style-box > .elementskit-single-meta .elementskit-meta-wraper {
  margin-bottom: 0;
}

.elementskit-meta-lists.style-gradient-2 > .elementskit-single-meta {
  background: #123075;
}

.elementskit-entry-thumb {
  position: relative;
  overflow: hidden;
  display: block;
}

.elementskit-entry-thumb > img {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.elementskit-entry-header {
  position: relative;
}

.elementskit-post-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.elementskit-post-body.ekit-highlight-border {
  position: relative;
}

.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;
}

.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;
}

.post-meta-list > span > i {
  display: inline-block;
}

.meta-author .author-img > img {
  margin: 0px;
}

.elementskit-post-body > p:empty {
  display: none;
}

/*=================================================
          image accordion
===============================================*/
.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;
}

.elementskit-image-accordion-wraper.no-gutters {
  margin-left: 0px;
  margin-right: 0px;
}

.elementskit-image-accordion-wraper.no-gutters > .elementskit-single-image-accordion {
  margin-left: 0px;
  margin-right: 0px;
}

.elementskit-image-accordion-wraper .elementskit-single-image-accordion {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  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;
}

.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;
}

.elementskit-image-accordion-wraper .elementskit-single-image-accordion .elementskit-accordion-content {
  width: 100%;
}

.elementskit-image-accordion-wraper .elementskit-single-image-accordion .elementskit-accordion-title {
  color: #FFFFFF;
  margin-bottom: 0;
}

.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;
}

.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;
}

.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;
}

.elementskit-image-accordion-wraper .elementskit-single-image-accordion .elementskit-icon-wraper .icon-outline {
  color: #FFFFFF;
}

.elementskit-image-accordion-wraper .elementskit-single-image-accordion.active {
  -webkit-box-flex: 2;
  -ms-flex: 2 0 auto;
  flex: 2 0 auto;
}

.elementskit-image-accordion-wraper .elementskit-single-image-accordion.active::before {
  top: 0%;
  opacity: 1;
}

.elementskit-image-accordion-wraper .elementskit-single-image-accordion.active .elementskit-accordion-title-wraper,
.elementskit-image-accordion-wraper .elementskit-single-image-accordion.active .elementskit-icon-wraper,
.elementskit-image-accordion-wraper .elementskit-single-image-accordion.active .elementskit-btn-wraper {
  top: 0px;
  opacity: 1;
  visibility: visible;
}

.elementskit-accordion-title {
  color: #000000;
  font-size: 22px;
  margin-bottom: 0px;
}

.elementskit-accordion-title.icon-title {
  font-size: 28px;
  display: inline-block;
}

.elementskit-accordion-title.icon-title > i {
  position: relative;
  top: 3px;
}

.elementskit-accordion-title.icon-title .icon-right {
  padding-left: 15px;
}

.elementskit-accordion-title.icon-title .icon-left {
  padding-right: 15px;
}

/*=================================================
          client
===============================================*/
.elementskit-clients-slider .slick-slide {
  margin-right: 15px;
  margin-left: 15px;
}

.elementskit-clients-slider .slick-slide > div:not(:last-child) {
  margin-bottom: 30px;
}

.elementskit-clients-slider .elementskit-client-slider-item.log-separator {
  position: relative;
}

.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%);
}

.elementskit-clients-slider .slick-arrow.slick-next {
  left: 100%;
}

.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;
}

.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;
}

.elementskit-clients-slider .single-client img {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.elementskit-clients-slider .single-client .content-image > .hover-image {
  display: none;
}

.elementskit-clients-slider .single-client.image-switcher .content-image > .hover-image {
  display: block;
}

.elementskit-clients-slider .single-client:hover {
  z-index: 6;
}

.elementskit-clients-slider .single-client:hover::before {
  opacity: 1;
  top: 0;
}

.elementskit-clients-slider .client-slider-item {
  position: relative;
}

.elementskit-clients-slider.simple_logo_image .single-client::before {
  display: none;
}

.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;
}

.elementskit-clients-slider.banner_logo_image .single-client:hover:before {
  opacity: 1;
  top: 0;
}

.elementskit-clients-slider.banner_logo_image.hover_from_top .single-client::before {
  top: -100%;
}

.elementskit-clients-slider.banner_logo_image.hover_from_top .single-client:hover::before {
  top: 0;
}

.elementskit-clients-slider.banner_logo_image.hover_from_left .single-client::before {
  top: 0px;
  left: -100%;
}

.elementskit-clients-slider.banner_logo_image.hover_from_left .single-client:hover::before {
  left: 0;
}

.elementskit-clients-slider.banner_logo_image.hover_from_right .single-client::before {
  top: 0;
  left: 100%;
}

.elementskit-clients-slider.banner_logo_image.hover_from_right .single-client:hover::before {
  left: 0;
}

/*=================================================
          portfolio
===============================================*/
[class*="gallery-grid"]:not(.gallery-grid-item) {
  margin-left: 0px;
  margin-right: 0px;
}

.elementskit-single-portfolio-item {
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.elementskit-single-portfolio-item .elementskit-hover-content.ekit_vertical_alignment_top {
  top: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.elementskit-single-portfolio-item .elementskit-hover-content.ekit_vertical_alignment_bottom {
  top: initial;
  bottom: -5%;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.elementskit-single-portfolio-item .elementskit-gallery-title,
.elementskit-single-portfolio-item .elementskit-gallery-icon,
.elementskit-single-portfolio-item .elementskit-gallery-description,
.elementskit-single-portfolio-item .elementskit-gallery-label {
  color: #FFFFFF;
}

.elementskit-single-portfolio-item .elementskit-gallery-label {
  display: inline-block;
}

.elementskit-single-portfolio-item .elementskit-gallery-title {
  font-size: 18px;
  margin-bottom: 15px;
}

.elementskit-single-portfolio-item .elementskit-gallery-icon {
  font-size: 18px;
  display: inline-block;
}

.elementskit-single-portfolio-item .elementskit-gallery-description,
.elementskit-single-portfolio-item .elementskit-gallery-label {
  font-size: 15px;
}

.elementskit-single-portfolio-item:hover .elementskit-hover-area {
  opacity: 1;
}

.elementskit-single-portfolio-item:hover .elementskit-hover-content {
  top: 50%;
}

.elementskit-single-portfolio-item:hover .elementskit-hover-content.ekit_vertical_alignment_top {
  top: 5%;
}

.elementskit-single-portfolio-item:hover .elementskit-hover-content.ekit_vertical_alignment_bottom {
  top: initial;
  bottom: 0;
}

.elementskit-single-portfolio-item:hover .ekit-gallery-image-overlay {
  background-color: rgba(0, 0, 0, 0.5);
}

.ekit_gallery_grid_style {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-height: none;
}

.ekit-gallery-col-1 .ekit_gallery_grid_item {
  max-width: 100%;
  -webkit-box-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
}

.ekit-gallery-col-2 .ekit_gallery_grid_item {
  max-width: 50%;
  -webkit-box-flex: 50%;
  -ms-flex: 50%;
  flex: 50%;
}

.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-gallery-col-4 .ekit_gallery_grid_item {
  max-width: 25%;
  -webkit-box-flex: 25%;
  -ms-flex: 25%;
  flex: 25%;
}

.ekit-gallery-col-5 .ekit_gallery_grid_item {
  max-width: 20%;
  -webkit-box-flex: 20%;
  -ms-flex: 20%;
  flex: 20%;
}

.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-gallery-col-7 .ekit_gallery_grid_item {
  max-width: 14.28571%;
  -webkit-box-flex: 14.28571%;
  -ms-flex: 14.28571%;
  flex: 14.28571%;
}

.ekit-gallery-col-8 .ekit_gallery_grid_item {
  max-width: 12.5%;
  -webkit-box-flex: 12.5%;
  -ms-flex: 12.5%;
  flex: 12.5%;
}

.gallery_grid_style.ekit_gallery_grid_item .elementskit-single-portfolio-item {
  margin: 0px;
  height: 100%;
}

.gallery_grid_style.ekit_gallery_grid_item .elementskit-portfolio-thumb {
  height: 100%;
  padding-bottom: 85%;
}

.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-gallery-portfolio-tilt {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: perspective(300px);
  transform: perspective(300px);
}

.ekit-gallery-portfolio-tilt .elementskit-hover-area {
  -webkit-transform: translateZ(50px);
  transform: translateZ(50px);
}

.ekit-gallery-portfolio-tilt:hover {
  z-index: 1;
}

/*=================================================
          info box image
===============================================*/
.elementskit-info-image-box {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.elementskit-info-image-box:hover .elementskit-box-content .elementskit-info-box-title {
  color: #2575fc;
}

.elementskit-info-image-box:hover .elementskit-btn {
  background-color: #2575fc;
  border-color: #2575fc;
  color: #FFFFFF;
}

.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;
}

.elementskit-info-image-box .elementskit-box-header .box-thumb {
  display: block;
}

.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;
}

.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;
}

.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;
}

.elementskit-info-image-box .elementskit-box-body {
  padding: 55px 40px;
}

.elementskit-info-image-box .elementskit-box-content .elementskit-info-box-title {
  font-size: 18px;
  margin-bottom: 20px;
  color: #000000;
  display: block;
}

.elementskit-info-image-box .elementskit-box-content .elementskit-info-box-title > i {
  font-size: 22px;
  padding-right: 14px;
  position: relative;
  top: 2px;
}

.elementskit-info-image-box .elementskit-outline-icon {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 15px;
}

.elementskit-info-image-box .elementskit-box-footer {
  line-height: 1;
  margin-top: 20px;
}

.elementskit-info-image-box.style-modern {
  overflow: visible;
}

.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;
}

.elementskit-info-image-box.style-solid .elementskit-box-body {
  background-color: #f7f9fb;
}

.elementskit-info-image-box.hover-border-bottom .elementskit-box-body {
  position: relative;
}

.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%;
}

.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%;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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);
}

.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;
}

.elementskit-info-image-box.floating-style .elementskit-box-body::before, .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;
}

.elementskit-info-image-box.floating-style .elementskit-box-body::after {
  bottom: -20px;
  width: calc(100% - 40px);
  z-index: -2;
}

.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;
}

.elementskit-info-image-box.floating-style .elementskit-box-body .elementskit-info-box-title {
  font-size: 18px;
  font-weight: 700;
}

.elementskit-info-image-box.floating-style .elementskit-box-body .elementskit-info-box-title > i {
  font-size: 26px;
}

.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;
}

.elementskit-info-image-box.floating-style:hover .elementskit-box-body {
  height: 185px;
}

.elementskit-info-image-box.floating-style:hover .elementskit-box-body::before, .elementskit-info-image-box.floating-style:hover .elementskit-box-body::after {
  opacity: 1;
}

.elementskit-info-image-box.floating-style:hover .elementskit-box-body .elementskit-box-content .elementskit-box-style-content {
  opacity: 1;
}

.elementskit-info-image-box.floating-style:hover .elementskit-box-body .elementskit-box-footer {
  opacity: 1;
}

.elementskit-info-image-box.style-sideline .elementskit-box-body {
  padding-left: 0;
  padding-right: 0;
}

.elementskit-info-image-box.style-sideline .elementskit-box-body .elementskit-box-content,
.elementskit-info-image-box.style-sideline .elementskit-box-body .elementskit-box-footer {
  padding-left: 40px;
  padding-right: 40px;
}

.elementskit-info-image-box.style-sideline .elementskit-box-body .elementskit-box-content {
  border-left: 3px solid #2575fc;
}

.elementskit-info-image-box.style-sideline.text-right .elementskit-box-body .elementskit-box-content {
  border-right: 3px solid #2575fc;
  border-left: 0px;
}

.elementskit-info-image-box.shadow-line .elementskit-box-body {
  position: relative;
}

.elementskit-info-image-box.shadow-line .elementskit-box-body::before, .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);
}

.elementskit-info-image-box.shadow-line .elementskit-box-body::after {
  left: inherit;
  right: 0;
  height: calc(100% + 40px);
}

.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;
}

.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;
}

.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;
}

.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;
}

.elementskit-info-image-box.image-card .elementskit-box-body .elementskit-info-box-title,
.elementskit-info-image-box.image-card .elementskit-box-body p {
  color: #FFFFFF;
}

.elementskit-info-image-box.image-card:hover::before {
  opacity: .8;
}

.elementskit-info-image-box.image-card:hover::after {
  opacity: 1;
}

.elementskit-info-image-box.image-card:hover .elementskit-box-body {
  opacity: 1;
  top: 50%;
}

.elementskit-info-image-box.elementskit-thumb-card {
  position: relative;
  overflow: hidden;
}

.elementskit-info-image-box.elementskit-thumb-card .elementskit-box-content,
.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;
}

.elementskit-info-image-box.elementskit-thumb-card .elementskit-info-box-title {
  color: #FFFFFF;
  margin-bottom: 0px;
  display: block;
}

.elementskit-info-image-box.elementskit-thumb-card .elementskit-info-box-title > i {
  font-size: inherit;
  padding-right: 10px;
  top: 0px;
}

.elementskit-info-image-box.elementskit-thumb-card .border-separetor {
  background-color: #FFFFFF;
}

.elementskit-info-image-box.elementskit-thumb-card .elementskit-hover-content {
  opacity: 0;
  bottom: -40%;
  visibility: hidden;
}

.elementskit-info-image-box.elementskit-thumb-card .elementskit-hover-content p {
  margin-top: 10px;
  color: #FFFFFF;
}

.elementskit-info-image-box.elementskit-thumb-card:hover .elementskit-info-box-title {
  color: #FFFFFF;
}

.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;
}

.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;
}

.elementskit-info-image-box.elementskit-thumb-card.color-1 .elementskit-box-content,
.elementskit-info-image-box.elementskit-thumb-card.color-1 .elementskit-hover-content {
  background-color: rgba(0, 228, 154, 0.8);
}

.elementskit-info-image-box.elementskit-thumb-card.color-2 .elementskit-box-content,
.elementskit-info-image-box.elementskit-thumb-card.color-2 .elementskit-hover-content {
  background-color: rgba(106, 17, 203, 0.8);
}

.elementskit-info-image-box.image-card-2 {
  position: relative;
}

.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);
}

.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;
}

.elementskit-info-image-box.image-card-2 .elementskit-info-box-title {
  margin-bottom: 0;
}

.elementskit-info-image-box.image-card-2 .elementskit-info-box-title > i {
  font-size: inherit;
  padding-right: 10px;
  top: 0;
}

.elementskit-info-image-box.image-card-2 .elementskit-box-content > p {
  margin-top: 10px;
}

.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;
}

.elementskit-info-image-box.image-card-2:hover {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

.elementskit-info-image-box.image-card-2:hover .elementskit-box-body {
  -webkit-transform: translateY(-60px);
  -ms-transform: translateY(-60px);
  transform: translateY(-60px);
}

.elementskit-info-image-box.image-card-2:hover .elementskit-box-footer {
  opacity: 1;
  visibility: visible;
  margin-bottom: 0px;
}

.elementskit-info-image-box.parallax-card {
  overflow: initial;
}

.parallax-card {
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.parallax-card .front,
.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;
}

.parallax-card .front::before,
.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;
}

.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;
}

.parallax-card .back .elementskit-box-body {
  padding: 60px;
}

.parallax-card .front {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.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;
}

.parallax-card .elementskit-box-body .elementskit-info-box-title {
  color: #FFFFFF;
  font-size: 22px;
}

.parallax-card .elementskit-box-body .elementskit-outline-icon {
  color: #FFFFFF;
}

.parallax-card .elementskit-box-body p {
  color: #FFFFFF;
}

.parallax-card .elementskit-box-body .elementskit-box-footer {
  margin-top: 30px;
}

.parallax-card .elementskit-box-body .simple-btn {
  color: #FFFFFF;
}

.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;
}

.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;
}

.parallax-card:hover {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

.parallax-card:hover .simple-btn {
  color: #FFFFFF;
}

.parallax-card:hover .elementskit-box-content .elementskit-info-box-title {
  color: #FFFFFF;
}

.parallax-card:hover .front,
.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);
}

.parallax-card:hover .back {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.parallax-card:hover .front {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.elementskit-image-card-style2 .elementskit-info-image-box.elementskit-image-card {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.elementskit-image-card-style2 .elementskit-info-image-box.elementskit-image-card .elementskit-border-separetor {
  background-color: #FFFFFF;
}

.elementskit-image-card-style2 .elementskit-info-image-box.elementskit-image-card .elementskit-info-box-title {
  margin-bottom: 0;
}

.elementskit-image-card-style2 .elementskit-info-image-box.elementskit-image-card .elementskit-info-box-title > i {
  font-size: inherit;
  top: 0;
  padding-right: 10px;
}

.elementskit-image-card-style2 .elementskit-info-image-box.elementskit-image-card .elementskit-box-content p {
  margin-top: 10px;
}

.elementskit-image-card-style2 .elementskit-info-image-box.elementskit-image-card .elementskit-box-body {
  padding: 50px;
}

.elementskit-image-card-style2 .elementskit-info-image-box.elementskit-image-card::before {
  display: none;
}

.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%;
}

.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%;
}

.elementskit-info-image-box.elementskit-thumb-card {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.image-box-img-center img {
  margin: 0 auto;
}

.image-box-img-left img {
  margin-right: auto;
}

.image-box-img-right img {
  margin-left: auto;
}

/*=================================================
          progress bar elements
===============================================*/
.skill-medium .skill-bar {
  height: 10px;
}

.skill-medium.skill-radius .skill-bar,
.skill-medium.skill-radius .skill-track {
  border-radius: 5px;
}

.skill-big .skill-bar {
  height: 35px;
}

.skill-big.skill-radius .skill-bar,
.skill-big.skill-radius .skill-track {
  border-radius: 17.5px;
}

.multicolor-track .single-skill-bar.color-1 .skill-bar {
  background-color: rgba(255, 57, 132, 0.07);
}

.multicolor-track .single-skill-bar.color-2 .skill-bar {
  background-color: rgba(204, 36, 252, 0.07);
}

.multicolor-track .single-skill-bar.color-3 .skill-bar {
  background-color: rgba(0, 228, 154, 0.07);
}

.multicolor-track .single-skill-bar.color-4 .skill-bar {
  background-color: rgba(66, 133, 244, 0.07);
}

.multicolor-track .single-skill-bar.color-5 .skill-bar {
  background-color: rgba(126, 213, 0, 0.07);
}

.multicolor-track .single-skill-bar.color-6 .skill-bar {
  background-color: rgba(249, 105, 51, 0.07);
}

.multicolor-track .single-skill-bar.color-7 .skill-bar {
  background-color: rgba(83, 248, 162, 0.07);
}

.multicolor-track .single-skill-bar.color-8 .skill-bar {
  background-color: rgba(254, 143, 117, 0.07);
}

.multicolor-track .single-skill-bar.color-9 .skill-bar {
  background-color: rgba(53, 237, 126, 0.07);
}

.multicolor-track .single-skill-bar.color-10 .skill-bar {
  background-color: rgba(148, 96, 255, 0.07);
}

.single-skill-bar:not(:last-child) {
  margin-bottom: 25px;
}

.single-skill-bar.color-1 .skill-bar .skill-track {
  background-color: #ff3984;
}

.single-skill-bar.color-2 .skill-bar .skill-track {
  background-color: #cc24fc;
}

.single-skill-bar.color-3 .skill-bar .skill-track {
  background-color: #00e49a;
}

.single-skill-bar.color-4 .skill-bar .skill-track {
  background-color: #4285f4;
}

.single-skill-bar.color-5 .skill-bar .skill-track {
  background-color: #7ed500;
}

.single-skill-bar.color-6 .skill-bar .skill-track {
  background-color: #f96933;
}

.single-skill-bar.color-7 .skill-bar .skill-track {
  background-color: #53f8a2;
}

.single-skill-bar.color-8 .skill-bar .skill-track {
  background-color: #fe8f75;
}

.single-skill-bar.color-9 .skill-bar .skill-track {
  background-color: #35ed7e;
}

.single-skill-bar.color-10 .skill-bar .skill-track {
  background-color: #9460ff;
}

.skill-bar {
  height: 3px;
  background-color: #f5f5f5;
}

.skill-bar .skill-track {
  width: 0%;
  background-color: #333333;
  display: block;
  height: 100%;
  overflow: visible !important;
  position: relative;
}

.skill-bar .skill-track .number-percentage-wraper {
  position: absolute;
  right: 0;
  top: -33px;
  z-index: 1;
}

.skill-bar .skill-track .icon,
.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;
}

.skill-bar .skill-track .icon + .number-percentage-wraper,
.skill-bar .skill-track .fa + .number-percentage-wraper {
  padding-right: 57px;
}

.skill-bar-content {
  margin-bottom: 7px;
}

.skill-bar-content .skill-title {
  font-weight: 700;
  color: #000000;
}

.number-percentage-wraper {
  color: #000000;
}

.number-percentage-wraper.style2 {
  font-size: 13px;
  font-weight: 700;
}

.inner-content .single-skill-bar {
  position: relative;
}

.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;
}

.inner-content .single-skill-bar .skill-title {
  color: #FFFFFF;
}

.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;
}

.inner-content .skill-track .icon,
.inner-content .skill-track .fa {
  color: #FFFFFF;
}

.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;
}

.skilltrack-style2 .single-skill-bar .skill-bar .skill-track {
  height: 10px;
  border-radius: 5px;
}

.skilltrack-style2 .single-skill-bar .skill-bar .skill-track .number-percentage-wraper {
  top: -39px;
}

.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);
}

.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);
}

.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);
}

.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);
}

.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);
}

.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);
}

.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);
}

.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);
}

.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);
}

.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);
}

.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%);
}

.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%);
}

.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%);
}

.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%);
}

.dark-bar .single-skill-bar .skill-bar {
  background-color: #333333;
}

.track-color2 .single-skill-bar .skill-bar {
  background-color: #e7e7e7;
}

.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;
}

.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%;
}

.tooltip-style .single-skill-bar.color-1 .svg-content > svg {
  fill: #ff3984;
}

.tooltip-style .single-skill-bar.color-2 .svg-content > svg {
  fill: #cc24fc;
}

.tooltip-style .single-skill-bar.color-3 .svg-content > svg {
  fill: #00e49a;
}

.tooltip-style .single-skill-bar.color-4 .svg-content > svg {
  fill: #4285f4;
}

.tooltip-style .single-skill-bar.color-5 .svg-content > svg {
  fill: #7ed500;
}

.tooltip-style .single-skill-bar.color-6 .svg-content > svg {
  fill: #f96933;
}

.tooltip-style .single-skill-bar.color-7 .svg-content > svg {
  fill: #53f8a2;
}

.tooltip-style .single-skill-bar.color-8 .svg-content > svg {
  fill: #fe8f75;
}

.tooltip-style .single-skill-bar.color-9 .svg-content > svg {
  fill: #35ed7e;
}

.tooltip-style .single-skill-bar.color-10 .svg-content > svg {
  fill: #9460ff;
}

.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;
}

.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;
}

.pin-style .single-skill-bar.color-1 .number-percentage-wraper {
  background-color: #ff3984;
}

.pin-style .single-skill-bar.color-1 .number-percentage-wraper::before {
  background-color: #ff3984;
}

.pin-style .single-skill-bar.color-2 .number-percentage-wraper {
  background-color: #cc24fc;
}

.pin-style .single-skill-bar.color-2 .number-percentage-wraper::before {
  background-color: #cc24fc;
}

.pin-style .single-skill-bar.color-3 .number-percentage-wraper {
  background-color: #00e49a;
}

.pin-style .single-skill-bar.color-3 .number-percentage-wraper::before {
  background-color: #00e49a;
}

.pin-style .single-skill-bar.color-4 .number-percentage-wraper {
  background-color: #4285f4;
}

.pin-style .single-skill-bar.color-4 .number-percentage-wraper::before {
  background-color: #4285f4;
}

.pin-style .single-skill-bar.color-5 .number-percentage-wraper {
  background-color: #7ed500;
}

.pin-style .single-skill-bar.color-5 .number-percentage-wraper::before {
  background-color: #7ed500;
}

.pin-style .single-skill-bar.color-6 .number-percentage-wraper {
  background-color: #f96933;
}

.pin-style .single-skill-bar.color-6 .number-percentage-wraper::before {
  background-color: #f96933;
}

.pin-style .single-skill-bar.color-7 .number-percentage-wraper {
  background-color: #53f8a2;
}

.pin-style .single-skill-bar.color-7 .number-percentage-wraper::before {
  background-color: #53f8a2;
}

.pin-style .single-skill-bar.color-8 .number-percentage-wraper {
  background-color: #fe8f75;
}

.pin-style .single-skill-bar.color-8 .number-percentage-wraper::before {
  background-color: #fe8f75;
}

.pin-style .single-skill-bar.color-9 .number-percentage-wraper {
  background-color: #35ed7e;
}

.pin-style .single-skill-bar.color-9 .number-percentage-wraper::before {
  background-color: #35ed7e;
}

.pin-style .single-skill-bar.color-10 .number-percentage-wraper {
  background-color: #9460ff;
}

.pin-style .single-skill-bar.color-10 .number-percentage-wraper::before {
  background-color: #9460ff;
}

.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;
}

.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;
}

.tooltip-style2 .single-skill-bar.color-1 .number-percentage-wraper {
  background-color: #ff3984;
}

.tooltip-style2 .single-skill-bar.color-2 .number-percentage-wraper {
  background-color: #cc24fc;
}

.tooltip-style2 .single-skill-bar.color-3 .number-percentage-wraper {
  background-color: #00e49a;
}

.tooltip-style2 .single-skill-bar.color-4 .number-percentage-wraper {
  background-color: #4285f4;
}

.tooltip-style2 .single-skill-bar.color-5 .number-percentage-wraper {
  background-color: #7ed500;
}

.tooltip-style2 .single-skill-bar.color-6 .number-percentage-wraper {
  background-color: #f96933;
}

.tooltip-style2 .single-skill-bar.color-7 .number-percentage-wraper {
  background-color: #53f8a2;
}

.tooltip-style2 .single-skill-bar.color-8 .number-percentage-wraper {
  background-color: #fe8f75;
}

.tooltip-style2 .single-skill-bar.color-9 .number-percentage-wraper {
  background-color: #35ed7e;
}

.tooltip-style2 .single-skill-bar.color-10 .number-percentage-wraper {
  background-color: #9460ff;
}

.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;
}

.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;
}

.tooltip-style3 .single-skill-bar.color-1 .number-percentage-wraper {
  background-color: #ff3984;
}

.tooltip-style3 .single-skill-bar.color-1 .number-percentage-wraper::before {
  color: #ff3984;
}

.tooltip-style3 .single-skill-bar.color-2 .number-percentage-wraper {
  background-color: #cc24fc;
}

.tooltip-style3 .single-skill-bar.color-2 .number-percentage-wraper::before {
  color: #cc24fc;
}

.tooltip-style3 .single-skill-bar.color-3 .number-percentage-wraper {
  background-color: #00e49a;
}

.tooltip-style3 .single-skill-bar.color-3 .number-percentage-wraper::before {
  color: #00e49a;
}

.tooltip-style3 .single-skill-bar.color-4 .number-percentage-wraper {
  background-color: #4285f4;
}

.tooltip-style3 .single-skill-bar.color-4 .number-percentage-wraper::before {
  color: #4285f4;
}

.tooltip-style3 .single-skill-bar.color-5 .number-percentage-wraper {
  background-color: #7ed500;
}

.tooltip-style3 .single-skill-bar.color-5 .number-percentage-wraper::before {
  color: #7ed500;
}

.tooltip-style3 .single-skill-bar.color-6 .number-percentage-wraper {
  background-color: #f96933;
}

.tooltip-style3 .single-skill-bar.color-6 .number-percentage-wraper::before {
  color: #f96933;
}

.tooltip-style3 .single-skill-bar.color-7 .number-percentage-wraper {
  background-color: #53f8a2;
}

.tooltip-style3 .single-skill-bar.color-7 .number-percentage-wraper::before {
  color: #53f8a2;
}

.tooltip-style3 .single-skill-bar.color-8 .number-percentage-wraper {
  background-color: #fe8f75;
}

.tooltip-style3 .single-skill-bar.color-8 .number-percentage-wraper::before {
  color: #fe8f75;
}

.tooltip-style3 .single-skill-bar.color-9 .number-percentage-wraper {
  background-color: #35ed7e;
}

.tooltip-style3 .single-skill-bar.color-9 .number-percentage-wraper::before {
  color: #35ed7e;
}

.tooltip-style3 .single-skill-bar.color-10 .number-percentage-wraper {
  background-color: #9460ff;
}

.tooltip-style3 .single-skill-bar.color-10 .number-percentage-wraper::before {
  color: #9460ff;
}

.style-switch .single-skill-bar .skill-bar-content {
  margin-bottom: 18px;
}

.style-switch .single-skill-bar .content-group {
  width: calc(100% - 50px);
  display: inline-block;
}

.style-switch .single-skill-bar .number-percentage-wraper {
  float: right;
  position: relative;
  top: 31px;
}

.style-switch .single-skill-bar .skill-track::before, .style-switch .single-skill-bar .skill-track::after {
  position: absolute;
  content: "";
  right: 0;
  border-radius: 50%;
  color: #333333;
}

.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);
}

.style-switch .single-skill-bar .skill-track::after {
  width: 8px;
  height: 8px;
  background-color: currentColor;
  top: -3px;
  right: 8px;
}

.style-switch .single-skill-bar.color-1 .skill-track::before, .style-switch .single-skill-bar.color-1 .skill-track::after {
  color: #ff3984;
}

.style-switch .single-skill-bar.color-2 .skill-track::before, .style-switch .single-skill-bar.color-2 .skill-track::after {
  color: #cc24fc;
}

.style-switch .single-skill-bar.color-3 .skill-track::before, .style-switch .single-skill-bar.color-3 .skill-track::after {
  color: #00e49a;
}

.style-switch .single-skill-bar.color-4 .skill-track::before, .style-switch .single-skill-bar.color-4 .skill-track::after {
  color: #4285f4;
}

.style-switch .single-skill-bar.color-5 .skill-track::before, .style-switch .single-skill-bar.color-5 .skill-track::after {
  color: #7ed500;
}

.style-switch .single-skill-bar.color-6 .skill-track::before, .style-switch .single-skill-bar.color-6 .skill-track::after {
  color: #f96933;
}

.style-switch .single-skill-bar.color-7 .skill-track::before, .style-switch .single-skill-bar.color-7 .skill-track::after {
  color: #53f8a2;
}

.style-switch .single-skill-bar.color-8 .skill-track::before, .style-switch .single-skill-bar.color-8 .skill-track::after {
  color: #fe8f75;
}

.style-switch .single-skill-bar.color-9 .skill-track::before, .style-switch .single-skill-bar.color-9 .skill-track::after {
  color: #35ed7e;
}

.style-switch .single-skill-bar.color-10 .skill-track::before, .style-switch .single-skill-bar.color-10 .skill-track::after {
  color: #9460ff;
}

.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);
}

.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);
}

.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);
}

.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);
}

.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);
}

.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);
}

.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);
}

.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);
}

.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);
}

.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);
}

.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);
}

.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);
}

.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);
}

.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);
}

.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);
}

.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);
}

.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);
}

.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);
}

.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);
}

.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);
}

.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);
}

.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;
}

.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;
}

.style-ribbon .single-skill-bar.color-1 .number-percentage-wraper {
  background-color: #cc2e6a;
}

.style-ribbon .single-skill-bar.color-1 .number-percentage-wraper::before {
  color: #801d42;
}

.style-ribbon .single-skill-bar.color-2 .number-percentage-wraper {
  background-color: #a31dca;
}

.style-ribbon .single-skill-bar.color-2 .number-percentage-wraper::before {
  color: #66127e;
}

.style-ribbon .single-skill-bar.color-3 .number-percentage-wraper {
  background-color: #00b67b;
}

.style-ribbon .single-skill-bar.color-3 .number-percentage-wraper::before {
  color: #00724d;
}

.style-ribbon .single-skill-bar.color-4 .number-percentage-wraper {
  background-color: #356ac3;
}

.style-ribbon .single-skill-bar.color-4 .number-percentage-wraper::before {
  color: #21437a;
}

.style-ribbon .single-skill-bar.color-5 .number-percentage-wraper {
  background-color: #65aa00;
}

.style-ribbon .single-skill-bar.color-5 .number-percentage-wraper::before {
  color: #3f6b00;
}

.style-ribbon .single-skill-bar.color-6 .number-percentage-wraper {
  background-color: #c75429;
}

.style-ribbon .single-skill-bar.color-6 .number-percentage-wraper::before {
  color: #7d351a;
}

.style-ribbon .single-skill-bar.color-7 .number-percentage-wraper {
  background-color: #42c682;
}

.style-ribbon .single-skill-bar.color-7 .number-percentage-wraper::before {
  color: #2a7c51;
}

.style-ribbon .single-skill-bar.color-8 .number-percentage-wraper {
  background-color: #cb725e;
}

.style-ribbon .single-skill-bar.color-8 .number-percentage-wraper::before {
  color: #7f483b;
}

.style-ribbon .single-skill-bar.color-9 .number-percentage-wraper {
  background-color: #2abe65;
}

.style-ribbon .single-skill-bar.color-9 .number-percentage-wraper::before {
  color: #1b773f;
}

.style-ribbon .single-skill-bar.color-10 .number-percentage-wraper {
  background-color: #764dcc;
}

.style-ribbon .single-skill-bar.color-10 .number-percentage-wraper::before {
  color: #4a3080;
}

.bar-color3 .single-skill-bar .skill-bar {
  background-color: rgba(255, 57, 132, 0.07);
}

/*=================================================
          funfacts
===============================================*/
.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;
}

.elementskit-funfact .funfact-content {
  line-height: 1;
}

.elementskit-funfact .funfact-content .number-percentage-wraper {
  font-size: 28px;
  font-weight: 700;
  color: #333333;
}

.elementskit-funfact .funfact-content .icon,
.elementskit-funfact .funfact-content .fa {
  font-size: 25px;
  padding-right: 5px;
}

.elementskit-funfact .elementskit-funfact-icon {
  display: inline-block;
}

.elementskit-funfact .funfact-title {
  color: gray;
  font-size: 15px;
  margin-bottom: 0px;
  font-weight: 400;
}

.elementskit-funfact .funfact-title.black-v {
  color: #000000;
}

.elementskit-funfact .super {
  font-size: 22px;
  color: #2575fc;
  vertical-align: super;
  position: relative;
  top: -5px;
}

.elementskit-funfact .color-1 .icon,
.elementskit-funfact .color-1 .fa,
.elementskit-funfact .color-1 .super {
  color: #9460ff;
}

.elementskit-funfact .color-2 .icon,
.elementskit-funfact .color-2 .fa,
.elementskit-funfact .color-2 .super {
  color: #fc5290;
}

.elementskit-funfact .color-3 .icon,
.elementskit-funfact .color-3 .fa,
.elementskit-funfact .color-3 .super {
  color: #09b2a0;
}

.elementskit-funfact .xs-overlay {
  z-index: -1;
  opacity: .7;
  pointer-events: none;
}

.elementskit-funfact.divider_funfact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.elementskit-funfact.divider_funfact .elementskit-funfact-inner {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.elementskit-funfact.divider_funfact.position_center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.elementskit-funfact.divider_funfact.position_bottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.funfact-group.small-gutters.row {
  margin-left: -6px;
  margin-right: -6px;
}

.funfact-group.small-gutters.row > [class^="col"] {
  padding-left: 3px;
  padding-right: 3px;
}

.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);
}

.funfact-style2 .elementskit-funfact {
  background-color: #FFFFFF;
  padding: 60px 10px;
}

.funfact-style2 .elementskit-funfact:hover {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}

.style-radius .elementskit-funfact {
  border-radius: 20px;
}

.style-border .elementskit-funfact {
  border: 2px solid #53f995;
}

.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;
}

.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%;
}

.style-border-bottom.elementskit-funfact.hover_from_left::before {
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

.style-border-bottom.elementskit-funfact.hover_from_left:hover::before {
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
}

.style-border-bottom.border-bottom-style2 .elementskit-funfact::before {
  background-color: #2575fc;
}

.funfact-modern.elementskit-funfact::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 2px;
  height: 30px;
  background-color: #e7e7e7;
}

.funfact-modern.position_bottom::before {
  top: auto;
  bottom: 0;
}

.funfact-modern.position_center::before {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.funfact-modern.border_right_side::before {
  right: auto;
  left: 0;
}

.funfact-style3 .elementskit-funfact .funfact-title {
  color: #2575fc;
}

.funfact-style3 .elementskit-funfact .funfact-title.black-v {
  color: #000000;
}

.funfact-style3 .elementskit-funfact .funfact-content .number-percentage-wraper {
  font-size: 48px;
}

.funfact-style3 .elementskit-funfact .funfact-content .icon,
.funfact-style3 .elementskit-funfact .funfact-content .fa {
  font-size: 38px;
}

.funfact-style3.funfact-white-v .elementskit-funfact .funfact-title {
  color: #FFFFFF;
}

.funfact-style3.funfact-white-v .elementskit-funfact .super {
  color: #FFFFFF;
}

.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;
}

.modern-style3 .elementskit-funfact {
  padding-left: 60px;
  padding-top: 75px;
  padding-bottom: 75px;
}

.style-large .elementskit-funfact {
  padding-left: 26px;
}

.style-large .elementskit-funfact .number-percentage-wraper {
  font-size: 48px;
}

.style-large .elementskit-funfact .super {
  color: #333333;
}

.style-large .elementskit-funfact .funfact-title {
  color: #333333;
}

.style-large.funfact-white-v .elementskit-funfact .super {
  color: #FFFFFF;
}

.style-large.funfact-white-v .elementskit-funfact .funfact-title {
  color: #FFFFFF;
}

.funfact-white-v .vertical-bar {
  background-color: #FFFFFF;
}

.vertical-bar {
  width: 3px;
  height: 20px;
  background-color: #2575fc;
  display: inline-block;
  float: left;
}

.vertical-bar.border_left_side {
  float: right;
}

.modern-style4 .elementskit-funfact {
  background-color: #FFFFFF;
  padding: 55px 57px;
}

.modern-style4 .elementskit-funfact .funfact-content {
  display: inline-block;
}

.style-transparent .elementskit-funfact {
  background-color: rgba(255, 255, 255, 0.15);
}

.border-bottom-style2 .elementskit-funfact .funfact-content .number-percentage-wraper {
  font-size: 48px;
}

.active-border-bottom .elementskit-funfact {
  border-bottom: 3px solid rgba(0, 0, 0, 0.2);
}

.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%);
}

.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%);
}

.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%);
}

.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%);
}

.elementskit-funfact.divider_funfact.text-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.elementskit-funfact.divider_funfact.text-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

/*=================================================
          pie chart
===============================================*/
.ekit-single-piechart .piechart {
  position: relative;
  display: inline-block;
}

.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;
}

.flip-card {
  position: relative;
  max-height: 280px;
  overflow: hidden;
  color: #FFFFFF;
}

.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%);
}

.flip-card .front,
.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;
}

.flip-card:hover .back {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  opacity: 1;
  visibility: visible;
}

.flip-card:hover .front {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 0;
  visibility: hidden;
}

.flip-card .ekit-piechart-title {
  color: #FFFFFF;
}

/*=================================================
          Frequently Asked Questions
===============================================*/
.elementskit-single-faq {
  position: relative;
  overflow: hidden;
}

.elementskit-single-faq .elementskit-faq-title {
  font-size: 15px;
  margin-bottom: 0px;
}

.elementskit-single-faq .elementskit-faq-header {
  background-color: #f5f5f5;
  padding-top: 21px;
  padding-bottom: 21px;
}

/*=================================================
          image comparison
===============================================*/
.elementskit-image-comparison {
  z-index: 3;
}

.elementskit-image-comparison > img {
  width: 100%;
}

.elementskit-image-comparison .twentytwenty-handle {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #FFFFFF;
}

.elementskit-image-comparison .twentytwenty-handle .twentytwenty-left-arrow {
  border-right-color: #000000;
}

.elementskit-image-comparison .twentytwenty-handle .twentytwenty-right-arrow {
  border-left-color: #000000;
}

/*=================================================
          pricing lsit
===============================================*/
.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;
}

.single-pricing-lists.background-v {
  background-repeat: no-repeat;
  background-position: center center;
}

.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);
}

.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;
}

.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;
}

.pricing-list-group > li p {
  margin-top: 20px;
}

.pricing-list-group > li .dot-border {
  width: 100%;
  display: inline-block;
  border-bottom: 1px dashed #e7e7e7;
}

.pricing-list-group > li .list-price {
  padding-left: 20px;
}

.pricing-list-group > li .list-title,
.pricing-list-group > li .list-price {
  white-space: nowrap;
}

.content-with-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.content-with-media .text-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.content-with-media > img {
  margin-right: 20px;
}

.content-with-media > i {
  margin-right: 20px;
}

/*=================================================
          countdown timer
===============================================*/
/* count down timer */
.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 */
}

.elementskit-countdown-timer .elementskit-timer-container {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.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;
}

.elementskit-countdown-timer .elementskit-timer-content {
  width: 100%;
}

.elementskit-countdown-timer .elementskit-timer-content > span {
  display: block;
  color: #FFFFFF;
  line-height: 1;
}

.elementskit-countdown-timer .elementskit-timer-count {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 13PX;
}

.elementskit-countdown-timer .elementskit-timer-title {
  font-size: 14px;
  letter-spacing: 2.50px;
}

.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;
}

.elementskit-countdown-timer.elementskit-style-border .elementskit-timer-content > span {
  color: #333333;
}

.elementskit-countdown-timer.elementskit-thin-border .elementskit-inner-container {
  border: 1px solid #e7e7e7;
}

.elementskit-countdown-timer.elementskit-colorful-border {
  /* thin border */
}

.elementskit-countdown-timer.elementskit-colorful-border .elementskit-timer-container:nth-child(1) .elementskit-inner-container {
  border-color: #1cf196;
}

.elementskit-countdown-timer.elementskit-colorful-border .elementskit-timer-container:nth-child(2) .elementskit-inner-container {
  border-color: #32d6fb;
}

.elementskit-countdown-timer.elementskit-colorful-border .elementskit-timer-container:nth-child(3) .elementskit-inner-container {
  border-color: #fad470;
}

.elementskit-countdown-timer.elementskit-colorful-border .elementskit-timer-container:nth-child(4) .elementskit-inner-container {
  border-color: #b18cfe;
}

.elementskit-countdown-timer.elementskit-colorful-border.elementskit-thin-border .elementskit-timer-container:nth-child(1) .elementskit-timer-count {
  color: #1cf196;
}

.elementskit-countdown-timer.elementskit-colorful-border.elementskit-thin-border .elementskit-timer-container:nth-child(2) .elementskit-timer-count {
  color: #32d6fb;
}

.elementskit-countdown-timer.elementskit-colorful-border.elementskit-thin-border .elementskit-timer-container:nth-child(3) .elementskit-timer-count {
  color: #fad470;
}

.elementskit-countdown-timer.elementskit-colorful-border.elementskit-thin-border .elementskit-timer-container:nth-child(4) .elementskit-timer-count {
  color: #b18cfe;
}

.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);
}

.elementskit-countdown-timer.elementskit-colorful-bg .elementskit-timer-container:nth-child(1) .elementskit-inner-container {
  background-color: #36a2eb;
}

.elementskit-countdown-timer.elementskit-colorful-bg .elementskit-timer-container:nth-child(2) .elementskit-inner-container {
  background-color: #ffce56;
}

.elementskit-countdown-timer.elementskit-colorful-bg .elementskit-timer-container:nth-child(3) .elementskit-inner-container {
  background-color: #4bc0c0;
}

.elementskit-countdown-timer.elementskit-colorful-bg .elementskit-timer-container:nth-child(4) .elementskit-inner-container {
  background-color: #ff6384;
}

.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%);
}

.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%);
}

.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%);
}

.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%);
}

.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%);
}

.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;
}

.elementskit-countdown-timer.elementskit-multi-bg-image .elementskit-inner-container .elementskit-timer-content {
  position: relative;
  z-index: 6;
}

.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);
}

.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);
}

.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);
}

.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);
}

.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;
}

.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);
}

.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);
}

.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);
}

.elementskit-countdown-timer.elementskit-multi-border-image .elementskit-timer-content > span {
  color: #333333;
}

/* countdown timer two */
.elementskit-countdown-timer-2 {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.elementskit-countdown-timer-2 .elementskit-timer-container {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0 15px;
}

.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;
}

.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 31px;
  margin-top: -20px;
  position: relative;
  z-index: 1;
}

.elementskit-countdown-timer-2.elementskit-style-solid .elementskit-timer-count {
  background-color: #FFFFFF;
  color: #ff5657;
  border: 3px solid currentColor;
}

.elementskit-countdown-timer-2.elementskit-style-solid .elementskit-timer-title {
  color: #FFFFFF;
  border: 0px;
  background-color: #ff5657;
}

.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);
}

.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;
}

.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;
}

.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;
}

.elementskit-countdown-timer-2.elementskit-green-v .elementskit-timer-count,
.elementskit-countdown-timer-2.elementskit-green-v .elementskit-timer-title {
  background-color: transparent;
  color: #1cf196;
  border: 3px solid currentColor;
}

.elementskit-countdown-timer-2.elementskit-green-v .elementskit-timer-title {
  background-color: #222222;
}

.elementskit-countdown-timer-2.elementskit-version-3 .elementskit-timer-count {
  line-height: 96px;
}

.elementskit-countdown-timer-2.elementskit-version-3 .elementskit-timer-title {
  border: 3px solid #FFFFFF;
  margin-left: 0;
  margin-right: 0;
  margin-top: -14px;
}

.elementskit-countdown-timer-2.elementskit-style-primary .elementskit-timer-title {
  color: #2575fc;
  border-color: currentColor;
}

.elementskit-countdown-timer-2.elementskit-boxed-style {
  border: 1px solid #e7e7e7;
  border-radius: 10px;
  padding: 49px 0;
}

.elementskit-countdown-timer-2.elementskit-boxed-style.elementskit-green-v {
  border-color: #1cf196;
}

.elementskit-countdown-timer-2.elementskit-boxed-style.elementskit-green-v .elementskit-timer-container:not(:last-child)::before {
  background-color: #1cf196;
}

.elementskit-countdown-timer-2.elementskit-boxed-style .elementskit-timer-container .elementskit-timer-count {
  margin-bottom: 12px;
}

.elementskit-countdown-timer-2.elementskit-boxed-style .elementskit-timer-container:not(:last-child) {
  position: relative;
}

.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;
}

.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;
}

.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);
}

.elementskit-countdown-timer-2.elementskit-boxed-style.elementskit-version-2 .elementskit-timer-title {
  color: rgba(0, 0, 0, 0.5);
}

.elementskit-countdown-timer-2.elementskit-boxed-style.elementskit-multicolor .elementskit-timer-count {
  color: #5558ed;
}

.elementskit-countdown-timer-2.elementskit-boxed-style.elementskit-multicolor .elementskit-timer-container:nth-child(2) .elementskit-timer-count {
  color: #ffcc03;
}

.elementskit-countdown-timer-2.elementskit-boxed-style.elementskit-multicolor .elementskit-timer-container:nth-child(3) .elementskit-timer-count {
  color: #ff5657;
}

.elementskit-countdown-timer-2.elementskit-boxed-style.elementskit-multicolor .elementskit-timer-container:nth-child(4) .elementskit-timer-count {
  color: #09b2a0;
}

.elementskit-countdown-timer-2.elementskit-boxed-style.elementskit-version-3 {
  border: 0px solid #000;
  border-radius: 0px;
  padding: 0px;
}

.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;
}

/* count down timer 3 */
.elementskit-countdown-timer-3 {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.elementskit-countdown-timer-3 .elementskit-timer-container {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  padding: 0 3px;
}

.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;
}

.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%);
}

.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;
}

.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;
}

.elementskit-countdown-timer-3.elementskit-version-box .elementskit-inner-container {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

.elementskit-countdown-timer-3.elementskit-version-box .elementskit-inner-container > span {
  color: #FFFFFF;
  background-color: transparent;
  height: auto;
  line-height: normal;
}

.elementskit-countdown-timer-3.elementskit-version-box .elementskit-timer-count {
  margin-bottom: 10px;
}

.elementskit-countdown-timer-3.elementskit-version-box .elementskit-timer-count::before {
  display: none;
}

.elementskit-countdown-timer-3.elementskit-version-box .elementskit-timer-container {
  padding: 0 5px;
}

.elementskit-countdown-timer-3.elementskit-version-box .elementskit-timer-container:nth-child(2) .elementskit-timer-content {
  height: 240px;
  background-color: #ffcc03;
}

.elementskit-countdown-timer-3.elementskit-version-box .elementskit-timer-container:nth-child(3) .elementskit-timer-content {
  background-color: #ff5657;
}

.elementskit-countdown-timer-3.elementskit-version-box .elementskit-timer-container:nth-child(4) .elementskit-timer-content {
  height: 150px;
  background-color: #09b2a0;
}

.elementskit-counter-area .xs-overlay {
  opacity: .8;
}

/* ribbon style countdown */
.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;
}

.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;
}

.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;
}

.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;
}

.elementskit-countdown-timer-4::before, .elementskit-countdown-timer-4::after {
  position: absolute;
  content: "";
  bottom: -20px;
  pointer-events: none;
}

.elementskit-countdown-timer-4::before {
  left: 0;
  border-top: 20px solid #993535;
  border-left: 30px solid transparent;
}

.elementskit-countdown-timer-4::after {
  right: 0;
  border-bottom: 20px solid transparent;
  border-left: 30px solid #993535;
}

.elementskit-countdown-timer-4 .elementskit-timer-container {
  width: 25%;
  display: inline-block;
  color: #FFFFFF;
  height: 100%;
  float: left;
}

.elementskit-countdown-timer-4 .elementskit-timer-count {
  font-size: 48px;
  font-weight: 700;
}

.elementskit-countdown-timer-4 .elementskit-timer-title {
  font-size: 18px;
  vertical-align: top;
}

/*=================================================
          pricing
===============================================*/
.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;
}

.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;
}

.icon-btn.style-2:hover {
  width: 120px;
  border-radius: 25px;
  text-align: right;
  padding: 0 20px;
}

.icon-btn.style-2:hover::before {
  opacity: 1;
  visibility: visible;
  left: 23px;
}

.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;
}

.elementskit-pricing-tag + .elementskit-pricing-price {
  color: #FFFFFF;
}

.elementskit-pricing-tag.style-2 {
  right: 0;
  width: 100%;
  border-radius: 48px;
}

.elementskit-pricing-tag.style-3 {
  right: 0;
  width: 100%;
  border-radius: 10px;
}

.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%;
}

.elementskit-pricing-tag.style-4::before {
  position: absolute;
  content: "";
  bottom: -15px;
  left: 0;
  border-top: 15px solid #8b4f63;
  border-left: 15px solid transparent;
}

.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;
}

.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;
}

.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;
}

.elementskit-single-pricing .elementskit-pricing-header {
  margin-bottom: 25px;
}

.elementskit-single-pricing .elementskit-pricing-header > i {
  font-size: 40px;
  margin-bottom: 12px;
}

.elementskit-single-pricing .elementskit-pricing-header > p {
  margin-top: 7px;
}

.elementskit-single-pricing .elementskit-pricing-header > hr {
  border-top: 2px solid #FFFFFF;
  width: 30px;
}

.elementskit-single-pricing .elementskit-pricing-header > img {
  margin-bottom: 45px;
}

.elementskit-single-pricing .elementskit-pricing-price-wraper {
  position: relative;
  margin-bottom: 15px;
}

.elementskit-single-pricing .elementskit-pricing-price {
  position: relative;
  z-index: 2;
  font-size: 48px;
  font-weight: 700;
  letter-spacing: -.4px;
}

.elementskit-single-pricing .elementskit-pricing-price > sup,
.elementskit-single-pricing .elementskit-pricing-price > sub {
  font-size: 18px;
}

.elementskit-single-pricing .elementskit-pricing-price > sup {
  top: 0;
  left: 5px;
}

.elementskit-single-pricing .elementskit-pricing-price > sub {
  bottom: 0;
}

.elementskit-single-pricing .elementskit-pricing-content > p {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.elementskit-single-pricing .elementskit-pricing-btn {
  border-radius: 25px;
  border-color: currentColor;
  font-size: 14px;
  font-weight: 700;
  padding: 11px 41px;
  display: inline-block;
  border: 1px solid #666666;
}

.elementskit-single-pricing .elementskit-pricing-btn.style-2 {
  border-color: #e7e7e7;
  color: #000000;
}

.elementskit-single-pricing .btn-outline-primary {
  color: #2575fc;
}

.elementskit-single-pricing .elementskit-pricing-lists > li {
  color: #565656;
  font-size: 15px;
}

.elementskit-single-pricing .elementskit-pricing-lists > li:before {
  content: '';
  display: block;
}

.elementskit-single-pricing .elementskit-pricing-lists > li:not(:last-child) {
  margin-bottom: 3px;
}

.elementskit-single-pricing .elementskit-pricing-lists > li > i {
  color: #55b559;
  padding-right: 10px;
  font-size: 10px;
}

.elementskit-single-pricing .title-divider {
  position: relative;
}

.elementskit-single-pricing .title-divider::before {
  position: absolute;
  content: "";
  top: 50%;
  left: -30px;
  width: calc(100% + 60px);
  height: 1px;
  background-color: #e7e7e7;
}

.elementskit-single-pricing .title-divider .elementskit-pricing-title {
  position: relative;
  z-index: 2;
  display: inline-block;
  padding: 0 45px;
  background-color: #FFFFFF;
}

.elementkit-pricing-icon {
  display: inline-block;
}

.elementor-widget-elementskit-pricing {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.elementor-widget-elementskit-pricing .elementor-widget-container {
  padding: 30px;
}

/*=================================================
          testimonial
===============================================*/
.testimonial-wraper {
  overflow: hidden;
  position: relative;
}

.elementskit-testimonial-preset {
  padding: 40px 0;
}

.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;
}

.elementskit-testimonial-preset .owl-item.active {
  opacity: 1;
  visibility: visible;
}

.elementskit-testimonial-preset .owl-item .elementskit-profile-image-card img {
  width: 100%;
}

.elementskit-testimonial-preset .owl-item .text-center img {
  margin-left: auto;
  margin-right: auto;
}

.elementskit-testimonial-preset .owl-dots {
  margin-top: 40px;
}

.elementskit-testimonial-preset .owl-stage-outer {
  overflow: visible;
}

.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;
}

.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;
}

.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;
}

.elementskit-single-testimonial-slider:hover::before {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
}

.elementskit-single-testimonial-slider:hover .elementskit-client_logo .elementskit-testimonial-client-active-logo {
  opacity: 1;
}

.elementskit-single-testimonial-slider:hover .elementskit-client_logo .elementskit-testimonial-client-active-logo + .elementskit-testimonial-client-logo {
  opacity: 0;
}

.elementskit-single-testimonial-slider .tilte {
  font-size: 22px;
  margin-bottom: 22px;
}

.elementskit-single-testimonial-slider .ekit-team-social-list > li > a {
  font-size: 16px;
}

.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%);
}

.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;
}

.elementskit-single-testimonial-slider.block-style .elementskit-commentor-content {
  padding-right: 0px;
}

.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;
}

.elementskit-single-testimonial-slider.block-style2 {
  border-radius: 10px;
  position: relative;
  padding: 40px 40px 80px;
  margin-bottom: 105px;
}

.elementskit-single-testimonial-slider.block-style2:not(.white-v) .elementskit-commentor-content > i {
  color: rgba(37, 117, 252, 0.2);
}

.elementskit-single-testimonial-slider.block-style2 .elementskit-commentor-bio {
  position: absolute;
  top: calc(100% - 35px);
  width: 100%;
  left: 0;
}

.elementskit-single-testimonial-slider.block-style3 {
  border-radius: 10px;
}

.elementskit-single-testimonial-slider.block-style3 .elementskit-commentor-content {
  margin-bottom: 30px;
}

.elementskit-single-testimonial-slider.block-style4 {
  overflow: hidden;
  border-radius: 10px;
  position: relative;
}

.elementskit-single-testimonial-slider.block-style4 .elementskit-watermark-icon {
  left: inherit;
  right: 20px;
  top: 20px;
}

.elementskit-single-testimonial-slider.block-style4 .elementskit-watermark-icon .quote {
  z-index: 1;
  position: relative;
  font-size: 28px;
}

.elementskit-single-testimonial-slider.block-style4 .elementskit-commentor-image {
  margin-bottom: 30px;
}

.elementskit-single-testimonial-slider.block-style4 .elementskit-commentor-bio {
  margin-bottom: 15px;
}

.elementskit-single-testimonial-slider.block-style4 .elementskit-stars {
  margin-bottom: 25px;
}

.elementskit-single-testimonial-slider.block-style4.white-v .elementskit-watermark-icon {
  line-height: 0;
}

.elementskit-single-testimonial-slider.block-style4.white-v .elementskit-profile-info .elementskit-author-name,
.elementskit-single-testimonial-slider.block-style4.white-v .elementskit-profile-info .elementskit-author-des {
  color: #FFFFFF;
}

.elementskit-single-testimonial-slider .commentor-header {
  margin-bottom: 15px;
}

.elementskit-single-testimonial-slider .quote {
  font-size: 48px;
}

.elementskit-single-testimonial-slider:not(.white-v) .quote {
  color: rgba(37, 117, 252, 0.2);
}

.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;
}

.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;
}

.elementskit-single-testimonial-slider .elementskit-watermark-icon.commentor-badge {
  line-height: 0;
}

.elementskit-single-testimonial-slider .elementskit-watermark-icon.commentor-badge .quote {
  color: #FFFFFF;
}

.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%;
}

.elementskit-single-testimonial-slider .main-logo {
  display: none;
}

.elementskit-single-testimonial-slider.style-2 {
  padding: 0px;
  padding-left: 60px;
  border-left: 3px solid #2575fc;
}

.elementskit-single-testimonial-slider.style-2 .elementskit-profile-image-card {
  margin-left: 20px;
}

.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;
}

.elementskit-single-testimonial-slider.version-2 .elementskit-commentor-content {
  padding-right: 0;
}

.elementskit-single-testimonial-slider.version-2 .elementskit-commentor-content > i {
  color: rgba(255, 255, 255, 0.5);
}

.elementskit-single-testimonial-slider.version-2 .elementskit-commentor-content > p {
  margin-bottom: 25px;
}

.elementskit-single-testimonial-slider.version-2 .elementskit-commentor-bio {
  position: absolute;
  top: calc(100% - 45px);
  left: 0;
  width: 100%;
}

.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%);
}

.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%);
}

.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%);
}

.elementskit-single-testimonial-slider.review-block {
  padding: 80px;
}

.elementskit-single-testimonial-slider.review-block .elementskit-commentor-content > P {
  margin-bottom: 20px;
}

.elementskit-single-testimonial-slider.review-block .elementskit-commentor-content .elementskit-author-name {
  font-size: 18px;
}

.elementskit-single-testimonial-slider.review-block .elementskit-stars {
  margin-bottom: 25px;
}

.elementskit-single-testimonial-slider.review-block .elementskit-watermark-icon {
  top: -40px;
  left: 0px;
  font-size: 132px;
  color: rgba(0, 0, 0, 0.07);
}

.elementskit-commentor-content {
  padding-right: 30px;
  position: relative;
}

.elementskit-commentor-content .elementskit-client_logo {
  margin-bottom: 32px;
  min-height: 50px;
  display: inline-block;
  position: relative;
}

.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;
}

.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;
}

.elementskit-commentor-content > i {
  font-size: 48px;
  margin-bottom: 23px;
  display: inline-block;
}

.elementskit-commentor-content > p {
  margin-bottom: 35px;
  color: rgba(0, 0, 0, 0.5);
}

.elementskit-commentor-content > .elementskit-border-hr {
  width: 40px;
  height: 2px;
  background-color: #2575fc;
  margin-top: 0px;
  margin-bottom: 20px;
  display: inline-block;
}

.elementskit-commentor-content .elementskit-profile-info {
  display: block;
}

.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;
}

.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;
}

.white-v .elementskit-commentor-content > hr {
  border-top-color: #FFFFFF;
}

.white-v .elementskit-commentor-content .elementskit-author-name,
.white-v .elementskit-commentor-content .elementskit-author-des,
.white-v .elementskit-commentor-content > p,
.white-v .elementskit-commentor-content > i {
  color: #FFFFFF;
}

.white-v .elementskit-stars > li > a {
  color: #FFFFFF;
}

.white-v.block-style3 .elementskit-author-name,
.white-v.block-style3 .elementskit-author-des {
  color: #FFFFFF;
}

.white-v .quote {
  color: #FFFFFF;
}

.border-active .owl-item.center .elementskit-single-testimonial-slider {
  border-bottom-color: #2575fc;
}

.border-active .owl-item.center .elementskit-single-testimonial-slider .elementskit-commentor-content > .elementskit-border-hr {
  border-top-color: #2575fc;
}

.border-active .elementskit-single-testimonial-slider.block-style {
  border-bottom: 3px solid transparent;
}

.gradient-active .elementskit-single-testimonial-slider .elementskit-stars > li > a {
  color: #FFFFFF;
}

.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%);
}

.gradient-active .owl-item.center .elementskit-single-testimonial-slider .elementskit-commentor-content > hr {
  border-top-color: #FFFFFF;
}

.gradient-active .owl-item.center .elementskit-single-testimonial-slider .elementskit-watermark-icon,
.gradient-active .owl-item.center .elementskit-single-testimonial-slider .elementskit-commentor-content > p,
.gradient-active .owl-item.center .elementskit-single-testimonial-slider .elementskit-profile-info .elementskit-author-name,
.gradient-active .owl-item.center .elementskit-single-testimonial-slider .elementskit-profile-info .elementskit-author-des {
  color: #FFFFFF;
}

.owl-carousel .owl-item .elementskit-single-testimonial-slider .center-logo {
  display: none;
}

.owl-carousel .owl-item.center .elementskit-single-testimonial-slider .center-logo {
  display: block;
}

.owl-carousel .owl-item.center .elementskit-single-testimonial-slider .main-logo {
  display: none;
}

.elementskit-testimonial_card {
  position: relative;
  padding: 200px 170px 80px;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.elementskit-testimonial_card .elementskit-stars {
  margin-bottom: 25px;
}

.elementskit-testimonial_card .elementskit-stars > li > a {
  color: #FFFFFF;
}

.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;
}

.elementskit-testimonial_card > p {
  font-size: 22px;
  color: #FFFFFF;
  margin-bottom: 35px;
}

.elementskit-testimonial_card .xs-overlay {
  z-index: -1;
}

.elementskit-testimonial_card .elementskit-video-popup-content {
  margin-bottom: 30px;
}

.elementskit-testimonial_card .elementskit-profile-info .elementskit-author-name,
.elementskit-testimonial_card .elementskit-profile-info .elementskit-author-des {
  color: #FFFFFF;
}

.elementskit-testimonial_card .elementskit-profile-info .elementskit-author-name {
  font-size: 22px;
}

.elementskit-testimonial_card .elementskit-profile-info .elementskit-author-des {
  font-size: 13px;
}

.elementskit-tootltip-testimonial .elementskit-commentor-content {
  background-color: #2575fc;
  border-radius: 10px;
  padding: 40px 60px;
  color: #FFFFFF;
  margin-bottom: 50px;
}

.elementskit-tootltip-testimonial .elementskit-commentor-content > p {
  margin-bottom: 0px;
}

.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;
}

.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;
}

.elementskit-tootltip-testimonial .elementskit-commentor-content .elementskit-stars > li > a {
  color: #FFFFFF;
}

.elementskit-tootltip-testimonial.style-2 .elementskit-commentor-content {
  padding: 60px 50px;
  margin-bottom: 90px;
}

.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;
}

.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;
}

.elementskit-tootltip-testimonial.style-3 .elementskit-commentor-content {
  margin-bottom: 0px;
  padding-top: 60px;
  padding-bottom: 80px;
}

.elementskit-tootltip-testimonial.style-3 .elementskit-commentor-content::before {
  display: none;
}

.elementskit-tootltip-testimonial.style-3 .elementskit-commentor-content .elementskit-commentor-text {
  position: relative;
}

.elementskit-tootltip-testimonial.style-3 .elementskit-commentor-content .elementskit-commentor-text .elementskit-commentor-bio {
  position: absolute;
  top: calc(100% + 35px);
  left: 0;
}

.elementskit-commentor-bio .elementskit-commentor-image {
  margin-bottom: 20px;
}

.elementskit-commentor-bio .elementskit-commentor-image > img {
  border-radius: 50%;
}

.elementskit-commentor-bio .elementskit-author-name {
  font-size: 22px;
  line-height: 1;
}

.elementskit-commentor-bio .elementskit-author-des {
  font-size: 13px;
}

.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;
}

.elementskit-commentor-bio.style-3 .elementskit-commentor-image > img {
  width: 120px;
  height: 120px;
}

.elementskit-commentor-bio.media .elementskit-commentor-image {
  margin-bottom: 0px;
  margin-right: 20px;
}

.elementskit-commentor-bio.media .elementskit-author-name {
  font-size: 18px;
}

.elementskit-commentor-bio.media .elementskit-author-des {
  font-size: 13px;
}

.owl-carousel .owl-item.active .elementskit-tootltip-testimonial {
  opacity: .1;
}

.owl-carousel .owl-item.active.center .elementskit-tootltip-testimonial {
  opacity: 1;
}

.gradient-shade .owl-item.active:not(.center) {
  position: relative;
}

.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%);
}

.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%);
}

.testimonial-block-slider2 {
  padding-bottom: 100px;
}

.testimonial-block-slider2.modern-nav .owl-nav {
  top: calc(50% - 30px);
}

.testimonial-block-slider3 {
  margin-bottom: 70px;
}

.testimonial-block-slider3 .owl-nav button > i {
  font-size: 36px;
  color: #2575fc;
}

.testimonial-card {
  position: relative;
  z-index: 1;
}

.testimonial-card .elementskit-commentor-bio {
  margin-bottom: 40px;
}

.testimonial-card .elementskit-commentor-image {
  margin-bottom: 0px;
}

.testimonial-card .elementskit-commentor-content {
  padding-right: 0px;
}

.testimonial-card .elementskit-commentor-content > .elementskit-border-hr {
  margin-bottom: 15px;
  border-top-color: #e7e7e7;
}

.testimonial-card .elementskit-commentor-content > i {
  font-size: 28px;
  margin-bottom: 27px;
}

.testimonial-card .elementskit-commentor-text {
  margin-bottom: 26px;
}

.testimonial-card .elementskit-commentor-text > p {
  font-size: 22px;
}

.testimonial-card .elementskit-stars {
  margin-bottom: 23px;
}

.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;
}

.fullwidth-slider-area .slider-description {
  width: 100%;
  max-width: 380px;
  margin-left: auto;
}

.fullwidth-slider-area .elementskit-testimonial-preset {
  overflow: hidden;
}

.slider-description .description-title {
  font-size: 48px;
  margin-bottom: 22px;
}

.slider-description > p {
  margin-bottom: 30px;
}

.slider-description.white-v .description-title,
.slider-description.white-v .customNavigation > .customnav,
.slider-description.white-v > p {
  color: #FFFFFF;
}

.testimonial-sync-thumb {
  max-width: 490px;
  width: 100%;
  padding: 20px 0;
}

.testimonial-sync-thumb.text-center {
  margin-left: auto;
  margin-right: auto;
}

.testimonial-sync-thumb .owl-item.active {
  opacity: .3;
}

.testimonial-sync-thumb .owl-item.current {
  opacity: 1;
}

.testimonial-sync-content.modern-nav .owl-nav {
  width: 1110px;
}

.testimonial-sync-content.modern-nav .owl-nav button > i {
  font-size: 30px;
}

.elementskit-profile-info .elementskit-author-name {
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: #000000;
}

.elementskit-profile-info .elementskit-author-des {
  color: rgba(0, 0, 0, 0.5);
  font-weight: 400;
}

.elementskit-profile-image-card {
  position: relative;
  overflow: hidden;
}

.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;
}

.elementskit-profile-image-card > img {
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.elementskit-profile-image-card:hover::before {
  background-color: rgba(17, 17, 17, 0.8);
  top: 0%;
}

.elementskit-testimonial-slider.elementskit-default-testimonial .elementskit-single-testimonial-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.elementskit-testimonial-slider.elementskit-default-testimonial .elementskit-single-testimonial-slider .elementskit-commentor-content,
.elementskit-testimonial-slider.elementskit-default-testimonial .elementskit-single-testimonial-slider .elementskit-profile-image-card {
  max-width: 50%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
}

.elementskit-testimonial-slider .slick-dots li {
  margin: 0px;
  width: auto;
  height: auto;
}

.elementskit-testimonial-slider .slick-dots li button {
  padding: 0px;
  margin: 0px;
}

.elementskit-testimonial-slider .slick-dots li button:before {
  display: none;
}

.elementskit-testimonial_card .xs-overlay {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.5);
}

.elementskit-commentor-bio {
  position: absolute;
  left: 0;
  width: 100%;
}

.elementskit-commentor-bio.client_center {
  text-align: center;
}

.elementskit-commentor-bio.client_center .elementskit-commentor-image > img {
  margin-left: auto;
  margin-right: auto;
}

.elementskit-commentor-bio.client_right {
  text-align: right;
}

.elementskit-commentor-bio.client_right .elementskit-commentor-image > img {
  margin-left: auto;
}

.elementskit-testimonial-slider .slick-prev,
.elementskit-testimonial-slider .slick-next {
  font-size: 36px;
  color: #2575fc;
  width: auto;
  height: auto;
  z-index: 1;
}

.elementskit-testimonial-slider .slick-prev::before,
.elementskit-testimonial-slider .slick-next::before {
  display: none;
}

.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;
}

.elementskit-testimonial-slider-block-style-two .elementskit-stars {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.elementskit-testimonial-slider-block-style-two .elementskit-commentor-bio {
  position: static;
}

.elementskit-testimonial-slider-block-style-two .elementskit-commentor-bio .elementskit-commentor-image {
  margin-bottom: 0px;
}

.elementskit-testimonial-slider-block-style-two .elementskit-commentor-bio,
.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;
}

.elementskit-testimonial-slider-block-style-two .elementkit-commentor-details {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.elementskit-testimonial-slider-block-style-two .elementskit-icon-content {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.elementskit-testimonial_card .xs-overlay {
  background-color: rgba(0, 0, 0, 0.5);
}

.elementskit-testimonial-slider-block-style-three {
  overflow: hidden;
  position: relative;
}

.elementskit-testimonial-slider-block-style-three .elementskit-commentor-bio {
  position: static;
}

.elementskit-testimonial-slider-block-style-three .elementskit-icon-content {
  position: absolute;
  right: 20px;
  top: 20px;
  line-height: 1;
  z-index: 1;
}

.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;
}

.elementkit-commentor-details.client_center {
  margin: auto;
}

.elementkit-commentor-details.client_left {
  margin-right: auto;
}

.elementkit-commentor-details.client_right {
  margin-left: auto;
}

.elementskit-clients-slider .slick-dots li button::before {
  display: none;
}

.ekit_testimonial_style_2 {
  padding: 30px;
  border-bottom: 3px solid transparent;
  text-align: center;
}

.ekit_testimonial_style_2:hover {
  border-bottom-color: #2575fc;
}

.ekit_testimonial_style_2 .elementskit-commentor-content {
  padding-right: 0px;
}

.ekit-testimonia-style-4 .elementskit-single-testimonial-slider {
  padding: 30px;
  padding-bottom: 50px;
  margin-bottom: 80px;
}

.ekit-testimonia-style-4 .elementskit-single-testimonial-slider .elementskit-commentor-content {
  padding-right: 0px;
}

.ekit_testimonial_style_5 .elementskit-single-testimonial-slider {
  padding: 30px;
}

.ekit_testimonial_style_5 .elementskit-single-testimonial-slider .elementskit-commentor-content {
  padding-right: 0px;
}

.ekit_testimonial_style_5 .elementskit-single-testimonial-slider .elementskit-commentor-content > p {
  margin-top: 30px;
  margin-bottom: 30px;
}

.ekit_testimonial_style_6 .elementskit-single-testimonial-slider {
  padding: 30px;
}

.ekit_testimonial_style_6 .elementskit-single-testimonial-slider .elementskit-commentor-content {
  padding-right: 0px;
}

.ekit_testimonial_style_6 .elementskit-single-testimonial-slider .elementskit-stars {
  margin-bottom: 20px;
}

/*=================================================
          vertical testimonial
===============================================*/
.vertical-testimonial {
  max-height: 250px;
}

.vertical-comment {
  -webkit-box-align: unset;
  -ms-flex-align: unset;
  align-items: unset;
}

.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;
}

.vertical-comment .commentor-img > img {
  margin-left: 45px;
  width: 190px;
  height: 190px;
  border-radius: 50%;
}

.vertical-comment .testimonial-card {
  padding-left: 45px;
}

.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);
}

.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;
}

.vertical-pagination .swiper-pagination-bullet-active {
  -webkit-transform: scale(1.9);
  -ms-transform: scale(1.9);
  transform: scale(1.9);
  background-color: #2575fc;
}

/*=================================================
          timeline
===============================================*/
.timeline-area {
  position: relative;
  padding-top: 35px;
  padding-left: 45px;
  padding-right: 45px;
  padding-bottom: 60px;
  z-index: 1;
}

.timeline-area.multi-gradient .timeline-item:hover {
  background: #82e182;
  color: #FFFFFF;
}

.timeline-area.multi-gradient .timeline-item:hover .title {
  color: inherit;
}

.timeline-area.multi-gradient .timeline-item:hover .subtitle {
  color: inherit;
}

.vertical-timeline .single-timeline:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.vertical-timeline .single-timeline:nth-child(even) .timeline-info {
  margin-left: 0;
  margin-right: 35px;
}

.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;
}

.vertical-timeline .single-timeline:nth-child(even) .timeline-content {
  text-align: left;
  padding-right: 0;
  padding-left: 30px;
}

.vertical-timeline .single-timeline:nth-child(even) .watermark-icon {
  left: inherit;
  right: 0;
}

.vertical-timeline .single-timeline:nth-child(even) .timeline-pin {
  right: inherit;
  left: -20px;
}

.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;
}

.timeline-item {
  width: calc(50% - 60px);
  position: relative;
  margin-right: 60px;
}

.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;
}

.timeline-item:hover ~ .timeline-img::before {
  opacity: 1;
  visibility: visible;
}

.timeline-info {
  width: calc(50% - 35px);
  margin-left: 35px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.timeline-info .date {
  font-size: 18px;
  margin-bottom: 5px;
}

.timeline-info .place {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.5);
}

.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;
}

.timeline-item .timeline-content {
  text-align: right;
}

.vertical-timeline .single-timeline:nth-child(odd) .timeline-item:hover .timeline-pin {
  border-color: #82e182 #82e182 transparent transparent;
}

.vertical-timeline .single-timeline:nth-child(odd) .timeline-item .timeline-pin {
  border-color: #FFFFFF #FFFFFF transparent transparent;
}

.vertical-timeline .single-timeline:nth-child(even) .timeline-item:hover .timeline-pin {
  border-color: transparent transparent #82e182 #82e182;
}

.vertical-timeline .single-timeline:nth-child(even) .timeline-item .timeline-pin {
  border-color: transparent transparent #FFFFFF #FFFFFF;
}

.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;
}

.timeline-content {
  padding-right: 30px;
  position: relative;
  z-index: 2;
}

.timeline-content .subtitle {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 8px;
  color: #82e182;
}

.timeline-content .title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 22px;
}

.timeline-content .lists > li {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
}

.timeline-content .lists > li:not(:last-child) {
  margin-bottom: 15px;
}

.timeline-content .lists > li i {
  padding-right: 8px;
}

.timeline-content .lists > li > a {
  color: #2575fc;
}

.timeline-content .lists > li > a > span {
  text-decoration: underline;
}

.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;
}

.single-timeline {
  position: relative;
}

.single-timeline:not(:last-child) {
  margin-bottom: 30px;
}

.single-timeline:hover .watermark-icon {
  opacity: .15;
}

.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;
}

.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;
}

.timeline-gradient-bg {
  background: #82e182;
}

.horizantal-timeline {
  padding-bottom: 0px;
}

.horizantal-timeline .single-timeline {
  float: left;
  padding-bottom: 48px;
  width: 25%;
}

.horizantal-timeline .single-timeline:not(:last-child) {
  margin-bottom: 0px;
}

.horizantal-timeline .single-timeline.hover .timeline-item {
  opacity: 1;
  visibility: visible;
  top: 20px;
}

.horizantal-timeline .single-timeline.hover .top-content {
  opacity: 0;
  visibility: hidden;
}

.horizantal-timeline .single-timeline.hover .bar .pin {
  background: #FFFFFF;
  border: 4px solid #000000;
}

.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;
}

.horizantal-timeline .timeline-icon {
  margin-bottom: 30px;
}

.horizantal-timeline .timeline-content {
  text-align: left;
  padding-right: 0px;
}

.horizantal-timeline .timeline-content .subtitle {
  color: #07b787;
}

.horizantal-timeline .content-group {
  color: #000000;
  cursor: pointer;
}

.horizantal-timeline .top-content {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.horizantal-timeline .top-content .title {
  font-size: 18px;
  color: inherit;
}

.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;
}

.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;
}

.horizantal-timeline .bottom-content .date {
  font-size: 13px;
  color: inherit;
}

.timeline-style2 .timeline-item .watermark-icon {
  opacity: .15;
  font-size: 70px;
}

.timeline-style2 .timeline-item .watermark-icon > i {
  color: #82e182;
}

.timeline-title-wraper {
  margin-bottom: 30px;
}

.timeline-title-wraper .timeline-title {
  font-size: 24px;
  margin-bottom: 3px;
}

.timeline-title-wraper > p {
  color: rgba(0, 0, 0, 0.5);
}

.timeline-purple-bg {
  background-color: #6a11cb;
}

.timeline-classic.reverse .single-timeline:nth-child(odd) .timeline-content {
  padding-left: 0px;
  padding-right: 0px;
}

.timeline-classic.reverse .single-timeline:nth-child(odd) .timeline-info {
  margin-right: 60px;
}

.timeline-classic.floating-style .single-timeline:nth-child(even) .timeline-content {
  padding-left: 0px;
  padding-right: 0px;
}

.timeline-classic.floating-style .single-timeline:nth-child(even) .timeline-info {
  margin-right: 60px;
}

.timeline-classic.style-2 .timeline-pin-icon {
  background-color: transparent;
}

.timeline-classic .timeline-info {
  margin-left: 60px;
  width: calc(50% - 60px);
  -ms-flex-item-align: baseline;
  align-self: baseline;
  margin-top: 15px;
}

.timeline-classic .timeline-info .date {
  color: #FFFFFF;
}

.timeline-classic .timeline-item {
  padding: 0px;
  border-radius: 0px;
  background-color: transparent;
}

.timeline-classic .timeline-content {
  padding-right: 0px;
}

.timeline-classic .timeline-content .subtitle {
  color: #FFFFFF;
}

.timeline-classic .timeline-content .title {
  color: #FFFFFF;
}

.timeline-classic .timeline-content > p {
  color: rgba(255, 255, 255, 0.5);
}

.timeline-classic .single-timeline:not(:last-child) {
  margin-bottom: 70px;
}

.timeline-classic .timeline-bar {
  opacity: .2;
}

.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;
}

.timeline-pin-icon:hover {
  background-color: #FFFFFF;
  color: #6a11cb;
}

.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;
}

.timeline-info-onside {
  width: 100%;
  margin-left: 0;
}

.vertical-timeline .single-timeline:nth-child(even) .timeline-info-onside {
  margin-right: 0;
}

.vertical-timeline .timeline-content {
  min-width: 303px;
}

.bothside .single-timeline:nth-child(2n) .timeline-info {
  text-align: right;
}

/*=================================================
          tab
===============================================*/
.elementkit-tab-wraper.vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.elementkit-tab-wraper.vertical > ul {
  display: block;
}

.elementkit-tab-wraper.vertical .elementkit-tab-nav .elementkit-nav-item {
  display: block;
  width: 100%;
  margin-right: 0px;
}

.elementkit-tab-wraper.elementskit-fitcontent-tab:not(.vertical) .elementkit-tab-nav {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.elementkit-tab-wraper.elementskit-fitcontent-tab .elementkit-tab-content {
  text-align: left;
}

.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;
}

.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;
}

.elementkit-tab-wraper .elementkit-nav-link.left-pos .elementskit-tab-icon {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.elementkit-tab-wraper .elementkit-nav-link.top-pos {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.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;
}

.elementkit-tab-nav {
  border-bottom: 0px solid #000;
}

.elementkit-tab-nav .elementkit-nav-item {
  margin-bottom: 0px;
  display: inline-block;
}

.elementkit-tab-nav .elementkit-nav-item:not(:last-child) {
  margin-right: 10px;
}

.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;
}

.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;
}

.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%;
}

.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: 2;
}

.elementkit-tab-nav.elementskit_tooltip_style .elementkit-nav-item .elementkit-nav-link.active::before {
  opacity: 1;
  visibility: visible;
}

.elementkit-tab-nav.elementskit_heartbit_style .elementkit-nav-item .elementkit-nav-link::before, .elementkit-tab-nav.elementskit_heartbit_style .elementkit-nav-item .elementkit-nav-link::after {
  position: absolute;
  content: "";
  left: 50%;
  opacity: 0;
  z-index: 1;
}

.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;
}

.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;
}

.elementkit-tab-nav.elementskit_heartbit_style .elementkit-nav-item .elementkit-nav-link.active::before, .elementkit-tab-nav.elementskit_heartbit_style .elementkit-nav-item .elementkit-nav-link.active::after {
  opacity: 1;
}

.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;
}

.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;
}

.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;
}

.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;
}

.elementkit-tab-nav.elementskit_ribbon_style .elementkit-nav-item .elementkit-nav-link .elementskit-tab-icon,
.elementkit-tab-nav.elementskit_ribbon_style .elementkit-nav-item .elementkit-nav-link .elementskit-tab-title {
  position: relative;
  z-index: 11;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.elementkit-tab-content .elementkit-tab-pane {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-top: 20px;
}

.tab-nav-fluid {
  width: 100%;
  display: block !important;
}

/*=================================================
          Header Info
===============================================*/
/*=================================================
          Header Nav Tools
===============================================*/
/* magnific pop up modal */
.mfp-bg.xs-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;
}

/* 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;
  }
}

/* Styles for dialog window */
.xs-promo-popup .modal-content {
  background-color: transparent;
  padding: 0px;
  border: 0px;
}

.xs-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);
}

.xs-promo-popup.mfp-ready .mfp-close {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

/* at start */
.xs-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 */
.xs-promo-popup.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.modal-searchPanel .xs-search-group {
  position: relative;
}

.modal-searchPanel .xs-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%;
}

.modal-searchPanel .xs-search-group input:not([type="submit"])::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #FFFFFF;
}

.modal-searchPanel .xs-search-group input:not([type="submit"])::-moz-placeholder {
  /* Firefox 19+ */
  color: #FFFFFF;
}

.modal-searchPanel .xs-search-group input:not([type="submit"]):-ms-input-placeholder {
  /* IE 10+ */
  color: #FFFFFF;
}

.modal-searchPanel .xs-search-group input:not([type="submit"]):-moz-placeholder {
  /* Firefox 18- */
  color: #FFFFFF;
}

.modal-searchPanel .xs-search-group .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;
}

.modal-searchPanel .xs-search-panel {
  max-width: 800px;
  margin: 1.75rem auto;
}

.navsearch-button {
  display: inline-block;
}

.xs-sidebar-group .xs-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;
}

.xs-sidebar-group .widget-heading {
  position: absolute;
  top: 0;
  right: 0;
  padding: 25px;
}

.xs-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;
}

.xs-sidebar-group.isActive .xs-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;
}

.xs-sidebar-group.isActive .xs-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;
}

.sidebar-textwidget {
  padding: 40px;
  padding-top: 120px;
}

.close-side-widget {
  color: #1768dd;
  font-size: 15px;
  display: block;
}

.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;
}

.xs-sidebar-group.isActive .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;
}

.navSidebar-button {
  display: inline-block;
}

.ekit-instagram-area {
  padding-left: 15px;
  padding-right: 15px;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.layout-masonary {
  -webkit-column-gap: 30px;
  column-gap: 30px;
}

.layout-masonary.ekit-insta-col-1 {
  -webkit-column-count: 12;
  column-count: 12;
}

.layout-masonary.ekit-insta-col-2 {
  -webkit-column-count: 6;
  column-count: 6;
}

.layout-masonary.ekit-insta-col-3 {
  -webkit-column-count: 4;
  column-count: 4;
}

.layout-masonary.ekit-insta-col-4 {
  -webkit-column-count: 3;
  column-count: 3;
}

.layout-masonary.ekit-insta-col-5 {
  -webkit-column-count: 2.4;
  column-count: 2.4;
}

.layout-masonary.ekit-insta-col-6 {
  -webkit-column-count: 2;
  column-count: 2;
}

.layout-masonary.ekit-insta-col-7 {
  -webkit-column-count: 1.71429;
  column-count: 1.71429;
}

.layout-masonary.ekit-insta-col-8 {
  -webkit-column-count: 1.5;
  column-count: 1.5;
}

.layout-masonary.ekit-insta-col-9 {
  -webkit-column-count: 1.33333;
  column-count: 1.33333;
}

.layout-masonary.ekit-insta-col-10 {
  -webkit-column-count: 1.2;
  column-count: 1.2;
}

.layout-masonary.ekit-insta-col-11 {
  -webkit-column-count: 1.09091;
  column-count: 1.09091;
}

.layout-masonary.ekit-insta-col-12 {
  -webkit-column-count: 1;
  column-count: 1;
}

.layout-masonary .ekit-ins-feed {
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}

.ekit-insta-content-holder {
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
}

.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-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-insta-user-details:hover .ekit-insta-user-name {
  text-decoration: underline;
  color: #e1306c;
}

.ekit-insta-user-details:hover .ekit-insta-dataandtime {
  text-decoration: underline;
  color: #833ab4;
}

.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-insta-user-details .ekit-insta-user-image > img {
  border: 1px solid #fafafa;
}

.ekit-insta-user-details .ekit-insta-user-image.circle {
  border-radius: 50%;
}

.ekit-insta-user-details .ekit-insta-user-image.circle > img {
  border-radius: inherit;
}

.ekit-insta-username-and-time {
  line-height: 1;
}

.ekit-insta-username-and-time .ekit-insta-user-name {
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}

.ekit-insta-username-and-time .ekit-insta-dataandtime {
  font-size: 10px;
  color: rgba(0, 0, 0, 0.6);
}

.ekit-instagram-feed-posts-item-content {
  padding: 16px;
}

.ekit-insta-captions-box {
  margin-top: 12px;
}

.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-insta-statics-count:not(:last-child) {
  margin-right: 15px;
}

.ekit-insta-statics-count.ekit-insta-statics-comment:hover {
  color: #f56040;
}

.ekit-insta-statics-count.ekit-insta-statics-comment:hover > svg path {
  fill: #f56040;
}

.ekit-insta-statics-count.ekit-insta-statics-favourite:hover {
  color: #833ab4;
}

.ekit-insta-statics-count.ekit-insta-statics-favourite:hover > svg path {
  fill: #833ab4;
}

.ekit-insta-statics-count > svg {
  width: 24px;
  height: 24px;
  vertical-align: middle;
}

.ekit-insta-statics-count > svg path {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit-insta-statics-count .ekit-insta-statics-value {
  margin-left: 6px;
  font-size: 14px;
}

.ekit-insta-captions {
  color: #000000;
  font-size: 14px;
}

.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-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-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-insta-content-holder.ekit-insta-style-tiles .ekit-insta-statics-count svg path {
  fill: #FFFFFF;
}

.ekit-insta-content-holder.ekit-insta-style-tiles .ekit-insta-captions {
  color: #FFFFFF;
}

.ekit-insta-content-holder.ekit-insta-style-tiles .insta-media > a {
  display: block;
  position: relative;
  overflow: hidden;
}

.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-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-insta-content-holder:hover .ekit-insta-hover-overlay {
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 1;
}

.ekit-insta-content-holder.ekit-insta-style-classic {
  border-radius: 3px;
  border: 1px solid #e6e6e6;
  background-color: #FFFFFF;
}

.ekit-insta-content-holder .insta-media .photo-thumb {
  width: 100%;
}

.ekit-instagram-feed-item-source-icon {
  vertical-align: middle;
  display: inline-block;
}

.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;
}

.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-insta-statics-favourite svg {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

/*=================================================
          elements
===============================================*/
/*=================================================
          breadcumb
===============================================*/
.breadcumb > li {
  display: inline-block;
  color: #9d9fa0;
}

.breadcumb > li > a {
  display: inline-block;
  color: inherit;
}

.breadcumb > li:not(:last-child):after {
  content: "-";
  padding: 0 5px;
  position: relative;
}

.breadcumb.version-2 > li {
  color: #000000;
}

.breadcumb.version-2 > li > a {
  color: #2575fc;
}

.breadcumb.version-2 > li:not(:last-child):after {
  content: "\e87a";
  font-family: "elementskit";
  padding: 0 14px;
  top: 2px;
}

/*=================================================
          video popup
===============================================*/
.video-popup-wraper {
  position: relative;
}

.video-popup-wraper > img {
  width: 100%;
}

.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;
}

.video-popup-wraper .video-content .ekit-video-popup {
  background-color: rgba(255, 255, 255, 0.2);
  font-size: 40px;
}

.video-popup-wraper .video-content .ekit-video-popup:hover {
  color: #2575fc;
}

.video-popup-wraper .video-content .fill-btn {
  background-color: #FFFFFF;
  color: #2575fc;
}

.video-popup-wraper .video-content .fill-btn:hover {
  color: #FFFFFF;
  background-color: #2575fc;
}

.video-popup-wraper .video-content .text-btn {
  background-color: transparent;
}

.video-popup-wraper .video-content .square-btn {
  border-radius: 0;
  background-color: #FFFFFF;
}

.video-popup-wraper.version-2 {
  border-radius: 10px;
}

.video-popup-wraper.version-2 > img {
  border-radius: inherit;
  z-index: 2;
  position: relative;
}

.video-popup-wraper.version-2 .xs-overlay {
  opacity: .3;
  border-radius: inherit;
  z-index: 3;
}

.video-popup-wraper.version-3 {
  border-radius: 10px;
}

.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);
}

.video-popup-wraper.version-3 .xs-overlay {
  opacity: .3;
  border-radius: inherit;
}

.video-popup-wraper.version-4 .video-content {
  top: inherit;
  bottom: -80px;
  left: inherit;
  right: 50px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.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;
}

.ekit-video-popup.ekit_icon_button {
  width: 70px;
  height: 70px;
  line-height: 74px;
}

.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-video-popup.text-btn {
  width: auto;
  height: auto;
  border-radius: 0px;
  background-color: transparent;
  text-decoration: underline;
}

.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-video-popup.square-btn:hover {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}

/* stack effect */
.stack-effect {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: inherit;
  pointer-events: none;
}

.stack-effect::after, .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;
}

.stack-effect::before {
  bottom: -30px;
  left: 40px;
  right: 40px;
  top: 30px;
}

.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;
}

.video-watermark-title {
  font-size: 102px;
  font-weight: 900;
  opacity: .07;
  margin-bottom: -22px;
}

.small-version .video-watermark-title {
  font-size: 64px;
  margin-bottom: -13px;
}

.small-version .video-popup-wraper .fill-btn {
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
}

.mini-version {
  padding: 0 48px;
}

.mini-version .video-watermark-title {
  font-size: 48px;
  margin-bottom: -13px;
}

.mini-version .video-popup-wraper .fill-btn {
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 12px;
}

.shadow-title {
  color: #ff2d55;
  font-size: 36px;
  font-weight: 900;
  text-shadow: 0px 5px 10px rgba(255, 45, 85, 0.3);
}

.shadow-title > i {
  font-size: 18px;
  position: relative;
  top: -4px;
}

.elementor-widget-video .elementor-widget-container {
  overflow: visible;
}

/*=================================================
          buttons
===============================================*/
.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-box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.15);
  -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;
}

.elementskit-btn:hover {
  background-color: #0350d2;
}

.elementskit-btn:hover::before {
  opacity: 1;
}

.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;
}

/*=================================================
          social list
===============================================*/
.ekit-team-social-list > li {
  display: inline-block;
}

.ekit-team-social-list > li:not(:last-child) {
  margin-right: 10px;
}

.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-team-social-list > li > a:hover {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 50%;
}

.ekit-team-social-list > li > a:hover > i::before {
  -webkit-animation: iconTranslateY 0.4s forwards;
  animation: iconTranslateY 0.4s forwards;
}

.ekit-team-social-list > li > a > i {
  overflow: hidden;
}

.ekit-team-social-list > li > a > i::before {
  display: inline-block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

@-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;
  }
}

/*=================================================
          outline icons
===============================================*/
.icon-outline {
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  color: #000000;
  text-align: center;
  border: 1px solid currentColor;
}

.icon-outline.circle {
  border-radius: 50%;
}

.icon-wraper .icon-outline:not(:last-child) {
  margin-right: 12px;
}

/*=================================================
          owl dots
===============================================*/
.elementskit-clients-slider .slick-prev,
.elementskit-clients-slider .slick-next {
  z-index: 1;
}

.elementskit-clients-slider .slick-prev::before,
.elementskit-clients-slider .slick-next::before {
  color: #000;
}

.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;
}

.elementskit-clients-slider .slick-arrow .slick-next {
  left: 100%;
}

.elementskit-clients-slider .slick-arrow::before {
  content: "" !important;
}

.elementskit-clients-slider.arrow_inside button.slick-prev {
  left: 15px;
}

.elementskit-clients-slider.arrow_inside button.slick-next {
  right: 15px;
  left: inherit;
}

.elementskit-clients-slider.arrow_outside .slick-prev {
  left: -60px;
}

.slick-dots {
  line-height: 1;
}

.slick-dots li button {
  background-color: #EDEDED;
  padding: 0px;
}

.slick-dots li button:before {
  opacity: 0;
}

.slick-dots li.slick-active button {
  background-color: #62606b;
}

.dot_dotted .slick-dots li,
.dot_dashed .slick-dots li {
  width: auto;
  height: auto;
}

.dot_dotted .slick-dots li button,
.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;
}

.dot_dotted .slick-dots li button::before,
.dot_dashed .slick-dots li button::before {
  content: "" !important;
}

.dot_dotted .slick-dots li.slick-active button,
.dot_dashed .slick-dots li.slick-active button {
  -webkit-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
  opacity: 1;
}

.dot_dashed .slick-dots > li.slick-active > button {
  width: 40px;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  border-radius: 4px;
}

.dot_paginated .slick-dots {
  counter-reset: myCounter;
}

.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%;
}

.dot_paginated .slick-dots > li:before {
  counter-increment: myCounter;
  content: counter(myCounter);
}

.dot_paginated .slick-dots > li.slick-active {
  background-color: #2575fc;
  color: #FFFFFF;
}

.dot_paginated .slick-dots > li > button {
  display: none;
}

/*=================================================
          owl nav
===============================================*/
.owl-carousel {
  position: relative;
}

.owl-carousel .simple-arrow {
  color: #000000;
  font-size: 28px;
}

.owl-carousel .owl-nav .owl-prev,
.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;
}

.owl-carousel .owl-nav .owl-prev {
  left: 0;
}

.owl-carousel .owl-nav .owl-next {
  right: 0;
}

.clients-slider-2 .owl-nav .owl-prev, .clients-slider-4 .owl-nav .owl-prev,
.clients-slider-2 .owl-nav .owl-next,
.clients-slider-4 .owl-nav .owl-next {
  top: calc(50% - 39px);
}

.clients-slider-2 .owl-nav .owl-prev, .clients-slider-4 .owl-nav .owl-prev {
  left: -70px;
}

.clients-slider-2 .owl-nav .owl-prev:hover, .clients-slider-4 .owl-nav .owl-prev:hover {
  left: -65px;
}


.clients-slider-2 .owl-nav .owl-next,
.clients-slider-4 .owl-nav .owl-next {
  right: -70px;
}

.clients-slider-2 .owl-nav .owl-next:hover, .clients-slider-4 .owl-nav .owl-next:hover {
  right: -65px;
}

.clients-slider-4 .owl-nav .owl-prev,
.clients-slider-4 .owl-nav .owl-next {
  top: calc(50% - 20px);
}

.clients-slider-4 .owl-nav .owl-prev {
  left: -85px;
}

.clients-slider-4 .owl-nav .owl-prev:hover {
  left: -80px;
}

/* box-arrow */
.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);
}

.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;
}

.round-arrow:hover {
  background-color: #0359eb;
}

.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%;
}

.modern-nav .owl-nav .owl-next,
.modern-nav .owl-nav .owl-prev {
  position: static;
}

.modern-nav .owl-nav .owl-next {
  float: right;
}

.modern-nav .owl-nav .owl-prev {
  display: inline-block;
}

.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;
}

.testimonial-card-slider.modern-nav .owl-nav {
  width: 1110px;
}

.testimonial-card-slider .owl-nav button > i {
  font-size: 30px;
}

.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);
}

.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;
}

.customNavigation > .customnav:not(:last-child) {
  margin-right: 18px;
}

.customNavigation > .customnav:hover {
  background-color: #2575fc;
  color: #FFFFFF;
}

.customNavigation.gradient-v > .customnav {
  background-color: rgba(255, 255, 255, 0.11);
}

.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%);
}

/*=================================================
          masonry filter
===============================================*/
.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;
}

.elementskit-main-filter > li {
  margin-right: 10px;
}

.elementskit-main-filter > li:last-child {
  margin-right: 0px;
}

.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;
}

.elementskit-main-filter > li > a.selected {
  background-color: #374a5e;
  color: #FFFFFF;
}

.elemetskit_filter_wraper_outer.elemetskit_filter_center {
  text-align: center;
}

.elemetskit_filter_wraper_outer.elemetskit_filter_center .filter-button-wraper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.elemetskit_filter_wraper_outer.elemetskit_filter_left {
  text-align: left;
}

.elemetskit_filter_wraper_outer.elemetskit_filter_left .filter-button-wraper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.elemetskit_filter_wraper_outer.elemetskit_filter_right {
  text-align: right;
}

.elemetskit_filter_wraper_outer.elemetskit_filter_right .filter-button-wraper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.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);
}

.elementskit_filter_style_two > li {
  z-index: 1;
  position: relative;
}

.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%);
}

.elementskit_filter_style_two > li > a.selected .elementskit_blur_shadow_panel {
  opacity: 1;
  top: 5px;
}

.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;
}

.elementskit_filter_style_three > li > a {
  border: 2px solid transparent;
}

.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;
}

.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;
}

.elementskit_filter_style_three.elementskit_nav_caret > li > a.selected::before {
  top: 100%;
  opacity: 1;
}

.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;
}

.elementskit_filter_style_four > li > a.selected {
  background-color: #FFFFFF;
  color: #ea5356;
}

.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;
}

.elementskit_filter_style_four.elementskit_divider_active > li:last-child > a::before {
  display: none;
}

.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;
}

.elementskit_filter_style_four.elementskit_nav_caret > li > a.selected::after {
  bottom: -7.5px;
  opacity: 1;
}

.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;
}

.elementskit_filter_style_five > li {
  margin-right: 0px;
}

.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;
}

.elementskit_filter_style_five.elementskit_divider_active > li:last-child > a::before {
  display: none;
}

.elementskit_filter_style_six > li > a {
  background-color: transparent;
}

.elementskit_filter_style_six > li > a > .elementskit_filter_nav_text {
  position: relative;
}

.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;
}

.elementskit_filter_style_six > li > a.selected {
  background-color: transparent;
  color: #ea5356;
}

.elementskit_filter_style_six > li > a.selected > .elementskit_filter_nav_text::before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

.elementskit_filter_style_seven > li > a {
  background-color: transparent;
}

.elementskit_filter_style_seven > li > a.selected {
  background-color: transparent;
  font-weight: 700;
  color: #374a5e;
}

.elementskit_filter_style_eight > li > a {
  background-color: transparent;
}

.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);
}

.elementskit_filter_style_nine > li > a {
  background-color: transparent;
}

.elementskit_filter_style_nine > li > a.selected {
  background-color: transparent;
  color: #ea5356;
  text-shadow: 0px 3px 7px rgba(234, 83, 86, 0.3);
}

.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;
}

.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;
}

/*=================================================
          Magnific Popup
===============================================*/
.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;
}

@-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;
  }
}

.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;
}

/*=================================================
          round icons
===============================================*/
.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;
}

.round-icon.white-v {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.15);
}

.round-icon.border-v {
  border: 1px solid #e7e7e7;
  background-color: transparent;
}

.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);
}

/*=================================================
          team popup
===============================================*/
.xs-team-popup.mfp-bg {
  background-color: #555555;
}

.xs-team-popup.mfp-bg.mfp-ready {
  opacity: 1;
}

.xs-team-popup .mfp-container {
  width: 1170px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.xs-team-popup button.mfp-arrow {
  line-height: 90px;
}

.xs-team-popup button.mfp-close {
  color: #FFFFFF;
  margin: 0px;
}

.xs-team-popup .mfp-arrow:after {
  font-family: "elementskit";
  margin-top: 0;
  border: 0;
  color: #FFFFFF;
  font-size: 28px;
}

.xs-team-popup .mfp-arrow::before {
  display: none;
}

.xs-team-popup .mfp-arrow-right::after {
  content: "\e991";
}

.xs-team-popup .mfp-arrow-left:after {
  content: '\e992';
}

.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);
}

.modal-img > img {
  width: 100%;
}

.xs-modal-content {
  padding-left: 20px;
  padding-right: 25px;
}

.xs-modal-content .xs-modal-header {
  margin-bottom: 35px;
}

.xs-modal-content .xs-modal-header .person-title {
  font-size: 22px;
  margin-bottom: 8px;
}

.xs-modal-content .xs-modal-header .perosn-designation {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.5);
}

.xs-modal-content .xs-modal-body {
  margin-bottom: 22px;
}

.xs-modal-content .xs-modal-body p:not(:last-child) {
  margin-bottom: 28px;
}

.xs-modal-content .border-lists {
  margin-bottom: 25px;
}

.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);
}

.border-lists > li {
  padding: 19px 0;
  border-top: solid;
  border-bottom: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.05);
}

.border-lists > li:last-child {
  border-top: 0px solid #000;
}

.border-lists > li strong {
  font-weight: 700;
  padding-right: 18px;
}

.border-lists > li a {
  color: #656565;
}

.border-lists > li a:hover {
  color: #2575fc;
}

.elementskit-team-popup .modal-dialog {
  max-width: calc(100% - 95px * 2);
  margin-left: auto;
  margin-right: auto;
}

.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;
}

.elementskit-team-popup .modal-body {
  padding: 60px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.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;
}

.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;
}

/*=================================================
          team sidebar
===============================================*/
.elementskit-team-sidebar {
  padding-right: 0px !important;
}

.elementskit-team-sidebar.elementskit_sidebar_left .elementskit-modal-dialog {
  margin-right: auto;
}

.elementskit-team-sidebar.elementskit_sidebar_left.fade .elementskit-modal-dialog {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.elementskit-team-sidebar.elementskit_sidebar_left.show .elementskit-modal-dialog {
  -webkit-transform: translate(0%, 0);
  -ms-transform: translate(0%, 0);
  transform: translate(0%, 0);
}

.elementskit-team-sidebar.elementskit_sidebar_right .elementskit-modal-dialog {
  margin-left: auto;
}

.elementskit-team-sidebar.elementskit_sidebar_right.fade .elementskit-modal-dialog {
  -webkit-transform: translate(50%, 0);
  -ms-transform: translate(50%, 0);
  transform: translate(50%, 0);
}

.elementskit-team-sidebar.elementskit_sidebar_right.show .elementskit-modal-dialog {
  -webkit-transform: translate(0%, 0);
  -ms-transform: translate(0%, 0);
  transform: translate(0%, 0);
}

.elementskit-team-sidebar.elementskit_sidebar_right .elementskit-modal-header {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.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;
}

.elementskit-team-sidebar .elementskitmodal-body {
  padding: 40px;
}

.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;
}

.elementskit-team-sidebar .elementskit-modal-header .close {
  float: none;
}

.admin-bar .elementskit-team-sidebar {
  top: 32px;
}

/*=================================================*/
.glow-btn {
  position: relative;
}

.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;
}

@-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;
  }
}

.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);
}

.xs-team-sidebar.mfp-bg {
  background-color: #444444;
}

.xs-team-sidebar.mfp-bg.mfp-ready {
  opacity: 1;
}

.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;
}

.xs-team-sidebar .mfp-content .mfp-close:hover {
  background-color: transparent;
  color: #656565;
}

.xs-team-sidebar .mfp-content .mfp-close::before {
  content: "\e870";
  font-size: 15px;
  font-family: "elementskit";
}

.xs-team-sidebar .mfp-container {
  padding: 0px;
}

.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%;
}

.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);
}

.xs-team-sidebar .mfp-arrow::after {
  display: none;
}

.xs-team-sidebar .mfp-arrow::before {
  font-family: "elementskit";
  margin: 0;
  border: 0;
}

.xs-team-sidebar .mfp-arrow-left {
  left: calc(100% - 67px);
}

.xs-team-sidebar .mfp-arrow-left::before {
  content: "\e875";
}

.xs-team-sidebar .mfp-arrow-right {
  right: 35px;
}

.xs-team-sidebar .mfp-arrow-right::before {
  content: "\e876";
}

.xs-team-sidebar.right-sidebar {
  right: 0;
  left: inherit;
}

.xs-team-sidebar.right-sidebar .mfp-arrow-left {
  right: inherit;
  left: 25px;
}

.xs-team-sidebar.right-sidebar .mfp-arrow-right {
  right: inherit;
  left: 47px;
}

.xs-team-sidebar.right-sidebar .mfp-content .mfp-close {
  left: inherit;
  right: 22px;
}

.xs-modal-sidebar {
  padding: 40px;
  margin-top: 60px;
}

.xs-modal-sidebar .modal-img {
  margin-bottom: 38px;
}

.xs-modal-sidebar .xs-modal-content {
  padding-left: 0;
  padding-right: 0;
}

.xs-modal-sidebar .modal-img {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ekit_animation {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.ekit_animation .ekit_motion_text {
  white-space: pre-wrap;
}

.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;
}

/*************************************************************
Striking
**************************************************************/
.ekit-RainDrop.ekit_no_spilit,
.ekit-RainDrop.ekit_word_spilit .ekit-word,
.ekit-RainDrop.ekit_char_based .ekit-letter {
  -webkit-animation-name: RainDrop;
  animation-name: RainDrop;
}

.ekit-WaterWave.ekit_no_spilit,
.ekit-WaterWave.ekit_word_spilit .ekit-word,
.ekit-WaterWave.ekit_char_based .ekit-letter {
  -webkit-animation: leWaterWave .2s linear;
  animation: leWaterWave .2s linear;
}

.ekit-lightning.ekit_no_spilit,
.ekit-lightning.ekit_word_spilit .ekit-word,
.ekit-lightning.ekit_char_based .ekit-letter {
  -webkit-animation-name: lightning;
  animation-name: lightning;
}

.ekit-JoltZoom.ekit_no_spilit,
.ekit-JoltZoom.ekit_word_spilit .ekit-word,
.ekit-JoltZoom.ekit_char_based .ekit-letter {
  -webkit-animation-name: JoltZoom;
  animation-name: JoltZoom;
}

.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-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-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-Magnify.ekit_no_spilit,
.ekit-Magnify.ekit_word_spilit .ekit-word,
.ekit-Magnify.ekit_char_based .ekit-letter {
  -webkit-animation-name: Magnify;
  animation-name: Magnify;
}

.ekit-Beat.ekit_no_spilit,
.ekit-Beat.ekit_word_spilit .ekit-word,
.ekit-Beat.ekit_char_based .ekit-letter {
  -webkit-animation-name: Beat;
  animation-name: Beat;
}

.ekit-FadeIn.ekit_no_spilit,
.ekit-FadeIn.ekit_word_spilit .ekit-word,
.ekit-FadeIn.ekit_char_based .ekit-letter {
  -webkit-animation-name: FadeIn;
  animation-name: FadeIn;
}

.ekit-FadeInLeft.ekit_no_spilit,
.ekit-FadeInLeft.ekit_word_spilit .ekit-word,
.ekit-FadeInLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: FadeInLeft;
  animation-name: FadeInLeft;
}

.ekit-FadeInRight.ekit_no_spilit,
.ekit-FadeInRight.ekit_word_spilit .ekit-word,
.ekit-FadeInRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: FadeInRight;
  animation-name: FadeInRight;
}

.ekit-FadeInTop.ekit_no_spilit,
.ekit-FadeInTop.ekit_word_spilit .ekit-word,
.ekit-FadeInTop.ekit_char_based .ekit-letter {
  -webkit-animation-name: FadeInTop;
  animation-name: FadeInTop;
}

.ekit-FadeInBottom.ekit_no_spilit,
.ekit-FadeInBottom.ekit_word_spilit .ekit-word,
.ekit-FadeInBottom.ekit_char_based .ekit-letter {
  -webkit-animation-name: FadeInBottom;
  animation-name: FadeInBottom;
}

.ekit-FadeOut.ekit_no_spilit,
.ekit-FadeOut.ekit_word_spilit .ekit-word,
.ekit-FadeOut.ekit_char_based .ekit-letter {
  -webkit-animation-name: FadeOut;
  animation-name: FadeOut;
}

.ekit-FadeOutLeft.ekit_no_spilit,
.ekit-FadeOutLeft.ekit_word_spilit .ekit-word,
.ekit-FadeOutLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: FadeOutLeft;
  animation-name: FadeOutLeft;
}

.ekit-FadeOutRight.ekit_no_spilit,
.ekit-FadeOutRight.ekit_word_spilit .ekit-word,
.ekit-FadeOutRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: FadeOutRight;
  animation-name: FadeOutRight;
}

.ekit-FadeOutTop.ekit_no_spilit,
.ekit-FadeOutTop.ekit_word_spilit .ekit-word,
.ekit-FadeOutTop.ekit_char_based .ekit-letter {
  -webkit-animation-name: FadeOutTop;
  animation-name: FadeOutTop;
}

.ekit-FadeOutBottom.ekit_no_spilit,
.ekit-FadeOutBottom.ekit_word_spilit .ekit-word,
.ekit-FadeOutBottom.ekit_char_based .ekit-letter {
  -webkit-animation-name: FadeOutBottom;
  animation-name: FadeOutBottom;
}

.ekit-MovingBackFromRight.ekit_no_spilit,
.ekit-MovingBackFromRight.ekit_word_spilit .ekit-word,
.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-MovingBackFromLeft.ekit_no_spilit,
.ekit-MovingBackFromLeft.ekit_word_spilit .ekit-word,
.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-KickOutBehind.ekit_no_spilit,
.ekit-KickOutBehind.ekit_word_spilit .ekit-word,
.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-KickOutFront.ekit_no_spilit,
.ekit-KickOutFront.ekit_word_spilit .ekit-word,
.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-ScaleXIn.ekit_no_spilit,
.ekit-ScaleXIn.ekit_word_spilit .ekit-word,
.ekit-ScaleXIn.ekit_char_based .ekit-letter {
  -webkit-animation-name: ScaleXIn;
  animation-name: ScaleXIn;
}

.ekit-ScaleXOut.ekit_no_spilit,
.ekit-ScaleXOut.ekit_word_spilit .ekit-word,
.ekit-ScaleXOut.ekit_char_based .ekit-letter {
  -webkit-animation-name: ScaleXOut;
  animation-name: ScaleXOut;
}

.ekit-ScaleYIn.ekit_no_spilit,
.ekit-ScaleYIn.ekit_word_spilit .ekit-word,
.ekit-ScaleYIn.ekit_char_based .ekit-letter {
  -webkit-animation-name: ScaleYIn;
  animation-name: ScaleYIn;
}

.ekit-ScaleYOut.ekit_no_spilit,
.ekit-ScaleYOut.ekit_word_spilit .ekit-word,
.ekit-ScaleYOut.ekit_char_based .ekit-letter {
  -webkit-animation-name: ScaleYOut;
  animation-name: ScaleYOut;
}

.ekit-Jump.ekit_no_spilit,
.ekit-Jump.ekit_word_spilit .ekit-word,
.ekit-Jump.ekit_char_based .ekit-letter {
  -webkit-animation-name: Jump;
  animation-name: Jump;
}

.ekit-AboundTop.ekit_no_spilit,
.ekit-AboundTop.ekit_word_spilit .ekit-word,
.ekit-AboundTop.ekit_char_based .ekit-letter {
  -webkit-animation-name: AboundTop;
  animation-name: AboundTop;
}

.ekit-AboundBottom.ekit_no_spilit,
.ekit-AboundBottom.ekit_word_spilit .ekit-word,
.ekit-AboundBottom.ekit_char_based .ekit-letter {
  -webkit-animation-name: AboundBottom;
  animation-name: AboundBottom;
}

.ekit-AboundLeft.ekit_no_spilit,
.ekit-AboundLeft.ekit_word_spilit .ekit-word,
.ekit-AboundLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: AboundLeft;
  animation-name: AboundLeft;
}

.ekit-AboundRight.ekit_no_spilit,
.ekit-AboundRight.ekit_word_spilit .ekit-word,
.ekit-AboundRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: AboundRight;
  animation-name: AboundRight;
}

.ekit-FlyInTop.ekit_no_spilit,
.ekit-FlyInTop.ekit_word_spilit .ekit-word,
.ekit-FlyInTop.ekit_char_based .ekit-letter {
  -webkit-animation-name: FlyInTop;
  animation-name: FlyInTop;
}

.ekit-FlyInLeft.ekit_no_spilit,
.ekit-FlyInLeft.ekit_word_spilit .ekit-word,
.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-FlyInRight.ekit_no_spilit,
.ekit-FlyInRight.ekit_word_spilit .ekit-word,
.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-FlyInBottom.ekit_no_spilit,
.ekit-FlyInBottom.ekit_word_spilit .ekit-word,
.ekit-FlyInBottom.ekit_char_based .ekit-letter {
  -webkit-animation-name: FlyInBottom;
  animation-name: FlyInBottom;
}

.ekit-FlyOutTop.ekit_no_spilit,
.ekit-FlyOutTop.ekit_word_spilit .ekit-word,
.ekit-FlyOutTop.ekit_char_based .ekit-letter {
  -webkit-animation-name: FlyOutTop;
  animation-name: FlyOutTop;
}

.ekit-FlyOutLeft.ekit_no_spilit,
.ekit-FlyOutLeft.ekit_word_spilit .ekit-word,
.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-FlyOutRight.ekit_no_spilit,
.ekit-FlyOutRight.ekit_word_spilit .ekit-word,
.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-FlyOutBottom.ekit_no_spilit,
.ekit-FlyOutBottom.ekit_word_spilit .ekit-word,
.ekit-FlyOutBottom.ekit_char_based .ekit-letter {
  -webkit-animation-name: FlyOutBottom;
  animation-name: FlyOutBottom;
}

.ekit-DoorCloseLeft.ekit_no_spilit,
.ekit-DoorCloseLeft.ekit_word_spilit .ekit-word,
.ekit-DoorCloseLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: DoorCloseLeft;
  animation-name: DoorCloseLeft;
}

.ekit-DoorOpenRight.ekit_no_spilit,
.ekit-DoorOpenRight.ekit_word_spilit .ekit-word,
.ekit-DoorOpenRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: DoorOpenRight;
  animation-name: DoorOpenRight;
}

.ekit-DoorCloseRight.ekit_no_spilit,
.ekit-DoorCloseRight.ekit_word_spilit .ekit-word,
.ekit-DoorCloseRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: DoorCloseRight;
  animation-name: DoorCloseRight;
}

.ekit-DoorOpenLeft.ekit_no_spilit,
.ekit-DoorOpenLeft.ekit_word_spilit .ekit-word,
.ekit-DoorOpenLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: DoorOpenLeft;
  animation-name: DoorOpenLeft;
}

.ekit-HangAndDropLeft.ekit_no_spilit,
.ekit-HangAndDropLeft.ekit_word_spilit .ekit-word,
.ekit-HangAndDropLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: HangAndDropLeft;
  animation-name: HangAndDropLeft;
}

.ekit-HangAndDropRight.ekit_no_spilit,
.ekit-HangAndDropRight.ekit_word_spilit .ekit-word,
.ekit-HangAndDropRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: HangAndDropRight;
  animation-name: HangAndDropRight;
}

.ekit-PushReleaseFrom.ekit_no_spilit,
.ekit-PushReleaseFrom.ekit_word_spilit .ekit-word,
.ekit-PushReleaseFrom.ekit_char_based .ekit-letter {
  -webkit-animation-name: PushReleaseFrom;
  animation-name: PushReleaseFrom;
}

.ekit-PushReleaseFromLeft.ekit_no_spilit,
.ekit-PushReleaseFromLeft.ekit_word_spilit .ekit-word,
.ekit-PushReleaseFromLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: PushReleaseFromLeft;
  animation-name: PushReleaseFromLeft;
}

.ekit-PushReleaseFromTop.ekit_no_spilit,
.ekit-PushReleaseFromTop.ekit_word_spilit .ekit-word,
.ekit-PushReleaseFromTop.ekit_char_based .ekit-letter {
  -webkit-animation-name: PushReleaseFromTop;
  animation-name: PushReleaseFromTop;
}

.ekit-PushReleaseFromBottom.ekit_no_spilit,
.ekit-PushReleaseFromBottom.ekit_word_spilit .ekit-word,
.ekit-PushReleaseFromBottom.ekit_char_based .ekit-letter {
  -webkit-animation-name: PushReleaseFromBottom;
  animation-name: PushReleaseFromBottom;
}

.ekit-PushReleaseTo.ekit_no_spilit,
.ekit-PushReleaseTo.ekit_word_spilit .ekit-word,
.ekit-PushReleaseTo.ekit_char_based .ekit-letter {
  -webkit-animation-name: PushReleaseTo;
  animation-name: PushReleaseTo;
}

.ekit-PushReleaseToTop.ekit_no_spilit,
.ekit-PushReleaseToTop.ekit_word_spilit .ekit-word,
.ekit-PushReleaseToTop.ekit_char_based .ekit-letter {
  -webkit-animation-name: PushReleaseToTop;
  animation-name: PushReleaseToTop;
}

.ekit-PushReleaseToBottom.ekit_no_spilit,
.ekit-PushReleaseToBottom.ekit_word_spilit .ekit-word,
.ekit-PushReleaseToBottom.ekit_char_based .ekit-letter {
  -webkit-animation-name: PushReleaseToBottom;
  animation-name: PushReleaseToBottom;
}

.ekit-FlipInTop.ekit_no_spilit,
.ekit-FlipInTop.ekit_word_spilit .ekit-word,
.ekit-FlipInTop.ekit_char_based .ekit-letter {
  -webkit-animation-name: FlipInTop;
  animation-name: FlipInTop;
}

.ekit-FlipOutTop.ekit_no_spilit,
.ekit-FlipOutTop.ekit_word_spilit .ekit-word,
.ekit-FlipOutTop.ekit_char_based .ekit-letter {
  -webkit-animation-name: FlipOutTop;
  animation-name: FlipOutTop;
}

.ekit-FlipInBottom.ekit_no_spilit,
.ekit-FlipInBottom.ekit_word_spilit .ekit-word,
.ekit-FlipInBottom.ekit_char_based .ekit-letter {
  -webkit-animation-name: FlipInBottom;
  animation-name: FlipInBottom;
}

.ekit-FlipOutBottom.ekit_no_spilit,
.ekit-FlipOutBottom.ekit_word_spilit .ekit-word,
.ekit-FlipOutBottom.ekit_char_based .ekit-letter {
  -webkit-animation-name: FlipOutBottom;
  animation-name: FlipOutBottom;
}

.ekit-ElevateLeft.ekit_no_spilit,
.ekit-ElevateLeft.ekit_word_spilit .ekit-word,
.ekit-ElevateLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: ElevateLeft;
  animation-name: ElevateLeft;
}

.ekit-ElevateRight.ekit_no_spilit,
.ekit-ElevateRight.ekit_word_spilit .ekit-word,
.ekit-ElevateRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: ElevateRight;
  animation-name: ElevateRight;
}

.ekit-RollFromLeft.ekit_no_spilit,
.ekit-RollFromLeft.ekit_word_spilit .ekit-word,
.ekit-RollFromLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: RollFromLeft;
  animation-name: RollFromLeft;
}

.ekit-RollFromRight.ekit_no_spilit,
.ekit-RollFromRight.ekit_word_spilit .ekit-word,
.ekit-RollFromRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: RollFromRight;
  animation-name: RollFromRight;
}

.ekit-RollFromTop.ekit_no_spilit,
.ekit-RollFromTop.ekit_word_spilit .ekit-word,
.ekit-RollFromTop.ekit_char_based .ekit-letter {
  -webkit-animation-name: RollFromTop;
  animation-name: RollFromTop;
}

.ekit-RollFromBottom.ekit_no_spilit,
.ekit-RollFromBottom.ekit_word_spilit .ekit-word,
.ekit-RollFromBottom.ekit_char_based .ekit-letter {
  -webkit-animation-name: RollFromBottom;
  animation-name: RollFromBottom;
}

.ekit-RollToLeft.ekit_no_spilit,
.ekit-RollToLeft.ekit_word_spilit .ekit-word,
.ekit-RollToLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: RollToLeft;
  animation-name: RollToLeft;
}

.ekit-RollToRight.ekit_no_spilit,
.ekit-RollToRight.ekit_word_spilit .ekit-word,
.ekit-RollToRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: RollToRight;
  animation-name: RollToRight;
}

.ekit-RollToTop.ekit_no_spilit,
.ekit-RollToTop.ekit_word_spilit .ekit-word,
.ekit-RollToTop.ekit_char_based .ekit-letter {
  -webkit-animation-name: RollToTop;
  animation-name: RollToTop;
}

.ekit-RollToBottom.ekit_no_spilit,
.ekit-RollToBottom.ekit_word_spilit .ekit-word,
.ekit-RollToBottom.ekit_char_based .ekit-letter {
  -webkit-animation-name: RollToBottom;
  animation-name: RollToBottom;
}

.ekit-RotateSkateInRight.ekit_no_spilit,
.ekit-RotateSkateInRight.ekit_word_spilit .ekit-word,
.ekit-RotateSkateInRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: RotateSkateInRight;
  animation-name: RotateSkateInRight;
}

.ekit-RotateSkateInLeft.ekit_no_spilit,
.ekit-RotateSkateInLeft.ekit_word_spilit .ekit-word,
.ekit-RotateSkateInLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: RotateSkateInLeft;
  animation-name: RotateSkateInLeft;
}

.ekit-RotateSkateInTop.ekit_no_spilit,
.ekit-RotateSkateInTop.ekit_word_spilit .ekit-word,
.ekit-RotateSkateInTop.ekit_char_based .ekit-letter {
  -webkit-animation-name: RotateSkateInTop;
  animation-name: RotateSkateInTop;
}

.ekit-RotateSkateInBottom.ekit_no_spilit,
.ekit-RotateSkateInBottom.ekit_word_spilit .ekit-word,
.ekit-RotateSkateInBottom.ekit_char_based .ekit-letter {
  -webkit-animation-name: RotateSkateInBottom;
  animation-name: RotateSkateInBottom;
}

.ekit-RotateSkateOutRight.ekit_no_spilit,
.ekit-RotateSkateOutRight.ekit_word_spilit .ekit-word,
.ekit-RotateSkateOutRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: RotateSkateOutRight;
  animation-name: RotateSkateOutRight;
}

.ekit-RotateSkateOutLeft.ekit_no_spilit,
.ekit-RotateSkateOutLeft.ekit_word_spilit .ekit-word,
.ekit-RotateSkateOutLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: RotateSkateOutLeft;
  animation-name: RotateSkateOutLeft;
}

.ekit-RotateSkateOutTop.ekit_no_spilit,
.ekit-RotateSkateOutTop.ekit_word_spilit .ekit-word,
.ekit-RotateSkateOutTop.ekit_char_based .ekit-letter {
  -webkit-animation-name: RotateSkateOutTop;
  animation-name: RotateSkateOutTop;
}

.ekit-RotateSkateOutBottom.ekit_no_spilit,
.ekit-RotateSkateOutBottom.ekit_word_spilit .ekit-word,
.ekit-RotateSkateOutBottom.ekit_char_based .ekit-letter {
  -webkit-animation-name: RotateSkateOutBottom;
  animation-name: RotateSkateOutBottom;
}

.ekit-RotateXZoomIn.ekit_no_spilit,
.ekit-RotateXZoomIn.ekit_word_spilit .ekit-word,
.ekit-RotateXZoomIn.ekit_char_based .ekit-letter {
  -webkit-animation-name: RotateXZoomIn;
  animation-name: RotateXZoomIn;
}

.ekit-RotateXZoomOut.ekit_no_spilit,
.ekit-RotateXZoomOut.ekit_word_spilit .ekit-word,
.ekit-RotateXZoomOut.ekit_char_based .ekit-letter {
  -webkit-animation-name: RotateXZoomOut;
  animation-name: RotateXZoomOut;
}

.ekit-RotateYZoomIn.ekit_no_spilit,
.ekit-RotateYZoomIn.ekit_word_spilit .ekit-word,
.ekit-RotateYZoomIn.ekit_char_based .ekit-letter {
  -webkit-animation-name: RotateYZoomIn;
  animation-name: RotateYZoomIn;
}

.ekit-RotateYZoomOut.ekit_no_spilit,
.ekit-RotateYZoomOut.ekit_word_spilit .ekit-word,
.ekit-RotateYZoomOut.ekit_char_based .ekit-letter {
  -webkit-animation-name: RotateYZoomOut;
  animation-name: RotateYZoomOut;
}

.ekit-RotateIn.ekit_no_spilit,
.ekit-RotateIn.ekit_word_spilit .ekit-word,
.ekit-RotateIn.ekit_char_based .ekit-letter {
  -webkit-animation-name: RotateIn;
  animation-name: RotateIn;
}

.ekit-RotateOut.ekit_no_spilit,
.ekit-RotateOut.ekit_word_spilit .ekit-word,
.ekit-RotateOut.ekit_char_based .ekit-letter {
  -webkit-animation-name: RotateOut;
  animation-name: RotateOut;
}

.ekit-RotateInLeft.ekit_no_spilit,
.ekit-RotateInLeft.ekit_word_spilit .ekit-word,
.ekit-RotateInLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: RotateInLeft;
  animation-name: RotateInLeft;
}

.ekit-RotateOutLeft.ekit_no_spilit,
.ekit-RotateOutLeft.ekit_word_spilit .ekit-word,
.ekit-RotateOutLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: RotateOutLeft;
  animation-name: RotateOutLeft;
}

.ekit-RotateInRight.ekit_no_spilit,
.ekit-RotateInRight.ekit_word_spilit .ekit-word,
.ekit-RotateInRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: RotateInRight;
  animation-name: RotateInRight;
}

.ekit-RotateOutRight.ekit_no_spilit,
.ekit-RotateOutRight.ekit_word_spilit .ekit-word,
.ekit-RotateOutRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: RotateOutRight;
  animation-name: RotateOutRight;
}

.ekit-SpinInLeft.ekit_no_spilit,
.ekit-SpinInLeft.ekit_word_spilit .ekit-word,
.ekit-SpinInLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: SpinInLeft;
  animation-name: SpinInLeft;
}

.ekit-SpinInRight.ekit_no_spilit,
.ekit-SpinInRight.ekit_word_spilit .ekit-word,
.ekit-SpinInRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: SpinInRight;
  animation-name: SpinInRight;
}

.ekit-SpinOutLeft.ekit_no_spilit,
.ekit-SpinOutLeft.ekit_word_spilit .ekit-word,
.ekit-SpinOutLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: SpinOutLeft;
  animation-name: SpinOutLeft;
}

.ekit-SpinOutRight.ekit_no_spilit,
.ekit-SpinOutRight.ekit_word_spilit .ekit-word,
.ekit-SpinOutRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: SpinOutRight;
  animation-name: SpinOutRight;
}

.ekit-BlurIn.ekit_no_spilit,
.ekit-BlurIn.ekit_word_spilit .ekit-word,
.ekit-BlurIn.ekit_char_based .ekit-letter {
  -webkit-animation-name: BlurIn;
  animation-name: BlurIn;
}

.ekit-BlurInRight.ekit_no_spilit,
.ekit-BlurInRight.ekit_word_spilit .ekit-word,
.ekit-BlurInRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: BlurInRight;
  animation-name: BlurInRight;
}

.ekit-BlurInLeft.ekit_no_spilit,
.ekit-BlurInLeft.ekit_word_spilit .ekit-word,
.ekit-BlurInLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: BlurInLeft;
  animation-name: BlurInLeft;
}

.ekit-BlurInTop.ekit_no_spilit,
.ekit-BlurInTop.ekit_word_spilit .ekit-word,
.ekit-BlurInTop.ekit_char_based .ekit-letter {
  -webkit-animation-name: BlurInTop;
  animation-name: BlurInTop;
}

.ekit-BlurInBottom.ekit_no_spilit,
.ekit-BlurInBottom.ekit_word_spilit .ekit-word,
.ekit-BlurInBottom.ekit_char_based .ekit-letter {
  -webkit-animation-name: BlurInBottom;
  animation-name: BlurInBottom;
}

.ekit-BlurOut.ekit_no_spilit,
.ekit-BlurOut.ekit_word_spilit .ekit-word,
.ekit-BlurOut.ekit_char_based .ekit-letter {
  -webkit-animation-name: BlurOut;
  animation-name: BlurOut;
}

.ekit-BlurOutRight.ekit_no_spilit,
.ekit-BlurOutRight.ekit_word_spilit .ekit-word,
.ekit-BlurOutRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: BlurOutRight;
  animation-name: BlurOutRight;
}

.ekit-BlurOutLeft.ekit_no_spilit,
.ekit-BlurOutLeft.ekit_word_spilit .ekit-word,
.ekit-BlurOutLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: BlurOutLeft;
  animation-name: BlurOutLeft;
}

.ekit-BlurOutTop.ekit_no_spilit,
.ekit-BlurOutTop.ekit_word_spilit .ekit-word,
.ekit-BlurOutTop.ekit_char_based .ekit-letter {
  -webkit-animation-name: BlurOutTop;
  animation-name: BlurOutTop;
}

.ekit-BlurOutBottom.ekit_no_spilit,
.ekit-BlurOutBottom.ekit_word_spilit .ekit-word,
.ekit-BlurOutBottom.ekit_char_based .ekit-letter {
  -webkit-animation-name: BlurOutBottom;
  animation-name: BlurOutBottom;
}

.ekit-PopUp.ekit_no_spilit,
.ekit-PopUp.ekit_word_spilit .ekit-word,
.ekit-PopUp.ekit_char_based .ekit-letter {
  -webkit-animation-name: PopUp;
  animation-name: PopUp;
}

.ekit-PopUpLeft.ekit_no_spilit,
.ekit-PopUpLeft.ekit_word_spilit .ekit-word,
.ekit-PopUpLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: PopUpLeft;
  animation-name: PopUpLeft;
}

.ekit-PopUpRight.ekit_no_spilit,
.ekit-PopUpRight.ekit_word_spilit .ekit-word,
.ekit-PopUpRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: PopUpRight;
  animation-name: PopUpRight;
}

.ekit-PopOut.ekit_no_spilit,
.ekit-PopOut.ekit_word_spilit .ekit-word,
.ekit-PopOut.ekit_char_based .ekit-letter {
  -webkit-animation-name: PopOut;
  animation-name: PopOut;
}

.ekit-PopOutLeft.ekit_no_spilit,
.ekit-PopOutLeft.ekit_word_spilit .ekit-word,
.ekit-PopOutLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: PopOutLeft;
  animation-name: PopOutLeft;
}

.ekit-PopOutRight.ekit_no_spilit,
.ekit-PopOutRight.ekit_word_spilit .ekit-word,
.ekit-PopOutRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: PopOutRight;
  animation-name: PopOutRight;
}

.ekit-BounceFromTop.ekit_no_spilit,
.ekit-BounceFromTop.ekit_word_spilit .ekit-word,
.ekit-BounceFromTop.ekit_char_based .ekit-letter {
  -webkit-animation-name: BounceFromTop;
  animation-name: BounceFromTop;
}

.ekit-BounceFromDown.ekit_no_spilit,
.ekit-BounceFromDown.ekit_word_spilit .ekit-word,
.ekit-BounceFromDown.ekit_char_based .ekit-letter {
  -webkit-animation-name: BounceFromDown;
  animation-name: BounceFromDown;
}

.ekit-BounceY.ekit_no_spilit,
.ekit-BounceY.ekit_word_spilit .ekit-word,
.ekit-BounceY.ekit_char_based .ekit-letter {
  -webkit-animation-name: BounceY;
  animation-name: BounceY;
}

.ekit-BounceZoomIn.ekit_no_spilit,
.ekit-BounceZoomIn.ekit_word_spilit .ekit-word,
.ekit-BounceZoomIn.ekit_char_based .ekit-letter {
  -webkit-animation-name: BounceZoomIn;
  animation-name: BounceZoomIn;
}

.ekit-BounceZoomOut.ekit_no_spilit,
.ekit-BounceZoomOut.ekit_word_spilit .ekit-word,
.ekit-BounceZoomOut.ekit_char_based .ekit-letter {
  -webkit-animation-name: BounceZoomOut;
  animation-name: BounceZoomOut;
}

.ekit-PerspectiveOutTop.ekit_no_spilit,
.ekit-PerspectiveOutTop.ekit_word_spilit .ekit-word,
.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-PerspectiveOutBottom.ekit_no_spilit,
.ekit-PerspectiveOutBottom.ekit_word_spilit .ekit-word,
.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-ZoomIn.ekit_no_spilit,
.ekit-ZoomIn.ekit_word_spilit .ekit-word,
.ekit-ZoomIn.ekit_char_based .ekit-letter {
  -webkit-animation-name: ZoomIn;
  animation-name: ZoomIn;
}

.ekit-ZoomInLeft.ekit_no_spilit,
.ekit-ZoomInLeft.ekit_word_spilit .ekit-word,
.ekit-ZoomInLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: ZoomInLeft;
  animation-name: ZoomInLeft;
}

.ekit-ZoomInRight.ekit_no_spilit,
.ekit-ZoomInRight.ekit_word_spilit .ekit-word,
.ekit-ZoomInRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: ZoomInRight;
  animation-name: ZoomInRight;
}

.ekit-ZoomInTop.ekit_no_spilit,
.ekit-ZoomInTop.ekit_word_spilit .ekit-word,
.ekit-ZoomInTop.ekit_char_based .ekit-letter {
  -webkit-animation-name: LetterZoomInTop;
  animation-name: LetterZoomInTop;
}

.ekit-ZoomInBottom.ekit_no_spilit,
.ekit-ZoomInBottom.ekit_word_spilit .ekit-word,
.ekit-ZoomInBottom.ekit_char_based .ekit-letter {
  -webkit-animation-name: ZoomInBottom;
  animation-name: ZoomInBottom;
}

.ekit-ZoomOut.ekit_no_spilit,
.ekit-ZoomOut.ekit_word_spilit .ekit-word,
.ekit-ZoomOut.ekit_char_based .ekit-letter {
  -webkit-animation-name: ZoomOut;
  animation-name: ZoomOut;
}

.ekit-ZoomOutLeft.ekit_no_spilit,
.ekit-ZoomOutLeft.ekit_word_spilit .ekit-word,
.ekit-ZoomOutLeft.ekit_char_based .ekit-letter {
  -webkit-animation-name: ZoomOutLeft;
  animation-name: ZoomOutLeft;
}

.ekit-ZoomOutRight.ekit_no_spilit,
.ekit-ZoomOutRight.ekit_word_spilit .ekit-word,
.ekit-ZoomOutRight.ekit_char_based .ekit-letter {
  -webkit-animation-name: ZoomOutRight;
  animation-name: ZoomOutRight;
}

.ekit-ZoomOutTop.ekit_no_spilit,
.ekit-ZoomOutTop.ekit_word_spilit .ekit-word,
.ekit-ZoomOutTop.ekit_char_based .ekit-letter {
  -webkit-animation-name: ZoomOutTop;
  animation-name: ZoomOutTop;
}

.ekit-ZoomOutBottom.ekit_no_spilit,
.ekit-ZoomOutBottom.ekit_word_spilit .ekit-word,
.ekit-ZoomOutBottom.ekit_char_based .ekit-letter {
  -webkit-animation-name: ZoomOutBottom;
  animation-name: ZoomOutBottom;
}

.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-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-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-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-oaoFlyIn.ekit_char_based .ekit-letter:nth-child(even) {
  -webkit-animation-name: oaoFlyInTop;
  animation-name: oaoFlyInTop;
}

.ekit-oaoFlyIn.ekit_char_based .ekit-letter:nth-child(odd) {
  -webkit-animation-name: oaoFlyInBottom;
  animation-name: oaoFlyInBottom;
}

.ekit-oaoFlyOut.ekit_char_based .ekit-letter:nth-child(even) {
  -webkit-animation-name: oaoFlyOutTop;
  animation-name: oaoFlyOutTop;
}

.ekit-oaoFlyOut.ekit_char_based .ekit-letter:nth-child(odd) {
  -webkit-animation-name: oaoFlyOutBottom;
  animation-name: oaoFlyOutBottom;
}

.ekit-oaoRotateIn.ekit_char_based .ekit-letter:nth-child(even) {
  -webkit-animation-name: oaoRotateInTop;
  animation-name: oaoRotateInTop;
}

.ekit-oaoRotateIn.ekit_char_based .ekit-letter:nth-child(odd) {
  -webkit-animation-name: oaoRotateInBottom;
  animation-name: oaoRotateInBottom;
}

.ekit-oaoRotateOut.ekit_char_based .ekit-letter:nth-child(even) {
  -webkit-animation-name: oaoRotateOutTop;
  animation-name: oaoRotateOutTop;
}

.ekit-oaoRotateOut.ekit_char_based .ekit-letter:nth-child(odd) {
  -webkit-animation-name: oaoRotateOutBottom;
  animation-name: oaoRotateOutBottom;
}

.ekit-oaoRotateXIn.ekit_char_based .ekit-letter:nth-child(even) {
  -webkit-animation-name: oaoRotateXInTop;
  animation-name: oaoRotateXInTop;
}

.ekit-oaoRotateXIn.ekit_char_based .ekit-letter:nth-child(odd) {
  -webkit-animation-name: oaoRotateXInBottom;
  animation-name: oaoRotateXInBottom;
}

.ekit-oaoRotateXOut.ekit_char_based .ekit-letter:nth-child(even) {
  -webkit-animation-name: oaoRotateXOutTop;
  animation-name: oaoRotateXOutTop;
}

.ekit-oaoRotateXOut.ekit_char_based .ekit-letter:nth-child(odd) {
  -webkit-animation-name: oaoRotateXOutBottom;
  animation-name: oaoRotateXOutBottom;
}

.ekit-oaoRotateYIn.ekit_char_based .ekit-letter:nth-child(even) {
  -webkit-animation-name: oaoRotateYInTop;
  animation-name: oaoRotateYInTop;
}

.ekit-oaoRotateYIn.ekit_char_based .ekit-letter:nth-child(odd) {
  -webkit-animation-name: oaoRotateYInBottom;
  animation-name: oaoRotateYInBottom;
}

.ekit-oaoRotateYOut.ekit_char_based .ekit-letter:nth-child(even) {
  -webkit-animation-name: oaoRotateYOutTop;
  animation-name: oaoRotateYOutTop;
}

.ekit-oaoRotateYOut.ekit_char_based .ekit-letter:nth-child(odd) {
  -webkit-animation-name: oaoRotateYOutBottom;
  animation-name: oaoRotateYOutBottom;
}

.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-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-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-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_reveal_bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: red;
  width: 100%;
  height: 100%;
}

.ekit_text {
  position: relative;
}

@-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);
  }
}

.ekit_motion_text_title {
  margin-bottom: 0px;
}

.background_reveal_anim {
  display: inline-block;
  position: relative;
}

.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;
}

.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;
}

.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;
}

.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;
}

.background_reveal_anim .elementkit_background_reveal_bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #000000;
}

span.ekit_animation {
  display: block;
}

/*=================================================
          button component
===============================================*/
.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;
}

.single-btn:last-child {
  margin-bottom: 0px;
}

.btn.sm {
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  padding-left: 16px;
  padding-right: 16px;
}

.btn.sm.round {
  border-radius: 15px;
}

.btn.md {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  padding-left: 22px;
  padding-right: 22px;
}

.btn.md.round {
  border-radius: 20px;
}

.btn.lg {
  height: 50px;
  line-height: 50px;
  font-size: 15px;
  padding-left: 40px;
  padding-right: 40px;
}

.btn.lg.round {
  border-radius: 25px;
}

.btn.xl {
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  padding-left: 36px;
  padding-right: 36px;
}

.btn.xl.round {
  border-radius: 30px;
}

.btn.gra-one, .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%);
}

.btn.gra-two, .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%);
}

.btn.gra-three, .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%);
}

.btn.gra-four, .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%);
}

.btn.gra-five, .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%);
}

.btn.gra-six, .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%);
}

.btn.gra-seven, .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%);
}

.btn.gra-eight, .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%);
}

.btn.gra-nine, .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%);
}

.btn.gra-ten, .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%);
}

.btn.gra-eleven, .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%);
}

.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%);
}

.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%);
}

.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%);
}

.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%);
}

.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%);
}

.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%);
}

.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%);
}

.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%);
}

.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%);
}

.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%);
}

.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%);
}

.btn.square {
  border-radius: 0px;
}

.btn-outline-primary {
  border-color: #f5f5f5;
  background-color: #FFFFFF;
}

.btn-info {
  background-color: #ff1155;
}

.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);
}

.btn-outline-info {
  border-color: #ff1155;
  background-color: #FFFFFF;
  color: #000000;
}

.btn-outline-info.info-s2 {
  color: #000000;
}

.btn.btn-gra, .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;
}

.btn.btn-gra::before, .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;
}

.btn.btn-gra::before {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: 101% 101%;
  opacity: 0;
}

.btn.btn-gra:hover::before {
  opacity: 1;
}

.btn.border-gra {
  background-size: 101% 101%;
  border: 0px;
}

.btn.border-gra::before {
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background-color: #FFFFFF;
}

.btn.border-gra:hover::before {
  opacity: 0;
}

.elementskit-btn i {
  display: inline-block;
}

/*=================================================
          mailchimp
===============================================*/
.ekit-mailChimpForm .elementskit_input_label {
  display: inline-block;
  margin-bottom: .5rem;
}

.ekit-mailChimpForm .elementskit_form_group {
  margin-bottom: 1rem;
}

.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-mailChimpForm .ekit_form_control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}

.ekit-mailChimpForm .ekit_form_control::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.ekit-mailChimpForm .ekit_form_control:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.ekit-mailChimpForm .ekit_form_control::-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.ekit-mailChimpForm .ekit_form_control::placeholder {
  color: #6c757d;
  opacity: 1;
}

.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-mailChimpForm .ekit-mail-submit {
  position: relative;
  z-index: 1;
}

.ekit-mailChimpForm .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-mailChimpForm .ekit-mail-submit:hover::before {
  opacity: 1;
}

.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%;
}

.elementskit_input_group .ekit_form_control {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
}

.elementskit_input_group .ekit_form_control.ekit_append_input {
  border-radius: 5px 0px 0px 5px;
}

.elementskit_input_group_prepend {
  margin-right: -1px;
}

.elementskit_input_group_prepend + .ekit_form_control {
  border-radius: 0px 5px 5px 0px;
}

.elementskit_input_group_append .elementskit_input_group_text {
  border-radius: 0px 5px 5px 0px;
  margin-left: -1px;
}

.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;
}

.elementskit_inline_form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.elementskit_inline_form .elementskit_form_group {
  margin-bottom: 0px;
}

.elementskit_inline_form .elementskit_input_wraper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.elementskit_inline_form .ekit_submit_input_holder {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.elementskit_inline_form .ekit_submit_input_holder .ekit-mail-submit {
  width: 100%;
}

.ekit-mail-submit {
  padding: 11.5px 40px;
}

/*=================================================
          footer
===============================================*/
.elementor-inline-items .elementor-icon-list-item {
  display: inline-block;
}

/*=================================================
          twitter
===============================================*/
.ekit-twitter-feed {
  padding-left: 15px;
  padding-right: 15px;
}

.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-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-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-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-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-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-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-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-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-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-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-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-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-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%;
}

.ekit-twitter-feed-content-wraper {
  background-color: #f7f9fb;
  margin-bottom: 30px;
  padding: 15px;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
}

.ekit-twitter-feed-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ekit-twitter-feed-author .ekit-twitter-profile-picture {
  position: relative;
  width: 40px;
  height: 40px;
  min-width: 40px;
  overflow: hidden;
}

.ekit-twitter-profile-circle {
  border-radius: 50%;
}

.profile-display-name {
  margin-left: 10px;
  line-height: 1;
}

.profile-display-name .fullname {
  color: #14171a;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 5px;
  display: inline-block;
}

.profile-display-name .fullname:hover {
  color: #D55732;
  text-decoration: underline;
}

.profile-display-name .screen_name {
  font-size: 14px;
  color: #657786;
  display: block;
}

.profile-display-name .screen_name:hover {
  color: #D55732;
  text-decoration: underline;
}

.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;
}

.profile-display-name .ekit-twitter-feed-item-user-date {
  color: #657786;
  font-size: 12px;
  margin-left: 12px;
}

.ekit-twitter-feed-comments {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.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-twitter-feed-comments > a svg {
  height: 14px;
  width: 14px;
}

.ekit-twitter-feed-comments > a svg:not(:root) {
  overflow: visible;
}

.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-twitter-feed-comments > a > strong {
  display: inline-block;
  margin-left: 6px;
  vertical-align: text-top;
}

.ekit-twitter-feed-comments .ekit-twitter-comments:hover {
  color: #1da1f2;
}

.ekit-twitter-feed-comments .ekit-twitter-comments:hover svg path {
  fill: #1da1f2;
}

.ekit-twitter-feed-comments .ekit-twitter-retweet:hover {
  color: #17bf63;
}

.ekit-twitter-feed-comments .ekit-twitter-retweet:hover svg path {
  fill: #17bf63;
}

.ekit-twitter-feed-comments .ekit-twitter-like:hover {
  color: #e0245e;
}

.ekit-twitter-feed-comments .ekit-twitter-like:hover svg path {
  fill: #e0245e;
}

.feed-title {
  margin-top: 20px;
  margin-bottom: 20px;
}

.feed-title > a {
  color: #D55732;
}

.feed-title > a:focus, .feed-title > a:hover {
  text-decoration: underline;
}

.read-more-button {
  margin-bottom: 20px;
}

.read-more-button > a {
  color: #14171a;
}

.read-more-button > a:focus, .read-more-button > a:hover {
  color: #D55732;
  text-decoration: underline;
}

.feed-title-hash {
  margin-bottom: 20px;
}

.feed-title-hash > a {
  color: #D55732;
}

.feed-title-hash > a:focus, .feed-title-hash > a:hover {
  text-decoration: underline;
}

.ekit-layout-masonary.ekit-col-1 {
  -webkit-column-count: 12;
  column-count: 12;
}

.ekit-layout-masonary.ekit-col-2 {
  -webkit-column-count: 6;
  column-count: 6;
}

.ekit-layout-masonary.ekit-col-3 {
  -webkit-column-count: 4;
  column-count: 4;
}

.ekit-layout-masonary.ekit-col-4 {
  -webkit-column-count: 3;
  column-count: 3;
}

.ekit-layout-masonary.ekit-col-5 {
  -webkit-column-count: 2.4;
  column-count: 2.4;
}

.ekit-layout-masonary.ekit-col-6 {
  -webkit-column-count: 2;
  column-count: 2;
}

.ekit-layout-masonary.ekit-col-7 {
  -webkit-column-count: 1.71429;
  column-count: 1.71429;
}

.ekit-layout-masonary.ekit-col-8 {
  -webkit-column-count: 1.5;
  column-count: 1.5;
}

.ekit-layout-masonary.ekit-col-9 {
  -webkit-column-count: 1.33333;
  column-count: 1.33333;
}

.ekit-layout-masonary.ekit-col-10 {
  -webkit-column-count: 1.2;
  column-count: 1.2;
}

.ekit-layout-masonary.ekit-col-11 {
  -webkit-column-count: 1.09091;
  column-count: 1.09091;
}

.ekit-layout-masonary .ekit-twitter-feed-content-wraper {
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}

.ekit-twitter-media {
  margin-bottom: 20px;
}

.ekit-twitter-media > a {
  display: block;
  position: relative;
  overflow: hidden;
}

.ekit-twitter-media > a:hover .twitter_video_play_icon {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.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-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-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-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-twitter-feed-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.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-twitter-feed-header .ekit-twitter-logo > a:hover {
  color: #1DA1F2;
}

.ekit-twitter-user-timeline {
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

.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;
}

.ekit-twitter-feed-header-user-image-container {
  margin-right: 9px;
}

.ekit-twitter-feed-header-user-image-container > a {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100px;
  height: 100px;
  border: 3px solid #FFFFFF;
}

.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-twitter-feed-header-user-info .ekit-twitter-fullname {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #222222;
  line-height: 1;
}

.ekit-twitter-feed-header-user-info .ekit-twitter-fullname:hover {
  text-decoration: underline;
  color: #D55732;
}

.ekit-twitter-feed-header-user-info .ekit-twitter-screenname {
  color: #657786;
  font-size: 13px;
  line-height: 1;
}

.ekit-twitter-feed-header-user-info .ekit-twitter-screenname:hover {
  text-decoration: underline;
  color: #D55732;
}

.twitter-verified-bdage {
  display: inline-block;
  padding-right: 2px;
  vertical-align: middle;
}

.twitter-verified-bdage > svg {
  width: 13px;
  height: 13px;
}

.ekit-twitter-feed-header-user-info-follow {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.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-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-twitter-feed-header-statistics > .ekit-twitter-tweet-count {
  color: #657786;
  font-size: 12px;
  margin-bottom: 0;
  margin-right: 50px;
}

.ekit-twitter-feed-header-statistics > .ekit-twitter-tweet-count:last-child {
  margin-right: 0px;
}

.ekit-twitter-feed-header-statistics > .ekit-twitter-tweet-count > strong {
  display: block;
  color: #abb8c2;
  font-size: 18px;
}

.ekit-twitter-feed-profile-info-wraper {
  padding: 40px;
  padding-top: 60px;
}

.ekit-twitter-feed-header-banner-container + .ekit-twitter-feed-profile-info-wraper {
  margin-top: -54px;
  padding-top: 0px;
}

.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-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-twitter-retweet svg {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

/*=================================================
          section title
===============================================*/
/* border divider (border-divider) */
.elementskit-border-divider {
  height: 4px;
  width: 30px;
  background: #2575fc;
  border-radius: 2px;
  position: relative;
  margin-left: 27px;
}

.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;
}

.elementskit-border-divider.elementskit-style-long {
  width: 150px;
  border-radius: 0px;
  background: #2575fc;
  margin-left: 0;
}

.elementskit-border-divider.elementskit-style-long::before {
  display: none;
}

.elementskit-border-divider.elementskit-style-long.style-3 {
  width: 90px;
}

.elementskit-border-divider.style-2 {
  background: #e7e7e7;
}

.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;
}

.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;
}

.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;
}

.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%);
}

.elementskit-border-star.style-2::after {
  background-color: #d7d7d7;
}

.elementskit-border-star.elementskit-bullet {
  height: 1px;
}

.elementskit-border-star.elementskit-bullet::after {
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

/* section title */
.elementskit-section-title {
  font-size: 28px;
}

.elementskit-section-title.medium {
  font-size: 36px;
}

.elementskit-section-title em {
  font-family: "Playfair Display", serif;
}

.elementskit-section-title.block span {
  background-color: #2575fc;
  color: #FFFFFF;
  padding: 5px;
}

.elementskit-section-subtitle {
  font-size: 18px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.5);
}

.elementskit-section-subtitle.primary-v {
  color: #2575fc;
}

.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%;
}

.elementskit-section-subtitle.elementskit-style-border {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.elementskit-section-subtitle.elementskit-style-border::before, .elementskit-section-subtitle.elementskit-style-border::after {
  content: "";
  width: 40px;
  height: 3px;
  background-color: #d7d7d7;
  display: inline-block;
  vertical-align: middle;
}

.elementskit-section-subtitle.elementskit-style-border::before {
  margin-right: 15px;
}

.elementskit-section-subtitle.elementskit-style-border::after {
  margin-left: 15px;
}

.elementskitsection-title-wraper {
  position: relative;
  z-index: 2;
}

.elementskitsection-title-wraper > p {
  margin-top: 21px;
  margin-bottom: 12px;
}

.elementskitsection-title-wraper .section-title {
  margin-bottom: 5px;
}

.elementskitsection-title-wraper.text-center, .elementskitsection-title-wraper.text-right {
  margin-bottom: 40px;
}

.elementskitsection-title-wraper.green-v .section-title {
  color: #53f995;
}

.elementskitsection-title-wraper.green-v .elementskit-border-divider {
  background: #53f995;
}

.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;
}

.elementskitsection-title-wraper.white-v .section-title {
  color: #FFFFFF;
}

.elementskitsection-title-wraper.white-v .elementskit-border-divider {
  background: #FFFFFF;
}

.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;
}

.elementskitsection-title-wraper.primary-v .section-title {
  color: #2575fc;
}

.elementskitsection-title-wraper.primary-v .elementskit-border-divider {
  background: #2575fc;
}

.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;
}

.elementskitsection-title-wraper.version-2.primary-v .section-title {
  color: #000000;
}

.elementskitsection-title-wraper.version-3 > p {
  margin-top: 18px;
}

.elementskitsection-title-wraper.version-4 .section-title {
  position: relative;
  margin-left: 52px;
}

.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;
}

.elementskitsection-title-wraper.version-5 .mask-title {
  margin-bottom: 12px;
}

.elementskitsection-title-wraper.version-5 .section-title {
  font-size: 22px;
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 5.8px;
  margin-bottom: 10px;
}

.elementskitsection-title-wraper .shuffle-letter-title-wraper {
  position: absolute;
  top: -36px;
  left: 0;
  width: 100%;
  z-index: -1;
}

/* gradient tilte */
.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;
}

.elementskit-section-title > span {
  display: inline-block;
}

.shuufle-letter-title {
  font-size: 130px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.1);
  margin-bottom: 0;
  pointer-events: none;
}

.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;
}

.text_fill > span {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.elementskit-section-title-wraper.text_center {
  text-align: center;
}

.elementskit-section-title-wraper.text_center .elementskit-border-divider,
.elementskit-section-title-wraper.text_center .elementskit-border-star {
  margin-left: auto;
  margin-right: auto;
}

.elementskit-section-title-wraper.text_right {
  text-align: right;
}

.elementskit-section-title-wraper.text_right .elementskit-border-divider,
.elementskit-section-title-wraper.text_right .elementskit-border-star {
  margin-left: auto;
}

/*=================================================
          instagram feed
===============================================*/
.instafeed-container {
  position: relative;
  overflow: hidden;
}

.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;
}

.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;
}

.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;
}

.instafeed-container .description-container > span {
  display: block;
  color: #FFFFFF;
  line-height: 1;
}

.instafeed-container .description-container > span > i {
  padding-right: 6px;
  display: inline-block;
}

.instafeed-container .description-container > span:not(:last-child) {
  margin-bottom: 15px;
}

.instafeed-container:hover::before {
  opacity: .7;
}

.instafeed-container:hover .description-container {
  opacity: 1;
  visibility: visible;
}

.instafeed-container:hover > img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.instagram-gallery .owl-item > a {
  margin-right: 6px;
  display: block;
}

.indtafeed-gallery > a {
  float: left;
  width: calc(100% / 6);
  display: block;
  border: 0.5px solid #FFFFFF;
}

/*=================================================
          map
===============================================*/
/*=================================================
          product filter
===============================================*/
.product-filter-area {
  margin-bottom: 30px;
}

.product-filter-wraper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.product-filter-wraper .woocommerce-ordering {
  margin-right: 50px;
  margin-bottom: 0;
}

.woocommerce-ordering {
  position: relative;
  z-index: 10;
}

.woocommerce-ordering .shop-filter-title {
  color: #777777;
  font-size: 14px;
  position: relative;
  top: 9px;
  padding-right: 50px;
}

.tab-filter .nav-tabs .nav-item .nav-link {
  border: 0px;
  color: #777777;
  font-size: 18px;
  padding: 10px;
}

.tab-filter .nav-tabs .nav-item .nav-link.active {
  color: #2575fc;
  background-color: transparent;
}

/*=================================================
          select
===============================================*/
.select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}

.select {
  cursor: pointer;
  display: block;
  position: relative;
  font-size: 16px;
  color: #7b7b7b;
  width: 220px;
  height: 44px;
  float: right;
}

.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;
}

.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);
}

.select-styled:hover {
  background-color: rgba(0, 0, 0, 0);
}

.select-styled:active, .select-styled.active {
  background-color: rgba(0, 0, 0, 0);
}

.select-styled:active:after, .select-styled.active:after {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
  color: #2575fc;
}

.select-styled.active {
  color: #2575fc;
}

.select-options {
  display: none;
  position: absolute;
  top: calc(100% + 20px);
  left: 0%;
  min-width: 220px;
  z-index: 999;
}

.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;
}

.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;
}

.select-options li:hover {
  background: #0359eb;
}

.select-options li[rel="hide"] {
  display: none;
}

.select-options,
.select-options::before {
  background-color: #2575fc;
}

/*=================================================
          search
===============================================*/
.xs-serach {
  position: relative;
}

.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;
}

.xs-serach input:not([type="submit"])::-moz-placeholder {
  color: #777777;
  font-size: 14px;
}

.xs-serach input:not([type="submit"])::-webkit-input-placeholder {
  color: #777777;
  font-size: 14px;
}

.xs-serach input:not([type="submit"]):-ms-input-placeholder {
  color: #777777;
  font-size: 14px;
}

.xs-serach input:not([type="submit"])::-ms-input-placeholder {
  color: #777777;
  font-size: 14px;
}

.xs-serach input:not([type="submit"])::placeholder {
  color: #777777;
  font-size: 14px;
}

.xs-serach input:not([type="submit"]):focus {
  border-color: #2575fc;
}

.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;
}

/*=================================================
          pagination
===============================================*/
/* xs pagination */
.pagination {
  margin-top: 50px;
}

.pagination li {
  display: inline-block;
}

.pagination li:not(:last-child) {
  margin-right: 20px;
}

.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;
}

.pagination li a:hover,
.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);
}

.pagination li > span {
  letter-spacing: 7px;
  position: relative;
  top: 7px;
}

.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
  border-radius: 100%;
}

.pagination .page-item:last-child .page-link {
  font-size: 12px;
}

.pagination .page-item.disabled a,
.pagination li a {
  border-color: #f1f1f1;
}

.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);
}

/*=================================================
          ribbon
===============================================*/
.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;
}

.product-ribbon .ribbon-title {
  line-height: 37px;
  font-size: 12px;
  font-weight: 700;
}

/*=================================================
          flip clock
===============================================*/
.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);
}

.elementskit-flip-clock > .elementskit-time:not(:last-child) {
  margin-right: 30px;
}

.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;
}

.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%;
}

.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;
}

.elementskit-flip-clock .elementskit-count.elementskit-curr.elementskit-top {
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  z-index: 3;
  border-bottom: 3px solid #e7e7e7;
}

.elementskit-flip-clock .elementskit-count.elementskit-next.elementskit-bottom {
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
  z-index: 2;
}

.elementskit-flip-clock .elementskit-count.elementskit-next.elementskit-top {
  border-bottom: 3px solid #e7e7e7;
}

.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);
}

.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);
}

.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;
}

/*=================================================
          input material
===============================================*/
.material-style .form-group {
  position: relative;
}

.material-style .form-group.focus .bar::before, .material-style .form-group.active .bar::before {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}

.material-style .form-group.focus .label, .material-style .form-group.active .label {
  top: -10px;
  font-size: 13px;
}

.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;
}

.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;
}

.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);
}

.material-style .form-control {
  background-color: transparent;
  border: 0px solid #000;
}

.material-style .highlight + .bar::before {
  background-color: #ff4d4d;
}

.material-style .submit-btn {
  border-radius: 5px;
}

.material-style.white-v .label {
  color: #FFFFFF;
}

.material-style.white-v .form-control {
  color: #FFFFFF;
}

.material-style.transparent-style .bar {
  opacity: .5;
}

.material-style .radius-btn {
  border-radius: 27px;
}

.material-style.primary-v .bar {
  background-color: #2575fc;
}

.material-style.primary-v .bar::before {
  background-color: #000000;
}

.material-style.primary-v .highlight + .bar::before {
  background-color: #ff4d4d;
}

/*=================================================
          custom input control
===============================================*/
.custom-control {
  padding-left: 0;
}

.custom-control .custom-control-label::before {
  border-radius: 0px;
}

.custom-control .custom-control-input:checked ~ .custom-control-label::after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.custom-control .custom-control-input:checked ~ .custom-control-label::before {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.custom-control .custom-control-input:focus ~ .custom-control-label::before {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.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;
}

.custom-control-label::before, .custom-control-label::after {
  width: 10px;
  height: 10px;
  top: 8px;
}

.custom-control-label::before {
  background-color: transparent;
  border: 1px solid #2575fc;
}

.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;
}

/*=================================================
          stars
===============================================*/
.elementskit-stars {
  position: relative;
  z-index: 6;
}

.elementskit-stars > li {
  display: inline-block;
}

.elementskit-stars > li:not(:last-child) {
  margin-right: 5px;
}

.elementskit-stars > li > a {
  display: block;
}

.elementskit-stars.style-2 > li > a {
  color: #fec42d;
}

.elementskit-stars.style-3 > li > a {
  color: #000000;
}

/*=================================================
          popover
===============================================*/
.popover-area {
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 438px;
}

.popover-groups {
  position: relative;
}

.popover-groups .single-popover {
  position: absolute;
  display: inline-block;
}

.popover-groups .single-popover.one {
  top: 120px;
  left: 60px;
}

.popover-groups .single-popover.two {
  top: 250px;
  left: 220px;
}

.popover-groups .single-popover.three {
  top: 180px;
  left: 480px;
}

.popover-groups .single-popover.four {
  top: 117px;
  left: 720px;
}

.popover-groups .single-popover.five {
  top: 320px;
  left: 840px;
}

.single-popover .popover-button {
  background-color: transparent;
  border: 0px solid #000;
  padding: 10px 0;
}

.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;
}

.popover .arrow {
  display: none;
}

.popover .popover-body {
  padding: 0px;
}

.popover-wraper {
  max-width: 540px;
  width: 100%;
  display: none;
}

.popover-content {
  background-color: #2575fc;
  border-radius: 10px;
  color: #FFFFFF;
  padding: 40px 50px;
  margin-bottom: 30px;
}

.popover-content .quote-icons {
  margin-bottom: 20px;
}

.popover-content .quote-icons > i {
  font-size: 48px;
  opacity: .2;
}

.popover-content .commentor-text {
  margin-bottom: 24px;
}

.popover-content .stars > li > a {
  color: inherit;
}

.popover-pin {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  display: inline-block;
  color: #2575fc;
  border: 10px solid currentColor;
  position: relative;
  z-index: 1;
}

.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;
}

.popover-pin > img {
  border-radius: inherit;
}

.location_indicator {
  position: relative;
  width: 15px;
  height: 15px;
  background-color: #2575fc;
  border-radius: 50%;
  display: inline-block;
}

.location_indicator::before, .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: pulse 3s infinite cubic-bezier(0.4, 0, 1, 1) both;
  animation: pulse 3s infinite cubic-bezier(0.4, 0, 1, 1) both;
}

.location_indicator::after {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}

@-webkit-keyframes pulse {
  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 pulse {
  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);
  }
}

/*=================================================
          timeline slider
===============================================*/
.timeline-slider-area {
  padding: 0 35px;
}

.timeline-slider-thumb {
  padding: 0 60px;
  margin-bottom: 60px;
}

.timeline-slider-thumb .owl-item.current .timeline-img {
  background-color: #2575fc;
}

.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;
}

.timeline-slider-thumb .owl-nav .owl-prev,
.timeline-slider-thumb .owl-nav .owl-next {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  top: 44%;
}

.timeline-switch .dates {
  display: block;
  font-size: 14px;
  color: #000000;
  margin-bottom: 5px;
}

.timeline-switch .timeline-img {
  position: static;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  display: inline-block;
  cursor: pointer;
}

.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;
}

.single-timeline-slider .timeline-slider-img {
  margin-bottom: 40px;
}

.timeline-slider-info .subtitle {
  font-size: 14px;
  font-weight: 400;
  color: #2575fc;
  margin-bottom: 8px;
}

.timeline-slider-info .title {
  font-size: 36px;
  margin-bottom: 20px;
}

.timeline-slider-info > p {
  margin-bottom: 35px;
}

.timeline-slider-info .btn {
  height: 50px;
  line-height: 48px;
  width: auto;
  border-radius: 25px;
  padding: 0 64px;
}

.timeline-slider-info .btn > i {
  padding-right: 5px;
}

.ekit-facebook-feed {
  padding-left: 15px;
  padding-right: 15px;
}

.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-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-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-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-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-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-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-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-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-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-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-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-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;
}

.ekit-layout-masonary {
  -webkit-column-gap: 30px;
  column-gap: 30px;
}

.ekit-layout-masonary.ekit-fb-col-1 {
  -webkit-column-count: 12;
  column-count: 12;
}

.ekit-layout-masonary.ekit-fb-col-2 {
  -webkit-column-count: 6;
  column-count: 6;
}

.ekit-layout-masonary.ekit-fb-col-3 {
  -webkit-column-count: 4;
  column-count: 4;
}

.ekit-layout-masonary.ekit-fb-col-4 {
  -webkit-column-count: 3;
  column-count: 3;
}

.ekit-layout-masonary.ekit-fb-col-5 {
  -webkit-column-count: 2.4;
  column-count: 2.4;
}

.ekit-layout-masonary.ekit-fb-col-6 {
  -webkit-column-count: 2;
  column-count: 2;
}

.ekit-layout-masonary.ekit-fb-col-7 {
  -webkit-column-count: 1.71429;
  column-count: 1.71429;
}

.ekit-layout-masonary.ekit-fb-col-8 {
  -webkit-column-count: 1.5;
  column-count: 1.5;
}

.ekit-layout-masonary.ekit-fb-col-9 {
  -webkit-column-count: 1.33333;
  column-count: 1.33333;
}

.ekit-layout-masonary.ekit-fb-col-10 {
  -webkit-column-count: 1.2;
  column-count: 1.2;
}

.ekit-layout-masonary.ekit-fb-col-11 {
  -webkit-column-count: 1.09091;
  column-count: 1.09091;
}

.ekit-layout-masonary.ekit-fb-col-12 {
  -webkit-column-count: 1;
  column-count: 1;
}

.ekit-layout-masonary .ekit-single-fb-feed-holder {
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}

.ekit-fb-feed-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}

.ekit-fb-feed-header .user-name {
  display: block;
  color: #365899;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}

.ekit-fb-feed-header .ekit-fb-post-publish-date {
  display: inline-block;
  color: #616770;
  font-size: 12px;
  line-height: 1;
}

.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-single-fb-feed:not(.ekit_fb_photo_gallery) {
  border: 1px solid #dddfe2;
  border-radius: 4px;
  background-color: #FFFFFF;
  padding: 12px;
}

.ekit-single-fb-feed:not(.ekit_fb_photo_gallery) .ekit-fb-feed-media {
  margin-bottom: 30px;
}

.ekit-fb-feed-status {
  font-size: 14px;
  color: #000000;
  margin-bottom: 10px;
}

.ekit-fb-feed-status > a {
  color: #365899;
}

.ekit-fb-feed-status > a:hover {
  text-decoration: underline;
}

.ekit-fb-feed-profile-thumb {
  margin-right: 10px;
}

.ekit-fb-feed-profile-thumb > a {
  display: block;
  width: 40px;
  height: 40px;
  position: relative;
  overflow: hidden;
}

.ekit-fb-feed-profile-thumb > a.circle {
  border-radius: 50%;
}

.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-fb-video-post {
  display: block;
  position: relative;
  overflow: hidden;
}

.ekit-fb-video-post:hover .ekit-fb-video-play-button svg {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.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-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-fb-link-type-footer {
  background-color: #f2f3f5;
  padding: 10px 12px;
  position: relative;
}

.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-fb-link-type-footer .ekit-fb-caption-name {
  color: #1d2129;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 0px;
}

.ekit-fb-link-type-footer .ekit-fb-caption {
  color: #606770;
  font-size: 14px;
}

.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-fb-fotter-section .ekit-facebook-like,
.ekit-fb-fotter-section .ekit-facebook-comments,
.ekit-fb-fotter-section .ekit-facebook-retweet {
  color: #606770;
}

.ekit-fb-fotter-section .ekit-facebook-like > i,
.ekit-fb-fotter-section .ekit-facebook-comments > i,
.ekit-fb-fotter-section .ekit-facebook-retweet > i {
  padding-right: 5px;
}

.ekit-fb-fotter-section .ekit-facebook-like:hover,
.ekit-fb-fotter-section .ekit-facebook-comments:hover,
.ekit-fb-fotter-section .ekit-facebook-retweet:hover {
  color: #365899;
}

.ekit-fb-fotter-section .ekit-facebook-comments {
  margin-right: 5px;
}

.ekit-layout-grid .ekit_fb_photo_gallery .ekit_fb_photo_link {
  padding-bottom: 85%;
}

.ekit-layout-grid .ekit_fb_photo_gallery .ekit_fb_photo {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 2;
}

.ekit-fb-feed-media .ekit_fb_photo_link {
  position: relative;
  display: block;
  overflow: hidden;
}

.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-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_social_media > li > a {
  display: block;
}

.elementskit-infobox {
  position: relative;
}

.ekit_global_link {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 50;
}

.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-icon-box-badge {
  position: absolute;
}

.ekit_position_top_left {
  top: 0;
  left: 0;
}

.ekit_position_top_center {
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.ekit_position_top_right {
  top: 0;
  right: 0;
}

.ekit_position_center_right {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}

.ekit_position_bottom_left {
  bottom: 0;
  left: 0;
}

.ekit_position_bottom_center {
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.ekit_position_bottom_right {
  bottom: 0;
  right: 0;
}

.ekit-form form p {
  margin-bottom: 0;
}

.ekit-form form input:not([type="submit"]) {
  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;
}

.ekit-form form input:not([type="submit"]):hover {
  border-color: #333333;
}

.ekit-form form input:not([type="submit"]):focus {
  border-color: #4d68ff;
}

.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-form form input[type="submit"]:hover {
  background-color: #4d68ff;
}

.ekit-form form label {
  margin-bottom: 7px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #313636;
}

.ekit-form form label span {
  padding-left: 10px;
  pointer-events: none;
  color: #777777;
  font-size: 0.8125rem;
  display: inline-block;
}

.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;
}

.ekit-form form textarea:hover {
  border-color: #333333;
}

.ekit-form form textarea:focus {
  border-color: #4d68ff;
}

.ekit-form form .ekit-form-input {
  margin-bottom: 50px;
}

.tab__list {
  border-right: 1px solid #f0f1f4;
}

.post--tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.post--tab .tabHeader {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 15%;
  flex: 0 0 15%;
}

.post--tab .tabHeader .tab__list {
  list-style: none;
  padding-left: 0px;
}

.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;
}

.post--tab .tabHeader .tab__list > .tab__list__item.active, .post--tab .tabHeader .tab__list > .tab__list__item:hover {
  color: #d72924;
  background-color: #f0f1f4;
  z-index: 2;
}

.post--tab .tabContent {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 85%;
  flex: 0 0 85%;
}

.ekit--tab__post__details .tabItem {
  display: none;
  -webkit-animation: hide-fadeout 600ms ease-out;
  animation: hide-fadeout 600ms ease-out;
}

.ekit--tab__post__details .tabItem.active {
  display: block;
  -webkit-animation: show-fadein 600ms ease-in;
  animation: show-fadein 600ms ease-in;
}

.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--tab__post__details .tab__post__single--item.ekit___column-2 {
  width: 50%;
}

.ekit--tab__post__details .tab__post__single--item.ekit___column-4 {
  width: 25%;
}

.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--tab__post__details .tab__post--header {
  position: relative;
  overflow: hidden;
  display: block;
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
}

.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--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--tab__post__details .tab__post--header .tab__post--icon > span {
  color: #FFFFFF;
  font-size: 48px;
}

.ekit--tab__post__details .tab__post--title {
  font-size: 15px;
  font-weight: 500;
  color: #232323;
}

.ekit--tab__post__details .tab__post--title > a {
  color: inherit;
  line-height: inherit;
  padding-left: 0;
  padding-right: 0;
}

.clearfix::after {
  display: block;
  content: "";
  clear: both;
}

.post--lists {
  list-style: none;
  padding-left: 0px;
}

.post--lists > li {
  border: none !important;
}

.post--lists > li > a {
  padding: 8px 16px;
  line-height: normal;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.post--lists.vertical--list > li {
  float: left;
  margin-right: 16px;
}

.post--lists.vertical--list > li > a {
  padding-left: 0;
  padding-right: 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;
  }
}

.elementor-icon-list-item > a {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: relative;
}

.elementor-icon-list-item > a.ekit_badge_right {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ekit_menu_label {
  border-radius: 3px;
  padding: 2px 5px;
  display: inline-block;
  font-size: 10px;
  color: #ffffff;
  background-color: #c91765;
  margin-left: 5px;
}

.ekit_menu_subtitle {
  font-size: 11px;
  font-style: normal;
  color: #8d96ae;
  display: block;
}

.elementor-icon-list-text {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ekit_page_list_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.elementor-icon-list-icon {
  display: inline-block;
}

.elementor-icon-list-icon > i {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

/*=================================================
          inheritance
===============================================*/
h1,
h2,
h3,
h4 {
  color: #000000;
  font-weight: 700;
}

/* inner banner title */
.inner-banner-title {
  font-size: 36px;
}

/* section padding */
.section-padding {
  padding: 100px 0;
}

.section-padding-bottom {
  padding-bottom: 100px;
}

.section-padding-top {
  padding-top: 100px;
}

.section-padding-small {
  padding: 50px 0;
}

.xs-mb-0 {
  margin-bottom: 0px;
}

.xs-pb-0 {
  padding-bottom: 0px;
}

.xs-mb-1 {
  margin-bottom: 10px;
}

.xs-pb-1 {
  padding-bottom: 10px;
}

.xs-mb-2 {
  margin-bottom: 20px;
}

.xs-pb-2 {
  padding-bottom: 20px;
}

.xs-mb-3 {
  margin-bottom: 30px;
}

.xs-pb-3 {
  padding-bottom: 30px;
}

.xs-mb-4 {
  margin-bottom: 40px;
}

.xs-pb-4 {
  padding-bottom: 40px;
}

.xs-mb-5 {
  margin-bottom: 50px;
}

.xs-pb-5 {
  padding-bottom: 50px;
}

.xs-mb-6 {
  margin-bottom: 60px;
}

.xs-pb-6 {
  padding-bottom: 60px;
}

.xs-mb-7 {
  margin-bottom: 70px;
}

.xs-pb-7 {
  padding-bottom: 70px;
}

.xs-mb-8 {
  margin-bottom: 80px;
}

.xs-pb-8 {
  padding-bottom: 80px;
}

.xs-mb-9 {
  margin-bottom: 90px;
}

.xs-pb-9 {
  padding-bottom: 90px;
}

.xs-mb-10 {
  margin-bottom: 100px;
}

.xs-pb-10 {
  padding-bottom: 100px;
}

/* overlay list */
.xs-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: .5;
  z-index: 0;
}

/* color */
.blackcolor {
  color: #000000;
}

/* background color */
.black-bg {
  background-color: #000000;
}

/* color */
.whitecolor {
  color: #FFFFFF;
}

/* background color */
.white-bg {
  background-color: #FFFFFF;
}

/* color */
.primarycolor {
  color: #2575fc;
}

/* background color */
.primary-bg {
  background-color: #2575fc;
}

/* color */
.dark-whitecolor {
  color: #f7f9fb;
}

/* background color */
.dark-white-bg {
  background-color: #f7f9fb;
}

/* color */
.graycolor {
  color: #f7f9fb;
}

/* background color */
.gray-bg {
  background-color: #f7f9fb;
}

/* remove from control focus box shadow */
.form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* owl image preset */
.slick-list {
  -webkit-box-sizing: initial;
  box-sizing: initial;
  padding: 25px 0;
}

/* tab pane animation */
.tab-pane.animated {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}

/* remove iframe box shadow and background */
.mfp-iframe-scaler iframe {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent;
}

img {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

a {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

p:last-child {
  margin-bottom: 0px;
}

/* input type number spinner turn of chrome */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* input type number spinner turn of firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* image switcher */
.image-switcher .content-image {
  position: relative;
}

.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);
}

.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);
}

.image-switcher:hover .content-image .hover-image {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}

.grid__link {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.loadmore-btn-wraper {
  margin-top: 35px;
  text-align: center;
}

.gallery-grid-item {
  max-width: 100%;
}

.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;
}

/* fill icon */
.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;
}

.fill-icon.round {
  border-radius: 50%;
}

.fill-icon.style-light {
  background-color: #f5f5f5;
  color: #000000;
}

/* outline icon */
.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;
}

.outline-icon.round {
  border-radius: 50%;
}

/* shadow icon */
.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);
}

.shadow-icon.round {
  border-radius: 50%;
}

.outline-border {
  position: relative;
}

.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;
}

.outline-border.round::after {
  border-radius: 50%;
}

/* bounce anim */
.bounce-anim {
  -webkit-animation: bounceAnim 3s infinite;
  animation: bounceAnim 3s infinite;
}

@-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);
  }
}

/* simple btn */
.simple-btn {
  display: inline-block;
  color: #000000;
  line-height: 1;
  font-size: 13px;
  font-weight: 700;
}

.simple-btn > i,
.simple-btn > span {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.simple-btn > .icon-right {
  padding-left: 30px;
}

.simple-btn > .icon-left {
  padding-right: 30px;
}

.simple-btn:hover > .icon-left {
  padding-right: 20px;
}

.simple-btn:hover > .icon-right {
  padding-left: 20px;
}

/* border separetor */
.border-separetor {
  display: inline-block;
  height: 3px;
  width: 30px;
  background-color: #000000;
}

/* element waper background */
.element-wraper {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
}

/* team area background */
.team-area {
  background-size: auto;
  background-position: left center;
}

.dark-bg {
  background-color: #222222;
}

.dark-bg-2 {
  background-color: #30353c;
}

button {
  cursor: pointer;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.form-control {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

::-webkit-input-placeholder {
  opacity: 1;
}

:-moz-placeholder {
  opacity: 1;
}

::-moz-placeholder {
  opacity: 1;
}

:-ms-input-placeholder {
  opacity: 1;
}