/* **** INIZIO FONTS **** */

/* QuiUBI Banking and Trading icon set */
@font-face {
  font-family: 'UBI-iconfont';
  src:  url('../fonts/iconfont/UBI-iconfont/fonts/UBI-iconfont.eot?hjvnz1');
  src:  url('../fonts/iconfont/UBI-iconfont/fonts/UBI-iconfont.eot?hjvnz1#iefix')                                        format('embedded-opentype'),
        url('../fonts/iconfont/UBI-iconfont/fonts/UBI-iconfont.ttf')                                                     format('truetype'),
        url('../fonts/iconfont/UBI-iconfont/fonts/UBI-iconfont.woff?hjvnz1')                                             format('woff'),
        url('../fonts/iconfont/UBI-iconfont/fonts/UBI-iconfont.svg?hjvnz1#UBI-iconfont')                                 format('svg');
  font-weight: normal;
  font-style:  normal;
}

/* City icons for EasyCity */
@font-face {
  font-family: 'UBI-iconfont-city';
  src:  url('../fonts/iconfont/UBI-iconfont-city/fonts/UBI-iconfont-city.eot?xyjto9');
  src:  url('../fonts/iconfont/UBI-iconfont-city/fonts/UBI-iconfont-city.eot?xyjto9#iefix')                              format('embedded-opentype'),
        url('../fonts/iconfont/UBI-iconfont-city/fonts/UBI-iconfont-city.ttf')                                           format('truetype'),
        url('../fonts/iconfont/UBI-iconfont-city/fonts/UBI-iconfont-city.woff?xyjto9')                                   format('woff'),
        url('../fonts/iconfont/UBI-iconfont-city/fonts/UBI-iconfont-city.svg?xyjto9#UBI-iconfont-city')                  format('svg');
  font-weight: normal;
  font-style:  normal;
}


/* **** FINE FONTS **** */


/* **** INIZIO ICONE **** */

