/*.innerContainer {
    position: absolute;
    left: 49.5%;
   bottom: 0;
    width: 100%;
    margin-top: -7%;
}*/
.scroll {
    padding-left: 2px;
}
/*
.innerContainer .scroll {
    width: 47px;
    display: inline-block;
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    color: #e8e8e8;
}
*/
#intro .innerContainer {
    position: absolute;
    left: 38px;
    right: 38px;
    bottom: 105px;
    top: 24px;
    /* border: 1px solid #d2d2d2; */
    z-index: 3;
}

em {
    font-style: normal;
}
.innerContainer .scroll .inner {
    width: 38px;
    height: 64px;
    /* margin: 0 auto; */
    margin-left: auto;
    margin-right: auto;
    background-image: url(../img/mouse.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    margin-top: 11px;
}
/*
.innerContainer .scroll {
    width: 47px;
    display: inline-block;
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    color: #e8e8e8;
}
*/

.innerContainer .scroll .inner i {
    display: block;
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    position: relative;
    margin-bottom: -3px;
    font-size: 13px;
    opacity: 0.5;
    top: 20px;
    left: 17px;
    z-index: 2;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    animation-delay: 1.5s;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-name: scroll_indicator;
    -moz-animation-name: scroll_indicator;
    animation-name: scroll_indicator;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;
}
.fa-angle-down:before {
    content: "\f107";
}

.scroll_txt{text-align: center;}

@keyframes indicator {
	0%{
		opacity: 0.2;
		-webkit-transform: translateX(-50%) translateY(-120%);
		-moz-transform: translateX(-50%) translateY(-120%);
		-ms-transform: translateX(-50%) translateY(-120%);
		-o-transform: translateX(-50%) translateY(-120%);
		transform: translateX(-50%) translateY(-120%);
	}
	10% {
		opacity: 0.5;
		-webkit-transform: translateX(-50%) translateY(-90%);
		-moz-transform: translateX(-50%) translateY(-90%);
		-ms-transform: translateX(-50%) translateY(-90%);
		-o-transform: translateX(-50%) translateY(-90%);
		transform: translateX(-50%) translateY(-90%);
	}
	25% {
		opacity: .5;
		-webkit-transform: translateX(-50%) translateY(-75%);
		-moz-transform: translateX(-50%) translateY(-75%);
		-ms-transform: translateX(-50%) translateY(-75%);
		-o-transform: translateX(-50%) translateY(-75%);
		transform: translateX(-50%) translateY(-75%)
	}
	100%,
	80% {
		opacity: 0;
		-webkit-transform: translateX(-50%) translateY(-45%);
		-moz-transform: translateX(-50%) translateY(-45%);
		-ms-transform: translateX(-50%) translateY(-45%);
		-o-transform: translateX(-50%) translateY(-45%);
		transform: translateX(-50%) translateY(-45%)
	}
}
@-webkit-keyframes indicator {
	0%{
		opacity: 0.2;
		-webkit-transform: translateX(-50%) translateY(-120%);
		-moz-transform: translateX(-50%) translateY(-120%);
		-ms-transform: translateX(-50%) translateY(-120%);
		-o-transform: translateX(-50%) translateY(-120%);
		transform: translateX(-50%) translateY(-120%);
	}
	10% {
		opacity: 0.5;
		-webkit-transform: translateX(-50%) translateY(-90%);
		-moz-transform: translateX(-50%) translateY(-90%);
		-ms-transform: translateX(-50%) translateY(-90%);
		-o-transform: translateX(-50%) translateY(-90%);
		transform: translateX(-50%) translateY(-90%);
	}
	25% {
		opacity: .5;
		-webkit-transform: translateX(-50%) translateY(-75%);
		-moz-transform: translateX(-50%) translateY(-75%);
		-ms-transform: translateX(-50%) translateY(-75%);
		-o-transform: translateX(-50%) translateY(-75%);
		transform: translateX(-50%) translateY(-75%)
	}
	100%,
	80% {
		opacity: 0;
		-webkit-transform: translateX(-50%) translateY(-45%);
		-moz-transform: translateX(-50%) translateY(-45%);
		-ms-transform: translateX(-50%) translateY(-45%);
		-o-transform: translateX(-50%) translateY(-45%);
		transform: translateX(-50%) translateY(-45%)
	}
}
@-moz-keyframes indicator {
	0%{
		opacity: 0.2;
		-webkit-transform: translateX(-50%) translateY(-120%);
		-moz-transform: translateX(-50%) translateY(-120%);
		-ms-transform: translateX(-50%) translateY(-120%);
		-o-transform: translateX(-50%) translateY(-120%);
		transform: translateX(-50%) translateY(-120%);
	}
	10% {
		opacity: 0.5;
		-webkit-transform: translateX(-50%) translateY(-90%);
		-moz-transform: translateX(-50%) translateY(-90%);
		-ms-transform: translateX(-50%) translateY(-90%);
		-o-transform: translateX(-50%) translateY(-90%);
		transform: translateX(-50%) translateY(-90%);
	}
	25% {
		opacity: .5;
		-webkit-transform: translateX(-50%) translateY(-75%);
		-moz-transform: translateX(-50%) translateY(-75%);
		-ms-transform: translateX(-50%) translateY(-75%);
		-o-transform: translateX(-50%) translateY(-75%);
		transform: translateX(-50%) translateY(-75%)
	}
	100%,
	80% {
		opacity: 0;
		-webkit-transform: translateX(-50%) translateY(-45%);
		-moz-transform: translateX(-50%) translateY(-45%);
		-ms-transform: translateX(-50%) translateY(-45%);
		-o-transform: translateX(-50%) translateY(-45%);
		transform: translateX(-50%) translateY(-45%)
	}
}

@keyframes indicator_two {
	0%{
		opacity: 0.2;
		-webkit-transform: translateX(-50%) translateY(-120%);
		-moz-transform: translateX(-50%) translateY(-120%);
		-ms-transform: translateX(-50%) translateY(-120%);
		-o-transform: translateX(-50%) translateY(-120%);
		transform: translateX(-50%) translateY(-120%);
	}
	10% {
		opacity: 0.5;
		-webkit-transform: translateX(-50%) translateY(-90%);
		-moz-transform: translateX(-50%) translateY(-90%);
		-ms-transform: translateX(-50%) translateY(-90%);
		-o-transform: translateX(-50%) translateY(-90%);
		transform: translateX(-50%) translateY(-90%);
	}
	25% {
		opacity: 1;
		-webkit-transform: translateX(-50%) translateY(-75%);
		-moz-transform: translateX(-50%) translateY(-75%);
		-ms-transform: translateX(-50%) translateY(-75%);
		-o-transform: translateX(-50%) translateY(-75%);
		transform: translateX(-50%) translateY(-75%)
	}
	100%,
	80% {
		opacity: 0;
		-webkit-transform: translateX(-50%) translateY(-45%);
		-moz-transform: translateX(-50%) translateY(-45%);
		-ms-transform: translateX(-50%) translateY(-45%);
		-o-transform: translateX(-50%) translateY(-45%);
		transform: translateX(-50%) translateY(-45%)
	}
}
@-webkit-keyframes indicator_two {
	0%{
		opacity: 0.2;
		-webkit-transform: translateX(-50%) translateY(-120%);
		-moz-transform: translateX(-50%) translateY(-120%);
		-ms-transform: translateX(-50%) translateY(-120%);
		-o-transform: translateX(-50%) translateY(-120%);
		transform: translateX(-50%) translateY(-120%);
	}
	10% {
		opacity: 0.5;
		-webkit-transform: translateX(-50%) translateY(-90%);
		-moz-transform: translateX(-50%) translateY(-90%);
		-ms-transform: translateX(-50%) translateY(-90%);
		-o-transform: translateX(-50%) translateY(-90%);
		transform: translateX(-50%) translateY(-90%);
	}
	25% {
		opacity: 1;
		-webkit-transform: translateX(-50%) translateY(-75%);
		-moz-transform: translateX(-50%) translateY(-75%);
		-ms-transform: translateX(-50%) translateY(-75%);
		-o-transform: translateX(-50%) translateY(-75%);
		transform: translateX(-50%) translateY(-75%)
	}
	100%,
	80% {
		opacity: 0;
		-webkit-transform: translateX(-50%) translateY(-45%);
		-moz-transform: translateX(-50%) translateY(-45%);
		-ms-transform: translateX(-50%) translateY(-45%);
		-o-transform: translateX(-50%) translateY(-45%);
		transform: translateX(-50%) translateY(-45%)
	}
}
@-moz-keyframes indicator_two {
	0%{
		opacity: 0.2;
		-webkit-transform: translateX(-50%) translateY(-120%);
		-moz-transform: translateX(-50%) translateY(-120%);
		-ms-transform: translateX(-50%) translateY(-120%);
		-o-transform: translateX(-50%) translateY(-120%);
		transform: translateX(-50%) translateY(-120%);
	}
	10% {
		opacity: 0.5;
		-webkit-transform: translateX(-50%) translateY(-90%);
		-moz-transform: translateX(-50%) translateY(-90%);
		-ms-transform: translateX(-50%) translateY(-90%);
		-o-transform: translateX(-50%) translateY(-90%);
		transform: translateX(-50%) translateY(-90%);
	}
	25% {
		opacity: 1;
		-webkit-transform: translateX(-50%) translateY(-75%);
		-moz-transform: translateX(-50%) translateY(-75%);
		-ms-transform: translateX(-50%) translateY(-75%);
		-o-transform: translateX(-50%) translateY(-75%);
		transform: translateX(-50%) translateY(-75%)
	}
	100%,
	80% {
		opacity: 0;
		-webkit-transform: translateX(-50%) translateY(-45%);
		-moz-transform: translateX(-50%) translateY(-45%);
		-ms-transform: translateX(-50%) translateY(-45%);
		-o-transform: translateX(-50%) translateY(-45%);
		transform: translateX(-50%) translateY(-45%)
	}
}


@keyframes scroll_indicator {
	0%,
	10% {
		opacity: 0;
		-webkit-transform: translateX(-50%) translateY(-150%);
		-moz-transform: translateX(-50%) translateY(-150%);
		-ms-transform: translateX(-50%) translateY(-150%);
		-o-transform: translateX(-50%) translateY(-150%);
		transform: translateX(-50%) translateY(-150%);
	}
	50% {
		opacity: 1;
		-webkit-transform: translateX(-50%) translateY(-25%);
		-moz-transform: translateX(-50%) translateY(-25%);
		-ms-transform: translateX(-50%) translateY(-25%);
		-o-transform: translateX(-50%) translateY(-25%);
		transform: translateX(-50%) translateY(-25%)
	}
	100%,
	90% {
		opacity: 0;
		-webkit-transform: translateX(-50%) translateY(50%);
		-moz-transform: translateX(-50%) translateY(50%);
		-ms-transform: translateX(-50%) translateY(50%);
		-o-transform: translateX(-50%) translateY(50%);
		transform: translateX(-50%) translateY(50%);
	}
}
@-webkit-keyframes scroll_indicator {
	0%,
	10% {
		opacity: 0;
		-webkit-transform: translateX(-50%) translateY(-150%);
		-moz-transform: translateX(-50%) translateY(-150%);
		-ms-transform: translateX(-50%) translateY(-150%);
		-o-transform: translateX(-50%) translateY(-150%);
		transform: translateX(-50%) translateY(-150%);
	}
	50% {
		opacity: 1;
		-webkit-transform: translateX(-50%) translateY(-25%);
		-moz-transform: translateX(-50%) translateY(-25%);
		-ms-transform: translateX(-50%) translateY(-25%);
		-o-transform: translateX(-50%) translateY(-25%);
		transform: translateX(-50%) translateY(-25%)
	}
	100%,
	90% {
		opacity: 0;
		-webkit-transform: translateX(-50%) translateY(50%);
		-moz-transform: translateX(-50%) translateY(50%);
		-ms-transform: translateX(-50%) translateY(50%);
		-o-transform: translateX(-50%) translateY(50%);
		transform: translateX(-50%) translateY(50%);
	}
}
@-moz-keyframes scroll_indicator {
	0%,
	10% {
		opacity: 0;
		-webkit-transform: translateX(-50%) translateY(-150%);
		-moz-transform: translateX(-50%) translateY(-150%);
		-ms-transform: translateX(-50%) translateY(-150%);
		-o-transform: translateX(-50%) translateY(-150%);
		transform: translateX(-50%) translateY(-150%);
	}
	50% {
		opacity: 1;
		-webkit-transform: translateX(-50%) translateY(-25%);
		-moz-transform: translateX(-50%) translateY(-25%);
		-ms-transform: translateX(-50%) translateY(-25%);
		-o-transform: translateX(-50%) translateY(-25%);
		transform: translateX(-50%) translateY(-25%)
	}
	100%,
	90% {
		opacity: 0;
		-webkit-transform: translateX(-50%) translateY(50%);
		-moz-transform: translateX(-50%) translateY(50%);
		-ms-transform: translateX(-50%) translateY(50%);
		-o-transform: translateX(-50%) translateY(50%);
		transform: translateX(-50%) translateY(50%);

	}
}

 @media (max-width:1400px) {
	 .scroll {
    padding-left: 0;
    margin-top: -2%;
}}
 @media (max-width:1280px) {
	 .scroll {
    padding-left: 0;
    margin-top: -3.5%;
}}
 @media (max-width:1024px) {
	 .scroll {
    padding-left: 0;
    margin-top: -11%;
}
}