/*
* 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: 0 0 15px; text-align: center;}
.home-page-filter-selectors {width: 100%; margin: 0 0 20px; overflow: hidden;}
//.home-page-filters {-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border-style: solid; border-width: 3px; border-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; border-image-source: linear-gradient(to right, #ff6fc4 0%, #e63188 53%, #3265ac 100%); border-image-slice: 1; background-image: linear-gradient(to bottom, #fff, #fff), linear-gradient(to right, #ff6fc4 0%, #e63188 53%, #3265ac 100%); background-origin: border-box; background-clip: content-box, border-box;     overflow: hidden;}
.home-page-filters {-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border-top-left-radius: 0; border-top-right-radius: 0; background: url(../Content/images/vyhledavaci-lista.jpg) center bottom no-repeat; overflow: hidden;}
.home-page-filter-selector {width: 100%; margin: 10px 0 0;}
.home-page-filter-selector:first-child {margin: 0;}
.home-page-filter-selector .k-dropdown {
    display: inline-block;
    width: 70%;
}
.home-page-filter-selector span.k-dropdown-wrap {position: relative; text-align: center; display: flex; color: #0a0a0a; line-height: 1; height: 48px; background: #fff; border-radius: 6px; cursor: pointer;}
.home-page-filter-selector span.k-dropdown-wrap.k-state-disabled {opacity: .5; cursor: default;}
.home-page-filter-selector span.k-dropdown-wrap span {position: absolute; top: 50%; width: 100%; transform: translate(0, -50%);}
//.home-page-filter-selector span.k-dropdown-wrap:after {content: "";	position: absolute;	top: 0;	bottom: 0;	right: 0; width: 24px; background: url(images/filters-select-icon.png) no-repeat center;}    šipka v menu
.home-page-filter-selector .k-select {
	display: none;
}

.home-page-filter-dropdown {
    height: auto !important;
    background: #fff;
    border: 1px solid #ddd;
    border-top: 0;
}
.home-page-filter-dropdown ul {
    max-height: 190px;
    overflow-y: auto;
    padding: 5px 0;
}
.home-page-filter-dropdown li {
	color: #888;
	font-size: 12px;
	padding: 8px 12px;
	cursor: pointer;
}
.home-page-filter-dropdown li:hover {
	background: #f9f9f9;
}

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

.home-page-filter-button {display: inline-block; float: none;}
.home-page-filters-wrapper .search-button, .home-page-filters-wrapper .results-number {float: left; color: #fff; font-size: 16px; line-height: 1; font-weight: bold; letter-spacing: 0.4px; background: #60d156; border-radius: 6px;}
.home-page-filters-wrapper .search-button {height: 48px; padding: 3px 20px 0; margin-left: 1px; border: 0;}
.home-page-filters-wrapper .search-button:hover {background-color: #42ae38;}
.home-page-filters-wrapper .results-number {display: none; padding: 19px 10px; margin: 0; text-align: center; width: 60px; height: 48px; font-size: 14px; font-weight: normal; color: #0a0a0a;}
.home-page-filters-wrapper .results-number.loading {font-size: 0; background: #42ae38 url(images/loader.gif) no-repeat center;}
.uvodbox-filtrpro h2 {font-size: 20px; line-height: 35px;}
   
@media all and (min-width: 481px) {
	
  .home-page-filter-selectors {width: 100%; padding: 0 1%;}
  .home-page-filter-selectors:after {content: ''; display: block; clear: both;}
	.home-page-filter-selector .k-dropdown {width: 100%;}
  .home-page-filter-button {float: none; padding: 0 1% 5px 0;}
  .uvodbox-filtrpro h2 {font-size: 20px; line-height: 40px;}
}

@media all and (min-width: 481px) and (max-width: 768px) {
	
	.home-page .slider-wrapper ~ #AjaxFiltersProForm {margin: -20px auto 50px;}
	.home-page-filter-selectors {margin: 0 0 10px;}
    .home-page-filter-selector {float: left; width: 48%; margin: 0 0 0 2%;}
  	.home-page-filter-selector:nth-child(2n+1) {margin-left: 0;}
    .home-page-filter-selector:nth-child(1n+1) {margin: 0 1%;}
    .uvodbox-filtrpro h2 {padding: 35px 10px 20px 75px; font-size: 20px; line-height: 20px; background-position: 20px 30px;}
    .uvodbox-filtrpro {background: url(../Content/images/vyhledavaci-lista-mobil.jpg) right top no-repeat; background-size: cover;}
    .home-page-filters {background: url(../Content/images/vyhledavaci-lista-mobil.jpg) right bottom no-repeat; background-size: cover;}
}

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

  .home-page-filter-selector:nth-child(1n+1) {margin: 0;}
  .home-page-filter-selector {float: left; width: 32.666%; margin: 0;}
	.home-page-filter-selector:nth-child(2) {margin: 0 1%;}    
	.home-page-filter-selector:nth-child(5) {margin: 0 1%;}
  .home-page-filter-selector:nth-child(8) {margin: 0 1%;}
  .uvodbox-filtrpro h2 {font-size: 25px; line-height: 30px;}
  .uvodbox-filtrpro {height: 80px;}
}

@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: 100%; margin: 2px 0 5px; padding: 0 1%;}
    .home-page-filter-button {float: none;}
    .uvodbox-filtrpro h2 {font-size: 30px; line-height: 30px;}
    .uvodbox-filtrpro {height: 120px;}
}

@media all and (min-width: 1367px) {
  .home-page-filters {width: 1300px; margin: 0 auto; padding: 20px 0 26px; background: url(../Content/images/vyhledavaci-lista.jpg) center bottom no-repeat; background-size: cover;}
  .home-page-filters-wrapper {padding: 0;}
  .home-page-filter-selectors {width: 70%; padding: 0 0 0 1%;}
  .home-page-filter-selector {width: 18%; margin: 0 2% 0 0;}
  .home-page-filter-button {float: right; padding: 0 1% 0 0;}
	.home-page-filter-selector:nth-child(1n+1) {margin: 0 2% 0 0;}    
  .uvodbox-filtrpro h2 {font-size: 30px;}
}

@media all and (max-width: 640px) {
  .home-page-filters {padding: 0 0 30px; background: url(../Content/images/vyhledavaci-lista-mobil.jpg) right bottom no-repeat; background-size: cover;}
}