/*
Theme Name: Wreckfest Ordersite
Author: THQ Nordic GmbH - nt
Description: Custom Wordpress Theme for order.wreckfestgame.com
Text Domain: wreckfest
Version: 1.02
*/
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}header:after,main:after,section:after,footer:after,.logo-leiste:after{content:"";clear:both;display:block}body{background-color:#000;font-family:'Lato',sans-serif;font-weight:500;font-style:normal;font-size:calc(14px + (18 - 14) *((100vw - 450px) /(1620 - 450)));line-height:26px;color:#fff;word-wrap:break-word;border:0 none;outline:0 none;width:100%;height:100%}h1,h2,h3,h4,h5,h6{font-family:'Lato',sans-serif;font-weight:800;font-style:normal;margin-bottom:1.3em;font-size:2.3em;line-height:1.2em;text-align:center}h2{font-size:2em;margin-bottom:1em}h2{font-size:1.7em;margin-bottom:1em}p{margin-bottom:1.1em}header,main,section,aside,footer{display:block}img{border:0 none;outline:0 none;max-width:100%;height:auto}a{border:0 none;outline:0 none;text-decoration:underline;color:#fff}section{position:relative;width:100%;height:100%}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-text-align-center{text-align:center}#bgvid{display:block;position:absolute;bottom:0;top:50%;transform:translate(-50%,-50%);left:50%;right:0;margin:0;min-height:100%;min-width:100%;max-width:100%;padding:0;z-index:-1;object-fit:cover}.intro{width:100%;min-height:100vh;position:relative}.logo{position:absolute;top:20%;left:55%;text-align:center;max-width:40%}.logo-img{text-align:center;margin:0 auto 4em auto;vertical-align:middle;display:block}.play-icon{color:#000;text-transform:uppercase;text-decoration:none;padding-left:35px;display:inline-block;margin-right:2em;background-image:url("./img/triangle_icon.png");background-position:left center;background-repeat:no-repeat;vertical-align:middle}.arrow-right{font-weight:bold;animation:jumpUpDown 1.5s infinite ease}@keyframes jumpUpDown{0%,100%{background-position:left center}50%{background-position:5px center}}.reviews{padding:1em 2em;width:100%;display:flex;align-items:center;justify-content:center;position:absolute;bottom:0;left:0}.review-item{margin:0 .5em}main{height:100%;position:relative;background:#000 url("./img/body-bg.png") fixed no-repeat center center / cover}.main-content{background-color:#000;padding:3em 3em 2em 3em;margin:0 auto}.retailer-section{width:80%;display:flex;justify-content:center;flex-wrap:wrap;margin:1.5em auto 4em;text-align:center}.retailer-section h1{text-align:center;margin-bottom:2em;width:100%}.release-date{font-size:.8em;line-height:1.7em}.get-retailer div{margin-bottom:1em}.get-retailer div:not(:first-child){margin:0 auto 1em;max-width:450px}.platform{text-align:center}.platform a{display:inline-block;color:#fff;transform:scale(.95);filter:grayscale(1) drop-shadow(7px 9px 5px rgba(0,0,0,0.6)) opacity(.7);text-decoration:none;cursor:pointer;margin-bottom:.5em;margin-right:.5em;max-width:31%;transition:all .35s ease-in-out}.get-retailer label{display:inline-block;text-align:left;margin-bottom:5px}.get-retailer select,.get-retailer button{font-family:'Lato',sans-serif;font-size:1em;line-height:26px;color:#fff}.get-retailer select{width:100%;background:transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAM1BMVEUAAAD///////////////////////////////////////////////////////////////+3leKCAAAAEHRSTlMA7OaNcFY3G8jEs6uCRSkGwSi9DgAAAD5JREFUCNc1xkkSACEIBMEGXGbV/v9rFdQ6VCRwU0WEBuCjJ/9kDRq811mCeepC1JVMWBlZNwsfnDThlJt/AJK2AhwdKiisAAAAAElFTkSuQmCC') no-repeat scroll right 10px center;background-color:transparent;border:1px solid #fff;border-radius:0;padding:2px 35px 2px 5px;cursor:pointer;appearance:none;-moz-appearance:none;-webkit-appearance:none}.get-retailer select option{background-color:rgba(0,0,0,0.9);padding:5px 10px;cursor:pointer}.platform a:last-child{margin-right:0}.get-retailer button{margin:1em auto 0 auto;display:inline-block;color:#000;border:1px solid #fff;font-weight:bold;padding:.25em 2em;text-decoration:none;background-color:#fff;text-transform:uppercase;cursor:pointer}.platform a:hover,.platform a.active{transform:scale(1);filter:grayscale(0) drop-shadow(7px 9px 5px rgba(0,0,0,0.6)) opacity(1)}.content{text-align:center}.content.width-wide:empty{margin:0}.content.width-wide{margin-bottom:6em}.content ul{list-style-position:inside;margin:0 0 1.1em 1em}.alignleft,.alignright,.aligncenter,.alignnone{filter:drop-shadow(7px 9px 5px rgba(0,0,0,0.6))}.alignleft{float:left;margin-right:1em;margin-bottom:1em}.alignright{float:right;margin-left:1em;margin-bottom:1em}.aligncenter{display:block;margin-left:auto;margin-right:auto;margin-top:1em;margin-bottom:1em}.alignnone{display:block;margin-top:1em;margin-bottom:1em}.gallery{margin-bottom:2em;display:flex;align-items:flex-start;flex-flow:row wrap;justify-content:center}.gallery-item{margin:0 1em 1em 0;position:relative;filter:drop-shadow(7px 9px 5px rgba(0,0,0,0.6))}.gallery-item a{display:block;position:relative;width:100%;height:100%}.gallery-columns-3 .gallery-item{flex:0 0 calc(33.33333333333333% - 1em);max-width:30%;max-width:calc(33.33333333333333% - 1em)}.gallery-item img{width:100%;display:block}.gallery-columns-3 .gallery-item:nth-of-type(3n){margin-right:0}.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1){clear:left}.width-half{max-width:45%;margin:0 auto 3em auto}.width-wide{max-width:60%;margin:0 auto 3em auto}.description{margin:2em auto 1em auto;text-align:center}footer{display:flex;align-items:center;justify-content:space-between;padding:1em 2%;position:relative}.ratings{min-width:110px;margin-left:auto}.ratings span{color:#fff;display:inline-block;font-size:11px;height:100%;line-height:14px;padding-right:5px;vertical-align:top}.logo-leiste{align-items:center;display:flex;justify-content:flex-end}.logo-leiste>a,.logo-leiste>img{display:block;margin:0 10px 0 0}.logo-leiste a:last-child{margin-right:0}.copyright{margin-left:2em;font-size:.7em}.soc{margin-left:auto}.soc>a{display:inline-block;margin-right:.5em}#cookie{position:fixed;left:0;bottom:0;width:100%;background:rgba(0,0,0,0.8);z-index:9999;padding:5px 1em}#cookie p{font-size:.85em;margin:0;text-align:center}.cookie-btn{color:#fff;border:1px solid #fff;text-decoration:none;margin:5px 5px 5px .75em;padding:.25em .5em;font-size:.8em;display:inline-block;vertical-align:middle}.cookie-btn:last-child{font-size:1em;text-transform:uppercase}.cookie-btn:hover{color:#000;background-color:#fff}.loader-msg{display:none}.no-js{overflow:hidden}.no-js .loader-msg{display:block;background-color:rgba(0,0,0,0.9);position:fixed;left:0;right:0;top:0;bottom:0;width:100%;height:100%;z-index:300;text-align:center;margin:0 auto;padding:10% 5%}.no-js .loader-msg .logo{position:relative;left:auto;top:auto;margin:0 auto 3em auto;filter:invert(100%);transform:none}.no-js .loader-msg p{font-size:2em;line-height:2em}.vbox-overlay *,.vbox-overlay *:before,.vbox-overlay *:after{-webkit-backface-visibility:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.vbox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;bottom:0;z-index:1040;opacity:0;overflow-x:hidden;overflow-y:auto}.vbox-preloader{position:absolute;left:0;right:0;top:0;bottom:0;display:-webkit-flex;-webkit-justify-content:center;-webkit-align-items:center;-webkit-align-content:center;display:flex;justify-content:center;align-items:center;align-content:center}.vbox-title{width:100%;height:40px;float:left;text-align:center;line-height:28px;font-size:12px;padding:6px 40px;overflow:hidden;position:fixed;display:none;left:0;z-index:1050}.vbox-close{cursor:pointer;position:fixed;top:-1px;right:0;width:50px;height:40px;padding:6px;display:block;background-position:10px center;overflow:hidden;font-size:24px;line-height:1;text-align:center;z-index:1050}.vbox-num{cursor:pointer;position:fixed;left:0;height:40px;display:block;overflow:hidden;line-height:28px;font-size:12px;padding:6px 10px;display:none;z-index:1050}.vbox-next,.vbox-prev{position:fixed;top:50%;margin-top:-15px;overflow:hidden;cursor:pointer;display:block;width:45px;height:45px;z-index:1050}.vbox-next span,.vbox-prev span{position:relative;width:20px;height:20px;border:2px solid transparent;border-top-color:#b6b6b6;border-right-color:#b6b6b6;text-indent:-100px;position:absolute;top:8px;display:block}.vbox-prev{left:15px}.vbox-next{right:15px}.vbox-prev span{left:10px;-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.vbox-next span{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);right:10px}.vbox-inline{width:420px;height:315px;height:80vh;padding:10px;background:#fff;margin:0 auto;overflow:auto;text-align:left}.venoframe{max-width:100%;width:100%;border:0;width:100%;height:260px;height:80vh}.venoframe.vbvid{height:260px}@media(min-width:768px){.venoframe,.vbox-inline{width:90%;height:360px;height:80vh}.venoframe.vbvid{width:640px;height:360px}}@media(min-width:992px){.venoframe,.vbox-inline{max-width:1200px;width:80%;height:540px;height:80vh}.venoframe.vbvid{width:960px;height:540px}}.vbox-open{overflow:hidden}.vbox-container{position:relative;background:#000;width:100%;max-width:1200px;margin:0 auto;padding:0}.vbox-content{text-align:center;float:left;width:100%;position:relative;overflow:hidden;padding:20px 10px}.vbox-container img{max-width:100%;height:auto}.figlio{box-shadow:0 0 12px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23);max-width:100%;text-align:initial}.vbox-content{-webkit-overflow-scrolling:touch}.sk-double-bounce,.sk-rotating-plane{width:40px;height:40px;margin:40px auto}.sk-rotating-plane{background-color:#333;-webkit-backface-visibility:visible;-moz-backface-visibility:visible;backface-visibility:visible;-webkit-animation:sk-rotatePlane 1.2s infinite ease-in-out;animation:sk-rotatePlane 1.2s infinite ease-in-out}@-webkit-keyframes sk-rotatePlane{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}@keyframes sk-rotatePlane{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.sk-double-bounce{position:relative}.sk-double-bounce .sk-child{width:100%;height:100%;border-radius:50%;background-color:#333;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-doubleBounce 2s infinite ease-in-out;animation:sk-doubleBounce 2s infinite ease-in-out}.sk-double-bounce .sk-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-doubleBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-doubleBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}.sk-wave{width:50px;height:40px;text-align:center;font-size:10px;margin:40px auto}.sk-wave .sk-rect{background-color:#333;height:100%;width:4px;margin:0 1px;display:inline-block;-webkit-animation:sk-waveStretchDelay 1.2s infinite ease-in-out;animation:sk-waveStretchDelay 1.2s infinite ease-in-out}.sk-wave .sk-rect1{-webkit-animation-delay:-1.2s;animation-delay:-1.2s}.sk-wave .sk-rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-wave .sk-rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-wave .sk-rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-wave .sk-rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes sk-waveStretchDelay{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes sk-waveStretchDelay{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}.sk-three-bounce{margin:40px auto;width:100px;text-align:center}.sk-three-bounce .sk-child{width:16px;height:16px;background-color:#333;border-radius:100%;margin:4px;display:inline-block;-webkit-animation:sk-three-bounce 1.4s ease-in-out 0s infinite both;animation:sk-three-bounce 1.4s ease-in-out 0s infinite both}.sk-cube-grid,.sk-spinner-pulse{width:40px;height:40px;margin:40px auto}.sk-three-bounce .sk-bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.sk-three-bounce .sk-bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes sk-three-bounce{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-three-bounce{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.sk-spinner-pulse{background-color:#333;border-radius:100%;-webkit-animation:sk-pulseScaleOut 1s infinite ease-in-out;animation:sk-pulseScaleOut 1s infinite ease-in-out}@-webkit-keyframes sk-pulseScaleOut{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes sk-pulseScaleOut{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.sk-cube-grid .sk-cube{width:33.33%;height:33.33%;background-color:#333;float:left;-webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out}.sk-cube-grid .sk-cube1{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube2{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube3{-webkit-animation-delay:.4s;animation-delay:.4s}.sk-cube-grid .sk-cube4{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube5{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube6{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube7{-webkit-animation-delay:0ms;animation-delay:0ms}.sk-cube-grid .sk-cube8{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube9{-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}.sk-wandering-cubes{margin:40px auto;width:40px;height:40px;position:relative}.sk-wandering-cubes .sk-cube{background-color:#333;width:10px;height:10px;position:absolute;top:0;left:0;-webkit-animation:sk-wanderingCube 1.8s ease-in-out -1.8s infinite both;animation:sk-wanderingCube 1.8s ease-in-out -1.8s infinite both}.sk-wandering-cubes .sk-cube2{-webkit-animation-delay:-.9s;animation-delay:-.9s}@-webkit-keyframes sk-wanderingCube{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:translateX(30px) rotate(-90deg) scale(.5);transform:translateX(30px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg);transform:translateX(30px) translateY(30px) rotate(-179deg)}50.1%{-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg);transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes sk-wanderingCube{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:translateX(30px) rotate(-90deg) scale(.5);transform:translateX(30px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg);transform:translateX(30px) translateY(30px) rotate(-179deg)}50.1%{-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg);transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@media screen and (min-device-width:1025px){.cookie-btn{transition:all .5s ease-out}.cookie-btn:hover{transition:all .5s ease-in}}@media screen and (max-width:1200px){.logo-leiste img{max-width:150px}.width-half{max-width:60%}.width-wide{max-width:80%}}@media screen and (max-width:1035px){.logo-leiste img{max-width:100px}.review-item{max-width:180px}}@media screen and (max-width:845px){.logo{left:45%;max-width:45%}.width-half{max-width:70%}.width-wide{max-width:90%}.logo-leiste{justify-content:center}.review-item:last-child{display:none}}@media screen and (max-width:700px){.gallery-columns-3 .gallery-item{flex:0 0 calc(50% - 1em);max-width:calc(50% - 1em)}.gallery-columns-3 .gallery-item:nth-of-type(3n){margin-right:1em}.gallery-columns-3 .gallery-item:nth-of-type(2n){margin-right:0}footer{flex-wrap:wrap;padding:1em}.logo-leiste{flex:0 0 100%;margin-bottom:.5em}.reviews{flex-wrap:nowrap}.review-item{max-width:none}.review-item:nth-child(n+4){display:none}}@media screen and (max-width:620px){.logo{left:40%;max-width:55%}.retailer-section{width:90%}.width-half{max-width:80%}.width-wide{max-width:100%}}@media screen and (max-width:565px){.main-content{padding:3em 2em}.width-half{max-width:85%}}@media screen and (max-width:500px){.logo{left:35%;max-width:60%}.width-half,.width-wide{max-width:100%}.retailer-section{width:90%}.platform a{max-width:calc(100% / 3 - .5em)}.reviews{flex-wrap:wrap}.review-item{max-width:160px}}@media screen and (max-width:450px){.retailer-section{width:100%}.gallery-columns-3 .gallery-item{flex:100%;max-width:100%;margin-right:0}.gallery-columns-3 .gallery-item:nth-of-type(3n){margin-right:0}.reviews{padding:.5em 1em}.review-item{max-width:calc(50% - 1.5em)}}@media screen and (max-width:380px){.logo-leiste>img,.logo-leiste a{margin-bottom:.5em}.platform a{max-width:calc(100% / 2 - 5px);margin-right:5px}.platform a:nth-of-type(3n){margin-right:0}.ratings{width:100%;text-align:right;margin-top:.5em}}@media screen and (max-width:340px){.review-item:first-child{display:none}.logo{left:50%;max-width:80%;transform:translateX(-50%);top:10%;max-width:100%;width:80%}.logo-leiste>img,.logo-leiste a{margin-right:0}}