/* ============================
   HEADER
   ============================ */
header {
    top: 0;
    left: 0;
    z-index: 2
}

header img.logo { 
    width: 165px;
    height: auto; 
}

.menu {
    margin-top: 6px;
    width: 40px;
    height: 35px;
    background: transparent;
    border: 1px solid #333;
    padding: 0;
}

.menu:active { background: #333; }

.bar {
    width: 75%;
    display: block;
    background: #fff;
    padding: 2px 0 0 0;
    margin: 5px auto;
}

/* ============================
   NAVIGATION
   ============================ */
nav {
    top: 0;
    left: 0;
    z-index: 1;
}

nav a,
nav a:visited {
    display: block;
    color: #fff;
    padding: 10px;
}

/* ============================
   CONTENT
   ============================ */

h1 { line-height: 25px; }
h2 { padding-bottom: 20px; }

.app-info { margin-top: 80px; }

.app-title {
    padding-left: 90px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEcAAABHCAYAAABVsFofAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDk2YWNkZS04MTgzLTQ1MWYtYmY1Ny05YmMzYjg3NmRkMjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0M4RTBFMDNGMDEyMTFFNTg2RDFBMTQ5QjdBMjZENzIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0M4RTBFMDJGMDEyMTFFNTg2RDFBMTQ5QjdBMjZENzIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpjM2M5MjNkZS1iYjNiLTRkZmYtOTAwZi02YWUyZjQ4NGZkZTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ5NmFjZGUtODE4My00NTFmLWJmNTctOWJjM2I4NzZkZDIx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');
    background-repeat: no-repeat;
    background-position: left center;
}

.app-download span { font-size: 18px; }

ul.description li,
ol li { padding: 0 0 15px 0 }

.menu,
.button-confirm {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;	
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
}

.button-confirm {
    padding: 10px 20px;
}

.gallery {
    height: 267px;
    overflow-x: scroll; 
    overflow-y: hidden; 
    white-space: nowrap; 
    margin: 20px 0;
}

.gallery ul li {
    display: inline-block;
}

.gallery img {
    width: 150px;
    height: auto;
}

.overlay {
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.8);
    z-index: 5;
}

.lightbox-content img {
    width: 50%;
    height: auto;
    margin-left: 25%;
    margin-top: 20%;
}

.close {
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 25px;
    height: 25px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANxJREFUeNrcVokNwyAMDJ2AUTJCuwmjZBNGYQS6SdjAMampUl6jlKjqSUaRg30CfwgAmEbjNl0NPJVCWeEF3WGnycbbquhfQhDDoMiKc0l7YqiEpEAQYHNERGArdupNgssMbXwQMQgCvO898JJx7TOKIed+vyFdCzIXuBbWQ2K0oHOB5xKxCRKSLxLpYgoflMsJgiXjr1qUvVAFX6wq7r6i3zjJ8JgMz67hdTK84nG5M41s6F3M5gjke2+QjtHonigPIYTz4r9J14Ljpuz5eXLZZBw948XfPIk2AQYA7PccI/v+nbwAAAAASUVORK5CYII=');
    background-repeat: no-repeat;
    background-position: center center;
}

/* ============================
   FOOTER
   ============================ */

footer { 
    padding: 15px 10px;
    border-top: 1px solid #eee;
}

/* ============================
   MEDIA QUERIES
   ============================ */

@media (min-width: 1024px) {
    .lightbox-content img {
        width: 350px;
        margin-left: 32%;
        margin-top: 7%;
    }
}

@media (max-width: 640px) {

    .col-9 { width: 100%; }
    .button-confirm { 
        float: none; 
        width: 100%; 
    }

    .lightbox-content img {
        width: 70%;
        margin-left: 15%;
        margin-top: 25%;
    }

}

@media (max-width: 320px) and (max-height: 480px) {

    .lightbox-content img {
        width: 70%;
        margin-left: 15%;
        margin-top: 17%;
    }
}