@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700|Roboto:100,300,400,500,700,900&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1:wght@100..900&display=swap');

/*
font-family: 'Oswald', sans-serif;
font-family: 'Roboto', sans-serif;
*/

.animationBox .animation30 svg, .switch svg {
	transform: none !important;
}

.offset {
	float:left;
	width:100%;
	height:5vw;
	position:absolute;
	left:-100%;
	bottom:-100%;
	display:none;
	visibility:hidden;
}

.jpFont {
	font-family: "M PLUS 1", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400 !important;
	font-style: normal;
}

html, body, input, textarea, submit { background:#fff;font-size:14px;line-height:18px;height:100%;color:#000;font-family: 'Roboto', sans-serif; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, ul, ol, p, blockquote, pre, a, big, em, img, q, small, strong, tt, var, b, u, i, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0;margin: 0;outline: 0;padding: 0; }

.premieres .inside .list .box .text h4 a {
	color: #fff !important
}

.wrapper .menu__href span,
.footer .menu__href span
{
	display: none !important;
	visibility: hidden !important;
}

@media screen and (min-width: 1201px) and (max-width: 10000px) {
.no-comp { display:none !important;visibility:hidden !important; }

.page--jp .home__main .left {
	padding: 0px 4vw 0px 4vw;
}

.headerJp, .header span
{
	float: left;
	width: 100%;
	position: relative;
	margin: 0.1vw 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	font-family: "M PLUS 1", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;

	font-size: 1.1vw;
	line-height: 1.4vw;
}

.wrapper {
	float:left;
	width:100%;
	height:7.1vw;
	margin:0px 0px 0px 0px;
	padding:0px 2vw 0px 2vw;
	position:fixed;
	top:0;
	left:0;
	background: rgb(243,186,23);
	background: linear-gradient(0deg, rgba(243,186,23,0) 0%, rgba(22,17,2,1) 60%);
	z-index:30;
}	
		.wrapper.addColor { background:#000; }
	.wrapper .logo {
		float:left;
		width:10.5vw;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
		.wrapper .logo .img {
			width:100%;
		}	
	.wrapper .menu {
		float:left;
		height:100%;
		position:relative;
		margin:0px -10vw 0px 0px;
		padding:0px 0px 0px 0px;
		list-style: none; 
	}
		.wrapper .menu__name {
			float:left;
			height:100%;
			position:relative;
			margin:0px 1.1vw 0px 1.1vw;
			padding:0px 0px 0px 0px;		
		}			
		.wrapper .menu__href {
			float:left;
			height: 100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			font-family: Oswald;
			color:#ffffff;
			font-size:0.9vw;
			font-weight:400;
			line-height:0.9vw;
			text-transform:uppercase;
			text-decoration:none;
			letter-spacing: 0.75px;
			border-bottom: 0px solid #000;
		}
			.wrapper .menu__href:hover {
				color:#cc452d;
				border-bottom: 0px solid #fc7f01;
			}
			.wrapper .menu__name.menu__active .menu__href {
				color:#cc452d;
				border-bottom: 0px solid #fc7f01;
			}
		.wrapper .menu__hr {
			float:left;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
			.wrapper .menu__name:last-child .menu__href .menu__hr { 
				display:none;
				visibility:hidden;
			}
	.wrapper .other {
		float:left;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		
	}
		.wrapper .other .other__social {
			float:left;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			list-style: none; 			
		}
			.wrapper .other .other__social .menu__name:nth-child(1) {
				height:2.5vw;
				padding:0px 2vw 0px 2vw;
				background: url(images/buttonDeveloper.jpg) center no-repeat;
				background-size:cover;
				border-radius:5px;
			}
				.wrapper .other .other__social .menu__name:nth-child(1):hover, .wrapper .other .other__social .menu__name.menu__active {
					background: url(images/buttonDeveloperHover.jpg) center no-repeat;
				}
				.wrapper .other .other__social .menu__name.menu__active:nth-child(1) .menu__href {
					color:#fff;
				}
				.wrapper .other .other__social .menu__name:nth-child(1) .menu__href:hover {
					color:#fff;
				}
		.wrapper .other .other__lang {
			float:left;
			width:5.5vw;
			position:relative;
			margin:0px 0px 0px 1vw;
			padding:0px 0px 0px 0px;
		}
			.wrapper .other .other__lang .flag {
				float:left;
				width:1.26vw;
				position:relative;
				margin:0.15vw;
				padding:0px 0px 0px 0px;
				cursor:pointer;
			}
			
	.wrapper.smallWrapper {
		height:5vw;
		background:#000;
	}
	.wrapper.smallWrapper .logo {
		
	}
	
.slideShow {
	float:left;
	width:100%;
	height:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
	.slideShow .slideShow-owl {
		float:left;
		width:100%;
		height:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
		.slideShow .slideShow-owl .slide {
			float:left;
			width:100%;
			height:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
		}
			.slideShow .slideShow-owl .slide .inside {
				float:left;
				width:80%;
				position:relative;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				z-index:3;			
			}
				.slideShow .slideShow-owl .slide .inside .text {
					float:left;
					width:100%;
					position:relative;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					color:#fff;
					font-size:2vw;
					line-height:3vw;
					font-weight:300;
					position:relative;
				}
					.slideShow .slideShow-owl .slide .inside .text strong {
						float:left;
						width:100%;
						position:relative;
						margin:0px 0px 0px 0px;
						padding:0px 0px 0px 0px;
						font-size:5vw;
						line-height:6vw;
					}
					.slideShow .slideShow-owl .slide .inside .text a {
						float:left;
						position:relative;
						margin:2vw 0px 0px 0px;
						padding:0px 2vw 0px 2vw;
						color:#fff;
						text-decoration:none;
						font-size:1.5vw;
						line-height:3vw;
						border:1px solid #fff;
					}
						.slideShow .slideShow-owl .slide .inside .text a:hover {
							color:#000;
							border:1px solid #000;
						}
			.slideShow .slideShow-owl .slide .img {
				float:left;
				width:100%;
				height:100%;
				position:absolute;
				left:0;
				top:0;
				object-fit: cover;
				z-index:2;
			}
	.slideShow .slideShow-owl .owl-nav { 
		float:left;
		width:100%;
		margin:-1.6vw 0px 0px 0px;
		left:0;
		top:50%;
		position:absolute;
		z-index:5; 	
		font-size:0;
	}
		.slideShow .slideShow-owl .owl-nav .owl-next {
			float:left;
			width:3.2vw;
			height:3.2vw;
			position:absolute;
			top:0;
			right:2%;
			font-size: 0;
			background: url(images/owlNav_arrowRight.svg) center no-repeat !important;
			background-size:100% 100% !important;
		}
		.slideShow .slideShow-owl .owl-nav .owl-prev {
			float:left;
			width:3.2vw;
			height:3.2vw;
			position:absolute;
			top:0;
			left:2%;	
			font-size: 0;
			background: url(images/owlNav_arrowLeft.svg) center no-repeat !important;
			background-size:100% 100% !important;
		}
			.slideShow .slideShow-owl .owl-nav .owl-next:focus, .slideShow .slideShow-owl .owl-nav .owl-prev:focus {
				outline:none;
			}
	.slideShow .slideShow-owl .owl-dots { 
		float:left;
		width:94%;
		left:2%;
		bottom:2vw;
		position:absolute;
		z-index:5; 
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-items:center;
		align-content:center;
	}
	.slideShow .slideShow-owl .owl-dots .owl-dot { 
		float:left;
		width:0.6vw;
		height:0.6vw;
		position:relative;
		margin:0px 0.8vw 0px 0px;
		padding:0px 0px 0px 0px;
		color: #3b3a3a;
		font-size: 0.8vw;
		font-weight: 400;
		line-height: 0.8vw;
		background:#4c4d4f;
		border-radius:40em;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		align-content:center;
	}
		
		.slideShow .slideShow-owl .owl-dots .owl-dot:focus {
			outline:none;
		}
	.slideShow .slideShow-owl .owl-dots .active { 
		float:left;
		width:0.9vw;
		height:0.9vw;
		position:relative;
		color: #000;
		border:0px solid #fff;
		border-radius:40em;
		background:#fff;
	}
	
	.slideShow .scrollDown {
		float:left;
		width:30%;
		position:absolute;
		right:2%;
		bottom:2vw;
		font-family: Oswald;
		color: #ffffff;
		font-size: 14px;
		font-weight: 400;
		line-height: 14px;
		text-transform: uppercase;
		letter-spacing: 0.28px;
		z-index:5;
		cursor:pointer;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:flex-end;
		align-items:flex-end;
		align-content:flex-end;
	}
		.slideShow .scrollDown .arrowDown {
			float:left;
			position:relative;
			margin:0px 0px 1vw 0px;
		}
			.slideShow .scrollDown:hover .arrowDown {
				margin: 0px 0px 0.5vw 0px;
			}
			
	.slideShow .other {
		float:left;
		width:40vw;
		position:absolute;
		margin:0px 0px 0px -20vw;
		left:50%;
		bottom:2%;
		z-index:10;
	}
		.slideShow .other .social {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
			.slideShow .other .social .linkSocial {
				visibility:hidden;
				float:left;
				width:2.85vw;
				height:2.85vw;
				position:relative;
				margin:0px 0.8vw 0px 0.8vw;
				background: url(images/socialBg.png) center no-repeat;
				background-size:cover;
			}
				.slideShow .other .social .linkSocial:hover {
					float:left;
					width:2.85vw;
					height:2.85vw;
					position:relative;
					margin:0px 0.8vw 0px 0.8vw;
					background: url(images/socialBgHover.png) center no-repeat;
					background-size:cover;
				}
					.slideShow .other .social .linkSocial .imgSocial {
						max-width:50%;
						max-height:70%;
					}
		.slideShow .other  .partner {
			float:left;
			width:100%;
			height:5vw;
			position:relative;
			margin:1.5vw 0px 0px 0px;
			padding:0px 0px 0px 0px;
			border-top:1px solid rgba(255,255,255,0.4);
		}
			.linkPartner {
				visibility:hidden;
				float:left;
				width:2.85vw;
				position:relative;
				margin:0px 1vw 0px 1vw;
			}
			.slideShow .other .partner .linkPartner .imgSocial {
				max-width:95%;
				max-height:70%;
				filter: brightness(0) invert(1);
			}
	
	.video {
		float:left;
		position:absolute;
		left:0;
		top:0%;
		width:100%;
		min-width:100%;
		height:100%;		
		min-height:100%;		
		z-index: 3;
		object-fit: cover;	
	}
	
.Gmore {
	float:left;
	height:2.5vw;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 2.35vw 0px 2.35vw;
	color: #231f20;
	font-family: Oswald;
	font-size: 0.8vw;
	font-weight: 400;
	line-height: 0.8vw;
	text-transform: uppercase;
	text-decoration:none;
	letter-spacing: 0.33px;
	background: url(images/GmoreBg.png) center no-repeat;
	background-size:99% 99%;
}
	.Gmore:hover {
		color: #cc452d;
	}
	
.addMargin { 
	float:left;
	width:100%;
	position:relative;
	display:block;
	margin:7.1vw 0px 0px 0px;
}
	
.home__main {
	float:left;
	width:100%;
	height:39vw;
	position:relative;
}
		.otherHeight { height:39vw; }
	.home__main .left {
		float:left;
		width:40%;
		height:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 7vw 0px 7vw;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-items:flex-start;
		align-content:flex-start;
	}
		.home__main .left .text {
			float:left;
			position:relative;
			margin:0px 0px 2.5vw 0px;
			padding:0px 0px 0px 0px;
			color: #231f20;
			font-size: 0.95vw;
			font-weight: 300;
			line-height: 1.3vw;
			text-align:justify;
		}
			.home__main .left .text h1 {
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 2.5vw 0px;
				color: #231f20;
				font-family: Oswald;
				font-size: 2.7vw;
				line-height:3vw;
				font-weight: 400;
				text-transform: uppercase;
				text-align:left;
				letter-spacing: 1px;
			}
				.home__main .left .text h1 em {
					font-style:normal;
					color: #cc452d;
				}
	.home__main .right {
		float:left;
		width:60%;
		height:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		background:#f4f4f4;
	}
		.home__main .right .numbers {
			float:left;
			width:19vw;
			height:30vw;
			position:absolute;
			top:0;
			right:0;
			background: url(images/numbersBg.jpg) center no-repeat;
			background-size:cover;
			z-index:2;
		}
			.home__main .right .numbers .box {
				float:left;
				width:100%;
				height:50%;
				position:relative;
				color: #231f20;
				font-family: Oswald;
				font-size: 1.3vw;
				line-height: 1.3vw;
				font-weight: 400;
				text-transform: uppercase;
				letter-spacing: 0.5px;
			}
					.home__main .right .numbers .box span {
						float:left;
						width:100%;
						position:relative;
						margin:0px 0px 0.6vw 0px;
						color: #cc452d;
						font-family: Oswald;
						font-size: 4.75vw;
						line-height:4.75vw;
						font-weight: 400;
						text-transform: uppercase;
						text-align:center;
						letter-spacing: 1.8px;
					}
				.home__main .right .numbers .box:nth-child(1) {
					border-bottom:1px solid #d2981e;
				}
		.home__main .right .mainFoto {
			float:left;
			width:100%;
			height:100%;
			position:absolute;
			top:0;
			left:0;
			z-index:1;
		}
			.home__main .right  .mainFoto .img {
				float:left;
				width:100%;
				height:100%;
				object-fit: cover;	
			}
			
.home__trade {
	float:left;
	width:100%;
	position:relative;
	margin:5px 0px 0px 0px;
	padding:4.7vw 0px 4.7vw 0px;
	background-color: #f4f4f4;
}
	.home__trade .left {
		float:left;
		width:35%;
		height:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 5vw 0px 8vw;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-items:flex-start;
		align-content:flex-start;
	}
		.home__trade .left .text {
			float:left;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			color: #231f20;
			font-size: 0.95vw;
			font-weight: 300;
			line-height: 1.3vw;
			text-align:justify;
		}
			.home__trade .left .text h2 {
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 0px 0px;
				color: #231f20;
				font-family: Oswald;
				font-size: 1.85vw;
				line-height:2vw;
				font-weight: 400;
				text-transform: uppercase;
				text-align:left;
				letter-spacing: 1px;
			}
				.home__trade .left .text h2 em {
					font-style:normal;
					color: #cc452d;
				}
	.home__trade .right {
		float:left;
		width:65%;
		height:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 2% 0px 0px;
	}
		.home__trade .right .tradeOwl {
			float:left;
			width:100%;
			height:4.2vw;
			position:relative;
			margin:0px 0px 2vw 0px;
			padding:0px 0px 0px 0px;
		}
			.home__trade .right .tradeOwl .box {
				float:left;
				width:100%;
				height:100%;
				position:relative;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:center;
				align-items:center;
				align-content:center;
			}
				.home__trade .right .tradeOwl .box .img {
					float:left;
					width:auto;
					height:auto;
					max-width:90%;
					max-height:100%;
				}
				
.home__news {
	float:left;
	width:100%;
	height:40vw;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
	.home__news .header {
		float:left;
		width:50%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		color: #231f20;
		font-family: Oswald;
		font-size: 2.6vw;
		line-height: 2.6vw;
		font-weight: 400;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	.home__news .GmoreOne {
		margin:0.8vw 0px 0px 0px;
		background: url(images/GmoreBgSilver.png) center no-repeat;
		background-size:100% 100%;
	}
	.home__news .left {
		float:left;
		width:65%;
		height:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 8vw 0px 8vw;
		border-right:1px solid #e6e6e6;
	}
		.home__news .left .list {
			float:left;
			width:100%;
			height:25.5vw;
			position:relative;
			margin:3.15vw 0px 0px 0px;
		}
			.home__news .left .list .box {
				float:left;
				width:46%;
				height:100%;
				position:relative;
			}
				.home__news .left .list .box .mainFoto {
					float:left;
					width:100%;
					height:15.5vw;
					position:relative;
				}
					.home__news .left .list .box .mainFoto .img {
						float:left;
						width:100%;
						height:100%;
						object-fit: cover;	
					}
				.home__news .left .list .box .date {
					float:left;
					width:100%;
					position:relative;
					margin:1vw 0px 0px 0px;
					color: #cc4231;
					font-family: Oswald;
					font-size: 0.95vw;
					line-height: 0.95vw;
					font-weight: 400;
					text-transform: uppercase;
					letter-spacing: 0.36px;
				}
				.home__news .left .list .box .name {
					float:left;
					width:100%;
					position:relative;
					margin:1vw 0px 1.7vw 0px;
					color: #231f20;
					font-family: Oswald;
					font-size: 1.3vw;
					line-height:1.5vw;
					font-weight: 400;
					text-transform: uppercase;
					letter-spacing: 0.5px;
				}
				.home__news .left .list .box .Gmore {
					height:2.5vw;
					padding:0px 1.6vw 0px 1.6vw;
				}
					.home__news .left .list .box:hover .Gmore {
						color: #cc4231;
					}
		
	.home__news .right {
		float:left;
		width:35%;
		height:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 6vw 0px 6vw;
	}
		.home__news .right .twitter {
			float:left;
			width:100%;
			height:25.5vw;
			position:relative;
			margin:3.15vw 0px 0px 0px;
			overflow:hidden;
			overflow-y:scroll;
		}
		
.game {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:5vw 0px 5vw 0px;
}
	.game .inside {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 8.7vw 0px 8.7vw;
		z-index:2;
	}
		.game .inside .header {
			visibility:hidden;
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 3px 0px;
			padding:0px 0px 2.5vw 0px;
			color: #231f20;
			font-family: Oswald;
			font-size: 2.6vw;
			line-height:2.6vw;
			font-weight: 400;
			text-transform: uppercase;
			text-align:center;
			letter-spacing: 1px;
			border-bottom:1px solid #cccccc;
		}
		.game .inside .submenu {
			visibility:hidden;
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 2vw 0px;
			padding:0px 0px 0px 0px;
			border-bottom:1px solid #cccccc;
		}
			.game .inside .submenu .menu__href {
				float:left;
				height:3.2vw;
				position:relative;
				margin:0px 0px 0px 0px;
				padding:0px 1.35vw 0px 1.35vw;
				color: #231f20;			
				font-family: Oswald;
				font-size: 1.2vw;
				line-height: calc(3.15vw - 0.2vw);
				font-weight: 400;
				text-transform: uppercase;
				text-decoration:none;
				letter-spacing: 0.44px;
				border-bottom:0.2vw solid #ffff;
			}
				.game .inside .submenu .menu__href:hover, .game .inside .submenu .menu__href.game_active {
					color: #de5f4a;
					border-bottom:0.2vw solid #de5f4a;
				}
		.game .inside .list {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}	
			.game .inside .list .box {
				visibility:hidden;
				float:left;
				width:23.5%;
				height:18vw;
				position:relative;
				margin:0px 2% 1.5vw 0px;
				padding:0.5vw;
				border:1px solid #f4f4f4;
				-webkit-box-shadow: 0px 4px 20px -4px rgba(0,0,0,0.15);
				-moz-box-shadow: 0px 4px 20px -4px rgba(0,0,0,0.15);
				box-shadow: 0px 4px 20px -4px rgba(0,0,0,0.15);
				cursor:pointer;
			}
					.game .inside .list .box:nth-child(4n) {
						margin:0px 0px 1.5vw 0px;						
					}
				.game .inside .list .box .mainFoto {
					float:left;
					width:100%;
					height:13vw;
					position:relative;
				}
					.game .inside .list .box .mainFoto .img {
						float:left;
						width:100%;
						height:100%;
						object-fit: cover;	
					}
				.game .inside .list .box .name {
					float:left;
					width: calc(100% - 3vw);
					height:4.5vw;
					position:relative;
					margin:0px 0px 0.5vw 0px;
					padding:0px 1vw 0px 1vw;
					color: #231f20;
					font-family: Oswald;
					font-size: 1.3vw;
					line-height:1.5vw;
					font-weight: 400;
					text-transform: uppercase;
					letter-spacing: 0.5px;
					overflow:hidden;
				}
				.game .inside .list .box .more {
					float:right;
					width:1.9vw;
					margin:1.3vw 1vw 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
				}
				
.popupGame {
	display:none;
	float:left;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background: rgba(0,0,0,0.3);
	z-index:40;
}
	.popupGame .inside {
		float:left;
		width:100%;
		height:100%;
		position:relative;
		z-index:5;
	}
		.popupGame .inside .gameClose {
			float:right;
			width:2.4vw;
			position:absolute;
			top:0;
			right:0;
			cursor:pointer;
		}
	.popupGame .inside .boxGame {
		float:left;
		width:70%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:3vw 5vw 3vw 5vw;
		background:#fff;
		z-index:5;
	}	
		.popupGame .inside .boxGame .name {
			float:left;
			width: 70%;
			position:relative;
			margin:0px 0px 2.5vw 0px;
			padding:0px 0px 0px 0px;
			color: #231f20;
			font-family: Oswald;
			font-size: 2.8vw;
			line-height:2.8vw;
			font-weight: 400;
			text-transform: uppercase;
			letter-spacing: 0.5px;
			overflow:hidden;
		}
		.popupGame .inside .boxGame .logoGame {
			float:right;
			height:2.2vw;
			margin:0.3vw 0px 0px 0.5vw;
			padding:0px 0px 0px 0px;
			position:relative;
			filter: brightness(0);
		}
			.popupGame .inside .boxGame .logoGame .img {
				float:left;
				height:100%;
			}
		.popupGame .inside .boxGame .mainFoto {
			float:left;
			width:32.5%;
			height:13vw;
			position:relative;
		}
			.popupGame .inside .boxGame .mainFoto .img {
				float:left;
				width:100%;
				height:100%;
				object-fit: cover;	
			}
		.popupGame .inside .boxGame .text {
			float:right;
			width:60%;
			height:13vw;
			position:relative;
			margin:1vw 0px 0px 0px;
			padding:0px 0px 0px 0px;
			color: #231f20;
			font-size: 0.95vw;
			font-weight: 300;
			line-height: 1.5vw;
			text-align:justify;
		}
		.popupGame .inside .boxGame .galleryFotoOwl {
			float:left;
			width:100%;
			height:13vw;
			position:relative;
			margin:2vw 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
			.popupGame .inside .boxGame .galleryFotoOwl .box {
				float:left;
				width:100%;
				height:100%;
				position:relative;
				overflow:hidden;
			}
				.popupGame .inside .boxGame .galleryFotoOwl .box .img {
					float:left;
					width:100%;
					height:100%;
					object-fit: cover;	
				}
					.popupGame .inside .boxGame .galleryFotoOwl .box .img.imgMovie {
						float:left;
						width:120%;
						height:120%;
						margin:-7% 0px 0px -10%;
						object-fit: cover;	
					}
				.popupGame .inside .boxGame .galleryFotoOwl .box .fade {
					float:left;
					width:100%;
					height:100%;
					position:absolute;
					top:0;
					left:0;
					background: rgba(0,0,0,0.5);
				}
					.popupGame .inside .boxGame .galleryFotoOwl .box .fade .playButton {
						float:left;
						width:60px;
						position:relative;
						filter: brightness(0) invert(1);
					}
			.popupGame .inside .boxGame .galleryFotoOwl .owl-nav { 
				float:left;
				width:100%;
				margin:-1.2vw 0px 0px 0px;
				left:0;
				top:50%;
				position:absolute;
				z-index:5; 	
				font-size:0;
			}
				.popupGame .inside .boxGame .galleryFotoOwl .owl-nav .owl-next {
					float:left;
					width:3.2vw;
					height:3.2vw;
					position:absolute;
					top:0;
					right:-4vw;
					font-size: 0;
					background: url(images/gameArrowRight.png) center no-repeat !important;
					background-size:3.15vw;
				}
				.popupGame .inside .boxGame .galleryFotoOwl .owl-nav .owl-prev {
					float:left;
					width:3.2vw;
					height:3.2vw;
					position:absolute;
					top:0;
					left:-4vw;	
					font-size: 0;
					background: url(images/gameArrowLeft.png) center no-repeat !important;
					background-size:3.15vw;
				}
					.popupGame .inside .boxGame .galleryFotoOwl .owl-nav .owl-next:focus, .galleryFotoOwl .owl-nav .owl-prev:focus {
						outline:none;
					}
	.popupGame .closeBackgrund {
		float:left;
		width:100%;
		height:100%;
		position:absolute;
		left:0;
		top:0;
		z-index:4;
	}
			
.news {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:5vw 0px 5vw 0px;
}
	.news .inside {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 8.7vw 0px 8.7vw;
		z-index:2;
	}
		.news .inside .header {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 2vw 0px;
			padding:0px 0px 2.5vw 0px;
			color: #231f20;
			font-family: Oswald;
			font-size: 2.6vw;
			line-height:2.6vw;
			font-weight: 400;
			text-transform: uppercase;
			text-align:center;
			letter-spacing: 1px;
			border-bottom:1px solid #cccccc;
		}
		.news .inside .list {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}	
			.news .inside .list .box {
				float:left;
				width:23.5%;
				height:26vw;
				position:relative;
				margin:0px 2% 1.5vw 0px;
				padding:0.5vw;
				border:1px solid #f4f4f4;
				-webkit-box-shadow: 0px 4px 20px -4px rgba(0,0,0,0.15);
				-moz-box-shadow: 0px 4px 20px -4px rgba(0,0,0,0.15);
				box-shadow: 0px 4px 20px -4px rgba(0,0,0,0.15);
			}
					.news .inside .list .box:nth-child(4n) {
						margin:0px 0px 1.5vw 0px;						
					}
				.news .inside .list .box .mainFoto {
					float:left;
					width:100%;
					height:13vw;
					position:relative;
				}
					.news .inside .list .box .mainFoto .img {
						float:left;
						width:100%;
						height:100%;
						object-fit: cover;	
					}
				.news .inside .list .box .name {
					float:left;
					width:100%;
					position:relative;
					margin:2vw 0px 0.5vw 0px;
					padding:0px 1vw 0px 1vw;
					color: #231f20;
					font-family: Oswald;
					font-size: 1.3vw;
					line-height:1.5vw;
					font-weight: 400;
					text-transform: uppercase;
					letter-spacing: 0.5px;
					overflow:hidden;
				}
				.news .inside .list .box .date {
					float:left;
					width:100%;
					position:relative;
					margin:0px 0px 0.5vw 0px;
					padding:0px 1vw 0px 1vw;
					color: #cc452d;
					font-family: Oswald;
					font-size: 0.8vw;
					line-height:0.8vw;
					font-weight: 400;
					text-transform: uppercase;
					letter-spacing: 0.5px;
					overflow:hidden;
				}
				.news .inside .list .box .nameSmall {
					float:left;
					width:100%;
					height:2.6vw;
					position:relative;
					margin:0vw 0px 0px 0px;
					padding:0px 1vw 0px 1vw;
					color: #231f20;
					font-size: 0.8vw;
					font-weight: 300;
					line-height: 1.3vw;
					overflow:hidden;
				}
				.news .inside .list .box .Gmore {
					position:absolute;
					left:0;
					bottom:0;
					height:2.5vw;
					padding:0px 1.6vw 0px 1.6vw;
					margin:0.8vw 0px 1vw 1.4vw;
				}
					.news .inside .list .box:hover .Gmore {
						color: #cc4231;
					}

.work {

}
.work .list .box.noFoto {
	height: 13vw;
}
.page.pageWork .inside .header {
	text-align: left;
}
.pageWork .inner {
	float:left;
	width:60%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 2vw 0px;
}
.pageWork .inner .date {
	width: 100%;
	color: #000;
	margin: -3.8vw 0px 0px 0.2vw;
}
.pageWork .text h2,
.pageWork .text h3
{
	float: left;
    width: 100%;
    position: relative;
    margin: 1.5vw 0px 0.5vw 0px;
    padding: 0px 0px 0.5vw 0px;
	color: #cc452d;
    font-family: Oswald;
    font-size: 1.4vw;
    line-height: 1.4vw;
    font-weight: 400;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 1px;

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
}
.pageWork .text h2:before,
.pageWork .text h3:before
{
	content: ' ';
	float: left;
	width: 0.7vw;
	height: 1px;
	position: relative;
	margin: 0px 0.5vw 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: rgba(0,0,0,0.3);
}
.pageWork .Gmore {
	margin: 2vw 0px 0px 0px;
}
.pageWork .inner__right {
	float:right;
	width:30%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 2vw 0px;
}
.page.pageWork .inner__right  .mainFoto {
	width: 100%;
	height: 15vw;
	margin: 0px 0px 3vw 0px;
	border: 1px solid rgba(0,0,0,0.05);
}
.page.pageWork .inner__right .header {
	margin: 0px 0px 1vw 0px;
    padding: 0px 0px 1vw 0px;
    color: #231f20;
    font-family: Oswald;
    font-size: 2.2vw;
    line-height: 2.2vw;
}
.work__other--name {
	float: left;
    width: 100%;
    position: relative;
    margin: 0.5vw 0px 0.5vw 0px;
    padding: 0px 0px 0.5vw 0px;
	color: #cc452d;
    font-family: Oswald;
    font-size: 1.1vw;
    line-height: 1.2vw;
    font-weight: 400;
    text-transform: uppercase;
	text-decoration: none;
    text-align: left;
    letter-spacing: 1px;

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
}
.work__other--name:before
{
	content: ' ';
	float: left;
	width: 0.7vw;
	height: 1px;
	position: relative;
	margin: 0px 0.5vw 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: rgba(0,0,0,0.3);
}
.work__other--name:hover {
	color: #000;
}

.premieres {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:5vw 0px 5vw 0px;
}
	.premieres .inside {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 2vw 0px 2vw;
		z-index:2;
	}
		.premieres .inside .header {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			color: #231f20;
			font-family: Oswald;
			font-size: 2.6vw;
			line-height:2.6vw;
			font-weight: 400;
			text-transform: uppercase;
			text-align:center;
			letter-spacing: 1px;
		}
		.premieres .inside .list {
			float:left;
			width:100%;
			position:relative;
			margin:3vw 0px 0px 0px;
			padding:0px 0px 0px 0px;
			display: grid;
			grid-template-columns: repeat(6, 1fr);
			grid-column-gap: 1vw;
			grid-row-gap: 0px;
		}
			.premieres .inside .list .box {
				float:left;
				width:100%;
				min-height:56vw;
				position:relative;
				margin:0px 0px 4vw 0px;
				padding:1.5vw 1vw 1.5vw 1vw;
				border:1px solid #e9e9e9;
				-webkit-box-shadow: 0px 4px 20px -4px rgba(0,0,0,0.15);
				-moz-box-shadow: 0px 4px 20px -4px rgba(0,0,0,0.15);
				box-shadow: 0px 4px 20px -4px rgba(0,0,0,0.15);
			}
					.premieres .inside .list .box:hover {
						transform: scale(1.05);
					}
				.premieres .inside .list .box .name {
					float:left;
					width:70%;
					position:relative;
					margin:0px 15% 1.1vw 15%;
					padding:0px 0px 1.1vw 0px;
					color: #252525;
					font-family: Oswald;
					font-size: 1.1vw;
					line-height:1.1vw;
					font-weight: 600;
					text-transform: uppercase;
					text-align:center;
					letter-spacing: 0.4px;
					border-bottom:1px solid #e9e9e9;
				}
				.premieres .inside .list .box .text {
					float:left;
					width:100%;
					position:relative;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					color: #232323;					
					font-size: 0.8vw;
					font-weight: 400;
					line-height: 1.3vw;
					text-align:center;
				}
					.premieres .inside .list .box .text h3 {
						float:left;
						width:100%;
						position:relative;
						margin:0.5vw 0px 1.1vw 0px;
						padding:0px 0px 0px 0px;
						color: #231f20;
						font-family: Oswald;
						font-size: 1.1vw;
						line-height: 1.1vw;
						font-weight: 500;
						text-transform: uppercase;
						letter-spacing: 0.4px;
					}
					.premieres .inside .list .box .text h4 {
						float:left;
						width:100%;
						position:relative;
						margin:0.5vw 0px 1.1vw 0px;
						padding:0.2vw 0px 0.2vw 0px;
						color: #fff !important;
						font-size: 0.8vw;
						line-height: 1vw;
						font-weight: 300;
						text-transform: uppercase;
						letter-spacing: -1px;
						background: #000
					}
					.premieres .inside .list .box .text h4 em {
						color: #fff !important;
					}
					.premieres .inside .list .box .text em {
						color: #b68f08;
						font-style:normal;
					}
		.premieres .inside .legend {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:1.85vw 1.85vw 1.85vw 1.85vw;
			color: #232323;					
			font-size: 0.8vw;
			font-weight: 400;
			line-height: 1.2vw;
			background-color: #f9f9f9;
		}
			.premieres .inside .legend h4 {
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 1vw 0px;
				padding:0px 0px 0px 0px;
				color: #231f20;
				font-family: Oswald;
				font-size: 1.1vw;
				line-height: 1.1vw;
				font-weight: 500;
				text-transform: uppercase;
				letter-spacing: 0.4px;
			}
			.premieres .inside .legend p {
				float:left;
				position:relative;
				margin:0px 3.15vw 0px 0px;
				padding:0px 0px 0px 0px;
			}
			.premieres .inside .legend em {
				color: #b68f08;
				font-style:normal;
			}

.about {
	float:left;
	width:100%;
	height:50vw;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
	.about .left {
		float: left;
		width: 40%;
		height: 100%;
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-start;
		align-content: flex-start;
	}
		.about .left .numbers {
			float:left;
			width:100%;
			height:100%;
			position:relative;
			top:0;
			right:0;
			background: url(images/numbersBg.jpg) center no-repeat;
			background-size:cover;
			z-index:2;
		}
			.about .left .numbers .box {
				float:left;
				width:100%;
				height:50%;
				position:relative;
				color: #231f20;
				font-family: Oswald;
				font-size: 1.3vw;
				line-height: 1.3vw;
				font-weight: 400;
				text-transform: uppercase;
				letter-spacing: 0.5px;
			}
					.about .left .numbers .box span {
						float:left;
						width:100%;
						position:relative;
						margin:0px 0px 0.6vw 0px;
						color: #cc452d;
						font-family: Oswald;
						font-size: 4.75vw;
						line-height:4.75vw;
						font-weight: 400;
						text-transform: uppercase;
						text-align:center;
						letter-spacing: 1.8px;
					}
				.about .left .numbers .box:nth-child(1) {
					border-bottom:1px solid #d2981e;
				}
	.about .right {
		float: left;
		width: 60%;
		height: 100%;
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
		.about .right .text {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 2.5vw 0px;
			padding:0px 5vw 0px 5vw;
			color: #231f20;
			font-size: 0.9vw;
			font-weight: 300;
			line-height: 1.4vw;
			text-align:justify;
		}
		.about .right .partner {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 7vw 0px 7vw;
		}
			.about .right .partner .linkPartner .imgSocial {
				width:3.5vw;
				-webkit-filter: brightness(0%); /* Safari 6.0 - 9.0 */
				filter: brightness(0%);
			}

.developer {
	float:left;
	width:100%;
	height:26vw;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:10vw 0px 10vw 0px;
}
	.developer .inside {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 24vw 0px 24vw;
		z-index:2;
	}
		.developer .inside .header {
			float:left;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			color: #cc452d ;
			font-family: Oswald;
			font-size: 2.6vw;
			line-height:2.6vw;
			font-weight: 400;
			text-transform: uppercase;
			letter-spacing: 1px;
			text-align: center;
		}
		.developer .inside .text {
			float:left;
			position:relative;
			margin:2vw 0px 2vw 0px;
			padding:0px 0px 0px 0px;
			color: #333333;
			font-family: Roboto;
			font-size: 0.95vw;
			font-weight: 300;
			line-height: 1.5vw;
			text-align:center;
			opacity:0.7;
		}
		.developer .inside .Gmore {
			color:#fff;
			background: url(images/buttonDeveloper.jpg) center no-repeat;
			background-size:cover;
			border-radius:5px;
		}
			.developer .inside .Gmore:hover {
				background: url(images/buttonDeveloperHover.jpg) center no-repeat;
				background-size:cover;
				border-radius:5px;
			}
	.developer .mainFoto {
		float:left;
		width:100%;
		height:100%;
		position:absolute;
		left:0;
		top:0;
		z-index:1;
	}
		.developer .mainFoto .img {
			float:left;
			width:100%;
			height:100%;
			object-fit: cover;	
		}
		
.page {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:5vw 0px 5vw 0px;
}
	.page .inside {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 8.7vw 0px 8.7vw;
		z-index:2;
	}
		.langBox {
			float:right;
			position:relative;
			top:0;
			right:0;
		}
		.page .inside .header {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 2vw 0px;
			padding:0px 0px 2.5vw 0px;
			color: #231f20;
			font-family: Oswald;
			font-size: 2.6vw;
			line-height:2.6vw;
			font-weight: 400;
			text-transform: uppercase;
			text-align:center;
			letter-spacing: 1px;
			border-bottom:1px solid #cccccc;
		}
			.page .mainFoto {
				float:left;
				width:35%;
				height:20vw;
				position:relative;
			}
				.page .mainFoto .img {
					float:left;
					width:100%;
					height:100%;
					object-fit: cover;	
				}
			.page .date {
				float:right;
				width:60%;
				position:relative;
				margin:0px 0px 2vw 0px;
				padding:0px 0px 0px 0px;
				color: #cc452d;
				font-family: Oswald;
				font-size: 1vw;
				line-height:1vw;
				font-weight: 400;
				text-transform: uppercase;
				letter-spacing: 0.5px;
				overflow:hidden;
			}
			.page .text {
				float:right;
				width:60%;
				position:relative;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				color: #231f20;
				font-weight:300;
				font-size:1vw;
				line-height:1.4vw;
				text-align:justify;
			}
					.page .text.textAll { width:100%; }
					.page .text.imgScale img { width:100%;height:auto; }
				.page .text a {
					color:#fb4b62;
					text-decoration:none;
				}
				.page .text a:hover {
					color:#fb4b62;
					text-decoration:underline;
				}
				.page .text ul, .text ol { 
					float:left;
					width:100%;	
					position:relative;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
				}
					.page .text ul li {
						float:left;		
						width: 100%;
						margin:0px 0px 0.1vw 0px;
						padding:0px 0px 0px 1.3vw;	
						position:relative;				
						list-style: none; 
						background: url(images/ul_li_arrow.svg) top 0.4vw left no-repeat;
						box-sizing: border-box;
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
					}
					.page .text ol li {
						float:left;		
						width: 100%;
						margin:0px 0px 0.1vw 1.3vw;
						padding:0px 0px 0px 0px;
						position:relative;
					}
				.page .text table {
					float:left;
					width:100%;
					color: #5c5c5c;
					font-size: 1vw;
					font-weight: 300;
					line-height: 1.4vw;
					border-spacing: 0; 
					border: 0; 
					border-collapse: collapse;
				}
				.page .text table thead {
					background-color:#fafafa;
				}
				.page .text table tr td {
					padding:0.5vw 0.8vw 0.5vw 0.8vw;
					border:1px solid #e5e5e5;
				}
				.page .text table tr:hover {
					background-color:#fafafa;
				}
				.page .galleryFoto {
					float:left;
					width:100%;
					position:relative;
					margin:3vw 0px 0px 0px;
					padding:0px 0px 0px 0px;
					display:flex;
					flex-direction:row;
					flex-wrap:wrap;
					justify-content:space-between;
					align-items:center;
					align-content:center;
				}
					.page .galleryFoto .box {
						float:left;
						width: calc(25% - 2px);
						height:12vw;
						position:relative;
						margin:0px 0px 2px 0px;
					}
						.page .galleryFoto .box .img {
							float:left;
							width:100%;
							height:100%;
							object-fit: cover;	
						}	

		.iframeNewsletter {
			float:left;
			width:100%;
			height:1000px;
			position:relative;
		}
		
.contact {
	float:left;
	width:100%;
	height:26vw;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
	.contact .header {
		float:left;
		width:40%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		color: #fff;
		font-family: Oswald;
		font-size: 2.6vw;
		line-height: 2.6vw;
		font-weight: 400;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	.contact .social {
		float:left;
		width:60%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-end;
		align-items:flex-end;
		align-content:center;
	}
		.contact .social .linkSocial {
			float:left;
			width:1.85vw;
			height:2.6vw;
			position:relative;
			margin:0px 0px 0px 2vw;
		}
			
	.contact .headerSmall {
		float:left;
		width:100%;
		position:relative;
		margin:0.5vw 0px 0px 0px;
		padding:0px 0px 0px 0px;
		color: #fff;
		font-size: 1.1vw;
		line-height: 1.1vw;
		font-weight: 400;
	}
	.contact .left {
		float:left;
		width:70%;
		height:100%;
		position:relative;
		padding:0px 6vw 0px 8vw;
		background: #000000;
		
	}
		.contact .left .text {
			float:left;
			width:100%;
			position:relative;
			margin:2vw 0px 0px 0px;
			padding:0px 0px 0px 0px;
			color: #8a8a8a;
			font-size: 0.95vw;
			font-weight: 300;
			line-height: 1.3vw;
		}
		.contact .left .text strong {
			float:left;
			width:100%;
			position:relative;
			margin:0vw 0px 1vw 0px;
			padding:0px 0px 0px 0px;
			color: #fff;
			font-size: 1.1vw;
			line-height: 1.1vw;
			font-weight: 400;
		}
				.contact .left .text a {
					text-decoration:none;
					color: #8a8a8a;
				}
				.contact .left .text a:hover {
					text-decoration:underline;
					color: #fff;
				}
			.contact .left .text table {
				float:left;
				width:30% !important;
				height:3.15vw !important;
				position:relative;
				margin:0px 0px 1vw 0px;
				padding:0px 0px 0px 0px;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}
				.contact .left .text table:nth-of-type(1) {
					background: url(images/contact_icon_1.svg) left no-repeat;
					background-size:2.73vw !important;
				}
				.contact .left .text table:nth-of-type(2) {
					background: url(images/contact_icon_2.svg) left no-repeat;
					background-size:2.73vw !important;
				}
				.contact .left .text table:nth-of-type(3) {
					width:40% !important;
					background: url(images/contact_icon_3.svg) left no-repeat;
					background-size:2.73vw !important;
				}
					.contact .left .text table tr {
						height:3.15vw !important;
					}
					.contact .left .text table tr td {
						padding:0px 0px 0px 4vw;
						height:3.15vw !important;
						box-sizing: border-box;
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
					}
				.contact .left .text p {
					float:left;
					width:100%;
				}					
	.contact .right {
		float:left;
		width:30%;
		height:100%;
		position:relative;
		padding:0px 8vw 0px 6vw;
		background: url(images/contactRight.jpg) center no-repeat;
		background-size:cover;
	}
		.contact .right .header {
			width:100%;
		}
		.contact .right .more {
			float:left;
			width:100%;
			height:3vw;
			position:relative;
			margin:2vw 0px 0px 0px;
			padding:0px 0px 0px 0px;
			color: #fff;
			font-family: Oswald;
			font-size: 1.2vw;
			font-weight: 400;
			line-height: 1.2vw;
			text-transform: uppercase;
			text-decoration:none;
			letter-spacing: 0.33px;
			border-radius:5px;
			background:#000;
		}
		
			.contact .right .more:hover {
				text-decoration:underline;
				color: #fff;
			}
				
		.newsletterForm {
			float:left;
			width:100%;
			margin:2.1vw 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
		}
			.newsletterForm .newsletter-input {
				float:left;
				width:100%;
				height:2.6vw;
				position:relative;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 1.5vw;
				font-family: 'Roboto', sans-serif;
				color: #000;
				font-size: 1vw;
				font-weight: 400;
				line-height: 1vw;
				letter-spacing: 0.36px;
				background:#fff;
				text-align:left;
				border:0;
			}
			.newsletterForm .newsletter-submit {
				float:left;
				width:2.6vw;
				height:2.6vw;
				position:absolute;
				top:0;
				right:0;
				margin:0px 0px 1vw 0px;
				padding:0px 0px 0px 0px;
				color: #ffffff;
				font-size: 0vw;
				line-height: 0vw;
				text-transform: uppercase;
				letter-spacing: 0.36px;
				background:#f6c415 url(images/newsletterSubmit.svg) center no-repeat;
				border:0;
				cursor:pointer;
			}
			.newsletterForm-checkbox {
				float:left;
				width:100%;	
				position:relative;
				margin:1vw 0px 0px 0px;
				padding:0px 0px 0px 0px;
				color: #ffffff;
				font-size: 0.6vw;
				font-weight: 400;
				line-height: 1vw;
				letter-spacing: 0.36px;
				cursor:pointer;
			}
				.newsletterForm-checkbox .checkbox {
					float:left;
					height:2vw;
					margin:0vw 0px 0px 0px;
				}
				.newsletterForm-checkbox .checkbox-text {
					float:right;
					width:calc(100% - 1.5vw);
					position:relative;
				}
					.newsletterForm-checkbox .checkbox-text em {
						font-style:normal;
						color: #f6c415;
					}
				.newsletter .newsletter-input:focus, .newsletter .newsletter-submit:focus {
					outline:none;
				}
				
				
/* START ANIMATION */

.number {
	float:left;
	width:100%;
	height:7vw;
	position:relative;
}

.switch {
	float:left;
	width:47vw;
	height:30vw;
	position:relative;
}
.animationBox {
	float:left;
	width:33.33%;
	height:15vw;
	position:relative;
	overflow:hidden;
}
.animation30 {
	float:left;
	width:150%;
	height:20vw;
	position:relative;
	left:-25%;
	bottom:0;
	margin:-3vw 0px 0px 0px;
}



/* END ANIMATION */
	
.mainFoto {
	float:left;
	width:35%;
	position:relative;
}
	.mainFoto .img {
		float:left;
		width:100%;
		height:100%;
		object-fit: cover;	
	}
	
.galleryFoto {
	float:left;
	width:100%;
	position:relative;
	margin:5px 0px 5px 0px;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	align-content:center;
}
	.galleryFoto .box {
		float:left;
		width: calc(25% - 5px);
		height:12vw;
		position:relative;
		margin:0px 0px 5px 0px;
	}
		.galleryFoto .box .img {
			float:left;
			width:100%;
			height:100%;
			object-fit: cover;	
		}
		
.galleryFotoOwl {
	float:left;
	width:100%;
	height:25vw;
	position:relative;
	margin:0px 0px 2vw 0px;
	padding:0px 0px 0px 0px;
}
	.galleryFotoOwl .box {
		float:left;
		width:100%;
		height:100%;
		position:relative;
	}
		.galleryFotoOwl .box .img {
			float:left;
			width:100%;
			height:100%;
			object-fit: cover;	
		}
	.galleryFotoOwl .owl-nav { 
		float:left;
		width:100%;
		margin:-1.6vw 0px 0px 0px;
		left:0;
		top:50%;
		position:absolute;
		z-index:5; 	
		font-size:0;
	}
		.galleryFotoOwl .owl-nav .owl-next {
			float:left;
			width:3.2vw;
			height:3.2vw;
			position:absolute;
			top:0;
			right:4%;
			font-size: 0;
			background: url(images/owlNav_arrowRight.svg) center no-repeat !important;
			background-size:3.15vw;
		}
		.galleryFotoOwl .owl-nav .owl-prev {
			float:left;
			width:3.2vw;
			height:3.2vw;
			position:absolute;
			top:0;
			left:4%;	
			font-size: 0;
			background: url(images/owlNav_arrowLeft.svg) center no-repeat !important;
			background-size:3.15vw;
		}
			.galleryFotoOwl .owl-nav .owl-next:focus, .galleryFotoOwl .owl-nav .owl-prev:focus {
				outline:none;
			}
	.galleryFotoOwl .owl-dots { 
		float:left;
		width:100%;
		position:absolute;
		left:0;
		bottom:1vw;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		align-content:center;
	}
		.galleryFotoOwl .owl-dots .owl-dot { 
			float:left;
			width:0.7vw;
			height:0.7vw;		
			margin:0px 0.3vw 0px 0.3vw;
			padding:0px 0px 0px 0px;
			position:relative;
			background:#000;
			border-radius:4vw;
		}
		.galleryFotoOwl .owl-dots .active { 
			background:#e12e38;
		}
			.galleryFotoOwl .owl-dots .owl-dot:focus {
				outline:none;
			}
		
.filesBox {
	float:left;
	width:100%;
	position:relative;
	margin:1vw 0px 1vw 0px;
	padding:0px 0px 0px 0px;
}
	.filesBoxFile {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0.5vw 0px 0.5vw 0px;
		font-size:1vw;
		line-height:1vw;
		color:#000;
		text-decoration:none;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-items:center;
		align-content:center;
	}
		.filesBoxFile .img {
			float:left;
			width:3vw;
			position:relative;
			margin:0px 1vw 0px 0px;
		}
		.filesBoxFile:hover {
			color:#e12e38;
		}
				
.googleMap {
	float:left;
	width:100%;
	height:25vw;
	position:relative;
}
	.googleMap .mapaBox {
		float:left;
		width:100%;
		height:100%;
		position:relative;
	}
		.contentMap {
			float:left;
			position:relative;
			padding:0.8vw;
		}
			.contentMap__name {
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 0.5vw 0px;
				color: #383436;
				font-size: 1.1vw;
				font-weight: 800;
				line-height: 1.1vw;
				text-align:left;
				letter-spacing: 1px;
			}
			.contentMap__text {
				float:left;
				width:100%;
				position:relative;
				color: #383436;
				font-size: 0.9vw;
				font-weight: 400;
				line-height: 1.3vw;
				text-align:left;
				letter-spacing: 1px;
			}
				.gm-ui-hover-effect {
					top:3px !important;
					right:3px !important;
				}
				
.formBox { 
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:2vw 0px 2vw 0px;
}
	.formBox__inside { 
		float:left;
		width:100%;
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:center;
		align-content:center;
	}
	.formBox__inputBox { 
		float:left;
		width:24%;
		margin:0px 0px 1vw 0px; 
	}
		.formBox__inputBox.allWidth {
			width:100%;
		}	
	.formInput { 
		float:left;
		width:100%;
		height:2.5vw;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 1vw;
		color: #000;
		font-size:14px;
		line-height:14px;	
		border:1px solid #eaeaea;
		background:#ffffff;	
	}
	.formTextarea  { 
		float:left;
		width:100%;
		min-width:100%;
		max-width:100%;
		height:100px;
		min-height:100px;
		max-height:300px;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:1vw 0px 0px 1vw;
		color:#000;
		font-size:14px;
		line-height:14px;
		border:1px solid #eaeaea;
		background:#ffffff;	
	}
	.formSubmit  { 
		float:right;
		width:16vw;
		height:76px;
		background-color: #000;
		color: #ffffff;
		font-size: 16px;
		font-weight: 400;
		line-height: 30px;
		text-transform: uppercase;
		border:0px solid #dedede;
		cursor:pointer; 
		border-radius:2px;
	}	
	.formBox__checkBox {
		float:left;
		width:100%;
		margin:0px 0px 1vw 0px;
		cursor:pointer;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:center;
		align-content:center;
	}
	.formBox__checkInput {
		float:left;
		width:15px;
		height:15px;
		position:relative;
		border:1px solid #eaeaea;	
	}
	.formBox__checkText {
		float:left;
		width:calc(100% - 30px);
		position:relative;
		color:#000;
		font-size:14px;
		line-height:18px;
		font-weight:300;
		text-align:justify;
	}
		.formBox__checkText a {
			color:#000;
			text-decoration:underline;
		}
	.formInput:focus, .formTextarea:focus, .formSubmit:focus { outline:none; }
	
	.recaptcha {
		float:right;
		margin:0px 2vw 0px 0px;
		position:relative;
	}
	
.popup {
	float:left;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background: rgba(0,0,0,0.9);
	z-index:80;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}
	.popup__wrap {
		float:left;
		width:80%;
		position:relative;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		align-content:center;
	}
	.popup__title {
		float:left;
		width:100%;
		position:relative;
		color: #fff;
		font-size: 1.3vw;
		font-weight: 300;
		line-height: 1.6vw;
		text-align:center;
	}
		.popup__title a {
			color:#fff;
		}
	.popup__close {
		float:left;
		height: 3.15vw;
		position:relative;
		margin:20px 0px 0px 0px;
		padding:0px 2vw 0px 2vw;
		color: #fefefe;
		font-size: 1.1vw;
		font-weight: 300;
		line-height: 3.15vw;
		border:0;
		text-align:center;
		text-decoration:none;
		background:#ed1c24;
	}
	
.footer {
	float:left;
	width:100%;
	height:80px;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 2vw 0px 2vw;
	border-top:1px solid #e6e6e6;
	background:#fff;
}
	.footer .arrowUp {
		float:left;
		position:relative;
		z-index:10;
		cursor:pointer;
		color: #363636;
		font-size: 12px;
		font-weight: 600;
		line-height: 25px;
		text-transform: uppercase;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-items:center;
		align-content:center;
	}
		.footer .img {
			float:left;
			margin:0px 1vw 0px 0px;
		}
			.footer .arrowUp:hover {
				color:#fff;
			}
	.footer .menu {
		float:left;
		height:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		list-style: none; 
	}
		.footer .menu__name {
			float:left;
			height:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;		
		}			
		.footer .menu__href {
			float:left;
			height: 100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			font-family: Oswald;
			color: #000000;
			font-size:0.8vw;
			font-weight:400;
			line-height:0.8vw;
			text-transform:uppercase;
			text-decoration:none;
			letter-spacing: 0.75px;
			border-bottom: 0px solid #000;
		}
			.footer .menu__href:hover {
				color:#fc7f01;
				border-bottom: 0px solid #fc7f01;
			}
			.footer .menu__name.menu__active .menu__href {
				color:#fc7f01;
				border-bottom: 0px solid #fc7f01;
			}
		.footer .menu__hr {
			float:left;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0.5vw 0px 0.5vw;
		}
			.footer .menu__name:last-child .menu__href .menu__hr { 
				display:none;
				visibility:hidden;
			}
}

@media screen and (min-width: 0px) and (max-width: 1200px) {
.no-phone { display:none !important;visibility:hidden !important; }

.headerJp, .header span
{
	float: left;
	width: 100%;
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	font-family: "M PLUS 1", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;

	font-size: 3vw;
	line-height: 3.5vw;
}

.wrapper {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:4vw 4vw 4vw 4vw;
	position:relative;
	top:0;
	left:0;
	background:#000;
	z-index:30;
}	
		.wrapper.addColor { background:#000; }
	.wrapper .logo {
		float:left;
		width:35vw;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
		.wrapper .logo .img {
			width:100%;
		}	
	.wrapper .menu {
		display:none;
		float:left;
		width:100%;
		position:relative;
		margin:4vw 0px 0px 0px;
		padding:0px 0px 0px 0px;
		list-style: none; 
	}
		.wrapper .menu__name {
			float:left;
			width:100%;
			position:relative;
			margin:0px 1.6vw 0px 1.6vw;
			padding:0px 0px 0px 0px;		
		}			
		.wrapper .menu__href {
			float:left;
			width: 100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			font-family: Oswald;
			color:#ffffff;
			font-size:6vw;
			font-weight:400;
			line-height:10vw;
			text-transform:uppercase;
			text-decoration:none;
			letter-spacing: 0.75px;
			border-bottom: 0px solid #000;
		}
			.wrapper .menu__href:hover {
				color:#cc452d;
				border-bottom: 0px solid #fc7f01;
			}
			.wrapper .menu__name.menu__active .menu__href {
				color:#cc452d;
				border-bottom: 0px solid #fc7f01;
			}
		.wrapper .menu__hr {
			float:left;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
			.wrapper .menu__name:last-child .menu__href .menu__hr { 
				display:none;
				visibility:hidden;
			}
	.wrapper .other {
		display:none;
		float:left;
		width:100%;
		position:relative;
		margin:1vw 0px 0px 0px;
		padding:0px 0px 0px 0px;		
	}
		.wrapper .other .other__social {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			list-style: none; 			
		}
			.wrapper .other .other__social .menu__name:nth-child(1) {
				width:100%;
				padding:0px 0px 0px 0px;
				background: url(images/buttonDeveloper.jpg) center no-repeat;
				background-size:cover;
				border-radius:5px;
			}
				
				.wrapper .other .other__social .menu__name.menu__active:nth-child(1) .menu__href {
					color:#fff;
				}
				.wrapper .other .other__social .menu__name:nth-child(1) .menu__href:hover {
					color:#fff;
				}
		.wrapper .other .other__lang {
			float:left;
			width:100%;
			position:relative;
			margin:4vw 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
			.wrapper .other .other__lang .flag {
				float:left;
				width:6vw;
				position:relative;
				margin:0.15vw;
				padding:0px 2vw 0px 2vw;
				cursor:pointer;
			}
			
	.wrapper.smallWrapper {
		
	}
	.wrapper.smallWrapper .logo {
		
	}
	
	.wrapper .menuPhone { 
		float:right;
		width:10vw;
		margin:0px 0px 0px 0px !important;
		cursor:pointer;
		filter: brightness(0) invert(1);
		
	}
	
.slideShow {
	float:left;
	width:100%;
	height:60vw;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
	.slideShow .slideShow-owl {
		float:left;
		width:100%;
		height:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
		.slideShow .slideShow-owl .slide {
			float:left;
			width:100%;
			height:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
		}
			.slideShow .slideShow-owl .slide .inside {
				float:left;
				width:80%;
				position:relative;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				z-index:3;			
			}
				.slideShow .slideShow-owl .slide .inside .text {
					float:left;
					width:100%;
					position:relative;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					color:#fff;
					font-size:2vw;
					line-height:3vw;
					font-weight:300;
					position:relative;
				}
					.slideShow .slideShow-owl .slide .inside .text strong {
						float:left;
						width:100%;
						position:relative;
						margin:0px 0px 0px 0px;
						padding:0px 0px 0px 0px;
						font-size:5vw;
						line-height:6vw;
					}
					.slideShow .slideShow-owl .slide .inside .text a {
						float:left;
						position:relative;
						margin:2vw 0px 0px 0px;
						padding:0px 2vw 0px 2vw;
						color:#fff;
						text-decoration:none;
						font-size:1.5vw;
						line-height:3vw;
						border:1px solid #fff;
					}
						.slideShow .slideShow-owl .slide .inside .text a:hover {
							color:#000;
							border:1px solid #000;
						}
			.slideShow .slideShow-owl .slide .img {
				float:left;
				width:100%;
				height:100%;
				position:absolute;
				left:0;
				top:0;
				object-fit: cover;
				z-index:2;
			}
	.slideShow .slideShow-owl .owl-nav { 
		display:none !important;
		visibility:hidden !important;
	}
		.slideShow .slideShow-owl .owl-nav .owl-next {
			float:left;
			width:3.2vw;
			height:3.2vw;
			position:absolute;
			top:0;
			right:2%;
			font-size: 0;
			background: url(images/owlNav_arrowRight.svg) center no-repeat !important;
			background-size:100% 100% !important;
		}
		.slideShow .slideShow-owl .owl-nav .owl-prev {
			float:left;
			width:3.2vw;
			height:3.2vw;
			position:absolute;
			top:0;
			left:2%;	
			font-size: 0;
			background: url(images/owlNav_arrowLeft.svg) center no-repeat !important;
			background-size:100% 100% !important;
		}
			.slideShow .slideShow-owl .owl-nav .owl-next:focus, .slideShow .slideShow-owl .owl-nav .owl-prev:focus {
				outline:none;
			}
	.slideShow .slideShow-owl .owl-dots { 
		float:left;
		width:94%;
		left:2%;
		bottom:4vw;
		position:absolute;
		z-index:5; 
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-items:center;
		align-content:center;
	}
	.slideShow .slideShow-owl .owl-dots .owl-dot { 
		float:left;
		width:3vw;
		height:3vw;
		position:relative;
		margin:0px 1vw 0px 0px;
		padding:0px 0px 0px 0px;
		color: #3b3a3a;
		font-size: 0.8vw;
		font-weight: 400;
		line-height: 0.8vw;
		background:#4c4d4f;
		border-radius:40em;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		align-content:center;
	}
		
		.slideShow .slideShow-owl .owl-dots .owl-dot:focus {
			outline:none;
		}
	.slideShow .slideShow-owl .owl-dots .active { 
		float:left;
		width:3vw;
		height:3vw;
		position:relative;
		color: #000;
		border:0px solid #fff;
		border-radius:40em;
		background:#fff;
	}
	
	.slideShow .scrollDown {
		display:none !important;
		visibility:hidden !important;
	}
		
	.slideShow .other {
		float:left;
		width:50%;
		position:absolute;
		margin:0px 25% 0px 25%;
		right:0;
		bottom:2vw;
		z-index:10;
	}
		.slideShow .other .social {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
			.slideShow .other .social .linkSocial {
				visibility:hidden;
				float:left;
				width:6vw;
				height:6vw;
				position:relative;
				margin:0px 1vw 0px 1vw;
				background: url(images/socialBg.png) center no-repeat;
				background-size:cover;
			}
				.slideShow .other .social .linkSocial:hover {
					float:left;
					width:2.85vw;
					height:2.85vw;
					position:relative;
					margin:0px 0.8vw 0px 0.8vw;
					background: url(images/socialBgHover.png) center no-repeat;
					background-size:cover;
				}
					.slideShow .other .social .linkSocial .imgSocial {
						max-width:50%;
						max-height:70%;
					}
		.slideShow .other  .partner {
			float:left;
			width:100%;
			height:8vw;
			position:relative;
			margin:1.5vw 0px 0px 0px;
			padding:0px 0px 0px 0px;
			border-top:1px solid rgba(255,255,255,0.4);
		}
			.linkPartner {
				visibility:hidden;
				float:left;
				width:6vw;
				position:relative;
				margin:0px 1vw 0px 1vw;
			}
			.slideShow .other .partner .linkPartner .imgSocial {
				max-width:95%;
				max-height:70%;
				filter: brightness(0) invert(1);
			}
	
	.video {
		float:left;
		position:absolute;
		left:0;
		top:-15%;
		width:100%;
		min-width:100%;
		height:130%;		
		min-height:130%;		
		z-index: 3;
		object-fit: cover;	
	}
	
.Gmore {
	float:left;
	width:100%;
	height:8vw;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color: #231f20;
	font-family: Oswald;
	font-size: 4vw;
	font-weight: 400;
	line-height: 4vw;
	text-transform: uppercase;
	text-decoration:none;
	letter-spacing: 0.33px;
	border:1px solid #cc452d;
	border-radius:10px;
}
	.Gmore:hover {
		color: #cc452d;
	}
	
.addMargin { 
	display:none !important;
	visibility:hidden !important;
}
	
.home__main {
	float:left;
	width:100%;
	position:relative;
}
	.home__main .left {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:8vw 4vw 8vw 4vw;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-items:flex-start;
		align-content:flex-start;
	}
		.home__main .left .text {
			float:left;
			position:relative;
			margin:0px 0px 4vw 0px;
			padding:0px 0px 0px 0px;
			color: #231f20;
			font-size: 3.5vw;
			font-weight: 300;
			line-height: 4.5vw;
			text-align:justify;
		}
			.home__main .left .text h1 {
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 4vw 0px;
				color: #231f20;
				font-family: Oswald;
				font-size: 6vw;
				line-height:7vw;
				font-weight: 400;
				text-transform: uppercase;
				text-align:justify;
				letter-spacing: 1px;
			}
				.home__main .left .text h1 em {
					font-style:normal;
					color: #cc452d;
				}
	.home__main .right {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		background:#f4f4f4;
	}
		.home__main .right .numbers {
			float:left;
			width:100%;
			height:35vw;
			position:relative;
			top:0;
			right:0;
			background: url(images/numbersBg.jpg) center no-repeat;
			background-size:cover;
			z-index:2;
		}
			.home__main .right .numbers .box {
				float:left;
				width:50%;
				height:100%;
				position:relative;
				color: #231f20;
				font-family: Oswald;
				font-size: 5vw;
				line-height: 5vw;
				font-weight: 400;
				text-transform: uppercase;
				letter-spacing: 0.5px;
			}
					.home__main .right .numbers .box span {
						float:left;
						width:100%;
						position:relative;
						margin:0px 0px 0.6vw 0px;
						color: #cc452d;
						font-family: Oswald;
						font-size: 10vw;
						line-height:10vw;
						font-weight: 400;
						text-transform: uppercase;
						text-align:center;
						letter-spacing: 1.8px;
					}
				.home__main .right .numbers .box:nth-child(1) {
					border-right:1px solid #d2981e;
				}
		.home__main .right .mainFoto {
			float:left;
			width:100%;
			height:100%;
			position:absolute;
			top:0;
			left:0;
			z-index:1;
		}
			.home__main .right  .mainFoto .img {
				float:left;
				width:100%;
				height:100%;
				object-fit: cover;	
			}
			
.home__trade {
	float:left;
	width:100%;
	position:relative;
	margin:5px 0px 0px 0px;
	padding:8vw 0px 8vw 0px;
	background-color: #f4f4f4;
}
	.home__trade .left {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-items:flex-start;
		align-content:flex-start;
	}
		.home__trade .left .text {
			float:left;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			color: #231f20;
			font-size: 5.5vw;
			font-weight: 300;
			line-height: 6.5vw;
			text-align:justify;
		}
			.home__trade .left .text h2 {
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 0px 0px;
				color: #231f20;
				font-family: Oswald;
				font-size: 5.5vw;
				line-height:6.5vw;
				font-weight: 400;
				text-transform: uppercase;
				text-align:center;
				letter-spacing: 1px;
			}
				.home__trade .left .text h2 em {
					font-style:normal;
					color: #cc452d;
				}
	.home__trade .right {
		float:left;
		width:96%;
		position:relative;
		margin:8vw 2% 0px 2%;
		padding:0px 0px 0px 0px;
	}
		.home__trade .right .tradeOwl {
			float:left;
			width:100%;
			height:12vw;
			position:relative;
			margin:0px 0px 2vw 0px;
			padding:0px 0px 0px 0px;
		}
			.home__trade .right .tradeOwl .box {
				float:left;
				width:100%;
				height:100%;
				position:relative;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:center;
				align-items:center;
				align-content:center;
			}
				.home__trade .right .tradeOwl .box .img {
					float:left;
					width:auto;
					height:auto;
					max-width:80%;
					max-height:90%;
				}
				
.home__news {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
	.home__news .header {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		color: #231f20;
		font-family: Oswald;
		font-size: 6vw;
		line-height: 6vw;
		font-weight: 400;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	.home__news .GmoreOne {
		float:right;
		position:absolute;
		top:10.8vw;
		right:0;
		width:45%;
		margin:0px 2vw 0px 0px;
	}
	.home__news .left {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:12vw 4vw 2vw 4vw;
		border-bottom:1px solid #e6e6e6;
	}
		.home__news .left .list {
			float:left;
			width:100%;
			position:relative;
			margin:8vw 0px 0px 0px;
		}
			.home__news .left .list .box {
				float:left;
				width:100%;
				height:100%;
				position:relative;
				margin:0px 0px 8vw 0px;
			}
				.home__news .left .list .box .mainFoto {
					float:left;
					width:100%;
					height:55vw;
					position:relative;
					border:1px solid #e6e6e6;
				}
					.home__news .left .list .box .mainFoto .img {
						float:left;
						width:100%;
						height:100%;
						object-fit: cover;	
					}
				.home__news .left .list .box .date {
					float:left;
					width:100%;
					position:relative;
					margin:4vw 0px 0px 0px;
					color: #cc4231;
					font-family: Oswald;
					font-size: 4vw;
					line-height: 4vw;
					font-weight: 400;
					text-transform: uppercase;
					letter-spacing: 0.36px;
				}
				.home__news .left .list .box .name {
					float:left;
					width:100%;
					position:relative;
					margin:2vw 0px 4vw 0px;
					color: #231f20;
					font-family: Oswald;
					font-size: 5vw;
					line-height:6.5vw;
					font-weight: 400;
					text-transform: uppercase;
					letter-spacing: 0.5px;
				}
				.home__news .left .list .box .Gmore {
				
				}
					.home__news .left .list .box:hover .Gmore {
						color: #cc4231;
					}
		
	.home__news .right {
		float:left;
		width:100%;
		height:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:8vw 4vw 8vw 4vw;
	}
		.home__news .right .twitter {
			float:left;
			width:100%;
			height:80vw;
			position:relative;
			margin:3.15vw 0px 0px 0px;
			overflow:hidden;
			overflow-y:scroll;
		}
		
.game {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:8vw 0px 8vw 0px;
}
	.game .inside {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 4vw 0px 4vw;
		z-index:2;
	}
		.game .inside .header {
			visibility:hidden;
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 4vw 0px;
			padding:0px 0px 4.5vw 0px;
			color: #231f20;
			font-family: Oswald;
			font-size: 6vw;
			line-height:6vw;
			font-weight: 400;
			text-transform: uppercase;
			text-align:center;
			letter-spacing: 1px;
			border-bottom:1px solid #cccccc;
		}
		.game .inside .submenu {
			visibility:hidden;
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 4vw 0px;
			padding:0px 0px 0px 0px;
		}
			.game .inside .submenu .menu__href {
				float:left;
				position:relative;
				margin:0px 0px 0px 0px;
				padding:0px 1.35vw 0px 1.35vw;
				color: #231f20;			
				font-family: Oswald;
				font-size: 4vw;
				line-height:8vw;
				font-weight: 400;
				text-transform: uppercase;
				text-decoration:none;
				letter-spacing: 0.44px;
			}
				.game .inside .submenu .menu__href:hover, .game .inside .submenu .menu__href.game_active {
					color: #de5f4a;
				}
		.game .inside .list {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}	
			.game .inside .list .box {
				visibility:hidden;
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 4vw 0px;
				padding:4vw;
				border:1px solid #f4f4f4;
				-webkit-box-shadow: 0px 4px 20px -4px rgba(0,0,0,0.15);
				-moz-box-shadow: 0px 4px 20px -4px rgba(0,0,0,0.15);
				box-shadow: 0px 4px 20px -4px rgba(0,0,0,0.15);
				cursor:pointer;
			}
					.game .inside .list .box:nth-child(4n) {
						margin:0px 0px 1.5vw 0px;						
					}
				.game .inside .list .box .mainFoto {
					float:left;
					width:100%;
					height:50vw;
					position:relative;
				}
					.game .inside .list .box .mainFoto .img {
						float:left;
						width:100%;
						height:100%;
						object-fit: cover;	
					}
				.game .inside .list .box .name {
					float:left;
					width: calc(100% - 10vw);
					position:relative;
					margin:4vw 0px 0.5vw 0px;
					padding:0px 1vw 4vw 1vw;
					color: #231f20;
					font-family: Oswald;
					font-size: 4vw;
					line-height:4.5vw;
					font-weight: 400;
					text-transform: uppercase;
					letter-spacing: 0.5px;
					overflow:hidden;
				}
				.game .inside .list .box .more {
					float:right;
					width:6vw;
					margin:3vw 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
				}
				
.popupGame {
	display:none;
	float:left;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background: rgba(0,0,0,0.3);
	z-index:40;
}
	.popupGame .inside {
		float:left;
		width:100%;
		height:100%;
		position:relative;
		z-index:5;
	}
		.popupGame .inside .gameClose {
			float:right;
			width:8vw;
			position:absolute;
			top:0;
			right:0;
			cursor:pointer;
		}
	.popupGame .inside .boxGame {
		float:left;
		width:96%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:3vw 5vw 3vw 5vw;
		background:#fff;
		z-index:5;
	}	
		.popupGame .inside .boxGame .name {
			float:left;
			width: calc(100% - 25vw);
			position:relative;
			margin:0px 0px 2.5vw 0px;
			padding:0px 0px 0px 0px;
			color: #231f20;
			font-family: Oswald;
			font-size: 6vw;
			line-height:6vw;
			font-weight: 400;
			text-transform: uppercase;
			letter-spacing: 0.5px;
			overflow:hidden;
		}
		.popupGame .inside .boxGame .logoGame {
			float:left;
			height:8vw;
			margin:-0.5vw 0px 0px 0.5vw;
			padding:0px 0px 0px 0px;
			position:relative;
			filter: brightness(0);
		}
			.popupGame .inside .boxGame .logoGame .img {
				float:left;
				height:100%;
			}
		.popupGame .inside .boxGame .mainFoto {
			display:none !important;
			visibility:hidden !important;
		}
			.popupGame .inside .boxGame .mainFoto .img {
				float:left;
				width:100%;
				height:100%;
				object-fit: cover;	
			}
		.popupGame .inside .boxGame .text {
			float:left;
			width:100%;
			position:relative;
			margin:2vw 0px 0px 0px;
			padding:0px 0px 0px 0px;
			color: #231f20;
			font-size: 3.5vw;
			font-weight: 300;
			line-height: 4.5vw;
			text-align:justify;
		}
		.popupGame .inside .boxGame .galleryFotoOwl {
			float:left;
			width:100%;
			height:45vw;
			position:relative;
			margin:4vw 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
			.popupGame .inside .boxGame .galleryFotoOwl .box {
				float:left;
				width:100%;
				height:100%;
				position:relative;
				overflow:hidden;
			}
				.popupGame .inside .boxGame .galleryFotoOwl .box .img {
					float:left;
					width:100%;
					height:100%;
					object-fit: cover;	
				}
					.popupGame .inside .boxGame .galleryFotoOwl .box .img.imgMovie {
						float:left;
						width:120%;
						height:120%;
						margin:-7% 0px 0px -10%;
						object-fit: cover;	
					}
				.popupGame .inside .boxGame .galleryFotoOwl .box .fade {
					float:left;
					width:100%;
					height:100%;
					position:absolute;
					top:0;
					left:0;
					background: rgba(0,0,0,0.5);
				}
					.popupGame .inside .boxGame .galleryFotoOwl .box .fade .playButton {
						float:left;
						width:60px;
						position:relative;
						filter: brightness(0) invert(1);
					}
			.popupGame .inside .boxGame .galleryFotoOwl .owl-nav { 
				float:left;
				width:100%;
				margin:-3vw 0px 0px 0px;
				left:0;
				top:50%;
				position:absolute;
				z-index:5; 	
				font-size:0;
			}
				.popupGame .inside .boxGame .galleryFotoOwl .owl-nav .owl-next {
					float:left;
					width:6vw;
					height:6vw;
					position:absolute;
					top:0;
					right:-4vw;
					font-size: 0;
					background: url(images/gameArrowRight.png) center no-repeat !important;
					background-size:cover !important;
				}
				.popupGame .inside .boxGame .galleryFotoOwl .owl-nav .owl-prev {
					float:left;
					width:6vw;
					height:6vw;
					position:absolute;
					top:0;
					left:-4vw;	
					font-size: 0;
					background: url(images/gameArrowLeft.png) center no-repeat !important;
					background-size:cover !important;
				}
					.popupGame .inside .boxGame .galleryFotoOwl .owl-nav .owl-next:focus, .galleryFotoOwl .owl-nav .owl-prev:focus {
						outline:none;
					}
	.popupGame .closeBackgrund {
		float:left;
		width:100%;
		height:100%;
		position:absolute;
		left:0;
		top:0;
		z-index:4;
	}
			
.news {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:8vw 0px 8vw 0px;
}
	.news .inside {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 4vw 0px 4vw;
		z-index:2;
	}
		.news .inside .header {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 4vw 0px;
			padding:0px 0px 4.5vw 0px;
			color: #231f20;
			font-family: Oswald;
			font-size: 6vw;
			line-height:6vw;
			font-weight: 400;
			text-transform: uppercase;
			text-align:center;
			letter-spacing: 1px;
			border-bottom:1px solid #cccccc;
		}
		.news .inside .list {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}	
			.news .inside .list .box {
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 6vw 0px;
				padding:4vw;
				border:1px solid #f4f4f4;
				-webkit-box-shadow: 0px 4px 20px -4px rgba(0,0,0,0.15);
				-moz-box-shadow: 0px 4px 20px -4px rgba(0,0,0,0.15);
				box-shadow: 0px 4px 20px -4px rgba(0,0,0,0.15);
			}
					.news .inside .list .box:nth-child(4n) {
						margin:0px 0px 1.5vw 0px;						
					}
				.news .inside .list .box .mainFoto {
					float:left;
					width:100%;
					height:55vw;
					position:relative;
				}
					.news .inside .list .box .mainFoto .img {
						float:left;
						width:100%;
						height:100%;
						object-fit: cover;	
					}
				.news .inside .list .box .name {
					float:left;
					width:100%;
					position:relative;
					margin:6vw 0px 2vw 0px;
					padding:0px 0px 0px 0px;
					color: #231f20;
					font-family: Oswald;
					font-size: 5vw;
					line-height:6vw;
					font-weight: 400;
					text-transform: uppercase;
					letter-spacing: 0.5px;
					overflow:hidden;
				}
				.news .inside .list .box .date {
					float:left;
					width:100%;
					position:relative;
					margin:0px 0px 0.5vw 0px;
					padding:0px 0px 0px 0px;
					color: #cc452d;
					font-family: Oswald;
					font-size: 4vw;
					line-height:4vw;
					font-weight: 400;
					text-transform: uppercase;
					letter-spacing: 0.5px;
					overflow:hidden;
				}
				.news .inside .list .box .nameSmall {
					float:left;
					width:100%;
					height:2.6vw;
					position:relative;
					margin:0vw 0px 0px 0px;
					padding:0px 1vw 0px 1vw;
					color: #231f20;
					font-size: 0.8vw;
					font-weight: 300;
					line-height: 1.3vw;
					overflow:hidden;
				}
				.news .inside .list .box .Gmore {
					width:100%;
					position:relative;
					left:0;
					bottom:0;
					padding:0px 0px 0px 0px;
					margin:2vw 0px 0px 0px;
				}
					.news .inside .list .box:hover .Gmore {
						color: #cc4231;
					}

.work {

}
.work .list .box.noFoto {
	
}
.page.pageWork .inside .header {
	text-align: left;
}
.pageWork .inner {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 4vw 0px;
}
.pageWork .inner .date {
	width: 100%;
	color: #000;
	margin: 2vw 0px 2vw 0vw;
}
.pageWork .text h2,
.pageWork .text h3
{
	float: left;
    width: 100%;
    position: relative;
    margin: 4.5vw 0px 1.5vw 0px;
    padding: 0px 0px 1.5vw 0px;
	color: #cc452d;
    font-family: Oswald;
    font-size: 4vw;
    line-height: 5vw;
    font-weight: 400;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 1px;

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
}
.pageWork .text h2:before,
.pageWork .text h3:before
{
	content: ' ';
	float: left;
	width: 2.7vw;
	height: 1px;
	position: relative;
	margin: 0px 2.5vw 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: rgba(0,0,0,0.3);
}
.pageWork .Gmore {
	margin: 6vw 0px 0px 0px;
}
.pageWork .inner__right {
	float:right;
	width:100%;
	position:relative;
	margin:6vw 0px 0px 0px;
	padding:0px 0px 4vw 0px;
}
.page.pageWork .inner__right  .mainFoto {
	width: 100%;
	height: 45vw;
	margin: 0px 0px 6vw 0px;
	border: 1px solid rgba(0,0,0,0.05);
}
.page.pageWork .inner__right .header {
	margin: 0px 0px 2vw 0px;
    padding: 0px 0px 2vw 0px;
    color: #231f20;
    font-family: Oswald;
    font-size: 4.2vw;
    line-height: 4.2vw;
}
.work__other--name {
	float: left;
    width: 100%;
    position: relative;
    margin: 1.5vw 0px 1.5vw 0px;
    padding: 0px 0px 1.5vw 0px;
	color: #cc452d;
    font-family: Oswald;
    font-size: 3.5vw;
    line-height: 4vw;
    font-weight: 400;
    text-transform: uppercase;
	text-decoration: none;
    text-align: left;
    letter-spacing: 1px;

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
}
.work__other--name:before
{
	content: ' ';
	float: left;
	width: 2.7vw;
	height: 1px;
	position: relative;
	margin: 0px 2.5vw 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: rgba(0,0,0,0.3);
}
.work__other--name:hover {
	color: #000;
}

.premieres {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:8vw 0px 8vw 0px;
}
	.premieres .inside {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 4vw 0px 4vw;
		z-index:2;
	}
		.premieres .inside .header {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 2vw 0px;
			padding:0px 0px 2vw 0px;
			color: #231f20;
			font-family: Oswald;
			font-size: 6vw;
			line-height:6vw;
			font-weight: 400;
			text-transform: uppercase;
			text-align:center;
			letter-spacing: 1px;
		}
		.premieres .inside .list {
			float:left;
			width:100%;
			position:relative;
			margin:2vw 0px 0px 0px;
			padding:0px 0px 0px 0px;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:space-between;
			align-items:flex-start;
			align-content:flex-start;
		}
			.premieres .inside .list .box {
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 4vw 0px;
				padding:4vw 0px 4vw 0px;
				border:1px solid #e9e9e9;
				-webkit-box-shadow: 0px 4px 20px -4px rgba(0,0,0,0.15);
				-moz-box-shadow: 0px 4px 20px -4px rgba(0,0,0,0.15);
				box-shadow: 0px 4px 20px -4px rgba(0,0,0,0.15);
			}
				
				.premieres .inside .list .box .name {
					float:left;
					width:70%;
					position:relative;
					margin:0px 15% 3vw 15%;
					padding:0px 0px 3vw 0px;
					color: #252525;
					font-family: Oswald;
					font-size: 5vw;
					line-height:5vw;
					font-weight: 600;
					text-transform: uppercase;
					text-align:center;
					letter-spacing: 0.4px;
					border-bottom:1px solid #e9e9e9;
				}
				.premieres .inside .list .box .text {
					float:left;
					width:100%;
					position:relative;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					color: #232323;					
					font-size: 3.5vw;
					font-weight: 400;
					line-height: 4.5vw;
					text-align:center;
				}
					.premieres .inside .list .box .text h3 {
						float:left;
						width:100%;
						position:relative;
						margin:0.5vw 0px 2.1vw 0px;
						padding:0px 0px 0px 0px;
						color: #231f20;
						font-family: Oswald;
						font-size: 4.1vw;
						line-height: 4.1vw;
						font-weight: 500;
						text-transform: uppercase;
						letter-spacing: 0.4px;
					}
					.premieres .inside .list .box .text h4 {
						float:left;
						width:100%;
						position:relative;
						margin:0.5vw 0px 1.1vw 0px;
						padding:2.2vw 0px 2.2vw 0px;
						color: #fff !important;
						font-size: 3.8vw;
						line-height: 4vw;
						font-weight: 600;
						text-transform: uppercase;
						letter-spacing: -1px;
						background: #000
					}
					.premieres .inside .list .box .text h4 em {
						color: #fff !important;
					}
					.premieres .inside .list .box .text em {
						color: #b68f08;
						font-style:normal;
					}
		.premieres .inside .legend {
			float:left;
			width:100%;
			position:relative;
			margin:4vw 0px 0px 0px;
			padding:4vw;
			color: #232323;					
			font-size: 3.5vw;
			font-weight: 400;
			line-height: 4.5vw;
			background-color: #f9f9f9;
		}
			.premieres .inside .legend h4 {
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 2vw 0px;
				padding:0px 0px 0px 0px;
				color: #231f20;
				font-family: Oswald;
				font-size: 4.1vw;
				line-height: 4.1vw;
				font-weight: 500;
				text-transform: uppercase;
				letter-spacing: 0.4px;
			}
			.premieres .inside .legend p {
				float:left;
				position:relative;
				margin:0px 3.15vw 0px 0px;
				padding:0px 0px 0px 0px;
			}
			.premieres .inside .legend em {
				color: #b68f08;
				font-style:normal;
			}

.about {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
	.about .left {
		float: left;
		width: 100%;
		height: 100%;
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-start;
		align-content: flex-start;
	}
		.about .left .numbers {
			float:left;
			width:100%;
			height:35vw;
			position:relative;
			top:0;
			right:0;
			background: url(images/numbersBg.jpg) center no-repeat;
			background-size:cover;
			z-index:2;
		}
			.about .left .numbers .box {
				float:left;
				width:50%;
				height:100%;
				position:relative;
				color: #231f20;
				font-family: Oswald;
				font-size: 5vw;
				line-height: 5vw;
				font-weight: 400;
				text-transform: uppercase;
				letter-spacing: 0.5px;
			}
					.about .left .numbers .box span {
						float:left;
						width:100%;
						position:relative;
						margin:0px 0px 0.6vw 0px;
						color: #cc452d;
						font-family: Oswald;
						font-size: 10vw;
						line-height:10vw;
						font-weight: 400;
						text-transform: uppercase;
						text-align:center;
						letter-spacing: 1.8px;
					}
				.about .left .numbers .box:nth-child(1) {
					border-right:1px solid #d2981e;
				}
	.about .right {
		float: left;
		width: 100%;
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 8vw 0px 8vw 0px;
	}
		.about .right .text {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 2.5vw 0px;
			padding:0px 5vw 0px 5vw;
			color: #231f20;
			font-size: 3.5vw;
			font-weight: 300;
			line-height: 4.5vw;
			text-align:justify;
		}
		.about .right .partner {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 2vw 0px 2vw;
		}
			.about .right .partner .linkPartner .imgSocial {
				width:6vw;
				margin:0px 1vw 0px 1vw;
				-webkit-filter: brightness(0%); /* Safari 6.0 - 9.0 */
				filter: brightness(0%);
			}

.developer {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:14vw 0px 14vw 0px;
}
	.developer .inside {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 4vw 0px 4vw;
		z-index:2;
	}
		.developer .inside .header {
			float:left;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			color: #cc452d;
			font-family: Oswald;
			font-size: 6vw;
			line-height:6vw;
			font-weight: 400;
			text-transform: uppercase;
			letter-spacing: 1px;
			text-align: center;
		}
		.developer .inside .text {
			float:left;
			position:relative;
			margin:6vw 0px 6vw 0px;
			padding:0px 0px 0px 0px;
			color: #333333;
			font-family: Roboto;
			font-size: 3.5vw;
			font-weight: 400;
			line-height: 4.5vw;
			text-align:center;
			opacity:1;
		}
		.developer .inside .Gmore {
			color:#fff;
			background: url(images/buttonDeveloper.jpg) center no-repeat;
			background-size:cover;
			border-radius:5px;
		}
			.developer .inside .Gmore:hover {
				background: url(images/buttonDeveloperHover.jpg) center no-repeat;
				background-size:cover;
				border-radius:5px;
			}
	.developer .mainFoto {
		float:left;
		width:100%;
		height:100%;
		position:absolute;
		left:0;
		top:0;
		z-index:1;
	}
		.developer .mainFoto .img {
			float:left;
			width:100%;
			height:100%;
			object-fit: cover;	
		}
		
.page {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:8vw 0px 8vw 0px;
	overflow:hidden;
}
	.page .inside {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 4vw 0px 4vw;
		z-index:2;
	}
		.langBox {
			float:right;
			position:relative;
			top:0;
			right:0;
		}
		.page .inside .header {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 4vw 0px;
			padding:0px 0px 4.5vw 0px;
			color: #231f20;
			font-family: Oswald;
			font-size: 6vw;
			line-height:6vw;
			font-weight: 400;
			text-transform: uppercase;
			text-align:center;
			letter-spacing: 1px;
			border-bottom:1px solid #cccccc;
		}
			.page .mainFoto {
				float:left;
				width:100%;
				height:55vw;
				position:relative;
			}
				.page .mainFoto .img {
					float:left;
					width:100%;
					height:100%;
					object-fit: cover;	
				}
			.page .date {
				float:left;
				width:100%;
				position:relative;
				margin:4vw 0px 4vw 0px;
				padding:0px 0px 0px 0px;
				color: #cc452d;
				font-family: Oswald;
				font-size: 3vw;
				line-height:3vw;
				font-weight: 400;
				text-transform: uppercase;
				letter-spacing: 0.5px;
				overflow:hidden;
			}
			.page .text {
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				color: #231f20;
				font-weight:400;
				font-size:3.5vw;
				line-height:4.5vw;
				text-align:justify;
			}
					.page .text.textAll { width:100%; }
					.page .text.imgScale img { width:100%;height:auto; }
				.page .text a {
					color:#fb4b62;
					text-decoration:none;
				}
				.page .text a:hover {
					color:#fb4b62;
					text-decoration:underline;
				}
				.page .text ul, .text ol { 
					float:left;
					width:100%;	
					position:relative;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
				}
					.page .text ul li {
						float:left;		
						width: 100%;
						margin:0px 0px 0.1vw 0px;
						padding:0px 0px 0px 3.3vw;	
						position:relative;				
						list-style: none; 
						background: url(images/ul_li_arrow.svg) top 1.2vw left no-repeat;
						box-sizing: border-box;
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
					}
					.page .text ol li {
						float:left;		
						width: 100%;
						margin:0px 0px 0.1vw 1.3vw;
						padding:0px 0px 0px 0px;
						position:relative;
					}
				.page .text table {
					float:left;
					width:100%;
					color: #5c5c5c;
					font-size: 1vw;
					font-weight: 300;
					line-height: 1.4vw;
					border-spacing: 0; 
					border: 0; 
					border-collapse: collapse;
				}
				.page .text table thead {
					background-color:#fafafa;
				}
				.page .text table tr td {
					padding:0.5vw 0.8vw 0.5vw 0.8vw;
					border:1px solid #e5e5e5;
				}
				.page .text table tr:hover {
					background-color:#fafafa;
				}
				.page .galleryFoto {
					float:left;
					width:100%;
					position:relative;
					margin:3vw 0px 0px 0px;
					padding:0px 0px 0px 0px;
					display:flex;
					flex-direction:row;
					flex-wrap:wrap;
					justify-content:space-between;
					align-items:center;
					align-content:center;
				}
					.page .galleryFoto .box {
						float:left;
						width: calc(25% - 2px);
						height:12vw;
						position:relative;
						margin:0px 0px 2px 0px;
					}
						.page .galleryFoto .box .img {
							float:left;
							width:100%;
							height:100%;
							object-fit: cover;	
						}	

		.iframeNewsletter {
			float:left;
			width:100%;
			height:1000px;
			position:relative;
		}
		
.contact {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
	.contact .header {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		color: #fff;
		font-family: Oswald;
		font-size: 6vw;
		line-height: 6vw;
		font-weight: 400;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	.contact .social {
		float:left;
		width:100%;
		position:relative;
		margin:-6vw 0px 0px 0px;
		padding:0px 0px 0px 0px;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-end;
		align-items:flex-end;
		align-content:center;
	}
		.contact .social .linkSocial {
			float:left;
			height:6vw;
			position:relative;
			margin:0px 0px 0px 4vw;
		}
			
	.contact .headerSmall {
		float:left;
		width:100%;
		position:relative;
		margin:6vw 0px 0px 0px;
		padding:0px 0px 0px 0px;
		color: #fff;
		font-size: 4vw;
		line-height: 4vw;
		font-weight: 400;
	}
	.contact .left {
		float:left;
		width:100%;
		position:relative;
		padding:8vw 4vw 8vw 4vw;
		background: #000000;
		
	}
		.contact .left .text {
			float:left;
			width:100%;
			position:relative;
			margin:4vw 0px 0px 0px;
			padding:0px 0px 0px 0px;
			color: #8a8a8a;
			font-size: 3.5vw;
			font-weight: 400;
			line-height: 4.5vw;
		}
		.contact .left .text strong {
			float:left;
			width:100%;
			position:relative;
			margin:0vw 0px 3vw 0px;
			padding:0px 0px 0px 0px;
			color: #fff;
			font-size: 4vw;
			line-height: 4vw;
			font-weight: 400;
		}
				.contact .left .text a {
					text-decoration:none;
					color: #8a8a8a;
				}
				.contact .left .text a:hover {
					text-decoration:underline;
					color: #fff;
				}
			.contact .left .text table {
				float:left;
				width:100% !important;
				height:10vw !important;
				position:relative;
				margin:0px 0px 4vw 0px;
				padding:0px 0px 0px 0px;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}
				.contact .left .text table:nth-of-type(1) {
					background: url(images/contact_icon_1.svg) left no-repeat;
					background-size:8vw !important;
				}
				.contact .left .text table:nth-of-type(2) {
					background: url(images/contact_icon_2.svg) left no-repeat;
					background-size:8vw !important;
				}
				.contact .left .text table:nth-of-type(3) {
					width:100% !important;
					background: url(images/contact_icon_3.svg) left no-repeat;
					background-size:8vw !important;
				}
					.contact .left .text table tr {
						height:8vw !important;
					}
					.contact .left .text table tr td {
						padding:0px 0px 0px 12vw;
						height:8vw !important;
						box-sizing: border-box;
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
					}
				.contact .left .text p {
					float:left;
					width:100%;
				}					
	.contact .right {
		float:left;
		width:100%;
		position:relative;
		padding:8vw 4vw 8vw 4vw;
		background: url(images/contactRight.jpg) center no-repeat;
		background-size:cover;
	}
		.contact .right .header {
			width:100%;
		}
		.contact .right .more {
			float:left;
			width:100%;
			height:10vw;
			position:relative;
			margin:6vw 0px 0px 0px;
			padding:0px 0px 0px 0px;
			color: #fff;
			font-family: Oswald;
			font-size: 4vw;
			font-weight: 400;
			line-height: 4vw;
			text-transform: uppercase;
			text-decoration:none;
			letter-spacing: 0.33px;
			border-radius:5px;
			background:#000;
		}	
			.contact .right .more:hover {
				text-decoration:underline;
				color: #fff;
			}

/* START ANIMATION */

.number {
	float:left;
	width:100%;
	height:15vw;
	position:relative;
}

.switch {
	float:left;
	width:100%;
	height:40vw;
	position:relative;
}
.animationBox {
	float:left;
	width:33.33%;
	height:25vw;
	position:relative;
	overflow:hidden;
}
.animation30 {
	float:left;
	width:150%;
	height:30vw;
	position:relative;
	left:-25%;
	bottom:0;
	margin:-3vw 0px 0px 0px;
}



/* END ANIMATION */
	
.mainFoto {
	float:left;
	width:35%;
	position:relative;
}
	.mainFoto .img {
		float:left;
		width:100%;
		height:100%;
		object-fit: cover;	
	}
	
.galleryFoto {
	float:left;
	width:100%;
	position:relative;
	margin:5px 0px 5px 0px;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	align-content:center;
}
	.galleryFoto .box {
		float:left;
		width: calc(25% - 5px);
		height:12vw;
		position:relative;
		margin:0px 0px 5px 0px;
	}
		.galleryFoto .box .img {
			float:left;
			width:100%;
			height:100%;
			object-fit: cover;	
		}
		
.galleryFotoOwl {
	float:left;
	width:100%;
	height:25vw;
	position:relative;
	margin:0px 0px 2vw 0px;
	padding:0px 0px 0px 0px;
}
	.galleryFotoOwl .box {
		float:left;
		width:100%;
		height:100%;
		position:relative;
	}
		.galleryFotoOwl .box .img {
			float:left;
			width:100%;
			height:100%;
			object-fit: cover;	
		}
	.galleryFotoOwl .owl-nav { 
		float:left;
		width:100%;
		margin:-1.6vw 0px 0px 0px;
		left:0;
		top:50%;
		position:absolute;
		z-index:5; 	
		font-size:0;
	}
		.galleryFotoOwl .owl-nav .owl-next {
			float:left;
			width:3.2vw;
			height:3.2vw;
			position:absolute;
			top:0;
			right:4%;
			font-size: 0;
			background: url(images/owlNav_arrowRight.svg) center no-repeat !important;
			background-size:3.15vw;
		}
		.galleryFotoOwl .owl-nav .owl-prev {
			float:left;
			width:3.2vw;
			height:3.2vw;
			position:absolute;
			top:0;
			left:4%;	
			font-size: 0;
			background: url(images/owlNav_arrowLeft.svg) center no-repeat !important;
			background-size:3.15vw;
		}
			.galleryFotoOwl .owl-nav .owl-next:focus, .galleryFotoOwl .owl-nav .owl-prev:focus {
				outline:none;
			}
	.galleryFotoOwl .owl-dots { 
		float:left;
		width:100%;
		position:absolute;
		left:0;
		bottom:1vw;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		align-content:center;
	}
		.galleryFotoOwl .owl-dots .owl-dot { 
			float:left;
			width:0.7vw;
			height:0.7vw;		
			margin:0px 0.3vw 0px 0.3vw;
			padding:0px 0px 0px 0px;
			position:relative;
			background:#000;
			border-radius:4vw;
		}
		.galleryFotoOwl .owl-dots .active { 
			background:#e12e38;
		}
			.galleryFotoOwl .owl-dots .owl-dot:focus {
				outline:none;
			}
		
.filesBox {
	float:left;
	width:100%;
	position:relative;
	margin:1vw 0px 1vw 0px;
	padding:0px 0px 0px 0px;
}
	.filesBoxFile {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0.5vw 0px 0.5vw 0px;
		font-size:1vw;
		line-height:1vw;
		color:#000;
		text-decoration:none;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-items:center;
		align-content:center;
	}
		.filesBoxFile .img {
			float:left;
			width:3vw;
			position:relative;
			margin:0px 1vw 0px 0px;
		}
		.filesBoxFile:hover {
			color:#e12e38;
		}
				
.googleMap {
	float:left;
	width:100%;
	height:50vw;
	position:relative;
}
	.googleMap .mapaBox {
		float:left;
		width:100%;
		height:100%;
		position:relative;
	}
		.contentMap {
			float:left;
			position:relative;
			padding:0.8vw;
		}
			.contentMap__name {
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 0.5vw 0px;
				color: #383436;
				font-size: 1.1vw;
				font-weight: 800;
				line-height: 1.1vw;
				text-align:left;
				letter-spacing: 1px;
			}
			.contentMap__text {
				float:left;
				width:100%;
				position:relative;
				color: #383436;
				font-size: 0.9vw;
				font-weight: 400;
				line-height: 1.3vw;
				text-align:left;
				letter-spacing: 1px;
			}
				.gm-ui-hover-effect {
					top:3px !important;
					right:3px !important;
				}
	
.popup {
	float:left;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background: rgba(0,0,0,0.9);
	z-index:80;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}
	.popup__wrap {
		float:left;
		width:80%;
		position:relative;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		align-content:center;
	}
	.popup__title {
		float:left;
		width:100%;
		position:relative;
		color: #fff;
		font-size: 1.3vw;
		font-weight: 300;
		line-height: 1.6vw;
		text-align:center;
	}
		.popup__title a {
			color:#fff;
		}
	.popup__close {
		float:left;
		height: 3.15vw;
		position:relative;
		margin:20px 0px 0px 0px;
		padding:0px 2vw 0px 2vw;
		color: #fefefe;
		font-size: 1.1vw;
		font-weight: 300;
		line-height: 3.15vw;
		border:0;
		text-align:center;
		text-decoration:none;
		background:#ed1c24;
	}
	
.footer {
	float:left;
	width:100%;
	height:80px;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 2vw 0px 2vw;
	border-top:1px solid #e6e6e6;
	background:#fff;
}
	.footer .arrowUp {
		float:left;
		position:relative;
		z-index:10;
		cursor:pointer;
		color: #363636;
		font-size: 12px;
		font-weight: 600;
		line-height: 25px;
		text-transform: uppercase;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-items:center;
		align-content:center;
	}
		.footer .img {
			float:left;
			margin:0px 1vw 0px 0px;
		}
			.footer .arrowUp:hover {
				color:#fff;
			}
	.footer .menu {
		display:none;
	}
}
