html, body {
	background:#fff;
    margin: 0;
    padding: 0;
	overflow:hidden;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
#superContainer {
    height: 100%;
    position: relative;

	/* Touch detection for Windows 8 */
    -ms-touch-action: none;

    /* IE 11 on Windows Phone 8.1*/
	touch-action: none;
}
.section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.slide {
    float:left;
	width:100%;
}
.slide, .slidesContainer {
    height: 100%;
    display: block;
}
.slides {
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.section.table, .slide.table {
    display: table;
    width: 100%;
}
.tableCell {
    display: table-cell;
    vertical-align: top;
    width: 100%;
    height: 100%;
}
.slidesContainer {
    float: left;
    position: relative;
}
.controlArrow {
    position:absolute;
    top:50%;
    cursor:pointer;
    width:0;
    height:0;
    margin-top:-38px;
	font-size:80px;
	color:#fff;
}
.controlArrow.prev {
    left:40px;
}
.controlArrow.next {
    right:69px;
}
.scrollable {
    overflow: scroll;
}
.easing {
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}

#fullpage .controlArrow {
	z-index:700;
	color:#000;
}

#fullPage-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
}
#fullPage-nav.right {
    right: 17px;
}
#fullPage-nav.left {
    left: 17px;
}
.fullPage-slidesNav {
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}
.fullPage-slidesNav.bottom {
    bottom: 17px;
}
.fullPage-slidesNav.top {
    top: 17px;
}
#fullPage-nav ul,
.fullPage-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fullPage-nav li,
.fullPage-slidesNav li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fullPage-slidesNav li {
    display: inline-block;
}
#fullPage-nav li a,
.fullPage-slidesNav li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fullPage-nav li .active span,
.fullPage-slidesNav .active span {
    background: #333;
}
#fullPage-nav span,
.fullPage-slidesNav span {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 1px solid #000;
    background: rgba(0, 0, 0, 0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}
.fullPage-tooltip {
    position: absolute;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    top: -2px;
}
.fullPage-tooltip.right {
    right: 20px;
}
.fullPage-tooltip.left {
    left: 20px;
}

/* new portal */
#fullpage {
	background:#fff;
	font-family:Helvetica, Arial, sans-serif;
	font-size:16px;
}
#fullpage a {
	color:#000;	
}
#fullpage a:hover {
	text-decoration:none;
}
.container {
    width:100%;
	height:100%;
}
.container .row {
	height:100%;
}
.section {
	text-align:center;
	background-size:cover;
}
.nopadding {
	padding:0 !important;	
}
#section0 {
	overflow:hidden;
}
#section0 .logo {
	float:left;
	padding:40px 0 0 100px;
}

#section0 .col-md-2 {
	height:100%;	
}	

#fullpage nav {
	position:fixed;
	top:0;
	right:0;
	text-align:left;
	padding:0;
	min-width:330px;
	height:70px;
	margin:0;
	z-index:800; 
}
#fullpage .dnavigation {
	position:absolute;
	top:42px;
	right:0;
	float:right;
	min-width:330px;
}
#fullpage .dnavigation a {
	display:block;
	float:left;
	font-weight:bold;
}
#fullpage .dnavigation a.shop {
	margin:0 0 0 65px;
	width:138px;	
}
#fullpage .dnavigation a.fa {
	padding:1px 10px 1px 10px;
}
#fullpage .dnavigation a i {
	font-size:20px;
	cursor:pointer;
}

#fullpage .navigation {
	position:absolute;
	top:0;
	right:-400px;
	float:right;	
	min-width:330px;
	height:100%;
}
#fullpage .navigation ul {
	list-style:none;
	padding:0;
	margin:0 0 5px 0;
}

