@charset "utf-8";

::selection {
	background: #ceaf1e;
	color:#000;
	}
::-moz-selection {
	background: #ceaf1e;
	color:#000;
}


a {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
}

body, html {
	background:#FFF;
	font-size:16px;
	color:#87888a;
	font-family: 'Muli','Lato',Arial, Helvetica,sans-serif;
	height: 100%;
	position: relative;
	
}

body { overflow-x:hidden; }

h1 {
	display: block;
	/*font-weight: bold;*/
	font-size:30px;
	margin-bottom:10px;
	color:#3F3F3F;
}

h2 { color:#87888a; font-size:16px; margin:10px 0px;  font-weight:bold; }
h3 { color:#87888a; font-size:14px; margin:10px 0px; font-weight:bold; }

.page-content ul li  { list-style-position: outside; list-style-type: disc; margin:5px 0px 5px 15px; }


a,a:hover,a:focus {
	color:#000;
	text-decoration: none;
}

.page-content{
	line-height: 1.6;
	font-weight: normal;
}

.map {	width:100%;	height:100%;	color:#000; }

.map img { max-width:none; }

form input,form textarea,form select{

	border-radius: 2px;
	box-shadow:inset 0px 1px 2px rgba(0,0,0,0.07);
	border:1px solid #c9c4b8;
	padding:4px;
}

textarea{resize:none; }

form input:focus , form textarea:focus{
	box-shadow: none;
}


form input.error , form textarea.error {
	background: #fff3f4;
	border:1px solid #a70000;
}


.button,
form button{


	color: #FFF;
	padding: 10px 20px;
	font-size:15px;
	background:#ceaf1e;
	border:none;
	border-radius:3px;
	color:#232524;

	cursor: pointer;
	cursor:hand;
}

.button{
	display: inline-block;
	margin:0;
	font-size: 14px;
}

#sitemap a {
    text-decoration:none;
    padding: 5px 5px 5px 20px;
    background-image: url('https://juwelenstephaniebe.webhosting.be/data/images/skin/default/icon_sitemapcategory_01.png');
    background-repeat: no-repeat;
    background-position: left center;
    color:#000;

}

#sitemap li  {
    margin:0px 15px;
    padding:7px 4px;
    padding-left:0px;
    font-size:15px;
    list-style: none;
    list-style-position: inside;
}

#sitemap li.mainCat{
	margin-left:40px;
}

#sitemap ul {
    margin:0px;
    padding:2px;
    padding-left:5px;
    list-style-position: inside;
    list-style: none;
}

#sitemap li {
    font-weight:normal;
    list-style-position: inside;
}

#sitemap li a {
    padding: 0px 5px 0px 20px;
    background: url("https://juwelenstephaniebe.webhosting.be/data/images/skin/default/list.png") no-repeat left center;
    font-size:15px;
}
#sitemap li.sub{
	margin-left:35px;
}
#sitemap li.subsub{
	margin-left:55px;
}

#sitemap li.subsubsub{
	margin-left:75px;
}

#sitemap li.sub a , #sitemap li.subsub a , #sitemap li.subsubsub a{
	color:#686868;
	background: none;
}

.errorForm {
	color:#e51e23;
	margin:20px 0px;
	padding:10px;
	font-size:13px;
}

.errorForm li {
	margin-left:30px;
	padding: 1px 0px;
	list-style: disc;
	list-style-position: outside;
}

.paddingRight1{
	padding-right: 1rem;
}

.overlay-link{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	display: block;
	z-index: 3;
}

.ib{
	display: inline-block;
	vertical-align: middle;
}

.white-block{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	padding:2rem;
	background:#FFF;
}

/* specific styles */

h1.logo{
	width: 122px;
	height: 36px;
	background: url("https://juwelenstephaniebe.webhosting.be/data/images/skin/default/logo.png") no-repeat center center;
	text-indent: -9999px;
}
h1.logo a{opacity: 0;visibility: hidden; }

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea{
	box-shadow: none !important; 
	border:1px solid #CCC;
	height: auto;
	border-radius: 3px;
}

