/* ==================== JSN ONE CUSTOM CSS ==================== */



/* ===== GENERAL ===== */














.jsn-demo-page #jsn-topbar,



.jsn-demo-page #jsn-topheader,



.jsn-demo-page #jsn-logo {



	position: relative;



	z-index: 1000;



}







.jsn-demo-page #jsn-content {



	/*display: none;*/



} 











.jsn-demo-page #jsn-promo {



	padding: 0;



}



.jsn-demo-page #jsn-pos-promo {



	width: 100%;



	overflow: hidden;



}







/*.jsn-demo-page #jsn-content-bottom-below {



	background: url(../../../media/joomlashine/jsn-one/backgrounds/bg_footer.jpg) top center no-repeat fixed;



	background-size: cover;



}*/



.jsn-demo-page #jsn-pos-content-bottom {



	padding: 0;



}



.jsn-demo-page #jsn-content-bottom {



	border: none;



}



/* ===== TOP INFO ===== */



.demo-top-info {



	margin: 3px 0;



	line-height: 38px;



}



.demo-top-info span {



	margin: 0 10px;



}



.demo-top-info span [class*="jsn-icon"] {



	font-size: 16px;



	margin-right: 5px;



}



/* ===== HOMEPAGE SLIDESHOW ===== */



.jsn-demo-page .container_skitter,



.jsn-demo-page .container_skitter .image img {



	width: 100% !important;



}



.jsn-demo-page .label_skitter {



	left: 50% !important;



	top: 50% !important;



	margin-top: -100px;



	margin-left: -580px;



	width: 400px !important;



	max-width: 100%;



	opacity: 1;



	background: rgba(0,0,0,0.6);



	padding: 20px;



}



.jsn-demo-page .jsn-themeslider-caption-title {



	text-transform: uppercase;



	font-size: 2em;



	color: #fff;



	padding: 10px 0;



	border-bottom: 2px solid #8D84E4;



	display: inline-block;



}



.jsn-color-violet.jsn-demo-page .jsn-themeslider-caption-title {



	border-color: #8d84e4;



}



.jsn-color-blue.jsn-demo-page .jsn-themeslider-caption-title {



	border-color: #2980B9;



}



.jsn-color-green.jsn-demo-page .jsn-themeslider-caption-title {



	border-color: #6ECE97;



}



.jsn-color-red.jsn-demo-page .jsn-themeslider-caption-title {



	border-color: #e95e53;



}



.jsn-color-orange.jsn-demo-page .jsn-themeslider-caption-title {



	border-color: #F38645;



}



.jsn-color-grey.jsn-demo-page .jsn-themeslider-caption-title {



	border-color: #668499;



}



.jsn-demo-page .jsn-themeslider-caption-description {



	text-transform: uppercase;



	font-weight: bold;



	font-size: 4em;



	color: #fff;



	padding: 15px 0;



	display: block;



}



/* ===== JOIN NEWSLETTER ===== */



.jsn-demo-page .demo-newsletter-join {



	background: #111 url(../../../media/joomlashine/jsn-one/backgrounds/recent-work.png);



}



.jsn-demo-page .demo-join-newsletter {



	padding: 20px 0;



	width: 1170px;



	margin: 0 auto;



}



.jsn-demo-page .demo-join-newsletter .heading {



	float: left;



	color: #fff;



	font-size: 2em;



	font-weight: bold;



	line-height: 30px;



	text-transform: uppercase;



}



.jsn-demo-page .demo-join-newsletter .link-button {



	float: right;



}



/* ===== Heading title ===== */



.text-heading,



.text-heading h3 {



	position: relative;



}



.text-heading h3 {



	background: #FFF;



	color: #222;



	position: relative;



	display: inline-block;



	padding: 0 20px 0 0;



	margin-top: 0;



	font-size: 22px;



	line-height: 22px;



}



.text-heading.large-head,



.text-heading.large-head2 {



	text-align: center;



	margin-bottom: 50px;



	position: relative;



}



.text-heading.large-head > h1 {



	font-size: 30px;



	margin: 0;



	line-height: 32px;



}



.text-heading.large-head:before,



.text-heading.large-head2:before {



	width: 160px;



	left: 50%;



	margin-left: -80px;



	top: 45px;



}



.text-heading:before {



	content: '';



	height: 1px;



	width: 100%;



	background-color: rgba(145,145,145,.5);



	position: absolute;



	top: 12px;



}



.text-heading:after, .text-heading h3:after {



	content: '';



	width: 7px;



	height: 7px;



	border-radius: 50%;



	background: #FFF;



	border: 1px solid #d9d9d9;



	top: 9px;



	right: 0;



	left: auto;



	position: absolute;



}



.text-heading span {



	max-width: 50%;



	margin: 0 auto;



}



.text-heading.large-head span {



	padding-top: 25px;



	display: block;



	color: #9d9d9d;



}



.text-heading.large-head:after {



	width: 60px;



	left: 50%;



	margin-left: -30px;



	top: 44px;



	background-color: #8D84E4;



	height: 3px;



	border: none;



	border-radius: 0;



	right: auto;



}



.jsn-color-violet .text-heading.large-head:after {



	background-color: #8d84e4;



}



.jsn-color-blue .text-heading.large-head:after {



	background-color: #2980B9;



}



.jsn-color-green .text-heading.large-head:after {



	background-color: #6ECE97;



}



.jsn-color-red .text-heading.large-head:after {



	background-color: #e95e53;



}



.jsn-color-orange .text-heading.large-head:after {



	background-color: #F38645;



}



.jsn-color-grey .text-heading.large-head:after {



	background-color: #668499;



}







/* ===== Welcome to JSN One ===== */



.jsn-modulecontainer.demo-welcome .demo-wrapper {



	padding: 50px 0 80px;



}



.featured-fashion {



	padding: 50px 0;



}



/* Grid gallery */



.grid-gallery {



  width:100%;



}



/* clear fix */



.grid-gallery:after {



  content: '';



  display: block;



  clear: both;



}







/* ---- .grid-gallery > li ---- */



.grid-gallery,



.grid-gallery li {



	list-style: none;



	margin: 0;



	padding: 0;



}



.grid-gallery li {



  float: left;



  width:125px;



  padding:0 5px 5px 0;



  box-sizing: border-box;



  -moz-box-sizing: border-box;



  -webkit-box-sizing: border-box;



  transition:all ease-in-out .8s;



  transition:all .3s ease-in-out;



  -moz-transition:all .3s ease-in-out;



  -ms-transition:all .3s ease-in-out;



  -webkit-transition:all .3s ease-in-out;



}



.grid-gallery li .pthumb {



	border-radius:3px;



}



.grid-gallery li .pthumb .mask i {



	top:-20%;



	left:50%;



	margin:-20px 0 0 -20px;



	width:40px;



	height:40px;



	line-height:40px;



}



.grid-gallery li .pthumb .mask:hover i {



	top:50%;



}



