/* ***** FILTER ROW ***** */

.filter-row,
.filter-row > .filter-slot {
	position:relative;
}
.filter-row.inline {
	display:table;
	width:100% !important;
	clear:both !important;
}
.filter-row.inline > .filter-slot {
	display:inline-block;
	float:left;
	height:100%;
}
.filter-row.inline > .filter-slot,

.filter-row.inline[ data-col-filter="1" ] > .filter-slot {
	width:100%;
}
.filter-row.inline[ data-col-filter="2" ] > .filter-slot {
	width:50%;
}
.filter-row.inline[ data-col-filter="3" ] > .filter-slot {
	width:calc( 100% / 3 );
}
.filter-row.inline[ data-col-filter="4" ] > .filter-slot {
	width:25%;
}
.filter-row.inline[ data-col-filter="5" ] > .filter-slot {
	width:calc( 100% / 5 );
}

/* ***** FILTER SECTION ***** */

.filter-section,
.filter-section > .filter-section-inside,
.filter-section > .filter-section-inside > .filter-container {
	position:relative;
}

/* --- theme filter bar --- */

.filter-section.theme-filter-bar {
	z-index:10;
}
.filter-section.theme-filter-bar > .filter-section-inside {
	background-color:rgba(0,0,0,1);
	color:rgba(255,255,255,1);
}
.filter-section.theme-filter-bar > .filter-section-inside .filter-row,
.filter-section.theme-filter-bar > .filter-section-inside .filter-row > .filter-slot {
	height:90px;
}
.filter-section.theme-filter-bar > .filter-section-inside .form-group,
.filter-section.theme-filter-bar > .filter-section-inside .field-form,
.filter-section.theme-filter-bar > .filter-section-inside .field-group {
	height:100%;
}

.filter-section.theme-filter-bar > .filter-section-inside .form-group .title-form {
	display:none !important;
}

/* label */
.filter-section.theme-filter-bar > .filter-section-inside .form-group .field-group > .field > .label-text {
	color: rgba(255,255,255,0.4) !important;
	left:30px !important;
}
.filter-section.theme-filter-bar > .filter-section-inside .form-group .field-group.open > .field.has-data > .label-text {
	color: rgba(255,255,255,1) !important;
}

/* field row */
.filter-section.theme-filter-bar > .filter-section-inside .filter-row.inline > .filter-slot .field-group > .field:before,
.filter-section.theme-filter-bar > .filter-section-inside .filter-row.inline > .filter-slot .field-group > .field:after {
	position:absolute !important;
	content:"" !important;
	top:15px !important;
	bottom:15px !important;
	height:calc( 100% - 30px ) !important;
	width:0 !important;
}
.filter-section.theme-filter-bar > .filter-section-inside .filter-row.inline > .filter-slot .field-group > .field:before {
	left:0 !important;
	right:auto !important;
	border-left:1px solid rgba(50,50,50,1);
}
.filter-section.theme-filter-bar > .filter-section-inside .filter-row.inline > .filter-slot .field-group > .field:after {
	left: auto !important;
	right:0 !important;
	border-right:1px solid rgba(50,50,50,1);
}
.filter-section.theme-filter-bar > .filter-section-inside .filter-row.inline > .filter-slot + .filter-slot .field-group > .field:before {
	left:-1px !important;
}

/* field group */
.filter-section.theme-filter-bar > .filter-section-inside .field-group {
	padding:0 !important;
}
.filter-section.theme-filter-bar > .filter-section-inside .field-group > .field {
	height:100% !important;
	border-radius:0 !important;
	background:none !important;
}
.filter-section.theme-filter-bar > .filter-section-inside .field-group > .field {
	padding:0 40px 0 30px !important;
}
.filter-section.theme-filter-bar > .filter-section-inside .field-group > .field > .input-text {
	padding:33px 0 0 0 !important;
	line-height:50px !important;
}
.filter-section.theme-filter-bar > .filter-section-inside .field-group > .field.has-data > .input-text {
	/*color: rgba(179,150,86,1) !important;*/
	color: rgba(212,182,118,1) !important;
}
.filter-section.theme-filter-bar > .filter-section-inside .field-group > .field > .label-text {
	top:23px !important;
	letter-spacing:0.5px !important;
	font-weight:500;
}
.filter-section.theme-filter-bar > .filter-section-inside .field-group > .field.has-icon > .icon {
	height: 100% !important;
    width: 40px !important;
    line-height: 90px !important;
    top: 0 !important;
    padding-right: 25px !important;
}
.filter-section.theme-filter-bar > .filter-section-inside .field-group > .field.has-icon > .icon i {
	top:-2px !important;
}
.filter-section.theme-filter-bar > .filter-section-inside .field-group > .field.has-icon > .icon {
	opacity:0.2 !important;
}
.filter-section.theme-filter-bar > .filter-section-inside .field-group > .field.has-icon.focus > .icon {
	opacity:1 !important;
}

