/* Page Transition */
body {
  opacity: 1;
  transition: 1s opacity;
  -webkit-transition: 1s opacity;
  -moz-transition: 1s opacity;
}
body.fade-out {
  opacity: 0;
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
}
/* Styles for new button effects, etc. */
/* Aylen - BEGIN */
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
button.btn-aylen, .cdc-bootstrap3 button.btn-aylen, a.btn-aylen, .cdc-bootstrap3 a.btn-aylen {
  overflow: hidden;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
  position: relative;
  background: #000A71;
  border: 2px solid #45B5E5;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  text-shadow:none;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
}
.btn-aylen::before, .btn-aylen::after,
a.btn-aylen::before, a.btn-aylen::after,
.cdc-bootstrap3 .btn-aylen::before, .cdc-bootstrap3 .btn-aylen::after,
.cdc-bootstrap3 a.btn-aylen::before, .cdc-bootstrap3 a.btn-aylen::after{
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: 100%;
  left: 0;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  -moz-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.btn-aylen::before, .cdc-bootstrap3 .btn-aylen::before,
a.btn-aylen::before, .cdc-bootstrap3 a.btn-aylen::before {
  background: #b5e1f5;
  -webkit-font-smoothing: antialiased;
}
.btn-aylen::after, .cdc-bootstrap3 .btn-aylen::after,
a.btn-aylen::after, .cdc-bootstrap3 a.btn-aylen::after {
  background: #45B5E5;
/*  box-shadow:2px 2px 2px rgba(69, 181, 229, 1); */
  -webkit-font-smoothing: antialiased;
}
button.btn-aylen:hover, .cdc-bootstrap3 button.btn-aylen:hover,
a.btn-aylen:hover, .cdc-bootstrap3 a.btn-aylen:hover,
button.btn-aylen:focus, .cdc-bootstrap3 button.btn-aylen:focus,
a.btn-aylen:focus, .cdc-bootstrap3 a.btn-aylen:focus,
.btn-primary.active, a.btn-primary.active,
.cdc-bootstrap3 .btn-primary.active, .cdc-bootstrap3 a.btn-primary.active {
  color: #000A71;
  background:  #44B5E5;
  border: 2px solid #44B5E5;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  text-shadow: none;
  -webkit-font-smoothing: antialiased;
}
button.btn-aylen:focus, .cdc-bootstrap3 button.btn-aylen:focus,
a.btn-aylen:focus, .cdc-bootstrap3 a.btn-aylen:focus {
  background: #b5e1f5;
}
.btn-aylen:hover::before, .btn-aylen:hover::after,
a.btn-aylen:hover::before, a.btn-aylen:hover::after,
.cdc-bootstrap3 .btn-aylen:hover::before, .cdc-bootstrap3 .btn-aylen:hover::after,
.cdc-bootstrap3 a.btn-aylen:hover::before, .cdc-bootstrap3 a.btn-aylen:hover::after,
.btn-aylen:focus::before, .btn-aylen:focus::after,
a.btn-aylen:focus::before, a.btn-aylen:focus::after,
.cdc-bootstrap3 .btn-aylen:focus::before, .cdc-bootstrap3 .btn-aylen:focus::after,
.cdc-bootstrap3 a.btn-aylen:focus::before, .cdc-bootstrap3 a.btn-aylen:focus::after,
.btn-primary.active::before, a.btn-primary.active::before,
.cdc-bootstrap3 .btn-primary.active::before, .cdc-bootstrap3 a.btn-primary.active::before,
.btn-primary.active::after, a.btn-primary.active::after,
.cdc-bootstrap3 .btn-primary.active::after, .cdc-bootstrap3 a.btn-primary.active::after{
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  box-shadow:2px 2px 2px rgba(181, 225, 245, 1);

}
.btn-aylen:hover::after, .cdc-bootstrap3 .btn-aylen:hover::after,
a.btn-aylen:hover::after, .cdc-bootstrap3 a.btn-aylen:hover::after,
.btn-aylen:focus::after, .cdc-bootstrap3 .btn-aylen:focus::after,
a.btn-aylen:focus::after, .cdc-bootstrap3 a.btn-aylen:focus::after{
  -webkit-transition-delay: 0.175s;
  -moz-transition-delay: 0.175s;
  transition-delay: 0.175s;
}
/* Aylen - END */
/* Aylen Pledge - BEGIN */
button.btn-pledge-aylen, .cdc-bootstrap3 button.btn-pledge-aylen,
a.btn-pledge-aylen, .cdc-bootstrap3 a.btn-pledge-aylen {
  overflow: hidden;
  border: 2px solid #50E3C2;
  background: #034D5D;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
  position: relative;
  text-shadow:none;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
}
.btn-pledge-aylen::before, .btn-pledge-aylen::after,
a.btn-pledge-aylen::before, a.btn-pledge-aylen::after,
.cdc-bootstrap3 .btn-pledge-aylen::before, .cdc-bootstrap3 .btn-pledge-aylen::after,
.cdc-bootstrap3 a.btn-pledge-aylen::before, .cdc-bootstrap3 a.btn-pledge-aylen::after{
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: 100%;
  left: 0;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  -moz-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.btn-pledge-aylen::before, .cdc-bootstrap3 .btn-pledge-aylen::before,
a.btn-pledge-aylen.btn-aylen::before, .cdc-bootstrap3 a.btn-pledge-aylen::before {
  background: #b9f4e6;
  -webkit-font-smoothing: antialiased;
}
.btn-pledge-aylen::after, .cdc-bootstrap3 .btn-pledge-aylen::after,
a.btn-pledge-aylen::after, .cdc-bootstrap3 a.btn-pledge-aylen::after {
  background: #50E3C2;
  -webkit-font-smoothing: antialiased;
}
button.btn-pledge-aylen:hover, .cdc-bootstrap3 button.btn-pledge-aylen:hover,
a.btn-pledge-aylen:hover, .cdc-bootstrap3 a.btn-pledge-aylen:hover,
button.btn-pledge-aylen:focus, .cdc-bootstrap3 button.btn-pledge-aylen:focus,
a.btn-pledge-aylen:focus, .cdc-bootstrap3 a.btn-pledge-aylen:focus {
  color: #034D5D;
  background: #50E3C2;
  border: 2px solid #50E3C2;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  text-shadow: none;
  -webkit-font-smoothing: antialiased;
}
button.btn-pledge-aylen:focus, .cdc-bootstrap3 button.btn-pledge-aylen:focus,
a.btn-pledge-aylen:focus, .cdc-bootstrap3 a.btn-pledge-aylen:focus {
  background: #b9f4e6;
}
.btn-pledge-aylen:hover::before, .btn-pledge-aylen:hover::after,
a.btn-pledge-aylen:hover::before, a.btn-pledge-aylen:hover::after,
.cdc-bootstrap3 .btn-pledge-aylen:hover::before, .cdc-bootstrap3 .btn-pledge-aylen:hover::after,
.cdc-bootstrap3 a.btn-pledge-aylen:hover::before, .cdc-bootstrap3 a.btn-pledge-aylen:hover::after,
.btn-pledge-aylen:focus::before, .btn-pledge-aylen:focus::after,
a.btn-pledge-aylen:focus::before, a.btn-pledge-aylen:focus::after,
.cdc-bootstrap3 .btn-pledge-aylen:focus::before, .cdc-bootstrap3 .btn-pledge-aylen:focus::after,
.cdc-bootstrap3 a.btn-pledge-aylen:focus::before, .cdc-bootstrap3 a.btn-pledge-aylen:focus::after{
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  box-shadow:2px 2px 2px rgba(181, 225, 245, 1);

}
.btn-pledge-aylen:hover::after, .cdc-bootstrap3 .btn-pledge-aylen:hover::after,
a.btn-pledge-aylen:hover::after, .cdc-bootstrap3 a.btn-pledge-aylen:hover::after,
.btn-pledge-aylen:focus::after, .cdc-bootstrap3 .btn-pledge-aylen:focus::after,
a.btn-pledge-aylen:focus::after, .cdc-bootstrap3 a.btn-pledge-aylen:focus::after {
  -webkit-transition-delay: 0.175s;
  -moz-transition-delay: 0.175s;
  transition-delay: 0.175s;
}
/* Aylen Pledge - END */

/* Next Buttons - BEGIN */
.btn-next, .cdc-bootstrap3 .btn-next, a.btn-next, .cdc-bootstrap3 a.btn-next,
.btn-right, .cdc-bootstrap3 .btn-right, a.btn-right, .cdc-bootstrap3 a.btn-right,
.btn-left, .cdc-bootstrap3 .btn-left, a.btn-left, .cdc-bootstrap3 a.btn-left,
.btn-watch, .cdc-bootstrap3 .btn-watch, a.btn-watch, .cdc-bootstrap3 a.btn-watch {
  background: #000A71;
  display: inline-block;
  overflow: hidden;
  padding: .5rem 3.5rem;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-pledge-ok, .cdc-bootstrap3 .btn-pledge-ok,
a.btn-pledge-ok, .cdc-bootstrap3 a.btn-pledge-ok{
  border: 2px solid #50E3C2;
  background: #034D5D;
}
.btn-next:before, .btn-next:after,
.btn-right:before, .btn-right:after,
.btn-left:before, .btn-left:after,
.btn-watch:before, .btn-watch:after,
a.btn-next:before, a.btn-next:after,
a.btn-right:before, a.btn-right:after,
a.btn-left:before, a.btn-left:after,
a.btn-watch:before, a.btn-watch:after {
  font-family: 'FontAwesome';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: relative;
  -webkit-font-smoothing: antialiased;
}
.icon-arrow-down:before {
  font-family: FontAwesome;
  content: "\f078";
}
.icon-arrow-up:before {
  font-family: FontAwesome;
  content: "\f077";
}
.icon-arrow-right:before {
  font-family: FontAwesome;
  content: "\f054";
}
.icon-arrow-left:before {
  font-family: FontAwesome;
  content: "\f053";
}
.icon-check:before {
  font-family: FontAwesome;
  content: "\f00c";
}
.icon-check[disabled]:before {
  font-family: FontAwesome;
  content: "\f00d";
}
.icon-cross:before {
  font-family: FontAwesome;
  content: "\f00d";
}
.icon-print:before
{
  font-family: FontAwesome;
  content: "\f02f";
}
.icon-save:before
{
  font-family: FontAwesome;
  content: "\f019";
}
.btn-next:before, .cdc-bootstrap3 .btn-next:before,
.btn-right:before, .cdc-bootstrap3 .btn-right:before,
.btn-left:before, .cdc-bootstrap3 .btn-left:before,
.btn-watch:before, .cdc-bootstrap3 .btn-watch:before,
a.btn-next:before, .cdc-bootstrap3 a.btn-next:before,
a.btn-right:before, .cdc-bootstrap3 a.btn-right:before,
a.btn-left:before, .cdc-bootstrap3 a.btn-left:before,
a.btn-watch:before, .cdc-bootstrap3 a.btn-watch:before{
  position: absolute;
  height: 100%;
  font-size: 100%;
  line-height: 2.5;
  color: #000A71;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-pledge-ok:before, .cdc-bootstrap3 .btn-pledge-ok:before,
a.btn-pledge-ok:before, .cdc-bootstrap3 a.btn-pledge-ok:before {
  color: #034D5D;
}
.btn-next:before, .cdc-bootstrap3 .btn-next:before,
a.btn-next:before, .cdc-bootstrap3 a.btn-next:before {
  left: 75%;
  top: 120%;
}
.btn-next-lg:before, .cdc-bootstrap3 .btn-next-lg:before,
a.btn-next-lg:before, .cdc-bootstrap3 a.btn-next-lg:before {
  left: 80%;
  top: 120%;
}
.btn-next-xl:before, .cdc-bootstrap3 .btn-next-xl:before,
a.btn-next-xl:before, .cdc-bootstrap3 a.btn-next-xl:before {
  left: 87%;
  top: 120%;
}
.btn-right:before, .cdc-bootstrap3 .btn-right:before {
  left: 120%;
  top: 0;
}
.btn-left:before, .cdc-bootstrap3 .btn-left:before {
  left: -50%;
  top: 0;
}
.btn-watch:before, .cdc-bootstrap3 .btn-watch:before {
  left: 120%;
  top: 0;
}
.btn-next:after, .cdc-bootstrap3 .btn-next:after,
.btn-right:after, .cdc-bootstrap3 .btn-right:after,
.btn-left:after, .cdc-bootstrap3 .btn-left:after,
.btn-watch:after, .cdc-bootstrap3 .btn-watch:after,
a.btn-next:after, .cdc-bootstrap3 a.btn-next:after,
a.btn-right:after, .cdc-bootstrap3 a.btn-right:after,
a.btn-left:after, .cdc-bootstrap3 a.btn-left:after,
a.btn-watch:after, .cdc-bootstrap3 a.btn-watch:after {
  content: '';
  position: absolute;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-next:hover, .cdc-bootstrap3 .btn-next:hover,
.btn-right:hover, .cdc-bootstrap3 .btn-right:hover,
.btn-left:hover, .cdc-bootstrap3 .btn-left:hover,
.btn-watch:hover, .cdc-bootstrap3 .btn-watch:hover,
.btn-next:focus, .cdc-bootstrap3 .btn-next:focus,
.btn-right:focus, .cdc-bootstrap3 .btn-right:focus,
.btn-left:focus, .cdc-bootstrap3 .btn-left:focus,
.btn-watch:focus, .cdc-bootstrap3 .btn-watch:focus,
a.btn-next:hover, .cdc-bootstrap3 a.btn-next:hover,
a.btn-right:hover, .cdc-bootstrap3 a.btn-right:hover,
a.btn-left:hover, .cdc-bootstrap3 a.btn-left:hover,
a.btn-watch:hover, .cdc-bootstrap3 a.btn-watch:hover,
a.btn-next:focus, .cdc-bootstrap3 a.btn-next:focus,
a.btn-right:focus, .cdc-bootstrap3 a.btn-right:focus,
a.btn-left:focus, .cdc-bootstrap3 a.btn-left:focus,
a.btn-watch:focus, .cdc-bootstrap3 a.btn-watch:focus {
  border: 2px solid #45b5e5;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  background: #45b5e5;
  color: #000A71;
  text-shadow: none;
}
.btn-pledge-ok:hover, .cdc-bootstrap3 .btn-pledge-ok:hover,
.btn-pledge-ok:focus, .cdc-bootstrap3 .btn-pledge-ok:focus,
a.btn-pledge-ok:hover, .cdc-bootstrap3 a.btn-pledge-ok:hover,
a.btn-pledge-ok:focus, .cdc-bootstrap3 a.btn-pledge-ok:focus {
  background: #50E3C2;
  border: 2px solid #50E3C2;
  color: #034D5D;
  text-shadow: none;
}
.btn-next:hover:before, .cdc-bootstrap3 .btn-next:hover:before,
.btn-next:focus:before, .cdc-bootstrap3 .btn-next:focus:before,
a.btn-next:hover:before, .cdc-bootstrap3 a.btn-next:hover:before,
a.btn-next:focus:before, .cdc-bootstrap3 a.btn-next:focus:before{
  top: -5%;
}
.btn-right:hover:before, .cdc-bootstrap3 .btn-right:hover:before,
.btn-right:focus:before, .cdc-bootstrap3 .btn-right:focus:before {
  left: 80%;
  top: -3%;
}
.btn-left:hover:before, .cdc-bootstrap3 .btn-left:hover:before,
.btn-left:focus:before, .cdc-bootstrap3 .btn-left:focus:before {
  left: 10%;
  top: -3%;
}
.btn-left-md:hover:before, .cdc-bootstrap3 .btn-left-md:hover:before,
.btn-left-md:focus:before, .cdc-bootstrap3 .btn-left-md:focus:before {
  left: 20%;
  top: -3%;
}
.btn-watch:hover:before, .cdc-bootstrap3 .btn-watch:hover:before,
.btn-watch:focus:before, .cdc-bootstrap3 .btn-watch:focus:before {
  left: 85%;
}
/* Next Buttons - END */
/* Block Reveal Effects Styles - BEGIN */
.content__title__inner {
  flex: none;
  display: inline-block;
  white-space: nowrap;
  position: relative;
}
.content__title__inner--offset-1 {
  top: -0.25em;
  left: 13.6vw;
}
.block-revealer__element {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  pointer-events: none;
  opacity: 0;
}
/* Block Reveal Effects Styles - END */
/* ------------------------------------------- */
/* ng-animate */
/* ------------------------------------------- */
.slide-top.ng-enter,
.slide-top.ng-leave {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  padding: 20px;
  -webkit-transition: -webkit-transform 1s ease-in-out;
  -ms-transition: 1s ease-in-out;
  -moz-transition: transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
}

.slide-top.ng-enter {
  z-index: 101;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -moz-transform: translateY(100%);
  transform: translateY(100%);
  opacity: 0;
  transition: 1.5s ease-out;
  -ms-transition: 1.5s ease-out;
  -webkit-transition: 1.5s ease-out;
  -moz-transition: 1.5s ease-out;
}

.slide-top.ng-enter.ng-enter-active {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.slide-top.ng-leave {
  z-index: 100;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -moz-transform: translateY(0);
  transition: 750ms ease-in-out;
  -ms-transition: 750ms ease-in-out;
  -webkit-transition: 750ms ease-in-out;
  -moz-transition: 750ms ease-in-out;
  opacity: 1;
}
.slide-top.ng-leave.ng-leave-active {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 0;
}
.slide-top.ng-leave .ui-slider-container .ui-slider-blue,
.slide-top.ng-leave.ng-leave-active .ui-slider-container .ui-slider-blue {
  opacity: 0;
}
/* ------------------------------------------- */
/* Animation for backward clicks */
/* ------------------------------------------- */

/* ------------------------------------------- */
/* Slide Down
/* ------------------------------------------- */
/* line 270, ../sass/ng-animation.scss */
.slide-down {
  -webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* easeOutQuad */
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* easeOutQuad */
}
/* line 273, ../sass/ng-animation.scss */
.slide-down.ng-enter {
  transform: translateY(-600px);
  -ms-transform: translateY(-600px);
  -webkit-transform: translateY(-600px);
  transition: 1.5s ease-out;
  -ms-transition: 1.5s ease-out;
  -webkit-transition: 1.5s ease-out;
  opacity: 0;
}
/* line 279, ../sass/ng-animation.scss */
.slide-down.ng-enter-active {
  transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  opacity: 1;
}
/* line 284, ../sass/ng-animation.scss */
.slide-down.ng-leave {
  transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transition: 750ms ease-in-out;
  -ms-transition: 750ms ease-in-out;
  -webkit-transition: 750ms ease-in-out;
  opacity: 1;
}
/* line 290, ../sass/ng-animation.scss */
.slide-down.ng-leave-active {
  transform: translateY(100%);
  -ms-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  opacity: 0;
}
/* ------------------------------------------- */
/* Slide Left
/* ------------------------------------------- */
/* line 217, ../sass/ng-animation.scss */
.slide-left {
  -webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* easeOutQuad */
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* easeOutQuad */
}
/* line 219, ../sass/ng-animation.scss */
.slide-left.ng-enter {
  transform: translateX(1185px);
  -ms-transform: translateX(1185px);
  -webkit-transform: translateX(1185px);
  transition: 1.5s ease-out;
  -ms-transition: 1.5s ease-out;
  -webkit-transition: 1.5s ease-out;
  opacity: 0;
}
/* line 225, ../sass/ng-animation.scss */
.slide-left.ng-enter-active {
  transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  opacity: 1;
}
/* line 230, ../sass/ng-animation.scss */
.slide-left.ng-leave {
  transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transition: 750ms ease-in-out;
  -ms-transition: 750ms ease-in-out;
  -webkit-transition: 750ms ease-in-out;
  opacity: 1;
}
/* line 236, ../sass/ng-animation.scss */
.slide-left.ng-leave-active {
  transform: translateX(-1185px);
  -ms-transform: translateX(-1185px);
  -webkit-transform: translateX(-1185px);
  opacity: 0;
}
/* ------------------------------------------- */
/* Slide Rigth
/* ------------------------------------------- */
/* line 163, ../sass/ng-animation.scss */
.slide-right {
  -webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* easeOutQuad */
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* easeOutQuad */
}
/* line 165, ../sass/ng-animation.scss */
.slide-right.ng-enter {
  transform: translateX(-1185px);
  -ms-transform: translateX(-1185px);
  -webkit-transform: translateX(-1185px);
  transition: 1.5s ease-out;
  -ms-transition: 1.5s ease-out;
  -webkit-transition: 1.5s ease-out;
  opacity: 0;
}
/* line 171, ../sass/ng-animation.scss */
.slide-right.ng-enter-active {
  transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  opacity: 1;
}
/* line 176, ../sass/ng-animation.scss */
.slide-right.ng-leave {
  transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transition: 750ms ease-in-out;
  -ms-transition: 750ms ease-in-out;
  -webkit-transition: 750ms ease-in-out;
  opacity: 1;
}
/* line 182, ../sass/ng-animation.scss */
.slide-right.ng-leave-active {
  transform: translateX(1185px);
  -ms-transform: translateX(1185px);
  -webkit-transform: translateX(1185px);
  opacity: 0;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes enter {
  0%   {top:100%;}
  100%  {top:0;}
}
@-webkit-keyframes leave {
  0%   {top:0;}
  100%  {top:100%;}
}
/* Standard syntax */
@keyframes enter {
  0%   {top:100%;}
  100%  {top:0;}
}
@keyframes leave {
  0%   {top:0;}
  100%  {top:100%;}
}



/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
