/* fullscreen for desktop resolution */

body{background-color:#000;color:#fff;margin:0;padding:0;height:100%;}

html{height: 100%;}
.tImage{border:1px solid #fff}
.tImage:hover{
	-webkit-animation : border-blink 1s infinite;
    -moz-animation    : border-blink 1s infinite;
    -o-animation      : border-blink 1s infinite;
	animation         : border-blink 1s infinite;
	transition-timing-function: ease-in-out;
	transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}

/* head */

.header{position:fixed;top:0;left:0;width:100%;z-index:9999999}
.header-content{background:#000;margin-top:12px;border:1px solid #fff;border-radius:25px;overflow:auto;width:328px}
.menu{float:left;padding:10px 20px;cursor:pointer}
.menu:hover{color:#666}
.m1{}
.m2{}
.m3{}


/* content */

.content1{width:100%;height:100%;background:url("../images/fa_back1.jpg");background-size:cover;overflow:hidden;}
.content2{width:100%;height:100%;background:url("../images/fa_back2.jpg");background-size:cover;overflow:hidden;}
.content3{width:100%;height:100%;background:url("../images/fa_back3.jpg");background-size:cover;overflow:hidden;}
.content4{width:100%;height:100%;background:url("../images/fa_back4.jpg");background-size:cover;overflow:hidden;}
.content-text1{margin-right:10%;margin-top:12%;margin-left:10%;padding:10px}
.content-text2{margin-right:10%;margin-top:12%;margin-left:10%;padding:10px}
.content-text3{margin-right:10%;margin-top:12%;margin-left:10%;padding:10px}
.content-text4{margin-right:10%;margin-top:20%;margin-left:10%;padding:10px}

.text-left{text-align:left;text-shadow: 1px 1px 2px black;}
.text-right{text-align:right;text-shadow: 1px 1px 2px black;}
.text-center{text-align:center;text-shadow: 1px 1px 2px black;}

h1{font-size:120pt;text-shadow: 1px 1px 1px 2px black;transition:0.5s}
h1:hover{-webkit-text-stroke:2px #ffffff;color:transparent;}

.trailer-left{float:left;}
.trailer-right{float:right;}
.hidden{display:none;}
.cursor-pointer{cursor:pointer;}
.bigger{font-size:30pt}

/* animations styles */

.fade {
	-webkit-animation : fadeIn 1s;
    -moz-animation    : fadeIn 1s;
    -o-animation      : fadeIn 1s;
	animation         : fadeIn 1s;
	transition-timing-function: ease-in-out;
	transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}

.fade2 {
	-webkit-animation : fadeIn 2s;
    -moz-animation    : fadeIn 2s;
    -o-animation      : fadeIn 2s;
	animation         : fadeIn 2s;
	transition-timing-function: ease-in-out;
	transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}

.active {
	-webkit-animation : active 1.5s infinite;
    -moz-animation    : active 1.5s infinite;
    -o-animation      : active 1.5s infinite;
	animation         : active 1.5s infinite;
	transition-timing-function: ease-in-out;
	transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}

.moveDown {
	-webkit-animation : mdown 1s;
    -moz-animation    : mdown 1s;
    -o-animation      : mdown 1s;
	animation         : mdown 1s;
	transition-timing-function: ease-in-out;
	transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}

/* animations */


@keyframes mdown {
    from {
        opacity:0;
		top:-60px
    }
    to {
        opacity:1;
		top:0px
    }
}

@keyframes active {
    from {
        opacity:1;
    }
	50% {
		opacity:0.5;
	}
    to {
        opacity:1;
    }
}

@keyframes border-blink {
    from {
        border:1px solid #fff;
    }
	50% {
		border:1px solid #666;
	}
    to {
        border:1px solid #fff;
    }
}

@keyframes fadeIn {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}