/**
 * pagingSlider - main.css
 *
 * @category  Mobile-Hybrid
 * @package   pagingSlider
 * @author    Nils Gajsek <info@linslin.org>
 * @copyright 2013-2014 Nils Gajsek <info@linslin.org>
 * @license   http://opensource.org/licenses/gpl-license.php GNU Public License
 * @version   1.0.7
 * @link      https://github.com/linslin
 *
 */

* { -webkit-user-select: none; }
body {font-family:"Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial; }
h1, h2 { margin:0; }
h4 {margin: 0px 0 0 0; }
#device {  width:100%; height:98%; margin: 0; position:relative;}
#wrapper { width:100%; height:98%; margin: 0; position:relative;}

/** Page footer menu **/
.footer-menu ul { }
.footer-menu ul.pager { height:0px; text-align:center; padding:0px; }
.footer-menu ul.pager li { height: 0px; width: 0px; display:inline-block; background: url(../img/icons/pager-point-inactive.svg) no-repeat center top;  }
.footer-menu ul.pager li.first { margin-left:50%; }
.footer-menu ul.pager li.active { background: url(../img/icons/pager-point-active.svg) no-repeat center top; }

/** Header menu */
.header-menu { margin:0 auto; text-align:center; }


/** 
 * pagingSlider - CSS 
 * Following lines are required for animations, etc.
 */
.slidepage-container { height:98%; position:relative; overflow: hidden;  background:#ffffff; } /* pageSlider container setup */
.slidepage-container .content { padding:20px;} /* edit ;) */

.psPage { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.psPage.left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
.psPage.center { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.psPage.right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
.psPage.transition { -webkit-transition-duration: .25s; transition-duration: .25s; }