/* Copyright (C) 1-2-1 Marketing  */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
/* Site Background */

body {
  background: url('../images/page_bg.jpg') scroll repeat 50% 0 #EDEEF0;
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  line-height: 20px;
  color: #444444;
}

em {color: #948353;}
a, .uk-link {color: #b18100;}
a:hover, .uk-link:hover {color: #815E00;text-decoration: none;}
h3, .uk-h3, h2 {font-size: 22px;line-height: 30px;color: #b18100;}

/* Header & Footer */

.tm-headerbar { background: -moz-linear-gradient(top, rgba(255,255,255,1) 1%, rgba(255,255,255,0.86) 15%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(15%,rgba(255,255,255,0.86)), color-stop(100%,rgba(255,255,255,0)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(255,255,255,0.86) 15%,rgba(255,255,255,0) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(255,255,255,0.86) 15%,rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(255,255,255,0.86) 15%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 1%,rgba(255,255,255,0.86) 15%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
color: #ffffff;
margin-top: -10px;
}

.tm-headerbar .tm-logo {text-align: center;margin-top: 15px;}
.tm-toolbar.uk-clearfix.uk-hidden-small {padding: 0;}
.tm-logo {max-width: 180px;display: block;margin: 0 auto;}
.tm-logo-small {margin-left: -85px;}
.tm-footer {font-size: 14px;color: #8d573e;margin: 10px 0;padding: 0;font-family: 'Alegreya SC', serif; }
.tm-footer a { color: #b18100; }
.tm-footer span {color: #b18100;}

.tm-bottom-b {
background: url('../images/footer_bg.png') no-repeat scroll 50% 50% transparent;
padding-top: 15px;
font-size: 15px;
height: 70px;
margin-left: 0 !important;
font-family: 'Alegreya SC',serif;}

/* Top buttons */

#top-info { position: relative; height: 10px;font-family: 'Alegreya SC', serif;font-size: 18px;line-height: 18px;top: 20px;color: #83827f;text-align: center; }
#top-info span {color: #987f00;}
.top-address {position: absolute;top: 5px;width: 300px;left: 10px;}
.top-address img, .top-phone img { display: block; margin: 9px auto; }
.top-phone {position: absolute;right: 150px;top: 5px;width: 190px;}

#top-buttons {margin: 0;position: absolute;right: 0;width: 290px;top: 55px;}

.social_buttons {
	position: absolute;
	display: inline-block;
	width: 150px;
	top: 40px;
	right: 0;
	text-align: center;
}

.button_fb {
	background: url('../images/buttons/button_fb.png') no-repeat scroll 0 -30px transparent;
	height: 30px;
	width: 30px;
	display: inline-block;
	padding: 0 3px;
}

.button_twitter {
	background: url('../images/buttons/button_twitter.png') no-repeat scroll 0 -30px transparent;
	height: 30px;
	width: 30px;
	display: inline-block;
	padding: 0 3px;
}

.button_fb:hover, .button_twitter:hover {background-position: 0 0;}



/* Banner Background */

.tm-top-a .wk-slideshow {
	-moz-box-shadow: 0 1px 3px #000;
	-webkit-box-shadow: 0 1px 3px #000;
	box-shadow: 0 1px 3px #000;
}

/* Homepage Buttons */

.tm-top-b h2 { text-align: center; }
.tm-top-b div.uk-grid div { display: block; }
.tm-top-b .uk-panel-box {padding: 0;}
.uk-margin-small-top { margin-top: 30px !important; }
section.tm-top-b.uk-grid {margin-top: 10px !important;}





.buttons-home {position: relative;font-size: 20px;margin-bottom: 20px;display: block;min-width:175px;margin-top: 15px; padding:0 !important;-webkit-box-shadow: 0 1px 3px #000;
box-shadow: 0 1px 3px #000;}

.button-background {z-index: 9;position: relative;top: 0;width: 100%;height: auto;}
.button-text-background {z-index: 10;position: absolute;bottom: 0;width: 100%;height: auto;}

.button-text {position: relative;
z-index: 11;
float: left;
text-align: center;
width: 100%;
height: auto;
margin: 0 0 5px ;
padding: 5px 0 ;
color: #fff;
font-size: 16px;
background: rgba(0, 0, 0, 0.72);
border-bottom: 1px solid rgba(88, 88, 88, 2.3);
box-shadow: 0px 5px 0px rgba(47, 47, 46, 0.94);
top:0;}

.button-text p {padding: 0;margin: 0;width: 100%;}
.button-vignette {box-shadow: inset 0 0 50px rgba(0, 0, 0, .5);position: absolute;width: 100%;height: 100%;z-index: 15;top: 0;}

.button-vignette-buttons {box-shadow: inset 0 0 50px rgba(0, 0, 0, .5);-webkit-box-shadow: inset 0 0 50px rgba(0,0,0,.5);-moz-box-shadow: inset 0 0 50px rgba(0,0,0,.5);position: absolute;width: 100%;height: 100%;z-index: 10;top: 0; left: 0; right: 0;}
.button-text-arrow {font-style: normal;color: #fff;padding-right: 15px;}


.slideshow-vignette {
box-shadow: inset 0 0 50px rgba(0, 0, 0, .7);
position: absolute;
width: 100%;
height: 100%;
padding-bottom: 0;
margin: 0;
z-index: 9;
top: 0;}

/* Main */

main.tm-content�{padding:�20px 0;}

body {font-size: 15px;line-height: 24px;}
aside.tm-sidebar-b.uk-width-medium-3-10 {margin-top: 60px;}
aside.tm-sidebar-a.uk-width-medium-1-2 {margin-top: 50px;}

/* mainbody page titles */

.uk-article-title, .contentheading, form h2, h1.uk-h3, .tm-title, h1{background: url('../images/title_bg.png') no-repeat scroll 50% 20px transparent;
margin-bottom: 20px;
margin-top: 20px;
padding: 5px 0 30px;
text-align: center;
color: #4e4337;
width: 100%;
font-size: 35px;
line-height: 40px;
text-transform: none;}

.contact-category {margin-top: 30px;}
.content-category {margin-top: 30px;}


/* Menu */

.uk-nav-navbar > li > a:hover, .uk-nav-navbar > li > a:focus {color: #b18100;}

.uk-nav-navbar > li.uk-active > a {color: #b18100;}
.uk-navbar-nav > li > a {
border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
color: #54461f;
font-size: 18px;
margin: 0 10px;
font-family: 'Alegreya SC', serif;
}

.uk-navbar-nav > li.uk-active > a, .uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a {
background: #f6f7f6;color: #54461f;}

.uk-nav-navbar > li > a:hover, .uk-nav-navbar > li > a:focus {background: #EDEDED;}
.uk-nav li > a {text-align: left;}

.uk-nav-navbar > li > a {
color: #444444;
padding: 10px 15px;}

nav.tm-navbar.uk-navbar {
text-align: center;
margin: 0;
}

.uk-nav-side > li.uk-active > a {
background: none;
color: #21709C;
}

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

.uk-nav-side > li > a:hover, .uk-nav-side > li > a:focus {
background: none;
color: #21709C;
outline: none;
}

.tm-middle.uk-grid {
background: #fff;
margin: 0;
padding-right: 35px;}

/* bottom banner */

.tm-bottom-b {
background: url('../images/footer_bg.png') no-repeat scroll 50% 50% transparent;
padding-top: 0px;
font-size: 15px;
height: 50px;
margin: 15px 0 0 0 !important;
font-family: 'Alegreya SC', serif;
}

.tm-bottom-b ul.uk-nav.uk-nav-parent-icon.uk-nav-side {margin: 0 auto;padding: 0 inherit;}
.tm-bottom-b.uk-grid > * {padding-left: 0;}
.tm-bottom-b li {background: url('../images/bottom_menu_divider.png') no-repeat scroll 0 12px transparent;}
.tm-bottom-b li:first-child {background: none;}

.tm-footer img {
padding: 0;
margin-left: 5px;
float: right;
margin-top: 10px;
}

.uk-navbar-toggle:after {
color: #54461f;}

/* Online Store */
#content_oc h1 {
background: none;
font-size: 24px;
line-height: 30px;
}

/* Responsive */

@media (max-width: 959px) {
.uk-navbar-nav > li > a {
font-size: 15px;
margin: 0 5px;
padding: 0 8px;
}
.tm-bottom-b, .homepage .uk-article-title, .homepage .uk-article-title:after {background: none !important;}
.homepage .uk-article-title {padding: 0 0 15px !important;line-height: inherit;height: 35px;}
.homepage .uk-panel-title {display: none;}
.tm-bottom-b ul.uk-nav.uk-nav-parent-icon.uk-nav-side {padding: 0;}
.tm-bottom-b {height: auto;padding-top: 0;}
}

@media (max-width: 844px) {
.tm-top-b.uk-grid .uk-grid.uk-grid-small {margin-left: 0;}
}

@media (min-width: 768px){
.uk-grid-width-large-1-4>* {
width: 24%;
margin-left: 1%;
margin-right: 0%;
}
}

@media (max-width: 767px) {
nav.tm-navbar.uk-navbar {height: 130px;}

}

@media (min-width: 480px) and (max-width: 767px){
.tm-top-b .uk-grid-width-small-1-2 > * {
font-size: 18px;
margin: 10px 1%;
width: 48%;
}
}