* {
  position: relative;
  z-index: 200;
}
.close-reminder {
  display: flex;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9998;
  width: 100%;
  height: 100%;
  position: fixed;
  align-items: center;
  justify-content: center;
  left: 0px;
  top: 0px;
}
.close-reminder .box {
  background-color: #fff;
  width: 35%;
  padding: 50px 22px;
  position: relative;
  border-radius: 20px;
}
.close-reminder span {
  font-size: 18px;
  color: #666666;
  line-height: 1.8em;
}
@media (max-width: 1080px) {
  .close-reminder .box {
    width: 90%;
  }
}
@-webkit-keyframes point-data-v-911647a4 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  to {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}
@keyframes fut {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 150px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes cllev {
  0% {
    transform: translate(0, 0);
    opacity: .6;
  }
  50% {
    transform: translate(10px, 10px);
    opacity: 1;
  }
  100% {
    transform: translate(0, 0);
    opacity: .6;
  }
}
@keyframes stars {
  0% {
    opacity: 1;
  }
  50% {
    opacity: .2;
  }
  100% {
    opacity: 1;
  }
}
.scale-hide {
  opacity: 0!important;
  transform: scale(0) !important;
}
.santa-fixed {
  width: 100%;
  position: fixed!important;
  z-index: 1!important;
  left: calc(50% - 21.25rem/2) !important;
  top: 0!important;
}
.santa-fixed .deer_leg {
  animation: fut 1.1s ease infinite;
}
.cart-01 {
  width: 100%;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cart-01 .icon-win,
.cart-01 .icon-apple {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.75rem;
  width: 11rem;
  height: 7rem;
  background: url(img/christmas_2018/buy-01.svg) no-repeat center center;
  transition: .5s;
}
.cart-01 .icon-win::before,
.cart-01 .icon-apple::before {
  font-size: 1.25rem;
  margin-bottom: 0.625rem;
  position: relative;
  left: -0.625rem;
}
.cart-01 .icon-win:hover,
.cart-01 .icon-apple:hover {
  transform: scale(1.1);
}
.cart-01 .icon-apple::before {
  font-size: 1.5rem;
}
.cart-01 a:nth-child(2) {
  margin-left: 2.5rem;
}
.cart-02 {
  width: 100%;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cart-02 .icon-win,
.cart-02 .icon-apple {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #f8b62d;
  font-size: 0.75rem;
  width: 11rem;
  height: 7rem;
  background: url(img/christmas_2018/buy-02.svg) no-repeat center center;
  transition: .5s;
}
.cart-02 .icon-win::before,
.cart-02 .icon-apple::before {
  font-size: 1.25rem;
  margin-bottom: 0.625rem;
  position: relative;
  left: -0.625rem;
}
.cart-02 .icon-win:hover,
.cart-02 .icon-apple:hover {
  transform: scale(1.1);
}
.cart-02 .icon-apple::before {
  font-size: 1.5rem;
}
.cart-02 a:nth-child(2) {
  margin-left: 2.5rem;
}
.christmas {
  background: -moz-linear-gradient(top, #b51c00 0%, #be164a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b51c00), color-stop(100%, #be164a));
  background: -webkit-linear-gradient(top, #b51c00 0%, #be164a 100%);
  background: -o-linear-gradient(top, #b51c00 0%, #be164a 100%);
  background: -ms-linear-gradient(top, #b51c00 0%, #be164a 100%);
  position: relative;
}
.christmas .stars {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(img/christmas_2018/stars.png) no-repeat center center;
  animation: stars 5s linear infinite;
  z-index: 0;
}
.christmas .banner {
  padding-top: 5rem;
}
.christmas .banner .container {
  position: relative;
}
.christmas .banner .toptx {
  width: 100%;
  height: 9.6875rem;
  background: url(img/christmas_2018/title.png) no-repeat center center;
  margin-bottom: 4.375rem;
}
.christmas .banner .discount {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 12.8625rem;
  opacity: 1;
  transform: scale(1);
  transition: .5s;
}
.christmas .banner .discount .t {
  left: -2.8125rem;
  display: flex;
  color: #fff;
  justify-content: center;
  align-items: center;
  font-size: 2.25rem;
  font-weight: bold;
  margin-bottom: 3.375rem;
  position: relative;
}
.christmas .banner .discount .t span {
  position: relative;
  width: 12.6875rem;
  height: 12.6875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f8b62d;
  border-radius: 50%;
  font-size: 4.25rem;
  margin: 0px 2.8125rem;
}
.christmas .banner .discount .t span::before,
.christmas .banner .discount .t span::after {
  display: block;
  content: "";
  position: absolute;
  width: 12.6875rem;
  height: 12.6875rem;
  border-radius: 50%;
  -webkit-animation-name: point-data-v-911647a4;
  animation-name: point-data-v-911647a4;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.christmas .banner .discount .t span::before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
  background: rgba(248, 182, 45, 0.4);
}
.christmas .banner .discount .t span::after {
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
  background: rgba(248, 182, 45, 0.2);
}
.christmas .banner .discount .t .offre {
  color: #8c0928;
  width: 12.0625rem;
  height: 4.6875rem;
  background: url(img/christmas_2018/offre.png) no-repeat center center;
  background-size: cover;
  position: absolute;
  right: 9.625rem;
  top: 0.5rem;
}
.christmas .banner .discount .b {
  color: #fff;
  font-size: 1.125rem;
  font-weight: bold;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 21.25rem;
  height: 2.0925rem;
  margin: 0 auto;
  background-color: #c9a9a1;
}
.christmas .banner [class^="snowflake-"] {
  position: absolute;
}
.christmas .banner .snowflake-01 {
  width: 6.3125rem;
  height: 6.3125rem;
  background: url(img/christmas_2018/snowflake-01.svg) no-repeat center center;
  left: -4.6875rem;
  top: 10.625rem;
  animation: cllev 3s linear infinite;
}
.christmas .banner .snowflake-02 {
  width: 12.1875rem;
  height: 12.1875rem;
  background: url(img/christmas_2018/snowflake-02.svg) no-repeat center center;
  left: 0;
  top: 22rem;
  animation: cllev 6s linear infinite;
}
.christmas .banner .snowflake-03 {
  width: 6.5625rem;
  height: 6.5625rem;
  background: url(img/christmas_2018/snowflake-03.svg) no-repeat center center;
  right: -1.5rem;
  top: 23.125rem;
  animation: cllev 4s linear infinite;
}
.christmas .banner .snowflake-04 {
  width: 9.8125rem;
  height: 9.8125rem;
  background: url(img/christmas_2018/snowflake-04.svg) no-repeat center center;
  right: 4.1875rem;
  top: 39rem;
  animation: cllev 5s linear infinite;
}
.christmas .banner .santa {
  width: 21.25rem;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.christmas .banner .santa .santa_body {
  width: 100%;
  height: 39.875rem;
  background: url(img/christmas_2018/santa_body.svg) no-repeat center center;
  position: relative;
  z-index: 2;
}
.christmas .banner .santa .deer_leg {
  width: 4rem;
  height: 3.875rem;
  background: url(img/christmas_2018/deer_leg.svg) no-repeat center center;
  position: absolute;
  left: calc(50% - 1.9rem);
  bottom: 9.5rem;
  z-index: 1;
}
.christmas .banner .santa-mask {
  width: 21.25rem;
  height: 39.875rem;
  margin: 0 auto;
  display: none;
}
.christmas .single .content .box {
  width: 43.0625rem;
  height: 27.375rem;
  background: url(img/christmas_2018/icloud-01.svg) no-repeat center center;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 1;
  left: -7.1875rem;
  padding-right: 5.9375rem;
  padding-top: 1.625rem;
  color: #231815;
}
.christmas .single .content .box .logo {
  width: 12.75rem;
  height: 7.8125rem;
  margin-bottom: 0.875rem;
}
.christmas .single .content .box .name {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 0;
}
.christmas .single .content .box .desc {
  font-size: 1.125rem;
  margin: 0.625rem auto;
  text-align: center;
}
.christmas .single .content .box .price {
  margin: 0;
}
.christmas .single .content .box .price span {
  color: #231815;
}
.christmas .single .content .box .price span::after {
  content: '€';
  margin-left: 0.3125rem;
}
.christmas .single .content .box .price .old {
  font-size: 1.125rem;
  position: relative;
}
.christmas .single .content .box .price .old::before {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background-color: #f84855;
  position: absolute;
  left: 0;
  top: 0.5625rem;
}
.christmas .single .content .box .price .new {
  font-size: 1.5rem;
  margin-left: 0.5rem;
}
.christmas .single .content .box .cart {
  position: relative;
  top: -0.625rem;
  left: 0.875rem;
}
.christmas .single .content-01 .box::after {
  content: '';
  width: 22.5rem;
  height: 14.3125rem;
  background: url(img/christmas_2018/icloud-02.svg) no-repeat center center;
  position: absolute;
  right: -5.3125rem;
  bottom: -2.8125rem;
  z-index: -1;
}
.christmas .single .content-02 {
  display: flex;
  flex-direction: row-reverse;
}
.christmas .single .content-02 .box {
  left: inherit;
  right: -6.6875rem;
}
.christmas .single .content-02 .box .cart {
  position: static;
  left: inherit;
  top: inherit;
}
.christmas .single .content-03 .box {
  left: 3.125rem;
}
.christmas .single .content-04 {
  display: flex;
  flex-direction: row-reverse;
}
.christmas .single .content-04 .box {
  left: inherit;
  margin-top: -4.375rem;
}
.christmas .clouds {
  width: 100%;
  height: 35.8125rem;
  background: url(img/christmas_2018/clouds.svg) no-repeat center center;
}
.christmas .combine .content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.christmas .combine .content .box-all {
  width: 27.875rem;
  height: 46.5rem;
  position: relative;
  z-index: 2;
}
.christmas .combine .content .box-all .box {
  width: 80%;
  height: 33.4375rem;
  margin: 0 auto;
  text-align: center;
  color: #231815;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.christmas .combine .content .box-all .box .dis {
  font-size: 3rem;
  margin-bottom: 0;
}
.christmas .combine .content .box-all .box .name {
  font-size: 2.25rem;
  margin-bottom: 0.875rem;
}
.christmas .combine .content .box-all .box .desc {
  font-size: 1rem;
  margin-bottom: 0.875rem;
}
.christmas .combine .content .box-all .box .price {
  margin-bottom: 1.8125rem;
}
.christmas .combine .content .box-all .box .price span {
  color: #231815;
}
.christmas .combine .content .box-all .box .price span::after {
  content: '€';
  margin-left: 0.3125rem;
}
.christmas .combine .content .box-all .box .price .old {
  font-size: 1.125rem;
  position: relative;
}
.christmas .combine .content .box-all .box .price .old::before {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background-color: #f84855;
  position: absolute;
  left: 0;
  top: 0.5625rem;
}
.christmas .combine .content .box-all .box .price .new {
  font-size: 1.5rem;
  margin-left: 0.5rem;
}
.christmas .combine .content .box-01 {
  background: url(img/christmas_2018/combine-01.svg) no-repeat center center;
}
.christmas .combine .content .box-02 {
  background: url(img/christmas_2018/combine-02.svg) no-repeat center center;
  margin-top: 11.875rem;
}
.christmas .combine .content .box-02 .win {
  display: block;
}
.christmas .combine .content .box-02 .mac {
  display: none;
}
.christmas .combine .content .box-02-mac {
  background: url(img/christmas_2018/combine-02-mac.svg) no-repeat center center;
}
.christmas .combine .content .box-02-mac .win {
  display: none;
}
.christmas .combine .content .box-02-mac .mac {
  display: block;
}
.christmas .combine .content .box-03 {
  background: url(img/christmas_2018/combine-03.svg) no-repeat center center;
}
.christmas .combine .content .box-03 .win {
  display: block;
}
.christmas .combine .content .box-03 .mac {
  display: none;
}
.christmas .combine .content .box-03-mac {
  background: url(img/christmas_2018/combine-03-mac.svg) no-repeat center center;
}
.christmas .combine .content .box-03-mac .win {
  display: none;
}
.christmas .combine .content .box-03-mac .mac {
  display: block;
}
.christmas .combine .content .box-04 {
  background: url(img/christmas_2018/combine-04.svg) no-repeat center center;
  margin-top: 11.25rem;
}
.christmas .combine .content .item-01 {
  position: relative;
}
.christmas .combine .content .item-01::after {
  content: '';
  display: block;
  width: 50.6875rem;
  height: 26.6875rem;
  background: url(img/christmas_2018/icloud-03.svg) no-repeat center center;
  position: absolute;
  z-index: 1;
  left: -13.1875rem;
  bottom: -9.375rem;
}
.christmas .combine .content .item-02 {
  position: relative;
}
.christmas .combine .content .item-02::after {
  content: '';
  display: block;
  width: 20.625rem;
  height: 13.125rem;
  background: url(img/christmas_2018/icloud-04.svg) no-repeat center center;
  position: absolute;
  z-index: 1;
  right: -5.8125rem;
  bottom: -4.6875rem;
}
.christmas .combine .content .item-04 {
  position: relative;
}
.christmas .combine .content .item-04::after {
  content: '';
  display: block;
  width: 20.625rem;
  height: 13.125rem;
  background: url(img/christmas_2018/icloud-04.svg) no-repeat center center;
  position: absolute;
  z-index: 1;
  right: -8.8125rem;
  bottom: 16.3125rem;
}
.christmas .pack {
  padding-top: 27.3125rem;
  margin-top: -9rem;
  background: url(img/christmas_2018/icloud-05.svg) no-repeat center top;
  background-size: cover;
}
.christmas .pack .box {
  width: 100%;
  height: 66rem;
  background: url(img/christmas_2018/pack.svg) no-repeat center center;
  text-align: center;
  padding: 0rem 11.5625rem;
  padding-top: 9rem;
  color: #231815;
}
.christmas .pack .box:not(:last-child) {
  margin-bottom: 2.5rem;
}
.christmas .pack .box .name {
  font-size: 2.25rem;
  font-weight: bold;
  margin-bottom: 1.25rem;
}
.christmas .pack .box .desc {
  font-size: 1.125rem;
  line-height: 1.8em;
  margin-bottom: 1.9375rem;
}
.christmas .pack .box .pros {
  height: 9.0625rem;
  margin-bottom: 1.5rem;
}
.christmas .pack .box .pros-01 {
  background: url(img/christmas_2018/pros-01.svg) no-repeat center center;
}
.christmas .pack .box .pros-02 {
  background: url(img/christmas_2018/pros-02.svg) no-repeat center center;
}
.christmas .pack .box .price {
  margin-bottom: 1.8125rem;
}
.christmas .pack .box .price span {
  color: #231815;
}
.christmas .pack .box .price span::after {
  content: '€';
  margin-left: 0.3125rem;
}
.christmas .pack .box .price .old {
  font-size: 1.125rem;
  position: relative;
}
.christmas .pack .box .price .old::before {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background-color: #f84855;
  position: absolute;
  left: 0;
  top: 0.5625rem;
}
.christmas .pack .box .price .new {
  font-size: 1.9375rem;
  margin-left: 0.5rem;
}
.christmas .foot {
  width: 100%;
  height: 25.5rem;
  background: url(img/christmas_2018/foot.svg) no-repeat center bottom;
}
@media (min-width: 1000px) {
  html,
  body {
    font-size: 16px;
  }
}
@media (max-width: 999px) {
  html,
  body {
    font-size: 12px;
  }
}
@media (max-width: 1080px) {
  .christmas .banner .santa {
    display: none;
  }
  .christmas .banner .santa-mask {
    display: block;
  }
  .christmas .single .content .box {
    width: unset;
    height: unset;
    position: static;
    left: inherit;
    top: inherit;
    right: inherit;
    bottom: inherit;
    padding: 0;
    margin: 0 auto 2.5rem;
    background: none;
  }
  .christmas .single .content .box:after {
    display: none;
  }
  .christmas .banner .discount .b {
    background: transparent;
  }
  .christmas .banner [class^="snowflake-"] {
    display: none;
  }
  .christmas .banner .santa-mask {
    height: 25.875rem;
  }
  .christmas .single .content .box,
  .christmas .single .content .box .price span {
    color: #fff;
  }
  .christmas .single .content .box .cart {
    position: static;
    left: inherit;
    right: inherit;
    top: inherit;
    bottom: inherit;
    margin-top: 1.0625rem;
  }
  .christmas .clouds {
    display: none;
  }
}
@media (max-width: 800px) {
  .christmas .combine .content .item {
    margin: 0 auto!important;
  }
  .christmas .combine .content .item:after {
    display: none;
  }
  .christmas .combine .content .box-all {
    margin: 0 auto!important;
    margin-bottom: 2.5rem!important;
  }
  .christmas .pack {
    padding: 0;
    margin: 0;
    background: none;
  }
}
@media (max-width: 767px) {
  .christmas .banner .toptx {
    background-size: 100%;
  }
  .christmas .banner .discount .t {
    font-size: 1.25rem;
    left: 0;
  }
  .christmas .banner .discount .t .offre {
    width: 6.875rem;
    height: 3.875rem;
    background-size: 100%;
    right: 0;
  }
  .christmas .pack .box-01 {
    padding: 10rem 1rem;
  }
  .christmas .pack .box-02 {
    padding: 12rem 1rem;
  }
  .christmas .pack .box {
    height: 110.125rem;
    background: url(img/christmas_2018/pack-ph.svg) no-repeat center top;
  }
  .christmas .pack .box .pros-01 {
    height: 323px;
    background: url(img/christmas_2018/pros-01-ph.svg) no-repeat center top;
    background-size: 100% 100%;
  }
  .christmas .pack .box .pros-02 {
    height: 233px;
    background: url(img/christmas_2018/pros-02-ph.svg) no-repeat center top;
    background-size: 100% 100%;
  }
  .pack .container {
    padding: 0;
  }
  .christmas .foot {
    background-size: cover;
  }
}
@media (max-width: 370px) {
  .christmas .combine .content .box-all {
    width: 24.875rem;
  }
  .christmas .combine .content .box-all .box .dis {
    font-size: 2.5rem;
  }
  .christmas .combine .content .box-all .box .name {
    font-size: 2rem;
  }
}