.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: 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 { color: #575757; font-size: 30px; text-align: center; font-weight: 600; text-transform: none; position: relative; margin: 25px 0; padding: 0; line-height: 40px; display: block }
.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 }
.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%; box-sizing: border-box; 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 #c4e6f5; border: 1px solid #b4dbed }
.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 }
.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)
}
}
.langBox{margin:0 auto;}
.langBox small{font-family:'Titillium Web', sans-serif;font-weight:500;font-size:13px;}
#langBoxChangeLang{display:none;}
.lang{float:right;z-index:101;margin-top:-2px;font-weight:300;width:110px;height:24px;line-height:23px;padding:0 0 0 0px;position:relative;box-sizing:border-box;color: rgb(0, 0, 0);cursor:pointer;text-transform:uppercase;background:url(../img/strzalka_dol.png) center right 20px no-repeat;font-size:14px;}
.langBoxActiveLang img{margin-left:5px;margin-right:5px;vertical-align:middle;}
.lang span{font-size:13px;font-family:'Titillium Web', sans-serif;-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:hover span{color:#d61a0c;}
.lang #langBoxChangeLang{display:block;height:0px;overflow:hidden;z-index:100;position:absolute;top:30px;width:90px;right:0px;background:rgba(255, 255, 255, 1);}
#langBoxChangeLang ol{width:100%;height:50px;}
#langBoxChangeLang ol li{width:100%!important;line-height:28px!important;border:none!important;text-align:left!important;padding-left:15px!important;float:left;box-sizing:border-box;text-transform:uppercase;font-weight:400;font-size:13px;}
#langBoxChangeLang ol li a{display:block;width:100%;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;}
#langBoxChangeLang ol li a:hover{color:#F00;}
#langBoxChangeLang ol li:hover{background:rgba(255,255,255,0.1);}
#langBoxChangeLang img{padding-right:8px;vertical-align:middle;}
.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 }
.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,
.editoFrame2 a,
.editoFrame3 a { cursor: pointer }
.editoFrame a:hover,
.editoFrame2 a:hover,
.editoFrame3 a:hover { text-decoration: underline }
.edito { border: 1px dotted #FC0 }
.edito:hover,
.editoFrame { border: 1px solid #FC0 }
.editoFrame { padding: 3px; background: #fff; position: absolute; margin-top: -13px; margin-left: -1px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #333 }
.editoFrame2,
.editoFrame3 { padding: 3px; border: 1px solid #FC0; background: #fff; position: absolute; margin-top: -1px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #333 }
.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; text-align: center; box-sizing: border-box; font-size: 11px; color: #333; line-height: 20px; text-decoration: none }
.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: #c51e29; color: #FFF; border-color: #c51e29; 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 }
a,
a:hover,
li:hover { text-decoration: none }
b { font-weight: 700 }
i { font-style: italic }
::-webkit-input-placeholder {
color:#a1a1a1;
font-size:11px;
font-weight:300
}
:-moz-placeholder {
color:#a1a1a1;
font-size:11px;
font-weight:300
}
::-moz-placeholder {
color:#a1a1a1;
font-size:11px;
font-weight:300
}
:-ms-input-placeholder {
color:#a1a1a1;
font-size:11px;
font-weight:300
}
.clear0 { clear: both; height: 0 }
.clear10 { clear: both; height: 10px }
.clear25 { clear: both; height: 15px }
.clear50 { clear: both; height: 50px }
.width50 { width: 50%; float: left }
.width40 { width: 40%; float: left }
.width60 { width: 60%; float: left }
.width30 { width: 30%; float: left }
.width70 { width: 70%; float: left }
.w10,
.w15,
.w20,
.w25,
.w30,
.w33,
.w40,
.w35,
.w45,
.w50,
.w55,
.w60,
.w70,
.w75,
.w80,
.w90 { float: left }
.btn-empty:hover,
.btn-filled:hover { text-decoration: none }
.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%; float: left }
.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,
.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 { width: 100%; clear: both; 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: 36px; display: inline-block; padding: 4px 16px; margin-bottom: 0; font-size: 13px; line-height: 18px; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; border: none; outline: 0; border: 1px solid transparent; }
.btn-filled { color: #fff; background-color: #c51e29; -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: #c51e29; border: 1px solid #c51e29 }
.btn-empty { -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: #c51e29 }
.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; cursor: pointer }
#nav-icon1 span { display: block; position: absolute; height: 3px; width: 100%; background: #c51e29; 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: none!important; }
.slick-list,
.slick-slider,
.slick-track { position: relative; display: block }
.slick-loading .slick-slide,
.slick-loading .slick-track { visibility: hidden }
.slick-slider { box-sizing: border-box; -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,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: 0px; display: inline-block; width: 35px; height: 35px; overflow: hidden; border: none; background: transparent }
.modal-video-close-btn:before { transform: rotate(45deg) }
.modal-video-close-btn:after { transform: rotate(-45deg) }
.modal-video-close-btn:before,
.modal-video-close-btn:after { content: ''; position: absolute; height: 2px; width: 100%; top: 50%; left: 0; margin-top: -1px; background: #fff; border-radius: 5px; margin-top: -6px }
::-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:#c51e29;
outline:1px solid #000;
width:5px
}
body { font-family: 'Exo', sans-serif; font-size: 14px; line-height: 20px; color: #000; overflow-x: hidden; background: #fff; }
.container { width: 1180px; margin: 0 auto; box-sizing: border-box; }
#mobiMenu { display: none; position: absolute; top: 0; right: 0; margin-right: -49px; width: 49px; height: 49px; background: url(../img/menu.jpg) center center no-repeat; cursor: pointer; }
#header { text-align: center; padding: 20px 0 0 0; width: 100%; z-index: 99; background: #fff; }
#header .left { float: left; width: 215px; position: relative; text-align: center; }
#header .left img { max-width: 100%; margin-bottom: -10px; }
#header .right { float: left; width: 70%; width: calc(100% - 215px); }
.contactInfo { float: right; padding: 10px 0 15px 0; }
.contactInfo li { float: left; padding-left: 24px; color: #000000; font-weight: 400; font-size: 12px; line-height: 32px; }
.contactInfo li a { float: left; color: #000000; font-weight: 400; font-size: 12px; -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; }
.contactInfo li a:hover { color: #c51e29; }
.contactInfo li img { margin: 10px 6px 0px 0px; padding-right: 6px; vertical-align: middle; margin-top: -1px; }
.contactInfo li:last-child img { margin-right: 0; }
.contactInfo li:last-child img { -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; }
.contactInfo li:last-child img:hover { filter: grayscale(100%); }
#navBar { position: relative; z-index: 15; }
#navBar img { display: none; }
#menu { position: relative; text-align: right; float: right; background: #c51e29; padding-left: 15px; margin-bottom: -28px; }
#menu:after { position: absolute; content: ''; top: 0; left: 100%; height: 100%; width: 100%; background: #c51e29; }
#menu li { position: relative; display: inline-block; padding: 15px 0px 13px 0px; -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; }
#menu li:hover { background: rgba(255, 255, 255, 0.1); }
#menu li a { font-weight: 400; font-size: 13px; padding: 0px 15px 0px 15px; line-height: 28px; color: #fff; font-family: 'Exo', sans-serif; -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; }
#menu li:after { content: ''; position: absolute; bottom: 10px; left: 0; right: 0; margin: 0 auto; width: 0%; border-top: 1px solid #fff; transition: 0.4s; }
#menu li:hover:after { width: 20%; }
#menu li:last-child { background: none; }
#slider { position: relative; clear: both; height: 540px; z-index: 12; overflow: hidden; }
#slider img:not(.mouse) { width: 100%; height: 540px; object-fit: cover; }
#slider:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; z-index: 1; background: rgba(0,0,0,0.35); }
#slider button,
#contents button.slick-arrow { display: block; width: 60px; height: 60px; border: 0; outline: 0; cursor: pointer; display: block; position: absolute; top: 52%; bottom: 0; z-index: 3; opacity: 0.5; -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: opacity; }
#slider:hover button,
#contents:hover button.slick-arrow { opacity: 0.7; }
#slider:hover button:hover,
#contents:hover button.slick-arrow:hover { opacity: 0.85; }
#slider button.slick-prev,
#contents button.slick-prev { left: 10px; background: url(../img/prev.png) top center no-repeat; }
#slider button.slick-next,
#contents button.slick-next { right: 10px; background: url(../img/next.png) top center no-repeat; }
.slick-dots { width: 1180px; margin: 0px auto 0 auto; text-align: right; position: absolute; bottom: 15px; }
.slick-dots li { position: relative; display: inline-block; width: 15px; height: 20px; margin: 0 4px; padding: 0; cursor: pointer; vertical-align: top; text-align: center }
#slider .slick-dots li button,
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 4px; height: 4px; padding: 3px; cursor: pointer; color: transparent; border: 0; border-radius: 50%; outline: none; margin: 1px auto; background: #c51e29; }
#slider .slick-dots li.slick-active button,
.slideBox { position: relative; }
.slideBox a { color: inherit; }
.slideBox1:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: #fff; }
.slick-dots li.slick-active button { background: transparent; border: 1px solid #c51e29; width: 8px; height: 8px; margin: 0 auto; }
#slider .container { position: absolute; top: 130px; margin: 0 auto; left: 0; right: 0; text-align: left; width: 1180px; z-index: 25; -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: bottom; }
#slider .container > div { float: right; width: 560px; }
#slider .slideBox:hover .container { bottom: 30px; }
#slider h4 { position: relative; font-size: 26px; line-height: 42px; color: #fff; font-weight: 300; display: block; }
#slider h2 { font-size: 60px; line-height: 60px; color: #fff; text-transform: uppercase; font-weight: 700; padding-bottom: 3px; margin: 0 auto; }
#slider p { margin-top: 7px; font-size: 13px; line-height: 20px; color: #fff; font-weight: 300; }
#slider em { display: block; float: left; width: 2px; height: 18px; background: #c51e29; margin: 0 10px 0 15px; }
#slider .line { margin: 10px auto; height: 2px; background: #aaa9a4; }
#slider h2 b { font-weight: 600; }
.slick-list { overflow: visible; }
#contents { clear: both; position: relative; z-index: 10; background: #fff; padding: 50px 0; }
#oferta { position: relative; z-index: 12; background: url(../img/lifta.jpg) top 300px center no-repeat; }
#karuzela { margin-top: -150px; }
#karuzela button.slick-prev { left: 0px; }
#karuzela button.slick-next { right: 0px; }
#karuzela .slick-dots { bottom: 0; }
#karuzela button.slick-arrow { top: 45%; }
.item { margin: 15px 2px; display: block; cursor: pointer; height: 480px; position: relative; box-sizing: border-box; -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; }
.item:hover { transform: scale(0.98); }
.item span { position: absolute; display: block; bottom: 35px; width: 100%; text-align: center; }
#oferta .item span h3 { font-size: 26px; color: #fff; text-transform: uppercase; line-height: 34px; font-weight: 300; padding-top: 0; }
#oferta .item span h3 b { font-size: 32px; line-height: 38px; font-weight: 500; }
#oferta .item button.btn { width: 180px; }
.home-desc { padding: 0 35px; box-sizing: border-box; }
#oferta h5 { color: #7e7e7e; text-transform: uppercase; font-weight: 300; font-size: 16px; line-height: 22px; }
#oferta h3 { color: #c51e29; text-transform: uppercase; font-weight: 600; padding-top: 6px; font-size: 34px; line-height: 36px; }
#oferta h4 { color: #000; text-transform: uppercase; font-size: 24px; font-weight: 400; line-height: 30px; }
#oferta p { padding: 10px 0; font-size: 13px; line-height: 22px; font-weight: 400; }
#oferta .w50:not(.gradient) img { float: right; margin-right: -60px; }
#oferta .w50 { position: relative; z-index: 2; }
#oferta .gradient { background: -moz-linear-gradient(top, rgba(255,255,255,0) 21%, rgba(255,255,255,0.05) 25%, rgba(237,237,237,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 21%, rgba(255,255,255,0.05) 25%, rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 21%, rgba(255,255,255,0.05) 25%, rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ededed', GradientType=0 ); /* IE6-9 */
position: relative; z-index: 1; padding: 30px 0 10px 60px; box-sizing: border-box; }
.gradient:after { position: absolute; top: 0; left: 100%; width: 100%; height: 100%; content: ''; background: -moz-linear-gradient(top, rgba(255,255,255,0) 21%, rgba(255,255,255,0.05) 25%, rgba(237,237,237,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 21%, rgba(255,255,255,0.05) 25%, rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 21%, rgba(255,255,255,0.05) 25%, rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ededed', GradientType=0 ); /* IE6-9 */
}
.gradient table td { vertical-align: middle; padding: 10px 0; }
.gradient table td img { margin-right: 22px; }
.gradient table b { text-transform: uppercase; font-weight: 500; font-size: 16px; }
.item:hover h4 { color: #c51e29; }
.item:hover img { filter: grayscale(0); }
.item:hover:before { border: 1px solid #c51e29; }
#kontaktBox { position: relative; z-index: 100; height: 280px; box-sizing: border-box; background: url(../img/bg.jpg) center /cover no-repeat; }
#kontaktBox > div { height: inherit; }
#kontaktBox .w60 { padding: 60px 0 0 12%; box-sizing: border-box; }
#kontaktBox h3 { color: #fff; text-transform: uppercase; font-size: 22px; font-weight: 300; line-height: 30px; }
#kontaktBox h3 b { font-weight: 500; }
#kontaktBox p { padding: 10px 0; font-size: 15px; line-height: 22px; color: #fff; font-weight: 300; }
#kontaktBox .w60 img { vertical-align: middle; margin-top: -15px; margin-right: 10px; margin-left: 30px; }
#kontaktBox p a { color: #eb1221; font-size: 34px; font-weight: 600; line-height: 38px; }
#kontaktBox p a span { color: #fff; font-size: 22px; }
#kontaktBox p small { font-size: 14px; font-weight: 400; color: #fff; padding-left: 8px; }
#kontaktBox .w30 { position: relative; height: 100%; position: relative; }
#kontaktBox .w30 img { position: absolute; bottom: 0; right: 0; }
#kontaktBox .w30:after { position: absolute; bottom: 0; left: 12%; width: 75%; height: 120%; z-index: -1; content: ''; background: rgba(197, 30, 41, 0.65); }
#aktualnosci { position: relative; z-index: 120; padding: 50px 0; }
#aktualnosci h3 { color: #c51e29; text-transform: uppercase; font-weight: 600; padding-top: 6px; font-size: 34px; line-height: 34px; }
#aktualnosci h4 { color: #000; text-transform: uppercase; font-weight: 500; font-size: 14px; line-height: 28px; }
#aktualnosci .w30 { text-align: right; padding-top: 3px; }
#aktualnosci .w30 a button { padding: 4px 25px; color: #000; font-size: 11px; text-transform: uppercase; }
#aktualnosci .w30 a button:hover { color: #fff; }
#aktualnosci .w25 { padding: 20px 10px; box-sizing: border-box; }
#aktualnosci .w25 p { font-size: 14px; color: #000; line-height: 18px; font-weight: 500; -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; }
#aktualnosci .w25 span { font-size: 11px; color: #949494; }
#aktualnosci .w25 > a > img { width: 100%; height: 160px; object-fit: cover; 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; }
#aktualnosci .w25:hover p { color: #c51e29; }
#aktualnosci .w25:hover > a > img { border: 1px solid #c51e29; }
#partnerzy { padding: 45px 0; background: #f8f8f8; }
#partnerzy img { width: auto; height: 40px; object-fit: scale-down; margin: 0 10px; }
#map { width: 100%; height: 360px; position: relative; }
#map_canvas { width: 100%; height: 100%; }
#map .container { position: absolute; top: 120px; left: 0; right: 0; margin: auto; }
#map .container > div { position: relative; background: #0c0c0c; width: 50%; box-sizing: border-box; max-width: 525px; padding: 50px 20px 40px 5px; }
#map .container > div:after { display: block; position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; margin-left: -100%; background: #0c0c0c; }
#map h3 { color: #fff; text-transform: uppercase; font-weight: 500; padding-top: 6px; font-size: 26px; line-height: 30px; }
#map h4 { color: #fff; text-transform: uppercase; font-weight: 500; font-size: 14px; line-height: 28px; }
#map p { font-size: 12px; line-height: 18px; font-weight: 400; color: #fff; }
#map p em { padding: 0 20px; }
#copy { position: relative; z-index: 100; }
#copy .redBox { padding: 40px 20px 30px 5px; box-sizing: border-box; background: #c51e29; position: relative; margin-top: -35px; }
#copy .redBox:before { display: block; position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; margin-left: -100%; background: #c51e29; }
.redBox img { float: left; margin-right: 10px; }
.redBox p { float: left; color: #fff; text-transform: uppercase; font-weight: 300; font-size: 13px; line-height: 20px; padding: 3px; }
.redBox a small { color: #fff; text-transform: uppercase; font-weight: 400; font-size: 13px; }
.redBox a { font-weight: 500; font-size: 15px; 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; }
.redBox a:hover { color: #000; font-weight: 500; }
.c-right { padding: 22px 5px 5px 0; text-align: right; box-sizing: border-box; }
.c-right ol { float: right; padding: 10px 0 5px 0; }
.c-right ol li { float: left; padding-left: 15px; }
.c-right p { color: #000; font-size: 13px; font-weight: 400; }
.c-right ol li a,
.c-right ol li { color: #808080; font-weight: 400; font-size: 12px; }
.c-right ol li 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; }
.c-right ol li a:hover { color: #c51e29; }
.sideNav { background: #0c0c0c; }
.sideNav > span { display: block; width: 100%; height: 70px; text-transform: uppercase; font-weight: 400; font-size: 21px; background: url(../img/layers.png) center left 35px no-repeat, #c51e29; line-height: 52px; color: #fff; text-align: left; padding-top: 10px; padding-left: 80px; box-sizing: border-box; }
.sideNav a { color: inherit; display: block; width: 100%; height: 100%; padding: 15px 0; }
.sideNav { font-weight: 500; }
.sideNav li { color: #fff; font-size: 13px; -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; }
.sideNav > ol > li,
.sideNav > ul > li { padding: 0px 10px 0px 20px; box-sizing: border-box; background: url(../img/add.png) center right 20px no-repeat; }
.sideNav > ol > li:hover,
.sideNav > ul > li:hover { background: url(../img/add.png) center right 20px no-repeat, rgba(255, 255, 255, 0.13); }
.sideNav > ol > li.cActive,
.sideNav > ul > li.cActive { background: url(../img/minus.png) center right 20px no-repeat; }
.sideNav > ol > li.cActive:hover,
.sideNav > ul > li.cActive:hover { background: url(../img/minus.png) center right 20px no-repeat, rgba(255, 255, 255, 0.13); }
.sideNav ol.cat_menu1 li,
.sideNav > ul > ul > li { padding: 0px 10px 0px 35px; box-sizing: border-box; background: #272727; }
.sideNav ol.cat_menu1 li:hover,
.sideNav > ul > ul > li:hover { background: #2d2d2d; }
.sideNav > ul > ul > ol > li { padding: 0px 10px 0px 45px; box-sizing: border-box; background: #333333; font-size: 12px; font-weight: 400; }
.sideNav > ul > ul > ol > li:hover { background: #3a3a3a; }
.aside { padding-left: 30px; box-sizing: border-box; position: relative; }
.sideNav li.prodSelected { background: #404040; color: #c51e29; font-weight: 500; }
.aside h1 { font-size: 34px; line-height: 34px; font-weight: 300; color: #131313; padding-top: 8px; padding-right: 170px; box-sizing: border-box; }
.aside .line { display: block; width: 80%; float: left; margin: 8px 0; height: 1px; background: #ccc; }
.path,
.path p,
.path span,
.path a { font-size: 13px; font-weight: 400; color: rgba(21, 21, 21, 0.65); }
.path 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; }
.path a:hover { color: #c51e29; }
.aside h4 b { font-size: 18px; color: #131313; line-height: 28px; }
.aside h4 { font-size: 15px; color: #000; font-weight: 500; line-height: 28px; }
.aside h5 { font-size: 14px; line-height: 17px; font-weight: 400; color: #505050; padding-bottom: 15px; }
.aside 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; }
.aside ul li a:hover { color: #c51e29; }
.infoBox { width: auto; float: left; padding-right: 55px; }
.newsTable { width: 100%; margin: 0 auto; }
.newsTable td { vertical-align: top; }
.newsTable td p { text-align: left; max-width: 100%; box-sizing: border-box; padding: 0 0 0 20px; line-height: 24px; font-size: 14px; }
.newsTable td p.short { font-style: italic; overflow: hidden; height: 72px; font-size: 13px; }
.newsTable tr td:first-child { width: 260px; }
.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: 2px; line-height: 22px; }
.newsTable tr:last-child td a:hover { color: #ca0000; }
#pageContent { overflow: auto; padding: 50px 0; background: #fff; }
#info p { color: #090f14; }
#allProds .item { width: 33.333%; float: left; padding: 0 55px 0px 45px; margin: 25px 0; }
#allProds .item:before { left: 35px; }
#map_canvas { height: 360px; position: relative; }
#bannerek { width: 100%; height: 185px; position: relative; overflow: hidden; }
#bannerek .container { position: absolute; top: 100px; left: 0; right: 0; margin: 0 auto; text-align: center; box-sizing: border-box; }
#bannerek img { width: 100%; height: 100%; object-fit: cover; object-position: bottom; }
#bannerek .line { margin: 0 auto; }
#mapa div div div:last-child div:last-child div div div:nth-child(3) { left: 299px!important; top: 70px!important; border-top-width: 24px; position: absolute; transform: rotate(270deg); }
#mapa div div div:last-child div:last-child div div { border-top: none!important; }
.gm-style-iw + div { display: none!important; }
#marker { padding: 10px 0px 5px 0px; overflow: auto; box-sizing: border-box; }
#marker p { color: #090f14!important; }
.marker-left { float: left; }
.marker-left img { padding-right: 10px; padding-right: 10px; }
.marker-right { float: left; }
.marker-right a { color: inherit; }
.marker-right a:hover { color: #c89433; }
#info .w40 { height: 412px; margin: 0 5%; position: relative; }
.info-inside { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; display: table; }
#info .w50 { height: 412px; }
#info .w50.r1 { background: url(../img/sketch.jpg) center center/cover no-repeat; }
#info .w50.r2 { background: url(../img/fabrics.jpg) center center/cover no-repeat; }
#info .w50.r3 { background: url(../img/sitodruk.jpg) center center/cover no-repeat; }
#info .w50.r4 { background: url(../img/sewing.jpg) center center/cover no-repeat; }
.box-p-dsc-1 { color: #000; font-size: 14px; font-weight: 500; line-height: 25px; max-width: 470px; }
#info .w40 button { float: right; margin-right: 30px; }
#info h2 { color: #0e141a; text-transform: uppercase; font-weight: 300; font-size: 42px; line-height: 52px; }
.blackline { display: block; width: 42px; border-top: 1px #000 solid; }
#kontaktForm { padding: 45px 0 40px; background: url(../img/form1.jpg) center bottom no-repeat, #f3f3f3; text-align: center; }
#kontaktForm h6 { text-transform: uppercase; font-size: 13px; color: #0e141a; font-weight: 300; }
#kontaktForm h4 { color: #0e141a; font-size: 19px; font-weight: 300; line-height: 25px; }
#kontaktForm h4 span { color: #c51e29; }
.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 input { width: 100%; padding: 10px 15px; box-sizing: border-box; background: transparent; border: none; border-bottom: 1px solid #e8e8e8; outline: none; font-weight: 300; font-size: 12px; color: #818181; margin: 6px 0; }
.sendF12,
.sendF123,
.formMail1 button { border-radius: 20px; min-width: 60px; font-size: 11px; font-weight: 200; height: 30px; padding: 3px 25px; border: none; outline: none; cursor: pointer; color: #757575; -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; }
.sendF12:hover,
.sendF123:hover,
.formMail1 button:hover { background: #c51e29; color: #fff; }
.sendF12 { background: #c51e29; color: #fff }
.sendF12:hover { background-color: buttonface; color: #757575; }
.aboutCompany p { color: #0e141a; font-size: 13px; line-height: 22px; padding: 6px 0; text-align: left; font-weight: 400; }
.aboutCompany p.headline { text-transform: uppercase; font-size: 15px; font-weight: 500; color: #131313; padding-right: 135px; height: 34px; overflow: hidden; box-sizing: border-box; }
.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: #c51e29; padding-right: 5px; }
.itemBoxAttr i { display: inline-block; border-bottom: 1px solid #e8e8e8; font-style: normal; min-width: 225px; padding-left: 8px; padding-top: 3px; }
.itemBoxAttr i:last-of-type { border-bottom: none; }
.aside .itemBox mark { position: absolute; top: 2px; right: 25px; height: 30px; line-height: 30px; font-size: 12px; color: #fff; font-weight: 400; padding: 0 5px 0 15px; background: url(../img/ribbon.jpg) center left no-repeat, #d23937; }
.itemBox mark strong { text-transform: uppercase; font-weight: 500; }
.aboutCompany p b { font-weight: 500; }
.aboutCompany .aside ul { margin-left: 25px; }
.aboutCompany .aside ul li { padding-left: 4px; color: #0e141a; font-size: 13px; line-height: 18px; font-weight: 400; list-style-type: circle; }
.aboutCompany .aside ul li 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; }
.aboutCompany .aside ul li:hover a { color: #c51e29; }
.coll { text-align: justify; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 50px; -moz-column-gap: 50px; column-gap: 50px; }
#contact-container p { text-align: center; }
#contact-container p,
#contact-container li,
#contact-container li a,
#contact-information .ft p,
#contact-information .th p,
#contact-information .ft li,
#contact-information .ft li span a,
#hidden p,
#hidden a { color: #000; font-size: 16px; line-height: 23px; font-weight: 300; }
#contact-container p b { line-height: 16px; font-weight: 400; color: #3e3e3e; }
#contact-container ol { width: 435px; margin: 0 auto; }
#contact-container li { text-align: center; line-height: 24px; padding-left: 0px; padding-bottom: 0px; }
#contact-information .ft li > a,
#contact-container li > a { color: #c51e29; font-weight: 400; }
#contact-information .ft li:hover > a,
#contact-container li:hover > a { text-decoration: underline; }
#contact-container li small { line-height: 16px; font-size: 18px; font-weight: 400; color: #3e3e3e; }
.zamow { background: #e7e7e7; overflow: auto; }
#zamowieniaForm h4 { font-size: 14px; line-height: 24px; font-weight: 600; color: #0e141a; padding-bottom: 10px; position: relative; padding-left: 5px; }
#zamowieniaForm h4:after { position: absolute; bottom: 6px; left: 5px; content: ''; width: 30px; height: 1px; background: #c51e29; }
.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 #c51e29; }
.klientDet input,
.klientDet textarea,
#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; }
.klientDet input,
#zamowieniaForm select { max-width: 360px; width: 315px; padding: 10px 10px 10px 20px; margin: 0 5px; background: #fff; border: none; outline: none; text-align: center; }
.klientDet input { width: 90%; text-align: left; height: 37px; box-sizing: border-box; }
.klientDet textarea { width: 90%; text-align: left; height: 37px; box-sizing: border-box; height: 140px; max-width: 360px; resize: none; height: 78px; 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: 90%; text-align: right; }
.sweet-alert button.confirm { background-color: #c51e29!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; }
.item-in { display: inline-block; width: 282px; margin: 5px; }
.item-in { position: relative; border: 1px solid #cecece; }
.item-in-ov { position: absolute; top: 0; left: 0; width: 100%; height: 0%; opacity: 0; background: #e6e6e6; padding: 30px; box-sizing: border-box; }
.item-in-ov h5 { font-size: 14px; line-height: 24px; font-weight: 600; color: #0e141a; padding-bottom: 10px; position: relative; padding-left: 5px; }
.item-in-ov h5:after { position: absolute; bottom: 6px; left: 5px; content: ''; width: 30px; height: 1px; background: #c51e29; }
.closeAll { bottom: 20px; position: absolute; left: 0; right: 0; width: 90px; margin: 0 auto; }
.item-in-ov table tr:first-child td { background: #d6d6d6; text-align: center; width: 50%; color: #696969; font-weight: 800; box-sizing: border-box; }
.item-in-ov table td { padding: 6px 0px; text-align: center; border: 1px solid #d6d6d6; color: #888888; }
.item-in-ov.act { height: 100%; opacity: 1; }
.prodArea .item-in { position: relative; padding: 20px 5px; box-sizing: border-box; text-align: 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: box-shadow; }
.item-in img { width: auto; max-width: 100%; height: 300px; object-fit: scale-down; }
.owl-info { text-align: left; margin: 5px; 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: box-shadow, opacity; }
.item-in:hover { box-shadow: 0 0 8px rgba(0,0,0,0.2); }
.item-in h3 { color: #000; font-size: 17px; line-height: 24px; text-align: left; text-transform: uppercase; font-weight: 600; 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; }
.item-in h6 { color: #000; font-size: 14px; line-height: 16px; text-align: left; text-transform: uppercase; font-weight: 300; padding: 0 15px; text-align: center; letter-spacing: 3px; letter-spacing: -1px; box-sizing: border-box; }
.owl-ttx { height: 66px; overflow: hidden; }
.item-in p { padding: 0px; line-height: 19px; text-align: center; text-align-last: center; }
.item-in { color: #000; font-size: 14px; line-height: 23px; padding: 0 15px; box-sizing: border-box; overflow: hidden; text-align: left; font-weight: 500; }
.item-in p b { font-weight: 600; }
.item-in p b a { color: inherit; }
.item-in p b a:hover { color: #ff0000; }
.owl-item .w60 > div { position: relative; width: 32.333%; margin: 1px 0.5%; box-sizing: border-box; float: left; }
.cats { background: #e5e5e5; text-align: center; }
.hidden { display: none; }
.hddn { display: none; }
.hddns { display: block; }
#mapa { position: relative; }
#tagies { text-align: center; color: #9a9a9a; font-size: 13px; padding-top: 10px; font-weight: 300; }
#tagies a { color: inherit; }
#fbPanel { position: fixed; right: -306px; top: 200px; z-index: 9999; background: #4267b2; padding: 3px; width: 300px; }
#fbPanel > img { margin-left: -40px; top: 0; position: absolute; cursor: pointer; }
.dropbtn1 { cursor: pointer; }
.dropdown { position: relative; display: inline-block; }
.dropdown-content { display: none!important; top: 40px; padding-top: 13px; position: absolute; width: 190px; margin-left: -99px; left: 50%; z-index: 999999999; border-bottom: 2px solid #cd9b33; }
.dropdown-content a { color: #fff!important; line-height: 28px!important; font-weight: 400!important; padding: 8px 0px!important; box-sizing: border-box; text-decoration: none; text-transform: none!important; display: block; width: 100%!important; background: rgba(0, 0, 0, 0.75)!important; border-bottom: 1px dashed rgba(255, 255, 255, 0.08); }
.dropdown-content a:last-child { border-bottom: 0; }
li .dropdown-content a:hover { background: #000!important; color: #cd9b33!important; }
.dropdown:hover .dropdown-content { display: block!important; }
#zamowieniaForm input[type="file"] { padding: 8px 5px; }
.checkIt { padding: 1px; padding-left: 5px; }
.checkIt em { }
.icheckbox_square { margin-top: -3px!important; }
.info-p.left h4,
.info-p.left p { text-align: left; padding-left: 15px; }
.info-p.left p { padding: 3px 15px; }
.etapyRealizacji { text-align: center; background: whitesmoke; overflow: auto; padding: 50px 0; }
.etapyRealizacji h4 { text-transform: uppercase; color: #484848; font-size: 14px; font-weight: 500; line-height: 28px; letter-spacing: 1px; }
.etapyRealizacji h2 { color: #0e141a; font-size: 20px; font-weight: 300; line-height: 30px; text-align: center; padding-bottom: 20px; }
.etapyRealizacji h2 span { color: #c51e29; }
.etapyRealizacji p { color: #0e141a; width: 100%; max-width: 390px; box-sizing: border-box; margin: 0 auto; line-height: 21px; padding: 2px 5px; margin-bottom: 25px; font-weight: 300; font-size: 300; }
.subpage #header { padding: 0; background: #fff; }
#xmpl { margin-top: 60px; }
.aside mark { position: absolute; top: 10px; right: 0px; height: 30px; line-height: 30px; font-size: 12px; color: #fff; font-weight: 400; padding: 0 10px 0 22px; background: url(../img/ribbon.jpg) center left no-repeat, #d23937; }
.prod-info { width: 100%; position: relative; height: auto; }
.prod-info .w60 { padding-left: 25px; padding-right: 10px; padding-bottom: 10px; box-sizing: border-box; }
.prod-info .w40 img { width: 100%!important; height: 350px!important; object-fit: cover!important; left: 0!important; }
.prod-info tr:not(:last-child) { border-bottom: 1px solid #f3f3f3; }
.prod-info td { padding: 6px 15px; font-size: 12px; font-weight: 500; }
.prod-h { text-transform: uppercase; font-weight: 500; font-size: 13px; color: #0c0c0c; }
.prod-info td:first-child { text-align: left; color: #848484; box-sizing: border-box; }
.prod-info td:last-child { text-transform: uppercase; font-weight: 500; padding-right: 30px; }
.prodP { padding: 8px 0; }
.prod-info .noweBox .w100 { padding-left: 0; padding-bottom: 3px; }
.prod-info hr { width: 40%; float: left; clear: both; border-bottom: 0; border-left: 0; border-radius: 0; border-top: 1px dashed #dbdbdc; }
 @media all and (max-width:1200px) {
#slider .slick-dots,
.container,
#slider .container,
#contents .slick-dots { width: 100%; padding: 0; box-sizing: border-box; }
.slick-dots { width: 100%; }
#menu li a { padding: 0px 18px 4px 18px; }
#slider .container > div{float: left; padding-left: 40px;}
#menu:after { display: none; content: none; }
#karuzela .slick-dots { margin-right: 5px; float: left; position: relative; margin-top: 20px; }
.orderOnline { margin-right: 10px; }
#companyInfo .first > div { width: 98%; right: 0; margin: auto; left: 0; max-width: 400px; }
#fixedHeader .logo { margin-left: 5px; }
#allProds .item { padding: 0 20px 0px 45px; }
#allProds .item-inside { max-width: 290px; }
#zamowieniaForm { text-align: center; }
#zamowieniaForm > div > * { text-align: left; }
#zamowienia .w35,
#zamowienia .w30 { width: 375px; padding: 0 10px; box-sizing: border-box; float: unset; display: inline-block; vertical-align: top; }
#zamowienia .fotoForm { width: 100%; margin-bottom: 25px; clear: both; }
#zamowieniaForm select,
.klientDet textarea,
.klientDet input { width: 95%; }
#zamowieniaForm input[type="number"] { width: 19%; }
#expert { background: none; }
#expert .line { margin: 0 auto; }
#expert .w70 { width: 100%; text-align: center; padding: 10px 10px; }
#expert .w30 { display: none; }
#formularz .line { margin: 0 auto; }
#formularz { background: none; text-align: center; }
#formularz .w80 { width: 100%; }
.formMail2 { max-width: 650px; margin: 0 auto; }
.formMail2 .w50 { width: 100%; }
.formMail2 input { background: none!important; padding-left: 10px; text-align: center; }
#formularz h3,
#formularz h2 { padding-left: 6px; padding-right: 6px; }
#footer .w25 { width: 50%!important; border: none!important; margin: 0!important; text-align: center; }
#footer .w25 span { float: none; }
#footer .w25:nth-child(3) h4,
#footer .w25:nth-child(4) h4 { display: none; }
.home-desc{padding: 0 10px;}
#kontaktBox .w60{padding-left: 20px; width: 70%;}
#aktualnosci{padding: 50px 6px;box-sizing:border-box;}
#map_canvas{padding-left: 35%; box-sizing:border-box;}
#map .container{width: 100%; top:0;}
#map .container > div{width: 35%; top: 0; left: 0; height: 360px; padding: 100px 10px 20px 25px;}
.redBox img{margin-left: 10px; padding-right: 4px;}
.infoBox{box-sizing: border-box; margin-bottom: 20px;}
.newsTable{width: 98%; margin: 0 auto;}
}
@media all and (max-width:1100px) {
#menu { padding-left: 0; width: 100%; text-align: center; margin-bottom: 0; }
#header { padding: 20px 2px 20px 2px; }
.contactInfo li { padding-left: 10px; }
}
@media all and (max-width:1024px) {
.contactInfo li img { margin: -5px 3px 0 3px; }
#content { padding-top: 60px; background: url(../img/nesto_content_back.jpg) center bottom -265px no-repeat; }
#content .c125 { height: 50px; }
.kreatywnosc_personalizacja .w50 { width: 100%; background: url(../img/nesto_kreatywnosc.jpg) top left -80px no-repeat; }
.kreatywnosc_personalizacja .w50.right { margin-top: 80px; background: url(../img/nesto_personalizacja.jpg) top right -10% no-repeat; }
.kreatywnosc_personalizacja .c60,
.kreatywnosc_personalizacja .right > img,
.kreatywnosc_personalizacja .left > img,
.kreatywnosc_personalizacja .w50.right .c50,
#bezpieczenstwo_montaz .w40 { display: none; }
.left-ctnt { float: right; max-width: 515px; min-width: 0; padding-right: 10px; background: #fff; padding-left: 55px; }
#bezpieczenstwo_montaz { padding: 0; }
#bezpieczenstwo_montaz .w60 { padding: 50px 10px; box-sizing: border-box; background: #f5f5f5; }
#bezpieczenstwo_montaz:before { display: none; content: none; }
#bezpieczenstwo_montaz .w60 .readMore { float: unset; width: 100px; margin: 0 auto; }
#bezpieczenstwo_montaz .w50,
#bezpieczenstwo_montaz .prosty_montaz { float: right; background: none; }
.item-inside { max-width: 294px; }
#footer .w25 { padding: 10px 15px; }
#aktualnosci .w25{width: 33.333%;}
#aktualnosci .w25:last-of-type{display: none;}
}
@media all and (max-width:980px) {
#slider em{display: none;}
.socialmedia { float: right; }
#navBar img{display: inline-block; padding-top: 15px; padding-bottom: 25px;}
#header { padding: 0px 2px 25px 2px; }
.logo1 { display: block; }
#header > div { display: flex; flex-direction: column; }
#menu li:last-of-type a { padding: 0; }
.left { order: 2; }
.right { order: 1; }
#fbPanel { top: 120px; }
.right .c15 { height: 0; }
.contactInfo li:last-child { display: none; }
.contactInfo { padding: 8px 50px; box-sizing:border-box; width: 100%; text-align: center; }
#header .left { width: 100%; }
#header .right { width: 100%; }
.contactInfo li { float: unset; display: inline-block; vertical-align: top; padding: 0 10px; }
.hidden { display: block; width: 100%; padding: 10px 25px; margin: 0; box-sizing: border-box; }
#header .menuline { border: none; }
#bannerek .container { bottom: 0; }
#bannerek { background: #fff; }
#slider .container > div{width: 100%; padding-left: 0; text-align: center;}
#slider .container { top: 100px; }
#konfekcja .container { margin-top: 0; }
.menuline:before,
.menuline:after { display: none; }
#slider img:not(.mouse),
#slider { height: 500px; }
.item{height: 315px; background-position: center bottom -90px!important;}
#header .c10,
#header .c25,
#footer .w20.th,
#header .orderOnline { display: none; }
#navBar { width: 260px; margin-top: 0; top: 0; left: 0; position: fixed; margin-left: -260px; height: 100vh; text-align: center; background: #fff; border-right: 1px solid #f2f2f2;}
#menu .logo1 { float: none; }
#menu .logo1 img { padding: 3vh 0 2vh 0; }
#menu li { background: none; padding: 0; display: block; width: 100%; }
#menu li a { line-height: 42px; padding: 0px 25px; color: #131313;}
#menu li:after { content: none; display: none; }
#mobiMenu { display: block; }
#footer .w20:not(.first) { width: 33.3333%; text-align: center; }
#pokrowce h3 { text-align: center; }
#contents .w45 { width: 80%; min-width: 750px; margin: 0 auto; float: unset; text-align: center; margin-bottom: 40px; }
#contents .w55 { width: 70%; min-width: 645px; margin: 0 auto; float: unset; overflow: auto; }
#contents .w45 p,
#contents h3 { max-width: unset; }
#pokrowce { background-size: auto 75%; }
#pokrowce .w50 { padding: 50px 15px 5px 15px!important; }
#pokrowce .w50 p,
#pokrowce .w50 h5 { }
#pokrowce .w50 img { padding: 0!important; }
#pokrowce .w50:after { background: none!important; display: none; }
#pokrowce > div > .c25,
#pokrowce > div > .c50 { height: 10px; }
.hddn { display: block; }
.hddns { display: none; }
#pageContent { padding-top: 30px; }
#footer .w75 { width: 100%; padding-left: 5px; box-sizing: border-box; }
#footer .copy span,
#footer .copy p { width: 100%; text-align: center; box-sizing: border-box; }
.soc { float: left; margin-top: 5px; width: 100%; clear: both; text-align: center; margin-bottom: 7px; }
.info-p p { max-width: unset; }
#bannerek { height: 150px; }
#bannerek h1 { font-size: 50px; line-height: 45px; }
#bannerek .container { padding-left: 0; text-align: center; position: relative; padding-top: 200px; }
#allProds .item { width: 50%; padding: 0 20px; text-align: center; }
#allProds .item:before { left: 0; right: 0; margin: auto; }
#allProds .item-inside { margin: 0 auto; }
#allProds .item-content { padding: 15px; }
#allProds .item { margin: 35px 0; }
#info .w40 { width: 48%; margin: 0 1%; }
#info h2 { font-size: 32px; line-height: 36px; }
.formMail2 button.btn { width: 96%; margin-right: 0; margin-bottom: 15px; background: #0d0d0d; }
.formMail2 button.btn:hover { background: #a97824; }
#menu{background: #fff;}
#oferta{background: transparent;}
.home-desc{width: 100%; text-align: center; }
#oferta .w50{width: calc(100% - 550px);}
#oferta .w50.gradient{width: 550px;}
#aktualnosci{text-align: center;}
#aktualnosci .w70{width: 100%; text-align: center;}
#aktualnosci .w30{display: none;}
#map{height: 560px;padding-left: 0;padding-bottom:280px; box-sizing:border-box;}
#map_canvas{padding-left:0;}
#map .container{top: 0px; position: relative;}
#map .container > div{width: 100%; padding: 35px 10px; max-width: 100%; height: 200px; text-align: center;}
#copy .redBox{margin-top: 0; width: 100%; text-align: center;padding: 25px 20px 30px 5px;}
.redBox img{float: none; margin: 0 0 10px 0;}
.redBox p{float: none;}
.redBox .w50{width: 100%; padding: 15px 0;}
.c-right{width: 100%; text-align: center; padding: 25px 5px; box-sizing:border-box;}
.c-right ol{width: 100%; text-align: center;}
.c-right ol li{display: inline-block; vertical-align: top; float: none;}
#pageContent{padding-top: 0px;}
.sideNav,
.aside{width: 100%;}
.aside{padding: 40px 8px 30px 8px; box-sizing:border-box;}
.aside h1{padding-right:0px; text-align: center;}
.path, .path p, .path span, .path a{text-align: center;}
.aside .line{width: 45px; margin: 10px auto; float: none;}
.aside{text-align: center;}
.aboutCompany .aside > ul{ margin-left: 25px; display: inline-block; width: auto;}
.aboutCompany .aside ul li{ text-align: left;}
.infoBox{display: inline-block; vertical-align: top; float: none;padding: 0 5px;width: 100%;box-sizing: border-box; text-align: center;}
.infoBox > ul{ margin-left: 25px; display: inline-block; min-width: 195px;}
.aboutCompany p{text-align: center;}
.prod-info .w40{width: 100%; text-align: center;}
.prod-info .w40 img{width: auto!important;}
.prod-info .w60{padding: 15px 0px 10px 0px;width: 100%; margin-top: 15px;}
.prod-info table{margin: 0 auto;}
.prod-info td:last-child{text-align: right;padding-right: 15px;}
.newsTable{width: 100%;}
.aside .itemBox mark{right: 0px; width: 220px; left: 0; margin: 0 auto; background: url(../img/ribbon.jpg) center left no-repeat,url(../img/ribbonR.jpg) center right no-repeat, #d23937;}
.aside .itemBox button{margin-right:0px!important;}
.itemBox img{float: none!important; padding-right: 0!important;margin-top: 40px!important;}
.aboutCompany p.headline{padding-right:0;}
.itemBoxAttr i{padding-left: 0; text-align: left;}
.itemBoxAttr span{float: right;}
.itemBoxAttr {margin-bottom: 40px;}
.itemBox > a > .w100 > span{display: none;}
.itemBox > a > .w100 > button{float: none!important;}
}
@media all and (max-width:860px) {
#companyInfo .w50 { width: 100%!important; }
#companyInfo { height: auto; }
#companyInfo .first > div { margin-top: 50px; margin-bottom: 30px; height: auto; position: relative; }
#companyInfo .first > div span { text-align: center; padding: 30px 0 20px 0; height: auto; }
#companyInfo .first span { background-position: center top!important; }
#companyInfo .last img { width: auto; max-width: 100%; height: auto; }
.formMail1 { padding: 0 6px; box-sizing: border-box; }
}
@media all and (max-width:768px) {
#contents .w45 { width: 98%; margin: 0 1% 40px 1%; min-width: 0; padding: 0; }
#pokrowce { background: #fff; }
#konfekcja .w50 { width: 100%; text-align: center; }
#konfekcja .w50 .line { margin: 0 auto; float: unset }
#kontaktForm { padding: 40px 0 55px; }
#pokrowce .w50 { text-align: center; }
#pokrowce .w50 img,
#pokrowce .w50 p,
#pokrowce .w50 h5 { margin: 0 auto; float: none; }
#footer { border-top: 0; padding: 35px 0 20px 0; }
#footer .w75 > .w50.offerta { display: none; }
#footer .w45,
#footer .w55,
#footer .w50 { width: 100%; text-align: center; }
#footer .w55 { margin-top: 30px; }
#footer li { padding: 8px 0; }
#footer li:hover { padding: 8px 0 8px 0; }
#footer li img { display: none; }
.soc { margin-top: 12px; margin-bottom: 14px; }
#info .w50,
#info .w40 { width: 100%; text-align: center; }
#info .w40 { width: 98%; height: auto; }
.info-inside { width: 100%; position: relative; margin: 40px 0 40px 0; }
.blackline,
.box-p-dsc-1 { margin: 0 auto; }
.cInfo { height: 30px; }
.info-second,
.info-fourth { display: flex; flex-direction: column; clear: both; }
.info-fourth .w50,
.info-second .w50 { order: 2; }
.info-fourth .w40,
.info-second .w40 { order: 1; }
#info > div > .c80 { height: 30px; }
#info > div > .lastc80 { height: 0; }
#zamowienia .w35,
#zamowienia .w30 { width: 100%; }
.klientDetp { width: 99%; }
#zamowienia small { max-width: unset; }
#zamowieniaForm select,
.klientDet textarea,
.klientDet input { width: 98%; max-width: unset; margin: 0 1%; }
#zamowieniaForm input[type="number"] { width: 26.5%; margin: 0 1%; box-sizing: border-box; }
#zamowieniaForm p > strong { width: 6.25%; display: inline-block; text-align: center; }
#zamowienia .w35 { margin-bottom: 40px; }
.expert-gallery .w33 img { height: 160px; }
.expert-gallery .w33:nth-child(2) { width: 33.333%; margin: 0; }
.contactInfo li:first-child,
.contactInfo li:nth-child(4){display: none;}
.item span{left:0;}
#oferta .item span h3{ text-shadow: 0 0 35px rgb(0, 0, 0);}
#kontaktBox .w30{display: none;}
#kontaktBox .w60{width: 100%; text-align: center; padding-left: 0;}
#kontaktBox .w60 img{margin-left: 10px;}
#aktualnosci .w25{width: 50%;}
#aktualnosci .w25:last-of-type{display: block;}
.newsTable td:first-child{display: none;}
.newsTable td{text-align: center;}
.newsTable td p{padding: 0px; text-align: center;}
.newsTable tr:last-child{border-top: none;}
.newsTable tr:last-child td{text-align: center;}
.newsTable td p.short{height: auto;}
.newsTable tr:last-child td{ padding-bottom: 60px;}
#news-1 + .c60{display: none;}
#news-1 tr:last-child{border-bottom: none;}
#news-1 tr:last-child td{padding-bottom: 0px;}

}
@media all and (max-width:729px) {
.item-inside { margin: 0 auto; text-align: center; }
.item { padding: 0 40px 0px 40px; }
.item:before { left: 0; right: 0; top: 0; margin: auto; width: 140px; }
.item img { margin: 0 auto; }
#slider .container { padding: 0 5px; box-sizing: border-box;}
#oferta .w50{display: none; padding: 0;}
#oferta .w50.gradient{display: block; width: 100%; text-align: center;}
.gradient table td{display: block;}
#oferta .w50.gradient table{margin: 0 auto;}
#oferta .w50.gradient + .c40{height: 1px;}
#kontaktBox{height: auto; padding-bottom: 40px; padding-left: 10px; padding-right: 10px; box-sizing:border-box;}
#kontaktBox h3{font-size: 18px; line-height: 24px;}
#kontaktBox .w60 small,
#kontaktBox .w60 img{display: none;}
}
@media all and (max-width:660px) {
.item-content p { max-height: 260px; overflow: hidden; }
.socialmedia { margin-right: 0px; }
.socialmedia > li:first-child { border-right: none; }
.socialmedia > li:not(:first-child) { display: none; }
#contents .w55 { width: 100%; min-width: 0; }
#contents .w55 { background: none; }
#contents .w55 > div { width: 100%; text-align: center; }
#contents .w55 p { margin: 0 auto; }
#pokrowce .w50 { width: 100%; }
#allProds .item { width: 100%; padding: 0 5px; }
#allProds .item-content { padding: 15px 0px; }
.info-p h4 { padding: 0 3px; box-sizing: border-box; }
}
@media all and (max-width:640px) {
#zamowieniaForm p > strong { width: 6%; }
#formularz h2,
#formularz h4,
#expert h2 { font-size: 24px; line-height: 28px; }
#formularz h3 { font-size: 16px; line-height: 22px; padding-top: 5px; }
#zamowieniaForm input[type="number"]:last-of-type { margin-right: 0; }
.fotoForm img { max-width: 100%; }
.expert-gallery .w33:last-of-type { display: none; }
.expert-gallery .w33 { width: 50%!important; }
}
@media all and (max-width:580px) {
.formMail1 .w50.left,
.formMail1 .w50.right { width: 100%; padding-right: 0; padding-left: 0; }
#marker { position: fixed; left: -129px; background: #fff; width: 258px; border-radius: 3px; padding: 10px 5px; box-sizing: border-box; }
.gm-style-iw { position: absolute!important; bottom: 0; width: 0px!important; top: 0!important; height: 0px; margin-top: -12px; }
#footer .w25 { width: 100%!important; }
#footer .w25:nth-child(2) li:last-of-type { display: none; }
#footer .w25:first-of-type { margin-bottom: 25px!important; }
#aktualnosci .w25{width: 100%;}
.c-right ol li{width: 100%; text-align: center; padding: 1px 0px;}

}
@media all and (max-width:480px) {
#slider button.slick-prev { display: none!important; }
#kontaktForm h4 { padding: 0 5px; box-sizing: border-box; }
#slider button.slick-next { display: none!important; }
#slider button { top: auto; bottom: 0; }
#slider .mouse { display: none; }
#slider .container { padding: 0 6px; bottom: unset; }
#slider .slick-dots { text-align: center; }
#slider h4 { font-size: 18px; line-height: 30px; }
#slider h4:before,
#slider h4:after { display: none; }
#pokrowce h3,
#contents h3 { font-size: 32px; line-height: 40px; }
#companyInfo .first > div { max-width: unset; }
#contact-container ol { width: 100%; padding: 0 5px; box-sizing: border-box; }
#contact-container li:last-child small:last-of-type { display: none; }
#contact-container li:last-child > a { display: block; }
#zamowieniaForm input[type="number"] { clear: both; width: 120px; margin-bottom: 5px; float: left; }
#zamowieniaForm p > strong { display: none; }
#zamowieniaForm em { float: left; line-height: 35px; padding-left: 8px; }
.formMail2 p a { float: left; display: block; width: 100%; padding-top: 10px; }
.sideNav > span{background-position: center left 8px; padding-left:50px; }
.sideNav > ol > li, .sideNav > ul > li{padding: 0px 5px 0px 5px;}
.sideNav ol.cat_menu1 li, .sideNav > ul > ul > li{padding: 0px 5px 0px 15px;}
.sideNav > ul > ul > ol > li{padding: 0px 5px 0px 25px;}
.prod-info td{padding: 8px 3px!important;}
}
@media all and (max-width:355px) {
#fbPanel { width: 260px; right: -266px; }
.expert-gallery .w33 { width: 100%!important; }
#slider h2{font-size: 44px; line-height: 48px;}
#footer .w25 span img { display: none; }
#map h3{ font-size: 20px;line-height: 18px;}
}
@media all and (max-width:300px) {
.item-in { width: 98%; margin: 10px 1%; }
#map .container > div{padding: 15px 5px;}
}