@charset "utf-8";

body {background:#b87d9b;}

body {
	overflow: hidden;
}

/* Preloader */

#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:99; /* makes sure it stays on top */
}

#status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(img/status.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}

.section-text{text-align:center;}

#header{position:fixed;height: 66px;display:block;	width: 100%;background:;z-index:9;text-align:center;color: #f2f2f2;padding: 20px 0 0 0;opacity:1;}

#header{top:0px;}

#footer{position:fixed;height: 40px;display:block;	width: 100%;background:;z-index:9;text-align:center;color: #f2f2f2;padding: 10px 0 0 0;opacity:1;}

#footer{bottom:0px;}


#logo {
background: none;
opacity: 0.8;
padding:0.5em;
border-radius:0.5em;
align: center;
height: 70px;
width: 70px;
border: 0px solid #fff;
}

span.glyphicon-link {
    font-size: 1.4em;
	color: #fff;
	font-weight:bold;
	background-color: #ff9681;
	padding:0.2em;
}

#menu li {
	display:inline-block;
	margin: 10px;
	color: #000;
	background:#fff;
	background: rgba(253,108,158, 0.8);
	-webkit-border-radius: 10px; 
            border-radius: 10px; 
	border:1px solid #ccc;
}
#menu li.active{
	background:#666;
	background: rgba(161,202,241, 0.8);
	color: #fff;
}
#menu li a{
	text-decoration:none;
	color: #000;
}
#menu li.active a:hover{
	color: #000;
}
#menu li:hover{
	background: rgba(251,153,2, 0.8);
}
#menu li a,
#menu li.active a{
	padding: 9px 18px;
	display:block;
}
#menu li.active a{
	color: #fff;
}
#menu{
	height: 40px;
	z-index: 70;
	width: 100%;
	padding: 0;
	margin:0;
}

#section0{background:#DEA5A4;opacity:0.7;}
#section1 {background:#DEA5A4;opacity:0.7;}
#section2 {background:#DEA5A4;opacity:0.7;}
#section3 {background:#DEA5A4;opacity:0.7;}
#section4{background:#DEA5A4;opacity:0.7;}
#section5{background:#DEA5A4;opacity:0.7;}

#section0 img,
#section1 img{
	margin: 20px 0 0 0;
}
#section2 img{
	margin: 20px 0 0 52px;
}
#section3 img{
	bottom: 0px;
	position: absolute;
	margin-left: -420px;
}
#section4 img{
	bottom: 0px;
	position: absolute;
	margin-left: -420px;
}
#section5 img{
	bottom: 0px;
	position: absolute;
	margin-left: -420px;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px;
    border: 1px solid #333;
    background: rgba(0, 0, 0, 0);
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}


/* Backgrounds will cover all the section
* --------------------------------------- */
#section0,
#section1,
#section2,
#section3,
#section4,
#section5{
	background-size: cover;
}

/* Defining each sectino background and styles 
* --------------------------------------- */
#section0{
	background-image: url('img/fans.jpg');
	opacity:0.9;
	padding: 0 0 0 0;
}
#section1{
	background-image: url('img/twl2.jpg');
	padding: 0% 0 0 0;
}
#section2{
	background-image: url('img/jewgs.jpg');
	padding: 0% 0 0 0;
}
#section3{
	background-image: url('img/sfacm.jpg');
	background-size: 100% 100%;
	padding: 0 0 0 0;
}
#section4{
	background-image: url('img/swts.jpg');
	background-size: 100% 100%;
	padding: 0 0 0 0;
}
#section5{
	background-image: url('img/fab1sf.jpg');
	background-size: 100% 100%;
	padding: 0 0 0 0;
}
#section6{
	background-image: url('img/fab1s.jpg');
	background-size: 100% 100%;
	padding: 0 0 0 0;
}


/*Adding background for the slides
* --------------------------------------- */
#slide1{
	background-image: url('img/jewgs.jpg');
	background-size: 100% 100%;
	padding: 0 0 0 0;
}
#slide2{
	background-image: url('img/stestgs.jpg');
	background-size: 100% 100%;
	padding: 0 0 0 0;
}	
#slide3{
	background-image: url('img/fab2s.jpg');
	background-size: 100% 100%;
	padding: 0 0 0 0;
}	
#slide4{
	background-image: url('img/bins.jpg');
	background-size: 100% 100%;
	padding: 0 0 0 0;
}	

