.container, .container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px
}

.clear, .clearfix:after, .container-fluid:after, .container:after, .grid-100:after, .grid-10:after, .grid-15:after, .grid-20:after, .grid-25:after, .grid-30:after, .grid-33:after, .grid-35:after, .grid-40:after, .grid-45:after, .grid-50:after, .grid-55:after, .grid-5:after, .grid-60:after, .grid-65:after, .grid-66:after, .grid-70:after, .grid-75:after, .grid-80:after, .grid-85:after, .grid-90:after, .grid-95:after, .grid-container:after, .mobile-grid-100:after, .mobile-grid-10:after, .mobile-grid-15:after, .mobile-grid-20:after, .mobile-grid-25:after, .mobile-grid-30:after, .mobile-grid-33:after, .mobile-grid-35:after, .mobile-grid-40:after, .mobile-grid-45:after, .mobile-grid-50:after, .mobile-grid-55:after, .mobile-grid-5:after, .mobile-grid-60:after, .mobile-grid-65:after, .mobile-grid-66:after, .mobile-grid-70:after, .mobile-grid-75:after, .mobile-grid-80:after, .mobile-grid-85:after, .mobile-grid-90:after, .mobile-grid-95:after, .row:after, .tablet-grid-100:after, .tablet-grid-10:after, .tablet-grid-15:after, .tablet-grid-20:after, .tablet-grid-25:after, .tablet-grid-30:after, .tablet-grid-33:after, .tablet-grid-35:after, .tablet-grid-40:after, .tablet-grid-45:after, .tablet-grid-50:after, .tablet-grid-55:after, .tablet-grid-5:after, .tablet-grid-60:after, .tablet-grid-65:after, .tablet-grid-66:after, .tablet-grid-70:after, .tablet-grid-75:after, .tablet-grid-80:after, .tablet-grid-85:after, .tablet-grid-90:after, .tablet-grid-95:after {
  clear: both
}

.error-modal h2, .funnel-item h2, .processing-modal h2 {
  font-weight: 100;
  text-align: center
}

.error-modal, .funnel-item h2, .processing-modal h2, .sk-spinner-wave.sk-spinner, .upsell-container .conversion-container, .upsell-container .conversion-container .decline-text, .upsell-container h1, .upsell-container h2, .upsell-container h3, .upsell-container h4, .upsell-container2 .conversion-container, .upsell-container2 h1, .upsell-container2 h2, .upsell-container2 h3, .upsell-container2 h4 {
  text-align: center
}

.arrow_box:after, .arrow_box:before, .down-icon, .fa-caret-down {
  pointer-events: none
}

@-ms-viewport {
  width: device-width
}

.visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
  display: none !important
}

@media (max-width:767px) {
  .visible-xs {
    display: block !important
  }

  table.visible-xs {
    display: table
  }

  tr.visible-xs {
    display: table-row !important
  }

  td.visible-xs, th.visible-xs {
    display: table-cell !important
  }

  .visible-xs-block {
    display: block !important
  }

  .visible-xs-inline {
    display: inline !important
  }

  .visible-xs-inline-block {
    display: inline-block !important
  }
}

@media (min-width:768px) and (max-width:991px) {
  .visible-sm {
    display: block !important
  }

  table.visible-sm {
    display: table
  }

  tr.visible-sm {
    display: table-row !important
  }

  td.visible-sm, th.visible-sm {
    display: table-cell !important
  }

  .visible-sm-block {
    display: block !important
  }

  .visible-sm-inline {
    display: inline !important
  }

  .visible-sm-inline-block {
    display: inline-block !important
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .visible-md {
    display: block !important
  }

  table.visible-md {
    display: table
  }

  tr.visible-md {
    display: table-row !important
  }

  td.visible-md, th.visible-md {
    display: table-cell !important
  }

  .visible-md-block {
    display: block !important
  }

  .visible-md-inline {
    display: inline !important
  }

  .visible-md-inline-block {
    display: inline-block !important
  }
}

@media (min-width:1200px) {
  .visible-lg {
    display: block !important
  }

  table.visible-lg {
    display: table
  }

  tr.visible-lg {
    display: table-row !important
  }

  td.visible-lg, th.visible-lg {
    display: table-cell !important
  }

  .visible-lg-block {
    display: block !important
  }

  .visible-lg-inline {
    display: inline !important
  }

  .visible-lg-inline-block {
    display: inline-block !important
  }

  .hidden-lg {
    display: none !important
  }
}

@media (max-width:767px) {
  .hidden-xs {
    display: none !important
  }
}

@media (min-width:768px) and (max-width:991px) {
  .hidden-sm {
    display: none !important
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .hidden-md {
    display: none !important
  }
}

.visible-print {
  display: none !important
}

@media print {
  .visible-print {
    display: block !important
  }

  table.visible-print {
    display: table
  }

  tr.visible-print {
    display: table-row !important
  }

  td.visible-print, th.visible-print {
    display: table-cell !important
  }
}

.visible-print-block {
  display: none !important
}

@media print {
  .visible-print-block {
    display: block !important
  }
}

.visible-print-inline {
  display: none !important
}

@media print {
  .visible-print-inline {
    display: inline !important
  }
}

.visible-print-inline-block {
  display: none !important
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important
  }

  .hidden-print {
    display: none !important
  }
}

@media (min-width:768px) {
  .container {
    width: 750px
  }
}

@media (min-width:992px) {
  .container {
    width: 970px
  }
}

@media (min-width:1200px) {
  .container {
    width: 1170px
  }
}

.row {
  margin-left: -15px;
  margin-right: -15px
}

.col, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px
}

.col, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  float: left
}

.col-xs-12 {
  width: 100%
}

.col-xs-11 {
  width: 91.66666667%
}

.col-xs-10 {
  width: 83.33333333%
}

.col-xs-9 {
  width: 75%
}

.col-xs-8 {
  width: 66.66666667%
}

.col-xs-7 {
  width: 58.33333333%
}

.col-xs-6 {
  width: 50%
}

.col-xs-5 {
  width: 41.66666667%
}

.col-xs-4 {
  width: 33.33333333%
}

.col-xs-3 {
  width: 25%
}

.col-xs-2 {
  width: 16.66666667%
}

.col-xs-1 {
  width: 8.33333333%
}

.col-xs-pull-12 {
  right: 100%
}

.col-xs-pull-11 {
  right: 91.66666667%
}

.col-xs-pull-10 {
  right: 83.33333333%
}

.col-xs-pull-9 {
  right: 75%
}

.col-xs-pull-8 {
  right: 66.66666667%
}

.col-xs-pull-7 {
  right: 58.33333333%
}

.col-xs-pull-6 {
  right: 50%
}

.col-xs-pull-5 {
  right: 41.66666667%
}

.col-xs-pull-4 {
  right: 33.33333333%
}

.col-xs-pull-3 {
  right: 25%
}

.col-xs-pull-2 {
  right: 16.66666667%
}

.col-xs-pull-1 {
  right: 8.33333333%
}

.col-xs-pull-0 {
  right: auto
}

.col-xs-push-12 {
  left: 100%
}

.col-xs-push-11 {
  left: 91.66666667%
}

.col-xs-push-10 {
  left: 83.33333333%
}

.col-xs-push-9 {
  left: 75%
}

.col-xs-push-8 {
  left: 66.66666667%
}

.col-xs-push-7 {
  left: 58.33333333%
}

.col-xs-push-6 {
  left: 50%
}

.col-xs-push-5 {
  left: 41.66666667%
}

.col-xs-push-4 {
  left: 33.33333333%
}

.col-xs-push-3 {
  left: 25%
}

.col-xs-push-2 {
  left: 16.66666667%
}

.col-xs-push-1 {
  left: 8.33333333%
}

.col-xs-push-0 {
  left: auto
}

.col-xs-offset-12 {
  margin-left: 100%
}

.col-xs-offset-11 {
  margin-left: 91.66666667%
}

.col-xs-offset-10 {
  margin-left: 83.33333333%
}

.col-xs-offset-9 {
  margin-left: 75%
}

.col-xs-offset-8 {
  margin-left: 66.66666667%
}

.col-xs-offset-7 {
  margin-left: 58.33333333%
}

.col-xs-offset-6 {
  margin-left: 50%
}

.col-xs-offset-5 {
  margin-left: 41.66666667%
}

.col-xs-offset-4 {
  margin-left: 33.33333333%
}

.col-xs-offset-3 {
  margin-left: 25%
}

.col-xs-offset-2 {
  margin-left: 16.66666667%
}

.col-xs-offset-1 {
  margin-left: 8.33333333%
}

.col-xs-offset-0 {
  margin-left: 0
}

@media (min-width:768px) {
  .col, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
    float: left
  }

  .col-sm-12 {
    width: 100%
  }

  .col-sm-11 {
    width: 91.66666667%
  }

  .col-sm-10 {
    width: 83.33333333%
  }

  .col-sm-9 {
    width: 75%
  }

  .col-sm-8 {
    width: 66.66666667%
  }

  .col-sm-7 {
    width: 58.33333333%
  }

  .col-sm-6 {
    width: 50%
  }

  .col-sm-5 {
    width: 41.66666667%
  }

  .col-sm-4 {
    width: 33.33333333%
  }

  .col-sm-3 {
    width: 25%
  }

  .col-sm-2 {
    width: 16.66666667%
  }

  .col-sm-1 {
    width: 8.33333333%
  }

  .col-sm-pull-12 {
    right: 100%
  }

  .col-sm-pull-11 {
    right: 91.66666667%
  }

  .col-sm-pull-10 {
    right: 83.33333333%
  }

  .col-sm-pull-9 {
    right: 75%
  }

  .col-sm-pull-8 {
    right: 66.66666667%
  }

  .col-sm-pull-7 {
    right: 58.33333333%
  }

  .col-sm-pull-6 {
    right: 50%
  }

  .col-sm-pull-5 {
    right: 41.66666667%
  }

  .col-sm-pull-4 {
    right: 33.33333333%
  }

  .col-sm-pull-3 {
    right: 25%
  }

  .col-sm-pull-2 {
    right: 16.66666667%
  }

  .col-sm-pull-1 {
    right: 8.33333333%
  }

  .col-sm-pull-0 {
    right: auto
  }

  .col-sm-push-12 {
    left: 100%
  }

  .col-sm-push-11 {
    left: 91.66666667%
  }

  .col-sm-push-10 {
    left: 83.33333333%
  }

  .col-sm-push-9 {
    left: 75%
  }

  .col-sm-push-8 {
    left: 66.66666667%
  }

  .col-sm-push-7 {
    left: 58.33333333%
  }

  .col-sm-push-6 {
    left: 50%
  }

  .col-sm-push-5 {
    left: 41.66666667%
  }

  .col-sm-push-4 {
    left: 33.33333333%
  }

  .col-sm-push-3 {
    left: 25%
  }

  .col-sm-push-2 {
    left: 16.66666667%
  }

  .col-sm-push-1 {
    left: 8.33333333%
  }

  .col-sm-push-0 {
    left: auto
  }

  .col-sm-offset-12 {
    margin-left: 100%
  }

  .col-sm-offset-11 {
    margin-left: 91.66666667%
  }

  .col-sm-offset-10 {
    margin-left: 83.33333333%
  }

  .col-sm-offset-9 {
    margin-left: 75%
  }

  .col-sm-offset-8 {
    margin-left: 66.66666667%
  }

  .col-sm-offset-7 {
    margin-left: 58.33333333%
  }

  .col-sm-offset-6 {
    margin-left: 50%
  }

  .col-sm-offset-5 {
    margin-left: 41.66666667%
  }

  .col-sm-offset-4 {
    margin-left: 33.33333333%
  }

  .col-sm-offset-3 {
    margin-left: 25%
  }

  .col-sm-offset-2 {
    margin-left: 16.66666667%
  }

  .col-sm-offset-1 {
    margin-left: 8.33333333%
  }

  .col-sm-offset-0 {
    margin-left: 0
  }
}

@media (min-width:992px) {
  .col, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: left
  }

  .col-md-12 {
    width: 100%
  }

  .col-md-11 {
    width: 91.66666667%
  }

  .col-md-10 {
    width: 83.33333333%
  }

  .col-md-9 {
    width: 75%
  }

  .col-md-8 {
    width: 66.66666667%
  }

  .col-md-7 {
    width: 58.33333333%
  }

  .col-md-6 {
    width: 50%
  }

  .col-md-5 {
    width: 41.66666667%
  }

  .col-md-4 {
    width: 33.33333333%
  }

  .col-md-3 {
    width: 25%
  }

  .col-md-2 {
    width: 16.66666667%
  }

  .col-md-1 {
    width: 8.33333333%
  }

  .col-md-pull-12 {
    right: 100%
  }

  .col-md-pull-11 {
    right: 91.66666667%
  }

  .col-md-pull-10 {
    right: 83.33333333%
  }

  .col-md-pull-9 {
    right: 75%
  }

  .col-md-pull-8 {
    right: 66.66666667%
  }

  .col-md-pull-7 {
    right: 58.33333333%
  }

  .col-md-pull-6 {
    right: 50%
  }

  .col-md-pull-5 {
    right: 41.66666667%
  }

  .col-md-pull-4 {
    right: 33.33333333%
  }

  .col-md-pull-3 {
    right: 25%
  }

  .col-md-pull-2 {
    right: 16.66666667%
  }

  .col-md-pull-1 {
    right: 8.33333333%
  }

  .col-md-pull-0 {
    right: auto
  }

  .col-md-push-12 {
    left: 100%
  }

  .col-md-push-11 {
    left: 91.66666667%
  }

  .col-md-push-10 {
    left: 83.33333333%
  }

  .col-md-push-9 {
    left: 75%
  }

  .col-md-push-8 {
    left: 66.66666667%
  }

  .col-md-push-7 {
    left: 58.33333333%
  }

  .col-md-push-6 {
    left: 50%
  }

  .col-md-push-5 {
    left: 41.66666667%
  }

  .col-md-push-4 {
    left: 33.33333333%
  }

  .col-md-push-3 {
    left: 25%
  }

  .col-md-push-2 {
    left: 16.66666667%
  }

  .col-md-push-1 {
    left: 8.33333333%
  }

  .col-md-push-0 {
    left: auto
  }

  .col-md-offset-12 {
    margin-left: 100%
  }

  .col-md-offset-11 {
    margin-left: 91.66666667%
  }

  .col-md-offset-10 {
    margin-left: 83.33333333%
  }

  .col-md-offset-9 {
    margin-left: 75%
  }

  .col-md-offset-8 {
    margin-left: 66.66666667%
  }

  .col-md-offset-7 {
    margin-left: 58.33333333%
  }

  .col-md-offset-6 {
    margin-left: 50%
  }

  .col-md-offset-5 {
    margin-left: 41.66666667%
  }

  .col-md-offset-4 {
    margin-left: 33.33333333%
  }

  .col-md-offset-3 {
    margin-left: 25%
  }

  .col-md-offset-2 {
    margin-left: 16.66666667%
  }

  .col-md-offset-1 {
    margin-left: 8.33333333%
  }

  .col-md-offset-0 {
    margin-left: 0
  }
}

