/*  1. css/slick.css  */
/*  2. css/style.css  */
/*  3. css/style-home.css  */
/*  4. css/navi.css  */
/*  5. css/hover.css  */
/*  6. css/banner.css  */
/*  7. css/default.css  */
/*  8. slick/slick-theme.css  */

/* Slider */
@charset 'UTF-8';

.slick-slider {
  position: relative;

  display: block;
  box-sizing: border-box;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;

  display: block;
  overflow: hidden;

  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;

  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;

  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;

  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;

  height: auto;

  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

* {
  font-family: 'Myriad Pro', sans-serif;
  box-sizing: border-box;
  font-weight: normal;
  font-size: 17px;
}

h2 {
  font-size: 40px;
  line-height: 50px;
  font-weight: bold;
}

h6 {
  font-size: 20px;
  line-height: 30px;
  color: #00558C;
  font-weight: 600;
}

header {
  padding: 10px 0px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
  background: #fff;
  box-shadow: 0 -9px 8px 1px rgba(0, 0, 0.1);
}

header .header-logo img {
  width: 200px;
}

header .row {
  align-items: center;
}

#top-nav {
  margin-right: 15px;
}

.menu li {
  padding: 10px;
}

.menu li a {
  color: #3A434C;
  text-decoration: none;
  transition: all ease-in .2s;
}

.menu li a:hover {
  color: #84BD00;
}

#header-menu {
  display: flex;
  align-items: center;
  justify-content: end;
}

.header-btn a {
  background: #00558C;
  padding: 10px 20px;
  border-radius: 20px;
  color: #fff;
  border: 1px solid #00558C;
  text-decoration: none;
  transition: all ease-in-out .4s;
  min-width: 135px;
  display: inline-block;
  text-align: center;
}

.header-btn a:hover {
  background: transparent;
  color: #00558C;
}

.header-btn a.outline-btn {
  background: transparent;
  color: #00558C;
  margin-right: 10px;
}

.header-btn a.outline-btn:hover {
  background: #00558C;
  color: #fff;
}

#mobile-nav {
  display: none;
}

@media (min-width:768px) and (max-width:1024px) {
  header .header-logo img {
    width: 120px;
  }

  .menu li {
    padding: 10px 5px;
  }

  .menu li a {
    font-size: 14px;
  }

  .header-btn a {
    padding: 10px 10px;
    font-size: 12px;
    min-width: 100px;
  }
}

@media(max-width:767px) {
  #desktop-nav {
    display: none;
  }

  #mobile-nav {
    display: block;
  }

  header {
    padding-left: 40px;
  }

  header .navbar-toggle {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    padding: 11px 0;
    position: absolute;
    left: 10px;
    top: 50%;
    width: 20px;
    border-radius: 6px;
    font-size: 0px;
    transform: translateY(-50%);
  }

  header .navbar {
    position: static;
  }

  header .header-logo img {
    width: 100px;
  }

  header span.icon-bar {
    margin: auto;
    background-color: #000;
    border-radius: 1px;
    display: block;
    height: 3px;
    position: relative;
    width: 20px;
    transition: 400ms;
    top: 0
  }

  header .navbar-toggle span.icon-bar+span.icon-bar {
    margin-top: 4px
  }

  header .navbar-toggle.nav-menuopen span.icon-bar:nth-child(2) {
    opacity: 0
  }

  header .navbar-toggle.nav-menuopen span.icon-bar:nth-child(4) {
    top: -15px;
    transform: rotate(45deg)
  }

  header .navbar-toggle.nav-menuopen span.icon-bar:nth-child(3) {
    top: -8px;
    transform: rotate(-45deg)
  }

  header .row>div {
    width: 50%;
  }

  header .navbar-toggle.nav-menuopen {
    top: 58%;
  }

  .header-btn a {
    padding: 8px 15px;
    font-size: 12px;
    margin-right: 2px !important;
    float: right;
    min-width: 100px;
  }

  .header-btn {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 63% !important;
    float: right;
  }

  header .navbar {
    background-color: transparent !important;
  }

  header .navbar ul {
    background: #fff;
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    z-index: 1;
    padding: 10px 20px;
    transition: all ease .4s;
    box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.1);
  }

  .navbar-nav .nav-link {
    font-size: 15px;
    font-weight: normal;
    color: #000 !important;
  }

  .navbar-nav .nav-link:hover {
    color: #84BD00 !important;
  }
}

/*HEro banner */
.hero-banner {
  background-position: 0 -130px !important;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  margin-top: 100px;
  padding: 70px 0px 88px;
}

.hero-logo {
  margin-bottom: 30px;
}

.hero-slide .Slider-List {
  width: 100%;
  padding: 10px;
  margin: 10px;
}

.hero-slide .Slider-List span {
  font-size: 100px;
  background: darkgray;
  padding: 10px;
  text-align: center;
  width: 100%;
  display: inline-block;
}

.hero-slide .slick-dots {
  list-style: none;
  padding: 0px;
  position: absolute;
  bottom: 17px;
  transform: translateY(-50%);
  left: 18%;
  right: auto;
  margin: 0 auto !important;
  width: auto;
  display: inline-block;
  float: left;
  text-align: center;
  z-index: 1;
}

.hero-slide .slick-dots li {
  width: auto;
  display: inline-block;
  margin: 0px 10px;
}

.hero-slide .slick-dots li button {
  font-size: 0;
  background: rgba(212, 212, 212, 70%);
  width: 10px;
  height: 10px;
  border-radius: 100%;
  padding: 0;
  border: none;
  margin: 10px 5px;
  opacity: 0.5;
  float: left;
}

.hero-slide .slick-dots li.slick-active button {
  opacity: 1;
}

.hero-slide .slick-dots li.slick-active:before {
  content: '';
  position: absolute !important;
  background-size: 40px !important;
  background-position: center !important;
  z-index: 1;
  width: 45px;
  height: 45px;
  left: -13px;
  top: -7px;
}

.slick-dots li.slick-active button:before,
.slick-dots li button:before {
  opacity: .75;
  color: transparent !important;
}

.hero-slide .slick-dots li.slick-active {
  position: relative;
}

.hero-banner .container {
  display: flex;
  align-items: center;
}

.hero-banner .hero-left {
  float: left;
  width: 50%;
  display: inline-block;
  color: #fff;
}

.hero-banner .hero-right {
  float: left;
  width: 50%;
  display: inline-block;
  position: absolute;
  right: 100px;
  bottom: 0;
  max-width: 710px;
}

.hero-banner .hero-right img {
  max-width: 100%;
}

.hero-banner .carousel-caption {
  max-width: 65%;
}

.hero-banner .carousel-captionText {
  position: relative;
  padding-bottom: 70px;
  min-height: 290px;
}

.Hero-slider .hero-banner .carousel-captionText {
  min-height: inherit;
}

.Hero-slider .hero-banner {
  padding-bottom: 0px;
}

/* .Hero-slider {
    background: #FCFCFD;
} */
.Hero-slider .hero-banner {
  height: 520px;
}

.hero-banner .carousel-captionText h4 {
  font-size: 40px;
  line-height: 50px;
  font-weight: bold;
}

.hero-banner .carousel-captionText h5 {
  font-size: 25px;
  line-height: 35px;
  margin-top: 25px;
  margin-bottom: 20px;
}

.hero-banner .carousel-captionText p {
  font-size: 18px;
  line-height: 24px;
}

.hero-banner .carousel-captionText a.green-btn {
  font-family: 'Myriad Pro Semibold';
  background: #84BD00;
  padding: 15px 45px;
  border-radius: 30px;
  color: #fff;
  border: 1px solid #84BD00;
  text-decoration: none;
  transition: all ease-in-out .4s;
  margin: 5px 0px;
  display: inline-block;
  position: absolute !important;
  bottom: 0px;
  min-width: 180px;
  text-align: center;
}

.hero-banner .carousel-captionText a.green-btn:hover {
  background: #fff;
  color: #84BD00;
  border: 1px solid #fff;
}

.Scroll-link {
  position: absolute;
  left: 200px;
  bottom: 10px;
  color: #fff;
  text-decoration: none;
}

.Scroll-link:hover {
  color: #fff;
  opacity: 0.7;
}

.Scroll-link img {
  margin-right: 10px;
  display: inline-block;
  width: 25px
}

/* .valueAdded-banner a.Scroll-link {
    position: static;
} */
/* @media  (min-width : 1100px) and (max-width : 1325px){
    .hero-banner {
        background-position: bottom 0px right 88px, top 0px left !important;
        background-size: 42% , cover !important;
    }
    
} */
.home-hero-btn {
  position: absolute;
  bottom: 80px;
}

.home-hero-btn a.Scroll-link {
  margin-left: 25px;
  position: static;
  left: inherit;
  bottom: inherit;
}

.Hero-slider .hero-banner .carousel-captionText {
  position: inherit;
}

.hero-banner .carousel-captionText .home-hero-btn a.green-btn {
  position: static !important;
}

.home-hero-btn a.green-btn {
  display: inline-block;
  position: static !important;
}

.hero-banner .Slider-List {
  width: 100%;
  padding: 10px;
  margin: 10px;
}

.hero-banner .Slider-List span {
  font-size: 100px;
  background: darkgray;
  padding: 10px;
  text-align: center;
  width: 100%;
  display: inline-block;
}

.hero-banner .slick-dots {
  list-style: none;
  margin-top: 30px;
  padding: 0px;
  position: absolute;
  bottom: 15px;
  left: -60px;
  right: auto;
  margin: 0 auto !important;
  width: 38px;
  display: inline-block;
  float: left;
  text-align: center;
  z-index: 1;
}

.hero-banner .slick-dots li {
  width: 100%;
  display: inline-block;
  margin: 0px 10px;
}

.hero-banner .slick-dots li button {
  font-size: 0;
  background: rgba(212, 212, 212, 70%);
  width: 10px;
  height: 10px;
  border-radius: 100%;
  padding: 0;
  border: none;
  margin: 10px 5px;
  opacity: 0.5;
  float: left;
}

.hero-banner .slick-dots li.slick-active button {
  opacity: 1;
}

.hero-banner .slick-dots li.slick-active:before {
  content: '';
  position: absolute !important;
  background-size: 40px !important;
  background-position: center !important;
  z-index: 1;
  width: 45px;
  height: 45px;
  left: -13px;
  top: -7px;
}

.hero-banner .slick-dots li.slick-active {
  position: relative;
}

.Midblock {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: flex-start;
}

@media (min-width : 768px) and (max-width:1560px) {
  .hero-banner {
    background-position: left bottom !important;
    background-size: cover !important;
    margin-top: 80px !important;
  }

  .hero-banner .hero-right {
    right: 0 !important;
  }

  .hero-slide .slick-dots {
    left: 0px;
    right: auto;
    width: 100%;
    text-align: left;
    z-index: 999;
    bottom: 0px !important;
  }

  .QAccess .row {
    gap: 0 !important
  }

  .QAccess .cards {
    padding: 20px 0 !important;
  }

  .QAccess .cards img.card-icon {
    width: 60px !important;
    height: auto;
  }



}

@media (min-width:768px) and (max-width:1024px) {
  h2 {
    font-size: 32px;
    line-height: 40px;
  }

  h6 {
    font-size: 22px;
    line-height: 30px;
    color: #00558C;
  }

  .hero-banner .hero-left {
    float: left;
    width: 80%;
  }

  .Scroll-link {
    position: absolute;
    left: 28%;
  }

  .hero-slide .slick-dots {
    left: 0px;
    right: auto;
    width: 100%;
    text-align: left;
    z-index: 999;
    bottom: -50px;
  }

  .hero-slide .slick-dots li button {
    background: rgba(212, 212, 212, 1) !important;
  }

  .hero-slide .slick-dots li {
    width: auto;
  }
}

@media (max-width: 767px) {
  h2 {
    font-size: 30px;
    line-height: 40px;
  }

  h6 {
    font-size: 20px;
    line-height: 30px;
    color: #00558C;
  }

  .hero-banner {
    margin-top: 70px;
  }



  .hero-banner .Slider-List {
    max-width: 70%;
  }

  .hero-banner a.Scroll-link {
    margin-left: 15px !important;
    position: static !important;
    left: inherit !important;
    bottom: inherit !important;
    display: inline-block !important;
  }

  .hero-banner .hero-left {
    width: 100%;
    position: static;
    z-index: 1;
  }

  .hero-banner .carousel-captionText h4 {
    font-size: 25px;
    line-height: 30px;
  }

  .hero-banner .carousel-captionText h5 {
    font-size: 25px;
    line-height: 35px;
  }

  .hero-banner {
    background-position: bottom right -85px, center !important;
    background-size: cover, 100% 100% !important;
    background-repeat: no-repeat !important;
    padding: 50px 0px 30px !important;
  }

  .hero-logo {
    position: relative;
    z-index: 1;
    width: 85px;
  }

  section.hero-banner {
    position: relative;
  }

  .hero-banner:before {
    content: '';
    background: rgba(0, 0, 0, 0.4);
    padding: 10px;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
  }

  .hero-slide .slick-dots {
    left: 0px;
    right: auto;
    width: 100%;
    text-align: left;
    z-index: 10;
    bottom: -35px;
  }

  .hero-slide .slick-dots li button {
    background: rgba(212, 212, 212, 1) !important;
  }

  .hero-slide .slick-dots li {
    width: auto;
  }

  .Scroll-link {
    left: auto;
    right: 11%;
  }

  .hero-banner .carousel-captionText {
    min-height: inherit;
    position: relative;
    z-index: 1;
  }

  .hero-banner .hero-left {
    flex: 0 0 100%;
  }

  .hero-banner .carousel-captionText {
    max-width: 100%;
  }

  .hero-banner .carousel-captionText {
    padding-bottom: 50px;
  }

  .Hero-slider .hero-banner {
    height: 460px;
  }

  .hero-slide .slick-dots {
    top: 97%;
  }
}

.service {
  padding: 70px 0px;
  background: #FCFCFD;
}

.service h2 {
  margin-bottom: 60px;
}

.service h2,
.service h6 {
  text-align: center;
}

.service .row {
  gap: 30px 50px;
  margin-top: 30px;
}

.service .cards {
  box-shadow: 0px 0px 22px 1px rgba(0, 0, 0, 0.1);
  flex: 0 0 47.5%;
  padding: 30px 60px 10px 130px;
  background: #fff;
  position: relative;
}

.service .cards img.card-icon {
  position: absolute;
  left: 30px;
}

.service .cards .learn-btn {
  color: #F3D03E;
  font-size: 18px;
  text-decoration: none;
  margin-top: 15px;
  float: left;
  text-decoration: underline;
}

.service .cards .bluelink {
  color: #009ECC;
}

.service .cards .greenlink {
  color: #84BD00;
}

.service .cards .pinklink {
  color: #AA0061;
}

.service .cards span {
  display: block;
  margin: 10px 0px;
  padding-right: 100px;
  margin-top: 0px;
}

.service .cards img {
  margin-bottom: 20px;
  transition: all ease .4s;
  max-width: 65px;
}

.service .cards a {
  float: right;
}

.service .cards a img {
  max-width: 45px;
}

.service .cards a:hover img {
  transform: scale(1.1);
}

.service .cards .head {
  font-size: 25px;
  line-height: 40px;
}

.service .cards span.prg {
  min-height: 96px;
}

@media (min-width:768px) and (max-width:1024px) {
  .benifit-box {
    margin: 10px 0px;
  }

  .service .row {
    gap: 30px 30px;
  }

  .service .cards {
    flex: 0 0 46.5%;
    padding: 30px 40px 10px 120px;
  }

  .service .cards span {
    padding-right: 0;
  }
}

@media(max-width:767px) {
  .service .cards {
    margin: 0;
    flex: 0 0 100%;
    padding: 30px 20px 10px 90px;
  }

  .service {
    padding: 30px 20px;
  }

  img.card-icon {
    left: 15px !important;
  }

  .service .row {
    gap: 20px 30px;
  }

  .service .cards img {
    max-width: 55px;
    left: 20px;
  }

  .service .cards a img {
    max-width: 40px;
  }

  .service .cards .head {
    font-size: 20px;
    line-height: 30px;
    margin-top: 10px;
  }

  .service h2 {
    margin-bottom: 25px;
  }

  .service .cards span {
    padding-right: 20px;
  }
}

.dental-plan {
  padding: 70px 0px 10px;
}

.dental-plan h2 {
  text-align: left;
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 20px;
}

.debtal-box p {
  font-size: 16px;
  color: #181818;
}

.dental-img {
  position: relative;
  flex: 0 0 40%;
}

.dental-img img {
  max-width: 100%;
}

.dental-img:after {
  content: '';
  position: absolute;
  right: -13%;
  top: 50%;
  transform: translateY(-50%);
  background: #84BD00;
  width: 90%;
  height: 70%;
  z-index: -1;
  bottom: -10%;
}

.dental-content {
  flex: 0 0 60%;
  padding-right: 50px;
  padding-left: 50px;
  text-align: left;
}

.dental-box {
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
  align-items: center;
}

.dental-img {
  flex: 0 0 50%;
}

.dental-img img {
  max-width: 100%;
}

.dental-content {
  flex: 0 0 50%;
}

.dental-content a {
  background: #84BD00;
  padding: 12px 30px;
  border-radius: 25px;
  color: #fff;
  border: 1px solid #84BD00;
  text-decoration: none;
  transition: all ease-in-out .4s;
  margin: 5px 0px;
  display: inline-block;
  bottom: 0px;
  font-weight: 600;
}

.dental-content a:hover {
  background: transparent;
  color: #84BD00;
}

@media (min-width:768px) and (max-width:1024px) {
  .debtal-box p strong {
    font-size: 20px;
    line-height: 30px;
  }
}

@media(max-width:767px) {
  .dental-plan h1 {
    font-size: 30px;
    line-height: 35px;
  }

  .dental-plan h3 {
    font-size: 20px;
    line-height: 30px;
  }

  .debtal-box {
    display: inherit;
    margin-top: 20px;
  }

  .dental-content {
    padding-left: 50px;
    padding: 10px !important;
    margin: 56px 0px 0px;
  }

  .dental-img:after {
    left: -10px;
  }

  .debtal-box.reverse .dental-img:after {
    right: -11px;
  }

  .debtal-box p strong {
    font-size: 25px;
    line-height: 30px;
  }

  .dental-plan {
    padding: 30px 0px;
  }

  .dental-box {
    flex-wrap: wrap;
  }

  .dental-img {
    flex: 0 0 100%;
  }

  .dental-content {
    flex: 0 0 100%;
    margin-top: 20px;
  }
}