.grid-gallery li img {



	float:left;



	}



.grid-gallery li > * {



  margin: 0;



  padding: 0;



}



.grid-gallery li.large {



  width:250px;



}







/* 5 column */







.grid-gallery.five-col li {



	width:20%;



}



.grid-gallery.five-col li.large {



	width:40%;



}



/* 4 column */



.grid-gallery.four-col li {



	width:25%;



}



.grid-gallery.four-col li.large {



	width:50%;



}











.services-box {



	text-align: center;



}



.services-box .sb-content-wrap p {



	margin-top: 30px;



	position: relative;



}



.services-box .sb-content-wrap p:after,



.services-box .sb-content-wrap p:before {



	content: '';



	background: #CCC;



	height: 1px;



	width: 140px;



	left: 50%;



	margin-left: -70px;



	top: -10px;



	position: absolute;



}



.services-box .sb-content-wrap p:after {



	background: #8D84E4;



	width: 70px;



	margin-left: -35px;



	transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;



	-moz-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;



	-ms-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;



	-o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;



	-webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;



}



.services-box .icon-box {



	width: 90px;



	height: 90px;



	display: inline-block;



	margin: 10px auto;



	border: 1px solid #8d84e4;



	text-align: center;



	line-height: 85px;



	color: #8d84e4;



	border-radius: 50%;



	font-size: 45px;



	position: relative;



	transition: all ease-in-out .3s;



	-moz-transition: all ease-in-out .3s;



	-ms-transition: all ease-in-out .3s;



	-webkit-transition: all ease-in-out .3s;



	overflow: hidden;



}



.services-box.single-icon .icon-box {



	border: none;



	line-height: none;



	overflow: inherit;



	border-radius: 0;



	margin: 0 0 20px 0;



}



.services-box.standard-box {



	text-align:left;



	}



.services-box.standard-box .icon-box {



	width:25px;



	height:25px;



	float:left;



	margin:0 10px  0 0;



	padding:0;



	line-height:14px;



	background: none;



	}



.services-box.standard-box .icon-box i {



	font-size:30px;



	color:#3d3d3d;



	max-height:35px;



	max-width:35px;



	}



.services-box.standard-box .sb-content-wrap p {



	padding:0;



	margin-top:10px;



	}



.services-box.standard-box h3 {



	}		



.services-box.standard-box .sb-content-wrap p:before,



.services-box.standard-box .sb-content-wrap p:after {



	display:none;



	}



/* 



 * 	Core Owl Carousel CSS File



 *	v1.3.2



 */







/* clearfix */



.owl-carousel .owl-wrapper:after {



	content: ".";



	display: block;



	clear: both;



	visibility: hidden;



	line-height: 0;



	height: 0;



}



/* display none until init */



.owl-carousel{



	display: none;



	position: relative;



	width: 100%;



	-ms-touch-action: pan-y;



}



.owl-carousel .owl-wrapper{



	display: none;



	position: relative;



	-webkit-transform: translate3d(0px, 0px, 0px);



}



.owl-carousel .owl-wrapper-outer{



	overflow: hidden;



	position: relative;



	width: 100%;



}



.owl-carousel .owl-wrapper-outer.autoHeight{



	-webkit-transition: height 500ms ease-in-out;



	-moz-transition: height 500ms ease-in-out;



	-ms-transition: height 500ms ease-in-out;



	-o-transition: height 500ms ease-in-out;



	transition: height 500ms ease-in-out;



}



	



.owl-carousel .owl-item{



	float: left;



	



}



.owl-controls .owl-page,



.owl-controls .owl-buttons div{



	cursor: pointer;



}



.owl-controls {



	-webkit-user-select: none;



	-khtml-user-select: none;



	-moz-user-select: none;



	-ms-user-select: none;



	user-select: none;



	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);



}







/* mouse grab icon */



.grabbing { 



    cursor:url(grabbing.png) 8 8, move;



}







/* fix */



.owl-carousel  .owl-wrapper,



.owl-carousel  .owl-item{



	-webkit-backface-visibility: hidden;



	-moz-backface-visibility:    hidden;



	-ms-backface-visibility:     hidden;



  -webkit-transform: translate3d(0,0,0);



  -moz-transform: translate3d(0,0,0);



  -ms-transform: translate3d(0,0,0);



}



/*



* 	Owl Carousel Owl Demo Theme 



*	v1.3.2



*/







.owl-theme .owl-controls{



	margin-top: 10px;



	text-align: center;



}







/* Styling Next and Prev buttons */







.owl-theme .owl-controls .owl-buttons div{



	color: #FFF;



	display: inline-block;



	zoom: 1;



	*display: inline;/*IE7 life-saver */



	margin: 5px;



	padding: 3px 10px;



	font-size: 12px;



	-webkit-border-radius: 30px;



	-moz-border-radius: 30px;



	border-radius: 30px;



	background: #869791;



	filter: Alpha(Opacity=50);/*IE7 fix*/



	opacity: 0.5;



}



/* Clickable class fix problem with hover on touch devices */



/* Use it for non-touch hover action */



.owl-theme .owl-controls.clickable .owl-buttons div:hover{



	filter: Alpha(Opacity=100);/*IE7 fix*/



	opacity: 1;



	text-decoration: none;



}







/* Styling Pagination*/







.owl-theme .owl-controls .owl-page{



	display: inline-block;



	zoom: 1;



	*display: inline;/*IE7 life-saver */



}



.owl-theme .owl-controls .owl-page span{



	display: block;



	width: 12px;



	height: 12px;



	margin: 5px 7px;



	filter: Alpha(Opacity=50);/*IE7 fix*/



	opacity: 0.5;



	-webkit-border-radius: 20px;



	-moz-border-radius: 20px;



	border-radius: 20px;



	background: #869791;



}







.owl-theme .owl-controls .owl-page.active span,



.owl-theme .owl-controls.clickable .owl-page:hover span{



	filter: Alpha(Opacity=100);/*IE7 fix*/



	opacity: 1;



}







/* If PaginationNumbers is true */







.owl-theme .owl-controls .owl-page span.owl-numbers{



	height: auto;



	width: auto;



	color: #FFF;



	padding: 2px 10px;



	font-size: 12px;



	-webkit-border-radius: 30px;



	-moz-border-radius: 30px;



	border-radius: 30px;



}







/* preloading images */



.owl-item.loading{



	min-height: 150px;



	background: url(AjaxLoader.gif) no-repeat center center



}







/* ===== PROMO PRODUCTS ===== */



.item-s1 .product-thumb:after,



.item-s1 .product-thumb img,



.item-s1 .i-details .liked span,



.item-s1 .i-details .add-cart {



	transition:all ease-in-out .3s;



	-moz-transition:all ease-in-out .3s;



	-ms-transition:all ease-in-out .3s;



	-o-transition:all ease-in-out .3s;



	-webkit-transition:all ease-in-out .3s;



	}







