/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */



@import url(../../../css/custom.css);


::-webkit-input-placeholder {     color: rgb(124, 58, 0);    }
:-moz-placeholder {      color: rgb(124, 58, 0); }
::-moz-placeholder {     color: rgb(124, 58, 0); }
:-ms-input-placeholder {     color: rgb(124, 58, 0); }

#yoo-zoo .item h3 {
    margin-top: 0px;
    padding-bottom: 7px;
    background: url(../images/line_dotted_h.png) 0 100% repeat-x;
    font-size: 38px;
    font-weight: normal;
    letter-spacing: 3px;
}

.syntages .menu-dropdown span.level1 > span {
   background-color: rgba(255,255,255,0.5);
	    /* background: linear-gradient(rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.1) 100%);
		background: -webkit-linear-gradient(rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.1) 100%);
		background: -moz-linear-gradient(rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.1) 100%);*/
}
.syntages  .menu-dropdown a.level1 > span {
	  background-color: rgba(255,255,255,0.5);
	   /* 
	    background: linear-gradient(rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.1) 100%);
		background: -webkit-linear-gradient(rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.1) 100%);
		background: -moz-linear-gradient(rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.1) 100%);
	*/
}
/*
.syntages #yoo-zoo .item div.pos-header {
    overflow: hidden;
     background: none;
}
.syntages #yoo-zoo .item div.media-left {
    margin-right: 0px;
    float: none;
}

.syntages #yoo-zoo .item div.media-left img{ 
	width:100%;
}

.syntages #yoo-zoo .item div.pos-media { border:none; }
*/
li { display:block; }

.element-rating{ display:none;}
h1, h2, h3 {
	font-family: 'Composition';
	color: rgb(40,0,0);
	font-size: 300%;
	line-height: 0.8em;
}

.centerBoxes { text-align: center; }

#yoo-zoo .items h2.pos-title {
	font-size: 1.1em;
	line-height: 18px;
	font-weight: normal;
	font-family: 'notoSans';
}
#menu{ font-family:Arial, Helvetica, sans-serif; }

.uk-grid { margin: 0px; }
#block-header {  }
body { color: rgb(40,0,0);}

#sidebar-b{ 	background: rgba(41, 20, 7, 0.92);    color: #fff; padding-bottom: 220px; position: relative;
border-radius: 0em 0em 1.5em 1.5em;
}

.whiteBox { background: rgba(255, 255, 255, 0.7);  
			padding:0.5em 1em 1em 1em; border-radius: 0em 0em 1.5em 1.5em;}
#system form,#system .items { background: rgba(255, 255, 255, 0.7); margin:1em;  
			padding:0.5em 1em 1em 1em; border-radius: 0em 0em 1.5em 1.5em;}		
.whiteBox p { font-size:90%;}
.whiteBox h3 { font-size:300%;}

h3.first_page { padding:0; margin: 5px 0 ;}
.contactInfo h3{ font-family: 'notoSans'; font-size: 130%; line-height: 1em; color: rgb(122, 56, 0); }
.contactInfo h4{ font-family: 'notoSans'; font-size: 110%; line-height: 1em; color: rgb(122, 56, 0); }
.brownBox { background: rgba(41, 20, 7, 0.92);    color: #fff; 
			padding:0.5em 1em 1em 1em;}
.brownBox h3 { color: rgb(150,80,5); font-family: 'notoSans'; font-size: 1.2em; font-weight:700;}
.brownBox a { color: rgb(255,255,255);}

.contentBox	{ padding: 2em 2em 2em 2em;}
.contentBox2 { padding: 2em 2em 2em 2em;}
	
	
	
.grid-box img {max-width:100%; min-height:30px;}	
	
.slogan { color: #fff; padding: 1.3em; 
box-shadow: -1px 3px 10px -5px rgba(112, 112, 112, 0.2); 

font-size: 90%}
.slogan h1 { color: #fff; text-align:center;}

.composition { font-family: 'Composition'; text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.6); }
.bigFont { font-size: 5em;}
.medFont { font-size: 36px;}
.toBottom { position:absolute; bottom:0;}
.textCenter {text-align:center;}

