/* Fontz */
@import url("https://use.typekit.net/cpo1dzc.css");

/* We like off-black for text. */
body, select, input, textarea {color: #6f8665;}

a {color: #aacb98; text-decoration:none;}
a:hover {color: #1f862d;}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #9bb38d; color: #fff; text-shadow: none;}
::selection {background: #9bb38d; color: #fff; text-shadow: none;}

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #9bb38d;}

ins {background-color: #9bb38d; color: #fff; text-decoration: none;}
mark {background-color: #9bb38d; color: #fff; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

a,button,
.news-thumb,
button i,
a i{
  transition:.3s;
}

.green{color:#0c8a2d;}
.light{color:#9c9184;}

small{font-size:10px;}

.hide{
	display:none;
}

/* buttons */
/*.read-more-arrow{
	font-size:1.1em;
	letter-spacing:0.1em;
}*/
.read-more-arrow span{
	color:#aacb98;
	display:inline-block;
	border:2px solid #aacb98;
	border-radius: 0 4px 0 8px;
	letter-spacing:0em;	
	margin-left:15px;
	text-align:center;
	height:28px;
	line-height:28px;
	font-size:18px;
	width:28px;
}
.read-more-arrow:hover span{
	background-color:#1f862d;
	border-color:#1f862d !important;
	color:#fff !important;
}
.read-more-arrow span i{
	position:relative;
	top:1px;
}

.read-more,
.item .read-more{
	background-color:#fffbf4;
	border:1px solid #d5cfc6;
	border-radius:0 4px 0 4px;
	border-bottom-right-radius:3px;	
	color:#d5cfc6;
	font-size:13px;
	float:right;
	margin-top:30px;
	padding:4px 12px;
}
.read-more span{
	font-weight:500;
	margin-left:10px;
	position:relative;
	top:1px;
}

.item .read-more i,
.read-more i{
	font-size:16px;
	
}
.item .read-more i,
.read-more-txt i,
.vcard .read-more i{
	margin-left:8px;
}
.vcard .read-more{
	background:none;
	border-color:#e6dacd;
	color:#e6dacd;
	font-size:11px;
}
.vcard .read-more i{
	font-size:13px;
}


.item:hover .read-more,
.read-more:hover,
.vcard .read-more:hover{
	border-color:#dc9922;
	background-color:#dc9922;
	color:#fff;
}

button i{
	display:inline-block;
}
/* And here begins the WordPress fun.
-------------------------------------------------------------------------------*/

body{ 
	background:#fbfaf8;
	background:#fff;
	background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,251,244,1) 16%);
	font-size:12px;
	font-family:"objektiv-mk2", sans-serif;;
}
.wrapper {
	max-width: 1280px; 
	margin: 0px auto; 
	padding:0 40px; 
	width:100%;
}
.section{
	padding-top:60px;
	display:none;
}

.mobile{
	display:none !important;
}
#page-home{
	display:block;
}



#fp-nav ul li a span, .fp-slidesNav ul li a span{
	background-color:#fff !important;
}

.col{
	float:left;
}
.col-right{
	float:right;
}
.col-1-2{
	width:50%;
}
.col-1-3{
	padding:0 26px;
	/*width:405px;*/
	width:calc(1/3 *100%);
}
.col-2-3{
	padding:0 26px;
	width:calc(2/3 *100%);
}
.col-3-5{
	padding:0 26px;
	width:calc(3/5 *100%);
}
.col-2-5{
	padding:0 26px;
	width:calc(2/5 *100%);
}


.col-1-6{
	padding:0 26px;
	width:calc(1/6 *100%);
}


strong{
	font-weight:500;
}
p.big strong{
	color:#6f8665;
	font-size:19px;
	font-weight:500;
	line-height:24px;
}
p strong{
	color:#6f8665;
	font-size:16px;
	font-weight:500;
}
p{
	color:#6f8665;
	font-size:15px;
	font-weight:normal;
	margin-bottom:20px;
	line-height:1.4em;
}
p.small,	
p small{
	font-size:13px;
	line-height:15px;
}
p a{
	color:#9bb38d;
}

.orange,
.orange strong{color:#dc9922;}
.yellow{color:#e1be66;}


h2{
	font-size:20px;
	font-weight:bold;
	margin-bottom:20px;
	letter-spacing:-1px;
}
h3{
	color:#9c9184;
	font-size:16px;
	font-weight:400;
	line-height:19px; 
}

#nav a:after,
.h-line:after,
.content h2:after,
.job:after
{
	content:' ';
	display:block;
	height:2px;
	width:50px;
	background-color:#3b8440;
	margin-top:16px;
    transition:.3s;
}

.h-line:after{
	background-color:#b6d0a4;
	width:36px;
}
.content h2:after,
.job:after{
	background-color:#ebe6de;
	margin-top:40px;
	height:3px;
}




header{
	width:360px;
	float:left;
}



/* bg */
.section{background: #1b6e23 url(/img-new/bg_blank.jpg)no-repeat center 0;}
#page-home{background-image: url(/img-new/bg_home_wiosna.webp?v=3);}
#page-restauracja{background-image:url(/img-new/bg_restauracja_wiosna.webp?v=2); }
#page-sklep{background-image:url(/img-new/bg_home_wiosna.webp); }
#page-franowo{background-image:url(/img-new/bg_franowo.jpg);}
#page-hurt{background-image:url(/img-new/bg_hurt.jpg);}
#page-praca{
	background-image: url(/img-new/bg_praca.jpg),url(/img-new/bg_blank_y.jpg);
	background-position: center 0;
	background-repeat:no-repeat, repeat-y;
}

@media (min-width:1281px){ 
footer{background-image: url(/img-new/bg_footer_home.png); } 
#page-restauracja footer{background-image: url(/img-new/bg_footer_restauracja.png);}
#page-sklep footer{background-image: url(/img-new/bg_footer_sklep.png);}
#page-franowo footer{background-image: url(/img-new/bg_footer_franowo.png);}
#page-hurt footer{background-image: url(/img-new/bg_footer_hurt.png);}
}

footer{
	background-repeat:no-repeat;
	background-position:center bottom;
	padding-bottom:100px;
}

@media (min-width:900px) and (max-width:1280px){
	footer{background-image: url(/img-new/bg_footer_home_1280.jpg); } 
	#page-restauracja footer{background-image: url(/img-new/bg_footer_restauracja_1280.jpg);}
	#page-sklep footer{background-image: url(/img-new/bg_footer_sklep_1280.jpg);}
	#page-franowo footer{background-image: url(/img-new/bg_footer_franowo_1280.jpg);}
	#page-hurt footer{background-image: url(/img-new/bg_footer_hurt_1280.jpg);}
	footer{
		background-position:0 bottom;
	}	
}

/* nav */
#nav{
	margin-top:113px;
}
#nav a{
	background:url(/img-new/icon_nav_detal.png) no-repeat 270px 00px;
	color:#cbe1bd;
	display:block;
	font-size:23px;
	line-height:26px;
	font-weight:500;
	text-align:right;
	padding-right:124px;
	position:relative;
	padding-bottom:50px;
}
#nav a span{
	font-weight:100;
	font-size:18px;
	display:block;
}


#nav li:nth-child(7) a{
	margin-top:50px;
	font-family:"felt-tip-senior";
	font-size:30px !important;
}
#nav li:last-child a,
#nav li:nth-child(7) a{
	font-size:13px;
	color: #279c38;
	line-height:19px;
}

#page-home #nav li:nth-child(1) a,
#page-restauracja #nav li:nth-child(2) a,
#page-sklep #nav li:nth-child(4) a,
#page-franowo #nav li:nth-child(5) a,
#page-hurt #nav li:nth-child(6) a,
#nav a:hover,
#nav li:last-child a:hover,
#nav li:nth-child(7) a:hover{
	color:#fff;
}