.s-slider {



	width:100%;



	margin:0;



	padding:0;



	display:block;



	height:600px;



	background:#000 url(media/joomlashine/jsn-one/custom-html/sliders/shop-slide1.jpg) bottom center no-repeat;



	}







.ca-list-items .owl-pagination {



	float:right;



	top:0;



	}











.s1-item {



	background: #fff;



	border:1px solid #d9d9d9;



	padding: 0px;



	margin: 10px;



	-webkit-border-radius: 3px;



	-moz-border-radius: 3px;



	border-radius: 3px;



	height:310px;



	overflow:hidden;



	position:relative;



  //*width: 250px;*//



}



	}



.owl-theme .owl-controls .owl-page span {



	background:#CCC;



	border-radius:50%;



	height:8px;



	width:8px;



	margin:5px 4px;



	transition:all ease-in-out .3s;



	-moz-transition:all ease-in-out .3s;



	-ms-transition:all ease-in-out .3s;



	-o-transition:all ease-in-out .3s;



	-webkit-transition:all ease-in-out .3s;



	}



.owl-controls .owl-page.active span,



.owl-controls .owl-page:hover span {



	background:#8D84E4;



	}	







.s1-item .product-thumb {



	text-align: center;



	width:100%;



	position:relative;



	height:250px;



	overflow:hidden;



	padding-bottom:10px;



	top:0;



	text-align:center;



	transition:all ease-in-out .3s;



	-moz-transition:all ease-in-out .3s;



	-ms-transition:all ease-in-out .3s;



	-o-transition:all ease-in-out .3s;



	-webkit-transition:all ease-in-out .3s;



	}



.s1-item .product-thumb .sale-info {



	width: 30px;



	height: 30px;



	display: block;



	position: absolute;



	right: -12px;



	top: -12px;



	background: #d3471b;



	color: #fff;



	line-height: 36px;



	font-size: 16px;



	text-indent: -6px;



	padding: 15px;



	border-radius: 200px;



	-moz-border-radius: 200px;



	-webkit-border-radius: 200px;



}



.s1-item .product-thumb a,



.s1-item .product-thumb a img {



	width: 250px;



	max-width: 100%;



	display: block;



}



.s1-item .product-thumb a {



	margin: 0 auto;



}



.s1-item .p-info {



	display:inline-block;



	box-sizing:content-box;



	padding:0 0px;



	width:100%;



	position:absolute;



	text-align:center;



	top:250px;



	/*line-height: 5;*/



	border-top:1px solid #d9d9d9;



	background:#FFF;



	transition:all ease-in-out .3s;



	-moz-transition:all ease-in-out .3s;



	-ms-transition:all ease-in-out .3s;



	-o-transition:all ease-in-out .3s;



	-webkit-transition:all ease-in-out .3s;



	}



.s1-item:hover .p-info {



	top:180px;



	}



.s1-item:hover .product-thumb {



	top:-10px;



	}	



.s1-item .product-thumb:hover {



	opacity:.5;



	}	



.s1-item .p-info nav {



	display:block;



	margin:15px 0 0 0;



	}



.s1-item .p-info nav a {



	width:35px;



	height:35px;



	border:1px solid #d9d9d9;



	display:inline-block;



	text-align:center;



	line-height:33px;



	border-radius:3px;



	transition: all 0.2s ease-in-out;



	-moz-transition: all 0.2s ease-in-out;



	-webkit-transition: all 0.2s ease-in-out;



	}	



.s1-item .p-info nav a:hover {



	border-color:#8d84e4;



	background:#8d84e4;



	color:#FFF;



	}







.jsn-color-violet .s1-item .p-info nav a:hover {



	background-color: #8d84e4;



	border-color: #8d84e4;



}



.jsn-color-blue .s1-item .p-info nav a:hover {



	background-color: #2980B9;



	border-color: #2980B9;



}



.jsn-color-green .s1-item .p-info nav a:hover {



	background-color: #6ECE97;



	border-color: #6ECE97;



}



.jsn-color-red .s1-item .p-info nav a:hover {



	background-color: #e95e53;



	border-color: #e95e53;



}



.jsn-color-orange .s1-item .p-info nav a:hover {



	background-color: #F38645;



	border-color: #F38645;



}



.jsn-color-grey .s1-item .p-info nav a:hover {



	background-color: #668499;



	border-color: #668499;



}



.s1-item .p-info nav .link-button {



	width: auto;



	height: auto;



	padding: 6px 15px;



	margin-bottom: 15px;



}



.s1-item .p-info nav a [class*="jsn-icon"] {



	font-size: 16px;



}



.s1-item .p-info h4 {



	font-size:17px;



	line-height:20px;



	color:#222;



	/*text-transform:uppercase;*/



	margin:10px 0 5px 0;



	font-weight:400;



	}



.s1-item .p-info span {



	color:#8d84e4;



	font-size:16px;



	}



.jsn-color-violet .s1-item .p-info span {



	color: #8d84e4;



}



.jsn-color-blue .s1-item .p-info span {



	color: #2980B9;



}



.jsn-color-green .s1-item .p-info span {



	color: #6ECE97;



}



.jsn-color-red .s1-item .p-info span {



	color: #e95e53;



}



.jsn-color-orange .s1-item .p-info span {



	color: #F38645;



}



.jsn-color-grey .s1-item .p-info span {



	color: #668499;



}



.s1-item .p-info .p-desc {



	margin:10px 0 ;



	display:none;



	}



.s1-item .p-info .p-desc h5 {



	font-size:14px;



	color:#7d7d7d;



	text-transform:uppercase;



	font-weight:400;



	margin:5px 0;



	}



.ca-list-items .owl-pagination {



	float: right;



	margin-right: 10px;



}



.owl-theme .owl-controls .owl-page {



	display: inline-block;



	zoom: 1;



}



.owl-controls .owl-page.active span,



.owl-controls .owl-page:hover span {



	background: #8D84E4;



}



.jsn-color-violet .owl-page.active span,



.jsn-color-violet .owl-page:hover span {



	background-color: #8d84e4;



}



.jsn-color-blue .owl-page.active span,



.jsn-color-blue .owl-page:hover span {



	background-color: #2980B9;



}



.jsn-color-green .owl-page.active span,



.jsn-color-green .owl-page:hover span {



	background-color: #6ECE97;



}



.jsn-color-red .owl-page.active span,



.jsn-color-red .owl-page:hover span {



	background-color: #e95e53;



}



.jsn-color-orange .owl-page.active span,



.jsn-color-orange .owl-page:hover span {



	background-color: #F38645;



}



.jsn-color-grey .owl-page.active span,



.jsn-color-grey .owl-page:hover span {



	background-color: #668499;



}







.jsn-modulecontainer.demo-promo-products,



.jsn-modulecontainer.demo-newsletter-join {



	margin-top: 0;



}



/*Features products */



.features-pro .s1-item {



	margin:0 0 0 -1px;



	border-radius:0;



	}



/* Top Products */



.top-products {



	margin:-10px 0 0 0;



	}



