/*New Css*/

.whole-grid .thumbnail_content .sidebar-filter-panel {
    flex: 0 0 100% !important;
    max-width: 100% !important;
} 

.whole-grid {
    margin-top: 80px;
}
.whole-grid .thumbnail_content .sidebar-filter-panel { flex: 0 0 100%; max-width: 100%;}
.whole-grid .thumbnail_content .side-filter-btn { display: inline-block; padding: 9px 25px; margin: 10px 0; border: 1px solid #efefef; cursor: pointer; color: #111; letter-spacing: 1px; font-weight: 500; text-transform: uppercase;}
.whole-grid .thumbnail_content .filters-container{flex: 0 0 20%; max-width: 20%; display: block;  box-sizing: border-box; margin-top: 15px !important; padding: 10px;opacity: 1;position: unset;}
.whole-grid .thumbnail_content .filters-container.ps-fc-2{    max-width: 100%; display: inline-block;
    border: none;
    width: 100%;
    padding: 0;
    margin: 0;}
.whole-grid .thumbnail_content .filters-container > li{float: left; width: 100%; border: none; border-bottom: 1px solid #e1e0e0; padding: 15px; margin: 0 !important; max-width: 100%; box-sizing: border-box;}
.whole-grid .thumbnail_content .filters-container > li.nav-title{font-weight: normal !important; text-transform: uppercase; text-align: center; border-bottom: none !important;}
.whole-grid .thumbnail_content .filters-container > li:last-child { border-bottom: none;}
.whole-grid .filters-container .submenu-filters li:not(:last-child){border: none}
.whole-grid .filters-container  li:not(:nth-child(2)) .submenu-filters li { float: left; width: 100%; box-sizing: border-box;}
.whole-grid ul.filters-container > li[data-filter-type="colors"]:hover ul{width: 100%; border: none; padding: 0 !important; margin: 0; position: relative;}
.whole-grid ul.filters-container > li:hover ul{width: 100%; border: none; padding: 0 !important; margin: 0; position: relative;}
.whole-grid .thumbnail_content .navigation-bar{flex: 0 0 100%; max-width: 100%;}
.whole-grid .thumbnail_content .filters-container li .submenu-filters .checkmark{background-color: #fff; border: 1px solid #e1e0e0; transition: all 0.5s ease-in-out;}
.whole-grid .thumbnail_content .filters-container li .submenu-filters .checkmark:hover{background-color:  #eee;}
.whole-grid .thumbnail_content .filters-container li .submenu-filters input:checked ~ .checkmark{background-color: #ffafaf;}
.whole-grid .thumbnail_content .side-filter-btn i{margin-right: 5px;}
.whole-grid .thumbnail_content .side-filter-btn.active i::before { content: "\f067";}
.whole-grid .thumbnail_content .filter-select { float: right; text-align: right; margin: 10px 0; position: relative; width: auto !important;}
.whole-grid .thumbnail_content .filter-select select { border: 1px solid #e1e0e0;  padding: 10px 25px; text-transform: uppercase; font: inherit;}
.whole-grid .thumbnail_content .filter-select select option { font-family: "Questrial", sans-serif; font-weight: normal; font-size: 15px;}
.whole-grid .thumbnail_content .filter-select::after { position: absolute; content: ''; border: 6px solid transparent; border-top-color: #111; right: 23px; top: 5px; bottom: 0; margin: auto; left: auto; width: 0px; height: 0px;}
.whole-grid .thumbnail_content .filter-select::before { content: ''; width: 20px; background: #fff; right: 0; position: absolute; border: 1px solid #e1e0e0; border-left-color: transparent; box-sizing: border-box; top: 0; bottom: 0;}
.whole-grid .homemenu{margin-left: 0;}

.whole-grid .thumbnail_content .filters-container > li.nav-title {
    text-align: left;
}
.whole-grid .thumbnail_content .filters-container {
    flex: 0 0 20%;
    max-width: 20%;
    display: block;
    box-sizing: border-box;
    margin-top: 15px !important;
    padding: 10px;
    opacity: 1;
    position: unset;
}
.whole-grid .side-filter-list li {
    margin-left: 30px;
    list-style: none;
    font-weight: 600;
}
.whole-grid .side-filter-list li.active {
    border-bottom: 2px solid #B8B33A;
} 
.whole-grid .thumbnails-shortcode.hellodata.gridblock-columns-wrap.grid-style-masonary-wrap.clearfix {
    margin: 0;
}

/* 21-11 css */
.custom-searchform .form-attribute div#attributeid > div{ 
    padding-right: 30px;
    padding-left: 30px;
    padding-top: 15px;
    padding-bottom: 15px; 
}
.custom-searchform .form-attribute div#attributeid > div p{margin-bottom: 0 !important;}
.custom-searchform .form-attribute div#attributeid > div:hover {
    background-color: #F5F5F5;
}
.custom-searchform .form-attribute div#attributeid > div:last-child:hover{
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.custom-searchform .form-attribute div#attributeid > div:first-child:hover{
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
#favorite.sidebar-filter-sec {
    width: 60%;
}
body .thumbnail_content .navigation-bar {
    flex: 0 0 96% !important;
    max-width: 96% !important;
    margin: 30px !important;
}
@media only screen and (max-width:1199px) {
    
    .input-area button.btn {
        padding: 5px !important;
        font-size: 11px !important;
    }
    .input-area button.btn i {
        font-size: 11px !important;
    }
    div.download-plan, div.download-images{margin:0 5px}
    div.download-plan button, div.download-images button,.clear-plan button{font-size: 11px !important;padding:5px !important;line-height: 18px;
        margin-left: 4px !important;
        margin-top: 4px !important;}
        body .homemenu .sf-menu li {
    padding: 0 7px !important;
}
    
}
@media only screen and (min-width:991px) and (max-width:1200px){
    body .homemenu {
        width: auto !important;
        margin-left: -20px !important;
    }
}
@media only screen and (max-width:1150px){
    body #menu-header-menu.sf-menu > li.upgrade-btn a {font-size:12px !important;width:90px !important; text-align: center;}
    body .sf-menu > li.upgrade-btn a, body .homemenu .sf-menu li{padding:0 5px !important;}

}
@media screen 
and (min-device-width: 1025px) 
and (max-device-width: 1366px) {
    body .grid-style-wall-spaced.gridblock-four .gridblock-element{width: 24% !important;}
    body .grid-style-wall-spaced.gridblock-four.threegrid .gridblock-element{width:30% !important;}
    body .grid-style-wall-spaced.gridblock-four.threegrid .gridblock-element .like-vote-icon i {
        line-height: 18px !important;line-height: 16px;
    }
    body .grid-style-wall-spaced.gridblock-four.threegrid .gridblock-element .new-images{right:35px !important;left: 0;}
    body .grid-style-wall-spaced.gridblock-four.threegrid .gridblock-element .new-images a{  padding-left: 10px !important;}
    body .grid-style-wall-spaced.gridblock-four.threegrid .gridblock-element .new-images a img {
        width: 21px!important;
      
    }
}
 @media only screen and (max-width:1024px){
    #favorite.sidebar-filter-sec {
        width: 65%;
    }
    .thumbnails-shortcode.hellodata.gridblock-columns-wrap.grid-style-wall-spaced-wrap.clearfix.isotope-container-displayed {
        padding-left: 9px !important;
    }
 }
 @media only screen and (max-width:767px){
   
     .thumbnails-shortcode.hellodata.gridblock-columns-wrap.grid-style-wall-spaced-wrap.clearfix.isotope-container-displayed {
        padding-left: 5px !important;
    } 
    h2.ps-collec-title {
        margin-top: 40px !important;
    }
    .page-id-18697 .thumbnail_content .filter-select select {
    appearance: auto !important;
    }
    .page-id-18697 .thumbnail_content .filter-select::after {
    position: absolute;
    content: '';
    border: 0px solid transparent !important;
     
    }
    .page-id-18697 .thumbnail_content .filter-select select {
    border: 1px solid #00000040;
    border-radius: 3px;
    padding: 8px 6px !important;
    letter-spacing: .045rem;
    /*display: none;  */  
    }
 }
/* 10-1 css */

 @media only screen and (max-width:480px){
    #favorite.sidebar-filter-sec .side-filter-list li {
        margin-left: 0px;
        list-style: unset;
        font-weight: 600;
    }
    #favorite.sidebar-filter-sec .side-filter-list {
        line-height: 45px;
    }
    .sidebar-filter-sec .side-filter-list ul {
    display: flex;
    justify-content: center;
     list-style: none !important; 
    margin-top: 20px!important;
    margin-bottom: -20px!important;
    display: none;
    }
    .side-filter-list li {  margin-left: 23px; list-style: none; font-weight: 600; }

    .sidebar-filter-panel #favorite.sidebar-filter-sec { width: 100%; } .side-filter-list ul { list-style: none; }
    .sidebar-filter-panel .side-filter-list ul li {  margin-right: 10px;margin:0 5px !important;font-size: 11px !important; }
    ul#menu-user-account-menu ul{z-index: 0;}
    body .homemenu .sf-menu li {
        padding: 0 15px !important;
    }
    .thumbnails-shortcode.hellodata.gridblock-columns-wrap.grid-style-wall-spaced-wrap.clearfix.isotope-container-displayed {
        padding-left: 0px !important;
        margin-left: -3px;
    }

 }
 @media only screen and (max-width:375px){
    .thumbnails-shortcode.hellodata.gridblock-columns-wrap.grid-style-wall-spaced-wrap.clearfix.isotope-container-displayed {
       
        margin-left: -2px;
    }
 }
 @media only screen and (max-width:320px){
    .thumbnails-shortcode.hellodata.gridblock-columns-wrap.grid-style-wall-spaced-wrap.clearfix.isotope-container-displayed {
       
        margin-left: -1px;
    }
 }
/* 3-2-2022 */
.homemenu ul.children li.menu-item {
    padding: 10px 40px 10px 80px !important;
   
}
.homemenu ul.children li.menu-item:hover{
    background-color: #F5F5F5;
}
ul.sub-menu.account-hidden {
    display: none !important;
}



/*  */
@media only screen and (min-width:767px){
.mobileuser-account {
    display: none;
}
}

@media only screen and (max-width:767px){
     .mobileuser-account {
        margin-left: auto !important;
        margin-right: 15px !important;
        z-index:2;
    }
    .mobile-class ul#menu-user-account-menu-1 {
        display: none;
    }
    .menu-is-horizontal.pace-done .logo{margin-top:-50px;z-index: 1;}  
}

/* gallery css */

 


 img.preload-image.displayed-image.lazyloaded {
   /* height: 300px;*/
    object-fit: cover;
} 

/*.gridblock-col-3 {width: 49% !important;}*/
/*.gridblock-col-1 {width: 20% !important;} 
.gridblock-col-2 {width: 20% !important;} 
.gridblock-col-4 {width: 20% !important;}  */
 
 /* clear fix */
.gridblock-element:after {  
  content: ''; 
  display: block; 
  
 }
 
 

     /************ AP CSS custom *******/
@media only screen and (max-width: 1024px){
    /* body .searchandfilter .sf-field-search label input[type=text]{width:130px !important} */
    .page-id-18697 .thumbnail_content .filters-container > li {visibility: initial;}
    .sidebar-filter-panel{margin-bottom: -5px ;}
    
    /* .thumbnail_content ul.filters-container.ps-fc-2 {
        top: 153px !important;transition: 0.5s all !important;
    } */
    .page-id-18697 .thumbnail_content .filters-container{position: fixed !important;
        z-index: 2;
        top: 145px !important;}
        .page-id-18697 .thumbnail_content .filters-container > li:nth-child(2){border-top-right-radius:10px}
    .page-id-18697 .thumbnail_content .filters-container > li{margin-left: 18px !important;border-bottom: 1px solid #dfdbdb !important;width: 200%;}
    .page-id-18697 .thumbnail_content .filters-container > li:last-child{border-bottom-right-radius:10px;}
    .page-id-18697 .thumbnail_content .side-filter-btn{margin-top:30px !important}
    .page-id-18697 .thumbnail_content .side-filter-btn {
        border: 0px !important;
        border-radius: 3px;
        background-image: url("https://members.testpixi.ga/wp-content/themes/kinatrix-child/css/icons8-slider-50.png")  !important;
        height: 30px;
        width: 30px;
        z-index: 3;
        background-position: center center;
        background-size: contain;
        background-repeat: no-repeat;
        position: relative;
        /*display: flex !important; */
        padding:5px 25px 5px 0 !important;
    }
    .side-filter-btn.active:before  {
        position: absolute;
        content: "";
        background-image: url("https://members.testpixi.ga/wp-content/themes/kinatrix-child/css/down-arrow (1).png") !important;
        height: 30px;
        width: 30px;
        background-position: center;
        top: 1px;
        background-size: cover !important;
        left: 40px !IMPORTANT;
        transform: rotate(270deg);
    }
    .side-filter-btn:before  {
        position: absolute;
        content: "";
        background-image: url("https://members.testpixi.ga/wp-content/themes/kinatrix-child/css/down-arrow (1).png") !important;
        height: 30px;
        width: 30px;
        background-position: center;
        top: 1px;
        background-size: cover !important;
        left: 40px !IMPORTANT;
        transform: rotate(90deg);
        
    }
    .page-id-18697 .thumbnail_content .side-filter-btn span{font-size:0px;}
    .page-id-18697 .thumbnail_content .side-filter-btn i.fa.fa-times{font-size:0}
    
}
@media only screen and (min-width:768px) and (max-width:1024px){
    div#builder-column-1 {
        margin-top: 30px !important;
    }
    .entry-content h2.ps-collec-title{margin-top:30px !important}

}
@media only screen and (max-width:767px){
    /* .entry-content h2.ps-collec-title{margin-top:30px !important} */
   
    .page-id-18697 .thumbnail_content .filters-container{top:200px !important;}
    .searchandfilter h4:before{right: 15px !important;}
  
}
@media screen and (max-width: 500px){
    body ul.filters-container {overflow-y: visible !important;
        overflow-x: initial;}
        .page-id-18697 .thumbnail_content .side-filter-btn {
            margin-top: 20px !important;margin-left: 0 ;
        }
}
@media only screen and (max-width: 480px){
    .sidebar-filter-panel{margin-bottom: 0;}
    body ul.filterphotodiv{width:280px;}
    body .searchandfilter .sf-field-search label input[type=text]{width: 100% !important;}
    .searchandfilter h4{font-size: 12px;width:100px;}
    body .searchandfilter ul li.sf-field-search input{font-size:14px;}
    .page-id-18697 .thumbnail_content .filters-container {
        top: 185px !important;
    }
    body .sidebar-filter-panel .filter-select {
        display: block !important;
    }
    .page-id-18697 .thumbnail_content .filter-select{height:40px;margin:18px 0 !important}
    /*body .searchandfilter input[type="submit"]{margin-left:30px !important;}*/
    /*body .searchandfilter .sf-field-search label input[type=text]{margin-left:10px !important;}*/
}
@media only screen and (max-width: 390px){
    .thumbnails-shortcode.hellodata.gridblock-columns-wrap.grid-style-wall-spaced-wrap.clearfix.isotope-container-displayed{margin-left:-1px !important}
}
@media only screen and (min-width:992px){
/*    .right-header{justify-content:flex-start !important;}
*/    .homemenu {
        width: calc(100% - 60px) !important;
        margin-left: -20px !important ;
    }
    .user-account {
        width: 40px;
    }
    

}

label.sf-label-radio {
    display: block;
    height: 100% !important;
    width: 100% !important;
    z-index: 99999;
}
label.sf-label-radio {
    position: relative !important;
}
.sf-level-0 input {
    opacity: 0 !important;
}
/*.like-vote-icon i{line-height: 26px !important;}*/

#menu-header-menu-1 {
    display: none;
}

