/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

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

html {
  background: url("/images/content-bg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

body {
  font-family: 'Open Sans', sans-serif;
}

/* ============================== Typography ============================== */

  h1,h2,h3,h4,h5,h6 {
    font-family:'Papyrus W01';
    color: #566c11 !important;
    line-height: normal;
  }


  h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, h1 b, h2 b, h3 b, h4 b, h5 b, h6 b  {
    font-weight: normal;
  }

  .element.element-itemname.first {
    color: #566c11;
    font-family: "papyrus w01";
    font-size: 24px;
  }

p {
  color: #665;
  font-weight: 600;
}

 a {
    color: #9d5d07;
  }

.uk-breadcrumb {
  font-weight: 600;
}

.uk-article li {
  color: #665;
  font-weight: 600;
}

aside .uk-panel.uk-panel-box > a {
  font-weight: 600;
}

  a:hover, .uk-link:hover {
  color: #be7109;
  text-decoration: none;
}

/* ============================== Header ============================== */

.tm-logo-small {
  display: inline-block;
  letter-spacing: 0;
  width: 90%;
}

.tm-logo-small > p {
  margin: 0;
}

.small-logo > img {
  height: 35px;
}

.tm-logo-small .large-logo img {
  max-width: 175px;
  width: 100%;
}

.tm-logo-small .small-logo {
  display: none;
}

.uk-navbar-content.uk-hidden-small > p {
  display: inline-block;
}

.uk-navbar-content.uk-hidden-small a {
  margin-left: 20px;
  display: inline-block;
}

.uk-navbar-content.uk-hidden-small a img {
  max-width: 20px;
  display: inline-block;
}

.uk-navbar-flip .uk-navbar-content.uk-hidden-small {
	display: inline-block !important;
}

/* ============================== Navigation ============================== */

#nav-wrapper {
  display: inline-block;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 9;
}

.tm-navbar {
  margin-top: 0;
  margin-bottom: 0;
  background: none repeat scroll 0 0 #fff;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
}

.tm-navbar .uk-navbar-nav.uk-hidden-small {
  display: none;
}

.uk-navbar-toggle {
  font-family:'Papyrus W01';
  color: #566c11;
}

.uk-navbar-toggle:after {
  display: none;
}

.uk-navbar-toggle:before {
  content: "";
  color: #9d5d07;
  font-family: FontAwesome;
  vertical-align: middle;
  display: inline-block;
  height: 100%;
  line-height: 45px;
  margin-right: 10px;
}

@media (max-width: 767px) {
	.tm-navbar {
		padding-left: 25px;
		padding-right: 25px;
	}
}

.uk-offcanvas {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
}

.uk-offcanvas-bar {
  background: #FFF;
  box-shadow: 2px 0 15px rgba(0, 0, 0, 0.25);
}

.uk-nav.uk-nav-offcanvas {
  padding: 0 35px;
  text-align: center;
}

.uk-nav.uk-nav-offcanvas > li {
  border-top: 3px solid rgba(0, 0, 0, 0.03);
  padding-top: 8px;
}

.uk-nav.uk-nav-offcanvas > li:hover {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.02);
}

.uk-nav-offcanvas > li > a {
  color: #566c11;
  font-family: "papyrus w01";
  font-size: 24px;
  margin-left: -15px;
  padding-left: 30px;
  position: relative;
}

.uk-nav-offcanvas > li > a:before {
  content: "";
  font-family: "fontawesome";
  position: absolute;
  left: 11px;
  opacity: 0;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -ms-transition: opacity 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;   
}

html .uk-nav.uk-nav-offcanvas > li.uk-active > a, .uk-nav-offcanvas > .uk-open > a, html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover, html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus {
  background: none;
  color: #566c11;
}

html .uk-nav.uk-nav-offcanvas > li.uk-active > a:before, .uk-nav-offcanvas > .uk-open > a:before, .uk-nav-offcanvas > .uk-open > a:before, html:not(.uk-touch) .uk-nav-offcanvas > li:hover > a:before, html:not(.uk-touch) .uk-nav-offcanvas > li:focus > a:before {
  opacity: 1;
  zoom: 1;
}

ul.uk-nav-sub {
  padding: 0 5px;
}

.uk-nav-offcanvas ul a {
  color: #9d5d07;
  font-weight: 600;
  line-height: 35px;
}

html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
  color: #be7109;
}

.hide-button:before {
	display: none;
}

.uk-nav-offcanvas li ul li ul {
	display: none;
  padding-left: 0;
}

.uk-nav-offcanvas li ul li ul li a {
  font-weight: normal;
}

.uk-nav-offcanvas li.uk-parent .uk-nav-sub {
	display: none;
}

/* ============================== Big Slider ============================== */

.slider-wrapper {
  display: table;
  position: relative;
  width: 100%;
}