.top-products .owl-pagination {



	display:none;



	}



	



	







/* ===== DEMO SHOP INTRO ===== */



.demo-shop-intro .shop-intro {



	padding: 50px 0 100px;



}



.product-block {



	margin: 0 0 50px;



}







/* ===== OUR COLLECTION ===== */



@keyframes animatedBackground {



			from { background-position: 0 0; }



			to { background-position: 100% 0; }



		}



		@-webkit-keyframes animatedBackground {



			from { background-position: 0 0; }



			to { background-position: 100% 0; }



		}



		@-ms-keyframes animatedBackground {



			from { background-position: 0 0; }



			to { background-position: 100% 0; }



		}



		@-moz-keyframes animatedBackground {



			from { background-position: 0 0; }



			to { background-position: 100% 0; }



		}



.sec-recent-work1 {



	padding:80px 0;



	background:#252525 url(../../../media/joomlashine/jsn-one/backgrounds/recent-work.png);



	animation: animatedBackground 60s linear infinite;



	-ms-animation: animatedBackground 60s linear infinite;



	-moz-animation: animatedBackground 60s linear infinite;



	-webkit-animation: animatedBackground 60s linear infinite;



	}







.sec-recent-work1 .text-heading.large-head > h1 {



	color: #fff;



}



.sec-recent-work1 .portfolio {



	margin:70px 0;



	}



.sec-mobile-ready .text-block {



	color:#fff;



	margin-top:10%;



	position:relative;



}	







/* Portfolio wrap*/	



.port-wrap {



  padding:0;



  margin:0;



  max-width:1170px;



  margin:0 auto;



  transition:all ease-in-out .6s;



  -moz-transition:all ease-in-out .6s;



  -ms-transition:all ease-in-out .6s;



  -o-transition:all ease-in-out .6s;



  -webkit-transition:all ease-in-out .6s; 



}



/* clear fix */



.port-wrap:after {



  content: '';



  display: block;



  clear: both;



}



/* ---- .port-item ---- */



.port-item {



  position: relative;



  float: left;



  margin: 0;



  padding: 0;



  padding:10px;



  overflow:hidden;



  text-align:center;



  width:25%;



}



.port-item > * {



  margin: 0;



  padding: 0;



}







/* Full width */



.port-wrap.port-full-width  {



	max-width:100%;



	}



.port-wrap.no-space .port-item {



	padding:0;



	}



.port-wrap.no-space .port-item:nth-child(2n) .port-meta .triangle{



	border-bottom-color:#f0f0f0;



	}



.port-wrap.no-space .port-item:nth-child(2n) .port-meta {



	background:#f0f0f0;



	}	



.port-wrap.no-desc .port-item .port-meta {



	display:none;



	}	



.port-wrap.no-space .port-item .p-item .port-meta,



.port-wrap.no-space .port-item .p-item .pthumb,



.port-wrap.no-desc .port-item .p-item .port-meta,



.port-wrap.no-desc .port-item .p-item .pthumb {



	border:none;



	border-radius:0;



	}	



/* col number */



.port-5col .port-item {



	width:19.99%;



	}



.port-4col .port-item {



	width:24.99%;



	}



.port-3col .port-item {



	width:33%;



	}



.port-2col .port-item {



	width:50%;



	}



	



/* portfolio item style */	



.p-item {



	width:100%;



	height:100%;



	}



.p-item .pthumb {



	width:100%;



	height:100%;



	position:relative;



	overflow:hidden;



	padding:0;



	margin:0;



	border-radius:3px 3px 0 0;



	}



.p-item .pthumb h3 {



	position:absolute;



	top:50%;



	height:30px;



	line-height:30px;



	margin:-15px 0 0 0;



	text-transform:uppercase;



	font-family:"Roboto Condensed", Arial, Tahoma;



	right:0;



	display:block;



	width:100%;



	text-align:center;



	color:#FFF;



	transition:all ease-in-out .4s;



	-moz-transition:all ease-in-out .4s;



	-ms-transition:all ease-in-out .4s;



	-o-transition:all ease-in-out .4s;



	-webkit-transition:all ease-in-out .4s;



	transform:scale(3,3);



	-moz-transform:scale(3,3);



	-ms-transform:scale(3,3);



	-o-transform:scale(3,3);



	-webkit-transform:scale(3,3);



	opacity:0;



	text-shadow: 3px 3px 3px #000;



	}



.p-item .pthumb h3 a {



	color:#fff;



	}	



.p-item .pthumb:hover h3 {



	transform:scale(1,1);



	-moz-transform:scale(1,1);



	-ms-transform:scale(1,1);



	-o-transform:scale(1,1);



	-webkit-transform:scale(1,1);



	opacity:1;



	}		



.p-item .pthumb img {



	width:100%;



	}	



.p-item .pthumb .mask {



	width:100%;



	height:100%;



	position:absolute;



	background: rgba(0,0,0,0);



	z-index:9;



	transition:all ease-in-out .3s;



	-moz-transition:all ease-in-out .3s;



	-ms-transition:all ease-in-out .3s;



	-o-transition:all ease-in-out .3s;



	-webkit-transition:all ease-in-out .3s;



	}



.p-item .pthumb:hover .mask {



	background: rgba(0,0,0,.8);



	}



.p-item .pthumb .mask .glass {



	background:rgba(255, 255, 255,.1);



	width:80%;



	height:220%;



	left:-120%;



	top:-90%;



	display:inline-block;



	position:absolute;



	-moz-transform:rotate(45deg);



	-ms-transform:rotate(45deg);



	-o-transform:rotate(45deg);



	-webkit-transform:rotate(45deg);



	transition:all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; 



	-moz-transition:all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;



	-ms-transition:all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;



	-o-transition:all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;



	-webkit-transition:all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;



	}



	



.p-item .pthumb:hover .mask .glass {



	left:-50%;



	}	



.p-item .pthumb .mask i,



.p-item .pthumb .mask span.details {



	width:50px;



	height:50px;



	display:inline-block;



	color:#FFF;



	font-size:16px;



	background-color:rgba(255, 255, 255,.1);



	border:1px solid rgba(255, 255, 255,.2);



	border-radius:3px;



	line-height:50px;



	text-align:center;



	position:absolute;



	bottom:-60px;



	transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; 



	-moz-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;



	-ms-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;



	-o-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;



	-webkit-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;



	z-index:10;



	} 



.p-item .pthumb .mask i:hover {



	background:#8D84E4;



	color:#fff;



	}



.jsn-color-violet .p-item .pthumb .mask i:hover {



	background-color: #8d84e4;



}



.jsn-color-blue .p-item .pthumb .mask i:hover {



	background-color: #2980B9;



}



.jsn-color-green .p-item .pthumb .mask i:hover {



	background-color: #6ECE97;



}



.jsn-color-red .p-item .pthumb .mask i:hover {



	background-color: #e95e53;



}



