@import url('https://wwww.ciwideyoutbound.com/resto/pinisi-resto/book/css/reset.css');
@import url('https://wwww.ciwideyoutbound.com/resto/pinisi-resto/book/css/static.css');
@import url('https://wwww.ciwideyoutbound.com/resto/pinisi-resto/book/css/elements.css');
@import url('https://wwww.ciwideyoutbound.com/resto/pinisi-resto/book/css/preloader.css');
#fb5{
    font-family:Arial,sans-serif;	
    font-size:14px;	
    position:relative;
    overflow:hidden;
    margin:0 auto;
    display:block;
    width:100%;
    height:300px;
    opacity:0;
    margin-bottom:30px;
}

#fb5.fullScreen,#fb5-ajax[data-template="true"] #fb5{
    margin-bottom:0;	
}


#fb5 #fb5-container-book {
    position: absolute;
    z-index: 5;
    display: none;
    width: 3000px; height: 715px;
}


#fb5 fieldset{


}


#fb5 #fb5-deeplinking{
    display:none;	
}


#fb5 .fb5-bcg-book{
    background: none no-repeat center center;
    background-size:cover;
    moz-background-size:cover;
    webkit-background-size:cover;
    width:100%;
    height:100%;
}

#test{
    margin:0 auto;
    width:100%;
}

#fb5 #page.mobile {
    width: 650px; height: 358px;
    margin: -210px 0 0 -275px;
}

#fb5 #page .padding { /*padding: 0 34px;*/ }



#fb5 .cursor-grab {
    cursor: webkit-grab;
    cursor: moz-grab;
}


#fb5 .fb5-overlay {
    position: absolute; left: -10000px; top: 0; z-index: 20;

    /*background: url(../img/bg-overlay.png);/*/
    background:rgba(0,0,0,0);

    width: 100%; height: 100%;
    display:none;
}

#fb5 .fb5-overlay.active { left: 0; display:block; }


/* = Back button
-------------------------------------------------------------- */
#fb5 #fb5-button-back{
    color:#FFFFFF;
    position:absolute;
    left:-5px;
    top:45px;
    background-color:#FFFFFF;
    border-radius: 4px 4px 4px 4px;
    padding:5px;
    padding-left:15px;
    padding-right:10px;
    font-size:12px;
    font-weight:bold;
    margin-top:-45px;
}
#fb5 #fb5-button-back:hover{
    color:#FFFFFF;  
    background-color:#FFFFFF
}


/* = About
-------------------------------------------------------------- */

#fb5 #fb5-about {
    position: absolute; z-index: 5;
    width: 45%; display: none;
    /*padding-top: 6%;/*/
}

#fb5 #fb5-about h1,
#fb5 #fb5-about h2,
#fb5 #fb5-about h3,
#fb5 #fb5-about h4,
#fb5 #fb5-about h5,
#fb5 #fb5-about h6 {
    margin: 0 0 .5em 0;
    padding:0px;
    font-size: 1.375em;
    color: #64c8d3;
    webkit-font-smoothing: antialiased;
    text-transform:none;
	background-image: url(../img/arrow-right.png) no-repeat 0 100%;
}

#fb5 #fb5-about h3{
    background: url(../img/arrow-right.png) no-repeat 0 50%;	
    padding: 0 0 0 25px;	
}

#fb5 #fb5-about ul,#fb5-about ol {
    list-style:disc;
    margin: 0;
    padding-left:10px;
    padding-top:0%;
    padding-bottom:2%;
}

#fb5 #fb5-about li {
    color: #cfeaee;
    margin-bottom:4px;
}


#fb5 #fb5-about p {
    /*font-size: 0.688em;/*/
    color: #cfeaee;
    margin-bottom:4%;
}

#fb5 #fb5-about a {
    color:#ffffff;	
    text-decoration:underline;
}

#fb5 #fb5-about a:hover {
    /*color:#ffffff;/*/	
    text-decoration:none;
}



/* = Book
-------------------------------------------------------------- */

#fb5 #fb5-book {
    position: relative; z-index: 10;
    width: 100%; height:100%;
}

#fb5 #fb5-book .turn-page {
    background-color:#FFF;
    background-size: 100% 100%;
}

#fb5 .fb5-double {
    background-size: 200% 100% !important;
}

#fb5 .fb5-double.fb5-first {
    background-position: 0% 0%;
}

#fb5 .fb5-double.fb5-second {
    background-position: -100% 0%;
}







