/* Custom CSS colors
 
#f9ef7e banana yellow 
#f9de5e amber
#f2aa4e orange
#fdf6ef pale peach 
#43230A Brown
 */
/*reset */
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video,a {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	font-weight:normal;
	font-style:normal;
	line-height:150%;
	color:#000;
	font-family: 'Handlee', cursive;
}
.block{display:block;}
.block{display:block;}
.clear{clear:both;padding:0!important;margin:0!important;}
.font-handlee{font-family: 'Handlee', cursive;}
.font-loved{font-family : 'Loved by the King', cursive;}
.fItalic{font-style:italic;}
.fBold{font-weight:bold;}
.fLeft{float:left;}
.fRight{float:right;}
.p1{padding:1%!important;}
.p5{padding:5%!important;}
.p10{padding:10%!important;}
.p15{padding:15%!important;}
.pt30{padding-top:30%;}
.f50{font-size:50%;}
.f100{font-size:100%;}
.f150{font-size:150%!important;}
.f175{font-size:175%;}
.f200{font-size:200%;}
.f250{font-size:250%;}
.f300{font-size:300%;}
.f400{font-size:400%;}
.f500{font-size:500%;}
.f1000{font-size:1000%;}
.lh100{line-height:100%;}
.aCenter{text-align:center;}
.aLeft{text-align:left;}
.aRight{text-align:right;}
.aNewspaper{text-align:justify;text-justify:inter-word;}
.lBlue{color:#29abe2;}
.dBlue{color:#002852;}
.h100{height:100%;}
.col1{width:100%;}
.col2{width:50%;}
.col3{width:29%;margin:2%;}
.col4{width:25%;}
.col5{width:20%;}
.col12{width:100%;}
.col25{width:25%;}
.col75{width:75%;}
.col65{width:65%;}
.col35{width:35%;}
.bRight{border-right:3px solid #fff;}
.w35{width:35%;}
a:hover{text-decoration:none;}
.divBack{background:url('../images/gemback.jpg');border-radius:16px;}
.hr-orange{border-top:3px solid #0e1207;padding-bottom:5%;}
.colOrange{color:#0e1207;}
.colYellow{color:#f9de5e!important;}
.butBrown{padding:2%;background:#0e1207;color:#f9ef7e!important;text-align:center;width:40%;border-radius:8px;}
.no-bullet{list-style:none;}
.rainbow-em p,a,a:hover{text-decoration:underline;}
body{
	/* background-color:#f0f8ff; /*aliceblue */
	vertical-align:top;
	background:#fdf6ef;
	color:#0e1207;
}
header{
	/* background:url('../images/fade-header.jpg'); v1 */
	background:url('../images/fade-header-green.jpg') repeat-x;
	height:175px;
	z-index:3;
	padding-top:10px;
	border-bottom:3px solid #2b3815;
}
.header-title{
	background:#ccc;
}
#head-banner{
	margin-right:1.5%;
	display:block;
}
#head-banner img{
	float:right;
}
header.logo{z-index:999;}
.logo{
	width:224px;
	height:33px;
	display:block;
	text-indent:10px;
	/* margin:46px 28px; */
	position:absolute;
	left:0;
	top:0px;
}
.logo img{width:100%;}


footer{
	/* background:#f2aa4e; v1 */
	background:none;
/*	height:150px;
	height:100%;*/
	border-top:3px solid #f9de5e;
	z-index:9;
	font-family: 'Handlee', cursive;
}
footer .container, .footer-pad{background:#2b3815;}

footer ul{
	list-style:none;
}
footer li{
	font-size:175%;
	margin-left:10%;
	
}
footer li a{
	padding-left:5%;
	width:100%;
	display:block;
	/* background:#f2aa4e; v1 */
	background:none;
}
footer span, footer a{color:#f9ef7e;font-weight:400;font-size:140%;font-weight:400;}
footer li a:hover{
	background:#f9ef7e;
	color:#2b3815;
}

/*social area*/
footer .social{
	display:block;
	float:right;
	margin-right:10%;
	text-align:center;
}

/* navi bar */
nav{
	position:absolute;
	right:0;
	/* top:80px; v1 */
	top:115px;
	height:100%;
}

nav .navibar >ul{
	/* padding:48px 0 0 450px; /* position of navibar */
	margin:0;
}
nav .navibar >ul > li {
	float:left;
	list-style:none;
	/* width:150px; v1 */
	width:120px;
	text-align:center;
		
}
nav .navibar >ul > li > a{
	/* border-radius:8px; v1 */
	/* padding: 16px; v1 */
	/* background:#f9ef7e; v1 */
	
	display:block;
	line-height:36px;
	text-decoration:none;
	font-family : 'Loved by the King', cursive;
	font-size:300%;
	margin-right:7%;
	background:rgba(43,56,21,0.9);
	color:#f9ef7e;
	font-weight:400;
	border-radius: 0;	
	padding:8px;
}
nav .navibar >ul > li > a:hover,nav .navibar >ul > li.open{	
	/* color:#000; v1 */
	/* background:#f9de5e; v1 */
	background:#2b3815;
}
nav .navibar >ul > li:last-child > a{
	margin-right:0;
}

ul.menu{
	border:none;
	list-style:none;
	text-align:left;
}

#main-wrapper{
	background:#fdf6ef;
}
.container{
	width:1050px;
	margin:0 auto;
	position:relative;
	padding:0;
}

/*blank page */
.blank-page{
	/* background:#f9ef7e; v1 */
	background:#fffabd; v1.1
	min-height:500px;
	font-size:175%;
	font-family : "adelle-sans",sans-serif;
	color:#002852;
}
.blank-page img{
	/* border:3px solid #f2aa4e; */
}
.blank-page ul{
	margin-left:7%;
	list-style:square;
}
.blank-page li{
	margin-bottom:4%;
}
.blank-page h1{font-size:200%;color:#2b3815;}
.blank-page h2{font-size:150%;color:#2b3815;}
.blank-page h3{margin-top:5px;font-size:125%;}
.blank-page div{padding:32px 16px;}
.blank-page p{margin-bottom:16px;}

.colWhite{color:#fff;}
.colWhite:hover{color:#fff;}
.small{font-size:100%!important;}
.no-style:link,.no-style:active,.no-style:visited,.no-style:hover{text-decoration:none;}
.no-style-brown:link,.no-style-brown:active,.no-style-brown:visited{text-decoration:none;color:#0e1207;}
.no-style-brown:hover{text-decoration:none;background:#0e1207;color:#f9ef7e;padding:2%;}



.homeBox{
	height:250px;
	background:#ccc;
	/* border:3px solid #43230A; v1 */
	border:3px solid #2b3815;
	border-radius:8px;
	padding:0!important;
	
}
.homeBox1{
	background:url('../images/gallery/p1350164.jpg') bottom left no-repeat;
	background-size:150%;
}
.homeBox2{
	background:url('../images/gallery/p1350200.jpg') bottom center no-repeat;
	background-size:160%;
}
.homeBox3{
	background:url('../images/gallery/p1350202.jpg') bottom center no-repeat;
	background-size:130%;
}
.homeBoxTxt{
	position:relative;
	height:20%;
	width:100%;
	text-align:center;
	padding:0!important;
	margin:0!important;
	font-size:175%;
	color:#f9ef7e;
	font-weight:800;
	border:0px solid red;
	/* background:#43230A; v1 */
	background:#2b3815;
}
.homeBoxTxt:hover{
	display:block;
	/* background:rgba(67,35,10,0.5); */

}


.homeBut:active,.homeBut:visited,.homeBut:link{
	background:#fff;
	color:#002852;
	padding:3%;
	text-decoration:none;
}
.homeBut:hover{background:#29abe2;}

/*contact form */
#contact-form label{
		width:30%;
		font-size:120%;
		margin:2% 0;
		padding:2% 0;
}
#contact-form input[type=text],#contact-form input[type=email],#contact-form textarea{
		width:65%;
		border:1px solid #000;
		margin:2%;
		padding:2%;
		font-size:120%;
}
#contact-form textarea{height:200px;}
#contact-form input[type=submit]{
		background:#2b3815;
		width:75px;
		border:0;
		color:#f9ef7e;
		font-size:120%;
		border:1px solid #2b3815;
		float:right;
		padding:1% 0;
		margin:1% 3%;
}
#contact-form input[type=submit]:hover{
		color:#2b3815;
		background:#f9ef7e;
		
}
#contact-form .error {
	border: 1px solid red !important;
}


/*slider */
#slider-wrapper{
	width:100%;
	border:0;
	margin:o auto!important;
}
#slider-wrapper ul{
	padding:0!important;
	margin:0!important;
}

.nopadmargin{
	margin:0!important;
	padding:0!important;
}


.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding:0!important;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}

/*product list page */
.list-product-wrapper{
	margin:0 auto;width:80%;
	background:rgba(43,56,21,0.1);
	height:200px;
	margin-bottom:5%!important;
	padding:2%!important;
}
.list-product-wrapper:hover{
	background-color:rgba(43,56,21,0.3);
}

.list-product-wrapper h3,h2{
	margin:0;
}
.list-product-wrapper h2{
	font-weight:bold;
	font-size:175%;
}
.list-product-wrapper > div,.list-product-text > div{
	background:none;
	margin:0;
	padding:0;
}

.list-product-image{width:40%;}
.list-product-image img{
	position:relative;
	height:100%;
	text-align:center;
	
}
.list-product-text{width:60%;}
  
/*product item page */
.item-product-image,.item-product-text{height:350px;}
.item-product-image img {width: 100%;}
.list-product-image {height: 100%;}
.item-product-image{text-align:center;}
.item-product-image img{position:relative;height:100%;width:auto;}

.item-product-text{
	/* background:rgba(128,0,0,0.4); */
}
.item-product-detail{
	border-top:3px solid #2b3815;
	background:rgba(43,56,21,0.1);
	/* height:500px; */
	height:100%;
}
.card-layout{height:400px;}
.card-layout ol{
	width:100%;
	-webkit-column-count:3;
	-moz-column-count:3;
	column-count:3;
	list-style:decimal;
}
.card-layout li{margin-left:15%;width:85%;}


.buy-now{
	background:#2b3815;
	padding:1%!important;
	margin:0;	
	color:#f9ef7e;
	display:block;
	width:100px;
	border-radius:8px;
	text-align:center;
}
.buy-now:hover{
	/* background:#f9de5e; */
	background:rgba(43,56,21,0.6);
}
.mob-bg-pic{display:none;}
.list-product-image-mob{display:none;}
@media only screen and (max-width: 992px){
	nav .navibar >ul > li {width:100px;}
	nav .navibar >ul > li > a{font-size:250%;}
	#washingline img{width:200%;}
	#head-banner{display:none;}
	.homeBoxTxt{font-size:150%;}
	.homeBox1,.homeBox2,.homeBox3{background-size:175%;background-position:bottom center;}
	
}
@media only screen and (max-width: 768px){
	.blank-page div{padding:8% 4%;}
	nav{padding-right:2%;}
	.container{width:100%;padding:0 2%;}
	.col125,.col35,.col65,.col55{width:100%;float:none;}
	.logo{width:20%;}
	#washingline {display:none;}
	.col4{width:50%;}
	.homeBox{height:200px;}
	.homeBoxTxt{font-size:100%;}
	.homeBox1,.homeBox2,.homeBox3{background-size:220%;background-position:bottom center;}
	.list-product-text{padding:0!important;width:55%;}
}
@media only screen and (max-width: 562px){	
	nav{
		top:105px;
		width:100%;
		padding:0 2%;
	}
	nav .navibar >ul > li {
		margin:0;
		width:25%;
	}
	nav .navibar >ul > li > a{
		font-size:150%;
		padding:2px;
		font-family:Arial;
		font-weight:bold;
		color:#f9de5e;
	}
	.logo{display:none;}
	.logoMob{
		width:100%;
		height:100px;
		display:block;
		background:url('../images/pictaplan-logo-139x100.png') center center no-repeat;
	}
	.logoMob a{
		display:block;
		width:100%;
	}
	.col4{
		margin:0;
		padding:0 2%;
		width:100%;
		float:none;
		text-align:center;
	}
	footer li{margin:0;padding:0;}
	footer li a{margin:0;padding:0;}
	.fLeft,.fRight{float:none;}
	#washingline {display:none;}
	footer .social{float:none;margin:0;padding:0;padding:3% 0;}
	.list-product-wrapper{height:250px;}
	.list-product-image{display:none;}
	.list-product-image-mob{display:block;margin:0 auto;width:100%;text-align:center;}
	.list-product-image-mob img{width:30%;height:30%;padding:0!important;margin:0!important;padding-top:5%!important;}
	.list-product-text{z-index:3;background:none;}
	.blank-page h2{font-size:125%;}
	.blank-page h3{text-align:center;font-size:100%;}
	.list-product-text{width:100%;}
	.list-product-text div{padding:1%!important;}
	.butBrown{width:80%;}
	
	.f150{font-size:100%!important;}
	/*front page boxes */
	.col3{width:80%;margin:0 auto;margin-bottom:5%;}
	.col2{width:100%;text-align:center;}
	.aRight{text-align:center;}
	.homeBoxTxt{font-size:150%;}
	.homeBox1,.homeBox2,.homeBox3{background-size:135%;background-position:center center;}
	.buy-now{margin:0 auto;}
	.card-layout{font-size:85%;}
	.card-layout ol{-webkit-column-count: 2;-moz-column-count:2;column-count:2}
	
	#contact-form{width:100%;}
	#contact-form input,#contact-form textarea,#contact-form label{width:100%!important;text-align:center;}
	#contact-form label{padding:0;}
	#contact-form input{padding-bottom:10%;}
	#contact-form input[type=submit]{width:100%!important;padding:0;clear:both;margin:3% -2%!important;}
	.item-product-image img{
		position:relative;
		height:80%;
		width:80%;
		
	}
}
@media only screen and (max-width: 441px){
	.list-product-wrapper{height:300px;width:90%;}
	.list-product-image-mob img{width:50%;height:50%;padding-top:5%!important;}
}
/*
gallery CSS MH 12.12.13
*/
#gallery div {
	padding: 4px 8px;
	margin: 0;
}
div[id^="gallery-image-"] img {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

@media only print{
	img{display:none;}
	.container{width:100%;padding:0 2%;}
	
}
}