.jsn-color-orange .p-item .pthumb .mask i:hover {



	background-color: #F38645;



}



.jsn-color-grey .p-item .pthumb .mask i:hover {



	background-color: #668499;



}



.p-item .pthumb .mask span.details {



	width: 120px;



	height: 50px;



	display: block;



	left: 50%;



	top: auto;



	margin-left: -60px;



}



.p-item .pthumb .mask .zoom {



	right:10px;



	}



.p-item .pthumb .mask .info {



	right:65px;



	}



.p-item .pthumb:hover .mask .zoom {



	bottom:10px;



	}



.p-item .pthumb:hover .mask .info,



.p-item .pthumb:hover .mask .details {



	bottom:10px;



	transition:all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; 



	-moz-transition:all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;



	-ms-transition:all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;



	-o-transition:all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;



	-webkit-transition:all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;



	}



			



.p-item .pthumb img {



	transition:all ease-in-out 1s;



	-moz-transition:all ease-in-out 1s;



	-ms-transition:all ease-in-out 1s;



	-o-transition:all ease-in-out 1s;



	-webkit-transition:all ease-in-out 1s;



	position:relative;



	z-index:8;



	float:left;



	}



.p-item .pthumb:hover img {



	transform:scale(1.2,1.2);



	-moz-transform:scale(1.2,1.2);



	-ms-transform:scale(1.2,1.2);



	-o-transform:scale(1.2,1.2);



	-webkit-transform:scale(1.2,1.2);



	}



	



.p-item .pthumb:hover .single-gallery img {



	transform:none;



	-moz-transform:none;



	-ms-transform:none;



	-o-transform:none;



	-webkit-transform:none;



	}



		



.p-item .port-meta {



	width:100%;



	height:100%;



	padding:10px;



	border:1px solid #e4e4e4;



	border-top:none;



	text-align:left;



	border-radius:0 0 3px 3px;



	display:block;



	position:relative;



	background:#FFF;



	}



.p-item .port-meta .triangle {



	position:absolute;



	top:-10px;



	left:50%;



	margin-left:-5px;



	width: 0; 



	height: 0; 



	border-left: 10px solid transparent;



	border-right: 10px solid transparent;



	border-bottom: 10px solid white;



	z-index:99;



	}	



.p-item .port-meta h3 {



	margin:0;



	display:block;



	padding:5px 0;



	line-height:20px;



	font-size:18px;



	}	



.p-item .port-meta .cat {



	padding:5px 0;



	display:inline-block;



	}



.p-item .port-meta p {



	display:block;



	}



/* ===== PROMOTION BOX ===== */



.demo-promo-box {



	text-align: center;



	background: url(../../../media/joomlashine/jsn-one/backgrounds/bg-poly.png) fixed;



	padding: 50px 0 90px;



}



.demo-promo-box .promo-heading {



	color: #fff;



	font-size: 4em;



	margin: 0;



	padding: 20px 0;



}



.demo-promo-box .btn-group .link-button {



	margin: 0 20px;



	padding: 15px 35px;



	font-size: 14px;



}



/* ===== KEEP IN TOUCH ===== */



.demo-keep-in-touch .logo-foot {



	float: left;



	margin: 0 20px 0 0;



}



.demo-keep-in-touch .sep {



	height: 0;



	background: none;



	border: none;



	border-top: 1px solid #fff\9;



	border-top: 1px solid rgba(255,255,255,0.15);



	margin: 20px 0;



}



/* ===== PORODUCT TAGS ===== */



.demo-product-tags ul {



	list-style: none;



	margin: 15px 0 0;



	padding: 0;



}



.demo-product-tags ul li {



	float: left;



	padding: 0;



	margin: 0;



}



.demo-product-tags ul li a {



	display: block;



	background: rgba(255,255,255,0.2);



	border: 1px solid rgba(255,255,255,0.4);



	color: #fff;



	padding: 4px 8px;



	margin: 0 10px 10px 0;



	border-radius: 3px;



	-moz-border-radius: 3px;



	-webkit-border-radius: 3px;



	transition: all 0.2s ease-in-out;



	-moz-transition: all 0.2s ease-in-out;



	-webkit-transition: all 0.2s ease-in-out;



}



.jsn-color-violet .demo-product-tags ul li:hover a {



	background-color: #8d84e4;



}



.jsn-color-blue .demo-product-tags ul li:hover a {



	background-color: #2980B9;



}



.jsn-color-green .demo-product-tags ul li:hover a {



	background-color: #6ECE97;



}



.jsn-color-red .demo-product-tags ul li:hover a {



	background-color: #e95e53;



}



.jsn-color-orange .demo-product-tags ul li:hover a {



	background-color: #F38645;



}



.jsn-color-grey .demo-product-tags ul li:hover a {



	background-color: #668499;



}



/* ===== SUBCRIPTION FORM ===== */



/* =============== DEMO CONTACT INFO =============== */



.demo-contact-info .jsn-modulecontent {



	padding: 12px 0;



}



.demo-contact-info .jsn-uniform .jsn-row-container {



	margin: 0;



}



.demo-contact-info .jsn-uniform .jsn-row-container .jsn-form-content {



	display: inline-block;



}



.demo-contact-info .jsn-uniform .jsn-row-container .form-actions {



	margin: 1px 0;



	padding: 0;



	display: inline-block;



}



.demo-contact-info .jsn-uniform .jsn-row-container .form-actions + .jsn-text-center {



	display: none;



}



.demo-contact-info .jsn-uniform .jsn-row-container .form-actions .btn-toolbar {



	margin: 0;



}



.demo-contact-info .jsn-uniform .jsn-row-container .form-actions .btn-toolbar .jsn-form-submit {



	background: #6ece97;



	box-shadow: none;



	border: none;



	color: #fff;



	text-shadow: none;



	font-size: 15px;



	font-family: 'Roboto', Arial, Helvetica, sans-serif;



	cursor: pointer;



	margin: 0;



	padding: 15px;



	display: inline-block;



	text-decoration: none;



	border-radius: 3px;



	-moz-border-radius: 3px;



	-webkit-border-radius: 3px;



	font-weight: 300 !important;



	transition: all 0.2s ease-in-out;



	-moz-transition: all 0.2s ease-in-out;



	-webkit-transition: all 0.2s ease-in-out;



}



.demo-contact-info .jsn-uniform .jsn-row-container .form-actions .btn-toolbar .jsn-form-submit:hover {



	background-color: #439968;



}



.demo-contact-info .jsn-uniform .jsn-row-container .control-group {



	padding: 0 !important;



}



.demo-contact-info .jsn-uniform .jsn-row-container .control-group.ui-state-highlight {



	border: none !important;



	background: none !important;



}



.demo-contact-info .jsn-uniform .jsn-row-container label {



	display: none !important;



}







.demo-contact-info .jsn-uniform .jsn-row-container input.email {



	border: none;



	border-radius: 0;



	margin: 0;



	padding: 15px 10px;



	width: 80% !important;



	border-radius: 3px;



	-moz-border-radius: 3px;



	-webkit-border-radius: 3px;



}



