@charset "UTF-8";
@charset 'UTF-8';
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}body .wp-block-uagb-container.uagb-position__sticky{transition-property:top,bottom;transition-duration:250ms;transition-timing-function:ease}body .wp-block-uagb-container.uagb-position__sticky--stuck{position:fixed;margin:0!important}body .wp-block-uagb-container.uagb-position__sticky--restricted{position:absolute;margin:0!important}.wp-block-uagb-container{display:flex;position:relative;box-sizing:border-box;transition-property:box-shadow;transition-duration:0.2s;transition-timing-function:ease}.wp-block-uagb-container .spectra-container-link-overlay{bottom:0;left:0;position:absolute;right:0;top:0;z-index:10}.wp-block-uagb-container.uagb-is-root-container{margin-left:auto;margin-right:auto}.wp-block-uagb-container.alignfull.uagb-is-root-container .uagb-container-inner-blocks-wrap{display:flex;position:relative;box-sizing:border-box;margin-left:auto !important;margin-right:auto !important}.wp-block-uagb-container .wp-block-uagb-blockquote,.wp-block-uagb-container .wp-block-spectra-pro-login,.wp-block-uagb-container .wp-block-spectra-pro-register{margin:unset}.wp-block-uagb-container .uagb-container__video-wrap{height:100%;width:100%;top:0;left:0;position:absolute;overflow:hidden;-webkit-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s}.wp-block-uagb-container .uagb-container__video-wrap video{max-width:100%;width:100%;height:100%;margin:0;line-height:1;border:none;display:inline-block;vertical-align:baseline;-o-object-fit:cover;object-fit:cover;background-size:cover}.wp-block-uagb-container.uagb-layout-grid{display:grid;width:100%}.wp-block-uagb-container.uagb-layout-grid>.uagb-container-inner-blocks-wrap{display:inherit;width:inherit}.wp-block-uagb-container.uagb-layout-grid>.uagb-container-inner-blocks-wrap>.wp-block-uagb-container{max-width:unset !important;width:unset !important}.wp-block-uagb-container.uagb-layout-grid>.wp-block-uagb-container{max-width:unset !important;width:unset !important}.wp-block-uagb-container.uagb-layout-grid.uagb-is-root-container{margin-left:auto;margin-right:auto}.wp-block-uagb-container.uagb-layout-grid.uagb-is-root-container>.wp-block-uagb-container{max-width:unset !important;width:unset !important}.wp-block-uagb-container.uagb-layout-grid.alignwide.uagb-is-root-container{margin-left:auto;margin-right:auto}.wp-block-uagb-container.uagb-layout-grid.alignfull.uagb-is-root-container .uagb-container-inner-blocks-wrap{display:inherit;position:relative;box-sizing:border-box;margin-left:auto !important;margin-right:auto !important}body .wp-block-uagb-container>.uagb-container-inner-blocks-wrap>*:not(.wp-block-uagb-container):not(.wp-block-uagb-column):not(.wp-block-uagb-container):not(.wp-block-uagb-section):not(.uagb-container__shape):not(.uagb-container__video-wrap):not(.wp-block-spectra-pro-register):not(.wp-block-spectra-pro-login):not(.uagb-slider-container):not(.spectra-image-gallery__control-lightbox):not(.wp-block-uagb-info-box),body .wp-block-uagb-container>.uagb-container-inner-blocks-wrap,body .wp-block-uagb-container>*:not(.wp-block-uagb-container):not(.wp-block-uagb-column):not(.wp-block-uagb-container):not(.wp-block-uagb-section):not(.uagb-container__shape):not(.uagb-container__video-wrap):not(.wp-block-spectra-pro-register):not(.wp-block-spectra-pro-login):not(.uagb-slider-container):not(.spectra-container-link-overlay):not(.spectra-image-gallery__control-lightbox):not(.wp-block-uagb-lottie):not(.uagb-faq__outer-wrap){min-width:unset !important;width:100%;position:relative}body .ast-container .wp-block-uagb-container>.uagb-container-inner-blocks-wrap>.wp-block-uagb-container>ul,body .ast-container .wp-block-uagb-container>.uagb-container-inner-blocks-wrap>.wp-block-uagb-container ol,body .ast-container .wp-block-uagb-container>.uagb-container-inner-blocks-wrap>ul,body .ast-container .wp-block-uagb-container>.uagb-container-inner-blocks-wrap ol{max-width:-webkit-fill-available;margin-block-start:0;margin-block-end:0;margin-left:20px}.ast-plain-container .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .uagb-is-root-container.wp-block-uagb-container.alignwide{margin-left:auto;margin-right:auto}.uagb-container__shape{overflow:hidden;position:absolute;left:0;width:100%;line-height:0;direction:ltr}.uagb-container__shape-top{top:-3px}.uagb-container__shape-bottom{bottom:-3px}.uagb-container__shape.uagb-container__invert.uagb-container__shape-bottom,.uagb-container__shape.uagb-container__invert.uagb-container__shape-top{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.uagb-container__shape.uagb-container__shape-flip svg{transform:translateX(-50%) rotateY(180deg)}.uagb-container__shape svg{display:block;width:-webkit-calc(100% + 1.3px);width:calc(100% + 1.3px);position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.uagb-container__shape .uagb-container__shape-fill{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.uagb-container__shape.uagb-container__shape-above-content{z-index:9;pointer-events:none}.nv-single-page-wrap .nv-content-wrap.entry-content .wp-block-uagb-container.alignfull{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}@media only screen and (max-width: 767px){.wp-block-uagb-container .wp-block-uagb-advanced-heading{width:-webkit-fill-available}}.wp-block-uagb-image--align-none{justify-content:center}
.wp-block-uagb-separator{text-align:center;box-sizing:border-box;line-height:0}.wp-block-uagb-separator__inner{display:inline-block}.wp-block-uagb-separator:not(.wp-block-uagb-separator--text):not(.wp-block-uagb-separator--icon) .wp-block-uagb-separator__inner{border-top-style:solid;-webkit-mask:var(--my-background-image);-webkit-mask-size:38px 100%;-webkit-mask-repeat:repeat-x}.wp-block-uagb-separator--text .wp-block-uagb-separator__inner,.wp-block-uagb-separator--icon .wp-block-uagb-separator__inner{display:flex;justify-content:center;align-items:center;margin:0 auto}.wp-block-uagb-separator--text .wp-block-uagb-separator__inner::before,.wp-block-uagb-separator--icon .wp-block-uagb-separator__inner::before{display:block;content:"";border-bottom:0;flex-grow:1;border-top-color:#333;border-top-style:solid;-webkit-mask:var(--my-background-image);-webkit-mask-size:38px 100%;-webkit-mask-repeat:repeat-x}.wp-block-uagb-separator--text .wp-block-uagb-separator__inner::after,.wp-block-uagb-separator--icon .wp-block-uagb-separator__inner::after{display:block;content:"";border-bottom:0;flex-grow:1;border-top-color:#333;border-top-style:solid;-webkit-mask:var(--my-background-image);-webkit-mask-size:38px 100%;-webkit-mask-repeat:repeat-x}.wp-block-uagb-separator--icon .wp-block-uagb-separator-element svg{font-size:30px;color:#333;fill:#333;width:30px;height:30px;line-height:30px;max-width:none}.wp-block-uagb-separator--text .wp-block-uagb-separator-element .uagb-html-tag{word-break:initial;margin:0}
.wp-block-uagb-container.uagb-block-39bfa3f3 .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-39bfa3f3 .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-39bfa3f3 .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-39bfa3f3 .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-39bfa3f3 .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-39bfa3f3{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-39bfa3f3 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1520px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: row;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 0px;column-gap: 0px;}.wp-block-uagb-container.uagb-block-39bfa3f3{box-shadow: 0px 0px   #00000070 ;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;overflow: visible;order: initial;border-color: inherit;row-gap: 0px;column-gap: 0px;}.wp-block-uagb-container.uagb-block-43fc973b .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-43fc973b .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-43fc973b .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-43fc973b .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-43fc973b .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-43fc973b{max-width: 50%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-43fc973b > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1520px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 0px;column-gap: 0px;}.wp-block-uagb-container.uagb-block-43fc973b{box-shadow: 0px 0px   #00000070 ;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;overflow: visible;order: initial;border-color: inherit;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 0px;column-gap: 0px;}.wp-block-uagb-container.uagb-block-829a87fa .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-829a87fa .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-829a87fa .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-829a87fa .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-829a87fa .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-829a87fa{max-width: 50%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-829a87fa > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1520px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 0px;column-gap: 0px;}.wp-block-uagb-container.uagb-block-829a87fa{box-shadow: 0px 0px   #00000070 ;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;overflow: visible;order: initial;border-color: inherit;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 0px;column-gap: 0px;}.uagb-block-f31e09bb.wp-block-uagb-separator{text-align: center;}.uagb-block-f31e09bb.wp-block-uagb-separator--text .wp-block-uagb-separator-element .uagb-html-tag{font-style: normal;line-height: 1em;}.uagb-block-f31e09bb.wp-block-uagb-separator:not(.wp-block-uagb-separator--text):not(.wp-block-uagb-separator--icon) .wp-block-uagb-separator__inner{-webkit-mask-size: 5px 100%;border-top-width: 3px;width: 100%;border-top-style: none;margin-top: 5px;margin-bottom: 5px;}.uagb-block-a4550f2d.wp-block-uagb-separator{text-align: center;}.uagb-block-a4550f2d.wp-block-uagb-separator--text .wp-block-uagb-separator-element .uagb-html-tag{font-style: normal;line-height: 1em;}.uagb-block-a4550f2d.wp-block-uagb-separator:not(.wp-block-uagb-separator--text):not(.wp-block-uagb-separator--icon) .wp-block-uagb-separator__inner{-webkit-mask-size: 5px 100%;border-top-width: 3px;width: 100%;border-top-style: none;margin-top: 5px;margin-bottom: 5px;}.uagb-block-5ce901e1.wp-block-uagb-separator{text-align: center;}.uagb-block-5ce901e1.wp-block-uagb-separator--text .wp-block-uagb-separator-element .uagb-html-tag{font-style: normal;line-height: 1em;}.uagb-block-5ce901e1.wp-block-uagb-separator:not(.wp-block-uagb-separator--text):not(.wp-block-uagb-separator--icon) .wp-block-uagb-separator__inner{-webkit-mask-size: 5px 100%;border-top-width: 3px;width: 100%;border-top-style: none;margin-top: 5px;margin-bottom: 5px;}@media only screen and (max-width: 976px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-39bfa3f3{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-39bfa3f3 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-39bfa3f3{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;order: initial;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-43fc973b{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-43fc973b > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-43fc973b{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;order: initial;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-829a87fa{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-829a87fa > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-829a87fa{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;order: initial;}.uagb-block-f31e09bb.wp-block-uagb-separator{text-align: center;}.uagb-block-f31e09bb.wp-block-uagb-separator--text .wp-block-uagb-separator-element .uagb-html-tag{font-style: normal;margin-bottom: initial;line-height: 1em;}.uagb-block-f31e09bb.wp-block-uagb-separator:not(.wp-block-uagb-separator--text):not(.wp-block-uagb-separator--icon) .wp-block-uagb-separator__inner{-webkit-mask-size: 5px 100%;width: 100%;border-top-style: none;margin-top: 5px;margin-bottom: 5px;}.uagb-block-a4550f2d.wp-block-uagb-separator{text-align: center;}.uagb-block-a4550f2d.wp-block-uagb-separator--text .wp-block-uagb-separator-element .uagb-html-tag{font-style: normal;margin-bottom: initial;line-height: 1em;}.uagb-block-a4550f2d.wp-block-uagb-separator:not(.wp-block-uagb-separator--text):not(.wp-block-uagb-separator--icon) .wp-block-uagb-separator__inner{-webkit-mask-size: 5px 100%;width: 100%;border-top-style: none;margin-top: 5px;margin-bottom: 5px;}.uagb-block-5ce901e1.wp-block-uagb-separator{text-align: center;}.uagb-block-5ce901e1.wp-block-uagb-separator--text .wp-block-uagb-separator-element .uagb-html-tag{font-style: normal;margin-bottom: initial;line-height: 1em;}.uagb-block-5ce901e1.wp-block-uagb-separator:not(.wp-block-uagb-separator--text):not(.wp-block-uagb-separator--icon) .wp-block-uagb-separator__inner{-webkit-mask-size: 5px 100%;width: 100%;border-top-style: none;margin-top: 5px;margin-bottom: 5px;}}@media only screen and (max-width: 767px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-39bfa3f3{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-39bfa3f3 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-39bfa3f3{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;order: initial;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-43fc973b{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-43fc973b > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-43fc973b{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;order: initial;flex-wrap: wrap;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-829a87fa{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-829a87fa > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-829a87fa{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;order: initial;flex-wrap: wrap;}.uagb-block-f31e09bb.wp-block-uagb-separator{text-align: center;}.uagb-block-f31e09bb.wp-block-uagb-separator--text .wp-block-uagb-separator-element .uagb-html-tag{font-style: normal;margin-bottom: initial;line-height: 1em;}.uagb-block-f31e09bb.wp-block-uagb-separator:not(.wp-block-uagb-separator--text):not(.wp-block-uagb-separator--icon) .wp-block-uagb-separator__inner{-webkit-mask-size: 5px 100%;width: 100%;border-top-style: none;margin-top: 5px;margin-bottom: 5px;}.uagb-block-a4550f2d.wp-block-uagb-separator{text-align: center;}.uagb-block-a4550f2d.wp-block-uagb-separator--text .wp-block-uagb-separator-element .uagb-html-tag{font-style: normal;margin-bottom: initial;line-height: 1em;}.uagb-block-a4550f2d.wp-block-uagb-separator:not(.wp-block-uagb-separator--text):not(.wp-block-uagb-separator--icon) .wp-block-uagb-separator__inner{-webkit-mask-size: 5px 100%;width: 100%;border-top-style: none;margin-top: 5px;margin-bottom: 5px;}.uagb-block-5ce901e1.wp-block-uagb-separator{text-align: center;}.uagb-block-5ce901e1.wp-block-uagb-separator--text .wp-block-uagb-separator-element .uagb-html-tag{font-style: normal;margin-bottom: initial;line-height: 1em;}.uagb-block-5ce901e1.wp-block-uagb-separator:not(.wp-block-uagb-separator--text):not(.wp-block-uagb-separator--icon) .wp-block-uagb-separator__inner{-webkit-mask-size: 5px 100%;width: 100%;border-top-style: none;margin-top: 5px;margin-bottom: 5px;}}.uag-blocks-common-selector{z-index:var(--z-index-desktop) !important}@media (max-width: 976px){.uag-blocks-common-selector{z-index:var(--z-index-tablet) !important}}@media (max-width: 767px){.uag-blocks-common-selector{z-index:var(--z-index-mobile) !important}}.slick-slider
{
position: relative;
display: block;
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
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-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
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.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-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(//opakowaniaeksportowe.pl/wp-content/themes/opakowania/img/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(//opakowaniaeksportowe.pl/wp-content/themes/opakowania/fonts/slick.eot);
src: url(//opakowaniaeksportowe.pl/wp-content/themes/opakowania/fonts/slick.eot?#iefix) format('embedded-opentype'), url(//opakowaniaeksportowe.pl/wp-content/themes/opakowania/fonts/slick.woff) format('woff'), url(//opakowaniaeksportowe.pl/wp-content/themes/opakowania/fonts/slick.ttf) format('truetype'), url(//opakowaniaeksportowe.pl/wp-content/themes/opakowania/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}
 @-webkit-keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.heartBeat {
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: hinge;
animation-name: hinge;
}
@-webkit-keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.animated.delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.animated.delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.animated.delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.animated.delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.animated.fast {
-webkit-animation-duration: 800ms;
animation-duration: 800ms;
}
.animated.faster {
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
}
.animated.slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.slower {
-webkit-animation-duration: 3s;
animation-duration: 3s;
}
@media (prefers-reduced-motion) {
.animated {
-webkit-animation: unset !important;
animation: unset !important;
-webkit-transition: none !important;
transition: none !important;
}
}html.lb-disable-scrolling {
overflow: hidden; position: fixed;
height: 100vh;
width: 100vw;
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: none;
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
max-height: none;
border-radius: 3px; border: 4px solid white;
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
border-radius: 4px; background-color: white;
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(//opakowaniaeksportowe.pl/wp-content/themes/opakowania/img/loading.gif) no-repeat;
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
outline: none;
background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}
.lb-prev, .lb-next {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(//opakowaniaeksportowe.pl/wp-content/themes/opakowania/img/prev.png) left 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(//opakowaniaeksportowe.pl/wp-content/themes/opakowania/img/next.png) right 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.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: 13px;
font-weight: bold;
line-height: 1em;
}
.lb-data .lb-caption a {
color: #4ae;
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999999;
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(//opakowaniaeksportowe.pl/wp-content/themes/opakowania/img/close.png) top right no-repeat;
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}[data-accordion] [data-content] {
overflow: hidden;
max-height: 0;
} [data-accordion] {
line-height: 1;
}
[data-control],
[data-content] > * {
border-bottom: 1px solid #888;
padding: 10px;
}
[data-content] [data-accordion] {
border: 0;
padding: 0;
}
[data-accordion] [data-control] {
position: relative;
padding-right: 40px;
}
[data-accordion] > [data-control]:after {
content: "";
position: absolute;
right: 10px;
top: 12px;
font-size: 25px;
font-weight: 200;
color: #444;
height: 15px;
width: 24px;
background: url(//opakowaniaeksportowe.pl/wp-content/themes/opakowania/images/down.png) center center no-repeat;
background-size: 50%;
}
[data-accordion].open > [data-control]:after {
-webkit-transform: rotate(-180deg); 
-ms-transform: rotate(-180deg); 
transform: rotate(-180deg); 
}.alignnone {
margin: 0 32px 32px 0;
}
.aligncenter {
display: block;
margin: 0 auto 0 auto;
}
.alignright {
float: right;
margin: 0 0 32px 32px;
}
.alignleft {
float: left;
margin: 0 32px 32px 0;
}
a img.alignright {
float: right;
margin: 0 0 32px 32px;
}
a img.alignnone {
margin: 0 32px 32px 0;
}
a img.alignleft {
float: left;
margin: 0 32px 32px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption.alignnone,
.wp-caption.alignright,
.wp-caption.alignleft,
.wp-caption img {
margin: 0!important;
}
.wp-caption img {
max-width: 100%;
height: auto;
display: block;
}
.wp-caption p,
.gallery-caption {
padding: 16px 32px;
text-align: center;
font-size: 16px;
}
@media only screen and (max-width: 1600px) {
.wp-caption p,
.gallery-caption {
font-size: 14px;
}
}@import url("https://fonts.googleapis.com/css2?family=Sen:wght@400;700&display=swap");
*,
*::before,
*::after {
margin: 0;
padding: 0;
outline: 0;
box-sizing: border-box;
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
display: block;
}
figure {
margin-bottom: 0!important;
}
html,
body {
overflow-x: hidden;
}
body {
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
font-family: 'Poppins', sans-serif;
font-weight: 300;
font-size: 16px;
line-height: 1.5;
color: #000;
overflow-x: hidden;
padding-top: 163px;
}
@media only screen and (max-width: 1600px) {
body {
font-size: 14px;
}
}
@media only screen and (max-width: 1200px) {
body {
padding-top: 96px;
}
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
margin-top: 32px;
margin-bottom: 32px;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Poppins', sans-serif;
font-weight: 400;
}
h1 {
font-size: 40px;
}
@media only screen and (max-width: 1600px) {
h1 {
font-size: 32px;
}
}
@media only screen and (max-width: 1200px) {
h1 {
font-size: 28px;
}
}
@media only screen and (max-width: 768px) {
h1 {
font-size: 24px;
}
}
h2 {
font-size: 32px;
}
@media only screen and (max-width: 1600px) {
h2 {
font-size: 28px;
}
}
@media only screen and (max-width: 1200px) {
h2 {
font-size: 24px;
}
}
@media only screen and (max-width: 768px) {
h2 {
font-size: 20px;
}
}
h3 {
font-size: 28px;
}
@media only screen and (max-width: 1600px) {
h3 {
font-size: 24px;
}
}
@media only screen and (max-width: 1200px) {
h3 {
font-size: 20px;
}
}
@media only screen and (max-width: 768px) {
h3 {
font-size: 18px;
}
}
h4 {
font-size: 24px;
}
@media only screen and (max-width: 1600px) {
h4 {
font-size: 20px;
}
}
@media only screen and (max-width: 1200px) {
h4 {
font-size: 18px;
}
}
@media only screen and (max-width: 768px) {
h4 {
font-size: 16px;
}
}
h5 {
font-size: 20px;
}
@media only screen and (max-width: 1600px) {
h5 {
font-size: 18px;
}
}
@media only screen and (max-width: 1200px) {
h5 {
font-size: 16px;
}
}
@media only screen and (max-width: 768px) {
h5 {
font-size: 14px;
}
}
h6 {
font-size: 16px;
}
@media only screen and (max-width: 1600px) {
h6 {
font-size: 14px;
}
}
@media only screen and (max-width: 1200px) {
h6 {
font-size: 12px;
}
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
a {
color: inherit;
text-decoration: none;
transition: all 0.5s;
}
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
outline: 0;
}
b,
strong {
font-weight: 700;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 50%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -5px;
}
sup {
top: -5px;
}
img,
svg {
max-width: 100%;
height: auto;
display: block;
}
.container,
.hero .hero__caption,
.banner .banner__caption,
.time-priority .time-priority__caption {
max-width: 1600px;
width: 100%;
margin: 0 auto;
padding: 0 40px;
}
@media only screen and (max-width: 1600px) {
.container,
.hero .hero__caption,
.banner .banner__caption,
.time-priority .time-priority__caption {
max-width: 1400px;
}
}
@media only screen and (max-width: 1400px) {
.container,
.hero .hero__caption,
.banner .banner__caption,
.time-priority .time-priority__caption {
max-width: 1200px;
}
}
@media only screen and (max-width: 768px) {
.container,
.hero .hero__caption,
.banner .banner__caption,
.time-priority .time-priority__caption {
padding: 0 20px;
}
}
.section {
padding: 96px 0;
}
@media only screen and (max-width: 1200px) {
.section {
padding: 64px 0;
}
}
.section__pt {
padding-top: 96px;
}
@media only screen and (max-width: 1200px) {
.section__pt {
padding-top: 64px;
}
}
.section__pb {
padding-bottom: 96px;
}
@media only screen and (max-width: 1200px) {
.section__pb {
padding-bottom: 64px;
}
}
.section__row:not(:last-child) {
margin-bottom: 64px;
}
@media only screen and (max-width: 1200px) {
.section__row:not(:last-child) {
margin-bottom: 32px;
}
}
.section__title {
color: #ea6c08;
font-weight: 700;
text-transform: uppercase;
}
.section__desc a {
color: #eb6e0a;
}
.section__desc a:hover {
text-decoration: underline;
}
.section__desc p:not(:last-child),
.section__desc img:not(:last-child),
.section__desc ul:not(:last-child),
.section__desc o:not(:last-child),
.section__desc table:not(:last-child),
.section__desc h1:not(:last-child),
.section__desc h2:not(:last-child),
.section__desc h3:not(:last-child),
.section__desc h4:not(:last-child),
.section__desc h5:not(:last-child),
.section__desc h6:not(:last-child),
.section__desc .gallery:not(:last-child) {
margin-bottom: 16px!important;
}
.section__desc h1,
.section__desc h2,
.section__desc h3,
.section__desc h4,
.section__desc h5,
.section__desc h6 {
color: #ea6c08;
font-weight: 700;
text-transform: uppercase;
}
.section__desc ul,
.section__desc ol {
padding-left: 20px;
text-align: left;
}
.section__desc table {
text-align: left;
border-collapse: collapse;
}
.section__desc table th,
.section__desc table td {
padding: 16px;
}
.section__btn {
display: inline-flex;
align-items: center;
font-size: 20px;
text-transform: uppercase;
}
@media only screen and (max-width: 1600px) {
.section__btn {
font-size: 18px;
}
}
@media only screen and (max-width: 1200px) {
.section__btn {
font-size: 16px;
}
}
.section__btn--secondary {
padding: 24px 32px;
gap: 16px;
}
@media only screen and (max-width: 1200px) {
.section__btn--secondary {
padding: 16px 32px;
}
}
.section__btn--secondary.section__btn--dark {
color: #eb6e07;
border: 2px solid #eb6e07;
background-color: rgba(255,255,255, .5);
box-shadow: 0 0 58px rgba(0,0,0, .25);
}
.section__btn--secondary.section__btn--light {
color: #fff;
border: 2px solid #fff;
background-color: transparent;
box-shadow: 0 0 38px rgba(0,0,0, .25);
}
.section__btn--secondary.section__btn--light > img,
.section__btn--secondary.section__btn--dark:hover > img {
filter: brightness(0%) invert(100%);
}
.section__btn--secondary.section__btn--dark:hover,
.section__btn--secondary.section__btn--light:hover {
background-color: #eb6e07;
color: #fff;
box-shadow: 0 0 58px rgba(0,0,0, .5);
border: 2px solid #eb6e07;
}
.header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 300;
background-color: #fff;
transition: all .5s;
}
.header .header__columns {
display: flex;
justify-content: space-between;
align-items: center;
gap: 0 32px;
}
.header .header__details {
display: flex;
align-items: center;
gap: 32px;
}
.header .header__row {
padding: 16px 0;
}
.header .header__row:first-child {
background-color: rgb(88 88 90);
color: #fff;
font-size: 14px;
}
@media only screen and (max-width: 1200px) {
.header .header__row:first-child {
display: none;
}
}
.header .header__row:last-child .header__column:last-child {
display: none;
}
@media only screen and (max-width: 1200px) {
.header .header__row:last-child .header__column:nth-child(2) {
display: none;
}
.header .header__row:last-child .header__column:last-child {
display: block;
}
}
.header .header__logo > img {
width: auto;
height: 78px;
transition: all .5s;
}
.header.fixed .header__logo > img {
height: 64px;
}
@media only screen and (max-width: 1200px) {
.header .header__logo > img {
height: 64px;
}
}
.header .header__items {
display: flex;
align-items: center;
gap: 64px;
}
.header .header__box,
.header .header__socials {
display: flex;
align-items: center;
gap: 2px;
}
.header .header__lang a,
.header .header__socials a {
font-weight: 700;
width: 56px;
height: 42px;
display: flex;
justify-content: center;
align-items: center;
background-color: #fef2e8;
line-height: 1;
}
.header .header__lang a:hover,
.header .header__socials a:hover {
background-color: #ff7202;
}
.header .header__socials img {
width: auto;
height: 20px;
}
.header ul {
list-style-type: none;
}
.header .header__nav .menu {
display: flex;
gap: 0 32px;
}
.header .header__nav .menu>li {
position: relative;
float: left;
}
.header .header__nav .menu>li>a {
position: relative;
color: #000;
font-weight: 300;
text-transform: uppercase;
}
.header .header__nav .menu>li:hover>a {
color: #eb6e0a;
}
.header .header__nav .menu>li.current-menu-item>a,
.header .header__nav .menu>li.current_page_item>a,
.header .header__nav .menu>li.current_page_ancestor>a,
.header .header__nav .menu>li.current-menu-ancestor>a {
font-weight: 700;
color: #eb6e0a;
}
.header .header__nav .menu>li:hover>a:before,
.header .header__nav .menu>li.current-menu-item>a:before,
.header .header__nav .menu>li.current_page_item>a:before,
.header .header__nav .menu>li.current_page_ancestor>a:before,
.header .header__nav .menu>li.current-menu-ancestor>a:before {
width: 100%;
}
.header .header__nav ul ul {
display: none!important;
position: absolute;
top: 100%;
left: 0;
color: #fff;
background-color: #000;
margin: 0!important;
white-space: nowrap;
padding: 16px 0;
}
.header .header__nav ul ul li {
float: none;
padding: 0!important;
position: relative;
}
.header .header__nav ul ul li a {
display: block;
padding: 8px 32px;
position: relative;
font-size: 14px;
text-transform: uppercase;
}          .header .header__nav ul ul > li:last-child > a:before {
display: none;
}
.header .header__nav ul ul li a:hover,
.header .header__nav ul ul li.current_page_item>a,
.header .header__nav ul ul li.current-menu-item>a,
.header .header__nav ul ul li.current_page_ancestor>a,
.header .header__nav ul ul li.current-menu-ancestor>a {
color: #eb6e07;
}
.header .header__nav ul ul ul {
top: -16px;
left: 100%;
background-color: #111;
}
.header .header__nav ul li:hover>ul {
display: block!important;
}
.header .header__hamburger .line {
width: 32px;
height: 2px;
background-color: #000;
display: block;
margin: 10px auto;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.header .header__hamburger .line:first-child,
.header .header__hamburger .line:last-child {
width: 16px;
}
.header .header__hamburger .line:first-child {
margin-top: 0;
}
.header .header__hamburger .line:last-child {
margin-bottom: 0;
}
.header .header__hamburger:hover {
cursor: pointer;
}
.header .header__hamburger.is-active .line:nth-child(1) {
-webkit-transform: translateY(12px) rotate(45deg);
-ms-transform: translateY(12px) rotate(45deg);
-o-transform: translateY(12px) rotate(45deg);
transform: translateY(12px) rotate(45deg);
width: 32px;
}
.header .header__hamburger.is-active .line:nth-child(2) {
opacity: 0;
}
.header .header__hamburger.is-active .line:nth-child(3) {
-webkit-transform: translateY(-12px) rotate(-45deg);
-ms-transform: translateY(-12px) rotate(-45deg);
-o-transform: translateY(-12px) rotate(-45deg);
transform: translateY(-12px) rotate(-45deg);
width: 32px;
}
.menu-mobile {
display: none;
position: fixed;
top: 96px;
left: 0;
width: 100%;
background-color: #eb6e07;
padding: 32px 0;
text-align: right;
max-height: calc(100vh - 96px);
overflow-y: scroll;
z-index: 300;
}
.menu-mobile ul {
list-style-type: none;
}
.menu-mobile a {
color: #fff;
display: block;
padding: 16px 0;
position: relative;
}
.menu-mobile a:after {
content: '';
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
width: 100%;
height: 1px;
background-color: rgba(255, 255, 255, .1);
}
.menu-mobile .menu>li:last-child>a:after {
display: none;
}
.menu-mobile .menu-item-has-children>a {
position: relative;
padding-right: 24px;
}
.menu-mobile .menu-item-has-children>a:before {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
background-image: url(//opakowaniaeksportowe.pl/wp-content/themes/opakowania/img/button.png);
background-repeat: no-repeat;
width: 13px;
height: 8px;
filter: brightness(0%) invert(100%);
}
.menu-mobile .sub-menu {
display: none;
}
.breadcrumbs {
padding: 16px 0;
border-bottom: 1px solid rgba(0,0,0, .1);
font-size: 14px;
color: #666;
}
.breadcrumbs span[typeof="ListItem"] {
display: inline-block;
margin-right: 20px;
padding-right: 20px;
position: relative;
}
.breadcrumbs span[typeof="ListItem"]:last-child {
padding-right: 0;
margin-right: 0;
}
.breadcrumbs span[typeof="ListItem"]:before {
content: "";
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 1px;
height: 14px;
background-color: #666;
}
.breadcrumbs span[typeof="ListItem"]:last-child:before {
display: none;
}
.breadcrumbs a.current-item {
font-weight: 700;
color: #eb6e0a;
}
.breadcrumbs a:hover {
color: #eb6e0a;
}
.hero .hero__img {
position: relative;
}
.hero .hero__img::before {
content: '';
position: absolute;
top: 0;
left: calc((100% - 1520px) / 2);
width: 50%;
height: 100%;
z-index: 100;
background-image: linear-gradient(to right, rgba(255,255,255, 1), rgba(255,255,255, 0));
}
@media only screen and (max-width: 1600px) {
.hero .hero__img::before {
left: calc((100% - 1320px) / 2);
}
}
@media only screen and (max-width: 1400px) {
.hero .hero__img::before {
left: calc((100% - 1120px) / 2);
}
}
@media only screen and (max-width: 1200px) {
.hero .hero__img::before {
left: 0;
width: 100%;
}
}
.hero .hero__img > img {
width: calc(100% - (100% - 1520px) / 2);
height: 750px;
object-fit: cover;
object-position: center;
margin-left: auto;
margin-right: 0;
}
@media only screen and (max-width: 1600px) {
.hero .hero__img > img {
width: calc(100% - (100% - 1320px) / 2);
}
}
@media only screen and (max-width: 1400px) {
.hero .hero__img > img {
width: calc(100% - (100% - 1120px) / 2);
}
}
@media only screen and (max-width: 1200px) {
.hero .hero__img > img {
height: calc(100vh - 96px);
}
}
.hero .hero__caption {
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
z-index: 100;
display: flex;
flex-direction: column;
gap: 64px;
}
@media only screen and (max-width: 768px) {
.hero .hero__caption {
gap: 32px;
}
}
.hero .hero__header {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 32px;
}
@media only screen and (max-width: 768px) {
.hero .hero__header {
gap: 16px;
}
}
.hero .hero__title {
padding: 16px 32px;
display: inline-block;
text-transform: uppercase;
background-color: #eb6e07;
color: #fff;
font-weight: 700;
}
.our-offer .our-offer__columns {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 128px 32px;
}
@media only screen and (max-width: 768px) {
.our-offer .our-offer__columns {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width: 576px) {
.our-offer .our-offer__columns {
grid-template-columns: repeat(1, 1fr);
}
}
.our-offer .our-offer__icon {
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
width: 66.6667%;
margin-left: auto;
margin-right: auto;
position: relative;
}
@media only screen and (max-width: 1200px) {
.our-offer .our-offer__icon {
width: 75%;
}
}
.our-offer .our-offer__icon::before {
content: '';
position: absolute;
top: 40px;
left: 0;
right: 0;
height: calc(100% - 40px);
border: 2px solid #f8b986;
border-bottom: 0;
}
.our-offer .our-offer__icon::after {
content: '';
position: absolute;
bottom: -64px;
left: 50%;
transform: translateX(-50%);
width: calc(100% - 96px);
height: 2px;
background-color: #dcdcdc;
}
.our-offer .our-offer__caption {
position: relative;
z-index: 100;
}
.our-offer .our-offer__column:nth-last-child(-n+3) .our-offer__icon::after {
display: none;
}
.our-offer .our-offer__icon > a {
display: block;
padding: 0 40px;
background-color: #fff;
position: relative;
z-index: 100;
}
.our-offer .our-offer__icon > a > img {
width: 120px;
height: 120px;
object-fit: contain;
object-position: center;
}
.our-offer .our-offer__title {
text-transform: uppercase;
text-align: center;
padding: 0 32px;
}
.our-offer .our-offer__icon {
position: relative;
top: 0;
transition: all .5s;
}
.our-offer .our-offer__icon:hover {
top: -16px;
cursor: pointer;
}
.our-offer .our-offer__icon:hover .our-offer__title {
color: #eb6e0a;
}
.packing-for-transport {
background-color: #f5f5f5;
}
.packing-for-transport .packing-for-transport__columns {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 192px;
align-items: center;
}
@media only screen and (max-width: 1200px) {
.packing-for-transport .packing-for-transport__columns {
grid-gap: 128px;
}
}
@media only screen and (max-width: 768px) {
.packing-for-transport .packing-for-transport__columns {
grid-template-columns: repeat(1, 1fr);
grid-gap: 32px;
}
}
.packing-for-transport .packing-for-transport__row:not(:last-child) {
margin-bottom: 32px;
}
.packing-for-transport .section__desc {
padding: 64px;
position: relative;
}
@media only screen and (max-width: 576px) {
.packing-for-transport .section__desc {
padding: 32px;
}
}
.packing-for-transport .section__desc::before,
.packing-for-transport .section__desc::after {
content: '';
position: absolute;
width: 128px;
height: 32px;
}
@media only screen and (max-width: 576px) {
.packing-for-transport .section__desc::before,
.packing-for-transport .section__desc::after {
width: 64px;
}
}
.packing-for-transport .section__desc::before {
top: 0;
left: 0;
border-top: 2px solid #ec6b06;
border-left: 2px solid #ec6b06;
}
.packing-for-transport .section__desc::after {
right: 0;
bottom: 0;
border-bottom: 2px solid #ec6b06;
border-right: 2px solid #ec6b06;
}
.packing-for-transport .packing-for-transport__boxes {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.packing-for-transport .packing-for-transport__icon {
display: flex;
justify-content: center;
align-items: center;
padding: 32px;
}
.packing-for-transport .packing-for-transport__box:first-child .packing-for-transport__icon {
background-color: #ef8b3b;
}
.packing-for-transport .packing-for-transport__box:nth-child(2) .packing-for-transport__icon {
background-color: #ed7c22;
}
.packing-for-transport .packing-for-transport__box:last-child .packing-for-transport__icon {
background-color: #eb6e0a;
}
.packing-for-transport .packing-for-transport__icon > img {
width: 48px;
height: 48px;
object-fit: contain;
object-position: center;
}
.packing-for-transport .packing-for-transport__img {
position: relative;
}
.packing-for-transport .packing-for-transport__img > img {
max-width: 100%;
object-fit: contain;
object-position: center;
margin: 0 auto;
}
.packing-for-transport .packing-for-transport__caption {
position: absolute;
left: 0;
bottom: 0;
z-index: 100;
}
.double-double {
background-color: #ffdec5;
position: relative;
}
.double-double .double-double__img {
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 100%;
}
@media only screen and (max-width: 768px) {
.double-double .double-double__img {
display: none;
}
}
.double-double .double-double__img > img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.double-double .double-double__columns {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 192px;
position: relative;
z-index: 100;
}
@media only screen and (max-width: 1200px) {
.double-double .double-double__columns {
grid-gap: 128px;
}
}
@media only screen and (max-width: 768px) {
.double-double .double-double__columns {
grid-gap: 32px;
grid-template-columns: repeat(1, 1fr);
}
}
.double-double .double-double__row:not(:last-child) {
margin-bottom: 32px;
}
.fifty-fifty .fifty-fifty__columns {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 64px;
align-items: center;
}
@media only screen and (max-width: 768px) {
.fifty-fifty .fifty-fifty__columns {
grid-template-columns: repeat(1, 1fr);
grid-gap: 32px;
}
}
.fifty-fifty__reverse .fifty-fifty__column:first-child {
order: 2;
}
@media only screen and (max-width: 768px) {
.fifty-fifty__reverse .fifty-fifty__column:first-child {
order: 1;
}
}
.fifty-fifty__reverse .fifty-fifty__column:last-child {
order: 1;
}
@media only screen and (max-width: 768px) {
.fifty-fifty__reverse .fifty-fifty__column:last-child {
order: 2;
}
}
.fifty-fifty .fifty-fifty__img {
position: relative;
}
.fifty-fifty .fifty-fifty__img > img {
width: 100%;
aspect-ratio: 16/9;
object-fit: cover;
object-position: center;
}
.fifty-fifty .fifty-fifty__caption {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 100;
}
.fifty-fifty .fifty-fifty__caption > a > img {
width: auto;
height: 120px;
}
@media only screen and (max-width: 576px) {
.fifty-fifty .fifty-fifty__caption > a > img {
height: 80px;
}
}
.fifty-fifty .fifty-fifty__inner {
padding: 64px;
position: relative;
}
@media only screen and (max-width: 576px) {
.fifty-fifty .fifty-fifty__inner {
padding: 32px;
}
}
.fifty-fifty .fifty-fifty__inner::before,
.fifty-fifty .fifty-fifty__inner::after {
content: '';
position: absolute;
width: 128px;
height: 32px;
}
@media only screen and (max-width: 576px) {
.fifty-fifty .fifty-fifty__inner::before,
.fifty-fifty .fifty-fifty__inner::after {
width: 64px;
}
}
.fifty-fifty .fifty-fifty__inner::before {
top: 0;
left: 0;
border-top: 2px solid #ec6b06;
border-left: 2px solid #ec6b06;
}
.fifty-fifty .fifty-fifty__inner::after {
right: 0;
bottom: 0;
border-bottom: 2px solid #ec6b06;
border-right: 2px solid #ec6b06;
}
.fifty-fifty .fifty-fifty__row:not(:last-child) {
margin-bottom: 32px;
}
.way-of-cooperation {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.way-of-cooperation .way-of-cooperation__column {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.way-of-cooperation .way-of-cooperation__square {
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
perspective: 1200px;
-webkit-perspective: 1200px;
position: relative;
}
.way-of-cooperation .way-of-cooperation__front,
.way-of-cooperation .way-of-cooperation__back {
background-size: cover;
background-position: center;
-ms-transition: transform 0.7s cubic-bezier(.4, .2, .2, 1);
transition: transform 0.7s cubic-bezier(.4, .2, .2, 1);
-webkit-transition: transform 0.7s cubic-bezier(.4, .2, .2, 1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: flex;
justify-content: center;
align-items: center;
z-index: 100;
}
.way-of-cooperation .way-of-cooperation__front {
-ms-transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.way-of-cooperation .way-of-cooperation__square:hover .way-of-cooperation__front {
-ms-transform: rotateY(-180deg);
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.way-of-cooperation .way-of-cooperation__back {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-ms-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.way-of-cooperation .way-of-cooperation__square:hover .way-of-cooperation__back {
-ms-transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}                      .way-of-cooperation .section__btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 200;
}
.way-of-cooperation .way-of-cooperation__square:hover .way-of-cooperation__front .way-of-cooperation__number,
.way-of-cooperation .way-of-cooperation__square:hover .way-of-cooperation__front .way-of-cooperation__title,
.way-of-cooperation .way-of-cooperation__square:hover .way-of-cooperation__front .way-of-cooperation__subtitle,
.way-of-cooperation .way-of-cooperation__square .way-of-cooperation__back .way-of-cooperation__number,
.way-of-cooperation .way-of-cooperation__square .way-of-cooperation__back .way-of-cooperation__title,
.way-of-cooperation .way-of-cooperation__square .way-of-cooperation__back .way-of-cooperation__subtitle,
.way-of-cooperation .way-of-cooperation__square .way-of-cooperation__back .section__btn {
opacity: 0;
visibility: hidden;
}
.way-of-cooperation .way-of-cooperation__square:hover .way-of-cooperation__back .way-of-cooperation__number,
.way-of-cooperation .way-of-cooperation__square:hover .way-of-cooperation__back .section__btn {
opacity: 1;
visibility: visible;
}
.way-of-cooperation .section__btn--secondary {
border: 2px solid #fff;
background-color: rgba(255,255,255, .5);
box-shadow: 0 0 58px rgba(0,0,0, .25);
}
.way-of-cooperation .way-of-cooperation__back .way-of-cooperation__inner {
position: absolute;
outline: 1px solid transparent;
-webkit-perspective: inherit;
perspective: inherit;
z-index: 200;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) translateZ(1px) scale(1);
-ms-transform: translate(-50%, -50%) translateZ(1px) scale(1);
-webkit-transform: translate(-50%, -50%) translateZ(1px) scale(1);
}
.way-of-cooperation .section__row,
.relocation-of-devices .section__row,
.step-by-step .section__row {
width: 75%;
margin-left: auto;
margin-right: auto;
}
@media only screen and (max-width: 768px) {
.way-of-cooperation .section__row,
.relocation-of-devices .section__row,
.step-by-step .section__row {
width: 100%;
}
}
.way-of-cooperation .section__title {
text-align: center;
}
.way-of-cooperation .way-of-cooperation__columns,
.relocation-of-devices .relocation-of-devices__columns,
.step-by-step .step-by-step__columns {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 64px;
}
@media only screen and (max-width: 768px) {
.way-of-cooperation .way-of-cooperation__columns,
.relocation-of-devices .relocation-of-devices__columns,
.step-by-step .step-by-step__columns {
grid-gap: 32px;
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width: 576px) {
.way-of-cooperation .way-of-cooperation__columns,
.relocation-of-devices .relocation-of-devices__columns,
.step-by-step .step-by-step__columns {
grid-gap: 32px;
grid-template-columns: repeat(1, 1fr);
}
}
.relocation-of-devices .relocation-of-devices__columns {
grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 576px) {
.relocation-of-devices .relocation-of-devices__columns {
grid-template-columns: repeat(1, 1fr);
}
}
.way-of-cooperation .way-of-cooperation__rectangle,
.relocation-of-devices .relocation-of-devices__rectangle,
.step-by-step .step-by-step__rectangle {
padding-left: 32px;
padding-right: 32px;
padding-bottom: 64px;
position: relative;
}
@media only screen and (max-width: 576px) {
.way-of-cooperation .way-of-cooperation__rectangle,
.relocation-of-devices .relocation-of-devices__rectangle,
.step-by-step .step-by-step__rectangle {
padding-bottom: 32px;
}
}
.way-of-cooperation .way-of-cooperation__rectangle::before,
.relocation-of-devices .relocation-of-devices__rectangle::before,
.step-by-step .step-by-step__rectangle::before {
content: '';
position: absolute;
top: 45px;
left: 0;
right: 0;
bottom: 0;
border: 2px solid #f8b986;
border-top: 0;
}
.step-by-step .step-by-step__rectangle::before {
background-color: #fff;
border: 0;
}
.relocation-of-devices .relocation-of-devices__rectangle::before {
top: 32px;
}
.way-of-cooperation .way-of-cooperation__border,
.relocation-of-devices .relocation-of-devices__border {
position: absolute;
top: 45px;
left: 0;
right: 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.relocation-of-devices .relocation-of-devices__border {
top: 32px
}
.way-of-cooperation .way-of-cooperation__border span,
.relocation-of-devices .relocation-of-devices__border span {
width: calc(50% - 90px);
height: 2px;
background-color: #f8b986;
display: block;
}
.relocation-of-devices .relocation-of-devices__border span {
width: calc(50% - 80px);
}
.way-of-cooperation .way-of-cooperation__row:not(:last-child),
.relocation-of-devices .relocation-of-devices__row:not(:last-child),
.step-by-step .step-by-step__row:not(:last-child) {
margin-bottom: 32px;
}
.step-by-step .step-by-step__row {
position: relative;
z-index: 100;
}
.relocation-of-devices .relocation-of-devices__icon > img {
margin: 0 auto;
width: 64px;
height: 64px;
object-fit: contain;
object-position: center;
}
.way-of-cooperation .way-of-cooperation__number,
.step-by-step .step-by-step__number {
font-size: 40px;
color: #ec6b06;
font-weight: 700;
width: 90px;
height: 90px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
border: 2px solid #ec6b06;
margin: 0 auto;
}
.step-by-step .step-by-step__number {
background-color: #fff;
}
.way-of-cooperation .way-of-cooperation__title,
.way-of-cooperation .way-of-cooperation__subtitle,
.relocation-of-devices .relocation-of-devices__title,
.relocation-of-devices .relocation-of-devices__desc,
.step-by-step .step-by-step__desc {
text-align: center;
}
.way-of-cooperation .way-of-cooperation__title,
.relocation-of-devices .relocation-of-devices__title {
font-weight: 700;
}
.what-will-surprise-us .section__row {
width: 75%;
margin-right: auto;
margin-left: auto;
}
@media only screen and (max-width: 768px) {
.what-will-surprise-us .section__row {
width: 100%;
}
}
.what-will-surprise-us .what-will-surprise-us__content:not(:last-child) {
margin-bottom: 64px;
}
.what-will-surprise-us .what-will-surprise-us__columns {
display: flex;
align-items: center;
gap: 64px;
}
@media only screen and (max-width: 768px) {
.what-will-surprise-us .what-will-surprise-us__columns {
gap: 32px;
}
}
@media only screen and (max-width: 576px) {
.what-will-surprise-us .what-will-surprise-us__columns {
flex-wrap: wrap;
}
.what-will-surprise-us .what-will-surprise-us__column {
width: 100%;
text-align: center;
}
.what-will-surprise-us .what-will-surprise-us__column ul {
text-align: left;
display: inline-block;
}
}
.what-will-surprise-us .what-will-surprise-us__icon {
width: 180px;
height: 180px;
display: flex;
justify-content: center;
align-items: center;
background-color: #fef2e8;
}
@media only screen and (max-width: 576px) {
.what-will-surprise-us .what-will-surprise-us__icon {
margin: 0 auto;
}
}
.what-will-surprise-us .what-will-surprise-us__icon > img {
width: 64px;
height: 64px;
object-fit: contain;
object-position: center;
}
.what-will-surprise-us .what-will-surprise-us__row:not(:last-child) {
margin-bottom: 16px;
}
.what-will-surprise-us .what-will-surprise-us__title {
font-weight: 700;
}
.what-will-surprise-us .what-will-surprise-us__desc ul,
.section__desc ul {
list-style-type: none;
padding-left: 0;
}
.what-will-surprise-us .what-will-surprise-us__desc ul ul,
.section__desc ul ul {
margin-top: 16px;
}
.what-will-surprise-us .what-will-surprise-us__desc li,
.section__desc li {
position: relative;
padding-left: 28px;
}
.what-will-surprise-us .what-will-surprise-us__desc li:not(:last-child),
.section__desc li:not(:last-child) {
margin-bottom: 16px;
}
.what-will-surprise-us .what-will-surprise-us__desc li:not(:last-child) {
margin-bottom: 8px;
}
.what-will-surprise-us .what-will-surprise-us__desc li::before,
.section__desc ul li::before {
content: '';
position: absolute;
top: 6px;
left: 0;
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #eb6e07;
}
.what-will-surprise-us .what-will-surprise-us__desc ul ul li::before,
.section__desc ul ul li::before {
background-color: #f4a66a;
}
.find-out-more {
position: relative;
margin: 96px 0 192px 0;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
@media only screen and (max-width: 768px) {
.find-out-more {
margin: 0;
text-align: center;
}
}
.find-out-more .section__btn--dark {
background-color: transparent;
}
.find-out-more .find-out-more__img {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 50%;
height: calc(100% + 192px);
}
@media only screen and (max-width: 768px) {
.find-out-more .find-out-more__img {
top: 0;
transform: translateX(-50%);
width: 66.6667%;
height: auto;
position: relative;
left: 50%;
margin-top: 32px;
padding: 0 20px;
}
}
@media only screen and (max-width: 576px) {
.find-out-more .find-out-more__img {
width: 100%;
}
}
.find-out-more .find-out-more__img > img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: right;
}
.find-out-more .find-out-more__columns {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 64px;
align-items: center;
}
@media only screen and (max-width: 768px) {
.find-out-more .find-out-more__columns {
grid-template-columns: repeat(1, 1fr);
grid-gap: 32px;
}
}
.find-out-more .find-out-more__row:not(:last-child) {
margin-bottom: 32px;
}
.how-can-we-help {
position: relative;
margin-bottom: 96px;
}
@media only screen and (max-width: 768px) {
.how-can-we-help {
margin-bottom: 0;
}
}
.how-can-we-help .how-can-we-help__img {
position: absolute;
top: 0;
left: 0;
width: calc(50% - 32px);
height: 100%;
}
@media only screen and (max-width: 768px) {
.how-can-we-help .how-can-we-help__img {
width: 100%;
position: relative;
top: -64px;
}
}
.how-can-we-help .how-can-we-help__img > img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.how-can-we-help .how-can-we-help__column {
width: calc(50% - 32px);
margin-left: auto;
margin-right: 0;
}
@media only screen and (max-width: 768px) {
.how-can-we-help .how-can-we-help__column {
width: 100%;
}
}
.how-can-we-help .section__desc p:not(:last-child),
.how-can-we-help .section__desc ul:not(:last-child) {
margin-bottom: 32px;
}
.how-can-we-help .how-can-we-help__desc ul {
list-style-type: none;
padding-left: 0;
margin-top: 32px;
}
.how-can-we-help .how-can-we-help__desc li {
padding-left: 50px;
position: relative;
}
.how-can-we-help .how-can-we-help__desc li::before {
content: '';
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 28px;
height: 27px;
background-image: url(//opakowaniaeksportowe.pl/wp-content/themes/opakowania/img/check.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.how-can-we-help .how-can-we-help__desc li:not(:last-child) {
margin-bottom: 20px;
}
.how-can-we-help .how-can-we-help__row:not(:last-child) {
margin-bottom: 32px;
}
.reference {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.reference .reference__column {
width: 66.6667%;
margin-left: auto;
margin-right: 0;
}
@media only screen and (max-width: 768px) {
.reference .reference__column {
width: 100%;
}
}
.reference .reference__row:not(:last-child) {
margin-bottom: 32px;
}
.reference .reference__inner {
padding: 64px;
position: relative;
}
@media only screen and (max-width: 576px) {
.reference .reference__inner {
padding: 32px;
}
}
.reference .reference__inner::before,
.reference .reference__inner::after {
content: '';
position: absolute;
width: 128px;
height: 32px;
}
@media only screen and (max-width: 576px) {
.reference .reference__inner::before,
.reference .reference__inner::after {
content: '';
position: absolute;
width: 64px;
height: 32px;
}
}
.reference .reference__inner::before {
top: 0;
right: 0;
border-top: 2px solid #ec6b06;
border-right: 2px solid #ec6b06;
}
.reference .reference__inner::after {
left: 0;
bottom: 0;
border-bottom: 2px solid #ec6b06;
border-left: 2px solid #ec6b06;
}
.reference .reference__quote {
position: absolute;
top: 0;
left: 0;
}
.reference .reference__quote > img {
width: auto;
height: 64px;
}
.reference .slick-dots {
position: relative;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
gap: 16px;
}
.reference .slick-dots li {
width: 20px;
height: 20px;
border-radius: 50%;
margin: 0;
background-color: transparent;
border: 1px solid rgba(235, 110, 10, .5);
transition: all .5s;
}
.reference .slick-track {
display: flex;
align-items: center;
}
.reference .slick-dots li.slick-active,
.reference .slick-dots li:hover {
background-color: #eb6e0a;
border: 1px solid rgba(235, 110, 10, 1);
cursor: pointer;
}
.reference .slick-dots li button {
display: none;
}
.slick-dotted.slick-slider {
margin-bottom: 0;
}
.faq .section__row {
width: 75%;
margin-left: auto;
margin-right: auto;
}
@media only screen and (max-width: 576px) {
.faq .section__row {
width: 100%;
}
}
[data-accordion] {
line-height: 1.5;
}
[data-accordion]:hover {
cursor: pointer;
}
[data-accordion]:not(:last-child) {
margin-bottom: 4px;
}
[data-accordion] [data-control] {
position: relative;
padding-right: 40px;
display: inline-block;
background-color: #fed7ba;
transition: all .5s;
}
[data-accordion].open [data-control],
[data-accordion]:hover [data-control] {
background-color: #f5b585;
}
[data-control], [data-content] > * {
border-bottom: 0;
padding: 20px 20px 20px 60px;
}
.accordion__toggle {
position: absolute;
top: 50%;
left: 20px;
transform: translateY(-50%);
z-index: 100;
}
.accordion__toggle--minus {
display: none;
}
.accordion__title {
font-weight: 700;
}
[data-accordion].open .accordion__toggle--minus {
display: block;
}
[data-accordion].open .accordion__toggle--plus {
display: none;
}
.fast-contact {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.fast-contact .section__row {
width: 75%;
margin-left: auto;
margin-right: auto;
}
@media only screen and (max-width: 768px) {
.fast-contact .section__row {
width: 100%;
}
}
.fast-contact .fast-contact__content {
padding: 32px 48px;
background-color: #fff;
}
@media only screen and (max-width: 768px) {
.fast-contact .fast-contact__content {
padding: 24px 32px;
}
}
.form__columns {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 16px;
margin-bottom: 16px;
}
@media only screen and (max-width: 768px) {
.form__columns {
grid-template-columns: repeat(1, 1fr);
}
}
.footer {
background-color: #000000;
color: #fff;
font-size: 14px;
padding: 128px 0;
position: relative;
}
@media only screen and (max-width: 768px) {
.footer {
padding: 64px 0;
font-size: 12px;
}
}
.footer a:hover {
text-decoration: underline;
}
.footer::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 100%;
background-color: #1c1c1c;
z-index: 100;
}
@media only screen and (max-width: 768px) {
.footer::before {
width: 100%;
}
}
.footer .footer__title {
color: #fde4cf;
}
.footer .footer__columns {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 16px;
position: relative;
z-index: 200;
}
@media only screen and (max-width: 768px) {
.footer .footer__columns {
grid-template-columns: repeat(1, 1fr);
}
}
.footer .footer__row:not(:last-child) {
margin-bottom: 16px;
}
.footer .footer__img {
position: absolute;
top: 64px;
bottom: 0;
right: calc((100% - 1520px) / 2);
z-index: 200;
}
@media only screen and (max-width: 1600px) {
.footer .footer__img {
right: calc((100% - 1320px) / 2);
}
}
@media only screen and (max-width: 1400px) {
.footer .footer__img {
right: calc((100% - 1120px) / 2);
}
}
@media only screen and (max-width: 1200px) {
.footer .footer__img {
right: 40px;
}
}
@media only screen and (max-width: 768px) {
.footer .footer__img {
right: 20px;
}
}
@media only screen and (max-width: 576px) {
.footer .footer__img {
position: relative;
left: 0;
right: 0;
padding: 0 20px;
}
}
.footer .footer__img > a > img {
width: auto;
height: 100%;
opacity: 1;
transition: all .5s;
}
@media only screen and (max-width: 576px) {
.footer .footer__img > a > img {
width: 100%;
}
}
.footer .footer__img > a:hover > img {
opacity: .5;
}
.footer .footer__nav ul {
list-style-type: none;
}
.footer .footer__nav li:not(:last-child) {
margin-bottom: 8px;
}
.footer .footer__socials {
display: flex;
align-items: center;
gap: 2px;
}
.footer .footer__socials a {
font-weight: 700;
width: 56px;
height: 42px;
display: flex;
justify-content: center;
align-items: center;
background-color: #fef2e8;
line-height: 1;
}
.footer .footer__socials a:hover {
background-color: #eb6e0a;
}
.footer .footer__socials img {
width: auto;
height: 20px;
}
.banner .banner__img {
position: relative;
}
.banner .banner__img > img {
width: 100%;
height: 300px;
object-fit: cover;
object-position: center;
}
.banner .banner__caption {
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
z-index: 100;
}
.banner .banner__title {
color: #eb6e0a;
text-transform: uppercase;
}
.quarter .quarter__columns {
display: grid;
grid-template-columns: 3fr 9fr;
grid-gap: 32px;
}
@media only screen and (max-width: 1200px) {
.quarter .quarter__columns {
grid-template-columns: 4fr 8fr;
}
}
@media only screen and (max-width: 768px) {
.quarter .quarter__columns {
grid-template-columns: repeat(1, 1fr);
}
}
.quarter .quarter__row:not(:last-child) {
margin-bottom: 32px;
}
.quarter .quarter__boxes {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 32px;
}
@media only screen and (max-width: 768px) {
.quarter .quarter__boxes {
grid-template-columns: repeat(2, 1fr);
grid-gap: 16px;
}
}
@media only screen and (max-width: 576px) {
.quarter .quarter__boxes {
grid-template-columns: repeat(2, 1fr);
grid-gap: 16px;
}
}
.quarter .quarter__caption {
padding: 16px;
background-color: #f3f3f3;
}
.quarter .quarter__caption > *:not(:last-child) {
margin-bottom: 16px;
}
.quarter .quarter__date {
text-align: right;
}
.quarter-front {
padding-top: 0;
}
.quarter-front .section__row:first-child,
.quarter-front .section__row:last-child {
text-align: center;
}
.quarter .quarter__img > a {
display: block;
overflow: hidden;
}
.quarter .quarter__img > a > img {
width: 100%;
aspect-ratio: 4/3;
object-fit: cover;
object-position: center;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.quarter .quarter__img:hover > a > img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.quarter .quarter__title {
text-transform: uppercase;
}
.quarter .quarter__img:hover .quarter__title {
color: rgba(255, 114, 2, 1);
}
.sidebar {
background-color: #e5e5e5;
padding: 32px;
}
@media only screen and (max-width: 768px) {
.sidebar {
display: none;
}
}
.sidebar__toggle {
padding: 16px 32px;
background-color: #ff7202;
color: #fff;
font-weight: 700;
display: none;
text-transform: uppercase;
}
@media only screen and (max-width: 768px) {
.sidebar__toggle {
display: block;
}
}
.sidebar .sidebar__nav ul {
list-style-type: none;
}
.sidebar .sidebar__nav li:not(:last-child) {
margin-bottom: 16px;
}
.sidebar .sidebar__nav a {
text-transform: uppercase;
font-size: 14px;
}
.sidebar .sidebar__nav .sub-menu {
display: none;
margin-top: 16px;
padding-left: 16px;
}
.sidebar .sidebar__nav ul.menu li.current_page_item > a,
.sidebar .sidebar__nav ul.menu li.current-menu-item > a,
.sidebar .sidebar__nav ul.menu > li.current-page-ancestor > a {
color: #ff7202;
font-weight: 700;
display: block;
}
.sidebar .sidebar__nav ul.menu li a:hover {
color: #ff7202;
}
.sidebar .sidebar__nav li.current_page_item > .sub-menu,
.sidebar .sidebar__nav li.current-page-ancestor > .sub-menu {
display: block;
}
.time-priority .time-priority__img {
position: relative;
}
.time-priority .time-priority__img > img {
width: 100%;
height: 750px;
object-fit: cover;
object-position: center;
}
.time-priority .time-priority__caption {
position: absolute;
top: 33.3333%;
left: 0;
right: 0;
transform: translateY(-50%);
}
@media only screen and (max-width: 1200px) {
.time-priority .time-priority__caption {
top: 50%;
}
}
.time-priority .time-priority__header {
padding: 16px 32px;
display: inline-block;
text-transform: uppercase;
background-color: #fff;
}
.time-priority .time-priority__title {
font-weight: 700;
color: #eb6e07;
}
.relocation-of-machines {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.relocation-of-machines .section__row {
width: 75%;
margin-right: auto;
margin-left: auto;
}
@media only screen and (max-width: 1200px) {
.relocation-of-machines .section__row {
width: 100%;
}
}
.relocation-of-machines .relocation-of-machines__columns {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 32px;
}
@media only screen and (max-width: 768px) {
.relocation-of-machines .relocation-of-machines__columns {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width: 576px) {
.relocation-of-machines .relocation-of-machines__columns {
grid-template-columns: repeat(1, 1fr);
}
}
.relocation-of-machines .relocation-of-machines__icon {
width: 66.6667%;
padding: 64px 32px;
margin: 0 auto;
background-color: rgba(255,255,255, .5);
}
.relocation-of-machines .relocation-of-machines__icon > img {
width: 64px;
height: 64px;
object-fit: contain;
object-position: center;
margin: 0 auto;
}
.relocation-of-machines .relocation-of-machines__row:not(:last-child) {
margin-bottom: 32px;
}
.relocation-of-machines .relocation-of-machines__title {
font-weight: 700;
text-align: center;
}
.full-service {
position: relative;
}
.full-service .full-service__img {
position: absolute;
top: 96px;
left: 0;
bottom: -192px;
z-index: 100;
}
@media only screen and (max-width: 1600px) {
.full-service .full-service__img {
bottom: -96px;
}
}
@media only screen and (max-width: 1200px) {
.full-service .full-service__img {
top: 0;
bottom: 0;
position: relative;
width: 100%;
margin-bottom: 32px!important;
padding: 0 32px;
}
}
@media only screen and (max-width: 768px) {
.full-service .full-service__img {
padding: 0 16px;
}
}
.full-service .full-service__img > img {
width: auto;
height: 100%;
object-fit: contain;
object-position: center;
}
@media only screen and (max-width: 1200px) {
.full-service .full-service__img > img {
width: 66.6667%;
margin: 0 auto;
}
}
@media only screen and (max-width: 576px) {
.full-service .full-service__img > img {
width: 100%;
}
}
.full-service .section__row {
width: 75%;
margin-left: auto;
margin-right: 0;
padding-left: 96px;
}
@media only screen and (max-width: 768px) {
.full-service .section__row {
width: 100%;
padding-left: 0;
}
}
.our-strategy {
position: relative;
}
.our-strategy::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: calc((100% - 1520px) / 2 + 1140px);
background-color: #e5e5e5;
}
@media only screen and (max-width: 1600px) {
.our-strategy::before {
width: calc((100% - 1320px) / 2 + 990px);
}
}
@media only screen and (max-width: 1400px) {
.our-strategy::before {
width: calc((100% - 1120px) / 2 + 840px);
}
}
@media only screen and (max-width: 1200px) {
.our-strategy::before {
width: 100%;
}
}
.our-strategy .section__row {
width: 75%;
margin-left: auto;
margin-right: 0;
position: relative;
z-index: 100;
padding-left: 96px;
}
@media only screen and (max-width: 1200px) {
.our-strategy .section__row {
width: 100%;
padding-left: 0;
}
}
.our-strategy .section__desc ul:not(:last-child),
.our-strategy .section__desc p:not(:last-child) {
margin-bottom: 32px;
}
.expectations {
background-color: #f5f5f5;
padding-bottom: 0;
}
.expectations .section__row {
width: 75%;
margin-left: auto;
margin-right: auto;
}
@media only screen and (max-width: 1200px) {
.expectations .section__row {
width: 100%;
}
}
.expectations .expectations__columns {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 576px) {
.expectations .expectations__columns {
grid-template-columns: repeat(2, 1fr);
}
}
.expectations .expectations__img > img {
width: 100%;
aspect-ratio: 16/9;
object-fit: cover;
object-position: center;
}
.comprehensive-service {
text-align: center;
}
.comprehensive-service .section__title {
font-weight: 400;
color: #fff;
}
.faq-relocation {
background-color: #ed6b06;
}
.faq-relocation .section__row {
width: 75%;
margin-left: auto;
margin-right: auto;
}
@media only screen and (max-width: 768px) {
.faq-relocation .section__row {
width: 100%;
}
}
.faq-relocation .section__title {
color: #fff;
}
.faq-relocation [data-accordion] [data-control] {
background-color: #f29750;
transition: all .5s;
}
.faq-relocation [data-accordion]:hover [data-control],
.faq-relocation [data-accordion].open [data-control] {
background-color: #f5b585;
}
.faq-relocation .accordion__toggle img {
filter: brightness(0%) invert(100%);
}
.accordion__desc {
display: flex;
flex-direction: column;
gap: 16px;
}
.accordion__desc a:hover {
text-decoration: underline;
}
.relocation-contact {
background-color: #e5e5e5;
}
.relocation-contact .relocation-contact__content {
padding: 32px 48px;
background-color: #fff;
}
@media only screen and (max-width: 768px) {
.relocation-contact .relocation-contact__content {
padding: 24px 32px;
}
}
.relocation-contact .section__row {
width: 75%;
margin-left: auto;
margin-right: auto;
}
@media only screen and (max-width: 768px) {
.relocation-contact .section__row {
width: 100%;
}
}
.relocation-contact .wpcf7-form input.wpcf7-form-control,
.relocation-contact .wpcf7-form textarea.wpcf7-form-control {
border: 2px solid #fff;
}
.relocation-of-devices .relocation-of-devices__background {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding: 64px 32px;
}
.relocation-of-devices  .relocation-of-devices__background .relocation-of-devices__row:not(:last-child) {
margin-bottom: 32px;
}
.relocation-of-devices .relocation-of-devices__background .relocation-of-devices__title {
font-weight: 400;
text-align: left;
}
.relocation-of-devices .section__btn--secondary {
font-size: 20px;
}
@media only screen and (max-width: 1600px) {
.relocation-of-devices .section__btn--secondary {
font-size: 18px;
}
}
@media only screen and (max-width: 1200px) {
.relocation-of-devices .section__btn--secondary {
font-size: 16px;
}
}
.step-by-step .section__row {
width: 75%;
margin-right: auto;
margin-left: auto;
}
@media only screen and (max-width: 768px) {
.step-by-step .section__row {
width: 100%;
}
}
.step-by-step .step-by-step__icon > img {
margin: 0 auto;
width: 140px;
height: 140px;
object-fit: contain;
object-position: center;
}
.step-by-step .step-by-step__title {
text-align: center;
}
.wpcf7-form {
text-align: left;
color: #5b5b5b;
font-size: 12px;
width: 75%;
margin-left: auto;
margin-right: auto;
}
@media only screen and (max-width: 768px) {
.wpcf7-form {
width: 100%;
}
}
.wpcf7-form .wpcf7-submit {
color: #eb6e07!important;
border: 2px solid #eb6e07!important;
font-size: 20px!important;
text-transform: uppercase!important;
font-weight: 700!important;
font-style: normal!important;
}
@media only screen and (max-width: 1600px) {
.wpcf7-form .wpcf7-submit {
font-size: 18px;
}
}
@media only screen and (max-width: 1200px) {
.wpcf7-form .wpcf7-submit {
font-size: 16px;
}
}
@media only screen and (max-width: 768px) {
.wpcf7-form .wpcf7-submit {
font-size: 14px;
}
}
.wpcf7-form p:not(:last-child) {
margin-bottom: 16px;
}
.wpcf7-form input.wpcf7-form-control,
.wpcf7-form textarea.wpcf7-form-control {
padding: 16px;
background-color: transparent;
border: 2px solid #fde4cf;
width: 100%;
display: block;
box-sizing: border-box;
outline: 0!important;
color: #2b2b2b;
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size: 20px;
font-style: italic;
}
@media only screen and (max-width: 1600px) {
.wpcf7-form input.wpcf7-form-control,
.wpcf7-form textarea.wpcf7-form-control {
font-size: 18px;
}
}
@media only screen and (max-width: 1200px) {
.wpcf7-form input.wpcf7-form-control,
.wpcf7-form textarea.wpcf7-form-control {
font-size: 16px;
}
}
@media only screen and (max-width: 768px) {
.wpcf7-form input.wpcf7-form-control,
.wpcf7-form textarea.wpcf7-form-control {
font-size: 14px;
}
}
.wpcf7-form input.wpcf7-form-control::placeholder,
.wpcf7-form textarea.wpcf7-form-control::placeholder {
color: #2b2b2b;
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size: 20px;
font-style: italic;
}
@media only screen and (max-width: 1600px) {
.wpcf7-form input.wpcf7-form-control::placeholder,
.wpcf7-form textarea.wpcf7-form-control::placeholder {
font-size: 18px;
}
}
@media only screen and (max-width: 1200px) {
.wpcf7-form input.wpcf7-form-control::placeholder,
.wpcf7-form textarea.wpcf7-form-control::placeholder {
font-size: 16px;
}
}
@media only screen and (max-width: 768px) {
.wpcf7-form input.wpcf7-form-control::placeholder,
.wpcf7-form textarea.wpcf7-form-control::placeholder {
font-size: 14px;
}
}
.wpcf7-form input.wpcf7-form-control:focus,
.wpcf7-form textarea.wpcf7-form-control:focus {
outline: 0!important;
}
.wpcf7-form input.wpcf7-form-control.wpcf7-not-valid,
.wpcf7-form textarea.wpcf7-form-control.wpcf7-not-valid {
border: 2px solid #ff0000;
}
.wpcf7-form .wpcf7-not-valid>.wpcf7-list-item {
border: 2px solid #ff0000;
padding: 16px;
}
.wpcf7-form .wpcf7-list-item {
margin: 0!important;
line-height: 1.5;
font-size: 16px!important;
}
@media only screen and (max-width: 1600px) {
.wpcf7-form .wpcf7-list-item {
font-size: 14px!important;
}
}
@media only screen and (max-width: 1200px) {
.wpcf7-form .wpcf7-list-item {
font-size: 12px!important;
}
}
.wpcf7-form input[type=checkbox] {
margin-right: 16px;
}
.wpcf7-form .wpcf7-response-output {
padding: 16px!important;
margin: 32px 0 0 0!important;
font-size: 16px!important;
line-height: 1.5;
}
@media only screen and (max-width: 1600px) {
.wpcf7-form .wpcf7-response-output {
font-size: 14px!important;
}
}
@media only screen and (max-width: 1200px) {
.wpcf7-form .wpcf7-response-output {
font-size: 12px!important;
}
}
.wpcf7-form .wpcf7-not-valid-tip {
font-size: 12px!important;
line-height: 1;
display: block;
}
.wpcf7-form label>span {
color: #000;
}
.wpcf7-form .wpcf7-acceptance label {
display: flex;
align-items: flex-start;
font-size: 12px;
}
.wpcf7-form input[type=checkbox] {
position: relative;
top: 4px;
}
.wpcf7-form .wpcf7-list-item-label {
color: #5b5b5b;
}
.wpcf7-form .ajax-loader,
.wpcf7-form .wpcf7-spinner {
display: none!important;
}
.gallery {
display: flex;
flex-wrap: wrap;
margin: -16px!important;
}
@media only screen and (max-width: 768px) {
.gallery {
margin: -8px!important;
}
}
.gallery .gallery-item {
width: 25%!important;
padding: 16px!important;
margin-top: 0!important;
}
@media only screen and (max-width: 1200px) {
.gallery .gallery-item {
width: 33.3333%!important;
}
}
@media only screen and (max-width: 768px) {
.gallery .gallery-item {
width: 50%!important;
padding: 8px!important;
}
}
@media only screen and (max-width: 576px) {
.gallery .gallery-item {
width: 100%!important;
}
}
.gallery a {
display: block;
position: relative;
overflow: hidden;
aspect-ratio: 4/3;
}
.gallery img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
border: 0!important;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.gallery a:hover>img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.gallery a::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
background-color: rgba(234, 108, 8, 0.75);
z-index: 100;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.5s;
}
.gallery a:hover::before {
height: 100%;
}
.gallery a::after {
content: '';
background-image: url(//opakowaniaeksportowe.pl/wp-content/themes/opakowania/img/gallery-search.png);
width: 32px;
height: 32px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: 200;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.5s;
opacity: 0;
filter: brightness(0%) invert(100%);
}
.gallery a:hover::after {
opacity: 1;
}
.bottom-bar {
position: fixed;
left: 0;
display: none;
bottom: 0;
width: 100%;
z-index: 300;
}
@media only screen and (max-width: 1200px) {
.bottom-bar {
display: block;
}
}
.bottom-bar ul {
list-style-type: none;
display: flex;
}
.bottom-bar li {
flex: 1;
text-align: center;
}
.bottom-bar a {
display: block;
background-color: #000;
padding: 16px 0;
line-height: 1;
position: relative;
}
.bottom-bar img {
margin: 0 auto 0 auto;
height: 20px;
filter: brightness(0%) invert(100%);
}
.nav-links {
display: flex;
justify-content: center;
align-items: center;
}
.page-numbers {
margin: 0 7.5px;
line-height: 1;
}
.page-numbers.current {
color: #eb6e0a;
font-weight: 700;
}
.prev.page-numbers,
.next.page-numbers {
width: 24px;
height: 30px;
background-color: #eb6e0a;
font-size: 0;
position: relative;
}
.prev.page-numbers:before,
.next.page-numbers:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 8px;
height: 13px;
background-image: url(//opakowaniaeksportowe.pl/wp-content/themes/opakowania/img/chevron-down.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.prev.page-numbers:before {
transform: translate(-50%, -50%) rotate(180deg);
}
.screen-reader-text {
display: none;
}@import url("//fonts.googleapis.com/css?family=Montserrat:100");
@keyframes rotate-forever{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spinner-loader{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.pum-container,.pum-content,.pum-content+.pum-close,.pum-content+.pum-close:active,.pum-content+.pum-close:focus,.pum-content+.pum-close:hover,.pum-overlay,.pum-title{background:0 0;border:none;bottom:auto;clear:none;cursor:default;float:none;font-family:inherit;font-size:medium;font-style:normal;font-weight:400;height:auto;left:auto;letter-spacing:normal;line-height:normal;max-height:none;max-width:none;min-height:0;min-width:0;overflow:visible;position:static;right:auto;text-align:left;text-decoration:none;text-indent:0;text-transform:none;top:auto;visibility:visible;white-space:normal;width:auto;z-index:auto}.pum-container .pum-content+.pum-close>span,.pum-content,.pum-title{position:relative;z-index:1}.pum-overlay,html.pum-open.pum-open-overlay-disabled.pum-open-fixed .pum-container,html.pum-open.pum-open-overlay.pum-open-fixed .pum-container{position:fixed}.pum-overlay{height:100%;width:100%;top:0;left:0;right:0;bottom:0;z-index:1999999999;overflow:initial;display:none;transition:.15s ease-in-out}.pum-overlay.pum-form-submission-detected,.pum-overlay.pum-preview{display:block}.pum-overlay,.pum-overlay *,.pum-overlay :after,.pum-overlay :before,.pum-overlay:after,.pum-overlay:before{box-sizing:border-box}.pum-container{top:100px;position:absolute;margin-bottom:3em;z-index:1999999999}.pum-container.pum-responsive{left:50%;margin-left:-47.5%;width:95%;height:auto;overflow:visible}.pum-container.pum-responsive img{max-width:100%;height:auto}@media only screen and (min-width:1024px){.pum-container.pum-responsive.pum-responsive-nano{margin-left:-5%;width:10%}.pum-container.pum-responsive.pum-responsive-micro{margin-left:-10%;width:20%}.pum-container.pum-responsive.pum-responsive-tiny{margin-left:-15%;width:30%}.pum-container.pum-responsive.pum-responsive-small{margin-left:-20%;width:40%}.pum-container.pum-responsive.pum-responsive-medium{margin-left:-30%;width:60%}.pum-container.pum-responsive.pum-responsive-normal{margin-left:-30%;width:70%}.pum-container.pum-responsive.pum-responsive-large{margin-left:-35%;width:80%}.pum-container.pum-responsive.pum-responsive-xlarge{margin-left:-47.5%;width:95%}.pum-container.pum-responsive.pum-position-fixed{position:fixed}}@media only screen and (max-width:1024px){.pum-container.pum-responsive.pum-position-fixed{position:absolute}}.pum-container.custom-position{left:auto;top:auto;margin-left:inherit}.pum-container .pum-title{margin-bottom:.5em}.pum-container .pum-content>:last-child,.pum-form__message:last-child{margin-bottom:0}.pum-container .pum-content:focus{outline:0}.pum-container .pum-content>:first-child{margin-top:0}.pum-container .pum-content+.pum-close{text-decoration:none;text-align:center;line-height:1;position:absolute;cursor:pointer;min-width:1em;z-index:2;background-color:transparent}.pum-container.pum-scrollable .pum-content{overflow:auto;overflow-y:scroll;max-height:95%}.pum-overlay.pum-overlay-disabled{visibility:hidden}.pum-overlay.pum-overlay-disabled::-webkit-scrollbar{display:block}.pum-overlay.pum-overlay-disabled .pum-container{visibility:visible}.popmake-close,.pum-overlay.pum-click-to-close{cursor:pointer}html.pum-open.pum-open-overlay,html.pum-open.pum-open-overlay.pum-open-fixed .pum-overlay{overflow:hidden}html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]){padding-right:15px}html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active{overflow-y:scroll;-webkit-overflow-scrolling:touch}html.pum-open.pum-open-overlay-disabled.pum-open-scrollable .pum-overlay.pum-active{position:static;height:auto;width:auto}.pum-form{margin:0 auto 16px}.pum-form__field{margin-bottom:1em}.pum-form__field label{font-weight:700}.pum-form__field input[type=date],.pum-form__field select{margin:0 auto;font-size:18px;line-height:26px;text-align:center;padding:3px;vertical-align:middle}.pum-form__field select{padding:5px 3px}.pum-form__loader{font-size:2em;animation-duration:.75s;animation-iteration-count:infinite;animation-name:rotate-forever;animation-timing-function:linear;height:.75em;width:.75em;border:.25em solid rgba(0,0,0,.5);border-right-color:transparent;border-radius:50%;display:inline-block}.pum-form__submit{position:relative}.pum-form__submit .pum-form__loader{margin-left:.5em;border:.25em solid rgba(255,255,255,.5);border-right-color:transparent}.pum-form__messages{display:none;border:1px solid rgba(0,0,0,.25);margin-bottom:.5em;padding:1em;position:relative}.pum-form__message{margin-bottom:.5em}.pum-form__message--error{color:red!important;border-color:red}.pum-form__message--success{color:green!important;border-color:green}.pum-form--loading,.pum-sub-form .pum-sub-form-loading{opacity:.5}.pum-alignment-left,.pum-form--alignment-left{text-align:left}.pum-alignment-center{text-align:center}.pum-alignment-right{text-align:right}.pum-form--alignment-center{text-align:center}.pum-form--alignment-right{text-align:right}.pum-form--layout-standard .pum-form__field>label{margin-bottom:.25em;display:block}.pum-form--layout-inline .pum-form__field{display:inline-block}.pum-form--layout-block .pum-form__field,.pum-form--layout-block button,.pum-form--layout-block div,.pum-form--layout-block input{display:block;width:100%}.pum-form--style-default label{font-size:14px;font-weight:700}.pum-form--style-default input[type=email],.pum-form--style-default input[type=text]{background-color:#f8f7f7;margin-bottom:5px;font-size:14px;padding:10px 8px}.pum-form--style-default button{font-size:18px;margin:10px 0 0;padding:10px 5px;cursor:pointer}.pum-sub-form p.pum-newsletter-error-msg{margin:0}.pum-sub-form .spinner-loader{right:50%;position:absolute;bottom:40%}.pum-sub-form .spinner-loader:not(:required){animation:1.5s linear infinite spinner-loader;border-radius:.5em;box-shadow:rgba(0,0,51,.3) 1.5em 0 0 0,rgba(0,0,51,.3) 1.1em 1.1em 0 0,rgba(0,0,51,.3) 0 1.5em 0 0,rgba(0,0,51,.3) -1.1em 1.1em 0 0,rgba(0,0,51,.3) -1.5em 0 0 0,rgba(0,0,51,.3) -1.1em -1.1em 0 0,rgba(0,0,51,.3) 0 -1.5em 0 0,rgba(0,0,51,.3) 1.1em -1.1em 0 0;display:inline-block;font-size:10px;width:1em;height:1em;margin:1.5em;overflow:hidden;text-indent:100%}.pum-form__field--consent{text-align:left}.pum-form__field--consent.pum-form__field--checkbox label,.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--inline label{display:inline-block;vertical-align:middle}.pum-form__field--consent.pum-form__field--checkbox label input{display:inline-block;width:inherit;margin:0;vertical-align:middle}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--inline label input{display:inline-block;width:inherit;margin:0;vertical-align:middle}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--inline label+label{margin-left:1em}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--stacked label{display:block;vertical-align:middle}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--stacked label input{display:inline-block;width:inherit;margin:0;vertical-align:middle}.pum-container iframe.formidable{width:100%;overflow:visible}.flatpickr-calendar.open,.pika-single,body div#ui-datepicker-div[style]{z-index:9999999999!important} .pum-theme-1213, .pum-theme-cutting-edge { background-color: rgba( 236, 107, 5, 0.55 ) } 
.pum-theme-1213 .pum-container, .pum-theme-cutting-edge .pum-container { padding: 9px; border-radius: 5px; border: 3px solid #ec6b05; box-shadow: 0px 10px 25px 0px rgba( 2, 2, 2, 0.50 ); background-color: rgba( 255, 255, 255, 1.00 ) } 
.pum-theme-1213 .pum-title, .pum-theme-cutting-edge .pum-title { color: #ec6b05; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: Tahoma; font-weight: 500; font-size: 30px; line-height: 38px } 
.pum-theme-1213 .pum-content, .pum-theme-cutting-edge .pum-content { color: #000000; font-family: inherit; font-weight: 300 } 
.pum-theme-1213 .pum-content + .pum-close, .pum-theme-cutting-edge .pum-content + .pum-close { position: absolute; height: 30px; width: 30px; left: auto; right: 0px; bottom: auto; top: 0px; padding: 3px; color: #000000; font-family: Times New Roman; font-weight: 100; font-size: 32px; line-height: 24px; border: 1px none #ffffff; border-radius: 28px; box-shadow: -2px 1px 1px 1px rgba( 2, 2, 2, 0.15 ); text-shadow: -1px 1px 1px rgba( 0, 0, 0, 0.10 ); background-color: rgba( 255, 255, 255, 1.00 ) } .pum-theme-1211, .pum-theme-enterprise-blue { background-color: rgba( 0, 0, 0, 0.70 ) } 
.pum-theme-1211 .pum-container, .pum-theme-enterprise-blue .pum-container { padding: 28px; border-radius: 5px; border: 1px none #000000; box-shadow: 0px 10px 25px 4px rgba( 2, 2, 2, 0.50 ); background-color: rgba( 255, 255, 255, 1.00 ) } 
.pum-theme-1211 .pum-title, .pum-theme-enterprise-blue .pum-title { color: #ffffff; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 100; font-size: 8px; line-height: 8px } 
.pum-theme-1211 .pum-content, .pum-theme-enterprise-blue .pum-content { color: #2d2d2d; font-family: inherit; font-weight: 100 } 
.pum-theme-1211 .pum-content + .pum-close, .pum-theme-enterprise-blue .pum-content + .pum-close { position: absolute; height: 28px; width: 28px; left: auto; right: 8px; bottom: auto; top: 8px; padding: 4px; color: #ffffff; font-family: Times New Roman; font-weight: 100; font-size: 20px; line-height: 20px; border: 1px none #ffffff; border-radius: 42px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.23 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 49, 91, 124, 1.00 ) } .pum-theme-1209, .pum-theme-motyw-domyslny { background-color: rgba( 255, 255, 255, 1.00 ) } 
.pum-theme-1209 .pum-container, .pum-theme-motyw-domyslny .pum-container { padding: 18px; border-radius: 0px; border: 1px none #000000; box-shadow: 1px 1px 3px 0px rgba( 2, 2, 2, 0.23 ); background-color: rgba( 249, 249, 249, 1.00 ) } 
.pum-theme-1209 .pum-title, .pum-theme-motyw-domyslny .pum-title { color: #000000; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 400; font-size: 32px; font-style: normal; line-height: 36px } 
.pum-theme-1209 .pum-content, .pum-theme-motyw-domyslny .pum-content { color: #8c8c8c; font-family: inherit; font-weight: 400; font-style: inherit } 
.pum-theme-1209 .pum-content + .pum-close, .pum-theme-motyw-domyslny .pum-content + .pum-close { position: absolute; height: auto; width: auto; left: auto; right: 0px; bottom: auto; top: 0px; padding: 8px; color: #ffffff; font-family: inherit; font-weight: 400; font-size: 12px; font-style: inherit; line-height: 36px; border: 1px none #ffffff; border-radius: 0px; box-shadow: 1px 1px 3px 0px rgba( 2, 2, 2, 0.23 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 0, 183, 205, 1.00 ) } .pum-theme-1210, .pum-theme-lightbox { background-color: rgba( 0, 0, 0, 0.60 ) } 
.pum-theme-1210 .pum-container, .pum-theme-lightbox .pum-container { padding: 18px; border-radius: 3px; border: 8px solid #000000; box-shadow: 0px 0px 30px 0px rgba( 2, 2, 2, 1.00 ); background-color: rgba( 255, 255, 255, 1.00 ) } 
.pum-theme-1210 .pum-title, .pum-theme-lightbox .pum-title { color: #000000; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 100; font-size: 32px; line-height: 36px } 
.pum-theme-1210 .pum-content, .pum-theme-lightbox .pum-content { color: #000000; font-family: inherit; font-weight: 100 } 
.pum-theme-1210 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close { position: absolute; height: 26px; width: 26px; left: auto; right: -13px; bottom: auto; top: -13px; padding: 0px; color: #ffffff; font-family: Arial; font-weight: 100; font-size: 24px; line-height: 24px; border: 2px solid #ffffff; border-radius: 26px; box-shadow: 0px 0px 15px 1px rgba( 2, 2, 2, 0.75 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 0, 0, 0, 1.00 ) } .pum-theme-1212, .pum-theme-hello-box { background-color: rgba( 0, 0, 0, 0.75 ) } 
.pum-theme-1212 .pum-container, .pum-theme-hello-box .pum-container { padding: 30px; border-radius: 80px; border: 14px solid #81d742; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.00 ); background-color: rgba( 255, 255, 255, 1.00 ) } 
.pum-theme-1212 .pum-title, .pum-theme-hello-box .pum-title { color: #2d2d2d; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: Montserrat; font-weight: 100; font-size: 32px; line-height: 36px } 
.pum-theme-1212 .pum-content, .pum-theme-hello-box .pum-content { color: #2d2d2d; font-family: inherit; font-weight: 100 } 
.pum-theme-1212 .pum-content + .pum-close, .pum-theme-hello-box .pum-content + .pum-close { position: absolute; height: auto; width: auto; left: auto; right: -30px; bottom: auto; top: -30px; padding: 0px; color: #2d2d2d; font-family: Times New Roman; font-weight: 100; font-size: 32px; line-height: 28px; border: 1px none #ffffff; border-radius: 28px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.23 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 255, 255, 255, 1.00 ) } .pum-theme-1214, .pum-theme-framed-border { background-color: rgba( 255, 255, 255, 0.50 ) } 
.pum-theme-1214 .pum-container, .pum-theme-framed-border .pum-container { padding: 18px; border-radius: 0px; border: 20px outset #dd3333; box-shadow: 1px 1px 3px 0px rgba( 2, 2, 2, 0.97 ) inset; background-color: rgba( 255, 251, 239, 1.00 ) } 
.pum-theme-1214 .pum-title, .pum-theme-framed-border .pum-title { color: #000000; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 100; font-size: 32px; line-height: 36px } 
.pum-theme-1214 .pum-content, .pum-theme-framed-border .pum-content { color: #2d2d2d; font-family: inherit; font-weight: 100 } 
.pum-theme-1214 .pum-content + .pum-close, .pum-theme-framed-border .pum-content + .pum-close { position: absolute; height: 20px; width: 20px; left: auto; right: -20px; bottom: auto; top: -20px; padding: 0px; color: #ffffff; font-family: Tahoma; font-weight: 700; font-size: 16px; line-height: 18px; border: 1px none #ffffff; border-radius: 0px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.23 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 0, 0, 0, 0.55 ) } .pum-theme-1215, .pum-theme-floating-bar { background-color: rgba( 255, 255, 255, 0.00 ) } 
.pum-theme-1215 .pum-container, .pum-theme-floating-bar .pum-container { padding: 8px; border-radius: 0px; border: 1px none #000000; box-shadow: 1px 1px 3px 0px rgba( 2, 2, 2, 0.23 ); background-color: rgba( 238, 246, 252, 1.00 ) } 
.pum-theme-1215 .pum-title, .pum-theme-floating-bar .pum-title { color: #505050; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 400; font-size: 32px; line-height: 36px } 
.pum-theme-1215 .pum-content, .pum-theme-floating-bar .pum-content { color: #505050; font-family: inherit; font-weight: 400 } 
.pum-theme-1215 .pum-content + .pum-close, .pum-theme-floating-bar .pum-content + .pum-close { position: absolute; height: 18px; width: 18px; left: auto; right: 5px; bottom: auto; top: 50%; padding: 0px; color: #505050; font-family: Sans-Serif; font-weight: 700; font-size: 15px; line-height: 18px; border: 1px solid #505050; border-radius: 15px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.00 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.00 ); background-color: rgba( 255, 255, 255, 0.00 ); transform: translate(0, -50%) } .pum-theme-1216, .pum-theme-content-only { background-color: rgba( 0, 0, 0, 0.70 ) } 
.pum-theme-1216 .pum-container, .pum-theme-content-only .pum-container { padding: 0px; border-radius: 0px; border: 1px none #000000; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.00 ) } 
.pum-theme-1216 .pum-title, .pum-theme-content-only .pum-title { color: #000000; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 400; font-size: 32px; line-height: 36px } 
.pum-theme-1216 .pum-content, .pum-theme-content-only .pum-content { color: #8c8c8c; font-family: inherit; font-weight: 400 } 
.pum-theme-1216 .pum-content + .pum-close, .pum-theme-content-only .pum-content + .pum-close { position: absolute; height: 18px; width: 18px; left: auto; right: 7px; bottom: auto; top: 7px; padding: 0px; color: #000000; font-family: inherit; font-weight: 700; font-size: 20px; line-height: 20px; border: 1px none #ffffff; border-radius: 15px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.00 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.00 ); background-color: rgba( 255, 255, 255, 0.00 ) } 
#pum-1433 {z-index: 1999999999}
#pum-1218 {z-index: 1999999999}