*{
	outline:none !important;
}

/* OFFER */
#offer{
	
	z-index: 99999;
	position:fixed;
	max-width: 500px;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%); 
    -webkit-transform: translate(-50%, -50%);
    border:solid 2px #2D2D2D; 
    background-color: #fcfcfc;
}

#offer-inner{
	background: rgba(255,212,63,.7);
	margin: 8px;
}

#offer-text{
	
	padding-top: 10px;
	color: #2d2d2d;
	text-align:center;
	font-size: 18px;
	font-family: 'Noto Serif', serif;
}

#offer-close
{
	font-family: 'Noto Serif', serif;
	font-size: 22px;
	font-weight: 700;
	width: 80px;
	height: 35px;
	line-height: 35px;
	cursor:pointer;
	text-align:center;	
}

#slider-wrap
{
	position:relative;
}

#lang{
	position:absolute;
	bottom: 0px;
	-moz-transform: translateY(50%);
	-o-transform: translateY(50%);
	-ms-transform: translateY(50%); 
    -webkit-transform: translateY(50%); 
	right: 0px;
	z-index:1;
} 

#lang a
{
	display:block;
	text-decoration:none;
	width: 205px;
	height: 70px;
	line-height: 65px;
	background: #ffd43f;
	color: #2d2d2d;
	text-align:center;
	font-size: 30px;
	font-family: 'Noto Serif', serif;
}

#lang a:last-child
{
	display:none;
}

#lang span
{
	font-family: 'Amatic SC', cursive;
	color: #FFF;
	font-weight: 700;
	margin-left: 5px;
}

.slogan
{
	position:absolute;
	cursor:pointer;
	opacity: 0;
	bottom: 180px;
	z-index: 1;
	font-family: 'Amatic SC', cursive;
	font-size: 48px;
	color: #fff;
	left: 50%;
	-moz-transform: translateX(-50%) scale(.5);
	-o-transform: translateX(-50%) scale(.5);
	-ms-transform: translateX(-50%) scale(.5); 
    -webkit-transform: translateX(-50%) scale(.5); 
	transform: translateX(-50%) scale(.5);
	-webkit-transition: all 1000ms linear;
	-moz-transition: all 1000ms linear;
	-ms-transition: all 1000ms linear;
	-o-transition: all 1000ms linear;
	transition: all 1000ms linear;
}

.slogan.shown
{
	opacity: 1;
	bottom: 10px;
}

.slogan.front
{
	bottom: 90px;
	-moz-transform: translateX(-50%) scale(1);
	-o-transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1); 
    -webkit-transform: translateX(-50%) scale(1); 
	transform: translateX(-50%) scale(1);
}

#scroll-point
{
	position:absolute;
	left: 0px;
	bottom: 0px;
	width: 1px;
	height: 1px;
}

#scroll-top
{
	opacity: 0;
	position:fixed;
	z-index: 10;
	bottom: 48px;
	right: 30px;
	cursor: pointer;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}

#scroll-top:hover{
	opacity: 1 !important;
}

#slider-resp
{
	display:none;
}

#footer div
{
	font-family: 'Roboto', sans-serif;
	color: #535054;
	font-size: 16px;
	font-weight: 300;
}

.footer-loction
{
	font-family: 'Noto Serif', serif !important;
	font-weight: 700 !important;
	margin-top: 42px;
}

.footer-left
{
	padding-left: 90px;
	line-height: 130px;
}

.footer-right
{
	padding-right: 90px;
	line-height: 130px;
	display:block;
	text-decoration:none !important;
	color: #535054 !important;
}

@media (max-width: 1200px) 
{
	.footer-left
	{
		padding-left: 50px;
	}
	
	.footer-right
	{
		padding-right: 50px;
		text-align:center;
	}
	
	#scroll-top{
		right: 15px;
	}
}

@media (max-width: 992px) 
{
	#offer{
		
		max-width:none;
		top: 40%;
		left: 20%;
		right:20%;
		-moz-transform: translate(0%, -50%);
		-o-transform: translate(0%, -50%);
		-ms-transform: translate(0%, -50%); 
	    -webkit-transform: translate(0%, -50%);
	    border:solid 2px #2D2D2D; 
	}
	#slider
	{
		display:none;
	}
	
	#slider-resp
	{
		display:block;
	}
	
	#footer
	{
		padding-top: 10px;
	}
	
	.footer-col
	{
		margin-bottom: 5px;
	}
	
	.footer-loction
	{
		margin-top:0px;
		margin-bottom: 5px;
	}
	
	.footer-left
	{
		text-align:center;
		padding-left: 5px;
		line-height: normal;
	}
	
	.footer-right
	{
		padding-right: 5px;
		line-height: normal;
	}

	#scroll-top{
		bottom: 25px;
		right: 10px;
	}
	#lang{
		bottom: 5px;
		right: 15px;
		border-top: solid 2px #2d2d2d;
		border-bottom: solid 2px #2d2d2d;
		-moz-transform: translateY(0%);
		-o-transform: translateY(0%);
		-ms-transform: translateY(0%); 
	    -webkit-transform: translateY(0%); 
	}
	
	#lang a{ 
		
		background:transparent;
		font-size: 25px;
		height: 35px;
		width: 30px;
		line-height: 30px;
		color: #ffd43f;
	}
	
	#lang a span{
		display:none;
	} 
	
	#lang a:first-child
	{
		display:none;
	}
	
	#lang a:last-child
	{
		display:block;
	}
}

@media (max-width: 768px) 
{
	#offer{
		left: 10%;
		right:10%;
	}
}

@media (max-width: 550px) 
{
	#offer{
		left: 15px;
		right: 15px;
	}
}