/*Column Style  START*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');

.panel-custom { max-height: 0px; overflow: hidden; transition: max-height 0.2s ease-out;}


.multi_filter_gallery_section{ box-sizing: border-box; background: #f4f4f4; padding: 35px 0 0;}
.multi_filter_gallery_section .mg_container{ box-sizing: border-box; /*max-width: 1110px;*/ width: 100%; padding: 0 15px; margin: 0 auto;}

.multi_filter_gallery_section .mg_inner_container{ margin: 0 -15px; position: relative;}
.multi_filter_gallery_section .mg_inner_container:before, .multi_filter_gallery_section .mg_inner_container:after{ content: ""; display: table;}
.multi_filter_gallery_section .mg_inner_container:after{ clear: both;}

.multi_filter_gallery_section .mg_left_col { box-sizing: border-box; float: left; width: 25%; padding: 0 15px;}
.multi_filter_gallery_section .mg_left_col .filter_inner { top:75px !important;}
.admin-bar .multi_filter_gallery_section .mg_left_col .filter_inner { top:107px !important;}
.multi_filter_gallery_section .mg_right_col{ box-sizing: border-box; float: left; width: 75%; padding: 0 15px;}

.multi_filter_gallery_section .multi_gallery_filter .filter_inner{ /*background: #fff; padding: 25px 15px;*/}

