@import "rese.css";
@import "fuen.css";
@import "icon.css";

/**** FUNC ****/
html,
body {
	height:100%;
	padding:0;
	margin:0;
}

a {	text-decoration:none;	}

/**** SCRO ****/
::-webkit-scrollbar { width:10px; }
::-moz-scrollbar { width:10px; }
::-o-scrollbar { width:10px; }

::-webkit-scrollbar-track { background:#FFF; }
::-moz-scrollbar-track { background:#FFF; }
::-o-scrollbar-track { background:#FFF; }

::-webkit-scrollbar-thumb { background:#000; }
::-moz-scrollbar-thumb { background:#000; }
::-o-scrollbar-thumb { background:#000; }

/**** SCRO GOTO ****/
.scro_goto {
    width:45px;
    height:45px;
    color:#FFF;
    font-size:28px;
    text-align:center;
    line-height:40px;
    right:20px;
    bottom:20px;
	background:rgba(48,55,71,0.8);
    display:none;
    position:fixed;
    cursor:pointer;
    z-index:9999;
    transition:all 0.3s ease 0s;
}

.scro_goto:hover {
	background:rgba(215,29,29,0.8);
}

/**** WRAP ****/
.wrap {
	width:100%;
	min-width:960px;
	min-height:100%;
	background:url('../img/wrap_back.jpg') no-repeat center top;
	background-size:cover;
	background-attachment:fixed;
	position:relative;
}

.wrap:before {
    content:'';
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:rgba(47,48,54,0) url('../img/wrap_back_patt.png') repeat scroll 0 0;
    background-size:4px;
    position:absolute;
}

/**** HEAD ****/
.head_wrap {
	width:100%;
	float:left;
	position:relative;
}

.head_logo {
	width:25%;
	padding:2% 3%;
	float:left;
}

.head_logo img {
    max-width:100%;
}

/**** INFO ****/
.info_wrap {
	width:100%;
	margin-bottom:10%; 
	display:inline-block;
	position:relative;
}

.info_mens {
	width:30%;
	font-family:'Open Sans', sans-serif;
	font-size:2em;
	color:#FFF;	
	text-align:left;
	font-weight:700;
	line-height:130%;
	text-transform:uppercase;
	padding:3%;
	margin-top:10%;
	background:rgba(236,49,49,0.8);
	float:left;
}

.info_cont {
	width:27%;
	margin-right:2%;
    background:rgba(255,255,255,1);
	float:right;
}

.info_cont_head {
	width:100%;
	font-family:'Open Sans', sans-serif;
	font-size:1.2em;
	color:#FFF;
	font-weight:700;
	text-align:center;
	letter-spacing:-1px;
	text-transform:uppercase;
    padding:12px 2%;
    background:#303747;
	float:right;
	position:relative;
}

.info_cont_head:after {
	content:'';
	width:100%;
	height:30px;
	top:45px;
	left:0;
	background:url('../img/info_cont_head_afte.png') no-repeat;
	background-position:top center;
	position:absolute;
}

.info_cont_deta {
	width:100%;
	padding:10% 5%;
	float:left;
}

.info_cont_deta ul {
	width:100%;
	padding:0;
	margin:0;
	list-style:none;
	float:left;
}

.info_cont_deta li {
	height:50px;
    margin-bottom:10px;
    background:#F7F7F7;
    border:1px solid #f4f4f4;
	position:relative;
}

.info_cont_deta li:last-child {
    margin-bottom:0;
}

.info_cont_deta li a {
	height:inherit;
    font-family:'Open Sans', sans-serif;
    font-size:13px;
    color:#414141;
    padding-left:70px;
	-ms-display:flex;
	display:flex;
	align-items:center;
    position:relative;
    transition:all 0.4s ease;
}

.info_cont_deta li:hover {
    background:#FFF;
}

.info_cont_deta span {
	width:60px;
    height:48px;
    color:#303747;
    font-size:30px;
	text-align:center;
    font-weight:700;
    line-height:50px;
    top:0px;
    left:0px;
    background-color:#ffffff;
    position:absolute;
    transition:all 0.4s ease;
}

.info_cont_deta li:hover span {
    color:#FFF;
    background-color:#D6D6D6;
}

/**** LAST ****/
.last_wrap {
	width:100%;
	font-family:'Open Sans', sans-serif;
	font-size:0.8em;
	color:#FFF;	
	text-align:center;
	font-weight:600;
	padding:1.5% 3%;
	background:rgba(0,0,0,0.6);
	bottom:0;
	position:absolute;
}

.last_wrap a {
	color:#FFF;	
}

.last_wrap a:hover {
	color:#EC3131;	
}

/* ---- MEDIA QUERIES ---- */

@media (min-width:240px) and (max-width:639px) {
	
	/**** WRAP ****/
	.wrap {
		min-width:100%;
	}
	
	/**** HEAD ****/
	.head_wrap {
		padding:3% 2%;
	}

	.head_logo {
		width:58%;
		margin-left:21%;
		margin-right:21%;
	}
	
	/**** INFO ****/
	.info_wrap {
		margin-top:4%; 
		margin-bottom:20%; 
	}

	.info_mens {
		width:90%;
		font-size:1.4em;
		text-align:center;
		padding:5%;
		margin:0 5%;
	}

	.info_cont {
		width:90%;
		margin:0 5%;
		margin-top:2%;
		float:left;
	}

	.info_cont_head {
		font-size:1.1em;
	}

	/**** LAST ****/
	.last_wrap {
		font-size:0.9em;
		padding:3%;
	}

}

@media (min-width:640px) and (max-width:959px) {
	
	/**** WRAP ****/
	.wrap {
		min-width:100%;
	}
	
	/**** HEAD ****/
	.head_wrap {
		padding:3% 2%;
	}

	.head_logo {
		width:40%;
		margin-left:30%;
		margin-right:30%;
	}
	
	/**** INFO ****/
	.info_wrap {
		margin-top:2%; 
		margin-bottom:15%; 
	}

	.info_mens {
		width:90%;
		font-size:1.4em;
		text-align:center;
		padding:5%;
		margin:0 5%;
	}

	.info_cont {
		width:90%;
		margin:0 5%;
		margin-top:2%;
		float:left;
	}

	.info_cont_head {
		font-size:1.1em;
	}

	/**** LAST ****/
	.last_wrap {
		font-size:0.9em;
		padding:3%;
	}

}