.wk_spo-list {
    width:100%;
/* border:1px solid red; */
}

.wk_spo-list__item {
    display:inline-block;
	position:relative;
    /* width:33%; */
	padding:0.5rem 1rem 0.5rem 1rem;
	margin:0 0 2.5rem 0;
	vertical-align:top;
/* border:1px solid #abcdef; */
    outline:none;
}

.wk_spo-list__item:hover {
    cursor:pointer;
	outline:1px solid #a00000;
}

.wk_spo-list__img {
    width:100%;
    max-width:62rem;
	margin-bottom:1.2rem;
}

.wk_spo-list__title {
    height:6.8rem;
	line-height:2rem;
	margin:0 0 0 0;
    font-size:1.8rem;
	color:#133c40;
}

.wk_spo-list__item:hover .wk_spo-list__title {
    color:#03a806;
	text-decoration:underline;
}

.wk_spo-list__days {
    height:2.8rem;
	font-size:1.4rem;
    color:#606a76;
}

.wk_spo-list__footer {
    display:table-row;
	width:100%;
	/*background-color:#00ff00;*/
}

.wk_spo-list__price {
    display:table-cell;
	width:100%;
    text-align:left;
	font-size:2rem;
	color:#03a806;
}

.wk_spo-list__btn {
    display:inline-block;
	padding:0 2rem 0 2rem;
	height:2.7rem;
	line-height:2.7rem;
	background-color:#2087e4;
	color:#ffffff;
	font-size: 1.2rem;
	/*text-align:left;*/
	border:none;
	border-radius: 30px; 
    -moz-border-radius: 30px; 
    -webkit-border-radius: 30px;
}

.wk_spo-list__item:hover .wk_spo-list__btn {
    color:#ffff00;
	background-color:#204ae4;
	border-radius: 15px; 
    -moz-border-radius: 15px; 
    -webkit-border-radius: 15px !important;
}




.wk_spo-search {
    width:100%;
	margin:0 0 2rem 0;
    border-bottom:1px solid #83b0b3;
}

.wk_spo-search__footer {
    width:100%;
	padding:0 2% 0 0;
	margin:0 0 1rem 0;
	/*text-align:right;*/
}

.wk_spo-search__filter {
    display:inline-block;
	/* width:33%; */
	height:6rem;
	padding:0 1% 0 1%;
	vertical-align:top;
/* border:1px solid #00ff00; */
}

.wk_spo-search__filter-title {
    margin:0 0 0.4rem 0;
	padding:0;
	color:#133c40;
	font-size:1.2rem;
	font-weight:bold;
}

.wk_spo-search__filter-field {
	width:100%;
	height:2.5rem;
	padding:0 0 0 2rem;
	font-family:Verdana;
	font-size:1.4rem;
	border:1px solid #dcdcdc;
}

.wk_spo-search__search-btn {
    display:inline-block;
	/* padding:0 2rem 0 2rem; */
	width:100%;
	height:3.5rem;
	margin:1rem 0 0 0;
	line-height:3.5rem;
	background-color:#2087e4;
	color:#ffffff;
	font-size: 1.4rem;
	/*text-align:left;*/
	border:none;
	border-radius: 30px; 
    -moz-border-radius: 30px; 
    -webkit-border-radius: 30px;
}

.wk_spo-search__search-btn:hover {
    color:#ffff00;
	background-color:#204ae4;
	border-radius: 15px; 
    -moz-border-radius: 15px; 
    -webkit-border-radius: 15px !important;
}

.wk_spo-search__clear-btn {
	width:22rem;
	height:3.8rem;
	line-height:3.8rem;
	color:#a00000;
	font-size:1.4rem;
	border:1px solid #a00000;
}

.wk_spo-search__clear-btn:hover {
	color:#ff0000;
	background-color:#ffffff;
	border:1px solid #ff0000;
}

.wk_spo-search__found {
	display:inline-block;
	/* width:22rem; */
	height:2rem;
	line-height:2rem;
	padding:0 0 0 2.5rem;
	font-size:1.4rem;
	background-position:left top;
	background-repeat:no-repeat;
/*border:1px solid #00a000;*/
}


.wk_spo-list__more {
	width:100%;
	text-align:center;
}

.wk_spo-list__loader {
	width:100%;
	font-size:0;
	text-align:center;
}

.wk_spo-list__more-btn {
    display:inline-block;
	padding:0 2rem 0 2rem;
	height:3.5rem;
	margin:0 0 0 0;
	line-height:3.5rem;
	background-color:#2087e4;
	color:#ffffff;
	font-size: 1.4rem;
	text-align:center;
	border:none;
	border-radius: 30px; 
    -moz-border-radius: 30px; 
    -webkit-border-radius: 30px;
}

.wk_spo-list__more-btn:hover {
    color:#ffff00;
	background-color:#204ae4;
	border-radius: 15px; 
    -moz-border-radius: 15px; 
    -webkit-border-radius: 15px !important;
}

/*  media queries */

@media (min-width:1100px) {
  .wk_spo-list__item {
    width:24.9%;
  }
}

@media (min-width:800px) and (max-width:1100px) {
  .wk_spo-list__item {
    width:33%;
  }
}

@media (min-width:540px) and (max-width:800px) {
  .wk_spo-list__item {
    width:49.9%;
  }
}

@media (max-width:540px) {
  .wk_spo-list__item {
    width:100%;
  }
}

@media (min-width:700px) {
  .wk_spo-search__filter {
    width:33%;
  }
}

@media (min-width:420px) and (max-width:700px) {
  .wk_spo-search__filter {
    width:49.9%;
  }
}

@media (min-width:420px) {
  .wk_spo-search__footer {
    text-align:right;
  }
/*
  .wk_spo-search__filter.hideme {
    display:none;
  }
*/
/*
  .wk_spo-search__search-btn {
  	width:100%;
  }
*/
}

@media (max-width:420px) {
  .wk_spo-search__filter {
    width:100%;
  }

  .wk_spo-search__footer {
    text-align:center;
  }
  
  .wk_spo-search__filter.hideme {
    display:none;
  }
  
/*
  .wk_spo-search__search-btn {
  	width:22rem;
  }
*/
}