@media (min-width:1200px) {
  .col, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
    float: left
  }

  .col-lg-12 {
    width: 100%
  }

  .col-lg-11 {
    width: 91.66666667%
  }

  .col-lg-10 {
    width: 83.33333333%
  }

  .col-lg-9 {
    width: 75%
  }

  .col-lg-8 {
    width: 66.66666667%
  }

  .col-lg-7 {
    width: 58.33333333%
  }

  .col-lg-6 {
    width: 50%
  }

  .col-lg-5 {
    width: 41.66666667%
  }

  .col-lg-4 {
    width: 33.33333333%
  }

  .col-lg-3 {
    width: 25%
  }

  .col-lg-2 {
    width: 16.66666667%
  }

  .col-lg-1 {
    width: 8.33333333%
  }

  .col-lg-pull-12 {
    right: 100%
  }

  .col-lg-pull-11 {
    right: 91.66666667%
  }

  .col-lg-pull-10 {
    right: 83.33333333%
  }

  .col-lg-pull-9 {
    right: 75%
  }

  .col-lg-pull-8 {
    right: 66.66666667%
  }

  .col-lg-pull-7 {
    right: 58.33333333%
  }

  .col-lg-pull-6 {
    right: 50%
  }

  .col-lg-pull-5 {
    right: 41.66666667%
  }

  .col-lg-pull-4 {
    right: 33.33333333%
  }

  .col-lg-pull-3 {
    right: 25%
  }

  .col-lg-pull-2 {
    right: 16.66666667%
  }

  .col-lg-pull-1 {
    right: 8.33333333%
  }

  .col-lg-pull-0 {
    right: auto
  }

  .col-lg-push-12 {
    left: 100%
  }

  .col-lg-push-11 {
    left: 91.66666667%
  }

  .col-lg-push-10 {
    left: 83.33333333%
  }

  .col-lg-push-9 {
    left: 75%
  }

  .col-lg-push-8 {
    left: 66.66666667%
  }

  .col-lg-push-7 {
    left: 58.33333333%
  }

  .col-lg-push-6 {
    left: 50%
  }

  .col-lg-push-5 {
    left: 41.66666667%
  }

  .col-lg-push-4 {
    left: 33.33333333%
  }

  .col-lg-push-3 {
    left: 25%
  }

  .col-lg-push-2 {
    left: 16.66666667%
  }

  .col-lg-push-1 {
    left: 8.33333333%
  }

  .col-lg-push-0 {
    left: auto
  }

  .col-lg-offset-12 {
    margin-left: 100%
  }

  .col-lg-offset-11 {
    margin-left: 91.66666667%
  }

  .col-lg-offset-10 {
    margin-left: 83.33333333%
  }

  .col-lg-offset-9 {
    margin-left: 75%
  }

  .col-lg-offset-8 {
    margin-left: 66.66666667%
  }

  .col-lg-offset-7 {
    margin-left: 58.33333333%
  }

  .col-lg-offset-6 {
    margin-left: 50%
  }

  .col-lg-offset-5 {
    margin-left: 41.66666667%
  }

  .col-lg-offset-4 {
    margin-left: 33.33333333%
  }

  .col-lg-offset-3 {
    margin-left: 25%
  }

  .col-lg-offset-2 {
    margin-left: 16.66666667%
  }

  .col-lg-offset-1 {
    margin-left: 8.33333333%
  }

  .col-lg-offset-0 {
    margin-left: 0
  }
}

.center-block, .grid-container {
  margin-left: auto;
  margin-right: auto
}

.clearfix, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row:before {
  content: " ";
  display: table
}

.center-block {
  display: block
}

.pull-right {
  float: right !important
}

.pull-left {
  float: left !important
}

*, :after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

@media screen and (max-width:400px) {
  @-ms-viewport {
    width: 320px
  }
}

.clear {
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0
}

.clearfix:after, .clearfix:before, .grid-100:after, .grid-100:before, .grid-10:after, .grid-10:before, .grid-15:after, .grid-15:before, .grid-20:after, .grid-20:before, .grid-25:after, .grid-25:before, .grid-30:after, .grid-30:before, .grid-33:after, .grid-33:before, .grid-35:after, .grid-35:before, .grid-40:after, .grid-40:before, .grid-45:after, .grid-45:before, .grid-50:after, .grid-50:before, .grid-55:after, .grid-55:before, .grid-5:after, .grid-5:before, .grid-60:after, .grid-60:before, .grid-65:after, .grid-65:before, .grid-66:after, .grid-66:before, .grid-70:after, .grid-70:before, .grid-75:after, .grid-75:before, .grid-80:after, .grid-80:before, .grid-85:after, .grid-85:before, .grid-90:after, .grid-90:before, .grid-95:after, .grid-95:before, .grid-container:after, .grid-container:before, .mobile-grid-100:after, .mobile-grid-100:before, .mobile-grid-10:after, .mobile-grid-10:before, .mobile-grid-15:after, .mobile-grid-15:before, .mobile-grid-20:after, .mobile-grid-20:before, .mobile-grid-25:after, .mobile-grid-25:before, .mobile-grid-30:after, .mobile-grid-30:before, .mobile-grid-33:after, .mobile-grid-33:before, .mobile-grid-35:after, .mobile-grid-35:before, .mobile-grid-40:after, .mobile-grid-40:before, .mobile-grid-45:after, .mobile-grid-45:before, .mobile-grid-50:after, .mobile-grid-50:before, .mobile-grid-55:after, .mobile-grid-55:before, .mobile-grid-5:after, .mobile-grid-5:before, .mobile-grid-60:after, .mobile-grid-60:before, .mobile-grid-65:after, .mobile-grid-65:before, .mobile-grid-66:after, .mobile-grid-66:before, .mobile-grid-70:after, .mobile-grid-70:before, .mobile-grid-75:after, .mobile-grid-75:before, .mobile-grid-80:after, .mobile-grid-80:before, .mobile-grid-85:after, .mobile-grid-85:before, .mobile-grid-90:after, .mobile-grid-90:before, .mobile-grid-95:after, .mobile-grid-95:before, .tablet-grid-100:after, .tablet-grid-100:before, .tablet-grid-10:after, .tablet-grid-10:before, .tablet-grid-15:after, .tablet-grid-15:before, .tablet-grid-20:after, .tablet-grid-20:before, .tablet-grid-25:after, .tablet-grid-25:before, .tablet-grid-30:after, .tablet-grid-30:before, .tablet-grid-33:after, .tablet-grid-33:before, .tablet-grid-35:after, .tablet-grid-35:before, .tablet-grid-40:after, .tablet-grid-40:before, .tablet-grid-45:after, .tablet-grid-45:before, .tablet-grid-50:after, .tablet-grid-50:before, .tablet-grid-55:after, .tablet-grid-55:before, .tablet-grid-5:after, .tablet-grid-5:before, .tablet-grid-60:after, .tablet-grid-60:before, .tablet-grid-65:after, .tablet-grid-65:before, .tablet-grid-66:after, .tablet-grid-66:before, .tablet-grid-70:after, .tablet-grid-70:before, .tablet-grid-75:after, .tablet-grid-75:before, .tablet-grid-80:after, .tablet-grid-80:before, .tablet-grid-85:after, .tablet-grid-85:before, .tablet-grid-90:after, .tablet-grid-90:before, .tablet-grid-95:after, .tablet-grid-95:before {
  content: ".";
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0
}

.grid-container {
  max-width: 1020px;
  padding-left: 20px;
  padding-right: 20px
}

.grid-10, .grid-100, .grid-15, .grid-20, .grid-25, .grid-30, .grid-33, .grid-35, .grid-40, .grid-45, .grid-5, .grid-50, .grid-55, .grid-60, .grid-65, .grid-66, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90, .grid-95, .mobile-grid-10, .mobile-grid-100, .mobile-grid-15, .mobile-grid-20, .mobile-grid-25, .mobile-grid-30, .mobile-grid-33, .mobile-grid-35, .mobile-grid-40, .mobile-grid-45, .mobile-grid-5, .mobile-grid-50, .mobile-grid-55, .mobile-grid-60, .mobile-grid-65, .mobile-grid-66, .mobile-grid-70, .mobile-grid-75, .mobile-grid-80, .mobile-grid-85, .mobile-grid-90, .mobile-grid-95, .tablet-grid-10, .tablet-grid-100, .tablet-grid-15, .tablet-grid-20, .tablet-grid-25, .tablet-grid-30, .tablet-grid-33, .tablet-grid-35, .tablet-grid-40, .tablet-grid-45, .tablet-grid-5, .tablet-grid-50, .tablet-grid-55, .tablet-grid-60, .tablet-grid-65, .tablet-grid-66, .tablet-grid-70, .tablet-grid-75, .tablet-grid-80, .tablet-grid-85, .tablet-grid-90, .tablet-grid-95 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px
}

.grid-parent {
  padding-left: 0;
  padding-right: 0
}

.error-modal, .processing-modal .processing-wrapper {
  padding: 20px
}

