@font-face {
	font-family:'TitilliumWeb-Regular';
	src: url('../fonts/TitilliumWeb-Regular.eot');
	src: url('../fonts/TitilliumWeb-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/TitilliumWeb-Regular.woff') format('woff'),
		url('../fonts/TitilliumWeb-Regular.ttf') format('truetype'),
		url('../fonts/TitilliumWeb-Regular.svg#TitilliumWeb-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-F6C3;
}
@font-face {
	font-family:'TitilliumWeb-SemiBold';
	src: url('../fonts/TitilliumWeb-SemiBold.eot');
	src: url('../fonts/TitilliumWeb-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/TitilliumWeb-SemiBold.woff') format('woff'),
		url('../fonts/TitilliumWeb-SemiBold.ttf') format('truetype'),
		url('../fonts/TitilliumWeb-SemiBold.svg#TitilliumWeb-SemiBold') format('svg');
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-F6C3;
}
@font-face {
	font-family:'GermaniaOne-Regular';
	src: url('../fonts/GermaniaOne-Regular.eot');
	src: url('../fonts/GermaniaOne-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/GermaniaOne-Regular.woff') format('woff'),
		url('../fonts/GermaniaOne-Regular.ttf') format('truetype'),
		url('../fonts/GermaniaOne-Regular.svg#GermaniaOne-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-FB05;
}
@font-face {
	font-family:'TitilliumWeb-Light';
	src: url('../fonts/TitilliumWeb-Light.eot');
	src: url('../fonts/TitilliumWeb-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/TitilliumWeb-Light.woff') format('woff'),
		url('../fonts/TitilliumWeb-Light.ttf') format('truetype'),
		url('../fonts/TitilliumWeb-Light.svg#TitilliumWeb-Light') format('svg');
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-F6C3;
}
.top{opacity: 1;}

#back-to-top a > span {display: inline-block;}
#back-to-top.inactive a > span {
    
    -webkit-animation:fade2 0.2s ease-in 0s forwards;  
            animation:fade2 0.2s ease-in 0s forwards; 
}
#back-to-top.active a > span {
    opacity: 0;
    -webkit-animation:fade 0.2s ease-in 0s forwards;  
            animation:fade 0.2s ease-in 0s forwards; 
}

#back-to-top.active a > span:nth-child(1){animation-delay: 0.2s; -webkit-animation-delay: 0.2s}
#back-to-top.active a > span:nth-child(2){animation-delay: 0.3s; -webkit-animation-delay: 0.3s}
#back-to-top.active a > span:nth-child(3){animation-delay: 0.4s; -webkit-animation-delay: 0.4s}
#back-to-top.active a > span:nth-child(4){animation-delay: 0.5s; -webkit-animation-delay: 0.5s}
#back-to-top.active a > span:nth-child(5){animation-delay: 0.6s; -webkit-animation-delay: 0.6s}
#back-to-top.active a > span:nth-child(6){animation-delay: 0.7s; -webkit-animation-delay: 0.7s}

#back-to-top.inactive a > span:nth-child(1){animation-delay: 0.7s; -webkit-animation-delay: 0.2s}
#back-to-top.inactive a > span:nth-child(2){animation-delay: 0.6s; -webkit-animation-delay: 0.3s}
#back-to-top.inactive a > span:nth-child(3){animation-delay: 0.5s; -webkit-animation-delay: 0.4s}
#back-to-top.inactive a > span:nth-child(4){animation-delay: 0.4s; -webkit-animation-delay: 0.5s}
#back-to-top.inactive a > span:nth-child(5){animation-delay: 0.3s; -webkit-animation-delay: 0.6s}
#back-to-top.inactive a > span:nth-child(6){animation-delay: 0.2s; -webkit-animation-delay: 0.7s}


@keyframes fade{
    0%{
        opacity: 0;
        transform: translateY(0px)
    } 50%{
        opacity: 0.5;
        transform: translateY(-3px)
    }100%{
        opacity: 1;
        transform: translateY(0px)
    }
}

@-webkit-keyframes fade{
    0%{
        opacity: 0;
        -webkit-transform: translateY(0px)
    } 50%{
        opacity: 0.5;
        -webkit-transform: translateY(-3px)
    }100%{
        opacity: 1;
        -webkit-transform: translateY(0px)
    }
}

@keyframes fade2{
    0%{
        opacity: 1;
        transform: translateY(0px)
    } 50%{
        opacity: 0.5;
        transform: translateY(-3px)
    }100%{
        opacity: 0;
        transform: translateY(0px)
    }
}

@-webkit-keyframes fade2{
    0%{
        opacity: 1;
        -webkit-transform: translateY(0px)
    } 50%{
        opacity: 0.5;
        -webkit-transform: translateY(-3px)
    }100%{
        opacity: 0;
        -webkit-transform: translateY(0px)
    }
}



.wrapper .header{
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
}
.wrapper .header.slideDown{
    -webkit-animation: slideDown 0.4s linear 0s;
            animation: slideDown 0.4s linear 0s; 
}
@keyframes slideDown {
     0% {
     transform: translateY(-100%)
    }
     100% {
     transform: translateY(0%)
    }
}
 @-webkit-keyframes slideDown {
     0% {
     -webkit-transform: translateY(-100%)
    }
     100% {
     -webkit-transform: translateY(0%)
    }
}