* {margin: 0;padding: 0;box-sizing: border-box;outline: none;}
body{font-family: 'Montserrat', sans-serif;-webkit-font-smoothing: antialiased;}
li{list-style: none;}
a{text-decoration: none;}
body.mask {
    position: relative;
}
.clearfix:after {content: ''; visibility: hidden; display: block; height: 0; clear: both;}
.header-wrapper .header, .top-card, .footer-wrapper .footer, .meta-wrapper .meta, .second-half-month, .title-page{padding: 0 6.25%;}
.last-request-week:after {color: #0B4E43;font-size: 18px;font-weight: 800;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg); width: 115px;position: absolute;content: "ZADANIE TYGODNIA";left: -95px;top: 34px;letter-spacing: 1px;}
.header-wrapper .header .logo {float: left;width: 193px;}
.header-wrapper .header .menu {float: right;z-index: 9;position: relative;}
.header-wrapper .header {max-width: 1380px; margin: 0 auto;}
.header-wrapper .header .menu span {float: left;font-weight: 800;font-size: 12px;padding-top: 5px;}
.header-wrapper .header .menu span:nth-of-type(1) {color: #FEDC27;margin-left: 39px;display: block;}
.header-wrapper .header .menu a:nth-of-type(2) span, .header-wrapper .header .menu a:nth-of-type(3) span {color: #fff;}
span.lock:before {content: url(../img/svg/locked.svg);position: absolute;width: 11px;z-index: 12;left: 11px;top: -3px;padding-top: 11px;}
span.lock {position: relative; width: 34px;height: 34px;background: #E8E8E8; display: block;border-radius: 50%;position: absolute;top: 84px;right: -10px; box-shadow: 5px 5px 6px rgba(0,0,0,0.16);}
.card-week div {position: relative;margin-right: 4.4%;margin:0 auto;margin-bottom: 31px;}
.card-week {margin-top: 95px;margin-left: calc(42.2% - 138px);max-width: 645px;position: relative;}
.card-week div span img {box-shadow: 10px 10px 10px rgba(0,0,0,0.16);}
.card-week > div {float: left;margin-right: 7.5%;}
.card-week div .title-day, .second-half-month span.title-day{color: #0B4E43;font-weight: 600;font-size: 10px;max-width: 89px;display: block;text-align: center;margin: 0 auto;margin-top: 16px;}
.second-half-month .first-week ul li span .card-day:before,.second-half-month .second-week ul li span .card-day:before,.card-week div:before, .second-half-month .third-week ul li span .card-day:before, .second-half-month .fourth-week ul li span .card-day:before {position: absolute;top: 49%;left: 50%;transform: translate(-50%, -50%);color: #0B4E43;font-weight: 800;font-size: 12px;}
.second-half-month .first-week ul li:nth-of-type(1) > span .card-day:before {content: " ";}
.second-half-month .first-week ul li:nth-of-type(3) > span .card-day:before {content: " ";}
.second-half-month .first-week ul li:nth-of-type(4) > span .card-day:before {content: "1";}
.second-half-month .first-week ul li:nth-of-type(5) > span .card-day:before {content: "2";}
.second-half-month .second-week ul li:nth-of-type(1) > span .card-day:before {content: "4";}
.second-half-month .second-week ul li:nth-of-type(3) > span .card-day:before {content: "5";}
.second-half-month .second-week ul li:nth-of-type(4) > span .card-day:before {content: "6";}
.second-half-month .second-week ul li:nth-of-type(5) > span .card-day:before {content: "7";}
.container:before {content: "";background: #FD809B;height: 100%;left: 0;top: 0;position: absolute;width: 43.2%;/* box-shadow: 10px 10px 10px rgba(0,0,0,0.16);*/}
.container{position: relative;overflow: hidden;}
.top-card {height: calc(100vh - 60px);position: relative;min-height: 800px;}
.top-card-wrapper{position: relative;}
.top-card-wrapper:before {content: url(../img/png/garpe-1.png);position: absolute;bottom: 0;left: -79px;}
.start-img{position: relative;float: left;top: -107px;height: 272px;}
.start-img:before {content: "START";position: absolute;font-size: 72px;font-weight: 800;color: #fff;transform: rotate(-90deg) translate(50%,0%);bottom: -42px;-webkit-transform: rotate(-90deg) translate(50%, 0%);-moz-transform: rotate(-90deg) translate(50%, 0%); -ms-transform: rotate(-90deg) translate(-50%, 0%);letter-spacing: 7px;text-shadow: 10px 10px 10px rgba(0,0,0,0.16);}
.start-img:after {content: "WEŹ UDZIAŁ";font-weight: 800;color: #fff;font-size: 24px;max-width: 108px; position: absolute;left: 179px;top: 53%;}
.title-page span:nth-of-type(1){font-size: 23px;font-weight: 600;color: #0B4E43;display: block;text-align: right;padding-top: 60px;position: relative;margin-bottom: 10px;}
.title-page span:nth-of-type(2){font-size: 32px;font-weight: 800;color: #0B4E43;display: block;text-align: right;position: relative;letter-spacing: 1px;}
.title-page:before {content: url(../img/png/garpe-3.png);position: absolute;right: 26px;bottom: -70px;width: 124px;}
.title, .title-page {position: relative;}
/*$.scroll-down:before {content: url(../img/svg/arrow_down.svg);width: 14px;display: block;padding: 13px 0 0px 14px;}*/
/*$.scroll-down {width: 42.5px;height: 42.5px;background: #fff;border-radius: 50%;position: absolute;box-shadow: 10px 10px 10px rgba(0,0,0,0.16);bottom: 14%;cursor: pointer;}*/
.week.second-week .start-img:before {content: none;}
.footer-wrapper .footer{background:#0B4E43;width: 100%;height: 60px;position: relative;z-index: 1;}
.footer-wrapper .footer span{font-size: 10px; font-weight: 600;display:block;color:#fff;padding-top: 24px;}
.footer-wrapper .footer span:nth-of-type(1){text-align: left;float: left;}
.footer-wrapper .footer span:nth-of-type(2){text-align: right;float:right;}
.meta-wrapper:after {content: "";background: #FD6A8A;height: 100%;left: 0;top: 0;position: absolute;width: 43.2%;}
.meta-wrapper{position: relative;height: 369px;}
.meta-wrapper:before {content: "";background: #E8E8E8;position: absolute;top: 0;right: 0;width: 100%;height: 100%;}
span.sroll-top:before {content: url(../img/svg/arrow_up.svg);position: absolute;width: 15px;padding: 13px 0 0px 13px;left: 0;}
span.sroll-top {width: 42px;height: 42px;background: #fff;display: block;position: relative;z-index: 1;border-radius: 50%;cursor: pointer;box-shadow: 10px 10px 10px rgba(0,0,0,0.16);}
span.sroll-top{margin: 0 auto;margin-bottom: 12px;}
.meta-wrapper .meta {position: relative;z-index: 1;height: 100%;max-width: 1380px; margin: 0 auto;}
.scroll {top: 60px;position: relative;width: 76px;display: block;clear: both;}
.text-scroll{color: #fff;font-size: 12px;font-weight: 600;text-align: center;max-width: 74px;display: block;position: relative;}
.cart-month{left: 44%; transform: translate(-50%, 0%); position: relative;width: 176px;top:-23px;-webkit-transform: translate(-50%, 0%);-moz-transform: translate(-50%, 0%);-ms-transform: translate(-50%, 0%);transform: translate(-50%, 0%);}
.image-meta:before {content: "META";position: absolute;font-size: 72px;letter-spacing: 2px; font-weight: 800;color: #fff; top: 50%; left: 69px; transform: rotate(-90deg);bottom: 77px;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);text-shadow: 10px 10px 10px rgba(0,0,0,0.16);}
.image-meta {position: absolute; bottom: -29px;right: -1px;}
.pop-up {background: url(../img/png/card4.png);border-radius: 10px;width: 500px;height: 704px; z-index: 9; position: fixed;background-size: contain;padding: 0 110px;top: 50%;left: 50%;display: block;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 999;display: none;}
.pop-up .title{font-size: 22px; color: #0B4E43; /*max-width: 202px;*/font-weight: 800;display: block;text-align: center; margin: 0 auto;margin-bottom: 28.5px;  text-transform: uppercase;}
.pop-up .content{font-size: 12px;font-weight: 600; color: #0B4E43;max-width: 281px;text-align: center;margin: 0 auto; line-height: 24px;margin-bottom: 38px;}
span.change-btn {font-size: 14px; font-weight: 800;color: #fff;width: 120px; height: 42px;background: #9FBB5B;border-radius: 30px;display: block;text-align: center;padding-top: 11px; box-shadow: 3px 3px 6px rgba(0,0,0,0.16);float: left;}
span.instagram-icon, span.facebook-icon {float: right;width: 42.5px;height: 42.5px;border-radius: 50%;position: relative;box-shadow: 3px 3px 6px rgba(0,0,0,0.16);display: block;}
span.instagram-icon{background: #FD6A8A;margin-right: 9.5px;}
span.facebook-icon {background: #475893;}
.pop-up:before { content: "1";width: 83px;height: 83px;display: block; background: #FD809B; border-radius: 50%; border: solid 8px #fff;box-sizing: border-box;font-size: 34px;color: #fff;font-weight: 800;text-align: center;padding-top: 12px;left: 29px;position: absolute;top: 13%;}
.pop-up.day-two:before{content: "2"}
.pop-up.day-third:before{content: "3"}
.pop-up.fourth-day:before{content: "4"}
.pop-up.fifth-day:before{content: "5"}
.pop-up.sixth-day:before{content: "6"}
.pop-up.seventh-day:before{content: "7"}
.pop-up.eighth-day:before{content: "8"}
.pop-up.ninth-day:before{content: "9"}
.pop-up.tenth-day:before{content: "10"}
.pop-up.eleventh-day:before{content: "11"}
.pop-up.twelfth-day:before{content: "12"}
.pop-up.thirteenth-day:before{content: "13"}
.pop-up.fourteenth-day:before{content: "14"}
.pop-up.fifteenth-day:before{content: "15"}
.pop-up.sixteenth-day:before{content: "16"}
.pop-up.seventeen-day:before{content: "17"}
.pop-up.eighteenth-day:before{content: "18"}
.pop-up.final-day:before{content: "19"}

.pop-up.day-two.open span.image {position: relative;left: -34px;}
.pop-up.fourth-day .image {position: relative;left: -34px;}
.pop-up.fifth-day .image{position: relative;left: -34px;margin-top: 83px; }
.pop-up.sixth-day .image{position: relative;left: -34px;margin-top: 83px;}
.pop-up.seventh-day .image{position: relative;left: -34px;margin-top: 83px;}
.pop-up.bonus-one .image{position: relative;left: -34px;margin-top: 83px;}
.pop-up.eighth-day .image{position: relative;left: -34px;margin-top: 83px;}
.pop-up.ninth-day .image{position: relative;left: -34px;margin-top: 83px;}
.pop-up.tenth-day .image{position: relative;left: -34px;margin-top: 83px;}
.pop-up.eleventh-day .image{position: relative;left: -34px;margin-top: 83px;}
.pop-up.twelfth-day .image,.pop-up.thirteenth-day .image{position: relative;left: -34px;margin-top: 83px;}
.pop-up.fourteenth-day .image{position: relative;left: -34px;margin-top: 83px;}
.pop-up.fifteenth-day .image{position: relative;left: -34px;margin-top: 83px;}
.pop-up.sixteenth-day .image{position: relative;left: -34px;margin-top: 83px;}
.pop-up.seventeen-day .image{position: relative;left: -34px;margin-top: 83px;}
.pop-up.bonus-two .image{position: relative;left: -34px;margin-top: 83px;}
.pop-up.eighteenth-day .image{position: relative;left: -34px;margin-top: 83px;}
.pop-up.final-day .image{position: relative;left: -34px;margin-top: 83px;}



.meta-wrapper .meta:before {content: "WYGRAJ"; position: absolute;right: 0;font-size: 149px;font-weight: 800;color: #E8E8E8;top: -132px;}
.meta div .text{position: absolute;right: -200px;transform: translate(-50%, 0%);color: #0B4E43;font-size: 17px;max-width: 111px;font-weight: 800;line-height: 24px;top: 40%;}
.cart-month:before {content: "";position: absolute;color: #0B4E43;font-size: 17px;font-weight: 800;top: 49%;left: 50%;z-index: 1;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.card-week > div:last-child {margin-right: 0;}
.card-week span.text-week {position: absolute;right: 0;top: -32px;}
.card-week span.green, .second-half-month span.green {color: #9FBB5B;font-size: 13px;font-weight: 800;top: 0;right: 0;}
span.play {letter-spacing: 13px;;position: absolute;font-size: 149px;font-weight: 800;color: #FD6A8A;line-height: 207px;margin-top: 14px;;margin-left: 45.2%;-webkit-transform: translate(-87%, 0%); -moz-transform: translate(-87%, 0%);-ms-transform: translate(-87%, 0%);transform: translate(-87%, 0%);}
span.play:after {content: url(../img/png/strawberry-2.png);position: absolute;top: -78px;right: -33px;}
.last-request-week {position: relative;float: left;}
.week.first-week .start-img {top: -113px;}
.last-request-week span.title-week {color: #0B4E43;font-weight: 600;font-size: 10px;max-width: 89px;display: block;text-align: center;margin: 0 auto;margin-top: 16px;}
.second-half-month {position: relative;max-width: 1380px;height: 610px;margin: 0 auto;}
.second-half-month ul li {margin: 0 auto;position: relative;}
.second-half-month ul li:last-child {margin-right: 0;}
.second-half-month ul li:first-child {margin-left: 0;}
.second-half-month ul {width: 100%;height: 100%;float: left;display: flex;max-width: calc(79% - 342px);margin-left: calc(16.7% - 138px);position: relative;z-index: 9;}
.jedz-zdrowo{float: left;margin-left: 9%;position: relative;}
.second-half-month .last-request-week{float: right;top:-27px;z-index: 9;}
.second-half-month ul li.text {position: absolute;right: 0;top: -31px;}
.jedz-zdrowo:before {content: "JEDZ ZDROWO";font-size: 24px;position: absolute;font-weight: 800;color: #fff;max-width: 134px;text-shadow: 10px 10px 10px rgba(0,0,0,0.16);bottom: 45px;right: -2px;letter-spacing: 2px;}
.jedz-zdrowo.practice:before { content: "ĆWICZ";right: 38px;bottom: 23px;}
.second-half-month .third-week  ul li:nth-of-type(1) > span .card-day:before{content: "9"}
.second-half-month .third-week  ul li:nth-of-type(3) > span .card-day:before{content: "10"}
.second-half-month .third-week  ul li:nth-of-type(4) > span .card-day:before{content: "11"}
.second-half-month .third-week  ul li:nth-of-type(5) > span .card-day:before{content: "12"}
.second-half-month .fourth-week ul li:nth-of-type(1) > span .card-day:before{content: "14"}
.second-half-month .fourth-week ul li:nth-of-type(3) > span .card-day:before{content: "15"}
.second-half-month .fourth-week ul li:nth-of-type(4) > span .card-day:before{content: "16"}
.second-half-month .fourth-week ul li:nth-of-type(5) > span .card-day:before{content: "17"}
.fourth-week .practice {margin-left: 8.3%;}
.second-half-month ul li > span {width: 100px;margin: 0 auto;display: block;position: relative;border-radius: 5px;cursor: pointer;}
.second-half-month ul li.text > span {width: auto;}
.fourth-week {margin-top: 56px;}
.first-week {padding-top: 68px;}

.cart-month > span:nth-of-type(1):before {content: "ZADANIE MIESIĄCA";letter-spacing: 2px;font-weight: 800;font-size: 30px;color: #fff;text-align: left;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);display: block;position: absolute;top: 55px;max-width: 176px;left: -183px;}
.cart-month > span:nth-of-type(1){display: block;position: relative;}
.cart-month > span:nth-of-type(1):after {content: url(../img/svg/arrow_r.svg);width: 43px;position: absolute;left: -124px; display: block;top: 200px;}
.second-half-month:before, .title-page:after, .meta-wrapper .meta:after {content: "";background: #FD809B; height: 100%;left: 0;z-index: -1;top: 0;position: absolute; width: 45%;box-shadow: 10px 10px 10px rgba(0,0,0,0.16);}
.title-page {max-width: 1380px;width: 100%;margin: 0 auto;}
.jedz-zdrowo.drink-woder:before {content: "PIJ WODĘ";}
.second-half-month span.text-week {font-size: 10px;color: #707070;font-weight: 600;}
.last-request-week span.image:before { content: '';content: "3";position: absolute;color: #0B4E43;font-size: 12px;font-weight: 800;top: 49.5%;left: 49.5%; -webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.last-request-week span.image {position: relative;display: block;box-shadow: 10px 10px 10px rgba(0,0,0,0.16);height: 168px;border-radius: 10px;}
.jedz-zdrowo.drink-woder, .jedz-zdrowo, .jedz-zdrowo.practice{max-width: 325px;width: 100%;margin-left: 0;}
.jedz-zdrowo.drink-woder img, .jedz-zdrowo img, .jedz-zdrowo.practice img{float: right;}
.third-week .last-request-week span.image:after {content: url(../img/png/strawberry1.png);position: absolute;bottom: -50px;left: -42px;z-index: -1;}
.second-half-month .third-week ul li:nth-of-type(4):before {content: url(../img/png/watermelon2.png);position: absolute;top: -61px;left: -25px;z-index: -1;}
.meta-wrapper .meta:after {background: #FD6A8A;}
.meta div .text:before {content: url(../img/png/watermelon1.png);position: absolute;top: -133px;left: -13px;}
.meta div .text:after {content: url(../img/png/leaves-3.png);position: absolute;bottom: -164px;left: 52px;}
.image-meta-second {position: absolute;right: -54px;bottom: -33px;z-index: -1;}
.image-meta:after {content: url(../img/png/banana3.png);position: absolute;right: -130px;top: 37%;}
.image-meta-garp-2 {position: absolute;top: -101px;right: -152px;}
.second-half-month .second-week ul li.text:before {content: url(../img/png/strawberry-1.png);right: -43%;top: -63px;position: absolute;}
.second-week:before {content: url(../img/png/leaves-2.png);position: absolute;right: -80px;z-index: 9;top: -112px;}
.second-week, .third-week, .fourth-week{position: relative;}
.second-half-month.second-half .third-week:after {content: url(../img/png/img3.png);z-index: -1;right: -127px;position: absolute;top: -119px;}
.second-half-month.second-half .fourth-week:after {content: url(../img/png/banana2.png);z-index: -1;right: -204px;position: absolute;top: -165px;}
.second-half-month .first-week ul li.text:before {content: '';content: url(../img/png/leaves1.png);position: absolute;top: -39px;left: -40px;}
.start-img .image:before {content: url(../img/png/leaves-1.png);position: absolute;top: -15px;left: 18px;}
.second-half-month ul li:first-child span.title-day {color: #fff;}
.second-week:after {content: url(../img/png/garpe-1.png);position: absolute;left: -175px;top: 164px;}
.header-wrapper {height: 60px;width: 100%;background: #0B4E43;padding-top: 18px;position: relative;}
.unlocked{height: 141px;background-size: contain;}
/*unlock*/
.unlocked.day-one{background:url(../img/png/task1_card.png);}
.unlocked.day-two{background:url(../img/png/task2_card.png);}
.unlocked.day-third{background:url(../img/png/task3_card.png);height: 168px;width: 119px;border-radius: 6px;}
span.unlocked.day-third a span {top: 83px;left: 44px;}
.pop-up.day-third.open span.image {position: relative;left: -30px;}
.unlocked.fourth-day{background:url(../img/png/task4_card.png);}
.unlocked.fifth-day{background:url(../img/png/task5_card.png);}
.unlocked.sixth-day{background:url(../img/png/task6_card.png);}
.unlocked.seventh-day{background:url(../img/png/task7_card.png);}
.unlocked.bonus-one{background:url(../img/png/bonus1_card.png);}
.unlocked.eighth-day{background:url(../img/png/task8_card.png);height: 168px;width: 119px;border-radius: 6px;}
span.unlocked.eighth-day a span {top: 83px;left: 44px;}
.pop-up.bonus-one:before{display: none;}
.pop-up.bonus-two:before{display: none;}
.unlocked.ninth-day{background:url(../img/png/task9_card.png);}
.unlocked.tenth-day{background:url(../img/png/task10_card.png);}
.unlocked.eleventh-day{background:url(../img/png/task11_card.png);}
.unlocked.twelfth-day{background:url(../img/png/task12_card.png);}
.unlocked.thirteenth-day{background:url(../img/png/task13_card.png);height: 168px;width: 119px;border-radius: 6px;}
span.unlocked.thirteenth-day a span {top: 83px;left: 44px;}
.unlocked.fourteenth-day{background:url(../img/png/task14_card.png);}
.unlocked.fifteenth-day{background:url(../img/png/task15_card.png);}
.unlocked.sixteenth-day{background:url(../img/png/task16_card.png);}
.unlocked.seventeen-day{background:url(../img/png/task17_card.png);}
.unlocked.bonus-two{background:url(../img/png/bonus2_card.png);}
.unlocked.eighteenth-day{background:url(../img/png/task18_card.png);height: 168px;width: 119px;border-radius: 6px;}
span.unlocked.eighteenth-day a span {top: 83px;left: 44px;}
.unlocked.final-day{background:url(../img/png/final_card.png); width: 176px;height: 248px;}
span.unlocked.final-day span.lock {top: 179px;}
span.unlocked.final-day a span {top: 179px;left: 44px;}
span.unlocked.final-day a span {top: 160px;left: 100px;}


.unlocked span.lock:before{content: url(../img/svg/arrow_right.svg);}
span.unlocked a span {font-size: 10px;color: #fff;font-weight: 800;display: block;opacity:0;-webkit-transition: 0.45s;-o-transition: 0.45s;transition: 0.45s;width: 87px;height: 34px;position: relative;border-radius: 30px;background: #9FBB5B;padding-top: 11px;top: 65px;left: 24px;padding-left: 12px;}
span.unlocked a span:after {content: url(../img/svg/arrow_right.svg);position: absolute;width: 10px;height: 10px;right: 12px;top: 11px;}
.unlocked:hover a span{opacity:1;}
.unlocked:hover > span.lock:before{content: none;}
.second-half-month .first-week ul li:nth-of-type(1) > .unlocked:before{content: none}
.pop-up.open{display: block;}
span.close {background: #FA5048;width: 60px;height: 60px;border-radius: 50%;position: absolute;top: -30px;right: -30px;cursor: pointer;}
body.mask:before {content: '';position: absolute;top: 0;left: 0; width: 100%;height: 100%; background: rgba(11,78,67,0.8);z-index: 99;}
/*.close:before{content: url(../img/svg/close.svg);position: absolute;width: 20.5px;height: 20.5px;padding-top: 20px;padding-left: 19px;}*/
.close:before {content: url(../img/svg/close.svg); position: absolute;width: 20.5px;height: 20.5px;background: url(../img/svg/close.svg);width: 20.5px; height: 20.5px;background-size: contain;box-sizing: border-box;left: 20px;top: 20px;}
span.instagram-icon:before{content: url(../img/svg/insta.svg);position: absolute;width: 20.5px; padding-top: 11px;padding-left: 11px;}
span.facebook-icon:before{content: url(../img/svg/fb.svg);position: absolute;width: 9.9px;padding-top: 12px;padding-left: 16px;}
.last-request-week:before {content: url(../img/svg/arrow_pink.svg); position: absolute;width: 24px;left: -54px;bottom: 67px;}
.second-half-month .first-week ul li:nth-of-type(1) > span:before{content: none;}
.pop-up .image {display: block;width: 215px;margin: 0 auto;margin-top: 63px;margin-bottom: 17px;}
.last-request-week span.lock:before {left: 12px;top: -3px;}
a.scroll.scroll-down {clear: both;top: -165px;}
a.scroll.scroll-down span.sroll-top {margin-bottom: 0;margin-top: 15px;}
a.scroll.scroll-down span.sroll-top:before{content: url(../img/svg/arrow_down.svg);}
a.scroll.scroll-up {top: 124px;}
span.unlocked span.lock {background: #0B4E43;}
.third-week .jedz-zdrowo:after {content: url(../img/png/leaves3.png);}
.third-week .jedz-zdrowo {height: 213px; top: -29px;}
.second-half-month .fourth-week ul li:nth-of-type(3):before {content: url(../img/png/leaves3.png);position: absolute;top: -49px;left: -66px;z-index: -1;}
.cart-month:after {content: url(../img/png/leaves2.png);position: absolute;bottom: -1px;left: -65px;z-index: -1;}
.last-request-week span.lock {top: 102px;}
.meta span.text-scroll:before {content: url(../img/png/banana-1.png);position: absolute;top: -181px;left: 158px;}
.title-page:after {box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.16);}
.meta-wrapper .meta:after{box-shadow: 10px 0px 10px 0px rgba(0,0,0,0.16);}
.card-day {display: block; box-shadow: 10px 10px 10px rgba(0,0,0,0.16);height: 141px;position: relative;border-radius: 6px;}
span.image a.scroll {display: none;left: 118px;top: -58px;}
.second-week .last-request-week span.image:before {content: '8';}
.third-week .last-request-week span.image:before {content: '13';}
.fourth-week .last-request-week span.image:before {content: '18';}
.footer-wrapper .footer span a{color: #fff;}
.pop-up .content a {color: #FD6A8A;}


/* Arrow Bouncing */
.bounce{animation: .7s down  infinite alternate; -webkit-animation: .7s down infinite alternate; } 
/***Animation Arrow down***/ 
@keyframes down{ 0%{transform:translateY(0px)} 100%{transform:translateY(5px)} } 
@-webkit-keyframes down{ 0%{-webkit-transform:translateY(0px)} 100%{-webkit-transform:translateY(5px)} } 
/* Arrow Bouncing */
.bounce-top{animation: .7s down  infinite alternate; -webkit-animation: .7s top infinite alternate; } 
/***Animation Arrow down***/ 
@keyframes top{ 0%{transform:translateY(0px)} 100%{transform:translateY(-5px)} } 
@-webkit-keyframes down{ 0%{-webkit-transform:translateY(0px)} 100%{-webkit-transform:translateY(-5px)} } 

@media (max-width: 1175px){
	.container:before {width: 100%;height: 580px;}
	.start-img {top:-149px;width: 295px;left: 50%;-webkit-transform: translate(-50%, 0%);-moz-transform: translate(-50%, 0%);-ms-transform: translate(-50%, 0%);transform: translate(-50%, 0%);}
	.title-page span:nth-of-type(1),.title-page span:nth-of-type(2){text-align: center;color: #fff;}
	.title-page:before {content: none;}
	.second-half-month ul {max-width: calc(100% - 197px);margin-left: 0;position: relative;}
	.jedz-zdrowo{display: none;}
	.second-week {margin-top: 55px;}
	.first-week {margin-top: 107px;}
	.second-half-month {max-width: 880px;}
	.meta-wrapper .meta:before {top: -144px;}
	.second-half-month:before, .title-page:after{content: none;}
	.scroll{display: none}
	.cart-month {top: 62px;}
	span.image a.scroll{display: block;}
	.second-half-month ul li:first-child span.title-day{color: #0B4E43;}
	span.play{display: none;}
	.meta-wrapper .meta:after{content: none;}
	.cart-month {left: 31%;}
	.meta-wrapper:after {width: 33.2%;}
	.third-week{margin-top: 56px;}
}

@media (max-width: 945px){
	.cart-month > span:nth-of-type(1):before {text-align: center;-webkit-transform: unset;-moz-transform: unset;-ms-transform: unset;transform: unset;top: -75px;line-height: 30px;left: 1px;color: #0B4E43;}
	.meta div .text {left: 80px;width: 155px;top: unset;max-width: unset;margin-top: 17px;margin-left: 8px;}
	.meta-wrapper .meta:after, .meta-wrapper:after{content: none;}
	.cart-month {left: 20%;}
	.meta div .text:before {left: 170px;}
	.cart-month > span:nth-of-type(1):after{content: none;}
	.cart-month {text-align: center;}
	.meta-wrapper {height: 440px;}
	.cart-month {top: 101px;}
	
}

@media (max-width: 650px){
	.image-meta {right: 50%;width: 358px;-webkit-transform: translate(50%, 0%);-moz-transform: translate(50%, 0%);-ms-transform: translate(50%, 0%);transform: translate(50%, 0%);}
	.meta-wrapper {height: 829px;}
	.cart-month {left: 53%;}
	.header-wrapper .header .logo:before {content: '';width: 86%;background: #0B4E43;height: 31px;position: absolute;right: 0;z-index: 1;}
	.header-wrapper .header .logo {position: absolute;}
	.header-wrapper .header .menu span:nth-of-type(1) {margin-left: 19px;margin-right: 0;}

}

@media (max-width: 770px){
	.second-half-month {max-width: 600px;}
	.second-half-month ul {flex-flow: row wrap;max-width: calc(100% - 165px);}
	.second-half-month ul li {width: 50%;}
	.second-half-month ul li.text {width: 298px;right: unset;left: 0;text-align: center;}
	.card-week div .title-day, .second-half-month span.title-day{margin-bottom: 10px;}
	.second-half-month ul li {margin-bottom: 15px;}
	
	

}

@media(max-width: 600px){
	.pop-up.open:after {content: "";border: solid #0B4E43;width: 89%;height: 90%;position: absolute;top: 32px;left: 4.8%;border-radius: 10px;z-index: -1;}
	.pop-up {background: #fff;width: 90%;padding: 0 11%;}
	.pop-up:before {left: 0;z-index: 9}
	span.close {top: -15px;right: -15px;}

}

@media(max-width: 550px){
	.container:before {height: 620px;}
	.start-img:after {font-size: 22px;}
	.start-img:before {font-size: 65px;bottom: -20px;left: 14px;}
	.start-img span.image img {width: 92%;display: block;margin: 0 auto;}
	span.image a.scroll {top: 0;}
	.fourth-week, .third-week, .second-week {margin-top: 30px;}
}

@media (max-width: 495px){
	.second-half-month {max-width: 400px;}
	.second-half-month ul{max-width: 100%;}
	.second-half-month .last-request-week {float: left;margin-top: 94px;margin-bottom: 25px;left: 50%;-webkit-transform: translate(-50%, 0%);-moz-transform: translate(-50%, 0%);-ms-transform: translate(-50%, 0%);transform: translate(-50%, 0%);}
	.last-request-week:after {top: -53px;left: 0;-webkit-transform: unset;-moz-transform: unset;-ms-transform: unset;transform: unset;text-align: center;}
	.footer-wrapper .footer span:nth-of-type(2) {text-align: left;float: none;padding-top: 10px;}
	.footer-wrapper .footer {height: 80px;}
	.footer-wrapper .footer span:nth-of-type(1) {float: none;}
	.header-wrapper .header .menu {z-index: 9;position: relative;}
	.last-request-week:before{display: none}
}