/* dropdown */
.filter-section.theme-filter-bar > .filter-section-inside ul.select-dropdown > li {
	color:rgba(12,12,12,1) !important;
}
.filter-section.theme-filter-bar > .filter-section-inside .field-group.open > .field {
	background-color:rgba(255,255,255,0.1) !important;
}
.filter-section.theme-filter-bar > .filter-section-inside .filter-row.inline > .filter-slot .field-group.open > .field:before,
.filter-section.theme-filter-bar > .filter-section-inside .filter-row.inline > .filter-slot .field-group.open > .field:after {
	top:0 !important;
	bottom:0 !important;
	height:100% !important;
}
.filter-section.theme-filter-bar > .filter-section-inside .filter-row.inline > .filter-slot .field-group > .field:before,
.filter-section.theme-filter-bar > .filter-section-inside .filter-row.inline > .filter-slot .field-group > .field:after,
.filter-section.theme-filter-bar > .filter-section-inside .filter-row.inline > .filter-slot .field-group.open > .field:before,
.filter-section.theme-filter-bar > .filter-section-inside .filter-row.inline > .filter-slot .field-group.open > .field:after {
	transition:all 0.2s ease;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-ms-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
}


/* --- theme filter popup --- */

body.filter-popup-open {
	overflow:hidden !important;
}
.filter-section.theme-filter-popup {}
.filter-section.theme-filter-popup > .filter-section-inside {
	position:fixed;
	height:100%;
	top:0;
	bottom:0;
	right:-550px;
	background-color:rgba(255,255,255,1);
	box-shadow:0 0 20px rgba(0,0,0,0.5);
	z-index:1050;
}
.filter-section.theme-filter-popup.popup-on > .filter-section-inside {
	right:0;
}
.filter-section.theme-filter-popup > .filter-section-inside,
.filter-section.theme-filter-popup.popup-on > .filter-section-inside {
	transition:right 0.3s ease;
	-webkit-transition:right 0.3s ease;
	-moz-transition:right 0.3s ease;
	-ms-transition:right 0.3s ease;
	-o-transition:right 0.3s ease;
}
.filter-section.theme-filter-popup > .filter-section-inside,
.filter-section.theme-filter-popup > .filter-section-inside .filter-container > .topic-row,
.filter-section.theme-filter-popup > .filter-section-inside .filter-container > .btn-row {
	width:500px;
}
.filter-section.theme-filter-popup > .filter-section-inside .filter-container {
	width:100%;
	height:100%;
	padding:0 !important;
}

.filter-section.theme-filter-popup .filter-row.inline {
    display: block;
    width: 100% !important;
}
.filter-section.theme-filter-popup .filter-row.inline > .filter-slot {
    display:block !important;
    float:none !important;
    height: auto !important;
	width:100% !important;
}
/*.filter-section.theme-filter-popup .filter-row.inline > .filter-slot {
	border-top:1px solid rgba(0,0,0,1);
}*/
.filter-section.theme-filter-popup .filter-row.inline > .filter-slot + .filter-slot {
	margin-top:20px !important;
	/*padding-top:30px !important;*/
}