/* all classes that begin with icon- ... */
[class^="icon-"], [class*=" icon-"] {
  font-family: 'UBI-iconfont';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* all classes that begin with icon-weather- ... */
[class^="icon-weather-"], [class*=" icon-weather-"] {
  font-family: 'UBI-iconfont-weather';
}

/* all classes that begin with icon-weather- ... */
[class^="icon-city-"], [class*=" icon-city-"] {
  font-family: 'UBI-iconfont-city'
}

.icon-UBI_mark2:before {
  content: "\e92a";
}
.icon-UBI_mark:before {
  content: "\e602";
}
.icon-IW_mark:before {
  content: "\e927";
}
.icon-EasyCity_icon:before {
  content: "\e921";
}
.icon-UBI_logo:before {
  content: "\e600";
}
.icon-IWBank:before {
  content: "\e671";
}
.icon-Qui_UBI:before {
  content: "\e601";
}
.icon-UBI_Money_logo:before {
  content: "\e688";
}
.icon-IWMoney_logo:before {
  content: "\e928";
}
.icon-EasyCity_logo:before {
  content: "\e918";
}
.icon-OK:before {
  content: "\e622";
}
.icon-Warning:before {
  content: "\e603";
}
.icon-Error:before {
  content: "\e604";
}
.icon-Help:before {
  content: "\e618";
}
.icon-Info:before {
  content: "\e605";
}
.icon-Warning3:before {
  content: "\e92d";
}
.icon-Info3:before {
  content: "\e92e";
}
.icon-Help3:before {
  content: "\e92f";
}
.icon-Info2:before {
  content: "\e607";
}
.icon-Help2:before {
  content: "\e902";
}
.icon-Tip:before {
  content: "\e62a";
}
.icon-blocked:before {
  content: "\e609";
}
.icon-Locked:before {
  content: "\e606";
}
.icon-Unlocked:before {
  content: "\e608";
}
.icon-Key:before {
  content: "\e929";
}
.icon-Settings:before {
  content: "\e64f";
}
.icon-Search:before {
  content: "\e64d";
}
.icon-Filter:before {
  content: "\e64e";
}
.icon-Wallet:before {
  content: "\e631";
}
.icon-Wallet2:before {
  content: "\e630";
}
.icon-Card:before {
  content: "\e665";
}
.icon-card2:before {
  content: "\e60a";
}
.icon-Trends:before {
  content: "\e60b";
}
.icon-Planet:before {
  content: "\e60c";
}
.icon-Calculator:before {
  content: "\e60d";
}
.icon-Coins:before {
  content: "\e611";
}
.icon-Cash:before {
  content: "\e922";
}
.icon-Umbrella:before {
  content: "\e60e";
}
.icon-PFM:before {
  content: "\e60f";
}
.icon-Pos:before {
  content: "\e923";
}
.icon-Bag:before {
  content: "\e924";
}
.icon-Safe:before {
  content: "\e931";
}
.icon-Institution:before {
  content: "\e903";
}
.icon-Institution2:before {
  content: "\e930";
}
.icon-Coins_aggregata:before {
  content: "\e610";
}
.icon-Wallet_aggregata:before {
  content: "\e612";
}
.icon-Cards_aggregata:before {
  content: "\e613";
}
.icon-Trends_aggregata:before {
  content: "\e614";
}
.icon-PFM_aggregata:before {
  content: "\e615";
}
.icon-Clock:before {
  content: "\e616";
}
.icon-Clock2:before {
  content: "\e617";
}
.icon-Logout:before {
  content: "\e652";
}
.icon-Doublecirclebiguser:before {
  content: "\e662";
}
.icon-User2:before {
  content: "\e904";
}
.icon-User:before {
  content: "\e62e";
}
.icon-Users:before {
  content: "\e62f";
}
.icon-invioDenaro2:before {
  content: "\e670";
}
.icon-richiediDenaro2:before {
  content: "\e905";
}
.icon-invioDenaro3:before {
  content: "\e906";
}
.icon-Promoter:before {
  content: "\e672";
}
.icon-Community:before {
  content: "\e680";
}
.icon-Passport:before {
  content: "\e61a";
}
.icon-Libretto:before {
  content: "\e61b";
}
.icon-Book:before {
  content: "\e67a";
}
.icon-Folder:before {
  content: "\e61c";
}
.icon-Hidden:before {
  content: "\e61d";
}
.icon-Camera:before {
  content: "\e663";
}
.icon-Movie:before {
  content: "\e67b";
}
.icon-Edit:before {
  content: "\e61f";
}
.icon-Delete:before {
  content: "\e620";
}
.icon-Shout:before {
  content: "\e689";
}
.icon-Label:before {
  content: "\e907";
}
.icon-Download:before {
  content: "\e621";
}
.icon-Discount:before {
  content: "\e919";
}
.icon-Award:before {
  content: "\e619";
}
.icon-Award2:before {
  content: "\e91a";
}
.icon-Document:before {
  content: "\e623";
}
.icon-Report:before {
  content: "\e687";
}
.icon-Table:before {
  content: "\e624";
}
.icon-Histogram:before {
  content: "\e626";
}
.icon-Calendar:before {
  content: "\e627";
}
.icon-Calendar2:before {
  content: "\e628";
}
.icon-Calendar3:before {
  content: "\e676";
}
.icon-RAI:before {
  content: "\e666";
}
.icon-Car:before {
  content: "\e669";
}
.icon-Home:before {
  content: "\e625";
}
.icon-Industry:before {
  content: "\e667";
}
.icon-Shop:before {
  content: "\e925";
}
.icon-City:before {
  content: "\e926";
}
.icon-Favourite:before {
  content: "\e629";
}
.icon-Favourite2:before {
  content: "\e66b";
}
.icon-Love:before {
  content: "\e908";
}
.icon-Love2:before {
  content: "\e909";
}
.icon-Asterisk:before {
  content: "\e67c";
}
.icon-refresh:before {
  content: "\e66f";
}
.icon-Alert:before {
  content: "\e67f";
}
.icon-Monitoraggio:before {
  content: "\e686";
}
.icon-Cart:before {
  content: "\e90a";
}
.icon-Cart2:before {
  content: "\e90b";
}
.icon-Layers:before {
  content: "\e66a";
}
.icon-Ticket:before {
  content: "\e91b";
}
.icon-Clear:before {
  content: "\e90c";
}
.icon-Error2:before {
  content: "\e661";
}
.icon-Exit:before {
  content: "\e639";
}
.icon-MenuHandleArrowDown:before {
  content: "\e62c";
}
.icon-MenuHandleArrowUp:before {
  content: "\e62d";
}
.icon-MenuHandleBar:before {
  content: "\e62b";
}
.icon-Minus:before {
  content: "\e91c";
}
.icon-Plus:before {
  content: "\e632";
}
.icon-ArrowUp:before {
  content: "\e634";
}
.icon-ArrowRight:before {
  content: "\e636";
}
.icon-ArrowDown:before {
  content: "\e635";
}
.icon-ArrowLeft:before {
  content: "\e633";
}
.icon-Collapse:before {
  content: "\e637";
}
.icon-Expand:before {
  content: "\e638";
}
.icon-Menu:before {
  content: "\e63a";
}
.icon-Draggable:before {
  content: "\e63b";
}
.icon-List:before {
  content: "\e90d";
}
.icon-Pause:before {
  content: "\e901";
}
.icon-Draggable2:before {
  content: "\e63c";
}
.icon-Corner_top_left:before {
  content: "\e63d";
}
.icon-Corner_top_right:before {
  content: "\e63e";
}
.icon-Corner_bottom_right:before {
  content: "\e63f";
}
.icon-Corner_bottom_left:before {
  content: "\e640";
}
.icon-Triangle_up:before {
  content: "\e641";
}
.icon-Triangle_right:before {
  content: "\e642";
}
.icon-Triangle_down:before {
  content: "\e643";
}
.icon-Triangle_left:before {
  content: "\e644";
}
.icon-Add:before {
  content: "\e646";
}
.icon-Subtract:before {
  content: "\e645";
}
.icon-Email:before {
  content: "\e64a";
}
.icon-Chat2:before {
  content: "\e649";
}
.icon-Chat:before {
  content: "\e648";
}
.icon-Puzzle:before {
  content: "\e61e";
}
.icon-Smartphone:before {
  content: "\e91d";
}
.icon-Phone2:before {
  content: "\e64c";
}
.icon-Phone:before {
  content: "\e64b";
}
.icon-Power:before {
  content: "\e650";
}
.icon-Cake2:before {
  content: "\e675";
}
.icon-Cake:before {
  content: "\e651";
}
.icon-Map:before {
  content: "\e90e";
}
.icon-location:before {
  content: "\e653";
}
.icon-Location2:before {
  content: "\e90f";
}
.icon-facebook:before {
  content: "\e654";
}
.icon-linkedin:before {
  content: "\e65f";
}
.icon-twitter:before {
  content: "\e655";
}
.icon-googleplus:before {
  content: "\e656";
}
.icon-vimeo:before {
  content: "\e660";
}
.icon-youtube:before {
  content: "\e657";
}
.icon-instagram:before {
  content: "\e91e";
}
.icon-tripadvisor:before {
  content: "\e91f";
}
.icon-apple:before {
  content: "\e658";
}
.icon-android:before {
  content: "\e659";
}
.icon-windows8:before {
  content: "\e65a";
}
.icon-Cashback:before {
  content: "\e913";
}
.icon-Charity:before {
  content: "\e914";
}
.icon-resetPWD:before {
  content: "\e65b";
}
.icon-Doublecirclebigouter:before {
  content: "\e65c";
}
.icon-Doublecirclebig:before {
  content: "\e65d";
}
.icon-Doublecircle:before {
  content: "\e65e";
}
.icon-Barcode:before {
  content: "\e664";
}
.icon-QRcode:before {
  content: "\e682";
}
.icon-Connectivity:before {
  content: "\e668";
}
.icon-Wireless:before {
  content: "\e66c";
}
.icon-Target:before {
  content: "\e910";
}
.icon-Euro:before {
  content: "\e66e";
}
.icon-richiediDenaro:before {
  content: "\e911";
}
.icon-invioDenaro:before {
  content: "\e912";
}
.icon-External:before {
  content: "\e647";
}
.icon-Share:before {
  content: "\e917";
}
.icon-Forward:before {
  content: "\e66d";
}
.icon-TueSpese:before {
  content: "\e685";
}
.icon-Order:before {
  content: "\e915";
}
.icon-Revert:before {
  content: "\e916";
}
.icon-Flow:before {
  content: "\e673";
}
.icon-Chart:before {
  content: "\e674";
}
.icon-Directions:before {
  content: "\e920";
}
.icon-Like:before {
  content: "\e677";
}
.icon-Dislike:before {
  content: "\e678";
}
.icon-Handshake:before {
  content: "\e679";
}
.icon-Chain:before {
  content: "\e67d";
}
.icon-Budget:before {
  content: "\e67e";
}
.icon-Fingerprint:before {
  content: "\e900";
}
.icon-Fingerprint2:before {
  content: "\e92b";
}
.icon-Split:before {
  content: "\e92c";
}
.icon-Split_OK:before {
  content: "\e932";
}
.icon-Split_KO:before {
  content: "\e933";
}
.icon-Backspace2:before {
  content: "\e934";
}
.icon-Backspace:before {
  content: "\e935";
}


.icon-city-bed:before {
    content: "\e90d";
}
.icon-city-coffee:before {
    content: "\e90e";
}
.icon-city-restaurant:before {
    content: "\e90f";
}
.icon-city-bag:before {
    content: "\e910";
}
.icon-city-luggage:before {
    content: "\e911";
}
.icon-city-ball:before {
    content: "\e912";
}
.icon-city-tshirt:before {
    content: "\e913";
}
.icon-city-clothing:before {
    content: "\e914";
}
.icon-city-shop:before {
    content: "\e915";
}
.icon-city-shopping:before {
    content: "\e916";
}
.icon-city-sofa:before {
    content: "\e917";
}
.icon-city-aroundyou:before {
    content: "\e900";
}
.icon-city-spa:before {
    content: "\e918";
}
.icon-city-asl:before {
    content: "\e901";
}
.icon-city-walking:before {
    content: "\e902";
}
.icon-city-carcrash:before {
    content: "\e91d";
}
.icon-city-carconnectivity:before {
    content: "\e91c";
}
.icon-city-bike:before {
    content: "\e903";
}
.icon-city-taxi:before {
    content: "\e904";
}
.icon-city-mark:before {
    content: "\e905";
}
.icon-city-distance:before {
    content: "\e906";
}
.icon-city-distance2:before {
    content: "\e907";
}
.icon-city-medicalguard:before {
    content: "\e908";
}
.icon-city-usefulphone:before {
    content: "\e909";
}
.icon-city-questionphone:before {
    content: "\e91e";
}
.icon-city-phonecare:before {
    content: "\e923";
}
.icon-city-phonequestion:before {
    content: "\e91f";
}
.icon-city-phoneemergency:before {
    content: "\e920";
}
.icon-city-phonelove:before {
    content: "\e921";
}
.icon-city-police:before {
    content: "\e90a";
}
.icon-city-fire:before {
    content: "\e91a";
}
.icon-city-treefire:before {
    content: "\e91b";
}
.icon-city-extinguisher:before {
    content: "\e919";
}
.icon-city-seaemergency:before {
    content: "\e922";
}
.icon-city-hospital:before {
    content: "\e90b";
}
.icon-city-pharmacy:before {
    content: "\e90c";
}

/* **** FINE ICONE **** */



#fakeapp .wf { display: none; }

#fakeapp {

  font: normal normal 100%/1em 'Ubuntu', sans-serif;
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0 auto;

  padding: 0 0 0 0;
  background: #004C8A url(../img/launch.png) center top no-repeat;
  background-size: contain;

  -webkit-touch-callout:none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

#fakeapp:before {
  content: "";
  opacity: 0;
  display: block;
  position: absolute;
  top: 24em;
  left: 50%;
  margin-left: -18px;
  margin-top: -18px;
  z-index: 99;
  width: 36px;
  height: 36px;
  background: url('../img/loading.png') center center no-repeat;
  background-size: contain;
  transition-property: opacity;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  transition-delay: 0;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
#fakeapp.loading:before {
  opacity: 1;
  animation-name: spin;
}