@media screen and (max-width:767px) {
  .mobile-pull-10, .mobile-pull-15, .mobile-pull-20, .mobile-pull-25, .mobile-pull-30, .mobile-pull-33, .mobile-pull-35, .mobile-pull-40, .mobile-pull-45, .mobile-pull-5, .mobile-pull-50, .mobile-pull-55, .mobile-pull-60, .mobile-pull-65, .mobile-pull-66, .mobile-pull-70, .mobile-pull-75, .mobile-pull-80, .mobile-pull-85, .mobile-pull-90, .mobile-pull-95, .mobile-push-10, .mobile-push-15, .mobile-push-20, .mobile-push-25, .mobile-push-30, .mobile-push-33, .mobile-push-35, .mobile-push-40, .mobile-push-45, .mobile-push-5, .mobile-push-50, .mobile-push-55, .mobile-push-60, .mobile-push-65, .mobile-push-66, .mobile-push-70, .mobile-push-75, .mobile-push-80, .mobile-push-85, .mobile-push-90, .mobile-push-95 {
    position: relative
  }

  .hide-on-mobile {
    display: none !important
  }

  .mobile-grid-5 {
    float: left;
    width: 5%
  }

  .mobile-prefix-5 {
    margin-left: 5%
  }

  .mobile-suffix-5 {
    margin-right: 5%
  }

  .mobile-push-5 {
    left: 5%
  }

  .mobile-pull-5 {
    left: -5%
  }

  .mobile-grid-10 {
    float: left;
    width: 10%
  }

  .mobile-prefix-10 {
    margin-left: 10%
  }

  .mobile-suffix-10 {
    margin-right: 10%
  }

  .mobile-push-10 {
    left: 10%
  }

  .mobile-pull-10 {
    left: -10%
  }

  .mobile-grid-15 {
    float: left;
    width: 15%
  }

  .mobile-prefix-15 {
    margin-left: 15%
  }

  .mobile-suffix-15 {
    margin-right: 15%
  }

  .mobile-push-15 {
    left: 15%
  }

  .mobile-pull-15 {
    left: -15%
  }

  .mobile-grid-20 {
    float: left;
    width: 20%
  }

  .mobile-prefix-20 {
    margin-left: 20%
  }

  .mobile-suffix-20 {
    margin-right: 20%
  }

  .mobile-push-20 {
    left: 20%
  }

  .mobile-pull-20 {
    left: -20%
  }

  .mobile-grid-25 {
    float: left;
    width: 25%
  }

  .mobile-prefix-25 {
    margin-left: 25%
  }

  .mobile-suffix-25 {
    margin-right: 25%
  }

  .mobile-push-25 {
    left: 25%
  }

  .mobile-pull-25 {
    left: -25%
  }

  .mobile-grid-30 {
    float: left;
    width: 30%
  }

  .mobile-prefix-30 {
    margin-left: 30%
  }

  .mobile-suffix-30 {
    margin-right: 30%
  }

  .mobile-push-30 {
    left: 30%
  }

  .mobile-pull-30 {
    left: -30%
  }

  .mobile-grid-35 {
    float: left;
    width: 35%
  }

  .mobile-prefix-35 {
    margin-left: 35%
  }

  .mobile-suffix-35 {
    margin-right: 35%
  }

  .mobile-push-35 {
    left: 35%
  }

  .mobile-pull-35 {
    left: -35%
  }

  .mobile-grid-40 {
    float: left;
    width: 40%
  }

  .mobile-prefix-40 {
    margin-left: 40%
  }

  .mobile-suffix-40 {
    margin-right: 40%
  }

  .mobile-push-40 {
    left: 40%
  }

  .mobile-pull-40 {
    left: -40%
  }

  .mobile-grid-45 {
    float: left;
    width: 45%
  }

  .mobile-prefix-45 {
    margin-left: 45%
  }

  .mobile-suffix-45 {
    margin-right: 45%
  }

  .mobile-push-45 {
    left: 45%
  }

  .mobile-pull-45 {
    left: -45%
  }

  .mobile-grid-50 {
    float: left;
    width: 50%
  }

  .mobile-prefix-50 {
    margin-left: 50%
  }

  .mobile-suffix-50 {
    margin-right: 50%
  }

  .mobile-push-50 {
    left: 50%
  }

  .mobile-pull-50 {
    left: -50%
  }

  .mobile-grid-55 {
    float: left;
    width: 55%
  }

  .mobile-prefix-55 {
    margin-left: 55%
  }

  .mobile-suffix-55 {
    margin-right: 55%
  }

  .mobile-push-55 {
    left: 55%
  }

  .mobile-pull-55 {
    left: -55%
  }

  .mobile-grid-60 {
    float: left;
    width: 60%
  }

  .mobile-prefix-60 {
    margin-left: 60%
  }

  .mobile-suffix-60 {
    margin-right: 60%
  }

  .mobile-push-60 {
    left: 60%
  }

  .mobile-pull-60 {
    left: -60%
  }

  .mobile-grid-65 {
    float: left;
    width: 65%
  }

  .mobile-prefix-65 {
    margin-left: 65%
  }

  .mobile-suffix-65 {
    margin-right: 65%
  }

  .mobile-push-65 {
    left: 65%
  }

  .mobile-pull-65 {
    left: -65%
  }

  .mobile-grid-70 {
    float: left;
    width: 70%
  }

  .mobile-prefix-70 {
    margin-left: 70%
  }

  .mobile-suffix-70 {
    margin-right: 70%
  }

  .mobile-push-70 {
    left: 70%
  }

  .mobile-pull-70 {
    left: -70%
  }

  .mobile-grid-75 {
    float: left;
    width: 75%
  }

  .mobile-prefix-75 {
    margin-left: 75%
  }

  .mobile-suffix-75 {
    margin-right: 75%
  }

  .mobile-push-75 {
    left: 75%
  }

  .mobile-pull-75 {
    left: -75%
  }

  .mobile-grid-80 {
    float: left;
    width: 80%
  }

  .mobile-prefix-80 {
    margin-left: 80%
  }

  .mobile-suffix-80 {
    margin-right: 80%
  }

  .mobile-push-80 {
    left: 80%
  }

  .mobile-pull-80 {
    left: -80%
  }

  .mobile-grid-85 {
    float: left;
    width: 85%
  }

  .mobile-prefix-85 {
    margin-left: 85%
  }

  .mobile-suffix-85 {
    margin-right: 85%
  }

  .mobile-push-85 {
    left: 85%
  }

  .mobile-pull-85 {
    left: -85%
  }

  .mobile-grid-90 {
    float: left;
    width: 90%
  }

  .mobile-prefix-90 {
    margin-left: 90%
  }

  .mobile-suffix-90 {
    margin-right: 90%
  }

  .mobile-push-90 {
    left: 90%
  }

  .mobile-pull-90 {
    left: -90%
  }

  .mobile-grid-95 {
    float: left;
    width: 95%
  }

  .mobile-prefix-95 {
    margin-left: 95%
  }

  .mobile-suffix-95 {
    margin-right: 95%
  }

  .mobile-push-95 {
    left: 95%
  }

  .mobile-pull-95 {
    left: -95%
  }

  .mobile-grid-33 {
    float: left;
    width: 33.33333%
  }

  .mobile-prefix-33 {
    margin-left: 33.33333%
  }

  .mobile-suffix-33 {
    margin-right: 33.33333%
  }

  .mobile-push-33 {
    left: 33.33333%
  }

  .mobile-pull-33 {
    left: -33.33333%
  }

  .mobile-grid-66 {
    float: left;
    width: 66.66667%
  }

  .mobile-prefix-66 {
    margin-left: 66.66667%
  }

  .mobile-suffix-66 {
    margin-right: 66.66667%
  }

  .mobile-push-66 {
    left: 66.66667%
  }

  .mobile-pull-66 {
    left: -66.66667%
  }

  .mobile-grid-100 {
    clear: both;
    width: 100%
  }
}

@media screen and (min-width:768px) and (max-width:1024px) {
  .tablet-pull-10, .tablet-pull-15, .tablet-pull-20, .tablet-pull-25, .tablet-pull-30, .tablet-pull-33, .tablet-pull-35, .tablet-pull-40, .tablet-pull-45, .tablet-pull-5, .tablet-pull-50, .tablet-pull-55, .tablet-pull-60, .tablet-pull-65, .tablet-pull-66, .tablet-pull-70, .tablet-pull-75, .tablet-pull-80, .tablet-pull-85, .tablet-pull-90, .tablet-pull-95, .tablet-push-10, .tablet-push-15, .tablet-push-20, .tablet-push-25, .tablet-push-30, .tablet-push-33, .tablet-push-35, .tablet-push-40, .tablet-push-45, .tablet-push-5, .tablet-push-50, .tablet-push-55, .tablet-push-60, .tablet-push-65, .tablet-push-66, .tablet-push-70, .tablet-push-75, .tablet-push-80, .tablet-push-85, .tablet-push-90, .tablet-push-95 {
    position: relative
  }

  .hide-on-tablet {
    display: none !important
  }

  .tablet-grid-5 {
    float: left;
    width: 5%
  }

  .tablet-prefix-5 {
    margin-left: 5%
  }

  .tablet-suffix-5 {
    margin-right: 5%
  }

  .tablet-push-5 {
    left: 5%
  }

  .tablet-pull-5 {
    left: -5%
  }

  .tablet-grid-10 {
    float: left;
    width: 10%
  }

  .tablet-prefix-10 {
    margin-left: 10%
  }

  .tablet-suffix-10 {
    margin-right: 10%
  }

  .tablet-push-10 {
    left: 10%
  }

  .tablet-pull-10 {
    left: -10%
  }

  .tablet-grid-15 {
    float: left;
    width: 15%
  }

  .tablet-prefix-15 {
    margin-left: 15%
  }

  .tablet-suffix-15 {
    margin-right: 15%
  }

  .tablet-push-15 {
    left: 15%
  }

  .tablet-pull-15 {
    left: -15%
  }

  .tablet-grid-20 {
    float: left;
    width: 20%
  }

  .tablet-prefix-20 {
    margin-left: 20%
  }

  .tablet-suffix-20 {
    margin-right: 20%
  }

  .tablet-push-20 {
    left: 20%
  }

  .tablet-pull-20 {
    left: -20%
  }

  .tablet-grid-25 {
    float: left;
    width: 25%
  }

  .tablet-prefix-25 {
    margin-left: 25%
  }

  .tablet-suffix-25 {
    margin-right: 25%
  }

  .tablet-push-25 {
    left: 25%
  }

  .tablet-pull-25 {
    left: -25%
  }

  .tablet-grid-30 {
    float: left;
    width: 30%
  }

  .tablet-prefix-30 {
    margin-left: 30%
  }

  .tablet-suffix-30 {
    margin-right: 30%
  }

  .tablet-push-30 {
    left: 30%
  }

  .tablet-pull-30 {
    left: -30%
  }

  .tablet-grid-35 {
    float: left;
    width: 35%
  }

  .tablet-prefix-35 {
    margin-left: 35%
  }

  .tablet-suffix-35 {
    margin-right: 35%
  }

  .tablet-push-35 {
    left: 35%
  }

  .tablet-pull-35 {
    left: -35%
  }

  .tablet-grid-40 {
    float: left;
    width: 40%
  }

  .tablet-prefix-40 {
    margin-left: 40%
  }

  .tablet-suffix-40 {
    margin-right: 40%
  }

  .tablet-push-40 {
    left: 40%
  }

  .tablet-pull-40 {
    left: -40%
  }

  .tablet-grid-45 {
    float: left;
    width: 45%
  }

  .tablet-prefix-45 {
    margin-left: 45%
  }

  .tablet-suffix-45 {
    margin-right: 45%
  }

  .tablet-push-45 {
    left: 45%
  }

  .tablet-pull-45 {
    left: -45%
  }

  .tablet-grid-50 {
    float: left;
    width: 50%
  }

  .tablet-prefix-50 {
    margin-left: 50%
  }

  .tablet-suffix-50 {
    margin-right: 50%
  }

  .tablet-push-50 {
    left: 50%
  }

  .tablet-pull-50 {
    left: -50%
  }

  .tablet-grid-55 {
    float: left;
    width: 55%
  }

  .tablet-prefix-55 {
    margin-left: 55%
  }

  .tablet-suffix-55 {
    margin-right: 55%
  }

  .tablet-push-55 {
    left: 55%
  }

  .tablet-pull-55 {
    left: -55%
  }

  .tablet-grid-60 {
    float: left;
    width: 60%
  }

  .tablet-prefix-60 {
    margin-left: 60%
  }

  .tablet-suffix-60 {
    margin-right: 60%
  }

  .tablet-push-60 {
    left: 60%
  }

  .tablet-pull-60 {
    left: -60%
  }

  .tablet-grid-65 {
    float: left;
    width: 65%
  }

  .tablet-prefix-65 {
    margin-left: 65%
  }

  .tablet-suffix-65 {
    margin-right: 65%
  }

  .tablet-push-65 {
    left: 65%
  }

  .tablet-pull-65 {
    left: -65%
  }

  .tablet-grid-70 {
    float: left;
    width: 70%
  }

  .tablet-prefix-70 {
    margin-left: 70%
  }

  .tablet-suffix-70 {
    margin-right: 70%
  }

  .tablet-push-70 {
    left: 70%
  }

  .tablet-pull-70 {
    left: -70%
  }

  .tablet-grid-75 {
    float: left;
    width: 75%
  }

  .tablet-prefix-75 {
    margin-left: 75%
  }

  .tablet-suffix-75 {
    margin-right: 75%
  }

  .tablet-push-75 {
    left: 75%
  }

  .tablet-pull-75 {
    left: -75%
  }

  .tablet-grid-80 {
    float: left;
    width: 80%
  }

  .tablet-prefix-80 {
    margin-left: 80%
  }

  .tablet-suffix-80 {
    margin-right: 80%
  }

  .tablet-push-80 {
    left: 80%
  }

  .tablet-pull-80 {
    left: -80%
  }

  .tablet-grid-85 {
    float: left;
    width: 85%
  }

  .tablet-prefix-85 {
    margin-left: 85%
  }

  .tablet-suffix-85 {
    margin-right: 85%
  }

  .tablet-push-85 {
    left: 85%
  }

  .tablet-pull-85 {
    left: -85%
  }

  .tablet-grid-90 {
    float: left;
    width: 90%
  }

  .tablet-prefix-90 {
    margin-left: 90%
  }

  .tablet-suffix-90 {
    margin-right: 90%
  }

  .tablet-push-90 {
    left: 90%
  }

  .tablet-pull-90 {
    left: -90%
  }

  .tablet-grid-95 {
    float: left;
    width: 95%
  }

  .tablet-prefix-95 {
    margin-left: 95%
  }

  .tablet-suffix-95 {
    margin-right: 95%
  }

  .tablet-push-95 {
    left: 95%
  }

  .tablet-pull-95 {
    left: -95%
  }

  .tablet-grid-33 {
    float: left;
    width: 33.33333%
  }

  .tablet-prefix-33 {
    margin-left: 33.33333%
  }

  .tablet-suffix-33 {
    margin-right: 33.33333%
  }

  .tablet-push-33 {
    left: 33.33333%
  }

  .tablet-pull-33 {
    left: -33.33333%
  }

  .tablet-grid-66 {
    float: left;
    width: 66.66667%
  }

  .tablet-prefix-66 {
    margin-left: 66.66667%
  }

  .tablet-suffix-66 {
    margin-right: 66.66667%
  }

  .tablet-push-66 {
    left: 66.66667%
  }

  .tablet-pull-66 {
    left: -66.66667%
  }

  .tablet-grid-100 {
    clear: both;
    width: 100%
  }
}

