/* blog */
.shop_news_list .centercol,
.shop_news_category_list .centercol,
.shop_news .centercol{
    margin-left:20px;
    flex-basis:calc(73% - 20px);
}

.shop_news_list h1,
.shop_news_category_list h1{
  text-align: left;
  margin:0 0 24px 0;
}

#box_search{
    margin-bottom:20px;
}
#box_search .boxhead{
    display: none;
}
#box_article_categories{
    margin-top: 24px;
}

#box_article_categories .boxhead{
    margin:0 0 15px 0;
    font-size:18px;
    font-weight: 600;
    line-height: 28px;
}
#box_article_categories .innerbox{
    padding:0 12px;
}
#box_article_categories .innerbox a{
    font-size:14px;
    line-height: 21px;
    padding: 4px 0;
    margin: 5px 0;
    display: flex;
    color:#4D5761;
}

#box_article_categories .innerbox a:hover{
    color:var(--font);
    text-decoration: underline;
}
.shop_news_list .leftcol,
.shop_news_category_list .leftcol,
.shop_news .leftcol{
    max-width: 320px;
    padding-right: 40px;
}

#box_articlelist .innerbox{
    display: flex;
    flex-wrap:wrap;
    margin-left: -32px;
}
#box_articlelist article{
    margin-bottom:40px;
    width:calc(50% - 32px);
    margin: 0 0 40px 32px;
}
article .article-info{
    margin-bottom: 4px;
    line-height: 18px;
    font-size:12px;
}
article .article-date,
article .article-author{
    font-size:12px;
    color: #4D5761;
    line-height: 18px;
}
article .article-categories,
article .article-categories a{
    font-weight: 500;
    font-size:12px;
    line-height: 18px;
    color:#4D5761
}
article .article-categories a:hover{
    color:var(--font);
}
article .article-categories{
    font-weight: 500;
    background: #F3F4F6;
    display: inline-block;
    padding: 4px 12px;
    box-sizing: border-box;
    border-radius: 5px;
}
article .article-header{
    margin:0 0 6px 0;
    position: relative;
}

article .readmore{
    font-size:0px;
    position: absolute;
    right: 0;
    top: 0;
}
article .article-header h2 a:hover{
    color:var(--font);
    text-decoration: underline;
}

article .readmore::after{
    content: '';
    background: url(/userdata/public/assets/0_layout/svg/arrowupdark_i.svg) transparent no-repeat center;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 4px;
    right: 0;
    display: block;
}

article .article-name{
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
}
article .article-img{
    aspect-ratio: 1.75;
    overflow: hidden;
    margin-bottom: 12px;
}
article .article-img img{
    transition:150ms;
}
article .article-img:hover img{
    transform: scale(1.1);
}
article .article-img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
article .article-content{
    margin: 0 0 12px 0;
}
article .article-content,
article .article-content p{
    color:#4D5761;
    font-size:16px;
    line-height: 24px;
}
article:not(#box_article) .article-content p{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
article .article-content h2{
    line-height:30px;
}

article .article-content h2{
    margin-bottom:20px;
}


.article-tags li{
    display: inline-block;
}

.article-tags li a{
    display: block;
    padding:4px 12px;
    font-size:12px;
    line-height: 18px;
    font-weight: 500;
    border-radius: 20px;
    background: #F3F4F6;
    color:#4D5761;
}
@media screen and (max-width:900px){
    .leftcol #box_search .search .btn{
        width:40px !important;
    }
}
@media screen and (max-width:900px) and (min-width:701px){
    #box_articlelist article{
        width:calc(100% - 32px);
    }
    .shop_news_list .leftcol,
    .shop_news_category_list .leftcol,
    .shop_news .leftcol{
        padding-right: 0;
    }
}
@media screen and (max-width:700px){
    #box_article_categories{
        margin-top: 12px;
    }
    #box_article_categories .boxhead{
        background: #F3F4F6;
        padding: 8px 16px;
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        cursor: pointer;
        position: relative;
    }
    #box_article_categories .boxhead::after{
        content:'';
        position: absolute;
        right:16px;
        top:9px;
        background: url('/userdata/public/assets/0_layout/svg/toggle_gray_i.svg') transparent no-repeat center;
        width: 24px;
        height: 24px;
        display: inline-block;
    }
    #box_article_categories .innerbox{
        padding-bottom: 20px;
        display: none;
    }
    #box_article_categories .innerbox ul li:first-child a{
        margin: 0;
    }
    .shop_news_list h1, .shop_news_category_list h1, .shop_news h1{
        font-size:20px;
        line-height:30px;
        margin-bottom: 12px;
    }
    .shop_news_list .main.row .innermain > .container,
    .shop_news_category_list .main.row .innermain > .container{
        flex-direction: column;
    }
    .shop_news_list .main.row .innermain .leftcol,
    .shop_news_category_list .main.row .innermain .leftcol{
        width: 100%;
        max-width: 100%;
        padding-right: 0;
    }
    .shop_news_list .main.row .innermain .leftcol #box_search,
    .shop_news_category_list .main.row .innermain .leftcol #box_search,
    .shop_news .main.row .innermain .leftcol #box_search,
    .shop_news_list .rightcol,
    .shop_news .leftcol,
    .shop_news .rightcol,
    .shop_news_category_list .rightcol{
        display: none;
    }
    .shop_news_list .centercol,
    .shop_news .centercol,
    .shop_news_category_list .centercol{
        width:100%;
        flex-basis:100%;
        margin-left: 0;
    }
    #box_articlelist .innerbox{
        margin-left:-15px;
    }
    #box_articlelist article{
        width:calc(50% - 15px);
        margin-left: 15px;
        margin-bottom: 16px;
    }
    article .article-name{
        font-size:18px;
        line-height: 28px;
    }
    article .article-content, article .article-content p{
        font-size:14px;
        line-height: 21px;
    }
}

@media screen and (max-width:600px){
    #box_articlelist .innerbox{
       margin-left: 0;
    }
    #box_articlelist article{
        width:calc(100%);
        margin-left: 0;
    }
}

#box_article .article-img{
    aspect-ratio: 2.71;
}

#box_article .article-name{
    font-size:30px;
    line-height:38px;
    margin-bottom: 24px;
}
#box_article .article-content h2,
#box_article .article-content h3,
#box_article .article-content ul,
#box_article .article-content p{
    margin-bottom: 24px;
}
#box_article .article-content p,
#box_article .article-content li{
    color:#4D5761;
}
#box_article .article-content .author-wrapper{
    margin:24px 0;
}
#box_article .article-content .author-wrapper .headline{
    font-size:14px;
    line-height: 21px;
    color:#4D5761;
    padding-left: 200px;
    margin-bottom: 12px;
}
#box_article .article-content .author-wrapper .content{
    background:#F3F4F6;
    padding:24px;
    box-sizing: border-box;
    display: flex;
}
#box_article .article-content .author-wrapper .content .image{
    width: 140px;
    height: 140px;
    min-width: 140px;
    border-radius:100%;
    overflow: hidden;
    margin: -58px 32px 0 7px;
}
#box_article .article-content .author-wrapper .content strong{
    font-size:18px;
    line-height: 18px;
    margin-bottom: 16px;
    display: block;
}
#box_article .article-content .author-wrapper .content p{
    margin-bottom: 0;
    font-size:16px;
    line-height: 24px;
    color:#4D5761;
    font-style:italic;
}
#box_article .article-categories{
    margin-bottom: 12px;
}
#box_article .article-info{
    margin-bottom: 8px;
}
@media screen and (max-width:700px){
    #box_article{
        display: flex;
        flex-direction: column;
    }
    #box_article .article-header{
        order: -2;
    }
    #box_article .article-header .article-name{
        margin-bottom: 8px;
    }
    #box_article .article-info{
        order:-1;
        margin-bottom: 16px;
    }
    #box_article .article-img{
        margin-bottom: 16px;
    }
    #box_article .article-content h2, #box_article .article-content h3, #box_article .article-content ul, #box_article .article-content p{
        margin-bottom: 16px;
    }
    #box_article .article-content .author-wrapper{
        width: calc(100% + 40px);
        margin-left: -20px;
    }
}
@media screen and (max-width:500px){
    #box_article .article-content .author-wrapper{
        width: calc(100% + 32px);
        margin-left: -16px;
        margin-bottom: 10px;
    }
    #box_article .article-content .author-wrapper .headline{
        display: none;
    }
    #box_article .article-content .author-wrapper .content{
        flex-direction: column;
        margin-top: 82px;
        padding: 16px;
    }
    #box_article .article-content .author-wrapper .content .image{
        margin:-82px auto 12px auto;
    }
    #box_article .article-content .author-wrapper .content .name{
        text-align:center;
    }
    #box_article .article-content .author-wrapper .content .name strong{
        font-size:16px;
        line-height:24px;
        font-weight: 600;
        margin-bottom: 12px;
    }
    #box_article .article-content .author-wrapper .content .name p{
        font-size:14px;
        line-height: 20px;
    }
}
/* --------------------strony informacyjne --------------- */
#infopage9 ol{
    padding-left:20px;
}
.box_infopage .boxhead{
    font-size:30px;
    font-weight:600;
    line-height: 38px;
    margin:10px 0 8px 0;
}
.box_infopage .boxhead h1{
    font-size:30px;
    font-weight:600;
    line-height:38px;
}

@media screen and (max-width:767px){
    .box_infopage .boxhead{
        margin-top:0;
    }
    .box_infopage .boxhead,
    .box_infopage .boxhead h1{
        font-size:20px;
        line-height:30px;
    }
    
}
.box_infopage .boxhead span{
    color:#1F2A37;
}

.box_infopage .innerbox p,
.box_infopage .innerbox em,
.box_infopage .innerbox strong,
.box_infopage .innerbox a{
    font-size:16px;
    line-height: 24px;
    color:#4D5761;
}
@media screen and (max-width:700px){
    .box_infopage .innerbox p,
.box_infopage .innerbox em,
.box_infopage .innerbox strong,
.box_infopage .innerbox a{
    font-size:14px;
    line-height:21px;
}
}

/* -------------------- wyprawka----------------------- */
.box_infopage#infopage18 > .boxhead{
    padding-left:calc(25% + 32px);
    margin-bottom: 24px;
}
.box_infopage#infopage18 > .boxhead h1{
    font-size:30px;
    line-height: 38px;
    margin-top:16px;
}
.essentials_infopage{
    flex-direction: row-reverse;
}
.essentials_infopage_left{
    width:calc(100% / 4 * 3 - 32px);

}
.essentials_infopage_left .testimonial{
    background-color: #F3F4F6;
    padding: 24px 28px;
    margin:70px 0 40px 0;
}
.essentials_infopage_left .testimonial-left{
    width:172px;
    position: relative;
}
.essentials_infopage_left .testimonial-left img{
    width: 140px;
    position: absolute;
    top:-54px;
}

