@font-face {
    font-family: 'gothic';
    src: url('../fonts/CenturyGothic.eot');
    src: url('../fonts/CenturyGothic.eot') format('embedded-opentype'),
         url('../fonts/CenturyGothic.woff2') format('woff2'),
         url('../fonts/CenturyGothic.woff') format('woff'),
         url('../fonts/CenturyGothic.ttf') format('truetype'),
         url('../fonts/CenturyGothic.svg#CenturyGothic') format('svg');
}
#yoo-zoo .item div.pos-description .element-textarea p, 
#yoo-zoo .item div.pos-description .element-textarea em, 
#yoo-zoo .item div.pos-description .element-textarea strong, 
#yoo-zoo .item div.pos-description .element-textarea span, 
#yoo-zoo .item div.pos-description .element-textarea ul li, 
#yoo-zoo .item div.pos-description .element-textarea ol li, 
#yoo-zoo .item div.pos-description .element-textarea th, 
#yoo-zoo .item div.pos-description .element-textarea th p, 
#yoo-zoo .item div.pos-description .element-textarea th span, 
#yoo-zoo .item div.pos-description .element-textarea th strong, 
#yoo-zoo .item div.pos-description .element-textarea td, 
#yoo-zoo .item div.pos-description .element-textarea td p, 
#yoo-zoo .item div.pos-description .element-textarea td span, 
#yoo-zoo .item div.pos-description .element-textarea td strong
{
	font-family: gothic;
	color: #000;
	font-size: 15px; 
}
#yoo-zoo .item div.pos-description .element-textarea h1, 
#yoo-zoo .item div.pos-description .element-textarea h2, 
#yoo-zoo .item div.pos-description .element-textarea h3, 
#yoo-zoo .item div.pos-description .element-textarea h4, 
#yoo-zoo .item div.pos-description .element-textarea h5, 
#yoo-zoo .item div.pos-description .element-textarea h6
{
	font-family: gothic;
	color: #000;
} 
#yoo-zoo .item div.pos-description .element-textarea ul , 
#yoo-zoo .item div.pos-content .element-textarea ul 
{
    padding-right: 0;
    padding-left: 15px;
}
#yoo-zoo .item div.pos-description .element-textarea ol,
#yoo-zoo .item div.pos-content .element-textarea ol
{
    padding-right: 0;
    padding-left: 15px;
} 

#yoo-zoo .item div.pos-description .element-textarea a,
#yoo-zoo .item div.pos-description .element-textarea td a ,
#yoo-zoo .item div.pos-description .element-textarea th a  
{
    color: #04c0d2 !important;
    font-family: gothic;
    font-size: 15px;
}
html, body
{
    background: #fff !important;
}
.tm-navbar {
  border: none !important;
  background: url("../images/nb/topheadbg.jpg")no-repeat 50% 100% !important;
  height: 988px;
  
  margin: 0 !important;
  padding-bottom: 15px;
  position: relative;
}

.uk-navbar {
  background: none !important;
  height: 988px;
}

.innerpage .tm-navbar
{
    border: none !important;
    background: url("../images/nb/innerhead.jpg")no-repeat 50% 100% !important;
    height: 451px;
    margin: 0 0 20px!important;
    padding-bottom: 15px;
    position: relative;
}

.innerpage .uk-navbar {
  background: none !important;
  height: 451px;
}

.innerpage .slideLogo {
  display: none;
}

/*.slideshow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 863px;
}*/
.slideshow {
  position: absolute;
  top: 130px;
  left: 0;
  width: 100%;
  height: 863px;
}

.tm-headerbar.uk-container.uk-container-center {
  max-width: 100%;
}

.rightHead {
	width: 250px;
	float: right;
	height: 80px;
	margin-top: 45px;
}
.social {
  width: auto;
  float: right;
  margin-right: 0;
  margin-top: 3px;
}

.social ul li {
  width: 25px;
  display: inline-table;
  margin: 0 5px;
  height: 25px;
}

.social ul li a {
  padding: 0;
}
.social ul li img
{
    width:25px;
    height:25px;
}

.social li:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(82%) saturate(3712%) hue-rotate(128deg) brightness(89%) contrast(87%);
    -moz-filter: brightness(0) saturate(100%) invert(100%) sepia(82%) saturate(3712%) hue-rotate(128deg) brightness(89%) contrast(87%);
    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(82%) saturate(3712%) hue-rotate(128deg) brightness(89%) contrast(87%);
}
.searchDiv {
  width: 130px;
  float: right;
  height: 30px;
  margin-right: 10px;
}

.searchDiv form {
  width: 100%;
}

.searchDiv input, 
.searchDiv input:focus
{
    border: 1px solid #a680d3 !important;
    padding-right: 0 !important;
    width: 100% !important;
    border-radius: 20px !important;
    padding-left: 30px !important;
    text-align: left !important;
    color: #626060;
    font-size: 15px;
    font-family: gothic !important;
    height: 30px !important;
}

.searchDiv form::before {
    color: #a680d3;
    left: 0px !important;
    right: auto !important;
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
}

.langswitch {
	width: 100px;
	float: right;
	margin-right: 5px;
	margin-top: 15px;
}

.langswitch .chzn-container.chzn-container-single.chzn-container-single-nosearch {
  width: 100px !important;
}

.langswitch .chzn-single {
  border: none !important;
  box-shadow: none;
  background: #fff;
  height: 30px;
}

.langswitch .chzn-single span {
  font-family: gothic;
  color: #A680D3;
  font-size: 15px;
}


.langswitch .chzn-drop {
  background: #fff !important;
  box-shadow: none !important;
  border: none !important;
}

.langswitch .chzn-drop .chzn-results li {
  font-family: gothic;
  color: #A680D3;
  font-size: 15px;
}

.langswitch .chzn-drop .chzn-results li.result-selected, 
.langswitch .chzn-drop .chzn-results li:hover 
{
  background: #a680d3;
  color: #fff;
}


.tm-logo {
    width: 196px;
    height: 72px;
    display: block;
    float: left;
    margin-left: 10px;
    margin-top: 20px;
    margin-right: 0 !important;
}

.tm-logo p {
  margin: 0;
}


.mainmenu {
  width: 810px;
  margin: auto;
  height: 30px;
  padding-top: 45px;
}


.mainmenu ul.uk-navbar-nav {
  float: none;
  text-align: center;
}

.mainmenu ul.uk-navbar-nav li {
  float: none;
  display: inline-table;
}

.mainmenu ul.uk-navbar-nav li a {
  height: 30px;
  line-height: 30px;
  font-family: gothic;
  font-size: 15px;
  text-transform: uppercase;
  color: #69b0b6;
  padding: 0  7px;
  cursor:pointer;
}
.innerpage .mainmenu {
  padding-top: 30px;
}
.innerpage .headrow {
  height: 110px;
}
.innerpage .rightHead {
  margin-top: 30px;
}
.mainmenu ul.uk-navbar-nav li.uk-active a, 
.mainmenu ul.uk-navbar-nav li:hover a 
{
  color: #a680d3;
}


.headrow {
  display: inline-block;
  width: 100%;
  height: 130px;
}

.innerpage .usermenu {
  margin-top: 0;
}

.usermenu {
  float: right;
  margin-top: 90px; 
  margin-right: 24px;
  
  
  
  background: rgba(255,255,255,0.7);
  padding: 10px 15px;
  border-radius: 			20px;
  -o-border-radius: 		20px;
  -moz-border-radius: 		20px;
  -webkit-border-radius: 	20px;
}

.usermenu .uk-nav {
  text-align: center;
}


.usermenu .uk-nav li a img {
  float: none;
  margin: auto;
  display: block;
}

.usermenu .uk-nav li a span {
  font-family: gothic;
  text-transform: uppercase;
  font-size: 14px;
  color: #5a98df;
}
.usermenu .uk-nav a.cartlink {
  position: relative;
}
.usermenu .uk-nav a.cartlink .cartmojudi {
	position: absolute;
	top: 5px;
	right: 0;
	background: #000;
	font-family: gothic;
	font-size: 13px;
	color: #fff;
	width: 20px;
	height: 20px;
	border-radius: 			10px;
	-o-border-radius: 		10px;
	-moz-border-radius: 	10px;
	-webkit-border-radius: 	10px;
	line-height: 20px;
} 
html[lang="de-de"] .usermenu .uk-nav a.cartlink .cartmojudi {
  right: 11px;
  top: 7px;
}

.userareapage .tm-article-container
{

	background: url("../images/nb/titleebg.jpg") no-repeat 50% 0;
	height: 217px;
	margin-bottom: 20px;
	overflow: hidden;
	background-size: cover;
}

.userareapage .tm-article-container .uk-text-center.uk-margin-large-bottom
{
	margin-bottom:0 !important;
	padding: 30px 0;
	overflow:hidden;
}
.userareapage .tm-article-container .uk-text-center.uk-margin-large-bottom h1
{
	text-align: center;
	font-family: gothic;
	text-transform: uppercase;
	color: #fff;
	font-size: 50px;
	height: 186px;
	line-height: 140px;
}

.welcomeNote {
  text-align: center;
  margin: 30px 0 50px;
  font-family: gothic;
  font-size: 17px;
  color: #000;
  text-transform: uppercase;
}

.userareapage #tm-main-bottom .uk-panel.uk-panel-box {
  width: 1000px;
  margin: 30px auto 50px;
  box-shadow: none;
  padding: 0;
}
.userareapage  .myarea {
  text-align: center;
}
.userareapage .myarea a {
	display: inline-table; 
	margin: 0 10px;
	font-family: gothic;
	text-transform:uppercase;
	color:#fff;
	font-size:15px;
	border-radius:			10px; 
	-o-border-radius:		10px; 
	-moz-border-radius:		10px; 
	-webkit-border-radius:	10px; 
	padding: 10px 20px;
}
.userareapage .myarea a:nth-child(2n+1) {
  background: #3B1754;
}