/*Benifit*/
.benifit {
  padding: 70px 0px;
}

.benifit h6 {
  text-align: center;
}

.benifit h2 {
  text-align: center;
  margin-bottom: 50px;
}

.benifit-box {
  background: #fff;
  padding-bottom: 40px;
  margin: 10px 15px;
  padding: 20px 20px 20px 110px !important;
  position: relative;
  box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 10%);
}

.benifit-box img {
  max-width: 100%;
}

img.benifitImg {
  width: auto;
  position: absolute;
  left: 15px;
}

.benifit-box h3 {
  padding: 15px;
  color: #00558C;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}

.benifit-box a {
  padding: 15px;
  color: #00558C;
  font-size: 16px;
  text-decoration: underline;
}

.benifit-box a {
  padding: 15px;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
  cursor: inherit;
}

.benifit-box a img {
  position: absolute;
  right: 20px;
  height: 45px;
  cursor: pointer;
  transition: all ease .4s;
}

.benifit-box a:hover img {
  transform: scale(1.1);
}

@media (min-width:768px) and (max-width:1024px) {
  .benifit-box {
    margin: 10px 0px;
  }
}

@media(max-width:767px) {
  .benifit {
    padding: 30px 0px;
  }

  .benifit h2 {
    margin-bottom: 20px;
  }

  .benifit-box h3 {
    font-size: 20px;
  }

  .benifit-box a {
    font-size: 16px;
  }

  .benifit-box a img {
    max-width: 40px;
  }

  .benifit-box {
    padding-bottom: 20px;
    margin: 10px 10px;
  }

  .benifit {
    padding: 30px 0px;
  }

  img.benifitImg {
    max-width: 70px;
  }

  .benifit-box {
    padding: 20px 20px 20px 85px !important;
  }
}

.enroll {
  background-position: center;
  background-size: cover !important;
  min-height: 400px;
  position: relative;
}

.enroll-content {
  padding: 70px 50px 70px 90px;
  justify-content: end;
  align-items: center;
  max-width: 70%;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.enroll-content h2 {
  color: #fff;
  font-weight: 400;
  font-size: 30px;
  line-height: 40px;
}

.enroll-content p {
  color: #fff;
  margin: 20px 0px;
}

.enroll-content>div h2 {
  flex: inherit;
}

.enroll-content a {
  background: #84BD00;
  border-radius: 42px;
  text-align: left;
  color: #fff;
  text-decoration: none;
  padding: 15px 20px;
  position: relative;
  min-width: 180px;
  display: inline-block;
  text-align: center;
  transition: all ease .4s;
  font-weight: 400;
  margin-top: 10px;
}

/* 
.enroll-content a  img {
    max-width:40px;
    position: absolute;
    right: 20px;
    top:50%;
    transform: translateY(-50%);
    transition: all ease .4s;
} */
.enroll-content a:hover {
  transform: scale(1.1);
}

.greenbox {
  text-align: center;
  background-color: #84BD00;
  padding: 50px 20px;
}

.greenbox h3 {
  font-size: 25px;
  color: #fff;
  font-weight: 600;
}

@media(max-width:767px) {
  .greenbox h3 {
    font-size: 20px;
    margin: 0;
  }

  .greenbox {
    padding: 30px 15px;
  }

  .enroll-content {
    display: inherit;
    padding: 20px 20px;
  }

  .enroll-content h2 {
    flex: 0 0 100%;
    width: 100%;
    font-size: 25px;
    line-height: 35px;
    text-align: center;
  }

  .enroll-content a {
    width: 100%;
    display: block;
    max-width: 240px;
    margin: 15px 0px 0px;
    padding: 15px 20px !important;
  }

  .enroll {
    padding: 15px 10px 30px;
    min-height: inherit;
  }

  .enroll-content {
    position: inherit;
    top: auto;
    transform: inherit;
  }
}

.home-faq h2 {
  text-align: center;
  margin-bottom: 50px;
}

.home-faq h6 {
  text-align: center;
}

.home-faq {
  padding: 50px 0px;
}

.home-faq img {
  max-width: 100%;
}

.home-faqContent img {
  min-height: inherit;
  float: right;
}

.home-faq-box {
  padding: 0px 30px;
  position: relative;
  overflow: hidden;
}

.home-faqContent {
  position: absolute;
  top: 0px;
  padding: 30px 30px;
  width: 100%;
  background: rgba(0, 0, 0, 25%);
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}

.home-faq-box .inner {
  overflow: hidden;
  position: relative;
  height: 250px;
}

.home-faqContent h3 {
  color: #fff;
  font-weight: 600;
  font-size: 20px;
}

.home-faqContent a {
  float: right;
  display: block;
  flex: 0 0 100%;
}

.home-faqContent h3 {
  width: 100%;
  float: left;
  flex: 0 0 100%;
  margin-top: 90px;
}

.home-faqContent img {
  max-width: 60px;
  transition: all ease .4s;
}

.home-faqContent a:hover img {
  transform: scale(1.1);
}

.home-faq .slick-arrow {
  position: absolute;
  top: auto;
  left: -35px;
  background-size: 100% !important;
  background-position: center !important;
  width: 50px;
  height: 50px;
  outline: none;
  border: none;
  transition: all ease-in-out .2s;
  z-index: 1;
  font-size: 0px;
  position: absolute !important;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}

.home-faq .slick-arrow.slick-prev {
  transform: rotateY(180deg) translateY(-50%);
}

.home-faq .slick-arrow.slick-next {
  background-position: center !important;
  right: -35px;
  left: auto;
  background-size: 100% !important;
}

@media (min-width:768px) and (max-width:1024px) {
  .home-faq-box {
    padding: 15px 10px;
  }

  .home-faqContent h3 {
    margin-top: 60px;
  }
}

@media(max-width:767px) {
  .home-faq-box {
    padding: 15px 10px;
  }

  .home-faq {
    padding: 0px 0px;
  }

  .home-faqContent {
    width: 100%;
    height: 100%;
  }

  .home-faq h2 {
    margin-bottom: 20px;
  }

  .home-faq .slick-arrow {
    left: 0;
  }

  .home-faq .slick-arrow.slick-next {
    right: 0;
  }
}

footer {
  padding: 70px 0px;
  background: #F2F2F2;
  position: relative;
}

footer .Social-media {
  margin: 50px 0px 0px 10px;
  padding: 0;
}

footer .Social-media li {
  display: inline-block;
  margin: 5px;
}

footer .Social-media li a {
  width: 40px;
  height: 40px;
  background: #00558C;
  border-radius: 3px;
  display: inline-block;
  text-align: center;
  position: relative;
  transition: all ease .4s;
}

footer .Social-media li a:hover {
  border-radius: 0px;
  transform: scale(1.1);
}

footer .Social-media li a img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}

footer .ftr-menu {
  margin: 0px;
  padding: 0px;
  list-style: none;
  padding-left: calc(var(--bs-gutter-x) * .5);
}

footer .ftr-menu li {
  list-style-type: none;
  margin: 10px 0px;
  width: 98.33%;
  display: inline-block;
}

footer .ftr-menu li a {
  font-size: 16px;
  color: #3A434C;
  text-decoration: none;
}

footer .ftr-menu ul.small {
  padding: 0;
  width: 25%;
  float: left;
}

footer .ftr-menu ul.big {
  padding: 0;
  width: 75%;
  float: left;
}

footer .ftr-menu li:last-child {
  width: 100%;
}

footer .bottom-ftr span {
  margin-bottom: 40px;
  display: block;
  font-family: 'Myriad Pro Semibold';
}

footer .bottom-ftr img {
  max-height: 72px;
  margin-right: 30px;
}

footer .ftrDes {
  max-width: 600px;
  width: 100%;
}

@media(max-width:767px) {
  footer {
    padding: 50px 0px;
  }

  footer .ftr-menu li {
    width: 48%;
    margin: 5px 0px;
  }

  footer .my-5 {
    margin: 20px 0px !important;
  }

  footer .Social-media li a {
    width: 35px;
    height: 35px;
  }

  footer .Social-media {
    margin: 20px 0px 15px;
  }

  footer .bottom-ftr span {
    margin-bottom: 25px;
  }

  footer .bottom-ftr img {
    margin-bottom: 20px;
  }
}

.video {
  padding: 70px 0px 0px;
  text-align: center;
}

.video-bg {
  background: #84BD00;
  height: 300px;
  width: 100%;
  display: inline-block;
  margin-top: 100px;
}

.video video {
  width: 100%;
  background-size: cover;
  min-height: 367px;
  background-position: center;
}

#video-container img {
  max-width: 100%;
}

div#video-container {
  transform: translateY(0%);
}

#video-image {
  width: 100%;
  height: 420px;
}

div#video-play-button img {
  max-width: 70px;
}

#video-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.video h6 {
  font-size: 25px;
  line-height: 35px;
}

@media(max-width:767px) {
  .video video {
    height: 227PX;
  }

  .video-bg {
    margin-top: 50px;
    height: 165px;
  }

  .video {
    padding: 40px 0px 0px;
  }

  .video h6 {
    font-size: 20px;
    line-height: 30px;
  }
}

/*Fact Page CSS*/
.normal-banner {
  background-size: 42%, 100% 100%;
  padding: 100px 0px 70px;
  background-position: bottom 0px right 100px, center !important;
  min-height: 520px;
}

.normal-banner-btnBox {
  position: absolute;
  bottom: 80px;
}

.normal-banner .carousel-captionText p {
  font-size: 18px;
}

.normal-banner a.Scroll-link {
  margin-left: 55px;
  position: static;
  left: inherit;
  bottom: inherit;
}

.hero-banner a.Scroll-link {
  margin-left: 55px;
  position: static;
  left: inherit;
  bottom: inherit;
}

.normal-banner .carousel-captionText a.green-btn {
  display: inline-block;
  position: static !important;
}

.facts {
  padding: 70px 0px;
  background: #FCFCFD;
}

.facts h2,
.facts h6 {
  text-align: center;
}

.facts .teethbox {
  display: flex;
  align-items: center;
  position: relative;
  margin: 70px 0px;
  min-height: 130px;
  padding: 0px 20px;
}

.facts .toothright-text {
  position: relative;
  padding-left: 120px;
}

.facts .toothright-text:before {
  content: '';
  left: 35px;
  top: 50%;
  height: 79px;
  width: 54px;
  position: absolute;
  background-size: 100%;
  transform: translateY(-47%);
}

.facts .toothright-text:after {
  content: '';
  left: 35px;
  top: 50%;
  height: 210px;
  width: 50px;
  position: absolute;
  background-size: 36px;
  transform: translateY(-50%);
}

.facts .toothright-text.yellow:before {
  background-size: 100%;
}

.facts .toothright-text.blue:before {
  background-size: 100%;
}

.facts .toothright-text.purple:before {
  background-size: 100%;
}

.facts .toothright-text p {
  font-size: 16px;
  line-height: 24px;
  color: #000;
  margin: 0;
}

.facts .teethbox img {
  max-width: 90px;
}

.facts ul {
  margin-top: 0px;
}

.facts ul li {
  list-style-type: none;
  padding: 10px 10px 10px 0px;
}

.normal-banner .hero-left {
  padding-left: 40px;
}

.normal-banner .carousel-captionText {
  min-height: initial;
  position: inherit;
  max-width: 470px;
}

.hero-banner .carousel-captionText {
  min-height: initial;
  position: inherit;
  max-width: 470px;
}

.normal-banner h5 {
  font-weight: bold;
  font-size: 40px !important;
  color: #fff;
  line-height: 50px !important;
  margin-bottom: 20px !important;
}

.hero-banner.normal-banner .carousel-captionText p {
  padding-bottom: 20px;
  padding-top: 0px;
}

.facts .row {
  max-width: 90%;
  margin: 0 auto;
  width: 100%;
}

@media (max-width:767px) {

  /* .normal-banner {
        background-position: bottom right , center;
        background-size: cover , cover;
        background-repeat: no-repeat;
        padding: 50px 0px 70px;
    } */
  .normal-banner .Scroll-link {
    left: 190px;
    bottom: 85px;
    top: auto;
  }

  .facts .teethbox {
    /* display: inherit; */
    margin: 10px 0px;
    padding: 0px;
  }

  .normal-banner .hero-left {
    padding-left: 0px;
  }

  .facts {
    padding: 40px 0px;
  }

  .facts .teethbox img {
    max-width: 55px;
  }

  .facts .toothright-text {
    padding-left: 80px;
  }

  .facts .toothright-text:after {
    left: 18px;
    height: 115px;
    width: 30px;
    position: absolute;
    background-size: 20px;
  }

  .facts .toothright-text:before {
    left: 17px;
    height: 71px;
    width: 36px;
    background-size: 36px;
    transform: translateY(-34%);
  }

  .facts ul {
    margin-top: 0px;
    padding: 0px 10px;
  }

  .facts ul li {
    padding: 10px 0px;
  }

  /* .facts .teethbox img {
        margin: 0 auto;
        display: table;
    }
    .facts .toothright-text {
        padding-left: 0px;
        padding-top:100px;
    }

    .facts .toothright-text:after {
        transform: translateY(0) rotate(90deg);
        top: -48px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .facts .toothright-text:before {
        transform: translateY(0) rotate(90deg);
        top: 20px;
        left: -1px;
        right: 0;
        margin: 0 auto;
        height: 79px;
        width: 56px;
    }

    .facts .toothright-text p {
        text-align: center;
    } */
}

/*compare-plan*/
.compare-banner {
  padding: 100px 0px 70px;
  background-size: 55%, 100% 100%;
}

.compare-banner .Scroll-link {
  color: #fff;
  text-decoration: none;
  margin-left: 40px;
  margin-top: 100px;
  display: block;
}

.compare-plan {
  padding: 70px 0px;
  background: #FCFCFD;
}

.compare-plan h6,
.compare-plan h2,
.compare-plan p {
  text-align: center;
}

.compare-plan p {
  max-width: 80%;
  margin: 0 auto;
}

.compare-plan .table-content {
  /* border: 2px solid #009ECC; */
  width: 100%;
  margin: 50px auto 50px;
  max-width: 100%;
  overflow: hidden;
  padding: 0px 0px 20px;
  position: relative;
}

.compare-plan table {
  width: 100%;
}

.compare-plan table td,
.compare-plan table th {
  padding: 15px 20px;
  text-align: center;
}

.compare-plan table td:first-child {
  text-align: left;
}

.compare-plan table th {
  background: #00558C !important;
  color: #fff !important;
}

.compare-plan table tr th {
  color: #00558C;
  font-weight: bold;
  text-align: center;
  border: none;
}

.compare-plan table tr th:first-child {
  text-align: left;
}

.compare-plan table tr td {
  color: #000;
  border: none;
}

.compare-plan table tr {
  border: none;
}

.compare-plan table thead tr:nth-child(2) th {
  font-weight: 600;
  background: #E8FAFF !important;
  color: #000 !important;
}

.compare-plan table tr td:first-child {
  color: #000;
  font-weight: normal;
}

.compare-plan table tr:last-child {
  border: none;
}

.compare-plan table thead tr {
  border: none !important;
}

.compare-details {
  max-width: 85%;
  margin: 0 auto;
  width: 100%;
}

.compare-details h6,
.compare-details h2,
.compare-details p {
  text-align: left !important;
  max-width: 100%;
}

.download h3 {
  position: absolute;
  top: 65%;
  color: #fff;
  left: 20px;
  font-weight: 500;
}

.download .benifit-box {
  background: rgba(0, 85, 140, 5%);
  padding-bottom: 20px;
  margin: 10px 15px;
  position: relative;
}

.download .benifit-box a img {
  height: 40px;
}

.download .benifit-box a {
  padding: 30px 15px 15px;
}

.compare-plan h6 {
  font-weight: 400;
  margin-top: 30px;
}

.dataTables_length,
.dataTables_filter {
  display: none;
}

table.dataTable.dtr-inline.collapsed tbody td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody th:first-child:before {
  top: 47%;
  transform: translateY(-50%);
}

@media(max-width:767px) {
  table.dataTable tr.child ul li {
    border-bottom: none;
  }
}

/*Value Added*/
.valueAdded-banner {
  padding: 100px 0px 70px;
}

.value-added {
  padding: 70px 0px;
}

.value-added h2 {
  text-align: center;
}

.value-added p {
  padding-top: 5px;
  text-align: center;
}

.value-added-box {
  display: flex;
  align-items: center;
  margin-top: 50px;
  padding: 0px 20px 0%;
}

.value-added-box.reverse {
  flex-direction: row-reverse;
}

.value-added-box p {
  font-size: 18px;
  color: #181818;
}

.value-added-box p strong {
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
  color: #00558C;
}

.value-added-img {
  position: relative;
  flex: 0 0 50%;
  padding-right: 18px;
  max-width: 701px;
  height: 502px;
}

.value-added-img img {
  max-width: 100%;
}

.value-added-img:after {
  content: '';
  position: absolute;
  left: -40px;
  bottom: 50px;
  background: #84BD00;
  width: 50%;
  height: 50%;
  z-index: -1;
}

.value-added-img:before {
  content: '';
  position: absolute;
  right: -20px;
  top: 42%;
  transform: translateY(-50%);
  background: #F2F2F2;
  width: 50%;
  height: 65%;
  z-index: -1;
}

/* .value-added-box2 .value-added-img:after {
    content: '';
    position: absolute;
    left: -71% !important;
    top: auto !important;
    bottom: -10%;
    transform: inherit;
    background: #84BD00;
    width: 100%;
    height: 50%;
    z-index: -1;
} */
.value-added-box.value-added-box1 .value-added-content {
  padding-left: 80px !important;
  padding-right: 0px !important;
}

.value-added-box2 .value-added-img:after {
  content: '';
  position: absolute;
  left: -100% !important;
  top: auto !important;
  bottom: 60px;
  transform: inherit;
  background: #84BD00;
  width: 150%;
  height: 50%;
  z-index: -1;
}

.value-added-box2 .value-added-content {
  background: #fff;
  padding: 30px 30px 70px 30px !important;
  box-shadow: 3px 3px 99px rgba(0, 0, 0, 5%);
  margin-top: 50px !important;
  margin-right: -3%;
  z-index: 1;
}

