/*
* Copyright 2015 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/

/* Firefox fix with the popupnot being opened - http://www.telerik.com/forums/q1'14-release---popup-bug-in-firefox */
.k-ff {
    overflow: inherit !important;
}

#AjaxFiltersProForm {
    margin: 0 0 50px;
}

.home-page .slider-wrapper ~ #AjaxFiltersProForm {
    margin: -20px 0 50px;
}

.home-page-filters-wrapper {
    padding: 15px 0;
}

.home-page-filter-selectors {
	float: none;
	width: 100%;
	max-width: 75%;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

    .home-page-filter-selector .k-dropdownlist {
	display: inline-block;
	width: 100%;
        cursor: pointer;
    }

.home-page-filter-selector {
    margin: 10px 0 0;
}

    .home-page-filter-selector:first-child {
        margin: 0;
    }



    .home-page-filter-selector .k-disabled {
        opacity: .5;
        cursor: default;
    }

    .home-page-filter-selector .k-input-inner {
        position: relative;
        text-align: left;
        display: block;
        line-height: 1;
        height: 36px;
        background: #fff;
        text-transform: uppercase;

        padding: 12px 36px 12px 12px;
    }

        .home-page-filter-selector .k-input-inner:after {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            width: 24px;
            background: url(images/filters-select-icon.png) no-repeat center;
        }

    .home-page-filter-selector .k-button {
        display: none;
    }

.home-page-filter-dropdown {
    height: auto !important;
    background: #fff;
    border: 1px solid #1e1c1c;
    border-top: 0;
}

    .home-page-filter-dropdown ul {
        max-height: 190px;
        overflow-y: auto;
        padding: 5px 0;
    }

    .home-page-filter-dropdown li {
        font-size: 15px;
        padding: 15px 10px;
        cursor: pointer;
	text-transform: uppercase;
    }

        .home-page-filter-dropdown li:hover {
            background: #fff;
        }

.k-list-scroller {
    height: auto !important;
}

.k-list-optionlabel {
    display: none !important; /*disabled*/
}

.home-page-filter-button {
    display: inline-block;
	width: 100%;
	max-width: 25%;
	text-align: right;
}

.home-page-filters-wrapper .search-button,
.home-page-filters-wrapper .results-number {
    float: left;
    color: #fff;
    font-size: 15px;
    background: #000;
}

.home-page-filters-wrapper .search-button {
    height: 40px;
    line-height: 40px;
    padding: 0 30px;
    margin-left: 1px;
    border: 0;
    text-transform: uppercase;
}

    .home-page-filters-wrapper .search-button:hover {
color: #c40318;
    }

.home-page-filters-wrapper .results-number {
    display: none;
    padding: 13px 0;
    text-align: center;
    width: 40px;
    height: 40px;
}

    .home-page-filters-wrapper .results-number.loading {
        font-size: 0;
        background: #4ab2f1 url(images/loader.gif) no-repeat center;
    }

@media all and (min-width: 481px) {

    .home-page-filter-selectors {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 10px 2%;
    }

    .home-page-filter-selector {
        margin: unset;
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {

    .home-page .slider-wrapper ~ #AjaxFiltersProForm {
        max-width: 600px;
        margin: -20px auto 50px;
    }
}

@media all and (min-width: 1001px) {

    .home-page .slider-wrapper ~ #AjaxFiltersProForm {
        margin: -40px 0 50px;
    }

    .home-page-filters:after {
        content: '';
        display: block;
        clear: both;
    }

    .home-page-filter-selectors {
        float: left;
        width: 730px;
        margin: 2px 0 0;
    }

    .home-page-filter-button {
        float: right;
    }
}

@media all and (min-width: 1367px) {

    .home-page-filter-selectors {
        width: 940px;
    }

    .home-page-filter-selector {
        width: 23.5%;
        margin: 0 0 0 2%;
    }
}

/* AJAX FILTERS PRO STYLES */


.ajax-filters-pro .home-page-filters {
	display: inline-flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.ajax-filters-pro .home-page-filter-selectors {
	float: none;
	width: 100%;
	max-width: 80%;
	padding: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}


	.ajax-filters-pro .home-page-filter-selectors .home-page-filter-selector {
		border: 1px solid #000;
		margin: 0 15px 0 0;
		height: 40px;
		float: none;
		width: 33.33333%;
		max-width: 33.33333%;
	}
		/*.ajax-filters-pro .home-page-filter-selectors .home-page-filter-selector:first-of-type {
			display: none !important;
		}*/

		.ajax-filters-pro .home-page-filter-selectors .home-page-filter-selector span.k-dropdown.k-header {
			display: block !important;
			height: 38px !important;
			text-align: left !important;
			padding: 0 !important;
			margin: 0 !important;
		}

			.ajax-filters-pro .home-page-filter-selectors .home-page-filter-selector span.k-dropdown.k-header span.k-dropdown-wrap {
				display: block !important;
				height: 38px !important;
				text-align: left !important;
				padding: 0 !important;
				margin: 0 !important;
			}

		.ajax-filters-pro .home-page-filter-selectors .home-page-filter-selector .k-input {
			font-size: 16px;
			font-family: roboto, san-serif;
			text-transform: uppercase !important;
			height: 38px !important;
			padding: 0 0px 0 10px !important;
		}

		.ajax-filters-pro .home-page-filter-selectors .home-page-filter-selector .k-select {
			background-image: url('../icons/svg/dark-grey/arrow-down-b.svg') !important;
			background-position: center center !important;
			background-size: 15px 7px !important;
			background-repeat: no-repeat !important;
			height: 38px !important;
			/*background-color: transparent !important;*/
			border: none !important;
		}

.ajax-filters-pro .home-page-filter-button .results-number {
	width: 19% !important;
	text-align: center;
	margin: 0 1% 0 0;
}

	.ajax-filters-pro .home-page-filter-button .results-number.loading {
		background: #fff url(../icons/custom/loader.gif) center no-repeat !important;
		border: 1px solid #000 !important;
		font-size: 0px !important;
	}



	.ajax-filters-pro .home-page-filter-button .search-button:after {
		display: none !important;
	}

@media (min-width: 1281px) {

	.ajax-filters-pro .home-page-filters {
		width: 1240px !important;
	}
}

@media (min-width: 1025px) {

	.ajax-filters-pro {
		text-align: center;
	}

		.ajax-filters-pro .home-page-filters {
			width: 1010px;
			margin: auto;
		}
}

@media (max-width: 1024px) {

	.ajax-filters-pro .home-page-filters {
		display: block;
		flex-direction: initial;
		flex-wrap: initial;
		width: 85%;
		margin-inline: auto;
	}

	.ajax-filters-pro .home-page-filter-selectors {
		max-width: 100%;
		display: block;
		margin: 0 auto 15px auto;
	}

		.ajax-filters-pro .home-page-filter-selectors .home-page-filter-selector {
			margin: 0 0 15px 0;
			height: 45px;
			width: 100%;
			max-width: 100%;
		}

			.ajax-filters-pro .home-page-filter-selectors .home-page-filter-selector span.k-dropdown.k-header {
				height: 43px !important;
			}

				.ajax-filters-pro .home-page-filter-selectors .home-page-filter-selector span.k-dropdown.k-header span.k-dropdown-wrap {
					height: 43px !important;
				}

			.ajax-filters-pro .home-page-filter-selectors .home-page-filter-selector .k-input {
				height: 43px !important;
				padding: 0 0px 0 10px !important;
				font-size: 15px;
			}

			.ajax-filters-pro .home-page-filter-selectors .home-page-filter-selector .k-select {
				height: 43px !important;
			}

	.ajax-filters-pro .home-page-filter-button {
		max-width: 100%;
		text-align: center;
	}

		.ajax-filters-pro .home-page-filter-button .search-button {
			font-size: 15px;
		}

		.ajax-filters-pro .home-page-filter-button .results-number {
			display: inline-block !important;
		}
}

/* END AJAX FILTERS PRO STYLES */