html 
{

}

body 
{
	font-size: 12px;
	color: #8f8f8f;
	font-weight: normal;
	background: #fff; 
	width:100%;
	height:100%;
	font-family: 'Roboto Slab', serif;
	overflow-x:hidden;

}

*{
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.wrapper 
{
	width:100%;
	max-width: 1080px;
	margin: 0px auto;
	position:relative;
}

.relative {	position: relative }
.responsive{
	width:100%;
	height:auto;
}
.overflow { overflow: hidden; }
.left { float: left; }
.right { float: right; }
.clear { width: 100%; height: 0px; overflow: hidden; clear: both; }
.section { width: 100%; }

a, ul.mainMenu li a,#header .wrapper, #boxes,.menuResponsive,ul.mainMenu,#header,#site,#footer, #index,div.cycle-pager .ball,#index:before,
#header .wrapper div.right .section:last-child span, #text,	#site .siteTitle,div.gallery a.img div,div.gal a.img > div,#site_list li a > div,
#site:before,.box,#site .box p span,#boxes a .box .title,#boxes a .box .tHov,input[type=submit],div.iframed iframe{
	-moz-transition: 0.2s ease-out;
	-webkit-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}


h1{
	text-align:center;
	color:#fff;
	font-size:24;
	font-weight:300;
}

h1 strong{
	font-weight:normal;
}

#index h1{
	margin:30px 0px;
}

h2{
	color:#3c2003;
	font-size:27px;
	font-weight:bold;
}

div.iframed{
	position:absolute;
	left:0px;
	overflow: hidden;	
	z-index:200;
	top:20px;
	cursor:pointer;
}

div.iframed iframe{
	width:0;
	background:#fff;
}
div.iframed:hover iframe{
	width:295px;
}


ul.mainMenu{
	padding:0;
	margin:0;
}

ul.mainMenu li{
	list-style-type: none;
	float:left;
	padding:15px 20px;
	border-bottom:1px solid #ededed;

}

ul.mainMenu li:first-child{
	padding-left:8px;
}

ul.mainMenu li a{
	color:#8f8f8f;
	text-decoration: none;
	font-size:15px;
	font-weight:300;
	padding:15px 0px;
	border-bottom:1px solid transparent;
	font-family: 'Fauna One', serif;

}

ul.mainMenu li a:hover,ul.mainMenu li a.active{
	border-bottom:1px solid #966c3c;
	color:#3b3b3b;
}

.menuResponsive{
		position: absolute;
		right:-50px;
		top: 30px;
		width: 30px;
		overflow: hidden;
		cursor: pointer;
		display:block;
		z-index:200;
		cursor:pointer;
		display:none;
		z-index:99999;
}

.menuResponsive span{
		display: block;
		width: 100%;
		height: 5px;
		background: #A06E33;
		margin: 4px 0;
		
}

#header{
	margin:0 0 15px 0;
}

#header .wrapper div.right{
	width: 77%;

}

#header .wrapper div.right div.section:last-child{
	color:#9b703f;
	font-size:16px;
	padding:15px 0 0 20px;text-align:right;
}

#boxes, #text {
	padding:0px 65px;
}
#header .wrapper{
	border-top:4px solid #a06e33;
	max-width:965px;
	padding:25px 0;
	
}
#header .phone:before{
	content:url('../img/phone.png');
	margin:0% 1% 0% 0;
}
#header .mail:before{
	content:url('../img/email.png');
	margin:0% 1% 0% 8%;
}
#slider, #banner{
	margin:15px 0 0 0;
}
#banner img{
	border-radius: 5px;
	width:100%;
}
div.cycle-slideshow{
	z-index:100;

}
div.cycle-slideshow p.txt{
	position:absolute;
	font-weight:300;
	font-size:40px;
	color:#462a0c;
	z-index:100;
	top: 34%;
	left: 6%;
	line-height: 40px;
	max-width:620px;
	width:100%;
	margin-top:0;
}

div.cycle-slideshow .cycle-slide a {
	position:absolute;
	z-index:100;
	bottom:25%;
	left:6%;
	font-size:16px;
	color:#fff;
	background:#492704;
	text-decoration: none;
	padding:10px 40px;
	border-radius: 40px;
	font-size:16px;
	box-shadow:0px 35px 43px -25px #B0834E inset;
}

div.cycle-slideshow .cycle-slide a:hover{
	box-shadow:0px 65px 43px -25px #B0834E inset;
}