@media screen and (min-width:1025px) {
  .grid-10, .grid-15, .grid-20, .grid-25, .grid-30, .grid-33, .grid-35, .grid-40, .grid-45, .grid-5, .grid-50, .grid-60, .grid-65, .grid-66, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90, .grid-95 {
    float: left
  }

  .pull-10, .pull-15, .pull-20, .pull-25, .pull-30, .pull-33, .pull-35, .pull-40, .pull-45, .pull-5, .pull-50, .pull-55, .pull-60, .pull-65, .pull-66, .pull-70, .pull-75, .pull-80, .pull-85, .pull-90, .pull-95, .push-10, .push-15, .push-20, .push-25, .push-30, .push-33, .push-35, .push-40, .push-45, .push-5, .push-50, .push-55, .push-60, .push-65, .push-66, .push-70, .push-75, .push-80, .push-85, .push-90, .push-95 {
    position: relative
  }

  .hide-on-desktop {
    display: none !important
  }

  .grid-5 {
    width: 5%
  }

  .prefix-5 {
    margin-left: 5%
  }

  .suffix-5 {
    margin-right: 5%
  }

  .push-5 {
    left: 5%
  }

  .pull-5 {
    left: -5%
  }

  .grid-10 {
    width: 10%
  }

  .prefix-10 {
    margin-left: 10%
  }

  .suffix-10 {
    margin-right: 10%
  }

  .push-10 {
    left: 10%
  }

  .pull-10 {
    left: -10%
  }

  .grid-15 {
    width: 15%
  }

  .prefix-15 {
    margin-left: 15%
  }

  .suffix-15 {
    margin-right: 15%
  }

  .push-15 {
    left: 15%
  }

  .pull-15 {
    left: -15%
  }

  .grid-20 {
    width: 20%
  }

  .prefix-20 {
    margin-left: 20%
  }

  .suffix-20 {
    margin-right: 20%
  }

  .push-20 {
    left: 20%
  }

  .pull-20 {
    left: -20%
  }

  .grid-25 {
    width: 25%
  }

  .prefix-25 {
    margin-left: 25%
  }

  .suffix-25 {
    margin-right: 25%
  }

  .push-25 {
    left: 25%
  }

  .pull-25 {
    left: -25%
  }

  .grid-30 {
    width: 30%
  }

  .prefix-30 {
    margin-left: 30%
  }

  .suffix-30 {
    margin-right: 30%
  }

  .push-30 {
    left: 30%
  }

  .pull-30 {
    left: -30%
  }

  .grid-35 {
    width: 35%
  }

  .prefix-35 {
    margin-left: 35%
  }

  .suffix-35 {
    margin-right: 35%
  }

  .push-35 {
    left: 35%
  }

  .pull-35 {
    left: -35%
  }

  .grid-40 {
    width: 40%
  }

  .prefix-40 {
    margin-left: 40%
  }

  .suffix-40 {
    margin-right: 40%
  }

  .push-40 {
    left: 40%
  }

  .pull-40 {
    left: -40%
  }

  .grid-45 {
    width: 45%
  }

  .prefix-45 {
    margin-left: 45%
  }

  .suffix-45 {
    margin-right: 45%
  }

  .push-45 {
    left: 45%
  }

  .pull-45 {
    left: -45%
  }

  .grid-50 {
    width: 50%
  }

  .prefix-50 {
    margin-left: 50%
  }

  .suffix-50 {
    margin-right: 50%
  }

  .push-50 {
    left: 50%
  }

  .pull-50 {
    left: -50%
  }

  .grid-55 {
    float: left;
    width: 55%
  }

  .prefix-55 {
    margin-left: 55%
  }

  .suffix-55 {
    margin-right: 55%
  }

  .push-55 {
    left: 55%
  }

  .pull-55 {
    left: -55%
  }

  .grid-60 {
    width: 60%
  }

  .prefix-60 {
    margin-left: 60%
  }

  .suffix-60 {
    margin-right: 60%
  }

  .push-60 {
    left: 60%
  }

  .pull-60 {
    left: -60%
  }

  .grid-65 {
    width: 65%
  }

  .prefix-65 {
    margin-left: 65%
  }

  .suffix-65 {
    margin-right: 65%
  }

  .push-65 {
    left: 65%
  }

  .pull-65 {
    left: -65%
  }

  .grid-70 {
    width: 70%
  }

  .prefix-70 {
    margin-left: 70%
  }

  .suffix-70 {
    margin-right: 70%
  }

  .push-70 {
    left: 70%
  }

  .pull-70 {
    left: -70%
  }

  .grid-75 {
    width: 75%
  }

  .prefix-75 {
    margin-left: 75%
  }

  .suffix-75 {
    margin-right: 75%
  }

  .push-75 {
    left: 75%
  }

  .pull-75 {
    left: -75%
  }

  .grid-80 {
    width: 80%
  }

  .prefix-80 {
    margin-left: 80%
  }

  .suffix-80 {
    margin-right: 80%
  }

  .push-80 {
    left: 80%
  }

  .pull-80 {
    left: -80%
  }

  .grid-85 {
    width: 85%
  }

  .prefix-85 {
    margin-left: 85%
  }

  .suffix-85 {
    margin-right: 85%
  }

  .push-85 {
    left: 85%
  }

  .pull-85 {
    left: -85%
  }

  .grid-90 {
    width: 90%
  }

  .prefix-90 {
    margin-left: 90%
  }

  .suffix-90 {
    margin-right: 90%
  }

  .push-90 {
    left: 90%
  }

  .pull-90 {
    left: -90%
  }

  .grid-95 {
    width: 95%
  }

  .prefix-95 {
    margin-left: 95%
  }

  .suffix-95 {
    margin-right: 95%
  }

  .push-95 {
    left: 95%
  }

  .pull-95 {
    left: -95%
  }

  .grid-33 {
    width: 33.33333%
  }

  .prefix-33 {
    margin-left: 33.33333%
  }

  .suffix-33 {
    margin-right: 33.33333%
  }

  .push-33 {
    left: 33.33333%
  }

  .pull-33 {
    left: -33.33333%
  }

  .grid-66 {
    width: 66.66667%
  }

  .prefix-66 {
    margin-left: 66.66667%
  }

  .suffix-66 {
    margin-right: 66.66667%
  }

  .push-66 {
    left: 66.66667%
  }

  .pull-66 {
    left: -66.66667%
  }

  .grid-100 {
    clear: both;
    width: 100%
  }
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2013 Daniel Eden
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s
}

@-webkit-keyframes bounce {
  0%, 100%, 20%, 53%, 80% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060);
    transition-timing-function: cubic-bezier(.755, .050, .855, .060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0)
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060);
    transition-timing-function: cubic-bezier(.755, .050, .855, .060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0)
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0)
  }
}

@keyframes bounce {
  0%, 100%, 20%, 53%, 80% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060);
    transition-timing-function: cubic-bezier(.755, .050, .855, .060);
    -webkit-transform: translate3d(0, -30px, 0);
    -ms-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0)
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060);
    transition-timing-function: cubic-bezier(.755, .050, .855, .060);
    -webkit-transform: translate3d(0, -15px, 0);
    -ms-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0)
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    -ms-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0)
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom
}

@-webkit-keyframes flash {
  0%, 100%, 50% {
    opacity: 1
  }

  25%, 75% {
    opacity: 0
  }
}

@keyframes flash {
  0%, 100%, 50% {
    opacity: 1
  }

  25%, 75% {
    opacity: 0
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash
}

@-webkit-keyframes pulse {
  0%, 100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05)
  }
}

@keyframes pulse {
  0%, 100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05)
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse
}

@-webkit-keyframes rubberBand {
  0%, 100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }

  30% {
    -webkit-transform: scale3d(1.25, .75, 1);
    transform: scale3d(1.25, .75, 1)
  }

  40% {
    -webkit-transform: scale3d(.75, 1.25, 1);
    transform: scale3d(.75, 1.25, 1)
  }

  50% {
    -webkit-transform: scale3d(1.15, .85, 1);
    transform: scale3d(1.15, .85, 1)
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1)
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1)
  }
}

@keyframes rubberBand {
  0%, 100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }

  30% {
    -webkit-transform: scale3d(1.25, .75, 1);
    -ms-transform: scale3d(1.25, .75, 1);
    transform: scale3d(1.25, .75, 1)
  }

  40% {
    -webkit-transform: scale3d(.75, 1.25, 1);
    -ms-transform: scale3d(.75, 1.25, 1);
    transform: scale3d(.75, 1.25, 1)
  }

  50% {
    -webkit-transform: scale3d(1.15, .85, 1);
    -ms-transform: scale3d(1.15, .85, 1);
    transform: scale3d(1.15, .85, 1)
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    -ms-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1)
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    -ms-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1)
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg)
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg)
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg)
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg)
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg)
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    -ms-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg)
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    -ms-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg)
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    -ms-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg)
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    -ms-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg)
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    -ms-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg)
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing
}

@-webkit-keyframes tada {
  0%, 100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
  }
}

@keyframes tada {
  0%, 100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada
}

@-webkit-keyframes wobble {
  0%, 100% {
    -webkit-transform: none;
    transform: none
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
  }
}

@keyframes wobble {
  0%, 100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble
}

@-webkit-keyframes bounceIn {
  0%, 100%, 20%, 40%, 60%, 80% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97)
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

@keyframes bounceIn {
  0%, 100%, 20%, 40%, 60%, 80% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    -ms-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    -ms-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    -ms-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97)
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: .75s;
  animation-duration: .75s
}

.bounceOut, .flipOutX {
  -webkit-animation-duration: .75s
}

@-webkit-keyframes bounceInDown {
  0%, 100%, 60%, 75%, 90% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0)
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0)
  }

  100% {
    -webkit-transform: none;
    transform: none
  }
}

@keyframes bounceInDown {
  0%, 100%, 60%, 75%, 90% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    -ms-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    -ms-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0)
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0)
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
  0%, 100%, 60%, 75%, 90% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0)
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0)
  }

  100% {
    -webkit-transform: none;
    transform: none
  }
}

@keyframes bounceInLeft {
  0%, 100%, 60%, 75%, 90% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    -ms-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    -ms-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0)
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    -ms-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0)
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
  0%, 100%, 60%, 75%, 90% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0)
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0)
  }

  100% {
    -webkit-transform: none;
    transform: none
  }
}

@keyframes bounceInRight {
  0%, 100%, 60%, 75%, 90% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    -ms-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    -ms-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0)
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    -ms-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0)
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
  0%, 100%, 60%, 75%, 90% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0)
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes bounceInUp {
  0%, 100%, 60%, 75%, 90% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    -ms-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    -ms-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0)
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    -ms-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
  animation-duration: .75s
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0)
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    -ms-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0)
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0)
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    -ms-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0)
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    -ms-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px)
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX
}

.flipInY, .flipOutX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px)
  }
}

.flipInY {
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px)
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  animation-duration: .75s;
  backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px)
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
  -webkit-animation-duration: .75s;
  animation-duration: .75s
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    -ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0
  }

  60% {
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1
  }

  80% {
    -webkit-transform: skewX(-5deg);
    -ms-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    -ms-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    -ms-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0
  }

  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    -ms-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    opacity: 1
  }

  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    -ms-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0, 0, 1, 45deg);
    transform: rotate(0, 0, 1, 45deg);
    opacity: 0
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0, 0, 1, 45deg);
    -ms-transform: rotate(0, 0, 1, 45deg);
    transform: rotate(0, 0, 1, 45deg);
    opacity: 0
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    -ms-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    -ms-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    -ms-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    -ms-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge
}

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn
}

@-webkit-keyframes rollOut {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
  }
}

@keyframes rollOut {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  50% {
    opacity: 1
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  50% {
    opacity: 1
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  100% {
    opacity: 0
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  100% {
    opacity: 0
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    -ms-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp
}

.sk-spinner-wave.sk-spinner {
  margin: 0 auto;
  width: 50px;
  height: 30px;
  font-size: 10px
}

.sk-spinner-wave div {
  background-color: #333;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
  animation: sk-waveStretchDelay 1.2s infinite ease-in-out
}

.sk-spinner-wave .sk-rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s
}

.sk-spinner-wave .sk-rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s
}

.sk-spinner-wave .sk-rect4 {
  -webkit-animation-delay: -.9s;
  animation-delay: -.9s
}

.sk-spinner-wave .sk-rect5 {
  -webkit-animation-delay: -.8s;
  animation-delay: -.8s
}

@-webkit-keyframes sk-waveStretchDelay {
  0%, 100%, 40% {
    -webkit-transform: scaleY(.4);
    transform: scaleY(.4)
  }

  20% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
  }
}

@keyframes sk-waveStretchDelay {
  0%, 100%, 40% {
    -webkit-transform: scaleY(.4);
    transform: scaleY(.4)
  }

  20% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
  }
}

.processing-modal {
  background-color: #fff;
  z-index: 1000;
  position: fixed;
  width: 20%;
  height: auto;
  top: 35%;
  margin: 0 auto;
  left: 40%;
  border-radius: 5px;
  maximum-height: 120px
}

.processing-modal h2 {
  margin-top: 10px
}

.processing-modal .processing-wrapper .sk-spinner {
  width: 80px;
  height: 40px
}

.processing-modal .processing-wrapper .sk-spinner div {
  margin: 2px;
  background-color: #23CDFD
}

.modal-screen {
  background-color: rgba(0, 0, 0, .25);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500
}

.error-modal, .funnel-item {
  display: none;
  background-color: #fff;
  z-index: 1000;
  position: fixed;
  width: 600px;
  top: 100px;
  border-radius: 5px
}

.funnel-item {
  margin: 0 auto
}

.funnel-item h2 {
  margin-top: 10px
}

.error-modal {
  margin: 0 auto
}

.error-modal h2 {
  margin-top: 10px;
  font-size: 24px
}

.error-modal p {
  margin: 20px
}

.upsell-container .conversion-container .upsell-button, .upsell-container2 .conversion-container .upsell-button {
  cursor: pointer;
  font-family: Lato, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
  box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .08);
  margin: 10px 0;
  text-decoration: none;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a8d92f', endColorstr='#7ec620', GradientType=0)
}

.upsell-container {
  padding: 20px;
  background-color: #FFF
}

.upsell-container p {
  font-size: 16px
}