.essentials_infopage_left .np-wyprawka{
    margin-bottom: 40px;
}
.essentials_infopage_left .np-wyprawka > .np-center > .np-infant:nth-child(2) h2{
    margin-top:40px;
}
.essentials_infopage_left .np-wyprawka .fx-box h2{
    font-size:24px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom:16px;
}
.essentials_infopage_left .np-wyprawka .fx-box table{
    width: 100% !important;
    border-collapse: collapse;
    margin: 15px 0 25px 0;
    font-weight: 500;
}
.essentials_infopage_left .np-wyprawka .fx-box table tr{
    padding:8px 0;
    height:60px !important;
}
.essentials_infopage_left .np-wyprawka .fx-box table th{
    border-bottom:2px solid #4D5761;
}
.essentials_infopage_left .np-wyprawka .fx-box table td{
    border-bottom:1px solid #E5E7EB;
}
.essentials_infopage_left .np-wyprawka .fx-box table td,
.essentials_infopage_left .np-wyprawka .fx-box table td a{
    color:#4D5761;
    font-weight:400;
}
.essentials_infopage_left .np-wyprawka .fx-box table tr th:nth-child(1),
.essentials_infopage_left .np-wyprawka .fx-box table tr td:nth-child(1){
    text-align: left;
}
.essentials_infopage_left .np-wyprawka .fx-box table tr th:nth-child(2),
.essentials_infopage_left .np-wyprawka .fx-box table tr td:nth-child(2){
    text-align:center;
}
.essentials_infopage_left .np-wyprawka .fx-box table tr th:nth-last-child(1),
.essentials_infopage_left .np-wyprawka .fx-box table tr td:nth-last-child(1){
    width:80px;
    text-align: right;
}
.essentials_infopage_left .np-wyprawka .fx-box table a{
    text-decoration: underline;
}
.essentials_infopage_left img{
    margin-right:10px;
}
.essentials_infopage_left .addtofav img{
    margin-right:0;
}
.essentials_infopage_left td img:last-child{
    margin-right:0px;
}
.essentials_infopage_left .legend-table{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom:50px;
}

.essentials_infopage_left .legend-table > div{
    display: flex;
    align-items: center;
    font-weight: 400;
    color:#4D5761;
}
.essentials_infopage_left .legend-table > div:first-child{
    margin-right: 25px;
}

.essentials_infopage_left .testimonial-right{
    width:calc(100% - 145px);
    position: relative;
}
.essentials_infopage_right{
    width:calc(100% / 4);
    position: relative;
    top: -60px;
    margin-right:32px;
}
.testimonial-right .title{
    top:-54px;
    position: absolute;
}
.box_infopage .innerbox .testimonial-right .name{
    font-weight: 600;
    font-size:18px;
    line-height: 28px;
    margin:0px 0 16px 0;
    color:var(--font);
}
.testimonial-right p.title{
    font-size:14px;
    font-weight:400;
    line-height: 21px;
}
.testimonial-right p:not(.name):not(.title){
    font-style:italic;
    font-size: 16px;
    line-height: 24px;
}
.essentials_infopage_right #user-infant{
    position: sticky;
    top:20px; 
    padding:16px 24px;
    background:#F3F4F6;
}
.essentials_infopage_right #user-infant .boxhead{
    margin:0px 0 10px 0;
}
.essentials_infopage_right #user-infant .boxhead p{
    font-size:16px;
    font-weight:600;
    line-height:24px;
}
.essentials_infopage_right #user-infant ul{
    list-style: numeric;
    font-size:14px;
    line-height: 21px;
    padding-left: 20px;
}
.essentials_infopage_right #user-infant ul li {
    color:#4D5761;
}
.essentials_infopage_right #user-infant ul li a{
    color:#4D5761;
    display: block;
    padding:3px 0;
    margin:3px 0;
}
.essentials_infopage_right #user-infant ul li a:hover{
    text-decoration: underline;
}
.essentials_infopage_right #user-infant ul li:last-child a{
    margin-bottom: 0;
}
@media screen and (min-width:901px){
    .essentials_infopage_left .product_custom_boxes{
        display: none;
    }
}
@media screen and (max-width:900px){
    .box_infopage#infopage18 > .boxhead{
        padding-left: 0;
        margin-bottom: 8px;
    }
    .box_infopage#infopage18 > .boxhead h1{
        font-size:20px;
        line-height: 30px;
        margin-top: 0;
    }
    .essentials_infopage_left{
        width:100%;
        margin-right:0px;
        margin-left:0;
    }
    .essentials_infopage_right{
        display: none;
    }
}
@media screen and (max-width:700px){
    .box_infopage#infopage18 > .boxhead{
        margin-top: 0;
    }
    .essentials_infopage_left .testimonial{
        flex-direction: column;
        width:calc(100% + 40px);
        margin-left: -20px;
        margin-top:110px;
        margin-bottom: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .essentials_infopage_left .testimonial-left,
    .essentials_infopage_left .testimonial-right{
        width: 100%;
    }
    .essentials_infopage_left .testimonial-left{
        height: 47px;
    }
    .essentials_infopage_left .testimonial-left img{
        width: 120px;
        margin-right: 0;
        left: 50%;
        transform: translateX(-50%);
        top: -84px;
    }
    .testimonial-right .title{
        width: 100%;
        text-align: center;
        top: -168px;
    }
    .box_infopage .innerbox .testimonial-right .name{
        text-align: center;
        font-size:16px;
        line-height:24px;
        margin-bottom: 12px;
    }
    .testimonial-right p:not(.name):not(.title){
        text-align: center;
        font-size:14px;
        line-height:20px;
    }
    .testimonial-right p.title{
        font-size:12px !important;
        line-height: 18px;
    }
}
@media screen and (max-width:500px){
    .essentials_infopage_left .testimonial{
        width:calc(100% + 32px);
        margin-left: -16px;
    }
}
/*-------------O NAS --------------------*/
#shop_infopage5 .main.row, #shop_infopage5 top.row, #shop_infopage5 .centercol, #shop_infopage5 .bottom-footer.row {
    margin: 0 auto;
    padding:0;
}
#shop_infopage5 .centercol {
    box-sizing: border-box;
    padding-left: 20px;
}
.infopage-aboutus__textwrap {
    box-sizing: border-box;
}

.infopage-aboutus__textwrap__head {
    max-width: 616px;
    width: 100%;
    z-index: 1;
}
.infopage-aboutus__textwrap__head h4 {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom:24px;

}
.infopage-aboutus__textwrap__inner {
    max-width: 616px;
}
.infopage-aboutus__textwrap__inner p {
    margin: 0 0 16px 0;
}
.infopage-aboutus__textwrap__inner p:nth-child(2) {
    margin-top: 20px;
}

.infopage-aboutus__textwrap:nth-child(1),
.infopage-aboutus__textwrap:nth-child(3) {
    align-items: flex-end;
}
.infopage-aboutus__videowrap {
    display: flex;
}
.infopage-aboutus__videowrap__left {
    width: calc(50% - 56px);
    padding: 8px 0 0 11px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow:1;
}
.infopage-aboutus__videowrap__right {
    width: calc(50% - 48px);
    display: flex;
    justify-content: flex-end;
    position: relative;
    cursor: pointer;
    transition: opacity 350ms linear;
    max-width:475px;
}
.infopage-aboutus__videowrap__right:after {
    content: '';
    position: absolute;
    background: url('/userdata/public/assets/0_layout/svg/play_i.svg') transparent no-repeat;
    width: 112px;
    height: 112px;
    top: calc(50% - 55px);
    right: calc(50% - 60px);
    transition: transform 350ms linear;
}
.infopage-aboutus__videowrap__right:hover {
    opacity: 0.85;
}
.infopage-aboutus__videowrap__right:hover:after {
    transform: scale(1.06);
}
.infopage-aboutus__videowrap__right img{
    width: 100%;
    object-fit: contain;
}

.infopage-aboutus__videowrap__inner p {
    margin: 0 0 16px 0;
}
.infopage-aboutus__videowrap__inner p:nth-child(2) {
    margin-top: 20px;
}
.infopage-aboutus__videowrap__inner p.links {
    display: flex;
    flex-direction: column-reverse;
    margin-top: 24px;
}
.infopage-aboutus__videowrap__inner p.links a {
    font-weight: 600;
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}
.infopage-aboutus__videowrap__inner p.links a:before {
    content: '';
    margin-right:12px;
    display: inline-block;
}
.infopage-aboutus__videowrap__inner p.links a:nth-child(1):before {
    background: url('/userdata/public/assets/0_layout/infopage/contact/contact_3_i.svg') transparent no-repeat center;
    background-size:20px;
    width:20px;
    height:20px;
}
.infopage-aboutus__videowrap__inner p.links a:nth-child(2):before {
    background: url('/userdata/public/assets/0_layout/infopage/contact/contact_2_i.svg') transparent no-repeat center;
    background-size:20px;
    width:20px;
    height:20px;
}
.infopage-aboutus__videowrap.first .infopage-aboutus__videowrap__left {
    margin-right: 104px;
}
.infopage-aboutus__videowrap.second {
    margin-bottom: 0px;
}
.modal.video-modal{
    position: fixed !important;
}
.video-modal .modal-header {
    margin-bottom: 0;
    padding: 0;
    height: 7px;
}
.video-modal .modal-header h3 {
    margin-top: 0;
    line-height: 0;
    height: 0;
}
.video-modal .modal-header .modal-close {
    top:-7px;
    right:-7px;
}
.video-modal .modal-header .modal-close:before, .video-modal .modal-header .modal-close:after {
    right: 15px;
    top: 24px;
}
.infopage-aboutus__videowrap.second .infopage-aboutus__videowrap__left {
    margin-left: 104px;
}

.followus-module__head {
    padding: 0 25px 8px 25px;
}
.followus-module__head h4 {
    color: #D45A47;
    font-size: 20px;
    margin: 0;
}
.followus-module__inner {
    overflow: hidden;
    position: relative;
}
.followus-module__inner:before {
    content: '';
    width: 100%;
    position: absolute;
}
.followus-module__inner-wrap {
    max-width: 465px;
    padding: 28px 30px 40px 30px;
    position: relative;
}
.followus-module__inner-wrap:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #4f5c7a;
    background: linear-gradient(270deg,rgba(79,92,122,0) 0%,rgba(255,255,255,0.8) 100%);
    z-index: 0;
    width: 100%;
}
.followus-module__inner-wrap p {
    position: relative;
}
.followus-module__inner-wrap p.title {
    font-size: 16px;
    font-weight: 700;
    color: #3a3838;
    margin:1em 0;
}
.followus-module__inner-wrap p:not(.title) {
    line-height: 26px;
    margin: 0 0 1em 0;
    font-size:13px;
}
.followus-module__inner-wrap a {
    font-size:13px;
    line-height: 18px;
    font-weight: 700;
    padding: 6.5px 14px 4.5px 39px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #B4B4B4;
    border-radius: 6px;
    position: relative;
    margin: 2px 0;
    display: inline-block;
}
.followus-module__inner-wrap a:before {
    content: '';
    position: absolute;
    left: 13px;
    top: 5.5px;
    width: 18px;
    height: 18px;
    background-size: 18px !important;
}
.followus-module__inner-wrap a.fb-btn {
    margin-right: 30px;
}
.followus-module__inner-wrap a.fb-btn:before {
    background: url('/userdata/public/assets/SVG/facebook.svg') no-repeat center transparent;
}
.followus-module__inner-wrap a.insta-btn:before {
    background: url('/userdata/public/assets/SVG/instagram.svg') no-repeat center transparent;
}
.followus-module__buttons {
    margin-bottom: 34px;
}
#infopage5 > .boxhead{
    display: none;
}
#infopage5 > .innerbox{
    margin-bottom:40px;
}
#shop_infopage5 #opinions .boxhead{
    color:var(--orange);
}

.infopage-aboutus__social{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:40px 0;
}

.infopage-aboutus__social__left{
    width:50%;
    padding-right:60px;
    box-sizing: border-box;
}

.infopage-aboutus__social__left .boxhead.orange{
    margin-top: 0px;
    margin-bottom: 24px;
}
.infopage-aboutus__social__left .icons{
    display: flex;
    margin-bottom: 24px;
}

