HEX
Server: Microsoft-IIS/8.5
System: Windows NT YDAWBH120 6.3 build 9600 (Windows Server 2012 R2 Standard Edition) AMD64
User: tentjecom_web (0)
PHP: 7.4.14
Disabled: NONE
Upload Files
File: D:/HostingSpaces/BOoms/pro-oils.be/wwwroot/sass/site/style.css
*{box-sizing:border-box}html{font-size:20px;line-height:1.6}@media screen and (max-width: 525px){html{font-size:16px}}img{display:block;border:none}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{transition:all 9999s linear 9999s}input::-moz-placeholder,textarea::-moz-placeholder{transition:all 9999s linear 9999s}input:-ms-input-placeholder,textarea:-ms-input-placeholder{transition:all 9999s linear 9999s}input:-moz-placeholder,textarea:-moz-placeholder{transition:all 9999s linear 9999s}figure{margin:0}.grid-row{width:85.7142857143%;max-width:1440px;margin:0 auto;font-size:0;line-height:0}.grid-row.full-row{width:100%;max-width:none}.grid-col{position:relative;display:inline-block;overflow:hidden;white-space:normal;font-size:1rem;line-height:1.6}.grid-col.center{display:block;margin:0 auto}.col-1,.col-lg-1{width:8.3333333333%}.full-row .col-1,.full-row .col-lg-1{width:7.1428571429%}.offset-1,.offset-lg-1{margin-left:8.3333333333%}.col-2,.col-lg-2{width:16.6666666667%}.full-row .col-2,.full-row .col-lg-2{width:14.2857142857%}.offset-2,.offset-lg-2{margin-left:16.6666666667%}.col-3,.col-lg-3{width:25%}.full-row .col-3,.full-row .col-lg-3{width:21.4285714286%}.offset-3,.offset-lg-3{margin-left:25%}.col-4,.col-lg-4{width:33.3333333333%}.full-row .col-4,.full-row .col-lg-4{width:28.5714285714%}.offset-4,.offset-lg-4{margin-left:33.3333333333%}.col-5,.col-lg-5{width:41.6666666667%}.full-row .col-5,.full-row .col-lg-5{width:35.7142857143%}.offset-5,.offset-lg-5{margin-left:41.6666666667%}.col-6,.col-lg-6{width:50%}.full-row .col-6,.full-row .col-lg-6{width:42.8571428571%}.offset-6,.offset-lg-6{margin-left:50%}.col-7,.col-lg-7{width:58.3333333333%}.full-row .col-7,.full-row .col-lg-7{width:50%}.offset-7,.offset-lg-7{margin-left:58.3333333333%}.col-8,.col-lg-8{width:66.6666666667%}.full-row .col-8,.full-row .col-lg-8{width:57.1428571429%}.offset-8,.offset-lg-8{margin-left:66.6666666667%}.col-9,.col-lg-9{width:75%}.full-row .col-9,.full-row .col-lg-9{width:64.2857142857%}.offset-9,.offset-lg-9{margin-left:75%}.col-10,.col-lg-10{width:83.3333333333%}.full-row .col-10,.full-row .col-lg-10{width:71.4285714286%}.offset-10,.offset-lg-10{margin-left:83.3333333333%}.col-11,.col-lg-11{width:91.6666666667%}.full-row .col-11,.full-row .col-lg-11{width:78.5714285714%}.offset-11,.offset-lg-11{margin-left:91.6666666667%}.col-12,.col-lg-12{width:100%}.full-row .col-12,.full-row .col-lg-12{width:85.7142857143%}.offset-12,.offset-lg-12{margin-left:100%}.col-13,.col-lg-13{width:108.3333333333%}.full-row .col-13,.full-row .col-lg-13{width:92.8571428571%}.offset-13,.offset-lg-13{margin-left:108.3333333333%}.col-14,.col-lg-14{width:116.6666666667%}.full-row .col-14,.full-row .col-lg-14{width:100%}.offset-14,.offset-lg-14{margin-left:116.6666666667%}@media screen and (min-width: 1601px){.col-xl-1{width:8.3333333333%}.offset-xl-1{margin-left:8.3333333333%}}@media screen and (max-width: 1080px){.col-md-1{width:8.3333333333%}.offset-md-1{margin-left:8.3333333333%}}@media screen and (max-width: 768px){.col-sm-1{width:8.3333333333%}.offset-sm-1{margin-left:8.3333333333%}}@media screen and (max-width: 400px){.col-xs-1{width:8.3333333333%}.offset-xs-1{margin-left:8.3333333333%}}@media screen and (min-width: 1601px){.col-xl-2{width:16.6666666667%}.offset-xl-2{margin-left:16.6666666667%}}@media screen and (max-width: 1080px){.col-md-2{width:16.6666666667%}.offset-md-2{margin-left:16.6666666667%}}@media screen and (max-width: 768px){.col-sm-2{width:16.6666666667%}.offset-sm-2{margin-left:16.6666666667%}}@media screen and (max-width: 400px){.col-xs-2{width:16.6666666667%}.offset-xs-2{margin-left:16.6666666667%}}@media screen and (min-width: 1601px){.col-xl-3{width:25%}.offset-xl-3{margin-left:25%}}@media screen and (max-width: 1080px){.col-md-3{width:25%}.offset-md-3{margin-left:25%}}@media screen and (max-width: 768px){.col-sm-3{width:25%}.offset-sm-3{margin-left:25%}}@media screen and (max-width: 400px){.col-xs-3{width:25%}.offset-xs-3{margin-left:25%}}@media screen and (min-width: 1601px){.col-xl-4{width:33.3333333333%}.offset-xl-4{margin-left:33.3333333333%}}@media screen and (max-width: 1080px){.col-md-4{width:33.3333333333%}.offset-md-4{margin-left:33.3333333333%}}@media screen and (max-width: 768px){.col-sm-4{width:33.3333333333%}.offset-sm-4{margin-left:33.3333333333%}}@media screen and (max-width: 400px){.col-xs-4{width:33.3333333333%}.offset-xs-4{margin-left:33.3333333333%}}@media screen and (min-width: 1601px){.col-xl-5{width:41.6666666667%}.offset-xl-5{margin-left:41.6666666667%}}@media screen and (max-width: 1080px){.col-md-5{width:41.6666666667%}.offset-md-5{margin-left:41.6666666667%}}@media screen and (max-width: 768px){.col-sm-5{width:41.6666666667%}.offset-sm-5{margin-left:41.6666666667%}}@media screen and (max-width: 400px){.col-xs-5{width:41.6666666667%}.offset-xs-5{margin-left:41.6666666667%}}@media screen and (min-width: 1601px){.col-xl-6{width:50%}.offset-xl-6{margin-left:50%}}@media screen and (max-width: 1080px){.col-md-6{width:50%}.offset-md-6{margin-left:50%}}@media screen and (max-width: 768px){.col-sm-6{width:50%}.offset-sm-6{margin-left:50%}}@media screen and (max-width: 400px){.col-xs-6{width:50%}.offset-xs-6{margin-left:50%}}@media screen and (min-width: 1601px){.col-xl-7{width:58.3333333333%}.offset-xl-7{margin-left:58.3333333333%}}@media screen and (max-width: 1080px){.col-md-7{width:58.3333333333%}.offset-md-7{margin-left:58.3333333333%}}@media screen and (max-width: 768px){.col-sm-7{width:58.3333333333%}.offset-sm-7{margin-left:58.3333333333%}}@media screen and (max-width: 400px){.col-xs-7{width:58.3333333333%}.offset-xs-7{margin-left:58.3333333333%}}@media screen and (min-width: 1601px){.col-xl-8{width:66.6666666667%}.offset-xl-8{margin-left:66.6666666667%}}@media screen and (max-width: 1080px){.col-md-8{width:66.6666666667%}.offset-md-8{margin-left:66.6666666667%}}@media screen and (max-width: 768px){.col-sm-8{width:66.6666666667%}.offset-sm-8{margin-left:66.6666666667%}}@media screen and (max-width: 400px){.col-xs-8{width:66.6666666667%}.offset-xs-8{margin-left:66.6666666667%}}@media screen and (min-width: 1601px){.col-xl-9{width:75%}.offset-xl-9{margin-left:75%}}@media screen and (max-width: 1080px){.col-md-9{width:75%}.offset-md-9{margin-left:75%}}@media screen and (max-width: 768px){.col-sm-9{width:75%}.offset-sm-9{margin-left:75%}}@media screen and (max-width: 400px){.col-xs-9{width:75%}.offset-xs-9{margin-left:75%}}@media screen and (min-width: 1601px){.col-xl-10{width:83.3333333333%}.offset-xl-10{margin-left:83.3333333333%}}@media screen and (max-width: 1080px){.col-md-10{width:83.3333333333%}.offset-md-10{margin-left:83.3333333333%}}@media screen and (max-width: 768px){.col-sm-10{width:83.3333333333%}.offset-sm-10{margin-left:83.3333333333%}}@media screen and (max-width: 400px){.col-xs-10{width:83.3333333333%}.offset-xs-10{margin-left:83.3333333333%}}@media screen and (min-width: 1601px){.col-xl-11{width:91.6666666667%}.offset-xl-11{margin-left:91.6666666667%}}@media screen and (max-width: 1080px){.col-md-11{width:91.6666666667%}.offset-md-11{margin-left:91.6666666667%}}@media screen and (max-width: 768px){.col-sm-11{width:91.6666666667%}.offset-sm-11{margin-left:91.6666666667%}}@media screen and (max-width: 400px){.col-xs-11{width:91.6666666667%}.offset-xs-11{margin-left:91.6666666667%}}@media screen and (min-width: 1601px){.col-xl-12{width:100%}.offset-xl-12{margin-left:100%}}@media screen and (max-width: 1080px){.col-md-12{width:100%}.offset-md-12{margin-left:100%}}@media screen and (max-width: 768px){.col-sm-12{width:100%}.offset-sm-12{margin-left:100%}}@media screen and (max-width: 400px){.col-xs-12{width:100%}.offset-xs-12{margin-left:100%}}@media screen and (min-width: 1601px){.col-xl-13{width:108.3333333333%}.offset-xl-13{margin-left:108.3333333333%}}@media screen and (max-width: 1080px){.col-md-13{width:108.3333333333%}.offset-md-13{margin-left:108.3333333333%}}@media screen and (max-width: 768px){.col-sm-13{width:108.3333333333%}.offset-sm-13{margin-left:108.3333333333%}}@media screen and (max-width: 400px){.col-xs-13{width:108.3333333333%}.offset-xs-13{margin-left:108.3333333333%}}@media screen and (min-width: 1601px){.col-xl-14{width:116.6666666667%}.offset-xl-14{margin-left:116.6666666667%}}@media screen and (max-width: 1080px){.col-md-14{width:116.6666666667%}.offset-md-14{margin-left:116.6666666667%}}@media screen and (max-width: 768px){.col-sm-14{width:116.6666666667%}.offset-sm-14{margin-left:116.6666666667%}}@media screen and (max-width: 400px){.col-xs-14{width:116.6666666667%}.offset-xs-14{margin-left:116.6666666667%}}.visible-grid-container{display:flex;justify-content:center}.visible-grid{display:block;position:fixed;z-index:10000;pointer-events:none}.visible-grid .grid-col{background:rgba(0,255,255,0.6);height:100vh}.visible-grid .grid-col:nth-child(2n){background:rgba(0,255,255,0.3)}.visible-grid:before,.visible-grid:after{content:"";position:absolute;top:0;width:calc(100% / 12);height:100%;background:rgba(0,255,0,0.5)}.visible-grid:before{left:calc(-100% / 12)}.visible-grid:after{right:calc(-100% / 12)}.breakpoint{position:fixed;right:0;bottom:0;width:20px;height:20px;z-index:10000;background:#0ABEFF}@media screen and (min-width: 1601px){.breakpoint{background:red}}@media screen and (max-width: 1366px){.breakpoint{background:blue}}@media screen and (max-width: 1080px){.breakpoint{background:green}}@media screen and (max-width: 768px){.breakpoint{background:#ff0}}@media screen and (max-width: 400px){.breakpoint{background:pink}}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{margin:0;font-family:"Rubik",sans-serif;line-height:1.6;font-feature-settings:"lnum"}* ::selection{background:#234bfc;color:#fff}input,textarea{font-family:"Open Sans",sans-serif}.button{display:inline-block;padding:10px 20px;background-color:#00C7FF;border:1px solid #fff;border-radius:10px;text-decoration:none;color:#fff}.button .arrow{display:inline-block;margin-left:25px;background:url("/img/komma_sprite.svg") 35px 1px no-repeat;background-size:100px 85px;width:15px;height:10px;transform:translate3d(0, 0, 0);transition:transform .3s}.button:hover .arrow{transform:translate3d(5px, 0, 0)}.nowrap{white-space:nowrap}@media screen and (max-width: 1600px){.hide-on-xl-or-smaller{display:none}}@media screen and (min-width: 1601px){.hide-on-xl-or-larger{display:none}}@media screen and (max-width: 1366px){.hide-on-lg-or-smaller{display:none}}@media screen and (min-width: 1367px){.hide-on-lg-or-larger{display:none}}@media screen and (max-width: 1080px){.hide-on-md-or-smaller{display:none}}@media screen and (min-width: 1081px){.hide-on-md-or-larger{display:none}}@media screen and (max-width: 768px){.hide-on-sm-or-smaller{display:none}}@media screen and (min-width: 769px){.hide-on-sm-or-larger{display:none}}@media screen and (max-width: 400px){.hide-on-xs-or-smaller{display:none}}@media screen and (min-width: 401px){.hide-on-xs-or-larger{display:none}}.landings-page{position:relative;min-height:100vh}.landings-page .background{position:absolute;z-index:1;top:0;left:0;display:block;width:100%;height:100%;background-position:center;background-size:cover}.landings-page .background:before{content:"";position:absolute;left:0;top:0;display:block;width:100%;height:100%;opacity:.6;background:radial-gradient(ellipse at center,#3f1f15 0%,#000 100%)}.landings-page .placeholder{height:calc(100vh - 100px);min-height:750px;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;justify-content:center;align-items:center}.landings-page .placeholder .modal{position:relative;z-index:2;width:500px;background:#eaeaea}.landings-page .placeholder .modal .impression-image{width:100%}.landings-page .placeholder .modal .impression-image img{width:100%}.landings-page .placeholder .modal .content{padding:40px}.landings-page .placeholder .modal .content .copyright{position:absolute;bottom:-35px;left:0;width:100%;font-size:.7rem;text-align:center;color:#fff}.landings-page .placeholder .logo{width:250px;margin-bottom:40px}.landings-page .placeholder .logo img{width:100%;max-height:85px}.landings-page .placeholder p{margin:0;color:#1d1d1b;font-size:.9rem;line-height:1.4}.landings-page .placeholder p a{color:#1d1d1b}.landings-page .placeholder p strong{display:inline-block;width:25px}.button{display:inline-block;padding:8px 15px;margin-top:25px;background:#EE8223;color:#fff;font-size:.9rem}
/*# sourceMappingURL=style.css.map */