#nav a:after{
	position:absolute;
	right:124px;
}
#nav a:hover:after{
	background-color:#71b76d;	
	
}
#nav #nav-restauracja a,
#nav #nav-restauracja-jasin a{background-image:url(/img-new/icon_nav_restauracja.png);}

#nav #nav-sklep a{background-image:url(/img-new/icon_nav_sklep.png);}
#nav #nav-franowo a{background-image:url(/img-new/icon_nav_franowo.png);}
#nav #nav-hurt a{background-image:url(/img-new/icon_nav_hurt.png);}
#nav #nav-praca a{background-image:url(/img-new/icon_nav_praca.png);}
#nav #nav-polityka a{background-image:url(/img-new/icon_nav_prywatnosc.png);}
#page-home #nav li:nth-child(1) a,
#nav a:hover{background-image:url(/img-new/icon_nav_detal_hover.png);}
#nav #nav-restauracja a:hover,
#nav #nav-restauracja-jasin a:hover{background-image:url(/img-new/icon_nav_restauracja_hover.png);}
#page-sklep #nav #nav-sklep a,
#nav #nav-sklep a:hover{background-image:url(/img-new/icon_nav_sklep_hover.png);}
#page-franowo #nav #nav-franowo a,
#nav #nav-franowo a:hover{background-image:url(/img-new/icon_nav_franowo_hover.png);}
#page-hurt #nav #nav-hurt a,
#nav #nav-hurt a:hover{background-image:url(/img-new/icon_nav_hurt_hover.png);}
#nav #nav-praca a:hover{background-image:url(/img-new/icon_nav_praca_hover.png);}
#nav #nav-polityka a:hover{background-image:url(/img-new/icon_nav_prywatnosc_hover.png);}