.upsell-container .conversion-container .upsell-button {
  background: #a8d92f;
  background: -moz-linear-gradient(top, #a8d92f 0, #7ec620 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #a8d92f), color-stop(100%, #7ec620));
  background: -webkit-linear-gradient(top, #a8d92f 0, #7ec620 100%);
  background: -o-linear-gradient(top, #a8d92f 0, #7ec620 100%);
  background: -ms-linear-gradient(top, #a8d92f 0, #7ec620 100%);
  background: linear-gradient(to bottom, #a8d92f 0, #7ec620 100%);
  border: none;
  font-size: 30px;
  padding: 20px 15px 22px;
  width: 100%;
  border-radius: 3px
}

.upsell-container .conversion-container .decline-text {
  display: block;
  padding-bottom: 10px
}

.upsell-container2 {
  padding: 20px;
  overflow: -moz-scrollbars-vertical;
  overflow-y: auto;
  transform: translate(-59.5%, -55%);
  position: absolute;
  left: 50%;
  right: 50%;
  width: 1000px;
  max-height: 600px;
  background-color: #FFF
}

.upsell-container2 p {
  font-size: 16px
}

.upsell-container2 .conversion-container .upsell-button {
  background: #a8d92f;
  background: -moz-linear-gradient(top, #a8d92f 0, #7ec620 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #a8d92f), color-stop(100%, #7ec620));
  background: -webkit-linear-gradient(top, #a8d92f 0, #7ec620 100%);
  background: -o-linear-gradient(top, #a8d92f 0, #7ec620 100%);
  background: -ms-linear-gradient(top, #a8d92f 0, #7ec620 100%);
  background: linear-gradient(to bottom, #a8d92f 0, #7ec620 100%);
  border: none;
  font-size: 30px;
  padding: 20px 15px 22px;
  width: 100%;
  border-radius: 3px
}

.sandbox-header, .warning-header {
  width: 100%;
  padding: 1px;
  z-index: 10000;
  text-align: center;
  position: relative
}

.sandbox-header h2, .sandbox-header p {
  font-size: 12px;
  margin: 8px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff
}

.upsell-container2 .conversion-container .decline-text {
  text-align: center
}

.jwlogo {
  display: none !important
}

.funnel-item, .modal-screen, .processing-modal {
  -webkit-animation-duration: .4s;
  -moz-animation-duration: .4s;
  -o-animation-duration: .4s;
  animation-duration: .4s
}

.sandbox-header {
  background-color: #FB4F14
}

.inactive-account, .warning-header {
  background-color: red
}

.sandbox-header h2 {
  display: inline-block
}

.sandbox-header p {
  opacity: .65;
  display: inline-block
}

.inactive-account h2, .inactive-account p {
  font-size: 36px;
  margin: 16px
}

.warning-header h2 {
  font-size: 20px;
  margin: .5em;
  color: #fff
}

.warning-header p {
  font-size: 14px;
  margin: .5em;
  color: #fff
}

.instant-access, .media-access {
  font-family: Lato, Arial, Helvetica, sans-serif;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
  box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .08);
  margin: 10px 0;
  text-decoration: none;
  cursor: pointer;
  text-transform: uppercase
}

.summary-title {
  text-align: center
}

.instant-access {
  background: #a8d92f;
  background: -moz-linear-gradient(top, #a8d92f 0, #7ec620 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #a8d92f), color-stop(100%, #7ec620));
  background: -webkit-linear-gradient(top, #a8d92f 0, #7ec620 100%);
  background: -o-linear-gradient(top, #a8d92f 0, #7ec620 100%);
  background: -ms-linear-gradient(top, #a8d92f 0, #7ec620 100%);
  background: linear-gradient(to bottom, #a8d92f 0, #7ec620 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a8d92f', endColorstr='#7ec620', GradientType=0);
  border: none;
  padding: 20px 15px 22px;
  border-radius: 3px
}

.instant-access a {
  border: none;
  cursor: pointer;
  font-family: Lato, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none
}

.summary-item {
  padding: 20px;
  border-top: 1px solid #ccc
}

.media-access {
  background: #3368e8;
  background: -moz-linear-gradient(top, #2DA4FF 0, #3368e2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2DA4FF), color-stop(100%, #3368e2));
  background: -webkit-linear-gradient(top, #2DA4FF 0, #3368e2 100%);
  background: -o-linear-gradient(top, #2DA4FF 0, #3368e2 100%);
  background: -ms-linear-gradient(top, #2DA4FF 0, #3368e2 100%);
  background: linear-gradient(to bottom, #2DA4FF 0, #3368e2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2DA4FF', endColorstr='#3368e2', GradientType=0);
  border: none;
  font-size: 18px;
  min-width: 193.06px;
  max-height: 61px;
  padding: 20px 15px 22px;
  border-radius: 3px
}

.order-bump .not-aval, .terms-conditions-container a {
  text-decoration: underline
}

.media-access i {
  color: #FFF
}

.media-access-formula {
  display: inline-block;
  width: 250px;
  height: 75px;
  color: #fff;
  font-size: 23px;
  font-weight: 800;
  text-shadow: 0 -1px 0 rgba(1, 1, 1, .2);
  text-transform: uppercase;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #2DA4FF;
  background: #3368e8;
  background: -moz-linear-gradient(top, #2DA4FF 0, #3368e2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2DA4FF), color-stop(100%, #3368e2));
  background: -webkit-linear-gradient(top, #2DA4FF 0, #3368e2 100%);
  background: -o-linear-gradient(top, #2DA4FF 0, #3368e2 100%);
  background: -ms-linear-gradient(top, #2DA4FF 0, #3368e2 100%);
  background: linear-gradient(to bottom, #2DA4FF 0, #3368e2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9adc0f', endColorstr='#ff83d40d', GradientType=0)
}

.testimonial-image {
  float: left;
  width: 100px;
  height: 100px;
  margin-right: 20px
}

.testimonial-image img {
  width: auto;
  height: auto;
  max-width: 100px;
  max-height: 100px
}

.testimonial-item article {
  padding: 10px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #dadada;
  overflow: hidden
}

.testimonial-item {
  padding-top: 10px;
  padding-bottom: 10px;
  min-height: 100px
}

.list-wrapper, .list-wrapper ul {
  display: block;
  clear: both;
  padding: 15px 0 0 10px
}

.testimonial-item p.testimonial-text {
  vertical-align: middle;
  color: #656565;
  font-family: Georgia;
  font-size: 15px;
  font-style: italic;
  margin-left: 10px
}

.list-wrapper ul {
  font-family: Arial, Helvetica, sans-serif;
  list-style: none;
  line-height: 30px
}

.formline input, .formline select, .formline textarea, .order-bump .order-bump-desc, .pricing-summary .line-item h3, body {
  font-family: Lato, Arial, Helvetica, sans-serif
}

.list-wrapper ul li i {
  color: #b6d956;
  font-size: 18px
}

img.credit-cards {
  width: 100% !important;
  max-width: 300px;
  height: auto
}

.paypal-button {
  display: none
}

.jwplayer-center {
  margin: 0 auto;
  text-align: center;
  width: 100%
}

.price-placement {
  float: right;
  clear: right
}

.ninja {
  display: inline-block
}

.payment-option {
  line-height: 26px;
  height: 66px
}

.payment-option .today-price {
  background: #f5f5f5;
  padding: 0 !important;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  height: 64px !important;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  margin-top: 0 !important;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px
}

.payment-option .today-price .price-placement {
  display: block;
  margin: auto;
  float: none;
  text-align: center;
  font-weight: 700
}

.payment-option .multi-border {
  padding-left: 0 !important;
  padding-right: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  min-height: 64px !important
}

.payment-option .multi-border .pricing-text {
  padding: 0;
  margin: auto 0
}

.payment-option .price-placement {
  float: none !important
}

.multi-border {
  background-color: #fff
}

.icon-box {
  padding: 0 !important;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  height: 64px !important
}

.icon2 {
  top: 0;
  bottom: -1px;
  left: 16px;
  margin: auto;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #d7d7d7
}

.box-selected .icon2, .box-selected .icon2::after {
  content: '';
  border-radius: 10px
}

.box-selected .icon2 {
  z-index: 2;
  background: #0cf;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex
}

.box-selected .icon2::after {
  width: 6px;
  height: 6px;
  background: #fff;
  margin: auto
}

.box-selected .icon2:after {
  visibility: visible
}

.custom-price {
  line-height: 22px;
  padding-left: 0 !important;
  text-align: left !important
}

@media screen and (max-width:500px) {
  .payment-option {
    font-size: 12px !important
  }
}

@media screen and (max-width:767px) {
  .payment-option .icon-box {
    width: 50px
  }

  .payment-option .multi-border {
    width: calc(67% - 50px)
  }

  .pricing-select {
    width: 33% !important
  }
}

.quantity-container {
  position: relative
}

.quantity-container select {
  background: #e9e9e9
}

.quantity-container .field-container {
  position: relative;
  background: #e9e9e9;
  height: 48px;
  border: 1px solid #e9e9e9;
  border-radius: 2px
}

.quantity-container .field-container .pp-shipping {
  height: 100%;
  line-height: 48px;
  margin-right: 15px
}

.grand-total-container {
  position: relative;
  height: 60px;
  background: #e9e9e9;
  border: 1px solid #e9e9e9
}

.update-total-loading {
  position: absolute;
  top: 5px;
  right: 30px;
  font-size: 2em;
  color: #555
}

.cancel-coupon {
  position: inherit !important
}

.coupon p {
  color: #999
}

.coupon-amount {
  color: #2DA4FF
}

@media screen and (max-width:480px) {
  .coupon p {
    font-size: 13px;
    margin-top: 5px
  }
}

.non-physical-bump .order-bump {
  top: 27px
}

.order-bump {
  margin-left: 15px;
  margin-right: 15px;
  clear: both;
  position: relative;
  background: #E9E9E9;
  padding: 15px;
  border-radius: 3px;
  border: 2px solid #E9E9E9
}

.order-bump .order-bump-btn {
  display: flex;
  -moz-display: flex;
  -webkit-display: flex;
  -ms-display: flex;
  padding: 20px 0;
  background: #00c0f0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  text-align: center
}

.order-bump .order-bump-btn:hover {
  background: #0bceff
}

.order-bump .order-bump-btn .order-bump-int {
  margin: auto
}

.order-bump .order-bump-btn .order-bump-int .check-container {
  display: inline-block;
  vertical-align: top
}

.order-bump .order-bump-btn .order-bump-int .order-bump-check {
  display: inline-block;
  height: 16px;
  width: 17px;
  border-radius: 3px;
  position: relative;
  border: 2px solid #fff;
  top: 2px;
  right: 5px
}

.order-bump .order-bump-btn .order-bump-int .order-bump-check .order-bump-check-fill {
  visibility: hidden;
  height: 10px;
  width: 10px;
  position: relative;
  left: -2px;
  top: -5px;
  border-radius: 3px;
  color: #1295d1;
  font-size: 14px
}

.order-bump .order-bump-btn .order-bump-int .order-bump-name {
  display: inline-block;
  text-align: left
}

.order-bump .order-bump-btn .order-bump-int .order-bump-name p {
  font-weight: 700;
  margin-bottom: 0
}

.order-bump .order-bump-active .order-bump-check {
  background: #fff
}

.order-bump .order-bump-active .order-bump-check-fill {
  visibility: visible !important
}

.relative-wrapper:hover .tooltip, .relative-wrapper:hover .tooltip2 {
  visibility: visible;
  overflow: visible;
  opacity: 1;
  z-index: 9999
}

.order-bump .order-bump-desc {
  margin-top: 15px;
  line-height: 25px
}

.order-bump .not-aval {
  color: #888
}

.order-bump-border {
  border: 2px solid #00c0f0
}

@media screen and (max-width:600px) {
  .order-bump-name {
    max-width: 86% !important
  }
}

#google_translate_element {
  display: none
}

.upsell-confirmation {
  margin: 24px 0
}

.upsell-confirmation .confirmation-message {
  margin-bottom: 12px;
  color: #565E66
}

.upsell-confirmation a {
  padding: 8px 60px;
  font-size: 18px;
  cursor: pointer;
  border-radius: 3px;
  display: inline-block
}

.upsell-confirmation .confirmation-button {
  color: #fff;
  background: #1D96F3
}

.upsell-confirmation .confirmation-button:hover {
  background: #0c8aea
}

.upsell-confirmation .confirmation-button:active {
  background: #35a1f4
}

.upsell-confirmation .decline-button {
  color: #a1a1a1;
  background: #ECF1F5
}

.upsell-confirmation .decline-button:hover {
  color: #7b7b7b
}

.upsell-confirmation .decline-button:active {
  color: #aeaeae
}

.pricing-summary .section-title {
  padding-bottom: 15px
}

.pricing-summary .quantity-subtotal-container {
  display: flex
}

.pricing-summary .quantity-subtotal-container .line-item {
  width: 100%
}

.pricing-summary .quantity-subtotal-container .quantity {
  position: relative
}

.pricing-summary .quantity-subtotal-container .quantity select {
  width: 100%;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 15px;
  outline: 0;
  cursor: pointer;
  padding: 18px 12px 18px 92px
}

.pricing-summary .quantity-subtotal-container .quantity label {
  position: absolute;
  top: 16px;
  left: 16px;
  pointer-events: none
}

.pricing-summary .quantity-subtotal-container .quantity i {
  position: absolute;
  top: 19px;
  right: 16px;
  color: #999
}

.pricing-summary .line-item {
  display: flex;
  margin-bottom: 24px;
  margin-right: 16px;
  margin-left: 16px;
  padding: 16px
}

.pricing-summary .line-item h3 {
  font-size: 20px;
  font-weight: 400
}

.pricing-summary .line-item p {
  width: 100%;
  text-align: right;
  margin: auto;
  line-height: 14px;
  color: #000;
  font-size: 18px
}

@media screen and (max-width:480px) {
  .pricing-summary .quantity-subtotal-container {
    display: block
  }
}

.terms-conditions-container {
  text-align: center;
  cursor: default
}

.fa-caret-down, .main-cta, select {
  cursor: pointer
}

.terms-conditions-container label {
  text-align: center
}

.terms-conditions-container p {
  display: inline-block;
  text-align: center
}

.terms-conditions-container input {
  margin-right: 8px;
  width: 14px;
  height: 12px
}

.terms-conditions-container a:active, .terms-conditions-container a:hover {
  text-decoration: none
}

.terms-conditions-container .error {
  text-align: center;
  display: block;
  float: none;
  color: red
}

@media screen and (max-width:410px) {
  .terms-conditions-container {
    padding-left: 0;
    padding-right: 0
  }

  .terms-conditions-container p {
    font-size: 12px
  }
}

@media screen and (min-width:992px) {
  .show-991 {
    display: none !important
  }

  .whats-inside {
    width: 390px;
    min-height: 193px
  }
}

@media screen and (max-width:991px) {
  .checkout-form form .main-cta {
    margin-top: 0
  }

  #paymentForm .pricing-summary {
    margin-top: 8px !important
  }

  .trust-panel.whats-inside.hide-991 {
    display: none !important
  }

  .prodct-image {
    max-width: 55%
  }

  .checkout-forms>.col-md-5 {
    padding: 0
  }

  .checkout-forms>.col-md-5 .three-sections {
    display: block !important;
    min-width: 100%;
    max-width: 100%
  }

  .checkout-forms>.col-md-5 .three-sections table {
    width: 100%
  }

  .checkout-forms>.col-md-5 .three-sections table td {
    width: 33%
  }

  .checkout-forms>.col-md-5 .three-sections table td .relative-wrapper {
    width: 100%
  }
}

@media screen and (min-width:768px) and (max-width:991px) {
  .prodct-image {
    max-width: 200px !important;
    margin: 30px 0 0 20px !important
  }

  .middle-container {
    width: calc(90%) !important
  }

  .about-product {
    padding: 0 0 30px;
    height: auto
  }

  .about-product:after, .about-product:before {
    content: " ";
    display: table
  }

  .about-product:after {
    clear: both
  }

  .about-product div hgroup h1 {
    font-size: 28px
  }

  .about-product div hgroup .customize-text h2 {
    line-height: 1.3em
  }

  .bs {
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  * {
    -ms-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important
  }

  .money-back-color {
    right: 15px !important;
  }

  .left-column {
    padding: 30px !important;
    width: calc(-150%) !important
  }

  .left-column .formline select {
    width: 100% !important
  }

  .left-column .formline input[type=text], .left-column .formline textarea {
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
  }

  .left-column .half {
    width: 100%;
    margin-bottom: 20px
  }

  .right-column {
    width: 250px !important
  }

  .right-column .trust-panel {
    padding: 20px !important
  }

  .right-column .trust-panel>div img {
    max-width: 40px
  }

  .right-column .trust-panel>div h3 {
    width: 130px !important;
    font-size: 16px;
    padding-left: 10px !important;
    padding-top: 0
  }

  .order-summary {
    padding: 0 40px
  }

  .order-summary .summary {
    width: 400px
  }

  .order-summary .whatsinside {
    width: calc(-360%);
    padding: 20px
  }

  .order-summary .whatsinside h2 {
    font-size: 15px
  }

  .order-summary .whatsinside ul {
    padding-left: 0
  }

  .order-summary .whatsinside ul li i {
    margin-right: 5px
  }

  .payment-container {
    padding: 20px !important
  }

  .payment-container .place-order {
    overflow: hidden;
    min-height: 310px
  }

  .payment-container .place-order .trust-seals {
    position: inherit;
    max-width: 100%;
    margin: 40px 0
  }

  .payment-container .place-order .main-cta {
    position: inherit;
    font-size: 3vw;
    line-height: 35px
  }
}

@media screen and (max-width:767px) {
  .bs, .left-column {
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
  }

  .checkout-input-container {
    padding: 15px !important
  }

  .middle-container {
    width: calc(90%) !important
  }

  .header {
    height: auto;
    text-align: center
  }

  .about-product {
    padding: 0 0 30px;
    height: auto
  }

  .about-product:after, .about-product:before {
    content: " ";
    display: table
  }

  .about-product:after {
    clear: both
  }

  .about-product div {
    width: 100% !important;
    padding: 30px 0 0 !important
  }

  .about-product div hgroup {
    text-align: left;
    padding: 0 25px
  }

  .about-product div hgroup h1 {
    font-size: 21px !important;
  }

  .about-product div hgroup h2 {
    font-size: 17px !important;
    line-height: 1.3em !important
  }

  .about-product div hgroup .customize-text.no-image {
    width: 75%;
    margin-top: 40px
  }

  .about-product div hgroup h2 br {
    display: none
  }

  .about-product div .price {
    text-align: center
  }

  .about-product div .price small, .about-product div .price span, .about-product div .price strong {
    float: none;
    display: inline-block
  }

  .about-product div .price small, .about-product div .price span {
    vertical-align: super
  }

  .bs {
    box-sizing: border-box
  }

  .money-back-color {
    right: 10px !important;
  }

  .left-column, .left-column .formline select {
    width: 100% !important
  }

  .left-column {
    box-sizing: border-box;
    padding: 20px !important
  }

  .left-column .section-title h1 {
    font-size: 21px
  }

  .left-column .formline input[type=text], .left-column .formline textarea {
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100% !important
  }

  .left-column .half {
    width: 100%;
    margin-bottom: 20px
  }

  .right-column {
    width: 100% !important;
    word-wrap: break-word
  }

  .right-column .trust-panel {
    padding: 20px
  }

  .right-column .trust-panel>div img {
    max-width: 40px
  }

  .right-column .trust-panel>div h3 {
    width: 130px !important;
    font-size: 16px;
    padding-left: 10px !important;
    padding-top: 0
  }

  .order-summary {
    padding: 0 20px
  }

  .order-summary .summary {
    width: 100%;
    float: none;
    clear: both;
    margin-bottom: 20px
  }

  .order-summary .summary td {
    padding: 10px
  }

  .order-summary .whatsinside {
    width: 100%;
    float: none;
    clear: both;
    padding: 20px
  }

  .order-summary .whatsinside h2 {
    font-size: 15px
  }

  .order-summary .whatsinside ul {
    padding-left: 0
  }

  .order-summary .whatsinside ul li i {
    margin-right: 5px
  }

  .payment-form {
    width: 100% !important
  }

  .payment-tabs {
    left: 20px !important
  }

  .payment-tabs a {
    max-width: 45%
  }

  .payment-container .place-order {
    width: 100%;
    float: none;
    overflow: hidden
  }

  .payment-container .place-order .trust-seals {
    position: inherit;
    max-width: 100%;
    margin: 40px 0
  }

  .payment-container .place-order .main-cta {
    width: 100%;
    position: inherit;
    font-size: 5vw;
    line-height: 35px
  }

  .payment-container .formline.two-parts {
    width: 100% !important;
    padding-right: 20px;
    position: inherit;
    max-width: 100%
  }

  .payment-container .formline .half {
    padding-right: 20px;
    float: none !important;
    width: 100% !important;
    margin-bottom: 20px
  }

  .payment-form .formline input, .payment-form .formline select, .payment-form .formline textarea {
    border: 1px solid #d7d7d7;
    background: #f7f7f7;
    padding-left: 15px;
    padding-right: 15px
  }

  .payment-container .formline .half input {
    width: 100%;
    min-width: calc(94.5%)
  }

  .payment-container .formline .half select {
    width: 100% !important
  }

  .section-title h1 {
    font-size: 25px !important
  }

  .payment-form .formline input, .payment-form .formline textarea {
    width: 100%
  }

  .formline i.select-arrow {
    width: 9px;
    height: 5px;
    display: block;
    clear: both;
    position: absolute;
    right: 30px !important;
    left: auto;
    top: 45px
  }

  .trust-panel {
    margin-bottom: 25px
  }

  body .processing-modal {
    width: 40%;
    left: 30%
  }

  body .processing-modal .processing-wrapper {
    padding: 20px 0
  }
}

@media screen and (max-width:640px) {
  .support-text, .support-text h1 {
    padding: 0 !important;
    float: none !important
  }

  .support-text {
    text-align: center
  }

  .support-text span {
    display: inline-block !important;
    float: none !important
  }
}

@media screen and (max-width:600px) {
  .about-product .customize-text {
    padding: 50px 0 0 !important
  }

  #paymentForm .pricing-summary .quantity-subtotal-container.show-quantity {
    display: block
  }

  #paymentForm .pricing-summary .quantity-subtotal-container.show-quantity .quantity {
    height: 52px
  }

  #paymentForm .pricing-summary .quantity-subtotal-container .line-item {
    width: calc(100% - 30px)
  }
}

@media screen and (max-width:529px) {
  .quantity {
    padding-bottom: 20px
  }

  .pricing-summary .quantity-subtotal-container .quantity label {
    height: 14px
  }
}

@media screen and (max-width:480px) {
  .payment-form .two-parts .half select {
    width: 100% !important
  }

  .bullet-text, .declined-wrapper .checkout-forms #paymentForm #placeOrder, .payment-form .cc-processor-form .formline.row .CVV2-container, .payment-form .cc-processor-form .formline.row .ccnum-container, .payment-form .cc-processor-form .formline.row .expmonth-container, .payment-form .cc-processor-form .formline.row .expyear-container {
    width: 100%
  }

  .payment-container .formline .half input {
    min-width: calc(89.5%) !important
  }

  .payment-pricing {
    font-size: 16px !important
  }

  .bullet-text {
    display: inline-block;
    position: relative;
    max-width: 87% !important
  }

  .upsell-wrapper .middle-container.top img.logo {
    margin: 12px auto;
    display: block;
    float: none
  }

  .upsell-wrapper .middle-container.top h1 {
    display: none
  }

  .submit-coupon {
    float: none !important;
    display: block;
    margin: 0 auto
  }

  .formline {
    margin: 0 !important
  }

  .main-cta.upsell-cta {
    width: 100%;
    font-size: 25px
  }

  .payment-form .cc-processor-form .formline.row label {
    padding-top: 4px
  }

  .payment-form .cc-processor-form .formline.row .expmonth-container svg.down-icon {
    top: 28%;
    right: 10%
  }

  .payment-form .cc-processor-form .formline.row .expyear-container svg.down-icon {
    top: 74%;
    right: 10%
  }
}

@media screen and (max-width:385px) {
  .bullet-text {
    margin: 0 0 0 10px
  }

  .main-cta.upsell-cta {
    padding: 12px
  }
}

@font-face {
  font-family: museo_sans700;
  src: url(../fonts/generated/museosans_700-webfont.eot);
  src: url(../fonts/generated/museosans_700-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/generated/museosans_700-webfont.woff) format('woff'), url(../fonts/generated/museosans_700-webfont.ttf) format('truetype'), url(../fonts/generated/museosans_700-webfont.svg#museo_sans700) format('svg');
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: museo_sans100;
  src: url(../fonts/generated/museosans-100-webfont.eot);
  src: url(../fonts/generated/museosans-100-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/generated/museosans-100-webfont.woff) format('woff'), url(../fonts/generated/museosans-100-webfont.ttf) format('truetype'), url(../fonts/generated/museosans-100-webfont.svg#museo_sans100) format('svg');
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: museo_sans300;
  src: url(../fonts/generated/museosans-300-webfont.eot);
  src: url(../fonts/generated/museosans-300-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/generated/museosans-300-webfont.woff) format('woff'), url(../fonts/generated/museosans-300-webfont.ttf) format('truetype'), url(../fonts/generated/museosans-300-webfont.svg#museo_sans300) format('svg');
  font-weight: 400;
  font-style: normal
}

.top20 {
  margin-top: 20px
}

* {
  margin: 0;
  outline: 0
}

a img {
  border: none
}

::selection {
  color: #fff;
  background: #b22b68
}

::-moz-selection {
  color: #fff;
  background: #b22b68
}

body {
  background: #f2f2f2
}

.wrapper {
  min-height: 100%
}

.wrapper-decoration {
  clear: both
}

.header {
  background: url(../img/wrapper.jpg) center top no-repeat;
  clear: both;
  height: 358px
}

.header .middle-container {
  padding: 0 20px
}

.middle-container {
  margin: 0 auto;
  width: 960px
}

.logo {
  max-width: 250px;
  height: auto;
  max-height: 75px;
  float: left;
  margin: 12px 0
}

.testimonial-item .testimonial-image {
  width: 64px !important;
  height: 64px !important
}

.testimonial-item .testimonial-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  border-radius: 100%
}

.same-as-shipping {
  margin-left: 4px
}

.header .middle-container h1 {
  float: right;
  font-weight: 300;
  color: #fff;
  font-size: 18px;
  padding: 37px 0 0
}

.checkout-container {
  clear: both;
  z-index: 1;
  position: relative;
  margin-top: -261px
}

.about-product {
  background: url(../img/colors.png) left top no-repeat #f7f7f7;
  border-radius: 4px 4px 0 0;
  min-height: 261px;
  border-bottom: 1px solid #e4e4e4;
  position: relative;
  z-index: 5;
  overflow: hidden
}

.prodct-image {
  float: left;
  width: auto;
  height: auto;
  max-width: 225px;
  max-height: 230px;
  margin: 22px 0 0 20px
}

.about-product div {
  float: left;
  width: 460px;
  padding: 22px 0 16px 30px
}

.about-product div hgroup {
  display: block;
  clear: both;
  word-wrap: break-word;
  color: #585858
}

.about-product div hgroup h1 {
  display: block;
  clear: both;
  font-size: 33px
}

.about-product div hgroup h2 {
  display: block;
  clear: both;
  font-size: 20px;
  color: #666;
  padding: 10px 0 0;
  font-weight: 300;
  line-height: 30px
}

.about-product .customize-text {
  padding: 10px 0 0
}

.money-back-color {
  display: block;
  clear: both;
  position: absolute;
  top: 0;
  right: 25px
}

.about-product div.price {
  padding: 15px 0 0;
  color: #333
}

.price {
  display: block;
  clear: both;
  overflow: hidden
}

.price small, .price span {
  font-size: 20px;
  padding: 5px 0 0
}

.price strong {
  font-weight: 400;
  font-size: 40px
}

.price span {
  padding: 5px 0 0 3px
}

.checkout-forms {
  display: block;
  clear: both;
  background: #fff;
  overflow: hidden
}

.checkout-container .middle-container {
  background: url(../img/colors.png) left bottom no-repeat #fff;
  border-radius: 5px;
  padding-bottom: 4px;
  position: relative;
  z-index: 3
}

.left-column {
  float: left;
  width: 470px;
  padding: 40px 50px
}

.section-title {
  clear: both;
  padding: 0 0 23px;
  margin: 15px 15px 0
}

.section-title h1 {
  font-size: 35px;
  font-weight: 400;
  color: #333
}

.section-title p {
  display: block;
  clear: both;
  color: #999;
  padding: 5px 0 0
}

.section-title p span {
  color: red
}

.checkout-form {
  clear: both
}

.checkout-form form {
  display: block;
  clear: both
}

.formline {
  clear: both;
  position: relative
}

.formline label {
  display: block;
  clear: both;
  font-size: 16px;
  color: #888;
  padding: 0 0 8px
}

label.error {
  display: block;
  padding: 2px 0 0 !important;
  color: red;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase
}

.formline input, .formline select, .formline textarea {
  display: block;
  clear: both;
  border: 1px solid #d7d7d7;
  background: #f7f7f7;
  border-radius: 2px;
  font-size: 16px;
  padding: 15px 12px 15px 42px;
  width: 100%;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.formline textarea {
  resize: vertical;
  height: 120px
}

.formline select {
  padding: 14px 12px 14px 42px
}

.formline i {
  font-size: 14px;
  position: absolute;
  color: #999;
  text-shadow: 0 1px 0 #fff;
  top: 47px;
  left: 30px
}

.main-cta, .summary-wrapper .media-access {
  text-transform: uppercase;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}

.two-parts {
  clear: both;
  position: static;
  overflow: hidden
}

.two-parts .half {
  position: relative;
  float: left
}

.two-parts .go-right {
  float: right
}

.formline input:focus, .formline select:focus, .formline textarea:focus {
  border: 1px solid #0cf;
  background: #fff;
  box-shadow: inset 0 1px 1px #eee
}

.list-wrapper {
  font-family: inherit !important
}

.list-wrapper ul li i {
  margin: 5px 15px 0 -20px !important
}

.testimonial-group {
  padding-top: 20px
}

.list-wrapper h2, .testimonial-group h2 {
  text-align: center;
  padding-bottom: 20px
}

.testimonial-group h2 {
  padding-bottom: 10px
}

.bullet-text {
  display: inline-block;
  position: relative;
  max-width: 95%;
  width: 100%
}

.trust-panel h1, .trust-panel h2, .trust-panel h3, .trust-panel h4, .trust-panel h5 {
  text-align: center;
  padding-bottom: 20px
}

.right-column {
  float: right;
  width: 390px
}

.summary, .trust-panel div img {
  float: left
}

.trust-panel {
  clear: both;
  padding: 45px 30px 45px 29px
}

.trust-panel div {
  clear: both
}

.trust-panel div h3 {
  float: left;
  font-size: 22px;
  font-weight: 400;
  width: 180px;
  padding: 9px 0 0 20px
}

.trust-panel p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #999;
  line-height: 20px;
  display: none
}

.order-payment, .order-summary, .payment-container, .payment-tabs, .whats-inside ul, .whatsinside h2, .whatsinside ul {
  display: block;
  clear: both
}

.darker-panel {
  background: #f7f7f7
}

.order-summary {
  padding: 0 50px
}

.tables {
  clear: both
}

.summary {
  width: 460px
}

.summary table {
  border-collapse: collapse;
  width: 100%
}

.summary table tbody td {
  background: #f7f4e2;
  padding: 23px 30px
}

.summary table tbody td.sub-total {
  text-align: right;
  background: #fffbe2
}

.summary table tfoot td {
  background: #edebde;
  padding: 23px 35px;
  font-weight: 700
}

.summary table tfoot td.order-total {
  text-align: right
}

.whatsinside {
  float: right;
  width: 290px;
  background: #f8ffe2;
  border-radius: 6px;
  padding: 40px 40px 41px
}

.whatsinside h2 {
  font-size: 20px;
  color: #585858
}

.whats-inside ul, .whatsinside ul {
  padding: 15px 0 0 10px;
  font-family: Arial, Helvetica, sans-serif
}

.whats-inside ul li, .whatsinside ul li {
  display: block;
  clear: both;
  padding: 0 0 10px;
  font-size: 16px;
  color: #8a9a5f
}

.whats-inside ul li i, .whatsinside ul li i {
  margin: 0 10px 0 0;
  color: #b6d956;
  font-size: 18px
}

.order-payment {
  position: relative;
  padding: 0 0 4px;
  margin: 15px 0 0
}

.payment-tabs {
  position: absolute;
  height: 60px;
  top: 0;
  left: 50px
}

.payment-tabs a {
  float: left;
  background: #fdfdfd;
  background: -moz-linear-gradient(top, #fdfdfd 0, #f5f5f5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fdfdfd), color-stop(100%, #f5f5f5));
  background: -webkit-linear-gradient(top, #fdfdfd 0, #f5f5f5 100%);
  background: -o-linear-gradient(top, #fdfdfd 0, #f5f5f5 100%);
  background: -ms-linear-gradient(top, #fdfdfd 0, #f5f5f5 100%);
  background: linear-gradient(to bottom, #fdfdfd 0, #f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#f5f5f5', GradientType=0);
  border: 1px solid #e2e2e2;
  border-radius: 3px 3px 0 0;
  border-bottom: none;
  height: 39px;
  box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .02);
  width: 180px;
  text-align: center;
  color: #666;
  padding: 20px 0 0
}

.payment-tabs a:hover {
  border-color: #bbb
}

.payment-container {
  overflow: hidden;
  position: relative
}

.cc-processor-form .formline.row .CVV2-container span.CVV2-label-cvc, .cc-processor-form .formline.row .CVV2-container span.CVV2-label-security-code, .cc-processor-form .formline.row .expmonth-container span.expmonth-label-date, .cc-processor-form .formline.row .expyear-container span.expyear-label-date, .cc-processor-form .formline.row span.bluepro.icon, .cc-processor-form .machine-cc-section-title {
  display: none
}

.payment-tabs a.selected-tab {
  background: #fefefe;
  border: 1px solid #e2e2e2;
  height: 39px;
  box-shadow: none;
  border-bottom: 1px solid #fefefe
}

.payment-form .no-padding-left {
  padding-left: 0
}

.payment-form .formline input, .payment-form .formline select, .payment-form .formline textarea {
  border: 1px solid #d7d7d7;
  background: #f7f7f7;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%
}

.payment-form .formline input:focus, .payment-form .formline select:focus, .payment-form .formline textarea:focus {
  border: 1px solid #0cf;
  background: #fff
}

.cc-processor-form .formline.row {
  width: 100%;
  margin: 0;
  padding-bottom: 12px
}

.cc-processor-form .formline.row .ccnum-container {
  width: 60%;
  float: left;
  padding: 0 15px
}

.cc-processor-form .formline.row .ccnum-container .ccnum::placeholder {
  opacity: 0
}

.cc-processor-form .formline.row .CVV2-container {
  width: 40%;
  float: right;
  padding: 0 15px
}

.cc-processor-form .formline.row .CVV2-container .CVV2::placeholder {
  opacity: 0
}

.cc-processor-form .formline.row .expmonth-container {
  width: 50%;
  float: left;
  padding: 0 15px
}

.cc-processor-form .formline.row .expmonth-container svg {
  width: 16px;
  height: auto;
  position: absolute;
  top: 44px;
  right: 55%;
  fill: #565e66
}

.cc-processor-form .formline.row .expyear-container {
  width: 50%;
  float: right;
  padding: 0 15px
}

.cc-processor-form .formline.row .expyear-container svg {
  width: 16px;
  height: auto;
  position: absolute;
  top: 44px;
  right: 5%;
  bottom: 24px;
  fill: #565e66
}

.pricing-select, .pricing-text {
  display: inline-block;
  position: relative
}

.payment-option {
  background-color: #fff;
  border: 2px solid #E5E5E5;
  border-radius: 5px;
  margin: 0 15px 20px;
  padding: 0;
  cursor: pointer
}

.pricing-text {
  padding: 12px 0 15px
}

.pricing-select {
  float: right;
  background-color: #fff;
  height: 100%;
  padding: 20px 30px 20px 0;
  margin: 0 auto
}

.arrow_box {
  position: relative;
  background: #fff;
  border-left: 1px #E5E5E5 solid
}

.arrow_box:after, .arrow_box:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute
}

.arrow_box:after {
  border-color: rgba(136, 183, 213, 0);
  border-right-color: #fff;
  border-width: 6px;
  margin-top: -6px
}

.arrow_box:before {
  border-color: rgba(194, 225, 245, 0);
  border-right-color: #e5e5e5;
  border-width: 8px;
  margin-top: -8px
}

.credit-cards {
  display: block;
  clear: both;
  padding: 0 60px 5px 15px;
  margin-bottom: 20px
}

.payment-form .two-parts .half select {
  width: 180px
}

.payment-form .two-parts .half input {
  width: 148px
}

.place-order {
  margin-top: 35px
}

.attached-product .price, .primary-product .price {
  color: #000;
  font-size: 25px !important;
  padding-right: 25px
}

.floatoverride {
  float: right !important;
  margin-top: -1px;
  width: 140px !important;
  padding-right: 50px !important
}

.money-back-guarantee-top {
  background: url(../img/guarantee-color.png) left top no-repeat;
  width: 140px !important;
  height: 214px;
  margin: -44px auto 30px;
  padding: 0 !important
}

.money-back-guarantee-top strong {
  display: block;
  clear: both;
  color: #fff;
  font-weight: 400;
  font-size: 35px;
  line-height: 28px;
  text-align: center;
  padding: 25px 0 0 4px
}

.money-back-guarantee-top span {
  display: block;
  clear: both;
  text-align: center;
  color: #fff;
  padding: 4px 0 0 4px
}

.percent strong {
  font-family: impact;
  font-size: 25px;
  padding: 36px 0 0 4px
}

.main-cta {
  display: block;
  clear: both;
  background: #a8d92f;
  background: -moz-linear-gradient(top, #a8d92f 0, #7ec620 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #a8d92f), color-stop(100%, #7ec620));
  background: -webkit-linear-gradient(top, #a8d92f 0, #7ec620 100%);
  background: -o-linear-gradient(top, #a8d92f 0, #7ec620 100%);
  background: -ms-linear-gradient(top, #a8d92f 0, #7ec620 100%);
  background: linear-gradient(to bottom, #a8d92f 0, #7ec620 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a8d92f', endColorstr='#7ec620', GradientType=0);
  border: none;
  font-family: Lato, Arial, Helvetica, sans-serif;
  font-size: 30px;
  color: #fff;
  padding: 20px 15px;
  width: 350px;
  border-radius: 3px;
  box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .08);
  margin: 10px auto
}

.main-cta:hover {
  background: #bbec42;
  background: -moz-linear-gradient(top, #bbec42 0, #8ed72f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bbec42), color-stop(100%, #8ed72f));
  background: -webkit-linear-gradient(top, #bbec42 0, #8ed72f 100%);
  background: -o-linear-gradient(top, #bbec42 0, #8ed72f 100%);
  background: -ms-linear-gradient(top, #bbec42 0, #8ed72f 100%);
  background: linear-gradient(to bottom, #bbec42 0, #8ed72f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbec42', endColorstr='#8ed72f', GradientType=0)
}

.main-cta:active {
  background: #67a715;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3)
}

.footer {
  display: block;
  clear: both;
  background: url(../img/wrapper.jpg) left top repeat-x;
  margin: -70px 0 0;
  height: 230px
}

.footer .middle-container {
  padding-top: 100px
}

.footer .middle-container h1 {
  float: right;
  font-weight: 300;
  color: #fff;
  font-size: 18px;
  padding: 37px 0 0
}

.footer-logo {
  background: url(../img/logo-footer.png) left top no-repeat;
  width: 189px;
  height: 34px;
  float: left;
  margin: 10px 0 0 20px
}

.footer .middle-container div {
  float: right;
  padding: 0 15px 0 0;
  font-family: Arial, Helvetica, sans-serif
}

.cell01, .cell02, .cell03 {
  float: left
}

.footer .middle-container div span {
  display: block;
  clear: both;
  float: left;
  color: #999;
  font-size: 18px
}

.footer .middle-container div span a {
  color: #ccc;
  margin: 0 8px
}

.footer .middle-container div span a:hover {
  color: #fff
}

.footer .middle-container div p {
  display: block;
  clear: both;
  font-size: 13px;
  color: #a1a1a1;
  text-align: right;
  padding: 40px 8px 0 0
}

.small-image {
  width: 85px
}

.whats-inside div h3 {
  padding-top: 0
}

.whats-inside h1 {
  display: block;
  clear: both;
  font-size: 25px
}

.whats-inside p {
  display: block;
  color: #333;
  padding-bottom: 10px;
  line-height: 22px
}

.three-sections, .three-sections div p {
  text-align: center;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 18px;
  color: #999
}

.whats-inside {
  background: #F8FFE2
}

.three-sections {
  background: url(../img/sections.png) left top no-repeat;
  max-width: 390px;
  display: block;
  clear: both
}

.three-sections table {
  width: 390px
}

.three-sections .relative-wrapper {
  width: 126px;
  padding: 25px 0;
  float: none
}

.three-sections div span {
  width: 65px;
  height: 66px;
  display: block;
  clear: both;
  margin: 0 auto;
  background: url(../img/all-badges-288dpi.png) left top no-repeat;
  background-size: 390px 132px
}

.three-sections .relative-wrapper div.symbol01 span {
  background-position: left top
}

.symbol02 .relative-wrapper span {
  background-position: -260px top
}

.symbol03 .relative-wrapper span {
  background-position: right top
}

.symbol04 .relative-wrapper span {
  background-position: -65px top
}

.symbol05 .relative-wrapper span {
  background-position: -130px top
}

.symbol06 .relative-wrapper span {
  background-position: -195px top
}

.three-sections div p {
  display: block;
  clear: both;
  padding-top: 10px
}

.selection-img {
  position: relative;
  top: 11px;
  padding-left: 10px;
  padding-right: 12px
}

.relative-wrapper:hover .tooltip, .relative-wrapper:hover .tooltip2 {
  position: absolute
}

.paypal-logo {
  width: auto;
  height: auto;
  max-height: 182px
}

.three-sections {
  width: 390px;
  height: 185px
}

.relative-wrapper span {
  width: 65px;
  height: 66px;
  display: block;
  clear: both;
  margin: 0 auto 10px;
  z-index: 999;
  background: url(../images/symbols.png) left top no-repeat
}

.relative-wrapper {
  display: block;
  clear: both;
  position: relative;
  padding: 25px 0 20px
}

.relative-wrapper:hover .tooltip em {
  z-index: 9999
}

.relative-wrapper .tooltip, .relative-wrapper .tooltip2 {
  display: block;
  clear: both;
  position: absolute;
  right: 95%;
  margin-right: -120px;
  background: #333;
  border-radius: 3px;
  text-align: center;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  width: 100%;
  padding: 30px 20px;
  visibility: hidden;
  opacity: 0;
  z-index: 999
}

.relative-wrapper .tooltip {
  bottom: 108%;
  transition: opacity .35s ease-in-out;
  -moz-transition: opacity .35s ease-in-out;
  -webkit-transition: opacity .35s ease-in-out
}

.relative-wrapper .tooltip2 {
  transition: opacity .35s ease-in-out;
  -moz-transition: opacity .35s ease-in-out;
  -webkit-transition: opacity .35s ease-in-out;
  margin-top: 10px
}

.relative-wrapper .tooltip-inner i, .relative-wrapper .tooltip-inner2 i, .relative-wrapper .tooltip-inner3 i {
  width: 20px;
  color: #333;
  font-size: 28px;
  left: 50%;
  margin: 0 0 0 -10px;
  display: block;
  text-align: center;
  clear: both
}

.relative-wrapper .tooltip-inner {
  display: block;
  clear: both;
  position: relative
}

.relative-wrapper .tooltip2 i.triangle-tuck {
  bottom: 100px !important
}

.relative-wrapper .tooltip-inner i {
  position: absolute;
  bottom: -47px
}

.relative-wrapper .tooltip-inner2 {
  display: block;
  clear: both;
  position: relative
}

.relative-wrapper .tooltip-inner2 i {
  position: absolute;
  bottom: 140px
}

.relative-wrapper .tooltip-inner3 {
  display: block;
  clear: both;
  position: relative
}

.relative-wrapper .tooltip-inner3 i {
  position: absolute;
  bottom: 100px
}

.cancel-coupon, .submit-coupon {
  font-size: 15px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  padding: 10px;
  cursor: pointer
}

.cell01:hover {
  background-position: left bottom
}

.cell01 span {
  background-position: left top
}

.cell02:hover {
  background-position: -65px bottom
}

.cell02 span {
  background-position: -65px top
}

.cell03 {
  margin-bottom: 40px
}

.cell03 span, .cell03:hover {
  background-position: right top
}

select {
  /*-webkit-appearance: none;*/
  -moz-appearance: none;
  text-indent: .01px;
  text-overflow: ''
}

.formline i.select-arrow {
  width: 9px;
  height: 5px;
  display: block;
  clear: both;
  position: absolute;
  right: 30px;
  left: auto;
  top: 45px
}

.payment-container .section-title {
  display: block;
  clear: both
}

.trust-seals {
  margin: 25px auto;
  display: block;
  clear: both
}

.coupon {
  clear: both;
  overflow: hidden
}

.submit-coupon {
  float: right;
  color: #999;
  background: #eee;
  border: none;
  border-radius: 3px;
  height: 50px;
  margin-top: 27px
}

.upsell-wrapper .wrapper, .upsell-wrapper .wrapper-decoration, body, html {
  height: 100%
}

.submit-coupon:hover {
  background: #0CF;
  color: #fff
}

.cancel-coupon {
  color: #999;
  background: #eee;
  border: none;
  border-radius: 3px;
  margin-right: 15px;
  margin-left: 15px
}

.cancel-coupon:hover {
  background: #0CF;
  color: #fff
}

.ccnum-width {
  width: 200px
}

.cvv-width {
  width: 80px
}

.expmonth-width {
  width: 233px
}

.expyear-width {
  width: 111px
}

.checkout-form form .main-cta {
  margin-top: 48px
}

.order-bump {
  margin-bottom: 50px !important
}

.upsell-wrapper {
  background-size: 100% 100%;
  height: 100%
}

.upsell-wrapper .upsell-content {
  text-align: center;
  padding: 40px 0;
  border-radius: 5px
}

.upsell-wrapper footer {
  margin: 0;
  background: 0 0;
  height: 150px
}

.upsell-wrapper footer .footer-decoration {
  height: auto;
  background: 0 0
}

.upsell-wrapper footer .footer-decoration .middle-container {
  padding-top: 10px
}

.upsell-wrapper .main-cta {
  position: relative !important;
  bottom: auto;
  right: auto;
  margin: 20px auto
}

.upsell-wrapper .main-container {
  padding: 10px;
  min-height: calc(100% - 358px);
  margin-bottom: -150px
}

.upsell-wrapper .main-container:after {
  content: "";
  display: block
}

.upsell-wrapper .main-container .upsell-container {
  margin-top: -261px;
  margin-bottom: 174px
}

.summary-wrapper, .summary-wrapper .wrapper-decoration {
  height: 100%
}

.summary-wrapper .summary-content {
  font-family: Lato, Helvetica, Arial, sans-serif;
  color: #585858;
  padding: 1px 0;
  border-radius: 5px
}

.summary-wrapper .summary-content .summary-item {
  border: none
}

.summary-wrapper .summary-content .summary-item h2 {
  margin: 15px 0
}

.summary-wrapper .summary-content .summary-item .product-image {
  max-width: 100%
}

.summary-wrapper .summary-content .summary-item .instant-access {
  font-size: 16px
}

.summary-wrapper .summary-content .checkout-forms {
  margin-top: -261px;
  margin-bottom: 174px;
  padding: 12px
}

.summary-wrapper .media-access {
  background: #3368e8;
  background: -moz-linear-gradient(top, #2DA4FF 0, #3368e2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2DA4FF), color-stop(100%, #3368e2));
  background: -webkit-linear-gradient(top, #2DA4FF 0, #3368e2 100%);
  background: -o-linear-gradient(top, #2DA4FF 0, #3368e2 100%);
  background: -ms-linear-gradient(top, #2DA4FF 0, #3368e2 100%);
  background: linear-gradient(to bottom, #2DA4FF 0, #3368e2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2DA4FF', endColorstr='#3368e2', GradientType=0);
  border: none;
  cursor: pointer;
  font-family: Lato, Arial, Helvetica, sans-serif;
  color: #fff;
  font-size: 18px;
  min-width: 193.06px;
  max-height: 61px;
  padding: 20px 15px 22px;
  border-radius: 3px;
  box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .08);
  margin: 10px 0;
  text-decoration: none
}

.summary-wrapper .media-access i {
  color: #FFF
}

.summary-wrapper footer {
  margin: 0;
  background: 0 0;
  height: 150px
}

.summary-wrapper footer .footer-decoration {
  height: auto;
  background: 0 0
}

.summary-wrapper footer .footer-decoration .middle-container {
  padding-top: 10px
}

.summary-wrapper .main-container {
  min-height: calc(100% - 358px);
  margin-bottom: -150px
}

.summary-wrapper .main-container:after {
  content: "";
  display: block
}

.custom-price, .product-price, .subscription-price {
  display: inline-block
}

.declined-wrapper h1 {
  text-align: center;
  margin-bottom: 40px
}

.declined-wrapper .summary-content .checkout-forms {
  padding: 40px 24px
}

.declined-wrapper .main-cta {
  position: relative !important;
  bottom: auto;
  right: auto;
  margin: 0 auto
}

.declined-wrapper .credit-cards {
  text-align: middle;
  margin: 20px auto 0
}

.declined-wrapper .return-link {
  margin-top: 20px;
  text-align: center
}

.paypal-form {
  text-align: center;
  font-size: 32px
}

.paypal-form img {
  height: 182px
}

.today-price {
  font-size: 1.3em;
  border-radius: 0 5px 5px 0 !important
}

.custom-price {
  max-width: 280px;
  padding: 0 0 0 10px
}

.option-1, .option-2 {
  position: relative
}

.payment-option {
  overflow: hidden;
  border: 2px solid rgba(0, 0, 0, .3)
}

.payment-option:active, .payment-option:focus, .payment-option:hover {
  border: 2px solid #2DA4FF !important
}

@media screen and (min-width:1024px) {
  .whats-inside {
    width: 390px;
    min-height: 193px
  }
}

@media screen and (max-width:1023px) {
  .hide-on-mobile {
    display: none
  }
}

.checkout-input-container {
  padding: 45px 15px 30px 30px
}

.col-md-12, .col-md-4, .col-md-6, .col-md-8 {
  margin-bottom: 20px !important
}

.price {
  background-color: white!important;
}

ul.products li.product img {
  margin-bottom: 20px;
}

ul.products li.product .woocommerce-loop-product__title, ul.products li.product h2, ul.products li.product h3 {
  font-weight: 700!important;
}

.price p {
  color: #333;
  font-size: 24px;
  font-weight: 100;
  margin-bottom: 10px;
  float: left
}

.col-md-8.price-placement, .row .col-md-4 {
  margin-bottom: 0 !important
}

.top-pricing {
  font-size: 24px !important;
  float: right
}

.payment-pricing {
  font-size: 20px !important;
  color: #000;
  display: block
}

.price-placement {
  padding-right: 18px;
  padding-top: 4px;
  font-size: 18px
}

.ninja {
  text-align: right;
  float: right
}

.price {
  background-color: #e9e9e9;
  padding: 15px
}

.multi-center, .multi-left {
  background-color: #0f0;
  vertical-align: middle
}

.price span {
  text-align: left !important
}

.order_total .single-product {
  font-size: 25px
}

.col-md-4~.price-placement {
  padding-top: 0
}

.col-md-8.price-placement {
  text-align: right
}

.second-line {
  font-size: 15px
}

.second-line .price-placement {
  padding-right: 0;
  text-align: right;
  padding-top: 0
}

.multi-border {
  border-right: 1px #E5E5E5 solid;
  border-radius: 5px 0 0 5px;
  min-height: 66px;
  height: auto !important;
  padding: 16px 0 !important
}

.box-selected {
  border: 2px solid #2DA4FF !important;
  box-shadow: 0 0 5px #2DA4FF !important
}

.multi-wrap {
  overflow: hidden;
  width: 250px;
  display: table;
  border-collapse: collapse
}

.multi-row {
  display: table-row
}

.multi-left {
  width: 10%;
  display: table-cell
}

.multi-center {
  width: 60%;
  display: table-cell
}

.multi-right {
  width: 30%;
  background-color: red;
  display: table-cell
}

.no-pad {
  padding-left: 0 !important;
  padding-right: 0 !important
}

.row-pad {
  line-height: 25px
}

.coupon p {
  margin: 0 0 10px -7px
}

.icon-box {
  min-height: 62px
}

.declined-wrapper .formline {
  clear: both;
  float: none;
  margin: 25px auto
}

.check-holder {
  display: flex;
  align-items: center
}

.terms-conditions-container {
  background: #e9e9e9;
  margin: 24px 15px 0;
  border-radius: 2px;
  padding: 20px 32px
}

.terms-conditions-container a {
  color: #1D96F3
}

.payment-selection {
  left: 45px;
  top: -60px;
  z-index: 2;
  margin-bottom: 20px;
  margin-left: 16px
}

.payment-selection .payment-tab {
  cursor: pointer;
  display: inline-block;
  padding: 20px;
  background: #f1f1f1;
  border: 1px solid #e2e2e2;
  border-radius: 3px 3px 0 0;
  border-bottom: none;
  box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .02);
  width: 180px;
  text-align: center;
  color: #666
}

.payment-selection .payment-tab p {
  margin: 0
}

.payment-selection .active {
  background: #fafafa;
  border: 1px solid #e2e2e2;
  box-shadow: none;
  border-bottom: 1px solid #fafafa
}

.jwplayer {
  margin: 0 auto !important
}

.resize, img.resize {
  width: calc(100% - 30px);
  height: auto
}

.list-wrapper ul li.custom_image {
  padding-top: 6px;
  padding-left: 40px;
  background-size: 25px auto;
  background-position: left center;
  background-repeat: no-repeat
}

.payment-form .payment-option {
  height: auto !important
}

.payment-form .payment-option .col-md-8 {
  margin-bottom: 0 !important
}

.payment-form .payment-option .multi-border {
  height: auto !important;
  padding: 16px 0 !important
}

.conversion-container .upsell-confirmation .confirmation-button {
  background: #a8d92f
}

.conversion-container .upsell-confirmation .confirmation-button:hover {
  background: #9aca25
}

.conversion-container .upsell-confirmation .confirmation-button:active {
  background: #b1dd45
}

#paymentForm .pricing-summary {
  margin-bottom: 12px
}

#paymentForm .pricing-summary .quantity {
  border: 1px solid #d7d7d7;
  background-color: #f7f7f7 !important;
  padding: 0
}

#paymentForm .pricing-summary .line-item {
  background-color: #e9e9e9
}