HTML{
padding-bottom: 0px;
margin: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
BODY{
padding-bottom: 0px;
margin: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
#superContainer{
position: relative;
height: 100%;
}
.section{
box-sizing: border-box;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.slide{
float: left;
}
.slide{
display: block;
height: 100%;
}
.slidesContainer{
display: block;
height: 100%;
}
.slides{
position: relative;
height: 100%;
overflow: hidden;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.table.section{
width: 100%;
display: table;
}
.table.slide{
width: 100%;
display: table;
}
.tableCell{
width: 100%;
display: table-cell;
height: 100%;
vertical-align: top;
}
.slidesContainer{
position: relative;
float: left;
}
.controlArrow{
position: absolute;
border-bottom-style: solid;
border-right-style: solid;
margin-top: -38px;
width: 0px;
border-top-style: solid;
height: 0px;
border-left-style: solid;
top: 50%;
cursor: pointer;
}
.prev.controlArrow{
border-bottom-color: transparent;
border-right-width: 34px;
border-top-color: transparent;
width: 0px;
border-top-width: 38.5px;
border-bottom-width: 38.5px;
border-right-color: #fff;
border-left-color: transparent;
border-left-width: 0px;
left: 15px;
}
.next.controlArrow{
border-bottom-color: transparent;
border-right-width: 0px;
border-top-color: transparent;
border-top-width: 38.5px;
border-bottom-width: 38.5px;
border-right-color: transparent;
border-left-color: #fff;
border-left-width: 34px;
right: 15px;
}
.scrollable{
overflow: scroll;
}
.easing{
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}
#fullPage-nav{
z-index: 100;
position: fixed;
margin-top: -32px;
top: 50%;
opacity: 1;
}
.right#fullPage-nav{
right: 17px;
}
.left#fullPage-nav{
left: 17px;
}
.fullPage-slidesNav{
z-index: 4;
position: absolute;
left: 50%;
opacity: 1;
}
.bottom.fullPage-slidesNav{
bottom: 17px;
}
.top.fullPage-slidesNav{
top: 17px;
}
#fullPage-nav UL{
padding-bottom: 0px;
margin: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
.fullPage-slidesNav UL{
padding-bottom: 0px;
margin: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
#fullPage-nav LI{
position: relative;
margin: 7px;
width: 14px;
display: block;
height: 13px;
}
.fullPage-slidesNav LI{
position: relative;
margin: 7px;
width: 14px;
display: block;
height: 13px;
}
.fullPage-slidesNav LI{
display: inline-block;
}
#fullPage-nav LI A{
z-index: 1;
position: relative;
width: 100%;
display: block;
height: 100%;
cursor: pointer;
text-decoration: none;
}
.fullPage-slidesNav LI A{
z-index: 1;
position: relative;
width: 100%;
display: block;
height: 100%;
cursor: pointer;
text-decoration: none;
}
#fullPage-nav LI .active SPAN{
background: #333;
}
.fullPage-slidesNav .active SPAN{
background: #333;
}
#fullPage-nav SPAN{
z-index: 1;
border-bottom: #000 1px solid;
position: absolute;
border-left: #000 1px solid;
width: 8px;
height: 8px;
border-top: #000 1px solid;
top: 2px;
border-right: #000 1px solid;
left: 2px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
.fullPage-slidesNav SPAN{
z-index: 1;
border-bottom: #000 1px solid;
position: absolute;
border-left: #000 1px solid;
width: 8px;
height: 8px;
border-top: #000 1px solid;
top: 2px;
border-right: #000 1px solid;
left: 2px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
.fullPage-tooltip{
position: absolute;
font-family: arial, helvetica, sans-serif;
color: #fff;
font-size: 14px;
top: -2px;
}
.right.fullPage-tooltip{
right: 20px;
}
.left.fullPage-tooltip{
left: 20px;
}