div.cycle-slideshow p.txt span{
	font-weight:600;
}

div.cycle-slide img{
	border-radius: 13px;
	width:100%;
}

div.cycle-pager{
	position:absolute;
	z-index:101;
	bottom:12%;
	left:6%;
}

div.cycle-pager .ball{
	width:15px;
	height:15px;
	background:rgba(98,103,99,0.65);
	border-radius:100%;
	display:inline-block;
	margin-right:15px;
	cursor:pointer;
}

div.cycle-pager .ball.active,div.cycle-pager .ball:hover{
	background:#333333;
}
p.breadcrumb {
	color:#fff;
}
p.breadcrumb a.active{
	color:#fff;
}
p.breadcrumb a{
	text-decoration: none;
	color:#eec79d;
}
p.breadcrumb a:hover{
	color:#fff;
}
#index:before{
	content: url('../img/home.png');
	position:absolute;
	z-index:-1;
	top: 31%;
}

#site:before{
	content: url('../img/site.png');
	position:absolute;
	top:100px;
}


#text ul{
	padding-left:25px;
}

#text li{
	list-style-type:none;
	position:relative;
}
#text li:before{
	content:"\00BB";
	position:absolute;
	left:-25px;
	color:#b59b7f;
}
#boxes a{
	width:23%;
	margin-left:2.5%;
	text-decoration: none;
	word-wrap:break-word;
}
.box{
	height:282px;
	width:100%;
	text-align:center;
	padding: 180px 0px 0px;
	font-weight:300;
	max-width:220px;
	margin:0px auto;
	display:table;
}

.box p{
	display:table-row;
	width:100%;
	height:100%;
	position:relative;
	z-index:2;
}


.box:hover{

}
#boxes a .box a{
	text-decoration: none;
	color:#242424;
	font-size:26px;
	word-wrap: break-word;
}

#boxes a:first-child{
	margin-left:0;
}

#boxes a .box .title{
	color:#fff;
	font-weight:400;
	font-size:24px;
	bottom: 0;
	left: 0;
	background:#3c2003;
	height:100px;
	width:100%;
	border-radius:0px 0px 10px 10px;
	display:table-cell;
	vertical-align: middle;
	box-shadow:inset 0px 30px 44px -30px #b36d2c;
}

#boxes a .box .tHov{
	width:100%;
	height:0;
	background:#3c2003 url('../img/arrow.png') no-repeat center 65px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:1;
	border-radius:0px 0px 10px 10px;
}

#boxes a .box:hover .tHov{
	background-color:rgba(60,32,3,0.77);
	height:100%;
	border-radius:7px 7px 10px 10px;
}

#boxes a .box:hover .title{
	background:#9b7752;
	box-shadow:inset 0px 30px 44px -30px #f5c394;
}

#boxes a .box .title:before{
	content:"";
	width:100%;
	box-shadow:1px 1px 1px #b36d2c;
}



.box.first{
	background: url('../img/boxes/first.png') no-repeat top;
	border-radius: 8px !important;
}

.box.second{
	background: url('../img/boxes/seconds.png') no-repeat top;
	border-radius: 8px;
}

.box.third{
	background: url('../img/boxes/third.png') no-repeat top;
	border-radius: 8px;
	background-size: 120%;
}

.box.fourth{
	background: url('../img/boxes/fourth.png') no-repeat top;
	background-size: 116%;
	border-radius: 8px;
}
a:first-child{
	margin-left:0;
}

#references{
	height:100px;
	margin:45px 0 0 0;
}

#slidable{
	width:100%;
}

#slidable a{
	display: block;
	float: left;
	width: 200px;
	height: 100px;
	padding: 0px 10px;
	text-align: center;
	overflow:hidden;
}

#slidable a img{
	max-width:200px;
	max-height:100px;
}

#footer .wrapper{
	margin:50px auto 20px;
	border-top:1px solid #ead7c3;
	padding:30px 10px;
	color:#cbb7a2;
}

#references .shadowRight {
    position: absolute;
    right: 0px;
    height: 100%;
    width: 50px;
    box-shadow: 0px 0px 20px 10px #FFF;
    z-index: 22;
    background: none repeat scroll 0% 0% #FFF;
}

#references .shadowLeft{
	position: absolute;
	left: 0px;
	height: 100%;
	width: 50px;
	box-shadow: 0px 0px 20px 10px #FFF;
	z-index: 22;
	background: none repeat scroll 0% 0% #FFF;
}



