@charset "UTF-8";

/*------------------------------------------- generate settings */
*, *::before, *::after {
    box-sizing: border-box;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	/* -webkit-backface-visibility: visible; */
	/* backface-visibility: visible; */
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block; }

html, body, h1, h2, h3, h4, p, div, ul, li, dl, dt, dd, span, header,footer {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html{
    height: 100%;
}
body {
    font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;	
	background-color: #F4F4F4;
	color: #000;
    height: 100%;
    margin: 0;
	padding-bottom: 32px;
}

h1,h2,h3,h4,p,a{
    font-weight:normal;
    color: #000;
}
p {
}
ul {
	list-style: none;
}
a {
	text-decoration: none;
}


#wrap {
	position: relative;
    z-index: 1;
    overflow: hidden;
	top: 81px;
}
@media only screen and (max-width: 654px) {
	#wrap {
		top: 22px;
	}
}

.beige {
	color: #c7a987;
}

@media only screen and (min-width: 760px) {
	.hide-dt {
		display: none !important; 
	}
}

@media only screen and (max-width: 759px) {
	.hide-mob {
		display: none !important; 
	}	
}

.after-clear:after,
section:after {
	content: '';
	display: block;
	clear: both;
}

.u-hide {
  display: none;
}


/*******************************************************************************************************/
/* VIDEOS */
/*******************************************************************************************************/