.dd-menu {
	display:none;	
}
.dropdown {
	a {
		text-decoration:none !important;
	}

	[data-toggle="dropdown"] {
		position: relative;
		display: block;
		color: white;
		@include text-shadow(0 -1px 0 rgba(0,0,0,0.3));
		padding: 10px;

	}
	.fa-angle-down {
		position: absolute;
		display: block;
		font-size: 0.7em;
		color: #fff;
		top: 14px;
		right: 10px;
	}

	.dd-menu {
		max-height: 0;
		overflow: hidden;
		@include ul-nostyle;

		li {
			padding: 0;

			a {
				display: block;
				@include text-shadow(0 -1px 0 rgba(255,255,255,0.3));
				padding: 10px 10px;
			}
		}
	}

	.show, .hide {
		@include transform-origin(50%, 0%);
	}

	.show {
		display: block;
		max-height: 9999px;
		@include transform(scaleY(1));
		@include animation(showAnimation .5s ease-in-out);
		@include transition(max-height 1s ease-in-out);
	}

	.hide {
		max-height: 0;
		@include transform(scaleY(0));
		@include animation(hideAnimation .4s ease-out);
		@include transition(max-height .6s ease-out);
	}
}
.fa-angle-down {
	transition-duration: 0.8s;
    transition-property: transform;
}
.fa-angle-down.open {
	transform: rotate(180deg);
}
.fa-angle-down.close {
	transform: rotate(0deg);
	opacity:1;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	background:none;
	border:0;
	text-decoration:none !important;
}
.nav a:focus {
	outline:none;
	text-decoration:none;	
}

@include keyframes(showAnimation) {
	0% {
		@include transform(scaleY(0.1));
	}
	40% {
		@include transform(scaleY(1.04));
	}
	60% {
		@include transform(scaleY(0.98));
	}
	80% {
		@include transform(scaleY(1.04));
	}
	100% {
		@include transform(scaleY(0.98));
	}				
	80% {
		@include transform(scaleY(1.02));
	}
	100% {
		@include transform(scaleY(1));
	}
}

@include keyframes(hideAnimation) {
  0% {
  	@include transform(scaleY(1));
  }
  60% {
  	@include transform(scaleY(0.98));
  }
  80% {
  	@include transform(scaleY(1.02));
  }
  100% {
  	@include transform(scaleY(0));
  }
}

#fullpage .navigation .nav ul {
	padding:40px 20px 0 20px;	
}
.dropdown:first-child {
	border-top:1px solid #b7b7b7;
}
.dropdown {
	border-bottom:1px solid #b7b7b7;	
}
.dropdown a {
	display:block;
	width:100%;
	font-size:16px;
	font-weight:bold;
	line-height:25px;
	text-transform:uppercase;
	color:#000;	
}
.dropdown a i {
	display:block;
	float:right;
	font-weight:bold;
	font-size:20px;
}

#fullpage .navigation .cls {
	float:left;
	width:48px;
	padding:30px 0 0 0;
}
#fullpage .navigation .cls span {
	font-size:30px;
	color:#fff;
	font-weight:normal;
	cursor:pointer;
}
#fullpage .navigation .nav {
	float:right;
	width:280px;
	height:100%;
	background:#fff;
	border-left:1px solid #ababab;
	-webkit-box-shadow:0 0 30px 0 #000;
	box-shadow:0 0 30px 0 #000;
}
#fullpage .navigation .nav ul ul {
	border-top:1px solid #b7b7b7;
	padding:5px 0 0 0;
}
#fullpage .navigation .nav ul ul a {
	line-height:25px;
	color:#7b7b7b;
	text-transform:uppercase;
	font-weight:normal;
}

.godown {
	background:#000;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:75px;
}
.godown a {
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	line-height:75px;
	color:#fff;
}
.godown a i {
	font-size:55px;
	line-height:70px;
	color:#fff;
}

/* description */
#section1 .intro {
	display:table;
	height:100%;
	max-width:1150px;
	margin:0 auto;
	padding:0 15px;
}
#section1 .intro .txt {
	display:table-cell;
	vertical-align:middle;
	text-align:left;
	font-size:32px;
	line-height:36px;
	font-weight:bold;
	color:#fff;
}
#section1 .intro .txt p {
	margin:0;
	padding:0 0 30px 0;
}