.value-added-content p a {
  padding: 0px;
  border-radius: 0px;
  background: transparent;
  box-shadow: inherit;
  font-weight: 400;
  text-decoration: underline !important;
}

.value-added-box2 .value-added-img {
  padding-right: 15px !important;
  flex: 0 0 50%;
}

.value-added-box2 .value-added-img::before {
  top: 90px;
  right: -20px;
  height: 50%;
}

.value-added-box2 {
  margin-top: 25px !important;
}

.value-added-box a.link {
  color: #000 !important;
  background: transparent !important;
  padding: 0px !important;
  font-weight: 300 !important;
  box-shadow: inherit !important;
  margin: 0 !important;
  text-decoration: underline !important;
  min-width: inherit;
}

.value-added-box3 .value-added-img {
  height: inherit;
}

.value-added-box3 .value-added-img:after {
  left: auto;
  content: '';
  position: absolute;
  right: -20px;
  top: -35px;
  background: #84BD00;
  width: 50%;
  height: 80%;
  z-index: -1;
}

.value-added-box3 .value-added-img:before {
  content: '';
  position: absolute;
  right: 0;
  left: 54%;
  top: auto;
  bottom: -40px;
  transform: inherit;
  background: #F2F2F2;
  width: 70%;
  height: 50%;
  z-index: -1;
  margin: 0 auto !important;
  transform: translateX(-50%);
}

.value-added-box.value-added-box3 {
  margin-top: 100px !important;
}

.value-added-box3 .value-added-img {
  padding-left: 5%;
}

.value-added-box.reverse .value-added-img:after {
  right: -16%;
  top: 10%;
  left: auto;
}

.value-added-box3 {
  margin-bottom: 50px;
}

.value-added-box3 .value-added-content {
  padding-right: 50px;
  padding-left: 50px;
}

.value-added-box4 {
  margin-top: 80px !important;
  margin-bottom: 50px;
}

.value-added-box4 .value-added-img {
  flex: 0 0 50%;
  padding-right: 0px !important;
  padding-left: 30px;
}

.value-added-box4 .value-added-content {
  flex: 0 0 50%;
  padding-left: 60px;
  padding-right: 0px;
}

.value-added-box4 .value-added-img:before {
  display: none;
}

.value-added-box4 .value-added-img:after {
  height: 60%;
  top: 40% !important;
  transform: translateY(-50%);
  right: auto !important;
  left: -10px;
}

.value-added-content {
  flex: 0 0 50%;
  padding-right: 100px;
  text-align: left;
}

.value-added-box.reverse .value-added-content {
  padding-left: 0px;
  padding-right: 70px;
}

.value-added-content p {
  text-align: left;
}

.value-added-content ul {
  list-style: none;
  margin-left: 0px;
  padding-left: 15px;
  display: flex;
  flex-wrap: wrap;
}

.value-added-content ul li {
  position: relative;
  padding-left: 15px;
  margin-bottom: 15px;
  font-size: 16px;
  flex: 0 0 50%;
}

.value-added-content ul li:after {
  content: '';
  width: 10px;
  height: 10px;
  background-color: #84BD00;
  border-radius: 100%;
  position: absolute;
  left: -5px;
  top: 5px;
}

.value-added-content a {
  background: #84BD00;
  padding: 15px 10px;
  border-radius: 47px;
  color: #fff;
  text-decoration: none;
  min-width: 150px;
  display: inline-block;
  text-align: center;
  box-shadow: 0px 30px 70px rgba(0, 0, 0, 16%);
  font-weight: 600;
}

.valueBottom-content p {
  text-align: left;
}

@media (min-width:768pc) and (max-width:1024px) {
  .value-added-box p strong {
    font-size: 20px;
    line-height: 30px;
  }
}

@media(max-width:767px) {
  .value-added-plan h1 {
    font-size: 30px;
    line-height: 35px;
  }

  .value-added-plan h3 {
    font-size: 20px;
    line-height: 30px;
  }

  .value-added-box {
    margin-top: 20px;
    flex-wrap: wrap;
  }

  .value-added-content {
    padding-left: 50px;
    padding: 10px 0px !important;
    margin: 56px 0px 0px;
    flex: 0 0 100% !important;
  }

  .value-added-img {
    flex: 0 0 100% !important;
  }

  .value-added-img:after {
    left: -17px !important;
    height: 67% !important;
    bottom: -20px;
  }

  .value-added-img:after {
    left: -10px;
  }

  .value-added-box.reverse .value-added-img:after {
    right: -11px;
  }

  .value-added-box p strong {
    font-size: 25px;
    line-height: 30px;
  }

  .value-added-plan {
    padding: 30px 0px;
  }

  .value-added-box2 .value-added-content {
    margin-top: 30px !important;
    margin-right: 0;
  }

  .value-added-box2 .value-added-img {
    padding-right: 20px !important;
    flex: 0 0 100% !important;
    height: inherit;
  }

  .value-added-box.value-added-box3 {
    margin-top: 60px !important;
  }

  .value-added-box4 {
    margin-top: 0px !important;
    margin-bottom: 20px;
  }

  .value-added {
    padding: 40px 0px 30px;
  }

  .value-added-box4 .value-added-img:after {
    right: -9% !important;
  }

  .value-added-box p {
    font-size: 16px;
  }

  .value-added-box1 .value-added-img {
    height: inherit;
  }

  .value-added-box1 .value-added-img:before {
    right: 0px;
  }

  .value-added-box.value-added-box1 .value-added-content {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-top: 30px;
  }

  .value-added-box2 .value-added-img::before {
    top: 30px;
    right: 0px;
  }

  .value-added-box2 .value-added-img:after {
    width: 48%;
    right: auto !important;
    left: -20px !important;
    bottom: -20px;
  }

  .value-added-content {
    margin: 0px 0px 0px;
  }

  .value-added-box2 .value-added-content {
    background: #fff;
    padding: 30px 20px 20px 20px !important;
  }

  .value-added-box3 {
    flex-direction: column-reverse;
  }

  .value-added-box3 .value-added-img:after {
    right: -30px;
    top: -22px;
    width: 50%;
    height: 80%;
    z-index: -1;
  }

  .value-added-box3 .value-added-content {
    margin-top: 50px;
  }

  .value-added-box3 .value-added-img:before {
    bottom: -25px;
  }

  .value-added-box4 .value-added-img {
    height: inherit;
  }

  .value-added-box4 .value-added-img {
    padding-left: 0px;
  }

  .value-added-box4 .value-added-img:after {
    right: auto !important;
    width: 20px;
    left: -20px !important;
    top: 50% !important;
  }

  .value-added-box3 .value-added-img {
    padding-left: 0px;
  }
}

/*Right Choose Plan*/
.Right-plan-banner {
  background-position: bottom 0px right 100px, center !important;
  padding: 100px 0px 70px;
}

.Right-Choose-plan {
  padding: 50px 0px;
  background: #FCFCFD;
}

.Right-Choose-plan-box {
  display: flex;
  padding: 30px 0px 30px;
  border-bottom: 1px solid #CDCED0;
}

.Right-Choose-plan-box.col-reverse {
  flex-direction: row-reverse;
}

.Right-Choose-plan .bottom-content {
  text-align: left;
  padding-top: 50px;
}

.Right-Choose-plan-box h3 {
  color: #00558C;
  font-size: 25px;
  line-height: 35px;
  font-weight: 600;
  margin-top: 10px;
}

.Right-Choose-plan-box .Right-Choose-plan-content {
  padding-left: 40px;
}

.Right-Choose-plan-box.col-reverse .Right-Choose-plan-content {
  padding-right: 40px;
  padding-left: 0px;
}

.Right-Choose-plan-box .Right-Choose-plan-img {
  flex: 0 0 30%;
}

.Right-Choose-plan-box .Right-Choose-plan-img img {
  max-width: 100%;
}

.Right-Choose-plan-content {
  flex: 0 0 70%;
}

@media(max-width:767px) {
  .Right-Choose-plan-box .Right-Choose-plan-img {
    flex: 0 0 100%;
  }

  .Right-Choose-plan-content {
    flex: 0 0 100%;
  }

  .Right-Choose-plan-box {
    flex-direction: inherit;
    flex-wrap: wrap;
  }

  .Right-Choose-plan-box.col-reverse .Right-Choose-plan-content,
  .Right-Choose-plan-box .Right-Choose-plan-content {
    padding: 0px;
  }

  .Right-Choose-plan {
    padding: 30px 10px;
  }

  .Right-Choose-plan-box {
    padding: 20px 0px 20px;
  }
}

/*Home page More Greate*/
.more-plan {
  padding: 50px 0px 70px;
  background: #F2F2F2;
  position: relative;
  z-index: -1;
}

.more-plan h2 {
  font-size: 30px;
  line-height: 40px;
}

.more-plan h3 {
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  font-weight: 600;
  color: #84BD00;
  padding-top: 15px;
}

.more-box {
  display: flex;
  align-items: self-start;
}

.more-box p {
  font-size: 16px;
  color: #181818;
}

.debtal-box p strong {
  font-size: 20px;
  line-height: 40px;
  font-weight: bold;
  color: #00558C;
}

.more-img {
  flex: 0 0 50%;
}

.more-img img {
  max-width: 100%;
}

.more-content {
  flex: 0 0 47%;
  position: relative;
  background: #fff;
  padding: 100px 50px 70px 50px !important;
  box-shadow: 3px 3px 99px rgba(0, 0, 0, 5%);
  margin-top: 30px !important;
  margin-left: -2%;
  min-height: 430px;
}

.more-content:after {
  content: '';
  position: absolute;
  right: -10%;
  bottom: -10%;
  background: #84BD00;
  width: 120%;
  height: 100%;
  z-index: -1;
}

@media(max-width:767px) {
  .more-box {
    flex-wrap: wrap;
  }

  .more-img {
    flex: 0 0 100%;
  }

  .more-content {
    flex: 0 0 95%;
    margin: 0 auto;
    padding: 30px !important;
  }

  .more-content:after {
    right: -6%;
    bottom: -7%;
    height: 70%;
    width: 100%;
  }
}

/*Program CSS*/
.program {
  padding: 50px 0px;
  background: #F2F2F2;
}

.program h2 {
  text-align: center;
  padding-bottom: 50px;
}

.program-box {
  display: flex;
  align-items: center;
  margin-bottom: 50px;
}

.program-box.reverse {
  flex-direction: row-reverse;
}

.program-img {
  flex: 0 0 50%;
  position: relative;
  padding-left: 3%;
  position: relative;
  z-index: 11;
}

.program-img:after {
  content: '';
  position: absolute;
  left: 0%;
  bottom: -11%;
  transform: inherit;
  background: #84BD00;
  width: 50%;
  height: 70%;
  z-index: -1;
}

.program-box.reverse .program-img:after {
  content: '';
  position: absolute;
  left: 0%;
  top: 50%;
  transform: translateY(-50%);
  background: #84BD00;
  width: 50%;
  height: 70%;
  z-index: -1;
}

.program-img img {
  max-width: 100%;
}

.program-content {
  flex: 0 0 50%;
  padding-left: 3%;
}

.program-box.reverse .program-content {
  padding-right: 5%;
  padding-left: 5%;
}

.program-content ul {
  list-style: none;
  margin-left: 0px;
  padding-left: 15px;
}

.program ul li {
  position: relative;
  padding: 0px 0px 30px 40px;
  font-size: 16px;
}

.program ul li:last-child {
  padding-bottom: 0px;
}

.program ul li:after {
  content: '';
  width: 25px;
  height: 25px;
  background-size: 25px;
  position: absolute;
  left: -5px;
  top: 0px;
}

@media (max-width:767px) {
  .program-box {
    flex-wrap: wrap;
  }

  .program-img {
    flex: 0 0 100%;
  }

  .program-content {
    flex: 0 0 100%;
  }

  .program-box {
    margin-bottom: 0px;
  }

  .program-content {
    padding: 50px 20px 0px !important;
  }

  .program ul li {
    padding: 0px 0px 15px 30px;
  }

  .program-content ul {
    padding: 0px;
  }
}

/*Rates CSS*/
/* rates page all css start */
/* used 1st rates section start*/
/* rates table css start */
.rates-banner {
  padding: 100px 0px 70px;
}

/* .normal-banner.rates-banner  .Scroll-link {
    bottom: 17px;
} */
.myrdSubText span {
  font-size: 18px;
  line-height: 28px;
}

.vpatmyrdText {
  color: #000;
}

.rates-top {
  padding-top: 70px;
}

.rates-top input {
  border: 1px solid #00558C;
  padding: 5px 20px !important;
  background: #E8FAFF;
  height: 45px;
  border-radius: 5px;
  width: 100%;
  max-width: 70%;
}

.rates-top .ZipCodeText {
  padding-top: 10px;
}

.rates-top label {
  font-size: 20px;
  color: #23262F;
  width: 100%;
  padding-bottom: 10px;
}

.rates-top a {
  margin-left: 15px;
}

.rates-top a img {
  max-width: 50px;
}

.myrdInputSubText {
  display: flex;
  align-items: center;
}

.rates {
  padding: 70px 0px;
}

.rates h6,
.rates h2,
.rates p {
  text-align: center;
}

.rates p {
  max-width: 80%;
  margin: 0 auto;
}

.tableTitle {
  color: #00558C;
}

.rates .table-content {
  border: 2px solid #009ECC;
  width: 100%;
  margin: 20px auto 50px;
  max-width: 1200px;
  border-radius: 5px;
  overflow: hidden;
  padding: 0px 0px 20px;
  position: relative;
}

/* .rates .table-content:before{
    content:'';
    position: absolute;
    left:0;
    top:0;
    background:#E8FAFF;
    height:40px;
    width:0px;
} */
.rates table {
  width: 100%;
}

.rates table td,
.rates table th {
  padding: 15px 20px;
  text-align: center;
}

.rates table thead tr {
  background: #00558C;
  color: #fff !important;
  border-radius: 5px;
  ;
}

.rates table thead tr td {
  color: #fff !important;
  text-align: center;
  font-weight: 600 !important;
}

.rates table tr th {
  color: #00558C;
  font-weight: bold;
  text-align: center;
}

.rates table tr td {
  color: #000;
  text-align: center;
}

.rates table tbody tr {
  border-bottom: 1px solid #00558C;
}

.rates table tbody tr:first-child td {
  font-weight: 600;
  background: #E8FAFF;
  color: #00558C;
}

.rates table tbody tr:first-child {
  background: #E8FAFF;
  border: none;
}

.rates table tr td:first-child {
  color: #000;
  font-weight: normal;
}

.rates table tr:last-child {
  border: none;
}

.rates table thead tr {
  border: none !important;
}

@media(max-width:767px) {
  .rates-top {
    padding-top: 40px;
  }

  .rates .table-content {
    margin-bottom: 10px;
  }

  .tableTitle {
    padding-top: 20px;
  }

  .rates-top {
    padding: 0px 10px;
  }

  .rates {
    padding: 0px 10px 25px;
  }

  .vpattextdiv {
    padding: 35px 0px 20px;
  }
}

/* rates table css end */
/* used 1st rates section end*/
.myrdSubText {
  font-family: 'Myriad Pro';
  font-size: 30px;
  color: #00558C;
}

.myrdSubTextDtl {
  font-family: 'Myriad Pro';
  font-size: 30px;
  color: #000000;
}

/* rates page all css end */
/* vpat page all css start */
/*Ranjeet CSS Start*/
/*FaQ*/
/*****Update CSS****/


/* .faq-banner a.Scroll-link {
    position: static;
} */
.mt30 {
  margin-top: 26px;
}

.form-check-input {
  width: 25px;
  height: 25px;
}

label.form-check-label {
  color: #8B8889;
  font-weight: normal;
  padding-left: 11px;
  margin-top: 4px;
}

.card {
  padding: 30px;
  width: 100%
}

.card-title {
  font-size: 20px;
  color: #3A434C;
  font-weight: 600;
}

.belowheader {
  text-align: center;
  padding-top: 60px;
  margin-bottom: 50px
}

.faqparaHead {
  font-size: 16px;
  color: #181818;
}

.faqpara {
  font-size: 16px;
  color: #777E91;
  padding: 0 27px;
}

.accordion-button:not(.collapsed) {
  font-size: 20px;
  color: #23262F;
  background-color: white;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}

.accordion-button {
  font-size: 20px;
  color: #23262F;
  padding-right: 0px;
  background-color: #fcfcfd;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  font-family: 'Myriad Pro Semibold';
}

.accordion-button::after {
  background-size: 40px;
  width: 40px;
  height: 40px;
}

.accordion-button:focus {
  z-index: 3;
  border-color: white;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25);
}

.accordion-button:not(.collapsed)::after {
  background-size: 40px;
  width: 40px;
  height: 40px;
}

.tablefaqs {
  border-collapse: collapse;
  width: 100%;
}

.tdfaqs,
.thfaqs {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

.trfaqs:nth-child(even) {
  background-color: #dddddd;
}

.accordion-item {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .125);
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
}

.FaqsList {
  max-width: 70%;
  margin: 0 auto;
  margin-top: 20px;
}

.abovefooter {
  padding-bottom: 60px;
}

.required::after {
  content: "*";
  color: red;
}

.containerContact,
.g-recaptcha {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  margin-top: 20px;
}

.imageCon {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background-color: #84BD00;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.innerimageContact {
  width: 25px;
  height: 25px;
  margin: 15px;
}

.ulContact {
  list-style: none;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-evenly;
  padding: 10px 0 30px;
}

.imgcardcontact {
  width: 40px;
  height: 40px;
  margin-top: 15px;
  margin-left: 15px;
}

.liContact {
  display: flex;
  margin: 1%;
  align-items: center;
}

.h5Contact {
  font-size: 24px;
  color: #00558C;
  line-height: 40px;
  font-weight: 600;
  margin: 0;
}

.select-menu {
  position: relative;
}

