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

/*.image img {
    width: 30%;
    height: 170px;
    float: left;
    margin: 5px;
    border: 5px solid #ccc;
}
.imagegal
{   
    width:70%;
    float:right;
}
.search_block
{   
    width:30%;
    float:left;
}
.parent_cat {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 2px 1px 2px 15px;
    width: 90%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

.active-cat, .parent_cat:hover {
    background-color: #ccc; 
}
*/
.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; background: #fff;}
.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; 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;}
/*..........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-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 700; color: #acacac; text-transform: uppercase; padding: 15px 0; border-top: 1px solid #e1e1e1; position: relative; cursor: pointer;}

.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;}
.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;}

/*.multi_filter_gallery_section .multi_gallery_filter .filter_categories .parent_cat.active-cat:before{ display: none;}
.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;*/

/*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;
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;*/
/*..........accordion active and inactive stage..........*/


/*..........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-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 18px; font-weight: 400; color: #acacac; margin: 0;}
.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; right: 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) #6d5c97 center center no-repeat; background-size: 100%; border-color: #6d5c97;}
/*..........checked and un-checked styling..........*/

.mobile_toggle_filter .mobile_filter{ display: none; transition: max-height 0.2s ease-out;}

.multi_filter_gallery_section .mg_right_col .content_inner{ margin: 0 -15px}
.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;}

/*..........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-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 14px; color: #acacac; 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 #acacac; 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;}
/* width */
::-webkit-scrollbar { width: 2px;}

/* Track */
::-webkit-scrollbar-track { background: #fff;}
 
/* Handle */
::-webkit-scrollbar-thumb { background: #ccc;}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover { background: #000;}

@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 - 224px); 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;}
    
    /*..........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%;}
}
@media only screen and ( max-width:479px ) {
    .multi_filter_gallery_section .item_col{ width: 100%;}
}

.stoppersticky { position: absolute; bottom: 20px; top:auto; }