.home-content{
	margin-top: 150px
}

.full-slider{
	width:100%;
	height: 350px;
	display: table;
}
.w33{
	display: none;
}

.news-slider .slide{
	height:100vh;
	width:100%;
	position: relative;
	display: table;
}
.slide .slide-background-container{
	width:100%;
	height: 100%;
	position: absolute;
	top:0;left:0;
	overflow:hidden;
	background-size: cover;
	background-position: center right;
}
.slide img.background{
	min-height:120%;
	min-width: 100%;
	position:relative;
}
.slide-background{
	position: relative;
	overflow: hidden;
	/*height: -webkit-calc(100vh - 54px); !* TODO: should not work on ios *!*/
	/*height: -moz-calc(100vh - 54px);*/
	/*height: calc(100vh - 54px);*/
	height: 100vh;
	/*max-height: 850px;*/
	padding: 0;
	background-size: cover;
	background-repeat: no-repeat;
}
.slide-content{
	position: absolute;
	top: 150px;
	right: 0px;	
	background-color: rgba(255, 255, 255, 0.0);
	width: 300px;
	margin-right: 100px;
	padding: 30px 20px 30px 50px;
}
.slide-content div{
}
.slide a.max640{
	text-decoration: none;
	height: 450px;
	/*min-height: 100vh;*/
	background-size: cover;
	background-position: center center;
}
.max640 .slide-content{
	/* position: static; */
	width: 100%;
	top: inherit;
	bottom: 0;
	padding: 150px 60px 20px 60px;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.max640 .slide-content div{
	text-decoration: none;
	color: white;
	width: 100%;
	margin-right: 0;
}

.slide-pre-title{
	font-size:12pt;
	text-transform: uppercase;
	font-weight: 700;
	color: #4F6300;
}

.slide-title{
	font-size: 40pt;
	line-height: 36pt;
	margin: 0 0 4px 0;
	color: #4F6300;
	font-family: katarine-web, sans-serif;	
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizelegibility;
}

.slide-title-extension{
	font-size:12pt;
	text-transform: uppercase;
	font-weight: 400;
	/*color: #fff;*/
	padding-top: 20px;
}

.slide-description{
	font-size: 10pt;
	line-height: 12pt;
	/*color: #fff;*/
	margin-bottom: 30px;
}

.max640 .slide-pre-title{
	margin: 0 0 4px 0;
	font-size:10pt;
	text-transform: uppercase;
	font-weight: 700;
	/*color: #fff;*/
	width: 100%;
}

.max640 .slide-title{
	font-size: 24pt;
	line-height: 28pt;
	margin: 0 0 4px 0;
	color: #4F6300;
	font-family: 'Playfair Display', sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizelegibility;
}

.max640 .slide-title-extension{
	font-size:10pt;
	text-transform: uppercase;
	font-weight: 400;
	color: #4F6300;
	padding-top: 20px;
	margin: 0 0 4px 0;
}

.max640 .slide-description{
	font-size: 9pt;
	line-height: 11pt;
	/*color: #fff;*/
	margin: 0 0 40px 0;
}

.slide-goto a{
	color: white!important;
	border: 1px solid #4F6300;
	background: #4F6300;
	text-decoration: none;
	text-transform: uppercase;
	margin: 20px 10px 10px 0px;
	font-size: 12pt;
	font-weight: 700;
	width: 200px;
	padding: 10px 30px;
}
.invert .slide-goto a{
	color: white!important;
	border-color: white;
}
.slide-goto a:hover{
	color: #fff!important;
	border: 1px solid #black;
	background-color: #000;
	text-decoration: none;
	margin: 20px 10px 20px 0px;
}
.invert .slide-goto a:hover{
	color: #776d65!important;
	border: 1px solid #fff;
}
.news-header{
	font-size: 34pt;
	line-height: 44pt;
}

@media all and (max-width:1000px){
	.news-header{
		font-size:30pt;

		padding: 0;
	}
}


ul.filters{
	font-size: 14pt;
	text-align: right;
	list-style: none;
	line-height: 9pt; /* because it's in H1 */
	margin: 27px 0 0 0;
	padding: 16px 0;
	border-bottom: 1px solid #ccc;
}
@media all and (max-width:1000px){
	ul.filters{
		padding: 0 0 10px 0;
	}
}

ul.filters li{
	display: inline-block;
}
ul.filters li a{
	color: black;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: color 0.5s ease;
	-moz-transition: color 0.5s ease;
	-ms-transition: color 0.5s ease;
	-o-transition: color 0.5s ease;
	transition: color 0.5s ease;
	padding: 5px 20px;
}
ul.filters li a.disabled {
	color: #BBB;
}



.news-item{
	padding: 20px; /* varies per project */
	width: 220px !important;
	height: 200px;
	-webkit-transition: 1s ease top, 1s ease left;
	-moz-transition: 1s ease top, 1s ease left;
	-ms-transition: 1s ease top, 1s ease left;
	transition: 1s ease top, 1s ease left;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 10px;
}
.news-item-image{
	width: 200px;
	height: 200px;
	background-size: cover;
}
.news-item div.news-img{
	overflow: hidden;
	text-align: center;
}
.news-item img{
	position: relative;
	/*height:200px;*/
}
.news-item a h3 {
	font-size: 14pt;/* varies per project */
	line-height: 16pt;/* varies per project */
	padding: 0;
	margin: 0 0 10px 0;
	-webkit-margin-before: 0px;
	-webkit-margin-after: 10px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight: normal;
}
.news-item a p {
	font-size: 9pt;/* varies per project */
	line-height: 11pt;/* varies per project */
	-webkit-margin-before: 0px;
	-webkit-margin-after: 5px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}
.news-item a .date {
	font-size: 8pt;/* varies per project */
	line-height: 10pt;/* varies per project */
	-webkit-margin-before: 5px;
	-webkit-margin-after: 0px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}
@media all and (max-width: 1000px){
	.news-item{
		margin: 0;
		height: 170px; /* a bit smaller than in halved version */
	}
	.news-row .news-item{
		min-width: 50%;
	}
	.news-item a h3 {
		padding: 0;
		margin: 0;
	}
}
.news-item:hover a h3 {/* varies per project */

}
.news-item a{
	font-size: 9pt;/* varies per project */
	line-height: 11pt;/* varies per project */
	font-weight: 300;
}
.news-item:hover a{/* varies per project */
	color: #000;
	background-color: rgba(45, 89, 42, 0.2);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.news-item .readme {
	text-align: right;
	font-size: 8pt;
	font-weight: bold;
	padding: 5px 0 0 0;
}
.date{
	font-size: 8pt;
}



/* CONTENT 4-COLUMNS */
.fourColumns{
	overflow: hidden;
	width: 960px;
	max-width: 100%;
	position: relative;
	font-size: 9pt;
	line-height: 12pt;
	text-align: left;
	margin-left: 20px;
	margin-top: 20px;
}
.fourColumns a{
	color: black;
	text-decoration: none;
}
.fourColumns .column{
	float: left;
	width: 240px;
	margin:0;
}
.fourColumns h3{
	font-size: 13pt;
	font-weight: 500;
	padding: 0 0;
	text-decoration: none;
	text-align: left;
}
.fourColumns .title{
	font-size: 18px;
	font-weight: bold;
	border-bottom: 3px solid #000;
	padding: 5px 2px;
	margin: 10px 0 5px 30px;
}

@media all and (max-width: 1000px){
	.fourColumns{
		margin: 0;
	}
	.fourColumns .column{
		width: 220px;
	}
	.fourColumns .news-item{
		height: auto;
	}

}
.kreoMultiColumnQuicksand_Hidden{
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}


#y_home .bx-wrapper {
	margin: 0 auto;
}
#y_home .bx-wrapper .bx-viewport{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	height: 100%;
	border:0;
	left:0; /* overrides 5px border and -5px left */
}
#y_home .bx-wrapper .bx-pager,
#y_home .bx-wrapper .bx-controls-auto{
	bottom: 30px;
	left: 49.5%;
	width: 50%;
	z-index: 202;
	text-align: left;
}
#y_home .bx-wrapper .bx-prev,
#y_home .bx-wrapper .bx-next{
	width: 80px!important;
	height: 80px !important;
	background-color: rgba(255, 255, 255, 0.8);
	bottom: 25px;
	top: inherit;
}
#y_home .bx-wrapper .bx-prev{
	left:0px;
	background: url("/view/img/nav_arrow_lft_w.png") no-repeat center center;
}
#y_home .bx-wrapper .bx-prev:hover{
	background: black url("/view/img/nav_arrow_lft_w.png") no-repeat center center;
}
#y_home .bx-wrapper .bx-next{
	right:0px;
	background: url("/view/img/nav_arrow_rght_w.png") no-repeat center center;
}
#y_home .bx-wrapper .bx-next:hover{
	background: black url("/view/img/nav_arrow_rght_w.png") no-repeat center center;
}
#y_home .bx-wrapper .bx-pager.bx-default-pager a:hover,
#y_home .bx-wrapper .bx-pager.bx-default-pager a.active{
	border: 2px solid rgba(255, 255, 255, 0.3);
	background: rgb(255, 255, 255);
}
#y_home .bx-controls-direction{
	width: 100%;
	position: relative;
	margin:auto;
	max-width: 960px;
	display: none;
}
@media all and (max-width: 1000px){
	#y_home .bx-wrapper .bx-prev,
	#y_home .bx-wrapper .bx-next{
		width: 54px!important;
		height: 54px !important;
	}

	#y_home .bx-wrapper .bx-pager,
	#y_home .bx-wrapper .bx-controls-auto{
		bottom: 11px;
		text-align: center;/* for inline-block elements */

		top: inherit;
		left: inherit;
		width: 100%;
	}

	#y_home .bx-wrapper .bx-pager .bx-pager-item{
		text-align: center; /* to override parent's setting. text-indent needs center */
	}
}