.select-menu .select-btn {
  display: flex;
  height: 45px;
  font-weight: 600;
  background-position: center right 15px !important;
  padding: 20px;
  background-color: #E8FAFF !important;
  border: 2px solid #009ECC;
  color: #009ECC;
  background-size: 10px !important;
  border-radius: 8px;
  align-items: center;
  cursor: pointer;
  justify-content: space-between;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.select-menu .options {
  display: none;
  position: absolute;
  overflow-y: auto;
  width: 100%;
  max-height: 295px;
  padding: 10px;
  margin-top: 10px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-duration: 0.35s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.35s;
  -webkit-animation-fill-mode: both;
}

.select-menu .options .option {
  display: flex;
  font-size: 20px;
  cursor: pointer;
  padding: 10px 16px;
  align-items: center;
  background: #fff;
  border-bottom: 1px solid #CDCED0;
  margin: 0 5px 0 5px;
}

.select-menu .options .option:last-child {
  border: none;
}

.select-menu .options .option:hover {
  color: #e7ecee;
}

.select-menu .options .option i {
  font-size: 25px;
  margin-right: 12px;
}

.select-menu .options .option .option-text {
  font-size: 20px;
  color: #333;
}

.select-menu.active .select-btn {
  background-color: #E8FAFF;
  background-image: none;
}

.select-menu.active .options {
  display: block;
  opacity: 0;
  z-index: 10;
  margin-top: 2px;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
  animation-duration: 0.4s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.4s;
  border: 2px solid #0099C6;
  -webkit-animation-fill-mode: both;
}

@keyframes fadeInUp {
  from {
    transform: translate3d(0, 30px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes fadeInDown {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }

  to {
    transform: translate3d(0, 20px, 0);
    opacity: 0;
  }
}

.select-menu1,
.select-menu2,
.select-menu3,
.select-menu4 {
  position: relative;
}

.select-menu1 .select-btn.sBtn-text,
.select-menu2 .select-btn.sBtn-text,
.select-menu3 .select-btn.sBtn-text,
.select-menu4 .select-btn.sBtn-text {
  font-size: 14px;
}

.select-menu1 .select-btn,
.select-menu2 .select-btn,
.select-menu3 .select-btn,
.select-menu4 .select-btn {
  display: flex;
  height: 50px;
  margin: 8px 0;
  background-position: center right 15px;
  padding: 20px;
  background-color: #E8FAFF;
  border: 2px solid #009ECC;
  color: #009ECC;
  font-size: 15px;
  background-size: 10px;
  border-radius: 8px;
  align-items: center;
  cursor: pointer;
  justify-content: space-between;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.select-menu3 .select-btn,
.select-menu4 .select-btn {
  background-position: center right 15px;
  background-size: 10px;
}

.select-menu1 .options,
.select-menu2 .options,
.select-menu3 .options,
.select-menu4 .options {
  display: none;
  position: absolute;
  overflow-y: auto;
  width: 100%;
  max-height: 295px;
  padding: 10px;
  margin-top: 10px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-duration: 0.35s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.35s;
  -webkit-animation-fill-mode: both;
}

.select-menu1 .options .option,
.select-menu2 .options .option,
.select-menu3 .options .option,
.select-menu4 .options .option {
  display: flex;
  font-size: 20px;
  cursor: pointer;
  padding: 10px 16px;
  align-items: center;
  background: #fff;
  border-bottom: 2px solid #CDCED0;
  margin: 0 5px 0 5px;
}

.select-menu1 .options .option:last-child,
.select-menu2 .options .option:last-child,
.select-menu3 .options .option:last-child,
.select-menu4 .options .option:last-child {
  border: none;
}

.select-menu1 .options .option .option-text,
.select-menu2 .options .option .option-text,
.select-menu3 .options .option .option-text,
.select-menu4 .options .option .option-text {
  font-size: 14px;
  color: #333;
  font-weight: 600;
}

.select-menu1.active .options,
.select-menu2.active .options,
.select-menu3.active .options,
.select-menu4.active .options {
  display: block;
  opacity: 0;
  z-index: 10;
  margin-top: 2px;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
  animation-duration: 0.4s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.4s;
  border: 2px solid #0099C6;
  -webkit-animation-fill-mode: both;
}

.select-menu1 .select-btn,
.select-menu2 .select-btn {
  background-color: #00558C;
  border: none;
  color: #FFFFFF;
}

.select-menu1.active .select-btn,
.select-menu2.active .select-btn {
  background-color: #00558C;
  border: 1px solid #707070;
  color: #FFFFFF;
}

.select-menu .options .option:hover {
  background: #E8FAFF;
}

@media (min-width:768px) and (max-width:1024px) {

  /* h2 {
        font-size: 32px;
        line-height: 40px;
    }
    h6 {
        font-size: 22px;
        line-height: 30px;
        color:#00558C;
    }
    h5{
        font-size: 15px;
        color:#3A434C;
        font-weight: 600;
    } */
  .FaqsList {
    max-width: 100%;
    margin: 0 auto;
    margin-top: 10px;
  }

  .belowheader {
    padding-top: 20px;
    margin-bottom: 50px;
  }

  .abovefooter {
    padding-bottom: 60px;
  }

  .faqparaHead {
    font-size: 16px;
    color: #181818;
    padding: 5px;
  }

  .faqpara {
    font-size: 16px;
    color: #777E91;

    padding-right: 30px;
  }

  /*contact us*/
  .h5Contact {
    padding-top: 10px;
    color: #00558C;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
  }

  .ulContact {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
  }

  .select-menu1.active .options,
  .select-menu2.active .options,
  .select-menu3.active .options,
  .select-menu4.active .options {
    display: block;
    opacity: 0;
    z-index: 10;
    margin-top: 2px;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-duration: 0.4s;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.4s;
    border: 2px solid #0099C6;
    width: max-content;
    -webkit-animation-fill-mode: both;
  }
}

@media (max-width: 767px) {

  .slick-dots li.slick-active button:before,
  .slick-dots li button:before {
    color: #00558C !important
  }

  /* 
    h2 {
        font-size: 30px;
        line-height: 40px;
    }
    h6 {
        font-size: 20px;
        line-height: 30px;
        color:#00558C;
    } h5{
        font-size: 15px;
        color:#3A434C;
        font-weight: 600;
    } */
  .FaqsList {
    max-width: 100%;
    margin: 0 auto;
    margin-top: 10px;
  }

  .faqpara {
    font-size: 16px;
    color: #777E91;
    padding-right: 30px;
  }

  .belowheader {
    padding-top: 20px;
    margin-bottom: 50px;
  }

  .abovefooter {
    padding-bottom: 60px;
  }

  .faqparaHead {
    font-size: 16px;
    color: #181818;
    padding: 5px;
  }

  .accordion-button:not(.collapsed) {
    font-size: 20px;
    color: #23262F;
    background-color: white;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  }

  /*contact us*/
  .h5Contact {
    padding-top: 10px;
    color: #00558C;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
  }

  .ulContact {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
  }

  .select-menu1.active .options,
  .select-menu2.active .options,
  .select-menu3.active .options,
  .select-menu4.active .options {
    display: block;
    opacity: 0;
    z-index: 10;
    margin-top: 2px;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-duration: 0.4s;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.4s;
    border: 2px solid #0099C6;
    width: max-content;
    -webkit-animation-fill-mode: both;
  }
}

@media only screen and (max-width: 767px),
(min-device-width: 768px) and (max-device-width: 1024px) {
  .table-responsive>.table>tbody>tr>td {
    white-space: inherit;
    min-width: 200px;
  }
}

/*Contact us CSS*/
.contactus label {
  color: #23262F;
  font-weight: bold;
  size: inherit;
}

.contactus input[type=text],
.contactus input[type=email],
.contactus input[type=number],
.contactus input[type="date"],
.selection {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #D1D3D4;
  border-radius: 4px;
  box-sizing: border-box;
}

.contactus input[type=submit] {
  background-color: #00558C;
  border-radius: 50px;
  color: white;
  padding: 15px 50px;
  text-decoration: none;
  margin: 4px 15px;
  cursor: pointer;
  text-align: center;
  box-shadow: 0 0px 10px 4px rgb(0 0 0 / 10%);
  border: none;
  min-width: 180px
}

.contactus input[type=reset] {
  background-color: #FFFFFF;
  border: 3px solid #D1D3D4;
  color: #7D7D7D;
  border-radius: 50px;
  padding: 12px 50px;
  text-decoration: none;
  margin: 4px 15px;
  cursor: pointer;
  text-align: center;
  min-width: 180px
}

.contactus textarea {
  width: 100%;
  box-sizing: border-box;
  border: 2px solid #D1D3D4;
  border-radius: 4px;
  background-color: #FFFFFF;
  font-size: 16px;
  resize: none;
  padding: 14px 0 0 14px;
}

.topHeadPrg {
  font-size: 20px;
}

.contactus .subspan {
  font-size: 14px;
  color: #8D8D8D;
  line-height: normal;
  height: 10px;
  display: block;
}

/*General CSS*/
@media(max-width:767px) {
  .normal-banner .carousel-captionText h5 {
    font-size: 25px !important;
    line-height: 30px !important;
  }

  .normal-banner .hero-left {
    padding-left: 0px;
    position: static;
    z-index: 1;
  }

  .normal-banner {
    background-position: bottom right, center !important;
    background-size: 100%, 100% 99% !important;
    background-repeat: no-repeat;
    padding: 50px 0px 70px;
    min-height: inherit;
  }

  .normal-banner-btnBox {
    bottom: 20px;
  }

  .normal-banner .carousel-captionText p {
    font-size: 16px;
  }

  section.Hero-slider .hero-banner {
    background-size: 100% 128% !important;
    background-position: top -100px left !important;
  }

  .topHeadPrg {
    font-size: 18px;
  }

  .enroll-content {
    max-width: 100%;
  }

  .enroll-content h2 {
    flex: 0 0 100%;
    width: 100%;
    font-size: 25px;
    line-height: 35px;
    text-align: left;
  }

  .enroll-content h2 {
    flex: 0 0 100%;
    width: 100%;
    font-size: 25px;
    line-height: 35px;
    text-align: left;
  }

  .enroll-content h2 {
    text-align: left;
    padding: 0px;
  }

  .contactus input[type=reset],
  .contactus input[type=submit] {
    min-width: 150px
  }
}

.scrollTotop {
  position: absolute;
  right: 6%;
  top: 60px;
}

.scrollTotop img {
  max-width: 50px;
}

.chatbot {
  position: fixed;
  right: 5%;
  bottom: 5%;
  z-index: 1000;
}

.chatbot .chat-msg {
  background: #fff;
  box-shadow: 3px 3px 24px rgba(0, 0, 0, 10%);
  padding: 15px 20px;
  border-radius: 0px 0px 5px 5px;
  border-top: 6px solid #84BD00;
  width: 180px;
  margin-bottom: 20px;
  text-align: center;
}

.chatbot img {
  width: 60px;
  height: 60px;
  float: right;
}

@media (max-width:767px) {
  .chatbot .chat-msg {
    padding: 10px 15px;
    width: 150px;
  }
}

/*VAPT HTML CSS*/
.vapt-main {
  padding: 70px 0px;
}

.vapt-main h2,
.vapt-main h6,
.vapt-main .topHeadPrg {
  text-align: center;
}

.vapt-main table {
  width: 100%;
}

.vapt-main .table-content {
  /* border: 2px solid #009ECC; */
  width: 100%;
  margin: 50px auto 50px;
  max-width: 100%;
  overflow: hidden;
  padding: 0px 0px 20px;
  position: relative;
}

.vapt-main table {
  width: 100%;
  margin: 20px auto;
}

.vapt-main table td,
.vapt-main table th {
  padding: 15px 20px;
  text-align: center;
}

.vapt-main table th:last-child {
  text-align: left;
}

.vapt-main table td:first-child {
  text-align: left;
}

.vapt-main table td:last-child {
  text-align: left;
}

.vapt-main table th {
  background: #00558C;
  color: #fff !important;
}

.vapt-main table tr {
  border: none;
}

.vapt-main table tr th {
  color: #00558C;
  font-weight: bold;
  text-align: center;
  border: none;
}

.vapt-main table tr th:first-child {
  text-align: left;
}

.vapt-main table tr td {
  color: #000;
  border: none;
}

.vapt-main table tr td p {
  margin: 0px;
}

.vapt-main table tbody tr:first-child td {
  font-weight: 600;
  background: #E8FAFF;
  color: #000;
}

.vapt-main table tr td:first-child {
  color: #000;
  font-weight: normal;
}

/* .vapt-main table tr:last-child{
    border: none;
} */
.vapt-main table thead tr {
  border: none !important;
}

.vapt-main ul {
  list-style: none;
  margin-left: 0px;
  padding-left: 15px;
}

.vapt-main ul li {
  position: relative;
  padding: 0px 0px 30px 40px;
  font-size: 16px;
}

.vapt-main ul li:last-child {
  padding-bottom: 0px;
}

.vapt-main ul li:after {
  content: '';
  width: 25px;
  height: 25px;
  background-size: 25px;
  position: absolute;
  left: -5px;
  top: 0px;
}

.vpatChildTitleText {
  margin-top: 60px;
}

/*aboutUs CSS*/
.normal-banner.home-banner {
  background-size: cover !important;
  background-position: right -130px !important;
}

.normal-banner.value-added-banner {
  background-size: 100% 100% !important;
  background-position: top right, center !important;
}

.normal-banner.about-banner {
  background-size: 42%, 100% 100%;
  background-position: bottom 0px right 100px, center !important;
}

.normal-banner.contact-banner {
  background-size: 42%, 100% 100%;
  background-position: bottom 0px right 100px, center !important;
}


@media (max-width:1024px) {

  .normal-banner.home-banner {
    background-size: 100% 100% !important;
    background-position: top right, center !important;
  }

}


.aboutUs {
  padding: 50px 0px;
  background: #fff;
}

.aboutUs h2 {
  text-align: center;
  padding-bottom: 50px;
}

.aboutUs-box {
  display: flex;
  align-items: center;
}

.aboutUs-box.reverse {
  flex-direction: row-reverse;
}

.aboutUs-img {
  flex: 0 0 50%;
  position: relative;
  padding-left: 3%;
  position: relative;
  z-index: 11;
}

.aboutUs-box.reverse .aboutUs-img:after {
  content: '';
  position: absolute;
  right: 270%;
  top: 26%;
  transform: translateX(60%);
  background: #84BD00;
  width: 60%;
  height: 50%;
  z-index: -1;
}

.aboutUs-box.bottom .aboutUs-img:after {
  content: '';
  position: absolute;
  left: 6%;
  bottom: 4%;
  top: inherit;
  transform: inherit;
  background: #84BD00;
  width: 50%;
  height: 64%;
  z-index: -1;
}

.aboutUs-img img {
  max-width: 100%;
}

.aboutUs-content {
  flex: 0 0 50%;
  padding-left: 3%;
}

.aboutUs-box.reverse .aboutUs-content {
  padding-right: 5%;
  padding-left: 5%;
}

.aboutUs-content ul {
  list-style: none;
  margin-left: 0px;
  padding-left: 15px;
}

.aboutUs ul li {
  position: relative;
  padding: 20px 0px 20px 40px;
  font-size: 16px;
  border-bottom: 1px solid #ccc;
}

.aboutUs ul li:last-child {
  padding-bottom: 0px;
  border-bottom: none
}

.aboutUs ul li:after {
  content: '';
  width: 25px;
  height: 25px;
  background-size: 25px;
  position: absolute;
  left: -4px;
  top: 31px;
}

div.dataTables_info {
  display: none;
}

div.dataTables_paginate ul.pagination {
  display: none;
}

.compare-plan table.dataTable {
  border: 2px solid #009ECC;
}

.compare-plan table tr {
  border-bottom: 1px solid #00558C;
}

.vapt-main table {
  border: 2px solid #009ECC;
}

.vapt-main td {
  border-bottom: 1px solid #00558C !important;
}

@media (max-width:767px) {


  .hero-banner .hero-right {
    float: right;
    right: 0;
    bottom: 0;
  }

  .hero-banner .hero-right img {
    max-width: 100%;
  }


  .aboutUs-box {
    flex-wrap: wrap;
  }

  .aboutUs-img {
    flex: 0 0 100%;
  }

  .aboutUs-content {
    flex: 0 0 100%;
  }

  .aboutUs-box {
    margin-bottom: 0px;
  }

  .aboutUs-content {
    padding: 50px 20px 0px !important;
  }

  .aboutUs ul li {
    padding: 0px 0px 15px 30px;
  }

  .aboutUs-content ul {
    padding: 0px;
  }

  section.hero-banner {
    position: relative;
    min-height: 300px;
  }

  .hero-banner .carousel-captionText a.green-btn {
    padding: 10px 30px;
    min-width: 140px;
  }

  section.maindiv {
    padding: 10px 0px !important;
  }

  .mpt-0 {
    padding-top: 0 !important
  }

  .mpb-0 {
    padding-bottom: 0 !important
  }

  .mp-0 {
    padding: 0 !important
  }

  .mpt-10 {
    padding-top: 10px !important
  }

  .mpt-20 {
    padding-top: 20px !important
  }

  .mpt-40 {
    padding-top: 40px !important
  }

  .mpb-10 {
    padding-bottom: 10px !important
  }

  .mpb-20 {
    padding-bottom: 20px !important
  }

  .mpb-40 {
    padding-bottom: 00px !important
  }

  .mp-10 {
    padding: 10px !important
  }

  .mpt-20 {
    padding-top: 20px !important
  }

  .mpb-20 {
    padding-bottom: 20px !important
  }

  .mp-20 {
    padding: 20px !important
  }

  .mplr-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .mplr-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .mmt-0 {
    margin-top: 0 !important
  }

  .mmb-0 {
    margin-bottom: 0 !important
  }

  .mm-0 {
    margin: 0 !important
  }

  .mmt-10 {
    margin-top: 10px !important
  }

  .mmb-10 {
    margin-bottom: 10px !important
  }

  .mm-10 {
    margin: 10px !important
  }

  .mmt-20 {
    margin-top: 20px !important
  }

  .mmb-20 {
    margin-bottom: 20px !important
  }

  .mm-20 {
    margin: 20px !important
  }

  .enroll,
  .ctaBgPlan {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

}

/****Updated by Ejaj 26/8/23***/
* {
  transition: all 0.5s ease-out;
}

* {
  font-family: 'Myriad Pro', sans-serif;
  box-sizing: border-box;
  font-weight: normal;
  font-size: 17px;
}

.pad20 {
  padding: 20px;
}

.pad30 {
  padding: 30px;
}

.padt0 {
  padding-top: 0px !important;
}

.spacer {
  width: auto;
  height: 30px;
  display: block
}

.fright {
  float: right
}

.mtb30 {
  margin: 30px auto
}

.mt80 {
  margin-top: 80px
}

.slick-dots li.slick-active button:before {
  opacity: 0
}

.QAccess {
  padding: 70px 0px;
  background: #FCFCFD;
}

.QAccess h2 {
  margin-bottom: 60px;
  text-align: center;
}

.QAccess h2,
.QAccess h3,
.QAccess h4,
.QAccess h6 {
  font-family: 'Myriad Pro Semibold';
}

.QAccess .row {
  gap: 0;
  margin-top: 30px;
}

.QAccess .cards {
  box-shadow: 0px 0px 20px 1px rgb(0 0 0 / 6%);
  padding: 60px 40px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
}

.QAccess .cards2 {
  box-shadow: 0px 0px 20px 1px rgb(0 0 0 / 6%);
  padding: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
}

.QAccess .cards2New {
  box-shadow: 0px 0px 20px 1px rgb(0 0 0 / 6%);
  padding: 0;
  position: relative;
}

.QAccess .cards2New .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.readmorecard:hover .overlay {
  height: 60%;
}

.overlay .cards2 h4 {
  font-family: 'Myriad Pro Semibold';
}

.overlay .disc {
  padding: 40px;
  min-height: 360px;
}

.overlay .disc img {
  width: 50px
}

.overlay .disc p {
  min-height: 150px
}

.cards2New .cards2 h4 {
  font-family: 'Myriad Pro Semibold';
}

.cards2New .disc {
  padding: 40px;
  min-height: 160px;
}

.cards2New .disc img {
  width: 50px
}

.cards2New .disc p {
  min-height: 150px
}

.exp-pro p {
  max-width: 520px
}

.exp-pro-right {
  width: 100%;
  height: auto;
  float: left;
  text-align: left;
  padding: 25px 10px;
  border-bottom: 1px solid #CDCED0;
}

.exp-pro-right img {
  width: 60px;
  height: 60px;
  margin-right: 20px
}

.exp-pro-right .fright img {
  margin-top: 20px;
  width: 50px
}

.exp-pro-right .txt {
  font-family: 'Myriad Pro Semibold';
}

.QAccess .btnpink {
  background: #AA0061;
  padding: 15px 45px;
  border-radius: 30px;
  color: #fff;
  border: 1px solid #AA0061;
  text-decoration: none;
  transition: all ease-in-out .4s;
  margin: 5px 0px;
  display: inline-block;
  bottom: 0px;
  font-weight: 600;
  box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 10%);
  min-width: 180px;
  text-align: center;
}

.QAccess .btnpink:hover {
  background: transparent;
  color: #AA0061;
}

.QAccess .yellow:hover {
  border: 2px solid #f26727;
  transition: 0.3s;
}

.QAccess .blue:hover {
  border: 2px solid #0092BC
}

.QAccess .green:hover {
  border: 2px solid #84BD00
}

.QAccess .pink:hover {
  border: 2px solid #38256d
}

.QAccess .cards img.card-icon {
  width: 90px;
  height: auto;
}

.QAccess .cards .learn-btn {
  color: #F3D03E;
  font-size: 18px;
  text-decoration: none;
  margin-top: 15px;
  float: left;
  text-decoration: underline;
}

.QAccess .cards .bluelink {
  color: #009ECC;
}

.QAccess .cards .greenlink {
  color: #84BD00;
}

.QAccess .cards .pinklink {
  color: #AA0061;
}

.QAccess .cards span {
  display: block;
  margin-top: 20px;
  font-family: 'Myriad Pro Semibold';
}

.QAccess .cards img {
  margin-bottom: 20px;
  transition: all ease .4s;
}

.QAccess .cards a {
  float: right;
}

.QAccess .cards a img {
  max-width: 45px;
}

.QAccess .cards a:hover img {
  transform: scale(1.1);
}

.QAccess .cards .head {
  font-size: 21px;
  line-height: 40px;
}

.QAccess .cards span.prg {
  min-height: 96px;
}

section.Faq {
  padding-bottom: 30px
}

.Faq h2 {
  margin-bottom: 20px;
  text-align: center;
}

.bluebtn {
  background: #00558C;
  padding: 15px 45px;
  border-radius: 30px;
  color: #fff;
  border: 1px solid #00558C;
  text-decoration: none;
  transition: all ease-in-out .4s;
  margin: 5px 0px;
  display: inline-block;
  bottom: 0px;
  font-family: 'Myriad Pro Semibold';
  box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 10%);
}

.bluebtn:hover {
  background: transparent;
  color: #00558C;
}

.FindOut h2 {
  margin-bottom: 20px;
  text-align: center;
  max-width: 870px;
  margin: auto;
}

.FindOut .block {
  width: 90% !important;
  padding: 30px;
  border-radius: 25px;
  border: 1px solid #ccc;
  position: relative;
}

.FindOut .block:hover {
  width: 90% !important;
  padding: 30px;
  border-radius: 25px;
  border: 1px solid #ccc;
  background: #00558C;
  color: #fff;
}

.FindOut .block:hover .date,
.FindOut .block:hover .disc {
  color: #fff
}

.FindOut .block .date {
  display: block;
  text-align: left;
  border-bottom: 1px solid #CDCED0;
  padding: 10px 0 20px;
  color: #3A434C;
}

.FindOut .block .disc {
  text-align: left;
  display: block;
  padding: 20px 0;
  font-family: 'Myriad Pro Semibold';
  min-height: 130px;
  color: #3A434C;
}

.FindOut .block .arrowimg {
  float: right
}

.FindOut .block .white {
  display: none;
  position: absolute;
  bottom: 31px;
  right: 31px;
  z-index: 99;
}

.FindOut .block:hover .white {
  display: inline;
}

.FindOut .block .arrowimg img {
  width: 45px;
  height: 45px;
  transform: rotate(327deg);
}

.slick-next {
  right: -15px !important;
}

.slick-prev {
  left: -35px !important;
}

/*****valueAdded Page****/
.valueAdded .sectionOne,
.valueAdded .sectionTwo {
  padding: 30px 0px;
  background: #fff;
}

.valueAdded .sectionOne h2 {
  text-align: center;
  padding-bottom: 50px;
}

.valueAdded .sectionOne .aboutUs-box,
.valueAdded .sectionTwo .aboutUs-box {
  display: flex;
  align-items: center;
}

.valueAdded .sectionOne .aboutUs-box h5,
.valueAdded .sectionTwo .aboutUs-box h5 {
  color: #00558C;
  font-size: 25px;
  line-height: 35px;
  font-weight: 600;
  margin-top: 10px;
}

.valueAdded .aboutUs-content {
  flex: 0 0 50%;
  padding-left: 6%;
  padding-right: 5%;
}

.valueAdded .sectionOne .aboutUs-box.reverse {
  flex-direction: row-reverse;
}

.valueAdded .sectionOne .aboutUs-img {
  flex: 0 0 50%;
  position: relative;
  padding-left: 3%;
  position: relative;
  z-index: 11;
}

.valueAdded .btngreen {
  background: #84BD00;
  padding: 15px 45px;
  border-radius: 30px;
  color: #fff;
  border: 1px solid #84BD00;
  text-decoration: none;
  transition: all ease-in-out .4s;
  margin: 5px 0px;
  display: inline-block;
  bottom: 0px;
  box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 10%);
  font-family: 'Myriad Pro Semibold';
  min-width: 180px;
  text-align: center;
}

.valueAdded .btngreen:hover {
  background: #fff;
  color: #84BD00;
  border: 1px solid #fff;
}

.sectionThree {
  padding: 30px 0px 70px;
}

.sectionThree h2 {
  font-size: 30px;
  line-height: 40px;
}

.sectionThree h3 {
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  font-weight: 600;
  color: #84BD00;
  padding-top: 15px;
}

.sectionThree h5 {
  color: #00558C;
  font-size: 25px;
  line-height: 35px;
  font-weight: 600;
  margin-top: 10px;
}

.sectionThree .more-box {
  display: flex;
  align-items: self-start;
}

.sectionThree .more-box p {
  font-size: 16px;
  color: #181818;
}

.sectionThree .debtal-box p strong {
  font-size: 20px;
  line-height: 40px;
  font-weight: bold;
  color: #00558C;
}

.sectionThree .more-img {
  flex: 0 0 43%;
  left: -40px;
  position: relative;
  z-index: -1;
}

.sectionThree .more-img img {
  max-width: 100%;
}

.sectionThree .more-content {
  flex: 0 0 47%;
  position: relative;
  background: #fff;
  padding: 57px 50px 115px 50px !important;
  box-shadow: 3px 3px 99px rgba(0, 0, 0, 5%);
  margin-top: 30px !important;
  margin-left: 7%;
  min-height: 430px;
  top: 75px;
}

.sectionThree .more-content:after {
  content: '';
  position: absolute;
  right: -40%;
  bottom: 3%;
  background: #84BD00;
  width: 149%;
  height: 70%;
  z-index: -1;
}

.sectionThree .listGreen {
  float: left;
  margin-bottom: 20px;
}

.sectionThree .listGreen li {
  width: 50%;
  list-style: none;
  float: left;
  margin: 10px 0
}

.sectionThree ul li::before {
  content: "\2022";
  color: #84BD00;
  font-weight: bold;
  display: inline-block;
  width: 1.2em;
  margin-left: -1em;
}

section.maindiv {
  padding: 70px 0px;
  background: #fff;
}

section.maindiv .state h2 {
  color: #181818 !important;
  max-width: 800px;
  margin: auto
}

section.maindiv .state h4 {
  color: #00558C !important;
  font-size: 24px;
  font-weight: bold
}

section.maindiv .state h5 {
  color: #00558C !important;
  font-size: 22px;
  font-weight: bold
}

.linebtn {
  background: transparent;
  padding: 15px 45px;
  border-radius: 30px;
  color: #5E6B7F;
  border: 1px solid #707070;
  text-decoration: none;
  transition: all ease-in-out .4s;
  margin: 15px 10px;
  display: inline-block;
  bottom: 0px;
  font-family: 'Myriad Pro Semibold';
}

.linebtn:hover {
  background: #00558C;
  color: #fff;
  border: 1px solid #00558C;
}

.bluelink {
  color: #00558C;
  text-decoration: underline
}

.greenlink {
  color: #84BD00;
  text-decoration: underline
}

.state ul {
  padding-left: 1rem;
}

.state ul li {
  position: relative;
  padding: 20px 0px 20px 40px;
  font-size: 16px;
  list-style: none;
}

.state ul li a {
  text-decoration: underline;
  color: #000;
  font-size: 17px
}

.state ul li:after {
  content: '';
  width: 25px;
  height: 25px;
  background-size: 25px;
  position: absolute;
  left: 0px;
  top: 23px;
}

.learnBtnGreen {
  background: #84BD00;
  padding: 15px 45px !important;
  border-radius: 30px !important;
  color: #fff !important;
  border: 1px solid #84BD00;
  text-decoration: none;
  transition: all ease-in-out .4s;
  margin: 5px 0px;
  display: inline-block;
  bottom: 0px;
  box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 10%);
  font-family: 'Myriad Pro Semibold';
  min-width: 180px;
  text-align: center;
}

.learnBtnGreen:hover {
  background: #fff;
  color: #84BD00 !important;
  border: 1px solid #fff;
}

.BleuBtn {
  background: #00558C;
  padding: 15px 45px;
  border-radius: 30px;
  color: #fff;
  border: 1px solid #00558C;
  text-decoration: none;
  transition: all ease-in-out .4s;
  margin: 5px 0px;
  display: inline-block;
  bottom: 0px;
  box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 10%);
  font-family: 'Myriad Pro Semibold';
  min-width: 180px;
  text-align: center;
}

