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; }