button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0} menu,article,aside,details,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{}button,select{text-transform:none}[type=submit], [type=reset],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}body, div, p {
margin: 0;
padding: 0;
}
body {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 300;
letter-spacing: 0.0625em;
}
a {
text-decoration: none;
}
.img-thumb {
border: 1px solid #ddd;
border-radius: 4px;
padding: 5px;
width: 80px;
}
.des {
width: 40%;
}
.des p {
color: black;
font-size: 15px;
}
.img-thumb:hover {
box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}
span.flogo {
float: left;
cursor: pointer;
font-weight: bold; padding: 40px;
color: white;
text-transform: uppercase;
font-family: cursive;
font-size: 29px;
}
span.back {
float: right;
cursor: pointer;
font-weight: bold;
text-decoration: underline;
padding: 40px;
color: white;
text-transform: uppercase;}
.fanilogo {
position: absolute;
z-index: 999;
top: 10%;
width: 100%;
}
.fanitext {
position: absolute; font-size: 18px;
color: #fff;
right: 0%;
bottom: 0%;
z-index: 999;
bottom: 0;
padding-right: 100px;
padding-bottom: 70px;
}
span.go-prev, span.go-next {
writing-mode: vertical-rl; 
}
.nav1 {
position: fixed;
top: 35%;
left: 10px;
width: 100%;
z-index: 100;
}
button{
line-height: 1.5;
border: none;
border-radius: 4px;
background: transparent;
margin-right: 10px;
cursor:pointer;
}
.slides-container {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 10;
}
.slide {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.slide .centered {
width: 100%;
padding: 60px;
margin-left: 35%;
}
#slide-1 {
background-color: darkslategray;
}
#slide-2 {
background-color: #45959b;
}
#slide-3 {
background-color: #778899;
}
#slide-4 {
color: #FFFFFF;
background-color: #291F37;
}
#slide-4 {
color: #FFFFFF;
background-color: #291F37;
}
.thumb1 img, .thumb2 img, .thumb3 img, .thumb4 img, .thumb5 img, .thumb6 img, .thumb7 img, .thumb8 img, .thumb9 img, .thumb10 img, .thumb11 img, .thumb12 img {
width: 100%;
height: 100%;
}
.thumb1, .thumb2, .thumb3, .thumb4, .thumb5, .thumb6, .thumb7, .thumb8, .thumb9, .thumb10, .thumb11, .thumb12, .j1, .j2, .j3, .j4, .hj1, .hj2, .hj3, .hj4, .su1, .su2, .su3, .su4, .su5, .su6, .ts1, .ts2, .ts3, .ts4, .m1, .m2, .m3, .m4, .m5, .m6, .m7, .m8{ 
display:none;
}
.thumb1.active, .j1.active, .j2.active, .j3.active, .j4.active, .hj1.active, .hj2.active, .hj3.active,.su1.active, .su2.active, .su3.active, .su4.active, .su5.active, .su6.active,.ts1.active, .ts2.active, .ts3.active, .ts4.active, .m1.active, .m2.active, .m3.active, .m4.active, .m5.active, .m6.active, .m7.active, .m8.active {
display: block;
}
.thumb2.active {
display: block;
}
.thumb3.active {
display: block;
}
.thumb4.active {
display: block;
}
.thumb5.active {
display: block;
}
.thumb6.active {
display: block;
}
.thumb7.active {
display: block;
}
.thumb8.active {
display: block;
}
.thumb9.active {
display: block;
}
.thumb10.active {
display: block;
}
.thumb11.active {
display: block;
}
.thumb12.active {
display: block;
}
.go-prev, .go-next {
cursor: pointer;
font-weight: bold;
text-decoration: underline;
}