.BleuBtn:hover {
  background: #fff;
  color: #00558C;
  border: 1px solid #00558C;
}

@media(max-width:767px) {
  .readmorecard:hover .overlay {
    height: 90%;
    overflow: scroll;
  }

  .overlay .disc {
    padding: 40px;
    min-height: 390px !important;
  }

  .cards2New .disc {
    padding: 40px;
    min-height: inherit;
  }

  .sectionThree .more-box {
    flex-wrap: wrap;
  }

  .sectionThree .more-img {
    flex: 0 0 100%;
  }

  .sectionThree .more-content {
    flex: 0 0 95%;
    margin: 0 auto;
    padding: 30px !important;
  }

  .sectionThree .more-content:after {
    right: -6%;
    bottom: -7%;
    height: 70%;
    width: 100%;
  }
}

@media (min-width:768px) and (max-width:1360px) {

  .readmorecard:hover .overlay {
    height: 70%;
  }

  .benifit-box {
    margin: 10px 0px;
  }

  .QAccess .row {
    gap: 30px 30px;
  }

  .QAccess .cards {
    flex: 25%;
    padding: 30px 40px 10px 120px;
  }

  .QAccess .cards span {
    padding-right: 0;
  }
}

@media(max-width:767px) {
  .M-p0 {
    padding: 0 !important
  }

  .M-p10 {
    padding: 10px !important
  }

  .M-p20 {
    padding: 20px !important
  }

  .M-pb0 {
    padding-bottom: 0 !important
  }

  .M-pt0 {
    padding-top: 0 !important
  }
}

@media(max-width:767px) {
  .hero-right {
    width: 95% !important;
    max-width: 95% !important;
    right: auto !important;
  }

  .hero-banner .hero-right img {
    max-width: 100% !important;
  }

  .mobHide {
    display: none;
    visibility: hidden
  }

  .QAccess .cards {
    margin: 0;
    flex: 0 0 100%;
  }

  .QAccess {
    padding: 30px 20px;
  }

  img.card-icon {
    left: 15px !important;
  }

  .QAccess .row {
    gap: 20px 30px;
  }

  .QAccess .cards img {
    max-width: 55px;
    left: 20px;
  }

  .QAccess .cards a img {
    max-width: 40px;
  }

  .QAccess .cards .head {
    font-size: 20px;
    line-height: 30px;
    margin-top: 10px;
  }

  .QAccess h2 {
    margin-bottom: 25px;
  }

  .exp-pro-right:last-child {
    border: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: center;
  }


  footer .ftr-menu ul.small,
  footer .ftr-menu ul.big {
    width: 100%
  }

  footer .ftr-menu li {
    width: 100%
  }

  .valueAdded .sectionOne .aboutUs-img {
    flex: 0 0 100%;
    position: relative;
    padding-left: 3%;
    position: relative;
    z-index: 11;
  }

  .valueAdded .aboutUs-content {
    flex: 0 0 100%;
    padding-left: 6%;
    padding-right: 5%;
  }

  .sectionThree .more-content {
    top: 0
  }


  .sectionThree .more-img {
    left: -13px;

  }


}

/****Updated by Ejaj 26/8/23***/
header {
  padding: 0px !important
}

.bgofwhite {
  background: #FCFCFD
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
    justify-content: flex-end;
  }
}

#main-navbar .nav-item a {
  font-size: 16px;
  font-family: 'Myriad Pro Semibold';
  color: #3A434C;
  position: relative;
}

#main-navbar .dropdown:hover .dropdown-menu {
  /* display: block; */
  margin-top: 0.125em;
}

#main-navbar .dropdown-menu.show {
  display: inherit
}

#main-navbar .nav-item a:hover {
  color: #00558C
}

#main-navbar .dropdown:hover .dropdown-menu a {
  color: #00558C;
  background: transparent;
  width: auto;
  display: inline-block;
}

#main-navbar .dropdown-menu li a:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 0%;
  height: 3px;
  border-bottom: 3px solid #00558C !important;
  transition: all ease .4s;
}

#main-navbar .dropdown-menu li a {
  position: relative;
  text-decoration: none;
}

#main-navbar .dropdown-menu li:hover a:before {
  width: 100%;
}

ul.dropdown-menu {
  border-radius: 0px;
}

#main-navbar .container-fluid {
  padding: 0px;
}

.dropdown-toggle::after {
  border: none;
  background-size: 10px !important;
  width: 10px;
  height: 10px;
  background-position: center !important;
  position: absolute;
  top: 12px;
  transform: translateY(-50%);
  right: 5px;
  transition: all ease .4s;
}

@media (min-width: 992px) {
  #main-navbar .navbar-nav .dropdown-menu {
    position: absolute;
    top: 110px;
    border: none;
    padding: 10px;
    min-width: 200px;
  }

  #main-navbar .navbar-nav .dropdown-menu li {
    padding: 6px 20px;
  }
}

/* #main-navbar .dropdown-menu::before {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 20px solid #ffffff;
  border-right: 20px solid transparent;
  border-bottom: 0;
  border-left: 20px solid transparent;
  transform: rotateZ(180deg);
  border-radius: 0px;
  position: absolute;
  top: -20px;
  left: 30px;
} */
#main-navbar .dropdown:hover .dropdown-toggle::after {
  transform: rotate(180deg);
  top: 7px;
}

#main-navbar .dropdown-menu::before {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  border-top: none;
  border-right: none;
  border-bottom: 0;
  border-left: none;
  transform: rotateZ(360deg);
  position: absolute;
  top: -43px;
  left: 20px;
}

#main-navbar .header-btn .dropdown:hover .dropdown-toggle::after {
  transform: rotate(180deg);
  top: 17px;
}

.headSearch {
  position: relative;
  width: 100px;
  z-index: 9999;
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding: 0px 20px 30px 10px;
    margin: 30px 10px 0px 0px;
    border-bottom: 4px solid #fff;
  }

  .navbar-expand-lg .navbar-nav .nav-link:hover {
    border-bottom: 4px solid #00558C;
  }

  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
    /* max-width: 740px; */
  }
}

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

  .navbar .nav-item .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    margin-top: 0;
  }

  .navbar .nav-item:hover .nav-link {
    color: #fff;
  }

  .navbar .dropdown-menu.fade-down {
    top: 80%;
    transform: rotateX(-75deg);
    transform-origin: 0% 0%;
  }

  .navbar .dropdown-menu.fade-up {
    top: 180%;
  }

  .navbar .nav-item:hover .dropdown-menu {
    transition: .3s;
    opacity: 1;
    visibility: visible;
    top: 100%;
    transform: rotateX(0deg);
  }
}

.searchbar {
  position: relative;
  min-width: 60px;
  width: 0%;
  height: 50px;
  float: right;
  overflow: hidden;
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  -ms-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
  display: block;
}

.searchbar-input {
  top: 0;
  right: 0;
  border: 0px solid #00558C;
  outline: 0;
  background: #fff;
  width: 100%;
  height: 45px;
  margin: 0;
  padding: 0px 55px 0px 20px;
  font-size: 20px;
  color: #fff;
}