#fakeapp:after {
  content: "caricamento";
  opacity: 0;
  color: rgba(255,255,255,.5);
  text-align: center;
  display: block;
  position: absolute;
  top: 17em;
  left: 0;
  font-size: 1.6em;
  z-index: 99;
  width: 100%;
  height: 1em;
  transition: opacity .5s ease-in .5s;
}
#fakeapp.loading:after {
  opacity: 1;
}


@keyframes spin {
    from {transform:rotateY(0deg);}
    to {transform:rotateY(179deg);}
}

#fakeapp .selectable {
  -webkit-touch-callout:default !important;
  -webkit-user-select:text !important;
  -moz-user-select:text !important;
  -ms-user-select:text !important;
  user-select:text !important;
}

#fakeapp__wrapper {
  background: #FFF;
  opacity: 0;
 /* transition: opacity .5s ease-out 0;*/
  height: 100%;
  overflow: auto;
}
@media (min-width: 427px) {
  #fakeapp__wrapper {
    -webkit-overflow-scrolling: touch; /* --- BUGGY ---   */  
  }
}

#fakeapp.loaded #fakeapp__wrapper {
  opacity: 1;
}


/* SCROLLBARS */



#fakeapp__wrapper::-webkit-scrollbar,
#fallback::-webkit-scrollbar {
  width: 5px;
}