#page-restauracja #nav a{color:#c1bab0;}
#page-restauracja #nav a:hover,
#page-restauracja #nav #nav-restauracja a{color:#fff;}
#page-restauracja #nav a:after{background-color:#c1bab0;}
#page-restauracja #nav a:hover:after,
#page-restauracja #nav #nav-restauracja a:after{background-color:#dfaa20;}



#page-restauracja #nav #nav-home a{background-image:url(/img-new/icon_nav_detal_res.png);}
#page-restauracja #nav #nav-restauracja a{background-image:url(/img-new/icon_nav_restauracja_res.png);}
#page-restauracja #nav #nav-sklep a{background-image:url(/img-new/icon_nav_sklep_res.png);}
#page-restauracja #nav #nav-franowo a{background-image:url(/img-new/icon_nav_franowo_res.png);}
#page-restauracja #nav #nav-hurt a{background-image:url(/img-new/icon_nav_hurt_res.png);}
#page-restauracja #nav #nav-praca a{background-image:url(/img-new/icon_nav_praca_res.png);}
#page-restauracja #nav #nav-polityka a{background-image:url(/img-new/icon_nav_prywatnosc_res.png);}
#page-restauracja #nav #nav-home a:hover{background-image:url(/img-new/icon_nav_detal_res_hover.png);}
#page-restauracja #nav #nav-restauracja a{background-image:url(/img-new/icon_nav_restauracja_res_hover.png);}
#page-restauracja #nav #nav-sklep a:hover{background-image:url(/img-new/icon_nav_sklep_res_hover.png);}
#page-restauracja #nav #nav-franowo a:hover{background-image:url(/img-new/icon_nav_franowo_res_hover.png);}
#page-restauracja #nav #nav-hurt a:hover{background-image:url(/img-new/icon_nav_hurt_res_hover.png);}
#page-restauracja #nav #nav-praca a:hover{background-image:url(/img-new/icon_nav_praca_res_hover.png);}
#page-restauracja #nav #nav-polityka a:hover{background-image:url(/img-new/icon_nav_prywatnosc_res_hover.png);}



/* content */
.content{
	width:360px;
	float:right;
	padding-top:156px;
	padding-left:20px
}
.content h2{
	font-size:30px;
	line-height:33px;
	font-weight:bold;
	color:#259134;
	margin-bottom:40px;
	
}
.content h2 span{
	display:block;
	color:#d5cfc6;
	font-weight:500;
}