.tm-top-a .uk-panel.uk-panel-box, .tm-top-b .uk-panel.uk-panel-box {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  padding: 0;
}

.tm-top-a.uk-grid, .tm-top-b.uk-grid  {
  left: 0;
  margin-top: 0 !important;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  margin-left: 0 !important;
  z-index: 1;
  display: none;
}

.home .tm-top-a.uk-grid, .home .tm-top-b.uk-grid  {
  display: block;
}

.tm-top-a .uk-width-1-1, .tm-top-b .uk-width-1-1 {
  padding-left: 0 !important;
}

/* ============================== Content ============================== */

.product-default-landscape-architecture-gallery .media-right .element-image img {
	display: none;
}

.uk-container {
  max-width: 1920px;
}

.tm-middle {
	margin-top: 80px;
}

.home .tm-middle {
	display: none;
	margin-top: 0;
}

.pos-title, .zoo-item-list > li p.title {
	background-color: rgba(86, 108, 17,0.9);
	position: absolute;
	margin: 0 auto !important;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: none;
}

.pos-title a, .zoo-item-list > li p.title a {
	text-align: center;
	vertical-align: middle;
	line-height: 295px;
  display: block;
  color: #FFF;
  font-family: "Papyrus w01";
  font-size: 18px;
}

#yoo-zoo .items h2.pos-title a:after, .zoo-item-list > li p.title a:after {
  content: "";
  font-family: fontawesome;
  font-size: 40px;
  left: 50%;
  margin-left: -20px;
  opacity: 0.75;
  position: absolute;
  top: 40px;
}

.portfolio .title {
	background-color: rgba(86, 108, 17,0.9);
	position: absolute;
	margin: 0 auto !important;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: none;
}

.portfolio .title a {
	text-align: center;
	vertical-align: middle;
	line-height: 295px;
	display: block;
	color: #FFF;
	font-family: "Papyrus w01";
	font-size: 18px;
}

.portfolio .title a:after {
  content: "";
  font-family: fontawesome;
  font-size: 40px;
  left: 50%;
  margin-left: -20px;
  opacity: 0.75;
  position: absolute;
  top: 40px;
}

.pos-media {
	margin-right: 0 !important;
}

#yoo-zoo .items div.media-left {
  width: 100%;
}

.pos-media.media-left img {
  width: 100%;
}

#yoo-zoo .items .teaser-item, .zoo-item-list > li, #yoo-zoo .categories .category {
	position: relative;
	padding: 0 !important;
	margin: 0 10px;
  max-height: 360px;
}





.pos-title, .zoo-item-list > li p.title, .portfolio .tm-middle .uk-width-1-1 .uk-panel-title {
	background-color: rgba(86, 108, 17,0.9);
	position: absolute;
	margin: 0 auto !important;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: none;
}

.portfolio .tm-middle .uk-width-1-1 .uk-panel-title a {
	text-align: center;
	vertical-align: middle;
	line-height: 250px;
	display: block;
	color: #FFF;
	font-family: "Papyrus w01";
	font-size: 18px;
}

#yoo-zoo .items h2.pos-title a:after, .zoo-item-list > li p.title a:after, .portfolio .tm-middle .uk-width-1-1 .uk-panel-title a:after {
  content: "";
  font-family: fontawesome;
  font-size: 40px;
  left: 50%;
  margin-left: -20px;
  opacity: 0.75;
  position: absolute;
  top: 40px;
}

.portfolio .title, .portfolio .uk-panel-title {
	background-color: rgba(86, 108, 17,0.9);
	position: absolute;
	margin: 0 auto !important;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: none;
}

.portfolio .title a:after, .portfolio .uk-panel-title a:after {
  content: "";
  font-family: fontawesome;
  font-size: 40px;
  left: 50%;
  margin-left: -20px;
  opacity: 0.75;
  position: absolute;
  top: 40px;
}

.pos-media {
	margin-right: 0 !important;
}

#yoo-zoo .items div.media-left {
  width: 100%;
}

.pos-media.media-left img {
  width: 100%;
}

#yoo-zoo .items .teaser-item, .zoo-item-list > li, #yoo-zoo .categories .category {
	position: relative;
	padding: 0 !important;
	margin: 0 10px;
  max-height: 360px;
}

