@font-face {
	font-family:"Oswald-Regular";
	src:url("../fonts/Oswald-Regular.otf") format("otf"),	
	url("../fonts/oswaldregular.ttf") format("truetype");
	/*url("../fonts/Oswald-Light.svg#Oswald-Light") format("svg");
	src:url("../fonts/dubielitalic.otf") format("otf"),*/
	/*url("../fonts/DubielItalic.otf") format("otf"),*/
}

body{
	margin: 0;
	background: #e2e2e2;
}
.wrapper{
	background: url('../images/fnd_home.jpg')center center;
	background-size: cover;
	width: 100%;
	min-height: 768px;
	max-height: 1080px;
	height: 100%;
}

.esp{
	margin: 1% 1% 0 0;
	float: right;
	width: 40px;
	height: 32px;
}

	.esp a{
		color: #000;
		font-family:"Oswald-Regular";
		font-size: 12px;
	}

	.esp .tit_lan{
		margin: 20% 0 0 0;
		float: right;
	}

.en{
	margin: 1% 0 0 0;
	float: right;
	width: 40px;
	height: 32px;
}

	.en a{
		color: #000;
		font-family:"Oswald-Regular";
		font-size: 12px;
	}

	.en .tit_lan{
		margin: 20% 0 0 0;
		float: right;
	}

.tit_welcome{
	margin: 3% auto 0 auto;
	width: 100%;
	height: 60px;
	background: url(../images/tit_welcome.png);
	background-size: cover;
}

.sub_tit{
	margin: 1% auto 0 auto;
	width: 407px;
	height: 23px;
	background: url(../images/sub_tit.png);
	background-size: cover;
}

.logo_media{
	width: 40%;
}

.logos{
	margin: 5% 0 0 2%;
	width: 264px;
	height: 347px;
}

.l1{
	display: inline-block;
  	vertical-align: middle;
  	-webkit-transform: translateZ(0);
  	transform: translateZ(0);
  	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  	-webkit-backface-visibility: hidden;
  	backface-visibility: hidden;
  	-moz-osx-font-smoothing: grayscale;
  	overflow: hidden;
  	-webkit-transition-duration: 0.3s;
  	transition-duration: 0.3s;
  	-webkit-transition-property: color, background;
  	transition-property: color, background;
	background: url(../images/lg1_hover.png);
	background-size: cover;
}

.l1:hover, .l1:focus, .l1:active {
 	background: url(../images/lg1.png);
	background-size: cover;
}

.l2{
	display: inline-block;
  	vertical-align: middle;
  	-webkit-transform: translateZ(0);
  	transform: translateZ(0);
  	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  	-webkit-backface-visibility: hidden;
  	backface-visibility: hidden;
  	-moz-osx-font-smoothing: grayscale;
  	overflow: hidden;
  	-webkit-transition-duration: 0.3s;
  	transition-duration: 0.3s;
  	-webkit-transition-property: color, background;
  	transition-property: color, background;
	background: url(../images/lg2_hover.png);
	background-size: cover;
}

.l2:hover, .l2:focus, .l2:active {
 	background: url(../images/lg2.png);
	background-size: cover;
}

.l3{
	display: inline-block;
  	vertical-align: middle;
  	-webkit-transform: translateZ(0);
  	transform: translateZ(0);
  	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  	-webkit-backface-visibility: hidden;
  	backface-visibility: hidden;
  	-moz-osx-font-smoothing: grayscale;
  	overflow: hidden;
  	-webkit-transition-duration: 0.3s;
  	transition-duration: 0.3s;
  	-webkit-transition-property: color, background;
  	transition-property: color, background;
	background: url(../images/lg3_hover.png);
	background-size: cover;
}

.l3:hover, .l3:focus, .l3:active {
 	background: url(../images/lg3.png);
	background-size: cover;
}

.l4{
	display: inline-block;
  	vertical-align: middle;
  	-webkit-transform: translateZ(0);
  	transform: translateZ(0);
  	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  	-webkit-backface-visibility: hidden;
  	backface-visibility: hidden;
  	-moz-osx-font-smoothing: grayscale;
  	overflow: hidden;
  	-webkit-transition-duration: 0.3s;
  	transition-duration: 0.3s;
  	-webkit-transition-property: color, background;
  	transition-property: color, background;
	background: url(../images/lg4_hover.png);
	background-size: cover;
}

.l4:hover, .l4:focus, .l4:active {
 	background: url(../images/lg4.png);
	background-size: cover;
}

.l5{
	display: inline-block;
  	vertical-align: middle;
  	-webkit-transform: translateZ(0);
  	transform: translateZ(0);
  	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  	-webkit-backface-visibility: hidden;
  	backface-visibility: hidden;
  	-moz-osx-font-smoothing: grayscale;
  	overflow: hidden;
  	-webkit-transition-duration: 0.3s;
  	transition-duration: 0.3s;
  	-webkit-transition-property: color, background;
  	transition-property: color, background;
	background: url(../images/lg5_hover.png);
	background-size: cover;
}