.infopage-aboutus__social__left .icons a:first-child{
    margin-right:24px;
}
.infopage-aboutus__social__left .icons a img{
    transition: 150ms;
}
.infopage-aboutus__social__left .icons a:hover img{
    filter: invert(46%) sepia(8%) saturate(548%) hue-rotate(179deg) brightness(95%) contrast(92%);
}
.infopage-aboutus__social__left h4{
    margin-bottom: 24px;
    font-size:16px;
    line-height:24px;
    font-weight: 600;
}

.infopage-aboutus__social__right{
    width:50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.infopage-aboutus__textwrap{
    padding:40px 0 24px 0;
    position: relative;
}
.infopage-aboutus__textwrap:nth-child(1):after {
    content:'';
    background: url('/userdata/public/assets/dobre_liski/infopages/contact2.png') no-repeat center;
    display: inline-block;
    width:473px;
    height:307px;
    position: absolute;
    left:0px;
    max-width: calc(100% - 650px);
    background-size: contain;
}
.infopage-aboutus__textwrap:nth-child(1),
.infopage-aboutus__textwrap:nth-child(3),
.infopage-aboutus__videowrap:nth-child(5){
    position: relative;
}

#shop_infopage16 .wrap.rwd{
    overflow: hidden;
}
.infopage-aboutus__textwrap:nth-child(1)::before,
.infopage-aboutus__textwrap:nth-child(3)::before,
.infopage-aboutus__videowrap:nth-child(5)::before{
    content:'';
    position: absolute;
    left:0;
    right:0;
    background:#FEFAF5;
    top:0;
    bottom:0;
    z-index: -1;
    pointer-events: none;
    left:-100vw;
    width: 250vw;
}

.infopage-aboutus__textwrap:nth-child(3):after {
    content:'';
    background: url('/userdata/public/assets/dobre_liski/infopages/contact3.png') no-repeat center;
    max-width: calc(100% - 650px);
    background-size: contain;
    display: inline-block;
    width:386px;
    height:344px;
    position: absolute;
    left:0px;
}

.infopage-aboutus__textwrap {
    min-height: 312px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.infopage-aboutus__textwrap:nth-child(2):after {
    content:'';
    background: url('/userdata/public/assets/0_layout/infopage/contact/asia.jpg') transparent no-repeat;
    background-position: right;
    display: inline-block;
    width:473px;
    height:307px;
    position: absolute;
    right:0px;
    max-width: calc(100% - 650px);
    background-size: contain;
}

.infopage-aboutus__videowrap {
    padding:40px 0;
}
.infopage-aboutus__videowrap__head h4 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 24px;
}

@media screen and (max-width: 600px) and (min-width: 426px) {
    .followus-module__inner:before {
        background-size: 350%;
        min-height: 100%;
   }
}

@media screen and (min-width: 768px) {
    .video-modal .modal-body iframe {
        width: 70vw;
        height: 40vw;
   }
}
@media screen and (max-width: 767px) {
    .infopage-aboutus__videowrap__right:after {
        width: 70px;
        height: 70px;
        background-size: 70px;
        right: calc(50% - 35px);
        top: calc(50% - 35px);
   }
   .video-modal {
        width: 100% !important;
        left: 0 !important;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100% !important;
        padding: 0;
    }
    .video-modal .modal-body {
        width: 100%;
   }
    .video-modal .modal-body iframe {
        height: 300px;
   }
}
@media screen and (min-width: 601px) {
    .followus-module__inner:before {
        min-height: 370px;
   }
}
@media screen and (max-width: 440px) {
    .followus-module__inner-wrap a.fb-btn {
        margin-right: 5px;
   }
}
@media screen and (min-width: 426px) {
    .followus-module {
        padding-bottom: 45px;
   }
    .followus-module__head {
        padding: 0px 0 26px 0;
   }
    .followus-module__head h4 {
        font-size: 26px;
   }
   .followus-module__inner {
        border-radius: 16px;
    }
    .followus-module__inner:before {
        background: url('/userdata/public/assets/infopages/lisy_min.png') transparent no-repeat;
        border-radius: 28px;
        background-size: cover;
   }
}
@media screen and (max-width: 425px) {
    .followus-module__inner {
        min-height: 700px;
   }
    .followus-module__inner:after {
        content: '';
        background: url('/userdata/public/assets/infopages/liski.png') transparent no-repeat;
        position: absolute;
        bottom: 27px;
        left: 50%;
        width: 331px;
        height: 142px;
        transform: translateX(-50%);
   }
   .followus-module__inner:before {
        background: url('/userdata/public/assets/infopages/obserwujmobile.png') transparent no-repeat;
        background-size: 100%;
        height: 100%;
        position: absolute;
    }
    .followus-module__inner-wrap {
        padding: 0px 25px 27px 25px;
   }
}
/* --------------- KONTAKT ----------------*/
.infopage-contact {
    margin: 40px 0 80px 0;
}
.infopage-contact__boxes {
    display: flex;
}
.infopage-contact__box:first-child{
    border-right:1px solid #E5E7EB;
}
.infopage-contact__box:first-child,
.infopage-contact__box:nth-child(2){
    padding-right: 64px;
    margin-right: 64px;
}
.infopage-contact__box.contact__box__img{
    border:none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.infopage-contact__box:first-child,
.infopage-contact__box:nth-child(2){
    width: calc(38% - 16px);
}
.infopage-contact__box:nth-child(3) {
    width:34%;
}
.infopage-contact__box__title h4 {
    margin-bottom: 12px;
}
.infopage-contact__box__item {
    padding: 8px 0;
    display: flex;
}
.infopage-contact__box__item em {
    font-style: normal;
}
.infopage-contact__box__item h5 {
    display: inline-block;
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    color: #4D5761;
}
.infopage-contact__box__item p {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 19px;
}
.infopage-contact__box__item a{
    font-weight: 600;
}
.infopage-contact__box__item a.contact-item{
    margin-bottom: 3px;
}
.infopage-contact__box__item.subitem {
    padding-top: 0;
}
.infopage-contact__box__item.subitem p {
    margin-top: -2px;
    padding-left: 29px;
}
.infopage-contact__box__item:nth-child(2) a{
    text-decoration: underline;
}
.infopage-contact__box__item.maxwidth p {
    max-width: 320px;
}
.infopage-contact__box__item:last-child {
    padding-bottom: 0;
}
.infopage-contact__box__item:last-child p{
    font-size:14px;
    line-height: 21px;
}
.infopage-contact__box__item:last-child p em{
    font-weight: 600;
    font-size:14px;
}
.infopage-contact__box__img-wrap {
    margin-right:12px;
    display: flex;
    width: 20px;
    height: 20px;
    align-items: center;
    padding-top: 4px;
}
.infopage-contact__map {
    border-radius: 16px;
    overflow: hidden;
}

.infopage-contact__box__item.item-address{
    padding-top:0;
    padding-bottom:0px;
}
.infopage-contact__box__item.item-address p{
    margin-bottom: 8px;
}
.infopage-contact__box__item.item-accountnumber{
    padding-bottom: 8px;
}

.infopage-contact__box__item.accountnumber-p p{
    padding-left: 32px;
}

@media screen and (max-width:900px){
    .infopage-aboutus__textwrap__head,
    .infopage-aboutus__textwrap__inner,
    .infopage-aboutus__textwrap:nth-child(1):after,
    .infopage-aboutus__textwrap:nth-child(2):after,
    .infopage-aboutus__textwrap:nth-child(3):after{
        max-width: 100%;
    }
    .infopage-aboutus__textwrap:nth-child(1):after,
    .infopage-aboutus__textwrap:nth-child(2):after,
    .infopage-aboutus__textwrap:nth-child(3):after{
        position: relative;
        width: 100%;
        height:100%;
        background-position: center;
        order: -1;
        margin-bottom: 20px;
    }
    .infopage-aboutus__textwrap:nth-child(1):after{
        aspect-ratio: 1.56;
        max-width: 80%;
        text-align: center;
        padding-left: 10%;
        padding-right: 10%;
        max-height: 350px;
    }
    .infopage-aboutus__textwrap:nth-child(2):after{
        aspect-ratio: 1.56;
        max-height: 350px;
    }
    .infopage-aboutus__textwrap:nth-child(3):after{
        aspect-ratio: 1.129;
        max-width: 80%;
        text-align: center;
        padding-left: 10%;
        padding-right: 10%;
        max-height: 350px;
    }

    .infopage-aboutus__textwrap{
        padding:20px 0 10px 0;
    }
    .infopage-aboutus__social{
        flex-direction: column-reverse;
        padding-bottom: 10px;
    }
    .infopage-aboutus__social__left,
    .infopage-aboutus__social__right{
        width: 100%;
        padding-right: 0;
    }
    .infopage-aboutus__social__right{
        margin-bottom: 20px;
    }
    .infopage-aboutus__social__left .boxhead.orange{
        font-size:18px;
        text-align: center;
        line-height: 28px;
        font-weight: 600;
        margin-bottom: 20px;
    }
    .infopage-aboutus__social__left .icons{
        justify-content: center;
        margin-bottom: 20px;
    }
    .infopage-aboutus__social__left h4{
        margin-bottom: 12px;
    }
    .infopage-contact{
        margin: 20px 0 40px 0;
    }
    .infopage-contact__box:first-child, .infopage-contact__box:nth-child(2){
        padding-right: 20px;
        margin-right: 20px;
    }
    .infopage-aboutus__videowrap{
        padding:20px 0 0 0;
        flex-direction: column;
    }
    .infopage-aboutus__videowrap.mobile-reverse{
        flex-direction: column-reverse;
    }
    .infopage-aboutus__videowrap__left,
    .infopage-aboutus__videowrap__right{
        padding: 0;
        width: 100%;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .infopage-aboutus__videowrap__right{
        max-width: 100%;
        margin-bottom: 20px;
    }
    .infopage-aboutus__videowrap__right img{
        width: 100%;
        max-height: 300px;
        object-fit: cover;
    }
}
@media screen and (max-width:700px){
    .infopage-contact__boxes {
        flex-direction: column;
   }
    .infopage-contact__box:first-child, .infopage-contact__box:nth-child(2){
        width: 100%;
        margin-right: 0;
        padding-right: 0;
    }
    .infopage-contact__box:first-child{
        border-bottom: 1px solid #E5E7EB;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-right:none;
    }
    .infopage-contact__box__item.item-address{
        padding-top:8px;
    }
    .infopage-contact__box:nth-child(3){
        display: none;
    }
    .infopage-aboutus__textwrap__head h4,
    .infopage-aboutus__videowrap__head h4{
        font-size:18px;
        line-height: 28px;
        margin-bottom:12px;
    }
    .infopage-aboutus__videowrap__inner p.links{
        margin-top: 12px;
    }
    .infopage-aboutus__videowrap__inner p.links a{
        margin-bottom: 12px;
        margin-top: 0;
    }
}
@media screen and (max-width:450px){
    .infopage-contact__box__item.maxwidth p{
        max-width: 100%;
    }
}

/* kalkulator ciązowy */
.calculator-childbirth-boxhead{
    font-size:30px;
    line-height:38px;
    font-weight: 600;
    margin-top: 24px;
    margin-bottom: 24px;
}
.datepicker-container{
    width:240px !important;
}
.ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all{
    display: none !important;
}

.calculator-childbirth h3 {
    margin-bottom: 16px;
    margin-top: 40px;
    display: block;
    margin-bottom:16px;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
}
.box_infopage .innerbox .calculator-childbirth p {
    margin-bottom: 16px;
    line-height: 24px
}
.box_infopage .innerbox .calculator-childbirth p#first-peroid-error,
.box_infopage .innerbox .calculator-childbirth p#conception-date-error{
    margin-bottom: 0;
    margin-top: 15px;
    color: #F04438;
    font-size: 14px;
    font-weight: 500;
}

.box_infopage .innerbox .calculator-childbirth p,
.box_infopage .innerbox .calculator-childbirth p strong,
.box_infopage .innerbox .calculator-childbirth p span{
    color:#4D5761;
}
.calculator-childbirth h4 {
    font-size: 24px;
    margin: 25px 0 24px 0;
    font-weight: 600;
    line-height: 32px;
    text-align: left;
}
.calculator-childbirth .buttons-wrapper {
    display: flex;
    flex-direction: column;
    max-width: 592px;
}
.calculator-childbirth .buttons-wrapper >div {
    text-align: center;
    cursor: pointer;
    border:1px solid #D2D6DB;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    text-align: left;
    padding: 12px 24px;
    justify-content: space-between;
}

.calculator-childbirth .buttons-wrapper >div .text {
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    text-align: left;
    font-weight: 600;
    padding-right: 20px;
}
.calculator-childbirth .buttons-wrapper >div .text::before{
    content:'';
    background:url('/userdata/public/assets/0_layout/svg/calculator_checkbox_i.svg') transparent no-repeat center;
    width:21px;
    min-width: 21px;
    height: 20px;
    display: inline-block;
    margin-right:16px;
}

.calculator-childbirth .buttons-wrapper >div.active{
    border-color:#1F2A37;
    -webkit-box-shadow:inset 0px 0px 0px 1px #1F2A37;
    -moz-box-shadow:inset 0px 0px 0px 1px #1F2A37;
    box-shadow:inset 0px 0px 0px 1px #1F2A37;
}

.calculator-childbirth .buttons-wrapper >div.active .text::before{
    background:url('/userdata/public/assets/0_layout/svg/calculator_checkbox_full_i.svg') transparent no-repeat center;
}

.calculator-childbirth .buttons-wrapper .peroid .blood-icon,
.calculator-childbirth .buttons-wrapper .conception .hearth-icon {
    display: flex;
    font-size:0px;
}
.calculator-childbirth .buttons-wrapper .peroid .blood-icon::before {
    display: inline-block;
    content: '';
    width: 56px;
    height: 56px;
    background-image: url('/userdata/public/assets/0_layout/svg/calculator_checkbox_1.svg');
    background-size:56px;
    transition: all .4s;
}
.calculator-childbirth .buttons-wrapper .conception .hearth-icon::before {
    display: inline-block;
    content: '';
    width: 56px;
    height: 56px;
    background-image: url('/userdata/public/assets/0_layout/svg/calculator_checkbox_2.svg');
    background-size:56px;
    transition: all .4s;
}

.calculator-childbirth .error-validation {
    color: #d45a47;
    display: none;
}
.calculator-childbirth .data-picker-wrapper {
    margin: 16px 0 0 0;
    padding-bottom:20px;
    text-align: left;
}
.calculator-childbirth .data-picker-wrapper [data-toggle="datepicker"] {
    text-align: center;
}
.calculator-childbirth .data-picker-wrapper [data-toggle="datepicker"] .datepicker-container {
    margin: 0 auto;
    padding: 10px;
    border-radius: 5px;
    background-color: var(--font);
}
.calculator-childbirth .data-picker-wrapper [data-toggle="datepicker"] .datepicker-container .datepicker-panel * {
    background-color: #66C299 !important;
    color: #fff;
}
.calculator-childbirth .data-picker-wrapper [data-toggle="datepicker"] .datepicker-container .datepicker-panel .muted {
    color: #a9d6c2;
}
.calculator-childbirth .data-picker-wrapper [data-toggle="datepicker"] .datepicker-container .datepicker-panel .picked {
    font-weight: 700;
}
.calculator-childbirth .data-picker-wrapper .button-wrapper {
    margin-top: 30px;
    margin-bottom: 20px;
}
.calculator-childbirth .data-picker-wrapper .button-wrapper button {
    padding: 10px 24px;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    font-weight: 700;
    background-color:#1F2A37;
    border: 0;
    height: 44px;
    max-width: 592px;
    width: 100%;
    transition: 150ms;
}
.calculator-childbirth .data-picker-wrapper .button-wrapper button:hover{
    background:#384250
}
.calculator-childbirth .data-picker-wrapper .peroid-date, .calculator-childbirth .data-picker-wrapper .conception-date {
    display: none;
}
.calculator-childbirth .data-picker-wrapper .peroid-date .datepicker-inline:nth-child(2), .calculator-childbirth .data-picker-wrapper .conception-date .datepicker-inline:nth-child(2) {
    display: none;
}
.calculator-childbirth .data-picker-wrapper .peroid-date.show, .calculator-childbirth .data-picker-wrapper .conception-date.show {
    display: block;
}
.calculator-childbirth .data-picker-wrapper .date-input {
    max-width: 592px;
    margin: 0 0 -50px 0;
}
.calculator-childbirth .data-picker-wrapper .date-input input, 
.calculator-childbirth .data-picker-wrapper .date-input select {
    box-shadow: none;
    padding: 10px 24px 10px 63px;
    height: 44px;
    width: 100%;
    border: none;
    border-radius: 0;
    text-align: left;
    background: url('/userdata/public/assets/0_layout/svg/calendar_dark_i.svg') #F3F4F6 no-repeat 24px 50%; 
}

.calculator-childbirth .data-picker-wrapper .date-input input, 
.calculator-childbirth .data-picker-wrapper .date-input input::placeholder{
    font-size:16px;
    line-height:24px;
    font-weight:600;
    color:var(--font);
}

.ui-datepicker-next,
.ui-datepicker-prev{
    border-radius: 5px;
    border: 1px solid #c5c5c5 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    top:2px !important;
}
.ui-datepicker-prev{
    left:2px !important;
}
.ui-datepicker-next{
    right:2px !important;
}
.ui-datepicker-prev:after{
    content:'<';
}
.ui-datepicker-next:after{
    content:'>';
}
.ui-datepicker-prev:after,
.ui-datepicker-next:after{
    font-size: 13px;
    font-weight: 700;
    color: var(--font);
}

.borderwrap{
    border-bottom:1px solid #E5E7EB;
    margin-bottom: 40px;
    margin-top: 40px;
    padding-bottom: 24px;
}
.borderwrap.borderwraparrow{
    position: relative;
}
.calculator-childbirth .how-its-works {
    margin: 0 auto;
}
.calculator-childbirth .how-its-works .how-its-works-wrap{
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}
.calculator-childbirth .how-its-works h2{
    font-size:22px;
    font-weight: 600;
    line-height: 39px;
    margin-bottom: 6px;
}

.calculator-childbirth .how-its-works .avatar{
    margin-right: 20px;
}
.calculator-childbirth .calculator-second > p:not(.smallfont){
    margin-bottom:24px;
}
.calculator-childbirth .calculator-second > p.smallfont{
    font-size:14px;
    line-height: 21px;
    margin-bottom: 24px;
}
.calculator-childbirth .calculator-second > h4{
    margin-top: -20px;
    margin-bottom: 16px;
    color:var(--orange);
}
.calculator-childbirth .calculator-second .tutorial p {
    margin-bottom: 24px;
}
.calculator-childbirth .calculator-second #backtoCalculator {
    margin-top: 20px;
}
.calculator-childbirth .calculator-second button, .calculator-childbirth .calculator-second a {
   color:white;
   background:var(--font);
   padding: 10px 24px;
   font-size:16px;
   line-height:24px;
   font-weight: 700;
   transition: 150ms;
}
.calculator-childbirth .calculator-second button, .calculator-childbirth .calculator-second a:hover{
    background:#384250;
}
.calculator-childbirth.step1 .calculator-first {
    display: block;
}
.calculator-childbirth.step1 .calculator-first > p {
    margin:24px 0 40px 0;
}
.calculator-childbirth.step1 .calculator-second {
    display: none;
}
.calculator-childbirth.step2 .calculator-first {
    display: none;
}
.calculator-childbirth.step2 .calculator-second {
    display: block;
}
.calculator-childbirth.step1 .calculator-first > .borderwrap:last-child{
    border-bottom:none;
    padding-bottom: 0;
}
#infopage14 > .boxhead,
#infopage28 > .boxhead,
#infopage35 > .boxhead,
#infopage36 > .boxhead{
    display: none; 
}
#infopage14 .innerbox .customboxhead,
#infopage28 .innerbox .customboxhead{
    text-align:center;
    font-size:26px;
    font-weight:600;
    margin:30px 0 10px 0;
}
#infopage28 .innerbox .preboxhead{
    text-align: center; 
    max-width: 920px; 
    margin: 0 auto;
}
.customboxhead .boxheadgray{
    color:#3e3e3e;
    display: inline-block;
}
.customboxhead .boxheadorange{
    color: var(--orange);
    display: inline-block;
}