/* header + footer */
.filter-section.theme-filter-popup > .filter-section-inside .filter-container > .topic-row,
.filter-section.theme-filter-popup > .filter-section-inside .filter-container > .btn-row {
	/*position:fixed;*/
	left:auto;
	right:0;
	padding:0 30px !important;
	z-index:2;
}
.filter-section.theme-filter-popup > .filter-section-inside .filter-container > .topic-row {
	height:80px;
	top:0;
	padding-top:25px !important;
	/*margin-bottom:10px;*/
	/*background: linear-gradient(to bottom, rgba(255,255,255,1) 80%, rgba(255,255,255,0) );*/
	background-color:rgba(255,255,255,1);
	border-bottom: 1px solid #e5e5e5;
}
.filter-section.theme-filter-popup > .filter-section-inside .filter-container > .topic-row .topic-group {
	padding-right:30px !important;
}
.filter-section.theme-filter-popup > .filter-section-inside .filter-container > .topic-row .btn-close {
	position:absolute;
	top:0;
	right:0;
}
.filter-section.theme-filter-popup > .filter-section-inside .filter-container > .btn-row {
	height:90px;
	bottom:0;
	/*background: linear-gradient(to top, rgba(255,255,255,1) 80%, rgba(255,255,255,0) );*/
	background-color:rgba(255,255,255,1);
	border-top: 1px solid #e5e5e5;
}
.filter-section.theme-filter-popup > .filter-section-inside .filter-container > .btn-row .btn-group {
	width:100% !important;
	top:25px !important;
}
.filter-section.theme-filter-popup > .filter-section-inside .filter-container > .btn-row .default-btn {
	min-width:0 !important;
	width:calc( 50% - 7.5px );
}
.filter-section.theme-filter-popup > .filter-section-inside .filter-container > .filter-row {
	/*padding:80px 0 90px 0 !important;*/
	height:calc( 100% - 170px );
	padding:15px 30px 30px 30px !important;
	overflow-y: auto;
	z-index:1;
}


/* title */
.filter-section.theme-filter-popup .title-form {
	margin:0 !important;
	padding:15px 20px 15px 0 !important;
	cursor:pointer !important;
    font-size: 15px !important;
    line-height: 25px !important;
	font-weight:700 !important;
	letter-spacing:0 !important;
	border-bottom:1px solid rgba(0,0,0,1);
}
.filter-section.theme-filter-popup .field-form {
	display:none;
	padding-top:20px;
}
.filter-section.theme-filter-popup .form-group .title-form:before {
	position:absolute;
    top: 50%;
    right: 5px;
    margin-top: -5px;
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 10px;
	content: "\f078";
}
.filter-section.theme-filter-popup .form-group.open .title-form:before {
	content: "\f077";
}

/* dropdown */
.filter-section.theme-filter-popup .field-group {
	padding:0 !important;
	margin:0 !important;
}
.filter-section.theme-filter-popup .field-group > .field {
	display:none !important;
}
.filter-section.theme-filter-popup .select-field-dropdown {
	display: block !important;
    position: relative !important;
    visibility: inherit !important;
	max-height:none !important;
	height:auto !important;
	background:none !important;
	border:none !important;
    box-shadow:none !important;
    overflow: hidden !important;
}
.filter-section.theme-filter-popup ul.select-dropdown > li {
    padding: 10px  0 10px 35px !important;
    background: none !important;
}
.filter-section.theme-filter-popup ul.select-dropdown > li + li {
    border-top: 1px dashed rgba(234,234,234,0.8);
}
.filter-section.theme-filter-popup ul.select-dropdown > li:before {
    position: absolute;
    display: block !important;
    top: 8px;
    right: auto !important;
	left:0 !important;
    width: 25px;
    height: 25px;
    font-size: 10px;
    line-height: 25px;
    border-radius: 100%;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f00c";
    color: rgba(0,0,0,0) !important;
	background-color: rgba(0,0,0,0.1) !important;
	text-align:center !important;
}
.filter-section.theme-filter-popup ul.select-dropdown > li:hover:before {
    color: rgba(0,0,0,0.5) !important;
}
.filter-section.theme-filter-popup ul.select-dropdown > li.active:before {
    background-color: rgba(174,144,75,1) !important;
    color: rgba(255,255,255,1) !important;
}

/* ***** FILTER PROJECT SECTION ***** */

#filter-project-section.filter-section {
	min-height:90px;
}
#filter-project-section.filter-section.theme-filter-popup {
	min-height:0;
}
#filter-project-section.filter-section.fade > .filter-section-inside {
	display:block;
	visibility: hidden;
}
#filter-project-section.filter-section.fade.in > .filter-section-inside {
	visibility: inherit;
}

/* ***** FILTER RESULT SECTION ***** */

#filter-result-section {}
#filter-result-section > .inside {
	padding-bottom:0 !important;
}
#filter-result-section .result-section-inside {
	position:relative;
	display:none;
}
#filter-result-section .result-section-inside.active {
	display:block;
}

#filter-result-section #cpn-project-section .display-view-container-inside[ data-view="box" ] {
	padding-bottom:55px !important;
}
#filter-result-section #cpn-project-section .display-view-container-inside[ data-view="listbox" ] {
	padding-bottom:80px !important;
}

/*#filter-result-section .result-for-select {
	min-height:390px;
}*/
#filter-result-section .result-no-select {
}