.userareapage .myarea a:nth-child(2n) {
  background: #61ADBA; 
}
#zx-zoocart-cart {
  padding-bottom: 30px;
  margin-bottom: 0px !important;
} 
#zx-zoocart-cart form select {
  font-family: gothic !important; 
  color: #000;
  font-size: 15px;
  height: 30px;
  width: 50px;
}
#servicehelp {
	float: none !important;
	height: 50px;
	margin-right: 4px;
	margin-top: 10px;
}

#servicehelpIn {
  float: right;
  width: 140px;
  text-align: center;
}

#servicehelpIn a {
	border: 1px solid #9946d5;
	padding: 5px 10px;
	font-family: gothic;
	font-size: 15px;
	text-transform: uppercase;
	color: #9946d5;
	border-radius: 			7px;
	-o-border-radius: 		7px;
	-moz-border-radius: 	7px;
	-webkit-border-radius: 	7px;
}
#servicehelpIn  li.uk-parent > a:hover,
#servicehelpIn li.uk-parent div ul a:hover
{
	background:#9946d5;
	color:#fff !important;
}
#servicehelpIn li.uk-parent div {
  position: absolute !important;
  width: 140px;
  border: 1px solid #9946D5;
  border-radius: 10px;
  top: 35px;
  left: 0;
  background: #fff;
  z-index: 12;
}

#servicehelpIn li.uk-parent {
	position: relative;
}
#servicehelpIn li.uk-parent div ul a {
	font-family: gothic;
	text-transform: capitalize;
	font-size: 14px;
	color: #9946D5;
	border: 1px solid #9946D5; 
	border-radius: 5px;
	margin-bottom: 4px;
}
#servicehelpIn li.uk-parent div ul {
	padding: 5px;
}
#servicehelpIn li.uk-parent > a::after {
  content: "\f105";
} 
.slideLogo
{
    background:url("../images/nb/slidelogo.png") no-repeat 0 0;
    width:352px;
    height:45px;
    position: absolute;
    left: 50%;
    transform:          translateX(-50%);
    -o-transform:       translateX(-50%);
    -moz-transform:     translateX(-50%);
    -webkit-transform:  translateX(-50%);
    bottom: 47px;
	display:none;
}

#yoo-zoo .item .pos-shortdescription .element-quantity {
  display: none;
}
#tm-top-a {
    margin: 30px 0 0;
    height: 222px;
    background: #fff;
}

#tm-top-a .uk-width-1-1 {
  padding: 0 0 0;
}

#tm-top-a .uk-width-1-1 .uk-panel {
  box-shadow: none;
  text-align: center;
  height: 140px;
}

#tm-top-a a img {
  width: 108px;
  height: 110px;
  object-fit: cover;
  object-position: center top;
}
#tm-top-a a:hover img ,
#tm-top-a a.activelink img
{
  object-position: center bottom;
}

#tm-top-a a:hover  ,
#tm-top-a a.activelink 
{
	border: 2px solid #9946d5;
	
}

#tm-top-a a strong {
 
  font-weight: normal;
  font-family: gothic;
  letter-spacing: 3px;
  color: #69b0b6;
  text-transform: uppercase;
  font-size: 13px;
  display:none;
  
  transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
}

#tm-top-a a:hover strong ,
#tm-top-a a.activelink strong
{
  display: block;
  color: #a680d3;
}
#tm-top-a a {
	display: inline-table;
	margin: 0 21px;
	width: 136px;
	
	border: 2px solid #09cbe1;
	border-radius: 			20px;
	-o-border-radius: 		20px;
	-moz-border-radius: 	20px;
	-webkit-border-radius: 	20px;
	padding: 6px;
	
}

#tm-top-a .uk-width-1-1 .uk-panel div.activeDiv
{
	background:url("../images/nb/purplearrow1.png") no-repeat 50% 100%;
} 
#tm-top-a .uk-width-1-1 .uk-panel div 
{
  display: inline-table;
  padding-bottom: 9px;
}

#tm-top-b {
  margin: 0;
}

#tm-top-b > .uk-width-1-1 {
  width: 100%;
  margin: 0;
  padding: 0;
  float: none;
}
#tm-top-b > .uk-width-1-1:not(:first-child)
{
    display:none;
}
#tm-top-b ul.zoo-category-list li {
  margin-bottom: 70px;
}

#tm-top-b .uk-panel.uk-panel-box {
  padding: 0;
  box-shadow: none;
}

#tm-top-b ul.zoo-category-list li a span {
  display: none;
}

.homepage #tm-main {
  margin: 0;
}

#tm-bottom-a {
  margin: 0 0 25px; 
  background: url("../images/nb/newprodbg.jpg") no-repeat 0 0;
  height:589px;
}   
.bottomAtitle {
    width: 265px;
    float: left;
    height: 409px;
    padding: 0 0 0 150px !important;
    margin-top: 180px !important;
}

#tm-bottom-a .uk-width-1-1 {
  margin: 0;
  padding: 0;
  width: calc(100% - 415px);
  float: right;
  height: 100%;
}

#tm-bottom-a .uk-width-1-1 .uk-panel.uk-panel-box {
    background: none;
    box-shadow: none;
    height: 439px;
    padding: 75px 30px;
}

.bottomAtitle span {
    font-family: gothic;
    font-weight: bold;
    text-transform: uppercase;
    color: #b326aa;
    font-size: 110px;
    display: block;
    height: 90px;
    line-height: 90px;
    margin-left: -30px;
}
.bottomAtitle > div
{
    background: url("../images/nb/bottomatitle.png") no-repeat 0 100%; 
    font-family: gothic;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    line-height: 50px;
    font-size: 52px;
    height: 160px;
}

#tm-bottom-a .uk-slideset ,
#tm-bottom-b .uk-slideset 
{
  margin: 0;
}
#tm-bottom-a .uk-slideset li ,
#tm-bottom-b .uk-slideset li
{
  padding: 0;
}

#tm-bottom-a .uk-slideset li .uk-overlay ,
#tm-bottom-b .uk-slideset li .uk-overlay 
{
  border: 2px solid #fff;
  height: 430px;
}
#tm-bottom-a .uk-slideset li .uk-overlay img ,
#tm-bottom-b .uk-slideset li .uk-overlay img 
{
  height: 430px;
  object-fit: cover;
}
#tm-bottom-a .uk-slideset li .uk-panel ,
#tm-bottom-b .uk-slideset li .uk-panel 
{
  position: relative;
  height: 430px;
}

#tm-bottom-a .uk-slideset li .uk-panel > p ,
#tm-bottom-b .uk-slideset li .uk-panel > p
{
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform:            translateX(-50%);
  -o-transform:         translateX(-50%);
  -moz-transform:       translateX(-50%);
  -webkit-transform:    translateX(-50%);
}

#tm-bottom-a .uk-slideset li .uk-panel .uk-text-center.uk-panel-teaser ,
#tm-bottom-b .uk-slideset li .uk-panel .uk-text-center.uk-panel-teaser 
{
  margin: 0;
}

#tm-bottom-a .uk-slideset li .uk-panel > p a 
{
  font-family: gothic;
  padding: 0 5px;
  min-height: 20px;
  line-height: 20px;
  background: #3A1952;
  color: #fff;
  border-radius:            10px;
  -o-border-radius:         10px;
  -moz-border-radius:       10px;
  -webkit-border-radius:    10px;
}

#tm-bottom-b .uk-slideset li .uk-panel > p a 
{
  font-family: gothic;
  padding: 0 5px;
  min-height: 20px;
  line-height: 20px;
  background: #31c7d5;
  color: #fff;
  border-radius:            10px;
  -o-border-radius:         10px;
  -moz-border-radius:       10px;
  -webkit-border-radius:    10px;
}



#tm-bottom-a .uk-slidenav.uk-slidenav-previous,
#tm-bottom-b .uk-slidenav.uk-slidenav-previous
{
    background:url("../images/nb/leftnav.png") no-repeat 0 0;
    width:25px;
    height:37px;
    color: transparent;
    left: 0px;
}
#tm-bottom-a .uk-slidenav.uk-slidenav-next,
#tm-bottom-b .uk-slidenav.uk-slidenav-next
{
    background:url("../images/nb/rightnav.png") no-repeat 0 0;
    width:25px;
    height:37px;
    color: transparent;
    right:0;
}

#tm-bottom-b {
  margin: 0 0 0; 
  background: url("../images/nb/bestsellbg.jpg") no-repeat 0 0;
  height:588px;
}   
.bottomBtitle {
    width: 365px;
    float: right !important;
    height: 379px;
    padding: 0 0px 0 70px !important;
    margin-top: 210px !important;
}

#tm-bottom-b .uk-width-1-1 {
  margin: 0;
  padding: 0;
  width: calc(100% - 435px);
  float: left !important;
  height: 100%;
}

#tm-bottom-b .uk-width-1-1 .uk-panel.uk-panel-box {
    background: none;
    box-shadow: none;
    height: 439px;
    padding: 75px 30px;
}

