@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&display=swap&subset=latin-ext');
*{font-family: 'Lato', sans-serif;}

body{font-size:20px;}


#logo{background-color:#01a8ee;height:80px;}

h1{text-align:center;color:#063c6b;font-weight:900;text-transform:uppercase;font-size:40px;}
h1 span{color:#db1522;font-weight:900;}
h2{text-align:center;color:#01a8ee;font-weight:300;font-size:30px;text-transform:uppercase;}
h2 strong{color:#db1522;font-weight:900;font-size:50px;}
h3{text-align:center;color:#829eb6;font-weight:100;font-size:35px;text-transform:uppercase;}
.polityka-prywatnosci h3, .polityka-prywatnosci{font-weight:300 !important;}

header{text-align:center;}
.header-banner{max-width:100%;height:auto;}

footer{background-color:#01a8ee;color:#fff;font-size:15px;font-weight:300;text-transform:uppercase;}

#produkty{text-align:center;}
#produkty a{color:#01a8ee;font-weight:300;}
#produkty a span{color:#db1522;}
#produkty a:hover{text-decoration:none;color:#db1522;}
#produkty .col-sm-4{}
#others a:hover img, #produkty .col-sm-4:hover{box-shadow:0px 0px 5px 1px rgba(0,0,0,0.3);transition-duration: 0.5s;}

.modal-dialog{width:90%;}
.modal-body{font-size:17px;line-height:22px;text-align:justify;}
.polityka-prywatnosci-par{font-weight:500;text-align:center;}
.polityka-prywatnosci{text-align:justify;}
.polityka-prywatnosci > h2{text-align:center;}
.polityka-prywatnosci-par{text-align:center;font-weight:bold;}
.polityka-prywatnosci > ol{list-style-type:decimal;}
.polityka-prywatnosci > ol > li > ol{list-style-type:lower-latin;}
.polityka-prywatnosci a{color:#fa0 !important;text-decoration:none;}
#mapa a{color:#000 !important;}
#mapa a:hover{color:#fa0 !important;text-decoration:none;}
.dane-kontaktowe{height:400px;color:#000;}
.mapa{padding:0 !important;}
.btn.btn-default.btn-lg{background-image:none;background-color:#01a8ee;border:0;box-shadow:none;text-shadow:none;color:#fff;transition-duration: 0.5s;}
.btn.btn-default.btn-lg:hover{background-color:#829eb6;border:0;box-shadow:none;text-shadow:none;color:#fff;}
/* Begin: galeria masonry */
.gal {-webkit-column-count: 5;-moz-column-count: 5;column-count: 5;}	
.gal img{ width: 100%; padding: 7px 0;filter: gray;-webkit-filter: grayscale(1);filter: grayscale(1);}
.gal img:hover{-webkit-filter: grayscale(0);filter: none;}
/* End: galeria masonry */
/* Begin: stylowane checkboxy i radio */
.checkbox label:after, .radio label:after {content: '';display: table;clear: both;}
.checkbox .cr, .radio .cr {background-color:#fff;position: relative;display: inline-block;border: 1px solid #000;border-radius: .25em;width: 1.3em;height: 1.3em;float: left;margin-right: .5em;color:#000 !important;}
.radio .cr {border-radius: 50%;color:#000 !important;}
.checkbox .cr .cr-icon, .radio .cr .cr-icon {position: absolute;font-size: .8em;line-height: 0;top: 50%;left: 20%;}
.radio .cr .cr-icon {margin-left: 0.04em;}
.checkbox label input[type="checkbox"], .radio label input[type="radio"] {display: none;}
.checkbox label input[type="checkbox"] + .cr > .cr-icon, .radio label input[type="radio"] + .cr > .cr-icon {transform: scale(3) rotateZ(-20deg);opacity: 0;transition: all .3s ease-in;}
.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon, .radio label input[type="radio"]:checked + .cr > .cr-icon {transform: scale(1) rotateZ(0deg);opacity: 1;}
.checkbox label input[type="checkbox"]:disabled + .cr, .radio label input[type="radio"]:disabled + .cr {opacity: .5;}
/* End: stylowane checkboxy i radio */