@font-face {
 font-family: 'Bebas Neue';
 src: url('/landing/kalendarz/BebasNeue-Regular.woff2') format('woff2'), url('/landing/kalendarz/BebasNeue-Regular.woff') format('woff');
 font-weight: normal;
 font-style: normal;
 font-display: swap;
}
.text-vertical {
 -ms-writing-mode: tb-rl;
 -webkit-writing-mode: vertical-tb;
 writing-mode: vertical-rl;
 transform: rotate(180deg);
 white-space: nowrap;
}
.clearAll:before,
.clearAll:after {
 clear: both;
 display: block;
 content: " ";
}
.clearAfter:after {
 clear: both;
 display: block;
 content: " ";
}
/*---------------------------------------------------
 LESS Elements 0.9
 ---------------------------------------------------
 A set of useful LESS mixins
 More info at: http://lesselements.com
 ---------------------------------------------------*/
.landing-kalendarz-adwentowy {
 margin: 0px auto;
 width: 100%;
 max-width: 1200px;
 color: #000;
 padding: 0px 20px;
}
.landing-kalendarz-adwentowy .logo-header,
.landing-kalendarz-adwentowy .logo-footer {
 text-align: center;
 padding: 80px 0px;
}
@media (max-width: 991px) {
 .landing-kalendarz-adwentowy .logo-header,
 .landing-kalendarz-adwentowy .logo-footer {
 padding: 60px 0px;
 }
}
@media (max-width: 767px) {
 .landing-kalendarz-adwentowy .logo-header,
 .landing-kalendarz-adwentowy .logo-footer {
 padding: 40px 0px;
 }
}
.landing-kalendarz-adwentowy h1,
.landing-kalendarz-adwentowy h2 {
 font-family: 'Bebas Neue';
 text-transform: uppercase;
 font-size: 52px;
 font-weight: 400;
 margin: 0px 0px 40px 0px;
 text-align: center;
}
@media (max-width: 767px) {
 .landing-kalendarz-adwentowy h1,
 .landing-kalendarz-adwentowy h2 {
 font-size: 32px;
 }
}
.landing-kalendarz-adwentowy .description-body {
 font-size: 24px;
 margin: 0px 0px 40px 0px;
}
@media (max-width: 767px) {
 .landing-kalendarz-adwentowy .description-body {
 font-size: 16px;
 }
}
.landing-kalendarz-adwentowy .calendar-wrapper {
 display: block;
 max-width: 1000px;
 margin: 0px auto;
}
@media (max-width: 991px) {
 .landing-kalendarz-adwentowy .calendar-wrapper {
 max-width: 740px;
 }
}
@media (max-width: 640px) {
 .landing-kalendarz-adwentowy .calendar-wrapper {
 max-width: 480px;
 }
}
.landing-kalendarz-adwentowy .calendar {
 display: -moz-box;
 display: -webkit-box;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flexbox;
 display: -ms-flex;
 display: flex;
 -webkit-box-lines: multiple;
 -moz-box-lines: mulitple;
 -webkit-flex-wrap: wrap;
 -moz-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-pack: center;
 -moz-box-pack: center;
 -ms-flex-pack: center;
 -webkit-justify-content: center;
 -moz-justify-content: center;
 -ms-justify-content: center;
 justify-content: center;
 margin: 0px -10px 100px;
}
@media (max-width: 640px) {
 .landing-kalendarz-adwentowy .calendar {
 margin: 0px -5px 60px;
 }
}
.landing-kalendarz-adwentowy .calendar .item {
 background-color: transparent;
 perspective: 1000px;
 width: 25%;
 padding: 0px 10px;
 margin-bottom: 20px;
 cursor: pointer;
}
@media (max-width: 991px) {
 .landing-kalendarz-adwentowy .calendar .item {
 width: 33.33333333%;
 }
}
@media (max-width: 640px) {
 .landing-kalendarz-adwentowy .calendar .item {
 width: 50%;
 padding: 0px 5px;
 margin-bottom: 10px;
 }
}
@media (max-width: 340px) {
 .landing-kalendarz-adwentowy .calendar .item {
 width: 100%;
 max-width: 240px;
 padding: 0px 5px;
 margin-bottom: 10px;
 }
}
.landing-kalendarz-adwentowy .calendar .item > div {
 position: relative;
 width: 100%;
 height: 100%;
 text-align: center;
 -moz-transition-duration: 0.3s;
 -webkit-transition-duration: 0.3s;
 -o-transition-duration: 0.3s;
 transition-duration: 0.3s;
 transform-style: preserve-3d;
}
.landing-kalendarz-adwentowy .calendar .item > div svg {
 display: block;
 width: 100%;
 height: auto !important;
}
.landing-kalendarz-adwentowy .calendar .item > div .front,
.landing-kalendarz-adwentowy .calendar .item > div .back {
 position: absolute;
 top: 0px;
 left: 0px;
 right: 0px;
 bottom: 0px;
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 -webkit-border-radius: 20px;
 -moz-border-radius: 20px;
 border-radius: 20px;
 overflow: hidden;
}
.landing-kalendarz-adwentowy .calendar .item > div .front img {
 max-width: 100%;
 height: auto !important;
}
.landing-kalendarz-adwentowy .calendar .item > div .back {
 transform: rotateY(180deg);
 border: 2px solid #3F6349;
 background: #F3F3D9;
 -webkit-border-radius: 20px;
 -moz-border-radius: 20px;
 border-radius: 20px;
 padding: 20px;
}
.landing-kalendarz-adwentowy .calendar .item > div .back .description-1 {
 font-size: 16px;
 text-align: left;
 font-weight: 500;
 color: #3F6349;
 margin-bottom: 10px;
}
.landing-kalendarz-adwentowy .calendar .item > div .back .description-2 {
 font-size: 14px;
 text-align: left;
 font-weight: 500;
 color: #3F6349;
}
.landing-kalendarz-adwentowy .calendar .item > div .back .description-2 a {
 color: inherit;
 text-decoration: underline;
}
@media (min-width: 341px) and (max-width: 640px) {
 .landing-kalendarz-adwentowy .calendar .item > div .back {
 font-size: 12px;
 }
}
.landing-kalendarz-adwentowy .calendar .item > div .back .counter {
 font-size: 26px;
 font-weight: 600;
 color: #3F6349;
 margin-bottom: 8px;
}
@media (min-width: 341px) and (max-width: 640px) {
 .landing-kalendarz-adwentowy .calendar .item > div .back .counter {
 font-size: 20px;
 }
}
.landing-kalendarz-adwentowy .calendar .item.disabled {
 cursor: not-allowed !important;
}
.landing-kalendarz-adwentowy .calendar .item:not(.disabled):hover > div {
 transform: rotateY(180deg);
}
.landing-kalendarz-adwentowy .calendar .item.old {
 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
 /* Firefox 3.5+ */
 filter: gray;
 /* IE6-9 */
 -webkit-filter: grayscale(100%);
 /* Chrome 19+, Safari 6+, Safari 6+ iOS */
 opacity: 0.6;
}
.landing-kalendarz-adwentowy .calendar .item.old .back {
 border: 2px solid #F3F3D9;
}
.landing-kalendarz-adwentowy .calendar .item.in > div {
 transform: rotateY(180deg);
}
.landing-kalendarz-adwentowy .video {
 width: 100%;
 max-width: 640px;
 position: relative;
 margin: 0px auto 100px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
 overflow: hidden;
}
@media (max-width: 640px) {
 .landing-kalendarz-adwentowy .video {
 margin: 0px auto 60px;
 }
}
.landing-kalendarz-adwentowy .video .play {
 position: absolute;
 width: 105px;
 height: 105px;
 top: 50%;
 z-index: 20;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 -moz-transform: translate(-50%, -50%);
 -o-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 cursor: pointer;
}
@media (max-width: 640px) {
 .landing-kalendarz-adwentowy .video .play {
 width: 50px;
 height: 50px;
 }
}
.landing-kalendarz-adwentowy .video .play img {
 max-width: 100%;
 height: auto !important;
}
.landing-kalendarz-adwentowy .video video {
 display: block;
 width: 100%;
 height: auto !important;
}
.landing-kalendarz-adwentowy .kalendarz-kod {
 font-size: 24px;
 font-weight: bold;
}
.landing-kalendarz-adwentowy .kalendarz-kod strong {
 display: table;
 border: 2px solid #000000;
 padding: 15px 40px;
 margin: 0px auto;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
}