.navigation{
	padding:1rem 0;
}

.nav-wrap{
	text-align: right; 
	margin-top: .5rem
}

.nav-wrap li{
	display: inline-block;
	padding-left: 2rem;
}

.nav-wrap li a{
	font-size: 1.1rem;
	color:#545352;
	font-weight: normal;
	font-family: 'Lato';
}

.nav-wrap li a b{
	color:#545352;
	font-weight: bold;
}

.nav-wrap li a.active{
	color:#ceaf1e;
}

.footer{
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	padding:1.5rem 0;
}

.footer #fckLink_11{
	position: absolute;
}


.main-content-area{
	position: absolute;
	left: 0;
	right: 0;
	top: 78px;
	bottom: 65px;
	overflow: auto;
}
.main-content-area .bg-band{
	z-index: 1;
	background:#e8e8e8;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	height: 40%;
	transform:translate(0,-50%);
	-webkit-transform:translate(0,-50%);
}
.main-content-area .inner-center-box{
	z-index: 2;
	max-width: 1700px;
	width: 100%;
	left: 50%;
	position: absolute;
	height: 100%;
	min-height: 590px;
	
	/*top: 50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);*/

	top: 0;
	transform:translate(-50%,0);
	-webkit-transform:translate(-50%,0);
}

.main-box-wrap{
	/*background:#FF00FF;*/
	position: absolute;
	width: 100%;
	height: 100%;
}

.box{
	position: absolute;
}
.box .inner-box{
	
	background:#CCC;
	position: absolute;
	left: 5px;
	right: 5px;
	top: 5px;
	bottom: 5px;
}

.box .inner-box.dark-box{
	background:#4c4a4b;
}

.box .inner-box.white-box{
	background:#fff;
	border:1px solid #4c4a4b;
}



.box .inner-box .content-box{
	position: absolute;
	left: 2rem;
	bottom: 2rem;
	top: 2rem;
	right: 2rem;
}

.box .inner-box .content-box .custom-scroll{
	height: 100%;
	overflow: hidden;
}

.box.medium{
	width: 45%;
	height: 50%;
}

.box.small{
	width: 30%;
	height: 50%;
}

.box.large{
	width: 55%;
	height: 50%;
}

.box.xlarge{
	width: 70%;
	height: 100%;
}

.box.xxlarge{
	width: 100%;
	height: 100%;
}
.box.full{
	width: 100%;
	height: 50%;
}

.box.pos-left{
	left: 0;
}

.box.pos-right{
	right: 0;
}

.box.pos-bottom{
	bottom: 0;
}

.box.pos-top{
	top: 0;
}

.wrap .box{
	opacity: 1;
	transition:opacity .7s cubic-bezier(.55,0,.1,1);
	-webkit-transition:opacity .7s cubic-bezier(.55,0,.1,1);
	-moz-transition:opacity .7s cubic-bezier(.55,0,.1,1);
	-ms-transition:opacity .7s cubic-bezier(.55,0,.1,1);
	-o-transition:opacity .7s cubic-bezier(.55,0,.1,1);
}

.wrap.fade-out .product-bottom-wrap,
.wrap.fade-out2 .box,
.wrap.fade-out .box{
	opacity: 0;
}

.wrap .box.delay-1{
	transition-delay:.1s;
	-webkit-transition-delay:.1s;
	-moz-transition-delay:.1s;
	-ms-transition-delay:.1s;
	-o-transition-delay:.1s;
}

.wrap .box.delay-2{
	transition-delay:.2s;
	-webkit-transition-delay:.2s;
	-moz-transition-delay:.2s;
	-ms-transition-delay:.2s;
	-o-transition-delay:.2s;
}

.wrap .box.delay-3{
	transition-delay:.3s;
	-webkit-transition-delay:.3s;
	-moz-transition-delay:.3s;
	-ms-transition-delay:.3s;
	-o-transition-delay:.3s;
}