.searchbar-input::-webkit-input-placeholder {
  color: #777E91;
}

.searchbar-input:-moz-placeholder {
  color: #777E91;
}

.searchbar-input::-moz-placeholder {
  color: #777E91;
}

.searchbar-input:-ms-input-placeholder {
  color: #777E91;
}

.searchbar-icon,
.searchbar-icon,
.searchbar-submit {
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  top: 0px;
  font-size: 22px;
  right: 0px;
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  line-height: 46px;
  text-align: center;
  cursor: pointer;
  color: #fff;
  background: #ffffff;
  border: 2px solid #00558C;
  border-radius: 50%;
}

.searchbar-open .searchbar-icon {
  right: -2px;
  top: -1px;
  width: 50px;
  height: 50px;
  border: 2px solid #00558C;
}

span.searchbar-icon img {
  max-width: 15px;
}

.searchbar-open .searchbar-icon {
  border: none !important;
  right: 6px;
}

.searchbar-submit {
  border: none;
}

.searchbar-open {
  width: 630px;
  position: absolute;
  right: 0px;
  border: 2px solid #00558C;
  border-radius: 30px;
  max-width: 630px;
  top: -25px;
}

.searchbar-open .searchbar-submit {
  background-position: center center;
  background-repeat: no-repeat
}

.searchbar-input {
  color: #000000;
  font-family: 'Myriad Pro Semibold';
  font-size: 15px;
  -webkit-text-fill-color: #000;
}

#main-navbar .header-btn ul li {
  list-style-type: none;
}

#main-navbar .header-btn ul {
  margin: 0px;
}

#main-navbar .header-btn ul li a {
  color: #fff;
  position: relative;
}

#main-navbar .header-btn a:after {
  right: 20px;
  top: 50%;
}

#main-navbar .header-btn a:hover:after {
  background-size: 10px !important;
  top: 43% !important;
}

#main-navbar .header-btn .dropdown>a {
  padding: 10px 35px 10px 25px;
}

.header-btn .dropdown-menu a {
  text-align: left;
}

.Search-dropdown-menu {
  background: #fff;
  box-shadow: -3px 3px 60px rgba(0, 0, 0, 16%);
  position: absolute;
  top: 40px;
  right: 18px;
  min-width: 595px;
  padding: 10px 20px;
  visibility: hidden;
  opacity: 0;
}

.searchbar-open~.Search-dropdown-menu {
  visibility: visible;
  opacity: 1;
}

.Search-dropdown-menu {
  margin: 0px;
  padding: 25px 30px;
  list-style: none;
}

.Search-dropdown-menu li {
  padding: 10px 10px;
}

.Search-dropdown-menu li a {
  color: #00558C;
  text-decoration: underline;
}

.header-btn .dropdown-menu li a {
  background: transparent;
  border: none;
}

#main-navbar .header-btn .dropdown-menu {
  position: absolute;
  top: 90px;
  border: none;
  padding: 10px;
  min-width: 200px;
}

#main-navbar .header-btn a:before {
  display: none;
}

.nav-link {
  position: relative;
  border: none !important;
}

.nav-link:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 5px;
  width: 0%;
  height: 3px;
  border-bottom: 3px solid #00558C !important;
  transition: all ease .4s;
}

.nav-link:hover:before {
  width: 100%;
}

@media (min-width:768px) and (max-width:1024px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding: 0px 13px 30px 5px;
    margin: 30px 10px 0px 0px;
  }

  .dropdown-toggle::after {
    right: -3px;
  }

  #main-navbar .nav-item a {
    font-size: 14px;
  }

  #main-navbar .container-fluid {
    justify-content: flex-end;
  }

  .searchbar-open {
    max-width: 300px;
  }
}

@media(max-width:991px) {
  header .navbar ul {
    background: #fff;
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    z-index: 1;
    padding: 10px 20px;
    transition: all ease .4s;
    box-shadow: none;
    border: none;
  }

  #main-navbar .dropdown:hover .dropdown-menu a {
    color: #00558C;
    background: transparent;
    width: 100%;
    display: inline-block;
  }

  #main-navbar .dropdown-menu li a:before {
    border-bottom: 0px solid #00558C !important;
  }

  .navbar-nav .nav-link:hover {
    color: #00558c !important;
  }

  header .header-btn>ul {
    background: transparent !important;
    position: static !important;
    min-width: inherit;
    box-shadow: inherit;
  }

  .headSearch {
    width: 75px;
  }

  .searchbar-open~.Search-dropdown-menu {
    visibility: visible;
    opacity: 1;
    right: auto;
    left: -383%;
    min-width: 450px;
    margin-top: 34px;
  }

  /*.navbar-toggler {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
  }*/


  .navbar-toggler {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 45px;
    height: 37px;
    color: #000;
    border: 1px solid #00558c;
  }

  #main-navbar {
    padding-right: 50px;
  }

  header .navbar #navbarSupportedContent>ul {
    position: fixed;
    top: 75px;
    padding: 0px
  }

  header .navbar #navbarSupportedContent>ul li a {
    padding: 15px 40px;
  }

  .dropdown-toggle::after {
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
  }

  #main-navbar .nav-item a {
    margin: 0px;
  }

  .dropdown ul.dropdown-menu.show,
  #main-navbar .dropdown:hover .dropdown-menu {
    border: none;
    position: relative;
    box-shadow: inherit;
    max-width: 310px;
    max-height: 220px;
    overflow-y: auto;
    overflow-x: hidden;
    left: 35px;
  }

  .loginRegi .dropdown-menu {
    border: none;
    position: absolute !important;
    top: 55px !important;

  }


  #main-navbar .dropdown:hover .dropdown-menu li {
    background: #fff;
    border-bottom: 1px solid #00558c;
  }

  #main-navbar .dropdown-menu::before {
    display: none;
  }

  .navbar-nav .dropdown-menu {
    padding: 0px;
  }

  .dropdown ul.dropdown-menu.show li {
    background: #fff;
    border-bottom: 1px solid #00558c;
  }

  .nav-link:before {
    display: none;
  }

  #main-navbar .dropdown:hover .dropdown-toggle::after {
    top: 23px;
  }

  .navbar-toggler:focus {
    box-shadow: inherit;
  }
}


.animated-icon1,
.animated-icon2,
.animated-icon3 {
  width: 30px;
  height: 20px;
  position: relative;
  left: -6px;
  margin: 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  top: 3px;
}

.animated-icon1 span,
.animated-icon2 span,
.animated-icon3 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.animated-icon1 span {
  background: #e65100;
}

.animated-icon2 span {
  background: #e3f2fd;
}

.animated-icon3 span {
  background: #00558c;
}

.animated-icon1 span:nth-child(1) {
  top: 0px;
}

.animated-icon1 span:nth-child(2) {
  top: 10px;
}

.animated-icon1 span:nth-child(3) {
  top: 20px;
}

.animated-icon1.open span:nth-child(1) {
  top: 11px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

.animated-icon1.open span:nth-child(3) {
  top: 11px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/* Icon 3*/

.animated-icon2 span:nth-child(1) {
  top: 0px;
}

.animated-icon2 span:nth-child(2),
.animated-icon2 span:nth-child(3) {
  top: 10px;
}

.animated-icon2 span:nth-child(4) {
  top: 20px;
}

.animated-icon2.open span:nth-child(1) {
  top: 11px;
  width: 0%;
  left: 50%;
}

.animated-icon2.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.animated-icon2.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.animated-icon2.open span:nth-child(4) {
  top: 11px;
  width: 0%;
  left: 50%;
}

/* Icon 4 */

.animated-icon3 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.animated-icon3 span:nth-child(2) {
  top: 8px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.animated-icon3 span:nth-child(3) {
  top: 16px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.animated-icon3.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -2px;
  left: 4px;
}

.animated-icon3.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

.animated-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 19px;
  left: 4px;
}




@media(max-width:767px) {

  .has-search .input-group .btn {
    position: relative;
    z-index: 2;
    width: 40px;
    height: 40px;
  }

  .has-search .input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    padding: 20px 30px 0;

  }

  .has-search input {
    border: 1px solid #00558c;
  }

  .has-search button:after {
    content: '';
    width: 20px;
    height: 20px;
    background-size: 20px;
    position: absolute;
    left: 8px;
    top: 10px;
  }

  .has-search .btn-search {
    background: #fff;
    border: 1px solid #00558c;
    border-radius: 0% 6px 6px 0;

  }

  /* .navbar-toggler {
    position: absolute;
    left: 20px;
    top: 50%;
  }
  #main-navbar .header-btn ul {
    background: transparent;
    box-shadow: inherit;
  } */
  .headSearch {
    top: 25px;
  }

  header .row>div:last-child {
    width: calc(100% - 120px);
  }

  header .row>div:first-child {
    width: 120px;
  }

  #main-navbar .header-btn a {
    padding: 10px 25px 10px 15px;
  }

  #main-navbar .header-btn a:after {
    right: 10px;
  }

  /* #main-navbar .header-btn {
    position: relative;
    width: 100% !important;
    top: 20px;
  }*/

  #main-navbar .header-btn {
    position: relative;
    width: 100% !important;
    top: 20px;
    right: -5px;
  }

  #main-navbar .header-btn ul {
    padding: 0px;
  }

  .searchbar-open {
    width: 200px;
  }

  .searchbar-open~.Search-dropdown-menu {
    left: -125px;
    min-width: 302px;
  }

  .Search-dropdown-menu li a {
    word-break: break-all;
    white-space: normal;
  }
}

.searchbar-input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #777E91;
  font-family: 'Myriad Pro', sans-serif;
  -webkit-text-fill-color: #777E91;
}

.searchbar-input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #777E91;
  opacity: 1;
  font-family: 'Myriad Pro', sans-serif;
  -webkit-text-fill-color: #777E91;
}

.searchbar-input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #777E91;
  opacity: 1;
  font-family: 'Myriad Pro', sans-serif;
  -webkit-text-fill-color: #777E91;
}

.searchbar-input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #777E91;
  font-family: 'Myriad Pro', sans-serif;
  -webkit-text-fill-color: #777E91;
}

.searchbar-input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #777E91;
  font-family: 'Myriad Pro', sans-serif;
  -webkit-text-fill-color: #777E91;
}

.searchbar-input::placeholder {
  /* Most modern browsers support this now. */
  color: #777E91;
  font-family: 'Myriad Pro', sans-serif;
  -webkit-text-fill-color: #777E91;
}

/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.3.2
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Hover.css Copyright Ian Lunn 2017. Generated with Sass.
 */
/* 2D TRANSITIONS */
/* Grow */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* Shrink */
.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-shrink:hover,
.hvr-shrink:focus,
.hvr-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

/* Pulse */
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

.hvr-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-pulse:hover,
.hvr-pulse:focus,
.hvr-pulse:active {
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Pulse Grow */
@-webkit-keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.hvr-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-pulse-grow:hover,
.hvr-pulse-grow:focus,
.hvr-pulse-grow:active {
  -webkit-animation-name: hvr-pulse-grow;
  animation-name: hvr-pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Pulse Shrink */
@-webkit-keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

.hvr-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-pulse-shrink:hover,
.hvr-pulse-shrink:focus,
.hvr-pulse-shrink:active {
  -webkit-animation-name: hvr-pulse-shrink;
  animation-name: hvr-pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Push */
@-webkit-keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.hvr-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-push:hover,
.hvr-push:focus,
.hvr-push:active {
  -webkit-animation-name: hvr-push;
  animation-name: hvr-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Pop */
@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

.hvr-pop {

  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-pop:hover,
.hvr-pop:focus,
.hvr-pop:active {
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Bounce In */
.hvr-bounce-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.hvr-bounce-in:hover,
.hvr-bounce-in:focus,
.hvr-bounce-in:active {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Bounce Out */
.hvr-bounce-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.hvr-bounce-out:hover,
.hvr-bounce-out:focus,
.hvr-bounce-out:active {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Rotate */
.hvr-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-rotate:hover,
.hvr-rotate:focus,
.hvr-rotate:active {
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}

/* Grow Rotate */
.hvr-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-grow-rotate:hover,
.hvr-grow-rotate:focus,
.hvr-grow-rotate:active {
  -webkit-transform: scale(1.1) rotate(4deg);
  transform: scale(1.1) rotate(4deg);
}

/* Float */
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-float:hover,
.hvr-float:focus,
.hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

/* Sink */
.hvr-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-sink:hover,
.hvr-sink:focus,
.hvr-sink:active {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}

/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }

  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }

  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-bob:hover,
.hvr-bob:focus,
.hvr-bob:active {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Hang */
@-webkit-keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}

@keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}

@-webkit-keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}

@keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}

.hvr-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-hang:hover,
.hvr-hang:focus,
.hvr-hang:active {
  -webkit-animation-name: hvr-hang-sink, hvr-hang;
  animation-name: hvr-hang-sink, hvr-hang;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Skew */
.hvr-skew {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-skew:hover,
.hvr-skew:focus,
.hvr-skew:active {
  -webkit-transform: skew(-10deg);
  transform: skew(-10deg);
}

/* Skew Forward */
.hvr-skew-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}

.hvr-skew-forward:hover,
.hvr-skew-forward:focus,
.hvr-skew-forward:active {
  -webkit-transform: skew(-10deg);
  transform: skew(-10deg);
}

/* Skew Backward */
.hvr-skew-backward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}

.hvr-skew-backward:hover,
.hvr-skew-backward:focus,
.hvr-skew-backward:active {
  -webkit-transform: skew(10deg);
  transform: skew(10deg);
}

/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-wobble-vertical:hover,
.hvr-wobble-vertical:focus,
.hvr-wobble-vertical:active {
  -webkit-animation-name: hvr-wobble-vertical;
  animation-name: hvr-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.hvr-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-wobble-horizontal:hover,
.hvr-wobble-horizontal:focus,
.hvr-wobble-horizontal:active {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble To Bottom Right */
@-webkit-keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }

  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }

  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }

  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }

  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }

  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }

  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }

  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }

  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.hvr-wobble-to-bottom-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-wobble-to-bottom-right:hover,
.hvr-wobble-to-bottom-right:focus,
.hvr-wobble-to-bottom-right:active {
  -webkit-animation-name: hvr-wobble-to-bottom-right;
  animation-name: hvr-wobble-to-bottom-right;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble To Top Right */
@-webkit-keyframes hvr-wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px);
  }

  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px);
  }

  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px);
  }

  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }

  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes hvr-wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px);
  }

  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px);
  }

  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px);
  }

  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }

  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.hvr-wobble-to-top-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-wobble-to-top-right:hover,
.hvr-wobble-to-top-right:focus,
.hvr-wobble-to-top-right:active {
  -webkit-animation-name: hvr-wobble-to-top-right;
  animation-name: hvr-wobble-to-top-right;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble Top */
@-webkit-keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

@keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

.hvr-wobble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}

