/*
Constants
*/
/*
Hides text in the margin
*/
/*
Turns a button into an icon
*/
/*
Centres a graphic or glyph inside an icon
*/
/*
Offers both the pixel and rem value of a single property
*/
/*
Offers both the pixel and rem values of a shorthand property
*/
/*
Offers the text size as both the pixel and rem value
*/
/*
Adds vendor prefixed to a property
*/
/*
Applies the "clearfix" hack to a container with floating content
*/
/*
        pin board / carousel
*/
/* line 7, ../../src/scss/useful-gallery.scss */
section.gallery {

    height: 256px;
    margin: 0 0 40px 0;
    position: relative;
    width: 100%;
}
/* line 14, ../../src/scss/useful-gallery.scss */
section.gallery * {
    box-sizing: border-box;
    cursor: pointer;
}

/*
        pin board toolbar
*/
/* line 23, ../../src/scss/useful-gallery.scss */
section.gallery menu.gallery_toolbar {
    margin: 0;
    padding: 0;
}
/* line 26, ../../src/scss/useful-gallery.scss */
section.gallery menu.gallery_toolbar button {
    transition-property: opacity;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    overflow: hidden;
    position: relative;
    text-align: left;
    text-indent: 60px;
    white-space: nowrap;
    /* Because of Internet Explorer 8 we can't have nice thing. */
    overflow: visible;
    text-indent: -999em;
    background-color: #009e3d;
    border: none;
    display: inline-block;
    height: 40px;
    margin: 0;
    overflow: hidden;
    position: absolute;
    width: 40px;
    z-index: 500;
}
/* line 42, ../../src/scss/useful-gallery.scss */
section.gallery menu.gallery_toolbar button:before {
    content: "";
    display: block;
    font-family: FontAwesome;
    font-size: 16px;
    height: 32px;
    line-height: 32px;
    margin-left: -16px;
    margin-top: -16px;
    width: 32px;
    position: absolute;
    left: 50%;
    text-align: center;
    top: 50%;
    background-image: url(../img/gallery.png);
}
/* line 46, ../../src/scss/useful-gallery.scss */
section.gallery menu.gallery_toolbar button.gallery_tool_next {
    background-position: 0 0;
}
/* line 51, ../../src/scss/useful-gallery.scss */
section.gallery menu.gallery_toolbar button.gallery_tool_next:before {
    background-position: 0 0;
}
/* line 54, ../../src/scss/useful-gallery.scss */
section.gallery menu.gallery_toolbar button.gallery_tool_previous {
    background-position: 0 0;
}
/* line 59, ../../src/scss/useful-gallery.scss */
section.gallery menu.gallery_toolbar button.gallery_tool_previous:before {
    background-position: 0 0;
}
/* line 62, ../../src/scss/useful-gallery.scss */
section.gallery menu.gallery_toolbar button.gallery_tool_carousel {
    right: 15px;
    top: 15px;
}
/* line 66, ../../src/scss/useful-gallery.scss */
section.gallery menu.gallery_toolbar button.gallery_tool_carousel:before {
    background-position: 0 -64px;
}
/* line 69, ../../src/scss/useful-gallery.scss */
section.gallery menu.gallery_toolbar button.gallery_tool_pinboard {
    right: 15px;
    top: 15px;
}
/* line 73, ../../src/scss/useful-gallery.scss */
section.gallery menu.gallery_toolbar button.gallery_tool_pinboard:before {
    background-position: 0 -96px;
}
/* line 76, ../../src/scss/useful-gallery.scss */
section.gallery menu.gallery_toolbar button.gallery_tool_filter {
    right: 60px;
    top: 15px;
}
/* line 80, ../../src/scss/useful-gallery.scss */
section.gallery menu.gallery_toolbar button.gallery_tool_filter:before {
    background-position: 0 -128px;
}

/* line 88, ../../src/scss/useful-gallery.scss */
section.gallery:hover menu.gallery_toolbar button,
section.gallery.gallery_interface_visible menu.gallery_toolbar button {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}
/* line 91, ../../src/scss/useful-gallery.scss */
section.gallery:hover menu.gallery_toolbar button.gallery_tool_disabled,
section.gallery.gallery_interface_visible menu.gallery_toolbar button.gallery_tool_disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    background-color: #7f7f7f;
}

