::-webkit-scrollbar{display: none;}
body,p,total,label,.submitButton,input,#inputReason,#charCount{font-family:Montserrat,sans-serif}
i#online,p{font-size:16px}
total{font-size:14px}
p,total{font-weight:300;line-height:23px}
*{transition:all .5s ease-out;-webkit-transition:all .5s ease-out}
.page,body,html,section{width:100%;height:100%;margin:0;padding:0;transition:all 1s cubic-bezier(.5,-.005,.2,1)!important;
	-webkit-transition:all 1s cubic-bezier(.5,-.005,.2,1)!important;color:#fff;background-image:url(../img/home-bgo.jpg);
	background-repeat:no-repeat;background-size:cover;overflow:hidden}
#p1,#p2,#p3,#p5,#p4{background-repeat:no-repeat;background-size:cover}
section{width:400%}
.page{position:absolute}
#mccheck{line-height:6px}
#p1{left:0;background-image:url(../img/home-bgo.jpg)}#p2{left:100%;background-image:url(../img/about-bgo.jpg)}
#p3{left:200%;background-image:url(../img/info-bgo.jpg)}#p4{left:400%;background-image:url(../img/white-bgo.jpg)}
#p5{left:300%;background-image:url(../img/contact-bgo.jpg)}
ul{position:fixed;z-index:1}
#t1:target .page#p1{transform:translateX(0)}#t2:target .page#p2{transform:translateX(-90%)}
#t3:target .page#p3{transform:translateX(-190%)}#t4:target .page#p4{transform:translateX(-390%)}
#t5:target .page#p5{transform:translateX(-290%)}
#t2:target ul,#t3:target ul,#t5:target ul,#t4:target ul{background-color:rgba(48,51,60,1)}
.page#p1{-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
#t2:target .page#p1 .icon,#t3:target .page#p1 .icon,#t4:target .page#p1 .icon,#t5:target .page#p1 .icon{-webkit-filter:blur(5px);filter:blur(5px)}
#t2:target #dos,#t3:target #tres,#t4:target #cuatro,#t5:target #cinco{-moz-transition:all .2s linear;-o-transition:all .2s linear;-webkit-transition:all .2s linear}
.icon{color:#fff;font-size:32px;display:block}ul .icon:hover{opacity:.6}
#p1 .icon .title{margin-bottom:20px}
#t2:target ul .icon,#t3:target ul .icon,#t5:target ul .icon,#t4:target ul .icon{transform:scale(1);transition-delay:.1s}
#t2:target #dos{color:#9f7f5f}#t3:target #tres{color:#8aaa75}
#t5:target #cinco{color:#8575aa}#t4:target #cuatro{color:#994841}
.page .icon,ul{top:0;left:0;height:auto}ul{position:fixed;bottom:0;margin:auto;width:10%;text-align:center;background-color:rgba(48,51,60,0);padding:20% 0 0}
.credit,.page .icon{position:absolute;bottom:0;text-align:center}ul li{margin:30px 0}
a,a:active,a:focus,a:hover,a:link,a:visited{color:#fff;text-decoration:none}.hint,.title{display:block}
#t2:target .page#p2 .icon,#t3:target .page#p3 .icon,#t5:target .page#p5 .icon,.page#p1 .icon,#t4:target .page#p4 .icon{transform:translateX(0)!important}
.page{overflow-y:scroll}
.page#p1 .icon{margin-left:10%;height:540px}
.page#p2 .icon,.page#p3 .icon,.page#p5 .icon,.page#p4 .icon{height:530px}
.page .icon{right:10%;width:auto;margin:auto;font-size:60px;transform:translateX(360%);line-height:1.3}
.credit{opacity:.6;width:100%;font-size:10px;font-family:Montserrat,sans-serif}
#p1 h4,#p2 h4{letter-spacing:1px}
#p1 span#updated,#p1 span.updated,#p1 span.players,#p1 span.online{text-transform:none}
#p1 h4,#p1 span,#p2 .title,#p3 .title,#p5 .title,#p4 .title{font-family:Montserrat,sans-serif;text-transform:uppercase}
#p1 span{font-size:16px;font-weight:300}#p1 h4{font-size:60px;font-weight:500}
#p1 p{margin:20px 22%}#p2 .left-text{text-align:left}
#p2 .right-image{padding-bottom:40px}#p2 .right-image img{max-width:100%;overflow:hidden}
#p2 .title{font-size:15px;font-weight:300;margin-bottom:60px}
#p2 h4{font-size:48px;font-family:Montserrat,sans-serif;font-weight:600;margin-bottom:30px}
#p3 .title,#p5 .title,#p4 .title{font-size:15px;font-weight:300;margin-bottom:60px}
#formContainer{width:500px;height:auto;margin:auto;}
input{border:1px solid #BBB;border-radius:2px;text-align:center;color:#fff;font-size:18px;background-color:rgba(0,0,0,0);}
label{font-size:18px;font-weight: 400;}
.submitButton{width:75px;height:auto;background-color:rgba(0,0,0,0);border:1px solid #BBB;border-radius:2px;padding:3px;text-align:center;margin-top:5px;font-size:18px;margin:auto;}
#submitApplication{float:right}
#inputReason{width:500px;height:100px;font-size:18px;background-color:rgba(0,0,0,0);border:1px solid #BBB;border-radius:2px;}
#reasonLabel{display:block;width:500px;text-align:center;margin-top:5px}
#token{display:none}
#charCount{text-align:right;font-size:16px;}
.submitButton:not(.disabled):hover{border:1px solid #999;cursor:pointer;-moz-box-shadow:inset 0 0 5px #555;-webkit-box-shadow:inset 0 0 5px #555;box-shadow:inset 0 0 5px #555}
.submitButton:not(.disabled):active{background-color:#EEE;-moz-box-shadow:inset 0 0 5px #555;-webkit-box-shadow:inset 0 0 5px #555;box-shadow:inset 0 0 5px #555}
.hidden{display:none}.disabled{opacity:.5}

.maxbutton {position: relative;text-decoration: none;display: inline-block;vertical-align: middle;width: 108px;height: 40px;border: 1px solid #eeeeee;border-radius: 0px 0px 0px 0px;background-color:rgba(255,0,0,0);box-shadow: none;}
.maxbutton .mb-text {color: #ffffff;font-size: 14px;text-align: center;font-style: normal;font-weight: normal;line-height: 1em;box-sizing: border-box;display: block;background-color: unset;position: relative;padding: 11px 0px 0px 0px;}

@media (max-width: 600px){ul{padding-top: 50%!important;}}
@media (max-width:850px){ul{padding-top:10%}
.page#p1 .icon{height:auto;padding:40px 0 0 4%}
.page#p2 .icon,.page#p3 .icon,.page#p4 .icon,.page#p5 .icon{height:auto;padding:40px 0}
#p1 h4{letter-spacing:1px;font-size:36px;font-family:Montserrat,sans-serif;text-transform:uppercase;font-weight:500}
#p1 p{margin:20px}
#p2 .left-text{text-align:center;margin-bottom:45px}
#p2 .right-image{margin-bottom:40px}
.page,body,html,section{position:absolute;width:100%;height:100%;margin:0;padding:0;transition:all 1s cubic-bezier(.5,-.005,.2,1)!important;
	-webkit-transition:all 1s cubic-bezier(.5,-.005,.2,1)!important;color:#fff;background:rgba(48,51,60,0)}
.credit{margin-bottom:0;padding:2px 0}.row{margin-right:1px;margin-left:1px}
.col-md-6,.col-md-12{padding-right: 2px;padding-left: 2px;}
#formContainer{width:500px;height:auto;margin:0px 0px 0px -50px;}
#inputReason{width:310px;}
#charCount {text-align: center;}
#submitApplication {float: none;}}