.videos-layer {
	display: none;
	z-index: 9990;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    background: #0b0b0b;
    background: rgba(0, 0, 0, 1);
    outline: none !important;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.videos-wrap {
    z-index: 9990;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    outline: none !important;
}
.videos-container {
    z-index: 9992;
    position: relative;
	width: 100%;
    max-width: 912px;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    white-space: normal;
    max-height: 100%;
    outline: none !important;
    margin-top: 90px;
}
.videos-iframe-container {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    overflow: hidden;
	border-top: 5px solid black;
	border-bottom: 5px solid black;
	border-left: 10px solid black;
	border-right: 10px solid black;
    pointer-events: auto;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch;
}
.videos-iframe-container .iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	overflow: hidden;	
}
.videos-iframe-container .iframe .LimelightEmbeddedPlayer {
    position: absolute;
	display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.videos-content h3 {
	padding: 15px;
}
.videos-wrap .btnClose {
	position: absolute;
	top: -64px;
	right: 0;
	width: 64px;
	height: 64px;
	background: url(../img/_shared/bg_board.gif) 0 0 / 250px 250px;
	cursor: pointer;
	border: 5px solid black;
}

.no-touchevents .videos-wrap .btnClose:hover {
	background: repeating-linear-gradient( -70deg, #f7ca00, #f7ca00 30px, #409edb 30px, #409edb 60px, #e75b80 60px, #e75b80 90px );
	background-size: 96px 100%;
	animation: btnStripeNavi 1.5s infinite linear;
	cursor: pointer;
}

.limelight-player,
.limelight-player .video-js,
.limelight-player .vjs-poster {
	//background-color:  rgba(255, 255, 255, 0.1) !important;
	background-color:  transparent !important;
}
/*********** STRIPE */

.stripe-divider-container{
	position:relative;
	padding:2rem 0;
	width:100%;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
.stripe-divider-container .stripe{
	top:50%;
	height:4px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.stripe-top,
.stripe{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	background:url("../img/_shared/customization-stripes.svg");
	background-size:1200px 3px;
	height:6px;
	-webkit-animation-name:infiniteStripes;
	animation-name:infiniteStripes;
	-webkit-animation-duration:30s;
	animation-duration:30s;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
}
.stripe.bottom{
	bottom:0;top:inherit;
}
.stripe-top{
	top:0;
	bottom:auto;
}
.striped-thickline{
	width:100%;
	height:6px;
	background:url("../img/_shared/stripe-colors.jpg") repeat-x;
	margin:0.5em 0;
}
.stripe--6{
	height:6px;
}
.stripe--bottom{
	bottom:0;
	top:auto;
}

/*********** STRIPES ANIMATION */
@-webkit-keyframes infiniteStripes{
	from{
	background-position:0
	}
	to{
	background-position:1200px
	}
}
@keyframes infiniteStripes{
	from{
	background-position:0
	}
	to{
	background-position:1200px
	}
}
@-webkit-keyframes btnStripeNavi{
	0%{
	background-position-x:0
	}100%
	{
	background-position-x:96px
	}
}

/*********** NAVI */

#labo-nav-toggler {
	display: none;
}
#labo-nav-toggler:checked+.labo-nav__list{
	height: 263px;
}
@media screen and (min-width: 655px){
	#labo-nav-toggler:checked+.labo-nav__list{
		height:auto;
	}
	.labo-nav.is-sticky .labo-nav__anchor {
		padding-top: 25px;
		padding-bottom: 23px;
	}
	.labo-nav.is-sticky .stripe {
		height: 3px;
	}
}
#labo-nav-toggler:checked ~ .labo-nav__mobile-toggler{
	padding-top:22px;
	padding-bottom:22px;
}
#labo-nav-toggler:checked ~ .labo-nav__mobile-toggler::after{
	-webkit-transform:scaleY(-1);
	transform:scaleY(-1);
}
#labo-nav-toggler:checked ~ .labo-nav__mobile-toggler .labo-nav__label--menu{
	display:none;
}
#labo-nav-toggler:checked ~ .labo-nav__mobile-toggler .labo-nav__label--close{
	display:block;
}
.labo-nav{
	position: absolute;
	background: url(../img/_shared/bg_board.gif) 0 0 / 250px 250px;
	text-align: center;
	width: 100%;
	left: 0;
	-webkit-box-shadow: 0 4px 0 0 rgba(0,0,0,0.08);
	box-shadow: 0 4px 0 0 rgba(0,0,0,0.08);
	opacity: 0;
	z-index: 9980;
}
.labo-nav.is-initialized {
	opacity: 1;
}
@media all and (-ms-high-contrast: none){
	.labo-nav{
		width: 100vw;
	}
}
.labo-nav__list{
	height:0;
	overflow:hidden;
	-webkit-transition:height 0.6s cubic-bezier(0.14, 0.16, 0.12, 1.4);
	transition:height 0.6s cubic-bezier(0.14, 0.16, 0.12, 1.4);
}
@media screen and (min-width: 655px){
	.labo-nav__list{
		height: auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}
.labo-nav__list-item {
	position: relative;
	border-bottom: solid 2px #000;
	overflow: hidden;
}
.labo-nav__list-item.is-active{
	background: white;
}
.labo-nav__list-item.is-active .stripe{
	opacity: 1;
}
.labo-nav__list-item .stripe{
	pointer-events: none;
	-webkit-animation: none;
	animation: none;
	opacity: 0;
}
.no-touchevents .labo-nav__list-item:hover{
	background:white;
}
.no-touchevents .labo-nav__list-item:hover .stripe{
	opacity:1;
	-webkit-animation:infiniteStripes 30s linear infinite;
	animation:infiniteStripes 30s linear infinite;
}

@media screen and (min-width: 655px){
	.labo-nav__list-item{
		border-right:solid 2px #000;
		border-bottom:0;
	}
	.labo-nav__list-item:first-child{
		border-left:solid 2px #000;
	}
}
.labo-nav__anchor{
	text-decoration:none;
	color:#000;
	display:block;
	padding:22px;
	position:relative;
}
@media screen and (min-width: 655px) {
	.labo-nav__anchor{
		padding:37px 20px 30px;
	}
}
@media screen and (min-width: 950px){
	.labo-nav__anchor{
		padding-left:34px;
		padding-right:34px;
	}
}
.labo-nav__label{
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.labo-nav__label--tabletup,
.labo-nav__logo{
	display:none;
}
.labo-nav__label--tabletup{
	display:none;
}
@media screen and (min-width: 655px) {
	.labo-nav__label--tabletup{
		display: block;
	}
}
@media screen and (min-width: 655px){
	.labo-nav__label--mobile {
		display: none;
	}
}
.labo-nav__mobile-toggler{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	padding:12px 20px;
}
.labo-nav__mobile-toggler::after{
	content:'';
	background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNOS4zMjYgMTEuNzk4TDE4LjQ0NC43MmwzLjAxMi4wNS0uMDUgMi45MTMtOS4xMTcgMTEuMDc4SDkuMzI2eiIvPjxwYXRoIGQ9Ik0zLjE3MS43Mmw5LjExOCAxMS4wNzgtLjA1IDMuMDEyLTIuOTEzLS4wNDlMLjIwOCAzLjY4M1YuNzJ6Ii8+PC9nPjwvc3ZnPg==") center center/contain no-repeat;
	width:22px;
	height:17px;
	display:block;
	margin-left:5px;
}
.labo-nav__mobile-toggler img{
margin:0;
}
@media screen and (min-width: 655px){
	.labo-nav__mobile-toggler {
		display:none;
	}
}
.labo-nav__label--close{
	display:none;
}

/*------------------------------------------------------- header */
header {
	position: relative;
	width: calc( 100vw - 78px );
	max-width: 1280px;
	margin: 39px auto;
}

.page-make header,
.page-play header,
.page-play_bike header,
.page-play_fishing header,
.page-play_house header,
.page-play_house header,
.page-play_piano header,
.page-play_rc-car header,
.page-play_robot header,
.page-play_vehicle header,
.page-discover header,
.page-invent header,
.page-customise header,
.page-faq header {
    margin: 0;
	width: inherit;
}

@media screen and (max-width: 980px) {
	header {
		width: calc( 100vw - 40px );
	}
}

header h1 {
	width: 80px;
	height: 80px;
	position: absolute;
	top: -10px;
	right: -10px;
	z-index: 99;
}

header h1 img {
	width: 100%;
  height: 100%;
}

header h1 a {
	width: 100%;
	height: 100%;
	display: block;
	background-size: contain;
	overflow: hidden;
}

@media screen and (max-width: 980px) {
	header h1{
		width: 60px;
		height: 60px;
		top: -8px;
		right: -8px;
	}
	.page-make header h1,
	.page-play header h1,
	.page-play_bike header h1,
	.page-play_fishing header h1,
	.page-play_house header h1,
	.page-play_piano header h1,
	.page-play_rc-car header h1,
	.page-play_robot header h1,
	.page-play_vehicle header h1,
	.page-discover header h1 {
		top: -10px;
		right: -10px;
	}
}

@media screen and (max-width: 759px) {
	header h1{
		width: 50px;
		height: 50px;
	}
	.page-make header h1,
	.page-play header h1,
	.page-play_bike header h1,
	.page-play_fishing header h1,
	.page-play_house header h1,
	.page-play_piano header h1,
	.page-play_rc-car header h1,
	.page-play_robot header h1,
	.page-play_vehicle header h1,
	.page-discover header h1 {
		top: -10px;
		right: -10px;
	}
}


/*------------------------------------------------------- stripe */


.stripeLoop {
  background: repeating-linear-gradient( -70deg, #f7ca00, #f7ca00 30px, #409edb 30px, #409edb 60px, #e75b80 60px, #e75b80 90px );
  background-size: 96px 100%;
  animation: btnStripeNavi 1.5s infinite linear;
}
.no-touchevents a.stripe:hover {
  background: repeating-linear-gradient( -70deg, #f7ca00, #f7ca00 30px, #409edb 30px, #409edb 60px, #e75b80 60px, #e75b80 90px );
  background-size: 96px 100%;
  animation: btnStripeNavi 1.5s infinite linear;
}
@keyframes btnStripeNavi {
    0% {  background-position-x: 0;  }
  100% {  background-position-x: 96px;  }
}

/* ==========================================================================
   KEY FRAME ANIME
   ======================================================================= */
@keyframes btnStripe77 {
    0% {  background-position-x: 0;  }
  100% {  background-position-x: 77px;  }
}
@keyframes btnStripe78 {
    0% {  background-position-x: 0;  }
  100% {  background-position-x: 78px;  }
}
@keyframes btnStripe98 {
    0% {  background-position-x: 0;  }
  100% {  background-position-x: 98px;  }
}
@keyframes btnStripe118 {
    0% {  background-position-x: 0;  }
  100% {  background-position-x: 118px;  }
}
@keyframes btnStripe121 {
    0% {  background-position-x: 0;  }
  100% {  background-position-x: 121px;  }
}
@keyframes btnStripe288 {
    0% {  background-position-x: 0;  }
  100% {  background-position-x: 288px;  }
}

@keyframes icon1 {
  0% { transform:scale(1) translateY(0) translateX(0); }
  25% { transform:scale(1.02) translateY(4px) translateX(0px); }
  50% { transform: translateX(1px); }
  100% { transform:scale(1)  translateY(0)  translateX(0); }
}

@keyframes icon2 {
  0% { transform:scale(1) translateY(0) translateX(0); }
  25% { transform:scale(1.01) translateY(3px) translateX(0px); }
  50% { transform: translateX(1px); }
  100% { transform:scale(1)  translateY(0)  translateX(0); }
}

@keyframes icon3 {
  0% { transform:scale(1) translateY(0) translateX(0); }
  25% { transform:scale(1.02) translateY(4px) translateX(0px); }
  50% { transform: translateX(-1px); }
  100% { transform:scale(1)  translateY(0)  translateX(0); }
}

@keyframes top-arrow {
  0% { transform:scale(1) translateY(0); }
  25% { transform:scale(1.02) translateY(-4px); }
  100% { transform:scale(1)  translateY(0); }
}

@keyframes left-arrow {
  0% { transform:scale(1) translateX(0); }
  25% { transform:scale(1.02) translateX(-4px); }
  100% { transform:scale(1)  translateX(0); }
}
@keyframes right-arrow {
  0% { transform:scale(1) translateX(0); }
  25% { transform:scale(1.02) translateX(4px); }
  100% { transform:scale(1)  translateX(0); }
}

@keyframes bound {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  1.388889% {
    -webkit-transform: matrix3d(1.05412, 0, 0, 0, 0, 1.06887, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05412, 0, 0, 0, 0, 1.06887, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  2.777778% {
    -webkit-transform: matrix3d(1.09288, 0, 0, 0, 0, 1.11451, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.09288, 0, 0, 0, 0, 1.11451, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  4.166667% {
    -webkit-transform: matrix3d(1.1156, 0, 0, 0, 0, 1.13462, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.1156, 0, 0, 0, 0, 1.13462, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  5.555556% {
    -webkit-transform: matrix3d(1.12321, 0, 0, 0, 0, 1.13112, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.12321, 0, 0, 0, 0, 1.13112, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  6.944444% {
    -webkit-transform: matrix3d(1.11787, 0, 0, 0, 0, 1.109, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.11787, 0, 0, 0, 0, 1.109, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  8.333333% {
    -webkit-transform: matrix3d(1.10255, 0, 0, 0, 0, 1.07507, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.10255, 0, 0, 0, 0, 1.07507, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  9.722222% {
    -webkit-transform: matrix3d(1.08057, 0, 0, 0, 0, 1.03656, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.08057, 0, 0, 0, 0, 1.03656, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  11.111111% {
    -webkit-transform: matrix3d(1.05525, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05525, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  12.5% {
    -webkit-transform: matrix3d(1.0296, 0, 0, 0, 0, 0.9704, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.0296, 0, 0, 0, 0, 0.9704, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  13.888889% {
    -webkit-transform: matrix3d(1.00607, 0, 0, 0, 0, 0.95079, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00607, 0, 0, 0, 0, 0.95079, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  15.277778% {
    -webkit-transform: matrix3d(0.98644, 0, 0, 0, 0, 0.94214, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.98644, 0, 0, 0, 0, 0.94214, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  16.666667% {
    -webkit-transform: matrix3d(0.97182, 0, 0, 0, 0, 0.94365, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.97182, 0, 0, 0, 0, 0.94365, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  18.055556% {
    -webkit-transform: matrix3d(0.96261, 0, 0, 0, 0, 0.95315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.96261, 0, 0, 0, 0, 0.95315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  19.444444% {
    -webkit-transform: matrix3d(0.95865, 0, 0, 0, 0, 0.96774, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.95865, 0, 0, 0, 0, 0.96774, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  20.833333% {
    -webkit-transform: matrix3d(0.95929, 0, 0, 0, 0, 0.98429, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.95929, 0, 0, 0, 0, 0.98429, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  22.222222% {
    -webkit-transform: matrix3d(0.96362, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.96362, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  23.611111% {
    -webkit-transform: matrix3d(0.97051, 0, 0, 0, 0, 1.01272, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.97051, 0, 0, 0, 0, 1.01272, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  25% {
    -webkit-transform: matrix3d(0.97885, 0, 0, 0, 0, 1.02115, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.97885, 0, 0, 0, 0, 1.02115, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  26.388889% {
    -webkit-transform: matrix3d(0.98757, 0, 0, 0, 0, 1.02487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.98757, 0, 0, 0, 0, 1.02487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  27.777778% {
    -webkit-transform: matrix3d(0.99579, 0, 0, 0, 0, 1.02422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99579, 0, 0, 0, 0, 1.02422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  29.166667% {
    -webkit-transform: matrix3d(1.00284, 0, 0, 0, 0, 1.02014, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00284, 0, 0, 0, 0, 1.02014, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  30.555556% {
    -webkit-transform: matrix3d(1.00829, 0, 0, 0, 0, 1.01387, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00829, 0, 0, 0, 0, 1.01387, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  31.944444% {
    -webkit-transform: matrix3d(1.01192, 0, 0, 0, 0, 1.00675, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01192, 0, 0, 0, 0, 1.00675, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33.333333% {
    -webkit-transform: matrix3d(1.01375, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01375, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  34.722222% {
    -webkit-transform: matrix3d(1.01395, 0, 0, 0, 0, 0.99453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01395, 0, 0, 0, 0, 0.99453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  36.111111% {
    -webkit-transform: matrix3d(1.01281, 0, 0, 0, 0, 0.99091, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01281, 0, 0, 0, 0, 0.99091, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  37.5% {
    -webkit-transform: matrix3d(1.01069, 0, 0, 0, 0, 0.98931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01069, 0, 0, 0, 0, 0.98931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  38.888889% {
    -webkit-transform: matrix3d(1.00797, 0, 0, 0, 0, 0.98959, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00797, 0, 0, 0, 0, 0.98959, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  40.277778% {
    -webkit-transform: matrix3d(1.00503, 0, 0, 0, 0, 0.99135, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00503, 0, 0, 0, 0, 0.99135, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  41.666667% {
    -webkit-transform: matrix3d(1.00218, 0, 0, 0, 0, 0.99404, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00218, 0, 0, 0, 0, 0.99404, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  43.055556% {
    -webkit-transform: matrix3d(0.99967, 0, 0, 0, 0, 0.9971, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99967, 0, 0, 0, 0, 0.9971, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  44.444444% {
    -webkit-transform: matrix3d(0.99767, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99767, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  45.833333% {
    -webkit-transform: matrix3d(0.99626, 0, 0, 0, 0, 1.00235, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99626, 0, 0, 0, 0, 1.00235, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  47.222222% {
    -webkit-transform: matrix3d(0.99547, 0, 0, 0, 0, 1.00391, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99547, 0, 0, 0, 0, 1.00391, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  48.611111% {
    -webkit-transform: matrix3d(0.99526, 0, 0, 0, 0, 1.00459, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99526, 0, 0, 0, 0, 1.00459, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  50% {
    -webkit-transform: matrix3d(0.99553, 0, 0, 0, 0, 1.00447, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99553, 0, 0, 0, 0, 1.00447, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  51.388889% {
    -webkit-transform: matrix3d(0.99616, 0, 0, 0, 0, 1.00372, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99616, 0, 0, 0, 0, 1.00372, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  52.777778% {
    -webkit-transform: matrix3d(0.99703, 0, 0, 0, 0, 1.00256, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99703, 0, 0, 0, 0, 1.00256, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  54.166667% {
    -webkit-transform: matrix3d(0.99802, 0, 0, 0, 0, 1.00125, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99802, 0, 0, 0, 0, 1.00125, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  55.555556% {
    -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  56.944444% {
    -webkit-transform: matrix3d(0.99988, 0, 0, 0, 0, 0.99899, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99988, 0, 0, 0, 0, 0.99899, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  58.333333% {
    -webkit-transform: matrix3d(1.00061, 0, 0, 0, 0, 0.99832, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00061, 0, 0, 0, 0, 0.99832, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  59.722222% {
    -webkit-transform: matrix3d(1.00115, 0, 0, 0, 0, 0.99803, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00115, 0, 0, 0, 0, 0.99803, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  61.111111% {
    -webkit-transform: matrix3d(1.00147, 0, 0, 0, 0, 0.99808, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00147, 0, 0, 0, 0, 0.99808, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  62.5% {
    -webkit-transform: matrix3d(1.0016, 0, 0, 0, 0, 0.9984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.0016, 0, 0, 0, 0, 0.9984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  63.888889% {
    -webkit-transform: matrix3d(1.00155, 0, 0, 0, 0, 0.9989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00155, 0, 0, 0, 0, 0.9989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  65.277778% {
    -webkit-transform: matrix3d(1.00137, 0, 0, 0, 0, 0.99946, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00137, 0, 0, 0, 0, 0.99946, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  66.666667% {
    -webkit-transform: matrix3d(1.00109, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00109, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  68.055556% {
    -webkit-transform: matrix3d(1.00077, 0, 0, 0, 0, 1.00043, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00077, 0, 0, 0, 0, 1.00043, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  69.444444% {
    -webkit-transform: matrix3d(1.00043, 0, 0, 0, 0, 1.00072, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00043, 0, 0, 0, 0, 1.00072, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  70.833333% {
    -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00085, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00085, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  72.222222% {
    -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1.00083, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99986, 0, 0, 0, 0, 1.00083, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  73.611111% {
    -webkit-transform: matrix3d(0.99966, 0, 0, 0, 0, 1.00069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99966, 0, 0, 0, 0, 1.00069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  75% {
    -webkit-transform: matrix3d(0.99953, 0, 0, 0, 0, 1.00047, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99953, 0, 0, 0, 0, 1.00047, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  76.388889% {
    -webkit-transform: matrix3d(0.99947, 0, 0, 0, 0, 1.00023, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99947, 0, 0, 0, 0, 1.00023, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  77.777778% {
    -webkit-transform: matrix3d(0.99947, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99947, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  79.166667% {
    -webkit-transform: matrix3d(0.99952, 0, 0, 0, 0, 0.99981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99952, 0, 0, 0, 0, 0.99981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  80.555556% {
    -webkit-transform: matrix3d(0.9996, 0, 0, 0, 0, 0.99969, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.9996, 0, 0, 0, 0, 0.99969, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  81.944444% {
    -webkit-transform: matrix3d(0.99971, 0, 0, 0, 0, 0.99964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99971, 0, 0, 0, 0, 0.99964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  83.333333% {
    -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  84.722222% {
    -webkit-transform: matrix3d(0.99993, 0, 0, 0, 0, 0.9997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99993, 0, 0, 0, 0, 0.9997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  86.111111% {
    -webkit-transform: matrix3d(1.00003, 0, 0, 0, 0, 0.9998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00003, 0, 0, 0, 0, 0.9998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  87.5% {
    -webkit-transform: matrix3d(1.0001, 0, 0, 0, 0, 0.9999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.0001, 0, 0, 0, 0, 0.9999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  88.888889% {
    -webkit-transform: matrix3d(1.00015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  90.277778% {
    -webkit-transform: matrix3d(1.00018, 0, 0, 0, 0, 1.00008, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00018, 0, 0, 0, 0, 1.00008, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  91.666667% {
    -webkit-transform: matrix3d(1.00018, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00018, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  93.055556% {
    -webkit-transform: matrix3d(1.00017, 0, 0, 0, 0, 1.00016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00017, 0, 0, 0, 0, 1.00016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  94.444444% {
    -webkit-transform: matrix3d(1.00014, 0, 0, 0, 0, 1.00015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00014, 0, 0, 0, 0, 1.00015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  95.833333% {
    -webkit-transform: matrix3d(1.00011, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00011, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  97.222222% {
    -webkit-transform: matrix3d(1.00007, 0, 0, 0, 0, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00007, 0, 0, 0, 0, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  98.611111% {
    -webkit-transform: matrix3d(1.00003, 0, 0, 0, 0, 1.00004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00003, 0, 0, 0, 0, 1.00004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}

/*------------------------------------------------------- content */

#container {
}

@media all and (min-width: 760px){
	.page-main-container {
		//padding: 32px 32px 0 32px;
		width: calc( 100vw - 40px );
		margin: 32px auto 0;
		max-width: 1280px;
		background: #fff;
	}
	.page-main-content{
		border:#000 10px solid;
		-webkit-box-flex: 1;
			-ms-flex: 1 0 0%;
				flex: 1 0 0%;
		//margin-right: 12px;
	}
}

@media all and (max-width: 759px){
  .page-main-container{
    margin: 32px 10px 0 10px;
	background: #fff;
  }
  .page-main-content{
    border:#000 10px solid;
    position: relative;
  }
}

@media all and (min-width: 980px){
  .page-main-container{
	width: calc( 100vw - 78px );
	max-width: 1280px;
	margin: 32px auto 0;
	background: #fff;
  }
  .page-main-container__body{
    display:-ms-flexbox;
    display:-webkit-box;
    display:flex;
    -ms-flex-line-pack:stretch;
    align-content:stretch;
  }
  .page-main-content{
    border:#000 10px solid;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    //margin-right: 12px;
  }
}

.u-ir {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0px;
    line-height: 0px;
    display: block;
}

nav {
	margin:0 auto;
	width: calc( 100vw - 78px );
  max-width: 1280px;
}

@media screen and (max-width: 980px) {
  nav {
		width: calc( 100vw - 40px );
  }
}

@media screen and (max-width: 759px) {
  nav {
		margin: 0 auto;
		width: calc( 100vw - 20px );
  }
}

/* old version */

/* nav #youtube { */
	/* margin-top: 1.4%; */
	/* width: 100%; */
	/* background: black; */
/* } */
/* nav #youtube a {	 */
	/* width: 100%; */
	/* height: 100%; */
	/* display: block; */
	/* background: black; */
/* } */
/* nav #youtube img { */
	/* display: block; */
	/* margin: 0 auto; */
	/* width: 41%; */
	/* color: black; */
/* } */

nav #youtube {
	display: flex;
	position: relative;
	margin-top: 1.4%;
	width: 100%;
	background: black;
}
nav #youtube a {
	display: flex;	
	width: 100%;
	height: 100%;
	background: black;
	align-items: center;
}

nav #youtube a .text {
	width: 100%;
}

nav #youtube .text img {
	display: block;
	margin: 0 auto;
	width: 41%;
	color: black;
}

nav #youtube a .arrow {
	width: 4.5%;
    margin-right: 26px;
}

nav #youtube a .arrow img {
	width: 100%;
}

.no-touchevents nav #youtube a:hover {
	background: repeating-linear-gradient( -70deg, #f7ca00, #f7ca00 30px, #409edb 30px, #409edb 60px, #e75b80 60px, #e75b80 90px );
	background-size: 96px 100%;
	animation: btnStripeNavi 1.5s infinite linear;
}

/* old */
/* @media screen and (max-width: 759px) { */
	/* nav #youtube img {	 */
		/* width: 60%; */
	/* } */
	/* .no-touchevents nav #youtube a:hover { */
	/* //	background: black; */
	/* } */
/* } */

@media screen and (max-width: 759px) {
	nav #youtube .text img {	
		width: 80%;
	}
	nav #youtube a .arrow {
		width: 8.5%;
	}
	.no-touchevents nav #youtube a:hover {
	//	background: black;
	}
}
nav ul {
	line-height: 0.01em;
}
nav ul#navi {
	margin-top: 1.4%;
	display: flex;
	justify-content: space-between;
}

@media screen and (max-width: 759px) {
  nav ul#navi {
		flex-wrap: wrap;
  }
}

nav ul#navi li {
	padding: 0;
	background: #000;
	overflow: hidden;
}

nav ul#navi li:nth-child(1) {
	width: 33.3%;
	margin-right: 4px;
}

nav ul#navi li:nth-child(2) {
	width: 33.4%;
}

nav ul#navi li:nth-child(3) {
	width: 33.3%;
	margin-left: 4px;
}

.en_AU nav ul#navi li,
.en_ZA nav ul#navi li,
.fr_CH nav ul#navi li,
.ru_RU nav ul#navi li,
.pt_PT nav ul#navi li,
.it_CH nav ul#navi li,
.it_IT nav ul#navi li {
	width: 100%;
}

@media screen and (max-width: 759px) {
	nav ul#navi li:nth-child(1) {
		width: 100%;
		margin-top: 5px;
		margin-right: 0;
		order: 3;
	}

	nav ul#navi li:nth-child(2) {
		width: calc( 50% - 2.5px );
		margin-right: 2.5px;
		order: 1;
	}

	nav ul#navi li:nth-child(3) {
		width: calc( 50% - 2.5px );
		margin-left: 2.5px;
		order: 2;
	}
	.en_AU nav ul#navi li,
	.en_ZA nav ul#navi li,
	.fr_CH nav ul#navi li,
	.ru_RU nav ul#navi li,
	.pt_PT nav ul#navi li,
	.it_CH nav ul#navi li,
	.it_IT nav ul#navi li {
		width: 100%;
		margin-right: 0;
		margin-top: 0px;
		margin-bottom: 5px;
	}
}

nav ul#navi li a {
	width: 100%;
	height: 100%;
//	max-height: 80px;
	display: block;
}

nav ul#navi li a img {
	width: 100%;
	height: auto;
}

.no-touchevents nav ul#navi li a img:hover {
	filter: invert(100%);
}​

nav ul#navi li.prevent img {
	filter: invert(100%);
}
nav ul#navi li.invert img {
	filter: invert(100%);
}

nav ul#navi li.prevent,
.no-touchevents nav ul#navi li a:hover {
	background: repeating-linear-gradient( -70deg, #f7ca00, #f7ca00 30px, #409edb 30px, #409edb 60px, #e75b80 60px, #e75b80 90px );
  background-size: 96px 100%;
  animation: btnStripeNavi 1.5s infinite linear;
}
nav ul#navi li.prevent a {
	pointer-events: none;
	cursor: default;
}


/* INVENT CUSTOMISE *************************************************************/

nav #extranavi {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 1.4%;
}

nav #extranavi a {
	display: block;	
	background-color: black;
	background-image: url(../img/_shared/extranavi-invent_line.png);
    background-repeat: repeat-x;
    background-position: 10% 91%;
	width: calc( 50% - 2px );
	padding: 0;
	margin: 0;	
	cursor: pointer;
	box-sizing: border-box;	
	position: relative;
	height: auto;
}

nav #extranavi a#btn_customise {
	background-image: url(../img/_shared/extranavi-customise_line.png);
}
nav #extranavi a .bgstripes {
	display: block;
	width: 100%;
	height: 72%;
}
/* nav #extranavi a h2 { */
	/* text-transform: uppercase; */
    /* text-align: center; */
	/* font-family: 'Teko', sans-serif; */
	/* color: white; */
	/* font-size: 48px; */
    /* font-weight: 700; */
	/* letter-spacing: 0.1em; */
	/* padding-bottom: 3%; */
	/* width: 89.5%; */
    /* padding-top: 1.5%; */
/* } */

nav #extranavi #btn_customise h2 {
	width: 50%;
    height: 100%;
    margin: 0 auto;
    padding: 10% 0 6%;
    background: url(../img/_shared/nav_customise.svg) no-repeat 0 37%;
}

nav #extranavi #btn_invent h2 {
	width: 50%;
    height: 100%;
    margin: 0 auto;
    padding: 10% 0 6%;
    background: url(../img/_shared/nav_invent.svg) no-repeat 0 37%;
}

nav #extranavi a h2:after {
    content: '';
    position: absolute;
    background: url(../img/_shared/arrow-nav_white.svg) 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    width: 54px;
    height: 54px;
    margin-top: -8%;
    right: 5%;
}

nav #extranavi a.prevent .bgstripes,
.no-touchevents nav #extranavi a:hover .bgstripes {
	background: repeating-linear-gradient( -70deg, #f7ca00, #f7ca00 29px, #409edb 29px, #409edb 58px, #e75b80 58px, #e75b80 89px );
	background-size: 96px 100%;
	animation: btnStripeNavi 1.5s infinite linear;
}

nav #extranavi a.prevent h2,
.no-touchevents nav #extranavi #btn_invent:hover h2,
nav #extranavi #btn_invent.active h2 {
	background: url(../img/_shared/nav_invent_rollover.svg) no-repeat 0 37%;
}
nav #extranavi a.prevent h2,
.no-touchevents nav #extranavi #btn_customise:hover h2,
nav #extranavi #btn_customise.active h2 {
	background: url(../img/_shared/nav_customise_rollover.svg) no-repeat 0 37%;
}
nav #extranavi a.prevent h2:after ,
.no-touchevents nav #extranavi a:hover h2:after{
	background: url(../img/_shared/arrow-nav_black.svg) 50% 50% no-repeat;
}

nav #extranavi a.prevent {
	pointer-events: none;
	cursor: default;
}

@media screen and (max-width: 1280px) {
	nav #extranavi a h2 {	
		font-size: 3.7vw;
	}
	nav #extranavi a h2:after {
		height: 50%;
	}
}
@media screen and (max-width: 1080px) {
	nav #extranavi a .bgstripes {
		height: 67%;
	}
	nav #extranavi #btn_customise h2,
	nav #extranavi #btn_invent h2 {
		padding-bottom: 4%;
	}
}
@media screen and (max-width: 759px) {
	nav #extranavi {
		justify-content: center;
		align-items: normal;
		flex-wrap: wrap;
		margin-top: 0px;
	}
	nav #extranavi a {
		width: 100%
	}
	nav #extranavi a .bgstripes {
		height: 72%;
	}
	nav #extranavi #btn_invent {
		margin-top: 14px;
		margin-bottom: 5px;
	}
	nav #extranavi #btn_customise h2,
	nav #extranavi #btn_invent h2 {
		padding-bottom: 7%;
	}
	nav #extranavi a h2:after {
		height: 36%;
		width: 16%;
		right: 7%;
		margin-top: -6%;
	}
}
@media screen and (max-width: 450px) {
	nav #extranavi a .bgstripes {
		height: 75%;
	}
}

/* FAQ VIDEOS *************************************************************/


nav #extranavi_2 {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 14px;
}
@media screen and (max-width: 759px) {
	nav #extranavi_2 {
		display: block;
	}
}

/******************* FAQ *******************/

nav #extranavi_2 .btn-faq {
    position: relative;
	display: block;
    background-color: #000;
	background-image: url(../img/_shared/faq_pattern_off.png);
	border: 10px solid #000;
	width: calc( 66.5% - 2px );
    height: 100%;
    padding: 0;
    margin: 0;
    cursor: pointer;
    box-sizing: border-box;
}

nav #extranavi_2 .btn-faq h2 {
    font-family: 'Teko', sans-serif;
    font-size: 48px;
    font-weight: 700;
	line-height: 1em;
    letter-spacing: 0.05em;
    color: #fff;
	text-transform: uppercase;
    text-align: center;
    padding-top: 1.4%;
	width: 80%;
    margin-left: 13%;
}

nav #extranavi_2 .btn-faq h2:before {
    content: '';
    position: absolute;
    background: url(../img/_shared/faq_speechbubble_white.svg) 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    width: 71px;
    height: 54px;
	margin-top: -1%;
    left: 2%;
}
nav #extranavi_2 .btn-faq h2:after {
    content: '';
    position: absolute;
    background: url(../img/_shared/top_gnav_arrow_white.svg) 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    width: 23px;
    height: 23px;
    margin-top: 1%;
    right: 3%;
}


nav #extranavi_2 .btn-faq.prevent,
.no-touchevents nav #extranavi_2 .btn-faq:hover {
    background-color: #fff;
	background-image: url(../img/_shared/faq_pattern_on.png);
}

nav #extranavi_2 .btn-faq.prevent h2,
.no-touchevents nav #extranavi_2 .btn-faq:hover h2 {
    color: #000;
    padding-top: -1%;
}

nav #extranavi_2 .btn-faq.prevent h2:before,
.no-touchevents nav #extranavi_2 .btn-faq:hover h2:before {
    background: url(../img/_shared/faq_speechbubble_white.svg) 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}
nav #extranavi_2 .btn-faq.prevent h2:after,
.no-touchevents nav #extranavi_2 .btn-faq:hover h2:after {
    background: url(../img/_shared/top_gnav_arrow_black.svg) 50% 50% no-repeat;
}
nav #extranavi_2 .btn-faq.prevent {
	pointer-events: none;
	cursor: default;
}

@media screen and (max-width: 1350px) {
	nav #extranavi_2 .btn-faq h2 {	
		font-size: 3.6vw;
		padding-top: 1.3%;	
	}
	nav #extranavi_2 .btn-faq h2:before {
		height: 90%;
		width: 8%;
	}
	nav #extranavi_2 .btn-faq h2:after {
		height: 47%;
		margin-top: 0.7%;
	}
}
@media screen and (max-width: 759px) {
	nav #extranavi_2 .btn-faq {
		width: 100%;
		margin-bottom: 5px;
	}
	nav #extranavi_2 .btn-faq h2 {	
		font-size: 7.6vw;
		padding-top: 1.3%;
		width: 78%;
		margin-left: 14.5%;
	}
	nav #extranavi_2 .btn-faq h2:before {
		width: 13%;
	}
	nav #extranavi_2 .btn-faq h2:after {
		margin-top: 1.5%;
	}
}

/******************* VIDEOS *******************/

nav #extranavi_2 .btn-video {
    position: relative;
	display: block;
    background-color: #000;
	width: calc( 33.5% - 2px );
    height: auto;
    padding: 0;
    margin: 0;
    cursor: pointer;
    box-sizing: border-box;
}

nav #extranavi_2 .btn-video h2 {
	font-family: 'Teko', sans-serif;
    font-size: 48px;
    font-weight: 700;
    letter-spacing: 0.05em;
	line-height: 1em;
    color: #fff;
	text-transform: uppercase;
    text-align: center;
	width: 80.5%;
	margin-left: 11.5%;
    padding-top: 2.5%;
}

nav #extranavi_2 .btn-video h2:before {
    content: '';
    position: absolute;
    background: url(../img/_shared/btn_videos_camera_white.svg) 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    width: 35px;
    height: 39px;
    margin-top: 0%;
    left: 5%;
}
nav #extranavi_2 .btn-video h2:after {
    content: '';
    position: absolute;
    background: url(../img/_shared/top_gnav_arrow_white.svg) 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    width: 23px;
    height: 23px;
    margin-top: 2.2%;
    right: 5%;
}

nav #extranavi_2 .btn-video .bgstripes {
    display: block;
    width: 100%;
	height: 100%;
	padding: 10px;
}
nav #extranavi_2 .btn-video.prevent .bgstripes,
.no-touchevents nav #extranavi_2 .btn-video .bgstripes:hover {
	background: repeating-linear-gradient( -70deg, #f7ca00, #f7ca00 30px, #409edb 30px, #409edb 60px, #e75b80 60px, #e75b80 90px );
	background-size: 96px 100%;
	animation: btnStripeNavi 1.5s infinite linear;
}

nav #extranavi_2 .btn-video.prevent h2,
.no-touchevents nav #extranavi_2 .btn-video:hover h2 {
	color: black;
}
nav #extranavi_2 .btn-video.prevent h2:before,
.no-touchevents nav #extranavi_2 .btn-video:hover h2:before {
	background: url(../img/_shared/btn_videos_camera_black.svg) 50% 50% no-repeat;
}
nav #extranavi_2 .btn-video.prevent h2:after,
.no-touchevents nav #extranavi_2 .btn-video:hover h2:after {
	background: url(../img/_shared/top_gnav_arrow_black.svg) 50% 50% no-repeat;
}
nav #extranavi_2 .btn-video.prevent {
	pointer-events: none;
	cursor: default;
}

@media screen and (max-width: 1350px) {
	nav #extranavi_2 .btn-video h2 {	
		font-size: 3.6vw;
		padding-top: 2.7%;
	}
	nav #extranavi_2 .btn-video h2:before {
		height: 50%;
		width: 10%;
		margin-top: -0.5%;
	}
	nav #extranavi_2 .btn-video h2:after {
		height: 33%;
		margin-top: 1.5%;
	}
}
@media screen and (max-width: 759px) {
	nav #extranavi_2 .btn-video {
		width: 100%;
	}
	nav #extranavi_2 .btn-video h2 {	
		font-size: 7.6vw;
		margin-left: 8.8%;
		padding-top: 1.4%;
		width: 84.5%;
	}
	nav #extranavi_2 .btn-video h2:before {
		height: 48%;
		width: 8%;
		left: 4.4%;
		margin-top: 0.3%;
	}
	nav #extranavi_2 .btn-video h2:after {
		margin-top: 1.5%;
	}
}

/* SUBNAVI */

#subnavi-colors {
	display: flex;
	border: 10px solid #000;
	margin-top: 20px;
}
@media screen and (max-width: 980px) {
  #subnavi-colors {
    border: 8px solid #000;	
	margin: 13px 0;
  } 
}
@media screen and (max-width: 759px) {
  #subnavi-colors {
	display: block;
    border: 8px solid #000;
	margin: 1.4% 0 0;
  }
}

#subnavi-colors a {
	display: block;
	width: 100%;
}

.no-touchevents #subnavi-colors .bg-yellow:hover {
	background: repeating-linear-gradient(-70.55deg, #e8be00, #e8be00 9px, #f7ca00 0, #f7ca00 18px);
	background-position: 0 0;
	animation: btnStripe288 6s infinite linear;
}

.no-touchevents #subnavi-colors .bg-pink:hover {
	background: repeating-linear-gradient(-70.55deg, #d95678, #d95678 9px, #e75b80 0, #e75b80 18px);
	background-position: 0 0;
	animation: btnStripe288 6s infinite linear;
}

.no-touchevents #subnavi-colors .bg-blue:hover {
	background: repeating-linear-gradient(-70.55deg, #3c95ce, #3c95ce 9px, #409edb 0, #409edb 18px);
	background-position: 0 0;
	animation: btnStripe288 6s infinite linear;
}

#subnavi-colors .bg-yellow {
	background: #f7ca00;
}

#subnavi-colors .bg-pink {
	background: #e75b80;
}

#subnavi-colors .bg-blue {
	background: #409edb;
}

#subnavi-colors img {
	width: 100%;
	vertical-align: middle;
}

#subnavi-colors .bg-yellow.active {
	background: repeating-linear-gradient(-70.55deg, #e8be00, #e8be00 9px, #f7ca00 0, #f7ca00 18px);
}
#subnavi-colors .bg-pink.active {
	background: repeating-linear-gradient(-70.55deg, #d95678, #d95678 9px, #e75b80 0, #e75b80 18px);
}
#subnavi-colors .bg-blue.active {
	background: repeating-linear-gradient(-70.55deg, #3c95ce, #3c95ce 9px, #409edb 0, #409edb 18px);
}
#subnavi-colors .prevent {
	pointer-events: none;
	cursor: default;
}

@media all and (min-width: 760px){
  .content-footer-nav{
    width: 100%;
    border-top:#000 10px solid;
  }
  .content-footer-nav__body{
    display: flex;
  }
  .content-footer-nav__item--left{
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    border-right:#000 5px solid;
    padding: 8px;
  }
  .content-footer-nav__item--right{
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    border-left:#000 5px solid;
    padding: 8px;
  }
  .content-footer-nav__btn{
    display: block;
    width: 100%;
    padding-top: 32.432%;
    position: relative;
  }

  .content-footer-nav__item--make .content-footer-nav__btn{
    background: #f7ca00;
  }
  .content-footer-nav__item--play .content-footer-nav__btn{
    background: #e75b80;
  }
  .content-footer-nav__item--discover .content-footer-nav__btn{
    background: #409edb;
  }
  /* .no-touchevents .content-footer-nav__btn:hover::after{ */
    /* content: ""; */
    /* display: inline-block; */
    /* width: 100%; */
    /* height: 100%; */
    /* background: repeating-linear-gradient(-68deg, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.06) 9px, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 18px); */
    /* background-size: 98px 100%; */
    /* animation: btnStripe98 1.5s infinite linear; */
    /* position: absolute; */
    /* left: 0; */
    /* top: 0; */
  /* } */
  
  .no-touchevents .content-footer-nav__item--make .content-footer-nav__btn:hover {
	background: repeating-linear-gradient(-68deg, #e8be00, #e8be00 9px, #f7ca00 0, #f7ca00 18px);
	background-size: 98px 100%;
	background-position: 0 0;
	animation: btnStripe98 1.5s infinite linear;
}

.no-touchevents .content-footer-nav__item--play .content-footer-nav__btn:hover {
	background: repeating-linear-gradient(-68deg, #d95678, #d95678 9px, #e75b80 0, #e75b80 18px);
	background-size: 98px 100%;
	background-position: 0 0;
	animation: btnStripe98 1.5s infinite linear;
}

.no-touchevents .content-footer-nav__item--discover .content-footer-nav__btn:hover {
	background: repeating-linear-gradient(-68deg, #3c95ce, #3c95ce 9px, #409edb 0, #409edb 18px);
	background-size: 98px 100%;
	background-position: 0 0;
	animation: btnStripe98 1.5s infinite linear;
}
  
  .content-footer-nav__label{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 32.432%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .content-footer-nav__item--left.content-footer-nav__item--play .content-footer-nav__label{
    background-image: url(../img/_shared/bottomnav_left_label_play.svg);
  }
  .content-footer-nav__item--left.content-footer-nav__item--make .content-footer-nav__label{
    background-image: url(../img/_shared/bottomnav_left_label_make.svg);
  }
  .content-footer-nav__item--left.content-footer-nav__item--discover .content-footer-nav__label{
    background-image: url(../img/_shared/bottomnav_left_label_discover.svg);
  }
  .content-footer-nav__item--right.content-footer-nav__item--play .content-footer-nav__label{
    background-image: url(../img/_shared/bottomnav_right_label_play.svg);
  }
  .content-footer-nav__item--right.content-footer-nav__item--make .content-footer-nav__label{
    background-image: url(../img/_shared/bottomnav_right_label_make.svg);
  }
  .content-footer-nav__item--right.content-footer-nav__item--discover .content-footer-nav__label{
    background-image: url(../img/_shared/bottomnav_right_label_discover.svg);
  }
  .content-footer-nav__ico {
    width: 26.641%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .content-footer-nav__item--left .content-footer-nav__ico {
    right: 2.896%;
  }
  .content-footer-nav__item--right .content-footer-nav__ico {
    left: 2.896%;
  }
  .content-footer-nav__ico::before{
    content: "";
    padding-top: 100%;
    display: block;
  }
  .content-footer-nav__ico i{
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .content-footer-nav__item--make .content-footer-nav__ico i{
    background-image: url(../img/_shared/bottomnav_ico_make.svg) ;
  }
  .content-footer-nav__item--play .content-footer-nav__ico i{
    background-image: url(../img/_shared/bottomnav_ico_play.svg) ;
  }
  .content-footer-nav__item--discover .content-footer-nav__ico i{
    background-image: url(../img/_shared/bottomnav_ico_discover.svg) ;
  }
}

@media all and (max-width: 759px){
.content-footer-nav{
    width: 100%;
    border-top:#000 8px solid;
  }
  .content-footer-nav__body{
    display: flex;
  }
  .content-footer-nav__item--left{
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    border-right:#000 4px solid;
    padding: 8px;
  }
  .content-footer-nav__item--right{
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    border-left:#000 4px solid;
    padding: 8px;
  }
  .content-footer-nav__btn{
    display: block;
    width: 100%;
    padding-top: 100%;
    position: relative;
  }
  .content-footer-nav__item--make .content-footer-nav__btn{
    background: #f7ca00;
  }
  .content-footer-nav__item--play .content-footer-nav__btn{
    background: #e75b80;
  }
  .content-footer-nav__item--discover .content-footer-nav__btn{
    background: #409edb;
  }

  .content-footer-nav__btn::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 12%;
    height: 12%;
    background: url(../img/_shared/top_gnav_arrow.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }

  .content-footer-nav__item--right .content-footer-nav__btn::after {
    right: 4%;
  }
  .content-footer-nav__item--left .content-footer-nav__btn::after {
    transform: scale(-1, 1);
    left: 4%;
  }
  
  .content-footer-nav__label{
    width: 67.213%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, 116.4%);
    transform: translate(-50%, 116.4%);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .content-footer-nav__label::before{
    content: "";
    padding-top: 25.781%;
    display: block;
  }

  .content-footer-nav__item--make .content-footer-nav__label{
    background-image: url(../img/_shared/sidenav_label_make.svg) ;
  }
  .content-footer-nav__item--play .content-footer-nav__label{
    background-image: url(../img/_shared/sidenav_label_play.svg) ;
  }
  .content-footer-nav__item--discover .content-footer-nav__label{
    background-image: url(../img/_shared/sidenav_label_discover.svg) ;
  }
  .content-footer-nav__ico {
    width: 60.641%;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transform: translate(0, -66%);
    transform: translate(0, -66%);
  }
  .content-footer-nav__item--left .content-footer-nav__ico {
    right: 2.896%;
  }
  .content-footer-nav__item--right .content-footer-nav__ico {
    left: 2.896%;
  }
  .content-footer-nav__ico::before{
    content: "";
    padding-top: 100%;
    display: block;
  }
  .content-footer-nav__ico i{
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .content-footer-nav__item--make .content-footer-nav__ico i{
    background-image: url(../img/_shared/bottomnav_ico_make.svg) ;
  }
  .content-footer-nav__item--play .content-footer-nav__ico i{
    background-image: url(../img/_shared/bottomnav_ico_play.svg) ;
  }
  .content-footer-nav__item--discover .content-footer-nav__ico i{
    background-image: url(../img/_shared/bottomnav_ico_discover.svg) ;
  }
}

/*------------------------------------------------------- footer */

  
  
footer {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    max-width: 880px;
    width: 100%;
    margin: 0 auto;
    height: auto;
    padding: 1.5em 1em 20px 1em;
	
	font-size: 14px;
	letter-spacing: 0.05em;
	color: black;
}
  
footer .agerating {
	width: 60px;
}
footer .facts {
    margin: auto 20px;
    min-width: 172px;
}
footer .facts ul {
    margin-top: 5px;
}
footer .facts li span {
    font-weight: 700;
}
footer .disclaimer {	    
    width: 100%;
    margin-top: 20px;
	text-align: center;
}
footer .disclaimer span {
    margin-top: 5px;
    display: block;
}
footer .disclaimer .asterisk {
    display: none;
}





/*------------------------------------------------------- deco */
#deco-navi {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 22px 0 18px;
  background: #000 url(../img/_shared/deco_line.png) repeat-x 0 0 / auto 3px;
  animation: decoBG 1.5s infinite linear;
}

@keyframes decoBG {
    0% {  background-position-x: 0;  }
  100% {  background-position-x: 115px;  }
}

@media screen and (max-width: 980px) {
  #deco-navi {
    padding: 18px 20px 14px;
  }
}

#deco-navi a {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 759px) {
  #deco-navi a {
    flex-wrap: wrap;
  }
}

  #deco-navi a p {
    display: inline-block;
    color: #dabd92;
    font-weight: 700;
    font-size: 20px;
    padding-top: 0px;
	max-width: 360px;
  }

/* #deco-navi a div:nth-child(1) { */
  /* width: 25%; */
  /* padding-right: 24px; */
/* } */

/* @media screen and (max-width: 1100px) { */
  /* #deco-navi a div:nth-child(1) { */
    /* width: 20%; */
    /* padding-right: 18px; */
  /* } */
/* } */

/* @media screen and (max-width: 980px) { */
  /* #deco-navi a div:nth-child(1) { */
    /* width: 22%; */
    /* padding-right: 12px; */
  /* } */
/* } */

/* @media screen and (max-width: 759px) { */
  /* #deco-navi a div:nth-child(1) { */
    /* width: 50%; */
    /* padding: 0 9px 0 18px; */
  /* } */
   /* #deco-navi a p { */
    /* padding-top: 12px; */
	/* font-size: 14px; */
  /* } */
/* } */

/* #deco-navi a div:nth-child(2) { */
  /* width: 16.64%; */
/* } */

/* @media screen and (max-width: 980px) { */
  /* #deco-navi a div:nth-child(2) { */
    /* width: 18%; */
  /* } */
/* } */

/* @media screen and (max-width: 759px) { */
  /* #deco-navi a div:nth-child(2) { */
    /* width: 50%; */
    /* padding: 0 18px 0 9px; */
  /* } */
/* } */

/* #deco-navi a div:nth-child(3) { */
  /* width: 50%; */
  /* padding-left: 24px; */
/* } */

#deco-navi a div:nth-child(3) span {
  display: none;
}

/* @media screen and (max-width: 1100px) { */
  /* #deco-navi a div:nth-child(3) { */
    /* width: 480px; */
    /* padding-left: 18px; */
  /* } */
/* } */

/* @media screen and (max-width: 980px) { */
  /* #deco-navi a div:nth-child(3) { */
    /* width: 52%; */
    /* padding-left: 12px; */
  /* } */
/* } */

@media screen and (max-width: 759px) {
	#deco-navi a div:nth-child(3) {
		width: 100%;
		padding: 0 3%;
	}

	#deco-navi a div:nth-child(3) img {
		display: none;
	}

	#deco-navi a div:nth-child(3) span {
		display: inline-block;
		color: #dabd92;
		font-weight: bold;
		font-size: 12px;
		padding-top: 12px;
	}
	#deco-navi a p {
		text-align: center;
		max-width: 100%;
	}
}

#deco-navi a div img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 230px;
}

#deco-navi a .deco-img {
	margin: 1em;
}

#deco-navi a div:nth-child(3)::after {
  content: '';
  position: relative;
  margin-top: 10px;
  width: 157px;
  height: 23px;
  display: block;
  background: url(../img/_shared/deco_btn.svg) no-repeat 0 top / 157px 46px;
}

@media screen and (max-width: 980px) {
  #deco-navi a div:nth-child(3)::after {
    width: 123px;
    height: 18px;
    background-size: 123px 36px;
  }
}

@media screen and (max-width: 759px) {
  #deco-navi a div:nth-child(3)::after {
    width: 164px;
    height: 24px;
    background-size: 164px 48px;
    margin: 10px auto 4px;
  }
}

.no-touchevents #deco-navi a:hover > div:nth-child(3)::after {
  background-position: 0 bottom;
}


/*------------------------------------------------------- decoset */


.openWin {
  overflow-y: hidden;
  width: 100vw;
  height: 100vh;
}

.closeWin {
  overflow-y: auto;
  width: 100%;
  height: auto;
}

.movieOpen {
  top: 0;
  bottom: auto;
  z-index: 99999;
  animation: movieOpen 1.2s 0s forwards cubic-bezier( 0.77, 0, 0.175, 1 );
}

@keyframes movieOpen {
  0% { top: calc(-100vh - 48px); }
100% { top: 0; }
}

.movieClose {
  top: 0;
  bottom: auto;
  animation: movieClose .7s 0s forwards cubic-bezier( 0.77, 0, 0.175, 1 );
}

@keyframes movieClose {
  0% { top: 0; }
100% { top: calc(-100vh - 48px); }
}


section#decoset {
  width: 100vw;
  height: calc(100vh + 54px);
  position: fixed;
  background: url(../img/_shared/bgMovie.svg) repeat-x 0 bottom / 2930px 2950px;
  background-color: black;
 // z-index: 99999;
  overflow: hidden;
  top: calc(-100vh - 48px);
  left: 0;
}

section#decoset .btnClose {
  position: absolute;
  top: 0;
  right: 0;
  width: 64px;
  height: 64px;
	background: url(../img/_shared/bg_board.gif) 0 0 / 250px 250px;
  cursor: pointer;
  z-index: 99;
}

.no-touchevents section#decoset .btnClose:hover {
  background: repeating-linear-gradient( -70deg, #f7ca00, #f7ca00 30px, #409edb 30px, #409edb 60px, #e75b80 60px, #e75b80 90px );
  background-size: 96px 100%;
  animation: btnStripeNavi 1.5s infinite linear;
  cursor: pointer;
}

@media screen and (max-width: 759px) {
  section#decoset .btnClose {
    width: 42px;
    height: 42px;
  }
}

section#decoset iframe {
  width: 100%;
  height: 633px;
  position: absolute;
  left: 50%;
  top: 390px;
  margin-top: -24px;
  transform: translate(-50%, -50%);
  border: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  section#decoset iframe {
    width: 100vw;
    height: 100vh;
    overflow-y: scroll;
    left: 0;
    top: 0;
    margin: 0;
    transform: translate(0,0);
  }
}


/*------------------------------------------------------- UK STORE */

.btn-ukstore {
    max-width: 1280px;
	border: solid 10px #000;
	margin: 1.4% auto 0;
	background: #e70012;
}

.page-home .btn-ukstore {
	margin: 0 auto;
	border-top: solid 5px #000;
	border-left: 0;
	border-right: 0;
	border-bottom: solid 10px #000;
}

.page-robot.en_GB .btn-ukstore,
.page-variety.en_GB .btn-ukstore,
.page-vehicle.en_GB .btn-ukstore,
.page-vr.en_GB .btn-ukstore {
	margin: 0 auto;
	border-top: solid 1px #000;
	border-left: solid 10px #000;
	border-right: solid 10px #000;
	border-bottom: solid 10px #000;
	width: calc(100% - 78px);
}
@media screen and (max-width: 980px) {
	.page-robot.en_GB .btn-ukstore,
	.page-variety.en_GB .btn-ukstore,
	.page-vehicle.en_GB .btn-ukstore,
	.page-vr.en_GB .btn-ukstore {
		width: calc( 100vw - 40px );
	}
}
@media screen and (max-width: 759px) {
	.btn-ukstore {
		width: calc( 100vw - 20px );
	}
	.page-home.en_GB .btn-ukstore {
		width: 100%;
	}
	.page-robot.en_GB .btn-ukstore,
	.page-variety.en_GB .btn-ukstore,
	.page-vehicle.en_GB .btn-ukstore,
	.page-vr.en_GB .btn-ukstore {
		width: calc( 100% - 20px );
		border-left: solid 8px #000;
		border-right: solid 8px #000;
		border-bottom: solid 8px #000;
	}
}

.btn-ukstore a {
	text-decoration: none;
}
.btn-ukstore-content {
	display: flex;
    align-items: center;
	padding: 15px;
}

.btn-ukstore .logo-ukstore {
	position: relative;
	width: 15%;
	left: 17%;
}

.btn-uk-arrow {
	position: relative;
	display: block;
	left: 20%;
	width: 60.5%;
	background: url(../img/_shared/btn_arrow-uk.svg) no-repeat 0% 100%;
}

.btn-ukstore p {
	width: 68%;
	padding: 2% 2% 2% 3%;
	display: inline-block;
	font-family: 'Roboto condensed', sans-serif;
	font-size: 18px;
	color: #fff;
}

.page-robot.en_GB .btn-ukstore p,
.page-variety.en_GB .btn-ukstore p,
.page-vehicle.en_GB .btn-ukstore p,
.page-vr.en_GB .btn-ukstore p {
	width: 86%;
}

@media screen and (max-width: 1359px) {
	.btn-ukstore p {
		font-size: 1.3vw;
	}
}
@media screen and (max-width: 759px) {
  .btn-ukstore-content {
	  display: block;
  }
  .btn-ukstore .logo-ukstore {
		 width: 46%;
		left: 25%;
	}
  .btn-uk-arrow {
		left: 0%;
		width: 98.5%;
		background: url(../img/_shared/btn_arrow-uk.svg) no-repeat 0% 50%;
		background-size: 100%;
		margin-top: 20px;
	}
	.btn-ukstore p {
		width: 95%;
		font-size: 3vw;
	}
	.page-robot.en_GB .btn-ukstore p,
	.page-variety.en_GB .btn-ukstore p,
	.page-vehicle.en_GB .btn-ukstore p,
	.page-vr.en_GB .btn-ukstore p {
		width: 92%;
	}
}

@media screen and (max-width: 450px){
	.btn-ukstore p {
		font-size: 2.5vw;
	}
}

.no-touchevents  .btn-ukstore:hover {
	animation: btnStripe288 5s infinite linear;
}

/*------------------------------------------------------- VIDEO BUTTON */

.mk-video-button {
	display: block;
	width: 300px;
	margin: 20px auto;
	background: url(../img/_shared/bg_board.gif);
	-webkit-background-size: 250px;
	background-size: 250px;
}
.mk-video-button:hover{
	display: block;
	width: 300px;
	background: repeating-linear-gradient( -68deg, #f7ca00, #f7ca00 24px, #409edb 24px, #409edb 48px, #e75b80 48px, #e75b80 72px );
	background-size: 77px 100%;
	animation: btnStripe77 1.5s infinite linear;
}
	.mk-video-button .container-label {
		position: relative;
		padding: 2% 0;
	}
	.mk-video-button .label-text {
		font-size: 23px;
		font-weight: 800;
		text-align: center;
		margin: 0 auto;
		width: 90%;
		height: 100%;
		padding-right: 6%;
	}
	.mk-video-button .label-text:after {
		content: '';
		position: absolute;
		background: url(../img/_shared/top_gnav_arrow.svg) 50% 50% no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		width: 23px;
		height: 26px;
		margin-top: 0.25%;
		margin-left: 3%;
	}

/*------------------------------------------------------- BUTTON MARIO KART */

.section-mariokart {
	display: block;
	position: relative;
	width: 70%;
	margin: 0 auto;
	margin-bottom: 4%;	
}

#btnMariokart  .btnMariokart-bg {
	width: 100%;
	background: url(../img/_shared/pattern_intro.jpg);
	background-size: 30%;
}

#btnMariokart  img {
	width: 100%;
	display: block;
}

.no-touchevents #btnMariokart:hover .btnMariokart-bg .stripes-animate {
	border: none;
	background: repeating-linear-gradient(-68deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) 9px, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 18px);
	background-size: 77px 100%;
	animation: btnStripeNavi 1.5s infinite linear;
}

#btnMariokart {
    width: 70%;
    bottom: 3%;
    left: 13.5%;
    cursor: pointer;
}

@media screen and (max-width: 759px) {
	.section-mariokart {
		width: 95%;
		margin-bottom: 6.5%;
	}
}

/* ==========================================================================
   VR COMPATIBLE GAMES BUTTON
   ======================================================================= */
   
.section-compatiblevr {
	display: block;
	position: relative;
	width: 70%;
	margin: 0 auto;
	margin-bottom: 4%;	
}

#btnCompatibleVR  .btnCompatibleVR-bg {
	width: 100%;
	background: url(../img/_shared/pattern_intro.jpg);
	background-size: 30%;
}

#btnCompatibleVR  img {
	width: 100%;
	display: block;
}

.no-touchevents #btnCompatibleVR:hover .btnCompatibleVR-bg .stripes-animate {
	border: none;
	background: repeating-linear-gradient(-68deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) 9px, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 18px);
	background-size: 77px 100%;
	animation: btnStripeNavi 1.5s infinite linear;
}

#btnCompatibleVR {
    width: 70%;
    bottom: 3%;
    left: 13.5%;
    cursor: pointer;
}

@media screen and (max-width: 759px) {
	.section-compatiblevr {
		width: 95%;
		margin-bottom: 6.5%;
	}
}

/*------------------------------------------------------- DISCLAIMER MARIO KART */

footer .disclaimer .showmariokart,
footer .disclaimer .showdisclaimer_jap {
	display: none;
}

/*------------------------------------------------ clearfix */
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}