.oneline {white-space: nowrap}
.flex-row {display:flex;flex-flow:row wrap;}
.flex-col {display:flex;flex-flow:column nowrap;}
.flex-row-col {display:flex;flex-flow:row nowrap;align-items:stretch;justify-content:space-around}
.flex-row-col .flex-between {flex:0 0 auto;padding-left:2%;border-right:1px dotted #c0c0c0;margin-right:2%}
.flex-row-f {display:flex;flex-flow:row nowrap;}
.flex-ac {align-items:center;}
.flex-at {align-items:flex-start;}
.flex-ab {align-items:flex-end;}
.flex-as {align-items:stretch;}
.flex-jb {justify-content: space-between}
.flex-ja {justify-content: space-around}
.flex-jc {justify-content: center}
.flex-jl {justify-content: flex-start}
.flex-jr {justify-content: flex-end}
.formularz-produkcja {margin:0 auto;display:flex;flex-flow:column nowrap;align-items:center;justify-content: flex-start;}
.formularz-produkcja * {box-sizing:border-box;font-family:"PT Sans Narrow",sans-serif;}
.produkcja-title {text-align:center}
.produkcja-title strong {text-transform:uppercase}
.produkcja-section {max-width:100%;width:560px;background:#fff;padding:0;margin-bottom:30px;flex:1 1 auto;border-radius:0 0 3px 3px;
    transition:all 0.3s linear;box-shadow:0 3px 20px rgba(0,0,0,0.18)}
.produkcja-section:hover {box-shadow:0 4px 30px rgba(0,0,0,0.25)}
.produkcja-section h3 {margin:0 0 0px 0;padding:8px 16px;background:#484848;color:#ffc060}
.produkcja-blok {padding:25px 30px;font-size:12pt}
.produkcja-blok label {margin-left:6px;font-size:12pt}
.produkcja-blok .label {margin-left:6px;display:inline-block}
.formularz-produkcja textarea {width:100%;padding:8px 12px;border:1px solid #d0d0d0;background:#f8f8f8}
.formularz-produkcja input {font-size:12pt}
.formularz-produkcja input[type=text] {width:100%;padding:6px 12px;border:1px solid #d0d0d0;background:#f8f8f8}
.formularz-produkcja input[type=text].xxshort {width:50px}
.formularz-produkcja input[type=text].xshort {width:15%;min-width:80px}
.formularz-produkcja input[type=text].short {width:25%;min-width:120px}
.formularz-produkcja input[type=text].med {width:50%;min-width:240px}
.formularz-produkcja select.short {min-width:120px}
.formularz-produkcja select.med {min-width:200px}
.formularz-produkcja select.long {min-width:280px}
.formularz-produkcja input[type=number]{width:15%;min-width:80px;padding:8px 12px;border:1px solid #d0d0d0;background:#f8f8f8}
.formularz-produkcja *:disabled {color:#d0d0d0;font-style: italic}
.formularz-produkcja span.info {display:inline-block;width:100%;padding:8px 12px;border:1px solid #d0d0d0;background:#f8f8f8;line-height:22px}
.formularz-produkcja span.xshort {min-width:80px}
.formularz-produkcja span.short {min-width:120px}
.formularz-produkcja span.med {min-width:240px}
.formularz-produkcja span.info.xshort {width:15%}
.formularz-produkcja span.info.short {width:25%;}
.formularz-produkcja span.info.med {width:50%;}
#formularz-produkcja .hr {height:1px;padding-top:5px;margin-bottom:10px;clear:both;border-bottom:1px solid #f0f0f0;display:block}

.formularz-produkcja .input_box {padding-top:0.4em;margin-bottom:0.4em}
.formularz-produkcja .input_box.highline {line-height:2.1em}
.formularz-produkcja .input_box .highline2 {line-height:38px}
.formularz-produkcja .input_box img {max-width:150px;max-height:100px}
.formularz-produkcja img.imgwithzoom {max-width:100px;max-height:60px;padding:3px;border:1px solid #f0f0f0;border-radius:2px;cursor:pointer;margin-bottom:4px}
.formularz-produkcja .button {font-size:14pt}
#formularz-produkcja img {}
.formularz-produkcja .pic {border:1px solid #e0e0e0;padding:8px;background:#fff;border-radius:2px}
.formularz-produkcja .hidden {opacity:0;height:0;overflow:hidden}
.formularz-produkcja .marked {text-decoration: underline}
.produkcja-blok .label-left {margin-left:0px;margin-right:6px;display:inline-block}
.produkcja-blok .label-left.long {min-width:180px}
.produkcja-blok .label-left.med {min-width:120px}
.produkcja-blok .label-left.short {min-width:90px}
.produkcja-blok .label-left.xshort {min-width:65px}
.produkcja-blok .label.long {min-width:180px}
.produkcja-blok .label.med {min-width:120px}
.produkcja-blok .label.short {min-width:90px}
.produkcja-blok .label.xshort {min-width:65px}
.produkcja-suboptions {padding-left:30px}

.inactive {overflow:hidden;visibility:hidden;opacity:0;transition: visibility 0s 0.4s, opacity 0.4s linear;}
.inactive2 {display:none}
.inactive>* {margin-top: -10000px;transition: margin-top 0s 0.4s;}

#pic-zaczep {;transition:opacity 0.3s linear}
input:disabled {opacity:0.2;}
select:disabled {opacity:0.2}

.formularz-link {flex:0 1 360px;background:#fff;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;padding-top:50px;padding-bottom:20px;box-sizing:border-box;position:relative;margin:0 10px 20px;transition:all 0.3s;box-shadow:0 1px 3px rgba(0,0,0,0.05)}
.formularz-link:hover {box-shadow:0 1px 16px rgba(0,0,0,0.2)}
.formularz-link div {font-size:14pt;font-weight:700;padding:10px 10px;position:absolute;top:0;left:0;right:0;box-sizing:border-box;background:rgba(255,255,255,0.8);text-align:center}
.formularz-link img {max-width:80% !important;box-sizing:border-box;max-height:260px}

.wymiar {text-align:center;padding:5px 5px 7px;background-image:url(gfx/arrow-left.png),url(gfx/arrow-right.png);background-repeat:no-repeat;background-position: bottom left,bottom right}
.pic-zamkniecia {position:relative;margin:0 0px;max-width:640px;}
.schemat-zamkniecia {border:1px solid #404040;height:25px;margin:10px auto 15px}
.pic-zamkniecie-lewe {flex:0 0 auto;position:absolute;bottom:-12px;left:-18px;z-index:1}
.pic-zamkniecie-prawe {flex:0 0 auto;position:absolute;bottom:-12px;right:-18px;z-index:1}
.pic-zamkniecia .pic-komponent {mix-blend-mode: normal}
.pic-zamkniecia img {width:94px}
.zamkniecia-szerokosc {flex:1 1 auto}
.zamkniecie-lewe-szerokosc , .zamkniecie-prawe-szerokosc {flex:0 0 auto;min-width:25px}
.pic-zamkniecie-prawe img {transform:rotateY(180deg)}

.formularz-produkcja .kolor {border:1px solid #fff;border-radius:2px;box-shadow:0 0 2px rgba(0,0,0,1);display:inline-block;width:40px;height:1.4em;vertical-align: middle;margin:0 3px}
#bialy {background:#f7f7f7}
#szary {background:#c0c0c0}

#drzwi-podglad {height:0;position:relative;padding-top:116.8%;border:1px solid #808080}
#drzwi-podglad-in {position:absolute;top:0;left:0;right:0;bottom:0;background:center center no-repeat;background-size:contain}
.drzwi-wymiar {position:absolute;display:inline-block;background:#fff;line-height:1em;transform:translateX(-50%)}
#drzwi-wymiar-le {top:91.5%;left:47%}
.drzwi-4 #drzwi-wymiar-le {top:87%}
.drzwi-2-1 #drzwi-wymiar-le {top:86%}
#drzwi-wymiar-pi {transform:rotate(-90deg) translateX(-50%);left:90%;top:38%}
.drzwi-4 #drzwi-wymiar-pi {left:88%}
#drzwi-wymiar-x1 {top:77.8%;left:43%}
.drzwi-4 #drzwi-wymiar-x1 {left:44.2%;top:76%}
#drzwi-wymiar-x2 {top:83.8%;left:34%}
.drzwi-4 #drzwi-wymiar-x2 {top:81%;left:35%}
.drzwi-2-1 #drzwi-wymiar-x2 {display:none}
#hint {position:absolute;display:block;opacity:0;max-width:240px;padding:5px 10px;border:0px solid #d0d0d0;background:#fff;left:-100000px;top:0px;font-size:0.75rem;text-align:center;transition:opacity 0.2s linear, left 0 linear 0.2s;box-shadow:1px 2px 5px rgba(0,0,0,.3)}
#hint img{max-width:100%;max-height:200px}
#hint.visible {opacity:1}

.formularz-produkcja table.minitable {margin:0;border:1px solid #d0d0d0}
.formularz-produkcja table.minitable td {padding:2px 4px;line-height:1.2em;border:1px solid #d0d0d0}
.formularz-produkcja table.minitable td.bg {background:#e0e0e0}

.minibutton {border-radius:3px;border:0;background:#404040;padding:6px 12px;font-size:11pt;font-weight:400;color:#fff;text-transform: uppercase;cursor:pointer}

.imgwithzoom,.pic-towar img, .pic-toggle img {min-width:32px;min-height:32px;background:no-repeat center center url(gfx/ajax-loader.gif)}

.produkcja-blok .flex-row {display:flex;flex-flow:row wrap;}
.produkcja-blok .flex-col {display:flex;flex-flow:column nowrap;}
.produkcja-blok .flex-row-col {display:flex;flex-flow:row nowrap;align-items:stretch;justify-content:space-around}
.produkcja-blok .flex-row-col .flex-between {flex:0 0 auto;padding-left:2%;border-right:1px dotted #c0c0c0;margin-right:2%}
.produkcja-blok .flex-row-f {display:flex;flex-flow:row nowrap;}
.produkcja-blok .flex-ac {align-items:center;}
.produkcja-blok .flex-at {align-items:flex-start;}
.produkcja-blok .flex-ab {align-items:flex-end;}
.produkcja-blok .flex-as {align-items:stretch;}
.produkcja-blok .flex-jb {justify-content: space-between}
.produkcja-blok .flex-ja {justify-content: space-around}
.produkcja-blok .flex-jc {justify-content: center}
.produkcja-blok .flex-jl {justify-content: flex-start}
.produkcja-blok .flex-jr {justify-content: flex-end}


@media
only screen  and (max-width:480px) {
    #formularz-produkcja {;margin-left:-20px;margin-right:-20px}
    .produkcja-section {border-radius:0}
    .produkcja-blok {padding:20px 20px;}
}