/* poradnik */
#infopage28 h5{
    font-size:22px;
    font-weight: 600;
    line-height: 33px;
    color:var(--orange);
    text-align: center;
    margin-bottom: 8px;
}
#infopage28 h5.dark{
    margin-bottom: 25px;
    color:#3e3e3e;
}

#infopage28 h4{
    font-size:26px;
    line-height: 39px;
    color:var(--orange);
    font-weight: 600;
}

#infopage28 .innerbox p{
    line-height: 28px;
}
#infopage28 .select-guide{
    max-width: 570px;
    display: flex;
    flex-wrap:wrap;
    margin: 0 auto 10px auto;
}

#infopage28 .select-guide .item{
    margin: 15px;
    width: calc(33.333% - 30px);
}
#infopage28 .select-guide .item a{
    padding:13.5px 5px;
    font-size:14px;
    font-weight: 700;
    line-height: 18px;
    text-align:center;
    border: 1px solid #D5D5D5;
    border-radius:5px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
#infopage28 .linkborder a{
    border: 1px solid #D5D5D5;
    border-radius: 5px;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    display: block;
    max-width: 300px;
    margin: 0 auto;
    padding: 13.5px 5px;
    text-align: center;
}
#infopage28 .guide-desc{
    display: flex;
    justify-content: space-between;
    border:1px solid #D5D5D5;
    border-radius: 25px;
    padding: 40px 35px;
    box-sizing: border-box;
    margin: 30px auto 60px auto;
    max-width: 1100px;
}
#infopage28 .guide-desc .linkborder a{
    margin-left:inherit;
}
#infopage28 .guide-desc h4{
    max-width: 410px;
    margin-bottom: 20px;
}
#infopage28 .guide-desc p{
    margin-bottom:25px;
    font-size: 14px;
    line-height: 26px;
}
#infopage28 .guide-desc .guide-desc-left,
#infopage28 .guide-desc .guide-desc-right{
    width: 50%;
}
#infopage28 .guide-desc .guide-desc-left{
    max-width: 500px;
}
#infopage28 .guide-desc .guide-desc-right{
    padding-left: 30px;
    box-sizing: border-box;
}
@media screen and (max-width:900px){
    #infopage14 .innerbox .customboxhead,
    #infopage28 .innerbox .customboxhead{
        text-align: left;
        margin-top: 0;
        font-size:22px;
    }
    .calculator-childbirth-boxhead{
        line-height: 30px;
        font-size:20px;
        margin-top: 0;
        margin-bottom: 8px;
    }
    .box_infopage .innerbox .calculator-childbirth p{
        font-size:14px;
        line-height: 21px;
    }
    .calculator-childbirth h4{
        font-size:16px;
        line-height: 24px;
        margin: 16px 0;
    }
    .calculator-childbirth.step1 .calculator-first > p{
        margin-top: 8px;
        margin-bottom: 16px;
    }
    .calculator-childbirth .buttons-wrapper .conception .hearth-icon::before,
    .calculator-childbirth .buttons-wrapper .peroid .blood-icon::before{
        width:48px;
        height:48px;
        min-width: 48px;
        background-size:48px;
    }
    .calculator-childbirth .buttons-wrapper >div .text{
        font-size:14px;
        line-height:20px;
    }
    .calculator-childbirth .data-picker-wrapper{
        margin-top:12px;
        margin-bottom: 0;
        padding-bottom: 0;
        border:none;
    }
    .calculator-childbirth .data-picker-wrapper .button-wrapper{
        margin-top: 16px;
        margin-bottom: 0;
    }
    .calculator-childbirth .how-its-works .how-its-works-wrap{
        flex-direction: row-reverse;
        justify-content: space-between;
        margin-bottom: 7px;
    }
    .calculator-childbirth .how-its-works h2{
        font-size:18px;
        font-weight:600;
        line-height: 28px;
    }
    .calculator-childbirth .how-its-works .avatar{
        margin-right: 0;
        margin-left: 20px;
    }
    .calculator-childbirth .how-its-works .avatar img{
        max-width: 32px;
    }
    .borderwrap{
        margin-top: 16px;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .box_infopage .innerbox .calculator-childbirth p#first-peroid-error,
    .box_infopage .innerbox .calculator-childbirth p#conception-date-error{
        margin-bottom: 5px;
    }
    .calculator-childbirth h3{
        font-size: 16px;
        line-height: 24px;
        margin-top: 16px;
        margin-bottom: 8px;
    }
    .calculator-childbirth .calculator-second > p:not(.smallfont),
    .calculator-childbirth .calculator-second > p.smallfont{
        margin-bottom: 16px;
    }
    .calculator-childbirth .calculator-second button, 
    .calculator-childbirth .calculator-second a{
        width: 100%;
        max-width: 400px;
        text-align: center;
    }
    #infopage28 .innerbox .preboxhead{
        text-align: left;
    }
    #infopage28 .innerbox p{
        font-size:14px;
        line-height: 22px;
        margin-bottom: 18px;
    }
    #infopage28 h5{
        font-size:18px;
        line-height: 24.5px;
    }
    #infopage28 .select-guide{
        margin-bottom: 15px;
    }
    #infopage28 .select-guide .item{
        margin:4px;
        width:calc(33.333% - 8px);
    }

    #infopage28 h4{
        font-size:18px;
        line-height: 26px;
    }
    #infopage28 .guide-desc h4{
        margin-bottom: 15px;
    }

    #infopage28 h5.dark{
        margin-bottom: 15px;
    }
    #infopage28 .linkborder a{
        padding:11px 4px;
    }
    #infopage28 .guide-desc{
        margin-top: 15px;
        margin-bottom: 40px;
        flex-direction: column;
        padding: 20px 23px;
    }
    #infopage28 .guide-desc .guide-desc-left, 
    #infopage28 .guide-desc .guide-desc-right{
        width: 100%;
    }
    #infopage28 .guide-desc .guide-desc-right{
        margin-top: 16px;
        padding-left: 0;
    }
}

