/* ////////////////////////////////////////////////////////////////// */
/* cart popup */
/* ////////////////////////////////////////////////////////////////// */

.addToCartInstant{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: rgba(10, 11, 15, 0.55);
  display: none;
}
.addToCartInstant .addToCartInstantInner {
  width: 690px;
  background: #fff;
  padding: 30px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}
.addToCartInstant .popClose {
  position: absolute;
  right: 0px;
  top: 0px;
  background: url("images/icon-popup-close.png") no-repeat center center;
      background-size: auto;
  background-size: contain;
  width: 40px;
  height: 40px;
  display: block;
}



.addToCartInstant .pointsWrapper {
  width: 80px;
  height: 80px;
  background: #384ea3;
  padding: 28px 0 0 0;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  right: 25px;
  top: 25px;
  color: #fff;
  text-align: center;
  font-size: 22px;
  font-family: 'PFEncoreSansPro-Bold';
  line-height: 16px;
} 
.addToCartInstant .pointsWrapper .txt {
  display: block;
  font-size: 10px;
}



.addToCartInstant .couponWrapper{
  font-size: 0px;
  padding: 0 0 25px 0;
}

.addToCartInstant .couponWrapper .img{
  display: inline-block;
  vertical-align: middle;
  margin: 0 0px 0 0;
}

.addToCartInstant .couponWrapper .img img{
  width: auto;
  height: 150px;
}

.addToCartInstant .couponWrapper .txts{
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 15px;
  color: #3b4da3;
  font-size: 16px;
  font-family: 'PFEncoreSansPro-Bold';
  max-width: 160px;
  text-align: left;
}

.addToCartInstant .couponWrapper .txts .cashback{
  font-size: 31px;
  color: #161616;
  font-family: 'PFEncoreSansPro-Thin';
  display: block;
}

.addToCartInstant .couponWrapper .txts .desc{
  font-size: 14px;
  line-height: 18px;
  color: #828282;
  font-family: 'PFEncoreSansPro-Medium';
  display: block;

}

.addToCartInstant .bottom{
  background: #bdd8f6;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  padding: 23px 20px 15px 20px;
}

.addToCartInstant .bottom .pointsTitle{
  color: #3b4da3;
  font-size: 21px;
  padding: 0 0 10px 0;
  font-family: 'PFEncoreSansPro-Medium';
}

.addToCartInstant .bottom .subtitle{
  font-size: 17px;
  line-height: 25px;
  color: #3b4da3;
  padding-bottom: 30px;
}

.addToCartInstant .bottom .quantityWrappper{
  font-size: 0px;
  padding: 15px 0;
}

.addToCartInstant .bottom .quantityWrappper .quantity,
.addToCartInstant .bottom .quantityWrappper .qAction{
  display: inline-block;
  vertical-align: middle;
  height: 40px;
  width: 55px;
  text-align: center;
  line-height: 41px;
  color: #73b89d;
  font-size: 31px;
  font-family: 'PFEncoreSansPro-Medium';
}

.addToCartInstant .bottom .quantityWrappper .qAction{
  background: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 40px;
}



.addToCartInstant .cta.submit{
  display: inline-block;
  height: 50px;
  line-height: 50px;
  padding: 0 40px 0 40px;
  font-size: 16px;
  font-family: 'PFEncoreSansPro-Bold';
  font-size: 16px;
  background: #384ea3;
  color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}

.addToCartInstant .cta.submit:hover {
  opacity: 0.7;
}




@media screen and (max-width: 767px) {

  .addToCartInstant .addToCartInstantInner{
      width: calc(100% - 20px);
      padding: 20px 10px 10px 10px;
  }

  .addToCartInstant .couponWrapper .img img{
    height: 100px;
  }

  .addToCartInstant .couponWrapper{
    text-align: left;
  }

  .addToCartInstant .couponWrapper .txts{
    font-size: 14px;
    margin: 0 0 0 10px;
  }

  .addToCartInstant .couponWrapper .txts .cashback{
    font-size: 26px;
  }

  .addToCartInstant .couponWrapper .txts .desc {
    font-size: 12px;
    line-height: 16px;
  }

  .addToCartInstant .bottom .pointsTitle{
    font-size: 17px;
  }

  .addToCartInstant .bottom .subtitle {
    font-size: 15px;
    line-height: 22px;
  }

  .addToCartInstant .bottom .quantityWrappper{
    padding: 10px 0 15px 0;
  }

  .addToCartInstant .pointsWrapper {
    width: 66px;
    height: 66px;
    padding: 22px 0 0 0;
    font-size: 17px;
    line-height: 13px;
  }

}