.bottomBtitle span {
    font-family: gothic;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    font-size: 53px;
    display: block;
    height: 70px;
    line-height: 50px;
    margin-left: -50px;
}
html[lang="de-de"] .bottomBtitle span
{
    font-size: 42px !important;
    height: 60px !important;
}
html[lang="de-de"] .bottomBtitle > div
{
    height:130px !important;
	font-size: 38px !important;
}
.bottomBtitle > div
{
    background: url("../images/nb/bottomatitle.png") no-repeat 0% 100%; 
    font-family: gothic;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    line-height: 50px;
    font-size: 42px;
    height: 140px;
}

.mainmenu .uk-dropdown {
  background: #E8D3F9;
  padding: 8px 10px;
  text-align: left;
  border: 1px solid #9109F4;
  border-radius: 10px;
  width: 250px !important;
}

.mainmenu .uk-dropdown .uk-grid.uk-dropdown-grid {
  margin: 0;
}
.mainmenu .uk-dropdown .uk-width-1-1 {
  padding: 0 !important;
}
.mainmenu .uk-dropdown .uk-nav.uk-nav-navbar
{
  margin: 0;
}
.mainmenu .uk-dropdown .uk-nav.uk-nav-navbar li {
  margin-top: 0;
  font-size: 14px;
  display: table;
  border: 1px solid #B162EA;
  height: auto;
  width: 100%;
  margin-bottom: 6px;
  border-radius: 7px;
  min-height: 35px;
  box-shadow: 0 1px 0 rgba(213, 133, 242, 0.15) inset, 0 1px 4px rgba(33, 87, 166, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.15);
}

.mainmenu .uk-dropdown .uk-nav.uk-nav-navbar li a {
  height: auto;
  line-height: 32px;
  padding: 0 8px;
  min-height: 35px;
  color: #7805CC;
}

.mainmenu .uk-dropdown .uk-nav.uk-nav-navbar li:hover a ,
.mainmenu .uk-dropdown .uk-nav.uk-nav-navbar li.uk-active a 
{
  color: #fff;
}
.mainmenu .uk-dropdown .uk-nav.uk-nav-navbar li:hover ,
.mainmenu .uk-dropdown .uk-nav.uk-nav-navbar li.uk-active
{
  background: rgba(107,8,183,0.5);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.3);
  
}


#tm-content 
{
  padding: 0;
  box-shadow: none;
}

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


#yoo-zoo .details
{
    background : url("../images/nb/cattitlebg.jpg") repeat-x 0 0;
    height:251px;
}

#yoo-zoo .details h1.title {
  font-family: gothic;
  text-transform: uppercase;
  color: #fff;
  font-size: 65px;
  line-height: 80px;
  text-align: center;
  margin-top: 75px;
}

#yoo-zoo .items {
  width: 1010px;
  margin: 40px auto 100px;
}
#yoo-zoo .categories {
  width: 1010px;
  margin: 40px auto 100px;
}

#yoo-zoo .categories div.box-1 div.row {
  border: none !important;
}
#yoo-zoo .categories .category {
  position: relative;
}
#yoo-zoo .categories h2.title {
	position: absolute;
	top: 50%;
	left: 13%;
	transform: 			translateY(107%);
	-o-transform: 		translateY(107%);
	-moz-transform: 	translateY(107%);
	-webkit-transform: 	translateY(107%);
}
#yoo-zoo .categories h2.title a {
  font-family: gothic;
  text-transform: uppercase;
  font-size: 31px;
  color: #fff;
  font-weight: normal;
  line-height: 30px;
}
.mainmenu .uk-dropdown .uk-nav.uk-nav-navbar li .uk-nav-sub {
  padding: 0px 10px 0 20px;
}
.mainmenu .uk-dropdown .uk-nav.uk-nav-navbar li .uk-nav-sub li {
  border: none;
  box-shadow: none;
  list-style: disc;
  display: list-item;
  color: #883AC7;
	margin-bottom: 0;
	min-height: 26px;
}
.mainmenu .uk-dropdown .uk-nav.uk-nav-navbar li .uk-nav-sub li a {
  padding: 0;
  min-height: 30px;
line-height: 26px;
}
.mainmenu .uk-dropdown .uk-nav.uk-nav-navbar li .uk-nav-sub li:hover ,
.mainmenu .uk-dropdown .uk-nav.uk-nav-navbar li .uk-nav-sub li.uk-active
{
  background: none !important;
}

.mainmenu .uk-dropdown .uk-nav.uk-nav-navbar li .uk-nav-sub li:hover a,
.mainmenu .uk-dropdown .uk-nav.uk-nav-navbar li .uk-nav-sub li.uk-active a
{
	color:#8AE0E1 !important;
}
.tm-footer-left .uk-subnav.uk-subnav-line li:last-child {
  display: none;
}

#yoo-zoo .items .pos-media
{
    background: url("../images/nb/teaerbg.png") no-repeat 0 0;
    height: 293px;
    float: none !important;
    text-align: center;
    padding: 2px;
    margin: auto !important;
    width: 293px;
}

#yoo-zoo .items div.teaser-item {
  text-align: center;
}

#yoo-zoo .items .row {
  border: none !important;
  margin-bottom: 30px;
}

#yoo-zoo .items h2.pos-title
{
    background: url("../images/nb/itemtitlebg.png") no-repeat 50% 100%;
    text-align: center;
    /*min-height: 35px;*/
    margin-top: 20px;
	height: auto;
	padding-bottom: 18px;
}

#yoo-zoo .items h2.pos-title a {
  font-family: gothic;
  font-weight: normal;
  text-transform: capitalize;
  font-size: 15px;
  color: #5b3393;
}


#yoo-zoo .item div.pos-top
{
    background:url("../images/nb/titleebg.jpg") no-repeat 50% 0;
    height:267px;
}

#yoo-zoo .item div.pos-top .element.element-itemname 
{
  text-align: center;
  font-family: gothic;
  text-transform: uppercase;
  color: #fff;
  font-size: 50px;
  height: 240px;
  line-height: 210px;
}

#yoo-zoo .item .floatbox {
  width: 1150px;
  margin: auto;
}

#yoo-zoo .item .topZone {
  width: 100%;
  position: relative;
  /*height: 613px;*/
  height: auto !important;
  display: inline-block;
}

#yoo-zoo .item .pos-media {
  width: 510px;
  margin: auto !important;
  float:none !important;
}
.zx .uk-slidenav-position .uk-slidenav {
	display: block !important;
	color: #bbbaba;
	font-size: 26px;
}

#yoo-zoo .item .pos-shortdescription .vatDiv
{
	
	font-family: gothic;
	font-size: 15px;
	text-transform: uppercase;
	list-style: disc;
	margin-right: 5px;
	margin-bottom: 0;
	color: #7b7b7b;
	line-height: 25px;
}

#yoo-zoo .item .pos-media .slides,
#yoo-zoo .item .pos-media .slides li ,
#yoo-zoo .item .pos-media .slides li img:first-child 
{
    width: 495px !important;
	height: 497px !important;
}
#yoo-zoo .item .pos-media .slides .imgMask
{
    background: url("../images/nb/mainimagebgg.png") no-repeat 0 0;
    width:499px;
    height:497px;
    position: absolute;
    top: 0;
    left: 50%;
    transform:          translateX(-50%);
    -o-transform:       translateX(-50%);
    -moz-transform:     translateX(-50%);
    -webkit-transform:  translateX(-50%);
	
	z-index: 10;
}

#yoo-zoo .item div.pos-media .zoo-gallery-wall span {
  float: none;
  display: inline-table;
  margin: 0 7px 15px 7px;
}
#yoo-zoo .item div.pos-media .zoo-gallery-wall {
  text-align: center;
  margin-top: 30px;
  width: 496px; 
}

#yoo-zoo .item div.pos-media .zoo-gallery-wall span img {
  border: 2px solid #b1b1b1;
  border-radius: 50%;
}

#yoo-zoo .item div.pos-media .zoo-gallery-wall span.active img {
  border-color: #68c4d5 !important;
}
#yoo-zoo .item div.box-1 {
  padding: 30px 0;
}

#yoo-zoo .item .pos-shortdescription {
    width: 240px;
    position: absolute;
    top: 50%;
    transform:          translateY(-65%);
    -o-transform:       translateY(-65%);
    -moz-transform:     translateY(-65%);
    -webkit-transform:  translateY(-65%);
    left: 0;
}

#yoo-zoo .item .pos-shortdescription .element-pricepro h3 {
  font-family: gothic;
  text-transform: uppercase;
  font-size: 16px;
  color: #5d97b1;
}
.zx-zoocart-checkout-address-chosen div * {
  font-family: gothic;
  font-size: inherit;
}
#yoo-zoo .item .pos-shortdescription .element-pricepro div
{
    background: url("../images/nb/pricebg.jpg") no-repeat 0 0;
    font-family: gothic;
    color: #fff;
    text-align: left;
    padding-left: 0;
    font-size: 20px;
    height: 43px;
    line-height: 40px;
    width: 145px;
	padding-left: 60px;
	padding-right: 10px;
}

#yoo-zoo .item .pos-shortdescription .element-pricepro {
  margin-bottom: 20px;
}