/* --------------------- ZWROTY -----------------*/
#infopage15 .boxhead {
    display: none;
    margin-bottom: 24px;
}
.returns-wrapper section {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.returns-wrapper section .text {
    width: 100%;
    box-sizing: border-box;
}
.returns-wrapper section .text h4 {
    display: block;
    margin: 0;
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
}
.returns-wrapper section .text p {
    display: block;
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 24px;
    color: var(--font);
}
.returns-wrapper section .text ul {
    margin: 0;
    padding: 0 0 0 15px;
}
.returns-wrapper section .text ul li {
    list-style-type: decimal;
    margin-bottom: 25px;
    color: #585858;
}
.returns-wrapper section .text #app-menu-container {
    border: 0;
    padding: 0;
    margin: 0;
}
.returns-wrapper section .text .kn-scenes {
    padding-bottom: 0;
}
.returns-wrapper section .image {
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.returns-wrapper section .image img {
    display: inline-block;
    width: auto;
    height: auto;
}
.returns-wrapper section:nth-child(2), .returns-wrapper section:nth-child(4) {
    align-items: center;
}

@media screen and (max-width: 768px) {
    .returns-wrapper section {
        flex-direction: column;
   }
    .returns-wrapper section .text {
        max-width: none;
   }
}

/* ---------------- INNE ---------------- */
input,
label{
    cursor: pointer;
}
label a{
    text-decoration:underline;
}
form textarea.error, .form textarea.error, form .error textarea, .form .error textarea, form input[type="text"].error, .form input[type="text"].error, form .error input[type="text"], .form .error input[type="text"], form input[type="tel"].error, .form input[type="tel"].error, form .error input[type="tel"], .form .error input[type="tel"], form input[type="password"].error, .form input[type="password"].error, form .error input[type="password"], .form .error input[type="password"], form input[type="date"].error, .form input[type="date"].error, form .error input[type="date"], .form .error input[type="date"], form input[type="number"].error, .form input[type="number"].error, form .error input[type="number"], .form .error input[type="number"], form input[type="email"].error, .form input[type="email"].error, form .error input[type="email"], .form .error input[type="email"], form input[type="search"].error, .form input[type="search"].error, form .error input[type="search"], .form .error input[type="search"], form input[type="tel"].error, .form input[type="tel"].error, form .error input[type="tel"], .form .error input[type="tel"], form input[type="color"].error, .form input[type="color"].error, form .error input[type="color"], .form .error input[type="color"]{
    background-color: #fff3f3;
    border-color: #e4401c;
}
.witherror_checkbox {
    overflow: hidden;
    background-color: #fff3f3;
}
#box_register select, #box_register input[type=text], #box_register input[type=tel], #box_register input[type="password"],
#box_contact select, #box_contact textarea, #box_contact input[type=text], #box_contact input[type=email], #box_contact input[type="password"]{
    width: 30em;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
select,
textarea{
    height: 40px;
    box-sizing: border-box;
    border: 1px solid #D2D6DB;
    font-size: 16px;
    line-height: 20px;
    color:var(--font);
    padding-left:12px;
}
input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="email"]::placeholder,
input[type="tel"]::placeholder{
    font-size: 16px;
    color:#6C737F;
}
.social-login-buttons{
    margin:20px 0;
    padding-bottom:25px;
    border-bottom:1px solid #D2D6DB;
}
.social-login-buttons h3{
    margin-bottom:15px;
}
.social-login-buttons a{
    padding-left:30px;
    padding-right:30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.social-login-buttons a:nth-of-type(1){
    margin-right: 15px;
}
.shop_login .centercol .innerbox{
    margin:30px 30px 20px 0;
}
.shop_login .centercol .innerbox input,
.shop_login .centercol .innerbox label{
    width:100%;
    display: block;
}
.shop_login .centercol .innerbox input,
#box_register input,
#box_contact input{
    margin-bottom:10px;
}
.shop_login .centercol .innerbox label,
#box_passchange label,
#box_register label,
#box_contact label{
    margin-bottom:5px;
    font-size:14px;
    color:#4D5761;
    line-height: 21px;
}
.shop_login .centercol .innerbox label a,
#box_passchange label a,
#box_register label a,
#box_contact label a{
    color:#4D5761;
}
.shop_login .centercol .innerbox label em,
#box_passchange label em,
#box_register label em,
#box_contact label em{
    color:#F04438;
}
#box_register form .bottombuttons{
    margin-top: 24px;
}
#box_register form .bottombuttons button{
    width: 100%;
}
.shop_login .centercol .innerbox h3,
.shop_login_register form h3,
.shop_login_register form h4{
    margin-bottom:15px;
}
.shop_login_register form h4{
    margin-top:15px;
}
.shop_login .centercol .innerbox p.remind-password{
    font-size: 13px;
    color: #4D5761;
    margin:10px 0;
}
.shop_login .centercol .innerbox button.login{
    margin-top:5px;
    margin-bottom:10px;
    width: 100%;
}
.shop_login .centercol .innerbox p.remind-password a{
    text-decoration: underline;
    font-size:13px;
    color:#4D5761;
}
.shop_login .centercol .innerbox > form{
    margin-right:30px;
}

.shop_login .register-inner p{
    font-size:16px;
    line-height: 24px;
    margin-bottom:15px;
    color:#4D5761;
}

.shop_login .register-inner ul{
    padding-left:20px;
    margin-bottom:15px;
}
.shop_login .register-inner ul li{
    list-style: circle;
    font-size:14px;
    color:#4D5761;
    padding:5px 0;
}
.shop_login .register-inner button{
    width: 100%;
}
.requiredinfo,
.hint{
    font-size:13px;
    margin:3px 0 10px 0;
    display: block;
    color:gray;
}
.shaded_inputwrap.error input{
    margin-bottom:0px !important;
}
.input_error li,
form .error li{
    font-size:13px;
    color:var(--orange);
    margin:10px 0;
}

/* ---------- passremind ------------ */
#box_passchange{
    margin:5px 0 10px 0;
}
#box_passchange input,
#box_passchange label,
#box_passchange button{
    width:200px;
}

#box_passchange button{
    margin:5px 0;
}

/* ---------------404  -----------*/
#box_404{
    margin:20px 0;
}
#box_404 > .boxhead > h3{
    color:var(--orange);
}
#box_404 .innerbox > p,
#box_404 .innerbox > p > a{
    font-size:13px;
    line-height: 18px;
}
#box_404 .innerbox > p > a{
    text-decoration: underline;
}
#box_404 .innerbox > p:nth-child(2){
    margin-bottom:15px;
}
#box_404 .innerbox > p:nth-child(4){
    margin-top:15px;
}
#box_404 .innerbox > form{
    max-width:375px;
}
/* ----------- contact ------------ */
#box_contact > .boxhead > h3{
    color:var(--orange);
}

@media screen and (max-width:767px){
    #box_login .innerbox{
        flex-wrap:wrap;
        margin-right: 0;
    }
    #box_login .innerbox > form,
    #box_login .innerbox > .register-inner{
        width:100%;
        flex-basis:100%;
        margin-right: 0;
    }
    #box_login .innerbox > .register-inner{
        padding-top:25px;
        margin-top:15px;
        border-top:1px solid #d6d6d6;
    }
    .social-login-buttons{
        display: flex;
        flex-wrap:wrap;
    }
    .social-login-buttons h3,
    .social-login-buttons a{
        width: 100%;
    }
    .social-login-buttons a:nth-of-type(1){
        margin-right: 0;
        margin-bottom:8px;
    }
}

@media screen and (max-width:500px){
    #box_register select, #box_register input[type=text], #box_register input[type=tel], #box_register input[type="password"],
    #box_contact select, #box_contact textarea, #box_contact input[type=text], #box_contact input[type=email], #box_contact input[type="password"]{
        width:100%;
    }
}
.product_custom_boxhead{
    display: none;
}
.product_custom_boxes{
    margin-bottom:24px;
    background:#F3F4F6;
    padding: 16px;
    box-sizing: border-box;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}
.essentials-modal-toggler{
    margin-top:16px;
}
.modal.essentials-modal{
    width: 100% !important;
    position: fixed !important;
    border-radius:0;

    left: 50% !important;
    top: 50% !important;
    transform: none;
    transform: translateX(-50%) translateY(-50%);
    max-height: calc(100vh - 100px);
    max-width: 1070px;
    overflow: hidden;
}
.modal.essentials-modal.modal-visible{
    padding: 40px 10px 0px 20px
}
.modal.essentials-modal .modal-header{
    margin:0;
    padding:0;
}
.essentials-modal-preheader{
    display: none;
}