/* newspaper */
#section2 {
	background:#000;	
}
#section2 .slide {
	background-size:cover;
}
#section2 .intro {
	display:table;
	width:100%;
	height:100%;	
}
#section2 .intro .image {
	display:table-cell;	
	text-align:center;
	vertical-align:middle;
}
#section2 .controlArrow {
	color:#fff;
}

/* looks */
#section3 {
	background:#fff;
}
#section3 .intro {
	height:18%;	
}
#section3 .controlArrow i {
	color:#000;
}
#section3 .row {
	max-width:1200px;
	padding:20px 70px 0 70px;
	margin:0 auto;	
}
h2.title {
	display:block;
	margin:0 auto;
    color:#000;
    font-size:20px;
    font-weight:700;
    margin:0;
    padding:5% 0 0 0;
	width:100%;
	height:150px;
    text-align:center;
    text-transform:uppercase;
}
h2.title span {
    font-size:14px;
    line-height:16px;
}
#section3 .col-sm-2 {
	padding:0 1px 1px 0;
}
#section3 .col-sm-2 img {
	width:100%;
}
.hoverlayer {
	background: rgba(0,0,0,0.6);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;	
}
.look {
	float:left;
	list-style:none;
	position:relative;
}
.look a.fcyc {
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
}
.look:hover div.hoverlayer {
	opacity: 1;
}
.look .hoverlayer {
	width:100%;
	height:100%;
	padding: 10px;
	position: absolute;
	top:0;
	left:0;
	z-index: 1;
	opacity: 0;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}
