@font-face{font-family:'Dosis';font-style:normal;font-weight:400;src:local('Dosis Regular'), local('Dosis-Regular'), url(https://fonts.gstatic.com/s/dosis/v6/RlBXAIuiO5GvH9-0-JbBlw.woff2) format('woff2');unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Dosis';font-style:normal;font-weight:400;src:local('Dosis Regular'), local('Dosis-Regular'), url(https://fonts.gstatic.com/s/dosis/v6/4hYyXH_8WmbBLamf6WjLwg.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000}
@font-face{font-family:'Dosis';font-style:normal;font-weight:700;src:local('Dosis Bold'), local('Dosis-Bold'), url(https://fonts.gstatic.com/s/dosis/v6/fP7ud4UTUWGxo-nV1joC1RTbgVql8nDJpwnrE27mub0.woff2) format('woff2');unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Dosis';font-style:normal;font-weight:700;src:local('Dosis Bold'), local('Dosis-Bold'), url(https://fonts.gstatic.com/s/dosis/v6/22aDRG5X9l7obljtz7tihvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000}
* {margin:0;padding:0;font-family:Dosis,sans;font-size:18px;color:#111;box-sizing:border-box}
a {text-decoration:none}
p {line-height:1.7em;margin:0 0 20px;font-size:18px;text-align:justify}
p a {color:#c33}
h1 {font-size:24px;margin:0 0 20px}
h2 {font-size:22px}
h3 {font-size:18px;margin:0 0 10px}
ol,ul {list-style-position: inside;margin:0 0 0 10px}
ol li, ul li  {line-height:36px}
ol ul {margin-left:20px}
body{background:#fff}
.clr{clear:both}
.head {background:#c33;background-size:cover;height:600px;background:url('bgx600.jpg') scroll top center no-repeat transparent}
.bgx{padding:10px 0 0}
.shop {height:25px;text-align:right;padding:0 20px;align-self:flex-end;width:100%;margin:0 0 20px}
.shop a {display:inline-block;height:25px;background-size:contain;min-width:30px;margin:0 0 0 10px;box-sizing:content-box}

.header {width:1158px;margin:0 auto 20px;padding:20px 0;background:#fff}
.menu {margin:0 auto 40px;text-align:center;height:40px}
.menu a {font-size:24px;line-height:40px;margin:0 10px;color:#000;font-weight:700;display:inline-block}
.menu a:hover{color:#c33}
.quest {width:386px}
.quest:last-child{width:1158px}
.presend {padding:10px 0 0}
#sponsorzy {text-align:center;margin:0 0 20px}
.homecompmenu {width:1200px;margin:0 auto 10px;display:flex;flex-wrap:wrap;padding:10px;justify-content:center}
.homecompmenu a {width:178px;height:52px;padding:5px;margin:0 10px 20px;display:flex;align-items:center;justify-content:center;background:#fff}
.homecompmenu a img {max-width:150px;max-height:40px;display:flex}
.homecompmenu a:hover{border:1px solid #c33;}
.form_mobile{margin:0 0 20px;padding:0 5px;margin:0 auto;text-align:center;display:none}
.form_mobile input{width:61px;display:inline-block;margin:0 0 10px}
.form_mobile label{width:80px;margin:0 10px 10px 0;display:inline-block}
.form {width:1200px;margin:0 auto 20px;padding:0 20px}
.content {width:1200px;margin:0 auto;padding:21px}
.flex{display:flex;flex-wrap:wrap}
.box {width:560px;margin:0 0 38px;display:flex;flex-flow:wrap}
.box:nth-child(odd) {margin-right:38px}
.prod {position:relative}
.next,.prev{top:140px;width:33px;height:33px;line-height:33px;text-align:center;background:rgba(0,0,0,0.3);color:#fff;position:absolute;cursor:pointer;user-select:none}
.next {right:0}
.prev {left:0}
.foto {text-align:center;height:314px;line-height:314px;margin:0 0 20px;width:558px;overflow:hidden;display:block}
.foto, .foto img {display:inline-block;vertical-align:top}
.foto img {max-width:558px;max-height:314px;display:none}
.foto img.fa {display:inline-block;}
.foto.silver {background:#E4E2E3}
.foto.gray {background:#161616}
.foto.black {background:#000}
.foto.white{border-bottom:1px solid #ccc;}
.desc {min-height:40px;flex-grow:1;}
.desc h2 {padding:0 20px;font-size:21px;margin:5px 0 10px}
.desc p {padding:0 20px}
.foot {height:40px;background:#333;color:#fff;line-height:40px;text-align:center;font-size:16px;}

.qx {margin:0 0 10px}
.qx * {display:inline-block}
.qx .qd {font-size:16px}
label {font-size:13px;display:block}
label.personal {width:180px;display:block;float:left;font-size:14px}
label.openq {display:block;font-size:14px;font-weight:400;line-height:16px;margin:0 0 10px}
label.openq span {font-size:14px}
input {color:#111}
input[type=text] {background:#111;border:1px solid silver;padding:3px;margin:0 0 1px;float:left;color:#111}
input[type=radio] {font-size:14px;margin:0 10px 0 0}
input[type=submit] {background:#fff;border:1px solid #000;margin:0 0 10px;color:#000;cursor:pointer;font-weight:400;font-family:'FD-Font',sans;font-size:18px;padding:5px 10px;line-height:27px}
input[type=submit]:hover {background:#c33;color:#fff;border:1px solid #111}
textarea {width:99%;height:180px;padding:3px;color:#111}
.scale {max-width:100%}
@media only screen and (max-width: 1200px){
  .content {width:auto}
  .form {display:none}
  .homecompmenu{width:auto;}
  .header{width:auto;}
  .form_mobile{display:block}
  .topcomp{display:none}
  .showtopcomp{display:block}
  .quest:last-child{width:auto}

}
@media only screen and (max-width: 1024px){
  .content {width:auto;padding:20px 10px}
  .headbox {left:auto;position:relative;margin:0 auto}
  .box{margin:0 auto 20px !important;display:block}
  .bgx {padding:20px 0 0}
  .menu{height:auto}
  .menu a {display:inline-block}
}
@media only screen and (max-width: 860px){
.head {background:url('bgmob.jpg') scroll top center no-repeat transparent;background-size:cover;height:550px}
}
@media only screen and (max-width: 730px){
.head {background:url('bgmob.jpg') scroll top center no-repeat transparent;background-size:cover;height:450px}
}
@media only screen and (max-width: 600px){
.head {background:url('bgmob.jpg') scroll top center no-repeat transparent;background-size:cover;height:350px}
}
@media only screen and (max-width: 480px){
.head {background:url('bgmob.jpg') scroll top center no-repeat transparent;background-size:cover;height:300px}
}
@media only screen and (max-width: 440px){
.head {background:url('bgmob.jpg') scroll top center no-repeat transparent;background-size:contain;height:300px}
}
@media only screen and (max-width: 360px){
.head {background:url('bgmob.jpg') scroll top center no-repeat transparent;background-size:contain;height:240px}
}
@media only screen and (max-width: 220px){
.head {background:url('bgmob.jpg') scroll top center no-repeat transparent;background-size:contain;height:180px}
}
@media only screen and (max-width: 560px){
  .box {width:auto;margin-right:0}
  .box .foto {width:100%;height:auto;line-height:1em}
  .box .foto img {width:auto;height:auto;max-width:100%;max-height:100%}
  .next,.prev {top:100px}
  .content {width:auto;padding:10px}
  .headbox {margin:0 auto}
  .header {padding:0 5px}
  .header img {width:100%}
  .desc p {padding:0 5px}
  .foot {display:none}
  .bgx{padding:10px 0 0}
  .homecompmenu {padding:0 5px}
  .homecompmenu a {margin:0 5px 10px;width:145px;height:45px}
  .homecompmenu a img {max-width:131px;max-height:36px}
  .bgx .homecompmenu:first-child{display:flex}
  .quest{width:auto}
}