/*
        pin board filter
*/
/* line 101, ../../src/scss/useful-gallery.scss */
section.gallery form.gallery_filter {
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    background-color: #009e3d;
    height: 40px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 105px;
    top: 15px;
    z-index: 400;
}
/* line 113, ../../src/scss/useful-gallery.scss */
section.gallery form.gallery_filter fieldset.gallery_filter_groups {
    border: none;
    margin: 0;
    padding: 10px 8px 6px 8px;
}
/* line 117, ../../src/scss/useful-gallery.scss */
section.gallery form.gallery_filter fieldset.gallery_filter_groups legend {
    display: none;
}
/* line 120, ../../src/scss/useful-gallery.scss */
section.gallery form.gallery_filter fieldset.gallery_filter_groups label {
    color: #fff;
}
/* line 125, ../../src/scss/useful-gallery.scss */
section.gallery form.gallery_filter_hide {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    visibility: hidden;
}
/* line 129, ../../src/scss/useful-gallery.scss */
section.gallery form.gallery_filter_show {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    visibility: visible;
}

/* line 136, ../../src/scss/useful-gallery.scss */
section.gallery:hover form.gallery_filter_show,
section.gallery.gallery_interface_visible form.gallery_filter_show {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

/*
        pin board pager
*/
/* line 145, ../../src/scss/useful-gallery.scss */
section.gallery menu.gallery_pager {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    transition-property: opacity;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    background-color: rgba(0, 0, 0, 0);
    height: 48px;
    margin: 0;
    padding: 17px 0;
    position: absolute;
    left: 0;
    top: 290px;
    right: 0;
    
    line-height: 12px;
    text-align: center;
    z-index: 400;
}
/* line 161, ../../src/scss/useful-gallery.scss */
section.gallery menu.gallery_pager li {
    width: 16px;
    height: 16px;
    display: inline-block;
    list-style-type: none;
    margin: 0 5px 0 0;
    vertical-align: middle;
}
/* line 167, ../../src/scss/useful-gallery.scss */
section.gallery menu.gallery_pager li a {
    background: url(/tpl/img/dot_inactive.png) no-repeat;
    display: block;
    height: 16px;
    line-height: 1;
    overflow: hidden;
    text-indent: 1000px;
    vertical-align: top;
    width: 16px;
}
/* line 180, ../../src/scss/useful-gallery.scss */
section.gallery menu.gallery_pager li.gallery_pager_active a {
    background: url(/tpl/img/dot_active.png) no-repeat;
}
/* line 184, ../../src/scss/useful-gallery.scss */
section.gallery menu.gallery_pager li.gallery_pager_passive {
    background: url(/tpl/img/dot_active.png) no-repeat;
}
/* line 186, ../../src/scss/useful-gallery.scss */
section.gallery menu.gallery_pager li.gallery_pager_passive a {
    bbackground: url(/tpl/img/dot_active.png) no-repeat;
}

/* line 195, ../../src/scss/useful-gallery.scss */
section.gallery:hover menu.gallery_pager,
section.gallery.gallery_interface_visible menu.gallery_pager {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

/*
        pin board progress indicator
*/
/* line 204, ../../src/scss/useful-gallery.scss */
section.gallery div.gallery_busy {
    background: #fff url(../img/busy_3.gif) no-repeat 50% 50%;
    border: solid 1px #000;
    display: none;
    height: 32px;
    left: 50%;
    margin: -16px 0 0 -16px;
    position: absolute;
    top: 50%;
    width: 32px;
    z-index: 400;
}

/*
        carousel mode
*/
/* line 221, ../../src/scss/useful-gallery.scss */
section.gallery.gallery_mode_carousel {
    height: 256px;
}
/* line 224, ../../src/scss/useful-gallery.scss */
section.gallery.gallery_mode_carousel menu.gallery_toolbar button.gallery_tool_previous {
    display: block;
}
/* line 227, ../../src/scss/useful-gallery.scss */
section.gallery.gallery_mode_carousel menu.gallery_toolbar button.gallery_tool_next {
    display: block;
}
/* line 230, ../../src/scss/useful-gallery.scss */
section.gallery.gallery_mode_carousel menu.gallery_toolbar button.gallery_tool_pinboard {
    display: block;
}
/* line 233, ../../src/scss/useful-gallery.scss */
section.gallery.gallery_mode_carousel menu.gallery_toolbar button.gallery_tool_carousel {
    display: none;
}

/*
        pin board mode
*/
/* line 242, ../../src/scss/useful-gallery.scss */
section.gallery.gallery_mode_pinboard {
    height: 512px;
}
/* line 244, ../../src/scss/useful-gallery.scss */
section.gallery.gallery_mode_pinboard menu.gallery_toolbar {
    right: 18px;
}
/* line 246, ../../src/scss/useful-gallery.scss */
section.gallery.gallery_mode_pinboard menu.gallery_toolbar button.gallery_tool_previous {
    display: none;
}
/* line 249, ../../src/scss/useful-gallery.scss */
section.gallery.gallery_mode_pinboard menu.gallery_toolbar button.gallery_tool_next {
    display: none;
}
/* line 252, ../../src/scss/useful-gallery.scss */
section.gallery.gallery_mode_pinboard menu.gallery_toolbar button.gallery_tool_pinboard {
    display: none;
}
/* line 255, ../../src/scss/useful-gallery.scss */
section.gallery.gallery_mode_pinboard menu.gallery_toolbar button.gallery_tool_carousel {
    display: block;
}
/* line 259, ../../src/scss/useful-gallery.scss */
section.gallery.gallery_mode_pinboard menu.gallery_pager {
   
}

/*
        slides in carousel mode
*/
/* line 268, ../../src/scss/useful-gallery.scss */
section.gallery div.gallery_slides {
    height: 685px;
    max-height: 685px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 300;
}
/* line 275, ../../src/scss/useful-gallery.scss */
section.gallery article, section.gallery figure {
    /* background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); */
    background: linear-gradient(to bottom, #eeeeee 0%, #ffffff 10%);
    box-shadow: 0 1px 3px #000;
    transition-property: left, right, opacity;
    transition-duration: 0.3s, 0.3s, 0.3s;
    transition-timing-function: ease, ease, ease;
    background: #ffffff;
    left: 50%;
    top: 50%;
    overflow: hidden;
    position: absolute;
    height: 100%;
    margin: -100px 0 0 -100px;
    top: 50%;
    visibility: hidden;
    width: 100%;
}
/* line 291, ../../src/scss/useful-gallery.scss */
section.gallery article img, section.gallery figure img {
    border: 0;
}
/* line 295, ../../src/scss/useful-gallery.scss */
section.gallery article {
    padding: 3%;
}
/* line 297, ../../src/scss/useful-gallery.scss */
section.gallery article h3 {
    margin: 0 0 0.5em 0;
}
/* line 301, ../../src/scss/useful-gallery.scss */
section.gallery .gallery_carousel_farleft {
    left: -50%;
    top: 50%;
    visibility: hidden;
    z-index: 200;
}
/* line 307, ../../src/scss/useful-gallery.scss */
section.gallery .gallery_carousel_left {
    left: -50%;
    top: 50%;
    visibility: visible;
    z-index: 300;
}
/* line 313, ../../src/scss/useful-gallery.scss */
section.gallery .gallery_carousel_centre {
    left: 50%;
    top: 50%;
    visibility: visible;
    z-index: 400;
}
/* line 319, ../../src/scss/useful-gallery.scss */
section.gallery .gallery_carousel_right {
    left: 150%;
    top: 50%;
    visibility: visible;
    z-index: 300;
}
/* line 325, ../../src/scss/useful-gallery.scss */
section.gallery .gallery_carousel_farright {
    left: 150%;
    top: 50%;
    visibility: hidden;
    z-index: 200;
}

/*
        slides in pin board mode
*/
/* line 337, ../../src/scss/useful-gallery.scss */
section.gallery.gallery_mode_pinboard div.gallery_slides {
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    width: 100%;
}
/* line 344, ../../src/scss/useful-gallery.scss */
section.gallery.gallery_mode_pinboard article, section.gallery.gallery_mode_pinboard figure {
    height: auto !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    width: 44% !important;
}
/* line 350, ../../src/scss/useful-gallery.scss */
section.gallery.gallery_mode_pinboard .gallery_pinboard_loading {
    left: 25%;
    visibility: visible;
}
/* line 354, ../../src/scss/useful-gallery.scss */
section.gallery.gallery_mode_pinboard .gallery_pinboard_left {
    left: 3%;
    visibility: visible;
}
/* line 358, ../../src/scss/useful-gallery.scss */
section.gallery.gallery_mode_pinboard .gallery_pinboard_right {
    left: 51%;
    visibility: visible;
}

/*
        invitation for interaction
*/
/* line 367, ../../src/scss/useful-gallery.scss */
section.gallery div.gallery_hint {
    
}

/* line 378, ../../src/scss/useful-gallery.scss */
section.gallery:hover div.gallery_hint,
section.gallery.gallery_interface_visible div.gallery_hint {
    visibility: hidden;
}

/*
        slide content markup
*/
/* line 388, ../../src/scss/useful-gallery.scss */
section.gallery article h3 {
    line-height: 40px;
}
/* line 391, ../../src/scss/useful-gallery.scss */
section.gallery article img {
    float: left;

    margin: 5px 10px 5px 0;
}
/* line 398, ../../src/scss/useful-gallery.scss */
section.gallery figure img {
    display: block;
    height: 100%;
    margin: 0 auto 0 auto;
    width: auto;
}
/* line 404, ../../src/scss/useful-gallery.scss */
section.gallery figure figcaption {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    background-color: #000;
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 13px 15px;
    text-align: center;
}

/* line 419, ../../src/scss/useful-gallery.scss */
section.gallery.gallery_mode_pinboard figure img {
    height: auto;
    width: 100%;
}