#site .box{
	width:100%;
	height:130px;
	border-radius:7%;
	display:table;
	box-shadow:none;
	padding:0;
	overflow: hidden;
}
#site .box p{
	display:table-row;
	

}
#site .box p span{
	display:table-cell;
	vertical-align: middle;
	background:rgba(60,32,3,0.8);
	color:#fff;
}

#site .box.second {
	background:url('../img/boxes/seconds.png') no-repeat top;
}

#site .box:hover p span{
	background:rgba(155,119,82,0.8);
}

#site #text > div.left{
	width:75%;
}

#site #text > div.right{
	width:24%;
}

#site .siteTitle {
	font-size:27px;
	color:#3c2003;
	font-weight:bold;
	width:100%;
	border-bottom:1px solid #ead7c3;
	padding:0px 10px 15px 10px;
	margin:50px 0 40px 0;
	position:relative;
	top:30px;
}
h5{
	font-size:27px;
	color:#3c2003;
	font-weight:bold;
	width:100%;
	border-bottom:1px solid #ead7c3;
	padding:0px 10px 15px 10px;
	margin:50px 0 20px 0;
}

#site .content{
	color:#4a4540;
	font-size:15px;
	overflow:hidden;
	text-align: justify;
}
#site .content p{
	padding-right:10px;
}

#site #boxContainer {
	padding:15px 0 0 ;
}
#site #boxContainer a{
	width:100%;
	text-decoration: none;
	color:#242424;
	font-size:26px;
	word-wrap: break-word;
	padding:0 0 20px 0;

}



#form_kont, #form_kont table{
	width:100%;
}

#form_kont, #form_kont table td{
	padding:5px;
	vertical-align: top;
}

#form_kont table input, #form_kont table textarea{
	width:100%;
	padding:3px;
	margin-bottom:5px;
}

#site_list{
	padding:0;
	margin:0;
}

#site_list li{
	list-style-type: none;
}

div.gallery a.img, div.gal a.img, #site_list li a{
	width:22%;
	margin:1%;
	height:120px;
	position:relative;
	overflow:hidden;
	float:left;
	text-align:center;
	text-decoration: none;
	color: #242424;
	font-size: 20px;
	background-position:top;

}

div.gallery a.img > div, div.gal a.img > div,  #site_list li a > div{
	width:100%;
	height:0%;
	background:rgba(35,35,35,0.8);
	color:#fff;
	padding:0;
	display:block;
	color:transparent;
}

div.gallery a.img:hover > div, div.gal a.img:hover >div,  #site_list li a:hover > div{
	height:100%;
	padding:1em 0 0;
	color:#fff;
}

.partner{
	margin:10px 0;
}

.partner h3{
	margin-top:0;
}

.partner a {
	color:#4A4540;
}
.partner a > div.right{
	width:65%;
}

.partner a > div.left{
	width: 28%;
}

input[type=submit]{
	background:#3C2003;
	color:#fff;
	border:1px solid #EEC79D;
}

input[type=submit]:hover{
	background:#EEC79D;
	border-color:#3C2003;
}



@media(max-width:1090px){
	#header .wrapper, #boxes, #text{
		padding:0 5px;
	}

	#header .wrapper{
		padding:35px 5px;
	}

	div.iframed {
		top:180px;
	}

}

@media(max-width:950px){
	#header .wrapper div.right,#header .wrapper div.left,ul.mainMenu{
		width:100%;text-align: center;
	}

	#header .wrapper > div, #header .wrapper > div .section {
		margin:5px 0px;
	}
	#header .wrapper div.right div.section:last-child{
		text-align:center;
	}
	ul.mainMenu li{
		float:none;
		display:inline-block;
		text-align: center;
	}

	div.iframed {
		top:40px;
	}
}

@media(max-width:895px){
	#site #text > div.right, #site #text > div.left{
		width:100%;
	} 

	#site #boxContainer a{
		width: 50%;
		margin: 2% 0px 2% 4%;
	}

	#site #boxContainer a:first-child, #site #boxContainer a:last-child{
		margin-left:0;
	}

	#site #boxContainer a{
		width:50%;
		margin:2% 0;
	}
}


@media(max-width:890px){


	.cycle-slideshow, .cycle-slide, .cycle-sentinel, .cycle-slideshow img{
		width:100%;
		height:auto;
	}

	#index:before{
		top:40%;
	}
}

