/*------------------------------------------------------------------------

    Project Name: Gallerix
    Design and Develpment: eightyclouds
    Author URI: http://www.eightyclouds.com
    Version: 1.0

--------------------------------------------------------------------------

   01. CSS Resets
   02. General Styles
   
*/

/* -------------------------------------------------------------------------- */
/* ------------------------------- 01. Resets ------------------------------- */
/* -------------------------------------------------------------------------- */

.Gallerix * {
    margin: 0;
    padding: 0;
    line-height: 1;
    text-decoration: none;
    list-style: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* ---------------------------------------------------------------------------------- */
/* ------------------------------- 02. General Styles ------------------------------- */
/* ---------------------------------------------------------------------------------- */

/* Gallerix Styles */
.Gallerix .gallerix_main_wrapper {
    margin: 0 auto;
    overflow: visible;
    width:100%;
}

.Gallerix .gallerix_content_wrapper {
    width:100%;
    overflow: visible;
    float: left;
}

/* Gallerix Top Navigation */
.Gallerix .gallerix_top_navigation {
    width:100%;
    height: 50px;
    text-align: center;
}

.Gallerix .gallerix_top_navigation ul {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;  
}

.Gallerix .gallerix_top_navigation li {
    display: inline;
    line-height: 50px;
    margin: 5px;
}

.Gallerix .gallerix_top_navigation a {
    color: #a9a9a9;
    text-decoration: none;
    -webkit-transition: color 0.25s ease-out;
    transition: color 0.25s ease-out;
}

.Gallerix .gallerix_top_navigation a:hover {
    color: #000000;
}

.Gallerix .gallerix_top_navigation li.active a {
    color: #000000;
}

/* Gallerix Content Wrapper */
.Gallerix .gallerix_content_wrapper ul {
    width:100%;
    float: left;
    text-align: center;
}

.Gallerix .gallerix_content_wrapper li {
    display: inline-block;
    margin: 5px;
    padding: 0;
    width: 240px;
    height: 170px;
}

.Gallerix .gallerix_image_box {
    border-radius: 4px;
    float: left;
    box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
    position: relative;
    cursor: pointer;
    z-index: 1;
    line-height: 1;
}

.Gallerix .gallerix_image_box img {
    border-radius: 4px;
    width: 240px;
    height: 170px;
    background-color: #FFF;
}

.Gallerix .gallerix_image_shining {
    background-image: url("../img/shining.png");
    background-size: cover;
    width: 240px;
    height: 170px;
    position: absolute;
    top: 0;
    left:0;
    background-repeat: no-repeat;
    z-index: 2;
}

/* Gallerix Pagination Wrapper */
.Gallerix .gallerix_pagination {
    clear: both;
    height: 50px;
    text-align: center;
    width:100%;
}

.Gallerix .gallerix_pagination ul {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}

.Gallerix .gallerix_pagination li {
    display: inline;
    line-height: 50px;
    margin: 5px;
}

.Gallerix .gallerix_pagination a {
    color: #a9a9a9;;
    text-decoration: none;
    -webkit-transition: color 0.25s ease-out;
    transition: color 0.25s ease-out;
}

.Gallerix .gallerix_pagination a:hover {
    color: #000000;
}

.Gallerix .gallerix_pagination li.active a {
    color: #000000;
}

.Gallerix .gallerix_image_box {
    width: 240px;
    height: 170px;
}

.Gallerix .gallerix_image_box img {
    width: 240px;
    height: 170px;
    padding:6px;
    float: left;
}

.Gallerix_Blackbox {
    display: none;
    background: #000;
    opacity:0.7;
    position: fixed;
    width:100%;
    height: 100%;
    left:0;
    top:0;
    z-index: 9998;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.Gallerix_Blackbox.loading {
    background-image:url("../img/img_loader.gif");
}

.Gallerix_Lightbox {
    display: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left:0;
    top:0;
    z-index: 9999;
    background:#FFF;
    border-radius: 4px;
    padding: 10px;
}

.Gallerix_Lightbox {
    max-width: 95%;
    overflow: hidden;
}

.Gallerix_Lightbox img {
    width:100%;
    height: auto;
    float: left;
}

.Gallerix_Lightbox .gallerix-lightbox-media {
    position: relative;
    width:100%;
    float:left;
    overflow: hidden;
}


.Gallerix_Lightbox .gallerix-lightbox-media-controls {
    width:100%;
    float:left;
    display: none;
}

.Gallerix_Lightbox  .gallerix-lightbox-media-control-next,
.Gallerix_Lightbox  .gallerix-lightbox-media-control-prev {
    position: absolute;
    color:#000;
    font-size: 30px;
    top: 50%;
    margin-top: -15px;
    cursor: pointer;
    background:#FFF;
    z-index: 9999;
}

.Gallerix_Lightbox  .gallerix-lightbox-media-control-next i,
.Gallerix_Lightbox  .gallerix-lightbox-media-control-prev i {
    float:left;
    padding: 8px 15px;
    margin-top: 1px;
}


.Gallerix_Lightbox  .gallerix-lightbox-media-control-next {
    right: 0px;
    border-radius: 4px 0 0 4px;
}
.Gallerix_Lightbox  .gallerix-lightbox-media-control-prev {
    left: 0px;
    border-radius: 0 4px 4px 0;
}

.Gallerix_Lightbox .gallerix-lightbox-top a {
    text-decoration: none;
}

.Gallerix_Lightbox .gallerix-lightbox-top {
    width:100%;
    float:left;
    height:1px;
}

.Gallerix_Lightbox .gallerix-lightbox-media {
    top:-1px;
}

.Gallerix_Lightbox .gallerix-lightbox-social-icon {
    float:left;
    margin-right: 5px;
}

.Gallerix_Lightbox .gallerix-lightbox-social-icon i {
    color:#FFF;
    font-size: 20px;
    height:30px;
    width:30px;
    float:left;
    border-radius: 4px;
    text-align: center;
    line-height: 30px;
    -webkit-transition: background .25s ease-out, color .25s ease-out;
    transition: background .25s ease-out, color .25s ease-out;
}

.Gallerix_Lightbox .gallerix-lightbox-social-icon.facebook i{background:#3b5998;}
.Gallerix_Lightbox .gallerix-lightbox-social-icon.twitter i {background:#6ed0f7;}
.Gallerix_Lightbox .gallerix-lightbox-social-icon.googleplus i{background:#dd4b39;}
.Gallerix_Lightbox .gallerix-lightbox-social-icon.pinterest i{background:#ef0d40;}

.Gallerix_Lightbox .gallerix-lightbox-close {
    float:right;
}

.Gallerix_Lightbox .gallerix-lightbox-close i {
    color:#FFF;
    font-size: 20px;
    height:30px;
    width:30px;
    float:left;
    border-radius: 4px;
    text-align: center;
    line-height: 30px;
    background:#000;
    -webkit-transition: background .25s ease-out, color .25s ease-out;
    transition: background .25s ease-out, color .25s ease-out;
}

.Gallerix_Lightbox .gallerix-lightbox-social-icon.facebook:hover i{color:#3b5998;background:#fff;}
.Gallerix_Lightbox .gallerix-lightbox-social-icon.twitter i:hover {color:#6ed0f7;background:#fff;}
.Gallerix_Lightbox .gallerix-lightbox-social-icon.googleplus:hover i{color:#dd4b39;background:#fff;}
.Gallerix_Lightbox .gallerix-lightbox-social-icon.pinterest:hover i{color:#ef0d40;background:#fff;}
.Gallerix_Lightbox .gallerix-lightbox-close:hover i {color:#000;background:#fff;}

.Gallerix_Lightbox .gallerix-lightbox-image-title {
    text-align: center;
}
.Gallerix_Lightbox .gallerix-lightbox-image-title p {
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 10px;
    margin-top: 20px;
    color:#313131;
}