/* ////////////////////////////////////////////////////////////////////////////////// */
/* page personilized profile */
/* ////////////////////////////////////////////////////////////////////////////////// */
 

.pageToProfilMou #extraBottomSecond{
  padding: 30px 20px 80px 20px;
  background: #f9f7f6;

}


.blockInstantCashbackCoupons{

}

.blockInstantCashbackCoupons .viewUserInstantCoupons{
  background: #6ca8ee url("../../images/cashback-bg.png") no-repeat center top;
  background-size: cover;
  border-radius: 15px;
  overflow: hidden;
  text-align: left;
  max-width: 1240px;
  margin: 0 auto;
  min-height: 610px;
  position: relative;
}

.blockInstantCashbackCoupons .viewUserInstantCoupons header .heading{
  height: 64px;
  background: #3850a7 url("../../images/cashback-icon-heading.png") no-repeat 47px center;
  color: #fff;
  padding: 0 0 0 110px;
}

.blockInstantCashbackCoupons .viewUserInstantCoupons header .heading .text{
  font-size: 20px;
  line-height: 64px;
}

.blockInstantCashbackCoupons .viewUserInstantCoupons header .heading .text .emoticon{
  display: inline-block;
  vertical-align: middle;
  background: url("../../images/cashback-icon-emoticon.png") no-repeat center center;
  background-size: contain;
  width: 25px;
  height: 25px;
  margin: 0 0 3px 12px;
}

.blockInstantCashbackCoupons .viewUserInstantCoupons header .mainText{
  width: 50%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  padding: 130px 0 0 0;
}


.blockInstantCashbackCoupons .viewUserInstantCoupons header .mainText .whiteText{
  font-size: 27px;
  color: #fff;
  line-height: 130%;
  max-width: 330px;
  margin: 0 auto;
  display: block;
}

.blockInstantCashbackCoupons .viewUserInstantCoupons header .mainText .blueText{
  font-size: 54px;
  line-height: 48px;
  color: #3850a7;
  font-family: 'PFCentroSerifPro-Bold';
  max-width: 400px;
  margin: 0 auto;
  display: block;
  padding: 0 0 5px 0;
}

.blockInstantCashbackCoupons .viewUserInstantCoupons footer{
  position: absolute;
  left: 0px;
  bottom: 20px;
  width: 50%;
  text-align: center;
  font-size: 18px;
  color: #fff;
  line-height: 130%;
}

.blockInstantCashbackCoupons .viewUserInstantCoupons .views-rows{
  position: absolute;
  right: 0px;
  top: 95px;
  width: 50%;
  height: calc(100% - 95px);
}
 

.blockInstantCashbackCoupons .viewUserInstantCoupons .couponWrapper a{
  display: block;
}


.blockInstantCashbackCoupons .viewUserInstantCoupons .couponWrapper {
  width: 250px;
  height: 475px;
  display: inline-block;
  vertical-align: top;
  background: url("../../images/cashback-bg-coupon.png") no-repeat center top;
  background-size: contain;
  margin: 10px 10px 20px 0px;
  font-size: 16px;
  color: #828282;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
  -moz-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
  -o-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
  transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
  -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);

  text-align: center;
}


.blockInstantCashbackCoupons .viewUserInstantCoupons .couponWrapper.couponEmpty{
  background-image: url("../../images/cashback-bg-coupon-empty.png");
}

.blockInstantCashbackCoupons .viewUserInstantCoupons .couponWrapper .views-field-field-coupon-redemption-points {
  width: 86px;
  height: 86px;
  background: #3850a7;
  padding: 30px 0 0 0;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  right: -0px;
  top: -10px;
  color: #fff;
  text-align: center;
  font-size: 27px;
  font-family: 'PFEncoreSansPro-Bold';
  line-height: 18px;
}
.blockInstantCashbackCoupons .viewUserInstantCoupons .couponWrapper .views-field-field-coupon-redemption-points .txt {
  display: block;
  font-size: 13px;
}
.blockInstantCashbackCoupons .viewUserInstantCoupons .couponWrapper .views-field-field-coupon-image {
  padding: 40px 0 0 0;
}
.blockInstantCashbackCoupons .viewUserInstantCoupons .couponWrapper .views-field-field-coupon-image img {
  display: block;
  margin: 0 auto 0 auto;
  height: 160px;
}
.blockInstantCashbackCoupons .viewUserInstantCoupons .couponWrapper .views-field-field-coupon-cash-back-amount {
  font-family: 'PFEncoreSansPro-Thin';
  font-size: 52px;
  color: #161616;
  line-height: 29px;
  text-align: center;
}
.blockInstantCashbackCoupons .viewUserInstantCoupons .couponWrapper .views-field-field-coupon-cash-back-amount .views-label-field-coupon-cash-back-amount {
  color: #58ba9b;
  font-size: 16px;
  font-family: 'PFEncoreSansPro-Bold';
  display: block;
  padding: 0 0 15px 0px;
  text-align: center;
}
.blockInstantCashbackCoupons .viewUserInstantCoupons .couponWrapper .views-field-body {
  font-family: 'PFCentroSerifPro-Medium';
  font-size: 15px;
  line-height: 18px;
  padding: 20px 50px 0 50px;
  height: 130px;
  text-align: center;
}
.blockInstantCashbackCoupons .viewUserInstantCoupons .couponWrapper .views-field-body p {
  margin: 0px;
  padding: 0px;
}

