.full-wh,
ul.slider li,
ul.slider li>* {
    top: 0;
    width: 100%;
    position: absolute;
    height: 100%;
    left: 0;
	z-index:0;
}
@font-face {
    font-family: stick-a-roundstick-a-round;
    src: url(../fonts/StickARound-webfont.eot);
    src: url(../fonts/StickARound-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/StickARound-webfont.woff2) format('woff2'), url(../fonts/StickARound-webfont.woff) format('woff'), url(../fonts/StickARound-webfont.ttf) format('truetype'), url(../fonts/StickARound-webfont.svg#stick-a-roundstick-a-round) format('svg');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: GranstanderClean;
    src: url('../fonts/GranstanderClean.eot');
    src: url('../fonts/GranstanderClean.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GranstanderClean.woff2') format('woff2'),
        url('../fonts/GranstanderClean.woff') format('woff'),
        url('../fonts/GranstanderClean.ttf') format('truetype'),
        url('../fonts/GranstanderClean.svg#GranstanderClean') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'jaywalkerregular';
    src: url('../fonts/jaywalker-regular-webfont.woff2') format('woff2'),
         url('../fonts/jaywalker-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {font-family: 'Patrima-Regular';src: url('../fonts/patrima/3B1CDC_0_0.eot');src: url('../fonts/patrima/3B1CDC_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3B1CDC_0_0.woff2') format('woff2'),url('../fonts/patrima/3B1CDC_0_0.woff') format('woff'),url('../fonts/patrima/3B1CDC_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Patrima-Outline';src: url('../fonts/patrima/3B1CDC_1_0.eot');src: url('../fonts/patrima/3B1CDC_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3B1CDC_1_0.woff2') format('woff2'),url('../fonts/patrima/3B1CDC_1_0.woff') format('woff'),url('../fonts/patrima/3B1CDC_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Patrima-Bold';src: url('../fonts/patrima/3B1CDC_2_0.eot');src: url('../fonts/patrima/3B1CDC_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3B1CDC_2_0.woff2') format('woff2'),url('../fonts/patrima/3B1CDC_2_0.woff') format('woff'),url('../fonts/patrima/3B1CDC_2_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Patrima-Hatched';src: url('../fonts/patrima/3B1CDC_3_0.eot');src: url('../fonts/patrima/3B1CDC_3_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3B1CDC_3_0.woff2') format('woff2'),url('../fonts/patrima/3B1CDC_3_0.woff') format('woff'),url('../fonts/patrima/3B1CDC_3_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Patrima-HatchedOutline';src: url('../fonts/patrima/3B1CDC_4_0.eot');src: url('../fonts/patrima/3B1CDC_4_0.eot?#iefix') format('embedded-opentype'),url('../fonts/patrima/3B1CDC_4_0.woff2') format('woff2'),url('../fonts/patrima/3B1CDC_4_0.woff') format('woff'),url('webfonts/3B1CDC_4_0.ttf') format('truetype');}
 
.dranken-wrapper h1,
.smaken-wrapper h1,
.cones h2,
.cups h2,
.wafles h2 {
	font-family: 'Big Shoulders Display', cursive;
	font-weight: 700;
 }
.dranken-wrapper h2,
.dranken-wrapper li,
.smaken-wrapper li,
.insideBoxes li {
	font-family: 'Space Grotesk', sans-serif;
	font-weight: 700;
}
body,
html {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* Slider TXT */
.notice {width:100vw;height:100vh;text-align:center;font-family: 'jaywalkerregular';padding-top:50px;}
.notice h1 {font-size: 7vw;padding: 3.4275% 0;}
.notice h1 > span {display: block;font-size: 3.5vw;}
.notice p {font-size:2vw;line-height:2.5vw;}

.notice.pink {background:#EE879E;}
.notice.pink h1, .notice.pink p {color:#FBF5EE;}
.notice.pink h1 span {color:#F5007E;}
.notice.white {background:#FBF5EE;}
.notice.white h1, .notice.white p {color:#000;}
.notice.white h1 span {color:#EE879E;}
.notice.blue {background:#56356B;}
.notice.blue h1, .notice.blue p {color:#FBF5EE;}
.notice.blue h1 span {color:#279DD7;}

.dot-bg {
    background: url(../img/dot_bg.jpg) top left;
    background-size: 100% 100%
}

ul.slider li>* {
    opacity: 0;
}

ul.slider li.showing>* {
    opacity: 1
}

.dranken-wrapper,
.prijzen-wrapper,
.smaken-wrapper {
    box-sizing: border-box;
    font-family: 'jaywalkerregular';
    color: #56356B
}

/*.dranken-wrapper {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
}*/

.prijzen-wrapper {
    background-color: #f7beca;
	padding: 0 4%;
}
.prijzen-wrapper h1 {
    text-align: center;
    line-height: 1;
    font-size: 10vw;
	text-transform: uppercase;
	color: #fff;
}

.smaken-wrapper {
    padding: 0 3%;
    background-color: #002c42;
	color: #fff;
}

.dranken-wrapper {
    padding: 0 6.041666666666667%;
    background-color: #e6007e;
}


.dranken-wrapper header {
    position: relative;
    width: 100%;
    padding: 4.6875vw 0 0;
    height: 9vw;
}


.prijzen-wrapper header {
    position: relative;
    width: 100%;
    padding: 4.6875vw 0 0;
    height: 9vw;
	margin-bottom: 40px;
}

.prijzen-wrapper header h1{
	    line-height: 8.958333333333333vw;
    font-size: 6.958333vw;
    padding: 0 2.3958333333333333% 0 0;
}


.smaken-wrapper li {
    display: block;
    width: 100%
}


.dranken-wrapper > ul,
.smaken-wrapper > ul {
    position: relative;
    float: left;
    height: 100%;
    padding-top: 2vw;
  
}

 
	.smaken-wrapper > ul {
		/*width: 33.3333333333333333%;*/
		width: 25%;
		padding: 0 20px 0 0;
		box-sizing: border-box;
	}

	.prijzen-wrapper > ul{
		-moz-column-count: 2;
		-moz-column-gap: 50px;
		-webkit-column-count: 2;
		-webkit-column-gap: 50px;
		column-count: 2;
		column-gap: 20px;
	}

	.dranken-wrapper ul {
		width: 48%
	}

	.prijzen-wrapper ul:nth-of-type(2) {
		margin-left: 4%
	}

	.prijzen-wrapper ul:nth-of-type(3) {
		margin-left: 4%
	}

	.dranken-wrapper ul:nth-of-type(2) {
		margin-left: 4%
	}

	.smaken-wrapper h1 {
		text-align: center;
		line-height: 1;
		font-size: 8vw;
		padding: 2.5% 0 2.5% 0;
		/*font-family: 'Patrima-Outline';*/
		text-transform: uppercase;	
		color: #f7beca;
	}

	.smaken-wrapper li {
		text-align: left;
		line-height: 2.939583vw;
		font-size: 2.5vw;
		position: relative;
		/*border-bottom: 3px dotted #EE879E;*/
		margin-bottom: 3px;
	}

	.dranken-wrapper li.nieuw:after,
	.smaken-wrapper li.nieuw:after {
		position: relative;
		content: ' nieuw!'
	}
	.smaken-wrapper.xl li {
		line-height: 2.739583vw;
		font-size: 2.1vw;
		color: #f7beca;
		text-transform: uppercase;
	}
	.smaken-wrapper li.nieuw:after {
		color: #E6007E;
		text-transform: none;
	}

	.dranken-wrapper li {
		border-bottom: 5px solid #002c42;
		text-align: left;
		/*font-size: 3.1666666666666667vw;*/
		font-size: 2.6vw;
		line-height: 4.5vw;
		color: #002c42;
		position: relative;
		text-transform: uppercase;
	}

	.prijzen-wrapper li {
		border-bottom: 5px solid #DE7AA8;
		text-align: left;
		font-size: 3.1666666666666667vw;
		line-height: 4.5vw;
		color:#DE7AA8;
		position: relative
	}

	.prijzen-wrapper li.bekers {
		border-bottom: 5px solid #fff;
		text-align: left;
		font-size: 3.1666666666666667vw;
		line-height: 4.5vw;
		color:#fff;
		position: relative
	}
	
	.dranken-wrapper li.nieuw:after {
		font-size: .5em;
		color: #000;
		top: -.9em;
		left: .1vw
	}
	.dranken-wrapper li span,
	.prijzen-wrapper li span {
		text-align: right;
		float: right;
		color: #F7BECA;
	}
	.prijzen-wrapper li span {
		color: #DE7AA8;
	}

	.dranken-wrapper h1{
		display: inline-block;
		float: left;
		color: #002c42;
		/*font-family: 'Patrima-HatchedOutline';*/
		text-transform: uppercase;
	}

.dranken-wrapper h2{
    display: inline-block;
    float: left;
    color: #e6007e;
	background-color: #002c42;
    /*font-family: 'jaywalkerregular';*/
	padding: 10px 20px;
    text-transform: uppercase;
}


.dranken-wrapper h1 {
    line-height: 8.958333333333333vw;
    font-size: 6.958333vw;
    padding: 0 2.3958333333333333% 0 0;
    
}

.dranken-wrapper h2 {
    font-size: 3.1666666666666667vw;
    line-height: 1;
    margin-top: 1.475vw
}



.dranken-wrapper header img {
    width: 63.125vw;
    float: left
}


#video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto!important;
    height: auto!important;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}
.insideBoxes {
    position: relative;                
    width: calc(100% - 30px); 
    margin: 0 auto;
    margin-top: 5%;
}
.insideBoxes ul {
    position: relative;
    float: left;
    width: 100%;
    max-width: 31%;
    margin: 0;
    margin-bottom: 20px;
}
.insideBoxes ul:not(:first-of-type) {
    margin-left: 3.5%;
}
.insideBoxes h2 {
    text-transform: uppercase;
    color: #e4087e;
    font-size: 3.1666666666666667vw;
    line-height: 3.6vw;
    min-height: 3.4vw;
    padding: 0.5vw;
    text-align: center;
    font-weight: bold;
    letter-spacing: .16vw;
}
.insideBoxes li {
    /*font-size: 2.1666666666666667vw;*/
	font-size: 1.7vw;
    line-height: 4vw;
}
.insideBoxes li span {
    color: #002C42;
}
/*.cones h2 {
    background-color: #ee879e;
}
.cones li {
    color: #ee879e;
    border-bottom-color: #ee879e;
}
.cups h2 {
    background-color: #fff49a;
}
.cups li {
    color: #fff49a;
    border-bottom-color: #fff49a;
}
.wafles h2 {
    background-color: #ffffff;
}
.wafles li {
    color: #ffffff;
    border-bottom-color: #ffffff;
}*/


	.cones h2,
	.cups h2,
	.wafles h2 {
	background-color: #e7007e;
	color: #f7beca;
	}
	.cones li,
	.cups li,
	.wafles li {
	color: #e7007e;
	border-bottom-color: #e7007e;
	text-transform: uppercase;
	}


	.rotated {
		/*
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box; 
		transform: rotate(90deg);
		transform-origin:bottom left;

		position:absolute;
		top: -100vw;
		left: 0;

		height:100vw;
		width:100vh;
		padding: 0 1%;
		*/
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		transform: rotate(270deg);
		transform-origin: bottom right;
		position: absolute;
		top: -100vw;
		left: 43.8vw;
		height: 100vw;
		width: 100vh;
		padding: 0 1%;
	}
	.rotated .insideBoxes ul {
		max-width: none;
		margin-left: 0;
		margin-right: 0;
	}
	.rotated .insideBoxes li {
		font-size: 2.7vw;
	}
	.rotated.smaken-wrapper {
		padding: 0 2%;
	}
	.rotated.smaken-wrapper h1 {
		padding: 5% 0 3.5% 0;
	}
	.rotated.smaken-wrapper > ul {
		width: 50%;
		height:625px;
        height: auto;
		padding: 0 30px;
	}
	.rotated.smaken-wrapper.xl li {
		/*font-size: 2.1vw;
		line-height: 2.039583vw;
		margin-bottom: 15px;
		text-indent: -20px;*/
		font-size: 2.3vw;
		line-height: 2.1vw;
		margin-bottom: 20px;
		text-indent: -20px;
	}