.essentials-modal-header{
    color: #1F2A37;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: left;
}
.essentials-modal-wrap{
    overflow-y: scroll;
    max-width: 1070px;
    margin: 0 auto;
    max-height: calc(100vh - 160px);
}
.essentials-modal-wrap::-webkit-scrollbar {
  width: 4px;
}
.essentials-modal-wrap::-webkit-scrollbar-track {
  background: #f4f4f4;
}
.essentials-modal-wrap::-webkit-scrollbar-thumb {
  background: #888;
}
.essentials-modal-wrap::-webkit-scrollbar-thumb:hover {
  background: #8B8A8A;
}
.modal.essentials-modal .essentials-section-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.modal.essentials-modal .essentials-section-name{
    display: flex;
    align-items: center;
    font-size:18px;
    line-height: 27px;
    font-weight: 500;
}
.modal.essentials-modal .essentials-section-name.order{
    font-size:24px;
    line-height: 32px;
    font-weight: 600;
}
.modal.essentials-modal .essentials-section-name img{
    /* margin-left:10px; */
    display: none;
}
.modal.essentials-modal .essentials-section-showmore a{
    color:#6C737F;
    font-size:16px;
    line-height: 24px;
    font-weight: 500;
    transition: 150ms;
    display: flex;
    align-items: center;
}
.modal.essentials-modal .essentials-section-showmore a::after{
    content:'';
    width:20px;
    height: 20px;
    background:url('/userdata/public/assets/0_layout/svg/arrowup_i.svg') transparent no-repeat center;
    background-size:20px;
    margin-left: 4px;
    transition: 150ms;
}
.modal.essentials-modal .essentials-section-showmore a:hover{
    filter: brightness(0.5);
}
.modal.essentials-modal .essentials-modal-inner{
    padding:0 10px 0 0;
    margin:0 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.modal.essentials-modal .essentials-section-inner{
    margin:20px 0;
    border-bottom:1px solid #E5E7EB;
    padding-bottom: 20px; 
}
.modal.essentials-modal .essentials-section-inner:not(.owl-loaded){
    display: flex;
}
.modal.essentials-modal .essentials-section-inner .owl-stage{
    padding-left: 0 !important;
}

.modal.essentials-modal .essentials-section-inner .product .manufacturer,
.modal.essentials-modal .essentials-section-inner .product .productnamewrap{
    padding-left: 0;
    padding-right: 0;
}
@media screen and (min-width:901px){
    .essentials-mobile-menu,
    .essentials-mobile-toggler{
        display: none;
    }
}
@media screen and (max-width:900px){
    .essentials-mobile-menu{
        display: flex;
        flex-direction: column;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background: white;
        z-index: 2001;
        padding: 20px 16px;
        box-sizing: border-box;
        transition: 0.2s linear;
        bottom:-100vh;
    }
    .essentials-mobile-menu.active{
        display: block;
        z-index: 2001;
    }
    .essentials-mobile-menu.show{
        bottom:0;
    }

    .essentials-mobile-menu .essentials-mobile-menu-boxhead{
        font-weight:600;
        font-size:14px;
        line-height:20px;
        padding-right: 30px;
        padding-left: 30px;
        text-align: center;
        position: relative;
        margin-bottom: 20px;
        cursor: pointer;
        padding-bottom: 20px;
        border-bottom: 1px solid #E5E7EB;
    }
    .essentials-mobile-menu .essentials-mobile-menu-boxhead::after{
        content:'';
        width:24px;
        height:24px;
        display: inline-block;
        background:url('/userdata/public/assets/0_layout/svg/close_i.svg') transparent no-repeat center;
        position: absolute;
        right:0;
    }
    .essentials_infopage_left .testimonial{
        margin-bottom:18px;
    }

    .essentials-mobile-menu-options,
    .essentials-mobile-menu-selected{
        font-size:14px;
        line-height: 21px;
        font-weight: 400;
    }
    .essentials-mobile-menu-options ul{
        list-style: numeric;
        padding-left:26px;
        line-height:24px;
        font-size:14px;
        line-height: 21px;
        color:#4D5761;
    }
    .essentials-mobile-menu-options ul,
    .essentials-mobile-menu-options ul li,
    .essentials-mobile-menu-options ul li::marker,
    .essentials-mobile-menu-options ul li a{
        font-size:14px;
        line-height: 21px;
        color:#4D5761;
    }
    .essentials-mobile-menu-options ul li a{
        text-decoration: underline;
        padding:6px 0;
        font-size:14px !important;
        display: block;
    }
    .essentials-mobile-toggler{
        position: fixed;
        bottom:16px;
        right: 16px;
        box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
        padding:8px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: #E5E7EB;
        border:1px solid #D2D6DB;
        z-index: 1;
        cursor: pointer;
    }
    .essentials-mobile-toggler img{
        margin-bottom:4px;
        margin-right: 0;
    }
    .essentials-mobile-toggler span{
        text-align: center;
        color:#4D5761;
        font-size:12px;
        line-height: 18px;
        font-weight:500;
    }
}
@media screen and (max-width:1140px){
    .modal.essentials-modal{
    max-width: calc(100vw - 100px);
    }
}
@media screen and (min-width:901px){
    .modal.essentials-modal .modal-header h3{
        font-size:0px;
    }
}
@media screen and (max-width:900px){
    .modal.essentials-modal .essentials-section-inner .owl-stage{
        padding-left:20px !important;
    }
    .modal.essentials-modal{
        max-height: calc(100vh - 44px);
        bottom: 0;
        top: inherit !important;
        transform: none;
        left: 0 !important;
        right: 0 !important;
        max-width: 100%;
    }
    .modal.essentials-modal.modal-visible{
        padding-top: 20px;
        padding-left: 0;
        padding-right: 0;
    }

    .modal.essentials-modal .modal-header .modal-close{
        top:12px;
    }
    .modal.essentials-modal{
        padding-top: 20px;
    }
    .modal.essentials-modal .modal-header{
        border-bottom:1px solid #E5E7EB;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    
    .modal.essentials-modal .modal-header h3{
        font-size:14px;
        line-height: 20px;
        font-weight: 600;
    }
    .essentials-modal-header{
        display: none;
    }
    /* .modal.essentials-modal .essentials-section-header{
        padding:0 15px;
    } */
    .modal.essentials-modal .essentials-modal-inner{
        padding:0;
    }
    .modal.essentials-modal .essentials-section{
        margin-bottom:20px;
        border-bottom: 1px solid #E5E7EB;
    }
    .modal.essentials-modal .essentials-section-inner{
        border:none;
    }
    .essentials-section-inner .owl-stage{
        padding-left:15px !important;
    }
    .essentials-section-header{
        flex-direction: column;
    }
    .essentials-section-name{
        flex-direction: row-reverse;
        width: 100%;
        flex-wrap:wrap;
        justify-content: flex-start;
        text-align: left;
        padding-left:16px;
        padding-right: 16px;
    }
    .essentials-section-name span{
        display: block;
        width:100%;
        order:2;
        font-size:14px;
        font-weight: 600;
        line-height: 20px;
    }
    .modal.essentials-modal .essentials-section-name img{
        max-width:16px;
        max-height: 16px;
        margin:10px 5px;
    }
    .modal.essentials-modal .essentials-section-showmore{
        /* margin:8px 0 4px 0; */
        display: none;
    }

    .essentials_infopage_left .np-wyprawka .fx-box h2{
        font-size:18px;
        line-height:28px;
        margin-bottom: 12px;
    }
    .box_infopage .essentials_infopage p,
    .box_infopage .essentials_infopage th,
    .box_infopage .essentials_infopage td,
    .legend-table{
        font-size:14px;
    }
    .essentials-modal-toggler{
        margin-top:12px;
        width: 100%;
        max-width: 400px;
        text-align: center;
    }
    .essentials_infopage_left .np-wyprawka .fx-box table{
        margin-top:10px;
    }
    .essentials_infopage_left .legend-table{
        margin-bottom:40px;
    }
    .essentials_infopage_left .np-wyprawka > .np-center > .np-infant:nth-child(2) h2{
        margin-top: 20px;
    }

    .modal.essentials-modal .product .productnamewrap .productname{
        font-size:12px;
        line-height: 18px;
        min-height: 37px;
        padding-bottom: 0;
    }
    .modal.essentials-modal .product .productnamewrap{
        padding-bottom: 0;
    }
    .modal.essentials-modal .product  .price em{
        font-size:12px;
        line-height: 18px;
    }
    .modal.essentials-modal .product .boximgsize{
        margin-bottom: 8px;
    }
}


/* panel */
.btn.btn-green-border{
  border: 1px solid var(--green);
  color: var(--green);
  padding: 6px 15px 4px 15px;
  font-weight: 700;
  text-transform: uppercase;
}
.wrap-border{
  margin-bottom:40px;
  position: relative;
}
.wrap-border h4{
  font-size:16px;
  line-height: 24px;
  font-weight:600;
}
.wrap-border p,
.wrap-border a:not(.btn),
.wrap-border b,
.wrap-border li{
  font-size:16px;
  line-height: 24px;
  font-weight: 400;
  color: #4D5761;
}
#box_panel
.wrap-border a.btn{
  margin-bottom:5px;
}
.wrap-border b{
  font-weight: 600;
}
#box_panel .wrap-border.settings .wrap{
  margin:6px 0 15px 0;
}
#box_panel ul.orders,
#box_panel ul.address,
#box_orders ul{
  counter-reset: number;
  list-style-type: none;
  margin:18px 0 13px 0;
}

#box_panel ul.orders,
#box_orders ul{
  padding: 4px 0 0px 0;
}
#box_panel ul.orders li,
#box_orders ul li{
  margin-bottom:24px;
}
@media screen and (max-width:900px){
    #box_panel ul.orders li,
    #box_orders ul li{
        margin-bottom:20px;
    }
}
#box_panel ul.address li,
#box_orders ul li,
#box_panel .panel .history ul li{
  padding-left:40px;
  padding-right:10%;
  position: relative;
  color:#4D5761;
}
#box_panel ul.orders li::before,
#box_panel ul.address li::before,
#box_orders ul li:before,
#box_panel .panel .history ul li::before{
  counter-increment: number;
  content: counter(number);
  color: white;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  background: #4D5761;
  width: 28px;
  height: 28px;
  text-align: center;
  border-radius: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
#box_panel ul.address li::before,
#box_orders ul li::before,
#box_panel .panel .history ul li::before{
  position: absolute;
  top:0px;
  left:0;
}

#box_panel ul.address li a,
#box_orders ul li a,
#box_panel .panel .history ul li a{
    font-weight: 600;
    color:var(--font);
    display: inline-flex;
    align-items: center;
    font-size:16px;
}

#box_panel ul.address li a img,
#box_orders ul li a img,
#box_panel .panel .history ul li a img{
    margin-left: 4px;
}
#box_panel ul.address li .date,
#box_orders ul li .date,
#box_panel .panel .history ul li .date{
    margin-top: 4px;
    color:#9DA4AE;
    font-style: italic;
    font-size:14px;
    line-height: 20px;
}
#box_order .wrap-border h4{
  margin-bottom:4px;
}
#box_order .wrap-border p{
    font-size:14px;
    line-height:21px;
}
#box_order .subboxhead{
    font-size:20px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 16px;
}
.wrap-border-group .wrap-border{
  width:calc(100% / 3);
  margin-right: 40px;
  padding-right: 30px;
  border-right: 1px solid #E5E7EB;
}
.wrap-border-group .wrap-border:nth-child(2){
    margin-right: 0;
}
.wrap-border-group .wrap-border:last-child{
    margin-right: 0;
    border-right:0;
    margin-left: 40px;
}