/* = Nav Arrows
---------------------------------------- */

#fb5 .fb5-nav-arrow {
    position: absolute; top: 50%; z-index: 15;
    background: url(../img/arrow-navpage.png);
    width: 34px; height: 136px;
    margin-top: -68px;
}

#fb5 .fb5-nav-arrow.next			{ right: -34px; background-position: 0 0; }
#fb5 .fb5-nav-arrow.next:hover	{ background-position: 0 -186px; }

#fb5 .fb5-nav-arrow.prev			{ left: -34px; background-position: 0 -372px; display: none; }
#fb5 .fb5-nav-arrow.prev:hover	{ background-position: 0 -558px; }

#fb5 .fb5-nav-arrow.next{
    transform-origin:0 center;
    ms-transform-origin:0 center;
    webkit-transform-origin:0 center;		 
}

#fb5 .fb5-nav-arrow.prev{
    transform-origin:right center;
    ms-transform-origin:right center;
    webkit-transform-origin:right center;		 
}

/*#page.mobile .fb5-nav-arrow.next { right: -24px; }*/



/* = Cover
---------------------------------------- */

#fb5 #fb5-logo-cover {
    position: absolute; right: 10px; bottom: 10px; z-index: 5;
}	

#fb5 #fb5-cover ul {
    position:absolute;
    top:50%;
    webkit-transform: translate(0,-50%);
    ms-transform: translate(0,-50%);
    moz-transform: translate(0,-50%);
    o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    clear: both;
    width: 100%;
    list-style: none;
    padding: 20px 0;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}

#fb5 #fb5-cover ul:after { clear: both; content: ''; display: block; }

#fb5 #fb5-cover li {
    float: left;
    width: 28.3%;
    margin: 0 2.5%;
    list-style:none;
}

#fb5 #fb5-cover li,
#fb5 #fb5-cover img {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    box-shadow:none;
}

#fb5 #fb5-cover li:last-child {
    margin-right: 0;
}

#fb5 #fb5-cover li img {
    float: left;
    width: 100%;
}

#fb5 #fb5-cover li a:hover img {
    /*opacity: .8;/*/
}



/* = End
---------------------------------------- */

#fb5 #end { text-align: center; }

#fb5 #end p { padding-top: 60%; }



/* = Meta data
---------------------------------------- */

#fb5 #fb5-book .fb5-meta {
    position: absolute; bottom: 1%;
}

#fb5 .fb5-meta .fb5-num {
    font-weight: bold;
    font-size: 12px;
    color: #666;
}

#fb5 .fb5-meta .fb5-description {
    font-size: 11px;
    color: #666;
    font-family:Arial,sans-serif;
}

#fb5 .fb5-meta.fb5-left { 
    left:3%;
}

#fb5 .fb5-meta.fb5-left .fb5-num {
    padding-right: 10px;
}

#fb5 .fb5-meta.fb5-right {
    right:3%;
    text-align: right;
}

#fb5 .fb5-meta.fb5-right .fb5-num {
    padding-left: 10px;
}




/*= Video in lightbox
----------------------------*/

#v5_lightbox {
    width:100%;
    height:100%;
    z-index:555789;
    position:fixed;	
    display:block;	
    top:0px;
}

#v5_lightbox .bcg{
    width:100%;
    height:100%;
    background-color:#000;
    opacity:.7;	
    position:absolute;	
    cursor:pointer;
}


/* --------------------------*/

.fb5-cont-page-book{
    position:absolute;		
}

#fb5 .fb5-page-book {

    position:absolute;
    webkit-hyphens:none;
    moz-hyphens:none;
    ms-hyphens:none;
    hyphens:none;	
    overflow:hidden;
}


#fb5 .fb5-page-book .center {
    /*text-align:center;
    padding-top:65%;/*/
}

#fb5 .fb5-page-book img {
    border:none;
    padding:0;
}

#fb5 .fb5-page-book p {
    webkit-text-size-adjust:none;
    margin-bottom:20px;
    line-height:1.5;
}

#fb5 .fb5-page-book a {
    text-decoration:underline;
    color:#FFFFFF;
    font-weight:bold;
}

#fb5 .fb5-page-book p a:hover {
    text-decoration:none;
}

#fb5 .fb5-page-book h1,
#fb5 .fb5-page-book h2,
#fb5 .fb5-page-book h3,
#fb5 .fb5-page-book h4,
#fb5 .fb5-page-book h5,
#fb5 .fb5-page-book h6 {
    font-family:Arial,sans-serif;
    text-transform:none;
    margin:0px;

}