#yoo-zoo .item .pos-shortdescription .element-text {
  font-family: gothic;
  color: #7b7b7b;
  font-size: 15px;
  margin-bottom: 5px;
  display: inline-block;
  line-height: 25px;
  width:100%;
}
#yoo-zoo .item .pos-shortdescription .element-text h3 {
  float: left;
  font-family: gothic;
  font-size: 15px;
  text-transform: uppercase;
  list-style: disc;
  margin-right: 5px;
  margin-bottom: 0;
  color: #7b7b7b;
  line-height: 25px;
}
#yoo-zoo .item .pos-shortdescription .element-addtocart
{
    margin-top:20px;
}
#yoo-zoo .item .pos-shortdescription .element-addtocart i {
  display: none !important;
}
#yoo-zoo .item .pos-shortdescription .element-addtocart button
{
    background: url("../images/nb/cartbtn1.png") no-repeat 0 0  #5B3293; 
    font-family: gothic;
    color: #fff;
    text-align: left;
    font-size: 16px;
    height: 44px;
    line-height: 40px;
    letter-spacing: 0;
    min-width: 215px;
	padding-left: 60px;
	border-radius: 			30px;
	-o-border-radius: 		30px;
	-moz-border-radius: 	30px;
	-webkit-border-radius: 	30px;
	width: max-content;
	padding-right: 12px;
}
html[lang="de-de"] #yoo-zoo .item .pos-shortdescription
{
    width:280px;
}
html[lang="de-de"] #yoo-zoo .item .pos-shortdescription .element-addtocart button
{
    width: 280px;
    background: url("../images/nb/cartbtn2.png") no-repeat 0 0; 
    height: 60px;
    padding-left: 80px;
    line-height: 20px;
}
#yoo-zoo .item .pos-shortdescription .element-addtocart .zx-x-incart-quant
{
    display:none;
}

#yoo-zoo .item div.pos-description {
  width: 793px;
  margin: 40px auto 70px;
  border-right: 1px solid #5d97b1;
  border-left: 1px solid #5d97b1;
  padding: 0 70px;
}

#yoo-zoo .item div.pos-description .element.element-textarea * {
  font-family: gothic;
  font-size: 15px;
  color: #000;
  text-align: justify;
  margin: 0;
  line-height: 26px;
}

#yoo-zoo .item div.pos-related .element-relateditems h3 {
  border: none;
  text-align: center;
  font-family: gothic;
  text-transform: uppercase;
  font-size: 21px;
  color: #5b3293;
  line-height: 21px;
  margin-bottom: 30px;
}

#yoo-zoo .item div.pos-related .element-relateditems {
  width: 917px;
  margin: auto;
}



#yoo-zoo .item div.pos-related .relatedDiv {
  float: none !important;
  display: inline-table;
  width: 275px !important;
  margin: 0 13px 20px;
}

#yoo-zoo .item div.pos-related .relatedDiv .sub-pos-media {
    margin: 0;
    float: none;
    text-align: center;
    position: relative;
    width:277px;
    height:277px;
}

#yoo-zoo .item div.pos-related .relatedDiv .sub-pos-media .relatedimgMask
{
    background: url("../images/nb/relaredbg2.png") no-repeat 0 0;
    position: absolute;
    left:0;
    top:0;
    width:277px;
    height:277px;
}
#yoo-zoo .pos-related h4.sub-pos-title {
  background: url("../images/nb/itemtitlebg.png") no-repeat 50% 100%;
  text-align: center;
  /*min-height: 35px;*/
  margin-top: 20px;
  height: auto;
padding-bottom: 15px;
}
#yoo-zoo .pos-related h4.sub-pos-title a
{
    font-family: gothic;
    font-weight: normal;
    text-transform: capitalize;
    font-size: 15px;
    color: #5b3393;
}
#yoo-zoo .item div.pos-bottom {
  width: 890px;
  margin: auto;
  height: 500px;
}
#yoo-zoo .item div.pos-bottom .mejs-video {
  width: 890px !important;
  height: 480px !important;
}
.mejs-overlay-button
{
	margin: -50px 0 0 -50px !important;
}
.mejs-overlay-loading
{
	margin: -40px 0 0 -40px !important;
}
.zx-zoocart-checkout-shipping button {
	display: inline-table;
	width: 100%;
	background: #fff;
	font-family: gothic;
	font-size: 15px;
	padding: 10px 5px;
	color: #028A97;
	border: 1px solid #028A97;
	border-radius: 			10px;
	-o-border-radius: 		10px;
	-moz-border-radius: 	10px;
	-webkit-border-radius: 	10px;
}
.zx-zoocart-checkout-shipping button.uk-active,
.zx-zoocart-checkout-shipping button:hover
{
	background: #028A97;
	color: #fff;
}
div.login {
    
    margin: auto;
    padding: 30px 10px 10px;
    width: 400px;
}
div.login fieldset {
    border-left: 2px solid #028a97;
    border-radius: 30px;
    border-right: 2px solid #028a97;
    margin-top: 9px;
    padding: 30px;
    
}


div.login form.form-validate {
  background: none;
  box-shadow: none;
  padding: 0 !important;
}

div.login fieldset .control-label {
  display: none;
}

div.login fieldset .controls {
  margin: 0;
}

.login form {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    box-shadow: none;
	padding: 0 !important;
}
.login .form-horizontal .control-label
{
	display:none;
}
.login .form-horizontal .controls{
	margin:0;
}
.login .form-horizontal .controls input ,
.login .form-horizontal .controls input:focus
{
    border: 1px solid #028a97;
    box-shadow: none;
    color: #000;
    font-family: gothic;
    font-size: 15px;
    padding-left: 40px;
    width: 280px;
	text-align:left;
}
.login .form-horizontal .controls input#username
{
	background: url("../images/nb/user.png") no-repeat 2% 50% #e5fdff;
}
.login .form-horizontal .controls input#password
{
	background: url("../images/nb/pass.png") no-repeat 2% 50% #e5fdff;
}

.login .form-horizontal .controls button {
    background: #028A97 none repeat scroll 0 0;
    border: 1px solid #028A97;
    font-family: gothic;
    font-size: 15px;
    font-weight: bold;
    width: 330px;
    color:#fff;
    text-transform: uppercase;
}
.login .form-horizontal .controls button:hover
{
	background:#6c21ae !important; 
	border-color:#5A477E !important;
	
}
.login .form-horizontal .controls button:focus
{
	transform:none;
}
.login ul.nav-tabs {
    list-style: outside none disc;
    margin:right:0;
    padding-left: 20px;
    text-align: left;
	color: #028A97;
    width: 310px;
}

.login ul.nav-tabs li a {
    color: #000;
    font-family: gothic;
    font-size: 15px;
    padding: 5px;
    text-transform: capitalize;
}
.login ul.nav-tabs li a:focus
{
	background:none;
}


div.reset, 
div.remind 
{
    margin: 40px auto auto;
    padding: 40px 10px !important;
    text-align: justify;
    width: 400px;
}
.reset-confirm
{
    margin: 40px auto auto;
    padding: 40px 10px !important;
    text-align: justify;
    width: 450px;
}


div.reset form, 
div.remind form 
{
    border-left: 2px solid #028a97;
    border-right: 2px solid #028a97;
    font-size: 15px;
    line-height: 27px;
    padding: 33px 34px 30px !important;
	background:none;
	box-shadow:none;
}
div.reset-confirm form 
{
    border-left: 2px solid #028a97;
    border-right: 2px solid #028a97;
    font-size: 15px;
    line-height: 27px;
    padding: 33px 34px 30px !important;
	background:none;
	box-shadow:none;
}
div.reset form p, 
div.remind form p 
{
    color: #000;
    font-family: gothic;
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 0;
}
div.reset-confirm form p
{
    color: #000;
    font-family: gothic;
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 30px;
}
div.reset form fieldset, 
div.remind form fieldset ,
div.reset-confirm form fieldset 
{
    margin-top: 0;
    margin-bottom: 0;
}
div.reset form fieldset div.control-group, 
div.remind form fieldset div .control-group,
div.reset-confirm form fieldset div .control-group
{ 
    margin-bottom:20px;
}
div.reset form fieldset div label, 
div.remind form fieldset div label ,
div.reset-confirm form fieldset div label 

{
    float: left !important;
    text-align: left;
}
.reset .form-horizontal .control-label ,
.remind .form-horizontal .control-label 
{
    margin-top: 10px;
    width: 100%;
	margin-bottom: 7px;
}

.reset .form-horizontal .control-label label ,
.remind .form-horizontal .control-label label ,
.reset-confirm .form-horizontal .control-label label 
{
    color: #000;
    font-family: gothic;
    font-size: 15px;
}
.reset .form-horizontal .controls ,
.remind .form-horizontal .controls 
{
    display: inline-block;
    margin: 0;
    width: 100%;
}
.reset-confirm .form-horizontal .controls 
{
    width: calc(100% - 160px);
	float: right;
	margin:0;
}
.reset .form-horizontal .controls input,
.remind .form-horizontal .controls input
{
	width:280px;
	padding-left: 35px;
	background:url("../images/nb/at.png") 2% 50% no-repeat #e5fdff;
	border:1px solid #028a97 !important;
	font-family:gothic;
	font-size:15px;
	color:#000;
	box-shadow:none !important;
}
.reset-confirm .form-horizontal .controls input
{
	width: calc(100% - 12px);

	background: #e5fdff;
	border:1px solid #028a97 !important;
	font-family:gothic;
	font-size:15px;
	color:#000;
	box-shadow:none !important;
}
div.reset form button, 
div.remind form button
{
	background:#028A97 !important;
	border:1px solid #028A97 !important;
	font-family:gothic;
	font-size:15px;
	color:#fff !important; 
	font-weight: bold;
    letter-spacing: 0;
    width: 325px;
    text-transform : uppercase;
}
div.reset-confirm form button
{
	background:#028A97 !important;
	border:1px solid #028A97 !important;
	font-family:gothic;
	font-size:15px;
	color:#fff !important; 
	font-weight: bold;
    letter-spacing: 0;
    width: 100%;
    text-transform : uppercase;
}
div.reset form button:hover, 
div.remind form button:hover ,
.btnRow button:hover,
.proBtnRow button:hover ,
div.reset-confirm form button:hover
{
	background:#6c21ae !important; 
	border-color:#5A477E !important;
	
}