.dropdown-content {
    list-style-type: none;
}


@media screen and (max-width: 1024px){
.page-id-18697 #mtheme-block-3 .mtheme-cell-inner {
    width: 100% !important;
    }
.page-id-18697 .sidebar-filter-panel {
    display: initial;
    height: 80px;    
}
.page-id-18697 .thumbnail_content .filter-select {
    right: -5px !important;
    float: right !important;
}
.page-id-18697 .thumbnail_content .side-filter-btn {
    display: inline-block !important;
}
.page-id-18697 .thumbnail_content {
    padding: 6px 20px 100% 20px !important;
  }
.page-id-18697 .menu-is-horizontal .mainmenu-navigation {
    padding: 30px 50px !important;
    height: 250px !important;
}
.page-id-18697 .thumbnail_content .filters-container {
    position: unset !important;
    display: contents;    
}    
}

@media screen and (min-width: 501px) and (max-width: 999px){
.page-id-18697 .thumbnail_content .filters-container > li {
    width: 180% !important;
    max-width: 180% !important;
}}

@media screen and (max-width: 500px){
.page-id-18697 ul.filters-container > li[data-filter-type="colors"]:hover ul {
    width: 110%;

}}

@media screen and (min-width: 760px) and (max-width: 960px){
.page-id-18697 .thumbnail_content .filters-container > li {
    padding-left: 0px;
}}