.slick-slider,.sweet-alert input,.tags{box-sizing:border-box}.lb-loader,.lightbox{text-align:center;line-height:0}body:after{content:url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);display:none}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../images/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../images/prev.png) left 48% no-repeat;opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../images/next.png) right 48% no-repeat;opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:24px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:14px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../images/close.png) top right no-repeat;text-align:right;outline:0;opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;opacity:1}.sweet-alert,.sweet-overlay{position:fixed;display:none}body.stop-scrolling{height:100%;overflow:hidden}.sweet-overlay{background-color:#000;background-color:rgba(0,0,0,.4);left:0;right:0;top:0;bottom:0;z-index:10000}.sweet-alert{background-color:#fff;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;width:478px;padding:35px 17px;border-radius:5px;text-align:center;left:50%;top:50%;margin-left:-256px;margin-top:-200px;overflow:hidden;z-index:99999}@media all and (max-width:540px){.sweet-alert{width:auto;margin-left:0;margin-right:0;left:15px;right:15px}}.sweet-alert h2{padding-top:10px;color:#575757;font-size:28px;text-align:center;font-weight:600;text-transform:none;position:relative;margin:15px 0 10px 0;padding:0;line-height:40px;display:block;font-family:'Titillium Web',sans-serif;position:relative}.sweet-alert h2:before{display:block;content:'';width:35px;height:1px;background:#044ca0;position:absolute;top:-8px;left:0;right:0;margin:auto}.sweet-alert p{color:#797979;font-size:16px;font-weight:300;position:relative;text-align:inherit;float:none;margin:0;padding:0;line-height:normal}.btn,.tags{text-align:center}.sweet-alert fieldset{border:none;position:relative}.sweet-alert .sa-error-container{background-color:#f1f1f1;margin-left:-17px;margin-right:-17px;overflow:hidden;padding:0 10px;max-height:0;webkit-transition:padding .15s,max-height .15s;transition:padding .15s,max-height .15s}.sweet-alert .sa-error-container.show{padding:10px 0;max-height:100px;webkit-transition:padding .2s,max-height .2s;transition:padding .25s,max-height .25s}.sweet-alert .sa-error-container .icon{display:inline-block;width:24px;height:24px;border-radius:50%;background-color:#ea7d7d;color:#fff;line-height:24px;text-align:center;margin-right:3px}.sweet-alert .sa-error-container p{display:inline-block}.sweet-alert .sa-input-error{position:absolute;top:29px;right:26px;width:20px;height:20px;opacity:0;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:all .1s;transition:all .1s}.sweet-alert .sa-input-error::after,.sweet-alert .sa-input-error::before{content:"";width:20px;height:6px;background-color:#f06e57;border-radius:3px;position:absolute;top:50%;margin-top:-4px;left:50%;margin-left:-9px}.sweet-alert .sa-input-error::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-input-error::after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-input-error.show{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.sweet-alert input{width:100%;text-align:center;border-radius:3px;border:1px solid #d7d7d7;height:43px;margin-top:10px;margin-bottom:17px;font-size:18px;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);padding:0 12px;display:none;-webkit-transition:all .3s;transition:all .3s}.sweet-alert input:focus{outline:0;box-shadow:0 0 3px #fff;border:1px solid #e6e6e6}.sweet-alert input:focus::-moz-placeholder{transition:opacity .3s 30ms ease;opacity:.5}.sweet-alert input:focus:-ms-input-placeholder{transition:opacity .3s 30ms ease;opacity:.5}.sweet-alert input:focus::-webkit-input-placeholder{transition:opacity .3s 30ms ease;opacity:.5}.sweet-alert input::-moz-placeholder{color:#bdbdbd}.sweet-alert input::-ms-clear{display:none}.sweet-alert input:-ms-input-placeholder{color:#bdbdbd}.sweet-alert input::-webkit-input-placeholder{color:#bdbdbd}.sweet-alert.show-input input{display:block}.sweet-alert .sa-confirm-button-container{display:inline-block;position:relative}.sweet-alert .la-ball-fall{position:absolute;left:50%;top:50%;margin-left:-27px;margin-top:4px;opacity:0;visibility:hidden}.sweet-alert button{background-color:#8cd4f5;color:#fff;border:none;box-shadow:none;font-size:17px;font-weight:500;-webkit-border-radius:4px;border-radius:5px;padding:10px 32px;margin:26px 5px 0;cursor:pointer}.sweet-alert button:focus{outline:0;box-shadow:0 0 2px rgba(128,179,235,.5),inset 0 0 0 1px rgba(0,0,0,.05)}.sweet-alert button:hover{background-color:#7ecff4}.sweet-alert button:active{background-color:#5dc2f1}.sweet-alert button.cancel{background-color:#c1c1c1}.sweet-alert button.cancel:hover{background-color:#b9b9b9}.sweet-alert button.cancel:active{background-color:#a8a8a8}.sweet-alert button.cancel:focus{box-shadow:rgba(197,205,211,.8) 0 0 2px,rgba(0,0,0,.0470588) 0 0 0 1px inset!important}.sweet-alert button[disabled]{opacity:.6;cursor:default}#nav-icon1,.btn,.editoFrame a,.editoFrame2 a,.editoFrame3 a{cursor:pointer}.sweet-alert button.confirm[disabled]{color:transparent}.sweet-alert button.confirm[disabled]~.la-ball-fall{opacity:1;visibility:visible;transition-delay:0s}.sweet-alert button::-moz-focus-inner{border:0}.sweet-alert[data-has-cancel-button=false] button{box-shadow:none!important}.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false]{padding-bottom:40px}.sweet-alert .sa-icon{width:80px;height:80px;border:4px solid gray;-webkit-border-radius:40px;border-radius:50%;margin:20px auto;padding:0;position:relative;box-sizing:content-box}.sweet-alert .sa-icon.sa-error{border-color:#f27474}.sweet-alert .sa-icon.sa-error .sa-x-mark{position:relative;display:block}.sweet-alert .sa-icon.sa-error .sa-line{position:absolute;height:5px;width:47px;background-color:#f27474;display:block;top:37px;border-radius:2px}.sweet-alert .sa-icon.sa-error .sa-line.sa-left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.sweet-alert .sa-icon.sa-error .sa-line.sa-right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}.sweet-alert .sa-icon.sa-warning{border-color:#f8bb86}.sweet-alert .sa-icon.sa-warning .sa-body{position:absolute;width:5px;height:47px;left:50%;top:10px;-webkit-border-radius:2px;border-radius:2px;margin-left:-2px;background-color:#f8bb86}.sweet-alert .sa-icon.sa-warning .sa-dot{position:absolute;width:7px;height:7px;-webkit-border-radius:50%;border-radius:50%;margin-left:-3px;left:50%;bottom:10px;background-color:#f8bb86}.sweet-alert .sa-icon.sa-info::after,.sweet-alert .sa-icon.sa-info::before{content:"";background-color:#c9dae1;left:50%;position:absolute}.sweet-alert .sa-icon.sa-info{border-color:#c9dae1}.sweet-alert .sa-icon.sa-info::before{width:5px;height:29px;bottom:17px;border-radius:2px;margin-left:-2px}.sweet-alert .sa-icon.sa-info::after{width:7px;height:7px;border-radius:50%;margin-left:-3px;top:19px}.sweet-alert .sa-icon.sa-success{border-color:#a5dc86}.sweet-alert .sa-icon.sa-success::after,.sweet-alert .sa-icon.sa-success::before{content:'';position:absolute;width:60px;height:120px;background:#fff}.sweet-alert .sa-icon.sa-success::before{-webkit-border-radius:120px 0 0 120px;border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.sweet-alert .sa-icon.sa-success::after{-webkit-border-radius:0 120px 120px 0;border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px}.sweet-alert .sa-icon.sa-success .sa-placeholder{width:80px;height:80px;border:4px solid rgba(165,220,134,.2);-webkit-border-radius:40px;border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.sweet-alert .sa-icon.sa-success .sa-fix{width:5px;height:90px;background-color:#fff;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-icon.sa-success .sa-line{height:5px;background-color:#a5dc86;display:block;border-radius:2px;position:absolute;z-index:2}.sweet-alert .sa-icon.sa-success .sa-line.sa-tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-icon.sa-success .sa-line.sa-long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-icon.sa-custom{background-size:contain;border-radius:0;border:none;background-position:center center;background-repeat:no-repeat}@-webkit-keyframes showSweetAlert{0%{transform:scale(.7);-webkit-transform:scale(.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(.95);-webkit-transform:scale(.95)}100%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes showSweetAlert{0%{transform:scale(.7);-webkit-transform:scale(.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(.95);-webkit-transform:scale(.95)}100%{transform:scale(1);-webkit-transform:scale(1)}}@-webkit-keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(.5);-webkit-transform:scale(.5)}}@keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(.5);-webkit-transform:scale(.5)}}@-webkit-keyframes slideFromTop{0%{top:0}100%{top:50%}}@keyframes slideFromTop{0%{top:0}100%{top:50%}}@-webkit-keyframes slideToTop{0%{top:50%}100%{top:0}}@keyframes slideToTop{0%{top:50%}100%{top:0}}@-webkit-keyframes slideFromBottom{0%{top:70%}100%{top:50%}}@keyframes slideFromBottom{0%{top:70%}100%{top:50%}}@-webkit-keyframes slideToBottom{0%{top:50%}100%{top:70%}}@keyframes slideToBottom{0%{top:50%}100%{top:70%}}.showSweetAlert[data-animation=pop]{-webkit-animation:showSweetAlert .3s;animation:showSweetAlert .3s}.showSweetAlert[data-animation=none]{-webkit-animation:none;animation:none}.showSweetAlert[data-animation=slide-from-top]{-webkit-animation:slideFromTop .3s;animation:slideFromTop .3s}.showSweetAlert[data-animation=slide-from-bottom]{-webkit-animation:slideFromBottom .3s;animation:slideFromBottom .3s}.hideSweetAlert[data-animation=pop]{-webkit-animation:hideSweetAlert .2s;animation:hideSweetAlert .2s}.hideSweetAlert[data-animation=none]{-webkit-animation:none;animation:none}.hideSweetAlert[data-animation=slide-from-top]{-webkit-animation:slideToTop .4s;animation:slideToTop .4s}.hideSweetAlert[data-animation=slide-from-bottom]{-webkit-animation:slideToBottom .3s;animation:slideToBottom .3s}@-webkit-keyframes animateSuccessTip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes animateSuccessTip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@-webkit-keyframes animateSuccessLong{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@keyframes animateSuccessLong{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@-webkit-keyframes rotatePlaceholder{0%,5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}100%,12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%,5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}100%,12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}.animateSuccessTip{-webkit-animation:animateSuccessTip .75s;animation:animateSuccessTip .75s}.animateSuccessLong{-webkit-animation:animateSuccessLong .75s;animation:animateSuccessLong .75s}.sa-icon.sa-success.animate::after{-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}@-webkit-keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);-webkit-transform:rotateX(0);opacity:1}}@keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);-webkit-transform:rotateX(0);opacity:1}}.animateErrorIcon{-webkit-animation:animateErrorIcon .5s;animation:animateErrorIcon .5s}@-webkit-keyframes animateXMark{0%,50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}@keyframes animateXMark{0%,50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}.animateXMark{-webkit-animation:animateXMark .5s;animation:animateXMark .5s}@-webkit-keyframes pulseWarning{0%{border-color:#f8d486}100%{border-color:#f8bb86}}@keyframes pulseWarning{0%{border-color:#f8d486}100%{border-color:#f8bb86}}.pulseWarning{-webkit-animation:pulseWarning .75s infinite alternate;animation:pulseWarning .75s infinite alternate}@-webkit-keyframes pulseWarningIns{0%{background-color:#f8d486}100%{background-color:#f8bb86}}@keyframes pulseWarningIns{0%{background-color:#f8d486}100%{background-color:#f8bb86}}.pulseWarningIns{-webkit-animation:pulseWarningIns .75s infinite alternate;animation:pulseWarningIns .75s infinite alternate}@-webkit-keyframes rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.la-ball-fall,.la-ball-fall>div{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.la-ball-fall{display:block;font-size:0;color:#fff;width:54px;height:18px}.la-ball-fall.la-dark{color:#333}.la-ball-fall>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;width:10px;height:10px;margin:4px;border-radius:100%;opacity:0;-webkit-animation:ball-fall 1s ease-in-out infinite;-moz-animation:ball-fall 1s ease-in-out infinite;-o-animation:ball-fall 1s ease-in-out infinite;animation:ball-fall 1s ease-in-out infinite}.w10,.w15,.w20,.w25,.w30,.w33,.w35,.w40,.w45,.w48,.w50,.w55,.w60,.w65,.w70,.w75,.w80,.w90,.width30,.width40,.width50,.width60,.width70{float:left}.editoFrame,.editoFrame2,.editoFrame3{padding:3px;background:#fff;font-family:Tahoma,Arial,Helvetica,sans-serif;font-size:11px;color:#333;position:absolute}.la-ball-fall>div:nth-child(1){-webkit-animation-delay:-.2s;-moz-animation-delay:-.2s;-o-animation-delay:-.2s;animation-delay:-.2s}.la-ball-fall>div:nth-child(2){-webkit-animation-delay:-.1s;-moz-animation-delay:-.1s;-o-animation-delay:-.1s;animation-delay:-.1s}.la-ball-fall>div:nth-child(3){-webkit-animation-delay:0s;-moz-animation-delay:0s;-o-animation-delay:0s;animation-delay:0s}.la-ball-fall.la-sm{width:26px;height:8px}.la-ball-fall.la-sm>div{width:4px;height:4px;margin:2px}.la-ball-fall.la-2x{width:108px;height:36px}.la-ball-fall.la-2x>div{width:20px;height:20px;margin:8px}.la-ball-fall.la-3x{width:162px;height:54px}.la-ball-fall.la-3x>div{width:30px;height:30px;margin:12px}@-webkit-keyframes ball-fall{0%{opacity:0;-webkit-transform:translateY(-145%);transform:translateY(-145%)}10%,90%{opacity:.5}20%,80%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(145%);transform:translateY(145%)}}@-moz-keyframes ball-fall{0%{opacity:0;-moz-transform:translateY(-145%);transform:translateY(-145%)}10%,90%{opacity:.5}20%,80%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(145%);transform:translateY(145%)}}@-o-keyframes ball-fall{0%{opacity:0;-o-transform:translateY(-145%);transform:translateY(-145%)}10%,90%{opacity:.5}20%,80%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-o-transform:translateY(145%);transform:translateY(145%)}}@keyframes ball-fall{0%{opacity:0;-webkit-transform:translateY(-145%);-moz-transform:translateY(-145%);-o-transform:translateY(-145%);transform:translateY(-145%)}10%,90%{opacity:.5}20%,80%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(145%);-moz-transform:translateY(145%);-o-transform:translateY(145%);transform:translateY(145%)}}.editoFrame a:hover,.editoFrame2 a:hover,.editoFrame3 a:hover{text-decoration:underline}.btn-empty:hover,.btn-filled:hover,.tags,a,a:hover,li:hover{text-decoration:none}.edito{border:1px dotted #fc0}.edito:hover,.editoFrame{border:1px solid #fc0}.editoFrame{margin-top:-13px;margin-left:-1px}.editoFrame2,.editoFrame3{border:1px solid #fc0;margin-top:-1px}.editoFrame img{margin-left:5px;margin-right:5px}.editoFrame2{margin-left:190px}.editoFrame2 img{margin-left:5px;margin-right:5px}.editoFrame3{margin-left:200px}.editoFrame3 img{margin-left:2px;margin-right:2px}.tags{display:block;width:100%;padding:10px;font-size:11px;color:#333;line-height:20px}.logo1{display:none}.nr a,.nr a:active,.nr a:hover,.nr a:link,.nr a:visited,.nr span{text-decoration:none;padding:8px 10px;font-size:11px;font-family:Tahoma,Arial}.tags a{color:#333}.nr{color:#666;border:0;clear:left}.nr a,.nr a:active,.nr a:hover,.nr a:link,.nr a:visited{color:#636363;background:#f9f9f9;border:1px solid #e6e6e6}.tags a:hover{color:#fff}.nr a:hover{background:#044ca0;color:#fff;border-color:#0e3f75;font-family:Tahoma,Arial}.nr span{background:#fff;border:1px solid #e6e6e6;color:#ccc}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}b{font-weight:700}i{font-style:italic}.clear0{clear:both;height:0}.clear10{clear:both;height:10px}.clear25{clear:both;height:15px}.clear50{clear:both;height:50px}.width50{width:50%}.width40{width:40%}.width60{width:60%}.width30{width:30%}.width70{width:70%}.w100{width:100%}.w90{width:90%}.w80{width:80%}.w75{width:75%}.w70{width:70%}.w60{width:60%}.w55{width:55%}.w50{width:50%}.w48{width:48%}.w45{width:45%}.w40{width:40%}.w30{width:30%}.w33{width:33.3333%}.w25{width:25%}.w20{width:20%}.w15{width:15%}.w35{width:35%}.w10{width:10%}.c0,.c10,.c100,.c125,.c15,.c150,.c20,.c200,.c25,.c280,.c30,.c40,.c400,.c5,.c50,.c500,.c60,.c640,.c70,.c80,.c90{width:100%;clear:both}.c5{height:5px}.c10{height:10px}.c15{height:15px}.c20{height:20px}.c25{height:25px}.c30{height:30px}.c40{height:40px}.c50{height:50px}.c60{height:60px}.c70{height:70px}.c80{height:80px}.c90{height:90px}.c100{height:100px}.c125{height:125px}.c150{height:150px}.c200{height:200px}.c280{height:280px}.c400{height:400px}.c500{height:500px}.c640{height:640px}.btn{min-width:80px;height:38px;display:inline-block;padding:10px 22px;margin-bottom:0;font-size:12px;line-height:18px;font-weight:600;border:1px solid #fff;vertical-align:middle;outline:0;text-transform:uppercase;border:1px solid transparent}.btn-filled{color:#fff;background-color:#044ca0;-webkit-transition:.4s ease-in-out;-moz-transition:.4s ease-in-out;-o-transition:.4s ease-in-out;transition:.4s ease-in-out;transition-property:color,background-color,border}.btn-empty,.btn-filled:hover{background-color:transparent;color:#044ca0;border:1px solid #044ca0}.btn-empty{color:#fff;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;transition-property:color,background-color,border}.btn-empty:hover{color:#000;background-color:#fff}.btn-white{background-color:transparent;color:#fff;border:1px solid #fff;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;transition-property:color,background-color,border}#nav-icon1{display:none;width:35px;height:35px;position:absolute;right:30px;top:65px;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out}#nav-icon1 span{display:block;position:absolute;height:3px;width:100%;background:#fff;border-radius:3px;opacity:1;left:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}#nav-icon1 span:nth-child(1){top:0}#nav-icon1 span:nth-child(2){top:10px}#nav-icon1 span:nth-child(3){top:20px}#nav-icon1.open span:nth-child(1){top:10px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}#nav-icon1.open span:nth-child(2){opacity:0;left:-60px}#nav-icon1.open span:nth-child(3){top:10px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)}:focus{outline:0!important}.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}@keyframes modal-video{from{opacity:0}to{opacity:1}}@keyframes modal-video-inner{from{transform:translate(0,100px)}to{transform:translate(0,0)}}.modal-video{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1000000;cursor:pointer;opacity:1;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.modal-video-close{opacity:0}.modal-video-close .modal-video-movie-wrap{-webkit-transform:translate(0,100px);-moz-transform:translate(0,100px);-ms-transform:translate(0,100px);-o-transform:translate(0,100px);transform:translate(0,100px)}.modal-video-body{max-width:940px;width:100%;height:100%;margin:0 auto;display:table}.modal-video-inner{display:table-cell;vertical-align:middle;width:100%;height:100%}.modal-video-movie-wrap{width:100%;height:0;position:relative;padding-bottom:56.25%;background-color:#333;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video-inner;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-ms-transition:-ms-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal-video-movie-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}.modal-video-close-btn{position:absolute;z-index:2;top:-35px;right:0;display:inline-block;width:35px;height:35px;overflow:hidden;border:none;background:0 0}a{color:inherit}.modal-video-close-btn:before{transform:rotate(45deg)}.modal-video-close-btn:after{transform:rotate(-45deg)}.modal-video-close-btn:after,.modal-video-close-btn:before{content:'';position:absolute;height:2px;width:100%;top:50%;left:0;background:#fff;border-radius:5px;margin-top:-6px}.w65{width:65%}.w35{width:35%;float:left} ::-webkit-scrollbar { width:1em; width:10px; height:10px } ::-webkit-scrollbar-track { background:#000; -webkit-box-shadow:inset 0 0 6px rgba(200,200,200,0.5); width:5px } ::-webkit-scrollbar-thumb { background-color:#044ca0; outline:1px solid #000; width:5px } ::-webkit-input-placeholder { color: #ccc; font-size:13px; font-weight:300; } :-moz-placeholder { color: #ccc; font-size:13px; font-weight:300; } ::-moz-placeholder { color: #ccc; font-size:13px; font-weight:300; } :-ms-input-placeholder { color: #ccc; font-size:13px; font-weight:300; } body { font-family: 'Titillium Web', sans-serif; font-size: 14px; line-height: 20px; color: #1f1f21; overflow-x: hidden; background: #fff; position: relative; } .manuClick { display: none; } .container { width: 1200px; margin: 0 auto; box-sizing: border-box; overflow: hidden; } a { color: inherit; } *, *:active, *:focus, *:visited { outline: none!important; } /* ************************************ ********* TOP ********* ************************************ */ #top { position: relative; z-index: 14; } #top .container { overflow: visible; } .minitop { width: 100%; float: right; } .dropdown { position: relative; display: inline-block; cursor: pointer; } .dropdown-content { display: none; top: 50px; left: 50%; margin-left: -100px; padding-top: 0; text-align: center; position: absolute; width: 200px; z-index: 999999999; border-bottom: 2px solid #002550;} .dropdown-content a { color: #131313!important; line-height: 28px!important; font-weight: 400!important; padding: 7px 0px!important; box-sizing: border-box; text-decoration: none; text-transform: none!important; display: block; width: 100%!important; background: rgba(255, 255, 255, 1)!important; border-bottom: 1px dashed rgb(241, 241, 241); } .dropdown-content a:last-child { border-bottom: 0; } li .dropdown-content a:hover { background: #fafafa!important; color: #e3001b!important; } .dropdown:hover .dropdown-content { display: block!important; } .minitop ol { float: right; } .minitop ol li { float: left; height: 50px; line-height: 37px; color: #636363; font-size: 13px; text-transform: uppercase; font-weight: 500; padding: 6px 20px 6px 20px; box-sizing: border-box; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: color; } .minitop ol li:first-child { border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } .minitop ol li:nth-child(2) { border-bottom: 1px solid #ccc; } .minitop ol li:hover { color: #044ca0; } .minitop ol li a { color: inherit; display: block; } .minitop ol li img { margin-right: 9px; vertical-align: middle; margin-top: -3px; } .minitop ol li.li-sklep{ color: #fff; font-weight: 300; background: #044ca0; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: background; } .minitop ol li.li-sklep img{ margin-right: 12px; margin-top: -1px; } .minitop ol li.li-sklep:hover{ background: #023876; } .dropdown-content span{ position: relative; display: block; } .dropdown-content span ol{ position: absolute; left: 100%; top: 0; display: none; } .dropdown-content span:hover ol{ display: block; } .dropdown-content span ol li:last-of-type, .dropdown-content span ol li{ width: 140px; padding-left: 0!important; } .dropdown-content span ol li a{ background: #f3f3f3!important; } .dropdown-content span ol li:after{ content: none; display: none; } .dropdown-content span em{ position: absolute; right: 6px; transform: rotate(-90deg); top: 12px; } /* ************************************ ********* LANG ********* ************************************ */ .minitop ol li.langArea{ cursor: pointer; padding-left: 15px; background: url(../img/strzalka_dol.png) center right 15px no-repeat, #ebebeb; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: background; } .minitop ol li.langArea:hover{ color: #fff; background: url(../img/strzalka_dol.png) center right 15px no-repeat, rgba(214, 214, 214, 0.65) } .langBox { margin: 0 auto; } #langBoxChangeLang { display: none; } .lang { height: 38px; line-height: 38px; position: relative; box-sizing: border-box; color: #212121; cursor: pointer; text-transform: uppercase; padding-right: 5px; font-size: 13px; } .minitop ol .langBoxActiveLang img { margin-left: 5px; margin-right: 7px; margin-top: 0; vertical-align: middle; } .lang span { -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: color; } .lang #langBoxChangeLang { display: block; height: 0px; overflow: hidden; z-index: 100; position: absolute; top: 44px; right: -30px; width: 95px; background: #ebebeb; } #langBoxChangeLang ol { width: 100%; } #langBoxChangeLang ol li { height: 28px; color: #000; width: 100%!important; line-height: 28px!important; border: none!important; text-align: left!important; padding-left: 20px!important; padding-right: 10px; float: left; box-sizing: border-box; text-transform: uppercase; font-weight: 500; font-size: 13px; padding-top: 0px; padding-bottom: 0px; } #langBoxChangeLang ol li a { display: block; width: 100%; color: inherit; } #langBoxChangeLang ol li:hover { background: rgb(228, 228, 228); } #langBoxChangeLang img { margin-top: 0; margin-right: 7px!important; vertical-align: middle; } .left-logo { float: left; width: 40%; width: 370px; text-align: center; background: #fff; } .left-logo img { width: auto; float: left; margin: 10px; } #telefony{ padding: 8px 0 0 0; float: left; width: 100%; } #telefony .w33{ text-align: right; } #telefony .w33 span{ font-size: 16px; line-height: 17px; display: block; } #telefony .w33 p{ padding: 7px 0; } #telefony .w33 img{ vertical-align: middle; margin-top: -10px; margin-right: 6px; } #telefony .w33 small{ font-size: 18px; font-weight: 300; } #telefony .w33 p b{ font-size: 20px; padding-left: 5px; } #telefony .w33 a{ -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: color; } #telefony .w33 a:hover{ color: #eb6f2a; } /* ************************************ ********* MENU ********* ************************************ */ .topBar { position: relative; z-index: 15; float: left; width: 60%; width: calc(100% - 370px); } #nav{ position: relative; width: 100%; background: #044ca0; } #nav .container{ overflow: visible; } ul#mainMenu { width: 100%; position: relative; float: right; } #mainMenu li { float: left; width: 12.5%; text-align: center; position: relative; font-weight: 500; font-size: 14px; color: #fff; background: url(../img/sep.png) top 18px right 1px no-repeat } #mainMenu li:after { position: absolute; bottom: 6px; right: 0; left: 0; margin: auto; width: 0px; height: 1px; content: ''; background: rgba(255,255,255,1); -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: width; } #mainMenu li.li-left:after { right: 15px; box-sizing: border-box; } #mainMenu li.li-right:after { left: 14px; box-sizing: border-box; } #mainMenu li > a { font-family: 'Titillium Web', sans-serif; display: block; padding: 15px 0px 15px 3px; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: padding; } #mainMenu li a img { vertical-align: middle; margin-top: -5px; } #mainMenu li:hover a { padding: 20px 0px 10px 3px; } #mainMenu li:hover:after { width: 20%; } #mainMenu li:last-child{ background: none; } /* ************************************ ********* SLIDER ********* ************************************ */ #slider { position: relative; z-index: 12; clear: both; height: 580px; background: #fff; } #slider:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 20%; content: ''; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000', GradientType=0 ); /* IE6-9 */ } #slider img:not(.new) { width: 100%; height: 580px; object-fit: cover; } #slider .container { position: absolute; left: 0; right: 0; top: 240px; box-sizing: border-box; margin: 0 auto; overflow: visible; z-index: 2; } #slider .container h2 { color: #fff; font-size: 38px; font-family: 'Titillium Web', sans-serif; line-height: 44px; text-transform: uppercase; z-index: 10; position: relative; text-align: right; display: inline-block; float: right; font-weight: 700; padding: 18px 0 18px 220px; text-shadow: 1px 1px 1px #000; background: -moz-linear-gradient(left, rgba(4,76,160,0) 0%, rgba(4,76,160,0.75) 25%, rgba(4,76,160,0.75) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(4,76,160,0) 0%,rgba(4,76,160,0.75) 25%,rgba(4,76,160,0.75) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(4,76,160,0) 0%,rgba(4,76,160,0.75) 25%,rgba(4,76,160,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00044ca0', endColorstr='#d9044ca0',GradientType=1 ); /* IE6-9 */ } #slider .container h2:after { position: absolute; top: 0; left: 100%; width: 200%; height: 100%; content: ''; background: rgba(4,76,160,0.75); } #slider .container h3 { color: #fff; font-size: 24px; font-family: 'Titillium Web', sans-serif; line-height: 32px; z-index: 10; position: relative; text-align: right; display: inline-block; float: right; font-weight: 200; padding: 18px 0 18px 220px; text-shadow: 1px 1px 1px #000; background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 25%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 25%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 25%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */ } #slider .container h3:after { position: absolute; top: 0; left: 100%; width: 200%; height: 100%; content: ''; background: rgba(0,0,0,0.7); } #slider .slick-slide{ position: relative; } #slider .slick-slide:before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: url(../img/pattern.png) top left; } #slider .slick-prev { position: absolute; bottom: 46px; border: none; outline: none; cursor: pointer; width: 46px; height: 46px; z-index: 101; background: url(../img/prevWhite.png) center no-repeat, #044ca0; left: 50%; margin-left: -46px; } #slider .slick-next { position: absolute; bottom: 0; border: none; outline: none; cursor: pointer; width: 46px; height: 46px; z-index: 101; background: url(../img/nextWhite.png) center no-repeat, #131313; left: 50%; margin-left: -46px; } .slides { height: 100%; } #slider .slide-desc a{ display: inline-block; background: #e75605; min-width: 150px; color: #fff; float: right; text-transform: uppercase; font-weight: 300; font-size: 13px; padding: 8px 20px 8px 30px; box-sizing: border-box; line-height: 26px; z-index: 100; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: background; } #slider .slide-desc a:hover{ background: #000; } #slider .slide-desc img{ width: 18px; height: 26px; vertical-align: middle; display: inline-block; padding-left: 15px; margin-top: -3px; } #slider .slick-dots{ display: block; position: absolute; width: 100%; max-width: 1100px; margin: auto; bottom: 50px; left: 0; right: 0; z-index: 100; } #slider .slick-dots li{ display: inline-block; margin: 0; padding: 0; cursor: pointer; } #slider .slick-dots li button{ padding: 0; margin: 2px 3px; border: 0; outline: none; font-size: 0.1px; color: transparent; width: 20px; height: 1px; background: #fff; } #slider .slick-dots li.slick-active button{ height: 3px; margin-top: 0; background: #e75605; } /* ************************************ ****** OFERTA PRODUKTY ******* ************************************ */ #oferta-produkty{ float: left; position: relative; width: 100%; padding: 50px 0 10px 0; text-align: left; } #przedstawiciel .line, #oferta-produkty .line{ display: block; width: 46px; height: 1px; background: #044ca0; } #przedstawiciel h3, #oferta-produkty h3{ font-size: 28px; line-height: 30px; font-weight: 300; text-transform: uppercase; } #oferta-produkty .w30{ text-align: right; } #oferta-produkty .w30 > a{ display: inline-block; margin-top: 28px; border: 1px solid #e75605; color: #e75605; padding: 8px 30px; text-align: center; box-sizing: border-box; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: color, background; } #oferta-produkty .w30 > a:hover{ color: #fff; background: #e75605; } #przedstawiciel h3 small, #oferta-produkty h3 small{ font-size: 19px; } .prod-box{ display: inline-block; width: 31%; min-height: 410px; vertical-align: top; margin: 15px 1% 25px 1%; border: 1px solid #e8e8e8; box-sizing: border-box; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: border, box-shadow; } .prod-box:hover{ border: 1px solid #ffffff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); } #oferta-produkty .w30 > span{ float: right; display: block; padding: 8px 25px; border: 1px solid #e75605; color: #e75605; font-size: 16px; font-weight: 500; } .prod-box span{ display: block; overflow: hidden; } .prod-box span > img{ width: 90%; margin: 18px 5% 0 5%; height: 200px; object-fit: cover; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: filter; } .prod-box h4{ font-size: 16px; font-weight: 600; line-height: 18px; height: 36px; overflow: hidden; max-height: 36px; overflow: hidden; padding: 0 5%; box-sizing: border-box; text-transform: uppercase; } .prod-box mark small{ font-size: 12px; color: #464646; display: block; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: color } .prod-box mark em{ padding-left: 5px; font-size: 13px; font-weight: 400; } .prod-box table{ width: 90%; margin: 0 5%; overflow: hidden; } .prod-box table td:first-child{ font-weight: 600; color: #4a4a4a; font-size: 14px; line-height: 28px; width: 110px; } .prod-box table .w100{ display: block; float: left; } .prod-box .box-empty{ display: block; float: left; width: 44%; margin: 10px 1% 10px 5%; border: 1px solid #044ca0; color: #044ca0; padding: 8px 0; text-align: center; box-sizing: border-box; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: color, background; } .prod-box .box-empty:hover{ color: #fff; background: #044ca0; } #glowna-oferta .w55 .box-fill, .prod-box .box-fill{ display: block; float: left; width: 44%; margin: 10px 5% 10px 1%; border: 1px solid #e75605; color: #fff; background: #e75605; padding: 8px 0; text-align: center; box-sizing: border-box; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: color, background; } #glowna-oferta .w55 .box-fill:hover, .prod-box .box-fill:hover{ color: #e75605; background: transparent; } .prod-box .hr-line{ border: 0; border-top: 1px solid #cecece; position: relative; padding-bottom: 10px; margin-top: 8px; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: border-color; } .prod-box .hr-line:after{ position: absolute; z-index: 15; top: -5px; left: 17px; width: 9px; height: 9px; overflow: visible; border-right: 1px solid #cecece; border-bottom: 1px solid #cecece; background: #ffffff; transform: rotate(45deg); content: ''; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: border-color; } .wiecej-produktow{ display: block; float: left; z-index: 21; background: #044ca0; color: #fff; font-weight: 600; text-transform: uppercase; padding: 8px 35px 7px 35px; font-size: 11px; outline: none; cursor: pointer; border: 0; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: background; } .wiecej-produktow:hover { background: #023876; } .prod-box a:hover .hr-line{ border-color: #044ca0; } .prod-box a:hover .hr-line:after{ border-color: #044ca0; } .prod-box a:hover mark small{ color: #fff; } .prod-box a:hover mark{ color: #fff; background: #044ca0; } .prod-box a:hover > img{ filter: grayscale(100%); } /* ************************************ ********* KATEGORIE ********* ************************************ */ #kategorie{ float: left; position: relative; width: 100%; padding: 80px 0 80px 0; text-align: left; } #kategorie .container{ overflow: visible; } #kategorie .w40{ position: relative; background: #04479a; color: #fff; padding-top: 45px; padding-right: 15px; box-sizing: border-box; } #kategorie .w40:before{ position: absolute; top: 0; left:-200%; width: 200%; height: 100%; z-index: -1; content: ''; background: #04479a; } #kategorie .w40 h4{ line-height: 18px; font-weight: 200; font-size: 14px; opacity: 0.9; text-transform: uppercase; } #kategorie .w40 h5{ font-weight: 600; font-size: 23px; line-height: 30px; } #kategorie .w40 p{ font-size: 13px; line-height: 20px; font-weight: 300; height: 100px; overflow: hidden; margin-bottom: 20px; } #kategorie .w40 img{ float: right; margin-right: -15px; height: 474px; width: auto; object-fit: cover; } #kategorie .w60 .w25{ border: 1px solid #e6e6e6; box-sizing: border-box; padding: 50px 40px 40px 40px; text-align: center; margin-bottom: -1px; margin-left: -1px; } #kategorie .w60 .w25 img{ width: auto; height: 70px; object-fit: scale-down; } #kategorie .w60 .w25 hr{ margin: 10px auto 15px auto; width: 40px; height: 1px; border: none; background: #04479a; } #kategorie .w60 .w25 h3{ text-align: center; font-weight: 600; color: #3a3a3a; font-size: 15px; line-height: 20px; height: 40px; overflow: hidden; text-transform: uppercase; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: color; } #kategorie .w60 a > div{ display: block; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: background; } #kategorie .w60 a > div:hover{ background: #eaeaea; } #kategorie .w60 a > div:hover h3{ color: #04479a; } .w40-l{ width: 40%; float: left; padding: 30px 20px 30px 40px; box-sizing: border-box; background: url(../img/uslugi-bg.jpg) center right no-repeat; } .w60-r{ width: 60%; float: left; padding: 30px 20px 30px 40px; box-sizing: border-box; background: #e75605; position: relative; } .w60-r:after{ position: absolute; top: 0; left: 100%; width: 200%; height: 100%; content: ''; background: #e75605; } .w40-l img, .w60-r img{ float: left; height: 78px; margin: 8px 30px 10px 0; } #kategorie .w40-l h5, #kategorie .w60-r h5{ text-transform: uppercase; font-weight: 600; font-size: 16px; color: #292929; line-height: 22px; margin-bottom: 10px; } #kategorie .w60-r h5{ color: #fff; } #kategorie .w40-l p, #kategorie .w60-r p{ color: #717171; font-weight: 300; font-size: 14px; line-height: 20px; } #kategorie .w60-r p{ color: #fff; width: 100%; max-width: 550px; line-height: 16px; font-weight: 300; } #kategorie .w60-r h6{ font-weight: 600; color: #fff; margin-top: 12px; } #kategorie .w60-r a{ padding-left: 16px; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: color; } #kategorie .w60-r a:hover{ color: #04479a; } /* ************************************ ******** PRZEDSTAWICIEL ********* ************************************ */ #przedstawiciel { position: relative; clear: both; z-index: 2; padding: 60px 0; background: url(../img/taurus-bg.jpg) center /auto 100% no-repeat; } #przedstawiciel .container{ overflow: visible; position: relative; } .blue-box{ width: 100%; max-width: 480px; padding: 25px 30px 25px 5px; box-sizing: border-box; background: #04479a; color: #fff; position: relative; } .blue-box:before{ position: absolute; top: 0; left: -200%; width: 200%; height: 100%; content: ''; background: #04479a; } #przedstawiciel img{ height: 38px; } #przedstawiciel p{ margin-top: 10px; } #przedstawiciel mark{ display: inline-block; padding: 8px 22px; background: #000; color: #fff; font-size: 14px; line-height: 22px; margin-right: 12px; cursor: pointer; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: background; } #przedstawiciel mark:hover{ background: #e75605; } #przedstawiciel a b{ font-weight: 600; font-size: 24px; padding-left: 3px; } /* ************************************ ********* MASZYNY ********* ************************************ */ #maszyny { position: relative; clear: both; z-index: 2; } #maszyny .container{ overflow: visible; } #maszyny .w50{ padding-right: 30px; box-sizing: border-box; } #maszyny .line{ display: block; width: 46px; height: 1px; background: #044ca0; } #maszyny .line + small{ text-transform: uppercase; font-size: 14px; line-height: 32px; color: #666; } #maszyny h3{ font-size: 28px; line-height: 30px; font-weight: 300; text-transform: uppercase; } #maszyny h3 small{ font-size: 19px; line-height: 20px; text-transform: none; } #maszyny p{ opacity: 0.95; padding: 12px 0; line-height: 22px; } #maszyny ul{ margin: 0 0 8px 0; } #maszyny li{ opacity: 0.95; position: relative; padding-left: 15px; } #maszyny li:before{ position: absolute; top: 11px; left: 2px; width: 5px; height: 1px; content: ''; background: #666; } #sprzetkop-w-liczbach table, #maszyny table{ width: 100%; margin: 10px 0; } #sprzetkop-w-liczbach table tr{ display: block; float: left; width: 50%; } #sprzetkop-w-liczbach table td, #maszyny table td{ padding: 0px 0; vertical-align: middle; } #sprzetkop-w-liczbach table td:first-child, #maszyny table td:first-child{ font-weight: 700; font-size: 48px; color: #e75605; padding-right: 30px; } #sprzetkop-w-liczbach table td p, #maszyny table td p{ padding: 10px 0; font-weight: 300; line-height: 18px; } #sprzetkop-w-liczbach table td p b, #maszyny table td p b{ font-weight: 700; text-transform: uppercase; font-size: 17px; } #maszyny img{ float: left; max-height: 580px; } #mapa{ position: relative; width: 100%; height: 280px; float: left; } #sprzetkop-w-liczbach{ padding: 25px 0; } #sprzetkop-w-liczbach table td:last-child{ padding-right: 25px; box-sizing: border-box; } #slider table{ width: auto; float: left; color: #fff!important; } #slider table td:first-child{ padding-right: 15px; } /* ************************************ ********* FOOTER ********* ************************************ */ #footer { width: 100%; float: left; position: relative; box-sizing: border-box; background: #252525; color: #fff; } #footer .container { overflow: visible; } #footer .w55 > span{ display: block; width: 100%; text-align: right; } #footer .w55 > span > a{ display: inline-block; width: 50px; height: 50px; padding: 14px; box-sizing: border-box; background: #e96115; border-right: 1px solid #dc5001; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: background; } #footer .w55 > span > a:last-of-type{ border: none; } #footer .w55 > span > a:hover{ background: #dc5001; } #footer .w55 > span > a img{ width: auto; height: 100%; filter: invert(1); object-fit: scale-down; } #footer span.line{ display: block; width: 46px; height: 1px; width: 32px; float: left; background: #fff; opacity: 0.8; } #footer h3{ font-weight: 600; font-size: 22px; } #footer h6{ font-weight: 300; font-size: 13px; line-height: 24px; } #footer table{ margin-top: 15px; margin-bottom: 15px; } #footer table td{ padding: 8px 0; font-size: 14px; font-weight: 300; } #footer table a{ -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: color; } #footer table a:hover{ color: #e96115; } #footer .w45{ position: relative; background: url(../img/kopara.png) bottom right no-repeat, #0c4d9d; padding: 0 15px 55px 50px; box-sizing: border-box; } #footer .w45:after{ position: absolute; top: 0; left: 0; width: 200%; height: 100%; content: ''; left: 100%; background: #0c4d9d; } #footer ol{ margin-top: 21px; } #footer ol li{ font-size: 14px; padding: 2px 0; font-weight: 300; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: padding; } #footer ol li:hover{ padding-left: 8px; } #copy { width: 100%; float: left; position: relative; padding: 35px 0 15px 0; box-sizing: border-box; background: #fff; color: #131313; } #copy .container { overflow: visible; } #copy p{ color: #949494; font-size: 13px; font-weight: 300; } #copy p a{ padding-right: 18px; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: color; } #copy p a:hover{ color: #e96115; } #copy .w25 img{ height: 60px; margin-top: -10px; } #copy .ipolska{ display: block; float: right; margin-top: 3px; } #copy .ipolska img{ float: left; } #copy .ipolska mark{ display: block; float: left; line-height: 12px; background: none; font-size: 11px; color: #9a9a9a; margin-left: 6px; margin-top: 3px; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: color; } #copy .ipolska:hover mark{ color: #f8204d; } /* ************************************ ********* BANNER ********* ************************************ */ #banner { height: 260px; position: relative; } #banner:after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: url(../img/pattern.png) top left; } #banner img{ width: 100%; height: 100%; object-fit: cover; } #banner .container{ position: absolute; top: 48%; left: 0; right: 0; margin: auto; z-index: 2; padding: 10px; box-sizing: border-box; transform: translateY(-50%); } #banner .line { height: 1px; float: none; width: 36px; background: #fff; display: block; opacity: 0.7; text-shadow: 1px 1px 1px #000; } h1.title { color: #ffffff; font-size: 52px; font-weight: 400; line-height: 50px; font-family: 'Titillium Web', sans-serif; text-align: left; text-shadow: 1px 1px 1px #000; } .path { text-align: left; } .path, .path p { line-height: 14px; font-size: 14px; font-weight: 300; font-family: 'Titillium Web', sans-serif; color: #fff; text-shadow: 1px 1px 1px #000; } .path p span { padding: 0 1px; color: gainsboro; } .path p a { color: inherit; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: color; } #subpage #glowna-oferta .path a, #subpage #glowna-oferta .path span{ display: inline-block; vertical-align: middle; } .path p a:hover { color: #dcdcdc; } #subpage { } #subpage #oferta-produkty{ padding-top: 0; } #subpage #oferta-produkty .prod-box{ width: 32.333%; margin: 5px 0.5%; display: block; float: left; } #cat-items .nr a, #cat-items .nr span, #subpage #oferta-produkty .nr a, #subpage #oferta-produkty .nr span{ display: inline-block; vertical-align: middle; line-height: 16px; } #glowna-oferta .w25 ul li.menulevel-1.activeMenu{ background: url(../img/list_act.png) left 35px top 15px no-repeat; } #glowna-oferta .w25 ul li.menulevel.activeMenu{ border-left: 6px solid #044ca0; } #glowna-oferta.sp-content .w75{ padding-left: 30px; } .p-info p{ padding: 6px 0; font-size: 14px; font-weight: 400; } .p-info h3{ font-size: 18px; font-weight: 600; line-height: 24px; color: #232323; margin-bottom: 10px; } .p-info h3 small{ display: block; line-height: 18px; font-size: 14px; color: #4e4e4e; } #glowna-oferta .p-info a{ display: initial; font-weight: 600; color: #044ca0; } #glowna-oferta .p-info a:hover{ text-decoration: underline; } #glowna-oferta .p-info ul{ margin-top: 15px; } #glowna-oferta .p-info ul li { line-height: 24px; } #glowna-oferta .p-info ul li img{ vertical-align: middle; width: 20px; height: 17px; object-fit: scale-down; margin-right: 7px; margin-top:-4px; } .firma-partnerzy{ text-align: left; } .firma-partnerzy img{ display: block; float: left; vertical-align: middle; height: 35px; width: auto; object-fit: scale-down; margin: 15px 30px 10px 0; } .p-info img{ max-width: 100%; } .p-info.o-firmie img{ width: 100%; height: 280px; object-fit: cover; } .galBox{ display: inline; float: left; padding: 5px 0.5% 15px 0.5%; width: 32.333%; } .galBox img{margin:0!important; margin-bottom: 10px!important;} .galBox a{ -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: color; } .galBox img{ margin: 5px; outline: 1px solid rgba(255, 255, 255, 0.4)!important; outline-offset: -8px; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: transform; } .galBox:hover img{ transform: scale(1.03); } .galBox:hover a{ color: #044ca0; text-decoration: none; } .p-info.page-4 img{ margin: 15px 0; width: 49%; margin: 0 0.5%; height: 300px; object-fit: cover; } #fixedHeader { position: fixed; top: 0; width: 100%; left: 0; margin-left: 0; margin-top: -82px; z-index: 109; background: rgba(255, 255, 255, 1); padding: 10px 0 3px 0; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; transition-property: margin-top; } #fixedHeader.shadow { box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); margin-top: 0px; margin-left: 0; } #fixedHeader .logo { float: left; } #fixedHeader .logo img { height: 55px; width: auto; margin-left: 20px; margin-bottom: 5px; } #fixedHeader #menu { float: right; width: auto; margin: 12px 0px; } #fixedHeader #menu img { margin-top: -1px; vertical-align: middle; } #fixedHeader #menu li:hover:after { width: 20%; } #fixedHeader li:last-of-type { background: none; border-right: 0px; filter:grayscale(100%); cursor: pointer; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; transition-property: filter; } #fixedHeader li:last-of-type:hover { filter:grayscale(0%); } #fixedHeader > div > div { float: right; margin-top: 16px; } #fixedHeader.shadow { box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); margin-top: 0px; margin-left: 0; } #menu { position: relative; text-align: center; } #menu li { position: relative; display: inline-block; margin-top: -1px; padding: 5px 8px 0px 0px; background: url(../img/sep_fot.png) top 19px right 1px no-repeat; } #menu li a { font-size: 14px; font-weight: 600; font-family: 'Titillium Web', sans-serif; display: block; text-transform: uppercase; padding: 5px 10px; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: color, padding; } #menu li:after { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; content: ''; height: 1px; background: #044ca0; width: 0; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: width; } #menu li:hover:after { width: 35%; } #menu li:last-of-type:hover:after { width: 0; } #menu li:hover a { color: #044ca0; } #menu li:last-child { background: none; } .sweet-alert button.confirm { background-color: #044ca0!important; } .formMail1 { width: 100%; max-width: 750px; margin: 0 auto; } .formMail1 .w50.left { padding-right: 15px; box-sizing: border-box; } .formMail1 .w50.right { padding-left: 15px; box-sizing: border-box; } .formMail1 textarea, .formMail1 input { width: 100%; padding: 13px 15px; box-sizing: border-box; background: transparent; border: none; border: 1px solid #e8e8e8; outline: none; border-radius: 8px; font-weight: 300; font-size: 12px; color: #818181; margin: 3px 0; height: 42px; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; transition-property: border; } .formMail1 textarea{ height: 96px; resize: none; font: 400 12px Arial; line-height: 17px; } .formMail1 input:hover, .formMail1 textarea:hover { border-color: #044ca0; } #checkBoxSubmit { width: 110px; float: right; cursor: pointer; background: #044ca0; color: #fff; border: 1px solid #044ca0; text-transform: none; height: 32px; border-radius: 5px; padding: 7px 22px; text-transform: uppercase; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; transition-property: color, border, background; } #checkBoxSubmit:hover { background: transparent; border: 1px solid #044ca0; color: #044ca0; } #kontaktForm h6 { color: #0e141a; font-weight: 300; font-weight: 300; line-height: 25px; } #kontaktForm h4 { color: #131313; font-size: 17px; font-weight: 500; line-height: 22px; padding-bottom: 3px; font-family: 'Titillium Web', sans-serif; max-width: 100%; font-weight: 300; position: relative; } #kontaktForm .line { margin: 0 auto; float: none; } .searchRes { width: 100%; max-width: 768px; margin: 0 auto 10px auto; } .searchRes tr:last-child td a { -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; transition-property: color, padding-right; } .searchRes tr:first-child td strong, .searchRes tr:last-child td a { color: #000; } .searchRes tr:first-child td strong:hover, .searchRes tr:last-child td a:hover { padding-right: 5px; color: #de4949; } #icons { text-align: center; } .ico { display: inline-block; vertical-align: top; width: 210px; padding: 25px 18px; margin: 0px 5px; box-sizing: border-box; text-align: center; border: 1px solid #eaeaea; } .ico img { height: 49px; width: auto; } #subpage .ico .line { margin: 5px auto; background: #e2463b; } .ico h3 { font-weight: 500; text-transform: uppercase; font-size: 13px; line-height: 16px; padding-bottom: 12px; } .ico h3 em { font-weight: 400; font-size: 11px; } .ico p { font-size: 12px; line-height: 15px; font-weight: 300; color: rgba(19, 19, 19, 0.70); } #subpage > div > p.p-small { padding: 0; font-size: 13px; line-height: 22px; } .catCenter { text-align: center; margin: 25px 0; } .catBox { display: inline-block; vertical-align: top; width: 215px; padding: 40px 40px 30px 40px; box-sizing: border-box; margin: 5px; border: 1px solid #e6e6e6; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; transition-property: border, background; } .catBox img { width: auto; height: 70px; object-fit: scale-down; } .catBox p { line-height: 16px; height: 32px; font-size: 14px; font-weight: 400; overflow: hidden; } .catBox:hover { border: 1px solid #d0d0d0; background: #f7f7f7; } .catBox .line { background: red; } .prod-item { display: inline-block; vertical-align: top; color: #000; font-size: 14px; line-height: 23px; padding: 15px; text-align: center; box-sizing: border-box; overflow: hidden; margin: 7px 5px; cursor: pointer; font-weight: 500; border: 1px solid #cecece; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: box-shadow; } .prod-item:hover { box-shadow: 0 0 8px rgba(0,0,0,0.2); } .prod-item img { display: inline; width: 230px; max-width: 100%; height: 180px; object-fit: scale-down; } .prod-item p { max-width: 200px; margin: 0 auto; padding: 0px; line-height: 19px; height: 38px; overflow: hidden; text-align: center; text-align-last: center; font-weight: 400; font-size: 13px; color: #6d6d6d; } .prod-item h3 { color: #000; padding: 0 15px; letter-spacing: -1px; box-sizing: border-box; text-align: center; font-size: 17px; line-height: 17px; height: 17px; text-transform: none; font-weight: 600; overflow: hidden; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: color; } .prod-item:hover h3 { color: #044ca0; } #prod-section { margin-top: 20px; } #prod-section #karuzel { padding: 20px 25px 30px 0; box-sizing: border-box; } .karuzelka img, #prod-section #karuzel img { height: auto; max-height: 400px; object-fit: scale-down; } .karuzelka { text-align: center; } .karuzelka img, #prod-section #karuzel img:only-child { height: 260px; } #prod-section li, #prod-section p { padding: 10px; color: #1d1d1d; font-size: 14px; font-weight: 300; line-height: 20px; } #prod-section p b { font-weight: bold; font-size: 15px; } #prod-section .w60 ul { margin: -5px 0 15px 15px; box-sizing: border-box; width: 100%; } #prod-section .w60 li { width: 100%; padding: 0 0 0 20px; box-sizing: border-box; background: url(../img/arrow.png) top 7px left no-repeat; } #prod-section .slick-dots { width: 100%; text-align: center; } #prod-section .slick-dots li { cursor: pointer; display: inline-block; vertical-align: top; padding: 5px; } #prod-section .slick-dots li:only-child { display: none; } #prod-section .slick-dots li button { cursor: pointer; color: fff; font-size: 0.1px; background: none; width: 6px; height: 6px; padding: 0; border-radius: 3px; border: 1px solid #044ca0; } #prod-section .slick-dots li.slick-active button { background: #044ca0; } #prod-section .w60.center { float: none; margin: 0 auto; } #prod-section .w60.center p { text-align: center; } #prod-section .w60.center li { display: table; margin: 0 auto; width: auto; } .prodGallery { text-align: center; padding: 40px 0 60px 0; background: #f7f7f7; } .prodImg { text-align: center; background: #fff; padding: 10px 0 50px 0; border-bottom: 2px solid #ff7904; } .prodGallery h3 { font-size: 21px; line-height: 28px; font-weight: 400; color: #5f5f5f; } .prodGallery .line { margin: 0 auto; height: 1px; float: none; background: #cf660b; } #kolory { text-align: center; max-width: 570px; margin: 0 auto; } #kolory img { width: 60px; height: 60px; object-fit: cover; border-radius: 50%; margin: 1px 5px; border: 2px solid #ccc; } #wspolpraca { text-align: center; padding: 40px 0 0 0; background: #f7f7f7; } #wspolpraca #maszyny { width: 100%; max-width: 520px; margin: 0 auto; margin-bottom: 40px; } #wspolpraca #maszyny img { height: 64px; width: 100%; margin: 0 auto; object-fit: scale-down; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: filter, width; } #wspolpraca #maszyny img:hover { width: 90%; -webkit-filter: grayscale(100%); filter: grayscale(100%); } #wspolpraca h3 { font-size: 21px; line-height: 28px; font-weight: 400; color: #5f5f5f; } #wspolpraca .line { margin: 0 auto; height: 1px; float: none; background: #cf660b; } #gallery.subpage { padding-bottom: 0; } .filter { display: inline-block; padding: 5px 15px; border: 1px solid #dbdbdb; cursor: pointer; border-radius: 20px; margin: 0 2px 15px 2px; } .filter.act { border: 1px solid #044ca0; background: #044ca0; color: #fff; } #colours { text-align: center; margin-bottom: 30px; } #colours span { display: inline-block; width: 60px; margin: 3px 10px; } #colours span img { width: 50px; height: 50px; border-radius: 25px; border: 2px solid #f3f3f3; } #colours span em { text-transform: uppercase; font-size: 12px; color: #717171; font-weight: 600; } #tagies { text-align: center; padding-top: 10px; padding-bottom: 15px; float: left; width: 100%; clear: both; } #tagies, #tagies * { color: rgba(0, 0, 0, 0.8); font-weight: 400; font-size: 13px; } #nasza-oferta { margin: 10px 0 25px 0; width: 100%; text-align: center; } #nasza-oferta .w50.cat-item { display: inline-block; vertical-align: top; float: none; width: 240px; margin: 0px 1px; padding: 20px 30px 0 30px; border-left: 1px solid #f2f2f2; } #nasza-oferta .cat-item h6 { font-size: 16px; line-height: 20px; } /* #nasza-oferta .w50.cat-item:hover .line{ background: #fff; } */ #nasza-oferta .w50.cat-item h6 { -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: color; } /* #nasza-oferta .w50.cat-item:hover h6 { color: #fff; } */ #subpage #kontakt { width: 800px; margin: 0 auto 0 auto; } #subpage #kontakt table td { vertical-align: middle; padding: 4px 0; line-height: 18px; font-size: 14px; font-weight: 500; } #subpage #kontakt table td:first-child { width: 70px; } #subpage #kontakt table img { max-height: 41px; margin-top: 3px; width: auto; } #subpage #kontakt h4 { color: #131313; font-weight: 600; line-height: 24px; padding-bottom: 8px; font-size: 15px; } #subpage #kontakt h4 em { font-size: 12px; line-height: 14px; display: block; color: #757575; font-weight: 400; font-style: italic; } #subpage #kontakt table a { -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: color; } #subpage #kontakt table a:hover { color: #044ca0; } #subpage #kontakt p img { float: left; margin-right: 10px; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: filter; } #subpage #kontakt p img:hover { filter: grayscale(100%); } .contactForm { } .sweet-alert button.confirm { background-color: #044ca0!important; } .contactForm div { width: 100%; } .contactForm select, .contactForm input { width: 100%; height: 45px; margin: 5px 0px; border: 1px solid #eee; font: 400 13.3333px Arial; text-indent: 15px; box-sizing: border-box; outline: none; font-size: 11px; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: border; } .contactForm textarea { width: 100%; height: 102px; line-height: 15px; padding: 12px 15px; font: 400 13.3333px Arial; margin: 5px 0px; resize: none; font-size: 11px; color: #000; border: 1px solid #eee; box-sizing: border-box; outline: none; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: border; } .contactForm input:hover, .contactForm textarea:hover { border: 1px solid #044ca0; } .contactForm .btn { height: 32px; padding: 3px 20px; min-width: 115px; margin-right: 15px; font-size: 11px; line-height: 18px; font-weight: 600; color: #044ca0; } .contactForm .btn.b_reset:hover { color: #fff; background: #044ca0; } #konfigurator-wrapper { position: relative; z-index: 13; height: 40px; margin-bottom: -40px; } #konfigurator { background: #181f29; overflow: hidden; position: absolute; top: 0; left: 0; right: 0; margin: auto; height: 0px; width: 100%; } #konfigurator > div { overflow: visible; position: absolute; top: 0; left: 0; right: 0; margin: auto; } #conf-show { position: absolute; right: 0; bottom: 0; height: 40px; line-height: 40px; padding: 0 20px 0 50px; background: url(../img/config.png) center left 18px /auto 17px no-repeat, #044ca0; color: #000000; cursor: pointer; font-size: 15px; font-weight: 600; text-transform: uppercase; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: background; } #conf-show:hover { background: url(../img/config.png) center left 18px /auto 17px no-repeat, #e4e4e4 } #konfigurator-btn { cursor: pointer } #box_konfigurator { width: 100%; float: left; } .konfigurator-box { display: inline-block; vertical-align: top; float: left; padding: 20px 65px 20px 5px; box-sizing: border-box; } .konfigurator-box label { color: #e2e2e2; font-size: 12px; font-style: italic; font-weight: 300; } .konfigurator-box select, .konfigurator-box input { height: 36px; line-height: 36px; padding: 0 15px; box-sizing: border-box; background: #0c0c0c; border: 1px solid #252525; color: #fff; font-size: 10px; font-weight: 300; margin-top: 3px; text-transform: uppercase; } .konfigurator-box select { width: 325px; } .konfigurator-box select option { line-height: 22px; } .konfigurator-box.box-middle input { width: 100px; padding: 0 10px; border: 0; color: #044ca0; font-weight: bold; height: 19px; line-height: 19px; background: transparent; text-transform: none; } .ui-slider.ui-corner-all { width: 280px; border: 1px solid #252525; background: #0c0c0c; margin: 16px 0; } .ui-button, .ui-visual-focus, .ui-widget-shadow { outline: none!important; box-shadow: none!important; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #044ca0; background: #044ca0; font-weight: normal; color: #ffffff; outline: none; } .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, a.ui-button:focus, .ui-button:focus, .ui-button.ui-state-active:focus { outline: none!important; box-shadow: none!important; } .ui-widget-header { background: #044ca0; } .ui-slider-horizontal { height: 5px; } .ui-slider .ui-slider-handle { width: 14px; height: 14px; border-radius: 50%; margin-top: -1px; cursor: pointer; border: 0; background: #f7f7f7; } .konfigurator-box.box-middle input[type="radio"] { width: 16px; height: 16px; float: left; } .konfigurator-box.box-last input { width: 55px; } .konfigurator-box.box-last em { padding-left: 10px; font-weight: 300; color: #fff; font-size: 10px; } .konfigurator-box.box-button { float: right; padding: 0; } .konfigurator-box.box-button button { height: 36px; line-height: 36px; padding: 0 22px; box-sizing: border-box; background: #0c0c0c; cursor: pointer; border: 1px solid #252525; color: #fff; font-size: 10px; font-weight: 600; margin-top: 120px; text-transform: uppercase; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: background; } .konfigurator-box.box-button button:hover { background: #044ca0; } #cat-items { max-width: 860px; margin: 25px auto 0 auto; } .itemBox { position: relative; background: #fafafa; border: 1px solid #efefef; box-sizing: border-box; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: border, box-shadow; } .itemBox:hover { box-shadow: 0 0 25px rgba(0, 0, 0, 0.15); border: 1px solid #e9b708; } .itemBoxAttr { color: #000000; font-weight: 400; line-height: 22px; font-size: 12px; } .itemBoxAttr span { font-weight: 500; text-transform: uppercase; } .prod-info em, .itemBoxAttr em { font-weight: 500; color: #044ca0; padding-right: 5px; } .itemBoxAttr i { display: inline-block; border-bottom: 1px dashed #e8e8e8; font-style: normal; min-width: 225px; padding-left: 8px; padding-top: 3px; } .itemBoxAttr i:last-of-type { border-bottom: none; } .itemBoxAttr u { text-decoration: none; width: 160px; } .itemBox mark strong { text-transform: uppercase; font-weight: 500; } .itemBox mark { position: absolute; top: 0px; right: 0px; height: 32px; line-height: 32px; font-size: 12px; color: #fff; font-weight: 400; padding: 0 10px 0 20px; background: url(../img/ribbon.jpg) center left no-repeat, #044ca0; } p.headline { margin-top: 12px; max-width: 50%; text-transform: uppercase; font-size: 15px; font-weight: 600; color: #131313; padding-right: 135px; overflow: hidden; box-sizing: border-box; line-height: 22px; padding: 6px 0; text-align: left; } .see-more { border: none; background: url(../img/nextG.png) top 15px left 3px /auto 7px no-repeat, transparent; outline: none; line-height: 36px; padding-left: 14px; padding-right: 15px; text-transform: uppercase; font-size: 10px; font-weight: 300; color: #888888; cursor: pointer; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: color; } .itemBox:hover .see-more { color: #044ca0; } .fRes b { color: #7b7b7b; font-size: 14px; font-weight: 500; } .fRes { text-align: left; margin-bottom: 30px; font-size: 12px; line-height: 22px; } .fRes span { color: #9c9c9c; font-style: italic; padding-left: 2px; } .fRes em { font-weight: 600; color: #044ca0; padding: 0 2px; text-transform: uppercase; } .newsTable { width: 100%; margin: 0 auto; } .newsTable td { vertical-align: top; } .newsTable td:first-child { width: 330px; } .newsTable td p { text-align: left; max-width: 100%; box-sizing: border-box; padding: 0 25px 0 25px; line-height: 22px; font-size: 13px; font-weight: 400; } .newsTable td p.short { height: 154px; overflow: hidden; } .newsTable td p b { font-size: 17px; color: #252525; font-weight: 500; } .newsTable tr:last-child { border-top: 1px rgba(153,153,153,0.3) solid; border-bottom: 1px rgba(153,153,153,0.3) solid; } .newsTable tr:last-child td { margin-top: 10px; text-align: right; padding: 3px 0; } .newsTable tr:last-child td a { font-size: 11px; color: rgba(153,153,153,1); font-weight: 500; } .newsTable tr:last-child td p { font-size: 12px; color: rgba(153,153,153,1); font-weight: 500; padding-left: 5px; line-height: 22px; } .newsTable tr:last-child td a:hover { color: #044ca0; } .tbl { width: 96%; max-width: 600px; margin: 25px auto 0 auto; } .tbl td { vertical-align: top; } .tbl td img { width: auto; max-height: 220px; margin-right: 25px; } .tbl td:first-child { width: 45%; text-align: right; } .tbl td:last-child { width: 55%; } .tbl td p { text-align: left!important; } .tbl ul { padding: 0; margin-left: 0px; margin-top: 6px; } .tbl li { color: #1f1f21; font-size: 13px; padding-left: 30px; position: relative; line-height: 26px; font-weight: 400; text-align: left; } .tbl li:before { position: absolute; left: 12px; top: 0; color: #044ca0; font-weight: 500; content: '\2237'; } #prod-details { width: 100%; max-width: 860px; margin: 15px auto 50px auto; } #prod-details .prod-foto { width: 45%; float: left; } #prod-details .prod-foto img { width: 90%; height: 280px; object-fit: cover; float: left; } #prod-details .prod-info { width: 55%; float: left; } #prod-details table { width: 80%; margin-top: 1px; } #prod-details table tr:nth-child(odd) td { background: #f3f3f3; } #prod-details table td { padding: 8px 25px; background: #fff; font-size: 12px; font-weight: 600; color: #717171; min-width: 120px; } #prod-details table tr:first-child td { background: #383838; color: #fff; font-size: 13px; font-weight: 600; } #prod-fots { overflow: auto; border-top: 1px solid #ccc; padding-top: 5px; } #prod-fots img { display: inline-block; float: left; width: 20%; height: 150px; margin: 1px 0; padding: 0 1px; box-sizing: border-box; object-fit: cover; } #prod-details h4 { color: #131313; font-size: 14px; font-weight: 600; line-height: 34px; } #prod-details h4 img { vertical-align: middle; margin-top: -5px; padding-right: 10px; padding-left: 3px; } .prod-info hr { width: 80%; border: none; border-top: 1px solid #ccc; margin: 0; } #prod-txt { padding-top: 8px; border-top: 1px solid #ccc; text-align: left; } #prod-txt p { font-size: 13px; line-height: 24px; padding: 0 6px; box-sizing: border-box; } #subpage > div > p.p-rodo { color: #5f5f5f; font-size: 13px; font-weight: 500; margin: 0 auto; padding-top: 0; padding-left: 20px; box-sizing: border-box; line-height: 22px; } #subpage ol li a { font-weight: bold; color: #044ca0; } .prod-list { width: 100%; max-width: 800px; margin: 5px auto; } .cat-dsc { display: inline-block; width: 554px; text-align: left; box-sizing: border-box; border: 1px solid #f2f2f2; min-height: 200px; box-sizing: border-box; } .cat-dsc p { padding: 0 25px; box-sizing: border-box; width: 100%; line-height: 40px; border-bottom: 1px solid #f2f2f2; } .cat-dsc p:last-of-type { border-bottom: 0; } .cat-dsc span { min-width: 55%; display: inline-block; } .cat-dsc em { min-width: 30%; display: inline-block; } .cat-dsc a { min-width: 15%; display: inline-block; font-weight: 600; color: #4d4d4d; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: color; } .cat-dsc a:hover { color: #044ca0; } .cat-dsc img { vertical-align: middle; height: 18px; width: auto; padding-right: 6px; margin-top: -4px; } #nasza-oferta .prod-list.first-row .w50.cat-item, .prod-list.first-row .cat-dsc { padding: 5px 0px; height: auto; min-height: auto; line-height: 40px; box-sizing: border-box; text-align: center; font-weight: 600; color: #fff; background: #044ca0; } .prod-list.first-row .cat-dsc { text-align: left; border-left: 1px solid #044ca0; border-right: 1px solid #044ca0; } .prod-list.first-row .cat-dsc a { color: #fff!important; } #nasza-oferta .prod-list.first-row { margin: 5px auto -5px auto; } #nasza-oferta .prod-list.first-row .w50.cat-item { border-right: 1px solid #044ca0; margin-right: 0; margin-left: 0; width: 242px; } #zamowieniaForm h4 { font-size: 14px; line-height: 24px; font-weight: 600; color: #0e141a; padding-bottom: 12px; position: relative; padding-left: 5px; } #zamowieniaForm h4:after { position: absolute; bottom: 6px; left: 5px; content: ''; width: 30px; height: 1px; background: #044ca0; } .zamowieniaKolor span, .dodatkiKolor span { margin: 3px; width: 25px; display: block; float: left; } .zamowieniaKolor .iradio_square, .dodatkiKolor .iradio_square { background: none; } .zamowieniaKolor .iradio_square.checked, .dodatkiKolor .iradio_square.checked { height: 21px; margin-top: -1px; box-shadow: inset 0 0 0 2px #e7e7e7; border: 2px solid #b58a60; } .klientDet input, .klientDet textarea, #zamowieniaForm .klientDet input, #zamowieniaForm input[type="number"] { max-width: 400px; width: 60px; padding: 10px 10px 10px 20px; margin: 0 5px; background: #fff; border: none; outline: none; text-align: center; } #zamowieniaForm input, #zamowieniaForm select { max-width: 360px; width: 225px; padding: 15px 10px 15px 15px; margin: 0 5px; background: #fff; border: 1px solid #ececec; outline: none; text-align: left; } #zamowieniaForm .w33 input[type="text"], #zamowieniaForm .w33 input[type="email"], .klientDet input { width: 90%; text-align: left; height: 37px; box-sizing: border-box; } #zamowieniaForm .w33 input[type="text"] { max-width: 315px; } #zamowieniaForm .w33 .klientDet input[type="text"] { max-width: 360px; } .klientDet textarea { width: 90%; text-align: left; height: 37px; box-sizing: border-box; height: 140px; max-width: 360px; resize: none; height: 78px; border: 1px solid #ececec; padding: 9px 10px 9px 20px; font: 400 13.3333px Arial; } #zamowieniaForm p { color: #000; margin: 5px 0; } #zamowienia .fotoForm { text-align: center; } #zamowienia label { padding-right: 20px; display: inline-block; } #zamowienia label >div { float: left; } #zamowienia label > strong { margin-top: 1px; float: left; padding-left: 10px; } #zamowienia small { margin-top: 10px; font-size: 12px; font-weight: 300; color: #949494; display: block; max-width: 310px; line-height: 14px; } .klientDetp { width: 100%; text-align: center; } .sweet-alert button.confirm { background-color: #044ca0!important; } #companyInfo { position: relative; clear: both; height: 450px; } #companyInfo .w50 { height: 100%; } #companyInfo .last { background: #dfe1e1 } #companyInfo .last img { width: auto; height: 100%; } #companyInfo .first { position: relative; } #companyInfo .first > div { position: absolute; height: 300px; bottom: 0; right: 80px; top: 0; margin: auto 0; width: 490px; } #companyInfo .first span { display: block; width: 100%; height: 100px; padding-left: 35px; margin: 8px 0; box-sizing: border-box } #companyInfo h4 { text-transform: uppercase; color: #484848; font-size: 16px; font-weight: 500; line-height: 28px; letter-spacing: 3px; } #companyInfo p { color: #1d1d1d; font-size: 14px; font-weight: 300; line-height: 18px; padding-top: 5px; } #zamowieniaForm label { padding-right: 20px; } #zamowieniaForm label > strong { margin-top: 1px; padding-left: 5px; font-size: 12px; font-weight: 400; font-style: italic; padding-right: 5px; } #zamowieniaForm input.input-width { width: 62px!important; height: 17px; } #zamowieniaForm input.input-width-2 { width: 188px!important; height: 17px; } #zamowieniaForm input.input-width-3 { width: 123px!important; height: 17px; } #zamowieniaForm ::-webkit-input-placeholder { color: #a0a0a0; font-size:12px; font-weight:300; } #zamowieniaForm :-moz-placeholder { color: #a0a0a0; font-size:12px; font-weight:300; } #zamowieniaForm ::-moz-placeholder { color: #a0a0a0; font-size:12px; font-weight:300; } #zamowieniaForm :-ms-input-placeholder { color: #a0a0a0; font-size:12px; font-weight:300; } .newsTable .fft a:not(:first-child) { display: none; } #wideorelacje .movie{ cursor: pointer; width: 275px; height: 155px; float: left; margin: 5px; position: relative; padding-bottom: 30px; } #wideorelacje .movie img{ width: 100%; height: 100%; object-fit: cover; } #wideorelacje .movie:after{ position: absolute; top: 0; bottom: 30px; left: 0; width: 100%; content: ''; background: url(../img/ytov.png) center /cover no-repeat; } #wideorelacje .movie p{ font-weight: 500; font-size: 14px; color: #676767; } .page-top{ width: 100%; text-align: center; float: left; margin: 25px 0 15px 0; } .page-top h3{ padding-top: 6px; font-size: 36px; line-height: 42px; font-weight: 500; } .page-top .line{ display: block; margin: auto; width: 28px; height: 1px; background: #044ca0; } #category-menu{ width: 100%; text-align: center; float: left; margin: 0 0 20px 0; } #category-menu a{ display: inline-block; padding: 6px 18px; border: 1px solid #efefef; cursor: pointer; border-top: 2px solid #efefef; border-bottom: 2px solid #efefef; } #category-menu a:first-of-type{ border-left: 2px solid #efefef; } #category-menu a:last-of-type{ border-right: 2px solid #efefef; } #category-menu a:hover, #category-menu a.act { border-color:#044ca0; background: #044ca0; color: #fff; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: color, background, border; } .popup-gallery{ padding-left: 5%; box-sizing: border-box; text-align: center; } #opis-produkty .w45 a:first-of-type img{ width: 80%; height: auto; } #opis-produkty .w45 a:first-of-type { display: block; } #opis-produkty .w45 img{ display: inline-block; width: auto; height: 50px; border: 1px solid #fff; } #opis-produkty .w45 a:not(:first-of-type) img:hover{ border-color: #e96115; } #opis-produkty .w55{ padding-left: 50px; box-sizing: border-box; } #opis-produkty h4{ font-size: 16px; font-weight: 600; margin-bottom: 10px; } #opis-produkty p{ padding: 5px 0; font-size: 13px; font-weight: 400; color: #5f5f5f; } #opis-produkty *{ font-family: 'Titillium Web', sans-serif!important; } #opis-produkty table{ } #opis-produkty table td{ padding-right: 10px; padding-top: 2px; padding-bottom: 2px; font-style: italic; opacity: 0.7; } #opis-produkty table td:first-child{ padding-right: 30px; padding-top: 2px; padding-bottom: 2px; font-weight: 600; } .showModal{ cursor: pointer; } #popup-modal{ position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0.75); display: none; z-index: -10; } #popup-modal hr{ display: block; border: 0; margin: auto; height: 1px; width: 42px; margin-bottom: 1px; background: #044ca0; } #popup-modal .modal-inner { position: absolute; background: url(../img/modal-bg.jpg) center /cover no-repeat, #fff; width: 100%; max-width: 580px; margin: auto; top: 40%; left: 0; right: 0; transform: translateY(-50%); padding: 30px 80px; box-sizing: border-box; } #popup-modal .closeModal{ display: block; width: 40px; height: 40px; font-weight: 200; font-size: 35px; position: absolute; top: -0; right: 3px; cursor: pointer; text-align: center; line-height: 40px; font-family: inherit; transform: scaleY(0.7); } #popup-modal .closeModal:hover{ opacity: 0.7; } #popup-modal h3{ font-weight: 500; font-size: 24px; line-height: 30px; color: #3e3e3e; text-align: center; padding-top: 10px; padding-bottom: 3px; } #popup-modal p{ text-align: center; font-size: 15px; font-weight: 300; } .p-info.page-1{ text-align: center; max-width: 700px; margin: 0 auto; } #xmpl{ margin-top: 30px; margin-bottom: 15px; width: 100%; } #glowna-oferta .p-info #xmpl a{ display: inline-block; width: 220px; margin: 0px 2px; overflow: hidden; } #glowna-oferta .p-info #xmpl a img{ width: 100%; height: 160px; object-fit: cover; object-position: center; float: left; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: transform; } #glowna-oferta .p-info #xmpl a:hover img{ transform: scale(1.08); } .info-p p{ font-family: 'Titillium Web', sans-serif!important; text-align: center; font-size: 14px; line-height: 24px; padding: 5px 0; } .info-p p span{ font-family: 'Titillium Web', sans-serif!important; } .p-info.page-7{ text-align: center; } .p-info.page-9 table{ max-width: 880px; margin: 0 auto; } .p-info.page-9 table td{ width: 33.333%; box-sizing: border-box; } .p-info.page-9 strong{ font-weight: 600; } .p-info.page-9 table td em{ font-style: italic; color: #717171; } .p-info.page-9 td img{ vertical-align: middle; margin-top: -2px; margin-right: 3px; height: 16px!important; width: auto!important; } .minitop ol li.searchB{ padding: 6px 20px; background: #ebebeb; cursor: pointer; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: background; } .minitop ol li.searchB:hover{ background:#023876; } .minitop ol li.searchB img{ -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: filter; } .minitop ol li.searchB:hover img{ filter: invert(1); } #zamowieniaForm span{ position: relative; display: inline-block; margin: 10px 0; width: 100%; } #zamowieniaForm span label{ text-transform: uppercase; font-size: 12px; font-weight: 600; color: #8a8a8a; padding-right: 5px; width: 100%; display: block; width: 100%; } #zamowieniaForm select{ width: 100%; margin: 0; max-width: 100%; } #zamowieniaForm input{ width: 40%; margin: 0; max-width: 100%; } #zamowieniaForm .szukajka{ display: block; width: 160px; cursor: pointer; margin: 10px auto; border: 1px solid #044ca0; color: #fff; background: #044ca0; padding: 10px 0; text-align: center; box-sizing: border-box; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: color, background; } #zamowieniaForm .szukajka:hover{ color: #044ca0; background: transparent; } .showModal1{ cursor: pointer; position: absolute; bottom: -40px; right: 0; width: 145px; height: 40px; font-weight: 300; font-size: 16px; line-height: 40px; text-align: center; box-sizing: border-box; background: #e75605; color: #fff; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; transition-property: color; } #banner .showModal1 img{ height: 17px; width: auto; filter: invert(1); vertical-align: middle; margin-top: -4px; margin-right: 8px; } .showModal1:hover{ background: #9e3d06; } /* ==================================== ========= MEDIA ======== <------------------------------------- @media !! ==================================== */ @media all and (max-width: 1230px) { .container { width: 100%; padding: 0; box-sizing: border-box; } .left-logo { width: 310px; margin-top: 10px; margin-bottom: 10px; } .topBar { width: calc(100% - 310px); } .left-logo img { height: 98px; } #telefony .w33{ padding-right: 15px; box-sizing: border-box; } #slider .container h2, #slider .container h3{ padding-right: 15px; } #slider .slide-desc a{ margin-right: 15px; } #slider .container{top: 200px;} #sprzetkop-w-liczbach table td:first-child, #maszyny table td:first-child{ padding-right: 20px; padding-left: 15px; } #kategorie .w40{ padding-left: 15px; box-sizing: border-box; } #oferta-produkty .w70{ width: 100%; text-align: center; } #oferta-produkty .line{ margin: 0 auto; float: none; } #oferta-produkty .w30{ display: none; } #footer .w55{ padding-left: 15px; box-sizing: border-box; } #copy{ padding: 35px 10px 15px 10px; box-sizing: border-box; } .info-p{ padding: 0 10px; box-sizing: border-box; text-align: center; max-width: 1024px; margin: 0 auto; } } @media all and (max-width: 1200px) { #mainMenu:after, .topBar:after, #obsluga_top:before { display: none; content: none; } #slider .container > div:before, #zwami .container:after, .w50-right .w100:after, .top-wyszukiwarka .w40:after { content: none; display: none; } .top-kontakt ol li { padding: 15px 28px 15px 18px; } .top-kontakt ol li:last-child { float: left; } .top-wyszukiwarka .w60 { margin-left: 6%; width: 59%; } .top-wyszukiwarka .w40 { width: 35%; } #slider .slick-next, #slider .slick-prev { left: 325px; margin-left: 0; } #pasja h2, #pasja .line { margin-left: 10px; box-sizing: border-box; } .komfort_i_bezpieczenstwo { padding-right: 10px; box-sizing: border-box; } #nasze-marki { width: 767px; } #gwarancja .w30 { padding-left: 15px; } .image-desc span { padding-left: 160px; } .tm_middle .w55 { width: 50%; } .tm_middle .w45 { width: 50%; } #gwarancja .orange-box { padding-left: 12px; padding-right: 80px; } #gwarancja .white-box { padding-right: 12px; padding-left: 70px; } #gwarancja .orange-box img { height: 70%; } #zamowieniaForm { width: 96%; margin: 0 auto; } #zamowieniaForm .w33 .klientDet input[type="text"], #zamowieniaForm .w33 input[type="email"], .klientDet textarea { width: 97%; } #glowna-oferta .w25 mark{padding: 25px 20px 40px 20px;} .wiecej-produktow { float: none; width: 75px; margin: 0 auto; } #gwarancja .w60{ width: 100%; text-align: center; } #gwarancja .w40{ display: none; } #gwarancja .w60 h4{margin: 0 auto;} #gwarancja a{float: none; margin: 15px auto 0 auto; width: 80px;} #solis{ padding: 40px 10px; box-sizing: border-box; } #rzetelna-firma .line{margin: 0 auto; float: none;} #rzetelna-firma{ text-align: center; } #rzetelna-firma a{ float: none; margin: 0 auto; width: 80px; } .newsTable tr:last-child td{padding-right: 10px; box-sizing: border-box;} #sprzetkop-w-liczbach table td:first-child, #maszyny table td:first-child{ vertical-align: top; padding-top: 7px; } #sprzetkop-w-liczbach table td p, #maszyny table td p{ padding-top: 0px; } #footer table td:first-child{ min-width: 175px; } } @media all and (max-width: 1100px) { .image-desc span { padding: 0 0 0 150px; } .top-kontakt { padding-right: 0; } .lang #langBoxChangeLang{ right: -20px; width: 80px; } .top-wyszukiwarka { padding-left: 0; } #langBoxChangeLang ol li{ padding-left: 15px!important; } .minitop ol li{ padding: 6px 15px 6px 15px; } #telefony { padding: 30px 0 25px 0; } .minitop ol li.langArea { padding-left: 10px; padding-right: 20px; background: url(../img/strzalka_dol.png) center right 10px no-repeat, #ebebeb; } .minitop ol li.langArea:hover{ background: url(../img/strzalka_dol.png) center right 10px no-repeat, rgba(214, 214, 214, 0.65); } .top-kontakt ol li:first-child, .top-kontakt ol li:nth-child(2) { width: 40%; text-align: center; padding: 15px 3px 15px 3px; } .top-wyszukiwarka .w60 { width: 54%; margin-left: 11%; } .top-wyszukiwarka .w40 { width: 35%; } #sekcja-kolor .w33 { padding: 0; text-align: center; } #sekcja-kolor .w33 > * { display: inline-block; vertical-align: top; float: none; } #sekcja-kolor .w33 span > * { text-align: left; } #zwami .container:before { dispalay: none; content: none; } .zwami-box { max-width: 100%; padding: 0 15px; box-sizing: border-box; } #zwami .w45 a.btnArea { width: 100%; background: url(../img/tel.png) center left 15px no-repeat, #003a87; } #zwami .w45 a.btnArea:hover { width: 100%; background: url(../img/tel.png) center left 15px no-repeat, #003a87; } #zwami .w55 p { padding-left: 25px; } .w50-left { padding-left: 0; } .w50-right a { max-width: 100%; } #prod-section .w40, #prod-section .w60 { width: 100%; float: none; max-width: 860px; margin: 0 auto; } .karuzelka img, #prod-section #karuzel img { max-height: 400px; } #prod-section p { text-align: center; } #telefony .w33 p b { font-size: 22px; } #telefony .w33 small { font-size: 16px; } #menu li a { padding: 5px 16px; } #zamowieniaForm .w33 { width: 100%; text-align: center; margin-bottom: 15px; } #zamowieniaForm p, #zamowieniaForm h4 { text-align: left; } #zamowieniaForm .w33 input, #zamowieniaForm select { max-width: 99%; width: 100%; } #zamowieniaForm .w33 .klientDet input[type="text"], #zamowieniaForm .w33 input[type="email"], .klientDet textarea, #zamowieniaForm .w33 .klientDet input[type="text"] { max-width: 99%; width: 100%; } #zamowieniaForm p.klientDetp { text-align: center; } .mobi-w50 { width: 50%; float: left; } #slider img.new{width: 91px; height:91px;} #slider:after{height: 5%;} #glowna-oferta .w75{padding-left: 5px;} #glowna-oferta .w65{width: 50%; padding-right: 5px;} #glowna-oferta .w35{width: 50%;} #glowna-oferta .w35 a + .c20{height: 6px;} #glowna-oferta .w75 .w35 img{height: 246px;} #glowna-oferta:not(.sp-content) .w65 img{height: 498px;} #glowna-oferta .w35 + .c20, #glowna-oferta ul + .c20{height: 5px;} #glowna-oferta mark {font-size: 16px;} #glowna-oferta mark a{margin: 3px 0; font-size: 19px;} #glowna-oferta mark p{font-size: 12px; text-align: center; margin:0 auto;} #glowna-oferta .w25 mark{ padding: 30px 20px 30px 20px; width: 96%; margin: 20px 2%;} #glowna-oferta .w75 .w100 img{height: 246px;} #glowna-oferta mark b{display: inline-block;} #glowna-oferta.sp-content .w25 ul.fullH, #glowna-oferta .container > .w25 ul.fullH{ height: auto; } #solis .container:after{ width: 84%; } #solis span + img{margin-left: 50px;} #glowna-oferta .w75 .w100:last-of-type{ padding-left: 5px!important; } } @media all and (max-width: 1024px) { #mainMenu, .topBar form { display: none; } .topBar .li-left, .topBar .li-right { display: none; } .topBar, .topBar ol { width: 100%; text-align: center; } #mainMenu li { width: 100%; padding-right: 48px; box-sizing: border-box; } .li-middle img { margin-top: 10px; margin-bottom: 12px; } .manuClick { cursor: pointer; position: fixed; display: block; width: 49px; height: 49px; top: 0; right: 0; background: url(../img/menu.jpg) center no-repeat; cursor: pointer; } .open .manuClick { background: url(../img/close.png) center no-repeat; -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; transition-property: transform; } #fixedHeader .container { overflow: visible; } #fixedHeader { position: fixed; margin-top: 0; height: 100vh; z-index: 1000; width: 260px; margin-left: -260px; background: #fff; padding: 0; } #fixedHeader .logo { width: 100%; text-align: center; } #fixedHeader .logo img { margin: 2vh 0 1vh 0; height: 74px; } #fixedHeader #menu { margin: 0; } #menu li { width: 100%; float: none; text-align: center; height: 36px; color: #131313; height: auto; padding: 6px 0; box-sizing: border-box; background: none; } #menu li a { font-weight: 600; } #menu li:hover a { color: #044ca0; } .minitop ol li, .minitop { height: 49px; line-height: 49px; } #top:before { display: none; content: none; } #top { width: 100%; box-sizing: border-box; } .top-kontakt ol li:last-child img, .top-kontakt ol li:last-child { transform: skew(0); } .lang{padding-top:4px;} .lang #langBoxChangeLang{top:48px;} .minitop ol li.langArea{float: right; margin-right: 49px;} .minitop ol li { display: inline-block; float: none; border: none!important; padding: 1px 25px 6px 20px; } .topBar ol { text-align: right; box-sizing: border-box; } .searchForm:before { display: none; content: none; } .top-kontakt ol li:first-child { width: 49%; padding: 15px 0; box-sizing: border-box; } .top-kontakt ol li:nth-child(2) { width: 39%; padding: 15px 0; box-sizing: border-box; } .top-kontakt ol li:nth-child(3) { width: 12%; box-sizing: border-box; } .top-kontakt ol li:last-child img { padding: 18px 0; } .top-wyszukiwarka + .c10 { height: 0px; } .top-wyszukiwarka .w60 { width: 65%; margin-left: 0; } #zwami .w45, #zwami .w55 { width: 100%; text-align: center; } .zwami-topic:before { left: 0; right: 0; margin: auto; } .zwami-box ul li { display: inline-block; clear: both; margin: 0 auto; } .zwami-box ul { width: 300px; margin: 0 auto; } #zwami .w45 button { float: none; } #zwami .w45 a.btnArea, #zwami .w45 a.btnArea:hover { background: #003a87; } #zwami .w45 a.btnArea span, #zwami .w45 a.btnArea small { text-align: center; padding-left: 0; } #zwami .w55 img { display: none; } .normy { padding: 20px 10px; } #zwami .w55 p { padding: 2px 0; text-align: center; max-width: 400px; margin: 0 auto; } .w50-left { width: 40%; } .w50-right { width: 60%; } #subpage > div > p { padding: 6px 5px; box-sizing: border-box; } .disclaimer { box-sizing: border-box; width: 98%; margin: 0 1%; } .left-logo { width: 100%; text-align: center; padding-left: 0; } .left-logo img { margin-top: 15px; margin-bottom: 10px; float: none; } #gwarancja .w30, #gwarancja .w70 { width: 100%; padding: 0 10px; box-sizing: border-box; } #gwarancja .w30 { text-align: center; } #gwarancja p { max-width: 600px; margin: 0 auto; } #gwarancja .w70 { clear: both; max-width: 680px; margin: 0 auto; float: none; overflow: auto; } #gwarancja .orange-box { width: 100%; text-align: center; padding: 40px 15px 50px; } #gwarancja .white-box { width: 100%; text-align: center; padding: 60px 10px 0px 10px; } #gwarancja .orange-box h3 { margin: 0 auto; } #gwarancja .orange-box p { max-width: 600px; } #gwarancja .orange-box img { display: none; } #gwarancja table { float: none; margin: 25px auto 0 auto; } .obsluga_opis { width: 100%; } .obsluga_galeria { display: none; } #obsluga_top { text-align: center; } .obsluga_opis .w100, .obsluga_opis .w50 { width: 33.33%; float: left; } .w100.cat-item .w50 { height: auto; width: 100%; } .cat-item { padding: 20px 52px 0 52px; box-sizing: border-box; } .w100.cat-item .w50 img { position: relative; width: 74px; height: 74px; } .w100.cat-item .it100 { padding-top: 0; text-align: center; border-right: none; } .cat-item .line { margin: 15px auto; } .social-media, .cat-item h6 br { display: none; } .cat-item h6 b { padding-right: 3px; } .cat-item h6 { font-size: 13px; } .w100.cat-item { border-bottom: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; } #footer ul { width: 100%; text-align: center; } #footer ul li { display: inline-block; float: none; padding: 3px 17px 3px 16px; } #footer span { float: none; width: 100%; text-align: center; display: block; } .iPolska { float: none; margin: 25px auto 10px; } #transport_montaz .tm_middle { width: 60%; } #transport_montaz .tm_right { width: 15%; } #top > div{ display: flex; flex-direction: column; } #top > div .left-logo{ order: 2; background: transparent; box-shadow: none; } #top > div .topBar{ order: 1; } #top > div .c0{ order: 3; } #solis .line{float: none; margin: 0 auto;} .headtitle{text-align: center;float: none; margin:0 auto;} .headtitle +.c80{height: 30px;} #solis{ text-align: center; } #solis h3{ text-align: center; margin-right: 0; } .headtitle img, #solis h3{float: none;} #solis span{ margin: 0 auto; float: none; } #solis span + img{ margin: 0; float: none; } #solis span a{ float: none; margin: 15px auto; width: 75px; } #solis .container:after{ width:90%; left: 0; margin: 0 5%; } #footer div > a{display: none;} #footer p{width: 100%;} #footer p a{display: inline-block; display: block; padding:0;} #telefony{display: none;} #slider, #slider .slick-slide > img:not(.new){ height: 500px; } #slider .container { top: 160px; } #slider .container h2, #slider .container h3 { padding-right: 0px; text-align: center; display: block; width: 100%; } #slider .slide-desc a { margin: 0 auto; display: block; width: 171px; float: none; } #slider .slick-dots{ bottom: 20px; text-align: center; } #slider .container { bottom: 60px; top: auto; } #copy .w55, #copy .w25, #copy .w20{ width: 100%; text-align: center; } #copy .w25 img{ margin-top: 25px; margin-bottom: 10px; } #copy .ipolska{ width: 105px; margin: 0 auto; float: none; } .p-info.page-9 table td{ display: block; width: 100%; text-align: center; margin-bottom: 35px; } .p-info.page-9 table td:last-of-type{ margin-bottom: 0; } h1.title{text-align: center;} .path, .path p{text-align: center;} #banner .line{margin: 0 auto;} h1.title{font-size: 40px;line-height: 40px;} .page-top h3{font-size: 30px; line-height: 32px;} } @media all and (max-width: 980px) { #slider .container{top: auto; bottom: 50px;} #glowna-oferta.sp-content > .w25, #glowna-oferta .container > .w25{ width: 100%; } #category-menu a { margin-top: -2px; } #glowna-oferta .container > .w25 ul, #glowna-oferta.sp-content .w25 ul{height: 0;overflow: hidden;} #glowna-oferta .w25 span, #glowna-oferta.sp-content .w25 span{ padding-left: 50px; box-sizing: border-box; background: url(../img/cats.png) center left 25px /auto 13px no-repeat, url(../img/select_arrow.png) top 25px right 22px no-repeat, #044ca0; } #glowna-oferta .w75{width: 100%;padding-right: 5px;} #glowna-oferta.sp-content .w75 .c90{height: 5px;} #glowna-oferta.sp-content .w75 {padding-left: 5px; text-align: center;} #subpage .line{margin: 0 auto;} .firma-partnerzy{text-align: center;} .firma-partnerzy img{float: none; display: inline-block; margin: 8px 15px;} #subpage{padding-bottom: 5px;} .p-info.o-firmie img{float: left;} .p-info.page-5{ overflow: auto; margin-bottom: 30px; } #cat-items{width: 100%; max-width: 100%;} #glowna-oferta .w25 mark{display: none;} .fRes{text-align: center;} #kategorie .w40, #kategorie .w60{ width: 100%; padding: 0; text-align: center; } #kategorie .w40{ padding-top: 40px; } #kategorie .w40 p{ height: auto; padding-bottom: 35px; max-width: 80%; margin: 0 auto; } #kategorie .w40 img{ margin: 0; width: 100%; height: 320px; } #kategorie .w60 .w50{margin-bottom: 0px; margin-left: -0px;} .w40-l, .w60-r{ width: 100%; text-align: center; padding: 30px 5px 30px 5px; } .w40-l img, .w60-r img{ display: none; } #kategorie .w60-r p{margin: 0 auto;} #oferta-produkty .container > div:nth-last-of-type(2){ display: none; } #oferta-produkty .prod-box{ width: 48%; display: block; float: left; } #footer .w55, #footer .w45{ width: 100%; padding: 0; text-align: center; } #footer .w55 > span, #footer .w45 > span{ text-align: center; margin: 0 auto; float: none; } #footer .w55 > span.line{ margin-top: 20px; } #footer table td{ display: block; width: 100%; } #footer ol { margin-bottom: 30px; } #footer .w45 .c50{ height: 30px; } #footer .w55 > span:first-of-type{ background: #e96115; } .popup-gallery, #opis-produkty .w55{ margin: 0; padding: 0; width: 100%; text-align: center; } #opis-produkty .w45 a:first-of-type img{max-height: 340px; object-fit: scale-down;} #opis-produkty .w55{ margin-top: 30px; } #opis-produkty table { margin: 0 auto; } } @media all and (max-width: 900px) { } @media all and (max-width: 860px) { .top-kontakt { width: 30%; } .top-kontakt ol li:nth-child(2) { width: 100%; } .top-kontakt ol li:first-child, .top-kontakt ol li:last-child { display: none; } .top-wyszukiwarka { width: 70%; } #sekcja-kolor .w33 > span { display: block; width: 100%; padding-left: 0; margin-top: 10px; } #sekcja-kolor .w33 span > * { text-align: center; } #sekcja-kolor p { margin: 0 auto; } #pasja > div > .w50:first-of-type { display: none; } .komfort_i_bezpieczenstwo { width: 100%; text-align: center; padding-left: 10px; } #pasja button { float: none; } #nasze-marki { position: relative; bottom: 0; float: left; width: 100%; margin-top: 45px; } #nasze-marki .slick-prev, #nasze-marki .slick-prev:hover { margin-left: 0; } #nasze-marki .w30 { display: none; } #nasze-marki .w70 { width: 100%; } #karuzela-marki { padding: 30px 55px 25px 55px; } #transport_montaz .tm_middle .w55 { width: 40%; } #transport_montaz .tm_middle .w45 { width: 60%; padding: 30px 30px; } #cat-items td { width: 100%; text-align: center; display: block; padding-bottom: 15px; } .newsTable td p { text-align: center; } #cat-items .newsTable tr:last-child td p { padding: 0; } #cat-items .newsTable tr:last-child td { padding-bottom: 0px; margin-top: 0px; } #cat-items .newsTable tr:last-child td:first-child { padding-top: 10px; } #cat-items .newsTable tr:last-child td:last-child { padding-bottom: 10px; padding-top: 0; } #subpage #kontakt { width: 100%; max-width: 98%; } #subpage #kontakt .w50 { text-align: center; width: 100%; } #kontakt table { width: 100%; max-width: 225px; margin: 0 auto; } #subpage #kontakt table td:first-child { display: none; } #subpage #kontakt p img { float: none; } .contactForm .g-recaptcha div { margin: 0 auto; } #subpage #oferta-produkty .prod-box, .prod-box{ width: 49%; } .newsTable tr:last-child td{padding-right:0;} } @media all and (max-width: 800px) { .formMail1 { max-width: 100%; padding: 0 10px; box-sizing: border-box; } .formMail1 .w50.left, .formMail1 .w50.right { width: 100%; padding: 0; } .formMail1 input { text-align: center; } .checkBox { text-align: center!important; } .checkBox em { display: block!important; float: none!important; margin: 10px auto 10px auto!important; } .prod-list.first-row { display: none; } .cat-dsc, #nasza-oferta .w50.cat-item { width: 96%; margin: 0 auto; } #nasza-oferta .w50.cat-item { border: 1px solid #f2f2f2; } .cat-item { height: 175px; } #nasza-oferta h6 { text-transform: uppercase; font-weight: 600; color: #044ca0; } .cat-dsc { min-height: 40px; } .minitop ol li:first-child{} .minitop ol li.li-sklep{ width: 60px; overflow: hidden; } .minitop ol li { display: inline-block; vertical-align: top; float: none; } .minitop ol li:nth-child(1), .minitop ol li:nth-child(2){ padding: 1px 12px 6px 6px; } .minitop ol { width: 100%; float: left; box-sizing: border-box; } } @media all and (max-width: 768px) { #prod-section .w60 ul { margin-left: 0; } #slider .container{ padding: 0 5px; top: auto; } #slider img.new{display: none;} #prod-section #karuzel { padding-right: 0; } #slider .container > div { width: 100%; background: transparent; } #slider .container h2 { font-size: 24px; line-height: 28px; text-shadow: 0 0 35px #000; } #slider .container h3 { font-size: 18px; line-height: 24px; } #slider .container h2 em{ font-size: 42px; } #slider .container div.slide-desc table td{ padding: 10px 15px; } #wideorelacje .movie { width: 49%; margin: 5px 0.5%; } #slider .slick-next, #slider .slick-prev { left: auto; right: 0; margin-right: 0px; } .slides .slick-dots { width: 100%; margin-left: 0; bottom: 0; text-align: left; } .w50-left { display: none; } .w50-right { width: 100%; } .w50-right .w100 { display: flex; flex-direction: column; } .w50-right .w100 .c30, .w50-right .w100 .c0 { display: none; } .blue { order: 2; position: relative; bottom: 0; left: auto; right: auto; width: 100%; text-align: center; padding: 30px 10px 40px 10px; height: auto; } .materialy { order: 1; width: 100%; margin: 60px 0px 25px 0px; box-sizing: border-box; } .materialy h3 { text-align: center; } .materialy p { text-align: center; max-width: 400px; margin: 0 auto; } .materialy small { width: 155px; margin: 0 auto; display: block; } #footer ul li { width: 100%; padding: 10px 0; float: none; text-align: center; border-bottom: 1px dashed #f1f1f1; background: none; } #footer ul li:last-child { border-bottom: none; } .iPolska { margin: 20px auto; float: none; } #footer span { display: block; text-align: center; } .ico { margin: 5px; } .slides .slick-dots, #slider #wspolczynnik, #slider #nowosc, #slider #medal { display: none; } #gwarancja .w70 { max-width: 100%; background-position: center top; background-size: auto 285px; padding-top: 300px; margin-top: 20px; float: left; } .image-desc { width: 100%; padding: 0; text-align: center; } .image-desc span:before, .image-desc span:after { display: none; content: none; } .image-desc span { display: inline-block; width: 100%; padding: 0; height: 55px; line-height: 55px; } .handelTab { max-width: 100%; } .handelTab td { display: block; text-align: center; padding: 10px 0; } .handelTab td:first-child { text-align: center; } .handelTab td img { padding-right: 0px; } .handelTab td small br { display: none; } .handelTab small span { display: block; width: 100%; margin-top: 10px; } #transport_montaz .tm_left { width: 25%; } #transport_montaz .tm_middle { width: 70%; } #transport_montaz .tm_right { display: none; } #transport_montaz > div { padding: 30px 0; } #transport_montaz .tm_left span { left: -132px; } .dlaczego_ico { width: 205px; padding: 0 10px; } #obsluga { background: #fff; } .obsluga_opis a { display: block; width: 100%; float: left; } .obsluga_opis .w100, .obsluga_opis .w50 { width: 100%; max-width: 280px; margin: 0 auto; float: none; } .obsluga_opis a >.w100, .obsluga_opis a > .w50 { border: 1px solid #f2f2f2; margin-bottom: 5px; } .mobi-w50 { width: 100%; } #slider .slick-slide > img{height: 475px;} #footer ul{margin-bottom: 20px;} .galBox { display: inline; float: left; padding: 5px 0.5% 15px 0.5%; width: 49%; } #sprzetkop-w-liczbach table td:first-child, #maszyny table td:first-child{ display: block; width: 100%; text-align: center; padding: 0; } #sprzetkop-w-liczbach table td:last-child{padding: 0;padding-top: 25px;} #sprzetkop-w-liczbach table td p, #maszyny table td p{text-align: center; padding: 0 20px; box-sizing: border-box;} #sprzetkop-w-liczbach{margin-top: 15px;} } @media all and (max-width: 640px) { #bannerek { height: 115px; } .top-wyszukiwarka .w40 { display: none; } .top-kontakt { width: 40%; } .top-wyszukiwarka { width: 60%; } .top-wyszukiwarka .w60 { width: 100%; } #sekcja-kolor .w33 { width: 100%; } #sekcja-kolor .w33:nth-child(2) { margin: 40px 0; } .handelTab td { display: block; text-align: center; } .handelTab td ul li { background: none; padding: 0; } #boxes .w33 { width: 100%; padding: 35px 0; } #boxes .w33.middle { margin-top: 0; padding: 35px 0; } #boxes .w33 .c25 { height: 15px; } .dlaczego_ico { width: 180px; padding: 0 10px; } #transport_montaz { margin-top: -30px; } #gwarancja table td:first-child { width: 117px; } #gwarancja table { max-width: 300px; } #gwarancja table td:last-child { padding-right: 0; padding-left: 10px; } #slider .container{ left: 0; top: auto; width: 100%; text-align: center; margin: 0; padding: 0; } #slider .container div.slide-desc{ width: 100%; } #slider .container div.slide-desc table{ float: left; width: 100%; } #slider .container div.slide-desc table td{ text-align: center; padding: 5px 5px; } #slider:after{display: none; content: none;} #slider .slide-desc a{bottom:0; right: 0;} #slider .container div.slide-desc table tr:last-child td{padding-bottom: 55px;} #slider .container div.slide-desc table tr:first-child td{padding-top: 15px;} #slider .container div.slide-desc table{margin-top: 140px;} #slider .line{margin-right: 30px;} #slider .container h2 em{display: block;} #slider .container h2{padding-right: 30px; text-shadow: none;} #subpage{margin-top: 0;} } @media all and (max-width: 590px) { .minitop > ol > li:nth-child(1){display: none;} #transport_montaz .tm_left { display: none; } #transport_montaz .tm_middle { width: 100%; text-align: center; } #transport_montaz .tm_middle .w55 { display: none; } #transport_montaz .tm_middle .w45 { width: 100%; padding: 50px 30px 100px 30px; height: auto; } #transport_montaz .tm_middle .w45 h3:after { right: 0; margin: auto; } .dlaczego_ico { width: 100%; border: 0; } .dlaczego_ico:nth-child(2) { margin: 45px 0; } .cat-dsc span, .cat-dsc em, .cat-dsc a { width: 100%; text-align: center; } .cat-dsc p { padding: 10px 20px; line-height: 24px; } .cat-dsc p em { display: none; } #subpage #oferta-produkty .prod-box, .prod-box{ width: 99%; } #solis .container:after{display: none; content: none;} #solis span + img{ width: 100%; height: auto; } #solis span{ width: 98%; margin: 0 1%; } #glowna-oferta .w35, #glowna-oferta .w65{ width: 100%; padding-right: 0; } #glowna-oferta .w65{ margin-bottom: 5px; } #glowna-oferta:not(.sp-content) .w65 img { height: 245px; } #glowna-oferta a span{top: 115px;} .nr a, .nr a:active, .nr a:hover, .nr a:link, .nr a:visited, .nr span{padding: 6px;} #glowna-oferta .w75 .w100{ width: 100%!important; padding: 0!important; } #glowna-oferta .w75 .w100:last-of-type{ margin-top: 5px; padding-left: 0px!important; } #sprzetkop-w-liczbach table tr{width: 100%;margin: 25px 0;} #sprzetkop-w-liczbach table td:last-child{display: block;} #oferta-produkty .prod-box{ width: 98%; display: block; float: left; } #popup-modal .modal-inner { padding: 30px 20px; } #opis-produkty .w45 a:first-of-type img{ width: 100%; object-fit: cover; } } @media all and (max-width: 470px) { .top-wyszukiwarka { display: none; } .top-kontakt { width: 100%; } .top-kontakt ol li:nth-child(2) { text-align: right; padding-right: 20px; box-sizing: border-box; border-bottom: none; } .w50-right a { width: 100%; } .w50-right a:last-of-type { border-top: none; border-left: 1px solid #e6e6e6; } .w50-right a { width: 100%; } .w50-right a:nth-child(3) { background: #fff; } .w50-right a:nth-child(4) { background: #f9f9f9; } #fixedHeader { width: 100%; margin-left: -100%; } #banner { height: 155px; } .p-info.page-4 img{ float: left; width: 99%; margin-top: 5px; height: 225px; } .galBox { display: inline; float: left; padding: 5px 0.5% 15px 0.5%; width: 99%; } #kategorie .w60 .w50{width: 100%;} } @media all and (max-width: 400px) { #zamowieniaForm input.input-width-3, #zamowieniaForm input.input-width-2, #zamowieniaForm input.input-width { width: 100%!important; max-width: 93%!important; } #zamowieniaForm label { padding-right: 0; } #zamowieniaForm input, #zamowieniaForm select, #zamowieniaForm textarea { margin: 0!important; max-width: 100%!important; } #cat-items td img { max-width: 100%!important; } #wideorelacje .movie { width: 99%; } } @media all and (max-width: 360px) { .minitop > ol > li:nth-child(2) img{display: none;} .minitop ol li{ padding: 1px 15px 6px 5px;} .minitop ol li.langArea{background-position: center right 7px; padding-left: 6px;} .minitop ol li.li-sklep{padding-right: 5px; text-align: center;} .minitop ol li.li-sklep img{float: none; margin-right: 0;} .minitop ol li.langArea:hover{background-position: center right 7px;} .lang #langBoxChangeLang{width: 86px;} #langBoxChangeLang ol li{padding-left: 12px!important;} .nr a, .nr a:active, .nr a:hover, .nr a:link, .nr a:visited, .nr span{padding: 6px 4px;} img{max-width: 100%!important;} }