#fakeapp__wrapper::-webkit-scrollbar-track,
#fallback::-webkit-scrollbar-track {
  background-color: rgba(0,0,0,0.1);
}

#fakeapp__wrapper::-webkit-scrollbar-track-piece,
#fallback::-webkit-scrollbar-track-piece {
  background-color: rgba(0,0,0,0.1);
}

#fakeapp__wrapper::-webkit-scrollbar-thumb,
#fallback::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,0.4);
  border-radius: 5px;
  cursor: pointer;
}
#fakeapp:hover #fakeapp__wrapper::-webkit-scrollbar-thumb,
#fallback:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,0.7);
}


/* SCROLLBARS */

#fakeapp__header {
  position: relative;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  color: #FFF;
  height: 6em;
  text-align: center;
  outline: 0;
  padding: 0;
  margin: 0;
  background-color: #004C8A;
  transform: translate3d(0,0,1);
  overflow: hidden;
}

#fakeapp__header__top {
  background: #004C8A url('../img/logoHeader.png') center/contain no-repeat;
}

#fakeapp__header__bottom {

}
#fakeapp__header__bottom__title {
  font-weight: 200;
  font-size: 1.6em;
  line-height: 1em;
  text-transform: none;
  text-align: center;
}

#fakeapp__header__top,
#fakeapp__header__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #FFF;
  height: 3em;
}

