.no-padding{padding:0 !important}.clear{clear:both}img[src$=".svg"]{width:100%}body{background-color:#111;color:#FEFEFE;font-family:Montserrat, Helvetica, Arial, sans-serif;font-size:62.5%;font-weight:400;line-height:1.42857143;margin:0;overflow:hidden;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-moz-font-smoothing:always}a{text-decoration:none;transition:color 0.3s}a:hover,a:focus{color:#2196F3}h1,h2,h3,h4,h5,h6{letter-spacing:0}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:60%}h1,h2{font-size:3.5em;font-weight:700;line-height:42px;margin:20px 0;text-transform:uppercase}h1 span{font-weight:300;margin:0 0 0 5px}h1 span.title{color:#07E891;text-transform:lowercase}h3{margin:10px 0;font-weight:400;text-transform:uppercase}h4,h5,h6{margin:10px 0;font-weight:400;text-transform:normal}h1{font-size:2.1em;line-height:32px}@media only screen and (min-width: 360px){h1{font-size:2.1em}}@media only screen and (min-width: 1024px){h1{font-size:2.1em;line-height:1}}h2{font-size:2.1em;line-height:26px}@media only screen and (min-width: 320px){h2{font-size:2.1em;line-height:25px}}h3{font-size:1.6em;line-height:19px}@media only screen and (min-width: 320px){h3{font-size:1.6em}}h4{font-size:1.8em;line-height:27px}@media only screen and (min-width: 410px){h4{font-size:2.5em;line-height:35px}}h5{font-size:1.6em}h6{font-size:1.4em}p{font-size:1.8em;font-weight:300;line-height:27px;margin:0 0 15px 0}span.inline-quote{color:#07E891}nobr{display:block;margin:-4px 0 -20px}@media only screen and (min-width: 630px){nobr{display:inline;margin:0}}blockquote{border:none;font-weight:300}strong{font-weight:500}picture,video{display:table;margin:0;padding:0;width:100%}.container{margin-left:auto;margin-right:auto;max-width:1440px;padding-left:15px;padding-right:15px;position:relative}.container:before,.container:after{content:" ";display:table}.container:after{clear:both}.logo{left:30px;position:absolute;top:20px;-webkit-transition:all 0.35s ease;-moz-transition:all 0.35s ease;-o-transition:all 0.35s ease;transition:all 0.35s ease}@media only screen and (min-width: 768px){.logo{left:50px;top:49px}}.logo img{margin-left:30px;max-width:165px;-webkit-transition:all 0.35s ease;-moz-transition:all 0.35s ease;-o-transition:all 0.35s ease;transition:all 0.35s ease}@media only screen and (min-width: 768px){.logo img{margin-left:46px;max-width:202px}}#bars{height:36px;margin:-31px 0 0 -20px;position:absolute;top:50%;width:40px}#bars img{margin:0;width:40px}@media only screen and (min-width: 768px){#bars img{width:50px}}@media only screen and (min-width: 768px){#bars{width:50px}}.bar{animation:sound 0ms -3000ms linear infinite alternate;bottom:1px;height:3px;position:absolute;width:4px;background:#07E891}@keyframes sound{0%{opacity:1;height:7px}100%{opacity:1;height:36px}}.bar:nth-child(1){left:1px;animation-duration:674ms}.bar:nth-child(2){left:6px;animation-duration:633ms}.bar:nth-child(3){left:11px;animation-duration:607ms}.bar:nth-child(4){left:16px;animation-duration:658ms}.bar:nth-child(5){left:21px;animation-duration:600ms}.bar:nth-child(6){left:26px;animation-duration:627ms}.bar:nth-child(7){left:31px;animation-duration:641ms}.bar:nth-child(8){left:36px;animation-duration:619ms}.bar:nth-child(9){left:41px;animation-duration:687ms}.bar:nth-child(10){left:46px;animation-duration:642ms}nav{z-index:1}nav a{color:#FEFEFE;font-family:'Montserrat', sans-serif;font-size:2.8em;font-weight:700;letter-spacing:0;text-decoration:none;text-transform:uppercase}.bg-nav{background-color:transparent !important}.navbar{padding:10px 0;height:auto;margin-bottom:30px;-webkit-transition:all 1.35s ease;-moz-transition:all 1.35s ease;-o-transition:all 1.35s ease;transition:all 1.35s ease}@media only screen and (min-width: 768px){.navbar{height:264px;margin-bottom:0;z-index:0}}.navbar-toggler:not(:disabled):not(.disabled){border-radius:0;margin-top:10px;padding:0;width:36px}.navbar-dark .navbar-toggler{border:none;border-radius:0}.navbar-color{color:#FEFEFE;font-size:30px}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#07E891;cursor:pointer}.nav-link{cursor:pointer}.navbar-nav .nav-link{padding-right:12px;text-align:right}.navbar-dark .navbar-nav .nav-link{color:#FEFEFE;padding:0}.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link:focus{color:#07E891}.navbar-expand-md .navbar-nav{-ms-flex-direction:column;flex-direction:column;margin-top:30px;position:initial}@media only screen and (min-width: 768px){.navbar-expand-md .navbar-nav{position:absolute;right:0;margin-top:10px}}.navbar-expand-md .navbar-collapse{right:0;top:0}.nav-item{display:block;line-height:1.1;margin:0;padding:0}.home{z-index:99999999999999}.home,.references,.instagram,.beeld{background-color:#111;color:#fff}.home-bg,.about-bg,.contact-bg{background-color:#07E891;background-position:center;background-repeat:no-repeat;background-size:cover}.home-bg{background-image:url(../images/uptone-studio-bg-website-home.jpg)}.about{background-color:#111;color:#fff}.about-bg{background-image:url(../images/uptone-guido-bg-website-about.jpg)}.contact-bg{background-image:url(../images/uptone-knoppen-bg-website-contact.jpg)}.contact--social{margin-top:20px}.contact--social img{width:36px;margin:0 5px}.contact--uptone a{color:#07E891}.contact--uptone a:hover,.contact--uptone afocus{color:#00804F;text-decoration:none}.social{margin-top:10px;text-align:right;position:relative;z-index:999999}.social img{position:absolute;right:0;padding:5px}.social img.middle{margin:0 10px}.social a{display:inline-block}.social img.soc-fb{right:32px;width:30px;top:11px}.social img.soc-sc{right:90px;top:17px;width:30px}.social img.soc-inst{right:60px;top:11px;width:30px}.social img.soc-m{right:0;top:10px;width:33px}.about-content{padding-bottom:60px;margin-left:0;margin-top:100px}@media only screen and (min-width: 768px){.about-content{margin-left:80px;margin-top:0}}.references-credentials,.references-productions,.video-container,.beeld-container{margin-left:0;padding-bottom:60px}@media only screen and (min-width: 768px){.references-credentials,.references-productions,.video-container,.beeld-container{margin-left:30px}}@media only screen and (min-width: 1024px){.references-credentials,.references-productions,.video-container,.beeld-container{margin-left:95px}}.video-container h1{font-size:18px}@media only screen and (min-width: 1024px){.video-container{font-size:21px}}.video-case{margin-bottom:50px}.references-credentials{margin-bottom:30px}.references-credentials img{transition:all 0.2s ease-in-out 0s}.references-credentials img:hover{cursor:default;transform:rotate(-11deg);transition:all 0.2s ease-in-out 0s}.references-live{padding-bottom:60px}.instagram--profilelink a{color:#07E891}.instagram--profilelink a:hover,.instagram--profilelink a:focus{color:#00804F;text-decoration:none}.contact-gegevens{text-align:center}button{font-family:inherit;font-size:inherit}.page{bottom:0;left:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;right:0;top:0;width:100%;z-index:6}.next-list{line-height:1.6;list-style:disc;margin:auto;text-align:left;width:430px}.button-wrapper{margin-top:50px}.button{background-color:transparent;border:0;color:#fff;cursor:pointer;height:60px;position:relative;transition:color 150ms cubic-bezier(0.1, 0.7, 0.6, 0.9);width:300px}.button::before{background-color:#fff;bottom:0;content:'';left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left center;transform-origin:left center;transition:-webkit-transform 150ms cubic-bezier(0.1, 0.7, 0.6, 0.9);transition:transform 150ms cubic-bezier(0.1, 0.7, 0.6, 0.9);transition:transform 150ms cubic-bezier(0.1, 0.7, 0.6, 0.9),-webkit-transform 150ms cubic-bezier(0.1, 0.7, 0.6, 0.9)}.button:hover.button-start{color:#07E891}.button:hover.button-next{color:#000000}.button:hover::before{-webkit-transform:scaleX(1);transform:scaleX(1)}.button-text{position:relative}.page-enter-active{overflow:hidden;transition:-webkit-transform 400ms cubic-bezier(0.4, 0.1, 0.7, 0.95);transition:transform 400ms cubic-bezier(0.4, 0.1, 0.7, 0.95);transition:transform 400ms cubic-bezier(0.4, 0.1, 0.7, 0.95),-webkit-transform 400ms cubic-bezier(0.4, 0.1, 0.7, 0.95)}.page-enter-active .enter-1{transition:300ms cubic-bezier(0.1, 0.7, 0.6, 0.9);transition-property:opacity, -webkit-transform;transition-property:opacity, transform;transition-property:opacity, transform, -webkit-transform;transition-delay:520ms}.page-enter{-webkit-transform:translateX(100%);transform:translateX(100%)}.page-enter .enter-1{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}.page-leave-active{display:block}.page-enter-active{overflow:hidden;transition:-webkit-transform 400ms cubic-bezier(0.4, 0.1, 0.7, 0.95);transition:transform 400ms cubic-bezier(0.4, 0.1, 0.7, 0.95);transition:transform 400ms cubic-bezier(0.4, 0.1, 0.7, 0.95),-webkit-transform 400ms cubic-bezier(0.4, 0.1, 0.7, 0.95)}.page-enter-active .enter-2{transition:300ms cubic-bezier(0.1, 0.7, 0.6, 0.9);transition-property:opacity, -webkit-transform;transition-property:opacity, transform;transition-property:opacity, transform, -webkit-transform;transition-delay:640ms}.page-enter{-webkit-transform:translateX(100%);transform:translateX(100%)}.page-enter .enter-2{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}.page-leave-active{display:block}.page-enter-active{overflow:hidden;transition:-webkit-transform 400ms cubic-bezier(0.4, 0.1, 0.7, 0.95);transition:transform 400ms cubic-bezier(0.4, 0.1, 0.7, 0.95);transition:transform 400ms cubic-bezier(0.4, 0.1, 0.7, 0.95),-webkit-transform 400ms cubic-bezier(0.4, 0.1, 0.7, 0.95)}.page-enter-active .enter-3{transition:300ms cubic-bezier(0.1, 0.7, 0.6, 0.9);transition-property:opacity, -webkit-transform;transition-property:opacity, transform;transition-property:opacity, transform, -webkit-transform;transition-delay:760ms}.page-enter{-webkit-transform:translateX(100%);transform:translateX(100%)}.page-enter .enter-3{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}.page-leave-active{display:block}.page-enter-active{overflow:hidden;transition:-webkit-transform 400ms cubic-bezier(0.4, 0.1, 0.7, 0.95);transition:transform 400ms cubic-bezier(0.4, 0.1, 0.7, 0.95);transition:transform 400ms cubic-bezier(0.4, 0.1, 0.7, 0.95),-webkit-transform 400ms cubic-bezier(0.4, 0.1, 0.7, 0.95)}.page-enter-active .enter-4{transition:300ms cubic-bezier(0.1, 0.7, 0.6, 0.9);transition-property:opacity, -webkit-transform;transition-property:opacity, transform;transition-property:opacity, transform, -webkit-transform;transition-delay:880ms}.page-enter{-webkit-transform:translateX(100%);transform:translateX(100%)}.page-enter .enter-4{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}.page-leave-active{display:block}.page-enter-active{overflow:hidden;transition:-webkit-transform 400ms cubic-bezier(0.4, 0.1, 0.7, 0.95);transition:transform 400ms cubic-bezier(0.4, 0.1, 0.7, 0.95);transition:transform 400ms cubic-bezier(0.4, 0.1, 0.7, 0.95),-webkit-transform 400ms cubic-bezier(0.4, 0.1, 0.7, 0.95)}.page-enter-active .enter-5{transition:300ms cubic-bezier(0.1, 0.7, 0.6, 0.9);transition-property:opacity, -webkit-transform;transition-property:opacity, transform;transition-property:opacity, transform, -webkit-transform;transition-delay:1000ms}.page-enter{-webkit-transform:translateX(100%);transform:translateX(100%)}.page-enter .enter-5{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}.page-leave-active{display:block}audio{background-color:#000;border-radius:0 !important;bottom:0;left:0;position:fixed;width:100%}.audioplayer{bottom:0;left:0;position:fixed;width:100%;z-index:9999999999999}.uptone-player{border:none;display:flex;flex-flow:row;height:55px;margin:0;text-align:center;width:100%;width:100%}.uptone-player .album-image{background-size:cover;min-height:100px;width:110px}.uptone-player .player-controls{align-items:center;background:#111;flex:3;height:45px;justify-content:center;margin-top:10px;padding-top:15px}.uptone-player .player-controls progress{height:45px;width:90%}.uptone-player .player-controls progress[value]{background-color:#FEFEFE;color:#07E891;height:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.uptone-player .player-controls progress[value]::-webkit-progress-bar,.uptone-player .player-controls progress[value]::-moz-progress-bar{background-color:#FEFEFE;border-radius:2px;border:none;color:#07E891}.uptone-player .player-controls progress::-webkit-progress-value,.uptone-player .player-controls progress::-moz-progress-value{background-color:#07E891;color:#07E891}.uptone-player .player-controls p{font-size:1.6rem}.uptone-player .start-time{color:#07E891}.uptone-player .start-time,.uptone-player .end-time{font-size:1em;top:0}@media only screen and (min-width: 1024px){.uptone-player .start-time,.uptone-player .end-time{top:-13px}}.uptone-player #play-btn{background-color:#07E891;background-image:url("../images/play.svg");background-position:center center;background-repeat:no-repeat;background-size:16px;height:55px;width:55px}.uptone-player #play-btn.pause{background-image:url("../images/pause.svg")}.box{background:rgba(0,0,0,0.6);border-radius:150%;box-shadow:none;cursor:pointer;height:280px;margin:20px auto;left:5px;top:0;position:relative;width:280px;-webkit-transition:all 0.15s ease;-moz-transition:all 0.15s ease;-o-transition:all 0.15s ease;transition:all 0.15s ease}@media only screen and (min-width: 360px){.box{top:20px}}@media only screen and (min-width: 410px){.box{top:0}}@media only screen and (min-width: 630px){.box{top:40px}}@media only screen and (min-width: 1024px){.box{top:0}}.box:hover{-webkit-box-shadow:0px 0px 3px 5px rgba(0,0,0,0.2);-moz-box-shadow:0px 0px 3px 5px rgba(0,0,0,0.2);-o-box-shadow:0px 0px 3px 5px rgba(0,0,0,0.2);box-shadow:0px 0px 3px 5px rgba(0,0,0,0.2);cursor:pointer}.quote{margin-top:25%;text-align:center;color:#FEFEFE;font-weight:700;background:rgba(0,0,0,0.2);padding:10px}.quote h1{font-size:26px;letter-spacing:-1px;margin:0;color:#FEFEFE;text-align:center}@media only screen and (min-width: 360px){.quote h1{font-size:30px}}@media only screen and (min-width: 410px){.quote h1{font-size:36px}}@media only screen and (min-width: 768px){.quote h1{font-size:56px;margin:20px 0 0;text-shadow:1px 1px 9px rgba(0,0,0,0.15)}}@media only screen and (min-width: 1024px){.quote h1{font-size:86px;line-height:1}}.quote h2{font-size:15px;font-weight:300;text-transform:lowercase;color:#07E891;margin-top:10px;text-align:center}@media only screen and (min-width: 768px){.quote h2{font-size:20px;margin-top:20px;text-shadow:1px 1px 6px rgba(0,0,0,0.2)}}@media only screen and (min-width: 1024px){.quote h2{font-size:21px;margin:10px 2px 0 0}}@media only screen and (min-width: 360px){.quote{margin-top:50%}}@media only screen and (min-width: 360px){.quote{background:transparent}}@media only screen and (min-width: 768px){.quote{margin:20% auto;padding:0}}@media only screen and (min-width: 1024px){.quote{margin:12% auto}}@media only screen and (min-width: 1330px){.quote{margin:15% auto}}.quote span{color:#07E891}.speaker{background-image:url(../images/muted-waves.png);background-position:center 15px;background-repeat:no-repeat;background-size:100%;bottom:88px;height:120px;left:71px;position:absolute;width:136px;-webkit-transition:all 0.35s ease;-moz-transition:all 0.35s ease;-o-transition:all 0.35s ease;transition:all 0.35s ease}.speaker-active{background-image:none}.speaker--play-pause{bottom:-30px;font-size:1.4em;left:27px;margin:0;position:absolute;color:#07E891}.bars{background:#07E891;bottom:1px;height:3px;position:absolute;width:10px}.bars-active{background:#07E891;bottom:1px;height:3px;position:absolute;width:10px;-webkit-animation:sounds -5000ms linear infinite alternate;-moz-animation:sounds -5000ms linear infinite alternate;animation:sounds -5000ms linear infinite alternate}@-webkit-keyframes sounds{0%{opacity:1;height:17px}100%{opacity:1;height:120px}}@-moz-keyframes sounds{0%{opacity:1;height:17px}100%{opacity:1;height:120px}}@keyframes sounds{0%{opacity:1;height:17px}100%{opacity:1;height:120px}}.bars:nth-child(1){left:0px;animation-duration:674ms}.bars:nth-child(2){left:14px;animation-duration:633ms}.bars:nth-child(3){left:28px;animation-duration:607ms}.bars:nth-child(4){left:42px;animation-duration:658ms}.bars:nth-child(5){left:56px;animation-duration:600ms}.bars:nth-child(6){left:70px;animation-duration:627ms}.bars:nth-child(7){left:84px;animation-duration:641ms}.bars:nth-child(8){left:98px;animation-duration:619ms}.bars:nth-child(9){left:112px;animation-duration:687ms}.bars:nth-child(10){left:126px;animation-duration:642ms}.scrollbar{margin-left:0;overflow-y:scroll;margin-bottom:0;width:100%}#style-8::-webkit-scrollbar{width:10px;background-color:transparent}#style-8::-webkit-scrollbar-thumb{background-color:transparent}@media only screen and (min-width: 768px){#style-8::-webkit-scrollbar-thumb{background-color:#07E891}}