.demo-contact-info .jsn-uniform .demo-contact-desc {



	margin: 5px 0;



	padding: 15px 0;



}



/* ========== RTL LAYOUT ========== */



.jsn-direction-rtl.jsn-demo-page .demo-join-newsletter .link-button {



	float: left;



}



.jsn-direction-rtl.jsn-demo-page .demo-join-newsletter .heading {



	float: right;



	text-align: right;



}



.jsn-direction-rtl .owl-carousel .owl-item {



	float: right;



}



.jsn-direction-rtl .row-fluid.product-block [class*="span"] {



	float: right;



	margin-left: 0;



}



.jsn-direction-rtl .text-heading h3 {



	padding: 0 0 0 20px;



}



.jsn-direction-rtl .text-heading:after,



.jsn-direction-rtl .text-heading h3:after {



	left: 0;



	right: auto;



}



.jsn-direction-rtl .demo-product-tags ul li {



	float: right;



}



.jsn-direction-rtl .demo-product-tags ul li a {



	margin: 0 0 10px 10px;



}



/* ========== RESPONSIVE STYLE ========== */



@media only screen and (max-width: 960px), (max-device-width: 960px) {



	.jsn-desktop-on-mobile.jsn-demo-page .demo-join-newsletter { 



		width: 100%;



		padding-left: 10px;



		padding-right: 10px;



		box-sizing: border-box;



		-moz-box-sizing: border-box;



		-webkitbox-sizing: border-box;



	}



	.jsn-desktop-on-mobile.jsn-demo-page .label_skitter {



		margin-left: -500px;



	}



	.jsn-mobile.featured-fashion .container {



		width: 100%;



	}



	.jsn-mobile.jsn-demo-page .demo-join-newsletter {



		width: auto;



		padding: 20px;



	}



	.jsn-mobile.jsn-demo-page .demo-join-newsletter .heading {



		font-size: 1.1em;



		line-height: 45px;



	}



	.jsn-mobile.jsn-demo-page #jsn-pos-content-bottom {



		padding: 0 !important;



	}



	.jsn-mobile.product-block [class*="span"] {



		width: 100% !important;



		margin: 0 !important;



	}



	.jsn-mobile div.grid-layout4 .services-box.standard-box.grid-col {



		width: 24.96%;



	}



	.jsn-mobile.jsn-demo-page div.jsn-modulecontainer:first-child,



	.jsn-mobile.jsn-demo-page div.jsn-horizontallayout div.jsn-modulecontainer {



		margin-top: 30px;



	}



	.jsn-mobile.owl-carousel {



		margin-top: 20px;



	}



	.jsn-mobile.demo-promo-products .owl-carousel {



		margin-top: 0;



	}







	.jsn-mobile.jsn-demo-page .label_skitter {



		left: 0 !important;



		top: auto !important;



		bottom: 0 !important;



		margin-left: 0;



		margin-top: 0;



		padding: 10px;



	}



	.jsn-mobile.jsn-demo-page .jsn-themeslider-caption-title {



		font-size: 1em;



	}



	.jsn-mobile.jsn-demo-page .jsn-themeslider-caption-description {



		font-size: 1.4em;



		padding: 0;



		margin: 0 10px;



	}



	.jsn-mobile.demo-promo-box .promo-heading {



		font-size: 2.5em;



	}



}



@media only screen and (max-width: 768px), (max-device-width: 768px) {



	.jsn-mobile #jsn-content-top-below .row-fluid.product-block [class*="span"] {



		width: 100%;



	}



	.jsn-mobile #jsn-content-top-below .row-fluid.product-block .span9 {



		margin-left: 0;



	}



}



@media only screen and (max-width: 640px), (max-device-width: 640px) {



	.jsn-mobile .demo-promo-box .promo-heading {



		font-size: 3em;



	}



}



@media only screen and (max-width: 480px), (max-device-width: 480px) {



	.jsn-mobile.jsn-demo-page .demo-join-newsletter .heading,



	.jsn-mobile.jsn-demo-page .demo-join-newsletter .link-button {



		float: none;



		margin-bottom: 25px;



	}



	.jsn-mobile.jsn-demo-page .demo-join-newsletter .heading {



		line-height: 30px;



	}



	.jsn-mobile div.grid-layout4 .services-box.standard-box.grid-col {



		width: 100%;



	}



	.jsn-mobile .text-heading.large-head span {



		max-width: 100%;



	}



	.jsn-mobile.jsn-demo-page .label_skitter {



		display: none;



	}



	.jsn-mobile.jsn-demo-page div.jsn-modulecontainer:first-child {



		margin-top: 0;



	}



	.jsn-mobile .demo-promo-box {



		padding: 30px 0 60px;



	}



	.jsn-mobile .demo-promo-box .promo-heading {



		font-size: 1.5em;



	}



	.jsn-mobile .text-heading.large-head > h1 {



		font-size: 23px;



	}



	.jsn-mobile .p-item .pthumb .mask a {



		display: none;



	}



	.jsn-mobile .p-item .pthumb .mask h3 {



		font-size: 1em;	



	}



	.jsn-mobile .p-item .pthumb .mask h3 a {



		display: block;



	}



	.jsn-mobile .sec-recent-work1 .btn-group {



		white-space: normal;



	}



}







/*ul.menu-mainmenu first {



display: none;



}*/



















/* Schriftgr��e Seitenweit */







body {



    font-family: "Roboto",Arial,Helvetica,sans-serif;



    font-size: 16px;



    font-weight: 300;



}







/* Schriftgr��e Imageshow Beschreibung */



.jsn-demo-page .jsn-themeslider-caption-description {



    color: #fff;



    display: block;



    font-size: 1.5em;



    font-weight: normal;



    padding: 15px 0;



    text-transform: none;



}







/* Schriftgr��e Main Menu */



div.jsn-modulecontainer ul.menu-mainmenu > li > a {



color: #3d5870;



    font-size: 14px;



    text-transform: uppercase;



}







/* Schriftgr��e Main Menu > Sub Menu */



div.jsn-modulecontainer ul.menu-mainmenu ul li a {



    font-size: 13px;



}











#jsn-content-bottom-below {



    background-color: #ffffff;



    color: #000;



    position: relative;



}







#jsn-page {



background: #ffffff;



}















div.jsn-modulecontainer.inner produkttitel {



font-size: 18px;



}



















.clearbreak {



    clear: none;



}











html {



    background-color: #fff;



}











.s1-item .product-thumb a, .s1-item .product-thumb a img {



    display: block;



    max-width: 100%;



    width: 268px;



}



















div.jsn-modulecontainer ul.menu-mainmenu ul {



    background-color: #fbfbfb;



    border: 1px solid #ececec;



    box-sizing: border-box;



    left: 30px;



    margin: 0;



    padding: 0 5px;



    position: absolute;



    width: 200px;



}







