.pt-wrapper {
    position: relative;
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    perspective: 1200px;
    display: block;
    overflow: hidden;
    background: #fff;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    min-width: 1200px;
    height:100%; width:100%; position:absolute;

}



.pt-page {
width: 100%;
height: 768px;
    position: absolute;
    visibility: hidden;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.pt-page img {height:768px;   }

.pt-page-current, .no-js .pt-page {
    visibility: visible;
    z-index: 1;
}

.no-js body {
    overflow: auto;
}

.pt-page-ontop {
    z-index: 999;
}

/* Triggers (Buttons) */

.pt-trigger {
    cursor: pointer;
}

/* -- sample of prev/next buttons for all pages BEGIN   */

.btnbabiesnext {
position: absolute;
z-index: 999;
right: 20px;
height: 768px;
width: 10%;
min-width:42px;
cursor: pointer;
display: block;
outline: none;
border: none;
background: url('../images/btns/babies_next_btn.svg') no-repeat;
background-position: center right;
top:50%; -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
}
.btnbabiesnext:hover {
background: url('../images/btns/babies_next_btn_hover.svg') no-repeat;
background-position: center right;
}

.btnbabiesprev {
position: absolute;
z-index: 999;
height: 768px;
width: 10%;
min-width:42px;
cursor: pointer;
display: block;
outline: none;
border: none;
margin-left:20px;
background: url('../images/btns/babies_prev_btn.svg') no-repeat;
background-position: center left;
top:50%; -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
}
.btnbabiesprev:hover {
background: url('../images/btns/babies_prev_btn_hover.svg') no-repeat;
background-position: center left;
}

/* -- sample of prev/next buttons for all pages END */



/* buttons for GROWN-UPS BEGIN  */

.btngrownupsnext {
position: absolute;
z-index: 999;
right: 20px;
height: 768px;
width: 10%;
min-width:42px;
cursor: pointer;
display: block;
outline: none;
border: none;
background: url('../images/btns/grownups_next_btn.svg') no-repeat;
background-position: center right;
top:50%; -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
}
.btngrownupsnext:hover {
background: url('../images/btns/grownups_next_btn_hover.svg') no-repeat;
background-position: center right;
}

.btngrownupsprev {
position: absolute;
z-index: 999;
height: 768px;
width: 10%;
min-width:42px;
cursor: pointer;
display: block;
outline: none;
border: none;
margin-left:20px;
background: url('../images/btns/grownups_prev_btn.svg') no-repeat;
background-position: center left;
top:50%; -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
}
.btngrownupsprev:hover {
background: url('../images/btns/grownups_prev_btn_hover.svg') no-repeat;
background-position: center left;
}


/* buttons for GROWN-UPS END    */


/* buttons for MOTION BEGIN  */

.btnmotionnext {
position: absolute;
z-index: 999;
right: 20px;
height: 768px;
width: 10%;
min-width:42px;
cursor: pointer;
display: block;
outline: none;
border: none;
background: url('../images/btns/motion_next_btn.svg') no-repeat;
background-position: center right;
top:50%; -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
}
.btnmotionnext:hover {
background: url('../images/btns/motion_next_btn_hover.svg') no-repeat;
background-position: center right;
}

.btnmotionprev {
position: absolute;
z-index: 999;
height: 768px;
width: 10%;
min-width:42px;
cursor: pointer;
display: block;
outline: none;
border: none;
margin-left:20px;
background: url('../images/btns/motion_prev_btn.svg') no-repeat;
background-position: center left;
top:50%; -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
}
.btnmotionprev:hover {
background: url('../images/btns/motion_prev_btn_hover.svg') no-repeat;
background-position: center left;
}


/* buttons for MOTION END    */


.btntearsnext {
position: absolute;
z-index: 999;
right: 20px;
height: 768px;
width: 10%;
min-width:42px;
cursor: pointer;
display: block;
outline: none;
border: none;
background: url('../images/btns/tears_next_btn.svg') no-repeat;
background-position: center right;
top:50%;-ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
}
.btntearsnext:hover {
background: url('../images/btns/tears_next_btn_hover.svg') no-repeat;
background-position: center right;
}

.btntearsprev {
position: absolute;
z-index: 999;
height: 768px;
width: 10%;
left:20px;
min-width:42px;
cursor: pointer;
display: block;
outline: none;
border: none;
background: url('../images/btns/tears_prev_btn.svg') no-repeat;
background-position: center left;
top:50%; -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
}
.btntearsprev:hover {
background: url('../images/btns/tears_prev_btn_hover.svg') no-repeat;
background-position: center left;
}

.btnkidsnext {
position: absolute;
z-index: 999;
right: 20px;
height: 768px;
width: 10%;
min-width:42px;
cursor: pointer;
display: block;
outline: none;
border: none;
background: url('../images/btns/kids_next_btn.svg') no-repeat;
background-position: center right;
top:50%;-ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
}
.btnkidsnext:hover {
background: url('../images/btns/kids_next_btn_hover.svg') no-repeat;
background-position: center right;
}
.btnkidsprev {
position: absolute;
z-index: 999;
height: 768px;
width: 10%;
left:20px;
min-width:42px;
cursor: pointer;
display: block;
outline: none;
border: none;
background: url('../images/btns/kids_prev_btn.svg') no-repeat;
background-position: center left;
top:50%; -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
}
.btnkidsprev:hover {
background: url('../images/btns/kids_prev_btn_hover.svg') no-repeat;
background-position: center left;
}

/* buttons for PLAY BEGIN  */

.btnplaynext {
position: absolute;
z-index: 999;
right: 20px;
height: 768px;
width: 10%;
min-width:42px;
cursor: pointer;
display: block;
outline: none;
border: none;
background: url('../images/btns/play_next_btn.svg') no-repeat;
background-position: center right;
top:50%; -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
}
.btnplaynext:hover {
background: url('../images/btns/play_next_btn_hover.svg') no-repeat;
background-position: center right;
}

.btnplayprev {
position: absolute;
z-index: 999;
height: 768px;
width: 10%;
min-width:42px;
cursor: pointer;
display: block;
outline: none;
border: none;
margin-left:20px;
background: url('../images/btns/play_prev_btn.svg') no-repeat;
background-position: center left;
top:50%; -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
}
.btnplayprev:hover {
background: url('../images/btns/play_prev_btn_hover.svg') no-repeat;
background-position: center left;
}


/* buttons for PLAY END    */


.pt-page-3 {
    background: #05e5ff;
}

.pt-page-4 {
    background: #ff4f02;
}