*{
	margin:0;
	padding: 0;
}
body {
  background: url("../images/body-background.webp") no-repeat #eaedf2;
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
  background-position: top;
}
.open-sans-<uniquifier> {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
.playfair-display-<uniquifier> {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}
.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}
.logo img {
  max-width: 500px;
}

.rethinking-customer,
.title-two{
    font-family: "Playfair Display", serif;
    font-size: 64px;
    color: #0F2F76;
}
.rethinking-customer {
  max-width: 450px;
  line-height: 70px;
  margin-top: 50px;
}
.engineered-content {
  max-width: 500px;
  margin-top: 20px;
  font-size: 18px;
  line-height: 28px;
}
.page-title span {
  display: block;
  text-transform: uppercase;
  font-size: 90px;
  line-height: 100px;
  font-weight: 900;
  font-family: "Poppins", sans-serif;
}
.page-title {
  position: relative;
}
.page-title h1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.green-color{
  color: #3AB4BB;
}
.blue-color{
  color: #4179AA;
}
.light-blue-color{
  color: #4EC4F0;
}
.title-two {
  text-align: center;
  max-width:700px;
  margin: 50px auto auto auto;
  line-height: 70px;
}
.title-two-sub {
  text-align: center;
  font-size: 22px;
  margin: 20px 0;
}
.title-two-details-two,
.title-two-details-one {
  max-width: 500px;
  font-size: 18px;
  line-height: 28px;
}
.title-two-details-two {
  text-align: right;
  margin-left: auto;
}
.title-two-buttons {
  margin: 20px 0;
  background: #fff;
  border: solid 1px #4179AA;
  padding: 15px;
  text-align: center;
  border-radius: 8px;
  color: #05205C;
  box-shadow: 0 4px 4px 0px #ddd;
  font-weight: 600;
}

.logo,
.main-title{
  margin: 50px 50px 25px 0;
}
.welcome-title {
  max-width: 450px;
  background: #fcfdfa;
  padding: 20px 30px;
  line-height: 28px;
  font-size: 18px;
  box-shadow: 2px 4px 4px 1px #ebeee6;
  border-radius: 14px;
}

.container {
  max-width:100%;
  padding-left:10px;
  padding-right:10px;
  margin-left:auto;
  margin-right:auto
}
.row{
  display:flex;
  flex-direction:row;
/*  flex-wrap:wrap*/
}
.personalized-experience-content.text-center {
  background: #fff;
  padding: 20px;
  margin-top: -40px;
  z-index: 55555;
  position: relative;
  margin-left: 50px;
  margin-right: 50px;
  box-shadow: -2px 14px 25px -16px #a0a0a0;
  min-height: 176px;
}
.personalized-experience-content.business-intelligence {
  margin-left: 70px;
  margin-right: 0;
}
.personalized-experience-box:hover {
  top: -10px;
}
.personalized-experience-box {
  top: 0;
  transition: top .3s ease;
  position: relative;
}

.microservice-architecture{
  font-size: 28px;
}
.marketing-suite-box, .discounts-management {
  line-height: 28px;
  font-size: 18px;
}
.title-bg-box,
.tracking-bg {
  background: url("../images/Banner-Container.jpg") no-repeat;
  background-size: cover;
  min-height: 110px;
  border-radius: 14px;
  color: #fff;
  padding: 40px 50px 0px 50px;
  font-size: 24px;
}
.tracking-bg{
  background: url("../images/tracking-bg.jpg") no-repeat;
  color: #000;
}

.lifetime-value-bg,
.Marketing-Suite-bg{
    background: url("../images/lifetime-value-bg.jpg") no-repeat;
    color: #000;
   mix-blend-mode: multiply;
}
.Marketing-Suite-bg{
  background: url("../images/Marketing-Suite-bg.jpg") no-repeat;
}
.footer-container{
    background: url("../images/footer-bg.jpg") no-repeat #0158cc;
    border-radius:20px 20px 0 0;
	padding-bottom: 20px;
}
.footer-container .Let-Talk{
  padding-left:80px;
  max-height: 60px;
}
.contact-box{
  color: white;
  font-size: 22px;
}
.contact-box p{
  padding-left: 50px;
}
.contact-box a{
  color: white;
  text-decoration: none;
}

