@charset "UTF-8";*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}

*{margin:0;padding:0}

table{border:0 none;border-collapse:collapse;border-spacing:0}

th,td{padding:0}

fieldset,button,img{border:0}

li{list-style:none}

button{text-indent:0}

@font-face {
	font-family: 'Proxima Nova Regular';
	src: url('../fonts/proxima-nova-regular.eot');
	src: url('../fonts/proxima-nova-regulard41d.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/proxima-nova-regular.woff') format('woff'),
	     url('../fonts/proxima-nova-regular.ttf') format('truetype'),
	     url('../fonts/proxima-nova-regular.svg#ywftsvg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova Regular Italic';
	src: url('../fonts/proxima-nova-regular-italic.html');
	src: url('../fonts/proxima-nova-regular-italicd41d.html?#iefix') format('embedded-opentype'),
	     url('../fonts/proxima-nova-regular-italic-2.html') format('woff'),
	     url('../fonts/proxima-nova-regular-italic-3.html') format('truetype'),
	     url('../fonts/proxima-nova-regular-italic-4.html#ywftsvg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova Bold';
	src: url('../fonts/proxima-nova-bold.eot');
	src: url('../fonts/proxima-nova-boldd41d.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/proxima-nova-bold.woff') format('woff'),
	     url('../fonts/proxima-nova-bold.ttf') format('truetype'),
	     url('../fonts/proxima-nova-bold.svg#ywftsvg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova Bold Italic';
	src: url('../fonts/proxima-nova-bold-italic.html');
	src: url('../fonts/proxima-nova-bold-italicd41d.html?#iefix') format('embedded-opentype'),
	     url('../fonts/proxima-nova-bold-italic-2.html') format('woff'),
	     url('../fonts/proxima-nova-bold-italic-3.html') format('truetype'),
	     url('../fonts/proxima-nova-bold-italic-4.html#ywftsvg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova Semi-Bold';
	src: url('../fonts/proxima-nova-semibold.eot');
	src: url('../fonts/proxima-nova-semiboldd41d.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/proxima-nova-semibold.woff') format('woff'),
	     url('../fonts/proxima-nova-semibold.ttf') format('truetype'),
	     url('../fonts/proxima-nova-semibold.svg#ywftsvg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova Semi-Bold Italic';
	src: url('../fonts/proxima-nova-semibold-italic.eot');
	src: url('../fonts/proxima-nova-semibold-italicd41d.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/proxima-nova-semibold-italic.woff') format('woff'),
	     url('../fonts/proxima-nova-semibold-italic.ttf') format('truetype'),
	     url('../fonts/proxima-nova-semibold-italic.svg#ywftsvg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face{
	font-family:'bebas_neuebold';
	src:url("../fonts/bebasneue_bold-webfont.eot");
	src:url("../fonts/bebasneue_bold-webfont.eot?#iefix") format("embedded-opentype"),
	url("../fonts/bebasneue_bold-webfont.woff") format("woff"),
	url("../fonts/bebasneue_bold-webfont.ttf") format("truetype"),
	url("../fonts/bebasneue_bold-webfont.svg#bebas_neuebold") format("svg");
	font-weight:normal;
	font-style:normal}

@font-face{
	font-family:'df-icons';
	src:url("../fonts/df-icons.eot?d6hr3d");
	src:url("../fonts/df-icons.eot?#iefixd6hr3d") format("embedded-opentype"),
	url("../fonts/df-icons.woff?d6hr3d") format("woff"),
	url("../fonts/df-icons.ttf?d6hr3d") format("truetype"),
	url("../fonts/df-icons.svg?d6hr3d#df-icons") format("svg");
	font-weight:normal;
	font-style:normal}



@media screen and (-webkit-min-device-pixel-ratio: 0){@font-face{font-family:'df-icons';src:url("../fonts/df-icons.svg?d6hr3d#df-icons") format("svg")}

}

@media screen and (min--moz-device-pixel-ratio: 0){@font-face{font-family:'df-icons';src:url("../fonts/df-icons.ttf?d6hr3d") format("truetype")}

}

[class^="dficons-"],[class*=" dficons-"]{font-family:'df-icons';font-style:normal;font-variant:normal;font-weight:normal;line-height:1;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.dficons-mouse:before{content:"\e62c"}

.dficons-fullscreen:before{content:"\e627"}

.dficons-mf-vielfaeltig:before{content:"\e61e"}

.dficons-mf-preisgekroent:before{content:"\e61f"}

.dficons-mf-lage:before{content:"\e620"}

.dficons-mf-hochwertig:before{content:"\e621"}

.dficons-mf-historie:before{content:"\e622"}

.dficons-mf-flexibel:before{content:"\e623"}

.dficons-mf-flaeche:before{content:"\e624"}

.dficons-mf-beratung:before{content:"\e625"}

.dficons-mf-alleinig:before{content:"\e626"}

.dficons-long-arrow-down:before{content:"\e61d"}

.dficons-triangle:before{content:"\e61c"}

.dficons-raute:before{content:"\e61b"}

.dficons-microsoft-logo:before{content:"\e61a"}

.dficons-malzfabrik-typo-logo:before{content:"\e619"}

.dficons-malzfabrik-typo:before{content:"\e618"}

.dficons-bulls-logo:before{content:"\e617"}

.dficons-pegasus-typo-logo:before{content:"\e615"}

.dficons-pegasus-typo:before{content:"\e614"}

.dficons-acv-logo:before{content:"\e613"}

.dficons-fairtrade-typo-logo:before{content:"\e611"}

.dficons-fairtrade-typo-logo-horizontal:before{content:"\e62b"}

.dficons-fairtrade-typo:before{content:"\e612"}

.dficons-kerbholz-typo-logo:before{content:"\e610"}

.dficons-kerbholz-typo-logo-horizontal:before{content:"\e62a"}

.dficons-kerbholz-typo:before{content:"\e60f"}

.dficons-zemo-logo:before{content:"\e616"}

.dficons-youtube:before{content:"\e600"}

.dficons-movie:before{content:"\e601"}

.dficons-imac:before{content:"\e602"}

.dficons-plus:before{content:"\e603"}

.dficons-play:before{content:"\e604"}

.dficons-divider:before{content:"\e605"}

.dficons-x:before{content:"\e606"}

.dficons-vimeo:before{content:"\e607"}

.dficons-facebook:before{content:"\e608"}

.dficons-arrow-up:before{content:"\e628"}

.dficons-arrow-left:before{content:"\e629"}

.dficons-arrow-down:before{content:"\e609"}

.dficons-arrow-right:before{content:"\e60a"}

.dficons-slate:before{content:"  "}

.dficons-mail:before{content:"\e60d"}

.dficons-df-logo:before{content:"\e60c"}

.logo{display:none;background:url(../img/logo.png);font-family:"Proxima Nova Bold",Helvetica,Arial,Verdana,sans-serif;font-size:14px;color:#fff;height:350px;line-height:28px;letter-spacing:2px;position:relative;text-transform:uppercase;margin:-20px;padding:0 20px}

.dficons-okkid-logo:before{content:"\e62d"}

.dficons-heyyou-logo:before{content:"\e62e"}

::selection{background:#f60;color:#fff;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}

::-moz-selection{background:#f60;color:#fff;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}

html{height:100%}

strong,b,.bold{font-family:"Proxima Nova Bold",Helvetica,Arial,Verdana,sans-serif;font-weight:normal}

fieldset{padding-top:0}

legend{display:block;margin:0;padding:0;width:100%}

input,embed,object{outline:0 none}

textarea{resize:none}

:focus{outline-color:transparent;outline-style:none;-webkit-appearance:none}

h1,h2,legend{font-family:"bebas_neuebold",Helvetica,Arial,Verdana,sans-serif;font-weight:normal;letter-spacing:0}

h1.semibold,h2.semibold,legend.semibold{font-family:"Proxima Nova Bold",Helvetica,Arial,Verdana,sans-serif}

h1.regular,h2.regular,legend.regular{font-family:"Proxima Nova Regular",Helvetica,Arial,Verdana,sans-serif}

p.light{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5}

p+p{margin-top:10px}

a:visited,a{color:#fff;outline:0 none;text-decoration:none;-moz-transition:color 250ms ease-out 0s;-webkit-transition:color 250ms ease-out 0s;-o-transition:color 250ms ease-out 0s;-ms-transition:color 250ms ease-out 0s;transition:color 250ms ease-out 0s}

a:visited.alt,a.alt{color:#ccc}

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

hr{background:#d6cd16;border:none;color:#d6cd16;height:5px;width:130px}

hr.small{height:2px}

hr.center{margin-left:auto;margin-right:auto}

.clearfix:after,header:after{clear:both;content:".";display:block;height:0;visibility:hidden}

.tac{text-align:center
max-width:500px;}

.nowrap{white-space:nowrap}

.valign{display:block;position:relative;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);top:50%}

.wbr{display:inline-block;word-wrap:break-word}

.bg-cover{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}

.bg-cover.bg-fixed{background-attachment:fixed}

.off{display:block;height:0;color:transparent;font-size:0.0001pt;margin:0px;padding:0px;width:0}

.preloadingimage{height:auto;max-width:100%}

.preloadlogo{top:50%;left:50%;font-size:60px;margin-left:-30px;margin-top:-30px;position:absolute !important}

.preloadlogo.logospin{-webkit-animation:spin 1s ease-in-out infinite normal;-moz-animation:spin 1s ease-in-out infinite normal;-animation:spin 1s ease-in-out infinite normal}

.noTopTransition{-moz-transition:none !important;-webkit-transition:none !important;-o-transition:color 0 ease-out !important;transition:none !important;-moz-transition:left 300 ease-out !important;-webkit-transition:left 300 ease-out !important;-o-transition:left 300 ease-out !important;transition:left 300 ease-out !important}

html{-webkit-text-size-adjust:none}

body{background:#00191d;color:#fff;font-family:"Proxima Nova Regular",Helvetica,Arial,Verdana,sans-serif;font-weight:normal;letter-spacing:0;font-size:14px;height:100%;line-height:140%;min-height:400px;padding:0px;-webkit-perspective:initial;-moz-perspective:initial;perspective:initial;position:absolute;top:0;width:100%}

body.perspective{-webkit-perspective:5000px;-moz-perspective:5000px;perspective:5000px;perspective-origin:0px 0px;-ms-perspective-origin:0px 0px;-webkit-perspective-origin:0px 0px}

body.hasvideo{background:#000}

#pagecontent #darken{background:#00191d;height:100%;left:0;opacity:0;display:none;position:fixed;top:0;width:100%;z-index:11}

.backgroundvideo{position:relative;z-index:-1}

.fallback-bg{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-2}

body.fullscreenopen header{display:none}

section{margin:0px;padding:0px}

.layer{min-width:100%;min-height:100%;padding:57px 20px 0;position:relative;z-index:1;clear:both;float:none}

.layer.overlay-open{-webkit-transform:scale(0.9);transform:scale(0.9)}

.layer.pt-page{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}

h3,h4,h5,h6{font-family:"bebas_neuebold",Helvetica,Arial,Verdana,sans-serif;font-weight:normal;letter-spacing:0; text-align:center;}

h1{font-size:20px;margin:20px 0 10px}

h2{font-size:20px;margin:10px 0 10px}

h3{font-size:20px;margin:10px 0}

h4{font-size:17px;margin:10px 0}

h5,h6,p,legend{font-size:14px;margin:10px 0}

legend{margin:10px 0 0}

h1,h2,h3,h4,h5,h5,p,legend{line-height:140%}

h2{font-size:92px;line-height:82px;margin-bottom:20px;letter-spacing:5px}

p{font-size:14px;line-height:21px;letter-spacing:0.2px}

em{font-family:"Proxima Nova Bold It",Helvetica,Arial,Verdana,sans-serif;font-style:normal}

header{height:57px;padding:0px;position:fixed;margin:0px;top:0px;width:100%;z-index:1000}

header .close{position:fixed}

header.translucent{border-bottom:1px solid rgba(0,0,0,0.4);background:rgba(255,255,255,0.8)}

header.translucent.mobile{border-bottom:1px solid rgba(0,0,0,0.2)}

header.translucent>a,header.translucent>a span,header.translucent nav a span,header.translucent h1 a span{color:#333 !important}

header.translucent span.active{background:#333 !important}

header.mobile{height:50px}

header.mobile a.close{height:50px;line-height:73px !important}

header.mobile h1 a span{line-height:63px}

header.open a.close,header.open.translucent a.close{display:none !important}

header a{display:block;height:100%;overflow:hidden}

header a.close{color:inherit;display:none;padding:0px;z-index:1}

header a.close:hover{border:none !important}

header a.close .off{display:none}

header h1{display:inline-block;height:50px;left:0px;margin:0;padding:0;position:absolute;top:0px;z-index:10000;-moz-transition:all 250ms ease-out 0s;-webkit-transition:all 250ms ease-out 0s;-o-transition:all 250ms ease-out 0s;-ms-transition:all 250ms ease-out 0s;transition:all 250ms ease-out 0s;z-index:2}

header h1 span{position:relative;-moz-transition:all 250ms ease-out 0s;-webkit-transition:all 250ms ease-out 0s;-o-transition:all 250ms ease-out 0s;-ms-transition:all 250ms ease-out 0s;transition:all 250ms ease-out 0s}

header h1 span.dficons-slate,header h1 span.dficons-df-typo{display:inline-block;float:left;margin-left:-10px;line-height:64px}

header h1 span.dficons-slate{opacity:0;font-size:34px;z-index:1}

header h1 span.dficons-df-typo{font-size:85px;margin:-5px 0 0 -26px;overflow:hidden;z-index:0}

div.bottomnav{display:none;background:url(../img/bg-footer.jpg);font-family:"Proxima Nova Bold",Helvetica,Arial,Verdana,sans-serif;font-size:14px;color:#fff;height:350px;line-height:28px;letter-spacing:2px;position:relative;text-transform:uppercase;margin:-20px;padding:0 20px}

div.bottomnav a.rotatelink{position:absolute;-webkit-backface-visibility:hidden}

div.bottomnav a.rotatelink.left,div.bottomnav a.rotatelink.right{top:205px}

div.bottomnav a.rotatelink.left:hover span.line,div.bottomnav a.rotatelink.right:hover span.line{width:60px}

div.bottomnav a.rotatelink.left{left:30px}

div.bottomnav a.rotatelink.left span.line{margin:34px 0 34px 30px}

div.bottomnav a.rotatelink.left span.text{margin-left:15px}

div.bottomnav a.rotatelink.left:hover span.line{margin-left:20px}

div.bottomnav a.rotatelink.left:hover span.text{margin-left:10px}

div.bottomnav a.rotatelink.right{right:30px}

div.bottomnav a.rotatelink.right span.line{margin:34px 30px 34px 0}

div.bottomnav a.rotatelink.right span.text{margin-right:15px}

div.bottomnav a.rotatelink.right:hover span.line{margin-right:20px}

div.bottomnav a.rotatelink.right:hover span.text{margin-right:10px}

div.bottomnav a.rotatelink span.text{-moz-transition:margin 250ms ease-out 0s;-webkit-transition:margin 250ms ease-out 0s;-o-transition:margin 250ms ease-out 0s;-ms-transition:margin 250ms ease-out 0s;transition:margin 250ms ease-out 0s;font-family:"Proxima Nova Regular",Helvetica,Arial,Verdana,sans-serif;line-height:18px;margin-top:20px;color:#fff;color:rgba(255,255,255,0.25);display:block;float:left}

div.bottomnav a.rotatelink span.text strong{font-family:"Proxima Nova Bold",Helvetica,Arial,Verdana,sans-serif;color:#fff;display:block}

div.bottomnav a.rotatelink span.line{-moz-transition:all 250ms ease-out 0s;-webkit-transition:all 250ms ease-out 0s;-o-transition:all 250ms ease-out 0s;-ms-transition:all 250ms ease-out 0s;transition:all 250ms ease-out 0s;-moz-border-radius:2px;border-radius:2px;display:block;float:left;height:1px;line-height:72px;background:white;width:70px}

div.bottomnav a.rotatelink.top span.rect{width:100%;text-align:center}

div.bottomnav a.rotatelink.top span.text{-webkit-backface-visibility:hidden;display:block;margin-top:100px;text-align:center;width:100%}

div.bottomnav a.rotatelink.top span.line{background:white;-moz-border-radius:2px;border-radius:2px;display:block;float:left;height:70px;left:50%;position:absolute;top:70px;width:1px}

div.bottomnav a.rotatelink.top:hover span.line{margin-top:-5px;height:65px}

div.bottomnav a.rotatelink.top:hover span.text{margin-top:90px}

div.bottomnav a.rotatelink:hover span.rect{background-color:white;color:black;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}

div.bottomnav a.rotatelink:hover span.rect span{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}

div.bottomnav div{left:50%;margin-left:-85px;position:absolute;top:70px;width:170px}

.pagetransition footer{opacity:0}

.transitionanimation,.startanimation{background:#000;height:100%;left:0px;position:fixed;top:0px;width:100%;z-index:1000}

.transitionanimation.transparent,.startanimation.transparent{background:transparent;z-index:0}

.startanimation{z-index:1000}

.transitionanimation{z-index:900}

.loading-logo{position:absolute;-moz-border-radius:100px;border-radius:100px;display:block;width:200px;height:200px;-webkit-transform:scale(0);transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);top:50%;left:50%;margin-top:-100px;margin-left:-100px;z-index:1001}

.loading-logo span.dficons-slate{font-size:100px;position:absolute;top:50%;left:50%;margin-top:-50px;margin-left:-50px;height:100px;line-height:100px;color:#d6cd16;z-index:1}

.loading-logo span.dficons-slate.grey{color:#d6cd16}

.loading-logo span.line{
background: #000000; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2M4ZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(left,  #000000 1%, #d6cd16 50%, #000000 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right top, color-stop(1%,#000000), color-stop(50%,#d6cd16), color-stop(100%,#000000)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(left,  #000000 1%,#d6cd16 50%,#000000 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(left,  #000000 1%,#d6cd16 50%,#000000 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(left,  #000000 1%,#d6cd16 50%,#000000 100%); /* IE10+ */

background: linear-gradient(to right,  #000000 1%,#d6cd16 50%,#000000 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-8 */

	height:1px;left:50%;margin-left:-1000px;margin-right:-1000px;position:absolute;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);top:50%;width:2000px;z-index:0}

div.backgroundvideo{bottom:0;left:0;position:fixed;right:0;top:0}

div.backgroundvideo a.toggle{display:block;position:fixed;right:10px;top:10px;z-index:150}

div.backgroundvideo video{bottom:-10px;left:-10px;position:fixed;right:-10px;top:-10px;z-index:100}

div.backgroundvideo video.active{z-index:101}

.videocontainer .playvideo{position:absolute;left:50%;margin-left:-25px;margin-top:-25px;top:50%}

.date.indicator{border:2px solid #fff;-webkit-box-shadow:0 -3px 0 0 #d6cd16;box-shadow:0 -3px 0 0 #d6cd16;display:inline-block;font-family:"Proxima Nova Bold";font-size:22px;height:50px;letter-spacing:-0.5px;line-height:1;padding:7px 0 5px;text-align:center;width:50px}

.date.indicator.alt{background:#f3f4f4;border:none;-webkit-box-shadow:0 0 0 0 #d6cd16;box-shadow:0 0 0 0 #d6cd16;display:inline-block;float:left;height:55px;padding:0;width:55px;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}

.date.indicator.alt span{color:#333;display:block;font-family:"Proxima Nova Bold";text-align:center;-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);font-size:22px;letter-spacing:-0.5px;line-height:1;padding:15px;text-align:center}

.date.indicator.alt span.month{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);display:block;font-size:9px;letter-spacing:1px;margin-top:-3px;padding:0;text-transform:uppercase}

.date.indicator span.month{display:block;font-family:"Proxima Nova Bold";font-size:9px;letter-spacing:1px;margin-top:-3px;text-transform:uppercase}

.date+p{height:45px;padding:17px 0 5px;line-height:20px}

.case-info ul.features{margin-bottom:30px}

.case-info ul.features li{display:inline-block;float:left;font-family:"Proxima Nova Regular",Helvetica,Arial,Verdana,sans-serif;margin:0;opacity:1;padding:20px 0px;position:relative;text-align:center;width:100%}

.case-info ul.features li p{font-size:16px;line-height:21px}

.case-info ul.features li span.icon{display:block;height:120px;margin:10px 0px 18px;position:relative;background-position-x:center;background-repeat:no-repeat}

.case-info ul.features li h4{font-family:"Proxima Nova Bold",Helvetica,Arial,Verdana,sans-serif;font-size:24px;line-height:30px;margin:0 0 22px}

.case-info ul.facts{margin:10px auto 0}

.case-info ul.facts li{padding:0px 0px 20px;position:relative}

.case-info ul.facts li h4{font-family:"Proxima Nova Regular",Helvetica,Arial,Verdana,sans-serif;font-size:65px;letter-spacing:-0.5px;line-height:92px;margin-bottom:30px}

.case-info ul.facts li h4 span.countup{color:inherit !important;display:inline;font-family:inherit;font-size:inherit;letter-spacing:inherit;line-height:inherit;margin:0 auto;margin-bottom:inherit;width:auto}

.case-info ul.facts li h4 span{display:block;font-family:"Proxima Nova Regular",Helvetica,Arial,Verdana,sans-serif;font-size:16px;line-height:21px;margin:0 auto;width:200px}

.case-info#intro{margin-top:-57px;padding-bottom:57px;z-index:0}

.triangledown{font-size:20px;left:50%;margin:0 auto;position:absolute;margin-left:-21px;top:-1px}

span.hint{display:none}

.reel-cache{left:-50px;height:10px;position:fixed;top:-50px;width:10px;overflow:hidden}

.preload{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}

.preload p{background:#d6cd16;height:4px;left:0;margin:-2px 0 0 0;position:fixed;top:50%;width:0;text-indent:-50000px}

.blackout{background:#fff;bottom:0;color:#333;left:0;padding:100px 20px;position:fixed;right:0;top:0;text-align:center;z-index:100000}

.blackout a{color:#d6cd16;text-decoration:none}

.blackout a:hover{text-decoration:underline}

.blackout.warning{bottom:auto;height:auto;left:auto;margin:0 -50px;padding:10px 50px;position:relative;right:auto;top:auto;width:auto}

.blackout.warning h2,.blackout.warning p{margin:0}

.blackout.warning h2{margin-bottom:10px}

.blackout h1{border-bottom:1px solid #333;display:block;height:50px;left:0;margin:0;padding:0;position:absolute;right:0;top:0px;z-index:10000}

.blackout h1 span{position:relative}

.blackout h1 span.dficons-slate,.blackout h1 span.dficons-df-typo{display:inline-block;float:left;margin-left:-10px;line-height:64px}

.blackout h1 span.dficons-slate{opacity:0;font-size:34px;z-index:1}

.blackout h1 span.dficons-df-typo{font-size:85px;margin:-5px 0 0 -26px;overflow:hidden;z-index:0}

.blackout h2{font-family:"bebas_neuebold",Helvetica,Arial,Verdana,sans-serif;font-size:70px}

.blackout div.content div{margin:0 auto}

.blackout div.content div.right{max-width:50%;margin-bottom:50px}

body#error header{z-index:10000}

body#error .page-error.layer{padding:0}

body#error .page-error.layer .blackout{position:relative;z-index:9999}

body#error .page-error.layer .blackout img{max-width:100%}

body#error footer{display:block;z-index:1000000;position:fixed;top:auto;bottom:0;right:20px}

.button{background:none;border:2px solid #fff;-moz-border-radius:2px;border-radius:2px;color:inherit;cursor:pointer;display:inline-block;font-size:12px;font-family:"Proxima Nova Bold",Helvetica,Arial,Verdana,sans-serif;height:60px;letter-spacing:2px;line-height:60px;outline:none;padding:0 13px 0 25px;position:relative;text-transform:uppercase;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}

.button.invert{border-color:#000;color:#000}

.button.invert:after{background:#000;color:#fff}

.button.invert:hover,.button.invert:active{color:#fff}

.button.halfdark{border-color:#333333;color:#333333}

.button.halfdark:after{background:#333333;color:#fff}

.button.halfdark:hover,.button.halfdark:active{color:#fff}

.button.light{border-color:#fff;color:#d6cd16}

.button.light:after{background:#d6cd16;color:#d6cd16}

.button.light:hover,.button.light:active{color:#000; border-color:#d6cd16}

.button:after{background:#fff;content:'';height:100%;left:0;position:absolute;top:0;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;width:0%;z-index:-1}

.button:hover,.button:active{color:#000}

.button:hover:after,.button:active:after{width:100%}

.button.ico span:before{float:right;font-family:'df-icons';font-style:normal;font-size:22px;font-weight:normal;font-variant:normal;line-height:56px;margin:0 0 0 35px;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.button.ico.arrow-right span:before{content:"\e60a";margin:0 0 0 15px}

.cases .case:hover .button{color:#000}

.cases .case:hover .button.invert{color:#fff}

.cases .case:hover .button:after{width:100%}

.cases .case.darktypo:hover .button{color:#fff}

.cases .case.darktypo:hover .button.invert{color:#333}

a.close{border-top:none;border-right:none;height:57px;line-height:76px !important;padding:0px;position:fixed;right:0px;text-align:center;top:0px;width:60px;z-index:1000;-moz-transition:all 250ms ease-out 0s;-webkit-transition:all 250ms ease-out 0s;-o-transition:all 250ms ease-out 0s;-ms-transition:all 250ms ease-out 0s;transition:all 250ms ease-out 0s}

a.close span{font-size:30px;line-height:50px;-moz-transition:all 250ms ease-out 0s;-webkit-transition:all 250ms ease-out 0s;-o-transition:all 250ms ease-out 0s;-ms-transition:all 250ms ease-out 0s;transition:all 250ms ease-out 0s}

a.close .off{display:none}

.morebutton{color:#fff;cursor:pointer;display:block;font-family:"Proxima Nova Regular",Helvetica,Arial,Verdana,sans-serif;font-size:14px;height:40px;line-height:47px;text-align:center}

a.fullscreen{-moz-border-radius:3px;border-radius:3px;-moz-transform:rotate(-45deg) scale(0.9);-ms-transform:rotate(-45deg) scale(0.9);-o-transform:rotate(-45deg) scale(0.9);-webkit-transform:rotate(-45deg) scale(0.9);transform:rotate(-45deg) scale(0.9);-moz-transition:all 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;-webkit-transition:all 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;-o-transition:all 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;-ms-transition:all 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;transition:all 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;border:1px solid;display:inline-block;height:70px;margin:100px 0 20px;width:70px;z-index:1}

a.fullscreen .dficons-plus{display:inline-block;font-size:30px;line-height:67px;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);-moz-transition:all 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;-webkit-transition:all 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;-o-transition:all 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;-ms-transition:all 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;transition:all 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s}

a.fullscreen:hover{-moz-transform:rotate(0deg) scale(1.2);-ms-transform:rotate(0deg) scale(1.2);-o-transform:rotate(0deg) scale(1.2);-webkit-transform:rotate(0deg) scale(1.2);transform:rotate(0deg) scale(1.2);border:1px solid #fff}

a.fullscreen:hover span{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}

a.fullscreen:hover .dficons-plus:before{color:#000}

.fullscreen.single,.gallery .fullscreen{border-style:solid;left:10px;position:absolute;bottom:10px;z-index:1;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);margin:0px;height:45px;width:45px;line-height:45px;font-size:40px}

.fullscreen.single span,.gallery .fullscreen span{position:absolute;top:50%;left:50%;margin:-20px 0px 0px -20px}

ul.pagination{right:20px;display:block;opacity:1;position:fixed;top:200px;z-index:10001}

ul.pagination li{-moz-border-radius:1px;border-radius:1px;line-height:10px;height:10px;text-align:center;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);width:10px;margin:0 3px}

ul.pagination li a{background:transparent;display:inline-block;height:100%;left:0;position:absolute;-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);text-align:center;top:0px;width:100%}

ul.pagination li a .line{display:none;margin:2px 0 0 -2px}

ul.pagination.fullpage{display:none}

ul.pagination.fullpage li a {top:1px}

ul.pagination.fullpage li+li{margin-top:15px}

a.scrolldown{-moz-border-radius:3px;border-radius:3px;-moz-transition:background-color 250ms ease-out 0s;-webkit-transition:background-color 250ms ease-out 0s;-o-transition:background-color 250ms ease-out 0s;-ms-transition:background-color 250ms ease-out 0s;transition:background-color 250ms ease-out 0s;bottom:0px;height:60px;left:50%;margin-left:-55px;padding:10px;position:absolute;text-align:center;width:110px}

a.scrolldown .arrowwrapper{text-align:center}

a.scrolldown .arrowwrapper span{display:block}

a.scrolldown .arrowwrapper span.dficons-mouse{font-size:30px;text-indent:-10px;line-height:20px;display:none}

a.scrolldown .arrowwrapper span+span{font-size:10px;letter-spacing:1px;margin-top:5px;text-transform:uppercase}

a.scrolldown .arrowwrapper span.dficons-arrow-down{-animation:smallbounce 0.4s ease-in-out infinite alternate;-moz-animation:smallbounce 0.4s ease-in-out infinite alternate;-webkit-animation:smallbounce 0.4s ease-in-out infinite alternate;bottom:-2px;font-size:13px;height:25px;line-height:25px;margin-top:-5px;position:relative}

a.playvideo{border:2px solid white;display:inline-block;height:60px;margin:25px 0 10px;-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:60px;-moz-transition:all 100ms ease-out 0s;-webkit-transition:all 100ms ease-out 0s;-o-transition:all 100ms ease-out 0s;-ms-transition:all 100ms ease-out 0s;transition:all 100ms ease-out 0s;-moz-border-radius:3px;border-radius:3px}

a.playvideo .dficons-play{display:inline-block;font-size:20px;line-height:60px;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);-moz-transition:all 100ms ease-out 0s;-webkit-transition:all 100ms ease-out 0s;-o-transition:all 100ms ease-out 0s;-ms-transition:all 100ms ease-out 0s;transition:all 100ms ease-out 0s}

a.playvideo:hover{background-color:#fff;color:#333;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}

a.playvideo:hover span{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}

.vfxcontainer{height:100%;position:relative}

.vfxcontainer .vfximg,.vfxcontainer .vfxvideo{height:100%;position:absolute;opacity:1;-moz-transition:opacity 500ms ease-out 0s;-webkit-transition:opacity 500ms ease-out 0s;-o-transition:opacity 500ms ease-out 0s;-ms-transition:opacity 500ms ease-out 0s;transition:opacity 500ms ease-out 0s;width:100%}

.vfxcontainer .vfximg.raw,.vfxcontainer .vfxvideo.raw{opacity:0}

.vfxcontainer .vfximg.raw.active,.vfxcontainer .vfxvideo.raw.active{opacity:1}

.vfxcontainer .vfximg video,.vfxcontainer .vfxvideo video{width:100%}

.vfxcontainer .vfximg{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;position:absolute}

.videogallery ul.rotate{position:absolute;z-index:2;bottom:20px}

ul.rotate.rotate-45{clear:both;margin:50px 0 0px}

ul.rotate.rotate-45 li{border:2px solid;-moz-border-radius:2px;border-radius:2px;display:inline-block;font-size:14px;letter-spacing:1px;height:75px;margin:20px 16px;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);width:75px}

ul.rotate.rotate-45 li a{display:block;font-family:"Proxima Nova Bold",Helvetica,Arial,Verdana,sans-serif;font-size:10px;height:100%;line-height:115px;text-align:center;text-transform:uppercase;width:100%;overflow:hidden;line-height:75px}

ul.rotate.rotate-45 li a.tworows{line-height:15px}

ul.rotate.rotate-45 li a.tworows span{height:30px;left:0px;position:absolute;text-align:center;top:29%;width:100%}

ul.rotate.rotate-45 li a.tworows span.dficons-arrow-down{margin:27px 0px 0px 26px}

ul.rotate.rotate-45 li a.active:before,ul.rotate.rotate-45 li a.active:after{width:101%}

ul.rotate.rotate-45 li a:before,ul.rotate.rotate-45 li a:after{content:'';display:block;height:101%;left:-1px;overflow:hidden;position:absolute;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;top:-1px;width:0%;z-index:-1}

ul.rotate.rotate-45 li a:after{bottom:-1px;left:auto;right:-1px;top:auto}

ul.rotate.rotate-45 li a span{display:block;-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}

ul.rotate.rotate-45 li a span.dficons-arrow-down{visibility:hidden}

.notouch ul.rotate.rotate-45 li a:hover:before,.notouch ul.rotate.rotate-45 li a:hover:after{width:101%}

.lightbackground{background:url(../img/caseinfo-xx-bg-light.png) 0 0 repeat;background-color:#fff}

.lighttheme.case-info{background:url(../img/caseinfo-xx-bg-light.png) 0 0 repeat;background-color:#fff}

.lighttheme .darktheme span.hint.dark,span.hint.dark{color:#333}

.lighttheme .darktheme span.hint.dark .arrow,span.hint.dark .arrow{background:url(../img/img-hint.png) no-repeat transparent}

.notouch .darktheme .darktypo ul.rotate.rotate-45 li a:hover,.notouch .darktheme .lighttheme ul.rotate.rotate-45 li a:hover,.notouch .lighttheme ul.rotate.rotate-45 li a:hover,.notouch .darktypo   ul.rotate.rotate-45 li a:hover{color:#fff}

.darktheme .darktypo,.darktheme .lighttheme,.lighttheme,.darktypo{color:#333}

.darktheme .darktypo .introcontent p.client,.darktheme .lighttheme .introcontent p.client,.lighttheme .introcontent p.client,.darktypo .introcontent p.client{color:#333}

.darktheme .darktypo .introcontent hr,.darktheme .lighttheme .introcontent hr,.lighttheme .introcontent hr,.darktypo .introcontent hr{background:#333}

.darktheme .darktypo .introcontent p,.darktheme .darktypo .introcontent h2,.darktheme .lighttheme .introcontent p,.darktheme .lighttheme .introcontent h2,.lighttheme .introcontent p,.lighttheme .introcontent h2,.darktypo .introcontent p,.darktypo .introcontent h2{color:#333}

.darktheme .darktypo hr,.darktheme .lighttheme hr,.lighttheme hr,.darktypo hr{background-color:#333;border-color:#333;color:#333}

.darktheme .darktypo .button,.darktheme .lighttheme .button,.lighttheme .button,.darktypo .button{border-color:#333;color:#333}

.darktheme .darktypo .button:hover,.darktheme .darktypo .button a.active,.darktheme .lighttheme .button:hover,.darktheme .lighttheme .button a.active,.lighttheme .button:hover,.lighttheme .button a.active,.darktypo .button:hover,.darktypo .button a.active{color:#fff}

.darktheme .darktypo .button:after,.darktheme .lighttheme .button:after,.lighttheme .button:after,.darktypo .button:after{background-color:#333}

.darktheme .darktypo span.hint,.darktheme .lighttheme span.hint,.lighttheme span.hint,.darktypo span.hint{color:#333}

.darktheme .darktypo span.hint .arrow,.darktheme .lighttheme span.hint .arrow,.lighttheme span.hint .arrow,.darktypo span.hint .arrow{background:url(../img/img-hint.png) no-repeat transparent}

.darktheme .darktypo a.scrolldown,.darktheme .lighttheme a.scrolldown,.lighttheme a.scrolldown,.darktypo a.scrolldown{color:#000;border-color:#333}

.darktheme .darktypo ul.rotate.rotate-45 li,.darktheme .lighttheme ul.rotate.rotate-45 li,.lighttheme ul.rotate.rotate-45 li,.darktypo ul.rotate.rotate-45 li{border-color:#333}

.darktheme .darktypo ul.rotate.rotate-45 li a,.darktheme .lighttheme ul.rotate.rotate-45 li a,.lighttheme ul.rotate.rotate-45 li a,.darktypo ul.rotate.rotate-45 li a{color:#333}

.darktheme .darktypo ul.rotate.rotate-45 li a:before,.darktheme .darktypo ul.rotate.rotate-45 li a:after,.darktheme .lighttheme ul.rotate.rotate-45 li a:before,.darktheme .lighttheme ul.rotate.rotate-45 li a:after,.lighttheme ul.rotate.rotate-45 li a:before,.lighttheme ul.rotate.rotate-45 li a:after,.darktypo ul.rotate.rotate-45 li a:before,.darktypo ul.rotate.rotate-45 li a:after{background:#333}

.darktheme .darktypo ul.rotate.rotate-45 li a.active,.darktheme .lighttheme ul.rotate.rotate-45 li a.active,.lighttheme ul.rotate.rotate-45 li a.active,.darktypo ul.rotate.rotate-45 li a.active{color:#fff}

.darktheme .darktypo a.fullscreen:hover,.darktheme .lighttheme a.fullscreen:hover,.lighttheme a.fullscreen:hover,.darktypo a.fullscreen:hover{background-color:#333;color:#fff}

.darktheme .darktypo div.gallery ul.pagination li,.darktheme .lighttheme div.gallery ul.pagination li,.lighttheme div.gallery ul.pagination li,.darktypo div.gallery ul.pagination li{border-color:#333}

.darktheme .darktypo div.gallery ul.pagination li.active,.darktheme .lighttheme div.gallery ul.pagination li.active,.lighttheme div.gallery ul.pagination li.active,.darktypo div.gallery ul.pagination li.active{background-color:#333}

.darktheme .darktypo div.gallery ul.pagination li .line,.darktheme .lighttheme div.gallery ul.pagination li .line,.lighttheme div.gallery ul.pagination li .line,.darktypo div.gallery ul.pagination li .line{border-top:1px solid #333}

.darktheme .darktypo.pagination li,.darktheme .lighttheme.pagination li,.lighttheme.pagination li,.darktypo.pagination li{border:1px solid #333}

.darktheme .darktypo.pagination li.active,.darktheme .lighttheme.pagination li.active,.lighttheme.pagination li.active,.darktypo.pagination li.active{background:#333}

.darktheme .darktypo.pagination li.active a,.darktheme .lighttheme.pagination li.active a,.lighttheme.pagination li.active a,.darktypo.pagination li.active a{color:#fff}

.darktheme .darktypo.pagination li a,.darktheme .lighttheme.pagination li a,.lighttheme.pagination li a,.darktypo.pagination li a{color:#333}

.darktheme .darktypo.header h1 span.dficons-slate,.darktheme .darktypo.header h1 span.dficons-df-typo,.darktheme .lighttheme.header h1 span.dficons-slate,.darktheme .lighttheme.header h1 span.dficons-df-typo,.lighttheme.header h1 span.dficons-slate,.lighttheme.header h1 span.dficons-df-typo,.darktypo.header h1 span.dficons-slate,.darktypo.header h1 span.dficons-df-typo{color:#333}

.darktheme .darktypo.header a.close,.darktheme .lighttheme.header a.close,.lighttheme.header a.close,.darktypo.header a.close{border-color:#333;color:#333}

.darktheme .darktypo.header a.close span,.darktheme .lighttheme.header a.close span,.lighttheme.header a.close span,.darktypo.header a.close span{color:#333}

.darktheme .darktypo.header a.close:hover,.darktheme .lighttheme.header a.close:hover,.lighttheme.header a.close:hover,.darktypo.header a.close:hover{border-color:#333;color:#333}

.pagetransition.lighttheme,.lighttheme .lighttypo,.lighttheme .darktheme,.darktheme,.lighttypo{color:#fff}

.pagetransition.lighttheme .introcontent .title hr,.pagetransition.lighttheme .introcontent .description  hr,.lighttheme .lighttypo .introcontent .title hr,.lighttheme .lighttypo .introcontent .description  hr,.lighttheme .darktheme .introcontent .title hr,.lighttheme .darktheme .introcontent .description  hr,.darktheme .introcontent .title hr,.darktheme .introcontent .description  hr,.lighttypo .introcontent .title hr,.lighttypo .introcontent .description  hr{background:#fff}

.pagetransition.lighttheme .introcontent .title p,.pagetransition.lighttheme .introcontent .title h2,.pagetransition.lighttheme .introcontent .description  p,.pagetransition.lighttheme .introcontent .description  h2,.lighttheme .lighttypo .introcontent .title p,.lighttheme .lighttypo .introcontent .title h2,.lighttheme .lighttypo .introcontent .description  p,.lighttheme .lighttypo .introcontent .description  h2,.lighttheme .darktheme .introcontent .title p,.lighttheme .darktheme .introcontent .title h2,.lighttheme .darktheme .introcontent .description  p,.lighttheme .darktheme .introcontent .description  h2,.darktheme .introcontent .title p,.darktheme .introcontent .title h2,.darktheme .introcontent .description  p,.darktheme .introcontent .description  h2,.lighttypo .introcontent .title p,.lighttypo .introcontent .title h2,.lighttypo .introcontent .description  p,.lighttypo .introcontent .description  h2{color:#fff}

.pagetransition.lighttheme header h1 span.dficons-slate,.pagetransition.lighttheme header h1 span.dficons-df-typo,.lighttheme .lighttypo header h1 span.dficons-slate,.lighttheme .lighttypo header h1 span.dficons-df-typo,.lighttheme .darktheme header h1 span.dficons-slate,.lighttheme .darktheme header h1 span.dficons-df-typo,.darktheme header h1 span.dficons-slate,.darktheme header h1 span.dficons-df-typo,.lighttypo header h1 span.dficons-slate,.lighttypo header h1 span.dficons-df-typo{color:#fff}

.pagetransition.lighttheme hr,.lighttheme .lighttypo hr,.lighttheme .darktheme hr,.darktheme hr,.lighttypo hr{background-color:#fff;border-color:#fff;color:#fff}

.pagetransition.lighttheme ul.rotate.rotate-45 li,.lighttheme .lighttypo ul.rotate.rotate-45 li,.lighttheme .darktheme ul.rotate.rotate-45 li,.darktheme ul.rotate.rotate-45 li,.lighttypo ul.rotate.rotate-45 li{border-color:#fff}

.pagetransition.lighttheme ul.rotate.rotate-45 li a,.lighttheme .lighttypo ul.rotate.rotate-45 li a,.lighttheme .darktheme ul.rotate.rotate-45 li a,.darktheme ul.rotate.rotate-45 li a,.lighttypo ul.rotate.rotate-45 li a{color:#fff}

.pagetransition.lighttheme ul.rotate.rotate-45 li a:hover,.pagetransition.lighttheme ul.rotate.rotate-45 li a.active,.lighttheme .lighttypo ul.rotate.rotate-45 li a:hover,.lighttheme .lighttypo ul.rotate.rotate-45 li a.active,.lighttheme .darktheme ul.rotate.rotate-45 li a:hover,.lighttheme .darktheme ul.rotate.rotate-45 li a.active,.darktheme ul.rotate.rotate-45 li a:hover,.darktheme ul.rotate.rotate-45 li a.active,.lighttypo ul.rotate.rotate-45 li a:hover,.lighttypo ul.rotate.rotate-45 li a.active{color:#333}

.pagetransition.lighttheme ul.rotate.rotate-45 li a:after,.pagetransition.lighttheme ul.rotate.rotate-45 li a:before,.lighttheme .lighttypo ul.rotate.rotate-45 li a:after,.lighttheme .lighttypo ul.rotate.rotate-45 li a:before,.lighttheme .darktheme ul.rotate.rotate-45 li a:after,.lighttheme .darktheme ul.rotate.rotate-45 li a:before,.darktheme ul.rotate.rotate-45 li a:after,.darktheme ul.rotate.rotate-45 li a:before,.lighttypo ul.rotate.rotate-45 li a:after,.lighttypo ul.rotate.rotate-45 li a:before{background-color:#fff}

.pagetransition.lighttheme span.hint,.lighttheme .lighttypo span.hint,.lighttheme .darktheme span.hint,.darktheme span.hint,.lighttypo span.hint{color:#fff}

.pagetransition.lighttheme span.hint .arrow,.lighttheme .lighttypo span.hint .arrow,.lighttheme .darktheme span.hint .arrow,.darktheme span.hint .arrow,.lighttypo span.hint .arrow{background:url(../img/img-hint-white.png) no-repeat transparent}

.pagetransition.lighttheme a.scrolldown,.lighttheme .lighttypo a.scrolldown,.lighttheme .darktheme a.scrolldown,.darktheme a.scrolldown,.lighttypo a.scrolldown{color:#fff;border-color:#fff}

.pagetransition.lighttheme div.gallery ul.pagination li,.lighttheme .lighttypo div.gallery ul.pagination li,.lighttheme .darktheme div.gallery ul.pagination li,.darktheme div.gallery ul.pagination li,.lighttypo div.gallery ul.pagination li{border-color:#d6cd16; border-radius:12px}

.pagetransition.lighttheme div.gallery ul.pagination li.active,.lighttheme .lighttypo div.gallery ul.pagination li.active,.lighttheme .darktheme div.gallery ul.pagination li.active,.darktheme div.gallery ul.pagination li.active,.lighttypo div.gallery ul.pagination li.active{background-color:#d6cd16}

.pagetransition.lighttheme div.gallery ul.pagination li .line,.lighttheme .lighttypo div.gallery ul.pagination li .line,.lighttheme .darktheme div.gallery ul.pagination li .line,.darktheme div.gallery ul.pagination li .line,.lighttypo div.gallery ul.pagination li .line{border-top:0px solid #000}

.pagetransition.lighttheme a.fullscreen:hover,.lighttheme .lighttypo a.fullscreen:hover,.lighttheme .darktheme a.fullscreen:hover,.darktheme a.fullscreen:hover,.lighttypo a.fullscreen:hover{background-color:#fff;color:#333}

.pagetransition.lighttheme .reel-border,.lighttheme .lighttypo .reel-border,.lighttheme .darktheme .reel-border,.darktheme .reel-border,.lighttypo .reel-border{border:2px solid #fff}

.pagetransition.lighttheme p.reel-loading,.lighttheme .lighttypo p.reel-loading,.lighttheme .darktheme p.reel-loading,.darktheme p.reel-loading,.lighttypo p.reel-loading{background:#333;height:4px;margin:-40px 0 0 0;text-indent:-10000px;width:0}

.pagetransition.lighttheme.pagination li,.lighttheme .lighttypo.pagination li,.lighttheme .darktheme.pagination li,.darktheme.pagination li,.lighttypo.pagination li{border:1px solid #fff}

.pagetransition.lighttheme.pagination li.active,.lighttheme .lighttypo.pagination li.active,.lighttheme .darktheme.pagination li.active,.darktheme.pagination li.active,.lighttypo.pagination li.active{background:#fff}

.pagetransition.lighttheme.pagination li.active a,.lighttheme .lighttypo.pagination li.active a,.lighttheme .darktheme.pagination li.active a,.darktheme.pagination li.active a,.lighttypo.pagination li.active a{color:#333}

.pagetransition.lighttheme.pagination li a,.lighttheme .lighttypo.pagination li a,.lighttheme .darktheme.pagination li a,.darktheme.pagination li a,.lighttypo.pagination li a{color:#fff}

.pagetransition.lighttheme.header h1 span.dficons-slate,.pagetransition.lighttheme.header h1 span.dficons-df-typo,.lighttheme .lighttypo.header h1 span.dficons-slate,.lighttheme .lighttypo.header h1 span.dficons-df-typo,.lighttheme .darktheme.header h1 span.dficons-slate,.lighttheme .darktheme.header h1 span.dficons-df-typo,.darktheme.header h1 span.dficons-slate,.darktheme.header h1 span.dficons-df-typo,.lighttypo.header h1 span.dficons-slate,.lighttypo.header h1 span.dficons-df-typo{color:#fff}

.pagetransition.lighttheme.header a.close,.lighttheme .lighttypo.header a.close,.lighttheme .darktheme.header a.close,.darktheme.header a.close,.lighttypo.header a.close{border-color:rgba(255,255,255,0.5);color:#fff}

.pagetransition.lighttheme.header a.close span,.lighttheme .lighttypo.header a.close span,.lighttheme .darktheme.header a.close span,.darktheme.header a.close span,.lighttypo.header a.close span{color:#fff}

.pagetransition.lighttheme.header a.close:hover,.lighttheme .lighttypo.header a.close:hover,.lighttheme .darktheme.header a.close:hover,.darktheme.header a.close:hover,.lighttypo.header a.close:hover{border-color:rgba(255,255,255,0.5);color:#fff}

.goldtheme div.gallery a.fullscreen{border-color:#f0ba5e;color:#f0ba5e}

.goldtheme div.gallery a.fullscreen:hover{background-color:#f0ba5e;color:#333}

.goldtheme div.gallery ul.pagination li{border-color:#f0ba5e}

.goldtheme div.gallery ul.pagination li.active{background-color:#f0ba5e}

.goldtheme div.gallery ul.pagination li .line{border-top:1px solid #f0ba5e}

.goldtheme .case-info #intro .description hr+p,.goldtheme .case-info #intro .description p{color:#fff}

.page-test{width:100%;height:100%;position:absolute;top:0;left:0}

.page-test.pt-page-1{background:#0ac2d2}

.page-test.pt-page-2{background:#7bb7fa}

.page-test.pt-page-3{background:#60d7a9}

.page-test.pt-page-4{background:#fdc162}

.page-test.pt-page-5{background:#fd6a62}

.page-test.pt-page-6{background:#f68dbb}

#home #pagecontent{height:100%}

#home header h1{left:0px;top:0px}

#home header h1 a{margin-left:28px}

#home header h1 a span.dficons-slate{color:#d6cd16;font-size:40px;opacity:1;margin-left:-12px}

#home header h1 a span.dficons-df-typo{font-size:95px;margin:8px 0 0 -31px}

.hasvideo .page-home{background:transparent}

.page-home{background-position:0 0;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;height:100%;left:0;margin:0;position:absolute;top:0;width:100%}

.page-home .maincontent{position:absolute;bottom:25px;left:25px}

.page-home .maincontent h2{color:#d6cd16;display:inline-block}

.page-home .maincontent h2 span{display:block;position:relative;opacity:1}

.page-home .maincontent .description{max-width:600px;color:#b6b8b8}

.page-home .maincontent .description hr{background-color:rgba(255,255,255,0.5);float:left;height:1px;margin:2px 10px 0px 18px;position:relative;top:8px;width:44px}

.page-home .maincontent .description p{font-size:14px;width:100%;max-width:100%;margin-top:0px;margin-bottom:25px;padding-right:20px;line-height:19px}

.page-home .shortnews{position:absolute;bottom:103px;margin:-50px 0 0 0;max-width:280px;right:30px;width:35%}

.page-home .shortnews p+p{margin-left:80px}

.page-home .shortnews ul li{clear:both;display:block}

.page-home .shortnews ul li+li{margin-top:30px}

#projects{min-height:680px}

.page-projects{background:rgba(0,0,0,0.5);height:100%;padding:57px 0px 0px 0px;width:auto}

.page-projects.closing ul.cases{left:100% !important;-moz-transition:all 1000ms ease-out 0s;-webkit-transition:all 1000ms ease-out 0s;-o-transition:all 1000ms ease-out 0s;-ms-transition:all 1000ms ease-out 0s;transition:all 1000ms ease-out 0s}

.page-projects.pt-page-in ul.cases{opacity:0}

.page-projects .casecontainer{width:100%;position:relative;overflow:hidden;height:100%;box-sizing:content-box}

.page-projects .casecontainer ul.cases{cursor:hand;height:400px;width:5800px;cursor:move;cursor:grab;cursor:-moz-grab;cursor:-webkit-grab}

.page-projects .casecontainer ul.cases:active{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing}

.page-projects .casecontainer ul.cases.overview{padding-top:0px;width:100%;-moz-transform:translate3D(0, 0, 0);-ms-transform:translate3D(0, 0, 0);-o-transform:translate3D(0, 0, 0);-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}

.page-projects .casecontainer ul.cases.overview.animate{-moz-transition:all 500ms ease-out 0s;-webkit-transition:all 500ms ease-out 0s;-o-transition:all 500ms ease-out 0s;-ms-transition:all 500ms ease-out 0s;transition:all 500ms ease-out 0s}

.page-projects .casecontainer ul.cases.overview.scrollhint-right{cursor:pointer;cursor:url(../img/cursor-arrow-right.png) 40 75,url(../img/cursor-arrow-right.cur),pointer}

.page-projects .casecontainer ul.cases.overview.scrollhint-left{cursor:pointer;cursor:url(../img/cursor-arrow-left.png) 40 75,url(../img/cursor-arrow-left.cur),pointer}

.page-projects .casecontainer ul.cases.overview li{float:left;padding:20px 40px;-moz-transform:translate3D(0, 0, 0);-ms-transform:translate3D(0, 0, 0);-o-transform:translate3D(0, 0, 0);-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0);position:relative;z-index:1}

.page-projects .casecontainer ul.cases.overview li.close{display:none;cursor:pointer;cursor:url(../img/cursor-cross.png) 26 26,url(../img/cursor-cross.cur),pointer;height:100%;padding:0 10px;text-align:center;-moz-transition:width 250ms ease-out 0s;-webkit-transition:width 250ms ease-out 0s;-o-transition:width 250ms ease-out 0s;-ms-transition:width 250ms ease-out 0s;transition:width 250ms ease-out 0s;width:50px;z-index:0}

.page-projects .casecontainer ul.cases.overview li.close:hover{width:100px}

.page-projects .casecontainer ul.cases.overview li.case{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:right center;background-repeat:no-repeat;height:250px;overflow:hidden;width:100%}

.page-projects .casecontainer ul.cases.overview li.case h2,.page-projects .casecontainer ul.cases.overview li.case h3,.page-projects .casecontainer ul.cases.overview li.case span{position:relative;z-index:1}

.page-projects .casecontainer ul.cases.overview li.case .title{-moz-transition:left 250ms ease-out 0s,width 250ms ease-out 0s;-webkit-transition:left 250ms ease-out 0s,width 250ms ease-out 0s;-o-transition:left 250ms ease-out 0s,width 250ms ease-out 0s;-ms-transition:left 250ms ease-out 0s,width 250ms ease-out 0s;transition:left 250ms ease-out 0s,width 250ms ease-out 0s;display:block;left:40px;pointer-events:none;position:absolute;top:40px}

.page-projects .casecontainer ul.cases.overview li.case .title h2{font-size:60px;line-height:49px;letter-spacing:5px;width:auto;-moz-transition:font-size,line-height,color 50 cubic-bezier(0.95, 0.05, 0.795, 0.035) 0s;-webkit-transition:font-size,line-height,color 50 cubic-bezier(0.95, 0.05, 0.795, 0.035) 0s;-o-transition:font-size,line-height,color 50 cubic-bezier(0.95, 0.05, 0.795, 0.035) 0s;-ms-transition:font-size,line-height,color 50 cubic-bezier(0.95, 0.05, 0.795, 0.035) 0s;transition:font-size,line-height,color 50 cubic-bezier(0.95, 0.05, 0.795, 0.035) 0s}

.page-projects .casecontainer ul.cases.overview li.case .title h2 span{display:block;position:relative;left:0px}

.page-projects .casecontainer ul.cases.overview li.case .title .client{display:block;font-size:15px;line-height:20px;height:20px;margin:0;position:relative;opacity:1;top:0}

.page-projects .casecontainer ul.cases.overview li.case .description{display:none;bottom:130px;position:absolute;width:80%}

.page-projects .casecontainer ul.cases.overview li.case .description hr{float:left;height:1px;margin:0px 10px 0px 20px;position:relative;top:8px;width:40px}

.page-projects .casecontainer ul.cases.overview li.case .description hr+p{font-size:16px;font-family:"Proxima Nova Regular",Helvetica,Arial,Verdana,sans-serif;line-height:21px;margin:0}

.page-projects .casecontainer ul.cases.overview li.case a{position:absolute;height:100%;width:100%;left:0px;bottom:0px;text-indent:-50000pt}

.page-projects .casecontainer ul.cases.overview li.case a.button{bottom:40px;position:absolute;display:none;z-index:1;height:60px;width:auto;text-indent:0px;left:auto}

.page-projects .casecontainer ul.cases.overview li.case a.fwa{bottom:auto;height:100px;left:auto;position:absolute;right:0;text-indent:0;top:0;width:100px;z-index:500}

.page-projects .casecontainer ul.cases.overview li.case .bw{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:inherit;background-repeat:no-repeat;display:block;height:100%;left:0;opacity:1;position:absolute;-moz-transition:opacity 250ms ease-out 0s;-webkit-transition:opacity 250ms ease-out 0s;-o-transition:opacity 250ms ease-out 0s;-ms-transition:opacity 250ms ease-out 0s;transition:opacity 250ms ease-out 0s;width:100%;top:0;z-index:0}

.page-projects .casecontainer ul.cases.overview li.case:hover .bw{opacity:0}

.page-projects .casecontainer ul.cases.overview li#case-bulls{background-image:url(../img/bg.jpg);background-position-x:75%}

.page-projects .casecontainer ul.cases.overview li#case-zemo{background-image:url(../img/bg.jpg);background-position-x:50%}

.page-projects .casecontainer ul.cases.overview li#case-zemo h2{line-height:53px}

.page-projects .casecontainer ul.cases.overview li#case-fairtrade{background-image:url(../img/bg.jpg);background-position-x:60%}

.page-projects .casecontainer ul.cases.overview li#case-malzfabrik{background-image:url(../img/bg.jpg);background-position-x:70%}

.page-projects .casecontainer ul.cases.overview li#case-kerbholz{background-image:url(../img/bg.jpg);color:#000;background-position-x:50%}

.page-projects .casecontainer ul.cases.overview li#case-okkid{background-image:url(../img/bg.jpg);background-position-x:75%}

.page-projects .casecontainer ul.cases.overview li#case-okkid .title .client{font-size:46px;line-height:20px}

.page-projects .casecontainer ul.cases.overview li#case-okkid h2{line-height:59px;margin-top:25px}

.touch#projects .bw{display:none}

.case header a.close{display:block}

.case-info{margin:0 -20px;padding:50px 20px;overflow:hidden;position:relative;z-index:0}

.case-info .case-info{margin:0 0px;padding:50px 0px}

.case-info h3{
	font-size: 40px;
	letter-spacing: 2px;
	line-height: 40px;
	margin: 0px;
	position: relative;
	margin-bottom: 30px;
}

.case-info span.dficons-divider{display:block;font-size:83px;height:15px;line-height:15px;margin:16px 0 18px}

.case-info p.description{margin:0;position:relative}

.case-info p.client{display:block;font-size:40px;line-height:40px;margin:0px;position:relative}

.case-info p.client span{line-height:40px;position:relative}

.case-info p.client span.iconwrapper{top:0}

.case-info#intro{padding-top:0;position:relative;height:500px;top:0;overflow:hidden}

.case-info#intro .bg{background-position:right center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%}

.case-info#intro .bg .translucent{background:rgba(255,255,255,0.6);display:none;height:100%;left:0;position:absolute;top:0;width:100%}

.case-info#intro .bg .introcontent{text-align:center;left:0;padding:0px 40px;width:100%}

.case-info#intro .bg .introcontent .description{width:100%}

.case-info#intro .bg .introcontent .description hr{display:none}

.case-info#intro.introanimation{padding:0 20px}

.case-info#intro.introanimation .title h2 span{opacity:0;left:-500px}

.case-info#intro.introanimation .title .client{opacity:0;top:-100px}

.case-info#intro.introanimation .description{opacity:0}

.case-info#intro.introanimation .scrolldown{opacity:0}

.case-info#intro .introcontent{left:20px;position:absolute;top:150px}

.case-info#intro .introcontent .title{display:block;position:relative;left:0;-moz-transition:all 250ms ease-out 0s;-webkit-transition:all 250ms ease-out 0s;-o-transition:all 250ms ease-out 0s;-ms-transition:all 250ms ease-out 0s;transition:all 250ms ease-out 0s}

.case-info#intro .introcontent .title h2{left:0px;position:relative;width:auto}

.case-info#intro .introcontent .title h2 span{display:block;position:relative;left:0px;opacity:1}

.case-info#intro .introcontent .title .client{display:block;opacity:1;top:0px;position:relative;font-size:16px;height:32px;-moz-transition:top,opacity 700ms ease-out 0s;-webkit-transition:top,opacity 700ms ease-out 0s;-o-transition:top,opacity 700ms ease-out 0s;-ms-transition:top,opacity 700ms ease-out 0s;transition:top,opacity 700ms ease-out 0s}

.case-info#intro .introcontent .description{display:block;position:relative;left:0px;opacity:1;width:70%}

.case-info#intro .introcontent .description hr{float:left;height:1px;margin:0px 10px 0px 20px;position:relative;top:8px;width:40px}

.case-info#intro .introcontent .description hr+p{font-size:13px;line-height:17px;margin:0}

.case-info#intro-2 span.icon{margin-left:0}

.case-info#intro-2 .description{position:relative;display:block;text-align:center}

.case-info#intro-2 .description p{display:table-cell;vertical-align:middle}

.case-info#intro-2 .description p.client{display:block;height:180px;left:0px;line-height:200px;margin:0px 200px 40px 0px;padding-left:0px;width:100%;position:relative}

.case-info#intro-2 .description p.client .lines{position:absolute;left:0px;border-top:2px solid #333;border-bottom:2px solid #333;width:100%;height:100%}

.case-info#intro-2 .description p.client .iconwrapper{display:inline-block;text-align:left}

.case-info#intro-2 .description p.client .iconwrapper span{margin-left:0px;line-height:100px}

.case-info#intro-2 .description p.client .iconwrapper span:before{text-align:left}

.case-info#zusammenfassung{overflow:visible;padding:50px 20px 40px}

.case-info#quote{padding:80px 30px;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}

.case-info#quote p{font-family:"notera",Garamond,Georgia,Times,"Times new Roman",serif;font-size:40px;line-height:30px;vertical-align:middle}

.case-info#quote blockquote{font-size:40px;line-height:30px;text-align:center;vertical-align:middle}

.case-info#quote blockquote footer{display:block;font-size:14px}

.page-about.pt-page .case-info #introcontent{opacity:0}

.page-about .case-info p{margin-bottom:30px;max-width:700px}

.page-about .case-info p a{color:#666;font-family:"Proxima Nova Bold",Helvetica,Arial,Verdana,sans-serif; text-decoration:underline; font-weight:normal}

.page-about .case-info p over{color:#000; font-weight:bold}

.page-about .case-info#intro{text-align:center}

.page-about .case-info#intro .bg{background-position:center center}

.page-about .case-info#intro .bg .introcontent{-moz-transition:all 250ms ease-out 0s;-webkit-transition:all 250ms ease-out 0s;-o-transition:all 250ms ease-out 0s;-ms-transition:all 250ms ease-out 0s;transition:all 250ms ease-out 0s;left:0px;padding:0 20px;position:absolute;top:200px;width:100%}

.page-about .case-info#intro .bg .introcontent .title{left:0px;margin:0 auto;position:relative;top:0px}

.page-about .case-info#intro .bg .introcontent .title h2{color:#d6cd16;letter-spacing:3px;margin:0 auto;max-width:700px;width:auto;font-size:55px;line-height:43px}

.page-about .case-info#intro .bg .introcontent .description{bottom:0px;display:block;left:0px;margin:0 auto;max-width:700px;position:relative}

.page-about .case-info#intro .bg .introcontent .description p{margin:10px 0px 0px}

.page-about .case-info#intro-2 li.icon-hunde{display:none}

.page-about .case-info#intro-2 .description{margin:10px auto;height:auto}

.page-about .case-info#intro-2 .features{font-size:21px}

.page-about .case-info#intro-2 .features li{margin-bottom:20px}

.page-about .case-info#intro-2 .features h4{text-transform:none}

.page-about .case-info#intro-2 .features span.icon{display:block;background:url(../img/page-02-sprite.png) 0 0 no-repeat;margin-left:auto;margin-right:auto;height:175px;width:175px}

.page-about .case-info#intro-2 .features span.icon.icon-1{background-position:0 0}

.page-about .case-info#intro-2 .features span.icon.icon-2{background-position:0 -350px}

.page-about .case-info#intro-2 .features span.icon.icon-3{background-position:0 -700px}

.page-about .case-info#intro-2 .features span.icon.icon-4{background-position:0 -1050px}

.page-about .case-info#intro-2 .features span.icon.icon-5{background-position:0 -1400px}

.page-about .case-info#intro-2 .features span.icon.icon-6{background:url(../img/page-02-img.png) no-repeat;font-family:"Proxima Nova Bold",Helvetica,Arial,Verdana,sans-serif;height:150px;height:173px;left:-140px;margin:50px auto 38px;position:relative;top:0;width:354px}

.page-about .case-info#intro-2 .features h4{font-family:"Proxima Nova Bold",Helvetica,Arial,Verdana,sans-serif;font-size:42px}

.page-about .case-info#intro-2 .features h4 span{display:block;font-family:"Proxima Nova Regular",Helvetica,Arial,Verdana,sans-serif;font-size:18px;margin-top:5px}

.page-about .case-info#fotos{padding:0}

.page-about .case-info#waswirtun .dficons-long-arrow-down{color:#d6cd16;display:block;font-size:95px;margin:80px auto 0px}

.page-about .case-info#leistungen{padding:10px}

.page-about .case-info#leistungen .hint{display:none;top:90px;height:280px;position:absolute;width:345px;width:425px;text-align:left}

.page-about .case-info#leistungen .hint .arrow{left:80px;left:-50px}

.page-about .case-info#leistungen .dficons-triangle{color:#f3f4f4}

.page-about .case-info#leistungen .bubbles{background:url(../img/page-05-img.png) center center no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;margin-top:5%;height:300px;position:relative}

.page-about .case-info#leistungen .bubbles h4,.page-about .case-info#leistungen .bubbles ul{display:none}

.page-about .case-info#wowirestun{z-index:0}

.page-about .case-info#tilegallery{overflow:visible;padding:10px 0px;margin-top:-10px;margin-bottom:-10px;z-index:1}

.page-about .case-info#mitwemwirestun{z-index:0}

.page-about .case-info#kunden{background:#eaeaea;padding:0px}

.page-about .case-info#kunden ul .client{border-top:1px solid #d7d7d7;height:200px;text-align:center}

.page-about .case-info#kunden ul .client .icon{font-size:38px;line-height:200px;height:100%;text-align:left}

.page-about .case-info#kunden ul .client .icon.dficons-microsoft-logo{font-size:32px}

.page-about .case-info#kunden ul .client .icon.dficons-bulls-logo{font-size:19px}

.page-about .case-info#kunden ul .client .icon.dficons-fairtrade-typo-logo{font-size:103px}

.page-about .case-info#kunden ul .client .icon.dficons-pegasus-typo-logo{font-size:63px}

.page-about .case-info#kunden ul .client .icon.dficons-kerbholz-typo-logo{font-size:93px}

.page-about .case-info#kunden ul .client .icon.dficons-acv-logo{font-size:33px}

.page-about .case-info#jobspartner{text-align:left}

.page-about .case-info#jobspartner .half{float:left;font-family:"Proxima Nova Regular",Helvetica,Arial,Verdana,sans-serif}

.page-about .case-info#jobspartner .half:first-child{margin-bottom:30px}

.page-about .case-info#jobspartner .half h3{margin-bottom:50px}

.page-about .case-info#jobspartner .half p{font-size:17px;margin-bottom:30px}

.page-about .case-info#jobspartner .half a{font-family:"Proxima Nova Bold",Helvetica,Arial,Verdana,sans-serif;color:#fff}

.page-about .case-info#jobspartner .half em{font-family:"Proxima Nova Regular It",Helvetica,Arial,Verdana,sans-serif;font-style:normal}

.page-about .case-info#jobspartner ul li{font-size:80px;float:left;text-align:left;width:130px}

.page-about .case-info#jobspartner .arrowlink{display:block;line-height:30px}

.page-about .case-info#jobspartner .arrowlink span{text-decoration:none;margin-right:6px;vertical-align:-2px}

.page-about .case-info#jobspartner .partner{margin:0 auto;margin-top:40px}

.page-about .case-info#jobspartner .partner li{margin:0px 50px 30px 0px;opacity:0.7}

.page-about .case-info#jobspartner .partner li span{background-position:top left;background-repeat:no-repeat;background-size:100%;display:block;height:50px;width:130px}

.page-about .case-info#jobspartner .partner li span.logo-conceptbakery{background-image:url(../img/page-10-partner-conceptbakery.png)}

.page-about .case-info#jobspartner .partner li span.logo-crossmedia{background-image:url(../img/page-10-partner-crossmedia.png)}

.page-about .case-info#jobspartner .partner li span.logo-comwrap{background-image:url(../img/page-10-partner-comwrap.png)}

.page-about .case-info#jobspartner .partner li span.logo-constructiva{background-image:url(../img/page-10-partner-constructiva.png)}

.page-about .case-info#jobspartner .partner li span.logo-umetec{background-image:url(../img/page-10-partner-umetec.png)}

.page-about .case-info#dunckelfist{background-position:center;height:353px;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}

.page-about .case-info#kontakt{text-align:left}

.page-about .case-info#kontakt .third{float:left;padding:0px 20px}

.page-about .case-info#kontakt .third.two p{margin-bottom:10px}

.page-about .case-info#kontakt .third.two p span{display:block;width:90px}

.page-about .case-info#kontakt .third.three{text-align:left;padding-top:50px}

.page-about .case-info#kontakt .third.three p{margin-bottom:10px}

.page-about .case-info#kontakt .icon{background-color:#fff;border:2px solid #333;border-radius:33px;display:block;font-size:25px;line-height:66px;height:66px;margin:0 auto 30px;text-align:center;width:66px}

.page-about .case-info#kontakt a.phonelink{color:#333;font-family:"Proxima Nova Regular",Helvetica,Arial,Verdana,sans-serif;font-size:25px}

.page-about .case-info#map{height:400px;padding:0px}

.page-about .case-info#map #map_canvas{height:100%;width:100%;z-index:1}

#newsdetails #pagecontent,#news #pagecontent{min-height:100%}

.page-news.layer article,.page-newsdetails.layer article{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:5200px;-moz-perspective:5200px;perspective:5200px;perspective-origin:0% 0%;-ms-perspective-origin:0% 0%;-webkit-perspective-origin:0% 0%;transform-origin:50% 0%;-ms-transform-origin:50% 0%;-webkit-transform-origin:50% 0%;left:0;top:0}

.page-news.layer article .date.indicator,.page-newsdetails.layer article .date.indicator{-moz-border-radius:2px;border-radius:2px;display:block;float:none;margin:-35px auto -30px}

.page-news.layer article.teaser,.page-newsdetails.layer article.teaser{display:block;float:left;margin-bottom:30px;opacity:0;overflow:hidden;position:relative;text-align:center;width:100%}

.page-news.layer article.teaser.flipanimation.animate:hover a,.page-news.layer article.teaser.flipanimation:hover a,.page-newsdetails.layer article.teaser.flipanimation.animate:hover a,.page-newsdetails.layer article.teaser.flipanimation:hover a{-webkit-box-shadow:0 10px 20px 0px rgba(0,0,0,0.1);box-shadow:0 10px 20px 0px rgba(0,0,0,0.1);margin-top:0px}

.page-news.layer article.teaser a,.page-newsdetails.layer article.teaser a{-moz-transition:all 250ms ease-out 0s;-webkit-transition:all 250ms ease-out 0s;-o-transition:all 250ms ease-out 0s;-ms-transition:all 250ms ease-out 0s;transition:all 250ms ease-out 0s;background:#fff;color:#333;display:block;position:relative}

.page-news.layer article.teaser p.date.indicator,.page-newsdetails.layer article.teaser p.date.indicator{margin-top:-39px;position:relative;top:5px;margin-bottom:-5px}

.page-news.layer article.teaser .date+p,.page-newsdetails.layer article.teaser .date+p{font-family:"Proxima Nova Bold",Helvetica,Arial,Verdana,sans-serif;font-size:22px;height:auto;line-height:26px;padding:30px;margin:0}

.page-news.layer article.teaser h3,.page-newsdetails.layer article.teaser h3{font-family:"Proxima Nova Bold",Helvetica,Arial,Verdana,sans-serif;font-size:50px;line-height:60px;padding:30px;margin:0;word-wrap:break-word}

.page-news.layer article.teaser.news-fsbg,.page-newsdetails.layer article.teaser.news-fsbg{background-color:#fff;background-position:10px 10px;background-repeat:no-repeat;height:346px;text-align:left}

.page-news.layer article.teaser.news-fsbg div.content,.page-newsdetails.layer article.teaser.news-fsbg div.content{bottom:20px;left:20px;position:absolute}

.page-news.layer article.teaser.news-fsbg p,.page-newsdetails.layer article.teaser.news-fsbg p{color:white;font-size:12px;margin:0;text-align:left}

.page-news.layer article.teaser.news-fsbg .date.indicator,.page-newsdetails.layer article.teaser.news-fsbg .date.indicator{background:transparent;display:inline-block;float:none;height:auto;left:auto;margin-left:0;padding:0;position:relative;top:auto;width:auto;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}

.page-news.layer article.teaser.news-fsbg .date.indicator span,.page-newsdetails.layer article.teaser.news-fsbg .date.indicator span{color:#fff;display:inline;font-size:12px;padding:0;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}

.page-news.layer article.teaser.news-fsbg .date+p,.page-newsdetails.layer article.teaser.news-fsbg .date+p{height:auto;line-height:1.4;height:auto;margin:0;padding:0}

.page-news.layer article.teaser.news-wwg,.page-newsdetails.layer article.teaser.news-wwg{height:439px}

.page-news.layer article.teaser.news-wwg div.content,.page-newsdetails.layer article.teaser.news-wwg div.content{font-family:"Proxima Nova Bold",Helvetica,Arial,Verdana,sans-serif;font-size:14px;line-height:18px;left:50%;margin-left:-100px;position:absolute;top:50%;width:200px}

.page-news.layer article.teaser img,.page-newsdetails.layer article.teaser img{width:100%}

.page-news.layer article.teaser .hashtag,.page-newsdetails.layer article.teaser .hashtag{color:#d6cd16}

.page-news.layer article.full,.page-newsdetails.layer article.full{color:#333;margin:0 auto;margin-bottom:20px;max-width:940px;position:relative;width:100%;z-index:200}

.page-news.layer article.full.small span.dficons-divider,.page-news.layer article.full.small p,.page-newsdetails.layer article.full.small span.dficons-divider,.page-newsdetails.layer article.full.small p{display:none}

.page-news.layer article.full.small p.date.indicator,.page-newsdetails.layer article.full.small p.date.indicator{display:block}

.page-news.layer article.full .flip,.page-newsdetails.layer article.full .flip{transform-origin:0% 0%;-ms-transform-origin:0% 0%;-webkit-transform-origin:0% 0%;background:#fff;-webkit-box-shadow:0px 10px 32px 0px rgba(0,0,0,0.05);box-shadow:0px 10px 32px 0px rgba(0,0,0,0.05)}

.page-news.layer article.full .close,.page-newsdetails.layer article.full .close{background:#eee;border:none;display:block;height:30px;position:absolute;right:-30px;top:0;width:30px}

.page-news.layer article.full .close a,.page-newsdetails.layer article.full .close a{color:#333;display:block;height:100%;line-height:36px;text-align:center;width:100%}

.page-news.layer article.full img.eyecatcher,.page-newsdetails.layer article.full img.eyecatcher{width:100%}

.page-news.layer article.full .date.indicator,.page-newsdetails.layer article.full .date.indicator{margin:-35px auto -30px}

.page-news.layer article.full .content,.page-newsdetails.layer article.full .content{padding:40px}

.page-news.layer article.full .content h2,.page-newsdetails.layer article.full .content h2{font-size:37px;line-height:37px;font-family:"Proxima Nova Bold",Helvetica,Arial,Verdana,sans-serif;margin:50px auto 0;max-width:768px}

.page-news.layer article.full .content span.dficons-divider,.page-newsdetails.layer article.full .content span.dficons-divider{display:block;font-size:80px;height:80px;line-height:1;margin:0 auto;text-align:center}

.page-news.layer article.full .content p,.page-newsdetails.layer article.full .content p{font-family:"Proxima Nova Regular",Helvetica,Arial,Verdana,sans-serif;font-size:17px;line-height:28px;max-width:768px;margin:0 auto}

.page-news.layer article.full .content p+p,.page-newsdetails.layer article.full .content p+p{margin-top:28px}

.page-news.layer article.full .content a,.page-newsdetails.layer article.full .content a{-moz-transition:all 250ms ease-out 0s;-webkit-transition:all 250ms ease-out 0s;-o-transition:all 250ms ease-out 0s;-ms-transition:all 250ms ease-out 0s;transition:all 250ms ease-out 0s;color:#d6cd16}

.page-news.layer article.full .content ul.impressions,.page-newsdetails.layer article.full .content ul.impressions{margin:40px 0 40px;width:100%}

.page-news.layer article.full .content ul.impressions li,.page-newsdetails.layer article.full .content ul.impressions li{text-align:center}

.page-news.layer article.full .content ul.impressions li img,.page-newsdetails.layer article.full .content ul.impressions li img{height:auto;max-width:100%}

.page-news.layer article.full .content ul.impressions li+li,.page-newsdetails.layer article.full .content ul.impressions li+li{margin-top:40px}

.page-news.layer article.full .content div.social,.page-newsdetails.layer article.full .content div.social{margin:0 auto;max-width:768px;text-align:center}

.page-news.layer article.full .content div.social ul,.page-newsdetails.layer article.full .content div.social ul{display:inline-block}

.page-news.layer article.full .content div.social ul li,.page-newsdetails.layer article.full .content div.social ul li{float:left}

.page-news.layer article.full .content div.social ul li+li,.page-newsdetails.layer article.full .content div.social ul li+li{margin-left:20px}

.page-news .bottomnav{position:absolute;bottom:0px;width:100%;left:0px}

.page-news.layer{padding-top:102px}

.page-news.layer #darken{background:rgba(244,244,244,0.9) !important}

.page-newsdetails.layer{background-color:#fff;padding-bottom:70px}

.page-newsdetails.layer .close{background:#fff;position:absolute;right:-50px;top:0px}

.page-newsdetails.layer article.full{margin:40px auto 0px;position:relative;width:90%}

.page-newsdetails.layer article.full h2{letter-spacing:0}

.page-newsdetails.layer article.full img.eyecatcher{width:100%;margin:0}

#job header{display:none}

.page-job .wrapper{max-width:800px;margin:0 auto;padding:60px 0px 120px}

.page-job .wrapper a.close{background:rgba(0,0,0,0.3);border:none}

.page-job .wrapper a.close span{color:#fff}

.page-job .wrapper .title{margin-bottom:100px}

.page-job .wrapper .title h2{font-size:62px;line-height:52px;max-width:100%;margin:0px 0px 5px}

.page-job .wrapper .title h2+span{font-size:14px;font-family:"Proxima Nova Bold",Helvetica,Arial,Verdana,sans-serif;letter-spacing:2px;line-height:28px;text-transform:uppercase}

.page-job .wrapper .description{margin-bottom:70px}

.page-job .wrapper .description hr{float:left;height:1px;margin:2px 10px 0px 18px;position:relative;top:8px;width:44px}

.page-job .wrapper a{color:#d6cd16;font-family:"Proxima Nova Bold",Helvetica,Arial,Verdana,sans-serif}

.page-job .wrapper ul,.page-job .wrapper p{font-size:17px;width:100%;max-width:100%;margin-top:0px;margin-bottom:30px;line-height:26px}

.page-job .wrapper ul{margin-bottom:60px}

.page-job .wrapper ul li{background:url(../img/bullet.png) no-repeat 0px 8px transparent;list-style-type:none;margin:0;padding:5px 0px 5px 30px;vertical-align:middle}

.page-job .wrapper .whois{color:#999999;font-family:"Proxima Nova Regular It",Helvetica,Arial,Verdana,sans-serif;font-size:16px;margin-top:90px}

.page-imprint{text-align:center}

.page-imprint .box{max-width:560px;margin:0 auto}

.page-imprint h3{font-family:"Proxima Nova Bold",Helvetica,Arial,Verdana,sans-serif;font-size:14px;margin:100px 0 40px}

.page-imprint p{font-size:24px}

.page-imprint p.small{font-size:14px}

.page-imprint p+p{margin-top:40px}

.page-imprint p+p.small{margin-top:50px}

.page-imprint p.small+p.small{margin-top:20px}

.gallery{height:520px;position:relative}

.gallery .hint{display:none}

.gallery ul{height:100%;left:0;position:absolute;top:0;width:10000px}

.gallery ul li{display:inline-block;float:left}

.gallery ul li img{width:100%}

.gallery ul.inactive{filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4}

.gallery ul.pagination{bottom:0px;height:20px;left:50%;padding:0;position:absolute;right:auto;top:auto;width:auto}

.gallery ul.pagination li{border-width:1px;border-style:solid;position:relative}

.gallery ul.pagination li a{background:rgba(255,255,255,0)}

.gallery ul.pagination li .line{border-top:1px solid #fff;width:10px;position:absolute;left:25px;height:0px;top:7px}

.gallery ul.pagination li:last-child .line{display:none}

.gallery.screenshots{height:540px;margin:0px -20px 50px;padding:0 65px 0 0}

.gallery.screenshots ul li{position:relative;margin-left:35px;width:300px}

.gallery.screenshots ul li img{-moz-border-radius:4px;border-radius:4px}

.gallery.screenshots ul.pagination{bottom:-40px}

.gallery.screenshots ul.pagination li{width:10px;margin:0 3px}

.gallery.screenshots .hint{display:none}

.gallery.shadows ul li img{-webkit-box-shadow:0px 15px 32px 0 rgba(0,0,0,0.2);box-shadow:0px 15px 32px 0 rgba(0,0,0,0.2)}

.gallery.fullscreen{-moz-transform:translateZ(0) scale(0);-ms-transform:translateZ(0) scale(0);-o-transform:translateZ(0) scale(0);-webkit-transform:translateZ(0) scale(0);transform:translateZ(0) scale(0);transform-origin:50% 100%;-ms-transform-origin:50% 100%;-webkit-transform-origin:50% 100%;-moz-transition:all 300ms ease-out 0s;-webkit-transition:all 300ms ease-out 0s;-o-transition:all 300ms ease-out 0s;-ms-transition:all 300ms ease-out 0s;transition:all 300ms ease-out 0s;background:rgba(0,0,0,0.9);display:block;height:100%;left:0;margin:0;opacity:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:100000}

.gallery.fullscreen.active{opacity:1;-moz-transform:translateZ(0) scale(1);-ms-transform:translateZ(0) scale(1);-o-transform:translateZ(0) scale(1);-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}

.gallery.fullscreen .close{background:rgba(255,255,255,0.2);color:#333;position:absolute;top:0px;z-index:10}

.gallery.fullscreen ul li{margin:0}

.gallery.fullscreen ul li img{height:inherit;width:inherit}

.gallery.fullscreen ul.pagination li{margin:5px}

.tilegallery{position:relative}

.tilegallery ul{height:340px;position:relative;width:100%}

.tilegallery ul li{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center;cursor:pointer;-webkit-filter:saturate(0%);float:left;height:50%;margin:0px;position:relative;-moz-transition:-webkit-transform 50ms ease-out 0s;-webkit-transition:-webkit-transform 50ms ease-out 0s;-o-transition:-webkit-transform 50ms ease-out 0s;-ms-transition:-webkit-transform 50ms ease-out 0s;transition:-webkit-transform 50ms ease-out 0s;width:33.33%;z-index:0}

.tilegallery ul li:hover{-moz-transform:scale(1.02) translateZ(0);-ms-transform:scale(1.02) translateZ(0);-o-transform:scale(1.02) translateZ(0);-webkit-transform:scale(1.02) translateZ(0);transform:scale(1.02) translateZ(0);-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.5);box-shadow:0 0 10px 0 rgba(0,0,0,0.5);-webkit-filter:saturate(100%);z-index:1}

.tilegallery ul li img{width:100%}

.videogallery{margin:20px -20px 0;position:relative}

.videogallery span.active{background:#fff;display:block;height:3px;left:0;position:absolute;top:0;width:0}

.videogallery .arrownav{height:40px;left:0;position:absolute;top:0;width:100%;z-index:1}

.videogallery .arrownav a{height:40px;line-height:40px;position:absolute;text-align:center;width:50px}

.videogallery .arrownav a.prev{left:0px}

.videogallery .arrownav a.next{right:0px}

.videogallery .arrownav a.disabled{opacity:0.3}

.videogallery ul li a img{width:100%}

.videogallery ul.tabnav{height:40px;margin-bottom:3px;position:relative;width:10000em;z-index:0}

.videogallery ul.tabnav li{display:inline-block;float:left;padding:0 30px;width:320px}

.videogallery ul.tabnav li a{font-size:12px;letter-spacing:1.5px;line-height:40px;text-align:center;text-transform:uppercase}

.videogallery ul.tabnav li.active a{font-family:"Proxima Nova Bold",Helvetica,Arial,Verdana,sans-serif}

.videogallery span.active{display:none}

.videogallery div.content{position:relative;width:10000em}

.videogallery div.content div.details{float:left;position:relative;height:100%;width:1280px}

.videogallery div.content div.details.active{display:block;height:100%}

.videogallery div.content div.details .overlay{position:absolute;top:0px;left:0px;width:100%}

.videogallery div.content div.details p{display:block;font-family:"Proxima Nova Bold",Helvetica,Arial,Verdana,sans-serif;font-size:28px;letter-spacing:0.5px;line-height:44px;margin:15px 0}

.videogallery div.content div.details p span{text-transform:uppercase;display:block;font-family:"Proxima Nova Regular",Helvetica,Arial,Verdana,sans-serif;font-size:12px;line-height:1;letter-spacing:2px}

.videogallery div.content div.details iframe{height:100%;width:100%}

#preloadgalleryimages{height:50px;left:-100000px;overflow:hidden;position:absolute;top:-100000px;width:50px}

@media only screen and (min-width: 568px){#page-case-okkid .case-info#web-2 div.imagepuzzle{height:940px}

#page-case-okkid .case-info#quote{min-height:300px;padding:80px 30px}

}

@media only screen and (min-width: 640px){.page-projects .casecontainer ul.cases.overview li#case-okkid p.client{margin-top:-18px}

.page-projects .casecontainer ul.cases.overview li#case-okkid h2{margin-top:20px;line-height:91px}

.page-projects .casecontainer ul.cases.overview li.case{height:400px;width:400px}

.page-projects .casecontainer ul.cases.overview li.case:hover{-webkit-transform:scale(1.01);transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);-o-transform:scale(1.01);-webkit-box-shadow:0px 0px 60px 0px rgba(0,0,0,0.7);box-shadow:0px 0px 60px 0px rgba(0,0,0,0.7);z-index:100}

.page-projects .casecontainer ul.cases.overview li.case .title{top:70px}

.page-projects .casecontainer ul.cases.overview li.case .title h2{font-size:100px;line-height:80px;letter-spacing:5px}

.page-projects .casecontainer ul.cases.overview li.case .title h2.threerows{font-size:60px;line-height:50px;letter-spacing:3px}

.page-projects .casecontainer ul.cases.overview li.case#case-zemo .title h2{line-height:53px}

.absolute{height:100%;overflow:hidden}

.absolute #pagecontent{height:100%}

.absolute footer,#imprint footer{background:transparent;bottom:25px;display:block;right:25px;margin:0px;padding:0px;position:absolute;width:auto;z-index:100}

#page-case-okkid .case-info#ep-2 div.characterscheme span.track{width:126px}

#page-case-okkid .case-info#ep-2 div.characterscheme span.track.track-01{margin-left:-211px}

#page-case-okkid .case-info#ep-2 div.characterscheme span.track.track-02{margin-left:-63px}

#page-case-okkid .case-info#ep-2 div.characterscheme span.track.track-03{margin-left:85px}

#page-case-okkid .case-info#ep-2 div.characterscheme span.track.track-04{margin-left:-63px}

#page-case-okkid .case-info#ep-2 div.characterscheme span.track.track-05{margin-left:-63px}

#page-case-okkid .case-info#ep-2 div.characterscheme span.connection.first span.v.left{margin-left:-145px}

#page-case-okkid .case-info#ep-2 div.characterscheme span.connection.first span.v.right{margin-left:145px}

#page-case-okkid .case-info#ep-2 div.characterscheme span.connection.first span.h{width:146px}

#page-case-okkid .case-info#ep-2 div.characterscheme span.connection.first span.h.left{margin-left:-145px}

#page-case-okkid .case-info#web-2 div.imagepuzzle{height:840px;padding-top:40%}

#page-case-okkid .case-info#web-2 div.imagepuzzle img{width:auto}

#page-case-okkid .case-info#web-2 div.imagepuzzle p{bottom:50px;position:absolute}

.page-about .case-info#kunden .client{width:50%;float:left;height:300px}

.page-about .case-info#kunden .client .icon{line-height:300px}

.page-news.layer article.full .close,.page-newsdetails.layer article.full .close{height:50px;right:-50px;width:50px}

.page-news.layer article.full .close a,.page-newsdetails.layer article.full .close a{line-height:56px}

.page-news.layer article.full .content h2,.page-newsdetails.layer article.full .content h2{font-size:57px;line-height:68px}

}

@media only screen and (min-width: 768px){header{border-bottom-width:0px;position:absolute}

header.translucent{background:none}

header h1{left:15px;height:57px}

header h1 span.dficons-slate,header h1 span.dficons-df-typo{line-height:70px}

header.active{display:block}

footer{-moz-transition:opacity 250ms ease-out 0s;-webkit-transition:opacity 250ms ease-out 0s;-o-transition:opacity 250ms ease-out 0s;-ms-transition:opacity 250ms ease-out 0s;transition:opacity 250ms ease-out 0s}

.layer{padding:57px 68px 0}

h2{margin:20px 0 10px}

p{font-size:17px;line-height:26px;letter-spacing:0.2px}

div.bottomnav{margin:0px -68px;padding:0 30px;display:block}

div.bottomnav a.rotatelink span.line{display:none}

div.bottomnav a.rotatelink span.rect{float:left;margin-top:25px}

div.bottomnav a.rotatelink span.rect span{font-size:20px}

div.bottomnav a.rotatelink:hover span.rect{background-color:transparent}

div.bottomnav a.rotatelink:hover span.rect span{background-color:transparent;color:#fff}

ul.rotate.rotate-45{margin:58px 0}

ul.rotate.rotate-45 li{height:115px;letter-spacing:2px;margin:0 20px;width:115px}

ul.rotate.rotate-45 li.active span.dficons-arrow-down{visibility:visible}

ul.rotate.rotate-45 li a{font-size:14px;line-height:115px}

ul.rotate.rotate-45 li a.tworows{left:8px;top:41%}

ul.rotate.rotate-45 li a.tworows span{top:38%;left:2%}

ul.rotate.rotate-45 li span.dficons-arrow-down{display:block;font-size:24px;margin:-60px 0 0 10px;width:100%}

.notouch ul.rotate.rotate-45{margin:58px 0}

.notouch ul.rotate.rotate-45 li:hover span.dficons-arrow-down{visibility:visible}

.triangledown{font-size:40px;margin-left:-41px}

span.hint{display:block;font-family:"brainflower",Garamond,Georgia,Times,"Times new Roman",serif;font-size:55px;line-height:55px;width:185px}

span.hint .arrow{display:block;height:84px;position:absolute;margin-left:85px;margin-top:10px;width:125px}

.gallery ul.pagination{bottom:40px}

.gallery.screenshots .hint{display:none}

.gallery.screenshots ul li{width:auto;margin-left:65px}

.gallery.screenshots ul.pagination{bottom:0px;bottom:-70px}

.gallery.screenshots ul.pagination li{width:21px;margin:0 8px}

.gallery.fullscreen ul.pagination li{margin:8px}

.notouch .gallery.fullscreen ul.pagination{bottom:90px}

.notouch .gallery.fullscreen ul.pagination li{-moz-border-radius:0;border-radius:0;border:0;height:60px;position:relative;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);width:100px;z-index:1;margin:0px}

.notouch .gallery.fullscreen ul.pagination li.active,.notouch .gallery.fullscreen ul.pagination li:hover{z-index:2}

.notouch .gallery.fullscreen ul.pagination li.active a,.notouch .gallery.fullscreen ul.pagination li:hover a{-webkit-transform:scale(1.2);transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.5);box-shadow:0 0 10px 0 rgba(0,0,0,0.5)}

.notouch .gallery.fullscreen ul.pagination li:hover{z-index:3}

.notouch .gallery.fullscreen ul.pagination li:hover a{-webkit-transform:scale(1.3);transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);-o-transform:scale(1.3)}

.notouch .gallery.fullscreen ul.pagination li a{background-size:cover;height:inherit;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);-moz-transition:all 250ms ease-out 0s;-webkit-transition:all 250ms ease-out 0s;-o-transition:all 250ms ease-out 0s;-ms-transition:all 250ms ease-out 0s;transition:all 250ms ease-out 0s;transform-origin:50% 100%;-ms-transform-origin:50% 100%;-webkit-transform-origin:50% 100%;width:inherit}

.videogallery{margin:20px -68px 0}

.videogallery span.active{display:block}

.videogallery .arrownav{display:none}

.videogallery ul.tabnav{margin-bottom:3px;width:100%;height:57px}

.videogallery ul.tabnav li{display:inline-block;float:none;line-height:27px;padding:0 30px;width:auto}

.videogallery ul.tabnav li a{display:inline-block;letter-spacing:2px;line-height:57px;width:100%}

.videogallery div.content div.details a.playvideo{height:120px;margin:28px 0 20px;width:120px}

.videogallery div.content div.details a.playvideo .dficons-play{font-size:30px;line-height:120px}

.videogallery div.content div.details p{font-size:48px;letter-spacing:0.5px;line-height:44px;margin:20px 0}

.videogallery div.content div.details p span{font-size:12px;line-height:30px}

ul.pagination li{-moz-border-radius:2px;border-radius:2px;line-height:22px;height:22px;width:22px;margin:0 8px}

ul.pagination li a .line{display:block}

ul.pagination.fullpage{display:block}

a.scrolldown{height:130px;margin-left:-75px;width:150px}

a.scrolldown .arrowwrapper span.dficons-mouse{display:block;font-size:58px;line-height:58px;text-indent:5px}

a.scrolldown .arrowwrapper span.dficons-arrow-down{bottom:-6px;font-size:25px;height:25px;line-height:25px;margin-top:0;-webkit-animation:bounce 0.4s ease-in-out infinite alternate;-moz-animation:bounce 0.4s ease-in-out infinite alternate;animation:bounce 0.4s ease-in-out infinite alternate}

.fullscreen.single,.gallery .fullscreen{left:45px;bottom:45px}

#home header h1{left:80px;top:40px}

#home header h1 a{margin-left:10px}

#home header h1 a span.dficons-slate{font-size:52px;margin-left:-12px}

#home header h1 a span.dficons-df-typo{font-size:128px;margin:13px 0 0 -41px}

#home header nav a{font-size:12px;letter-spacing:2px;padding:0 25px;height:20px;margin:0px 0px;line-height:29px}

#home .page-home .maincontent{bottom:67px;left:91px}

#home .page-home .maincontent .description p{font-size:17px;width:100%;max-width:100%;margin-top:0px;margin-bottom:43px;line-height:24px}

.page-projects{padding:57px 0px 0px 0px}

.page-projects .casecontainer ul.cases{height:500px}

.page-projects .casecontainer ul.cases.scrollhint{cursor:pointer}

.page-projects .casecontainer ul.cases.overview{top:100px;width:10000em}

.page-projects .casecontainer ul.cases.overview li.close{display:block;width:75px}

.page-projects .casecontainer ul.cases.overview li.close:hover{width:150px}

.page-projects .casecontainer ul.cases.overview li.case{height:500px;width:500px}

.page-projects .casecontainer ul.cases.overview li.case .title h2{font-size:100px;letter-spacing:10px;line-height:80px;letter-spacing:5px}

.page-projects .casecontainer ul.cases.overview li.case .title h2.threerows{font-size:60px;line-height:50px;letter-spacing:3px}

.page-projects .casecontainer ul.cases.overview li.case .title .client{font-size:20px;line-height:20px}

.page-projects .casecontainer ul.cases.overview li.case .description{display:block}

.page-projects .casecontainer ul.cases.overview li.case a.button{display:block;bottom:40px}

.page-projects .casecontainer ul.cases.overview li.case:hover a.button:after{left:-1px;top:-1px;bottom:-1px;right:-1px;height:103%;width:102%}

.page-projects .casecontainer ul.cases.overview li#case-okkid p.client{margin-top:-18px}

.page-projects .casecontainer ul.cases.overview li#case-okkid h2{margin-top:33px;line-height:90px}

.case-info{margin:0px -68px;padding:100px 68px}

.case-info h3{font-size:50px;letter-spacing:2px;line-height:47px}

.case-info span.dficons-divider{margin:11px 0 18px}

.case-info ul.facts li{margin:20px 0;padding:0px;float:left;width:33%}

.case-info ul.features li{margin:0;float:left;width:33%;padding:0 10px}

.case-info ul.features li:nth-child(2),.case-info ul.features li.nth-child-2{width:34%}

.case-info#intro{height:700px}

.case-info#intro .bg .translucent{display:none !important}

.case-info#intro .bg .introcontent{left:80px;padding:0px;text-align:left;width:auto}

.case-info#intro .bg .introcontent .title .client{font-size:22px}

.case-info#intro .bg .introcontent .description{width:70%}

.case-info#intro .bg .introcontent .description hr{display:block}

.case-info#intro .bg .introcontent .description hr+p{font-size:16px;line-height:21px}

.case-info#intro-2 .description{padding-bottom:40px}

.case-info#zusammenfassung{padding:110px 50px 110px}

.case-info#quote{padding:80px 0px}

.case-info#quote p{font-size:50px;line-height:50px}

.page-about .case-info#intro .bg{background-position:center center;background-image:url(../img/page-01-bg.jpg)}

.page-about .case-info#intro .bg .introcontent{text-align:center}

.page-about .case-info#intro .bg .introcontent .title h2{font-size:135px;letter-spacing:10px;line-height:125px}

.page-about .case-info#intro-2 ul.features li{width:50%}

.page-about .case-info#intro-2 ul.features li span.icon.icon-6{background-size:90% 90%;background-position:150% 0}

.page-about .case-info#intro-2 li.icon-hunde{display:inline-block}

.page-about .case-info#waswirtun span.hint{width:100%;margin-top:80px}

.page-about .case-info#leistungen{padding:80px 20px 50px}

.page-about .case-info#wowirestun{z-index:0}

.page-about .case-info#wowirestun .button{margin-top:40px}

.page-about .case-info#kunden .client{float:left;width:33%}

.page-about .case-info#jobspartner .half{width:50%;padding:0px 50px}

.page-about .case-info#jobspartner .half:first-child{margin-bottom:0px}

.page-about .case-info#kontakt .third{width:33%}

.page-about .case-info#kontakt .third.three{padding-top:0px}

.page-about .case-info#map{height:700px}

.page-news.layer{padding:100px 0px 100px}

.page-news.layer .bottomnav{margin:0px}

.page-news.layer .articlewrapper{position:relative;margin:0 auto;height:100%;width:90%}

.page-news.layer article.teaser{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-moz-transform:translate3d(0, 50px, 0);-ms-transform:translate3d(0, 50px, 0);-o-transform:translate3d(0, 50px, 0);-webkit-transform:translate3d(0, 50px, 0);transform:translate3d(0, 50px, 0);margin:0px 1.5% 30px;overflow:visible;width:47%}

.page-news.layer article.teaser.animate:hover a,.page-news.layer article.teaser:hover a{-webkit-box-shadow:0 10px 20px 0px rgba(0,0,0,0.1);box-shadow:0 10px 20px 0px rgba(0,0,0,0.1);-moz-transform:translate3d(0, -5px, 0);-ms-transform:translate3d(0, -5px, 0);-o-transform:translate3d(0, -5px, 0);-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0)}

.page-news.layer article.teaser .date+p,.page-news.layer article.teaser .date+h3{font-size:32px;line-height:36px}

.page-news.layer article.full .flipanimation{-moz-transform:scale(0) translateZ(0);-ms-transform:scale(0) translateZ(0);-o-transform:scale(0) translateZ(0);-webkit-transform:scale(0) translateZ(0);transform:scale(0) translateZ(0)}

.page-newsdetails .layer{margin:0px}

.page-newsdetails .layer article.full .content{padding:50px}

.page-job .wrapper .title h2{font-size:92px;line-height:82px}

.blackout div.content div.left{display:block}

}

@media only screen and (min-width: 830px){.page-news .layer{margin:0px auto 100px}

#page-case-bulls .case-info#web-2 .hint{left:10px}

#page-case-bulls .case-info#web-2 .reel-conf{left:-6px}

#page-case-fairtrade .case-info#zusammenfassung ul.facts{width:800px}

.page-about .case-info#intro-2 .features .icon.icon-6{left:-75px}

}

@media only screen and (min-width: 1024px){.layer div.shortnews p.date.indicator{margin:0 28px 0 0}

.case-info p.description{margin:10px auto;max-width:900px}

.case-info ul.features{margin:0 auto 80px}

.case-info ul.facts{max-width:900px}

.case-info ul.facts li h4{font-size:92px}

.case-info ul.facts li h4 span.countup{font-size:80px}

.case-info ul.features li{padding:0 40px}

.case-info .videogallery div.content{height:576px}

.case-info .tilegallery ul{height:460px}

.case-info div.gallery .hint{height:201px;left:5px;position:absolute;top:40px}

.case-info#intro{height:768px}

.case-info#intro-2 p{max-width:900px}

.case-info#intro-2 .description{display:table;margin:30px auto 50px;width:80%}

.case-info#intro-2 .description p{padding-left:40px;text-align:left}

.case-info#intro-2 .description p.client{margin:0px 0px 0px 0px;width:320px}

.case-info#intro-2 .description p.client .lines{width:120px}

.case-info#quote{height:690px}

.page-about .case-info#kontakt{padding:100px 50px}

.page-about .case-info#kontakt .third{padding:0px 30px}

.page-about .case-info#kontakt .third.one{padding:0px 80px}

.page-about .case-info#intro-2 ul.features li{width:33%}

.page-about .case-info#intro-2 ul.features li span.icon.icon-6{left:-150px;background-size:90% 90%;background-position:100% 0}

.page-about .case-info#leistungen .hint{display:block}

.page-news.layer article.teaser{width:31%;margin:0px 1% 30px}

.gallery.screenshots{margin-bottom:80px}

.gallery.screenshots .hint{display:block;font-size:40px;line-height:38px}

.gallery.screenshots .hint span{margin-left:55px;margin-top:0px;-moz-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5);-webkit-transform:scale(0.5);transform:scale(0.5)}

div.bottomnav{height:450px}

div.bottomnav a.rotatelink span.rect,div.bottomnav a.rotatelink span.line{display:block}

div.bottomnav a.rotatelink span.rect{border:2px solid white;-moz-border-radius:2px;border-radius:2px;display:block;float:left;height:70px;-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-moz-transition:all 100ms ease-out 0s;-webkit-transition:all 100ms ease-out 0s;-o-transition:all 100ms ease-out 0s;-ms-transition:all 100ms ease-out 0s;transition:all 100ms ease-out 0s;width:70px;margin-top:0}

div.bottomnav a.rotatelink span.rect span{display:inline-block;font-size:28px;height:66px;line-height:66px;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);-moz-transition:all 100ms ease-out 0s;-webkit-transition:all 100ms ease-out 0s;-o-transition:all 100ms ease-out 0s;-ms-transition:all 100ms ease-out 0s;transition:all 100ms ease-out 0s;text-align:center;width:66px}

div.bottomnav a.rotatelink span.line{width:20px}

div.bottomnav a.rotatelink.left,div.bottomnav a.rotatelink.right{top:290px}

div.bottomnav a.rotatelink.left{left:50px}

div.bottomnav a.rotatelink.right{right:50px}

div.bottomnav a.rotatelink.top span.rect{width:70px;margin-left:51px}

div.bottomnav a.rotatelink.top span.text{margin-top:170px}

div.bottomnav a.rotatelink.top span.line{height:110px;top:110px}

div.bottomnav a.rotatelink.top:hover span.line{height:105px}

div.bottomnav a.rotatelink.top:hover span.text{margin-top:165px}

.blackout{position:fixed}

.blackout div.content div{margin:0 5%;width:40%}

.blackout div.content div.left{float:left;padding-top:5%}

.blackout div.content div.right{left:50%;position:absolute;top:35%}

body#error .page-error.layer .blackout{position:fixed}

}

@media only screen and (min-width: 1140px){#page-case-okkid .case-info#web-2 div.imagepuzzle ul{width:450px}

#page-case-okkid .case-info#web-2 div.imagepuzzle ul li+li{margin-top:73px}

#page-case-okkid .case-info#web-2 div.imagepuzzle ul .line{width:300px}

#page-case-okkid .case-info#web-2 div.imagepuzzle ul li.layer-2 .line{width:200px}

#page-case-okkid .case-info#web-2 div.imagepuzzle ul li.layer-3 .line{width:249px}

#page-case-okkid .case-info#web-2 div.imagepuzzle ul li.layer-4 .line{width:325px}

#page-case-okkid .case-info#web-2 div.imagepuzzle p{width:450px}

}

@media only screen and (min-width: 1280px){.layer{padding:57px 90px 0}

.gallery.screenshots .hint{display:block;font-size:65px;line-height:55px;width:220px}

.gallery.screenshots .hint span{margin-left:105px;margin-top:10px;-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}

.videogallery{margin:20px -90px 0}

.page-projects{padding:57px 0px 0px 0px}

.case div.bottomnav{margin:0px -90px;padding:0px 90px}

.case-info{margin:0 -90px;padding:100px 90px}

.case-info h3{font-size:85px;line-height:90px}

.case-info p.description{max-width:1000px}

.case-info ul.features{max-width:100%}

.case-info ul.facts{max-width:1150px}

.case-info .videogallery div.content{height:720px}

.case-info div.gallery{height:720px}

.case-info div.gallery.screenshots{height:540px}

.case-info div.gallery .hint{left:50px;top:40px}

.case-info .tilegallery ul{height:720px}

.case-info#intro{height:768px}

.case-info#intro-2{padding:90px 50px}

.case-info#intro-2 p{max-width:1000px}

.page-about .case-info#intro .bg{background-image:url(../img/page-01-bg.jpg)}

.page-about .case-info#intro-2 ul.features li span.icon.icon-6{background-image:url(../img/page-02-img.png);background-size:100% 100%;background-position:0 0;left:-100px}

.page-about .case-info#leistungen .hint{text-align:center;width:345px}

.page-about .case-info#leistungen .hint .arrow{left:80px}

.page-about .case-info#dunckelfist{height:853px}

.page-about .case-info#kontakt{padding:100px}

.page-about .case-info#kontakt .third{padding:0px 40px}

.page-about .case-info#kontakt .third.one{padding:0px 100px}

.page-about .case-info#kontakt .third.two{padding:0px 20px}

.page-about .case-info#kontakt .third.two p span{float:left;width:120px}

.page-newsdetails .layer{margin:0px}

div.bottomnav{margin:0 -90px;padding:0 90px}

div.bottomnav a.rotatelink.left{left:90px}

div.bottomnav a.rotatelink.right{right:90px}

div.bottomnav a.rotatelink span.line{width:70px}

}

@media only screen and (min-width: 1400px){#page-case-okkid .case-info#web-2 div.imagepuzzle ul{width:580px}

#page-case-okkid .case-info#web-2 div.imagepuzzle ul .line{width:380px}

#page-case-okkid .case-info#web-2 div.imagepuzzle ul li.layer-2 .line{width:433px}

#page-case-okkid .case-info#web-2 div.imagepuzzle ul li.layer-3 .line{width:438px}

#page-case-okkid .case-info#web-2 div.imagepuzzle ul li.layer-4 .line{width:428px}

#page-case-okkid .case-info#web-2 div.imagepuzzle p{right:610px;width:580px}

}

@media only screen and (min-width: 1441px){.page-projects .casecontainer ul.cases{height:620px}

.page-projects .casecontainer ul.cases.overview li.close{display:block;width:100px}

.page-projects .casecontainer ul.cases.overview li.close:hover{width:200px}

.page-projects .casecontainer ul.cases.overview li.case{height:620px;width:620px}

.page-projects .casecontainer ul.cases.overview li.case .title h2{font-size:150px;line-height:115px}

.page-projects .casecontainer ul.cases.overview li.case .title h2.threerows{font-size:100px;line-height:80px}

.page-projects .casecontainer ul.cases.overview li.case#case-zemo .title h2{line-height:89px}

.page-projects .casecontainer ul.cases.overview li.case#case-okkid h2{line-height:135px}

}

@media only screen and (max-width: 383px){#page-case-zemo .case-info#intro-2 ul.rotate li:last-child{margin-top:-39px}

}

@media only screen and (max-height: 320px){header .nav nav a{height:35px;line-height:35px}

header .nav nav#langnav{left:auto;right:110px}

}

@media only screen and (min-width: 410px){#page-case-zemo .case-info#intro .bg{background-position:center center}

}

@media only screen and (max-height: 600px) and (min-width: 768px){body.absolute{min-height:620px}

}

@media screen and (orientation: landscape){.Android #page-case-okkid .case-info#web-3 div.scheme img#caseinfo-08-scheme-02{-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}

.iPad #page-case-zemo .case-info#web-1 .ipad .videocontainer video{height:480px}

.iPad #page-case-okkid .case-info#ep-1 .ep img.cover{left:-10% !important}

.iPad #page-case-okkid .case-info#ep-1 .ep img.vinyl{left:40%}

.iPad #page-case-okkid .case-info#ep-1 .ep ul{right:12%}

.iPad #page-case-okkid .case-info#web-3 div.scheme img#caseinfo-08-scheme-02{-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}

}

@media screen and (orientation: portrait){.iPad #page-case-zemo .case-info#web-1 .ipad .videocontainer video{height:360px}

.iPad #page-case-okkid .case-info#web-3 div.scheme img#caseinfo-08-scheme-02{-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}

}

@-webkit-keyframes spaceboots{0%{-webkit-transform:translate(2px, 1px) rotate(0deg)}

10%{-webkit-transform:translate(-1px, -2px) rotate(-1deg)}

20%{-webkit-transform:translate(-3px, 0px) rotate(1deg)}

30%{-webkit-transform:translate(0px, 2px) rotate(0deg)}

40%{-webkit-transform:translate(1px, -1px) rotate(1deg)}

50%{-webkit-transform:translate(-1px, 2px) rotate(-1deg)}

60%{-webkit-transform:translate(-3px, 1px) rotate(0deg)}

70%{-webkit-transform:translate(2px, 1px) rotate(-1deg)}

80%{-webkit-transform:translate(-1px, -1px) rotate(1deg)}

90%{-webkit-transform:translate(2px, 2px) rotate(0deg)}

100%{-webkit-transform:translate(1px, -2px) rotate(-1deg)}

}

@-moz-keyframes spaceboots{0%{-moz-transform:translate(2px, 1px) rotate(0deg)}

10%{-moz-transform:translate(-1px, -2px) rotate(-1deg)}

20%{-moz-transform:translate(-3px, 0px) rotate(1deg)}

30%{-moz-transform:translate(0px, 2px) rotate(0deg)}

40%{-moz-transform:translate(1px, -1px) rotate(1deg)}

50%{-moz-transform:translate(-1px, 2px) rotate(-1deg)}

60%{-moz-transform:translate(-3px, 1px) rotate(0deg)}

70%{-moz-transform:translate(2px, 1px) rotate(-1deg)}

80%{-moz-transform:translate(-1px, -1px) rotate(1deg)}

90%{-moz-transform:translate(2px, 2px) rotate(0deg)}

100%{-moz-transform:translate(1px, -2px) rotate(-1deg)}

}

@-o-keyframes spaceboots{0%{-o-transform:translate(2px, 1px) rotate(0deg)}

10%{-o-transform:translate(-1px, -2px) rotate(-1deg)}

20%{-o-transform:translate(-3px, 0px) rotate(1deg)}

30%{-o-transform:translate(0px, 2px) rotate(0deg)}

40%{-o-transform:translate(1px, -1px) rotate(1deg)}

50%{-o-transform:translate(-1px, 2px) rotate(-1deg)}

60%{-o-transform:translate(-3px, 1px) rotate(0deg)}

70%{-o-transform:translate(2px, 1px) rotate(-1deg)}

80%{-o-transform:translate(-1px, -1px) rotate(1deg)}

90%{-o-transform:translate(2px, 2px) rotate(0deg)}

100%{-o-transform:translate(1px, -2px) rotate(-1deg)}

}

@-ms-keyframes spaceboots{0%{-ms-transform:translate(2px, 1px) rotate(0deg)}

10%{-ms-transform:translate(-1px, -2px) rotate(-1deg)}

20%{-ms-transform:translate(-3px, 0px) rotate(1deg)}

30%{-ms-transform:translate(0px, 2px) rotate(0deg)}

40%{-ms-transform:translate(1px, -1px) rotate(1deg)}

50%{-ms-transform:translate(-1px, 2px) rotate(-1deg)}

60%{-ms-transform:translate(-3px, 1px) rotate(0deg)}

70%{-ms-transform:translate(2px, 1px) rotate(-1deg)}

80%{-ms-transform:translate(-1px, -1px) rotate(1deg)}

90%{-ms-transform:translate(2px, 2px) rotate(0deg)}

100%{-ms-transform:translate(1px, -2px) rotate(-1deg)}

}

.shake{-webkit-animation-name:spaceboots;-webkit-animation-duration:0.8s;-webkit-transform-origin:50% 50%;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:spaceboots;-moz-animation-duration:0.8s;-moz-transform-origin:50% 50%;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-o-animation-name:spaceboots;-o-animation-duration:0.8s;-o-transform-origin:50% 50%;-o-animation-iteration-count:infinite;-o-animation-timing-function:linear;-ms-animation-name:spaceboots;-ms-animation-duration:0.8s;-ms-transform-origin:50% 50%;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear}

.shake{display:inline-block}

@-webkit-keyframes rubberband{0%{-webkit-transform:scale(1);transform:scale(1)}

30%{-webkit-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}

40%{-webkit-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}

60%{-webkit-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}

100%{-webkit-transform:scale(1);transform:scale(1)}

}

@keyframes rubberband{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}

30%{-webkit-transform:scaleX(1.25) scaleY(0.75);-ms-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}

40%{-webkit-transform:scaleX(0.75) scaleY(1.25);-ms-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}

60%{-webkit-transform:scaleX(1.15) scaleY(0.85);-ms-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}

100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}

}

.rubberband{-webkit-animation-name:rubberband;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-name:rubberband;animation-duration:1s;animation-fill-mode:both;animation-iteration-count:infinite;display:inline-block}

@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}

10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}

30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}

40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}

100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}

}

@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}

10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}

30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}

40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}

100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}

}

.tada{-webkit-animation-name:tada;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-name:tada;animation-duration:1s;animation-fill-mode:both;animation-iteration-count:infinite;display:inline-block}

@-webkit-keyframes flip{100%{-webkit-transform:rotateX(0deg);opacity:1}

}

@-moz-keyframes flip{100%{-moz-transform:rotateX(0deg);opacity:1}

}

@keyframes flip{100%{transform:rotateX(0deg);opacity:1}

}

@-moz-keyframes bounce{0%{bottom:-9px}

100%{bottom:2px}

}

@-webkit-keyframes bounce{0%{bottom:-9px}

100%{bottom:2px}

}

@keyframes bounce{0%{bottom:-9px}

100%{bottom:2px}

}

@-moz-keyframes smallbounce{0%{bottom:-5px}

100%{bottom:0px}

}

@-webkit-keyframes smallbounce{0%{bottom:-5px}

100%{bottom:0px}

}

@keyframes smallbounce{0%{bottom:-5px}

100%{bottom:0px}

}

@-moz-keyframes spin{0%{-moz-transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);-webkit-transform:rotateY(0);transform:rotateY(0)}

50%{-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}

100%{-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}

}

@-webkit-keyframes spin{0%{-moz-transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);-webkit-transform:rotateY(0);transform:rotateY(0)}

50%{-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}

100%{-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}

}

@keyframes spin{0%{-moz-transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);-webkit-transform:rotateY(0);transform:rotateY(0)}

50%{-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}

100%{-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}

}

.pt-page-fadeIn{opacity:0;-webkit-animation:fadeIn .7s ease-in-out both;-moz-animation:fadeIn .7s ease-in-out both;animation:fadeIn .7s ease-in-out both}

.pt-page-fadeOut{opacity:1;-webkit-animation:fadeOut .7s ease-in-out both;-moz-animation:fadeOut .7s ease-in-out both;animation:fadeOut .7s ease-in-out both}

@-webkit-keyframes fadeIn{to{opacity:1}

}

@-moz-keyframes fadeIn{to{opacity:1}

}

@keyframes fadeIn{to{opacity:1}

}

@-webkit-keyframes fadeOut{to{opacity:0}

}

@-moz-keyframes fadeOut{to{opacity:0}

}

@keyframes fadeOut{to{opacity:0}

}

@-webkit-keyframes cardflipoutopen{0%{-webkit-transform:rotateX(0deg) rotateY(0deg);opacity:1}

100%{-webkit-transform:rotateX(0deg) rotateY(180deg);opacity:1}

}

@-moz-keyframes cardflipoutopen{0%{-webkit-transform:rotateX(0deg) rotateY(0deg);opacity:1}

100%{-webkit-transform:rotateX(0deg) rotateY(180deg);opacity:1}

}

@keyframes cardflipoutopen{0%{-moz-transform:rotateX(0deg) rotateY(0deg);opacity:1}

100%{transform:rotateX(0deg) rotateY(180deg);opacity:1}

}

@-webkit-keyframes cardflipinopen{0%{-webkit-transform:rotateX(0deg) rotateY(-180deg);opacity:1}

100%{-webkit-transform:rotateX(0deg) rotateY(0deg);opacity:1}

}

@-moz-keyframes cardflipinopen{0%{-webkit-transform:rotateX(0deg) rotateY(-180deg);opacity:1}

100%{-webkit-transform:rotateX(0deg) rotateY(0deg);opacity:1}

}

@keyframes cardflipinopen{0%{-moz-transform:rotateX(0deg) rotateY(-180deg);opacity:1}

100%{transform:rotateX(0deg) rotateY(0deg);opacity:1}

}

@-webkit-keyframes cardflipinclose{0%{-webkit-transform:rotateX(0deg) rotateY(180deg);opacity:1}

100%{-webkit-transform:rotateX(0deg) rotateY(0deg);opacity:1}

}

@-moz-keyframes cardflipinclose{0%{-webkit-transform:rotateX(0deg) rotateY(180deg);opacity:1}

100%{-webkit-transform:rotateX(0deg) rotateY(0deg);opacity:1}

}

@keyframes cardflipinclose{0%{-moz-transform:rotateX(0deg) rotateY(180deg);opacity:1}

100%{transform:rotateX(0deg) rotateY(0deg);opacity:1}

}

@-webkit-keyframes cardflipoutclose{0%{-webkit-transform:rotateX(0deg) rotateY(0deg);opacity:1}

100%{-webkit-transform:rotateX(0deg) rotateY(-180deg);opacity:1}

}

@-moz-keyframes cardflipoutclose{0%{-webkit-transform:rotateX(0deg) rotateY(0deg);opacity:1}

100%{-webkit-transform:rotateX(0deg) rotateY(-180deg);opacity:1}

}

@keyframes cardflipoutclose{0%{-moz-transform:rotateX(0deg) rotateY(0deg);opacity:1}

100%{transform:rotateX(0deg) rotateY(-180deg);opacity:1}

}

.pt-page-moveToLeft{-webkit-animation:moveToLeft .6s ease both;-moz-animation:moveToLeft .6s ease both;animation:moveToLeft .6s ease both}

.pt-page-moveFromLeft{-webkit-animation:moveFromLeft .6s ease both;-moz-animation:moveFromLeft .6s ease both;animation:moveFromLeft .6s ease both}

.pt-page-moveToRight{-webkit-animation:moveToRight .6s ease both;-moz-animation:moveToRight .6s ease both;animation:moveToRight .6s ease both}

.pt-page-moveFromRight{-webkit-animation:moveFromRight .6s ease both;-moz-animation:moveFromRight .6s ease both;animation:moveFromRight .6s ease both}

.pt-page-moveToTop{-webkit-animation:moveToTop .6s ease both;-moz-animation:moveToTop .6s ease both;animation:moveToTop .6s ease both}

.pt-page-moveFromTop{-webkit-animation:moveFromTop .6s ease both;-moz-animation:moveFromTop .6s ease both;animation:moveFromTop .6s ease both}

.pt-page-moveToBottom{-webkit-animation:moveToBottom .6s ease both;-moz-animation:moveToBottom .6s ease both;animation:moveToBottom .6s ease both}

.pt-page-moveFromBottom{-webkit-animation:moveFromBottom .6s ease both;-moz-animation:moveFromBottom .6s ease both;animation:moveFromBottom .6s ease both}

.pt-page-fade{-webkit-animation:fade .7s ease both;-moz-animation:fade .7s ease both;animation:fade .7s ease both}

.pt-page-moveToLeftFade{-webkit-animation:moveToLeftFade .7s ease both;-moz-animation:moveToLeftFade .7s ease both;animation:moveToLeftFade .7s ease both}

.pt-page-moveFromLeftFade{-webkit-animation:moveFromLeftFade .7s ease both;-moz-animation:moveFromLeftFade .7s ease both;animation:moveFromLeftFade .7s ease both}

.pt-page-moveToRightFade{-webkit-animation:moveToRightFade .7s ease both;-moz-animation:moveToRightFade .7s ease both;animation:moveToRightFade .7s ease both}

.pt-page-moveFromRightFade{-webkit-animation:moveFromRightFade .7s ease both;-moz-animation:moveFromRightFade .7s ease both;animation:moveFromRightFade .7s ease both}

.pt-page-moveToTopFade{-webkit-animation:moveToTopFade .7s ease both;-moz-animation:moveToTopFade .7s ease both;animation:moveToTopFade .7s ease both}

.pt-page-moveFromTopFade{-webkit-animation:moveFromTopFade .7s ease both;-moz-animation:moveFromTopFade .7s ease both;animation:moveFromTopFade .7s ease both}

.pt-page-moveToBottomFade{-webkit-animation:moveToBottomFade .7s ease both;-moz-animation:moveToBottomFade .7s ease both;animation:moveToBottomFade .7s ease both}

.pt-page-moveFromBottomFade{-webkit-animation:moveFromBottomFade .7s ease both;-moz-animation:moveFromBottomFade .7s ease both;animation:moveFromBottomFade .7s ease both}

.pt-page-moveToLeftEasing{-webkit-animation:moveToLeft .7s ease-in-out both;-moz-animation:moveToLeft .7s ease-in-out both;animation:moveToLeft .7s ease-in-out both}

.pt-page-moveToRightEasing{-webkit-animation:moveToRight .7s ease-in-out both;-moz-animation:moveToRight .7s ease-in-out both;animation:moveToRight .7s ease-in-out both}

.pt-page-moveToTopEasing{-webkit-animation:moveToTop .7s ease-in-out both;-moz-animation:moveToTop .7s ease-in-out both;animation:moveToTop .7s ease-in-out both}

.pt-page-moveToBottomEasing{-webkit-animation:moveToBottom .7s ease-in-out both;-moz-animation:moveToBottom .7s ease-in-out both;animation:moveToBottom .7s ease-in-out both}

@-webkit-keyframes moveToLeft{to{-webkit-transform:translateX(-100%)}

}

@-moz-keyframes moveToLeft{to{-moz-transform:translateX(-100%)}

}

@keyframes moveToLeft{to{transform:translateX(-100%)}

}

@-webkit-keyframes moveFromLeft{from{-webkit-transform:translateX(-100%)}

}

@-moz-keyframes moveFromLeft{from{-moz-transform:translateX(-100%)}

}

@keyframes moveFromLeft{from{transform:translateX(-100%)}

}

@-webkit-keyframes moveToRight{to{-webkit-transform:translateX(100%)}

}

@-moz-keyframes moveToRight{to{-moz-transform:translateX(100%)}

}

@keyframes moveToRight{to{transform:translateX(100%)}

}

@-webkit-keyframes moveFromRight{from{-webkit-transform:translateX(100%)}

}

@-moz-keyframes moveFromRight{from{-moz-transform:translateX(100%)}

}

@keyframes moveFromRight{from{transform:translateX(100%)}

}

@-webkit-keyframes moveToTop{to{-webkit-transform:translateY(-100%)}

}

@-moz-keyframes moveToTop{to{-moz-transform:translateY(-100%)}

}

@keyframes moveToTop{to{transform:translateY(-100%)}

}

@-webkit-keyframes moveFromTop{from{-webkit-transform:translateY(-100%)}

}

@-moz-keyframes moveFromTop{from{-moz-transform:translateY(-100%)}

}

@keyframes moveFromTop{from{transform:translateY(-100%)}

}

@-webkit-keyframes moveToBottom{to{-webkit-transform:translateY(100%)}

}

@-moz-keyframes moveToBottom{to{-moz-transform:translateY(100%)}

}

@keyframes moveToBottom{to{transform:translateY(100%)}

}

@-webkit-keyframes moveFromBottom{from{-webkit-transform:translateY(100%)}

}

@-moz-keyframes moveFromBottom{from{-moz-transform:translateY(100%)}

}

@keyframes moveFromBottom{from{transform:translateY(100%)}

}

@-webkit-keyframes fade{to{opacity:0.3}

}

@-moz-keyframes fade{to{opacity:0.3}

}

@keyframes fade{to{opacity:0.3}

}

@-webkit-keyframes moveToLeftFade{to{opacity:0.3;-webkit-transform:translateX(-100%)}

}

@-moz-keyframes moveToLeftFade{to{opacity:0.3;-moz-transform:translateX(-100%)}

}

@keyframes moveToLeftFade{to{opacity:0.3;transform:translateX(-100%)}

}

@-webkit-keyframes moveFromLeftFade{from{opacity:0.3;-webkit-transform:translateX(-100%)}

}

@-moz-keyframes moveFromLeftFade{from{opacity:0.3;-moz-transform:translateX(-100%)}

}

@keyframes moveFromLeftFade{from{opacity:0.3;transform:translateX(-100%)}

}

@-webkit-keyframes moveToRightFade{to{opacity:0.3;-webkit-transform:translateX(100%)}

}

@-moz-keyframes moveToRightFade{to{opacity:0.3;-moz-transform:translateX(100%)}

}

@keyframes moveToRightFade{to{opacity:0.3;transform:translateX(100%)}

}

@-webkit-keyframes moveFromRightFade{from{opacity:0.3;-webkit-transform:translateX(100%)}

}

@-moz-keyframes moveFromRightFade{from{opacity:0.3;-moz-transform:translateX(100%)}

}

@keyframes moveFromRightFade{from{opacity:0.3;transform:translateX(100%)}

}

@-webkit-keyframes moveToTopFade{to{opacity:0.3;-webkit-transform:translateY(-100%)}

}

@-moz-keyframes moveToTopFade{to{opacity:0.3;-moz-transform:translateY(-100%)}

}

@keyframes moveToTopFade{to{opacity:0.3;transform:translateY(-100%)}

}

@-webkit-keyframes moveFromTopFade{from{opacity:0.3;-webkit-transform:translateY(-100%)}

}

@-moz-keyframes moveFromTopFade{from{opacity:0.3;-moz-transform:translateY(-100%)}

}

@keyframes moveFromTopFade{from{opacity:0.3;transform:translateY(-100%)}

}

@-webkit-keyframes moveToBottomFade{to{opacity:0.3;-webkit-transform:translateY(100%)}

}

@-moz-keyframes moveToBottomFade{to{opacity:0.3;-moz-transform:translateY(100%)}

}

@keyframes moveToBottomFade{to{opacity:0.3;transform:translateY(100%)}

}

@-webkit-keyframes moveFromBottomFade{from{opacity:0.3;-webkit-transform:translateY(100%)}

}

@-moz-keyframes moveFromBottomFade{from{opacity:0.3;-moz-transform:translateY(100%)}

}

@keyframes moveFromBottomFade{from{opacity:0.3;transform:translateY(100%)}

}

.pt-page-scaleDown{-webkit-animation:scaleDown .7s ease both;-moz-animation:scaleDown .7s ease both;animation:scaleDown .7s ease both}

.pt-page-scaleUp{-webkit-animation:scaleUp .7s ease both;-moz-animation:scaleUp .7s ease both;animation:scaleUp .7s ease both}

.pt-page-scaleUpDown{-webkit-animation:scaleUpDown .5s ease both;-moz-animation:scaleUpDown .5s ease both;animation:scaleUpDown .5s ease both}

.pt-page-scaleDownUp{-webkit-animation:scaleDownUp .5s ease both;-moz-animation:scaleDownUp .5s ease both;animation:scaleDownUp .5s ease both}

.pt-page-scaleDownCenter{-webkit-animation:scaleDownCenter .4s ease-in both;-moz-animation:scaleDownCenter .4s ease-in both;animation:scaleDownCenter .4s ease-in both}

.pt-page-scaleUpCenter{-webkit-animation:scaleUpCenter .4s ease-out both;-moz-animation:scaleUpCenter .4s ease-out both;animation:scaleUpCenter .4s ease-out both}

@-webkit-keyframes scaleDown{to{opacity:0;-webkit-transform:scale(0.8)}

}

@-moz-keyframes scaleDown{to{opacity:0;-moz-transform:scale(0.8)}

}

@keyframes scaleDown{to{opacity:0;transform:scale(0.8)}

}

@-webkit-keyframes scaleUp{from{opacity:0;-webkit-transform:scale(0.8)}

}

@-moz-keyframes scaleUp{from{opacity:0;-moz-transform:scale(0.8)}

}

@keyframes scaleUp{from{opacity:0;transform:scale(0.8)}

}

@-webkit-keyframes scaleUpDown{from{opacity:0;-webkit-transform:scale(1.2)}

}

@-moz-keyframes scaleUpDown{from{opacity:0;-moz-transform:scale(1.2)}

}

@keyframes scaleUpDown{from{opacity:0;transform:scale(1.2)}

}

@-webkit-keyframes scaleDownUp{to{opacity:0;-webkit-transform:scale(1.2)}

}

@-moz-keyframes scaleDownUp{to{opacity:0;-moz-transform:scale(1.2)}

}

@keyframes scaleDownUp{to{opacity:0;transform:scale(1.2)}

}

@-webkit-keyframes scaleDownCenter{to{opacity:0;-webkit-transform:scale(0.7)}

}

@-moz-keyframes scaleDownCenter{to{opacity:0;-moz-transform:scale(0.7)}

}

@keyframes scaleDownCenter{to{opacity:0;transform:scale(0.7)}

}

@-webkit-keyframes scaleUpCenter{from{opacity:0;-webkit-transform:scale(0.7)}

}

@-moz-keyframes scaleUpCenter{from{opacity:0;-moz-transform:scale(0.7)}

}

@keyframes scaleUpCenter{from{opacity:0;transform:scale(0.7)}

}

.pt-page-rotateRightSideFirst{-webkit-transform-origin:0% 50%;-webkit-animation:rotateRightSideFirst .8s both ease-in;-moz-transform-origin:0% 50%;-moz-animation:rotateRightSideFirst .8s both ease-in;transform-origin:0% 50%;animation:rotateRightSideFirst .8s both ease-in}

.pt-page-rotateLeftSideFirst{-webkit-transform-origin:100% 50%;-webkit-animation:rotateLeftSideFirst .8s both ease-in;-moz-transform-origin:100% 50%;-moz-animation:rotateLeftSideFirst .8s both ease-in;transform-origin:100% 50%;animation:rotateLeftSideFirst .8s both ease-in}

.pt-page-rotateTopSideFirst{-webkit-transform-origin:50% 100%;-webkit-animation:rotateTopSideFirst .8s both ease-in;-moz-transform-origin:50% 100%;-moz-animation:rotateTopSideFirst .8s both ease-in;transform-origin:50% 100%;animation:rotateTopSideFirst .8s both ease-in}

.pt-page-rotateBottomSideFirst{-webkit-transform-origin:50% 0%;-webkit-animation:rotateBottomSideFirst .8s both ease-in;-moz-transform-origin:50% 0%;-moz-animation:rotateBottomSideFirst .8s both ease-in;transform-origin:50% 0%;animation:rotateBottomSideFirst .8s both ease-in}

.pt-page-flipOutRight{-webkit-transform-origin:50% 50%;-webkit-animation:flipOutRight .5s both ease-in;-moz-transform-origin:50% 50%;-moz-animation:flipOutRight .5s both ease-in;transform-origin:50% 50%;animation:flipOutRight .5s both ease-in}

.pt-page-flipInLeft{-webkit-transform-origin:50% 50%;-webkit-animation:flipInLeft .5s both ease-out;-moz-transform-origin:50% 50%;-moz-animation:flipInLeft .5s both ease-out;transform-origin:50% 50%;animation:flipInLeft .5s both ease-out}

.pt-page-flipOutLeft{-webkit-transform-origin:50% 50%;-webkit-animation:flipOutLeft .5s both ease-in;-moz-transform-origin:50% 50%;-moz-animation:flipOutLeft .5s both ease-in;transform-origin:50% 50%;animation:flipOutLeft .5s both ease-in}

.pt-page-flipInRight{-webkit-transform-origin:50% 50%;-webkit-animation:flipInRight .5s both ease-out;-moz-transform-origin:50% 50%;-moz-animation:flipInRight .5s both ease-out;transform-origin:50% 50%;animation:flipInRight .5s both ease-out}

.pt-page-flipOutTop{-webkit-transform-origin:50% 50%;-webkit-animation:flipOutTop .5s both ease-in;-moz-transform-origin:50% 50%;-moz-animation:flipOutTop .5s both ease-in;transform-origin:50% 50%;animation:flipOutTop .5s both ease-in}

.pt-page-flipInBottom{-webkit-transform-origin:50% 50%;-webkit-animation:flipInBottom .5s both ease-out;-moz-transform-origin:50% 50%;-moz-animation:flipInBottom .5s both ease-out;transform-origin:50% 50%;animation:flipInBottom .5s both ease-out}

.pt-page-flipOutBottom{-webkit-transform-origin:50% 50%;-webkit-animation:flipOutBottom .5s both ease-in;-moz-transform-origin:50% 50%;-moz-animation:flipOutBottom .5s both ease-in;transform-origin:50% 50%;animation:flipOutBottom .5s both ease-in}

.pt-page-flipInTop{-webkit-transform-origin:50% 50%;-webkit-animation:flipInTop .5s both ease-out;-moz-transform-origin:50% 50%;-moz-animation:flipInTop .5s both ease-out;transform-origin:50% 50%;animation:flipInTop .5s both ease-out}

.pt-page-rotateFall{-webkit-transform-origin:0% 0%;-webkit-animation:rotateFall 1s both ease-in;-moz-transform-origin:0% 0%;-moz-animation:rotateFall 1s both ease-in;transform-origin:0% 0%;animation:rotateFall 1s both ease-in}

.pt-page-rotateOutNewspaper{-webkit-transform-origin:50% 50%;-webkit-animation:rotateOutNewspaper .5s both ease-in;-moz-transform-origin:50% 50%;-moz-animation:rotateOutNewspaper .5s both ease-in;transform-origin:50% 50%;animation:rotateOutNewspaper .5s both ease-in}

.pt-page-rotateInNewspaper{-webkit-transform-origin:50% 50%;-webkit-animation:rotateInNewspaper .5s both ease-out;-moz-transform-origin:50% 50%;-moz-animation:rotateInNewspaper .5s both ease-out;transform-origin:50% 50%;animation:rotateInNewspaper .5s both ease-out}

.pt-page-rotatePushLeft{-webkit-transform-origin:0% 50%;-webkit-animation:rotatePushLeft .8s both ease;-moz-transform-origin:0% 50%;-moz-animation:rotatePushLeft .8s both ease;transform-origin:0% 50%;animation:rotatePushLeft .8s both ease}

.pt-page-rotatePushRight{-webkit-transform-origin:100% 50%;-webkit-animation:rotatePushRight .8s both ease;-moz-transform-origin:100% 50%;-moz-animation:rotatePushRight .8s both ease;transform-origin:100% 50%;animation:rotatePushRight .8s both ease}

.pt-page-rotatePushTop{-webkit-transform-origin:50% 0%;-webkit-animation:rotatePushTop .8s both ease;-moz-transform-origin:50% 0%;-moz-animation:rotatePushTop .8s both ease;transform-origin:50% 0%;animation:rotatePushTop .8s both ease}

.pt-page-rotatePushBottom{-webkit-transform-origin:50% 100%;-webkit-animation:rotatePushBottom .8s both ease;-moz-transform-origin:50% 100%;-moz-animation:rotatePushBottom .8s both ease;transform-origin:50% 100%;animation:rotatePushBottom .8s both ease}

.pt-page-rotatePullRight{-webkit-transform-origin:100% 50%;-webkit-animation:rotatePullRight .5s both ease;-moz-transform-origin:100% 50%;-moz-animation:rotatePullRight .5s both ease;transform-origin:100% 50%;animation:rotatePullRight .5s both ease}

.pt-page-rotatePullLeft{-webkit-transform-origin:0% 50%;-webkit-animation:rotatePullLeft .5s both ease;-moz-transform-origin:0% 50%;-moz-animation:rotatePullLeft .5s both ease;transform-origin:0% 50%;animation:rotatePullLeft .5s both ease}

.pt-page-rotatePullTop{-webkit-transform-origin:50% 0%;-webkit-animation:rotatePullTop .5s both ease;-moz-transform-origin:50% 0%;-moz-animation:rotatePullTop .5s both ease;transform-origin:50% 0%;animation:rotatePullTop .5s both ease}

.pt-page-rotatePullBottom{-webkit-transform-origin:50% 100%;-webkit-animation:rotatePullBottom .5s both ease;-moz-transform-origin:50% 100%;-moz-animation:rotatePullBottom .5s both ease;transform-origin:50% 100%;animation:rotatePullBottom .5s both ease}

.pt-page-rotateFoldRight{-webkit-transform-origin:0% 50%;-webkit-animation:rotateFoldRight .7s both ease;-moz-transform-origin:0% 50%;-moz-animation:rotateFoldRight .7s both ease;transform-origin:0% 50%;animation:rotateFoldRight .7s both ease}

.pt-page-rotateFoldLeft{-webkit-transform-origin:100% 50%;-webkit-animation:rotateFoldLeft .7s both ease;-moz-transform-origin:100% 50%;-moz-animation:rotateFoldLeft .7s both ease;transform-origin:100% 50%;animation:rotateFoldLeft .7s both ease}

.pt-page-rotateFoldTop{-webkit-transform-origin:50% 100%;-webkit-animation:rotateFoldTop .7s both ease;-moz-transform-origin:50% 100%;-moz-animation:rotateFoldTop .7s both ease;transform-origin:50% 100%;animation:rotateFoldTop .7s both ease}

.pt-page-rotateFoldBottom{-webkit-transform-origin:50% 0%;-webkit-animation:rotateFoldBottom .7s both ease;-moz-transform-origin:50% 0%;-moz-animation:rotateFoldBottom .7s both ease;transform-origin:50% 0%;animation:rotateFoldBottom .7s both ease}

.pt-page-rotateUnfoldLeft{-webkit-transform-origin:100% 50%;-webkit-animation:rotateUnfoldLeft .7s both ease;-moz-transform-origin:100% 50%;-moz-animation:rotateUnfoldLeft .7s both ease;transform-origin:100% 50%;animation:rotateUnfoldLeft .7s both ease}

.pt-page-rotateUnfoldRight{-webkit-transform-origin:0% 50%;-webkit-animation:rotateUnfoldRight .7s both ease;-moz-transform-origin:0% 50%;-moz-animation:rotateUnfoldRight .7s both ease;transform-origin:0% 50%;animation:rotateUnfoldRight .7s both ease}

.pt-page-rotateUnfoldTop{-webkit-transform-origin:50% 100%;-webkit-animation:rotateUnfoldTop .7s both ease;-moz-transform-origin:50% 100%;-moz-animation:rotateUnfoldTop .7s both ease;transform-origin:50% 100%;animation:rotateUnfoldTop .7s both ease}

.pt-page-rotateUnfoldBottom{-webkit-transform-origin:50% 0%;-webkit-animation:rotateUnfoldBottom .7s both ease;-moz-transform-origin:50% 0%;-moz-animation:rotateUnfoldBottom .7s both ease;transform-origin:50% 0%;animation:rotateUnfoldBottom .7s both ease}

.pt-page-rotateRoomLeftOut{-webkit-transform-origin:100% 50%;-webkit-animation:rotateRoomLeftOut .8s both ease;-moz-transform-origin:100% 50%;-moz-animation:rotateRoomLeftOut .8s both ease;transform-origin:100% 50%;animation:rotateRoomLeftOut .8s both ease}

.pt-page-rotateRoomLeftIn{-webkit-transform-origin:0% 50%;-webkit-animation:rotateRoomLeftIn .8s both ease;-moz-transform-origin:0% 50%;-moz-animation:rotateRoomLeftIn .8s both ease;transform-origin:0% 50%;animation:rotateRoomLeftIn .8s both ease}

.pt-page-rotateRoomRightOut{-webkit-transform-origin:0% 50%;-webkit-animation:rotateRoomRightOut .8s both ease;-moz-transform-origin:0% 50%;-moz-animation:rotateRoomRightOut .8s both ease;transform-origin:0% 50%;animation:rotateRoomRightOut .8s both ease}

.pt-page-rotateRoomRightIn{-webkit-transform-origin:100% 50%;-webkit-animation:rotateRoomRightIn .8s both ease;-moz-transform-origin:100% 50%;-moz-animation:rotateRoomRightIn .8s both ease;transform-origin:100% 50%;animation:rotateRoomRightIn .8s both ease}

.pt-page-rotateRoomTopOut{-webkit-transform-origin:50% 100%;-webkit-animation:rotateRoomTopOut .8s both ease;-moz-transform-origin:50% 100%;-moz-animation:rotateRoomTopOut .8s both ease;transform-origin:50% 100%;animation:rotateRoomTopOut .8s both ease}

.pt-page-rotateRoomTopIn{-webkit-transform-origin:50% 0%;-webkit-animation:rotateRoomTopIn .8s both ease;-moz-transform-origin:50% 0%;-moz-animation:rotateRoomTopIn .8s both ease;transform-origin:50% 0%;animation:rotateRoomTopIn .8s both ease}

.pt-page-rotateRoomBottomOut{-webkit-transform-origin:50% 0%;-webkit-animation:rotateRoomBottomOut .8s both ease;-moz-transform-origin:50% 0%;-moz-animation:rotateRoomBottomOut .8s both ease;transform-origin:50% 0%;animation:rotateRoomBottomOut .8s both ease}

.pt-page-rotateRoomBottomIn{-webkit-transform-origin:50% 100%;-webkit-animation:rotateRoomBottomIn .8s both ease;-moz-transform-origin:50% 100%;-moz-animation:rotateRoomBottomIn .8s both ease;transform-origin:50% 100%;animation:rotateRoomBottomIn .8s both ease}

.pt-page-rotateCubeLeftOut{-webkit-transform-origin:100% 50%;-webkit-animation:rotateCubeLeftOut .6s both ease-in;-moz-transform-origin:100% 50%;-moz-animation:rotateCubeLeftOut .6s both ease-in;transform-origin:100% 50%;animation:rotateCubeLeftOut .6s both ease-in}

.pt-page-rotateCubeLeftIn{-webkit-transform-origin:0% 50%;-webkit-animation:rotateCubeLeftIn .6s both ease-in;-moz-transform-origin:0% 50%;-moz-animation:rotateCubeLeftIn .6s both ease-in;transform-origin:0% 50%;animation:rotateCubeLeftIn .6s both ease-in}

.pt-page-rotateCubeRightOut{-webkit-transform-origin:0% 50%;-webkit-animation:rotateCubeRightOut .6s both ease-in;-moz-transform-origin:0% 50%;-moz-animation:rotateCubeRightOut .6s both ease-in;transform-origin:0% 50%;animation:rotateCubeRightOut .6s both ease-in}

.pt-page-rotateCubeRightIn{-webkit-transform-origin:100% 50%;-webkit-animation:rotateCubeRightIn .6s both ease-in;-moz-transform-origin:100% 50%;-moz-animation:rotateCubeRightIn .6s both ease-in;transform-origin:100% 50%;animation:rotateCubeRightIn .6s both ease-in}

.pt-page-rotateCubeTopOut{-webkit-transform-origin:50% 100%;-webkit-animation:rotateCubeTopOut .6s both ease-in;-moz-transform-origin:50% 100%;-moz-animation:rotateCubeTopOut .6s both ease-in;transform-origin:50% 100%;animation:rotateCubeTopOut .6s both ease-in}

.pt-page-rotateCubeTopIn{-webkit-transform-origin:50% 0%;-webkit-animation:rotateCubeTopIn .6s both ease-in;-moz-transform-origin:50% 0%;-moz-animation:rotateCubeTopIn .6s both ease-in;transform-origin:50% 0%;animation:rotateCubeTopIn .6s both ease-in}

.pt-page-rotateCubeBottomOut{-webkit-transform-origin:50% 0%;-webkit-animation:rotateCubeBottomOut .6s both ease-in;-moz-transform-origin:50% 0%;-moz-animation:rotateCubeBottomOut .6s both ease-in;transform-origin:50% 0%;animation:rotateCubeBottomOut .6s both ease-in}

.pt-page-rotateCubeBottomIn{-webkit-transform-origin:50% 100%;-webkit-animation:rotateCubeBottomIn .6s both ease-in;-moz-transform-origin:50% 100%;-moz-animation:rotateCubeBottomIn .6s both ease-in;transform-origin:50% 100%;animation:rotateCubeBottomIn .6s both ease-in}

.pt-page-rotateCarouselLeftOut{-webkit-transform-origin:100% 50%;-webkit-animation:rotateCarouselLeftOut .8s both ease;-moz-transform-origin:100% 50%;-moz-animation:rotateCarouselLeftOut .8s both ease;transform-origin:100% 50%;animation:rotateCarouselLeftOut .8s both ease}

.pt-page-rotateCarouselLeftIn{-webkit-transform-origin:0% 50%;-webkit-animation:rotateCarouselLeftIn .8s both ease;-moz-transform-origin:0% 50%;-moz-animation:rotateCarouselLeftIn .8s both ease;transform-origin:0% 50%;animation:rotateCarouselLeftIn .8s both ease}

.pt-page-rotateCarouselRightOut{-webkit-transform-origin:0% 50%;-webkit-animation:rotateCarouselRightOut .8s both ease;-moz-transform-origin:0% 50%;-moz-animation:rotateCarouselRightOut .8s both ease;transform-origin:0% 50%;animation:rotateCarouselRightOut .8s both ease}

.pt-page-rotateCarouselRightIn{-webkit-transform-origin:100% 50%;-webkit-animation:rotateCarouselRightIn .8s both ease;-moz-transform-origin:100% 50%;-moz-animation:rotateCarouselRightIn .8s both ease;transform-origin:100% 50%;animation:rotateCarouselRightIn .8s both ease}

.pt-page-rotateCarouselTopOut{-webkit-transform-origin:50% 100%;-webkit-animation:rotateCarouselTopOut .8s both ease;-moz-transform-origin:50% 100%;-moz-animation:rotateCarouselTopOut .8s both ease;transform-origin:50% 100%;animation:rotateCarouselTopOut .8s both ease}

.pt-page-rotateCarouselTopIn{-webkit-transform-origin:50% 0%;-webkit-animation:rotateCarouselTopIn .8s both ease;-moz-transform-origin:50% 0%;-moz-animation:rotateCarouselTopIn .8s both ease;transform-origin:50% 0%;animation:rotateCarouselTopIn .8s both ease}

.pt-page-rotateCarouselBottomOut{-webkit-transform-origin:50% 0%;-webkit-animation:rotateCarouselBottomOut .8s both ease;-moz-transform-origin:50% 0%;-moz-animation:rotateCarouselBottomOut .8s both ease;transform-origin:50% 0%;animation:rotateCarouselBottomOut .8s both ease}

.pt-page-rotateCarouselBottomIn{-webkit-transform-origin:50% 100%;-webkit-animation:rotateCarouselBottomIn .8s both ease;-moz-transform-origin:50% 100%;-moz-animation:rotateCarouselBottomIn .8s both ease;transform-origin:50% 100%;animation:rotateCarouselBottomIn .8s both ease}

.pt-page-rotateSidesOut{-webkit-transform-origin:-50% 50%;-webkit-animation:rotateSidesOut .5s both ease-in;-moz-transform-origin:-50% 50%;-moz-animation:rotateSidesOut .5s both ease-in;transform-origin:-50% 50%;animation:rotateSidesOut .5s both ease-in}

.pt-page-rotateSidesIn{-webkit-transform-origin:150% 50%;-webkit-animation:rotateSidesIn .5s both ease-out;-moz-transform-origin:150% 50%;-moz-animation:rotateSidesIn .5s both ease-out;transform-origin:150% 50%;animation:rotateSidesIn .5s both ease-out}

.pt-page-rotateSlideOut{-webkit-animation:rotateSlideOut 1s both ease;-moz-animation:rotateSlideOut 1s both ease;animation:rotateSlideOut 1s both ease}

.pt-page-rotateSlideIn{-webkit-animation:rotateSlideIn 1s both ease;-moz-animation:rotateSlideIn 1s both ease;animation:rotateSlideIn 1s both ease}

@-webkit-keyframes rotateRightSideFirst{40%{-webkit-transform:rotateY(15deg);opacity:.8;-webkit-animation-timing-function:ease-out}

100%{-webkit-transform:scale(0.8) translateZ(-200px);opacity:0}

}

@-moz-keyframes rotateRightSideFirst{40%{-moz-transform:rotateY(15deg);opacity:.8;-moz-animation-timing-function:ease-out}

100%{-moz-transform:scale(0.8) translateZ(-200px);opacity:0}

}

@keyframes rotateRightSideFirst{40%{transform:rotateY(15deg);opacity:.8;animation-timing-function:ease-out}

100%{transform:scale(0.8) translateZ(-200px);opacity:0}

}

@-webkit-keyframes rotateLeftSideFirst{40%{-webkit-transform:rotateY(-15deg);opacity:.8;-webkit-animation-timing-function:ease-out}

100%{-webkit-transform:scale(0.8) translateZ(-200px);opacity:0}

}

@-moz-keyframes rotateLeftSideFirst{40%{-moz-transform:rotateY(-15deg);opacity:.8;-moz-animation-timing-function:ease-out}

100%{-moz-transform:scale(0.8) translateZ(-200px);opacity:0}

}

@keyframes rotateLeftSideFirst{40%{transform:rotateY(-15deg);opacity:.8;animation-timing-function:ease-out}

100%{transform:scale(0.8) translateZ(-200px);opacity:0}

}

@-webkit-keyframes rotateTopSideFirst{40%{-webkit-transform:rotateX(15deg);opacity:.8;-webkit-animation-timing-function:ease-out}

100%{-webkit-transform:scale(0.8) translateZ(-200px);opacity:0}

}

@-moz-keyframes rotateTopSideFirst{40%{-moz-transform:rotateX(15deg);opacity:.8;-moz-animation-timing-function:ease-out}

100%{-moz-transform:scale(0.8) translateZ(-200px);opacity:0}

}

@keyframes rotateTopSideFirst{40%{transform:rotateX(15deg);opacity:.8;animation-timing-function:ease-out}

100%{transform:scale(0.8) translateZ(-200px);opacity:0}

}

@-webkit-keyframes rotateBottomSideFirst{40%{-webkit-transform:rotateX(-15deg);opacity:.8;-webkit-animation-timing-function:ease-out}

100%{-webkit-transform:scale(0.8) translateZ(-200px);opacity:0}

}

@-moz-keyframes rotateBottomSideFirst{40%{-moz-transform:rotateX(-15deg);opacity:.8;-moz-animation-timing-function:ease-out}

100%{-moz-transform:scale(0.8) translateZ(-200px);opacity:0}

}

@keyframes rotateBottomSideFirst{40%{transform:rotateX(-15deg);opacity:.8;animation-timing-function:ease-out}

100%{transform:scale(0.8) translateZ(-200px);opacity:0}

}

@-webkit-keyframes flipOutRight{to{-webkit-transform:translateZ(-1000px) rotateY(90deg);opacity:0.2}

}

@-moz-keyframes flipOutRight{to{-moz-transform:translateZ(-1000px) rotateY(90deg);opacity:0.2}

}

@keyframes flipOutRight{to{transform:translateZ(-1000px) rotateY(90deg);opacity:0.2}

}

@-webkit-keyframes flipInLeft{from{-webkit-transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2}

}

@-moz-keyframes flipInLeft{from{-moz-transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2}

}

@keyframes flipInLeft{from{transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2}

}

@-webkit-keyframes flipOutLeft{to{-webkit-transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2}

}

@-moz-keyframes flipOutLeft{to{-moz-transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2}

}

@keyframes flipOutLeft{to{transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2}

}

@-webkit-keyframes flipInRight{from{-webkit-transform:translateZ(-1000px) rotateY(90deg);opacity:0.2}

}

@-moz-keyframes flipInRight{from{-moz-transform:translateZ(-1000px) rotateY(90deg);opacity:0.2}

}

@keyframes flipInRight{from{transform:translateZ(-1000px) rotateY(90deg);opacity:0.2}

}

@-webkit-keyframes flipOutTop{to{-webkit-transform:translateZ(-1000px) rotateX(90deg);opacity:0.2}

}

@-moz-keyframes flipOutTop{to{-moz-transform:translateZ(-1000px) rotateX(90deg);opacity:0.2}

}

@keyframes flipOutTop{to{transform:translateZ(-1000px) rotateX(90deg);opacity:0.2}

}

@-webkit-keyframes flipInBottom{from{-webkit-transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2}

}

@-moz-keyframes flipInBottom{from{-moz-transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2}

}

@keyframes flipInBottom{from{transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2}

}

@-webkit-keyframes flipOutBottom{to{-webkit-transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2}

}

@-moz-keyframes flipOutBottom{to{-moz-transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2}

}

@keyframes flipOutBottom{to{transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2}

}

@-webkit-keyframes flipInTop{from{-webkit-transform:translateZ(-1000px) rotateX(90deg);opacity:0.2}

}

@-moz-keyframes flipInTop{from{-moz-transform:translateZ(-1000px) rotateX(90deg);opacity:0.2}

}

@keyframes flipInTop{from{transform:translateZ(-1000px) rotateX(90deg);opacity:0.2}

}

@-webkit-keyframes rotateFall{0%{-webkit-transform:rotateZ(0deg)}

20%{-webkit-transform:rotateZ(10deg);-webkit-animation-timing-function:ease-out}

40%{-webkit-transform:rotateZ(17deg)}

60%{-webkit-transform:rotateZ(16deg)}

100%{-webkit-transform:translateY(100%) rotateZ(17deg)}

}

@-moz-keyframes rotateFall{0%{-moz-transform:rotateZ(0deg)}

20%{-moz-transform:rotateZ(10deg);-moz-animation-timing-function:ease-out}

40%{-moz-transform:rotateZ(17deg)}

60%{-moz-transform:rotateZ(16deg)}

100%{-moz-transform:translateY(100%) rotateZ(17deg)}

}

@keyframes rotateFall{0%{transform:rotateZ(0deg)}

20%{transform:rotateZ(10deg);animation-timing-function:ease-out}

40%{transform:rotateZ(17deg)}

60%{transform:rotateZ(16deg)}

100%{transform:translateY(100%) rotateZ(17deg)}

}

@-webkit-keyframes rotateOutNewspaper{to{-webkit-transform:translateZ(-3000px) rotateZ(360deg);opacity:0}

}

@-moz-keyframes rotateOutNewspaper{to{-moz-transform:translateZ(-3000px) rotateZ(360deg);opacity:0}

}

@keyframes rotateOutNewspaper{to{transform:translateZ(-3000px) rotateZ(360deg);opacity:0}

}

@-webkit-keyframes rotateInNewspaper{from{-webkit-transform:translateZ(-3000px) rotateZ(-360deg);opacity:0}

}

@-moz-keyframes rotateInNewspaper{from{-moz-transform:translateZ(-3000px) rotateZ(-360deg);opacity:0}

}

@keyframes rotateInNewspaper{from{transform:translateZ(-3000px) rotateZ(-360deg);opacity:0}

}

@-webkit-keyframes rotatePushLeft{to{opacity:0;-webkit-transform:rotateY(90deg)}

}

@-moz-keyframes rotatePushLeft{to{opacity:0;-moz-transform:rotateY(90deg)}

}

@keyframes rotatePushLeft{to{opacity:0;transform:rotateY(90deg)}

}

@-webkit-keyframes rotatePushRight{to{opacity:0;-webkit-transform:rotateY(-90deg)}

}

@-moz-keyframes rotatePushRight{to{opacity:0;-moz-transform:rotateY(-90deg)}

}

@keyframes rotatePushRight{to{opacity:0;transform:rotateY(-90deg)}

}

@-webkit-keyframes rotatePushTop{to{opacity:0;-webkit-transform:rotateX(-90deg)}

}

@-moz-keyframes rotatePushTop{to{opacity:0;-moz-transform:rotateX(-90deg)}

}

@keyframes rotatePushTop{to{opacity:0;transform:rotateX(-90deg)}

}

@-webkit-keyframes rotatePushBottom{to{opacity:0;-webkit-transform:rotateX(90deg)}

}

@-moz-keyframes rotatePushBottom{to{opacity:0;-moz-transform:rotateX(90deg)}

}

@keyframes rotatePushBottom{to{opacity:0;transform:rotateX(90deg)}

}

@-webkit-keyframes rotatePullRight{from{opacity:0;-webkit-transform:rotateY(-90deg)}

}

@-moz-keyframes rotatePullRight{from{opacity:0;-moz-transform:rotateY(-90deg)}

}

@keyframes rotatePullRight{from{opacity:0;transform:rotateY(-90deg)}

}

@-webkit-keyframes rotatePullLeft{from{opacity:0;-webkit-transform:rotateY(90deg)}

}

@-moz-keyframes rotatePullLeft{from{opacity:0;-moz-transform:rotateY(90deg)}

}

@keyframes rotatePullLeft{from{opacity:0;transform:rotateY(90deg)}

}

@-webkit-keyframes rotatePullTop{from{opacity:0;-webkit-transform:rotateX(-90deg)}

}

@-moz-keyframes rotatePullTop{from{opacity:0;-moz-transform:rotateX(-90deg)}

}

@keyframes rotatePullTop{from{opacity:0;transform:rotateX(-90deg)}

}

@-webkit-keyframes rotatePullBottom{from{opacity:0;-webkit-transform:rotateX(90deg)}

}

@-moz-keyframes rotatePullBottom{from{opacity:0;-moz-transform:rotateX(90deg)}

}

@keyframes rotatePullBottom{from{opacity:0;transform:rotateX(90deg)}

}

@-webkit-keyframes rotateFoldRight{to{opacity:0;-webkit-transform:translateX(100%) rotateY(90deg)}

}

@-moz-keyframes rotateFoldRight{to{opacity:0;-moz-transform:translateX(100%) rotateY(90deg)}

}

@keyframes rotateFoldRight{to{opacity:0;transform:translateX(100%) rotateY(90deg)}

}

@-webkit-keyframes rotateFoldLeft{to{opacity:0;-webkit-transform:translateX(-100%) rotateY(-90deg)}

}

@-moz-keyframes rotateFoldLeft{to{opacity:0;-moz-transform:translateX(-100%) rotateY(-90deg)}

}

@keyframes rotateFoldLeft{to{opacity:0;transform:translateX(-100%) rotateY(-90deg)}

}

@-webkit-keyframes rotateFoldTop{to{opacity:0;-webkit-transform:translateY(-100%) rotateX(90deg)}

}

@-moz-keyframes rotateFoldTop{to{opacity:0;-moz-transform:translateY(-100%) rotateX(90deg)}

}

@keyframes rotateFoldTop{to{opacity:0;transform:translateY(-100%) rotateX(90deg)}

}

@-webkit-keyframes rotateFoldBottom{to{opacity:0;-webkit-transform:translateY(100%) rotateX(-90deg)}

}

@-moz-keyframes rotateFoldBottom{to{opacity:0;-moz-transform:translateY(100%) rotateX(-90deg)}

}

@keyframes rotateFoldBottom{to{opacity:0;transform:translateY(100%) rotateX(-90deg)}

}

@-webkit-keyframes rotateUnfoldLeft{from{opacity:0;-webkit-transform:translateX(-100%) rotateY(-90deg)}

}

@-moz-keyframes rotateUnfoldLeft{from{opacity:0;-moz-transform:translateX(-100%) rotateY(-90deg)}

}

@keyframes rotateUnfoldLeft{from{opacity:0;transform:translateX(-100%) rotateY(-90deg)}

}

@-webkit-keyframes rotateUnfoldRight{from{opacity:0;-webkit-transform:translateX(100%) rotateY(90deg)}

}

@-moz-keyframes rotateUnfoldRight{from{opacity:0;-moz-transform:translateX(100%) rotateY(90deg)}

}

@keyframes rotateUnfoldRight{from{opacity:0;transform:translateX(100%) rotateY(90deg)}

}

@-webkit-keyframes rotateUnfoldTop{from{opacity:0;-webkit-transform:translateY(-100%) rotateX(90deg)}

}

@-moz-keyframes rotateUnfoldTop{from{opacity:0;-moz-transform:translateY(-100%) rotateX(90deg)}

}

@keyframes rotateUnfoldTop{from{opacity:0;transform:translateY(-100%) rotateX(90deg)}

}

@-webkit-keyframes rotateUnfoldBottom{from{opacity:0;-webkit-transform:translateY(100%) rotateX(-90deg)}

}

@-moz-keyframes rotateUnfoldBottom{from{opacity:0;-moz-transform:translateY(100%) rotateX(-90deg)}

}

@keyframes rotateUnfoldBottom{from{opacity:0;transform:translateY(100%) rotateX(-90deg)}

}

@-webkit-keyframes rotateRoomLeftOut{to{opacity:.3;-webkit-transform:translateX(-100%) rotateY(90deg)}

}

@-moz-keyframes rotateRoomLeftOut{to{opacity:.3;-moz-transform:translateX(-100%) rotateY(90deg)}

}

@keyframes rotateRoomLeftOut{to{opacity:.3;transform:translateX(-100%) rotateY(90deg)}

}

@-webkit-keyframes rotateRoomLeftIn{from{opacity:.3;-webkit-transform:translateX(100%) rotateY(-90deg)}

}

@-moz-keyframes rotateRoomLeftIn{from{opacity:.3;-moz-transform:translateX(100%) rotateY(-90deg)}

}

@keyframes rotateRoomLeftIn{from{opacity:.3;transform:translateX(100%) rotateY(-90deg)}

}

@-webkit-keyframes rotateRoomRightOut{to{opacity:.3;-webkit-transform:translateX(100%) rotateY(-90deg)}

}

@-moz-keyframes rotateRoomRightOut{to{opacity:.3;-moz-transform:translateX(100%) rotateY(-90deg)}

}

@keyframes rotateRoomRightOut{to{opacity:.3;transform:translateX(100%) rotateY(-90deg)}

}

@-webkit-keyframes rotateRoomRightIn{from{opacity:.3;-webkit-transform:translateX(-100%) rotateY(90deg)}

}

@-moz-keyframes rotateRoomRightIn{from{opacity:.3;-moz-transform:translateX(-100%) rotateY(90deg)}

}

@keyframes rotateRoomRightIn{from{opacity:.3;transform:translateX(-100%) rotateY(90deg)}

}

@-webkit-keyframes rotateRoomTopOut{to{opacity:.3;-webkit-transform:translateY(-100%) rotateX(-90deg)}

}

@-moz-keyframes rotateRoomTopOut{to{opacity:.3;-moz-transform:translateY(-100%) rotateX(-90deg)}

}

@keyframes rotateRoomTopOut{to{opacity:.3;transform:translateY(-100%) rotateX(-90deg)}

}

@-webkit-keyframes rotateRoomTopIn{from{opacity:.3;-webkit-transform:translateY(100%) rotateX(90deg)}

}

@-moz-keyframes rotateRoomTopIn{from{opacity:.3;-moz-transform:translateY(100%) rotateX(90deg)}

}

@keyframes rotateRoomTopIn{from{opacity:.3;transform:translateY(100%) rotateX(90deg)}

}

@-webkit-keyframes rotateRoomBottomOut{to{opacity:.3;-webkit-transform:translateY(100%) rotateX(90deg)}

}

@-moz-keyframes rotateRoomBottomOut{to{opacity:.3;-moz-transform:translateY(100%) rotateX(90deg)}

}

@keyframes rotateRoomBottomOut{to{opacity:.3;transform:translateY(100%) rotateX(90deg)}

}

@-webkit-keyframes rotateRoomBottomIn{from{opacity:.3;-webkit-transform:translateY(-100%) rotateX(-90deg)}

}

@-moz-keyframes rotateRoomBottomIn{from{opacity:.3;-moz-transform:translateY(-100%) rotateX(-90deg)}

}

@keyframes rotateRoomBottomIn{from{opacity:.3;transform:translateY(-100%) rotateX(-90deg)}

}

@-webkit-keyframes rotateCubeLeftOut{50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg)}

100%{opacity:.3;-webkit-transform:translateX(-100%) rotateY(-90deg)}

}

@-moz-keyframes rotateCubeLeftOut{50%{-moz-animation-timing-function:ease-out;-moz-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg)}

100%{opacity:.3;-moz-transform:translateX(-100%) rotateY(-90deg)}

}

@keyframes rotateCubeLeftOut{50%{animation-timing-function:ease-out;transform:translateX(-50%) translateZ(-200px) rotateY(-45deg)}

100%{opacity:.3;transform:translateX(-100%) rotateY(-90deg)}

}

@-webkit-keyframes rotateCubeLeftIn{0%{opacity:.3;-webkit-transform:translateX(100%) rotateY(90deg)}

50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateX(50%) translateZ(-200px) rotateY(45deg)}

}

@-moz-keyframes rotateCubeLeftIn{0%{opacity:.3;-moz-transform:translateX(100%) rotateY(90deg)}

50%{-moz-animation-timing-function:ease-out;-moz-transform:translateX(50%) translateZ(-200px) rotateY(45deg)}

}

@keyframes rotateCubeLeftIn{0%{opacity:.3;transform:translateX(100%) rotateY(90deg)}

50%{animation-timing-function:ease-out;transform:translateX(50%) translateZ(-200px) rotateY(45deg)}

}

@-webkit-keyframes rotateCubeRightOut{50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateX(50%) translateZ(-200px) rotateY(45deg)}

100%{opacity:.3;-webkit-transform:translateX(100%) rotateY(90deg)}

}

@-moz-keyframes rotateCubeRightOut{50%{-moz-animation-timing-function:ease-out;-moz-transform:translateX(50%) translateZ(-200px) rotateY(45deg)}

100%{opacity:.3;-moz-transform:translateX(100%) rotateY(90deg)}

}

@keyframes rotateCubeRightOut{50%{animation-timing-function:ease-out;transform:translateX(50%) translateZ(-200px) rotateY(45deg)}

100%{opacity:.3;transform:translateX(100%) rotateY(90deg)}

}

@-webkit-keyframes rotateCubeRightIn{0%{opacity:.3;-webkit-transform:translateX(-100%) rotateY(-90deg)}

50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg)}

}

@-moz-keyframes rotateCubeRightIn{0%{opacity:.3;-moz-transform:translateX(-100%) rotateY(-90deg)}

50%{-moz-animation-timing-function:ease-out;-moz-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg)}

}

@keyframes rotateCubeRightIn{0%{opacity:.3;transform:translateX(-100%) rotateY(-90deg)}

50%{animation-timing-function:ease-out;transform:translateX(-50%) translateZ(-200px) rotateY(-45deg)}

}

@-webkit-keyframes rotateCubeTopOut{50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateY(-50%) translateZ(-200px) rotateX(45deg)}

100%{opacity:.3;-webkit-transform:translateY(-100%) rotateX(90deg)}

}

@-moz-keyframes rotateCubeTopOut{50%{-moz-animation-timing-function:ease-out;-moz-transform:translateY(-50%) translateZ(-200px) rotateX(45deg)}

100%{opacity:.3;-moz-transform:translateY(-100%) rotateX(90deg)}

}

@keyframes rotateCubeTopOut{50%{animation-timing-function:ease-out;transform:translateY(-50%) translateZ(-200px) rotateX(45deg)}

100%{opacity:.3;transform:translateY(-100%) rotateX(90deg)}

}

@-webkit-keyframes rotateCubeTopIn{0%{opacity:.3;-webkit-transform:translateY(100%) rotateX(-90deg)}

50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateY(50%) translateZ(-200px) rotateX(-45deg)}

}

@-moz-keyframes rotateCubeTopIn{0%{opacity:.3;-moz-transform:translateY(100%) rotateX(-90deg)}

50%{-moz-animation-timing-function:ease-out;-moz-transform:translateY(50%) translateZ(-200px) rotateX(-45deg)}

}

@keyframes rotateCubeTopIn{0%{opacity:.3;transform:translateY(100%) rotateX(-90deg)}

50%{animation-timing-function:ease-out;transform:translateY(50%) translateZ(-200px) rotateX(-45deg)}

}

@-webkit-keyframes rotateCubeBottomOut{50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateY(50%) translateZ(-200px) rotateX(-45deg)}

100%{opacity:.3;-webkit-transform:translateY(100%) rotateX(-90deg)}

}

@-moz-keyframes rotateCubeBottomOut{50%{-moz-animation-timing-function:ease-out;-moz-transform:translateY(50%) translateZ(-200px) rotateX(-45deg)}

100%{opacity:.3;-moz-transform:translateY(100%) rotateX(-90deg)}

}

@keyframes rotateCubeBottomOut{50%{animation-timing-function:ease-out;transform:translateY(50%) translateZ(-200px) rotateX(-45deg)}

100%{opacity:.3;transform:translateY(100%) rotateX(-90deg)}

}

@-webkit-keyframes rotateCubeBottomIn{0%{opacity:.3;-webkit-transform:translateY(-100%) rotateX(90deg)}

50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateY(-50%) translateZ(-200px) rotateX(45deg)}

}

@-moz-keyframes rotateCubeBottomIn{0%{opacity:.3;-moz-transform:translateY(-100%) rotateX(90deg)}

50%{-moz-animation-timing-function:ease-out;-moz-transform:translateY(-50%) translateZ(-200px) rotateX(45deg)}

}

@keyframes rotateCubeBottomIn{0%{opacity:.3;transform:translateY(-100%) rotateX(90deg)}

50%{animation-timing-function:ease-out;transform:translateY(-50%) translateZ(-200px) rotateX(45deg)}

}

@-webkit-keyframes rotateCarouselLeftOut{to{opacity:.3;-webkit-transform:translateX(-150%) scale(0.4) rotateY(-65deg)}

}

@-moz-keyframes rotateCarouselLeftOut{to{opacity:.3;-moz-transform:translateX(-150%) scale(0.4) rotateY(-65deg)}

}

@keyframes rotateCarouselLeftOut{to{opacity:.3;transform:translateX(-150%) scale(0.4) rotateY(-65deg)}

}

@-webkit-keyframes rotateCarouselLeftIn{from{opacity:.3;-webkit-transform:translateX(200%) scale(0.4) rotateY(65deg)}

}

@-moz-keyframes rotateCarouselLeftIn{from{opacity:.3;-moz-transform:translateX(200%) scale(0.4) rotateY(65deg)}

}

@keyframes rotateCarouselLeftIn{from{opacity:.3;transform:translateX(200%) scale(0.4) rotateY(65deg)}

}

@-webkit-keyframes rotateCarouselRightOut{to{opacity:.3;-webkit-transform:translateX(200%) scale(0.4) rotateY(65deg)}

}

@-moz-keyframes rotateCarouselRightOut{to{opacity:.3;-moz-transform:translateX(200%) scale(0.4) rotateY(65deg)}

}

@keyframes rotateCarouselRightOut{to{opacity:.3;transform:translateX(200%) scale(0.4) rotateY(65deg)}

}

@-webkit-keyframes rotateCarouselRightIn{from{opacity:.3;-webkit-transform:translateX(-200%) scale(0.4) rotateY(-65deg)}

}

@-moz-keyframes rotateCarouselRightIn{from{opacity:.3;-moz-transform:translateX(-200%) scale(0.4) rotateY(-65deg)}

}

@keyframes rotateCarouselRightIn{from{opacity:.3;transform:translateX(-200%) scale(0.4) rotateY(-65deg)}

}

@-webkit-keyframes rotateCarouselTopOut{to{opacity:.3;-webkit-transform:translateY(-200%) scale(0.4) rotateX(65deg)}

}

@-moz-keyframes rotateCarouselTopOut{to{opacity:.3;-moz-transform:translateY(-200%) scale(0.4) rotateX(65deg)}

}

@keyframes rotateCarouselTopOut{to{opacity:.3;transform:translateY(-200%) scale(0.4) rotateX(65deg)}

}

@-webkit-keyframes rotateCarouselTopIn{from{opacity:.3;-webkit-transform:translateY(200%) scale(0.4) rotateX(-65deg)}

}

@-moz-keyframes rotateCarouselTopIn{from{opacity:.3;-moz-transform:translateY(200%) scale(0.4) rotateX(-65deg)}

}

@keyframes rotateCarouselTopIn{from{opacity:.3;transform:translateY(200%) scale(0.4) rotateX(-65deg)}

}

@-webkit-keyframes rotateCarouselBottomOut{to{opacity:.3;-webkit-transform:translateY(200%) scale(0.4) rotateX(-65deg)}

}

@-moz-keyframes rotateCarouselBottomOut{to{opacity:.3;-moz-transform:translateY(200%) scale(0.4) rotateX(-65deg)}

}

@keyframes rotateCarouselBottomOut{to{opacity:.3;transform:translateY(200%) scale(0.4) rotateX(-65deg)}

}

@-webkit-keyframes rotateCarouselBottomIn{from{opacity:.3;-webkit-transform:translateY(-200%) scale(0.4) rotateX(65deg)}

}

@-moz-keyframes rotateCarouselBottomIn{from{opacity:.3;-moz-transform:translateY(-200%) scale(0.4) rotateX(65deg)}

}

@keyframes rotateCarouselBottomIn{from{opacity:.3;transform:translateY(-200%) scale(0.4) rotateX(65deg)}

}

@-webkit-keyframes rotateSidesOut{to{opacity:0;-webkit-transform:translateZ(-500px) rotateY(90deg)}

}

@-moz-keyframes rotateSidesOut{to{opacity:0;-moz-transform:translateZ(-500px) rotateY(90deg)}

}

@keyframes rotateSidesOut{to{opacity:0;transform:translateZ(-500px) rotateY(90deg)}

}

@-webkit-keyframes rotateSidesIn{from{opacity:0;-webkit-transform:translateZ(-500px) rotateY(-90deg)}

}

@-moz-keyframes rotateSidesIn{from{opacity:0;-moz-transform:translateZ(-500px) rotateY(-90deg)}

}

@keyframes rotateSidesIn{from{opacity:0;transform:translateZ(-500px) rotateY(-90deg)}

}

@-webkit-keyframes rotateSlideOut{25%{opacity:.5;-webkit-transform:translateZ(-500px)}

75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}

100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}

}

@-moz-keyframes rotateSlideOut{25%{opacity:.5;-moz-transform:translateZ(-500px)}

75%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}

100%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}

}

@keyframes rotateSlideOut{25%{opacity:.5;transform:translateZ(-500px)}

75%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}

100%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}

}

@-webkit-keyframes rotateSlideIn{0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%)}

75%{opacity:.5;-webkit-transform:translateZ(-500px)}

100%{opacity:1;-webkit-transform:translateZ(0) translateX(0)}

}

@-moz-keyframes rotateSlideIn{0%,25%{opacity:.5;-moz-transform:translateZ(-500px) translateX(200%)}

75%{opacity:.5;-moz-transform:translateZ(-500px)}

100%{opacity:1;-moz-transform:translateZ(0) translateX(0)}

}

@keyframes rotateSlideIn{0%,25%{opacity:.5;transform:translateZ(-500px) translateX(200%)}

75%{opacity:.5;transform:translateZ(-500px)}

100%{opacity:1;transform:translateZ(0) translateX(0)}

}

.pt-page-delay100{-webkit-animation-delay:.1s;-moz-animation-delay:.1s;animation-delay:.1s}

.pt-page-delay180{-webkit-animation-delay:.180s;-moz-animation-delay:.180s;animation-delay:.180s}

.pt-page-delay200{-webkit-animation-delay:.2s;-moz-animation-delay:.2s;animation-delay:.2s}

.pt-page-delay300{-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}

.pt-page-delay400{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;animation-delay:.4s}

.pt-page-delay500{-webkit-animation-delay:.5s;-moz-animation-delay:.5s;animation-delay:.5s}

.pt-page-delay700{-webkit-animation-delay:.7s;-moz-animation-delay:.7s;animation-delay:.7s}

.pt-page-delay1000{-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s}

.case-info#intro .bg .introcontent .title h2{font-size:75px;letter-spacing:4px;line-height:60px}

.case-info#intro .bg .introcontent .title h2.bulls{font-size:55px;line-height:60px}

.case-info#intro .bg .introcontent .title h2.case-malzfabrik{font-size:55px;line-height:43px}

.case-info#intro .bg .introcontent .title h2.kerbholz{font-size:65px;line-height:50px}

.case-info#intro .bg .introcontent .title h2.zemo{font-size:75px;line-height:68px}

.case-info#intro .bg .introcontent .title h2.zemo.uml{line-height:70px}

.case-info#intro .bg .introcontent .title h2.fairtrade{font-size:55px;line-height:46px}

.case-info#intro .bg .introcontent .title h2.fairtrade.uml{line-height:48px}

.case-info#intro .bg .introcontent .title h2.okkid{font-size:55px;line-height:60px}

.page-home .maincontent h2{font-size:55px;line-height:47px;letter-spacing:3px;margin:150px 0 20px}

@media only screen and (min-width: 768px){.case-info#intro .bg .introcontent .title h2{letter-spacing:10px;margin-bottom:2vw}

.case-info#intro .bg .introcontent .title h2.bulls{font-size:145px;font-size:20vw;line-height:115px;line-height:16vw}

.case-info#intro .bg .introcontent .title h2.case-malzfabrik{font-size:125px;font-size:10vw;line-height:105px;line-height:8vw}

.case-info#intro .bg .introcontent .title h2.kerbholz{font-size:145px;font-size:10vw;line-height:115px;line-height:8vw}

.case-info#intro .bg .introcontent .title h2.zemo{font-size:145px;font-size:20vw;line-height:120px;line-height:16vw}

.case-info#intro .bg .introcontent .title h2.zemo.uml{line-height:130px;line-height:18vw}

.case-info#intro .bg .introcontent .title h2.fairtrade{font-size:130px;font-size:10vw;line-height:105px;line-height:8vw}

.case-info#intro .bg .introcontent .title h2.fairtrade.uml{line-height:112px;line-height:8.5vw}

.case-info#intro .bg .introcontent .title h2.okkid{font-size:165px;font-size:20vw;line-height:150px;line-height:18vw}

.case-info#intro .bg .introcontent .title h2.okkid.uml{line-height:150px;line-height:18vw}

.page-home .maincontent h2{font-size:128px;line-height:106px;letter-spacing:9px;margin:150px 0 30px}

}

@media only screen and (min-width: 1024px){.case-info#intro .bg .introcontent .title h2{letter-spacing:0.7vw}

.case-info#intro .bg .introcontent .title h2.bulls,.case-info#intro .bg .introcontent .title h2.zemo,.case-info#intro .bg .introcontent .title h2.okkid{font-size:14vw;line-height:11vw}

.case-info#intro .bg .introcontent .title h2.bulls.uml,.case-info#intro .bg .introcontent .title h2.zemo.uml,.case-info#intro .bg .introcontent .title h2.okkid.uml{line-height:12.5vw}

.case-info#intro .bg .introcontent .title h2.malzfabrik,.case-info#intro .bg .introcontent .title h2.kerbholz,.case-info#intro .bg .introcontent .title h2.fairtrade{font-size:9vw;line-height:7vw}

.case-info#intro .bg .introcontent .title h2.malzfabrik.uml,.case-info#intro .bg .introcontent .title h2.kerbholz.uml,.case-info#intro .bg .introcontent .title h2.fairtrade.uml{line-height:7.5vw}

}

@media only screen and (max-height: 600px) and (min-width: 768px){.case-info#intro .bg .introcontent .title h2{margin-top:5px}

.case-info#intro .bg .introcontent .title h2.zemo,.case-info#intro .bg .introcontent .title h2.malzfabrik,.case-info#intro .bg .introcontent .title h2.fairtrade,.case-info#intro .bg .introcontent .title h2.bulls,.case-info#intro .bg .introcontent .title h2.kerbholz,.case-info#intro .bg .introcontent .title h2.okkid{font-size:8vw;line-height:6.3vw}

.case-info#intro .bg .introcontent .title h2.zemo.uml,.case-info#intro .bg .introcontent .title h2.malzfabrik.uml,.case-info#intro .bg .introcontent .title h2.fairtrade.uml,.case-info#intro .bg .introcontent .title h2.bulls.uml,.case-info#intro .bg .introcontent .title h2.kerbholz.uml,.case-info#intro .bg .introcontent .title h2.okkid.uml{line-height:7vw}

.case-info#intro .bg .introcontent .title .client{font-size:16px}

}