div.registration ,
.profile-edit
{
    border-left: 2px solid #028a97;
    border-right: 2px solid #028a97;
    margin: 90px auto;
    padding-bottom: 40px;
    width: 500px;
}
div.registration fieldset ,
.profile-edit fieldset
{
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    width: 430px;
}
.registration .form-horizontal fieldset:first-child .control-group:nth-child(2) ,
.registration .form-horizontal fieldset:first-child .control-group:nth-child(3)
{
	display:none;
}   
.registration form ,
.profile-edit form 
{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    box-shadow: none;
	padding:0 !important;
	overflow:visible;
}


div.registration fieldset legend ,
.profile-edit fieldset legend 
{
    border-color: #028a97;
    color: #028a97;
    font-family: gothic;
    font-size: 17px;
    line-height: 30px;
    margin-top: -31px;
    text-align: center;
}
div.registration fieldset:nth-child(2) legend, 
.profile-edit fieldset:nth-child(2) legend 
{
  display: none;
}
.registration .form-horizontal .control-label ,
.profile-edit .form-horizontal .control-label 
{
    
    text-align: left;
}
.registration .form-horizontal .control-label label ,
.profile-edit .form-horizontal .control-label label 
{
	color: #000;
    font-family: gothic;
	font-size:15px;
	font-weight: normal;
	text-transform: capitalize;
} 
.registration .form-horizontal .control-label span.optional, 
.profile-edit .form-horizontal .control-label span.optional 
{
  display: none;
}

.registration .form-horizontal .controls select ,
.profile-edit .form-horizontal .controls select ,
.profile-edit .form-horizontal .controls #jform_com_fields_gender_chzn a,
.profile-edit .form-horizontal .controls #jform_com_fields_country_chzn a
{
    background: #e5fdff none repeat scroll 0 0 ;
    border: 1px solid #028a97 !important;
    border-radius: 7px;
    box-shadow: none;
    color: #000;
    font-family: gothic !important;
    font-size: 15px;
    width: 268px;
	text-align:left;
	box-shadow:none !important;
	height: 40px;
	font-weight: normal;
}
.userareapage .myarea a img {
	margin-right: 5px;
	margin-top: -3px;
}
.profile-edit .form-horizontal .controls #jform_com_fields_gender_chzn a span,
.profile-edit .form-horizontal .controls #jform_com_fields_country_chzn a span
{
	height: 40px;
	line-height: 40px;
}
.profile-edit .form-horizontal .controls #jform_com_fields_gender_chzn .chzn-single div b,
.profile-edit .form-horizontal .controls #jform_com_fields_country_chzn .chzn-single div b
{
	height: calc(100% - 9px);
	margin-top: 9px;
}
#jform_com_fields_gender_chzn .chzn-single abbr,
#jform_com_fields_country_chzn .chzn-single abbr
{
	top: 14px;
}
.registration .form-horizontal .controls textarea ,
.profile-edit .form-horizontal .controls textarea 
{
    background: #e5fdff none repeat scroll 0 0 ;
    border: 1px solid #028a97 !important;
    border-radius: 7px;
    box-shadow: none;
    color: #000;
    font-family: gothic !important;
    font-size: 15px;
    width: 255px !important;
	text-align:left;
	box-shadow:none !important;
	height: 100px !important;
	overflow:hidden;
}
.popover,
.tooltip
{
    display: none !important;
}

.registration .form-horizontal .controls ,
.profile-edit .form-horizontal .controls 
{
    margin-left: 0;
    margin-right: 0;
}
.registration .form-horizontal .controls input ,
.profile-edit .form-horizontal .controls input 
{
    background: #e5fdff none repeat scroll 0 0 ;
    border: 1px solid #028a97 !important;
    border-radius: 7px;
    box-shadow: none;
    color: #000;
    font-family: gothic !important;
    font-size: 15px;
    width: 255px;
	text-align:left;
	box-shadow:none !important;
}
.btnRow .controls ,
.proBtnRow .controls 
{
    margin-left: 195px !important;
}
.btnRow button ,
.proBtnRow button 
{
    background:#028A97 !important;
	border:1px solid #028A97 !important;
    font-family: gothic;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0;
    margin-bottom: 10px !important;
    width: 270px;
    text-transform:uppercase;
    color:#fff;
}
.btnRow a.btn ,
.proBtnRow a.btn 
{
	background:#6c21ae !important; 
	border-color:#5A477E !important;
    color: #fff;
    font-family: gothic;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0;
    width: 245px;
    text-transform:uppercase;
} 

.uk-alert ,
.alert
{
    background: #fff none repeat scroll 0 0;
    border: 1px solid #6c21ae;
    color: #000;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    padding: 30px 15px;
    width: 750px;
}
.uk-alert button , .uk-alert h2 ,
.alert .close, .alert h4
{
	display:none;
}
.uk-alert p ,
.alert div 
{
    font-family: gothic;
    font-size: 18px;
    margin: 0; 
    text-align: center;
	color: #000;
}
 
 

#zx-zoocart-cart form {
  width: 1100px;
  margin: 30px auto !important;
}

#zx-zoocart-cart h3.title {
    text-align: center;
    font-family: gothic;
    text-transform: uppercase;
    background: url("../images/nb/cattitlebg.jpg") no-repeat 0 0;
    height: 210px;
    font-size: 70px;
    line-height: 190px;
    color: #fff;
    background-size: cover !important;
}
 
#zx-zoocart-cart form th > div:first-child {
    border: 1px solid #057784;
    height: 36px;
    background: #63b3bc;
    padding-left: 0;
    float: none !important;
}
#zx-zoocart-cart form th ,
#zx-zoocart-cart form td
{
    padding:0 !important;
    margin: 0 !important;
}
#zx-zoocart-cart .cartleftcell {
  width: 59.9%;
  border: 1px solid #057784;
  height: 100%;
  line-height: 35px;
  font-family: gothic;
  text-transform: uppercase;
  font-size: 15px;
  color: #000;
  text-align: left !important;
  padding: 0;
}
#zx-zoocart-cart form th > div.uk-width-4-10 {
  padding: 0 !important;
}
#zx-zoocart-cart form th > div.uk-width-4-10 .uk-grid {
  margin: 0 !important;
}
#zx-zoocart-cart form th > div > div > div {
  border: 1px solid #057784;
  height: 36px;
  line-height: 36px;
  text-align: center !important;
  font-family: gothic;
  font-size: 15px;
  color: #fff;
  letter-spacing: 0.5 !important;
  background: #63b3bc;
  padding: 0;
}

#zx-zoocart-cart form td > div > div > div input[type="number"] {
    width: 40px;
} 
#zx-zoocart-cart .zx-zoocart-tableitems-row-totals {
  width: 39.9%;
}
#zx-zoocart-cart .cartleftcell .uk-hidden-small.uk-width-medium-1-10 {
  float: left;
  border: none !important;
  width: 20%;
}
#zx-zoocart-cart .cartleftcell .uk-width-1-1.uk-width-medium-5-10 {
  width: 80%;
  float: left;
  height: 100%;
}
#zx-zoocart-cart .zx-zoocart-tableitems-row-totals > div {
  height: 100%;
}
#zx-zoocart-cart form td > div.zx-zoocart-tableitems-row-totals > div > div {
  border: 1px solid #057784;
  height: 100%;
  text-align: center !important;
  line-height: 40px;
  font-family: gothic;
  color: #000;
  font-size: 15px;
}  

#zx-zoocart-cart form td > div > div > div input {
  font-family: gothic;
  font-size: 15px;
  color: #000;
}
#zx-zoocart-cart .zx-zoocart-cart-extras {
  display: none;
}


#zx-zoocart-cart .zx-zoocart-tableitems-totals {
  margin: 0;
}


#zx-zoocart-cart .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-subtotal, 
#zx-zoocart-cart .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-taxes, 
#zx-zoocart-cart .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-discount, 
#zx-zoocart-cart .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-subtotal-plus-vat, 
#zx-zoocart-cart .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-products-total, 
#zx-zoocart-cart .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-total ,
#zx-zoocart-cart .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-paymentfee 
{
  margin: 0 !important;
}

#zx-zoocart-cart .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-subtotal .uk-width-5-6 ,
#zx-zoocart-cart .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-taxes .uk-width-5-6 ,
#zx-zoocart-cart .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-discount .uk-width-5-6 ,
#zx-zoocart-cart .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-subtotal-plus-vat .uk-width-5-6 ,
#zx-zoocart-cart .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-products-total .uk-width-5-6 ,
#zx-zoocart-cart .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-total .uk-width-5-6,
#zx-zoocart-cart .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-paymentfee .uk-width-5-6
{
  border: 1px solid #057784;
  height: 40px;
  padding-right: 10px;
  line-height: 40px;
  font-family: gothic;
  color: #000;
  width: 86.64%;
  background: #BFEAEE;
}

#zx-zoocart-cart .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-subtotal .uk-width-1-6 ,
#zx-zoocart-cart .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-taxes .uk-width-1-6 ,
#zx-zoocart-cart .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-discount .uk-width-1-6 ,
#zx-zoocart-cart .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-subtotal-plus-vat .uk-width-1-6 ,
#zx-zoocart-cart .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-products-total .uk-width-1-6 ,
#zx-zoocart-cart .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-total .uk-width-1-6,
#zx-zoocart-cart .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-paymentfee .uk-width-1-6
{
	border: 1px solid #057784;
	text-align: center;
	line-height: 38px;
	height: 40px;
	color: #000;
	font-family: gothic;
	font-size: 15px;
	width: 13.3% !important;
	padding: 0;
}