#fb5 .fb5-page-book h1 {
    webkit-text-size-adjust:none;

}

#fb5 .fb5-page-book h2 {
    webkit-text-size-adjust:none;

}

#fb5 .fb5-page-book h3 {
    webkit-text-size-adjust:none;

}

#fb5 .fb5-page-book h4 {
    webkit-text-size-adjust:none;

}

#fb5 .fb5-page-book h5 {
    webkit-text-size-adjust:none;

}

#fb5 .fb5-page-book h6 {
    webkit-text-size-adjust:none;

}

#fb5 .fb5-page-book ul,.fb5-page-book ol {
    list-style: disc inside;
    margin-bottom:3% !important;
}

#fb5 .fb5-page-book ul li {
    margin-bottom:2px;
    list-style: disc inside;
    margin-left: 20px;
}

#fb5 .fb5-page-book ul li a {
    color:#77797F;
    font-weight:600;	
/*    text-decoration:none;*/
}

#fb5 .fb5-page-book ul li a:hover {
    text-decoration:none;
}

#fb5 .fb5-page-book a:hover img {
    opacity:0.8;	   	  
}


/* =WordPress Core
-------------------------------------------------------------- */
#fb5 .fb5-page-book .alignnone,.fb5-about .alignnone {
    margin: 5px 20px 20px 0;
}

#fb5 .fb5-page-book.aligncenter,.fb5-page-book div.aligncenter,#fb5-about.aligncenter,#fb5-about div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

#fb5 .fb5-page-book .alignright,#fb5-about .alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

#fb5 .fb5-page-book .alignleft,#fb5-about .alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

#fb5 .fb5-page-book .aligncenter,#fb5-about .aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

#fb5 .fb5-page-book a img.alignright,#fb5-about a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

#fb5 #fb5 .fb5-page-book a img.alignnone,#fb5-about a img.alignnone {
    margin: 5px 20px 20px 0;
}

#fb5 .fb5-page-book a img.alignleft,#fb5-about a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

#fb5 .fb5-page-book a img.aligncenter,#fb5-about a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

#fb5 .fb5-page-book .wp-caption,#fb5-about .wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

#fb5 .fb5-page-book .wp-caption.alignnone,#fb5-about .wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

#fb5 .fb5-page-book .wp-caption.alignleft,#fb5-about .wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

#fb5 .fb5-page-book .wp-caption.alignright,#fb5-about .wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.fb5-page-book .wp-caption img,#fb5-about .wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

#fb5 .fb5-page-book .wp-caption p.wp-caption-text,#fb5-about .wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}



/* = Media queries
-------------------------------------------------------------- */

@media screen and (max-width: 768px) { 
    /*
  .fb5-nav-arrow.next{
              transform-origin:0 center;
              -ms-transform-origin:0 center;
              -webkit-transform-origin:0 center;		 
  }
      
       .fb5-nav-arrow.prev{
              transform-origin:right center;
              -ms-transform-origin:right center;
              -webkit-transform-origin:right center;		 
  }

      .fb5-nav-arrow{
              transform:scale(2);
              ms-transform:scale(2);
              -webkit-transform:scale(2);
      }
      /*/
}




/* tools bar*/
#fb5 .fb5-bcg-book{
    background-image:url("../../images/bg.webp");
}

#fb5 .fb5-tooltip{
    background: #000000 !important;
    color: #FFFFFF;
}
#fb5 .fb5-tooltip b { border-top: 10px solid #000000 }
#fb5 #fb5-footer .bcg { 
    background-color: #000000;
    opacity: 0.55;
}
#fb5 nav li.fb5-goto #fb5-label-page-number {
    color: #5F6F7B;
}
#fb5 nav li.fb5-goto button {
    color: #5F6F7B;
    background: linear-gradient(to bottom, #2B3E4D 0px, #1F303D 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#fb5 nav li.fb5-goto input[type="text"] {
    background: none repeat scroll 0 0 #141F28 ;
    border: 1px solid #1E2F3C;
}	

/* book /*/

#fb5 #fb5-book .turn-page {
    background-color:#FFFFFF;
}
#fb5 .fb5-meta .fb5-num {
    color: #666666;
}
#fb5 .fb5-meta .fb5-description {
    color: #666666;
}		