.uk-panel.uk-panel-box {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
  border: 2px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.home .uk-panel.uk-panel-box {
  border: none;
}

.main-wrapper {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
  border: 2px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  padding: 20px;
}

.tm-main-bottom .uk-panel.uk-panel-box {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none;
  box-shadow: none;
}

.wk-gallery-showcase {
  text-align: center;
  width: 100% !important;
}

.wk-slideshow {
  margin: 0 auto;
}

.pos-media.media-left {
    max-height: 386px;
}

.element.element-image.first.last > img {
    max-width: 628px;
    width: 100%;
}

.button-wrapper {
  background: none repeat scroll 0 0 #9d5d07;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  max-width: 350px;
}

.button {
  color: #fff;
  padding: 10px 20px;
  display: inline-block;
  width: calc(100% - 40px);
}

.button:hover {
  background: none repeat scroll 0 0 #be7109;
  color: #fff;
}

.spotlight .overlay-default {
  background: url("/media/widgetkit/widgets/spotlight/images/magnifier.png") no-repeat scroll 50% 50% rgba(86, 108, 17,0.9);
}

.tm-middle.uk-grid {
  min-height: 668px;
}

.sub-categories {
    display: none;
}

.uk-parent > a {
    cursor: text;
}

.uk-nav-sub a {
    cursor: pointer;
}

.portfolio .tm-middle .main-wrapper .uk-panel {
	padding: 0 !important;
}

.portfolio .tm-middle .main-wrapper .uk-panel p {
	margin: 0 !important;
}

.tm-main-bottom .uk-width-large-1-2 .uk-panel-box > p a {
  display: inline-block;
  width: 100%;
}

.tm-main-bottom .uk-width-large-1-2 .uk-panel-box > p a img {
  width: 100%;
}

/* ============================== Clear Zoo Borders ============================== */
#yoo-zoo div.box-b3 {  
    border-bottom: medium none;
    background: none repeat scroll 0 0 transparent;   
}  
#yoo-zoo div.box-b1 {  
    background: none repeat scroll 0 0 transparent;  
}  
#yoo-zoo div.box-1 {  
    border-left: medium none;  
    border-right: medium none;
    background: none repeat scroll 0 0 transparent;   
}  
#yoo-zoo div.box-t1 {  
    background: none repeat scroll 0 0 transparent;  
}  
#yoo-zoo div.box-t3 {  
    border-top: medium none;
    background: none repeat scroll 0 0 transparent;   
}  

#yoo-zoo div.box-t2 {  
    background: none repeat scroll 0 0 transparent;  
}  
#yoo-zoo div.box-b2 {  
    background: none repeat scroll 0 0 transparent;  
}
#yoo-zoo div.box-1 div.row {
	border-top: none;
	border-bottom: none;	
}

/* ============================== Sidebar ============================== */

.tm-sidebar-a h3 {
	font-size: 28px;
	text-transform: uppercase;
}

.tm-sidebar-a p {
	margin: 0 auto !important;
	text-transform: lowercase;
}

.tm-sidebar-a ul li {
	border: none !important;
}

/* ================================ Staff ============================== */

/*.zoo-item-list.zoo-list.product-default > li {
  border-top: 0 none;
  display: inline-block;
  margin-bottom: 30px;
  margin-top: 0;
  max-width: 130px;
  min-width: 114px;
  padding: 0 1%;
  vertical-align: top;
  width: 22%;
}

.zoo-item-list p.title {
    margin: 0;
    text-align: center;
}*/

.product-default-about-us .details.alignment-left {
  margin-bottom: 0 !important;
}

/* ============================== Footer ============================== */

.home .copyright {
	display: none;
}

.copyright {
	float: left;
}

.tm-footer {
  display: inline-block;
  margin-top: 35px;
  width: 100%;
}

.home #credits {
	display: none;
}

#credits {width:100%; margin:0 auto;}
#siteby {float:right;}
#siteby .sitebyTG {Width:133px; height:72px; background:url("http://www.technogoober.com/images/footerbadgesprite.png") no-repeat 0 0 transparent; display:block; position:relative;}
#siteby .sitebyTG:hover {background:url("http://www.technogoober.com/images/footerbadgesprite.png") no-repeat 0 -73px transparent;}

@media (max-width: 1024px) {
	.smart-slider-layer img {
	  margin-top: -200px !important;
	  position: absolute;
	  top: 50% !important;
	}	
}

@media (max-width: 960px) {
	.smart-slider-layer img {
	  margin-top: -20% !important;
	  position: absolute;
	  top: 50% !important;
	}
}

@media (max-width: 960px) and (min-width: 478px)  {
  #yoo-zoo .items h2.pos-title a:after, .zoo-item-list > li p.title a:after {
    content: "";
    font-family: fontawesome;
    font-size: 20px;
    left: 50%;
    margin-left: -10px;
    opacity: 0.75;
    position: absolute;
    top: 25px;
  } 
  .pos-title a, .zoo-item-list > li p.title a {
    font-size: 11px;
  } 
}

@media (max-width: 575px) {
  .tm-logo-small .large-logo {
    display: none;
  }
  .tm-logo-small .small-logo {
    display: block;
  }
}

@media (max-width: 479px) {
  .teaser-item {
    margin-bottom: 25px !important;
  }
  .row > .width33:last-child .teaser-item {
    margin-bottom: 0 !important;
  }
}