#fakeapp__header [class^="icon-"],
#fakeapp__header [class*=" icon-"] {
  font-size: 1em;
  visibility: hidden;
  /*display: block;*/
  height: 3em;
  width: 3em;
  color: #FFF;
  text-align: center;
  line-height: 3em;
}
#fakeapp__header [class^="icon-"]:before,
#fakeapp__header [class*=" icon-"]:before {
  font-size: 180%;
}


#fakeapp__media {
  margin: 0 0 1em 0;
}

#fakeapp__media:after {
  content: "";
  position: absolute;
  z-index: 99;
  top: 0em;
  left: 0;
  width: 100%;
  height: 1em;
  background: radial-gradient(at top center, rgba(0,0,0,0.5) 20%, rgba(0,0,0,0.0) 80%);
}

#fakeapp__slider ul,
#fakeapp__slider li {
  padding: 0;
  margin: 0;
  list-style-type: none;
}


#fakeapp__media {
  position: relative;
  width: 100%;
  height: 0;
  padding: 0 0 50% 0;
  overflow: hidden;
  background: #F0F0F0;
}
#fakeapp__media:before {
  content: "caricamento...";
  color: #CCC;
  position: absolute;
  left: 0;
  top: 45%;
  width: 100%;
  text-align: center;
  font-size: 1.5em;
  letter-spacing: 0.01em;
}