.box-slider{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.box-slider ul.slides{
	height: 100%;
}
.box-slider ul.slides li{position: static !important; }

.box-slider .box-slider-pic{
	position: absolute;
	left: 0;
	right: 0;
	bottom:0;
	top:0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

/*
<div class="product-top-wrap">
	
</div>
<div class="product-bottom-wrap">
	
</div>*/

.product-top-wrap{
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	top: 0;
	/*bottom: 130px;*/
	bottom: 19vh;
	/*background:#00FF00;*/
}

.wrap .product-bottom-wrap{
	bottom: 0;
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	background:#f9f9f9;
	height: 18vh;


	transition:opacity .7s cubic-bezier(.55,0,.1,1) .2s;
	-webkit-transition:opacity .7s cubic-bezier(.55,0,.1,1) .2s;
	-moz-transition:opacity .7s cubic-bezier(.55,0,.1,1) .2s;
	-ms-transition:opacity .7s cubic-bezier(.55,0,.1,1) .2s;
	-o-transition:opacity .7s cubic-bezier(.55,0,.1,1) .2s;
	opacity: 1;
}

.product-slide-wrap{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	overflow: hidden;

}

.inner-product-slide-wrap{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 99999991px;
	transform:translate3d(0,0,0);
	-webkit-transform:translate3d(0,0,0);
}

.inner-product-slide-wrap .product-item{
	display: block;
	float: left;
	width: 18vh;
	height: 18vh;
	background:#404040;
	margin: 0 5px;
	position: relative;
	border-top:4px solid #FFF;
}

.inner-product-slide-wrap .product-item.active{
	border-top:4px solid #ceaf1e;
}

.inner-product-slide-wrap .product-item .overlay-link{
	pointer-events:none;
}

.inner-product-slide-wrap .product-item .product-item-pic{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.inner-product-slide-wrap .product-item .product-item-pic img{opacity: 0;display: none; }

.main-product-pic{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.nav-pointer{
	cursor: hand;
	cursor: pointer;
}

/*.main-product-pic{text-align: center; }*/
/*.main-product-pic img{
	height: 100%;
}*/

.main-product-share,
.main-product-title{
	padding: 1rem;
	background:rgba(255,255,255,0.6);
	font-size: 1.2rem;
	color:#5d5d5d;
	position: absolute;
	right: 2rem;
	bottom: 2rem;
	text-align: right
}

.main-product-share{
	bottom:auto;
	top:2rem;
	z-index: 5;
}

.main-product-title.hidden{display: none; }


.loader{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	transform:scale(2);
	-webkit-transform:scale(2);
	-ms-transform:scale(2);
	z-index: 5;
	opacity: 0;

	transition:all .1s cubic-bezier(.55,0,.1,1);
	-webkit-transition:all .1s cubic-bezier(.55,0,.1,1);
	-moz-transition:all .1s cubic-bezier(.55,0,.1,1);
	-ms-transition:all .1s cubic-bezier(.55,0,.1,1);
	-o-transition:all .1s cubic-bezier(.55,0,.1,1);

	transition-delay:.0s;
	-webkit-transition-delay:.0s;
	-moz-transition-delay:.0s;
	-ms-transition-delay:.0s;
	-o-transition-delay:.0s;
}

.wrap.fade-out .loader,
.wrap.fade-out2 .loader{
	opacity: 1;

	transition-delay:.3s;
	-webkit-transition-delay:.3s;
	-moz-transition-delay:.3s;
	-ms-transition-delay:.3s;
	-o-transition-delay:.3s;
}

.no-select {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

/*<div class="product-slide-nav next-btn" id="product-next"></div>
<div class="product-slide-nav prev-btn" id="product-prev"></div>*/

.product-slide-nav{
	
	opacity: 0;
	visibility: hidden;

	position: absolute;
	top: 50%;
	transform:translate3d(0,-50%);
	-webkit-transform:translate3d(0,-50%);
	width: 30px;
	height: 30px;
	background: #FFF url("https://juwelenstephaniebe.webhosting.be/data/images/skin/default/slide-btns.png") no-repeat left top;
	/*background:#CCC;*/

	cursor: hand;
	cursor: pointer;

	transition:all .3s cubic-bezier(.55,0,.1,1);
	-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);
	-moz-transition:all .3s cubic-bezier(.55,0,.1,1);
	-ms-transition:all .3s cubic-bezier(.55,0,.1,1);
	-o-transition:all .3s cubic-bezier(.55,0,.1,1);
}

.product-slide-nav.active{
	opacity: 1;
	visibility: visible;
}

.product-slide-nav.next-btn{
	right: -40px;
	background-position: right top;
}

.product-slide-nav.prev-btn{
	left: -40px;
	background-position: left top;
}

/* RESPONSIVE STYLES ****************************************************** */

.mobile-clear,
.show-mobile,
.hide-big,
.main-slide-title-mobile,
.sidebar-box .sidebar-title{display: none; }



@media only screen and (max-width:2000px) {

	.main-content-area .inner-center-box{		
		max-width: 1200px;
	}

}

@media only screen and (max-width:1400px){
	.main-content-area .inner-center-box{
		
		top: 0;
		transform:translate(-50%,0);
		-webkit-transform:translate(-50%,0);
	}
}

@media only screen and (max-width:900px) {
	
	.mobile-clear{display: block; }
	body,html{
		/*background:#232524;*/
		overflow:hidden;
		font-size: 14px;
	}

	.main-product-share,
	.hide-mobile,
	#admin{display: none; }

	.main-product-share{display: none !important; }

	.wrap .navigation .nav-icon{
	    width: 33px;
	    height: 30px;
	    display: inline-block;
	    vertical-align: middle;
	    position: absolute;
	    right: 1rem;
	    top:1rem;
	    z-index: 5;
	    background: none;

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

	.wrap .navigation .nav-icon span,
	.wrap .navigation .nav-icon span:after,
	.wrap .navigation .nav-icon span:before{
	    position: absolute;
	    width: 100%;
	    height: 4px;
	    border-radius: 10px;
	    background:#000;
	    top:50%;
	    left: 0;
	    right: 0;
	    transform:translate3d(0,-50%,0);
	    -webkit-transform:translate3d(0,-50%,0);
	    content:'';

	    transition:all .5s cubic-bezier(.55,0,.1,1);
	    -o-transition:all .5s cubic-bezier(.55,0,.1,1);
	    -ms-transition:all .5s cubic-bezier(.55,0,.1,1);
	    -moz-transition:all .5s cubic-bezier(.55,0,.1,1);
	    -webkit-transition:all .5s cubic-bezier(.55,0,.1,1);

	}

	.wrap .navigation .nav-icon span:before{
	    top:0;
	    transform:translate3d(0,-200%,0) rotate(0deg);
	    -webkit-transform:translate3d(0,-200%,0) rotate(0deg);
	}

	.wrap .navigation .nav-icon span:after{
	    top:auto;
	    bottom: 0;
	    transform:translate3d(0,200%,0) rotate(0deg);
	    -webkit-transform:translate3d(0,200%,0) rotate(0deg);
	}


	.wrap.mobile-nav-open .navigation .nav-icon span:before{
	    transform:translate3d(0,200%,0) rotate(135deg);
	    -webkit-transform:translate3d(0,200%,0) rotate(135deg);
	}

	.wrap.mobile-nav-open .navigation .nav-icon span:after{
	    transform:translate3d(0,200%,0) rotate(-135deg);
	    -webkit-transform:translate3d(0,200%,0) rotate(-135deg);
	}

	.wrap.mobile-nav-open .navigation .nav-icon span{
		margin-top:5px;
	}

	.wrap.mobile-nav-open .navigation .nav-icon span{
	    background:none; 
	    top:1px;
	}
	


	.wrap .navigation .nav-wrap{
		position: absolute;
		top:57px;
		left: 0;
		right: 0;
		bottom: 0;
		background:#e8e8e8;
		z-index: 5;
		overflow: scroll;
		-webkit-overflow-scrolling:touch;

		transform:translate3d(100%,0,0) scale(1);
		-webkit-transform:translate3d(100%,0,0) scale(1);

		transition:all .6s cubic-bezier(.55,0,.1,1);
		-o-transition:all .6s cubic-bezier(.55,0,.1,1);
		-ms-transition:all .6s cubic-bezier(.55,0,.1,1);
		-moz-transition:all .6s cubic-bezier(.55,0,.1,1);
		-webkit-transition:all .6s cubic-bezier(.55,0,.1,1);
	}


	.wrap.mobile-nav-open .nav-wrap{
		
		transform:translate3d(0,0,0) scale(1);
		-webkit-transform:translate3d(0,0,0) scale(1);

	}

	
	.wrap .main-section-window{
		transition:all .5s cubic-bezier(.55,0,.1,1);
		-o-transition:all .5s cubic-bezier(.55,0,.1,1);
		-ms-transition:all .5s cubic-bezier(.55,0,.1,1);
		-moz-transition:all .5s cubic-bezier(.55,0,.1,1);
		-webkit-transition:all .5s cubic-bezier(.55,0,.1,1);
	}

	.wrap.mobile-nav-open .main-section-window{
		transform:translate3d(-150px , 0 , 0) scale(.9);
		-webkit-transform:translate3d(-150px , 0 , 0) scale(.9);
	}

	.navigation .nav-wrap li{
		display: block;
		margin:0;
		padding:0;
	}

	.navigation .nav-wrap li a{
		display: block;
		border-bottom: 1px solid #030303;
		text-transform: none;
		text-align: center;
		padding:1rem;
	}
	.navigation .nav-wrap li a.active{
		background:rgba(255,255,255,.2);
	}

	
	.wrap #map{
		position: static;
		height: 250px;
		left:0;
		right:0;
		bottom:0;
		top:0;
	}

	.wrap .content-wrap{
		position: absolute;
		left: 0;
		right: 0;
		top: 70px;
		bottom: 0;
		overflow: hidden;
		overflow-y:scroll;
		-webkit-overflow-scrolling:touch;

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

		transition:all .3s cubic-bezier(.55,0,.1,1);
		-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);
		-moz-transition:all .3s cubic-bezier(.55,0,.1,1);
		-ms-transition:all .3s cubic-bezier(.55,0,.1,1);
		-o-transition:all .3s cubic-bezier(.55,0,.1,1);
	}

	.wrap.mobile-nav-open .content-wrap{
		transform:translate3d(-50%,0,0) scale(0.95);
		-webkit-transform:translate3d(-50%,0,0) scale(0.95);
	}
	
	.columns.static{
		position: static;
	}

	.bg-band,
	.loader{display: none !important; }
	
	.main-product-pic,
	.product-top-wrap,
	.wrap .product-bottom-wrap,
	.footer,
	.box,
	.box-slider,
	.box .inner-box,
	.box .inner-box .content-box,
	.white-block,
	.main-box-wrap,
	.main-content-area .inner-center-box,
	.main-content-area{
		position: relative;
		left: 0 !important;
		top: 0 !important;
		right: 0 !important;
		bottom: 0 !important;

		overflow: visible;
		min-height: 0;
		max-width: none;
		transform:none;
		-webkit-transform:none;
	}


	.main-product-pic,
	.box-slider,
	.box.small,
	.box.medium,
	.box.large,
	.box.xlarge,
	.box.xxlarge,
	.box{
		height: 300px;
		width: 100%;
		overflow: hidden;
	}

	.box.mobile-small{
		height: 150px;
		width: 50%;
		float: left;
	}
	.box.mobile-small .main-product-pic{
		height: 150px;
		width: 100%;
	}
	.main-product-title{
		right: 0;
		left: 0;
		bottom: 0;
		text-align: center;
	}
	.paddingRight1{padding:0; }
	.product-top-wrap,
	.box.has-content{
		height: auto;
	}
	.box .inner-box .content-box{
		height: auto;
		padding:1rem;
	}

	.wrap.fade-out .product-bottom-wrap,
	.wrap.fade-out2 .box,
	.wrap.fade-out .box{
		opacity: 1;
	}
	.mobile-center{
		text-align: center !important;
	}

	.mobile-clear{
		clear: both;
	}

	.product-slide-wrap{
		overflow-x:scroll;
		-webkit-overflow-scrolling:touch;
	}

}