@media(max-width:870px){
	div.cycle-slideshow p.txt {
		top:15%;
	}

	div.cycle-slideshow .cycle-slide a{
		bottom:15%;
	}
}


@media(max-width:755px){
	.menuResponsive{
		display:block;
	}

	#header,
	#site,
	#index,
	#footer{
		right:0px;
	}

	div.gallery a.img, div.gal a.img, #site_list li a {
	    width: 45%;
	    margin: 2%;
	    height: 120px;
	}
}
@media(max-width:754px){
	#header .wrapper{
			padding:15px 5px;
	}

	#boxes a,#boxes a.right:nth-child(3n),#boxes a.right{
		width:48%;
		margin:2% 0;
	}



	#index:before{
		top:15%;
	}
	.menuResponsive{
		right:15px;
	}

	ul.mainMenu{
		position:fixed;
		overflow:hidden;
		width:0px;
		right:0;
	}

	ul.mainMenu li{
		width:100%;
		padding:0;
		text-align:center;
		background:#fff;
	}
	ul.mainMenu li a{
		color:#353535;
	}

	ul.mainMenu li a,ul.mainMenu li {
		padding: 20px 0px;
		border:0;
	}
	body.menuIsOpen #header,
	body.menuIsOpen #index,
	body.menuIsOpen #site,
	body.menuIsOpen #footer{
		right:200px;
		
	}

	body.menuIsOpen ul.mainMenu{
		top:0;
		right:0;
		width:200px;
		z-index:-1;
		height:100%;
		background:#fff;
	}

	body.menuIsOpen ul.mainMenu li:hover,body.menuIsOpen ul.mainMenu li.active{
		background:#A06E33;
	}

	body.menuIsOpen ul.mainMenu li:hover a, body.menuIsOpen ul.mainMenu li.active a{
		color:#fff;
	}

	#footer div.left, #footer div.right{
			width:100%;
			text-align:center;

	}

}


@media(max-width:730px){
	div.gallery a.img, div.gal a.img, #site_list li a {
	    width: 30%;
	    margin: 1%;
	    height: 120px;
	}
}

@media(max-width:700px){
	div.cycle-slideshow p.txt{
		font-size:30px;
	}
}




@media(max-width:630px){

	#boxes a.right:nth-child(3n){
		margin-right:0;
	}
	#boxes a{
		width:48%;
		margin:2% 0 2% 4%;

	}

	#boxes a.right{
		margin:2% 4% 2% 0%;
	}

	#index:before{
		top:15%;
	}
}


@media(max-width:605px){
	div.cycle-slideshow p.txt{
		width:90%;
	}
}

@media(max-width:600px){
	.content{
		text-align:justify;
		margin-bottom:20px;
	}

	#site .siteTitle{
		padding: 0px 0px 20px;
		margin: 25px 0px 20px;
	}
}

@media(max-width:550px){
	.partner a > div.left img{
		max-width:200px;
	}
	.partner a > div.left , .partner a > div.right{
		width:100%;
		text-align:center;
	}
}

@media(max-width:530px){
	#form_kont table td {
		float:left;
		width:100%;
	}
}

@media(max-width:550px){
	#slider{
		display:none;
	}

	#site:before {
		top:-40px;
	}

	#index:before{
		top:-10%;
	}

	#banner{
		display:none;
	}
	#site:before{
		top:-60px;
	}
	#site .siteTitle{
		line-height: 31px;
		margin: 10px 0px 20px;
		border-bottom:none;
	}
	.content{padding-top: 20px;}
}

@media(max-width:500px){
	#boxes a,#boxes a.right{
		width:50%;
		float:none;
		margin: 2% auto;
		position:relative;
	}
	#boxes a .box{
		margin:5% auto;
	}
}


@media(max-width:490px){
	#site #boxContainer a{
		width:51%;
		margin:2% auto;
		float:none;
	}

	#site #boxContainer a .box{
		margin: 5% auto;
	}
}

@media(max-width:450px){
	div.iframed {
		display:none;
	}
}

@media(max-width:420px){
	#header .mail:before, #header .phone:before{
		content:"";
		margin:0;
	}

	#header .wrapper div.right .section:last-child span{
		width:100%;
		text-align:center;
		float:left;
	}
	#header .wrapper div.right .section:last-child{
		margin-bottom:10px;
	}

}



@media(max-width:390px){
	#site .siteTitle,h5{
		text-align:center;
	}
}

@media(max-width:370px){
	#index:before{
		top: -7.5%;
	}
}