/* Global reset */
*{vertical-align:baseline;font-weight:inherit;font-family:inherit;font-style:inherit;font-size:100%;border:0 none;outline:0;padding:0;margin:0;list-style:none;}

/* Fonty */
@font-face{font-family:'cantarell-cscs-regular';src:url('../fonts/cantarell-cs-regular-webfont.eot');src:url('../fonts/cantarell-cs-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/cantarell-cs-regular-webfont.woff2') format('woff2'),
    url('../fonts/cantarell-cs-regular-webfont.woff') format('woff'),
    url('../fonts/cantarell-cs-regular-webfont.ttf') format('truetype'),
    url('../fonts/cantarell-cs-regular-webfont.svg#cantarell-cscs-regular') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'cantarell-cscs-bold';src:url('../fonts/cantarell-cs-bold-webfont.eot');src:url('../fonts/cantarell-cs-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/cantarell-cs-bold-webfont.woff2') format('woff2'),
    url('../fonts/cantarell-cs-bold-webfont.woff') format('woff'),
    url('../fonts/cantarell-cs-bold-webfont.ttf') format('truetype'),
    url('../fonts/cantarell-cs-bold-webfont.svg#cantarell-cscs-bold') format('svg');font-weight:normal;font-style:normal;}

/* Main css */
body{background:#fff;font-family:'cantarell-cscs-regular', Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6{margin-top:0;}
img{max-width:100%;height:auto;}
.center{max-width:100%;margin:0 auto;position:relative;}
#wrapper{width:100%;max-width:1920px; margin: 0 auto}
#container{max-width:100%;}
header{max-width:100%;position:relative;}
header > .logo{margin-top:60px;}
body:not(.body-xs):not(.body-sm) header > .logo{position:absolute;}
body:not(.body-xs):not(.body-sm) header > .description{display:flex;align-items:center;}
header > .description .text{padding:60px 15px;}
header > .description .text h1{font-size:45px;color:#0f5896;margin-bottom:20px;}
.body-xs header > .description .text h1,.body-md header > .description .text h1{font-size:35px;}
.body-xl header > .description .text h1{font-size:65px;}
header > .description .text p{color:#9d9e9e;font-size:25px;line-height:1.2;}
.body-xs header > .description .text p,.body-md header > .description .text p{font-size:20px;}
.body-xl header > .description .text p{font-size:35px;}
body:not(.body-xs):not(.body-sm) header .scrollBottom{text-align:right;display:flex;align-items:center;margin-top:-145px;}
.body-xs header .scrollBottom,.body-sm header .scrollBottom{ padding: 15px; text-align: center;}
header .scrollBottom p{margin:0;}
header .scrollBottom img{cursor:pointer;}
body:not(.body-xs):not(.body-sm) header .scrollBottom img{margin-right:-83px;cursor:pointer;}
.body-xs header .scrollBottom img{margin-top:25px;}
header .scrollBottom span{display:inline-block;font-size:16px;color:#0f5896;}
.body-md header .scrollBottom span{font-size:14px;}
.body-xl header .scrollBottom span{font-size:22px;}
#main{max-width:100%;}
#main #zalety{background:#0f5896 url(../images/cechy-produktow.jpg) 50% 0 no-repeat;padding:60px 0;color:#fff;min-height:950px;}
#main #zalety h2{font-size:25px;margin-bottom:70px;}
.body-xs #main #zalety .entry,.body-sm #main #zalety .entry{margin-bottom:30px;}
.body-xl #main #zalety h2{font-size:35px;}
#main #zalety h3{font-size:18px;margin:30px 0;line-height:1.2;}
.body-xl #main #zalety h3{font-size:22px;}
#main #zalety .demo{margin-top:60px;margin-bottom:60px;}
#main #zalety .btn{background:#06f;color:#fff;top:50px;position:relative;border-radius:0;font-size:25px;padding:30px 15px;z-index:99999;text-align:left;line-height:1.2;box-shadow:none !important;}
.body-xs #main #zalety .btn, .body-sm #main #zalety .btn{font-size:16px;margin-bottom:60px;}
body:not(.body-xs):not(.body-sm):not(.body-md) #main #zalety .btn{display:flex;align-items:center;}
#main #zalety .btn .button-2{text-align:right;font-size:35px;font-family:'cantarell-cscs-bold', Arial, Helvetica, sans-serif;}
.body-xl #main #zalety .btn{font-size:35px;}
#main #zalety .btn > span{font-size:16px;font-family:'cantarell-cscs-regular', Arial, Helvetica, sans-serif;position:absolute;top:100%;right:60px;display:block;padding:15px 0;}
.body-xl #main #zalety .btn > span{font-size:22px;}
#main #zalety .btn > span:after{content:'';width:136px;height:145px;background:url(../images/arrow-down.png) 0 0 no-repeat;position:absolute;bottom:-60px;}
body:not(.body-xs):not(.body-sm) #main #zalety .image img{position:absolute;left:0;top:-100px;}
#main #projects{padding:100px 0 50px 0;}
#main #projects .item{margin-bottom:30px;}
#main #projects .item a{border:1px solid #babcbe;display:block;position:relative;overflow:hidden;text-align:center;}
#main #projects .item:hover a:after{content:'';background:rgba(0, 102, 255, .8) url(../images/zobacz-demo.png) 50% 50% no-repeat;position:absolute;width:100%;height:100%;top:0;left:0;}
footer{max-width:100%;background:#0f5896;text-align:center;padding:30px 15px 20px 15px;font-size:16px;color:#fff;}