#page-franowo .content h2{
	color:#aacb98;
	font-weight:500;
}
#page-hurt .content h2{
	color:#859f82;
	font-weight:500;
}
#page-hurt .content h2 strong:first-child,
#page-franowo .content h2 strong:first-child{
	color:#1d6f26;	
}
#page-hurt .content h2 strong,
#page-franowo .content h2 strong{
	font-weight:bold;
}
#page-franowo .content h2 strong{
	color:#75b163;
}
#page-hurt .content h2 span{
	font-weight:normal;
	font-size:20px;
}

.content h3{
	font-size:20px;
	line-height:26px;
	font-weight:500;
	color:#a59e93;
	margin-bottom:40px;
	letter-spacing:-1px;
}
.content p,
.content h4,
.content li{
	color:#a59e93;
	font-size:15px;
	linne-height:19px;
}
.content h2,
.content h3,
.content h4,
.content p,
.content li{
	padding-left:36px;
}
.content .btns li{
	padding-left:0;
}
.btns{
	padding-left:6px;
	margin-bottom:40px;
}
.btns a{
	border:2px solid #1f862d;
	border-radius:10px 0 10px 0;
	color:#1f862d;
	display:block;
	padding:40px 30px;
	margin-bottom:3px;
	font-size:20px;
	font-weight:bold;
	position:relative;
	max-width:360px;
}

.btns a.addr{
	padding:20px 30px;
	font-size:19px;
	font-weight:bold;	
}




.btns a.addr span{
	display:block;
}
.btns a.addr .city{
	font-weight:bold;
	margin-bottom:3px;
}

.btns a.addr .street{
	font-size:16px;
	font-weight:500;
	color:#827b71;
}
.btns a.addr .directions{
	font-size:13px;
	font-weight:normal;
	color:#c1bab0;
	margin-top:5px;
}
.btns a i{
	font-size:30px;
	position:absolute;
	top:0;
	bottom:0;
	right:20px;
	margin:auto;
	height:30px;
}
.btns a:hover{
	color:#fff;
	background-color:#1f862d;	
}
.btns a:hover .city,
.btns a:hover .street,
.btns a:hover .directions,
.btns a:hover i{
	color:#fff;
}


#page-restauracja h2,
#page-restauracja .city,
#page-restauracja .btns a i{
	color:#d98721;
}
#page-restauracja .btns a{
	border-color:#d98721;
}



#page-restauracja .btns a:hover{
	color:#fff;
	background-color:#d98721;	
}
#page-restauracja .btns a:hover .city,
#page-restauracja .btns a:hover .street,
#page-restauracja .btns a:hover .directions,
#page-restauracja .btns a:hover i{
	color:#fff;
}

#page-praca .content,
#polityka-prywanosci .content{
	width:710px;
	float:left;
	margin-left:50px;
	
}
#page-praca .content .job,
#page-praca .content .intro{
	margin-left:35px;
}
#page-praca .content h3{
	margin-bottom:20px;
	padding-left:0;
}
#page-praca .content h4{
	margin-bottom:10px;
	font-weight:500;
}
#page-praca .content p, 
#page-praca .content h4, 
#page-praca .content li{
	font-size:14px;
	line-height:19px;
	padding-left:0;
}
#page-praca .job{
	margin-bottom:60px;
}

#page-praca .content ul,
#page-praca .content ol{
	margin-bottom:20px;
	margin-left:16px;
}
#page-praca .content ol li{
	margin-bottom:10px;
}
#page-praca .content ul li{
	padding-left:5px;
	list-style:disc;
}
#polityka-prywanosci li{
	margin-bottom:10px;
	line-height:22px;
}

/* Praca subpage
-------------------------------------------- */
#praca .section{
	display:block !important;
}
@media (max-width:660px){
	#praca #nav{
		display:none;
	}
	#praca .section .content{
		margin-top:32px;
		display:block;
		background-color:#fff;
		padding-top:40px;
		padding-right:30px;
		width:100%;
	}
}
@media (max-width:480px){
	#praca .section .content{
		padding:32px 20px;
	}
	#praca .section .content h2{
		padding-left:0;
	}
	#praca .section .content .job,
	#praca .section .content .intro{
		margin-left:0;
	}
}


