/* IMPORTS */
@import url('architecture.css');
@import url('icon-fonts/fontello.css');
@import url('prettyPhoto.css');


/* ----------------------------------------------------------------*/
/* 	1. GLOBAL  */
/* ----------------------------------------------------------------*/





/* === 7.5 FULLSCREEN SLIDER/SUPERSIZED === */

#supersized-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
    text-indent: -999em;
    background: #000;
    z-index: 0;
}
#supersized {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    z-index: 1;
}
#supersized img {
    display: none;
    position: relative;
    width: auto;
    height: auto;
    border: none;
    outline: none;
}
#supersized.speed img {
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: -moz-crisp-edges;
}
#supersized.quality img {
    -ms-interpolation-mode: bicubic;
    image-rendering: optimizeQuality;
}
#supersized li {
    display: block;
    list-style: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #111;
    overflow: hidden;
    z-index: -30;
}
#supersized a {
    display: block;
    width: 100%;
    height: 100%;
}
#supersized li.prevslide {
    z-index: -20;
}
#supersized li.activeslide {
    z-index: -10;
}
#supersized li.image-loading {
    width: 100%;
    height: 100%;
    background: #111;
}
#supersized li.image-loading img {
    visibility: hidden;
}
#supersized li.prevslide img,
#supersized li.activeslide img {
    display: inline;
}
#qcHomeSlideControls {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
ul#slide-list {
    display: block;
    position: absolute;
    bottom: 70px;
    left: 50%;
    padding: 15px 0;
    z-index: 99;
}
ul#slide-list li {
    list-style: none;
    float: right;
    width: 12px;
    height: 12px;
    margin: 0 8px 0 0;
}
ul#slide-list li a {
    display: block;
    width: 10px;
    height: 10px;
    border: 2px #fff solid;
    background: transparent;
    border-radius: 0px;
}
ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover {
    background: #fff;
}
ul#slide-list li a:hover {
    background: rgba(255,255,255,0.4);
    cursor: pointer;
}
#progress-back {
    position: absolute;
    bottom: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: transparent;
    z-index: 3;
}
#progress-bar {
    position: relative;
    height: 0px;
    width: 100%;
    background: rgba(255,255,255,0.6);
}