#slide5{
	background-image: url('img/sacs.jpg');
	background-size: 100% 100%;
	padding: 0 0 0 0;
}

#slide6{
	background-image: url('img/fab1s.jpg');
	background-size: 100% 100%;
	padding: 0 0 0 0;
}	

#hcaption {
 font-family: 'Jockey One',serif;
 background: ;
 padding:0.5em;
 font-size:1.8em;
 font-weight:normal;
 color:#E3FF00;
 text-decoration:none;
 text-shadow: 1px 1px 1px #000;
 width:20em;
 top:6em;
 right:4em;
 position:absolute;
 z-index:8;
}

#help {
 text-shadow: 1px 1px 1px gold;
 background:  rgba(161,202,241, 0.5);
 padding:0.2em;
 opacity:0.8;
 font-family: 'Roboto',serif;
 font-size:1.5em;
 font-weight:normal;
 color:#000;
 width:20em;
 top:6em;
 right:0;
 position:absolute;
 z-index:10;
}

#highlight {
 text-shadow: 1px 1px 1px gold;
 background:  rgba(161,202,241, 0.5);
 padding:0.5em;
 opacity:0.8;
 font-family: 'Roboto',serif;
 font-size:1.5em;
 font-weight:bold;
 color:#000;
 width:20em;
 top:20em;
 right:0;
 position:absolute;
 z-index:10;
}

#overruns {
 text-shadow: 1px 1px 1px gold;
 background: rgba(161,202,241, 0.5);
 padding:0.5em;
 opacity:0.8;
 font-family: 'Roboto',serif;
 font-size:1.5em;
 font-weight:bold;
 color:white;
 top:23em;
 right:0.7em;
 position:absolute;
 z-index:10;
}

#twmp {
 top:4em;
 right:1em;
 position:absolute;
 opacity:0.5;
 z-index:1
}

#twitter {
 position:absolute;
 top:11.5em;
 left:4em;
 color:red;
 font-size:3em;
 opacity:0.7;
}

#twitter-widget-0{width:90%;}

.twit iframe{
    width:90%;
}

#tweets {
 padding:0.5em;
 width:90%;
 height:5em;
 top:6em;
 right:0;
 position:absolute;
 z-index:8;
}

#cus {
 position:absolute;
 top:11.6em;
 left:1em;
 color:red;
 font-size:3em;
}

#uil {
 position:absolute;
 top:11.2em;
 left:4em;
 color:red;
 font-size:3em;
}

#follow {
 align:right;
 opacity:0.7;
}

#single {
 margin-left:0;
 margin-top:1em;
 opacity:0.9em;
 align:right;
 opacity:0.7;
 width:35.5em;
}

.fp-controlArrow {
    position: absolute;
    z-index: 4;
    top: 65%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
}

.fp-controlArrow.fp-prev {
    left: 20px;
    width: 0;
    border-width: 28.5px 24px 28.5px 0;
    border-color: transparent #FC5A8D transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 20px;
    border-width: 28.5px 0 28.5px 24px;
    border-color: transparent transparent transparent #FC5A8D;
}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span {
    background: gold;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    top: 2px;
    left: 2px;
    width: 15px;
    height: 15px;
    border: 1px solid gold;
    background: rgba(0, 0, 0, 0);
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}

#lcaption {
 font-family: 'Jockey One',serif;
 background: ;
 padding:0.5em;
 font-size:1.8em;
 font-weight:normal;
 color:#E3FF00;
 text-decoration:none;
 text-shadow: 1px 1px 1px #000;
 width:20em;
 top:6em;
 right:4em;
 position:absolute;
 z-index:8;
}

#lolight {
 text-shadow: 3px 3px 3px black;
 background:  none;
 padding:0.2em;
 opacity:0.9;
 font-family: 'Roboto',serif;
 font-size:3.5em;
 font-weight:bold;
 letter-spacing: -0.1em;
 color: white;
 width:8em;
 top:0em;
 left:-1.4em;
 position:relative;
 z-index:10;
}

sup {
  letter-spacing: 0.1em;
  margin-top:-1.0em;
  font-size:0.7em;
}