.mystery-content {
	width: 100% !important;
	background-size: contain;
}
.scrollmagic-pin-spacer .mystery-content {
	height: 100%;
}

.section {
	position: relative;
	width: 100%;
	font-size: 0px;
	overflow: hidden;
	z-index: 1;
}

/*.mobile .section {
    overflow: visible;
}*/

.mystery-container .section {
	height: 100%;
}

.section.section-long {
	height: auto;
	overflow: visible;
}

.section.section-yellow {
	background-color: #F2DBAF;
}

.section.section-red {
	background-color: #CE614A;
}

.mystery-container .section.mockup {
	z-index: 4;
}

.mystery-container .section.synopsis {
	z-index: 3;
}

.mystery-container .section.reviews {
	z-index: 2;
}

.mystery-container .section.buy {
	z-index: 1;
}

.scrollmagic-pin-spacer .mystery-content .section {
	position: absolute;
	top: 0px;
	height: auto;
}

.section-centered-container {
	display: flex;
	position: relative;
	height: 100%;
	align-items: center;
	justify-content: center;
	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.section-centered {
	display: inline-block;
	/*position: relative;*/
	height: 100%;
}

.interactive {
	cursor: pointer;
}

.animated, .interactive {
	backface-visibility: hidden;	/* add to resolve Chrome blurry 3d acceleration problem */
	transform: scale(1);
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.desktop .animated:hover, .desktop .interactive:hover {
	transform: scale(1.02);
}

.background-container {
	line-height: 0%;
}

.background {
	width: 100%;
}

.mystery-container .background-elements {
	position: initial;
	left: auto;
	top: auto;
	height: calc(100vh - 46px);
}

.mystery-container .icon-glass-container, .mystery-container .icon-gun-container, .mystery-container .icon-pipe-container, .mystery-container .icon-type-container {
	position: absolute;
	top: 87%;
	width: 6%;
	cursor: pointer;
	z-index: 1;
}

.mystery-container .icon-glass, .mystery-container .icon-glass-pressed, .mystery-container .icon-gun, .mystery-container .icon-gun-pressed, .mystery-container .icon-pipe, .mystery-container .icon-pipe-pressed, .mystery-container .icon-type, .mystery-container .icon-type-pressed {
	width: 100%;
}

.mystery-container .icon-glass-pressed, .mystery-container .icon-gun-pressed, .mystery-container .icon-pipe-pressed, .mystery-container .icon-type-pressed {
	display: none !important;
}

.mystery-container .icon-glass-container {
	left: 37%;
}

.mystery-container .icon-gun-container {
	left: 55%;
}

.mystery-container .icon-pipe-container {
	left: 43%;
}

.mystery-container .icon-type-container {
	left: 49%;
}

.mystery-container .icon-glass-container:hover .icon-glass, .mystery-container .icon-glass-container.active .icon-glass, .mystery-container .icon-gun-container:hover .icon-gun, .mystery-container .icon-gun-container.active .icon-gun, .mystery-container .icon-pipe-container:hover .icon-pipe, .mystery-container .icon-pipe-container.active .icon-pipe, .mystery-container .icon-type-container:hover .icon-type, .mystery-container .icon-type-container.active .icon-type {
	display: none !important;
}

.mystery-container .icon-glass-container:hover .icon-glass-pressed, .mystery-container .icon-glass-container.active .icon-glass-pressed, .mystery-container .icon-gun-container:hover .icon-gun-pressed, .mystery-container .icon-gun-container.active .icon-gun-pressed, .mystery-container .icon-pipe-container:hover .icon-pipe-pressed, .mystery-container .icon-pipe-container.active .icon-pipe-pressed, .mystery-container .icon-type-container:hover .icon-type-pressed, .mystery-container .icon-type-container.active .icon-type-pressed {
	display: block !important;
}


.mystery-container .trailer-button-container {
	position: absolute;
	left: 18%;
	top: 35%;
	width: 17%;
	cursor: pointer;
	z-index: 1;
}

.mobile .mystery-container .trailer-button-container {
    position: relative;
    left: auto;
    top: auto;
    width: 80%;
    text-align: center;
    margin-left: 10%;
    margin-top: 5%;
}

.mystery-container .trailer-button, .mystery-container .trailer-button-pressed {
	width: 100%;
}

.mystery-container .trailer-button-pressed {
	display: none !important;
}

.mystery-container .trailer-button-container:hover .trailer-button {
    display: none !important;
}

.mobile .mystery-container .trailer-button-container:hover .trailer-button {
    display: block !important;
}

.mystery-container .trailer-button-container:hover .trailer-button-pressed {
    display: block !important;
}

.mobile .mystery-container .trailer-button-container:hover .trailer-button-pressed {
    display: none !important;
}

.mystery-container .arrow-play {
	position: absolute;
	top: 32%;
	right: 8%;
	width: 5%;
}

.mystery-container .trailer-button-container:hover .arrow-play {
	right: 7%;
}


.mystery-container .envelope-bag-bg {
	position: absolute;
	left: -75%;
	top: 30%;
	width: 58%;
	transform: rotateZ(-10deg);
}

.mystery-container .envelope-bag-back {
	position: absolute;
	left: 0%;
	top: -20%;
	width: 91%;
}

.mystery-container .envelope-bag-front {
	position: absolute;
	left: 0%;
	top: -20%;
	width: 91%;
	z-index: 51;
}


/*TODO: IN BASE A COSA DICE EDU*/
.mystery-container .reviews .arrow-black {
	display: none !important;
}

.mystery-container .reviews .arrow-white {
	display: none !important;
}

.mystery-container .reviews .inspiration {
	position: absolute;
	left: 55%;
	top: 25%;
	width: 33%;
	display: none !important;
}

.mystery-container .reviews .reviews-container {
	position: absolute;
	left: 7%;
	top: 0%;
	width: 31%;
	height: 100%;
}

.mystery-container .reviews .reviews {
	position: absolute;
	left: 0%;
	top: 0%;
	width: 90%;
	height: 100%;
}

.mystery-container .reviews .reviews-scroll {
	position: absolute;
	top: 15%;
	width: 100%;
}

.mystery-container .reviews .reviews.scroll-content {
}

.mystery-container .reviews .review-container {
	position: relative;
	width: 100%;
}

.mystery-container .reviews .review {
	width: 100%;
}

.mystery-container .reviews .review-name-container {
	position: absolute;
	left: 20%;
	top: 10%;
	width: 70%;
	text-decoration: underline;
	text-align: center;
	font-weight: bold;
	font-size: 2vh;
}

.mystery-container .reviews .review-text-container {
	font-size: 2vh;
}

.mystery-container .reviews .review-text-container.scroll-wrapper {
	position: absolute !important;
	left: 22%;
	top: 22%;
	width: 72%;
	height: 50%;
}

.mystery-container .reviews .review-text-container.scroll-content {
}

.mystery-container .reviews .arrow-white-up {
	position: absolute;
	top: 8%;
	right: 0%;
	width: 8%;
	z-index: 1;
}

.mystery-container .reviews .arrow-white-down {
	position: absolute;
	top: 16%;
	right: 0%;
	width: 8%;
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotateZ(180deg);
	z-index: 1;
}

.mystery-container .reviews .spotify-container {
	position: absolute;
	left: 33%;
	top: 34%;
	width: 28%;
	height: 26%;
}

.mystery-container .reviews .spotify-pc {
	position: absolute;
	left: 0%;
	top: 0%;
	width: 100%;
}

.mystery-container .reviews .spotify-mobile {
	position: absolute;
	left: 0%;
	top: 0%;
	width: 100%;
	cursor: pointer;
}

.mystery-container .reviews .spotify-player-container {
	position: absolute;
	left: 32%;
	top: 15%;
	width: 48%;
	height: 57%;
	overflow: hidden;
}

.mystery-container .reviews .spotify-container > iframe {
	width: 100%;
	height: 100%;
}

.mystery-container .reviews .spotify-pc {
	display: none;
}

.mystery-container .reviews .spotify-player-container {
	display: none;
}

.mystery-container .reviews .tumblr-book {
	position: absolute;
	left: 60%;
    top: 3%;
    width: 57%;
}

.mystery-container .reviews .pinterest-album-container {
	position: absolute;
	left: 60%;
	top: 2%;
	width: 61%;
}

.mystery-container .reviews .pinterest-album {
	width: 100%;
}

.mystery-container .reviews .pinterest-failed {
	position: absolute;
	left: 4%;
	top: 4%;
	width: 49%;
}

.mystery-container .reviews .pinterest-button {
	position: absolute;
	left: 8%;
	top: 78%;
	width: 39%;
}

.mystery-container .reviews .pinterest-container {
	position: absolute;
	left: 8%;
	top: 11%;
	width: 39%;
	height: 64%;
	overflow: hidden;
}

.mystery-container .reviews .pinterest-container > * {
	width: 100%;
	height: 100%;
}
/*TODO: IN BASE A COSA DICE EDU*/

.mystery-popup-container {
	display: none;
	position: fixed;
	left: 0%;
	top: 0%;
	right: 0%;
	bottom: 0%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 9;
	cursor: pointer;
}

.mystery-popup-container.opened {
    display: block;
}

.mystery-popup-container .popup-content {
	position: relative;
	margin-top: 8vh;
	margin-bottom: 8vh;
	cursor: initial;
	-webkit-box-shadow: 4vh 4vh 0px 0px #000000;
	box-shadow: 4vh 4vh 0px 0px #000000;
}

.mobile .mystery-popup-container .popup-content {
    margin-top: 0px;
    margin-bottom: 0px;
}

.mystery-popup-container .popup-background-container {
    font-size: 0px !important;
}

/*.mystery-popup-container.purchase-completed-popup-container,
.mystery-popup-container.purchase-canceled-popup-container {
	display: block;
}*/

/*.mobile .mystery-popup-container.purchase-completed-popup-container,
.mobile .mystery-popup-container.purchase-canceled-popup-container {
    display: none;
}*/

/*.mystery-popup-container.download-popup-container,
.mystery-popup-container.downloaded-popup-container {
    display: block;
}*/

/*.mobile .mystery-popup-container.download-popup-container,
.mobile .mystery-popup-container.downloaded-popup-container {
    display: none;
}*/

.mystery-container .buy .mystery-name {
    position: absolute;
    left: 18%;
    top: 3%;
    width: 31%;
    font-size: 1.4vw;
    text-transform: uppercase;
    text-align: center;
}

.mystery-container .buy .pdf-preview {
	position: absolute;
	left: 63%;
	top: 0%;
	width: 10%;
}

.mystery-container .pdf-preview-popup-container {
}

.mystery-container .pdf-preview-popup-container .pdf-preview-popup-content {
}

.mystery-container .pdf-preview-popup-content .background-elements {
	height: calc(100vh - 16vh);
}

.mystery-container .pdf-preview-popup-container .pdf-preview-container {
	position: absolute;
	left: 0%;
	top: 0%;
	width: 100%;
	height: 100%;
}


.mystery-popup-container .purchase-popup-text,
.mystery-popup-container .download-popup-text,
.mystery-popup-container .downloaded-popup-text {
	position: absolute;
	left: 5%;
	top: 10%;
	width: 90%;
	height: 80%;
}


.mobile .mystery-popup-container .purchase-popup-text,
.mobile .mystery-popup-container .download-popup-text,
.mobile .mystery-popup-container .downloaded-popup-text {
    position: relative;
    left: auto;
    top: auto;
    height: auto;
    width: auto;
    padding-left: 5%;
    padding-top: 17%;
    padding-right: 5%;
}

.mystery-popup-container .purchase-popup-title,
.mystery-popup-container .download-popup-title,
.mystery-popup-container .downloaded-popup-title {
	text-align: center;
	font-weight: bold;
	margin: 4% 0%;
	font-size: 10vh;
}

.mobile .mystery-popup-container .mystery-popup-content .purchase-popup-title,
.mobile .mystery-popup-container .mystery-popup-content .download-popup-title,
.mobile .mystery-popup-container .mystery-popup-content .downloaded-popup-title {
    font-size: 9vw;
}

.mystery-popup-container .purchase-popup-bubbles-left,
.mystery-popup-container .purchase-popup-bubbles-right,
.mystery-popup-container .downloaded-popup-bubbles-left,
.mystery-popup-container .downloaded-popup-bubbles-right {
	width: 8%;
	vertical-align: middle;
}

.mystery-popup-container .purchase-popup-subtitle,
.mystery-popup-container .download-popup-subtitle,
.mystery-popup-container .downloaded-popup-subtitle {
	text-align: center;
	font-size: 6vh;
	font-weight: bold;
	font-style: italic;
}

.mystery-popup-container .purchase-popup-image-container,
.mystery-popup-container .download-popup-image-container,
.mystery-popup-container .downloaded-popup-image-container {
	display: block;
	text-align: center;
	margin: 5% 0%;
}

.mobile .mystery-popup-container .purchase-popup-image,
.mobile .mystery-popup-container .download-popup-image,
.mobile .mystery-popup-container .downloaded-popup-image {
    width: 35%;
}

.mobile .mystery-popup-container .purchase-popup-image,
.mobile .mystery-popup-container .download-popup-image,
.mobile .mystery-popup-container .downloaded-popup-image {
    width: 100%;
}

.mystery-popup-container .purchase-popup-description,
.mystery-popup-container .download-popup-description,
.mystery-popup-container .downloaded-popup-description {
    text-align: center;
    font-size: 2vh;
}

.mobile .mystery-popup-container .purchase-popup-description,
.mobile .mystery-popup-container .download-popup-description,
.mobile .mystery-popup-container .downloaded-popup-description {
    margin-bottom: 5%;
    font-size: 3vh;
}


.download-popup-image {
	position: absolute;
	left: 7%;
	top: 7%;
	width: 86%;
	cursor: pointer;
}

.mobile .download-popup-image {
    position: initial;
    top: auto;
    left: auto;
}

.download-popup-sub-image-container {
    display: none;
}

.mobile .download-popup-sub-image-container {
    text-align: center;
    margin-top: 3%;
    margin-bottom: 3%;
}

.download-popup-sub-image {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%);
	width: 8%;
}

.mobile .download-popup-sub-image {
    position: initial;
    top: auto;
    left: auto;
    width: 11%;
    transform: none;
}

.download-popup-description {
	position: absolute;
	left: 20%;
	top: 62%;
	width: 60%;
	text-align: center;
	font-size: 3vh;
}

.mobile .download-popup-description {
    position: initial;
    top: auto;
    left: auto;
    width: auto;
}

.download-popup-description * {
    font-size: 2vh;
}

.mobile .download-popup-description * {
    font-size: 3vh;
}

.download-popup-sub-description {
	position: absolute;
	left: 20%;
	top: 75%;
	width: 60%;
	text-align: center;
	font-size: 2vh;
}

.mobile .download-popup-sub-description {
    position: initial;
    top: auto;
    left: auto;
    width: auto;
}

.download-popup-sub-description * {
    font-size: 2vh;
}


.mystery-container .buy-container {
	position: absolute;
	left: 37%;
	top: 86%;
	width: 27%;
	cursor: pointer;
	z-index: 1;
}

.mobile .mystery-container .buy-container {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    text-align: center;
}

.mystery-container .buy, .mystery-container .buy-pressed {
	width: 100%;
}

.mobile .mystery-container .buy, .mobile .mystery-container .buy-pressed {
    width: 70%;
    margin: 25px 0px;
}

.mystery-container .buy-pressed {
	display: none !important;
}

.mystery-container .buy-container:hover .buy {
	display: none !important;
}

.mobile .mystery-container .buy-container:hover .buy {
    display: inline-block !important;
}

.mystery-container .buy-container:hover .buy-pressed {
    display: inline-block !important;
}

.mobile .mystery-container .buy-container:hover .buy-pressed {
    display: none !important;
}

.mystery-container .price-container {
	position: absolute;
	top: 36%;
	left: 50%;
	width: 40%;
	z-index: 1;
}

.mobile .mystery-container .price-container {
    position: relative;
    top: auto;
    left: -10%;
    width: 120%;
}

.mobile .mystery-container .price-container-error {
    top: 38% !important;
}

.mystery-container .buy-scheme {
	width: 100%;
}

.mystery-container .buy-caption {
	position: absolute;
	left: 23%;
	bottom: 2%;
	width: 51%;
}

.select-participants-container {
	position: absolute;
	left: 7%;
	bottom: 76%;
	width: 84%;
	text-align: center;
	background-color: #ADCCAB;
	border-color: #000000;
	border-width: 2px;
	border-style: solid;
	overflow-y: auto;
	cursor: pointer;
	-webkit-box-shadow: 1vh 1vh 0px 0px #A98E5F;
	box-shadow: 1vh 1vh 0px 0px #A98E5F;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.select-participants-container.active {
}

.mobile .select-participants-container.active {
    bottom: 25%;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

.select-participants-scroll {
}

.select-participants-scroll .scroll-content {
	max-height: 26vh !important;
}

.mobile .select-participants-scroll .scroll-content {
    max-height: 24vh !important;
}

.selected-participants {
	display: block;
	width: 100%;
}

.selected-participants-text {
	display: block;
	width: 100%;
	font-size: 2.2vh;
	padding: 2% 0%;
}

.select-participants-container.active .selected-participants {
	display: none;
}

.selected-participants-arrow-short-black {
	position: absolute;
	top: 40%;
	right: 1%;
	width: 8%;
	cursor: pointer;
}

.select-participants {
	display: none;
}

.select-participants-container.active .select-participants {
	display: block;
}

.participants {
	position: relative;
	padding: 2% 0%;
	font-size: 2.2vh;
}

.participants:hover {
	background-color: #CEE0CD;
}

.participants .participants-left-arrow-short-black, .participants .participants-right-arrow-short-black {
	display: none;
	position: absolute;
	top: 33%;
	width: 8%;
}

.participants.active .participants-left-arrow-short-black, .participants.active .participants-right-arrow-short-black {
	display: inline-block;
}

.participants-left-arrow-short-black {
	left: 3%;
	transform: rotateZ(-90deg);
}

.participants-right-arrow-short-black {
	right: 3%;
	transform: rotateZ(90deg);
}

.each-prices-container {
	position: absolute;
    left: 31%;
    bottom: 0%;
    width: 38%;
}

.each-price {
	display: block;
	position: absolute;
	left: 0%;
	bottom: 0%;
	width: 100%;
	opacity: 0;
   	transform: scale(0);
	-webkit-transition: transform .2s ease-out;
	-moz-transition: transform .2s ease-out;
	-o-transition: transform .2s ease-out;
	-ms-transition: transform .2s ease-out;
	transition: transform .2s ease-out, opacity .2s ease-out;
}

.each-price.active {
	opacity: 1;
	transform: scale(1);
}

.total-prices-container {
	position: absolute;
	left: 32%;
	bottom: 11%;
	width: 36%;
	text-align: center;
	font-size: 3vh;
	text-transform: uppercase;
}

.mobile .total-prices-container {
    bottom: 7%;
}

.total-price {
	font-size: 3.5vh;
	text-shadow: 1px 1px 1px #F2DBAF;
}

.total-price.active {
	display: block;
}

.buy-popup-container {
}

.mobile .mystery-popup-container {
    position: initial;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    -webkit-filter: none;
    filter: none;
}

.mobile .mystery-popup-container .section-centered-container {
    position: initial;
    height: auto;
    height: 100%;
}


.mobile .mystery-popup-container .section-centered {
    position: initial;
    height: auto;
    height: 100%;
}

.buy-popup-container .buy-popup-content {
}

.mobile .mystery-popup-container .mystery-popup-content {
    background-size: contain;
    /*padding-top: 15%;*/
    min-height: 100%;
}

.buy-popup-container .buy-popup-content * {
	font-size: 2vh;
}

.mobile .mystery-popup-container .mystery-popup-content * {
    font-size: 5vw;
}

.buy-popup-container .buy-popup-content-left {
	position: absolute;
	left: 0%;
	top: 0%;
	width: 52%;
	height: 90%;
	padding: 5% 3% 5% 5%;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.mobile .buy-popup-container .buy-popup-content-left {
    position: initial;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
    padding-top: 18%;
    padding-bottom: 0%;
}

.buy-popup-container .buy-popup-content-left::after {
	content: '';
	position: absolute;
	right: 0%;
	top: 10%;
	bottom: 10%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: gray;
}

.mystery-popup-container .background-elements {
	height: calc(100vh - 16vh);
}

.buy-popup-container .buy-popup-intro {
	margin-left: 6%;
	font-size: 2.7vh;
}

.mobile .buy-popup-container .buy-popup-intro {
    margin-left: 0%;
}

.buy-popup-container .buy-popup-content-inset {
	margin: 6%;
}

.mobile .buy-popup-container .buy-popup-content-inset {
    margin: 0%;
}

.buy-popup-container .buy-popup-mystery-participants {
	display: inline-block;
	border-width: 1px;
	border-style: solid;
	text-align: right;
	padding: 1% 5%;
	vertical-align: middle;
}

.buy-popup-container .buy-popup-mystery-participants > div:first-child {
	font-size: 4vh;
	font-weight: bold;
}

.mobile .buy-popup-container .buy-popup-mystery-participants > div:first-child {
    font-size: 8vw;
}

.buy-popup-container .popup-mystery-name {
	width: 24%;
	margin-left: 3%;
	vertical-align: middle;
}

.mobile .buy-popup-container .popup-mystery-name {
    width: 40%;
}

.buy-popup-container .buy-popup-price-table {
	display: table;
	width: 100%;
	margin: 11% 0%;
}

.mobile .buy-popup-container .buy-popup-price-table {
	display: flex;
	flex-direction: column;
}

.buy-popup-container .buy-popup-price-table > div {
	display: table-row;
}

.mobile .buy-popup-container .buy-popup-price-table > div {
    display: flex;
    flex: 1;
}

.buy-popup-container .buy-popup-price-table > div > div {
	display: table-cell;
	border-bottom-width: 1px;
	border-style: solid;
	white-space: nowrap;
}

.mobile .buy-popup-container .buy-popup-price-table > div > div {
    display: block;
    flex: 1;
}

.buy-popup-container .buy-popup-price-table > div > div:first-child {
	border-left-width: 1px;
}

.buy-popup-container .buy-popup-price-table > div > div:last-child {
	border-right-width: 1px;
}

.buy-popup-container .buy-popup-price-table > div:nth-child(1) > div:first-child {
	width: 1%;
	font-size: 3vh;
	padding: 2% 4%;
	border-left-width: 0px;
}

.mobile .buy-popup-container .buy-popup-price-table > div:nth-child(1) > div:first-child {
    width: auto;
}

.buy-popup-container .buy-popup-price-table > div:nth-child(1) > div:last-child {
	padding: 1% 4%;
	text-align: right;
	border-right-width: 0px;
}

.mobile .buy-popup-container .buy-popup-price-table > div:nth-child(1) > div:last-child {
    flex: 3;
}

.buy-popup-container .buy-popup-price-table > div:nth-child(1) > div:last-child input[type="text"]{
	max-width: 18vh;
}

.mobile .buy-popup-container .buy-popup-price-table > div:nth-child(1) > div:last-child input[type="text"] {
    max-width: none;
    width: 90%;
}

.buy-popup-container .buy-popup-price-table > div:nth-child(2) > div {
	padding: 2% 4%;
}

.buy-popup-container .buy-popup-price-table > div:nth-child(3) > div {
	padding: 4% 4%;
	font-size: 3vh;
	font-weight: bold;
}

.buy-popup-container .buy-popup-price-table > div:nth-child(3) > div:nth-child(2) {
	text-align: center;
}

.buy-popup-container .buy-popup-price-table .buy-popup-price-each {
	display: inline-block;
	font-weight: bold;
	margin-bottom: 10%;
}

.buy-popup-container .buy-popup-price-table .buy-popup-discounted {
	display: none;
	font-size: 1.8vh;
	color: #CE614A;
	text-transform: uppercase;
}

.buy-popup-container .buy-popup-price-table .buy-popup-price-total {
	color: #000000;
	font-size: 3vh;
	font-weight: bold;
}

.buy-popup-container .buy-popup-price-table .buy-popup-price-discounted {
	display: none;
	color: #000000;
	font-size: 3vh;
	font-weight: bold;
}

.buy-popup-container .buy-popup-price-table .buy-popup-row-price-total.discounted .buy-popup-discounted {
	display: block;
}

.buy-popup-container .buy-popup-price-table .buy-popup-row-price-total.discounted .buy-popup-price-total-container {
	color: #CE614A;
	text-decoration: line-through;
	border-color: #000000;
}

.buy-popup-container .buy-popup-price-table .buy-popup-row-price-total.discounted .buy-popup-price-discounted {
	display: block;
}

.buy-popup-container .popup-buy-container {
	margin-top: 19%;
	text-align: center;
}

.mobile .buy-popup-container .popup-buy-container {
    margin-top: 10%;
}

.buy-popup-container .popup-buy {
	width: 81%;
	cursor: pointer;
}

.buy-popup-container .buy-popup-accept {
	font-size: 1.5vh;
	margin: 0% 15%;
	text-align: justify;
}

.buy-popup-container .buy-popup-accept * {
	font-size: 1.5vh;
}

.buy-popup-container .open-privacy {
	cursor: pointer;
	text-decoration: underline;
}

.buy-popup-container .open-terms-and-conditions {
	cursor: pointer;
	text-decoration: underline;
}


.buy-popup-container .buy-popup-content-right {
	position: absolute;
	top: 0%;
	right: 0%;
	width: 32%;
	height: 90%;
	padding: 5% 5% 5% 3%;
}

.mobile .buy-popup-container .buy-popup-content-right {
    position: initial;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
    padding-top: 0%;
}

.buy-popup-container .popup-stamp-container {
	margin-bottom: 9%;
	text-align: right;
}

.buy-popup-container .popup-stamp {
	width: 39%;
}

.buy-popup-container .buy-popup-gender {
	font-size: 2.7vh;
}

.buy-popup-container .buy-popup-input {
	margin: 3% 14% 6% 14%;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.mobile .buy-popup-container .buy-popup-input {
    margin: 0% 0% 0% 6%;
}

.buy-popup-container .buy-popup-input .input-container {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.buy-popup-container .buy-popup-input .double-input-container {
    font-size: 0px;
}

.buy-popup-container .buy-popup-input .buy-popup-address-container {
    display: inline-block;
    width: 70%;
}

.buy-popup-container .buy-popup-input .buy-popup-zip-container {
    display: inline-block;
    width: 24%;
    margin-left: 6%;
}

.buy-popup-container .buy-popup-input .buy-popup-city-container {
    display: inline-block;
    width: 47%;
}

.buy-popup-container .buy-popup-input .buy-popup-country-container {
    display: inline-block;
    width: 47%;
    margin-left: 6%;
}

.buy-popup-container .buy-popup-input input[type="text"] {
	width: 100%;
	margin-top: 4%;
	margin-bottom: 1%;
}

.buy-popup-write-email {
	margin: 14% 14% 6% 14%;
	text-align: center;
}

.buy-popup-container .buy-popup-write-email a {
	display: block;
	margin-top: 2%;
	color: #000000;
	font-size: 2.3vh;
	font-weight: bold;
}

.buy-popup-container .buy-popup-coupon.success {
	color: #CE614A;
}

.buy-popup-container .buy-popup-coupon-check-miss {
	width: 10%;
	vertical-align: middle;
}

.buy-popup-container .buy-popup-coupon-check-no {
	display: none;
	width: 10%;
	vertical-align: middle;
}

.buy-popup-container .buy-popup-coupon-check-ok {
	display: none;
	width: 10%;
	vertical-align: middle;
}

.mobile .buy-popup-container .error {
    position: relative !important;
    top: 0px !important;
    left: 0px !important;
}

.pac-container {
}

.pac-item, .pac-item * {
	font-size: 2vh !important;
}

.pac-logo:after {
	background-size: 70%;
}

.buy-popup-container .buy-popup-content-bottom {
	position: absolute;
	bottom: 0%;
	left: 0%;
	width: 100%;
}

.mobile .buy-popup-container .buy-popup-content-bottom {
    position: relative;
    height: auto;
    bottom: auto;
}

.mobile .buy-popup-container .buy-popup-content-bottom .footer-popup-container {
    display: none;
    position: relative;
    height: 200px;
    margin: 0px;
}

.mobile .buy-popup-container .buy-popup-content-bottom .footer-popup-container * {
    font-size: 3vw;
}

.mobile .buy-popup-container .buy-popup-content-bottom .footer-popup-container > div {
    height: 100%;
    padding: 5%;
    overflow-y: scroll;
}

.buy-popup-container .buy-popup-content-bottom .footer-popup-container .scroll-wrapper {
    height: 80%;
}


#wrapper {
	width: 90%;
	margin: 50px auto;
}


/* MOBILE */
.mobile .mystery-container .mystery-mobile-title {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 5vw;
}

.mobile .mystery-container .social-section-mobile .mystery-mobile-title {
    text-align: right;
}

.mobile .mystery-container .mystery-mobile-description {
    color: #FFFFFF;
}

.mobile .mystery-container .social-section-mobile .mystery-mobile-description {
    width: 70%;
    margin-left: 30%;
    font-size: 4.5vw;
    text-align: right;
}

.mobile .mystery-container .poster-mobile-container {
    font-size: 0px;
}

.mobile .mystery-container .poster-mobile {
    width: 100%;
}

.mobile .mystery-container .section-mobile {
    position: relative;
    padding: 7% 5%;
    background-size: 100%;
    overflow: hidden;
}

.mobile .mystery-container .synopsis-section-mobile .synopsis-mobile-title {
    font-weight: bold;
    text-transform: uppercase;
}

.mobile .mystery-container .synopsis-section-mobile .synopsis-mobile-description {
    margin-right: 25%;
}

.mobile .mystery-container .synopsis-section-mobile .synopsis-legend-mobile-container {
    text-align: center;
}

.mobile .mystery-container .synopsis-section-mobile .synopsis-legend-mobile {
    width: 80%;
    margin-top: 7%;
}

.mobile .mystery-container .social-section-mobile .social-list-mobile-container {
    width: 70%;
    margin-top: 5%;
    margin-left: 30%;
    text-align: right;
}

.mobile .mystery-container .social-section-mobile .social-list-element-mobile {
    width: 28%;
    margin: 0% 10%;
}

.mobile .mystery-container .mystery-how-many {
    margin-bottom: 8%;
    margin-top: 5%;
    text-align: center;
}

.mobile .mystery-container .mystery-how-many > b {
    font-weight: bold;
}

.mobile .mystery-container .preview-section-mobile {
    display: flex;
    background-color: #CE614A;
    color: #FFFFFF;
}

.mobile .mystery-container .preview-section-mobile > div:first-child {
    display: flex;
    flex-direction: column;
}

.mobile .mystery-container .preview-section-mobile > div:last-child {
    text-align: center;
}

.mobile .mystery-container .pdf-preview-mobile {
    width: 86%;
    margin-top: -20%;
}

.mobile .mystery-container .insidebox-mobile {
    width: 100%;
}

.mobile .mystery-container .mystery-mobile-insidebox-list {
    
}

.mobile .mystery-container .mystery-mobile-insidebox-list li {
    margin-top: 2%;
    margin-bottom: 0%;
    padding-left: 7%;
}

.mobile .mystery-container .mystery-mobile-insidebox-list li:before {
    content: '~';
    margin-left: -7%;
    margin-right: 2%;
    font-weight: bold;
}

.mobile .mystery-container .mystery-mobile-insidebox-list b {
    font-weight: bold;
}

.mobile .mystery-container .mystery-mobile-insidebox-list br {
    display: none;
}

/* END MOBILE */