/* Homepage */
.new-products h2{
	margin-top: 30px;
	color: black;
	font-size: 20pt;
	font-weight: normal;
}
.new-product-item{
	display: block;
	text-decoration: none;
	color: black;
	border-bottom:1px solid #BBB;
	padding: 10px;
	overflow: auto;
}
.new-product-item .image{
	float:left;
	margin: 4px 20px 0 0;
	text-align: center;
	width: 80px;
}
.new-product-item img{
	max-width: 80px;
	max-height: 120px;
}
.new-product-item h3{
	font-weight: 500;
	margin:4px 0;
	font-size:10pt
}
.new-product-item p{
	margin:0;
	font-size:8pt;
	font-weight: 300;
	text-align: justify;
}


@media all and (min-width:1000px) {
	.home-content .w33{
		width: 310px;
		display: none;
	}
	.home-content .w67{
		width: 630px;
		max-height: 530px;
		overflow: hidden;
	}

}
@media all and (max-width: 1000px){
	.new-products{
		width: 100%!important;
	}
	.new-product-item:nth-child(n+4){
		/* display only 2 */
		display:none;
	}
	.new-product-item{
		display:inline-block;
		vertical-align: top;
		width: 50%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-bottom: 0;
		padding: 20px 30px 20px 0;
	}
	.new-product-item img{
		width: 50px;
		margin: 6px 16px 20px 10px
	}
	.new-products h2{
		display: none;
	}
}

