#main #et-boc .btn-holder,
.btn-holder {
  display: block;
  position: relative;
}
#main #et-boc .btn,
#main #et-boc .btn:active,
.btn,
.btn:active {
  display: inline-block;
  padding: 4px 10px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.25;
  text-align: center;
  vertical-align: middle;
  border: 2px solid;
  border-radius: 0px;
  text-transform: uppercase;
  cursor: pointer;
  font-weight: 500;
  text-decoration: none;
  text-shadow: none;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#main #et-boc .btn.btn-0x,
#main #et-boc .btn:active.btn-0x,
.btn.btn-0x,
.btn:active.btn-0x {
  font-size: 14px;
  padding: 8px 10px;
}
#main #et-boc .btn.btn-1x,
#main #et-boc .btn:active.btn-1x,
.btn.btn-1x,
.btn:active.btn-1x {
  font-size: 16px;
  padding: 8px 20px;
}
#main #et-boc .btn.btn-2x,
#main #et-boc .btn:active.btn-2x,
.btn.btn-2x,
.btn:active.btn-2x {
  font-size: 18px;
  padding: 10px 30px;
}
#main #et-boc .btn.btn-3x,
#main #et-boc .btn:active.btn-3x,
.btn.btn-3x,
.btn:active.btn-3x {
  font-size: 18px;
  padding: 10px 40px;
}
#main #et-boc .btn.btn-4x,
#main #et-boc .btn:active.btn-4x,
.btn.btn-4x,
.btn:active.btn-4x {
  font-size: 24px;
  padding: 6px 40px;
}
#main #et-boc .btn:hover.hover-glow,
#main #et-boc .btn:active:hover.hover-glow,
.btn:hover.hover-glow,
.btn:active:hover.hover-glow {
  box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5);
}
#main #et-boc .btn:hover.hover-shadow,
#main #et-boc .btn:active:hover.hover-shadow,
.btn:hover.hover-shadow,
.btn:active:hover.hover-shadow {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
@media (max-width: 980px) {
  .btn-holder.et_pb_text_align_right,
  .btn-holder.et_pb_text_align_left {
    text-align: center;
  }
}
#main #et-boc .color-primary,
#main #et-boc .btn.color-primary,
#main #et-boc .btn.color-primary span,
.color-primary,
.btn.color-primary,
footer .footer-widgets .color-primary,
footer .footer-widgets .btn.color-primary,
footer .footer-widgets .btn.color-primary span {
  color: var(--color-primary) ;
}
#main #et-boc .color-primary:hover,
#main #et-boc .btn.color-primary:hover,
#main #et-boc .btn.color-primary:hover span,
.color-primary:hover,
.btn.color-primary:hover,
footer .footer-widgets .color-primary:hover,
footer .footer-widgets .btn.color-primary:hover,
footer .footer-widgets .btn.color-primary:hover span {
  color: var(--color-primary) ;
}
#main #et-boc .color-primary-bg,
.color-primary-bg {
  background: var(--color-primary);
}
#main #et-boc .color-primaryi,
.color-primaryi {
  color: var(--color-primary) !important;
}
#main #et-boc .color-primary-hdri .heading-hero,
.color-primary-hdri .heading-hero,
#main #et-boc .color-primary-hdri .heading-hero-alt,
.color-primary-hdri .heading-hero-alt,
#main #et-boc .color-primary-hdri .heading-primary,
.color-primary-hdri .heading-primary,
#main #et-boc .color-primary-hdri .heading-secondary,
.color-primary-hdri .heading-secondary,
#main #et-boc .color-primary-hdri .heading-tertiary,
.color-primary-hdri .heading-tertiary,
#main #et-boc .color-primary-hdri h1,
.color-primary-hdri h1,
#main #et-boc .color-primary-hdri h2,
.color-primary-hdri h2,
#main #et-boc .color-primary-hdri h3,
.color-primary-hdri h3,
#main #et-boc .color-primary-hdri h4,
.color-primary-hdri h4,
#main #et-boc .color-primary-hdri h5,
.color-primary-hdri h5,
#main #et-boc .color-primary-hdri h6,
.color-primary-hdri h6 {
  color: var(--color-primary) ;
}
#main #et-boc .color-primary-bgi,
.color-primary-bgi {
  background: var(--color-primary) ;
}
#main #et-boc .color-primary-btn,
.color-primary-btn {
  border-color: var(--color-primary);
  background: var(--color-primary);
  position: relative;
  overflow: hidden;
}
#main #et-boc .color-primary-btn.btn-ghost,
.color-primary-btn.btn-ghost {
  background: rgba(0, 0, 0, 0) ;
  border-color: var(--color-primary) ;
}
#main #et-boc .animBtn:after,
.animBtn:after,
.animBtn:after{
  content: "";
}
#main #et-boc .color-primary-btn.animBtn,
.color-primary-btn.animBtn {
  background: var(--color-primary);
}
#main #et-boc .color-primary-icon i,
.color-primary-icon i {
  color: var(--color-primary);
}
#main #et-boc .color-primary-font,
#main #et-boc .btn.color-primary-font,
footer .footer-widgets .color-primary-font,
.color-primary-font,
.btn.color-primary-font,
#main #et-boc .color-primary-font span,
.color-primary-font span {
  color: var(--color-primary);
}
#main #et-boc .color-primary-font-hover:hover,
#main #et-boc .btn.color-primary-font-hover:hover,
footer .footer-widgets .color-primary-font-hover:hover,
.color-primary-font-hover:hover,
.color-primary-font-hover:hover,
#main #et-boc .color-primary-font-hover:hover span,
.color-primary-font-hover:hover span {
  color: var(--color-primary);
}
#main #et-boc .color-primary-btn-hover.animBtn:after,
.color-primary-btn-hover.animBtn:after {
  background: none repeat scroll 0 0 var(--color-primary);
}
#main #et-boc .color-primary-btn-hover:hover,
.color-primary-btn-hover:hover {
  border-color: var(--color-primary);
  background: var(--color-primary) ;
  position: relative;
  overflow: hidden;
}
#main #et-boc .color-primary-btn-hover:hover.btn-ghost,
.color-primary-btn-hover:hover.btn-ghost {
  border-color: var(--color-primary) ;
  background: var(--color-primary) ;
}
#main #et-boc .color-primary-btn-hover:hover.animBtn:after,
.color-primary-btn-hover:hover.animBtn:after {
  background: none repeat scroll 0 0 var(--color-primary);
}
#main #et-boc .color-primary-btn-hover-saturate.animBtn:after,
.color-primary-btn-hover-saturate.animBtn:after {
  background: none repeat scroll 0 0 saturate(var(--color-primary), 50%);
}
#main #et-boc .color-primary-btn-hover-saturate:hover,
.color-primary-btn-hover-saturate:hover {
  border-color: saturate(var(--color-primary), 50%);
  background: saturate(var(--color-primary), 50%) ;
  position: relative;
  overflow: hidden;
}
#main #et-boc .color-primary-btn-hover-saturate:hover.btn-ghost,
.color-primary-btn-hover-saturate:hover.btn-ghost {
  border-color: var(--color-primary) ;
  background: var(--color-primary) ;
}
#main #et-boc .color-primary-btn-hover-saturate:hover.animBtn:after,
.color-primary-btn-hover-saturate:hover.animBtn:after {
  background: none repeat scroll 0 0 saturate(var(--color-primary), 50%);
}
#main #et-boc .color-primary-btn-hover-lighten-x.animBtn:after,
.color-primary-btn-hover-lighten-x.animBtn:after {
  background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-primary-btn-hover-lighten-x:hover,
.color-primary-btn-hover-lighten-x:hover {
  border-color: hsl(0, 100%, 70%);
  background: hsl(0, 100%, 70%) ;
  position: relative;
  overflow: hidden;
}
#main #et-boc .color-primary-btn-hover-lighten-x:hover.btn-ghost,
.color-primary-btn-hover-lighten-x:hover.btn-ghost {
  border-color: hsl(0, 100%, 70%) ;
  background: hsl(0, 100%, 70%) ;
}
#main #et-boc .color-primary-btn-hover-lighten-x:hover.animBtn:after,
.color-primary-btn-hover-lighten-x:hover.animBtn:after {
  background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-primary-btn-hover-lighten-xx.animBtn:after,
.color-primary-btn-hover-lighten-xx.animBtn:after {
  background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-primary-btn-hover-lighten-xx:hover,
.color-primary-btn-hover-lighten-xx:hover {
  border-color: hsl(0, 100%, 70%);
  background: hsl(0, 100%, 70%) ;
  position: relative;
  overflow: hidden;
}
#main #et-boc .color-primary-btn-hover-lighten-xx:hover.btn-ghost,
.color-primary-btn-hover-lighten-xx:hover.btn-ghost {
  border-color: hsl(0, 100%, 70%) ;
  background: hsl(0, 100%, 70%) ;
}
#main #et-boc .color-primary-btn-hover-lighten-xx:hover.animBtn:after,
.color-primary-btn-hover-lighten-xx:hover.animBtn:after {
  background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-primary-btn-hover-lighten-xxx.animBtn:after,
.color-primary-btn-hover-lighten-xxx.animBtn:after {
  background: none repeat scroll 0 0 hsl(0, 100%, 80%);
}
#main #et-boc .color-primary-btn-hover-lighten-xxx:hover,
.color-primary-btn-hover-lighten-xxx:hover {
  border-color: hsl(0, 100%, 80%);
  background: hsl(0, 100%, 80%) ;
  position: relative;
  overflow: hidden;
}
#main #et-boc .color-primary-btn-hover-lighten-xxx:hover.btn-ghost,
.color-primary-btn-hover-lighten-xxx:hover.btn-ghost {
  border-color: hsl(0, 100%, 80%) ;
  background: hsl(0, 100%, 80%) ;
}
#main #et-boc .color-primary-btn-hover-lighten-xxx:hover.animBtn:after,
.color-primary-btn-hover-lighten-xxx:hover.animBtn:after {
  background: none repeat scroll 0 0 hsl(0, 100%, 80%);
}
#main #et-boc .color-secondary,
#main #et-boc .btn.color-secondary,
#main #et-boc .btn.color-secondary span,
.color-secondary,
.btn.color-secondary,
footer .footer-widgets .color-secondary,
footer .footer-widgets .btn.color-secondary,
footer .footer-widgets .btn.color-secondary span {
  color: var(--color-secondary);
}
#main #et-boc .color-secondary:hover,
#main #et-boc .btn.color-secondary:hover,
#main #et-boc .btn.color-secondary:hover span,
.color-secondary:hover,
.btn.color-secondary:hover,
footer .footer-widgets .color-secondary:hover,
footer .footer-widgets .btn.color-secondary:hover,
footer .footer-widgets .btn.color-secondary:hover span {
  color: var(--color-secondary);
}
#main #et-boc .color-secondary-bg,
.color-secondary-bg {
  background: var(--color-secondary);
}
#main #et-boc .color-secondaryi,
.color-secondaryi {
  color: var(--color-secondary) !important;
}
#main #et-boc .color-secondary-hdri .heading-hero,
.color-secondary-hdri .heading-hero,
#main #et-boc .color-secondary-hdri .heading-hero-alt,
.color-secondary-hdri .heading-hero-alt,
#main #et-boc .color-secondary-hdri .heading-primary,
.color-secondary-hdri .heading-primary,
#main #et-boc .color-secondary-hdri .heading-secondary,
.color-secondary-hdri .heading-secondary,
#main #et-boc .color-secondary-hdri .heading-tertiary,
.color-secondary-hdri .heading-tertiary,
#main #et-boc .color-secondary-hdri h1,
.color-secondary-hdri h1,
#main #et-boc .color-secondary-hdri h2,
.color-secondary-hdri h2,
#main #et-boc .color-secondary-hdri h3,
.color-secondary-hdri h3,
#main #et-boc .color-secondary-hdri h4,
.color-secondary-hdri h4,
#main #et-boc .color-secondary-hdri h5,
.color-secondary-hdri h5,
#main #et-boc .color-secondary-hdri h6,
.color-secondary-hdri h6 {
  color: var(--color-secondary) ;
}
#main #et-boc .color-secondary-bgi,
.color-secondary-bgi {
  background: var(--color-secondary) ;
}
#main #et-boc .color-secondary-btn,
.color-secondary-btn {
  border-color: var(--color-secondary);
  background: var(--color-secondary);
  position: relative;
  overflow: hidden;
}
#main #et-boc .color-secondary-btn.btn-ghost,
.color-secondary-btn.btn-ghost {
  background: rgba(0, 0, 0, 0) ;
  border-color: var(--color-secondary) ;
}
#main #et-boc .color-secondary-btn.animBtn,
.color-secondary-btn.animBtn {
  background: var(--color-secondary);
}
#main #et-boc .color-secondary-icon i,
.color-secondary-icon i {
  color: var(--color-secondary);
}
#main #et-boc .color-secondary-font,
#main #et-boc .btn.color-secondary-font,
footer .footer-widgets .color-secondary-font,
.color-secondary-font,
.btn.color-secondary-font,
#main #et-boc .color-secondary-font span,
.color-secondary-font span {
  color: var(--color-secondary);
}
#main #et-boc .color-secondary-font-hover:hover,
#main #et-boc .btn.color-secondary-font-hover:hover,
footer .footer-widgets .color-secondary-font-hover:hover,
.color-secondary-font-hover:hover,
.btn.color-secondary-font:hover,
#main #et-boc .color-secondary-font-hover:hover span,
.color-secondary-font-hover:hover span {
  color: var(--color-secondary);
}
#main #et-boc .color-secondary-btn-hover.animBtn:after,
.color-secondary-btn-hover.animBtn:after {
  background: none repeat scroll 0 0 var(--color-secondary);
}
#main #et-boc .color-secondary-btn-hover:hover,
.color-secondary-btn-hover:hover {
  border-color: var(--color-secondary);
  background: var(--color-secondary) ;
  position: relative;
  overflow: hidden;
}
#main #et-boc .color-secondary-btn-hover:hover.btn-ghost,
.color-secondary-btn-hover:hover.btn-ghost {
  border-color: var(--color-secondary) ;
  background: var(--color-secondary) ;
}
#main #et-boc .color-secondary-btn-hover:hover.animBtn:after,
.color-secondary-btn-hover:hover.animBtn:after {
  background: none repeat scroll 0 0 var(--color-secondary);
}
#main #et-boc .color-secondary-btn-hover-saturate.animBtn:after,
.color-secondary-btn-hover-saturate.animBtn:after {
  background: none repeat scroll 0 0 saturate(var(--color-secondary), 50%);
}
#main #et-boc .color-secondary-btn-hover-saturate:hover,
.color-secondary-btn-hover-saturate:hover {
  border-color: saturate(var(--color-secondary), 50%);
  background: saturate(var(--color-secondary), 50%) ;
  position: relative;
  overflow: hidden;
}
#main #et-boc .color-secondary-btn-hover-saturate:hover.btn-ghost,
.color-secondary-btn-hover-saturate:hover.btn-ghost {
  border-color: var(--color-secondary) ;
  background: var(--color-secondary) ;
}
#main #et-boc .color-secondary-btn-hover-saturate:hover.animBtn:after,
.color-secondary-btn-hover-saturate:hover.animBtn:after {
  background: none repeat scroll 0 0 saturate(var(--color-secondary), 50%);
}
#main #et-boc .color-secondary-btn-hover-lighten-x.animBtn:after,
.color-secondary-btn-hover-lighten-x.animBtn:after {
  background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-secondary-btn-hover-lighten-x:hover,
.color-secondary-btn-hover-lighten-x:hover {
  border-color: hsl(0, 100%, 70%);
  background: hsl(0, 100%, 70%) ;
  position: relative;
  overflow: hidden;
}
#main #et-boc .color-secondary-btn-hover-lighten-x:hover.btn-ghost,
.color-secondary-btn-hover-lighten-x:hover.btn-ghost {
  border-color: hsl(0, 100%, 70%) ;
  background: hsl(0, 100%, 70%) ;
}
#main #et-boc .color-secondary-btn-hover-lighten-x:hover.animBtn:after,
.color-secondary-btn-hover-lighten-x:hover.animBtn:after {
  background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-secondary-btn-hover-lighten-xx.animBtn:after,
.color-secondary-btn-hover-lighten-xx.animBtn:after {
  background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-secondary-btn-hover-lighten-xx:hover,
.color-secondary-btn-hover-lighten-xx:hover {
  border-color: hsl(0, 100%, 70%);
  background: hsl(0, 100%, 70%) ;
  position: relative;
  overflow: hidden;
}
#main #et-boc .color-secondary-btn-hover-lighten-xx:hover.btn-ghost,
.color-secondary-btn-hover-lighten-xx:hover.btn-ghost {
  border-color: hsl(0, 100%, 70%) ;
  background: hsl(0, 100%, 70%) ;
}
#main #et-boc .color-secondary-btn-hover-lighten-xx:hover.animBtn:after,
.color-secondary-btn-hover-lighten-xx:hover.animBtn:after {
  background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-secondary-btn-hover-lighten-xxx.animBtn:after,
.color-secondary-btn-hover-lighten-xxx.animBtn:after {
  background: none repeat scroll 0 0 hsl(0, 100%, 80%);
}
#main #et-boc .color-secondary-btn-hover-lighten-xxx:hover,
.color-secondary-btn-hover-lighten-xxx:hover {
  border-color: hsl(0, 100%, 80%);
  background: hsl(0, 100%, 80%) ;
  position: relative;
  overflow: hidden;
}
#main #et-boc .color-secondary-btn-hover-lighten-xxx:hover.btn-ghost,
.color-secondary-btn-hover-lighten-xxx:hover.btn-ghost {
  border-color: hsl(0, 100%, 80%) ;
  background: hsl(0, 100%, 80%) ;
}
#main #et-boc .color-secondary-btn-hover-lighten-xxx:hover.animBtn:after,
.color-secondary-btn-hover-lighten-xxx:hover.animBtn:after {
  background: none repeat scroll 0 0 hsl(0, 100%, 80%);
}
#main #et-boc .color-tertiary,
#main #et-boc .btn.color-tertiary,
#main #et-boc .btn.color-tertiary span,
.color-tertiary,
.btn.color-tertiary,
footer .footer-widgets .color-tertiary,
footer .footer-widgets .btn.color-tertiary,
footer .footer-widgets .btn.color-tertiary span {
  color: var(--color-tertiary) ;
}
#main #et-boc .color-tertiary:hover,
#main #et-boc .btn.color-tertiary:hover,
#main #et-boc .btn.color-tertiary:hover span,
.color-tertiary:hover,
.btn.color-tertiary:hover,
footer .footer-widgets .color-tertiary:hover,
footer .footer-widgets .btn.color-tertiary:hover,
footer .footer-widgets .btn.color-tertiary:hover span {
  color: var(--color-tertiary) ;
}
#main #et-boc .color-tertiary-bg,
.color-tertiary-bg {
  background: var(--color-tertiary);
}
#main #et-boc .color-tertiaryi,
.color-tertiaryi {
  color: var(--color-tertiary) !important;
}
#main #et-boc .color-tertiary-hdri .heading-hero,
.color-tertiary-hdri .heading-hero,
#main #et-boc .color-tertiary-hdri .heading-hero-alt,
.color-tertiary-hdri .heading-hero-alt,
#main #et-boc .color-tertiary-hdri .heading-primary,
.color-tertiary-hdri .heading-primary,
#main #et-boc .color-tertiary-hdri .heading-secondary,
.color-tertiary-hdri .heading-secondary,
#main #et-boc .color-tertiary-hdri .heading-tertiary,
.color-tertiary-hdri .heading-tertiary,
#main #et-boc .color-tertiary-hdri h1,
.color-tertiary-hdri h1,
#main #et-boc .color-tertiary-hdri h2,
.color-tertiary-hdri h2,
#main #et-boc .color-tertiary-hdri h3,
.color-tertiary-hdri h3,
#main #et-boc .color-tertiary-hdri h4,
.color-tertiary-hdri h4,
#main #et-boc .color-tertiary-hdri h5,
.color-tertiary-hdri h5,
#main #et-boc .color-tertiary-hdri h6,
.color-tertiary-hdri h6 {
  color: var(--color-tertiary) ;
}
#main #et-boc .color-tertiary-bgi,
.color-tertiary-bgi {
  background: var(--color-tertiary) ;
}
#main #et-boc .color-tertiary-btn,
.color-tertiary-btn {
  border-color: var(--color-tertiary);
  background: var(--color-tertiary);
  position: relative;
  overflow: hidden;
}
#main #et-boc .color-tertiary-btn.btn-ghost,
.color-tertiary-btn.btn-ghost {
  background: rgba(0, 0, 0, 0) ;
  border-color: var(--color-tertiary) ;
}
#main #et-boc .color-tertiary-btn.animBtn,
.color-tertiary-btn.animBtn {
  background: var(--color-tertiary);
}
#main #et-boc .color-tertiary-icon i,
.color-tertiary-icon i {
  color: var(--color-tertiary);
}
#main #et-boc .color-tertiary-font,
#main #et-boc .btn.color-tertiary-font,
footer .footer-widgets .color-tertiary-font,
.color-tertiary-font,
.btn.color-tertiary-font,
#main #et-boc .color-tertiary-font span,
.color-tertiary-font span {
  color: var(--color-tertiary);
}
#main #et-boc .color-tertiary-font-hover:hover,
#main #et-boc .btn.color-tertiary-font-hover:hover,
footer .footer-widgets .color-tertiary-font-hover:hover,
.color-tertiary-font-hover:hover,
.btn.color-tertiary-font:hover,
#main #et-boc .color-tertiary-font-hover:hover span,
.color-tertiary-font-hover:hover span {
  color: var(--color-tertiary);
}
#main #et-boc .color-tertiary-btn-hover.animBtn:after,
.color-tertiary-btn-hover.animBtn:after {
  background: none repeat scroll 0 0 var(--color-tertiary);
}
#main #et-boc .color-tertiary-btn-hover:hover,
.color-tertiary-btn-hover:hover {
  border-color: var(--color-tertiary);
  background: var(--color-tertiary) ;
  position: relative;
  overflow: hidden;
}
#main #et-boc .color-tertiary-btn-hover:hover.btn-ghost,
.color-tertiary-btn-hover:hover.btn-ghost {
  border-color: var(--color-tertiary) ;
  background: var(--color-tertiary) ;
}
#main #et-boc .color-tertiary-btn-hover:hover.animBtn:after,
.color-tertiary-btn-hover:hover.animBtn:after {
  background: none repeat scroll 0 0 var(--color-tertiary);
}
#main #et-boc .color-tertiary-btn-hover-saturate.animBtn:after,
.color-tertiary-btn-hover-saturate.animBtn:after {
  background: none repeat scroll 0 0 saturate(var(--color-tertiary), 50%);
}
#main #et-boc .color-tertiary-btn-hover-saturate:hover,
.color-tertiary-btn-hover-saturate:hover {
  border-color: saturate(var(--color-tertiary), 50%);
  background: saturate(var(--color-tertiary), 50%) ;
  position: relative;
  overflow: hidden;
}
#main #et-boc .color-tertiary-btn-hover-saturate:hover.btn-ghost,
.color-tertiary-btn-hover-saturate:hover.btn-ghost {
  border-color: var(--color-tertiary) ;
  background: var(--color-tertiary) ;
}
#main #et-boc .color-tertiary-btn-hover-saturate:hover.animBtn:after,
.color-tertiary-btn-hover-saturate:hover.animBtn:after {
  background: none repeat scroll 0 0 saturate(var(--color-tertiary), 50%);
}
#main #et-boc .color-tertiary-btn-hover-lighten-x.animBtn:after,
.color-tertiary-btn-hover-lighten-x.animBtn:after {
  background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-tertiary-btn-hover-lighten-x:hover,
.color-tertiary-btn-hover-lighten-x:hover {
  border-color: hsl(0, 100%, 70%);
  background: hsl(0, 100%, 70%) ;
  position: relative;
  overflow: hidden;
}
#main #et-boc .color-tertiary-btn-hover-lighten-x:hover.btn-ghost,
.color-tertiary-btn-hover-lighten-x:hover.btn-ghost {
  border-color: hsl(0, 100%, 70%) ;
  background: hsl(0, 100%, 70%) ;
}
#main #et-boc .color-tertiary-btn-hover-lighten-x:hover.animBtn:after,
.color-tertiary-btn-hover-lighten-x:hover.animBtn:after {
  background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-tertiary-btn-hover-lighten-xx.animBtn:after,
.color-tertiary-btn-hover-lighten-xx.animBtn:after {
  background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-tertiary-btn-hover-lighten-xx:hover,
.color-tertiary-btn-hover-lighten-xx:hover {
  border-color: hsl(0, 100%, 70%);
  background: hsl(0, 100%, 70%) ;
  position: relative;
  overflow: hidden;
}
#main #et-boc .color-tertiary-btn-hover-lighten-xx:hover.btn-ghost,
.color-tertiary-btn-hover-lighten-xx:hover.btn-ghost {
  border-color: hsl(0, 100%, 70%) ;
  background: hsl(0, 100%, 70%) ;
}
#main #et-boc .color-tertiary-btn-hover-lighten-xx:hover.animBtn:after,
.color-tertiary-btn-hover-lighten-xx:hover.animBtn:after {
  background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-tertiary-btn-hover-lighten-xxx.animBtn:after,
.color-tertiary-btn-hover-lighten-xxx.animBtn:after {
  background: none repeat scroll 0 0 hsl(0, 100%, 80%);
}
#main #et-boc .color-tertiary-btn-hover-lighten-xxx:hover,
.color-tertiary-btn-hover-lighten-xxx:hover {
  border-color: hsl(0, 100%, 80%);
  background: hsl(0, 100%, 80%) ;
  position: relative;
  overflow: hidden;
}
#main #et-boc .color-tertiary-btn-hover-lighten-xxx:hover.btn-ghost,
.color-tertiary-btn-hover-lighten-xxx:hover.btn-ghost {
  border-color: hsl(0, 100%, 80%) ;
  background: hsl(0, 100%, 80%) ;
}
#main #et-boc .color-tertiary-btn-hover-lighten-xxx:hover.animBtn:after,
.color-tertiary-btn-hover-lighten-xxx:hover.animBtn:after {
  background: none repeat scroll 0 0 hsl(0, 100%, 80%);
}
#main #et-boc .color-accenta,
#main #et-boc .btn.color-accenta,
#main #et-boc .btn.color-accenta span,
.color-accenta,
.btn.color-accenta,
footer .footer-widgets .color-accenta,
footer .footer-widgets .btn.color-accenta,
footer .footer-widgets .btn.color-accenta span {
  color: var(--color-accenta);
}
#main #et-boc .color-accenta:hover,
#main #et-boc .btn.color-accenta:hover,
#main #et-boc .btn.color-accenta:hover span,
.color-accenta:hover,
.btn.color-accenta:hover,
footer .footer-widgets .color-accenta:hover,
footer .footer-widgets .btn.color-accenta:hover,
footer .footer-widgets .btn.color-accenta:hover span {
  color: var(--color-accenta);
}
#main #et-boc .color-accenta-bg,
.color-accenta-bg {
  background: var(--color-accenta);
}
#main #et-boc .color-accentai,
.color-accentai {
  color: var(--color-accenta) !important;
}
#main #et-boc .color-accenta-hdri .heading-hero,
.color-accenta-hdri .heading-hero,
#main #et-boc .color-accenta-hdri .heading-hero-alt,
.color-accenta-hdri .heading-hero-alt,
#main #et-boc .color-accenta-hdri .heading-primary,
.color-accenta-hdri .heading-primary,
#main #et-boc .color-accenta-hdri .heading-secondary,
.color-accenta-hdri .heading-secondary,
#main #et-boc .color-accenta-hdri .heading-tertiary,
.color-accenta-hdri .heading-tertiary,
#main #et-boc .color-accenta-hdri h1,
.color-accenta-hdri h1,
#main #et-boc .color-accenta-hdri h2,
.color-accenta-hdri h2,
#main #et-boc .color-accenta-hdri h3,
.color-accenta-hdri h3,
#main #et-boc .color-accenta-hdri h4,
.color-accenta-hdri h4,
#main #et-boc .color-accenta-hdri h5,
.color-accenta-hdri h5,
#main #et-boc .color-accenta-hdri h6,
.color-accenta-hdri h6 {
  color: var(--color-accenta) ;
}
#main #et-boc .color-accenta-bgi,
.color-accenta-bgi {
  background: var(--color-accenta) ;
}
#main #et-boc .color-accenta-btn,
.color-accenta-btn {
  border-color: var(--color-accenta);
  background: var(--color-accenta);
  position: relative;
  overflow: hidden;
}
#main #et-boc .color-accenta-btn.btn-ghost,
.color-accenta-btn.btn-ghost {
  background: rgba(0, 0, 0, 0) ;
  border-color: var(--color-accenta) ;
}
#main #et-boc .color-accenta-btn.animBtn,
.color-accenta-btn.animBtn {
  background: var(--color-accenta);
}
#main #et-boc .color-accenta-icon i,
.color-accenta-icon i {
  color: var(--color-accenta);
}
#main #et-boc .color-accenta-font,
#main #et-boc .btn.color-accenta-font,
footer .footer-widgets .color-accenta-font,
.color-accenta-font,
.btn.color-accenta-font,
#main #et-boc .color-accenta-font span,
.color-accenta-font span {
  color: var(--color-accenta);
}
#main #et-boc .color-accenta-font-hover:hover,
#main #et-boc .btn.color-accenta-font-hover:hover,
footer .footer-widgets .color-accenta-font-hover:hover,
.color-accenta-font-hover:hover,
.btn.color-accenta-font:hover,
#main #et-boc .color-accenta-font-hover:hover span,
.color-accenta-font-hover:hover span {
  color: var(--color-accenta);
}
#main #et-boc .color-accenta-btn-hover.animBtn:after,
.color-accenta-btn-hover.animBtn:after {
  background: none repeat scroll 0 0 var(--color-accenta);
}
#main #et-boc .color-accenta-btn-hover:hover,
.color-accenta-btn-hover:hover {
  border-color: var(--color-accenta);
  background: var(--color-accenta) ;
  position: relative;
  overflow: hidden;
}
#main #et-boc .color-accenta-btn-hover:hover.btn-ghost,
.color-accenta-btn-hover:hover.btn-ghost {
  border-color: var(--color-accenta) ;
  background: var(--color-accenta) ;
}
#main #et-boc .color-accenta-btn-hover:hover.animBtn:after,
.color-accenta-btn-hover:hover.animBtn:after {
  background: none repeat scroll 0 0 var(--color-accenta);
}
#main #et-boc .color-accenta-btn-hover-saturate.animBtn:after,
.color-accenta-btn-hover-saturate.animBtn:after {
  background: none repeat scroll 0 0 saturate(var(--color-accenta), 50%);
}
#main #et-boc .color-accenta-btn-hover-saturate:hover,
.color-accenta-btn-hover-saturate:hover {
  border-color: saturate(var(--color-accenta), 50%);
  background: saturate(var(--color-accenta), 50%) ;
  position: relative;
  overflow: hidden;
}
#main #et-boc .color-accenta-btn-hover-saturate:hover.btn-ghost,
.color-accenta-btn-hover-saturate:hover.btn-ghost {
  border-color: var(--color-accenta) ;
  background: var(--color-accenta) ;
}
#main #et-boc .color-accenta-btn-hover-saturate:hover.animBtn:after,
.color-accenta-btn-hover-saturate:hover.animBtn:after {
  background: none repeat scroll 0 0 saturate(var(--color-accenta), 50%);
}
#main #et-boc .color-accenta-btn-hover-lighten-x.animBtn:after,
.color-accenta-btn-hover-lighten-x.animBtn:after {
  background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-accenta-btn-hover-lighten-x:hover,
.color-accenta-btn-hover-lighten-x:hover {
  border-color: hsl(0, 100%, 70%);
  background: hsl(0, 100%, 70%) ;
  position: relative;
  overflow: hidden;
}
#main #et-boc .color-accenta-btn-hover-lighten-x:hover.btn-ghost,
.color-accenta-btn-hover-lighten-x:hover.btn-ghost {
  border-color: hsl(0, 100%, 70%) ;
  background: hsl(0, 100%, 70%) ;
}
#main #et-boc .color-accenta-btn-hover-lighten-x:hover.animBtn:after,
.color-accenta-btn-hover-lighten-x:hover.animBtn:after {
  background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-accenta-btn-hover-lighten-xx.animBtn:after,
.color-accenta-btn-hover-lighten-xx.animBtn:after {
  background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-accenta-btn-hover-lighten-xx:hover,
.color-accenta-btn-hover-lighten-xx:hover {
  border-color: hsl(0, 100%, 70%);
  background: hsl(0, 100%, 70%) ;
  position: relative;
  overflow: hidden;
}
#main #et-boc .color-accenta-btn-hover-lighten-xx:hover.btn-ghost,
.color-accenta-btn-hover-lighten-xx:hover.btn-ghost {
  border-color: hsl(0, 100%, 70%) ;
  background: hsl(0, 100%, 70%) ;
}
#main #et-boc .color-accenta-btn-hover-lighten-xx:hover.animBtn:after,
.color-accenta-btn-hover-lighten-xx:hover.animBtn:after {
  background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-accenta-btn-hover-lighten-xxx.animBtn:after,
.color-accenta-btn-hover-lighten-xxx.animBtn:after {
  background: none repeat scroll 0 0 hsl(0, 100%, 80%);
}
#main #et-boc .color-accenta-btn-hover-lighten-xxx:hover,
.color-accenta-btn-hover-lighten-xxx:hover {
  border-color: hsl(0, 100%, 80%);
  background: hsl(0, 100%, 80%) ;
  position: relative;
  overflow: hidden;
}
#main #et-boc .color-accenta-btn-hover-lighten-xxx:hover.btn-ghost,
.color-accenta-btn-hover-lighten-xxx:hover.btn-ghost {
  border-color: hsl(0, 100%, 80%) ;
  background: hsl(0, 100%, 80%) ;
}
#main #et-boc .color-accenta-btn-hover-lighten-xxx:hover.animBtn:after,
.color-accenta-btn-hover-lighten-xxx:hover.animBtn:after {
  background: none repeat scroll 0 0 hsl(0, 100%, 80%);
}
#main #et-boc .color-accentb,
#main #et-boc .btn.color-accentb,
#main #et-boc .btn.color-accentb span,
.color-accentb,
.btn.color-accentb,
footer .footer-widgets .color-accentb,
footer .footer-widgets .btn.color-accentb,
footer .footer-widgets .btn.color-accentb span {
  color: var(--color-accentb) ;
}
#main #et-boc .color-accentb,
#main #et-boc .btn.color-accentb,
#main #et-boc .btn.color-accentb span,
.color-accentb,
.btn.color-accentb,
footer .footer-widgets .color-accenta,
footer .footer-widgets .btn.color-accentb,
footer .footer-widgets .btn.color-accentb span {
  color: var(--color-accentb) ;
}
#main #et-boc .color-accentb-bg,
.color-accentb-bg {
  background: var(--color-accentb);
}
#main #et-boc .color-accentbi,
.color-accentbi {
  color: var(--color-accentb) !important;
}
#main #et-boc .color-accentb-hdri .heading-hero,
.color-accentb-hdri .heading-hero,
#main #et-boc .color-accentb-hdri .heading-hero-alt,
.color-accentb-hdri .heading-hero-alt,
#main #et-boc .color-accentb-hdri .heading-primary,
.color-accentb-hdri .heading-primary,
#main #et-boc .color-accentb-hdri .heading-secondary,
.color-accentb-hdri .heading-secondary,
#main #et-boc .color-accentb-hdri .heading-tertiary,
.color-accentb-hdri .heading-tertiary,
#main #et-boc .color-accentb-hdri h1,
.color-accentb-hdri h1,
#main #et-boc .color-accentb-hdri h2,
.color-accentb-hdri h2,
#main #et-boc .color-accentb-hdri h3,
.color-accentb-hdri h3,
#main #et-boc .color-accentb-hdri h4,
.color-accentb-hdri h4,
#main #et-boc .color-accentb-hdri h5,
.color-accentb-hdri h5,
#main #et-boc .color-accentb-hdri h6,
.color-accentb-hdri h6 {
  color: var(--color-accentb) ;
}
#main #et-boc .color-accentb-bgi,
.color-accentb-bgi {
  background: var(--color-accentb) ;
}
#main #et-boc .color-accentb-btn,
.color-accentb-btn {
  border-color: var(--color-accentb);
  background: var(--color-accentb);
  position: relative;
  overflow: hidden;
}
#main #et-boc .color-accentb-btn.btn-ghost,
.color-accentb-btn.btn-ghost {
  background: rgba(0, 0, 0, 0) ;
  border-color: var(--color-accentb) ;
}
#main #et-boc .color-accentb-btn.animBtn,
.color-accentb-btn.animBtn {
  background: var(--color-accentb);
}
#main #et-boc .color-accentb-icon i,
.color-accentb-icon i {
  color: var(--color-accentb);
}
#main #et-boc .color-accentb-font,
#main #et-boc .btn.color-accentb-font,
footer .footer-widgets .color-accentb-font,
.color-accentb-font,
.btn.color-accentb-font,
#main #et-boc .color-accentb-font span,
.color-accentb-font span {
  color: var(--color-accentb);
}
#main #et-boc .color-accentb-font-hover:hover,
#main #et-boc .btn.color-accentb-font-hover:hover,
footer .footer-widgets .color-accentb-font-hover:hover,
.color-accentb-font-hover:hover,
.btn.color-accentb-font:hover,
#main #et-boc .color-accentb-font-hover:hover span,
.color-accentb-font-hover:hover span {
  color: var(--color-accentb);
}
#main #et-boc .color-accentb-btn-hover.animBtn:after,
.color-accentb-btn-hover.animBtn:after {
  background: none repeat scroll 0 0 var(--color-accentb);
}
#main #et-boc .color-accentb-btn-hover:hover,
.color-accentb-btn-hover:hover {
  border-color: var(--color-accentb);
  background: var(--color-accentb) ;
  position: relative;
  overflow: hidden;
}
#main #et-boc .color-accentb-btn-hover:hover.btn-ghost,
.color-accentb-btn-hover:hover.btn-ghost {
  border-color: var(--color-accentb) ;
  background: var(--color-accentb) ;
}
#main #et-boc .color-accentb-btn-hover:hover.animBtn:after,
.color-accentb-btn-hover:hover.animBtn:after {
  background: none repeat scroll 0 0 var(--color-accentb);
}
#main #et-boc .color-accentb-btn-hover-saturate.animBtn:after,
.color-accentb-btn-hover-saturate.animBtn:after {
  background: none repeat scroll 0 0 saturate(var(--color-accentb), 50%);
}
#main #et-boc .color-accentb-btn-hover-saturate:hover,
.color-accentb-btn-hover-saturate:hover {
  border-color: saturate(var(--color-accentb), 50%);
  background: saturate(var(--color-accentb), 50%) ;
  position: relative;
  overflow: hidden;
}
#main #et-boc .color-accentb-btn-hover-saturate:hover.btn-ghost,
.color-accentb-btn-hover-saturate:hover.btn-ghost {
  border-color: var(--color-accentb) ;
  background: var(--color-accentb) ;
}
#main #et-boc .color-accentb-btn-hover-saturate:hover.animBtn:after,
.color-accentb-btn-hover-saturate:hover.animBtn:after {
  background: none repeat scroll 0 0 saturate(var(--color-accentb), 50%);
}
#main #et-boc .color-accentb-btn-hover-lighten-x.animBtn:after,
.color-accentb-btn-hover-lighten-x.animBtn:after {
  background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-accentb-btn-hover-lighten-x:hover,
.color-accentb-btn-hover-lighten-x:hover {
  border-color: hsl(0, 100%, 70%);
  background: hsl(0, 100%, 70%) ;
  position: relative;
  overflow: hidden;
}
#main #et-boc .color-accentb-btn-hover-lighten-x:hover.btn-ghost,
.color-accentb-btn-hover-lighten-x:hover.btn-ghost {
  border-color: hsl(0, 100%, 70%) ;
  background: hsl(0, 100%, 70%) ;
}
#main #et-boc .color-accentb-btn-hover-lighten-x:hover.animBtn:after,
.color-accentb-btn-hover-lighten-x:hover.animBtn:after {
  background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-accentb-btn-hover-lighten-xx.animBtn:after,
.color-accentb-btn-hover-lighten-xx.animBtn:after {
  background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-accentb-btn-hover-lighten-xx:hover,
.color-accentb-btn-hover-lighten-xx:hover {
  border-color: hsl(0, 100%, 70%);
  background: hsl(0, 100%, 70%) ;
  position: relative;
  overflow: hidden;
}
#main #et-boc .color-accentb-btn-hover-lighten-xx:hover.btn-ghost,
.color-accentb-btn-hover-lighten-xx:hover.btn-ghost {
  border-color: hsl(0, 100%, 70%) ;
  background: hsl(0, 100%, 70%) ;
}
#main #et-boc .color-accentb-btn-hover-lighten-xx:hover.animBtn:after,
.color-accentb-btn-hover-lighten-xx:hover.animBtn:after {
  background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-accentb-btn-hover-lighten-xxx.animBtn:after,
.color-accentb-btn-hover-lighten-xxx.animBtn:after {
  background: none repeat scroll 0 0 hsl(0, 100%, 80%);
}
#main #et-boc .color-accentb-btn-hover-lighten-xxx:hover,
.color-accentb-btn-hover-lighten-xxx:hover {
  border-color: hsl(0, 100%, 80%);
  background: hsl(0, 100%, 80%) ;
  position: relative;
  overflow: hidden;
}
#main #et-boc .color-accentb-btn-hover-lighten-xxx:hover.btn-ghost,
.color-accentb-btn-hover-lighten-xxx:hover.btn-ghost {
  border-color: hsl(0, 100%, 80%) ;
  background: hsl(0, 100%, 80%) ;
}
#main #et-boc .color-accentb-btn-hover-lighten-xxx:hover.animBtn:after,
.color-accentb-btn-hover-lighten-xxx:hover.animBtn:after {
  background: none repeat scroll 0 0 hsl(0, 100%, 80%);
}
#main #et-boc .color-white,
#main #et-boc .btn.color-white,
#main #et-boc .btn.color-white span,
.color-white,
.btn.color-white,
footer .footer-widgets .color-white,
footer .footer-widgets .btn.color-white,
footer .footer-widgets .btn.color-white span {
  color: #fff ;
}
#main #et-boc .color-white-hover:hover,
#main #et-boc .btn.color-white-hover:hover,
#main #et-boc .btn.color-white-hover:hover span,
.color-white-hover:hover,
footer .footer-widgets .color-white-hover:hover,
footer .footer-widgets .btn.color-white-hover:hover,
footer .footer-widgets .btn.color-white-hover:hover span {
  color: #fff ;
}
#main #et-boc .color-white-bg,
.color-white-bg {
  background: #fff;
}
#main #et-boc .color-whitei,
.color-whitei {
  color: #fff !important;
}
#main #et-boc .color-white-hdri .heading-hero,
.color-white-hdri .heading-hero,
#main #et-boc .color-white-hdri .heading-hero-alt,
.color-white-hdri .heading-hero-alt,
#main #et-boc .color-white-hdri .heading-primary,
.color-white-hdri .heading-primary,
#main #et-boc .color-white-hdri .heading-secondary,
.color-white-hdri .heading-secondary,
#main #et-boc .color-white-hdri .heading-tertiary,
.color-white-hdri .heading-tertiary,
#main #et-boc .color-white-hdri h1,
.color-white-hdri h1,
#main #et-boc .color-white-hdri h2,
.color-white-hdri h2,
#main #et-boc .color-white-hdri h3,
.color-white-hdri h3,
#main #et-boc .color-white-hdri h4,
.color-white-hdri h4,
#main #et-boc .color-white-hdri h5,
.color-white-hdri h5,
#main #et-boc .color-white-hdri h6,
.color-white-hdri h6 {
  color: #fff ;
}
#main #et-boc .color-white-bgi,
.color-white-bgi {
  background: #fff ;
}
#main #et-boc .color-white-btn,
.color-white-btn {
  border-color: #fff;
  background: #fff;
  position: relative;
  overflow: hidden;
}
#main #et-boc .color-white-btn.btn-ghost,
.color-white-btn.btn-ghost {
  background: rgba(0, 0, 0, 0) ;
  border-color: #fff ;
}
#main #et-boc .color-white-btn.animBtn,
.color-white-btn.animBtn {
  background: #fff;
}
#main #et-boc .color-white-icon i,
.color-white-icon i {
  color: #fff;
}
#main #et-boc .color-white-font,
#main #et-boc .btn.color-white-font,
footer .footer-widgets .color-white-font,
.color-white-font,
.btn.color-white-font,
#main #et-boc .color-white-font span,
.color-white-font span {
  color: #fff;
}
#main #et-boc .color-white-font-hover:hover,
#main #et-boc .btn.color-white-font-hover:hover,
footer .footer-widgets .color-white-font-hover:hover,
.color-white-font-hover:hover,
.btn.color-white-font-hover:hover,
#main #et-boc .color-white-font-hover:hover span,
.color-white-font-hover:hover span {
  color: #fff;
}
#main #et-boc .color-white-btn-hover.animBtn:after,
.color-white-btn-hover.animBtn:after {
  background: none repeat scroll 0 0 #fff;
}
#main #et-boc .color-white-btn-hover:hover,
.color-white-btn-hover:hover {
  border-color: #fff;
  background: #fff ;
  position: relative;
  overflow: hidden;
}
#main #et-boc .color-white-btn-hover:hover.btn-ghost,
.color-white-btn-hover:hover.btn-ghost {
  border-color: #fff ;
  background: #fff ;
}
#main #et-boc .color-white-btn-hover:hover.animBtn:after,
.color-white-btn-hover:hover.animBtn:after {
  background: none repeat scroll 0 0 #fff;
}
#main #et-boc .color-white-btn-hover-saturate.animBtn:after,
.color-white-btn-hover-saturate.animBtn:after {
  background: none repeat scroll 0 0 #ffffff;
}
#main #et-boc .color-white-btn-hover-saturate:hover,
.color-white-btn-hover-saturate:hover {
  border-color: #ffffff;
  background: #ffffff ;
  position: relative;
  overflow: hidden;
}
#main #et-boc .color-white-btn-hover-saturate:hover.btn-ghost,
.color-white-btn-hover-saturate:hover.btn-ghost {
  border-color: #fff ;
  background: #fff ;
}
#main #et-boc .color-white-btn-hover-saturate:hover.animBtn:after,
.color-white-btn-hover-saturate:hover.animBtn:after {
  background: none repeat scroll 0 0 #ffffff;
}
#main #et-boc .color-white-btn-hover-lighten-x.animBtn:after,
.color-white-btn-hover-lighten-x.animBtn:after {
  background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-white-btn-hover-lighten-x:hover,
.color-white-btn-hover-lighten-x:hover {
  border-color: hsl(0, 100%, 70%);
  background: hsl(0, 100%, 70%) ;
  position: relative;
  overflow: hidden;
}
#main #et-boc .color-white-btn-hover-lighten-x:hover.btn-ghost,
.color-white-btn-hover-lighten-x:hover.btn-ghost {
  border-color: hsl(0, 100%, 70%) ;
  background: hsl(0, 100%, 70%) ;
}
#main #et-boc .color-white-btn-hover-lighten-x:hover.animBtn:after,
.color-white-btn-hover-lighten-x:hover.animBtn:after {
  background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-white-btn-hover-lighten-xx.animBtn:after,
.color-white-btn-hover-lighten-xx.animBtn:after {
  background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-white-btn-hover-lighten-xx:hover,
.color-white-btn-hover-lighten-xx:hover {
  border-color: hsl(0, 100%, 70%);
  background: hsl(0, 100%, 70%) ;
  position: relative;
  overflow: hidden;
}
#main #et-boc .color-white-btn-hover-lighten-xx:hover.btn-ghost,
.color-white-btn-hover-lighten-xx:hover.btn-ghost {
  border-color: hsl(0, 100%, 70%) ;
  background: hsl(0, 100%, 70%) ;
}
#main #et-boc .color-white-btn-hover-lighten-xx:hover.animBtn:after,
.color-white-btn-hover-lighten-xx:hover.animBtn:after {
  background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-white-btn-hover-lighten-xxx.animBtn:after,
.color-white-btn-hover-lighten-xxx.animBtn:after {
  background: none repeat scroll 0 0 hsl(0, 100%, 80%);
}
#main #et-boc .color-white-btn-hover-lighten-xxx:hover,
.color-white-btn-hover-lighten-xxx:hover {
  border-color: hsl(0, 100%, 80%);
  background: hsl(0, 100%, 80%) ;
  position: relative;
  overflow: hidden;
}
#main #et-boc .color-white-btn-hover-lighten-xxx:hover.btn-ghost,
.color-white-btn-hover-lighten-xxx:hover.btn-ghost {
  border-color: hsl(0, 100%, 80%) ;
  background: hsl(0, 100%, 80%) ;
}
#main #et-boc .color-white-btn-hover-lighten-xxx:hover.animBtn:after,
.color-white-btn-hover-lighten-xxx:hover.animBtn:after {
  background: none repeat scroll 0 0 hsl(0, 100%, 80%);
}
#main #et-boc .color-black,
#main #et-boc .btn.color-black,
#main #et-boc .btn.color-black span,
.color-black,
.btn.color-black,
footer .footer-widgets .color-black,
footer .footer-widgets .btn.color-black,
footer .footer-widgets .btn.color-black span{
  color: #000 ;
}
#main #et-boc .color-black:hover,
#main #et-boc .btn.color-black:hover,
#main #et-boc .btn.color-black:hover span,
.color-black:hover,
.btn.color-black:hover,
footer .footer-widgets .color-black:hover,
footer .footer-widgets .btn.color-black:hover,
footer .footer-widgets .btn.color-black:hover span {
  color: #000 ;
}
#main #et-boc .color-black-bg,
.color-black-bg {
  background: #000;
}
#main #et-boc .color-blacki,
.color-blacki {
  color: #000 !important;
}
#main #et-boc .color-black-hdri .heading-hero,
.color-black-hdri .heading-hero,
#main #et-boc .color-black-hdri .heading-hero-alt,
.color-black-hdri .heading-hero-alt,
#main #et-boc .color-black-hdri .heading-primary,
.color-black-hdri .heading-primary,
#main #et-boc .color-black-hdri .heading-secondary,
.color-black-hdri .heading-secondary,
#main #et-boc .color-black-hdri .heading-tertiary,
.color-black-hdri .heading-tertiary,
#main #et-boc .color-black-hdri h1,
.color-black-hdri h1,
#main #et-boc .color-black-hdri h2,
.color-black-hdri h2,
#main #et-boc .color-black-hdri h3,
.color-black-hdri h3,
#main #et-boc .color-black-hdri h4,
.color-black-hdri h4,
#main #et-boc .color-black-hdri h5,
.color-black-hdri h5,
#main #et-boc .color-black-hdri h6,
.color-black-hdri h6 {
  color: #000 ;
}
#main #et-boc .color-black-bgi,
.color-black-bgi {
  background: #000 ;
}
#main #et-boc .color-black-btn,
.color-black-btn {
  border-color: #000;
  background: #000;
  position: relative;
  overflow: hidden;
}
#main #et-boc .color-black-btn.btn-ghost,
.color-black-btn.btn-ghost {
  background: rgba(0, 0, 0, 0) ;
  border-color: #000 ;
}
#main #et-boc .color-black-btn.animBtn,
.color-black-btn.animBtn {
  background: #000;
}
#main #et-boc .color-black-icon i,
.color-black-icon i {
  color: #000;
}
#main #et-boc .color-black-font,
#main #et-boc .btn.color-black-font,
footer .footer-widgets .color-black-font,
.color-black-font,
.btn.color-black-font,
#main #et-boc .color-black-font span,
.color-black-font span {
  color: #000;
}
#main #et-boc .color-black-font-hover:hover,
#main #et-boc .btn.color-black-font-hover:hover,
footer .footer-widgets .color-black-font-hover:hover,
.color-black-font-hover:hover,
.btn.color-black-font-hover:hover,
#main #et-boc .color-black-font-hover:hover span,
.color-black-font-hover:hover span {
  color: #000;
}
#main #et-boc .color-black-btn-hover.animBtn:after,
.color-black-btn-hover.animBtn:after {
  background: none repeat scroll 0 0 #000;
}
#main #et-boc .color-black-btn-hover:hover,
.color-black-btn-hover:hover {
  border-color: #000;
  background: #000 ;
  position: relative;
  overflow: hidden;
}
#main #et-boc .color-black-btn-hover:hover.btn-ghost,
.color-black-btn-hover:hover.btn-ghost {
  border-color: #000 ;
  background: #000 ;
}
#main #et-boc .color-black-btn-hover:hover.animBtn:after,
.color-black-btn-hover:hover.animBtn:after {
  background: none repeat scroll 0 0 #000;
}
#main #et-boc .color-black-btn-hover-saturate.animBtn:after,
.color-black-btn-hover-saturate.animBtn:after {
  background: none repeat scroll 0 0 #000000;
}
#main #et-boc .color-black-btn-hover-saturate:hover,
.color-black-btn-hover-saturate:hover {
  border-color: #000000;
  background: #000000 ;
  position: relative;
  overflow: hidden;
}
#main #et-boc .color-black-btn-hover-saturate:hover.btn-ghost,
.color-black-btn-hover-saturate:hover.btn-ghost {
  border-color: #000 ;
  background: #000 ;
}
#main #et-boc .color-black-btn-hover-saturate:hover.animBtn:after,
.color-black-btn-hover-saturate:hover.animBtn:after {
  background: none repeat scroll 0 0 #000000;
}
#main #et-boc .color-black-btn-hover-lighten-x.animBtn:after,
.color-black-btn-hover-lighten-x.animBtn:after {
  background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-black-btn-hover-lighten-x:hover,
.color-black-btn-hover-lighten-x:hover {
  border-color: hsl(0, 100%, 70%);
  background: hsl(0, 100%, 70%) ;
  position: relative;
  overflow: hidden;
}
#main #et-boc .color-black-btn-hover-lighten-x:hover.btn-ghost,
.color-black-btn-hover-lighten-x:hover.btn-ghost {
  border-color: hsl(0, 100%, 70%) ;
  background: hsl(0, 100%, 70%) ;
}
#main #et-boc .color-black-btn-hover-lighten-x:hover.animBtn:after,
.color-black-btn-hover-lighten-x:hover.animBtn:after {
  background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-black-btn-hover-lighten-xx.animBtn:after,
.color-black-btn-hover-lighten-xx.animBtn:after {
  background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-black-btn-hover-lighten-xx:hover,
.color-black-btn-hover-lighten-xx:hover {
  border-color: hsl(0, 100%, 70%);
  background: hsl(0, 100%, 70%) ;
  position: relative;
  overflow: hidden;
}
#main #et-boc .color-black-btn-hover-lighten-xx:hover.btn-ghost,
.color-black-btn-hover-lighten-xx:hover.btn-ghost {
  border-color: hsl(0, 100%, 70%) ;
  background: hsl(0, 100%, 70%) ;
}
#main #et-boc .color-black-btn-hover-lighten-xx:hover.animBtn:after,
.color-black-btn-hover-lighten-xx:hover.animBtn:after {
  background: none repeat scroll 0 0 hsl(0, 100%, 70%);
}
#main #et-boc .color-black-btn-hover-lighten-xxx.animBtn:after,
.color-black-btn-hover-lighten-xxx.animBtn:after {
  background: none repeat scroll 0 0 hsl(0, 100%, 80%);
}
#main #et-boc .color-black-btn-hover-lighten-xxx:hover,
.color-black-btn-hover-lighten-xxx:hover {
  border-color: hsl(0, 100%, 80%);
  background: hsl(0, 100%, 80%) ;
  position: relative;
  overflow: hidden;
}
#main #et-boc .color-black-btn-hover-lighten-xxx:hover.btn-ghost,
.color-black-btn-hover-lighten-xxx:hover.btn-ghost {
  border-color: hsl(0, 100%, 80%) ;
  background: hsl(0, 100%, 80%) ;
}
#main #et-boc .color-black-btn-hover-lighten-xxx:hover.animBtn:after,
.color-black-btn-hover-lighten-xxx:hover.animBtn:after {
  background: none repeat scroll 0 0 hsl(0, 100%, 80%);
}
#main #et-boc a.animBtn,
a.animBtn {
  font-size: 16px;
  padding: 8px 20px;
}
#main #et-boc a.animBtn.btn-0x,
a.animBtn.btn-0x {
  font-size: 14px;
  padding: 8px 10px;
}
#main #et-boc a.animBtn.btn-1x,
a.animBtn.btn-1x {
  font-size: 16px;
  padding: 8px 20px;
}
#main #et-boc a.animBtn.btn-2x,
a.animBtn.btn-2x {
  font-size: 18px;
  padding: 10px 30px;
}
#main #et-boc a.animBtn.btn-3x,
a.animBtn.btn-3x {
  font-size: 18px;
  padding: 10px 40px;
}
#main #et-boc a.animBtn.btn-4x,
a.animBtn.btn-4x {
  font-size: 24px;
  padding: 6px 40px;
}
#main #et-boc a.animBtn,
a.animBtn,
#main #et-boc a.animBtn:visited,
a.animBtn:visited,
#main #et-boc a.animBtn:active,
a.animBtn:active {
  position: relative;
  display: inline-block;
  margin: 0px auto 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  overflow: hidden;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#main #et-boc a.animBtn span,
a.animBtn span,
#main #et-boc a.animBtn:visited span,
a.animBtn:visited span,
#main #et-boc a.animBtn:active span,
a.animBtn:active span {
  position: relative;
  z-index: 1;
}
#main #et-boc a.animBtn:after,
a.animBtn:after,
#main #et-boc a.animBtn:visited:after,
a.animBtn:visited:after,
#main #et-boc a.animBtn:active:after,
a.animBtn:active:after {
  content: "";
  position: absolute;
  height: 0%;
  left: 50%;
  top: 50%;
  width: 100%;
  z-index: 0;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
#main #et-boc a.animBtn:hover,
a.animBtn:hover,
#main #et-boc a.animBtn:visited:hover,
a.animBtn:visited:hover {
  color: #333;
  text-shadow: none;
}
#main #et-boc a.animBtn:hover:after,
a.animBtn:hover:after,
#main #et-boc a.animBtn:visited:hover:after,
a.animBtn:visited:hover:after {
  height: 700%;
}
#main #et-boc a.animBtn.themeA:after,
a.animBtn.themeA:after {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
#main #et-boc a.animBtn.themeB:after,
a.animBtn.themeB:after {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
#main #et-boc a.animBtn.themeC:after,
a.animBtn.themeC:after {
  opacity: 0.5;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
#main #et-boc a.animBtn.themeC:hover:after,
a.animBtn.themeC:hover:after {
  height: 140%;
  opacity: 1;
}
#main #et-boc a.animBtn.themeD:after,
a.animBtn.themeD:after {
  width: 0%;
  border-radius: 50%;
  opacity: 0.5;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
#main #et-boc a.animBtn.themeD:hover:after,
a.animBtn.themeD:hover:after {
  height: 450%;
  width: 110%;
  opacity: 1;
}