/* --- result not found  --- */
#filter-result-section .result-not-found {
	position:relative;
	display:none;
	padding:30px 0 80px 0;
}

/* lg more */
@media (min-width:1200px) and (max-width:1649px) {
}

@media (max-width:1199px) {
/* ***** FILTER PROJECT SECTION ***** */
#filter-project-section.filter-section {
	min-height:0;
	height:0;
}
}

/* md */
@media (min-width:992px) and (max-width:1199px) {
.filter-section.theme-filter-bar > .filter-section-inside .field-group > .field {
    padding: 0 40px 0 20px;
}
.filter-section.theme-filter-bar > .filter-section-inside .field-group > .field.has-icon > .icon {
    width: 40px;
}
}

/* sm - xs */
@media (max-width:991px) {
}

/* sm */
@media (min-width:768px) and (max-width:991px) {
.filter-section.theme-filter-bar > .filter-section-inside .field-group > .field {
    padding: 0 35px 0 15px;
}
.filter-section.theme-filter-bar > .filter-section-inside .field-group > .field.has-icon > .icon {
    width: 35px;
	padding-right: 10px;
}
#filter-bar-section .field-group > .field > .input-text,
#filter-bar-section .field-group > .field > .label-text,
#filter-bar-section .field-group > .field.label-inline > .label-text,
#filter-bar-section .field-group > .field.label-inline.focus > .label-text,
#filter-bar-section .field-group > .field.label-inline.has-data > .label-text,
#filter-bar-section .field-group.select-field-group > .field.select-field.label-inline > .label-text {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.3px;
}
}

/* xs */
@media (max-width:767px) {
/*.filter-section.theme-filter-bar > .filter-section-inside .container {
	padding:0 !important;
}
.filter-section.theme-filter-bar > .filter-section-inside .filter-row {
	display:table !important;
    height: auto !important;
}
.filter-section.theme-filter-bar > .filter-section-inside .filter-row,
.filter-section.theme-filter-bar > .filter-section-inside .filter-row .filter-slot {
    height: auto !important;
}
.filter-section.theme-filter-bar > .filter-section-inside .filter-row > .filter-slot {
    display: table !important;
    float: none !important;
	width: 100% !important;
}
.filter-section.theme-filter-bar > .filter-section-inside .filter-row > .filter-slot + .filter-slot {
	border-top:1px solid rgba(255,255,255,0.1);
}
.filter-section.theme-filter-bar > .filter-section-inside .field-group > .field > .input-text {
    padding: 20px 0 0 0;
}
.filter-section.theme-filter-bar > .filter-section-inside .field-group > .field > .label-text {
    top: 15px !important;
}
.filter-section.theme-filter-bar > .filter-section-inside .field-group > .field.has-icon > .icon {
    top: 15px;
}*/

/* ***** FILTER SECTION ***** */

/* --- theme filter bar --- */
.filter-section.theme-filter-bar > .filter-section-inside .filter-row,
.filter-section.theme-filter-bar > .filter-section-inside .filter-row > .filter-slot {
    height: auto;
}
.filter-section.theme-filter-bar .filter-row.inline,
.filter-section.theme-filter-bar .filter-row.inline > .filter-slot {
	display:block !important;
	width:100% !important;
	float:none !important;
}
.filter-section.theme-filter-bar .filter-row.inline > .filter-slot + .filter-slot {
	border-top:1px solid rgba(32,32,32,1);
}
.filter-section.theme-filter-bar > .filter-section-inside .field-group > .field > .input-text {
	padding-top:30px !important;
	padding-bottom:5px !important;
}
.filter-section.theme-filter-bar > .filter-section-inside .field-group > .field > .label-text {
    top: 20px !important;
}

/* --- theme filter popup --- */
.filter-section.theme-filter-popup > .filter-section-inside {
	right:-100%;
}
.filter-section.theme-filter-popup > .filter-section-inside,
.filter-section.theme-filter-popup > .filter-section-inside .filter-container > .topic-row,
.filter-section.theme-filter-popup > .filter-section-inside .filter-container > .btn-row {
	width:100%;
}

#filter-result-section #cpn-project-section .display-view-container-inside[ data-view="box" ] {
	padding-bottom:55px !important;
}
#filter-result-section #cpn-project-section .display-view-container-inside[ data-view="listbox" ] {
	padding-bottom:40px !important;
}
/* --- result not found  --- */
#filter-result-section .result-not-found {
	padding-bottom:40px !important;
}

}

/* xs more */
@media (max-width:350px) {
}