.look .hover-info {
	font-weight:normal;
	position: absolute;
	bottom: 7px;
	font-size: 15px;
	left: 0;
	width:100%;
	text-align: center;
	padding-left:0;
	color:#fff;
}
.look .hover-info span.zoom {
	background: url("/static/dd/img/mag.png") no-repeat 0 0;
	width: 14px;
	height: 14px;
	display: block;
	position: absolute;
	left: 16px;
	bottom: 4px;
	margin-left: -7px;
}
.look .hover-info span.plus {
	font-weight:12px;
	font-weight:normal;
	position:absolute;
	right: 10px;
	bottom:-8px;
	font-size: 26px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.look .sharebtns h4 {
	font-weight:bold;
	text-align:left;
	margin:0;	
}
.fancybox-nav span {
     padding:55px 30px;
}

/* video */
#section4 {
	background:#fff;	
}
#section4 .intro {
	padding:6% 0 0 0;	
}
.contentbox.video {
	padding:0 0 40px 0;
	position: relative;
	top:0;
	padding-top: 1px;
	width: 1048px;
	height: 585px;
	margin: 0 auto;
	overflow: hidden;
	cursor:pointer;	
}
#section4 .pimcore_tag_video {
	height: 585px;
}
.contentbox.video .playcover {
	position:absolute;
	width:1048px;
	height:585px;
	top:0;
	left:0;
	z-index:50;
}
.contentbox.video .playcover .cont {
	position:relative;
	width:1048px;
	height:585px;
	z-index:10;
}
.contentbox.video .playcover .cont .hoverlayer {
	background:none;
	position:absolute;
	width:1048px;
	height:585px;
	top:0;
	left:0;
	z-index:20;
}
.contentbox.video .playcover .cont:hover .hoverlayer {
	background:rgba(0,0,0,0.3);
}
.contentbox.video .playcover .cont img {
	position:absolute;
	width:1048px;
	height:585px;
	top:0;
	left:0;
	z-index:15;
}
.contentbox.video .playcover .play {
	position:absolute;
	background:url(/static/dd/img/play.png) 0 0 no-repeat;
	width:83px;
	height:83px;
	top:50%;
	left:50%;
	margin:-41px 0 0 -41px;
	z-index:30;
}
#pimcore_video_collection_video {
	position:absolute;
	width:1048px;
	height:585px;
	top:0;
	left:0;
	z-index:10;
}
.contentbox.video .share {
	position:absolute;
	top:0;
	left:0;
	z-index:300;	
}
.contentbox.video .share .cont {
	position:relative;
	z-index:10;	
}
.contentbox.video .share .cont .plus {
	position:absolute;
	top:0;
	left:12px;
	color:#fff;
  	font-family:Arial;
    font-size:26px;
    font-weight:normal;
	z-index:50;	
}
.sharebtns {
	position: absolute;
	width: 100px;
	height: 150px;
    display: none;
	z-index: 9999;
	left:15px;
	top:15px;
}
.sharebtns h4 {
	color:#fff;
	text-transform:none;
	padding:0 0 5px 0;
	font-size:11px;

}
.sharebtns a {
	background:url("/static/dd/img/share-box.png") no-repeat;
	width:60px;
	height:16px;
	display:block;
	margin:3px 0;
	padding:0 0 0 20px;
	line-height:18px;
	font-size:11px;
	color:#fff !important;
}
.sharebtns a:hover {
	text-decoration:underline;
}
.sharebtns a.fb {
	background-position:0 0;
}
.sharebtns a.tw {
	background-position:0 -20px;
}
.sharebtns a.go {
	background-position:0 -40px;
}
.sharebtns a.pi {
	background-position:0 -59px;
}
.sharebtns a.tu {
	background-position:0 -79px;
}
.contentbox.video {
	text-align:left;	
}
.contentbox.video .sharebtns {
	position:absolute;
	top:11px;
	left:14px;
	display:none;
	z-index:20;	
}
.contentbox.video .sharebtns h4 {
	margin:0 0 0 20px;	
}
span.active {
	-webkit-transform:rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.contentbox.txt {
	padding:30px 0 0 0;
	width:1048px;
	margin:0 auto;
	text-align:left;
	font-weight:bold;
}
.contentbox.txt p {
	width:380px;
}

/* mood */
#section5 {
	background:#fff;	
}
#section5 .controlArrow {
	z-index:9999;
	color:#000;
}
#section5 .arta {
	position:relative;
	width:100%;
	height:100%;
	z-index:10;
}
#section5 .img {
	overflow:hidden;
}
#section5 img {
	width:100%;
}
#section5 .arta .img1 {
	position:absolute;
	top:5%;
	left:0;
	width:380px;
	height:550px;
	z-index:100;
}
#section5 .arta .img2 {
	position:absolute;
	top:13%;
	left:15%;
	width:450px;
	height:600px;
	z-index:90;
}
#section5 .arta .img3 {
	position:absolute;
	top:5%;
	left:40%;
	width:350px;
	height:470px;
	z-index:80;
}
#section5 .arta .img4 {
	position:absolute;
	top:48%;
	left:40%;
	width:470px;
	height:340px;
	z-index:60;
}
#section5 .arta .img5 {
	position:absolute;
	top:47%;
	right:30%;
	width:300px;
	height:400px;
	z-index:70;
}
#section5 .arta .img6 {
	position:absolute;
	top:20%;
	right:20%;
	width:200px;
	height:255px;
	z-index:20;
}
#section5 .arta .img7 {
	position:absolute;
	top:5%;
	right:0;
	width:270px;
	height:330px;
	z-index:30;
}
#section5 .arta .img8 {
	position:absolute;
	top:37%;
	right:0;
	width:445px;
	height:600px;
	z-index:40;
}

