/* #Home
================================================== */

#app2u_home{
	position: relative; 
	margin: 0 auto;
	width: 100%;
	overflow:hidden;
	z-index:2;
	height:700px;
}
.big-text { 
	position: absolute; 
	top: 50%;
	margin-top:-30px;
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	text-shadow: 0 0 15px rgba(0,0,0,0.3);
	text-transform:uppercase;
	text-align:center;
	font-weight:700;
	font-size: 47px; 
	line-height:50px;
	color: #ededed;
	z-index: 20; 
}
.big-text li span{
	line-height: 50px;
} 
.big-text span{ 
	background: rgba(0,0,0,.3); 
	padding-top:15px;
	padding-bottom:15px;
	padding-left:30px;
	padding-right:30px;
}
.small-text { 
	position: absolute; 
	top: 50%;
	margin-top:55px;
	color:#fff;
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	text-shadow: 0 0 5px rgba(0,0,0,0.1);
	text-align:center;
	font-size: 23px; 
	line-height:23px;
	z-index: 20; 
}
.flippy {
	position: relative;
}
.flippy > * {
	position: absolute;
	opacity: 0;
	width:100%;
	top:-100px;
}
.flippy > *:first-child {
	opacity: 1;
	top: 0;
}
.social-top{ 
	position:absolute;
	top:50%;
	margin-top:110px;
	width:100%;
	z-index:1002;
	height:30px;
	text-align:center;
}

.social-bottom{ 
	position:relative;
	bottom: 10%;
	margin-bottom:20px;
	width:100%;
	z-index:1002;
	height:30px;
	text-align:center;
}

.list-social li {
	padding:0; 
	list-style: none;
	text-align:center; 
	width:30px;
	display: inline-block;
	background: rgba(0,0,0,.3);
	cursor:pointer;
	margin-left:2px;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear; 
}

.list-social li.icon-soc a {
	font-family: 'FontAwesome';
	font-size: 15px;
	line-height: 30px;
	width:30px;
	opacity:1;
	margin:0;
	padding:0;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear; 
}

.list-social li:hover{
}

.list-social li:hover.icon-soc a{
	opacity:.6;
}

.parallax-home {
	background: url('../img/1.jpg') repeat fixed;
	background-size: cover;
	position: absolute;
	top: 0; 
	left: 0; 
	right: 0;
	bottom: 0;
	z-index: -1;
	width:100%;
}

@media only screen and (min-width: 1930px) { .parallax-home { background-size: cover; } }
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.parallax-home { background-size: cover; background-attachment: scroll; background-position: top center!important; }
}
@media only screen and (max-width: 959px) {
	.parallax-home { background-size: cover; background-attachment: scroll; background-position: top center!important; }
}

.just_pattern { 
	background-image: url(../img/pattern.png); 
	position: absolute; 
	opacity: 0.8; 
	left: 0px;
	top: 0px;
	right:0;
	bottom:0;
	width: 100%;
	height: 100%; 
	z-index: -1; 
}

.scroll-btn {
	position: absolute;
	font-family: 'OpenSans-Light-webfont';
	font-size: 10px;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	bottom:30px;
	left:50%;
	margin-left:-30px;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
	width: 60px;
	height:40px;
	background:url('../img/arrow-down.png') no-repeat center bottom;
	background-size:30px 16px;
	z-index: 3900;
	opacity:.8;
} 
.scroll-btn {
	-webkit-animation: arrows 3.8s infinite;
	-webkit-animation-delay: 1s;
	animation: arrows 3.8s infinite;
	animation-delay: 1s;
}
@keyframes arrows {
	0% { bottom:30px; }
	10% { bottom:40px; }
	20% { bottom:30px; }
	30% { bottom:40px; }
	40% { bottom:20px; }
	50% { bottom:40px; }
	60% { bottom:30px; }
	70% { bottom:40px; }
	80% { bottom:20px; }
	90% { bottom:40px; }
	100% { bottom:30px; }
}
@-webkit-keyframes arrows {
	0% { bottom:30px; }
	10% { bottom:40px; }
	20% { bottom:30px; }
	30% { bottom:40px; }
	40% { bottom:20px; }
	50% { bottom:40px; }
	60% { bottom:30px; }
	70% { bottom:40px; }
	80% { bottom:20px; }
	90% { bottom:40px; }
	100% { bottom:30px; }
}