#galleria-loader{height:1px!important}

.galleria-container {
    height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #FFF;
}
.galleria-container img {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
         -o-user-select: none;
            user-select: none;
}
.galleria-stage {
    width: 100%;
    height: 100%;
    position: absolute;
}

.galleria-project-title { 
    position: absolute;
    width: 35%;
    font-size: 15px;
    text-align: left;
    bottom: 21px;
    left: 85px;
    z-index: 11011;
}
.content-info-box .info-box .galleria-project-title h3 { text-align: left; }
.galleria-project-title h3,
.content-info-box .galleria-project-title h3 {
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: none;
    color: #FFF !important;
    padding: 0;
    margin: 0;
    line-height: 1em;
}
.minimal-layout .info-box .galleria-project-title h3,
.minimal-layout .info-box .content-info-box .galleria-project-title h3 {
    font-size: 15px;
    font-weight: 900;
    line-height: 15px;
    letter-spacing: 0px;
}
.galleria-project-title h3:after,
.content-info-box .galleria-project-title h3:after {
    content: '';
    width: 0;
    height: 0;
    margin: 0;
}

.galleria-project-info {
    position: absolute;
    width: 35%;
    text-align: left;
    color: #000;
    background: rgb(0, 0, 0);
    margin: 20px;
    padding: 25px 45px;
    bottom: -350px;
    z-index: 10010;
    opacity: 0
    -webkit-transition: all 0.5s;
       -moz-transition: all 0.5s;
        -ms-transition: all 0.5s; 
         -o-transition: all 0.5s; 
            transition: all 0.5s;
}
.galleria-project-info.viewed { bottom: 65px; opacity: 1;}
.galleria-project-info p { 
    font-size: 9px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    color: #FFF;
}
.galleria-content-area {
    position: absolute;
    width: 100%;
    height: 65px;
    z-index: 11000;
    bottom: 0;
}
.galleria-single-info-btn-wrapper,
.galleria-close-wrapper a,
.galleria-single-info-btn-wrapper a,
.galleria-image-nav-right,
.galleria-image-nav-left,
.galleria-thumbnails-tab {
    -webkit-transition: all 0.2s;
       -moz-transition: all 0.2s;
        -ms-transition: all 0.2s; 
         -o-transition: all 0.2s; 
            transition: all 0.2s;

}
.galleria-close-wrapper, 
.galleria-single-info-btn-wrapper,
.galleria-toggle-fit {
    display:block;
    width:50px;
    height:50px;
    position:absolute;
    z-index: 12000 !important;
}
body.single-portfolio.content-info-box .actions .btn-toggle-fit { background: transparent;}
.galleria-close-wrapper a,
.galleria-single-info-btn-wrapper a {
    display:block;
    width:50px;
    height:50px;
    position:absolute;
    cursor:pointer;
}
body.single-portfolio.content-info-box .actions .gal-single-info-btn,
body.single-portfolio.content-info-box .actions .gal-close-btn { background: transparent; }
.galleria-single-info-btn-wrapper{ left: 30px; bottom: -3px; }
.galleria-close-wrapper { bottom: -3px; right: 3%; }
.galleria-close-wrapper{width:50px;height:50px;}
.galleria-close-wrapper a {width:50px;height:50px;border:none !important;}
.galleria-close-wrapper a i,
.galleria-single-info-btn-wrapper a i,
.galleria-toggle-fit a i{
    display: block;
    width: 30px;
    height: 30px;
    font-size: 11px;
    text-align: center;
    line-height: 31px;
    color: #FFF !important;
    border: 2px solid #FFF;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
        -ms-border-radius: 50%;
         -o-border-radius: 50%;
            border-radius: 50%;
    -webkit-transition: background, color 0.2s;
       -moz-transition: background, color 0.2s;
        -ms-transition: background, color 0.2s;
         -o-transition: background, color 0.2s;
            transition: background, color 0.2s;
}
.galleria-toggle-fit a i { color: #000 !important; border-color: #000; }
.galleria-close-wrapper a i:hover,
.galleria-single-info-btn-wrapper a i:hover,
.galleria-toggle-fit a i:hover {
    background: #FFF !important;
    color: #000 !important;
    border: 2px solid transparent;
}
.galleria-toggle-fit a i:hover { color: #000 !important; background: #FFF; border-color: #FFF; }
.post-password-required .galleria-close-wrapper a i{color:#FFF;}

/*this class is managed with JS to rotate the info
button creating a close icon toggleded*/
.info-opened a i{
    color:#000;
    -webkit-transform: rotate(45deg); 
       -moz-transform: rotate(45deg); 
        -ms-transform: rotate(45deg); 
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
}

.galleria-toggle-fit{
    top:25px;
    left:50%;
    margin-left:-25px;
    display:none;
}
.galleria-toggle-fit a i { font-size:15px; }

.galleria-image-nav-right,
.galleria-image-nav-left {
    width: 100%;
    margin-top: 43px;
}
.galleria-image-nav-right i,
.galleria-image-nav-left i { color: #FFF; }
.galleria-image-nav-right i:hover,
.galleria-image-nav-left i:hover,
.galleria-close-wrapper a i:hover{
    color: rgb(51, 51, 51);
    cursor: pointer;
}
.galleria-image-nav-left { left:0; }
.galleria-image-nav-right i,
.galleria-image-nav-left i {
    position: absolute;
    top: 45%;
    color: #FFF;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    font-size: 13px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
        -ms-border-radius: 50%;
         -o-border-radius: 50%;
            border-radius: 50%;
    -webkit-transition: all 0.2s;
       -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
         -o-transition: all 0.2s;
            transition: all 0.2s;
}
.galleria-image-nav-right i {
    right:40px;
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
}
.galleria-image-nav-left i {left:40px;}

.galleria-counter {
    position: relative;
    font-family: 'HelveticaNeue', 'Helvetica', Arial, sans-serif;
    width: 55px;
    height: 25px;
    font-size: 11px;
    font-weight: bold;
    line-height: 25px;
    text-align: center;
    color: #19e6a5;
    background: #FFF;
    margin: 0 auto;
    padding: 0 7px;
    bottom: 43px;
    border: 1px solid #FFF;
    opacity: 1;
    z-index: 12000;
    -webkit-border-radius: 25px;
     -khtml-border-radius: 25px;
       -moz-border-radius: 25px;
         -m-border-radius: 25px;
            border-radius: 25px;
}
.galleria-current { margin-right: 3px; }
.galleria-total { margin-left: 3px; }

.galleria-layer {
    display: none !important;
}
/*this rule is needed to fix the iframes
position due to the HTML layer relative position*/
#galleria iframe {position:absolute;top:0;left:0;}

.galleria-layer > * {
    position:relative;
    width:50%;
    font-size:1.1em;
    line-height:1.5em;
    color:inherit;
    text-align:left;
}
.galleria-layer p a{
    display:inline-block;
    color:#000;
    padding-bottom:5px;
    border-bottom:1px dotted #000;
}
.galleria-layer h2 {font-size:2em;margin-bottom:15px;}
.galleria-layer ul{padding:15px;}
.galleria-layer li{
    margin-left:15px;
    font-style:italic;
    list-style:circle;
}
.galleria-layer blockquote p{
    display:inline-block;
    padding:11px;
}
/*depends on 'Project Description Alignment ' selection*/
.desc-align-left .galleria-layer > *{text-align:left;}
.desc-align-right .galleria-layer > *{text-align:right;}
.desc-align-center .galleria-layer > *{text-align:center;}

.galleria-thumbnails-container {
    position:absolute;
    bottom: 0;
    z-index: 10009;
    padding-top: 0;
    width: 100%;
}
.galleria-thumbnails-tab {
    position: absolute;
    width: 38px;
    height: 61px;
    left: 50%;
    margin-left: -20px;
    top: -40px;
    cursor: pointer;
}

.galleria-thumbnails-tab i{
    font-size: 13px;
    display:block;
    width:39px;
    height:39px;
    text-align:center;
    line-height:39px;
    color:#000;
    opacity: 0.5;
    -webkit-transition: all 0.2s;
       -moz-transition: all 0.2s;
        -ms-transition: all 0.2s; 
         -o-transition: all 0.2s; 
            transition: all 0.2s;
}
.galleria-thumbnails-tab i:hover{ font-size:15px; margin-top:-5px; opacity: 1; }
.galleria-thumbnails-tab.open i,
.galleria-thumbnails-tab.open i:hover{
    opacity: 1;
    -webkit-transform: rotate(180deg); 
       -moz-transform: rotate(180deg); 
        -ms-transform: rotate(180deg); 
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
} 
.galleria-thumbnails-tab.open i:hover{
    background:transparent;
    font-size:19px;
    opacity:0.7;
    margin-top:5px;
}

.galleria-thumbnails {background: #000;overflow: hidden;}
.galleria-thumbnails-list {
    background: #000;
    padding-top: 15px;
    padding-bottom: 35px;
    margin-top: 15px;
    overflow: hidden;
}
.galleria-thumbnails .galleria-image {
    width: 80px;
    height: 50px;
    float: left;
    cursor: pointer;
    margin-right: 1px;
}
.galleria-thumbnails .galleria-image img { background: #000 }
.galleria-thumbnails .active { cursor: default }
.galleria-carousel .galleria-thumbnails-list {
    border-left: 30px solid #000;
    border-right: 30px solid #000;
}
.galleria-image-nav {
    position: relative;
    width: 300px;
    margin: 0 auto;
    bottom: 127px;
    z-index: 13000;
}
.galleria-loader {
    width: 45px;
    height: 45px;
    background: #FFF url(loader.gif) no-repeat 50% 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    z-index: 3;
    -webkit-border-radius:15%;
     -khtml-border-radius:15%;
       -moz-border-radius:15%;
            border-radius:15%;
}
.galleria-info {
    position: absolute;
    width: 100%;
    height: auto;
    color: #000;
    background: #FFF;
    padding: 40px;
    z-index: 4;
    bottom: 0;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
        -ms-box-sizing:border-box;
         -o-box-sizing:border-box;
            box-sizing:border-box;
}
.galleria-info .galleria-info-description p{
    font-size: 17px !important;
    max-width: 55%;
    margin: 0 auto;
    padding-left: 0;
}
.galleria-info-text {
    overflow:hidden;
}
.galleria-info-title {
    width: 55%;
    font-size: 17px;
    font-weight: bolder;
    line-height: 1.3em;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #000;
    margin: 0 auto;
    margin-bottom: 5px;
}
.galleria-info-description {
    color:#000;
}
.galleria-info-description h1,
.galleria-info-description h2,
.galleria-info-description h3,
.galleria-info-description h4,
.galleria-info-description h5 {
    font-size:1.35em;
    line-height:1.15em;
    letter-spacing:0;
    margin-bottom:10px;
}
.galleria-info-description p{font-size:1.15em;line-height:1.45em;color:#474747;letter-spacing:0px;}
.galleria-info-description a {
    color:#474747;
    display:inline-block;
    font-size:0.85em;
    font-weight:bold;
    border-bottom:1px dotted #000;
    padding-bottom:3px;
}
.galleria-info-description a:hover{color:#000;}

.galleria-toggle-btn-full{
position: absolute;
top: 0;
left: 0;
color: black;
z-index: 100000;
}
.galleria-thumb-nav-left,
.galleria-thumb-nav-right {
    cursor: pointer;
    display: none;
    position: absolute;
    left: 5px;
    top: 21px;
    bottom: 5px;
    width: 20px;
    z-index: 3;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}
.galleria-thumb-nav-right {
    left: auto;
    right: 5px;
}
.galleria-carousel .galleria-thumb-nav-left,
.galleria-carousel .galleria-thumb-nav-right { display: block }
.galleria-carousel .galleria-thumb-nav-left:hover,
.galleria-carousel .galleria-thumb-nav-right:hover { background-color: #222 }
.galleria-thumb-nav-left.disabled,
.galleria-thumb-nav-right.disabled,
.galleria-thumb-nav-left.disabled:hover,
.galleria-thumb-nav-right.disabled:hover {
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    cursor: default;
}

.social-sh-menu{
    position:absolute;
    top:26px;
    right:65px;
    z-index:10001;
    font-size:13px;
}
.social-sh-menu > ul {margin:0 auto;height:auto;}
.social-sh-menu ul li {position:relative;float:right;}
.social-sh-menu ul li:hover > ul {opacity:1;}
.social-sh-menu ul li a {
    background:transparent;
    color:#000;
    display:block;
    height:50px;
    line-height:50px;
    text-align:center;
    width:50px;
}

.social-sh-menu ul li:first-child:hover:after{display:block;}
.social-sh-menu ul li a:first-child {cursor:default;float:right;}
.social-sh-menu ul li a{
    -webkit-transition: all 0.2s;
       -moz-transition: all 0.2s;
        -ms-transition: all 0.2s; 
         -o-transition: all 0.2s; 
            transition: all 0.2s;
}
.social-sh-menu ul li #facebook:hover{color:#3b5998 !important;}
.social-sh-menu ul li #twitter:hover{color:#00a0d1 !important;}
.social-sh-menu ul li #pinterest:hover{color:#910101 !important;}
.social-sh-menu ul li ul {
    display: block;
    width:255px;
    left:0;
    position: relative;
    top: 0;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
       -moz-transition: opacity 0.5s;
        -ms-transition: opacity 0.5s;
         -o-transition: opacity 0.5s;
            transition: opacity 0.5s;
}
.social-sh-menu ul li ul li {float:left;}

.social-sh-menu ul li ul li:first-child:hover:after {display:none;}
.social-sh-menu ul li ul li a {position:relative;cursor:pointer !important;}
.tooltip:hover:before {
    position:absolute;
    display:block;
    background:#000;
    color:#FFF;
    content:attr(data-tooltip);
    font-size:12px;
    height:21px;
    line-height:21px;
    padding:0 10px;
    top:-18px;
    white-space:nowrap;
    z-index:1;
}
.tooltip:hover:after {
    background:#000;
    content:"";
    display:block;
    height:8px;
    left:50%;
    position:absolute;
    top:-1px;
    width:8px;
    z-index:1;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
}
#facebook.tooltip:hover:before, #facebook.tooltip:hover:after{background:#3b5998;color:#FFF;}
#twitter.tooltip:hover:before, #twitter.tooltip:hover:after{background:#00a0d1;color:#FFF;}
#pinterest.tooltip:hover:before, #pinterest.tooltip:hover:after{background:#910101;color:#FFF;}