#fakeapp__slider {
  position: absolute;
  top:0;
  left: 0;
  height: 100%;
  width: 100%;
}

#fakeapp__slider.running {
  cursor: e-resize;
}

#fakeapp__slider.running .swiper-button-prev,
#fakeapp__slider.running .swiper-button-next {
  display: block;
}
#fakeapp__slider.running .swiper-pagination-bullet {
  display: inline-block;
}

#fakeapp__slider .swiper-pagination-bullet {
  display: none;
  background: #FFF;
  opacity: 0.6;
  box-shadow: 0 0 8px rgba(0,0,0,0.75);
}
#fakeapp__slider .swiper-pagination-bullet-active {
  opacity: 1;
}

#fakeapp__slider .swiper-button-prev,
#fakeapp__slider .swiper-button-next {
  display: none;
  opacity: 0;
  background: none;
  text-align: center;
  width: 4em;
  height: 4em;
  transition: .2s all ease-in-out;
  cursor: pointer;
}

#fakeapp__slider .swiper-button-prev:active:before,
#fakeapp__slider .swiper-button-next:active:before {
  transform: scale(0.8);
}


#fakeapp__slider:hover .swiper-button-prev,
#fakeapp__slider:hover .swiper-button-next {
  opacity: 1;
  text-shadow: 0 0 8px rgba(0,0,0,.75);
}


#fakeapp__slider .swiper-button-prev:before,
#fakeapp__slider .swiper-button-next:before {
  font-family: "UBI-iconfont";
  color: #FFF;
  width: 1em;
  height: 1em;
  font-size: 4em;
  line-height: 1em;
}
#fakeapp__slider .swiper-button-prev:before {
    content: "\e633";
}

#fakeapp__slider .swiper-button-next:before {
    content: "\e636";
}


#fakeapp__slider .slide {
  display: block;
  width: 100%;
  height: 0;
  padding: 0 0 50% 0;
  background-color: #666;
  background-image: url('../img/img_placeholder_2-1__easycity.png');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

#fakeapp__title,
#fakeapp__metadata,
#fakeapp__description,
#fakeapp__terms,
#fakeapp__refund {
  padding: 0 0 1em;
  overflow: hidden;
}


#fakeapp__title {
  font-size: 100%;
  background: none;
  margin: 1em 1em 0 1em;
  outline: 0;
  font-weight: bold;
  text-align: left;
  text-transform: none;
  color: #333;
  border-bottom: 1px solid #CCC;
}

#fakeapp__title .value {
  display: block;
  font-size: 2em;
  line-height: 1.2em;
}

#fakeapp__metadata {
  font-size: 100%;
  background: none;
  margin: 1em 1em 0 1em;
  outline: 0;
  font-weight: bold;
  text-align: left;
  text-transform: none;
  color: #333;
}
#fakeapp__metadata.started {
}
#fakeapp__metadata.started.expired,
#fakeapp__metadata.expired {
  color: #e91e63;
}

#fakeapp__metadata .value {
  display: block;
  font-size: 1.4em;
  line-height: 1.2em;
}

#fakeapp__terms,
#fakeapp__refund,
#fakeapp__description {
  font-size: 100%;
  background: none;
  outline: 0;
  font-weight: normal;
  text-align: left;
  text-transform: none;
  color: #333;
}
#fakeapp__terms .carousel_container,
#fakeapp__refund .carousel_container,
#fakeapp__description .value {
  display: block;
  font-size: 1.3em;
  line-height: 1.5em;
}
#fakeapp__terms .value ,
#fakeapp__refund .value ,
#fakeapp__description .value {
  margin: 0;
}

