/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 8, 2018, 8:13:35 PM
    Author     : shaam
*/

html {
    overflow-x: hidden;
}

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

:focus {
    outline: 0;
}

.bookLibrary {
    position: relative;
    width: 100%;
}

.bookLibrary img {
    display: block;
    width: 100%;
    height: auto;
}

.innerLibrary {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.libLogo {
    width: 50%;
    height: 15%;
    margin: auto;
    position: relative;
    top: 14%;
}

.libLogo a {
    display: block;
    width: 100%;
    height: 100%;
}

.rowBook {
    width: 86.4%;
    margin: auto;
    height: 17.5%;
    margin-top: 15.5%;
    margin-left: 7.2%;
}

.row-2.rowBook {
    margin-top: 6.3%;
}

.book {
    width: 11.7%;
    float: left;
    height: 100%;
    margin-right: 3%;
    position: relative;
}

.book:last-child {
    margin-right: 0;
}

.book a {
    display: block;
    width: 100%;
    height: 100%;

}

.books-list a {
    position: relative;
}

.books-list a:before {
    content: "";
    background: url(../images/enviro/shadow.png) 0 0/100% auto transparent;
    position: absolute;
    left: -58%;
    width: 177%;
    height: 36%;
    background-repeat: no-repeat;
    bottom: -15%;
    z-index: 8;
}

.body-language-ar .books-list a:before {
    background: url(../images/enviro/shadow-ar.png) 0 0/100% auto transparent;
    position: absolute;
    left: -30%;
    width: 177%;
    height: 47%;
    background-repeat: no-repeat;
    bottom: -23%;
    z-index: 8;
}

.body-language-ar .books-list a {
    float: right;
}

.library-body {
    background-image: url(../images/enviro/body-bg.jpg);
    /*background-image: url(images/home-background-en.jpg);*/
    background-size: cover;
    background-position: center center;
    height: 100vh;
    overflow: hidden;
    opacity: 0;
    -moz-transition: all linear 0.5s;
    -webkit-transition: all linear 0.5s;
    -ms-transition: all linear 0.5s;
    -o-transition: all linear 0.5s;
    transition: all linear 0.5s;
}

.loaded {
    opacity: 1;
}

.enviro-logo {
    margin: auto;
    width: 72%;
    margin-left: 15.3%;
    margin-top: 6vh;
    text-align: center;
}

.enviro-logo img {
    max-width: 100%;
    max-height: 47vh;
}

.books-stage {
    background-image: url(../images/enviro/books-stage.jpg);
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 24.5vw;
    background-size: cover;
}

.book-library {
    height: 100%;
    width: 100%;
}

.books-list {

    margin-top: -10%;
    width: 97%;
    margin-left: auto;
    margin-right: auto;
}

.books-list a {
    width: 13.2%;
    margin-left: 1%;
    display: inline-block;
    float: left;
    transition: 0.5s;
}

.books-list a:hover {
    margin-top: -5px;
    transition: 0.5s;
}

.books-list img {
    width: 100%;
}

.language-switcher {
    width: 30%;
    margin: auto;
    margin-top: 2.6%;
    position: absolute;
    left: 36.5%;
    z-index: 9996;
}

.language-switcher a {
    display: block;
}

.language-switcher img {
    width: 100%;
}

.switcher {
    width: 30%;
    margin: auto;
    margin-top: 2.6%;
    position: absolute;
    left: 36.5%;
    z-index: 9996;
    border-radius: 50px;
    transition: 0.5s;
}

.switcher:hover {
    transition: 0.5s;
    box-shadow: 0 0 20px #c09f80;
}

.switcher img {
    width: 100%;
}

img.background-icons.star {
    position: absolute;
    width: 10%;
    top: 3.7%;
    left: 1.8%;
}

img.background-icons.butterfly {
    position: absolute;
    left: 15%;
    width: 9%;
    top: 9%;
}

img.background-icons.pens {
    width: 16.5%;
    position: absolute;
    top: 29%;
    left: -2%;
}

img.background-icons.pink-butterflay {
    position: absolute;
    right: 7%;
    width: 13%;
    top: 5%;
}

img.background-icons.flower {
    position: absolute;
    right: 3.5%;
    width: 9%;
    top: 31%;
}

.powerd {
    width: 19.5%;
    margin: auto;
    margin-top: 1.3%;
    position: absolute;
    bottom: 6%;
    left: 38%;
}

.powerd img {
    width: 100%;
}

a#exitApp {
    position: absolute;
    right: 1.5%;
    width: 6%;
    top: 2%;
    cursor: pointer;
}

@media (min-height: 600px) and (min-width: 1200px) {
    .books-stage {
        height: 18vw;
        background-size: cover;
        background-position: bottom;
    }

    .books-list {
        margin-top: -10%;
        width: 68%;
    }

    .enviro-logo {
        margin-top: -3vh;
    }

    .language-switcher {
        width: 23%;

    }

    .switcher {
        width: 23%;
    }



}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  { /* STYLES GO Ipad */}

@media only screen
and (min-device-width : 1100px)
   {
    a#exitApp{
        display: none;
    }
}

@media (max-width: 1024px) {
    .powerd {
        bottom: 3%;
    }

    .language-switcher {
        margin-top: 2%;
    }

    .switcher {
        margin-top: 2%;
    }

}