@import url('reset.css');
@import url('static.css');
@import url('elements.css');
@import url('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: 1100px; 
    height: 715px;
    margin-top: 40px;
}


#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: 550px; 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:#64C8D3;
    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:#64C8D3;  
    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;
    }
    
    #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:#64C8D3;
        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;
    }
    
    #fb5 .fb5-page-book ul li a {
       color:#77797F;
       font-weight:normal;  
       text-decoration:none;
    }
    
    #fb5 .fb5-page-book ul li a:hover {
       text-decoration:underline;
    }
    
    #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(../img/bg.jpg);*/
        }
        
        #fb5 .fb5-tooltip{
             background:#64C8D3 !important; 
             color:#FFFFFF;
        }
        #fb5 .fb5-tooltip b { border-top: 10px solid #64C8D3 }
        #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 #64C8D3;
                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 #64C8D3;
        }
        
        #fb5 #fb5-contact .fb5-thanks p{
          color:#444444         
        }
        #fb5 #fb5-contact .fb5-thanks h1{
          color:#FFFFFF         
        }               
        
        /* preloader /*/
        #fb5 .fb5-preloader .wBall .wInnerBall{
            background:#64C8D3;
        }   
        
        /* 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:#64C8D3;
         }
        #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;
        }
        #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: #CFEAEE;
           font-family:Arial;
           font-size:11px;
        }  
        #fb5 #fb5-about a {
          color:#FFFFFF 
        }
        #fb5 #fb5-about h1 {
           color: #64C8D3;
           font-family:Arial;
           font-size:26px;
        }  
        #fb5 #fb5-about h2 {
           color: #64C8D3;
           font-family:Arial;
           font-size:24px;
        }  
        #fb5-about h3 {
           color: #64C8D3;
           font-family:Arial;
           font-size:22px;
        }  
        #fb5 #fb5-about h4 {
           color: #64C8D3;
           font-family:Arial;
        }  
        #fb5 #fb5-about h5 {
           color: #64C8D3;
           font-family:Arial;
           font-size:18px;
        }  
        #fb5 #fb5-about h6 {
           color: #64C8D3;
           font-family:Arial;
           font-size:16px;
        }  
        /* back  button  /*/
        #fb5 #fb5-button-back {
            background-color: #64C8D3;
            color: #FFFFFF;
        }
        #fb5 #fb5-button-back:hover{
            color:#64C8D3;  
            background-color:#FFFFFF        }
        
        /*  Other style   /*/
        #fb5 .fb5-overlay {
            background:rgba(0,0,0,0.6);
        }