.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;filter:alpha(Opacity=80);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;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);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;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}.sweet-alert,.sweet-overlay{position:fixed;display:none}body.stop-scrolling{height:100%;overflow:hidden}.sweet-overlay{background-color:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";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: 'Museo300', sans-serif; position:relative;}.sweet-alert h2:before{display: block; content:'';width: 35px;height:1px; background: #7aa433; 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 rgb(230, 230, 230);}.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)}}.sweet-alert .sa-icon.sa-error .sa-line.sa-left{-ms-transform:rotate(45deg)\9}.sweet-alert .sa-icon.sa-error .sa-line.sa-right{-ms-transform:rotate(-45deg)\9}.sweet-alert .sa-icon.sa-success{border-color:transparent\9}.sweet-alert .sa-icon.sa-success .sa-line.sa-tip{-ms-transform:rotate(45deg)\9}.sweet-alert .sa-icon.sa-success .sa-line.sa-long{-ms-transform:rotate(-45deg)\9}.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}.w6,.w7,.w8,.w10,.w13,.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:#7aa433;color:#fff;border-color:#bf9500;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:#7aa433;-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:#7aa433;border:1px solid #7aa433}.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{cursor: pointer;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;}.w6{width:6%; float: left;}.w7{width:7%; float: left;}.w8{width:8%; float: left;}.w13{width:13%; float: left;} /* clear */ .c0,.c10,.c100,.c15,.c150,.c20,.c200,.c25,.c30,.c5,.c50,.c60,.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{width:100%;clear:both;height:40px}.c50{height:50px}.c60{height:60px}.c70{height:70px}.c80{height:80px}.c90{height:90px}.c100{height:100px}.c150{height:150px}.c200{height:200px} /* button */ .btn{ min-width: 180px; height: 35px; display: inline-block; padding: 4px 16px; margin-bottom: 0; font-size: 14px; line-height: 20px; font-weight: 400; text-transform: uppercase; text-align: center; vertical-align: middle; cursor: pointer; border: none; outline: none; } .btn-filled{ color:#fff; border: 1px solid #ae6119; background-color: #ae6119; -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-filled-black{ color:#fff; border: 1px solid #000; background-color: #000; -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-filled:hover{ color: #ae6119; background-color: transparent; text-decoration:none; border: 1px solid #ae6119; } .btn-filled-black:hover{ color: #fff; background-color: transparent; border: 1px solid #fff; } .btn-empty{ background-color: transparent; color: #448d39; border: 1px solid #448d39; -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: #fff; background-color: #448d39; text-decoration: none; } ::-webkit-scrollbar { width:1em; width:10px; height:10px } ::-webkit-scrollbar-track { -webkit-box-shadow:inset 0 0 6px rgba(200,200,200,0.5); width:5px } ::-webkit-scrollbar-thumb { background-color:#ae6119; outline:1px solid #000; width:5px } /* ====================================== <------------------------------------- body !! */ body{ font-family: 'Titillium Web', sans-serif; font-size: 14px; line-height: 20px; color: #000; overflow-x: hidden; background: #ffffff; } .push{ position: relative; } /* ************************************ ********* MENU ********* ************************************ */ #menu.panel{ position: fixed; left: 0px; z-index: 9999; margin-left: 0; width: 260px; height: 100vh; background: #fff; background: -moz-linear-gradient(top, rgba(227,227,227,1) 0%, rgba(255,255,255,1) 50%); background: -webkit-linear-gradient(top, rgba(227,227,227,1) 0%,rgba(255,255,255,1) 50%); background: linear-gradient(to bottom, rgba(227,227,227,1) 0%,rgba(255,255,255,1) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#ffffff',GradientType=0 ); text-align: center; box-shadow: 0 0 25px rgba(0,0,0,0.15); } #menu.panel:after{ position: absolute; bottom: 0; left: 0; width: 100%; height: 35%; height: calc(100% - 740px); content: ''; background: #ae6119; } #menu.panel img{ margin-top: 3vh; margin-bottom: 1vh; max-width: 80%; } #menu.panel 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: transform; } #menu.panel img:hover{ transform: scale(0.97); } .panel ul{ margin: 2vh 0 4vh 0; width: 100%; top: 0px; bottom: 0px; } .panel ul li{ height: 40px; width: 100%; line-height: 40px; font-weight: 600; font-size: 14px; box-sizing: border-box; position: relative; text-align: left; border-bottom: 1px solid #f3f3f3; -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, font-weight, color; } .panel ul li:last-child{ border-bottom: 0; } .panel ul li a{ padding: 0 35px; box-sizing: border-box; cursor: pointer; z-index: 10; margin: auto; display: block; height: 100%; color: #000000; 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; } .panel ul li:hover{ color: #ae6119; padding-left: 10px; } .panel ul li:hover > a{ color: #ae6119; } .phone{ width: 100%; padding: 0 35px; box-sizing: border-box; text-align: left; } .phone a{ color: #000000; font-weight: 500; font-size: 14px; line-height: 26px; } .phone a:hover{ color: #ae6119; } .panel .phone ul li{ height: 28px; line-height: 28px; } #menu .phone a img{ margin: 0; } /* ************************************ ********* HEADER ********* ************************************ */ #main{ position: relative; left: 260px; width: calc(100% - 260px); } #topnav{ height: 46px; width: 100%; float: left; background: #090909; position: relative; z-index: 1000; } #topnav > div{ float: right; } #topnav > div p{ line-height: 42px; color: rgba(255, 255, 255, 0.95); font-weight: 300; padding-right: 40px; } #topnav > div p a{ color: inherit; } #topnav > div img{ vertical-align: middle; margin-top: -2px; margin-right: 7px; } .searchBox form{ cursor: pointer; display: block; } .searchBox form input{ height: 46px; line-height: 42px; background: #fff; border: none; outline: none; padding: 0 30px; box-sizing: border-box; width: 300px; 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: background; } .searchBox form button{ width: 52px; height: 46px; background: url(../img/search.png) center no-repeat, #fff; outline: none; border: 0; float: left; 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; } .searchBox form:hover input{ background: #f8f8f8; } .searchBox form:hover button{ background: url(../img/searchWhite.png) center no-repeat, #ae6119; } #search:hover{ transform: scale(0.97); } .sliderHolder img, .sliderHolder span { display:none; } #header{ position: relative; height: 615px; } #slides{ position: absolute; top: 0; width: 100%; height: 805px; overflow: hidden; } .cb-slideshow + div{ position: relative; float: left; margin-top: 368px; width: 70%; margin-left: 30%; background: rgba(174, 97, 25, 0.70); } .cb-slideshow + div h3 { font-family: 'Titillium Web', sans-serif; font-size: 58px; text-transform: uppercase; box-sizing: border-box; font-weight: 600; line-height: 60px; color: #fff; width:580px; text-align: right; } .cb-slideshow + div h3 b{ font-weight: 200; text-shadow: 0 0 30px #000; } .cb-slideshow + div p { font-size: 28px; padding: 0 3px; letter-spacing: -1px; box-sizing: border-box; font-weight: 200; line-height: 28px; margin-bottom: 5px; color: #fff; width:580px; text-align: right; } .cb-slideshow + div small{ font-family: 'Titillium Web', sans-serif; font-size: 16px; padding-top: 6px; text-align: left; font-weight: 200; display: block; line-height: 22px; color: #fff; position: relative; width:580px; text-align: right; } /* ************************************ ********* BOXES ********* ************************************ */ #boxes{ position: relative; float: left; width: 100%; } #boxes a{ display: block; width: 32.833%; margin: 0 0.25%; float: left; } #box-carousel{ width: 100%; padding-top: 3px; padding-bottom: 6px; } #box-carousel .coll{ height: auto; box-sizing: border-box; width: 100%; float: left; margin-bottom: 2px; } #box-carousel .coll .row{ height: 300px; position: relative; border: 3px solid #fff; border-top: 3px solid #fff; border-bottom: 3px solid #fff; overflow: hidden; } #box-carousel .coll .row:after{ position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: -moz-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(255,255,255,0) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } #box-carousel .coll:first-of-type .row{ border-left: 0; } #box-carousel .coll:last-of-type .row{ border-right: 0; } #box-carousel .coll a:only-child .row{ height: 600px; } #box-carousel .row span{ display: block; position: absolute; bottom: 25px; right: 30px; max-width: 250px; color: #fff; text-align: right; z-index: 100; font-size: 22px; line-height: 24px; text-transform: uppercase; font-weight: 200; } #box-carousel .row mark{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 64px; height: 64px; z-index: 10; opacity: 0; background: url(../img/more.png) center no-repeat; -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: opacity; } #box-carousel .row:hover mark{ opacity: 1; } #box-carousel .row span b{ font-weight: 500; } #box-carousel .row img{ width: 100%; height: 100%; object-fit: cover; object-position: center; -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, filter; } #box-carousel .row:hover img{ transform: scale(1.1); filter: grayscale(100%); } #box-carousel .slick-prev{ display: block; position: absolute; top: 50%; left: 10px; z-index: 1000; outline: none; border: 0; cursor: pointer; opacity: 0.6; filter: invert(1); background: url(../img/prev.png) center no-repeat; } #box-carousel .slick-next{ display: block; position: absolute; top: 50%; right: 10px; z-index: 1000; outline: none; border: 0; cursor: pointer; opacity: 0.6; filter: invert(1); background: url(../img/next.png) center no-repeat; } /* ************************************ ********* VIDEO ********* ************************************ */ #modental-video{ position: relative; z-index: 1; float: left; width: 100%; padding: 100px 40px; box-sizing:border-box; background: url(../img/video.jpg) center no-repeat; } #modental-video:after{ content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: -moz-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(255,255,255,0) 60%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(255,255,255,0) 60%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0,0,0,0.8) 0%,rgba(255,255,255,0) 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */ } #modental-video span{ display: block; position: relative; z-index: 10; color: #fff; text-transform: uppercase; padding: 20px 0 20px 90px; background: url(../img/play.png) center left /auto 64px no-repeat; -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: margin-left; } #modental-video span:hover{ margin-left: 15px; } #modental-video span p{ font-size: 24px; line-height: 28px; font-weight: 600; } #modental-video span small{ font-size: 12px; font-weight: 200; } #modental-video span em{ display: block; float: left; width: 32px; height: 1px; background: #87512b; } #modental-blaty{ position: relative; background: whitesmoke; z-index: 3; } #modental-blaty .w45{ background: whitesmoke; } #modental-blaty .w45 > div{ box-sizing: border-box; background: #fff; padding-top: 40px; } #modental-blaty .w45 > div h3{ padding-left: 35px; text-transform: uppercase; font-size: 18px; line-height: 28px; } #modental-blaty .w45 > div .line{ display: block; margin: 10px 0; width: 32px; height: 1px; background: #87512b; margin-left: 35px; } #modental-blaty .w45 > div img{ max-width: 100%; } #modental-blaty .w45 a{ display: block; float: right; padding: 7px 26px; background: #ae6119; color: #fff; font-weight: 400; text-transform: uppercase; font-size: 13px; margin:0 35px; -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, color; } #modental-blaty a:hover{ background: #87512b; } #modental-blaty .w45 div.fabryka-mebli{ background: whitesmoke; padding: 40px 0px 30px 0px; } #modental-blaty .w45 > div.fabryka-mebli h3{ font-size: 25px; line-height: 28px; font-weight: 600; } #modental-blaty .w45 > div.fabryka-mebli h4{ font-size: 18px; line-height: 24px; color: #545454; font-weight: 300; margin-left: 35px; text-transform: uppercase; } #modental-blaty p{ padding: 0px 25px 12px 35px; box-sizing: border-box; font-size: 12px; font-weight: 400; color: #6d6d6d; } #modental-blaty .fabryka-mebli a{ float: left; margin-left: 0; margin-top: 15px; } #modental-blaty .w55{ background: #fff; } #modental-blaty .w55 > img{ width: auto; height: 455px; margin-top: -260px; margin-bottom: -5px; } #modental-blaty .w55 div{ float: left; width: 100%; position: relative; overflow: hidden; } #modental-blaty .w55 div img{ width: 100%; height: 590px; object-fit: cover; 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: filter, transform; } #modental-blaty .w55 div:hover img{ filter: grayscale(100%); transform: scale(1.1); } #modental-blaty .w55 span{ display: block; position: absolute; bottom: 0; left: 0; width: 100%; padding: 38px 30px 35px 60px; color: #fff; box-sizing: border-box; font-size: 16px; font-weight: 300; background: rgba(0, 0, 0, 0.85); -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-left; } #modental-blaty .w55 mark{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 64px; height: 64px; z-index: 10; opacity: 0; background: url(../img/more.png) center no-repeat; -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: opacity; } #modental-blaty .w55 div:hover mark{ opacity: 1; } #modental-blaty .w55 div:hover span{ padding-left: 100px; } #modental-blaty .w55 span em{ text-transform: uppercase; font-size: 28px; font-weight: 600; line-height: 32px; } #map_canvas_main{ width: 100%; height: 350px; } #map_canvas_main{ filter: grayscale(100%); } /* ************************************ ********* COPY ********* ************************************ */ #copy{ padding: 30px 50px; background: #ffffff; } #copy p{ color: rgba(0, 0, 0, 1); font-size: 14px; font-weight: 300; padding-bottom: 5px; } #copy p em{ padding: 0 12px; } #copy small{ color: rgba(153,153,153,1); font-size: 13px; font-weight: 300; } #copy a{ color: inherit; padding-right: 15px; } #copy a:hover{ color: #ae6119; } #copy ul li{ float: left; padding: 5px 20px; background: url(../img/sep.png) right center no-repeat; } #copy ul li:last-child{ background: none; } #copy ul li a{ color: #fff; font-size: 16px; font-weight: 200; -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 ul li a:hover{ color: #ae6119; } /* ==================================== ========= PD ======== <------------------------------------- pd ==================================== */ #mainSubpage{ position: relative; float: left; width: 100%; padding-top: 30px; padding-bottom: 45px; } #mainSubpage h1{ padding-top: 6px; font-size: 46px; font-weight: 200; line-height: 52px; position: relative; } #mainSubpage div .line{ display: block; width: 32px; height: 1px; background: #ae6119; } #mainSubpage .container{ width: 100%; padding: 0 50px; box-sizing: border-box; } .path{ font-size: 13px; color: #040404; font-weight: 300; } #mainSubpage .container p{ font-weight: 400; font-size: 15px; line-height: 26px; max-width: 900px; padding: 8px 0; } #mainSubpage .container p small{ font-size: 14px; line-height: 16px; display: block; margin: 8px 0; color: #4c4c4c; } #mainSubpage .container h3{ font-size: 17px; line-height: 22px; font-weight: 600; } #mainSubpage .container ul{ } #mainSubpage .container ul li{ font-weight: 300; font-size: 14px; } #mainSubpage .container ul li a{ font-weight: 600; -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; } #mainSubpage .container ul li a:hover{ color: #ae6119; } .lista-galerii{ margin-top: -6px; margin-left: 10px; } .lista-galerii li{ padding: 3px 0; font-size: 14px; font-weight: 600; color: #3c3c3c; } .lista-galerii li a:hover{ color: #ae6119; } .lista-galerii li em{ color: #ae6119; font-weight: 600; font-size: 16px; margin-right: 7px; display: inline-block; margin-top: -1px; } .galMenu { display: block; float: left; vertical-align: top; width: 24%; height: 380px; overflow: hidden; box-shadow: 0 0 20px rgba(0, 0, 0, 0.06); margin: 10px 0.5%; position: relative; -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; } .galMenu a { display: block; width: 100%; height: 100%; } .galMenu a > div { position: absolute; bottom: 0; right: 0; width: 100%; color: #5d5d5d; min-width: 250px; box-sizing: border-box; padding: 25px 20px; background: #fff; font-size: 17px; z-index: 10; font-weight: 600; text-align: justify; line-height: 24px; -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: right; } .galMenu h5 { opacity: 0; display: block; width: 100%; height: 60px; line-height: 60px; font-size: 22px; padding-top: 50px; margin: auto; text-shadow: 0 0 15px #000; background: url(../img/more.png) center top no-repeat; position: absolute; top: 0; bottom: 0; left: 0; color: #fff; text-align: center; right: 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: opacity; } .galMenu em { letter-spacing: -3px; color: #ae802a; font-weight: 600; padding-right: 10px; } .galMenu:hover { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .galMenu:hover a > div { right: -100%; } .galMenu:hover h5 { opacity: 1; } #wideorelacje{ width: 100%; float: left; } #wideorelacje .movie{ display: block; float: left; width: 24%; margin: 4px 0.5%; height: 200px; position: relative; cursor: pointer; overflow: hidden; } #wideorelacje .movie img{ width: 101%; height: 100%; 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: transform, filter; } #wideorelacje .movie:after{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; z-index: 10; background: url(../img/ytov.png) center /auto 100% no-repeat } #wideorelacje .movie:hover img{ transform: scale(1.1); filter: grayscale(100%); } #contactForm{ width: 100%; float: left; } #contactForm label{ display: block; width: 100%; font-size: 14px; color: #131313; font-weight: 500; margin-bottom: 3px; } #contactForm small mark, #contactForm label mark{ background: transparent; color: red; font-weight: 600; padding: 0 1px; } #contactForm small em{ font-size: 12px; } #contactForm small{ display: block; height: 13px; line-height: 12px; } #contactForm input, #contactForm select{ width: 100%; height: 38px; line-height: 38px; padding: 0 20px; outline: none; box-sizing: border-box; border: 1px solid #ccc; -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: 103px; line-height: 16px; padding: 10px 20px; resize: none; outline: none; box-sizing: border-box; border: 1px solid #ccc; -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:hover, #contactForm select:hover, #contactForm input:hover{ border: 1px solid #ae6119; } #contactForm .w30 input, #contactForm .w60 input{ padding: 0 12px; } #contactForm .input-padding{ padding-right: 15px; box-sizing: border-box; } #contactForm .w10{ line-height: 34px; text-align: center; } #contactForm button{ float: right; } .sweet-alert button{ background-color: #ae6119!important; } #mainSubpage p.searchRes{ padding: 10px 15px; box-sizing: border-box; border-bottom: 1px dashed #eaeaea; } #mainSubpage p.searchRes em{ float: right; font-weight: 600; font-size: 14px; } #mainSubpage p.searchRes:last-of-type{ border-bottom: 0; } /* ==================================== ========= MEDIA ======== <------------------------------------- @media !! ==================================== */ @media all and (max-width: 1705px){ } @media all and (max-width: 1500px){ } @media all and (max-width: 1280px){ .galMenu { width: 32.333%; height: 300px; } #wideorelacje .movie{ width: 32.333%; height: 180px; } #contactForm label{ font-size: 12px; } #contactForm > .w50{ width: 100%; padding-right: 0; } #contactForm > .w50:first-of-type > .w50:last-of-type{ padding-right: 0; } #contactForm > .w50:first-of-type{ margin-bottom: 40px; } #contactForm > .w50:first-of-type .w100.input-padding, #contactForm .w100.input-padding{ padding-right: 0; } #contactForm > .w50.pd-top{ margin-top: 40px; } } @media all and (max-width: 1200px){ #promocje{ background: url(../img/line.png) left 10% center no-repeat, url(../img/line.png) right 10% center no-repeat, #ae6119; } #promocje:hover{ background: url(../img/line.png) left 10% center no-repeat, url(../img/line.png) right 10% center no-repeat, #000; } #contactForm{ width: 100%; padding: 0 10px; box-sizing: border-box; } #contactForm{padding: 0;} } @media all and (max-width: 1124px){ .cb-slideshow + div{ margin-left: 0; width: 100%; text-align: center; } .cb-slideshow + div p, .cb-slideshow + div h3, .cb-slideshow + div small{ width: 100%; box-sizing: border-box; text-align: center; } .searchBox form input{ width: 220px; } #topnav > div p{ padding-right: 25px; } #modental-blaty .w55 > img{ height: 390px; margin-top: -150px; } } @media all and (max-width: 980px){ #menu.panel{ margin-left: -260px; } #main{ left: 0; width: 100%; } #mainSubpage .ptt{ width: 100vw!important; } #menuMobile{ display: block; position: fixed; width: 60px; background: url(../img/menu.jpg) center center no-repeat, #fff; height: 46px; z-index: 9999; top:0; right:0; } #menuMobile.open{ background: url(../img/close.jpg) center center no-repeat, #fff; } #topnav{ padding-right: 60px; box-sizing: border-box; } .sb-content p{ padding: 5px 10px; } .ug-zoompanel{ left:4px!important; top: 50px!important; } #gallery{ margin-left: 0px!important; } #menu.panel:after{ display: none; content: none; } #mainSubpage .container{ text-align: center; padding: 0 10px; } #mainSubpage div .line{ margin: 0 auto; } #copy{ padding: 30px 8px; } #contactForm label{ text-align: left; overflow: hidden; height: 20px; } #contactForm button{ float: none; } } @media all and (max-width: 915px){ .galMenu{ width: 49%; } .galMenu h5{ opacity: 1; bottom: 50px; } .galMenu a > div{ text-align: center; padding: 25px 8px; } .galMenu em{display: none;} } @media all and (max-width: 815px){ #header, .cb-slideshow, .cb-slideshow:after{ height: 414px; } .cb-slideshow li > div { bottom: 20px; } .cb-slideshow li > div p{ font-size: 8vw; line-height: 10vw; } .cb-slideshow li > div{ width: 100%; } .cb-slideshow li > div h3{ font-size: 8vw; line-height: 10vw; } .cb-slideshow li > div p{ font-size: 5vw; line-height: 4vw; } .wyp-item > div{ max-width: 100%; width: 100%; margin: 0; } .cb-slideshow + div .c40{ height: 20px; } #boxes a { width: 49.5%; } #modental-blaty .w45, #modental-blaty .w55{ width: 100%; text-align: center; } #modental-blaty .w45 > div h3{ padding-left: 0; } #modental-blaty .w45 > div .line{ margin: 10px auto; } #modental-blaty .w45 > div img{ float: left; margin-bottom: 25px; } #modental-blaty .w45 a{ float: none; margin: 10px auto; clear: both; width: 120px; } #modental-blaty .w55 > img{ display: none; } #modental-blaty .w55 div img{ height: 390px; } #modental-blaty .w55 mark{ bottom: 70px; opacity: 1; } #modental-blaty .w55 div img{ height: 340px; } #modental-blaty .w55 span{ padding: 20px 5px 20px 5px; } #modental-blaty .w55 div:hover span{ padding: 20px 5px 20px 5px; } #copy p, #copy small{ text-align: center; } #copy a{ padding: 0 10px; font-size: 12px; } #copy em{display: block; float: none; width: 100%; padding: 0; box-sizing: border-box;height: 3px;} #copy small{display: block;} } @media all and (max-width: 768px){ #promocje{ background: #ae6119; } #promocje:hover{ background: #000; } #copy .left{ padding: 30px 10px; } #copy ul{ width: 100%; margin-bottom: 35px; } #copy ul li{ width: 100%; text-align: center; background: none; border-bottom: 1px dashed rgba(255,255,255,0.06); height: 50px; box-sizing: border-box; line-height: 40px; } #copy ul li:last-child{ border-bottom: none; } #copy .left p{ padding: 0; text-align: center; } } @media all and (max-width: 705px){ .sb-content .minifooter .w20{ display: none; } #mainSubpage > h1, #mainSubpage > div > h1{ font-size: 32px; line-height: 36px; } #mainSubpage > h1 span, #mainSubpage > div > h1 span{ font-size: 10vw; display: block; } .wyp-item{ width: 100%; } .ptt{ height: 35vw!important; max-height: 156px; } #wideorelacje .movie{ width: 49%; } } @media all and (max-width: 640px){ .searchBox{display: none;} #modental-video{padding: 80px 5px;} #modental-video span{ padding-left: 0; padding: 75px 0 10px 0; text-align: center; background: url(../img/play.png) top center /auto 64px no-repeat; } #modental-video span em{float: none; margin: 0 auto;} #modental-video span:hover{margin-left: 0px;} #modental-video a{display:block;} #box-carousel .row span{ display: block; position: absolute; bottom: 80px; left: 0; right: 0; margin: auto; max-width: 100%; text-align: center; } #box-carousel .one .row span{ bottom: 220px; } #box-carousel .row mark{opacity: 1;} #boxes a { width: 99.5%; } #header{ display: none; } #box-carousel{ padding-top: 0px; } #boxes{margin-top:-3px;} #modental-blaty{ display: flex; flex-direction: column; margin-top: 5px; } #modental-blaty .w45{ order: 2; } #modental-blaty .w55{ order: 1; } #modental-blaty .c0{ order: 3; } } @media all and (max-width: 600px){ #boxes{ margin-top: 0; } #boxes .w40{ width: 100%; } #kuchnie #owl .owl-item{ height: 360px; } #realizacje, #projektowanie{ height: 300px; } .col-2 .c60{ display: none; } #ikony{ position: relative; width: 100%; height: 320px } #ikony .w25{ width: 50%; height: 160px; } #ikony .w25 .c40{ height: 25px; } .col.col-3{ width: 100%; } #boxes .w20 #promocje{ width: 100%; } #brenkus{ background: #fff; padding: 50px 10px 60px 10px; height: auto; } .brenkus-desc{ width: 100%; text-align: center; } .brenkus-desc button{ float: none!important; } #contactForm .w33, #contactForm .w100{ width: 100%; } #contactForm textarea{ margin-top: 10px; } .cb-slideshow + div p{ font-size: 17px; line-height: 17px; margin-bottom: 5px; } .cb-slideshow + div h3{ font-size: 38px; line-height: 42px; } .cb-slideshow + div small{ padding-top: 0; } .galMenu{ width: 99%; height: 250px; } #wideorelacje .movie{ width: 99%; } #contactForm .w50{ width: 100%!important; padding-right: 0!important; } #contactForm .w25{ width: 50%; float: left; text-align: left; margin-bottom: 15px; } #contactForm > .w50:first-of-type > .w50:last-of-type{ margin-top: 20px; } .w30.kod-lf{ width: 40%; } .w70.kod-rt{ WIDTH: 60%; } } @media all and (max-width: 500px){ .minifooter{ padding: 3px 20px; box-sizing: border-box; width: 100%; height: auto; line-height: 20px; } .sb-content .minifooter p, .sb-content .minifooter p a{ line-height: 20px; } } @media all and (max-width: 530px){ } @media all and (max-width: 465px){ }