.bigPageBox { background:url(../images/bg/white_flower.png) 0 0 no-repeat; 
height: 190px;
background-position: center;
position: relative;
padding: 0px 0px 0px 15px;
}

/*.content { padding:2em 2em 2em 4em;}*/


#search { float:right; text-align:right; position:absolute; right:90px;}

.searchbox {
	position: absolute;
width: 80px;
height: 68px;
padding: 0 42px;
border: none; 
background: url(../images/searchbox_magnifier.png) 0 50% no-repeat;
}

.searchbox input {
height: 68px;
font-size: 15px;
color: rgb(124, 58, 0); }


.custom-logo { background-image: url(../../../../../images/yootheme/logo_green.png); }



.frontpage-teaser1 { background-image: url(../../../../../images/yootheme/demo/slideshow/infinite_teaser1_green.jpg); }

.custom_sidebar  {
	color: #fff;
	padding-left: 12px;	
	margin-top: 20px;

}

.custom_sidebar a {
		
	width:100%;
	display: table-cell; 
  vertical-align: middle;
	padding: 0px 0 0 6px;

}
.custom_sidebar li a {
		display:block;
	width:100%;
	height: 100%;

	margin-bottom:6px;
}
.custom_sidebar h3 span{ display:table-cell; vertical-align: middle; height: 35px;vertical-align: middle;}
.custom_sidebar h3 {
	display:block;
	height: 35px;
	width:100%;
	box-shadow: -1px 3px 10px -5px rgba(112, 112, 112, 0.8);
	border-radius: 4px;
	
	
}
.custom_sidebar h1,
.custom_sidebar h2,
.custom_sidebar h3 { 
	font-family:'Composition';
	font-size:3em;
}


.wk-slideshow-infinite .caption h1 {font-size: 4.2em;
color: rgb(40, 0, 0);
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);
line-height: 1em;
 }
strong {
	color: rgb(40, 0, 0);

}

.wk-slideshow-infinite .caption {
bottom: 35%;
left: 35%;
right: 5px;
background: none;
}

.perissotera{
	width:146px; height:41px;	position: absolute; right:5%; top:-15px;
	background: url(../../../../../images/graphics/perissotera.png) no-repeat;
	background-size: contain;
	padding: 10px 15px 6px 0px;
	color: #8b1340;
}
.posRelative {position:relative;}

/*.toBottomLeft{position: absolute;
	bottom: 40px;
	height: 230px;
	display: block;}
.fullHeight { display: block; min-height:220px}*/

.fullHeight {position: absolute;
	bottom: 5px;
	height: 230px;
	display: block;}


.header_social { text-align: center; padding:10px 0 10px 0; }

#yoo-zoo > div > div > div > h1 > div {
color: rgb(110, 88, 81);
font-family: 'roboto';
font-weight: normal;
}

.pos-specification li {
	display:inline-block;
	width: 40px;
	height:80px;
	background:url(../images/tools/product_management.png) no-repeat;
	vertical-align: bottom;
	text-align: center;
	padding-top: 45px;
}
.pos-specification li p { margin:0; text-align: left;}
.pos-specification li:nth-child(1){ background-position: 0 0px; }
.pos-specification li:nth-child(2){ background-position: -49px 0px; }
.pos-specification li:nth-child(3){ background-position: -98px 0px; }
.pos-specification li:nth-child(4){ background-position: -147px 0px; }
.pos-specification li:nth-child(5){ background-position: -196px 0px; }
.pos-specification li:nth-child(6){ background-position: -245px 0px; }

form.submission {
margin: 10px; background: rgba(255, 255, 255, 0.7); padding:0.5em 1em 1em 1em;
}

.menu-dropdown .level2 { font-family: 'roboto'; font-size: 1em;}
.highlight a{ color: #7a3800;}
.highlight a:hover{ text-decoration:underline;}


@media (max-width: 767px){
	.searchbox {
	 color: #9B6025;
	}
}

.wk-slideshow[data-options*="kenburns"] img {   
  max-width: none !important;   
  position: relative;  
}