/* list thumbs /*/
#fb5 #fb5-all-pages .fb5-container-pages {
    background: none repeat scroll 0 0 #000000;
    box-shadow: 0 0 40px rgba(100,200, 211, 0.8);
}

/* form /*/
#fb5 #fb5-contact form {
    background: none repeat scroll 0 0 #161616;
    box-shadow: 0 0 60px rgba(100,200,211, 0.7);
}
#fb5 #fb5-contact form h3 {
    color: #FFFFFF;
}
#fb5 #fb5-contact button {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #FFFFFF;
}
#fb5 #fb5-contact form input, #fb5-contact form textarea {
    color: #737373;
}
#fb5 #fb5-contact .fb5-close {
    color: #000000;	
    background: none repeat scroll 0 0 #FFFFFF;
}

#fb5 #fb5-contact .fb5-thanks p{
    color:#444444			
}
#fb5 #fb5-contact .fb5-thanks h1{
    color:#FFFFFF			
}				

/* preloader /*/
#fb5 .fb5-preloader .wBall .wInnerBall{
    background:#FFFFFF;
}	

/* arrow gif /*/
#fb5 .fb5-nav-arrow {
    background: url("../img/arrow-navpage.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}		

/* formatt page for flipbook  /*/
#fb5 .fb5-page-book p {
    color:#77797F;
    font-family:Arial;
    font-size:14px;
}
#fb5 .fb5-page-book a {
    color:#FFFFFF;
}
#fb5 .fb5-page-book h1 {
    color:#77797F;
    font-family:Arial;
    font-size:28px;
}
#fb5 .fb5-page-book h2 {
    color: #77797F;
    font-family: Arial;
    font-size: 26px;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 5px;
}
#fb5 .fb5-page-book h3 {
    color:#77797F;
    font-family:Arial;
    font-size:24px;
}
#fb5 .fb5-page-book h4 {
    color:#77797F;
    font-family:Arial;
    font-size:22px;
}
#fb5 .fb5-page-book h5 {
    color:#77797F;
    font-family:Arial;
    font-size:20px;
}
#fb5 .fb5-page-book h6 {
    color:#77797F;
    font-family:Arial;
    font-size:18px;
}
#fb5 .fb5-page-book li {
    color:#77797F;	
    font-family:Arial;
    font-size:14px;		
}
#fb5 .fb5-page-book ul li a {
    color:#77797F;
}


/*  about style  /*/
#fb5 #fb5-about p,#fb5 #fb5-about li {
    color: #FFFFFF;
    font-family: Arial;
    font-size: 20px;
    text-shadow: 1px 1px 1px black;
}  
#fb5 #fb5-about a {
    color:#FFFFFF	
}
#fb5 #fb5-about h1 {
    color: #FFFFFF;
    font-family:Arial;
    font-size:36px;
}  
#fb5 #fb5-about h2 {
    color: #FFFFFF;
    font-family:Arial;
    font-size:24px;
}  
#fb5-about h3 {
    color: #FFFFFF;
    font-family:Arial;
    font-size:22px;
}  
#fb5 #fb5-about h4 {
    color: #FFFFFF;
    font-family:Arial;
}  
#fb5 #fb5-about h5 {
    color: #FFFFFF;
    font-family:Arial;
    font-size:18px;
}  
#fb5 #fb5-about h6 {
    color: #FFFFFF;
    font-family:Arial;
    font-size:16px;
}  
/* back  button  /*/
#fb5 #fb5-button-back {
    background-color: #FFFFFF;
    color: #53250A;
}
#fb5 #fb5-button-back:hover{
    color:#FFFFFF;  
    background-color:#53250A 		}

/*  Other style   /*/
#fb5 .fb5-overlay {
    background:rgba(0,0,0,0.6);
}

#item-title{
    padding-top: 20px !important;
    font-size: 30px !important;
    font-weight: 900!important; 
}
.items li{
    font-size: 18px !important; 
    padding: 3px 0px 0px 0px!important;
    border-bottom: 1px rgba(76, 0, 247, 0.16) solid!important;
    color: #752C00!important;
    font-weight: 900!important;
}
#fb5-book .page{
    border: 1px #CACACA solid !important; 
} 
.items #large-text{ 
    padding: 10px 0px 10px 0px!important; 
    font-size: 17px !important;
}
.menu-navigation ul li a{
    color: white !important;
    font-size: 21px !important;
    font-weight: 800 !important;
    text-shadow: 2px 1px 1px black !important;
}