.zx-zoocart-cart-state-empty {
	width: 800px;
	margin: 50px auto !important;
	font-family: gothic;
	font-size: 17px;
	color: #000;
	text-transform: uppercase;
	text-align: center;
	height: 50px;
	line-height: 50px;
}

.zx-zoocart-auth {
	width: 400px;
	margin: 60px auto 100px !important;
	border-right: 3px solid #028a97;
	border-left: 3px solid #028a97;
	padding: 25px 0px;
	
}

.zx-zoocart-auth .uk-text-primary.uk-text-center {
  padding: 0;
  font-family: gothic;
  font-size: 15px;
  color: #000 !important;
}

.zx-zoocart-auth .uk-text-primary.uk-text-center a {
  color: #0ac4d9;
}

.zx-zoocart-auth .uk-container-center {
  max-width: 320px;
}
#zx-zoocart-auth-form-login .loginrow {
	border: 1px solid #028a97 !important;
	background: #e5fdff !important;
}
#zx-zoocart-auth-form-login .loginrow i
{
	color:#028a97;
}

#zx-zoocart-auth-form-login input {
  
	font-family: gothic;
	color: #000;
	font-size: 15px;
	box-shadow: none !important;
}

#zx-zoocart-auth-form-login button i
{
	display:none;
}

#zx-zoocart-auth-form-login button
{
	background:#028A97 !important;
	border:1px solid #028A97 !important;
	font-family:gothic;
	font-size:15px;
	color:#fff !important; 
	font-weight: bold;
    letter-spacing: 0;
    width: 325px;
    text-transform : uppercase;
	height: 42px;
}
#zx-zoocart-auth-form-login button:hover
{
	background:#6c21ae !important; 
	border-color:#5A477E !important;
	
}

#zx-zoocart-checkout {
  width: 1100px;
  margin: 20px auto 100px;
}
#zx-zoocart-cart .zx-zoocart-cart-discounts {
  margin-top: 10px;
}
#zx-zoocart-cart .zx-zoocart-cart-discounts .uk-form-icon {
	border: 1px solid #028a97;
	background: #e5fdff;
	border-radius: 6px;
	-o-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
#zx-zoocart-cart .zx-zoocart-cart-discounts .uk-form-icon i {
  color: #028a97;
  width: 33px;
}
#zx-zoocart-cart .zx-zoocart-cart-discounts .uk-form-icon input {
  padding-left: 30px !important;
  font-family: gothic;
  color: #000;
  font-size: 15px;
}
.address-billing .uk-panel ,
.address-shipping .uk-panel ,
.shippings .uk-panel ,
.payments .uk-panel 
{
  box-shadow: 0 0 2px 0 #028a97 inset;
  border: 1px solid #028a97;
}

.address-billing .zx-zoocart-checkout-fieldset-title ,
.address-shipping .zx-zoocart-checkout-fieldset-title ,
.shippings .zx-zoocart-checkout-fieldset-title ,
.payments .zx-zoocart-checkout-fieldset-title 
{
  font-family: gothic;
  font-size: 16px;
  color: #000 !important;
  text-transform: uppercase;
  font-weight: bold;
}

.address-billing .changeBtn {
  float: none;
  text-align: center;
}

.address-billing .changeBtn a.zx-zoocart-checkout-address-change {
  width: 100px !important;
  border: 1px solid #028a97;
  box-shadow: none;
  font-size: 14px;
  height: 30px;
  line-height: 26px;
  font-family: gothic;
  background: #028a97;
  color: #fff;
  border-radius: 7px;
}
.zx-zoocart-checkout-address-sameasbilling button.uk-button {
  font-family: gothic;
  font-size: 15px;
  background: #028a97;
  border: 1px solid #028a97;
  color: #fff;
  padding: 10px;
  border-radius: 7px;
  width: 100%;
  text-align: left;
}
.uk-form-row + .uk-form-row {
  margin-top: 18px;
} 

.zx-zoocart-checkout-address-others .zx-zoocart-address-manager-rows li button {
  border: 1px solid #028a97;
  border-radius: 5px;
  margin: 0 2px;
}
.zx-zoocart-checkout-address-others .zx-zoocart-address-manager-rows li button i {
  font-size: 12px;
  color: #028a97;
}

.zx-zoocart-address-manager-row-add {
	border: 1px solid #028a97 !important;
	box-shadow: none !important;
	width: 110px !important;
	font-family: gothic !important; 
	font-size: 14px !important;
	height: 30px !important;
	background: #028a97 !important;
	color: #fff !important;
	border-radius: 5px !important;
}
.zx-zoocart-address-manager-row-add:hover
{
	background:#6c21ae !important; 
	border-color:#5A477E !important;
}

.zx-zoocart-address-manager-rows .uk-button-group {
	box-shadow: none;
}

.zx-zoocart-address-manager-form {
	max-width: 472px !important;
	margin: 0 !important;
}


.zx-zoocart-address-manager-form input {
  background: #e5fdff !important;
  border: 1px solid #028a97 !important;
  padding: 5px 10px !important;
  border-radius: 7px !important;
  font-family: gothic !important;
  color: #000 !important;
  font-size: 15px !important;
  box-shadow: none !important;
}
.zx-zoocart-address-manager-form select {
  background: #e5fdff !important;
  border: 1px solid #028a97 !important;
  padding: 5px 10px !important;
  border-radius: 7px !important;
  font-family: gothic !important;
  color: #000 !important;
  font-size: 15px !important;
  box-shadow: none !important;
}
.zx-zoocart-checkout-payment .uk-form div {
  font-family: gothic;
  font-size: 15px;
}

.uk-form-icon:not(.uk-form-icon-flip) > input {
  padding-left: 10px !important;
}

.zx-zoocart-address-manager-form textarea {
  background: #e5fdff !important;
  border: 1px solid #028a97 !important;
  padding: 5px 10px !important;
  border-radius: 7px !important;
  font-family: gothic !important;
  color: #000 !important;
  font-size: 15px !important;
  box-shadow: none !important;
  height:80px !important;
  overflow:hidden;
}

.zx-zoocart-address-manager-form label {
	font-family: gothic !important;
	text-transform: uppercase;
	color: #000;
	font-size: 14px !important;
}


#zx-zoocart-checkout .zx-zoocart-checkout-address-others
{
	display:block !important;
}

.zx-zoocart-address-manager-form-abort {
  background: #028a97 !important;
  font-size: 15px !important;
  height: 26px !important;
  color: #fff !important;
  border-radius: 5px;
  border: 1px solid #028a97 !important;
  box-shadow:none !important;
}
.zx-zoocart-address-manager-form-save {
  background: #028a97 !important;
  width: 100px !important;
  height: 30px !important;
  font-size: 14px !important;
  font-family: gothic !important;
  color: #fff !important;
  border-radius: 5px;
  border: 1px solid #028a97 !important;
  box-shadow:none !important;
}

.zx-zoocart-address-manager-form-abort:hover,
.zx-zoocart-address-manager-form-save:hover
{
	background:#6c21ae !important; 
	border-color:#5A477E !important;
}

.payments, .payments .uk-panel {
  height: 230px !important;
}


.notes .uk-panel {
	
	box-shadow: 0 0 2px 0 #028a97 inset;
	border: 1px solid #028a97;
	background:none !important;
}

.notes .zx-zoocart-checkout-fieldset-title ,
.shippings .zx-zoocart-checkout-fieldset-title 
{
  font-family: gothic;
  text-transform: uppercase;
  color: #000 !important;
  font-size: 15px !important;
}

.notes textarea {
	border: 1px solid #028a97 !important;
	height: 170px !important;
	overflow: hidden !important;
	font-family: gothic !important;
	font-size: 15px !important;
	box-shadow: none !important;
	padding: 10px !important;
	color: #000 !important;
}

/*#zx-zoocart-checkout .uk-grid:nth-child(2) {
  width: 1100px !important;
  margin: 30px auto !important;
}*/

.zx-zoocart-checkout-placeorder {
	background: #028a97 !important;
	border: 1px solid #028a97 !important;
	font-family: gothic !important;
	font-size: 15px !important;
	border-radius: 7px !important;
	text-align:center !important;
	font-weight: bold !important;
	width: 200px;
}

.zx-zoocart-checkout-placeorder i {
  display: none;
}

.zx-zoocart-checkout-placeorder:hover
{
	background:#6c21ae !important; 
	border-color:#5A477E !important;
}

#zx-zoocart-order 
{
  width: 1100px;
  margin: auto auto 100px;
}

#zx-zoocart-order h3 {
  font-family: gothic;
  font-size: 40px;
  text-align: center;
  text-transform: uppercase;
  color: #9073C5;
  margin-bottom: 40px;
}


#payment-form input {
  width: 210px;
  background: #e5fdff;
  border: 1px solid #028a97;
  padding: 5px 10px;
  font-family: gothic;
  font-size: 15px;
  color: #000;
}

#payment-form label {
  font-family: gothic;
  font-size: 15px;
  color: #000;
}

#payment-form select {
  background: #e5fdff;
  border: 1px solid #028a97;
  width: 200px;
  font-family: gothic;
  font-size: 15px;
  color: #000;
}

#payment-form .labelRow {
  background: #028a97;
  height: 40px;
  line-height: 40px;
  padding: 0px 10px;
}
#payment-form .labelRow label {
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  font-size: 18px;
  letter-spacing: 1px;
}
#payment-form .paybtn {
  margin-top: 20px;
}
#payment-form .paybtn button {
  background: #028a97;
  border: 1px solid #028a97;
  font-family: gothic;
  font-size: 16px;
  font-weight: bold;
}
#payment-form .paybtn button:hover
{
	background:#6c21ae !important; 
	border-color:#5A477E !important;
}

