We provide prompt and convenient service. We focus on providing a Fast, Fresh, Friendly, Cutting Edge, Proactive, Clean, and Inviting Environment to everyone that visits us.
Other Things To Do In Colorado City Arizona
bees marketplace
We provide prompt and convenient service. We focus on providing a Fast, Fresh, Friendly, Cutting Edge, Proactive, Clean, and Inviting Environment to everyone that visits us.
<div class="listingss">
<style>
<style type="text/css" media="screen">/* @group Listings */
.listingss {
position: relative;
z-index: 998;
padding: 0px;
text-align: center;
}
.listingss > ul {
position: relative;
list-style: none;
overflow: hidden;
padding: 24px 6px 0 6px;
max-width: 1920px;
margin: 0 auto;
}
.listingss > ul > h2 {
position: absolute;
top: 12px;
left: 6px;
font: 400 10px/10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
color: #999;
text-align: left;
margin: 0;
padding: 0 0 0 6px;
display: none;
}
.listingss > ul > li:not(.hidden) ~h2 {
display: block;
}
.listingss> ul > li {
position: relative;
float: left;
padding: 6px;
width: 33.3333%;
}
.listingss > ul > li > a {
display: block;
position: relative;
text-decoration: none;
}
.listingss > ul > li > a > .logo-box {
position: absolute;
z-index: 999;
bottom: 9px;
left: 9px;
height: 30px;
width: 30px;
border-radius: 6px;
/*background: #f16;*/
transition: all .3s ease-out 0s;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.listingss > ul > li:hover > a > .logo-box {
width: 36px;
height: 36px;
bottom: 6px;
left: 6px;
}
.listingss > ul > li > a > img {
position: absolute;
z-index: 999;
top: 50%;
left: 9px;
max-height: 30px;
max-width: 30px;
border-radius: 6px;
transition: all .3s ease-out 0s;
}
.listingss > ul > li:hover > a > img {
bottom: 9px;
left: 6px;
width: 36px;
}
.listingss > ul > li > a > .date {
position: absolute;
z-index: 9999999;
left: 6px;
bottom: 6px;
width: 36px;
height: 36px;
z-index: 999;
transition: all .3s ease-in-out 0s;
}
.listingss > ul > li:hover > a > .date {
/*width: 39px;
height: 39px;
left: 3px;
top: 3px;*/
bottom: 8px;
}
.listingss > ul > li:hover > a > .date > .day {
line-height: 26px;
font-weight: 900;
color: #000;
}
.listingss > ul > li > a > .date > .month {
display: block;
height: 12px;
background: red;
border-radius: 3px 3px 0 0;
font: 900 8px/12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
color: #fff;
text-transform: uppercase;
}
.listingss > ul > li > a > .date > .day {
display: block;
height: 24;
border: 1px solid #ccc;
border-radius: 0 0 3px 3px;
border-top: none;
background: #fff;
font: 400 16px/24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
transition: all .3s ease-in-out 0s;
}
.listingss > ul > li > a > hgroup {
display: block;
position: relative;
z-index: 100;
width: 100%;
margin: 0 ;
padding: 12px 12px;
background: #fff;
text-align: left;
border-radius:6px;
box-shadow: 0px 2px 3px rgba(0,0,0,.09);
}
.listingss > ul > li > a > .videothumbnail ~ hgroup {
border-radius: 0 0 6px 6px;
}
.listingss > ul > li > a > .logo-box+hgroup {
padding-left: 48px;
}
.listingss > ul > li > a > img+hgroup {
padding-left: 48px;
}
.listingss > ul > li > a > .date+hgroup {
padding-left: 48px;
}
.listingss > ul > li > a > hgroup {
white-space: nowrap;
overflow: hidden;
}
.listingss > ul > li > a > hgroup > img {
position: absolute;
top: 6px;
left: 6px;
border-radius: 3px;
}
.listingss > ul > li > a > hgroup > img {
width: 18px;
top: 16px;
right: 16px;
transition: all 1s ease-in-out 0s;
}
.listingss > ul > li:hover > a > hgroup > img {
right: 6px;
}
.listingss > ul > li > a > hgroup > h3 {
font: 900 14px/14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
overflow: hidden;
text-overflow: ellipsis;
text-transform: capitalize;
}
.listingss > ul > li > a > hgroup > h4 {
font: 400 8px/10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
overflow: hidden;
text-overflow: ellipsis;
text-transform: uppercase;
color: #999;
min-height: 10px;
}
.listingss > ul > li > a > hgroup > span {
position: absolute;
top: 24px;
right: 12px;
padding: 0 6px ;
border: 2px solid #ccc;
border-radius: 3px;
font: 400 10px/12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.listingss.standard-listings > ul > li {
width: 25%;
}
.listingss.basic-listings > ul > li {
width: 20%;
}
@media all and (max-width: 540px) {
.listingss > ul > li {
width: 50%;
}
.listingss.standard-listings > ul > li {
width: 33.33%;
}
.listingss.basic-listings > ul > li {
width: 25%;
}
}
@media all and (max-width: 320px) {
.listingss > ul > li {
width: 100%;
}
.listingss.standard-listings > ul > li {
width: 50%;
}
.listingss.basic-listings > ul > li {
width: 33.333%;
}
}
@media all and (max-width: 240px) {
.listingss > ul > li {
width: 100%;
}
.listingss.standard-listings > ul > li {
width: 100%;
}
.listingss.basic-listings > ul > li {
width: 50%;
}
}
/* @end */
/* @group Video Thumbnail */
.videothumbnail {
display: block;
position: relative;
z-index: 1000;
height: 0;
padding: 56.25% 0 0 0;
background-size: 100%;
background-position: center;
border-radius: 6px 6px 0 0;
transition: background-position 1s ease-in 0s, background-size 1s ease-in .0s;
cursor: pointer;
box-shadow: 0px -6px 5px -5px rgba(0,0,0,.15) inset;
}
.videothumbnail > .play {
position: absolute;
z-index: 100;
top: 50%;
left: 50%;
width: 24px;
margin: -12px 0 0 -12px;
transition: all .2s ease-out 0s;
}
.videothumbnail:hover {
background-size: 110%;
background-position: right;
transition: background-position 3s ease-out 0s, background-size .1s ease-out 0s;
}
.videothumbnail:hover > .play {
width: 36px;
margin: -18px 0 0 -18px;
}
/* @end */</style>
</style>
<h2>Don't Miss These Amazing Local Attractions</h2>
<ul class="filterable-list">
</ul>
</div>
arizona
utah