.wrap-border-group .wrap-border .details-wrap{
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}
.wrap-border-group .wrap-border .details-wrap .imgwrap{
    margin-right:12px;
}
.wrap-border-group .wrap-border .details-wrap .details-note .date{
    font-size:14px;
    line-height: 20px;
    color:#9DA4AE;
    font-style: italic;
}
.wrap-border-group .wrap-border.details .wrap-border-flexwrap-col{
    width:70%;
    margin-right:15px;
}
.wrap-border-group .wrap-border.details .wrap-border-flexwrap-col:last-child{
  margin-right:0;
}
.wrap-border-group .wrap-border .wrap-border-flexwrap-col:last-child .wrap-border-flexwrap-imgwrap{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  align-items: center;
}
.wrap-border-group .wrap-border.details .wrap-border-flexwrap-imgwrap .date{
  font-size:12px;
  margin-top:15px;
  text-align: center;
}
.wrap-border-group .wrap-border.details .wrap-border-flexwrap-row:first-child{
  margin-bottom:10px;
}
.wrap-border-group .wrap-border.details .wrap-border-flexwrap-row .value{
    font-weight: 600;
    color:#4D5761;
    margin-top: 4px;

}
.wrap-border-group .wrap-border.address-doc .wrap-border-flexwrap-col:first-child,
.wrap-border-group .wrap-border.details-deliv .wrap-border-flexwrap-col:first-child{
  width:100%;
  margin-right:15px;
}
.wrap-border-group .wrap-border:nth-child(2) .wrap-border-flexwrap-col:last-child .wrap-border-flexwrap-imgwrap,
.wrap-border-group .wrap-border:nth-child(3) .wrap-border-flexwrap-col:last-child .wrap-border-flexwrap-imgwrap{
  padding-top:10px;
}


.order-products.table .name,
.order-delivery.table .name{
  width:calc(100% - 105px);
}
.order-products.table,
.order-delivery.table{
  margin-bottom:4px;
  max-width: 600px;
}
.order-products.table .order-products-product{
    margin-bottom: 12px;
}
/* .order-delivery.table .order-delivery-inner{
    min-height: 88px;
} */
.order-products.table .name,
.order-products.table .quantity,
.order-products.table .sum,
.order-delivery.table .name,
.order-delivery.table .sum{ 
  font-size:14px;
  line-height: 20px;
  font-weight: 500;

}
.order-products.table .sum,
.order-delivery.table .sum{
  width:105px;
  text-align: center;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.order-products.table .name a,
.order-delivery.table .name,
.order-delivery.table .name strong,
.order-products.table .sum,
.order-delivery.table .sum{
    color:#4D5761;
}

.order-delivery.table .name strong{
    font-weight:600;
    margin-left: 4px;
}
.order-products.table .name a{
    margin-bottom: 4px;
}
.order-products.table .name .name-wrap .quantity{
    font-size:12px;
    line-height: 18px;
    color:#9DA4AE;
}

.order-delivery.table .order-delivery-inner .name .name-imgwrap,
.order-products.table .order-products-inner .name .name-imgwrap{
    margin-right:15px; 
}
.order-delivery.table .order-delivery-inner .name img,
.order-products.table .order-products-inner .name img{
    max-width:64px;
    max-height:64px;
    width: 64px;
    object-fit: contain;
}

#box_order .order-summary{
    display: flex;
    flex-direction: column;
    max-width: 600px;
    margin-top: 12px;
}
#box_order .order-summary > div:not(.none){
    display: flex;
    justify-content: space-between;
}
#box_order .order-summary > div span{
    font-size:14px;
    line-height:20px;
}

#box_order .order-summary > div:nth-last-child(1){
    margin-top: 15px;
    border-top: 1px solid #E5E7EB;
    border-bottom: 1px solid #E5E7EB;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-bottom: 12px;
}
#box_order .order-summary > div:nth-last-child(1) span{
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}
#box_order .order-summary > div:nth-last-child(1) span strong{
    font-weight: 600;
}
#box_order .order-summary ~ form{
    width: 100%;
    max-width: 250px;
}
#box_order .order-summary ~ form button{
    width: 100%;
    text-align: center;
}

@media screen and (max-width:900px){
  .wrap-border-group .wrap-border{
    margin-right: 15px;
    padding-right: 15px;
  }
  .wrap-border-group .wrap-border:last-child{
    margin-left: 15px;
  }
  .wrap-border-group .wrap-border.details .wrap-border-flexwrap-col{
    width:50%;
  }
  .wrap-border-group .wrap-border.details .wrap-border-flexwrap-col:nth-last-child(2){
    margin-right:0;
  }
  .wrap-border-group .wrap-border.address-doc .wrap-border-flexwrap-col:first-child,
  .wrap-border-group .wrap-border.details-deliv .wrap-border-flexwrap-col:first-child{
    width:100%;
    margin-right:0px;
  }
}
@media screen and (max-width:767px){
  #box_order .wrap-border-group{
    flex-wrap:wrap;
  }
  #box_order .wrap-border-group .wrap-border{
    width:100%;
    margin-bottom:20px;
    margin-right: 0px;
    padding-right: 0px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E5E7EB;
    border-right:none;
  }
  .wrap-border-group .wrap-border{

  }
  .wrap-border-group .wrap-border:last-child{
    margin-left: 0;
  }
  .wrap-border-group .wrap-border .details-wrap{
    margin-bottom:16px;
  }
}
@media screen and (min-width:768px){
  #box_panel .wrap-border.history:before{
    content:'';
    background:url('/userdata/public/assets/dobre_liski/panel/panel_history.svg') transparent no-repeat;
    background-size:60px;
    position: absolute;
    right:80px;
    top:50%;
    transform:translateY(-50%);
    width:60px;
    height: 64px;
  }
  #box_panel .wrap-border.settings:before{
    content:'';
    background:url('/userdata/public/assets/dobre_liski/panel/panel_settings.svg') transparent no-repeat;
    background-size:63px;
    position: absolute;
    right:80px;
    top:50%;
    transform:translateY(-50%);
    width:63px;
    height:48px;
  }
  #box_panel .wrap-border.addresses:before{
    content:'';
    background:url('/userdata/public/assets/dobre_liski/panel/panel_addresses.svg') transparent no-repeat;
    background-size:59px;
    position: absolute;
    right:80px;
    top:50%;
    transform:translateY(-50%);
    width:59px;
    height:65px;
  }
}
@media screen and (max-width:600px){
  #box_panel ul.address{
    display: flex;
    flex-direction: column;
  }
  #box_panel ul.address li:first-child{
    margin-bottom:15px;
  }
  #box_order .order-summary ~ form{
    max-width: 100%;
  }
}

/* inne strony z panelu */
#box_orders .boxhead,
#box_order .boxhead,
#box_panel .boxhead,
#box_addresses .boxhead,
#box_address .boxhead{
    margin-top: 24px;
    margin-bottom: 35px;
}
@media screen and (max-width:900px){
    #box_orders .boxhead{
        margin-top: 0;
        margin-bottom:0;
    }
    #box_order .boxhead,
    #box_addresses .boxhead,
    #box_address .boxhead{
        margin-top: 0;
        margin-bottom: 20px;
    }
}
@media screen and (max-width:900px){
    #box_panel .boxhead{
        margin-bottom: 20px;
    }
}

#box_useredit input{
    margin-bottom:10px;
    width: 100%;
}
#box_useredit label,
.shop_panel_password #box_passchange label{
    margin-bottom:5px;
    font-size:14px;
    line-height: 21px;
    color:#4D5761;
}
#box_useredit label a,
.shop_panel_password #box_passchange label a{
    color:#4D5761;
}
#box_useredit label em,
.shop_panel_password #box_passchange label em{
    color:#F04438;
    font-style: normal;
}
#box_passchange .innerbox form > fieldset > .shaded_inputwrap{
  margin-bottom:10px;
}
#box_passchange .innerbox form > fieldset > label{
  display: block;
  margin-bottom:5px;
}
#box_passchange .innerbox form > fieldset input,
#box_passchange .innerbox form > fieldset label,
#box_passchange .innerbox form button{
    width: 100%;
    max-width: 550px;
}
#box_passchange .innerbox form > fieldset input,
#box_passchange .innerbox form > fieldset input::placeholder,
#box_address .innerbox form > fieldset input,
#box_address .innerbox form > fieldset select,
#box_address .innerbox form > fieldset input::placeholder{
    font-size:16px;
}
#box_passchange .innerbox form > fieldset input::placeholder,
#box_address .innerbox form > fieldset input::placeholder{
    color:#6C737F;
}
#box_useredit{
    max-width: 550px;
}
#box_useredit .checkbox-wrap input{
  transform:translateY(4px);
}
#box_useredit .bottombuttons{
    margin-top: 24px;
    width: 100%;
}
#box_useredit .bottombuttons button{
    width: 100%;
    text-align: center;
}

#box_useredit fieldset > label[for="newsletter_input"]{
    font-size: 18px;
    font-weight: 600;
    margin: 10px 0 5px 0;
    display: block;
    color:var(--font);
}

#box_useredit h4{
  margin:10px 0 5px 0;
}

.shop_panel_comments #box_productcomments .innerbox .productcomment{
  border-bottom:1px solid #d6d6d6;
  margin-bottom:15px;
  padding-bottom:15px;
}
.shop_panel_comments #box_productcomments .innerbox .productcomment h5{
  margin-bottom:5px;
}
.shop_panel_comments #box_productcomments .innerbox .productcomment .date{
  font-size: 13px;
    color: gray;
    margin-bottom: 15px;
}

#box_addresses .innerbox ul li{
    border-bottom: 1px solid #E5E7EB;
    padding-bottom: 28px;
    margin-bottom: 40px;
}
#box_addresses .innerbox ul li em{
  font-style: normal;
}
#box_addresses .innerbox ul li a,
#box_addresses .innerbox ul li p{
    font-size: 16px;
    line-height: 24px;
    color: #4D5761;
}
#box_addresses .innerbox ul li .links-defaults{
    display: flex;
    flex-direction: column;
    font-size:14px;
    margin: 12px 0;
}
#box_addresses .innerbox ul li .links-defaults em{
    color:#4D5761;
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}
#box_addresses .innerbox ul li .links-defaults em.default:before{
    content:'';
    background:url('/userdata/public/assets/0_layout/svg/panel_default_payment_i.svg') transparent no-repeat center;
    width:16px;
    height:17px;
    display: inline-block;
    margin-right: 4px;
}
#box_addresses .innerbox ul li .links-defaults em.shipping:before{
    content:'';
    background:url('/userdata/public/assets/0_layout/svg/panel_default_shipping_i.svg') transparent no-repeat center;
    width:16px;
    height:17px;
    display: inline-block;
    margin-right: 4px;
}
#box_addresses .innerbox ul li .links{
  margin:24px 0 0 0;
}
#box_addresses .innerbox ul li .btn{
  padding:10px 24px;
  color:#1F2A37;
  font-weight: 600;
  margin-right: 10px;
  text-align: center;
  margin-bottom: 12px;
}
#box_addresses .innerbox ul li .btn:not(.btn-white){
    min-width: 160px;
}
#box_addresses .innerbox > .add.btn{
    width: 100%;
    max-width: 300px;
    text-align: center;
}
#box_address .innerbox form tr{
  display: flex;
  flex-direction: column;
}
#box_address table{
    width: 100%;
    max-width: 550px;
}
#box_address .bottombuttons{
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 550px;
    margin-top: 24px;
}
#box_address .bottombuttons button{
    margin-bottom: 12px;
}
#box_address .innerbox form tr label,
#box_address .innerbox form tr input,
#box_address .innerbox form tr select{
  width:100%;
}
#box_address .innerbox form tr td.flexrow{
    display: flex;
}
#box_address .innerbox form label{
    margin-top: 3px;
    margin-bottom: 3px;
    font-size: 13px;
    display: block;
    color: #4D5761;
}
#box_address .innerbox form input{
  margin-bottom:10px;
}