.title-two-details-two img{
  mix-blend-mode: multiply;
}
.multiply{
    mix-blend-mode: multiply;
}

.text-left{
  text-align: left;
}
.orange {
  color:#F89139;
}
.m-auto{
  margin: auto;
}
.text-upper{
  text-transform: uppercase;
}
.mb-10{
  margin-bottom: 10px;
}
.mb-20{
  margin-bottom: 20px;
}
.mb-30{
  margin-bottom: 30px;
}
.mb-40{
  margin-bottom: 40px;
}
.mb-50{
  margin-bottom: 50px;
}

.mt-10{
  margin-top: 10px;
}
.mt-20{
  margin-top: 20px;
}
.mt-30{
  margin-top: 30px;
}
.mt-40{
  margin-top: 40px;
}
.mt-50{
  margin-top: 50px;
}
.mt-70{
  margin-top: 70px;
}
.p-10{
  padding: 10px;
}
.p-20{
  padding: 20px;
}
.p-30{
  padding: 30px;
}
.p-40{
  padding: 40px;
}
.p-50{
  padding: 50px;
}
.br-8{
  border-radius: 8px;
}
.br-14{
  border-radius: 14px;
}
.w-100{
  width: 100%;
}
.w-50{
  width:50%;
}
.text-center{
  text-align: center;
}
.scrollup {
  position: fixed;
  width: 40px;
  height: 40px;
  bottom: 10px;
  right: 20px;
  border-radius: 100px;
  z-index: 50;
  color: #fff;
  text-align: center;
  line-height: 41px;
  text-decoration: none;
}
.scrollup {
  background: -webkit-linear-gradient(50deg, #5ac9ff, #68e1df) !important;
  background: linear-gradient(40deg, #0796db, #07cac7) !important;
}
.d-none{
  display: none;
}
.book-meeting a {
/*  position: fixed;*/
  bottom: 10px;
  left: 30px;
  background: #f03163;
  color: #fff;
  border-radius: 10px;
  padding: 15px 20px;
  text-decoration: none;
  font-weight: bold;
  z-index: 1000;
  box-shadow: 0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);
  border: 0;
  display: none;
}
.book-meeting::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background-color: #ff9a9a;
  border-radius: 10px;
  transform: translate(-50%,-50%);
  opacity: .6;
  animation: pulse-wave 1.5s infinite ease-out;
  z-index:-1;
}
.book-meeting {
  position: fixed;
  bottom: 10px;
  left: 30px;
}
.book-meeting a::before {
  content: "";
  display: inline-block;
  background: url(../images/calendar-regular.svg) no-repeat;
  height: 18px;
  width: 18px;
  background-size: contain;
  margin-right: 6px;
}
@keyframes pulse-wave {
    0% {
        transform: translate(-50%,-50%) scale(1);
        opacity: .6
    }
 
    70% {
        transform: translate(-50%,-50%) scale(2.2);
        opacity: 0
    }
 
    100% {
        transform: translate(-50%,-50%) scale(2.2);
        opacity: 0
    }
}
/**********************************************Media*******************************************************/
@media (min-width: 992px) {
  .book-meeting a {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media (min-width: 1200px) {
  .book-meeting a {
    left: 40px;
  }
}

@media(min-width:768px) {
  .container {
    max-width:calc(100% - 30px)
  }

}
@media(min-width:992px) {
  .container {
    max-width:calc(100% - 30px)
  }
}
@media(min-width:1200px) {
  .container {
    max-width:calc(100% - 80px);
    padding-left:100px;
    padding-right:100px
  }
  .page-title span {
  font-size: 85px;
}
}
@media(min-width:1600px) {
  .container {
    max-width:1200px;
    width:calc(100% - 80px);
    padding-left:20px;
    padding-right:20px
  }
}
.container-fluid {
  max-width:100%;
    padding-left:20px;
    padding-right:20px
}

@media only screen and (max-width:555px) {
  .row {
    margin-left:-7.5px;
    margin-right:-7.5px;
    flex-wrap: wrap;
  }
  .logo{
   margin: 20px 0;
   text-align: center;
 }
  .logo img {
  width: 70%;
}
.welcome-title,
.engineered-content,
.title-two-details-two, 
.title-two-details-one,
.title-two-buttons{
  margin: 10px 20px;
  font-size: 16px;
  line-height: 24px;
}
.title-two-buttons{
  margin-top: 10px;
}
.rethinking-customer,
.title-two {
  text-align: center;
  font-size: 30px;
  line-height: 35px;
  margin-bottom: 20px;
  margin-top: 30px;
}
.page-title span {
  font-size: 50px;
  line-height: 60px;
  text-align: center;
}
.main-title {
  margin: 30px 0;
  text-align: center;
}
.main-title img{
  width: 90%;
  text-align: center;
}
.title-two-sub {
  font-size: 16px;
}
.personalized-experience-box{
  margin: 20px 20px;
}
.personalized-experience-content p{
  padding: 20px 0;
}
.microservice-architecture {
  font-size: 18px;
  margin: 20px;
}
.discounts-management {
  margin: 0 20px 20px 20px;
}
.discounts-management.mb-50,
.mb-30.marketing-suite-box{
  padding: 0px 20px;
}
.title-bg-box, .tracking-bg {
  padding: 20px 20px 10px 20px;
}
.mt-50{
  margin-top:20px;
}
.personalized-experience-content.text-center {
  padding: 20px;
  margin-left: 20px;
  margin-right: 20px;
  min-height: 150px;
}
.mt-30.mb-30,
.title-two-sub.mt-30 {
  padding: 0 20px;
}
.footer-container .Let-Talk,
.contact-box p {
  padding-left: 0;
}
.footer-container img{
  max-width: 70px;
}
.mt-70 {
  margin-top: 30px;
}
.contact-box {
  font-size: 16px;
}
.footer-container {
  text-align: center;
  padding-bottom: 30px;
}
.personalized-experience-box.mt-30.mb-30{
  padding:0;
}

.title-two-details-two {
  text-align: left;
}
.d-md-none{
  display: none;
}
.d-md-block{
  display: block;
  margin-top: 15px;
}
}

@media only screen and (min-width:768px) {
  .row{
    margin-left:-7.5px;
    margin-right:-7.5px
  }
}

.align-items-end {
  align-items:flex-end
}
.justify-content-center {
  justify-content:center
}
.align-items-center {
  align-items:center
}
.col-xl-12,
.col-xl-11,
.col-xl-10,
.center-2,
.col-xl-9,
.order-summary-content #shopping-cart-form .table-wrapper,
.col-xl-8,
.col-xl-7,
.col-xl-6,
.col-xl-5,
.col-xl-4,
.col-xl-3,
.order-summary-content #shopping-cart-form .cart-right,
.col-xl-2,
.item-grid .item-box,
.col-xl-1,
.col-lg-12,
.product-essential .full-description,
.col-lg-11,
.col-lg-10,
.col-lg-9,
.col-lg-8,
.col-lg-7,
.col-lg-6,
.col-lg-5,
.col-lg-4,
.col-lg-3,
.col-lg-2,
.side-2,
.col-lg-1,
.col-md-12,
.col-md-11,
.col-md-10,
.col-md-9,
.col-md-8,
.col-md-7,
.col-md-6,
.col-md-5,
.col-md-4,
.center-2 .product-grid .item-box,
.news-list-homepage .news-items .news-item,
.col-md-3,
.col-md-2,
.col-md-1,
.col-sm-12,
.col-sm-11,
.col-sm-10,
.col-sm-9,
.col-sm-8,
.col-sm-7,
.col-sm-6,
.col-sm-5,
.col-sm-4,
.col-sm-3,
.col-sm-2,
.col-sm-1,
.col-xs-12,
.col-xs-11,
.col-xs-10,
.col-xs-9,
.col-xs-8,
.col-xs-7,
.col-xs-6,
.col-xs-5,
.col-xs-4,
.col-xs-3,
.col-xs-2,
.col-xs-1 {
  width:100%
}
.col-1 {
  width:8.3333333333%;
  padding-left:7.5px;
  padding-right:7.5px
}
.col-2 {
  width:16.6666666667%;
  padding-left:7.5px;
  padding-right:7.5px
}
.col-3 {
  width:25%;
  padding-left:7.5px;
  padding-right:7.5px
}
.col-4 {
  width:33.3333333333%;
  padding-left:7.5px;
  padding-right:7.5px
}
.col-5 {
  width:41.6666666667%;
  padding-left:7.5px;
  padding-right:7.5px
}
.col-6,
.center-2 .product-grid .item-box,
.home-page-product-grid .item-grid .item-box,
.item-grid .item-box {
  width:50%;
  padding-left:7.5px;
  padding-right:7.5px
}
.col-7 {
  width:58.3333333333%;
  padding-left:7.5px;
  padding-right:7.5px
}
.col-8 {
  width:66.6666666667%;
  padding-left:7.5px;
  padding-right:7.5px
}
.col-9 {
  width:75%;
  padding-left:7.5px;
  padding-right:7.5px
}
.col-10 {
  width:83.3333333333%;
  padding-left:7.5px;
  padding-right:7.5px
}
.col-11 {
  width:91.6666666667%;
  padding-left:7.5px;
  padding-right:7.5px
}
.col-12 {
  width:100%;
  padding-left:7.5px;
  padding-right:7.5px
}
@media only screen and (min-width:556px) {
  .col-xs-1 {
    width:8.3333333333%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-xs-2 {
    width:16.6666666667%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-xs-3 {
    width:25%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-xs-4 {
    width:33.3333333333%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-xs-5 {
    width:41.6666666667%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-xs-6,
  .center-2 .product-grid .item-box,
  .item-grid .item-box {
    width:50%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-xs-7 {
    width:58.3333333333%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-xs-8 {
    width:66.6666666667%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-xs-9 {
    width:75%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-xs-10 {
    width:83.3333333333%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-xs-11 {
    width:91.6666666667%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-xs-12 {
    width:100%;
    padding-left:7.5px;
    padding-right:7.5px
  }
}
@media only screen and (min-width:768px) {
  .col-sm-1 {
    width:8.3333333333%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-sm-2 {
    width:16.6666666667%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-sm-3 {
    width:25%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-sm-4,
  .center-2 .product-grid .item-box,
  .news-list-homepage .news-items .news-item {
    width:33.3333333333%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-sm-5 {
    width:41.6666666667%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-sm-6 {
    width:50%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-sm-7 {
    width:58.3333333333%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-sm-8 {
    width:66.6666666667%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-sm-9 {
    width:75%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-sm-10 {
    width:83.3333333333%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-sm-11 {
    width:91.6666666667%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-sm-12 {
    width:100%;
    padding-left:7.5px;
    padding-right:7.5px
  }
}
@media only screen and (min-width:992px) {
  .col-md-1 {
    width:8.3333333333%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-md-2 {
    width:16.6666666667%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-md-3 {
    width:25%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-md-4,
  .order-summary-content #shopping-cart-form .cart-right,
  .center-2 .product-grid .item-box,
  .news-list-homepage .news-items .news-item,
  .item-grid .item-box {
    width:33.3333333333%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-md-5 {
    width:41.6666666667%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-md-6 {
    width:50%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-md-7 {
    width:58.3333333333%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-md-8,
  .order-summary-content #shopping-cart-form .table-wrapper {
    width:66.6666666667%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-md-9 {
    width:75%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-md-10 {
    width:83.3333333333%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-md-11 {
    width:91.6666666667%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-md-12 {
    width:100%;
    padding-left:7.5px;
    padding-right:7.5px
  }
}
@media only screen and (min-width:1200px) {
  .col-lg-1 {
    width:8.3333333333%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-lg-2,
  .side-2 {
    width:16.6666666667%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-lg-3,
  .item-grid .item-box {
    width:25%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-lg-4 {
    width:33.3333333333%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-lg-5 {
    width:41.6666666667%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-lg-6 {
    width:50%;
    padding-left:10px;
    padding-right:10px
  }
  .col-lg-7 {
    width:58.3333333333%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-lg-8 {
    width:66.6666666667%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-lg-9 {
    width:75%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-lg-10 {
    width:83.3333333333%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-lg-11 {
    width:91.6666666667%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-lg-12,
  .product-essential .full-description {
    width:100%;
    padding-left:7.5px;
    padding-right:7.5px
  }
}
@media only screen and (min-width:1600px) {
  .col-xl-1 {
    width:8.3333333333%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-xl-2,
  .item-grid .item-box {
    width:16.6666666667%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-xl-3,
  .order-summary-content #shopping-cart-form .cart-right {
    width:25%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-xl-4 {
    width:33.3333333333%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-xl-5 {
    width:41.6666666667%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-xl-6 {
    width:50%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-xl-7 {
    width:58.3333333333%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-xl-8 {
    width:66.6666666667%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-xl-9,
  .order-summary-content #shopping-cart-form .table-wrapper {
    width:75%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-xl-10,
  .center-2 {
    width:83.3333333333%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-xl-11 {
    width:91.6666666667%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-xl-12 {
    width:100%;
    padding-left:7.5px;
    padding-right:7.5px
  }
}
@media(min-width:1200px) and (max-width:1599px) {
  .col-lg-2_5 {
    width:20%;
    padding-left:7.5px;
    padding-right:7.5px
  }
}
@media(min-width:1600px) {
  .col-xl-1_5 {
    width:12.5%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-xl-2_5 {
    width:20%;
    padding-left:7.5px;
    padding-right:7.5px
  }
  .col-xl-9_5 {
    width:80%;
    padding-left:7.5px;
    padding-right:7.5px
  }
}
.align-items-center {
  align-items:center
}


/***********************/
@-webkit-keyframes fadeIn {
from {
opacity:0
}
to {
  opacity:1
}
}
@keyframes fadeIn {
from {
opacity:0
}
to {
  opacity:1
}
}
.fadeIn {
  -webkit-animation-name:fadeIn;
  animation-name:fadeIn
}
@-webkit-keyframes fadeInDown {
from {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
  opacity:1;
  -webkit-transform:none;
  transform:none
}
}
@keyframes fadeInDown {
from {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
  opacity:1;
  -webkit-transform:none;
  transform:none
}
}
.fadeInDown {
  -webkit-animation-name:fadeInDown;
  animation-name:fadeInDown
}
@-webkit-keyframes fadeInDownBig {
from {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
to {
  opacity:1;
  -webkit-transform:none;
  transform:none
}
}
@keyframes fadeInDownBig {
from {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
to {
  opacity:1;
  -webkit-transform:none;
  transform:none
}
}
.fadeInDownBig {
  -webkit-animation-name:fadeInDownBig;
  animation-name:fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
from {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to {
  opacity:1;
  -webkit-transform:none;
  transform:none
}
}
@keyframes fadeInLeft {
from {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to {
  opacity:1;
  -webkit-transform:none;
  transform:none
}
}
.fadeInLeft {
  -webkit-animation-name:fadeInLeft;
  animation-name:fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
to {
  opacity:1;
  -webkit-transform:none;
  transform:none
}
}
@keyframes fadeInLeftBig {
from {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
to {
  opacity:1;
  -webkit-transform:none;
  transform:none
}
}
.fadeInLeftBig {
  -webkit-animation-name:fadeInLeftBig;
  animation-name:fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
from {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to {
  opacity:1;
  -webkit-transform:none;
  transform:none
}
}
@keyframes fadeInRight {
from {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to {
  opacity:1;
  -webkit-transform:none;
  transform:none
}
}
.fadeInRight {
  -webkit-animation-name:fadeInRight;
  animation-name:fadeInRight
}
@-webkit-keyframes fadeInRightBig {
from {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
to {
  opacity:1;
  -webkit-transform:none;
  transform:none
}
}
@keyframes fadeInRightBig {
from {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
to {
  opacity:1;
  -webkit-transform:none;
  transform:none
}
}
.fadeInRightBig {
  -webkit-animation-name:fadeInRightBig;
  animation-name:fadeInRightBig
}
@-webkit-keyframes fadeInUp {
from {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
  opacity:1;
  -webkit-transform:none;
  transform:none
}
}
@keyframes fadeInUp {
from {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
  opacity:1;
  -webkit-transform:none;
  transform:none
}
}
.fadeInUp {
  -webkit-animation-name:fadeInUp;
  animation-name:fadeInUp
}
@-webkit-keyframes fadeInUpBig {
from {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
to {
  opacity:1;
  -webkit-transform:none;
  transform:none
}
}
@keyframes fadeInUpBig {
from {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
to {
  opacity:1;
  -webkit-transform:none;
  transform:none
}

}
.fadeInUpBig {
  -webkit-animation-name:fadeInUpBig;
  animation-name:fadeInUpBig
}
@-webkit-keyframes fadeOut {
from {
opacity:1;
/***********end************/