/*
+--------------------------------------------------------------------------+
| Designed and Developed by webresan.com                                         |
| (C) 2013-2022 All rights reserved.                                       |
+--------------------------------------------------------------------------+
*/
#spinner {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 9999;
        }
        *{
            margin: 0;
            padding: 0;
          }

          .wrapper{
            position: absolute;
            width: 100%;
            height: 100%;
            margin: 0 auto;
            background-color: #000;
            overflow:hidden;
          }

          .circle{
            position: relative;
            width: 250px;
            height: 250px;
            margin: 0 auto;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            border-radius: 50%;
            background-color: #fff;
          }
          .circle:after{
            content: "Loading ...";
            position: absolute;
            top: 150px;
            width: 250px;
            color: #fff;
            text-align: center;
            -webkit-animation: fadeinout .5s ease-in-out alternate infinite;
            animation: fadeinout .5s ease-in-out alternate infinite;
          }
          .circle:before{
            content: "";
            position: absolute;
            top: 125px;
            left: -1px;
            width: 252px;
            height: 126px;
            background-color: #000;
          }
          .circle-inner{
            position: relative;
            top: 30px;
            left: 30px;
            width: 190px;
            height: 190px;
            border-radius: 50%;
            background-color: #000;
            -webkit-animation: inneranim .5s ease-in-out alternate infinite;
            animation: inneranim .5s ease-in-out alternate infinite;
          }
          .circle-cutter{
            position: absolute;
            left: 0px;
            top: 0px;
            width: 250px;
            height: 250px;
            border-radius: 50%;
            -webkit-transform-origin: top top;
            -webkit-animation: animrotate 1s ease-in-out alternate infinite;
            transform-origin: top top;
            animation: animrotate 1s ease-in-out alternate infinite;
          }
          .circle-cutter:after{
            content: "";
            position: absolute;
            top: 125px;
            left: -1px;
            width: 252px;
            height: 126px;
            background-color: #000;
          }

          @-webkit-keyframes inneranim{
            0%{
              top: 30px;
              left: 30px;
              width: 190px;
              height: 190px;
            }
            100%{
              top: 3px;
              left: 3px;
              width: 244px;
              height: 244px;
            }
          }
          @-webkit-keyframes animrotate{
            0%{
              -webkit-transform: rotate(160deg);
            }
            100%{
              -webkit-transform: rotate(-160deg);
            }
          }
          @-webkit-keyframes fadeinout{
            0%{
              opacity: 1;
            }
            100%{
              opacity: 0;
            }
          }

          @keyframes inneranim{
            0%{
              top: 30px;
              left: 30px;
              width: 190px;
              height: 190px;
            }
            100%{
              top: 3px;
              left: 3px;
              width: 244px;
              height: 244px;
            }
          }
          @keyframes animrotate{
            0%{
              transform: rotate(160deg);
            }
            100%{
              transform: rotate(-160deg);
            }
          }
          @keyframes fadeinout{
            0%{
              opacity: 1;
            }
            100%{
              opacity: 0;
            }
          }

body {
    color: black;
    background: #000 url("../images/bg.jpg") repeat;
}
nav #first {
    background-image: url(../images/arrow_double_left.png);
}
nav #back {
    background-image: url(../images/arrow_left.png);
}
nav #next {
    background-image: url(../images/arrow_right.png);
}
nav #last {
    background-image: url(../images/arrow_double_right.png);
}
nav #zoomin {
    background-image: url(../images/zoom_in.png);
}
nav #zoomout {
    background-image: url(../images/zoom_out.png);
}
nav #flipsound {
    background-image: url(../images/sound_on.png);
}
nav #thumbs {
    background-image: url(../images/thumbs.png);
}
nav #download {
    background-image: url(../images/download.png);
}
nav #home {
    background-image: url(../images/home.png);
}
.wowbook-right .wowbook-gutter-shadow {
    background-image: url('../images/page_right_background.png');
    background-position: 0 0;
    width: 75px;
}
.wowbook-left .wowbook-gutter-shadow {
    background-image: url('../images/page_left_background.png');
    opacity: 0.5;
    width: 60px;
}
.wowbook-page-content {
    padding: 0em;
}
nav #flipsound.wowbook-disabled {
    background-image: url(../images/sound_off.png);
}
footer .copyright {
    color: #fff;
    text-align: center;
    padding-bottom: 0px;
    direction: rtl;
    font-size: 11px;
    font-family: 'tahoma', sans-serif;
}
footer{
  position: relative;
  width: 100%;
  height: 25px;
}

.copyright a {
    text-decoration: none;
    color: #05b0c2;
}