.hvr-wobble-top:hover,
.hvr-wobble-top:focus,
.hvr-wobble-top:active {
  -webkit-animation-name: hvr-wobble-top;
  animation-name: hvr-wobble-top;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble Bottom */
@-webkit-keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

@keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

.hvr-wobble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.hvr-wobble-bottom:hover,
.hvr-wobble-bottom:focus,
.hvr-wobble-bottom:active {
  -webkit-animation-name: hvr-wobble-bottom;
  animation-name: hvr-wobble-bottom;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble Skew */
@-webkit-keyframes hvr-wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

@keyframes hvr-wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

.hvr-wobble-skew {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-wobble-skew:hover,
.hvr-wobble-skew:focus,
.hvr-wobble-skew:active {
  -webkit-animation-name: hvr-wobble-skew;
  animation-name: hvr-wobble-skew;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Buzz */
@-webkit-keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

@keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.hvr-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-buzz:hover,
.hvr-buzz:focus,
.hvr-buzz:active {
  -webkit-animation-name: hvr-buzz;
  animation-name: hvr-buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

.hvr-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-buzz-out:hover,
.hvr-buzz-out:focus,
.hvr-buzz-out:active {
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Forward */
.hvr-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-forward:hover,
.hvr-forward:focus,
.hvr-forward:active {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}

/* Backward */
.hvr-backward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-backward:hover,
.hvr-backward:focus,
.hvr-backward:active {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}

/* BACKGROUND TRANSITIONS */
/* Fade */
.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.hvr-fade:hover,
.hvr-fade:focus,
.hvr-fade:active {
  background-color: #2098D1;
  color: white;
}

/* Back Pulse */
@-webkit-keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}

@keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}

.hvr-back-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.hvr-back-pulse:hover,
.hvr-back-pulse:focus,
.hvr-back-pulse:active {
  -webkit-animation-name: hvr-back-pulse;
  animation-name: hvr-back-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-color: #2098D1;
  background-color: #2098d1;
  color: white;
}

/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-right:hover,
.hvr-sweep-to-right:focus,
.hvr-sweep-to-right:active {
  color: white;
}

.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Sweep To Left */
.hvr-sweep-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-sweep-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-left:hover,
.hvr-sweep-to-left:focus,
.hvr-sweep-to-left:active {
  color: white;
}

.hvr-sweep-to-left:hover:before,
.hvr-sweep-to-left:focus:before,
.hvr-sweep-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Sweep To Bottom */
.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-bottom:hover,
.hvr-sweep-to-bottom:focus,
.hvr-sweep-to-bottom:active {
  color: white;
}

.hvr-sweep-to-bottom:hover:before,
.hvr-sweep-to-bottom:focus:before,
.hvr-sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* Sweep To Top */
.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-top:hover,
.hvr-sweep-to-top:focus,
.hvr-sweep-to-top:active {
  color: white;
}

.hvr-sweep-to-top:hover:before,
.hvr-sweep-to-top:focus:before,
.hvr-sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* Bounce To Right */
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-bounce-to-right:hover,
.hvr-bounce-to-right:focus,
.hvr-bounce-to-right:active {
  color: white;
}

.hvr-bounce-to-right:hover:before,
.hvr-bounce-to-right:focus:before,
.hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Left */
.hvr-bounce-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.hvr-bounce-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-bounce-to-left:hover,
.hvr-bounce-to-left:focus,
.hvr-bounce-to-left:active {
  color: white;
}

.hvr-bounce-to-left:hover:before,
.hvr-bounce-to-left:focus:before,
.hvr-bounce-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Bottom */
.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-bounce-to-bottom:hover,
.hvr-bounce-to-bottom:focus,
.hvr-bounce-to-bottom:active {
  color: white;
}

.hvr-bounce-to-bottom:hover:before,
.hvr-bounce-to-bottom:focus:before,
.hvr-bounce-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Top */
.hvr-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.hvr-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-bounce-to-top:hover,
.hvr-bounce-to-top:focus,
.hvr-bounce-to-top:active {
  color: white;
}

.hvr-bounce-to-top:hover:before,
.hvr-bounce-to-top:focus:before,
.hvr-bounce-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Radial Out */
.hvr-radial-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-radial-out:hover,
.hvr-radial-out:focus,
.hvr-radial-out:active {
  color: white;
}

.hvr-radial-out:hover:before,
.hvr-radial-out:focus:before,
.hvr-radial-out:active:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}

/* Radial In */
.hvr-radial-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  background: #2098D1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-radial-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  border-radius: 100%;
  -webkit-transform: scale(2);
  transform: scale(2);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-radial-in:hover,
.hvr-radial-in:focus,
.hvr-radial-in:active {
  color: white;
}

.hvr-radial-in:hover:before,
.hvr-radial-in:focus:before,
.hvr-radial-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

/* Rectangle In */
.hvr-rectangle-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #2098D1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-rectangle-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-rectangle-in:hover,
.hvr-rectangle-in:focus,
.hvr-rectangle-in:active {
  color: white;
}

.hvr-rectangle-in:hover:before,
.hvr-rectangle-in:focus:before,
.hvr-rectangle-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

/* Rectangle Out */
.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-rectangle-out:hover,
.hvr-rectangle-out:focus,
.hvr-rectangle-out:active {
  color: white;
}

.hvr-rectangle-out:hover:before,
.hvr-rectangle-out:focus:before,
.hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* Shutter In Horizontal */
.hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #2098D1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-shutter-in-horizontal:hover,
.hvr-shutter-in-horizontal:focus,
.hvr-shutter-in-horizontal:active {
  color: white;
}

.hvr-shutter-in-horizontal:hover:before,
.hvr-shutter-in-horizontal:focus:before,
.hvr-shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-shutter-out-horizontal:hover,
.hvr-shutter-out-horizontal:focus,
.hvr-shutter-out-horizontal:active {
  color: white;
}

.hvr-shutter-out-horizontal:hover:before,
.hvr-shutter-out-horizontal:focus:before,
.hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Shutter In Vertical */
.hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #2098D1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-shutter-in-vertical:hover,
.hvr-shutter-in-vertical:focus,
.hvr-shutter-in-vertical:active {
  color: white;
}

.hvr-shutter-in-vertical:hover:before,
.hvr-shutter-in-vertical:focus:before,
.hvr-shutter-in-vertical:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

/* Shutter Out Vertical */
.hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098D1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-shutter-out-vertical:hover,
.hvr-shutter-out-vertical:focus,
.hvr-shutter-out-vertical:active {
  color: white;
}

.hvr-shutter-out-vertical:hover:before,
.hvr-shutter-out-vertical:focus:before,
.hvr-shutter-out-vertical:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* BORDER TRANSITIONS */
/* Border Fade */
.hvr-border-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

.hvr-border-fade:hover,
.hvr-border-fade:focus,
.hvr-border-fade:active {
  box-shadow: inset 0 0 0 4px #2098D1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

/* Hollow */
.hvr-hollow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

.hvr-hollow:hover,
.hvr-hollow:focus,
.hvr-hollow:active {
  background: none;
}

/* Trim */
.hvr-trim {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-trim:before {
  content: '';
  position: absolute;
  border: white solid 4px;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.hvr-trim:hover:before,
.hvr-trim:focus:before,
.hvr-trim:active:before {
  opacity: 1;
}

/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-ripple-out:before {
  content: '';
  position: absolute;
  border: #e1e1e1 solid 6px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

.hvr-ripple-out:hover:before,
.hvr-ripple-out:focus:before,
.hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}

/* Ripple In */
@-webkit-keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
}

@keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
}

.hvr-ripple-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-ripple-in:before {
  content: '';
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: -12px;
  right: -12px;
  bottom: -12px;
  left: -12px;
  opacity: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

.hvr-ripple-in:hover:before,
.hvr-ripple-in:focus:before,
.hvr-ripple-in:active:before {
  -webkit-animation-name: hvr-ripple-in;
  animation-name: hvr-ripple-in;
}

/* Outline Out */
.hvr-outline-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-outline-out:before {
  content: '';
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
}

.hvr-outline-out:hover:before,
.hvr-outline-out:focus:before,
.hvr-outline-out:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
}

/* Outline In */
.hvr-outline-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-outline-in:before {
  pointer-events: none;
  content: '';
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: -16px;
  right: -16px;
  bottom: -16px;
  left: -16px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
}

.hvr-outline-in:hover:before,
.hvr-outline-in:focus:before,
.hvr-outline-in:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  opacity: 1;
}

/* Round Corners */
.hvr-round-corners {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: border-radius;
  transition-property: border-radius;
}

.hvr-round-corners:hover,
.hvr-round-corners:focus,
.hvr-round-corners:active {
  border-radius: 1em;
}

/* Underline From Left */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-underline-from-left:hover:before,
.hvr-underline-from-left:focus:before,
.hvr-underline-from-left:active:before {
  right: 0;
}

/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-underline-from-center:hover:before,
.hvr-underline-from-center:focus:before,
.hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}

/* Underline From Right */
.hvr-underline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-underline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-underline-from-right:hover:before,
.hvr-underline-from-right:focus:before,
.hvr-underline-from-right:active:before {
  left: 0;
}

/* Overline From Left */
.hvr-overline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-overline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  top: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-overline-from-left:hover:before,
.hvr-overline-from-left:focus:before,
.hvr-overline-from-left:active:before {
  right: 0;
}

/* Overline From Center */
.hvr-overline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-overline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  top: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-overline-from-center:hover:before,
.hvr-overline-from-center:focus:before,
.hvr-overline-from-center:active:before {
  left: 0;
  right: 0;
}

/* Overline From Right */
.hvr-overline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-overline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  top: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-overline-from-right:hover:before,
.hvr-overline-from-right:focus:before,
.hvr-overline-from-right:active:before {
  left: 0;
}

/* Reveal */
.hvr-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-color: #2098D1;
  border-style: solid;
  border-width: 0;
  -webkit-transition-property: border-width;
  transition-property: border-width;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-reveal:hover:before,
.hvr-reveal:focus:before,
.hvr-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  border-width: 4px;
}

/* Underline Reveal */
.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-underline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-underline-reveal:hover:before,
.hvr-underline-reveal:focus:before,
.hvr-underline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* Overline Reveal */
.hvr-overline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-overline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-overline-reveal:hover:before,
.hvr-overline-reveal:focus:before,
.hvr-overline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* SHADOW/GLOW TRANSITIONS */
/* Glow */
.hvr-glow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}

.hvr-glow:hover,
.hvr-glow:focus,
.hvr-glow:active {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

/* Shadow */
.hvr-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}

.hvr-shadow:hover,
.hvr-shadow:focus,
.hvr-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}

/* Grow Shadow */
.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}

.hvr-grow-shadow:hover,
.hvr-grow-shadow:focus,
.hvr-grow-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* Box Shadow Outset */
.hvr-box-shadow-outset {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}

.hvr-box-shadow-outset:hover,
.hvr-box-shadow-outset:focus,
.hvr-box-shadow-outset:active {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}

/* Box Shadow Inset */
.hvr-box-shadow-inset {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

.hvr-box-shadow-inset:hover,
.hvr-box-shadow-inset:focus,
.hvr-box-shadow-inset:active {
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}

.hvr-float-shadow:hover,
.hvr-float-shadow:focus,
.hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}

.hvr-float-shadow:hover:before,
.hvr-float-shadow:focus:before,
.hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

/* Shadow Radial */
.hvr-shadow-radial {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-shadow-radial:before,
.hvr-shadow-radial:after {
  pointer-events: none;
  position: absolute;
  content: '';
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  height: 5px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.hvr-shadow-radial:before {
  bottom: 100%;
  background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}

.hvr-shadow-radial:after {
  top: 100%;
  background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}

.hvr-shadow-radial:hover:before,
.hvr-shadow-radial:focus:before,
.hvr-shadow-radial:active:before,
.hvr-shadow-radial:hover:after,
.hvr-shadow-radial:focus:after,
.hvr-shadow-radial:active:after {
  opacity: 1;
}

/* SPEECH BUBBLES */
/* Bubble Top */
.hvr-bubble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-bubble-top:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  left: calc(50% - 10px);
  top: 0;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #e1e1e1 transparent;
}

.hvr-bubble-top:hover:before,
.hvr-bubble-top:focus:before,
.hvr-bubble-top:active:before {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

/* Bubble Right */
.hvr-bubble-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-bubble-right:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  top: calc(50% - 10px);
  right: 0;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e1e1e1;
}

.hvr-bubble-right:hover:before,
.hvr-bubble-right:focus:before,
.hvr-bubble-right:active:before {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}

/* Bubble Bottom */
.hvr-bubble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-bubble-bottom:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  left: calc(50% - 10px);
  bottom: 0;
  border-width: 10px 10px 0 10px;
  border-color: #e1e1e1 transparent transparent transparent;
}

.hvr-bubble-bottom:hover:before,
.hvr-bubble-bottom:focus:before,
.hvr-bubble-bottom:active:before {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}

/* Bubble Left */
.hvr-bubble-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-bubble-left:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  top: calc(50% - 10px);
  left: 0;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent;
}

.hvr-bubble-left:hover:before,
.hvr-bubble-left:focus:before,
.hvr-bubble-left:active:before {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}