.blockInstantCashbackCoupons .viewUserInstantCoupons .couponWrapper .views-field-nothing .title {
  color: #fff;
  font-size: 22px;
  font-family: 'PFEncoreSansPro-Bold';
  text-align: center;
}
.blockInstantCashbackCoupons .viewUserInstantCoupons .couponWrapper .views-field-nothing .expires {
  color: #fff;
  font-size: 15px;
  line-height: 19px;
  text-align: center;
}



.blockInstantCashbackCoupons .viewUserInstantCoupons .slick-next,
.blockInstantCashbackCoupons .viewUserInstantCoupons .slick-prev{
  top: -62px;
  position: absolute;
  right: 32px;
  bottom: auto;
  background: url("../../images/mypr-icon-next.png") no-repeat center center;
  background-size: contain;
  width: 60px;
  height: 60px;
  z-index: 20;
}
.blockInstantCashbackCoupons .viewUserInstantCoupons .slick-prev{
  margin: 0px;
  background-image: url("../../images/mypr-icon-prev.png");
  right: 92px;
  left: auto;
}


.blockInstantCashbackCoupons .viewUserInstantCoupons .slick-next.slick-disabled,
.blockInstantCashbackCoupons .viewUserInstantCoupons .slick-prev.slick-disabled{
  opacity: 0.3;
  cursor: default;
}


@media screen and (max-width: 1139px) {


  .blockInstantCashbackCoupons .viewUserInstantCoupons .couponWrapper .views-field-body{
    padding: 20px 50px 0 50px;
  }

}




@media screen and (max-width: 959px) {

  .blockInstantCashbackCoupons .viewUserInstantCoupons{
    padding: 0 0 50px 0;
    background: url("../../images/cashback-mob-bg.png") no-repeat center top;
    background-size: cover;
  }

  .blockInstantCashbackCoupons .viewUserInstantCoupons header .mainText{
    display: block;
    width: auto;
  }

  .blockInstantCashbackCoupons .viewUserInstantCoupons .views-rows {
    position: relative;
    right: auto;
    top: auto;
    width: auto;
    height: auto;
    padding: 0 0px 0 30px;

  }

  .blockInstantCashbackCoupons .viewUserInstantCoupons footer{
    width: 100%;
  }

  .blockInstantCashbackCoupons .viewUserInstantCoupons .slick-next, 
  .blockInstantCashbackCoupons .viewUserInstantCoupons .slick-prev {
    top: -36px;
  }

  .blockInstantCashbackCoupons .viewUserInstantCoupons header .mainText {
    padding: 80px 0 70px 0;
  }

  .blockInstantCashbackCoupons .viewUserInstantCoupons header .mainText .whiteText {
    font-size: 21px;
  }

  .blockInstantCashbackCoupons .viewUserInstantCoupons header .mainText .blueText {
    font-size: 35px;
    line-height: 35px;
    max-width: 274px;
  }

}


@media screen and (max-width: 767px) {


  .blockInstantCashbackCoupons .viewUserInstantCoupons header .heading{
    line-height: normal;
    background-position: 23px center;
    padding: 0 0 0 80px;

  }

  .blockInstantCashbackCoupons .viewUserInstantCoupons header .heading .text{
    line-height: normal;
    font-size: 16px;
    padding: 11px 0 0 0;
    max-width: 235px;
  }

  .blockInstantCashbackCoupons .viewUserInstantCoupons header .mainText .whiteText {
    font-size: 19px;
  }

  .blockInstantCashbackCoupons .viewUserInstantCoupons .views-rows{
    padding: 0 0 0 15px;
  }

  .blockInstantCashbackCoupons .viewUserInstantCoupons .couponWrapper{
    margin: 10px 0 20px 0;
  }

}


/* ////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////// */