html, body {
    margin: 0;
    height: 100%;
}

body {
    //background-color: #333;
    background-image: url(../assets/cuir.jpg);
    background-position: left top;
    -webkit-background-size: cover;
 /* For WebKit*/
    -moz-background-size: cover;
    /* Mozilla*/
    -o-background-size: cover;
      /* Opera*/
    background-size: cover;
         /* Generic*/;
}

body.hide-overflow {
    overflow: hidden;
}/* helpers */.t {
    display: table;
    width: 100%;
    height: 100%;
}

.tc {
    display: table-cell;
    vertical-align: middle;
    //text-align: center;
}

.rel {
    position: relative;
}/* book */.book {
    margin: 0 auto;
    width: 70%;
    height: 70%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.book .page {
    height: 100%;
    background-color: #FFF;
    text-align: center;
}

.book .p1 {
    background-image: url(../pages/page_1.jpg);
    background-position: left top;
    -webkit-background-size: cover;
 /* For WebKit*/
    -moz-background-size: cover;
    /* Mozilla*/
    -o-background-size: cover;
      /* Opera*/
    background-size: cover;
         /* Generic*/;
}

.book .p2 {
    background-image: url(../pages/page_2.jpg);
    background-position: left top;
    -webkit-background-size: cover;
 /* For WebKit*/
    -moz-background-size: cover;
    /* Mozilla*/
    -o-background-size: cover;
      /* Opera*/
    background-size: cover;
         /* Generic*/;
}

.book .p3 {
    background-image: url(../pages/page_3.jpg);
    background-position: left top;
    -webkit-background-size: cover;
 /* For WebKit*/
    -moz-background-size: cover;
    /* Mozilla*/
    -o-background-size: cover;
      /* Opera*/
    background-size: cover;
         /* Generic*/;
}

.book .p4 {
    background-image: url(../pages/page_4.jpg);
    background-position: left top;
    -webkit-background-size: cover;
 /* For WebKit*/
    -moz-background-size: cover;
    /* Mozilla*/
    -o-background-size: cover;
      /* Opera*/
    background-size: cover;
         /* Generic*/;
}

.book .p5 {
    background-image: url(../pages/page_5.jpg);
    background-position: left top;
    -webkit-background-size: cover;
 /* For WebKit*/
    -moz-background-size: cover;
    /* Mozilla*/
    -o-background-size: cover;
      /* Opera*/
    background-size: cover;
         /* Generic*/;
}

.book .p6 {
    background-image: url(../pages/page_6.jpg);
    background-position: left top;
    -webkit-background-size: cover;
 /* For WebKit*/
    -moz-background-size: cover;
    /* Mozilla*/
    -o-background-size: cover;
      /* Opera*/
    background-size: cover;
         /* Generic*/;
}

.book .p7 {
    background-image: url(../pages/page_7.jpg);
    background-position: left top;
    -webkit-background-size: cover;
 /* For WebKit*/
    -moz-background-size: cover;
    /* Mozilla*/
    -o-background-size: cover;
      /* Opera*/
    background-size: cover;
         /* Generic*/;
}

.book .p8 {
    background-image: url(../pages/page_8.jpg);
    background-position: left top;
    -webkit-background-size: cover;
 /* For WebKit*/
    -moz-background-size: cover;
    /* Mozilla*/
    -o-background-size: cover;
      /* Opera*/
    background-size: cover;
         /* Generic*/;
}

.book .p9 {
    background-image: url(../pages/page_9.jpg);
    background-position: left top;
    -webkit-background-size: cover;
 /* For WebKit*/
    -moz-background-size: cover;
    /* Mozilla*/
    -o-background-size: cover;
      /* Opera*/
    background-size: cover;
         /* Generic*/;
}

.book .p10 {
    background-image: url(../pages/page_10_v2.jpg);
    background-position: left top;
    -webkit-background-size: cover;
 /* For WebKit*/
    -moz-background-size: cover;
    /* Mozilla*/
    -o-background-size: cover;
      /* Opera*/
    background-size: cover;
         /* Generic*/;
}

.book .p11 {
    background-image: url(../pages/page_11_v2.jpg);
    background-position: left top;
    -webkit-background-size: cover;
 /* For WebKit*/
    -moz-background-size: cover;
    /* Mozilla*/
    -o-background-size: cover;
      /* Opera*/
    background-size: cover;
         /* Generic*/;
}

.book .p12 {
    background-image: url(../pages/page_12_v2.jpg);
    background-position: left top;
    -webkit-background-size: cover;
 /* For WebKit*/
    -moz-background-size: cover;
    /* Mozilla*/
    -o-background-size: cover;
      /* Opera*/
    background-size: cover;
         /* Generic*/;
}

.book .p13 {
    background-image: url(../pages/page_13.jpg);
    background-position: left top;
    -webkit-background-size: cover;
 /* For WebKit*/
    -moz-background-size: cover;
    /* Mozilla*/
    -o-background-size: cover;
      /* Opera*/
    background-size: cover;
         /* Generic*/;
}

.book .p14{
    background-image: url(../pages/page_14.jpg);
    background-position: left top;
    -webkit-background-size: cover;
 /* For WebKit*/
    -moz-background-size: cover;
    /* Mozilla*/
    -o-background-size: cover;
      /* Opera*/
    background-size: cover;
         /* Generic*/;
}

.book .p15 {
    background-image: url(../pages/page_15.jpg);
    background-position: left top;
    -webkit-background-size: cover;
 /* For WebKit*/
    -moz-background-size: cover;
    /* Mozilla*/
    -o-background-size: cover;
      /* Opera*/
    background-size: cover;
         /* Generic*/;
}

.book .p16 {
    background-image: url(../pages/page_16_v2.jpg);
    background-position: left top;
    -webkit-background-size: cover;
 /* For WebKit*/
    -moz-background-size: cover;
    /* Mozilla*/
    -o-background-size: cover;
      /* Opera*/
    background-size: cover;
         /* Generic*/;
}

.book .p17 {
    background-image: url(../pages/page_17_v2.jpg);
    background-position: left top;
    -webkit-background-size: cover;
 /* For WebKit*/
    -moz-background-size: cover;
    /* Mozilla*/
    -o-background-size: cover;
      /* Opera*/
    background-size: cover;
         /* Generic*/;
}

.book .p18 {
    background-image: url(../pages/page_18_v2.jpg);
    background-position: left top;
    -webkit-background-size: cover;
 /* For WebKit*/
    -moz-background-size: cover;
    /* Mozilla*/
    -o-background-size: cover;
      /* Opera*/
    background-size: cover;
         /* Generic*/;
}

.book .p19 {
    background-image: url(../pages/page_19.jpg);
    background-position: left top;
    -webkit-background-size: cover;
 /* For WebKit*/
    -moz-background-size: cover;
    /* Mozilla*/
    -o-background-size: cover;
      /* Opera*/
    background-size: cover;
         /* Generic*/;
}

.book .p20{
    background-image: url(../pages/page_20.jpg);
    background-position: left top;
    -webkit-background-size: cover;
 /* For WebKit*/
    -moz-background-size: cover;
    /* Mozilla*/
    -o-background-size: cover;
      /* Opera*/
    background-size: cover;
         /* Generic*/;
}

.book .p21 {
    background-image: url(../pages/page_21.jpg);
    background-position: left top;
    -webkit-background-size: cover;
 /* For WebKit*/
    -moz-background-size: cover;
    /* Mozilla*/
    -o-background-size: cover;
      /* Opera*/
    background-size: cover;
         /* Generic*/;
}

.book .p22 {
    background-image: url(../pages/page_22.jpg);
    background-position: left top;
    -webkit-background-size: cover;
 /* For WebKit*/
    -moz-background-size: cover;
    /* Mozilla*/
    -o-background-size: cover;
      /* Opera*/
    background-size: cover;
         /* Generic*/;
}

.book .p23 {
    background-image: url(../pages/page_23.jpg);
    background-position: left top;
    -webkit-background-size: cover;
 /* For WebKit*/
    -moz-background-size: cover;
    /* Mozilla*/
    -o-background-size: cover;
      /* Opera*/
    background-size: cover;
         /* Generic*/;
}

.book .p24 {
    background-image: url(../pages/page_24.jpg);
    background-position: left top;
    -webkit-background-size: cover;
 /* For WebKit*/
    -moz-background-size: cover;
    /* Mozilla*/
    -o-background-size: cover;
      /* Opera*/
    background-size: cover;
         /* Generic*/;
}

.book .p25 {
    background-image: url(../pages/page_25.jpg);
    background-position: left top;
    -webkit-background-size: cover;
 /* For WebKit*/
    -moz-background-size: cover;
    /* Mozilla*/
    -o-background-size: cover;
      /* Opera*/
    background-size: cover;
         /* Generic*/;
}

.book .p26 {
    background-image: url(../pages/page_26.jpg);
    background-position: left top;
    -webkit-background-size: cover;
 /* For WebKit*/
    -moz-background-size: cover;
    /* Mozilla*/
    -o-background-size: cover;
      /* Opera*/
    background-size: cover;
         /* Generic*/;
}

.book .p5 video {
	border-color: white;
	border-width: 1px;
	border-style: solid;
    position: relative;
    top: 34.5%;
    left: 0.5%;
    width: 86%;
}

.book .p23 video {
	border-color: white;
	border-width: 1px;
	border-style: solid;
    position: relative;
    top: 39.7%;
    left: 0.5%;
    width: 86%;
}

.book .page img {
    max-width: 100%;
    height: 100%;
}

#logo-front {
    position: relative;
    margin-top: 30%;
    width: 40%;
}

.page-wrapper {
    -webkit-perspective: 2000px;
    -moz-perspective: 2000px;
    -ms-perspective: 2000px;
    perspective: 2000px;
}