/* div.jsn-modulecontainer ul.menu-mainmenu ul li a {



    display: block;



    line-height: 12px;



    padding: 15px 0;



    position: relative;



    width: 92%;



} */











#jsn-pos-topbar, #jsn-topheader-inner, #jsn-header-inner, #jsn-promo-inner, #jsn-pos-content-top, #jsn-pos-content-top-below, #jsn-content, #jsn-content-bottom-inner, #jsn-usermodules3-inner, #jsn-content-bottom-below-inner, #jsn-footer-inner {



margin: 0 auto;



}











/* MAIN MENU HEADER */



#jsn-header {



    background: none repeat scroll 0 0 #ffcc00;



    border-bottom: 0px solid #ffffff;



    border-top: 0px solid #ffffff;



	 /*background-image: url("http://www.henglein.de/cms/images/bg_test.png");



    background-repeat: repeat-x; */



}



















/* MAIN MENU Farbe */



#jsn-menu {







    position: relative;



    z-index: 999;



	background: none repeat scroll 0 0 #ffde10;



	



}







div.jsn-modulecontainer ul.menu-mainmenu > li > a {



    border-right: 2px solid #ffffff;



    font-size: 16px;



    padding: 10px 15px;



    text-transform: uppercase;



}







div.jsn-modulecontainer ul.menu-mainmenu > li.first > a {



    border-left: 2px solid #ffffff;



}







#jsn-pos-content-bottom-below {



    padding: 0px 0;



}











#jsn-usermodules3, #jsn-content-bottom, #jsn-content-bottom-below {



    border-top: 1px solid #ffffff;



}







.text-heading:after, .text-heading h3:after {



    background: none repeat scroll 0 0 #fff;



    border: 1px solid #ffffff;



    border-radius: 50%;



    content: "";



    height: 7px;



    left: auto;



    position: absolute;



    right: 0;



    top: 9px;



    width: 7px;



}











#jsn-header.jsn-menu-sticky {



    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.03);



    position: fixed;



    top: 0;



    width: 100%;



    z-index: 9999;



  margin-top: -5px;



}







/* FOOTER  */







#jsn-footer {



background-color: #ffcc00;



/*border-top: 0px solid #ffffff;



float: right; */



}











ul.menu-divmenu li {



    border-right: 2px solid #ffffff;



    display: inline;



    float: left;



    margin: 0;



    padding: 0 0.8em;



	



}











/*Laufband Startseite */







	.top-products {



	margin:-10px 0 0 0;



	}



	



.top-products .s1-item {



    



  border:0px solid #d9d9d9;



  



}







@media only screen and (max-width: 960px), (max-device-width: 960px) {}











/*Laufband Startseite Mobil */



.top-products .s1-item .mobil{



    



  border:1px solid #d9d9d9;



  



}































/*div.jsn-modulecontainer ul.menu-mainmenu > li > a {



    border-right: 1px solid #ffffff;



    font-size: 16px;



    padding: 38px 12px;



    text-transform: uppercase;



}



*/



















#jsn-logo a {



    display: inline-block;



    line-height: 100%;



    padding: 0 0 0 0px;



}











#henglein {



    left: 10%;



    margin-left: -90px;



    position: absolute;



    top: 29px;



    z-index: 450;



}







#henglein-tablet {



    left: 2%;



    margin-left: 0px;



    position: absolute;



    top: -15px;



    z-index: 44450;



}




.jsn-com-nnproducts #jsn_form_4.jsn-master .jsn-bootstrap .jsn-form-content .control-group {margin-bottom: 20px;}
.jsn-com-nnproducts input[type="text"] {
    margin-bottom: 0;
    margin-right: 10px;
}
.jsn-com-nnproducts .banner_rez {margin-bottom: 20px;}

.jsn-com-nnproducts .recipe_image {
	width: 100%;
    height: 100%;
}
.jsn-com-nnproducts .recipe_image_overlay {
    position: absolute;
    bottom: 75px;
    right: 75px;
    width: 100px;
    height: 100px;
    background-image: url(/media/com_nnproducts/images/play-btn.png);
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) { .jsn-com-nnproducts .recipe_image_overlay {
    position: absolute;
    bottom: 84px;
    right: 105px;
    width: 100px;
    height: 100px;
    background-image: url(/media/com_nnproducts/images/play-btn.png);
}
}


/* #jsn-header {



  background: url("../../../images/bg_test.png") repeat-x scroll center bottom rgba(0, 0, 0, 0);







} */







.top-products .s1-item .p-info {



    



background: none repeat scroll 0 0 #fff;



    border-top: 1px solid #d9d9d9;



    box-sizing: content-box;



    display: inline-block;



    padding: 0;



    position: absolute;



    text-align: center;



    top: 250px;



    transition: all 0.9s ease-in-out 0.9s;



    width: 100%;



}















.top-products .s1-item .p-info h4 {



    



color: #dfa803;



	



    font-size: 17px;



    font-weight: 400;



    line-height: 22px;



    margin: 10px 0 5px;



 /*text-transform: uppercase;*/



	}











/* Text Farbe Weitere Rezepte */



.text-heading h3 {



    color: #08c;



}















/*Footer-Menu rechts */



ul.menu-divmenu {



float: right;



list-style: none outside none;



margin: 0;



padding: 0;



} 











/*Inhalt Seitenklasse */



.inhalt #jsn-topbar,



.inhalt #jsn-topheader,



.inhalt #jsn-logo {



	position: relative;



	z-index: 1000;



}











.inhalt #jsn-promo {



	padding: 0;



}



.inhalt #jsn-pos-promo {



	width: 100%;



	overflow: hidden;



}







.inhalt .container_skitter,



.inhalt .container_skitter .image img {



	width: 100% !important;



}







/* Promo Image Replacement*/



img.image-responsive{



width: 100%;



}















.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page span {



    background-color: #b3ddf7;



}



  







.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {



    background-color: #b3ddf7;



}







/* Slider Label */



.jsn-demo-page .label_skitter {



    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);



    left: 50% !important;



    margin-left: -580px;



    margin-top: -40px;



    max-width: 100%;



    opacity: 1;



    padding: 5px;



    top: 50% !important;



    width: 400px !important;







}











/* Slider Label Beschreibungstext */



.jsn-demo-page .jsn-themeslider-caption-description {



    color: #fff;



    display: block;



    font-size: 1.5em;



    font-weight: normal;



    padding: 0px 0;



    text-transform: none;



}







/* GE�NDERT IN http://www.henglein.de/cms/plugins/jsnimageshow/themeslider/assets/css/skitter/skitter.styles.css



.box_skitter .label_skitter {



    display: none;



    left: 0;



    position: absolute;



    z-index: 0;



}



*/











.jsn-demo-page .container_skitter, .jsn-demo-page .container_skitter .image img {



   



    z-index: 10;



}