#zx-zoocart-order .zx-zoocart-tableitems th > div:first-child
{
    border: 1px solid #057784;
    height: 36px;
    background: #63b3bc;
    padding-left: 0;
    float: none !important;
}
#zx-zoocart-order .zx-zoocart-tableitems th ,
#zx-zoocart-order .zx-zoocart-tableitems td
{
    padding:0 !important;
    margin: 0 !important;
}
#zx-zoocart-order .zx-zoocart-tableitems th > div.uk-width-4-10 {
  padding: 0 !important;
}
#zx-zoocart-order .zx-zoocart-tableitems th > div.uk-width-4-10 .uk-grid {
  margin: 0 !important;
}
#zx-zoocart-order .zx-zoocart-tableitems th > div > div > div {
  border: 1px solid #057784;
  height: 36px;
  text-align: center !important;
  font-family: gothic;
  font-size: 14px;
  color: #fff;
  background: #63b3bc;
  line-height: 15px;
  text-transform: capitalize;
  padding: 0px 5px;
}

#zx-zoocart-order .zx-zoocart-tableitems td > div:first-child > div > div {
  border: 1px solid #057784;
  height: 40px;
  line-height: 35px;
  font-family: gothic;
  text-transform: uppercase;
  font-size: 15px;
  color: #000;
  text-align: left !important;
  padding-left: 10px;
}

#zx-zoocart-order .zx-zoocart-tableitems td > div > div > div {
  border: 1px solid #057784;
  height: 40px;
  text-align: center !important;
  line-height: 40px;
  font-family: gothic;
  color: #000;
  font-size: 15px;
}
#zx-zoocart-order .zx-zoocart-tableitems {
  margin: 0;
}

#zx-zoocart-order .zx-zoocart-tableitems-totals {
  margin: 0;
}


#zx-zoocart-order .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-subtotal, 
#zx-zoocart-order .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-taxes, 
#zx-zoocart-order .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-discount, 
#zx-zoocart-order .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-subtotal-plus-vat, 
#zx-zoocart-order .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-products-total, 
#zx-zoocart-order .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-total ,
#zx-zoocart-order .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-shippingfee ,
#zx-zoocart-order .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-paymentfee 
{
  margin: 0 !important;
}
#zx-zoocart-order .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-paymentfee{
	display:none;
}
#zx-zoocart-order .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-subtotal .uk-width-5-6 ,
#zx-zoocart-order .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-taxes .uk-width-5-6 ,
#zx-zoocart-order .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-discount .uk-width-5-6 ,
#zx-zoocart-order .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-subtotal-plus-vat .uk-width-5-6 ,
#zx-zoocart-order .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-products-total .uk-width-5-6 ,
#zx-zoocart-order .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-total .uk-width-5-6,
#zx-zoocart-order .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-shippingfee .uk-width-5-6,
#zx-zoocart-order .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-paymentfee .uk-width-5-6
{
  border: 1px solid #057784;
  height: 40px;
  padding-right: 10px;
  line-height: 40px;
  font-family: gothic;
  color: #000;
  width: 86.64%;
}

#zx-zoocart-order .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-subtotal .uk-width-1-6 ,
#zx-zoocart-order .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-taxes .uk-width-1-6 ,
#zx-zoocart-order .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-discount .uk-width-1-6 ,
#zx-zoocart-order .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-subtotal-plus-vat .uk-width-1-6 ,
#zx-zoocart-order .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-products-total .uk-width-1-6 ,
#zx-zoocart-order .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-total .uk-width-1-6,
#zx-zoocart-order .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-shippingfee .uk-width-1-6,
#zx-zoocart-order .zx-zoocart-tableitems-totals .zx-zoocart-tableitems-totals-paymentfee .uk-width-1-6
{
	border: 1px solid #057784;
	text-align: center;
	line-height: 38px;
	height: 40px;
	color: #000;
	font-family: gothic;
	font-size: 15px;
	width: 13.3% !important;
	padding: 0;
}


.uk-description-list dt {
  font-family: gothic;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 30px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #028a97;
}
.uk-description-list dd, 
.uk-description-list dd small {
  font-family: gothic;
  font-size: 15px !important;
  color: #000;
}

.searchDiv .uk-dropdown {
  padding: 20px;
  background: #e5fdff;
  border: 1px solid #028a97;
  box-shadow: 0 0 6px #028a97;
}

.searchDiv .uk-dropdown .uk-nav {
	margin: 0;
	padding: 0;
}

.searchDiv .uk-dropdown .uk-nav-header, 
.searchDiv .uk-dropdown .uk-search-moreresults a 
{
	font-family: gothic;
	font-size: 16px;
	font-weight: bold;
	color: #028a97;
	letter-spacing: 1px !important;
}

.searchDiv .uk-dropdown li a {
    font-family: gothic;
	color: #03a5b5;
	text-transform: uppercase;
	font-weight: bold;
}
.searchDiv .uk-dropdown .uk-nav-divider {
  border-top: 1px solid #028a97;
}

.searchDiv .uk-dropdown li a div {
  text-transform: capitalize;
  line-height: 18px;
  color: #000;
  font-weight: normal;
}


.searchpage #searchForm
{
	width:1000px;
	margin:30px auto 40px !important;
}

.searchpage #searchForm .uk-panel.uk-panel-box {
	border: 2px solid #028a97;
	padding: 40px 30px;
	margin-bottom: 12px;
	border-radius: 20px;
	box-shadow: none !important;
}

.searchpage #searchForm .uk-panel.uk-panel-box label {
  font-family: gothic;
  font-size: 15px;
  color: #000;
}

.searchpage #searchForm .uk-panel.uk-panel-box input {
  background: #e5fdff;
  border: 1px solid #028a97;
  border-radius: 7px;
  font-family: gothic;
  font-size: 15px;
  color: #000;
}

.searchpage #searchForm .uk-panel.uk-panel-box button
{
	font-family:gothic;
	font-size:15px;
	font-weight:bold;
	background:#028a97;
	border:1px solid #028a97;
	color:#fff;
}
.searchpage #searchForm .uk-panel.uk-panel-box button:hover
{
	background:#6c21ae !important; 
	border-color:#5A477E !important;
}

.searchpage #searchForm .uk-margin-topsearchpage * {
  font-family: gothic;
  font-size: 15px;
  color: #000;
}

.searchpage #searchForm .uk-margin-topsearchpage span.uk-badge {
  margin: 0 0 7px;
  font-size: 21px;
  color: #06a7b7;
  font-weight: bold;
}

.searchpage .uk-article.tm-article {
  width: 1000px;
  margin: auto auto 20px;
}

.searchpage .uk-article.tm-article .uk-margin-large-bottom {
  margin-bottom: 10px !important;
}

.searchpage .uk-article.tm-article .uk-margin-large-bottom h1 {
  margin: 0 !important;
  line-height: 30px;
}

.searchpage .uk-article.tm-article .uk-margin-large-bottom h1 a {
  font-family: gothic;
  text-transform: uppercase;
  font-size: 19px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #22aab7;
}
.searchpage .uk-article.tm-article .tm-article-container {
  font-family: gothic;
  font-size: 15px;
  color: #000;
  line-height: 25px;
}

.searchpage .uk-article.tm-article .tm-article-container span.highlight {
  background: #028a97;
  padding: 3px 5px;
  color: #fff;
  border-radius: 5px;
}

.searchpage #tm-content {
  padding-bottom: 100px;
}
.searchpage .uk-pagination {
  margin-top: 30px;
}
.searchpage .uk-pagination li span,
.searchpage .uk-pagination li a:hover
{
  width: 30px;
  height: 30px;
  display: block;
  background: #740ABD;
  padding: 0;
  color: #fff;
  font-family: verdana;
  font-size: 15px;
  border: 1px solid #8a0ce1;
  line-height: 30px;
  letter-spacing: 0;
}
.zx-zoocart-checkout-address div.uk-form-icon input {
  padding-left: 35px !important;
}
.zx-zoocart-checkout-address div.uk-form-icon i {
  z-index: 1;
} 
#yoo-zoo .zoo-pagination span , 
#yoo-zoo .zoo-pagination a:hover 
{
  width: 30px;
  height: 30px;
  display: inline-block;
  background: #740ABD;
  padding: 0;
  color: #fff;
  font-family: verdana;
  font-size: 15px;
  border: 1px solid #8a0ce1;
  line-height: 30px;
  letter-spacing: 0;
}

.searchpage .uk-pagination li a
{
  width: 30px;
  height: 30px;
  display: block;
  background: #DDB9F7;
  padding: 0;
  color: #480675;
  font-family: verdana;
  font-size: 15px;
  border: 1px solid #8a0ce1;
  line-height: 30px;
  letter-spacing: 0;
}

#yoo-zoo .zoo-pagination a
{
  width: 30px;
  height: 30px;
  display: inline-block;
  background: #DDB9F7;
  padding: 0;
  color: #480675;
  font-family: verdana;
  font-size: 15px;
  border: 1px solid #8a0ce1;
  line-height: 30px;
  letter-spacing: 0;
}

.uk-tooltip {
  display: none !important;
}


.uk-navbar-toggle
{
	background:url("../images/nb/menubtn.png") no-repeat 0 0;
	width:81px;
	height:54px;
	display:block;
	float:right;
}