.l5:hover, .l5:focus, .l5:active {
 	background: url(../images/lg5.png);
	background-size: cover;
}

.redes{
	margin: 3.1% 0%;
	width: 31px;
	height: 31px;
}

.r1{
	display: inline-block;
  	vertical-align: middle;
  	-webkit-transform: translateZ(0);
  	transform: translateZ(0);
  	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  	-webkit-backface-visibility: hidden;
  	backface-visibility: hidden;
  	-moz-osx-font-smoothing: grayscale;
  	overflow: hidden;
  	-webkit-transition-duration: 0.3s;
  	transition-duration: 0.3s;
  	-webkit-transition-property: color, background;
  	transition-property: color, background;
	background: url(../images/twitter_log.png);
	background-size: cover;
}
.r1:hover, .r1:focus, .r1:active {
 	background: url(../images/twitter_log_hover.png);
	background-size: cover;
}
.r2{
	width: 31px;
	height: 31px;
	display: inline-block;
  	vertical-align: middle;
  	-webkit-transform: translateZ(0);
  	transform: translateZ(0);
  	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  	-webkit-backface-visibility: hidden;
  	backface-visibility: hidden;
  	-moz-osx-font-smoothing: grayscale;
  	overflow: hidden;
  	-webkit-transition-duration: 0.3s;
  	transition-duration: 0.3s;
  	-webkit-transition-property: color, background;
  	transition-property: color, background;
	background: url(../images/facebook_log.png);
	background-size: cover;
}

.r2:hover, .r2:focus, .r2:active {
 	background: url(../images/facebook_log_hover.png);
	background-size: cover;
}

.r3{
	width: 31px;
	height: 31px;
	display: inline-block;
  	vertical-align: middle;
  	-webkit-transform: translateZ(0);
  	transform: translateZ(0);
  	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  	-webkit-backface-visibility: hidden;
  	backface-visibility: hidden;
  	-moz-osx-font-smoothing: grayscale;
  	overflow: hidden;
  	-webkit-transition-duration: 0.3s;
  	transition-duration: 0.3s;
  	-webkit-transition-property: color, background;
  	transition-property: color, background;
	background: url(../images/insta_log.png);
	background-size: cover;
}

.r3:hover, .r3:focus, .r3:active {
 	background: url(../images/insta_log_hover.png);
	background-size: cover;
}

footer{
	margin: 0 0 0 0;
	float: left;
	width: 100%;
	height: 54px;
	background-color: #000;
	position: fixed;
	bottom: 0;
}

.copy{
	margin: 2% auto 0 auto;
	width: 890px;
	height: 50px;
	color: #fff;
	font-family:"Oswald-Regular";
	font-size: 13px;
	/*font-weight: bold;*/
	text-align: center;
}

.copy a{
	color: #f3ce36;
}

@media(max-width: 1366px){
	.logos{
		margin: 5% 1% 0 1%;
		width: 220px;
		height: 288px;
	}

	.wrapper{		
		min-height: 650px;
		max-height: 650px;
		height: 100%;
	}
}

@media (max-width: 1200px){
	
	.tit_welcome{
		background-position: center;
	}
	
	.wrapper{
		background: url('../images/fnd_home.jpg')center center;
		background-size: cover;
		width: 100%;
		min-height: 768px;
		max-height: 1080px;
		height: 100%;
	}
	

}

@media (max-width: 990px){
	
	.logos{
		margin: 5% 0 0 2%;
		width: 150px;
		height: 196px;
	}

	

	footer{
		height: 64px;
	}

	.copy{
		margin: 2% auto 0 auto;
		width: 80%;
		height: 20px;
		color: #fff;
		font-family:"Oswald-Regular";
		font-size: 13px;
		font-weight: bold;
		text-align: center; 
	}

}

@media (max-width: 820px){
	.tit_welcome{
		margin: 8% auto 0 auto;
		width: 100%;
		height: 35px;
		background: url(../images/tit_welcome820.png);
		background-size: cover;
		background-position: center;
	}

	.sub_tit{
		margin: 1% auto 0 auto;
		width: 239px;
		height: 14px;
		background: url(../images/sub_tit820.png);
		background-size: cover;
		background-position: center;
	}

	.logos{
		margin: 5% 0 0 2%;
		width: 200px;
		height: 262px;
	}

	.logo_media{
		width: 60%;
	}


	

	footer{
		height: 64px;
	}
}

@media (max-width: 480px){	

	.wrapper{
		background: url('../images/fnd_home.jpg') no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		width: 100%;
		height: 100%;
		min-height: 2150px;
		max-height: 3000px;
	}

	.logos{
		margin: 2% 13%;
		width: 264px;
		height: 347px;
	}

	.logo_media{
		margin-top: 5%;
		margin-bottom: 3%;
		width: 80%;
	}

	footer{
		height: 84px;
	}
}

@media (max-width: 380px){	
	
	.logos{
		margin-left: 5%;
		margin-right: 5%;
		width: 264px;
		height: 347px;
	}
	.l1{
		margin-top: 10%;
	}

	
	footer{
		height: 104px;
	}
}