.s1-item .p-info .icons {



	



padding:24px 0px;



	width:100%;



	position:absolute;



	text-align:center;



	background:#FFF;



	



	}



	



	.s1-item .p-name {



    



background: none repeat scroll 0 0 #fff;



    border-top: 1px solid #d9d9d9;



    box-sizing: content-box;



    display: inline-block;



    padding: 0;



    position: absolute;



    text-align: center;



    top: 250px;



    transition: all 0.9s ease-in-out 0.9s;



    width: 100%;



}











	.s1-item .p-mobile{



    color:#000000;



background: none repeat scroll 0 0 #fff;



    border-top: 1px solid #d9d9d9;



    box-sizing: content-box;



    display: inline-block;



    padding: 0;



    position: absolute;



    text-align: center;



    top: 230px;



    transition: all 0.9s ease-in-out 0.9s;



    width: 100%;



}







.s1-item .p-mobile h4 {



	font-size:17px;



	line-height:20px;



	color:#222;



	/*text-transform:uppercase;*/



	margin:10px 0 5px 0;



	font-weight:400;



	}



	



h3 {



    color: #0088cc;



    font-size: 1.3em;



}











h3.jsn-moduletitle {



    font-family: "Roboto",Arial,Helvetica,sans-serif;



    color: #0088cc;



    font-size: 14pt;



    font-weight: 300;



  letter-spacing: normal;



    text-transform: none;



}







strong {



    font-weight: 500;



}











/* ========== SUCHE ========== */







dt.result-title {



    font-weight: 500;



  color: #0088cc;



}







dt.result-title a{



    font-weight: 500;



  color: #0088cc;



}











dd.result-category{



    display: none;



}







dd.result-created{



    display: none;



}











dd.result-text{



    line-height: 150%;



  padding: 0 0 10px 0;



} 







fieldset.only{



    display: none;



}







fieldset.phrases{



    display: none;



}







.form-limit{



    display: none;



}







.finder{



    



    padding-top: 100px;



}







/* ========== Bild und Inhalt Rezept Produkt ========== */







#jsn-content {



    padding-top: 0;



    z-index: 87;



}







#jsn-mainbody-content {



    padding: 9px 0;



}







#recipedetails {



    padding: 40px 0;



}	







#productdetails {



    padding: 40px 0;



}	







/* ========== SLIDER ========== */







.nn_sliders.accordion > .accordion-group.mystyle1 > .accordion-heading > a.accordion-toggle {



  box-shadow: none;



  }







/* ========== Zitat ========== */



#zitat {



	padding-left: 100px;



max-width: 400px;



}







@media screen and (min-device-width : 320px) 



and (max-device-width : 480px)  { #zitat {



	padding-left: 0px;



max-width: 400px;



} }







/* ========== Mobile Menü ========== */







#jsn-pos-mainmenu {



float: right;



}







#jsn-menu .jsn-modulecontent > .jsn-menu-toggle {



    border-right: 1px solid #ececec;



    color: #7d7d7d;



    font-size: 20px;



    height: 25px;



    line-height: 22px;



    padding: 20px 15px;



    vertical-align: middle;



  font-family: "Roboto",Arial,Helvetica,sans-serif;



}







/* ========== Stellenangebot ========== */



#stellenangebot {



	padding: 80px 20px;



}







/* ========== Stellenangebot ========== */



.jsn-joomla-30 .page-header {



    border-bottom: medium none;



    display: none;



    margin-bottom: 0;



}







/* ========== Stellenangebot ========== */



#searchForm {



	padding: 80px 20px;



}







/* ========== Rezept-Suchformular ========== */



.jsn-form-content {



	margin: 80px 20px;



}







.jsn-master .jsn-bootstrap .form-actions, .jsn-master.ui-dialog-contentpane .jsn-bootstrap .form-actions {



    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);



    border: medium none;



    margin: -35px 0;



}







#jsn_form_4.jsn-master .jsn-bootstrap .jsn-form-content .control-group {



    background-color: #f8f8f8;



   



}







#jsn_form_4.jsn-master .jsn-bootstrap .jsn-form-content .control-group .control-label {



    color: #0088cc;



     font-family: "Roboto",Arial,Helvetica,sans-serif;



    font-size: 14px;



  font-weight: normal;



}







.jsn-master .jsn-bootstrap .accordion .accordion-heading .accordion-toggle {



    color: #0088cc;



    font-weight: normal;



  font-size: 14px;



  



}







.nn_sliders.accordion > .accordion-group > div > a:focus, .nn_sliders.accordion >.accordion-group.active > div > a:focus {



  box-shadow: none;



  }











/* ========== Rezept-Trefferliste ========== */



.nnsearch{



	padding: 80px 20px;



  



}







.recipe-img {



	max-width: 204px;

  padding: 10px 0 10px 0;

  



}







.product-img {



	max-width: 204px;



}



 



th {



	font-weight: normal;



}







@media screen and (min-device-width : 320px) 



and (max-device-width : 480px)  { .nnsearch{



	padding: 0px 0px; 0px; 10px;



  



}}







/* ========== Rezept========== */







.text-heading h3 {



    background: none repeat scroll 0 0 #fff;



    color: #0088cc;



    display: inline-block;



    font-size: 22px;



    line-height: 22px;



    margin-top: 0;



    padding: 20px 20px 0 0;



    position: relative;



}











.text-heading:before {



    background-color: rgba(145, 145, 145, 0.5);



    content: "";



    height: 1px;



    position: absolute;



    top: 30px;



    width: 100%;



}







#recipedetails{



    



    padding-left: 50px;



}







.product-block {



    margin: 0 0 10px;



}







@media screen and (min-device-width : 320px) 



and (max-device-width : 480px)  { #recipedetails{



    



    padding-left: 0px;



}}











/* ========== Imageshow ========== */



.jsn-demo-page .jsn-themeslider-caption-title {



    border-bottom: 2px solid #8d84e4;



    color: #fff;



    display: inline-block;



    font-size: 2em;



    padding: 10px 0;



 text-transform: none;



}











/* ========== Mobil Test ========== */







#jsn-pos-content-top [class*="span"], #jsn-pos-content-top-below [class*="span"], #jsn-pos-content-bottom [class*="span"], #jsn-pos-content-bottom-below [class*="span"], #jsn-pos-user-top [class*="span"], #jsn-pos-user-bottom [class*="span"], #jsn-pos-mainbody-top [class*="span"], #jsn-pos-mainbody-bottom [class*="span"], #jsn-usermodules1 [class*="span"], #jsn-usermodules2 [class*="span"], #jsn-usermodules3 [class*="span"], #jsn-footermodules [class*="span"] {



    float: left;



    margin-left: 0;



}





.jsn-gallery a img { 

cursor: default; 

}



/* ========== Farbe Mobilmenu ========== */



#jsn-menu div.jsn-modulecontainer ul.menu-mainmenu li span.jsn-menu-toggle {

   

    width: 65px;

}



.btn-warning {
    background-color: #faa732;
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}


/* tec-promotion 27.03.2022 */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}