.multi_filter_gallery_section h6{ font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 700; color: #2a2a2a; text-transform: uppercase; margin: 0 0 15px; position: relative; z-index: 1;}

/*..........search box styling..........*/
.multi_filter_gallery_section .multi_gallery_filter .filter_search{ padding: 25px 15px 15px; background: #fff; display: none;}
.multi_filter_gallery_section .multi_gallery_filter .filter_search input[type="text"]{ box-sizing: border-box; width: 100%; height: 30px; background: url(../images/filter-search-icon.png) top left no-repeat #f4f4f4; border: 1px solid #e4e4e4; border-radius: 2px; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #2a2a2a; font-weight: 400; padding: 0 5px 0 38px; position: relative; z-index: 1;outline: none;}

.multi_filter_gallery_section .multi_gallery_filter .filter_search input[type="text"]::-moz-placeholder{color:#acacac; opacity:1;}
.multi_filter_gallery_section .multi_gallery_filter .filter_search input[type="text"]:-ms-input-placeholder{color:#acacac;}
.multi_filter_gallery_section .multi_gallery_filter .filter_search input[type="text"]::-webkit-input-placeholder{color:#acacac;}

.multi_gallery_filter .mg-refine-wrap{ position: relative; margin-top: 30px;}
.multi_gallery_filter .mg-refine-wrap h6{ font-family: 'Open Sans',sans-serif; font-size: 16px; font-weight: 700; color: #2a2a2a; text-transform: uppercase; margin: 0 0 15px; position: relative; z-index: 1; margin: 0;}
.multi_gallery_filter .mg-refine-wrap .clearll_button{ position: absolute; z-index: 2; top: 0; right: 0; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 12px; line-height: 1; color: #acacac; text-transform: uppercase; background: #f4f4f4; border: 1px solid #e4e4e4; padding: 5px 8px; outline: none;cursor: pointer;}
.multi_gallery_filter .mg-refine-wrap .clearll_button:hover{ background: #fff;}
/*..........search box styling..........*/

.multi_filter_gallery_section .multi_gallery_filter .filter_categories{ padding: 0 15px; background: #fff; position: relative;}
.multi_filter_gallery_section .multi_gallery_filter .filter_categories .parent_cat{ font-size: 16px; font-weight: 700; color: #000; text-transform: none; padding: 15px 0; border-top: 1px solid #e1e1e1; position: relative; cursor: pointer;}
.multi_filter_gallery_section .multi_gallery_filter .filter_categories .parent_cat.products{ border-top: none;}

.multi_filter_gallery_section .filter_categories .clearll_button{ position: absolute; z-index: 2; top: 0; right: 15px; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 12px; line-height: 1; color: #acacac; text-transform: uppercase; background: #f4f4f4; border: 1px solid #e4e4e4; padding: 5px 8px; outline: none;cursor: pointer;}
.multi_filter_gallery_section .filter_categories .clearll_button:hover{ background: #fff;}

/*..........accordion active and inactive stage..........*/
.multi_filter_gallery_section .multi_gallery_filter .filter_categories .parent_cat:before{ content: ""; position: absolute; top: 0; bottom: 0; right: 5px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #acacac; margin: auto 0;}
.multi_filter_gallery_section .multi_gallery_filter .filter_categories .parent_cat.active_cat.active-cat:before{ content: ""; position: absolute; top: 0; bottom: 0; right: 5px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #acacac; margin: auto 0; display: block;}

.multi_filter_gallery_section .multi_gallery_filter .filter_categories .parent_cat.active-cat:before, .multi_filter_gallery_section .multi_gallery_filter .filter_categories .parent_cat.active_cat:before, .multi_filter_gallery_section .multi_gallery_filter .filter_categories .parent_cat.active_cat.active-cat:after{ display: none;}
.multi_filter_gallery_section .multi_gallery_filter .filter_categories .parent_cat.active-cat:after, .multi_filter_gallery_section .multi_gallery_filter .filter_categories .parent_cat.active_cat:after{ content: ""; position: absolute; top: 0; bottom: 0; right: 5px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid #acacac; margin: auto 0;}


/*..........checked and un-checked styling..........*/
.multi_gallery_filter .filter_categories .child_cat{ position: relative; margin: 0 0 6px;}
.multi_gallery_filter .filter_categories .child_cat:last-child{ margin-bottom: 10px;}
.multi_gallery_filter .filter_categories .child_cat label{ display: block; font-size: 14px; line-height: 18px; font-weight: 400; color: #818181; margin: 0; padding-left: 25px;}
.multi_gallery_filter .filter_categories .child_cat input[type="checkbox"]{ position: absolute; z-index: 1; top: 0; right: 0; left: 0; width: 100%; height: 100%; opacity: 0; margin: 0; cursor: pointer;}

.multi_gallery_filter .filter_categories .child_cat input[type="checkbox"]:empty ~ label:before{ content: ""; box-sizing: border-box; position: absolute; top: 0; left: 0; width: 17px; height: 17px; background: #f4f4f4; border: 1px solid #e4e4e4; border-radius: 50%;}
.multi_gallery_filter .filter_categories .child_cat input[type="checkbox"]:checked ~ label:before{ content: ""; background: url(../images/check-tick-v3.png) #000 center center no-repeat; background-size: 100%; border-color: #000;}
/*..........checked and un-checked styling..........*/

.mobile_toggle_filter .mobile_filter{ display: none; transition: max-height 0.2s ease-out;}
.mobile_filter .gl-mbl-sarch-inp-wrap, .filter_search .gl-sarch-inp-wrap{position: relative;}

.mobile_filter span#gl-search-btn-mbl,.filter_search span#gl-search-btn {position: absolute;z-index: 2;height: 30px;width: 50px;top: 0;right: 2px;}
.mobile_filter span#gl-search-btn-mbl > i,.filter_search span#gl-search-btn > i{background: url(../images/icon-go.png) top left no-repeat #f4f4f4;height: 28px;width: 50px;display: block;background-position: center;border: 1px solid #e4e4e4;border-radius: 2px;opacity: 0.4;border-left: 1px solid #afacac;cursor: pointer;}
.mobile_filter input#mg_search_mobile,.filter_search input#mg_search_mobile { padding-right: 50px;}

.multi_filter_gallery_section .mg_right_col .content_inner{ margin: 0 -15px; text-align: center;}
.multi_filter_gallery_section .mg_right_col .content_inner:before, .multi_filter_gallery_section .mg_right_col .content_inner:after{ content: ""; display: table;}
.multi_filter_gallery_section .mg_right_col .content_inner:after{ clear: both;}
.multi_filter_gallery_section .item_col{ box-sizing: border-box; float: left; width: 25%; padding: 0 15px; margin: 0 0 30px;}
.multi_filter_gallery_section .item_col a{ display: block; outline: none;}
.multi_filter_gallery_section .item_col img{ display: block; width: 100%; outline: none; box-shadow: none; transform: scale(0,0);
    transition: 0.3s linear all;}
 .multi_filter_gallery_section .item_col img.loadedanim{ transform: scale(1); }

/*..........mobile toggle styling..........*/
.mobile_toggle_filter{ padding: 0 15px; display: none;}
.mobile_toggle_filter .toggle_button{ background: #fff; text-align: center; border-bottom: 1px solid #e1e1e1; padding: 15px 0;}
.mobile_toggle_filter .toggle_button span{ display: inline-block; vertical-align: top; font-weight: 700; font-size: 14px; color: #818181; text-transform: uppercase; position: relative; padding: 0 20px 0 0;}
.mobile_toggle_filter .toggle_button span:before{ content: ""; position: absolute; top: 0; bottom: 0; right: 5px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #818181; margin: auto 0;}
/*..........mobile toggle styling..........*/

.fancybox-container .fancybox-content h1{ line-height: 1.2; margin-top: 5px; padding-top: 0;}

a#loadmore { width: 150px; line-height: 40px; border-radius: 2px; margin: 0 auto; display: block; background: #f4f4f4; color: #000; cursor: pointer; text-align: center; border: 1px solid #ccc; text-decoration: none; font-family: monospace; margin-bottom: 10px;}

li.gallery-loader {max-width: 100% !important;width: 100% !important; text-align: center;margin-top: 20px !important;}

.multi_gallery_content .no-img-found {
    display: none;
}

@media only screen and ( min-width:48em ) {
    .wrap{ max-width: 1100px !important;}
}
@media only screen and ( min-width:1680px ) {
    .wrap{ max-width: 1600px !important;}
}
@media only screen and ( max-width:1679px ) {
    .multi_filter_gallery_section .item_col{ width: 33.3333%;}
}
@media only screen and ( max-width:1599px ) {
    .multi_filter_gallery_section .filter_categories .clearll_button{ font-size: 11px;}
}
@media only screen and ( max-width:1199px ) and (min-width:1001px) {
    .multi_filter_gallery_section .filter_categories .clearll_button{ font-size: 12px; display: block; position: relative; left: 0; width: 100%; margin-bottom: 15px;}
}
@media only screen and ( min-width:1001px ) {
    .multi_filter_gallery_section .mg_container{ min-height: 680px;}
    .filter_sticky .mg_left_col .filter_inner { position: fixed; top: 0;}
    .filter_sticky .mg_right_col{ margin-left: 25%;}

    .multi_filter_gallery_section .multi_gallery_filter .filter_categories{ max-height: calc(100vh - 254px); min-height: 193px; overflow-y: auto;}
}
@media only screen and ( max-width:1000px ) {
    .mobile_toggle_filter{ display: block;}

    .multi_filter_gallery_section .mg_left_col{ display: none;}
    .multi_filter_gallery_section .mg_right_col{ width: 100%;}

    .mobile_toggle_filter{ padding: 0}
    .mobile_filter{ position: fixed; z-index: 9991; top: 0; left: 0; right: 0; bottom: 0; background: #fff; padding-top: 47px; overflow-y: auto;}
    .multi_filter_gallery_section{ padding: 0;}
    .multi_filter_gallery_section .mg_right_col{ padding-top: 20px;}

    .multi_gallery_filter .filter_categories .child_cat{ margin: 0 0 10px;}
    .multi_gallery_filter .filter_categories .child_cat label{ line-height: 20px;}
    .multi_gallery_filter .filter_categories .child_cat input[type="checkbox"]:empty ~ label:before{ width: 20px; height: 20px;}
    
    .multi_filter_gallery_section .multi_gallery_filter .mobile-action-holder{ text-align: center; padding: 15px 0 20px;}
    .multi_filter_gallery_section .multi_gallery_filter .mobile-action-holder a{ display: inline-block; vertical-align: top; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 12px; line-height: 1; color: #acacac; text-transform: uppercase; background: #f4f4f4; border: 1px solid #e4e4e4; padding: 5px 8px; outline: none; cursor: pointer; margin: 0 8px;}
    .multi_filter_gallery_section .multi_gallery_filter .mobile-action-holder a:hover{ background: #fff;}

    /*..........mobile sticky style..........*/
    .multi_filter_gallery_section .mobile_toggle_filter .toggle_button{ position: relative; z-index: 9991;}
    .multi_filter_gallery_section.is_sticky .mobile_toggle_filter .toggle_button, .multi_filter_gallery_section .mobile_toggle_filter .toggled{ position: fixed; z-index: 9992; top: 0; left: 0; right: 0; padding-top: 65px;}
    .multi_filter_gallery_section.is_sticky{ padding-top: 47px;}
    /*..........mobile sticky style..........*/
}
@media only screen and ( max-width:767px ) {
    .multi_filter_gallery_section .item_col{ width: 50%;}
    
    .multi_filter_gallery_section .multi_gallery_filter .filter_categories .parent_cat.products{ padding-top: 35px;}
    
    /* ~~~~~~~~~~ filter adjustments for this theme ~~~~~~~~~~ */
    .multi_filter_gallery_section .multi_gallery_filter .filter_categories h6{ display: none;}
    .multi_filter_gallery_section .filter_categories .clearll_button{ display: none;}
    .multi_filter_gallery_section .mobile_toggle_filter .toggled{ padding-top: 130px;}
    .mobile_filter{ padding-top: 155px;}
    
    .qode-animate-mobile-header .multi_filter_gallery_section .mobile_toggle_filter .toggled{ padding-top: 20px;}
    .qode-animate-mobile-header .mobile_filter{ padding-top: 45px;}
    
    .mobile-header-appear .multi_filter_gallery_section .mobile_toggle_filter .toggled{ padding-top: 85px;}
    .mobile-header-appear .mobile_filter{ padding-top: 110px;}
    /* ~~~~~~~~~~ filter adjustments for this theme ~~~~~~~~~~ */
}
@media only screen and ( max-width:479px ) {
    .multi_filter_gallery_section .item_col{ width: 100%;}
}

.stoppersticky { position: absolute; bottom: 20px; top:auto; }
#super_gallery_notify { visibility: hidden; min-width: 250px; margin-left: -125px; background-color: #333; color: #fff; text-align: center; border-radius: 2px; padding: 16px; position: fixed; z-index: 99999; left: 50%; bottom: 30px; font-size: 17px; }

#super_gallery_notify.show { visibility: visible; -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; animation: fadein 0.5s, fadeout 0.5s 2.5s; }

@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;} 
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;} 
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}