/*********************************************************************
            GALLERY
*********************************************************************/

.gallery-slider-wrap  {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color:#454d57;
    top: 0px;
    left: -100%;
    z-index: 15;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transition: left 0.3s ease-in, opacity 0.3s ease-in;
    -moz-transition: left 0.3s ease-in, opacity 0.3s ease-in;
    -o-transition: left 0.3s ease-in, opacity 0.3s ease-in;
    -ms-transition: left 0.3s ease-in, opacity 0.3s ease-in;
    transition: left 0.3s ease-in, opacity 0.3s ease-in;
}
a.no-link {
    cursor: default;
}
.overflow-hidden {
    overflow: hidden !important;
}
.gallery-slider-content,
#gallery-container-wrap,
#gallery-container {
    position: relative;
    width: 100%;
    height: 100%;
}
#gallery-container-wrap {
    overflow-x: hidden;
    overflow-y: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: opacity 1s ease;
}
#gallery-container {
    white-space: nowrap !important;
    word-wrap: normal;
    font-size: 0;
}
#gallery-container .placeholder {
    width: 100%;
    height: 100%;
    display: inline-block;
    zoom: 1;
    text-align: center;
    position: relative;
}
#gallery-container .placeholder img {
    display: inline-block;
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    display: none;
    -webkit-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
    -o-transition: opacity 0.5s ease-in;
    -ms-transition: opacity 0.5s ease-in;
    transition: opacity 0.5s ease-in;
}
#gallery-container .placeholder.style1_placehloder {
    width: auto;
    position: relative;
    vertical-align: top;
    height: 100%;
    height: 100% !important;
}
#gallery-container .placeholder.style1_placehloder img {
    height: 100%;
    max-width: none;
}
#gallery-container .placeholder.center {
    vertical-align: top;
}
#gallery-container .placeholder.center .fluid-width-video-wrapper iframe{
    width: 100%!important;
}
.single-page-lightbox-content {
    height: 100% !important;
    overflow: auto !important;
}

.placeholder .fluid-width-video-wrapper iframe.gallery {
    position: relative !important;
    height: 100% !important;
}
#gallery-container .placeholder.center img {
    -webkit-backface-visibility: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    display: block;
    max-width: none;
    max-height: none;
}
.arrow_prev, 
.arrow_next, 
.single_portfolio_info_close,
.single_portfolio_close {
    position: absolute;
    top: 50%;
    cursor: pointer;
    z-index: 10;
    margin-top: -20px;
}
.arrow_prev {
    left: 40px;
}
.arrow_next {
    right: 40px;
}
.arrow_next .font-icon, 
.arrow_prev .font-icon, 
.single_portfolio_close .font-icon, 
.single_portfolio_info_close .font-icon, 
.single_portfolio_back .font-icon {
    display: inline-block;
    text-align: center;
    color: #fff;
    line-height: 38px;
    width: 38px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 2px solid #fff;
    font-size: 14px;
    -webkit-user-select: none;
}
.gallery_content {
    position: absolute;
    top: 0px;
    width: 340px;
    background: #fff;
    word-break: break-word;
    z-index: 3;
    height: 100%;
    left: -340px;
    -webkit-transition: left 0.3s ease;
    -moz-transition: left 0.3s ease;
    -o-transition: left 0.3s ease;
    -ms-transition: left 0.3s ease;
    transition: left 0.3s ease;
}
.gallery_content.show {
    left: 0px;
}
.single_portfolio_info_close {
    right: -40px;
    top: 40px;
}
.single_portfolio_info_close .font-icon {
    border-radius: 0px;
    border: 0px;
    font-size: 16px;
    background: #000;
    padding: 1px 2px 0px 0px;
}
.single_portfolio_close {
    right: 40px;
    top: 60px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.single_portfolio_close .font-icon {
    font-size: 16px;
}
.single_portfolio_close:hover {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.arrow_next, 
.arrow_prev {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.arrow_next:hover, 
.arrow_prev:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
}
.gallery-slider-content .arrow_next .font-icon, 
.gallery-slider-content .arrow_prev .font-icon, 
.gallery-slider-content .single_portfolio_close .font-icon { 
color : #da2028;
border-color: #da2028;
}