#yoo-zoo .item .pos-shortdescription .element-joomlamodule .rsform-block-text {
  font-family: gothic;
  font-size: 15px;
  text-align: justify;
  color: #000;
}
#yoo-zoo .item .pos-shortdescription .element-joomlamodule .rsform-block-email {
  font-family: gothic;
  color: #000;
  font-size: 15px;
  text-transform: capitalize;
}

#yoo-zoo .item .pos-shortdescription .element-joomlamodule .rsform-block-email input
{
	border: 1px solid #028a97;
	box-shadow: none;
	color: #000;
	font-family: gothic;
	font-size: 15px;
	padding:5px 10px;
	width: calc(100% - 23px);
	text-align: left;
	background:#e5fdff;
	margin-top: 6px;
} 
#yoo-zoo .item .pos-shortdescription .element-joomlamodule  button#submit {
	width: 100px;
	font-family: gothic;
	color: #fff;
	text-align: center;
	padding: 5px;
	font-size: 15px;
	height: 33px;
	line-height: 15px;
	border: none;
	background: #007682;
	text-transform: uppercase;
}

#yoo-zoo .feedback {
    width: 1150px;
    margin: auto auto 100px;
}
#yoo-zoo .feedback .box-1 {
	padding: 0 !important;
}
#yoo-zoo #comments #respond h3 {
	padding-left: 2px;
	background: #6B2C97;
	padding: 10px;
	border-radius: 10px;
	color: #fff;
	font-family: gothic;
	font-size: 17px;
}
#yoo-zoo #comments #respond form p {
  font-family: gothic;
  color: #000;
  font-size: 15px;
}

#yoo-zoo #comments #respond form div.author, 
#yoo-zoo #comments #respond form div.email, 
#yoo-zoo #comments #respond form div.url 
{
	width: 33%;
	display: inline-table;
	margin-bottom: 0;
}

#yoo-zoo #comments #respond form div.author input, 
#yoo-zoo #comments #respond form div.email input, 
#yoo-zoo #comments #respond form div.url input 
{
	width: calc(100% - 20px);
	padding: 5px 9px;
	font-family: gothic;
	font-size: 14px;
	color: #000;
	background:#e5fdff;
	border: 1px solid #028a97;
	box-shadow: none;
	text-align:left;
}

#yoo-zoo #comments #respond form div.author input:focus, 
#yoo-zoo #comments #respond form div.email input:focus, 
#yoo-zoo #comments #respond form div.url input:focus
{
	box-shadow:none !important;
}

#yoo-zoo #comments #respond form div.content textarea {
	max-width: 100% !important;
	padding: 10px !important;
	background:#e5fdff;
	border: 1px solid #028a97;
	box-shadow: none;
	text-align:left;
	height: 100px !important;
	overflow: hidden;
	font-family: gothic;
	font-size: 14px;
	color: #000;
}

#yoo-zoo #comments #respond form div.actions input {
	width: 300px;
	font-family: gothic;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	border:1px solid #028A97;
	background: #028A97;
	padding: 10px 0px;
}

#yoo-zoo #comments #respond form div.actions input:hover
{
	background: #6c21ae !important;
	border-color: #5A477E !important;
}

#yoo-zoo div#comments .comments-meta {
	background: #6B2C97;
	padding: 5px 10px;
	font-family: gothic;
	color: #fff;
	font-size: 16px; 
	border-radius: 10px;
	font-weight:normal;
}

#yoo-zoo #comments #respond form div.actions a.comment-cancelReply {
  font-family: gothic;
  background: #6B2C97;
  padding: 10px 10px;
  border-radius: 7px;
  color: #fff;
  text-transform: uppercase;
  
}
#yoo-zoo #comments .comment .comment-head {
  background: #F4E7FD;
  border: 1px solid #6B2C97;
  border-radius: 10px;
  padding:10px;
}
#yoo-zoo #comments .comment .comment-head h3 {
  float: left;
  margin-top: 2px;
}
#yoo-zoo #comments .comment .comment-head h3 a {
  font-family: gothic;
  text-shadow: none;
  color: #6B2C97;
  font-size: 19px;
}
#yoo-zoo #comments .comment .comment-head .meta {
  float: right;
  font-family: gothic;
  font-size: 12px;
  color: #000 !important;
}

#yoo-zoo #comments .comment .comment-body {
  border: 1px solid #028A97;
  background: #e5fdff;
  padding: 10px;
  border-radius: 10px;
}

#yoo-zoo #comments .comment .comment-body .content {
  font-family: gothic;
  color: #000;
  font-size: 15px;
}
#yoo-zoo #comments .comment .comment-body a.reply {
  font-family: gothic;
  background: #028A97;
  padding: 5px;
  color: #fff;
  border: 1px solid #028A97;
  text-transform: capitalize;
  font-size: 13px;
  border-radius: 7px;
}
#yoo-zoo #comments .comment .comment-body .moderation {
  font-family: gothic;
  font-size: 13px;
}

/*------------------------footer-----------------------------*/

.tm-footer {
  margin-top: 96px !important;
  background: url("../images/nb/footerbg.jpg") no-repeat 50% 0 #3E1C58 !important;
  height:427px;
}


.tm-footer > .uk-container {
  max-width: 100%;
  padding: 90px 70px 30px;
}


.tm-footer-left {
  width: 250px;
  float: left;
}

.tm-footer-left .uk-subnav.uk-subnav-line {
  margin: 0;
  text-align: left;
}

.tm-footer-left .uk-subnav.uk-subnav-line li {
  display: inline-block;
  width: 100%;
  text-align: left;
  float: none !important;
}

.tm-footer-left .uk-subnav.uk-subnav-line li::before,
.tm-footer-right .uk-subnav.uk-subnav-line li::before
{
  content: none;
}

.tm-footer-left .uk-subnav.uk-subnav-line li 
{
  display: list-item;
  width: 100%;
  text-align: left;
  float: none !important;
  padding-left: 8px;
  margin-top: 5px;
  
}
.tm-footer-left .uk-subnav.uk-subnav-line li.uk-active, 
.tm-footer-left .uk-subnav.uk-subnav-line li:hover ,
.tm-footer-right .uk-subnav.uk-subnav-line li.active ,
.tm-footer-right .uk-subnav.uk-subnav-line li:hover
{
  list-style: disc;
  color: #fff;
  font-size: 16px;
}

.tm-footer-left .uk-subnav.uk-subnav-line li a ,
.tm-footer-right .uk-subnav.uk-subnav-line li a
{
    font-family: gothic;
    text-transform: uppercase;
    font-size: 15px;
    color: #fff;
    text-decoration: none !important;
    outline : 0 !important;
    transition:         none !important;
    -o-transition:      none !important;
    -moz-transition:    none !important;
    -webkit-transition: none !important;
}


.tm-footer-right {
  width: 250px;
  float: right;
}

.tm-footer-right .uk-subnav.uk-subnav-line {
  margin: 0;
  text-align: left;
}

.tm-footer-right .uk-subnav.uk-subnav-line li {
  float: none;
  display: list-item;
  width: 100%;
  margin-top: 5px;
  padding-left: 8px;
}

.tm-footer-center {
  width: 715px;
  margin: auto;
  text-align: center;
}

.tm-footer-center > div {
  padding-top: 30px;
}

.tm-footer-center .element-textarea p {
  font-family: gothic;
  color: #fff;
  font-size: 15px;
  margin: 0;
  line-height: 26px;
}

.footertop {
  height: 170px;
}

.footerdivider
{
    background: url("../images/nb/divider.png") no-repeat calc(50% + 44px) 0;
    height:49px;
}
.bsocial {
    width: 85px;
    float: none;
    margin: auto;
    height: 25px;
    text-align: center;
    padding-top: 13px;
}

.bsocial ul li {
  width: 22px;
  display: inline-table;
  margin: 0 3px;
  height: 22px;
}

.bsocial ul li a {
  padding: 0;
}
.bsocial ul li a img {
    filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.bsocial ul li img
{
    width:25px;
    height:25px;
}

.mainfooter
{
    width: 500px;
    margin: 20px auto auto;
    text-align: center;
}
.dddd-register 
{
    width: 500px;
    margin: auto;
    text-align: center;
}
.mainfooter p, 
.dddd-register, 
.dddd-register a 
{
  font-family: gothic;
  text-transform: uppercase;
  font-size: 14px;
  color: #fff !important;
  margin: auto auto 0;
  line-height: 25px;
}

.dddd-register a:hover
{
    color:#31C9D7 !important;
}
/*------------------------media query-----------------------------*/

@media screen and (min-width: 1425px)
{
	.mainmenu {
		width: 900px !important;
	}
}
@media screen and (max-width: 1350px)
{
    .bottomAtitle 
    {
        width: calc(30% - 100px);
        float: left;
        height: 409px;
        padding: 0 0 0 100px !important;
        margin-top: 180px !important;
    }
    .bottomBtitle
    {
        width: calc(30% - 100px);
        float: right !important;
        height: 409px;
        padding: 0 0 0 100px !important;
        margin-top: 180px !important;
    }
    #tm-bottom-a .uk-width-1-1
    {
        margin: 0;
        padding: 0;
        width: 70%;
        float: right;
        height: 100%;
    }
     #tm-bottom-b .uk-width-1-1 
    {
        margin: 0;
        padding: 0;
        width: 70%;
        float: left !important;
        height: 100%;
    }
	.tm-footer-center {
		width: 625px;
	}
}



#tm-top-b .zoo-category-list a:hover img {
  transform: scale(1.05);
  filter: brightness(1.1) contrast(1.1)
}
#tm-top-b .zoo-category-list a img {
  transition: all ease-out .25s
}