#fakeapp__terms  h3,
#fakeapp__refund  h3,
#fakeapp__description h3 {
  position: relative;
  margin: 0 0 0.5em 0;
  padding: 0.5em 0 0.5em 0;
  border-bottom: 1px solid #CCC;
}

#fakeapp__terms {
  margin: 0 1em 0 1em;
  padding: 0 0 0 0;
}
#fakeapp__refund {
  margin: 0 1em 0 1em;
  padding: 0 0 0.5em 0;
}
#fakeapp__description {
  margin: 1em 1em 0 1em;
}

.carousel_container {
  position: relative;
  overflow: hidden;
}

.carousel_container .carousel_controller {
  position: relative;
  z-index: 1;
  opacity: 0;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 3em;
  -webkit-appearance: none;
  cursor: pointer;
}

.carousel_container .carousel_content {
  transition: .5s all ease-out;
}

.carousel_container .carousel_trigger {
  position: relative;
  z-index: 2;
  pointer-events: none;
}

.carousel_container .carousel_controller + .carousel_trigger > i[class^="icon-"],
.carousel_container .carousel_controller + .carousel_trigger > i[class*=" icon-"] {
  transition: .25s transform ease-out .25s;
  transform: rotateX(0);
  position: absolute;
  right: 0;
  top: 0.4em;
  margin: 7px 0 0 0;
}


.carousel_container .carousel_controller + .carousel_trigger + .carousel_content {
  display: block;
  overflow: hidden;
  pointer-events: none;
  transform: translate(0,10%);
  max-height: 0;
  opacity: 0;
  transition: .5s all ease-in-out;
  margin-bottom: 0;
}


.carousel_container .carousel_controller:checked + .carousel_trigger > i[class^="icon-"],
.carousel_container .carousel_controller:checked + .carousel_trigger > i[class*=" icon-"] {
  transform: rotateX(180deg);
}

.carousel_container .carousel_controller:checked + .carousel_trigger + .carousel_content {
  transform: translate(0,0);
  max-height: 1000px;
  opacity: 1;
  margin-bottom: 1em;
  padding-bottom: 1em;
}


#fakeapp__merchant__wrapper {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0.5em 0.5em 1em 0.5em;
  padding: 1em 0.5em;
  color: #004C8A;
}
#fakeapp__merchant__wrapper .icon-ArrowRight {
  font-size: 1.8em;
}

#fakeapp__merchant__avatar {
  flex: 0 0 4em;
  height: 4em;
  margin-right: 1em;
  background-position: center center;
  background-image: url(../img/img_placeholder_1-1__easycity.png);
  background-size: contain;
  border-radius: 4em;
  border: 1px solid #004C8A;
}

#fakeapp__merchant__data {
  flex-grow: 2;
}

#fakeapp__merchant__name,
#fakeapp__merchant__metadata {
  background: none;
  outline: 0;
  text-align: left;
  text-transform: none;
  line-height: 1.5em;
}

#fakeapp__merchant__name .value {
  font-size: 1.8em;
  font-weight: bold;
}

#fakeapp__merchant__metadata .value {
  font-size: 1.4em;
}

#fakeapp__coupon_link__wrapper {
  padding: 1.5em 1em;
  margin: 2em 1em;
  background: #F2F6F9;
  border-radius: 5px;
  text-align: center;
  position: relative;
}

#fakeapp__coupon_link__disclaimer .value{
  display: block;
  margin: 0 auto 1em;
  color: #333;
  font-size: 1.2em;
  line-height: 1.25em;
  color: #666;
  text-align: left;
}

#fakeapp__coupon_link__button {
  margin-top: 0.2em;
  background-color: #00488E;
  color: #FFF;
  font-weight: 200;
  font-size: 1.6em;
  text-align: center;
  border-radius: 5px;
  text-decoration: none;
  padding: 0.5em 1em;
  display: inline-block;
  position: relative;
  overflow: hidden;
  transition: 0.2s background ease-in-out;
  line-height: 1em;
}
#fakeapp__coupon_link__button:hover {
  background-color: #00144F;
}