/* Footer 
-------------------------------------------- */
footer{
	margin-top:200px !important;
	margin-bottom:0px;
}
footer .copyrights{
	
	text-align:right;
	width: 238px;
	margin-right: 20px;
	
}
footer .copyrights p{
	margin-bottom:5px;
	font-size:9px;
	color:#639653;
}
footer .copyrights p a{
	color:#639653;
}
#page-restauracja .copyrights p,
#page-restauracja .copyrights p a{
	color:#978f83;
}

footer .rodo{
	width:700px;
	margin-left:120px;
	color:#a59e93;
	font-size:9px;	
	line-height:15px;
}
footer .rodo a{
	color:#75b163;
}
footer .rodo a:hover{
	text-decoration:underline;
}



@media (max-width:1280px){
	.wrapper{
		max-width:100%;
	}
	
	.section{background:url(/img-new/bg_blank_1280.jpg)  no-repeat 0 0;}
	
	#page-home{background-image:url(/img-new/bg_home_clean.webp);}
	#page-restauracja{background:url(/img-new/bg_restauracja_clean.webp);}
	#page-sklep{background-image:url(/img-new/bg_sklep_clean.jpg);}	
	#page-franowo{background-image:url(/img-new/bg_franowo_clean.jpg);}	
	#page-hurt{background-image:url(/img-new/bg_hurt_clean.jpg);}			
	
	#page-praca{
		background-image:url(/img-new/bg_praca_1280.jpg), url(/img-new/bg_blank_1280_y.jpg);
		background-position:  0 0;
		background-repeat:no-repeat, repeat-y;
		
	}
	.content{
		float:left;
		margin-left:50px;
		width:600px;
	}
	#page-praca .content, #polityka-prywanosci .content{
		width:600px;
	}
	footer .rodo{
		width:560px;
	}
}

@media (max-width:1100px){
	.content,
	#page-praca .content, 
	#polityka-prywanosci .content{
		width:500px;
	}
	footer .rodo{
		width:460px;
	}
}
@media (max-width:1000px){
	.content,
	#page-praca .content, 
	#polityka-prywanosci .content{
		width:400px;
	}	
	footer .rodo{
		width:360px;
	}
}


@media (max-width:900px){
	.wrapper{
		padding-left:20px;
		padding-right:20px;
	}
	#page-home, .section{
		background-position:-80px 0 !important;
	}
	header{
		width:320px;
	}
	#nav a{
		background-position:230px 0;
	}
	.content,
	#page-praca .content,
	#polityka-prywanosci .content{
		width:400px;
		margin-left:0px;
	}
	.btns{
		padding-left:34px;
	}
	footer .copyrights{
		width:216px;
	}
	footer .rodo{
		width: 359px;
		margin-left: 51px;
	}
}
@media (max-width:767px){
	.content,
	#page-praca .content,
	#polityka-prywanosci .content{
		width:300px;
	}
	footer .rodo{
		width: 230px;
	}
}

@media (max-width:660px){
	.wrapper{
		padding-left:40px;
		padding-right:40px;
	}
	.section{
		display:none !important;
	}
	#page-home{
		background:url(/img-new/bg_mobile.jpg) no-repeat right 0;
		display:block !important;
	}
	#fp-nav{
		display:none !important;
	}
	header{
		width:100%;
		padding-top:30px;
	}
	.content{
		display:none;
	}	
	.mobile{
		display:block !important;
	}
	#nav{
		margin-top:60px;
	}
	#nav a{
		padding-left:80px;
		background-position:0 0;
		text-align:left;
		font-size:17px;
		line-height:21px;
		padding-bottom:40px;
	}
	#nav a:after {
		left:80px;
		right:auto;
	}
	footer{
		margin-top:50px !important;
	}
	footer .copyrights{
		text-align:left;
		width:100%;
	}
	footer .rzetelna-firma{
		text-align:center;
		margin:20px;
	}
	footer .rodo{
		width: 100%;
		margin-left:0;
		max-width: 307px;
		float: none;
		clear: both;
	}
	
}
@media (max-width:480px){
	
	.content{
		display:none;
	}
	
	
}
@media (max-width:360px){

}