#box_address .innerbox .hint{
  margin-top:0;
}
#box_address .innerbox .requiredinfo{
  margin:15px 0;
}

@media screen and (max-width:767px){
  #box_panel ul.address{
    flex-wrap:wrap;
  }
  #box_panel ul.address li{
    width:100%;
    flex-basis: 100%;
  }
}

@media screen and (max-width:550px){
    #box_addresses .innerbox ul li a, #box_addresses .innerbox ul li p{
        font-size:14px;
        line-height: 21px;
    }
    #box_addresses .innerbox ul li .links{
        flex-direction: column;
        display: flex;
        margin-top: 20px;
    }
    #box_addresses .innerbox ul li .links .btn{
        margin-right: 0;
    }
    #box_addresses .innerbox ul li .links .btn.remove{
        margin-top: -10px;
    }
    #box_addresses .innerbox ul li{
        padding-bottom: 8px;
        margin-bottom: 20px;
    }
    #box_addresses .innerbox ul li .links-defaults{
        font-size:12px;
    }
    #box_addresses .innerbox > .add.btn{
        max-width: 100%;
    }
}
/* ostatni step zamówienia */
header.checkout .logo-bar{
    max-width: 1140px;
    margin: 0 auto;
    padding: 30px 15px;
    height: 120px;
    display: flex;
    align-items: center;
}

@media screen and (max-width:500px){
    header.checkout .logo-bar{
        height: 80px;
        padding:15px;
    }
    header.checkout .logo-bar .link-logo{
        text-align: center;
        max-width:160px;
    }
    header.checkout .logo-bar .link-logo img{
        max-width:100%;
    }
}
header.checkout .basket-steps{
    display: none;
}

#box_basketfinal{
    margin:35px 0;
}
#box_basketfinal .boxhead{
    color:var(--orange);
}

#box_basketfinal .boxhead:before{
    content:'6';
    background:var(--green);
    width:37px;
    height: 37px;
    line-height: 42px;
    text-align: center;
    margin-right: 15px;
    position: relative;
    font-size:20px;
    color:white;
    border-radius:100%;
    display: inline-block;
    top:-1px;
}

#box_basketfinal .custom-wrap{
    border-radius:16px;
    border:1px solid #b4b4b4;
    padding:30px;
    margin-bottom:20px;
    position: relative;
}

#box_basketfinal .custom-wrap h4{
    font-size:20px;
    line-height: 30px;
    color:#222323;
    margin-bottom:10px;
    max-width: 640px;
}

#box_basketfinal .custom-wrap h4 strong{
    color:var(--orange);
}

#box_basketfinal .custom-wrap p{
    font-size:13px;
    font-weight: 300;
    line-height: 30px;
    max-width: 640px;
    color:#222323;
}
#box_basketfinal .custom-wrap p a{
    font-weight: 700;
}

#box_basketfinal form:before,
#box_basketfinal form:after{
    display:none !important
}

#box_basketfinal form button{
    background:var(--green);
    font-size:20px;
    color:white;
    border-radius:5px;
    text-align: center;
    height:45px;
    line-height:44px;
    padding: 0 20px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top:15px;
}

#box_basketfinal form button span{
    font-size:20px;
    color:white;
}

#box_basketfinal form button:before{
    content:'';
    background:url('/userdata/public/assets/dobre_liski/panel/tick_order.svg') transparent no-repeat;
    background-size:24px;
    width:24px;
    height: 17px;
    display: inline-block;
    margin-right:12px;
    position: relative;
    top:2px;
}
@media screen and (min-width:901px){
    #box_basketfinal .custom-wrap:first-child:before{
        content:'';
        background:url('/userdata/public/assets/dobre_liski/order_1.png') no-repeat transparent 90% 50%;
        position:absolute;
        right:0;
        bottom:-11px;
        width: 100%;
        height: 100%;
    }
    
    #box_basketfinal .custom-wrap:nth-child(2):before{
        content:'';
        background:url('/userdata/public/assets/dobre_liski/order_2.png') no-repeat transparent 90% 50%;
        position:absolute;
        right:0;
        bottom:-11px;
        width: 100%;
        height: 100%;
    }
}

.age-categories-infopage-boxhead{
    margin-bottom: 12px;
}
.age-categories-infopage-boxhead .flex-left{
    width: 58%;
    padding-right: 40px;
}

.age-categories-infopage-boxhead .flex-right{
    width:42%;
    text-align: right;
}

.age-categories-infopage-boxhead .flex-left .custom-boxhead{
    font-size:30px;
    line-height:38px;
    font-weight: 600;
    margin-top: 6px;
    margin-bottom: 24px;
}
.age-categories-infopage-boxhead .flex-left p{
    font-size:16px;
    line-height: 24px;
    color:#4D5761;
}
.age-categories-h3{
    margin-bottom: 24px;
}

#age-categories-infopage{
    display: flex;
    flex-wrap:wrap;
    margin-left: -16px;
    margin-bottom: 24px;
}
#age-categories-infopage .item{
    margin: 0 0 16px 16px;
    position: relative;
    overflow: hidden;
    width:calc(25% - 16px);
    display: flex;
    justify-content: center;
    align-items: center;
}
#age-categories-infopage .item.item-large{
    width:calc(50% - 16px);
    margin-bottom: 0;
}
#age-categories-infopage .item a{
    width: 100%;
    height: 100%;
    display: block;
}
#age-categories-infopage .item .imgwrap{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
#age-categories-infopage .item .imgwrap img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#age-categories-infopage .item::after{
    content:'';
    position: absolute;
    bottom:0;
    left:0;
    right:0;
    top:0;
    background: linear-gradient(180deg, rgba(32, 41, 57, 0.00) 50%, rgba(32, 41, 57, 1) 100%);
    opacity:0.65;
    pointer-events: none;
    transition:150ms;
}

#age-categories-infopage .item .name{
    position: absolute;
    bottom:16px;
    left: 16px;
    font-size:20px;
    line-height: 30px;
    font-weight: 600;
    color:white;
    z-index: 1;
    pointer-events: none;
}

#age-categories-infopage .item:hover::after{
    opacity:0.8;
}

@media screen and (max-width:900px){
    .age-categories-infopage-boxhead{
        flex-direction: column;
    }
    .age-categories-infopage-boxhead .flex-left{
        width: 100%;
        padding-right:0;
    }
    .age-categories-infopage-boxhead .flex-right{
        display: none;
    }
    #age-categories-infopage .item:not(.item-large){
        width:calc(33.333% - 16px);
    }
    #age-categories-infopage .item .name{
        font-size:16px;
        line-height: 24px;
    }
}
@media screen and (max-width:700px){
    .age-categories-infopage-boxhead{
        margin-bottom: 20px;
        margin-bottom: 20px;
    }
    .age-categories-infopage-boxhead .flex-left .custom-boxhead{
        font-size:20px;
        line-height:30px;
        margin-top: 0;
        margin-bottom: 8px;
    }
    .age-categories-infopage-boxhead .flex-left p{
        font-size:14px;
        line-height:21px;
    }
    #age-categories-infopage{
        margin-left: -8px;
    }
    #age-categories-infopage .item{
        margin:0 0 8px 8px;
    }
    #age-categories-infopage .item:not(.item-large){
        width:calc(50% - 8px);
    }
    #age-categories-infopage .item.item-large{
        width:calc(100% - 8px);
    }
}

@media screen and (max-width:500px){
    #age-categories-infopage{
        width: calc(100% + 40px);
        margin-left: -24px;
    }
    #age-categories-infopage .item:not(.item-large){
        aspect-ratio: 1;
    }
    #age-categories-infopage .item.item-large{
        aspect-ratio: 1.675;
    }
}

/* ulubione nowe */

#box_favourites .boxhead{
    margin-bottom: 40px;
    margin-top:24px;
}
#box_favourites .products{
    display: flex;
    flex-wrap:wrap;
    margin-left: -18px;
}
#box_favourites .products .product{
    width:calc(25% - 18px);
    margin: 0 0 40px 18px;
}
#box_favourites .products .product .actions-add{
    display: flex;
}
#box_favourites .products .product .actions-add .quantity{
    width: 108px;
    margin-right: 12px;
}

#box_favourites .products .product .actions-add .quantity .fake-change-quantity{
    display: flex;
    justify-content: center;
    width: 108px;
    height: 52px;
    background: #F3F4F6;
}

#box_favourites .products .product .actions-add .quantity .fake-change-quantity .button-change{
    cursor: pointer;
    filter: grayscale(1);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 1px;
}

#box_favourites .products .product .actions-add .quantity .fake-change-quantity input{
    width: 30px;
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    color: #1F2A37;
    background: #F3F4F6;
    font-size: 16px;
    height: 100%;
    margin: 0;
    text-align: center;
    padding: 1px 0px 0 1px;
    font-size: 16px;
    font-weight: 600;
    border: none;
}

#box_favourites .products .product .actions-add .addtobasket::before{
    display: none;
}

#box_favourites .products .product .actions-add form{
    flex-grow:1;
}

#box_favourites .products .product .actions-add .btn-green:not(.none){
    height:52px;
    padding:5px;
    width: 100%;
    font-size:16px;
    font-weight: 700;
    line-height: 24px;
    color:white;
    transition:150ms;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--font);
}
#box_favourites .products .product .actions-add .btn-green:not(.none):hover{
    background-color:#384250;
}
#box_favourites .products .product .actions-add .btn-green:not(.none) span{
    color:white;
}
#box_favourites .products .product .actions-add .btn-green a{
    padding: 0;
}

#box_favourites .products .product .actions-remove .remove{
    position: absolute;
    width: 28px;
    height: 28px;
    border-radius:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background:#D2D6DB;
    transition:150ms;
    top:8px;
    right:8px;
}

#box_favourites .products .product .actions-remove .remove:hover{
    background:#b3b8be;
}

#box_favourites .products .product .manufacturer,
#box_favourites .products .product .productnamewrap{
    padding-left: 0;
    padding-right: 0;
}

@media screen and (max-width:1000px){
    #box_favourites .products .product{
        width:calc(33.333% - 18px);
    }
}
@media screen and (max-width:900px){
    #box_favourites .boxhead{
        margin-bottom: 20px;
        margin-top:0px;
    }
}
@media screen and (max-width:767px){
    #box_favourites .products .product{
        width:calc(50% - 18px);
    }
}

@media screen and (max-width:550px){
    #box_favourites .products .product .addtobasket{
        font-size:0px !important;
        position: relative;
        width: 52px !important;
    }
    #box_favourites .products .product .addtobasket::after{
        content:'';
        background: url('/userdata/public/assets/0_layout/svg/cart_white_i.svg');
        width: 24px;
        height: 24px;
        display: inline-block;
        position: absolute;
        top:50%;
        left:50%;
        transform:translateX(-50%) translateY(-50%);
     }
    
}
#box_panel .togglers-content {
   padding-top: 40px;
}
@media screen and (max-width:580px){
    #box_panel .togglers-content {
        padding-top:20px;
    }
    #box_panel #customLoyaltyExchanger{
        margin-bottom: 0;
    }
    #box_panel #customLoyaltyExchanger .header{
        padding-bottom: 0;
    }
    #box_panel #customLoyaltyExchanger .txt{
        top:-5px;
    }
    .shop_panel #box_panel .wrap-border h4.separator{
        margin-bottom: 20px;
    }
    .wrap-border{
        margin-bottom: 20px;
    }
}