/* Bubble Float Top */
.hvr-bubble-float-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-bubble-float-top:before {
  position: absolute;
  z-index: -1;
  content: '';
  left: calc(50% - 10px);
  top: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #e1e1e1 transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-bubble-float-top:hover,
.hvr-bubble-float-top:focus,
.hvr-bubble-float-top:active {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}

.hvr-bubble-float-top:hover:before,
.hvr-bubble-float-top:focus:before,
.hvr-bubble-float-top:active:before {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

/* Bubble Float Right */
.hvr-bubble-float-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-bubble-float-right:before {
  position: absolute;
  z-index: -1;
  top: calc(50% - 10px);
  right: 0;
  content: '';
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e1e1e1;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-bubble-float-right:hover,
.hvr-bubble-float-right:focus,
.hvr-bubble-float-right:active {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}

.hvr-bubble-float-right:hover:before,
.hvr-bubble-float-right:focus:before,
.hvr-bubble-float-right:active:before {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}

/* Bubble Float Bottom */
.hvr-bubble-float-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-bubble-float-bottom:before {
  position: absolute;
  z-index: -1;
  content: '';
  left: calc(50% - 10px);
  bottom: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #e1e1e1 transparent transparent transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-bubble-float-bottom:hover,
.hvr-bubble-float-bottom:focus,
.hvr-bubble-float-bottom:active {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

.hvr-bubble-float-bottom:hover:before,
.hvr-bubble-float-bottom:focus:before,
.hvr-bubble-float-bottom:active:before {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}

/* Bubble Float Left */
.hvr-bubble-float-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-bubble-float-left:before {
  position: absolute;
  z-index: -1;
  content: '';
  top: calc(50% - 10px);
  left: 0;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-bubble-float-left:hover,
.hvr-bubble-float-left:focus,
.hvr-bubble-float-left:active {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}

.hvr-bubble-float-left:hover:before,
.hvr-bubble-float-left:focus:before,
.hvr-bubble-float-left:active:before {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}

/* ICONS */
/* Icon Back */
.hvr-icon-back {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}

.hvr-icon-back .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-icon-back:hover .hvr-icon,
.hvr-icon-back:focus .hvr-icon,
.hvr-icon-back:active .hvr-icon {
  -webkit-transform: translateX(-4px);
  transform: translateX(-4px);
}

/* Icon Forward */
.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}

.hvr-icon-forward .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-icon-forward:hover .hvr-icon,
.hvr-icon-forward:focus .hvr-icon,
.hvr-icon-forward:active .hvr-icon {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}

/* Icon Down */
@-webkit-keyframes hvr-icon-down {

  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  25%,
  75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@keyframes hvr-icon-down {

  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  25%,
  75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

/* Icon Down */
.hvr-icon-down {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-down .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.hvr-icon-down:hover .hvr-icon,
.hvr-icon-down:focus .hvr-icon,
.hvr-icon-down:active .hvr-icon {
  -webkit-animation-name: hvr-icon-down;
  animation-name: hvr-icon-down;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

/* Icon Up */
@-webkit-keyframes hvr-icon-up {

  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  25%,
  75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@keyframes hvr-icon-up {

  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  25%,
  75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

/* Icon Up */
.hvr-icon-up {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-up .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.hvr-icon-up:hover .hvr-icon,
.hvr-icon-up:focus .hvr-icon,
.hvr-icon-up:active .hvr-icon {
  -webkit-animation-name: hvr-icon-up;
  animation-name: hvr-icon-up;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

/* Icon Spin */
.hvr-icon-spin {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-spin .hvr-icon {
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.hvr-icon-spin:hover .hvr-icon,
.hvr-icon-spin:focus .hvr-icon,
.hvr-icon-spin:active .hvr-icon {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

/* Icon Drop */
@-webkit-keyframes hvr-icon-drop {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  51%,
  100% {
    opacity: 1;
  }
}

@keyframes hvr-icon-drop {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  51%,
  100% {
    opacity: 1;
  }
}

/* Icon Drop */
.hvr-icon-drop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-drop .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.hvr-icon-drop:hover .hvr-icon,
.hvr-icon-drop:focus .hvr-icon,
.hvr-icon-drop:active .hvr-icon {
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-animation-name: hvr-icon-drop;
  animation-name: hvr-icon-drop;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Icon Fade */
.hvr-icon-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-fade .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color;
  transition-property: color;
}

.hvr-icon-fade:hover .hvr-icon,
.hvr-icon-fade:focus .hvr-icon,
.hvr-icon-fade:active .hvr-icon {
  color: #0F9E5E;
}

/* Icon Float Away */
@-webkit-keyframes hvr-icon-float-away {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em);
  }
}

@keyframes hvr-icon-float-away {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em);
  }
}

/* Icon Float Away */
.hvr-icon-float-away {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-float-away .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.hvr-icon-float-away:hover .hvr-icon,
.hvr-icon-float-away:focus .hvr-icon,
.hvr-icon-float-away:active .hvr-icon {
  -webkit-animation-name: hvr-icon-float-away;
  animation-name: hvr-icon-float-away;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

/* Icon Sink Away */
@-webkit-keyframes hvr-icon-sink-away {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
  }
}

@keyframes hvr-icon-sink-away {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
  }
}

/* Icon Sink Away */
.hvr-icon-sink-away {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-sink-away .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.hvr-icon-sink-away:hover .hvr-icon,
.hvr-icon-sink-away:focus .hvr-icon,
.hvr-icon-sink-away:active .hvr-icon {
  -webkit-animation-name: hvr-icon-sink-away;
  animation-name: hvr-icon-sink-away;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

/* Icon Grow */
.hvr-icon-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-icon-grow .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-icon-grow:hover .hvr-icon,
.hvr-icon-grow:focus .hvr-icon,
.hvr-icon-grow:active .hvr-icon {
  -webkit-transform: scale(1.3) translateZ(0);
  transform: scale(1.3) translateZ(0);
}

/* Icon Shrink */
.hvr-icon-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-icon-shrink .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-icon-shrink:hover .hvr-icon,
.hvr-icon-shrink:focus .hvr-icon,
.hvr-icon-shrink:active .hvr-icon {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

/* Icon Pulse */
@-webkit-keyframes hvr-icon-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

@keyframes hvr-icon-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

.hvr-icon-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-pulse .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-icon-pulse:hover .hvr-icon,
.hvr-icon-pulse:focus .hvr-icon,
.hvr-icon-pulse:active .hvr-icon {
  -webkit-animation-name: hvr-icon-pulse;
  animation-name: hvr-icon-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Icon Pulse Grow */
@-webkit-keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}

@keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}

.hvr-icon-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-pulse-grow .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-icon-pulse-grow:hover .hvr-icon,
.hvr-icon-pulse-grow:focus .hvr-icon,
.hvr-icon-pulse-grow:active .hvr-icon {
  -webkit-animation-name: hvr-icon-pulse-grow;
  animation-name: hvr-icon-pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Icon Pulse Shrink */
@-webkit-keyframes hvr-icon-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

@keyframes hvr-icon-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

.hvr-icon-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-pulse-shrink .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-icon-pulse-shrink:hover .hvr-icon,
.hvr-icon-pulse-shrink:focus .hvr-icon,
.hvr-icon-pulse-shrink:active .hvr-icon {
  -webkit-animation-name: hvr-icon-pulse-shrink;
  animation-name: hvr-icon-pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Icon Push */
@-webkit-keyframes hvr-icon-push {
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}

@keyframes hvr-icon-push {
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}

.hvr-icon-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-icon-push .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-icon-push:hover .hvr-icon,
.hvr-icon-push:focus .hvr-icon,
.hvr-icon-push:active .hvr-icon {
  -webkit-animation-name: hvr-icon-push;
  animation-name: hvr-icon-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Icon Pop */
@-webkit-keyframes hvr-icon-pop {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}

@keyframes hvr-icon-pop {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}

.hvr-icon-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-icon-pop .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-icon-pop:hover .hvr-icon,
.hvr-icon-pop:focus .hvr-icon,
.hvr-icon-pop:active .hvr-icon {
  -webkit-animation-name: hvr-icon-pop;
  animation-name: hvr-icon-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Icon Bounce */
.hvr-icon-bounce {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-icon-bounce .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-icon-bounce:hover .hvr-icon,
.hvr-icon-bounce:focus .hvr-icon,
.hvr-icon-bounce:active .hvr-icon {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Icon Rotate */
.hvr-icon-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-icon-rotate .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-icon-rotate:hover .hvr-icon,
.hvr-icon-rotate:focus .hvr-icon,
.hvr-icon-rotate:active .hvr-icon {
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
}

/* Icon Grow Rotate */
.hvr-icon-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-icon-grow-rotate .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-icon-grow-rotate:hover .hvr-icon,
.hvr-icon-grow-rotate:focus .hvr-icon,
.hvr-icon-grow-rotate:active .hvr-icon {
  -webkit-transform: scale(1.5) rotate(12deg);
  transform: scale(1.5) rotate(12deg);
}

/* Icon Float */
.hvr-icon-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-icon-float .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-icon-float:hover .hvr-icon,
.hvr-icon-float:focus .hvr-icon,
.hvr-icon-float:active .hvr-icon {
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
}

/* Icon Sink */
.hvr-icon-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-icon-sink .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-icon-sink:hover .hvr-icon,
.hvr-icon-sink:focus .hvr-icon,
.hvr-icon-sink:active .hvr-icon {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
}

/* Icon Bob */
@-webkit-keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@-webkit-keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

.hvr-icon-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-icon-bob .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.hvr-icon-bob:hover .hvr-icon,
.hvr-icon-bob:focus .hvr-icon,
.hvr-icon-bob:active .hvr-icon {
  -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
  animation-name: hvr-icon-bob-float, hvr-icon-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Icon Hang */
@-webkit-keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }

  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }

  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@-webkit-keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

.hvr-icon-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-icon-hang .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.hvr-icon-hang:hover .hvr-icon,
.hvr-icon-hang:focus .hvr-icon,
.hvr-icon-hang:active .hvr-icon {
  -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
  animation-name: hvr-icon-hang-sink, hvr-icon-hang;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Icon Wobble Horizontal */
@-webkit-keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }

  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }

  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.hvr-icon-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-icon-wobble-horizontal .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.hvr-icon-wobble-horizontal:hover .hvr-icon,
.hvr-icon-wobble-horizontal:focus .hvr-icon,
.hvr-icon-wobble-horizontal:active .hvr-icon {
  -webkit-animation-name: hvr-icon-wobble-horizontal;
  animation-name: hvr-icon-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Icon Wobble Vertical */
@-webkit-keyframes hvr-icon-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes hvr-icon-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.hvr-icon-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-icon-wobble-vertical .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.hvr-icon-wobble-vertical:hover .hvr-icon,
.hvr-icon-wobble-vertical:focus .hvr-icon,
.hvr-icon-wobble-vertical:active .hvr-icon {
  -webkit-animation-name: hvr-icon-wobble-vertical;
  animation-name: hvr-icon-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Icon Buzz */
@-webkit-keyframes hvr-icon-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

@keyframes hvr-icon-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.hvr-icon-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-icon-buzz .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.hvr-icon-buzz:hover .hvr-icon,
.hvr-icon-buzz:focus .hvr-icon,
.hvr-icon-buzz:active .hvr-icon {
  -webkit-animation-name: hvr-icon-buzz;
  animation-name: hvr-icon-buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Icon Buzz Out */
@-webkit-keyframes hvr-icon-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

@keyframes hvr-icon-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

.hvr-icon-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-icon-buzz-out .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.hvr-icon-buzz-out:hover .hvr-icon,
.hvr-icon-buzz-out:focus .hvr-icon,
.hvr-icon-buzz-out:active .hvr-icon {
  -webkit-animation-name: hvr-icon-buzz-out;
  animation-name: hvr-icon-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* CURLS */
/* Curl Top Left */
.hvr-curl-top-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-curl-top-left:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  top: 0;
  left: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(135deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000');
  /*For IE7-8-9*/
  z-index: 1000;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}

.hvr-curl-top-left:hover:before,
.hvr-curl-top-left:focus:before,
.hvr-curl-top-left:active:before {
  width: 25px;
  height: 25px;
}

/* Curl Top Right */
.hvr-curl-top-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-curl-top-right:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  top: 0;
  right: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(225deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}

.hvr-curl-top-right:hover:before,
.hvr-curl-top-right:focus:before,
.hvr-curl-top-right:active:before {
  width: 25px;
  height: 25px;
}

/* Curl Bottom Right */
.hvr-curl-bottom-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-curl-bottom-right:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  bottom: 0;
  right: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(315deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}

.hvr-curl-bottom-right:hover:before,
.hvr-curl-bottom-right:focus:before,
.hvr-curl-bottom-right:active:before {
  width: 25px;
  height: 25px;
}

/* Curl Bottom Left */
.hvr-curl-bottom-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr-curl-bottom-left:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  bottom: 0;
  left: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(45deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}

.hvr-curl-bottom-left:hover:before,
.hvr-curl-bottom-left:focus:before,
.hvr-curl-bottom-left:active:before {
  width: 25px;
  height: 25px;
}

/*# sourceMappingURL=hover.css.map */

.normal-banner {
  background-size: 100% 100% !important;
  background-position: top right, center !important;
}

.privacy strong {
  color: #3A434C
}

.gray-bg {
  background: #FCFCFD;
}

.hero-banner .carousel-captionText h5 {
  text-transform: inherit;
}

ul.hight-value {
  border-left: 1px dashed #000000;
  max-width: 1100px;
  margin: 50px auto;
  padding: 40px 0 5px 70px;
  color: #181818;
  position: relative;
  width: 100%;
}

ul.hight-value>li {
  position: relative;
  list-style: none;
  margin-bottom: 40px;
  color: #181818;
}

ul.hight-value>li:before {
  content: '';
  background-position: center;
  position: absolute;
  background-size: 100%;
  width: 40px;
  height: 40px;
  left: -90px;
  top: 30px;

}

ul.hight-value>li span {
  font-size: 110px;
  font-weight: bold;
  color: rgba(0, 085, 140, 15%);
  position: absolute;
  left: -34px;
  top: -45px;
  display: none;
}

ul.hight-value h6 {
  padding-top: 30px;
  margin-bottom: 15px;
}

ul.hight-value li>ul {
  padding-top: 10px;

}

ul.hight-value:before {
  content: '';
  border: 2px solid #00558C;
  width: 13px;
  height: 13px;
  position: absolute;
  border-radius: 100%;
  left: -7px;
  top: -13px;
}

ul.hight-value:after {
  content: '';
  border: 2px solid #00558C;
  width: 13px;
  height: 13px;
  position: absolute;
  border-radius: 100%;
  left: -7px;
  bottom: -13px;
}

ul.hight-value li>ul li {
  position: relative;
  list-style: none;
  padding-left: 40px;
  margin-bottom: 10px;
}

ul.hight-value li>ul.checkmark>li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100%;
  background-position: center;
  background-position: center;
  width: 25px;
  height: 25px;

}

ul.hight-value li ul li ul li {
  padding-top: 10px;
  list-style: disc;
  padding-left: 0px;
}

.exp-pro p {
  max-width: 520px;
}

.exp-pro-right {
  width: 100%;
  height: auto;
  float: left;
  text-align: left;
  padding: 25px 20px;
  border-bottom: 1px solid #D1D3D4;
}

/* .exp-pro-right:last-child{border: none} */

.exp-pro-right .fright img {
  width: 45px;
}

.exp-pro-right .txt {
  font-family: "Myriad Pro Semibold";
  font-size: 20px;
}

.fright {
  float: right;
}


@media(max-width:767px) {
  .exp-pro-right img {
    width: 50px;
    height: 50px;
    margin-right: 0px;
  }

  .exp-pro-right {
    padding: 25px 0px;
  }

  .hero-right {
    width: 95% !important;
    max-width: 95% !important;
    right: auto !important;
    /* opacity: 0.4; */
  }

}

.enroll {
  background-position: center;
  justify-content: end;
  align-items: center;
  background-size: 100% 100% !important;
  min-height: 300px;
  display: flex;
}

.enroll-content {
  padding: 20px 20px 20px 20px;
  justify-content: space-between;
  align-items: center;
  max-width: 80%;
  margin: 0 auto;
  width: 100%;
  display: flex;
  position: static;
  top: 50%;
  transform: inherit;
}

.enroll-content h2 {
  color: #fff;
  font-weight: 400;
  font-size: 30px;
  line-height: 40px;
  flex: 0 0 70%;
  padding-right: 100px;

}

.enroll-content h2 a {
  font-size: 35px;
  background: transparent;
  padding: 0 !important;
  min-width: inherit;
  width: auto;
  display: inline;
  text-decoration: underline !important;
}

.enroll-content p {
  color: #fff;
  margin: 20px 0px;
}

.enroll-content a {
  flex: 0 0 30%;
  background: #84BD00;
  border-radius: 42px;
  text-align: left;
  color: #fff;
  text-decoration: none;
  padding: 7px 10px 7px 30px;
  position: relative;
  max-width: 230px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: 'Myriad Pro Semibold';
}

.enroll-content a img {
  max-width: 40px;
}

.enroll-content.flex-wrap ul {
  padding-left: 16px;
}

/**/
.right-check ul {
  max-width: 1180px;
  margin: auto;
  padding-top: 30px;
}

.right-check ul li {
  position: relative;
  padding: 10px 0px 5px 40px;
  font-size: 18px;
  list-style: none;
  width: 100%;
  float: left;
}

.right-check ul li:after {
  content: '';
  width: 25px;
  height: 25px;
  background-size: 25px;
  position: absolute;
  left: 0px;
  top: 10px;
}

.right-check h5.blue {
  color: #00558C;
  font-size: 22px;
  font-weight: 600
}

.pdtb-70 {
  padding-bottom: 70px;
  padding-top: 70px;
}

.main-title {
  max-width: 700px;
  margin: 0px auto 40px;
  width: 100%;
}


.dentist-vision li span {
  display: block !important;
}

.dentist-vision li h6 {
  padding-top: 35px;

}

.association .right-check img.img-fluid {
  margin-left: -40px;
}

.maxWidth {
  max-width: 700px;
  margin: 30px auto 0px;
  font-family: 'Myriad Pro Semibold';
}

.wrap-container .enroll-content,
.wrap-container .enroll {
  display: inherit;
}

.enroll-content li {
  padding: 2px 0px;
}

.enroll .dentistEnrollbg {
  position: absolute;
  right: 30px;
  bottom: 0;
  max-width: 70%;
}


.wrap-container .enroll-content a {
  flex: 0 0 100%;
}

@media(min-width : 1025px) {

  /***  .container { 
        padding-left: 30px;
        padding-right: 30px;
    }

    .header .container { 
        padding-left: 0px;
        padding-right: 0px;
    }

}**/

}

@media(max-width:767px) {
  .enroll-content {
    display: inherit;
    padding: 20px;
    max-width: 100%;
    margin: 0;
    flex-wrap: wrap;


  }

  .enroll-content h2 {
    padding: 0px;
    font-size: 20px;
    flex: 0 0 100%;
    line-height: 28px;

  }

  .enroll-content h2 b {
    font-size: 26px;
    line-height: 28px;
  }

  .enroll-content a {
    width: 100%;
    display: block;
    max-width: 180px;
    margin: 15px 0px 0px;
    padding: 4px 10px 4px 20px !important;
    display: flex;
    min-width: inherit;
    flex: 0 0 100%;
  }

  .enroll {
    padding: 0px;
    background-size: 119% 185% !important;
    margin-bottom: 20px;
  }

  .enroll {
    background-size: 100% 83% !important;
  }

  .pdtb-30 {
    padding-bottom: 30px !important;
    padding-top: 30px !important;
  }

  .exp-pro-right img {
    width: 50px;
    height: 50px;
  }

  .exp-pro-right .fright img {
    margin-top: 10px;
    width: 40px;
  }

  .exp-pro-right .txt {
    font-size: 18px;
    padding-left: 10px;
    padding-right: 10px;
  }

  ul.hight-value {
    border-left: 2px dashed #000000;
    max-width: 90%;
    margin: 10px auto;
    padding: 15px 0 0 35px;
    color: #181818;
  }

  ul.hight-value>li:before {
    left: -55px;
  }

  ul.hight-value>li {
    margin-bottom: 15px;
  }

  ul.hight-value>li:before {
    background-size: 90%;
  }

  .right-check .col-xs-12 {
    padding: 10px 15px !important;
  }

  .enroll-content h2 a {
    font-size: 20px;
  }


}


.card-bg-inner {
  position: relative;
  background-size: 100%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;

}

.card-bg-inner .towcard-img:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;

}

.card-bg-inner img {
  max-width: 100%;

}

.twocard-content {
  width: 100%;
  height: 100%;
  padding: 40% 20% 40px 40px;
  color: #fff;
}

.twocard-content h5 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 20px;
}

.card-twosection .green-btn {
  background: #84BD00;
  padding: 12px 38px;
  border-radius: 25px;
  color: #fff;
  border: 1px solid #84BD00;
  text-decoration: none;
  transition: all ease-in-out .4s;
  margin: 5px 0px;
  display: inline-block;
  bottom: 0px;
  box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 10%);
  font-family: 'Myriad Pro Semibold';
  min-width: 200px;
  text-align: center;
}

.hero-banner a.green-btn {
  font-family: 'Myriad Pro Semibold';
  background: #84BD00;
  padding: 15px 45px;
  border-radius: 30px;
  color: #fff;
  border: 1px solid #84BD00;
  text-decoration: none;
  transition: all ease-in-out .4s;
  margin: 5px 0px;
  display: inline-block;
  min-width: 180px;
  text-align: center;
}

.hero-banner a.green-btn:hover {
  background: #fff;
  color: #84BD00;
  border: 1px solid #fff;

}

@media(max-width:1024px) {
  .twocard-content {
    padding: 30% 10% 30px 40px;
    top: 10px;
  }

}

@media(max-width:991px) {
  .twocard-content h5 {
    font-size: 18px;
    min-height: 65px;
    margin-bottom: 10px;
  }

  .card-bg-inner {
    margin: 10px 0px 30px;
  }
}



.Members .GreenBlock {
  background: #84BD00;
  color: #fff;
  position: relative;
  z-index: 2;
  max-height: 450px;
  padding: 20px 40px !important;
}

.Members h5 {
  font-size: 20px;
  font-weight: bold;
}

.Members h2 {
  max-width: 840px;
  margin: auto;
}

.Members h3 {
  font-size: 40px;
  font-weight: bold;
}

.Members .block {
  display: block;
  width: auto;
  border-bottom: 1px solid #fff;
}

.BleuBtn {
  background: #00558C;
  padding: 15px 45px;
  border-radius: 30px;
  color: #fff;
  border: 1px solid #00558C;
  text-decoration: none;
  transition: all ease-in-out .4s;
  margin: 5px 0px;
  display: inline-block;
  bottom: 0px;
  box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 10%);
  font-family: 'Myriad Pro Semibold';
  min-width: 180px;
  text-align: center;
}

.BleuBtn:hover {
  background: #fff;
  color: #00558C;
  border: 1px solid #fff;
}

.normal-banner .hero-left {
  padding-left: 40px;
}

.normal-banner .carousel-captionText {
  max-width: 550px;
}

/*FAQ STYLE*/

.FaqsList-inner {
  max-width: 90%;
  margin: 30px auto 0px;
  padding-bottom: 50px;
}

.faq-section .accordion-button {
  background: transparent;
}

.faq-section .accordion-item {
  background-color: transparent !important;
}

.sBtn-text {
  font-family: 'Myriad Pro Semibold';
}

.select-menu .options .option .option-text {
  font-size: 16px;
  color: #333;
  font-family: 'Myriad Pro Semibold';
}

.faq-section .card-body ul li {
  color: #777E91;
}

/* .option-text {
    color:#009DCB !important;
} */

.Green-btn-default {
  background: #84BD00;
  padding: 15px 45px !important;
  border-radius: 30px !important;
  color: #fff;
  border: 1px solid #84BD00;
  text-decoration: none;
  transition: all ease-in-out .4s;
  margin: 5px 0px;
  display: inline-block;
  bottom: 0px;
  text-align: center;
  box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 10%);
  font-family: 'Myriad Pro Semibold';
  min-width: 180px !important;
  text-align: center !important;
  /* display: inherit !important; */
}

.Green-btn-default:hover {
  background: #fff;
  color: #84BD00;
  border: 1px solid #fff;
}

.normal-banner a.Scroll-link {
  opacity: 1;
  margin-left: 35px;
}

.brdrbox {
  border-right: 1px solid #DFDFDF !important;
  padding-right: 50px !important;

}



@media(max-width:767px) {
  .Members img {
    right: 0;
  }

  .Members h5 {
    font-size: 17px;
  }

  .wrap-container .enroll {
    padding: 0px;
    background-size: 100% 97% !important;
  }

  .normal-banner .hero-left {
    padding-left: 0px;
  }

  .card-twosection .row>div {
    margin: 10px 0px !Important;
  }

  .card-twosection {
    padding: 0px !important;
  }

  .association-enroll .container {
    padding-bottom: 0px !important;
  }
}


.carousel-captionText .single-head {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 0;
  margin: 0 !important;
  font-size: 45px !important;
  left: 50%;
  max-width: 100%;
  text-align: center;
}

/* 
.hero-right img {
     max-width: 90% !important;
    width: 100%;
}

.hero-banner .hero-right {
    max-width: 100%;
    right: 0;
} */

@media(max-width:767px) {
  .hero-right {
    width: 100% !important;
    max-width: 100% !important;
    right: auto !important;
  }

  .hero-banner .hero-right img {
    max-width: 80% !important;
    margin: 0 auto !important;
    display: table;
    opacity: 0.9;
  }

  .normal-banner .carousel-captionText {
    padding-top: 0px !important;
  }

  .resource {
    padding: 0px !important;
  }

  .normal-banner {
    min-height: 300px;
  }
}


/* Slider */
.slick-loading .slick-list {
  background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;

  position: absolute;
  top: 50%;

  display: block;

  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);

  cursor: pointer;

  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25;
}

.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;

  opacity: .75;
  color: #00558C;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: '←';
}

[dir='rtl'] .slick-prev:before {
  content: '→';
}

.slick-next {
  right: -25px;
}

[dir='rtl'] .slick-next {
  right: auto;
  left: -25px;
}

.slick-next:before {
  content: '→';
}

[dir='rtl'] .slick-next:before {
  content: '←';
}

/* Dots */
/* .slick-dotted.slick-slider {
  margin-bottom: 30px;
} */

.slick-dots {
  position: absolute;
  bottom: -25px;

  display: block;

  width: 100%;
  padding: 0;
  margin: 0;

  list-style: none;

  text-align: center;
}

.slick-dots li {
  position: relative;

  display: inline-block;

  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;

  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;

  display: block;

  width: 20px;
  height: 20px;
  padding: 5px;

  cursor: pointer;

  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;

  position: absolute;
  top: 0;
  left: 0;

  width: 20px;
  height: 20px;

  content: '•';
  text-align: center;

  opacity: .25;
  color: black;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: black;
}