body {

background: rgb(129,132,134);
background: -moz-linear-gradient(top,  rgba(129,132,134,1) 0%, rgba(169,172,174,1) 50%, rgba(129,132,134,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(129,132,134,1)), color-stop(50%,rgba(169,172,174,1)), color-stop(100%,rgba(129,132,134,1)));
background: -webkit-linear-gradient(top,  rgba(129,132,134,1) 0%,rgba(169,172,174,1) 50%,rgba(129,132,134,1) 100%);
background: -o-linear-gradient(top,  rgba(129,132,134,1) 0%,rgba(169,172,174,1) 50%,rgba(129,132,134,1) 100%);
background: -ms-linear-gradient(top,  rgba(129,132,134,1) 0%,rgba(169,172,174,1) 50%,rgba(129,132,134,1) 100%);
background: linear-gradient(to bottom,  rgba(129,132,134,1) 0%,rgba(169,172,174,1) 50%,rgba(129,132,134,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#818486', endColorstr='#818486',GradientType=0 );
background-attachment:fixed;
  font-family: Verdana, sans-serif;
  font-weight: 300;
  line-height: 20px;
  color: #000000;
}
.catalogue .uk-panel-title {
background: #000000;
padding: 8px 25px;
color: #ffffff;
text-transform: uppercase;
font-size: 20px;
margin-bottom: 0;
margin-top: -40px;
}

.catalogue .zoo-list {background:#969c9f;}

.catalogue ul.zoo-list > li {color: #000000;}

.catalogue ul.zoo-list > li:last-child {padding-bottom:25px;}

.catalogue .uk-nav-side > li > a {color:#000000;padding: 5px 25px 5px;font-size: 15px;line-height:18px;margin:0;border:0;background:#979ca0;}

.catalogue .uk-nav-side > li:first-child > a {padding-top: 20px;}

.catalogue .uk-nav-side > li:last-child > a {padding-bottom: 20px;}

.catalogue .uk-nav-side > li:active {color:#ffffff;}

.tm-top-block + .tm-middle {margin:0;}

#yoo-zoo .items div.media-left {
margin-right: 30px;
max-width: 50%;
}

#yoo-zoo .items div.media-right {
margin-left: 30px;
max-width: 40%;
}

.wk-slideshow .caption {
position: absolute;
left: 25px;
bottom: 25px;
right:150px;
z-index: 5;
padding: 10px 25px;
background: url("../../../images/site/pattern.png") 0 50% repeat;
  font-family: 'Titillium Web';
  font-weight: 400;
  color: #ffffff;
  text-transform: uppercase;
font-size:36px;
line-height:44px;
}

.wk-slideshow .caption span {
  font-family: 'Titillium Web';
  font-weight: 900;
  color: #ffcc00;
  text-transform: uppercase;
font-size:48px;
line-height:60px;
letter-spacing:3px;
text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
}

.tm-top-block {
background:#000000;
border-bottom:1px solid #333333;}

.uk-article {background:#c7c9cb;}


/* override styling for category.css - category boxes  */
#yoo-zoo div.box-1 {
border-left: 1px solid #C8CBCD;
border-right: 1px solid #C8CBCD;
background: white;
overflow: hidden;
}

#yoo-zoo div.box-t1 {
background: none;
}

#yoo-zoo div.box-t3 {
 height: 0; 
 border-top: 0; 
 background: none; 
}

#yoo-zoo div.box-b2 {
 padding: 0; 
 background: none; 
}
#yoo-zoo div.box-b3 {
 height: 0; 
border-bottom: 0; 
background: none; 
}

#yoo-zoo .details div.box-1 {/* category intro details */
padding: 0px 14px 0px 0px;
background: none;
}

#yoo-zoo .details h1.title{
margin: 10px 0px;
font-size: 25px;
color: #505050;
line-height: 40px;
font-weight: normal;
letter-spacing: 1px;
}

.yoo-zoo p {
margin-top: 0px;
margin-bottom: 6px;
}

.uk-subnav > li, .uk-subnav > li > a, .uk-subnav > li > span {
text-transform: uppercase;
}

#yoo-zoo .items h2.pos-title{
padding:15px;
font-size:18px;
line-height:24px;}
	
#yoo-zoo .categories h2.title {
padding-top: .75em;
}

/*footer section styles */
.tm-block-bottom .uk-width-1-1 .uk-panel-box{
	padding:.5em;
	}
	
.uk-subnav > li > a {
color: #FFFFFF;
text-transform: none;
}

.tm-footer{
	color:white;
	background-color:black;
	position: relative;
	padding: .5em 0 .5em 1.5em;
	text-align: left;
	font-size: x-small;
}	

.uk-nav-side > li > a {
color: #FFFFFF;
}



.uk-nav-side > li.uk-active > a:hover {
color: #ffcc00;
}

.tm-totop-scroller {
display: block;
position: absolute;
top: 6px;
right: 50%;
z-index: 1000;
width: 20px;
height: 20px;
line-height: 20px;
font-size: 14px;
color: #888888;
-webkit-transition: all linear 0.05s;
transition: all linear 0.05s;
}

ul.uk-nav li {
	line-height:10px;
	}
	
.tm-bottom-c .uk-nav, .tm-bottom-c .uk-panel{
	padding-top: 6%;
	}

.tm-sidebar-a {background:#969b9f;box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 4px 10px rgba(0, 0, 0, 0.06);}

.tm-bottom-a {background:#000000;}

.tm-bottom-a .uk-panel-title {background: #ffcc00;
color: #000000;
display: block;
width: 195px;
padding: 8px 25px;
margin: 15px 0 15px;font-weight:400;}

.tm-bottom-a h3.uk-panel-title {text-transform:uppercase;}

.tm-bottom-a .zoo-item-list {text-align:center;}

.tm-bottom-a .zoo-item-list li {width:24%;display: inline-block;padding: 0;margin: 0;border: none;}

.tm-bottom-a .zoo-item-list li > div {padding:0 8px 15px;}

.tm-bottom-a .layout-default > :nth-child(n+4) {display:none;}

.tm-bottom-a .layout-default > div:not([class]) {
z-index: 5;
padding: 10px 25px;
background: url("../../../images/site/pattern.png") 0 50% repeat;
font-family: 'Titillium Web';
font-weight: 400;
color: #ffffff;
text-transform: uppercase;
font-size: 16px;
line-height: 20px;
}

.tm-main {box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.07);}

h2.title a {color:#62696e;}

h2.title a:hover {color:#ffcc00;}

.uk-breadcrumb a {color:#62696e;}

.uk-breadcrumb a:hover {color:#ffffff;}

#yoo-zoo .details {
margin: 0px!important;}

#yoo-zoo .details div.description {padding-bottom:10px;}

.element-textarea {padding-left:15px!important;}

.yoo-zoo ul {padding-left:15px!important;}

.uk-nav-side>li.uk-active>a {
background: #000000;
color: #ffcc00;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.uk-breadcrumb > li > span {font-weight: 800;font-size: 20px;}

#search-form {margin-top:25px;}


@media (max-width: 800px) {
.tm-bottom-a .zoo-item-list li {
width: 50%;
display: inline-block;
padding: 0;
margin: 0;
border: none;
}
}

@media (max-width: 400px) {
.tm-bottom-a .zoo-item-list li {
width: 100%;
display: inline-block;
padding: 0;
margin: 0;
border: none;
}
}