/* news row */
.news-row{
	padding: 20px 0 40px 0;
}
.news-row .news-item,
.news-row .news-item-image{
	height:225px;
}
.news-row .content{
	padding:25px 0;
}
.news-row .half img{
	max-width:220px; /*not sure why*/
}
.news-row .half p{
	padding: 0 0;
	margin: 0 0 5px 0;
}
.news-row .content > .half:nth-child(1) a{
	color: white;
}
.news-row .content > .half:nth-child(1){
	background: #db2727;
}
.news-row .content > .half:nth-child(1) .news-item{
	background: transparent;
}

/* fine tuning */
@media all and (min-width:1000px) {
	.news-row > * > .half{
		width: 470px;
	}
	.news-row > * > .half:first-child{
		margin-right: 20px;
	}
	.news-row > * > .half:first-child > .half{
		width: 235px;
		margin: 0;
	}
	.news-row > * > .half:last-child > .half{
		width: 225px!important;
		margin: 0;
	}
	.news-row > * > .half:last-child > .half:first-child{
		margin-right: 20px;
	}
}
@media all and (max-width: 1000px){
	#y_home .bx-wrapper {
		display: none;
	}
	.news-row{
		padding-bottom: 0;
	}
	.news-row .content > .half{
		width: 100%;
	}
	.news-row .content > .half:nth-child(1){
		border-right: none;
		border-bottom: 1px solid #999;
	}
	.news-row .news-item,
	.news-row .news-item-image{
		width:50%;
	}
}
.news-row .w25,
.news-row .half,
.news-row .w75 {
}
.news-row a{
	color:black;
	text-decoration: none;
	width:300px;
}



.PP-mobile-home{
	-webkit-background-size: cover;
	background-size: cover;
	background-color: #fff;
	background-image: url('/view/img/bg_intro.jpg');
	height: 640px;
	min-height: 100vh;
}
.PP-mobile-home h2{
	font-size: 24pt;
	line-height: 28pt;
	color: #4f6300;
	text-transform:none;
	text-align: center;
	margin: 0;
	padding: 0 30px;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizelegibility;
}
.PP-mobile-home h2 br{
	display: block;
}
.PP-mobile-home .book-link{
	border: 1px solid #4f6300;
	padding: 10px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	display:block;
	margin: 20px auto;
	width: 260px;
	color: white;
	background: #4f6300;
	font-size: 20px;
}
.PP-mobile-home .book-link:hover{
	border: 1px solid #000;
	background: #000;
}
.PP-mobile-home img{
	display: block;
	max-height: 200px;
	margin: 20px auto;
}
.PP-mobile-home .PP-home-scroll-button{
	display: block;
	text-align: center;
	color: white;
	padding: 10px 0 80px;
	text-transform: uppercase;
	text-decoration: none;
	background: url("/view/img/articles/nav_arrow_dwn_w.png") no-repeat center center;
	font-size:10pt;
	cursor: pointer;
}
.PP-mobile-home .video-container{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-1;
	overflow: hidden;
	background-color: black;
}
.PP-mobile-home .video-container video{
	min-width: 100%;
	min-height: 100%;
}