#section5 .artb {
	position:relative;
	width:100%;
	height:100%;
	z-index:10;
}
#section5 .artb .img1 {
	position:absolute;
	top:5%;
	left:0;
	width:300px;
	height:400px;
	z-index:100;
}
#section5 .artb .img2 {
	position:absolute;
	top:18%;
	left:10%;
	width:460px;
	height:335px;
	z-index:90;
}
#section5 .artb .img3 {
	position:absolute;
	top:54%;
	left:23%;
	width:200px;
	height:270px;
	z-index:80;
}
#section5 .artb .img4 {
	position:absolute;
	top:15%;
	left:30%;
	width:445px;
	height:600px;
	z-index:120;
}
#section5 .artb .img5 {
	position:absolute;
	top:10%;
	right:22%;
	width:350px;
	height:470px;
	z-index:70;
}
#section5 .artb .img6 {
	position:absolute;
	top:52%;
	right:22%;
	width:470px;
	height:350px;
	z-index:130;
}
#section5 .artb .img7 {
	position:absolute;
	top:25%;
	right:0;
	width:400px;
	height:600px;
	z-index:30;
}

/* instagram */
#section6 {
	background:#000;	
}
.ri-grid{
	width: 600px;
}

.ri-grid ul li,
.ri-grid ul li a{
	width: 100px;
	height: 100px;
}
.ri-grid ul li a img{
	width: 100%;
}
.ri-grid{
	margin: 30px auto 30px;
	position: relative;
	height: auto;
}

.ri-grid ul {
	list-style: none;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}

/* Clear floats by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */

.ri-grid ul:before,
.ri-grid ul:after{
	content: '';
    display: table;
}

.ri-grid ul:after {
    clear: both;
}

.ri-grid ul {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
} 

.ri-grid ul li {
	-webkit-perspective: 400px;
	-moz-perspective: 400px;
	-o-perspective: 400px;
	-ms-perspective: 400px;
	perspective: 400px;	
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	display: block;
	overflow: hidden;
	background: #000;
}

.ri-grid ul li a{
	display: block;
	outline: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #333;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* Grid wrapper sizes */
.ri-grid-size-1{
	width: 55%;
}
.ri-grid-size-2{
	width: 100%;
}
.ri-grid-size-3{
	width: 100%;
	margin-top: 0px;
}

/* Shadow style */
.ri-shadow:after,
.ri-shadow:before{
	content: "";
	position: absolute;
	z-index: -2;
	bottom: 15px;
	left: 10px;
	width: 50%;
	height: 20%;
	max-width: 300px;
	max-height: 100px;
	box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.ri-shadow:after{
	right: 10px;
	left: auto;
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	transform: rotate(3deg);
}

.ri-grid-loading:after,
.ri-grid-loading:before{
	display: none;
}

.ri-loading-image{
	display: none;
}

.ri-grid-loading .ri-loading-image{
	position: relative;
	width: 30px;
	height: 30px;
	left: 50%;
	margin: 100px 0 0 -15px;
	display: block;
}

/* responsive */
@media only screen and (max-width: 1024px){
	#section5 .arta .img1 {
		width:190px;
		height:225px;
	}
	#section5 .arta .img2 {
		width:225px;
		height:300px;
	}
	#section5 .arta .img3 {
		width:175px;
		height:235px;
	}
	#section5 .arta .img4 {
		width:235px;
		height:170px;
	}
	#section5 .arta .img5 {
		width:150px;
		height:200px;
	}
	#section5 .arta .img6 {
		width:100px;
		height:130px;
	}
	#section5 .arta .img7 {
		width:135px;
		height:165px;
	}
	#section5 .arta .img8 {
		width:250px;
		height:300px;
	}

	#section5 .artb .img1 {
		width:150px;
		height:200px;
	}
	#section5 .artb .img2 {
		width:230px;
		height:170px;
	}
	#section5 .artb .img3 {
		width:100px;
		height:135px;
	}
	#section5 .artb .img4 {
		width:250px;
		height:300px;
	}
	#section5 .artb .img5 {
		width:175px;
		height:235px;
	}
	#section5 .artb .img6 {
		width:235px;
		height:175px;
	}
	#section5 .artb .img7 {
		width:200px;
		height:300px;
	}
}

.moodcenter {
	display: table;
	width:100%;
	height:100%;
}

.moodcenter .mood {
    display: table-cell;
    vertical-align: middle;
	padding:0 1px;
}