#fakeapp__coupon_link__button .icon-External {
  line-height: 1em;
  vertical-align: middle;
}


#fakeapp__purchase__wrapper {
  margin: 2em 1em;
  border-radius: 5px;
  border: 1px solid #CCC;
  padding: 2em 0;
  position: relative;
}
#fakeapp__purchase__wrapper:after {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -0.6em;
  height: 0;
  padding-bottom: 0.6em;
  background: radial-gradient(at top center, rgba(0,0,0,0.2) 20%, rgba(0,0,0,0.0) 80%);
}

#fakeapp__purchase__price {
  background: none;
  outline: 0;
  padding: 0 0 1em 50%;
  color: #666;
  position: relative;
  height: 4em;
  margin: 0 0 1.5em;
}

#fakeapp__purchase__price__current {
  position: absolute;
  right: 40%;
  top: 0;
}

#fakeapp__purchase__price__previous,
#fakeapp__purchase__price__saving {
  position: absolute;
  left: 60%;
  top: 0em;
  height: 2em;
  line-height: 2em;
  text-align: center;
  width: 40%;
}
#fakeapp__purchase__price__saving {
  top: 2em;
}

#fakeapp__purchase__price__current .value {
  font-size: 4em;
  line-height: 1.2em;
  letter-spacing: 0.01em;
  color: #333;
  font-weight: normal;
  display: block;
  white-space: nowrap;
}

#fakeapp__purchase__price__previous .value {
  letter-spacing: 0.01em;
  font-size: 1.3em;
  display: block;
  color: #666;
}

#fakeapp__purchase__price__saving .value {
  letter-spacing: 0.01em;
  font-size: 1.1em;
  color: #FFF;
  background: #F48400;
  padding: 0.1em 0.6em;
  border-radius: 1em;
  display: inline-block;
  margin: auto;
}


#fakeapp__purchase__stats {
  background: none;
  font-size: 100%;
  padding: 1.5em 0 0;
  border-top: 1px solid #CCC;
  margin: 0.5em 2em 0;
  outline: 0;
  text-transform: none;
  text-align: center;
  color: #666;
}

#fakeapp__purchase__stats__purchases,
#fakeapp__purchase__stats__remaining {
  display: block;
  font-size: 1.3em;
  line-height: 1.5em;
}

#fakeapp__purchase__stats__remaining {
  color: #333;
  font-weight: bold;
}

#fakeapp__cta {
  padding: 1em 0 2.5em;
  text-align: center;
  background: none;
  text-transform: none;
  outline: 0;
}

#fakeapp a.button {
  display: inline-block;
  text-decoration: none;
  background: #F48400;
  margin: auto;
  padding: 1em 2em;
  color: #333;
  border-radius: 0.5em;
  outline: 0;
  text-align: center;
  transition: .5s all ease-out;
  text-shadow: 0 0 0 rgba(255, 255, 255,0);
  transform: scale(1);
}
#fakeapp a.button:hover {
  text-shadow: 0 0 8px rgba(255, 255, 255,0.5);
  transform: scale(1.02);
}


#fakeapp a.button:active {
  transition: .1s all ease-in;
  text-shadow: 0 0 0px rgba(255, 255, 255,0);
  background-color: rgba(229, 72, 0, 1);
  transform: scale(0.98);
}

#fakeapp a.button .label {
  font-size: 1.8em;
  line-height: 1em;
  white-space: nowrap;
  font-weight: 200;
  color: #FFF;

}

#fakeapp__footer {
  background: #F8F9FA url('../img/logoFooter.png') center/contain no-repeat;
  height: 2em;
}


@media (max-width: 426px) {

  #fakeapp:before {
    top: 37%;
  }

  #fakeapp:after {
    top: 42%;
  }

}

@media (max-width: 360px) {

  #fakeapp__purchase__price__current .value {
    font-size: 3em;
    line-height: 1.33em;
  }

}