/* cmsms stylesheet: nadpisane-style modified: 31.08.2023 10:48:17 */
h1, h2, h3 {
    color: #000;
}
h1 strong, h2 strong, h3 strong {
    color: rgba(var(--color-accent),1);
    font-weight: 700;
}
.main__blog .article__text img {
    width: 100%;
}
.main__blog .article__text .container:nth-child(2) .share-child {
    color: unset;
}
.main__blog-02 .news .news-summary .main-btn {
    background: transparent;
    color: rgba(var(--color-main),1);
}
.main__contact-form-02 .contact-form__right .form section[data-field=checkbox], .main__contact-form-04 .contact-form__right .form section[data-field=checkbox] {
    width: 100%;
}
.main-btn-1 .icon-wrapper svg path {
    fill: rgba(var(--color-main),1);
}
.main__pros-02 .pros__bottom {
    overflow: visible;
}
#gallerySlider .placeholder {
    overflow: scroll;
}
#gallerySlider .placeholder img {
    max-height: unset; 
}
.mobile-menu__bottom .main-btn {
    color: #17102D!important;
}
.mobile-menu.mobile-menu-visibled .mobile-menu__bottom .social-media svg.icon path {
    fill: #17102D;
    pointer-events: none;
}
.header.lower {
    background-color: #fff!important;
}
.header.lower .main-nav>ul>li a:hover, 
.header.lower .main-nav>ul>li span:hover {
    color: rgba(var(--color-accent),1);
}
.box-header strong {
    font-weight: 700;
    color: rgba(var(--color-accent),1);
}
.menu .main-btn {
    background: rgba(var(--color-accent),1); 
    color: #fff;
    border: rgba(var(--color-accent),1);
}
.menu .main-btn:hover {
    background: rgba(var(--color-accent3),1); 
    color: #fff;
    border: rgba(var(--color-accent3),1);
}
.lower .btn-nr-5 {
    color: #fff;
}
.main-nav ul li a.activeparent, 
.main-nav ul li a.currentpage {
    color: rgba(var(--color-accent),1);
}
.main-nav>ul>li a:hover, 
.main-nav>ul>li span:hover {
    color: rgba(var(--color-accent),1);
}
.main-nav > ul li.sectionheader ul[data-depth="1"] {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.main-nav > ul li.sectionheader ul li ul {
  display: none!important;
}
.main-nav > ul li.sectionheader ul li::after{
    display: none;
}
.main-nav>ul li a, 
.main-nav>ul li span {
    color: #000;
    font-weight: 500;
}
.wyrozniony_tekst_wrap {background-color: rgb(255 125 68 / 4%);
    padding: 70px 100px;
    margin: 50px 0;}
.wyrozniony_tekst_wrap .wyrozniony_tekst_naglowek {}
.wyrozniony_tekst_wrap .wyrozniony_tekst_naglowek span {color: #FF7D44;font-weight: 700;
    font-size: 15px;
    position: relative;

}
.wyrozniony_tekst_wrap .wyrozniony_tekst_naglowek span:after {height: 80px;
transform: matrix(0.97, 0.26, -0.26, 0.97, 0, 0); 
background: #FF7D44 0% 0% no-repeat padding-box;
opacity: 1; content:"";width: 141px;
left: 0;
    top: 100%;
    display:none;
}
/* strona główna */
.main__box-04 .box {
    border-radius: 20px;
    cursor: pointer;
}
.main__box-04 .box-wrapper__icon .icon path {
    fill: rgba(var(--color-accent),1);
}
.main__top-02 {
    background: transparent;
    overflow: visible;
}
#strona-glowna .main__top-02::after {
    content: '';
    position: absolute;
    top: -25%;
    right: 0;
    width: 48%;
    height: 150%;
    background-image: url(/uploads/images/komponenty/top/smart-www-webiso.png);
    background-size: contain;
    background-repeat: no-repeat;
}
#strona-glowna .main__pros-02 .pros {
    padding-top: 250px;
}
@media (max-width: 1799px) {
    #strona-glowna .main__pros-02 .pros {
        padding-top: 70px;
    }
}
@media (max-width: 1499px) {
    #strona-glowna .main__pros-02 .pros {
        padding-top: 170px;
    }
}
@media (max-width: 1199px) {
    #strona-glowna .main__pros-02 .pros {
        padding-top: 80px;
    }
}
@media (max-width: 991px) {
    #strona-glowna .main__pros-02 .pros {
        padding-top: 50px;
    }
}
#strona-glowna .main__pros-02::before {
    content: '';
    position: absolute;
    border-radius: 0 120px 120px 0;
    top: 0;
    left: 0;
    height: 100%;
    width: 30%;
    background-color: rgba(var(--color-accent3),1);
}
#strona-glowna .main__pros-02 .pros .box-header {
    position: relative;
}
#strona-glowna .main__pros-02 .pros .box-header::before {
    content: 'Kompleksowe rozwiązanie';
    position: absolute;
    top: 15px;
    right: 0;
    width: 50%;
    height: 100%;
    font-size: 24px;
    font-weight: 600;
    text-align: left;
    color: rgba(var(--color-accent),1);
    padding-left: 5%;
    border-left: 2px solid rgba(var(--color-accent),0.09);
}
#strona-glowna .main__pros-02 .pros .box-header::after {
    content: 'w zakresie budowy i prowadzenia strony www.';
    position: absolute;
    top: 53px;
    right: 0;
    width: 45%;
    height: 100%;
    font-size: 24px;
    font-weight: 600;
    text-align: left;
    color: #17102D;
}
#strona-glowna .main__pros-02 .pros .box-header h2 {
    color: #000;
    padding-right: 3rem;
    text-align: left;
}
@media (max-width: 1499px) {
    #strona-glowna .main__pros-02 .pros .box-header::before {
        font-size: 20px;
        width: 55%;
        padding-left: 10%;
    }
    #strona-glowna .main__pros-02 .pros .box-header::after {
        font-size: 20px;
        top: 47px;
    }
}
@media (max-width: 1199px) {
    #strona-glowna .main__pros-02 .pros .box-header::before {
        font-size: 17px;
        top: 5px;
    }
    #strona-glowna .main__pros-02 .pros .box-header::after {
        font-size: 17px;
        top: 32px;
    }
}
@media (max-width: 991px) {
    #strona-glowna .main__pros-02 .pros .box-header::before {
        font-size: 14px;
        top: 100px;
        left: 50%;
        transform: translateX(-50%);
        right: unset;
        text-align: center;
        padding-left: 0;
        border-left: none;
        width: 100%;
    }
    #strona-glowna .main__pros-02 .pros .box-header::after {
        font-size: 14px;
        top: 125px;
        left: 50%;
        transform: translateX(-50%);
        right: unset;
        text-align: center;
        width: 100%;
    }
    #strona-glowna .main__pros-02 .pros .box-header {
        margin-bottom: 100px;
    }
    #strona-glowna .main__pros-02 .pros .box-header h2 {
        padding-right: 0;
        text-align: center;
    }
}
@media (max-width: 575px) {
    #strona-glowna .main__pros-02 .pros .box-header::before {
        top: 90px;
        left: 50%;
    }
    #strona-glowna .main__pros-02 .pros .box-header::after {
        top: 115px;
        left: 50%;
    }
}
#strona-glowna .main__pros-02 {
    background: #fff;
}
.main__partners-02 {
    padding: 60px 0 10px 0;
}
.main__partners-02 .partners {
    padding: 0;
}
.main__partners-02 .partners__left h2 {
    color: #000;
}
.main__pros-02 .pros__wrapper {
    border-radius: 20px;
    box-shadow: 0 7px 19px rgba(var(--color-accent),0.16);
}
.main__partners-02 .partners__wrapper img  {
    -webkit-filter: none;
    filter: none;
    opacity: 0.5;
}
.main__partners-02 .partners {
    background: none;
}
#strona-glowna .main__gallery-01 h2 {
    color: #000;
    position: relative;
}
#strona-glowna .main__gallery-01 .gallery__item--img {
    object-position: center top;
}
#strona-glowna .main__gallery-01 .container:nth-child(3)::before { 
    content: '';
    position: absolute;
    right: 0;
    top: 10%;
    background: rgba(var(--color-accent),1);
    width: 50%;
    height: 50%;
    border-radius: 120px 0 0 120px;
    z-index: -1;
}
#strona-glowna .main__gallery-01::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: url('/uploads/pattern/w-pattern.svg');
    background-repeat: no-repeat;
    width: 440px;
    height: 247px;
}
#strona-glowna .main__gallery-01 h2::after {
    content: '';
    position: absolute;
    top: -50%;
    left: 50%;
    transform: translateX(-50%);
    width: 3px;
    height: 42px;
    background-color: rgba(var(--color-accent),1); 
}
#strona-glowna .main__gallery-01 .box-header strong {
    font-weight: 700;
    color: rgba(var(--color-accent),1); 
}
.box-header strong:before {
    display: none;
}
#strona-glowna .main__gallery-01 .gallery__item:nth-child(8),
#strona-glowna .main__gallery-01 .gallery__item:nth-child(12) {
    height: 750px;
}
#strona-glowna .main__gallery-01 .gallery__item:nth-child(10),
#strona-glowna .main__gallery-01 .gallery__item:nth-child(13),
#strona-glowna .main__gallery-01 .gallery__item:nth-child(14) {
    height: 350px;
}
@media (max-width: 991px) {
   #strona-glowna .main__gallery-01 .gallery__item:nth-child(6),
   #strona-glowna .main__gallery-01 .gallery__item:nth-child(8),
   #strona-glowna .main__gallery-01 .gallery__item:nth-child(12) {
        height: 560px;
    } 
    #strona-glowna .main__gallery-01 .gallery__item:nth-child(1),
    #strona-glowna .main__gallery-01 .gallery__item:nth-child(3),
    #strona-glowna .main__gallery-01 .gallery__item:nth-child(4),
    #strona-glowna .main__gallery-01 .gallery__item:nth-child(5),
    #strona-glowna .main__gallery-01 .gallery__item:nth-child(10),
    #strona-glowna .main__gallery-01 .gallery__item:nth-child(11),
    #strona-glowna .main__gallery-01 .gallery__item:nth-child(13),
    #strona-glowna .main__gallery-01 .gallery__item:nth-child(14) {
        height: 280px;
    }
}
@media (max-width: 767px) {
   #strona-glowna .main__gallery-01 .gallery__item {
        height: 250px!important;
    } 
}
@media (max-width: 575px) {
   #strona-glowna .main__gallery-01 .gallery__item {
        height: 220px!important;
    } 
}
#strona-glowna .main__gallery-01 .btn-wrapper {
    margin-top: 50px;
}
#strona-glowna .main__gallery-01 .btn-wrapper .main-btn {
    color: #fff;
}
#strona-glowna .main__gallery-01 .btn-wrapper .main-btn:hover {
    background: rgba(var(--color-main),1);
}
#strona-glowna .main__gallery-01 .gallery {
    overflow: unset;
}
#strona-glowna .main__gallery-01 .gallery__item {
    box-shadow: 0 4px 27px rgb(0 0 0 / 26%);
    border-radius: 20px 20px 0 0;
}
.main__recommendation-02 {
    padding: 100px 0;
    width: 50%;
    left: 50%;
}

.main__recommendation-02::after {
    content: '';
    position: absolute;
    background-image: url('/uploads/pattern/stars-img-new.svg');
    background-size: contain;
    background-repeat: no-repeat;
    height: 630px;
    width: 520px;
    top: 50%;
    left: -68%;
    transform: translateY(-50%) scale(0.9);
}
.main__recommendation-02 .recommendation {
    border-radius: 113px 0 0 113px;
    padding: 80px 0;
}
.main__recommendation-02 .pattern-third {
    display: none;
}
@media (min-width: 1500px) {
   .main__recommendation-02 .recommendation__child--text {
    padding-right: 170px;
    } 
    .main__recommendation-02 .recommendation-dots {
       padding-right: 170px;
    }
}
@media (min-width: 1800px) {
   .main__recommendation-02 .recommendation__child--text {
    padding-right: 217px;
} 
    .main__recommendation-02 .recommendation-dots {
       padding-right: 217px;
    }
}
.main__recommendation-02 .recommendation__child--text .opinion-author * {
    display: flex;
    flex-direction: column;
}
.main__recommendation-02 .recommendation__child--text .opinion-author img {
    object-position: center top;
}
.main__recommendation-02 .recommendation__child {
    flex-direction: column;
}
.main__recommendation-02 .recommendation__child--icon svg {
    margin-bottom: 50px;
}
.main__recommendation-02 .recommendation__child--text .opinion-author {
    margin-top: 60px;
    align-items: center;
}
.main__text-section-07:nth-child(6) .text-section div[class^=font-size] {
    border-radius: 80px;
    padding: 30px;
    flex-basis: 48%;
}
.main__text-section-07:nth-child(6) .text-section div[class^=font-size]:nth-child(1) {
    background-color: rgba(var(--color-accent2),1);
    padding-top: calc(103px + 1rem + 30px);
}
.main__text-section-07:nth-child(6) .text-section div[class^=font-size]:nth-child(2) {
    background-color: rgba(var(--color-accent),1);
    padding-bottom: calc(103px + 1rem + 30px);
}
a {
    text-decoration: none;
}
.main__text-section-07:nth-child(6) .text-section div[class^=font-size]:nth-child(1) h4 a {
    color: #7164EE;
}
.main__text-section-07:nth-child(6) .text-section div[class^=font-size]:nth-child(1) h3 a {
    color: #17102D;
}
.main__text-section-07:nth-child(6) .text-section div[class^=font-size]:nth-child(2) h4 a {
    color: #25DE2B;
}
.main__text-section-07:nth-child(6) .text-section div[class^=font-size]:nth-child(2) h3 a {
    color: #fff;
}
.main__cta-02 {
    padding-bottom: 0;
    border-radius: 150px 150px 0 0;
    /*transform: translateY(-100%);*/
}
/*.main__cta-02::after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    bottom: -10%;*/
/*    right: 20%;*/
/*    width: 136px;*/
/*    height: 138px;*/
/*    background-image: url('/uploads/pattern/arrow.svg');*/
/*    background-size: contain;*/
/*    z-index: 1;*/
/*}*/
/*.main__cta-02 .cta {*/
/*    border-radius: 450px 450px 0 0;*/
/*}*/
.main__cta-02 {
    padding-top: 0;
}
/*@media (max-width: 1199px) {*/
/*    .main__cta-02 .cta {*/
/*        border-radius: 300px 300px 0 0;*/
/*    }*/
/*    .main__cta-02::after {*/
/*        bottom: -17%;*/
/*    }*/
/*}*/
.main__cta-02 .cta .bg-img {
    object-fit: contain;
    left: 15%;
    width: 35%;
}
.main__contact-form-02 .contact-form, .main__contact-form-04 .contact-form {
    padding: 0;
}
@media (max-width: 991px) {
    .main__cta-02 .cta .bg-img {
        display: none;
    }
    /*.main__cta-02 .cta {*/
    /*    border-radius: 100px 100px 0 0;*/
    /*}*/
}
/*@media (max-width: 575px) {*/
/*    .main__cta-02::after {*/
/*        width: 68px;*/
/*        height: 69px;*/
/*        bottom: -12%;*/
/*    }*/
/*    .main__cta-02 .cta {*/
/*        border-radius: 50px 50px 0 0;*/
/*    }*/
/*}*/
.main__cta-02 .cta p.font-size-4 {
    font-weight: 700;
    color: #312477;
}
.main__cta-02 .cta p.font-size-7 {
    margin-bottom: 2rem;
    font-weight: 500;
    color: rgba(var(--color-accent),1);
}
.main__cta-02 .cta .main-btn {
    color: #fff;
    background: #25DE2B;
}
.main__cta-02 .cta .main-btn:hover {
    background: rgba(var(--color-accent),1);
}
.main__contact-form-02, .main__contact-form-04 {
    background: rgba(var(--color-accent),1);
    padding:50px 0;
}
.main__contact-form-02 .contact-form__right .form .main-btn, .main__contact-form-04 .contact-form__right .form .main-btn {
    background: #17102D;
    border: none;
    color: #fff;
}
.main__contact-form-02 .contact-form__right .form .main-btn:hover::after, .main__contact-form-04 .contact-form__right .form .main-btn:hover::after {
    background: #17102D;
}
.main__contact-form-02 .contact-form__right .form .main-btn:hover::before, .main__contact-form-04 .contact-form__right .form .main-btn:hover::before {
    background: #17102D;
}
.main__contact-form-02 .contact-form__right .cf-01:before,
.main__contact-form-02 .contact-form__right .cf-01:after, .main__contact-form-04 .contact-form__right .cf-01:before,
.main__contact-form-04 .contact-form__right .cf-01:after {
    background: rgba(var(--color-accent),1);
}

.main__contact-form-02 .contact-form .contact-form__left--address p, .main__contact-form-04 .contact-form .contact-form__left--address p {
    font-weight: 500;
    color: #fff;
    margin-bottom: 1rem;
}
.main__contact-form-02 .contact-form .contact-form__left--address p.font-size-7, .main__contact-form-04 .contact-form .contact-form__left--address p.font-size-7 {
    font-weight: 500;
    color: #312477;
    margin-bottom: 2rem;
}
.main__contact-form-02 .contact-form .contact-form__left--address p.font-size-4, .main__contact-form-04 .contact-form .contact-form__left--address p.font-size-4 {
    font-weight: 600;
    color: #fff;
    margin-bottom: 4rem;
}
.main__contact-form-02 .contact-form__right .cf-01, .main__contact-form-04 .contact-form__right .cf-01 {
    background: transparent;
    padding-top: 0;
}
@media (max-width: 991px) {
   .main__contact-form-02 .contact-form, .main__contact-form-04 .contact-form {
        padding-top: 20px;
    } 
    .main__contact-form-02 .contact-form__right .cf-01, .main__contact-form-04 .contact-form__right .cf-01 {
        padding-bottom: 30px;
    }
    .main__contact-form-02 .contact-form .contact-form__left--address p.font-size-4, .main__contact-form-04 .contact-form .contact-form__left--address p.font-size-4 {
        margin-bottom: 2rem;
    }
}
.main__contact-form-02 .contact-form__left .social-media svg.icon path, .main__contact-form-04 .contact-form__left .social-media svg.icon path {
    fill: #fff;
}
.main__contact-form-02 .contact-form__left .contact-links, .main__contact-form-04 .contact-form__left .contact-links {
    display: none;
}
.main__contact-form-02 .contact-form__right .form .contactform div input, 
.main__contact-form-02 .contact-form__right .form .contactform div select, 
.main__contact-form-02 .contact-form__right .form .contactform div textarea, 
.main__contact-form-02 .contact-form__right .form section input, 
.main__contact-form-02 .contact-form__right .form section select, 
.main__contact-form-02 .contact-form__right .form section textarea,
.main__contact-form-04 .contact-form__right .form .contactform div input, 
.main__contact-form-04 .contact-form__right .form .contactform div select, 
.main__contact-form-04 .contact-form__right .form .contactform div textarea, 
.main__contact-form-04 .contact-form__right .form section input, 
.main__contact-form-04 .contact-form__right .form section select, 
.main__contact-form-04 .contact-form__right .form section textarea{
    background: #fff;
    color: rgba(var(--color-main),1);
}
.main__contact-form-02 .contact-form__right .form section textarea:not([type=checkbox]), .main__contact-form-04 .contact-form__right .form section textarea:not([type=checkbox])  {
    border-radius: 30px;
}
.main__contact-form-02 .contact-form__right .form section input[type=checkbox], .main__contact-form-04 .contact-form__right .form section input[type=checkbox] {
    border-radius: 6px;
}
.main__contact-form-02 .contact-form__right .form .contactform div a:hover, 
.main__contact-form-02 .contact-form__right .form section a:hover,
.main__contact-form-04 .contact-form__right .form .contactform div a:hover, 
.main__contact-form-04 .contact-form__right .form section a:hover{
    color: #17102D;
}
.social-media img:hover path, 
.social-media svg:hover path {
    fill: #17102D!important;
}
*::placeholder {
    color: rgba(var(--color-main),1);
    opacity: 1;
}
.main__counter-02 {
    background: rgba(var(--color-accent3),1);
}
.main__counter-02 .text-section p {
    font-weight: 400;
    line-height: 38px;
}
.main__counter-02 .kafelek .counter-wrapper .desc p {
    font-weight: 400;
}
.main__counter-02 .kafelek__2 {
    border-bottom: none;
}
.main__counter-02 .counter__img {
    display: none;
}
.footer__01 .footer__top--left-text .contact-info .info__phone {
    font-size: 26px;
}
.footer__01 .footer__top--left-text .contact-info .info__mail {
    font-size: 26px;
}
.footer__01 .footer {
    background: #17102D;
}
.footer__01 .footer__top--left-text .contact-info:nth-child(2) {
    text-align: left;
}
@media (max-width: 991px) {
    .footer__01 .footer__top--left-text .contact-info:nth-child(2) {
        text-align: center;
    }
    .footer__01 .footer__top--left-text .contact-info .info__phone {
    font-size: 22px;
    }
    .footer__01 .footer__top--left-text .contact-info .info__mail {
        font-size: 22px;
    }
}
@media (max-width: 575px) {
    .footer__01 .footer__top--left-text .contact-info .info__phone {
    font-size: 20px;
    }
    .footer__01 .footer__top--left-text .contact-info .info__mail {
        font-size: 20px;
    }
}
.footer__01 .footer__top--left-text .contact-info .info__mail {
    color: #fff;
    text-decoration: none;
}
.footer__01 .footer__top--left-text .contact-info .info__mail:hover {
    color: #fff;
    text-decoration: underline;
}
.footer__01 .footer__top--left .main-btn:hover {
    background: #fff;
    color: rgba(var(--color-accent),1);
}
@media (max-width: 1599px) {
    .main__recommendation-02::after {
        transform: translateY(-50%) scale(0.8);
    }
}
@media (max-width: 1429px) {
    .main__top-02::after {
        width: 45%;
        top: -22%;
        height: 130%;
    }
    .main__recommendation-02::after {
        left: -85%;
    }
}
/*motywy*/
#branze-www .main__box-06 .box-wrapper .box-content__header {
    display: none;
}
#branze-www .main__box-06 .box-wrapper .box-content p img {
    margin-bottom: 3rem;
}
#branze-www .main__box-06 .box-wrapper .box-content p {
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    line-height: 40px;
}
#branze-www .main__box-06 .box-wrapper .box-content {
    text-align: center;
}
#branze-www .main__box-06 .box-wrapper__img img {
    object-fit: contain;
}
#branze-www .main__box-06 .box-wrapper:hover .box-content .main-btn:hover {
    background: #17102D;
}
#branze-www .main__top-01 .top__photos {
    display: none;
}
#branze-www .main__top-01::before {
    content: "";
    position: absolute;
    left: 0;
    top: calc(0px - var(--bodyPadding));
    background: rgba(var(--color-accent3),1);
    z-index: -1;
    bottom: 0%;
    width: 100%;
    border-radius: 0 0 250px 250px;
}
#branze-www .main__top-01 .top {
    padding-bottom: 150px;
}
#branze-www .main__top-01 .top .buttons-container {
    display: none;
}
#branze-www .main__top-01 .top .box-header h2 {
    position: relative;
    margin-top: 100px;
    font-weight: 500;
} 
#branze-www .main__top-01 .top .box-header h2::before {
    content: '';
    position: absolute;
    top: -300%;
    left: 50%;
    transform: translateX(-50%);
    width: 3px;
    height: 42px;
    background-color: rgba(var(--color-accent),1);
}
.main__text-section-06 .company-about {
    height: 600px;
}
.main__text-section-06 .company-about__img {
    width: 100%;
}
@media (max-width: 1499px) {
    #branze-www .main__top-01 .top {
        padding: 50px 0 75px;
    }
    #branze-www .main__box-06 .box-wrapper .box-content p {
        font-size: 26px;
        line-height: 1.5;
    }
}
@media (max-width: 991px) {
    #branze-www .main__top-01::before {
        border-radius: 0;
    }
    #branze-www .main__top-01 .top {
        min-height: 300px;
    }
    #branze-www .main__top-01 .top .box-header h2::before {
        top: -300%;
    }
    #branze-www .main__box-06 .box-wrapper .box-content p {
        font-size: 24px;
    }
}
@media (max-width: 767px) {
    #branze-www .main__top-01 .top .box-header h2::before {
        width: 2px;
        height: 26px;
        top: -150%;
    }
    #branze-www .main__box-06 .box-wrapper .box-content p {
        font-size: 20px;
    }
}
@media (max-width: 575px) {
    #branze-www .main__top-01 .top {
        padding: 30px 0;
    }
    #branze-www .main__top-01 .top .box-header h2 {
        margin-top: 60px;
    }
    #branze-www .main__top-01 .top .box-header h2::before {
        width: 2px;
        height: 26px;
        top: -93%;
    }
    #branze-www .main__box-06 .box-wrapper .box-content p {
        font-size: 18px;
    }
}
/* podstrony motywów */
.main__tabs-01 .tabs-bottom.tab-v .tabs-bottom__buttons .tab-btn-wrapper {
    border-radius: 20px;
}
.main__tabs-01 {
    padding-bottom: 0;
}
.main__box-07 .main-btn-1:hover {
    color: rgba(var(--color-accent),1);
}
.main__gallery-01 .gallery__item:hover .gallery__item--overlay {
    opacity: 0;
}
.main__box-07 {
    padding-top: 0;
}
.main__box-07 .box-header {
    margin-bottom: 85px;
}
.motyw-child .main__text-section-07 .text-section h2 {
    margin-bottom: 0;
}
.motyw-child .main__tabs-01 {
    padding-top: 100px;
}
.motyw-child .main__top-02 .top .slide__left {
    width: 50%;
}
.motyw-child .main__top-02 .top .slide__right {
    width: 50%;
}
.motyw-child .main__top-02 .top .slide__right .top__background img {
    object-fit: contain;
    object-position: right center; 
    height: 100%;
}
#nieruchomosci .main__top-02 .top .slide__right .top__background img {
    height: 109%;
}
#uslugi .main__top-02 .top .slide__right .top__background img {
    height: 102%;
}
#marka-osobista .main__top-02 .top .slide__right .top__background img {
    height: 107%;
}
#eventy .main__top-02 .top .slide__right .top__background img {
    height: 103%;
}
#kancelaria .main__top-02 .top .slide__right .top__background img {
    height: 104%;
}
#projekty .main__top-02 .top .slide__right .top__background img {
    height: 106%;
}
.motyw-child .header {
    background-color: #F3F3F3;
}
.motyw-child .main__top-02 .top .slide__right .top__background {
    background: #F3F3F3;
}
.motyw-child .main__top-02::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-bottom-left-radius: 250px;
    box-shadow: 0 3px 19px rgba(0,0,0,0.16);
    background-color: #F3F3F3;
    z-index: -1;
}
.motyw-child .main__pros-02 {
    background: transparent;
}
.motyw-child .main__pros-02 .pros {
    padding-top: 100px;
}
.motyw-child .main__pros-02 .pros .box-header h2 {
    color: #000;
    position: relative;
}
.motyw-child .main__pros-02 .pros .number {
    font-size: 22px;
    color: #000;
    -webkit-text-stroke-width: 0;
    -webkit-text-stroke-color: #000;
    position: relative;
    z-index: 1;
    padding-left: 18px;
}
.motyw-child .main__pros-02 .pros .number::after {
    content: '';
    position: absolute;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: #F3F3F3;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    z-index: -1;
}
.motyw-child .main__text-section-08 .text-section-child h2 {
    display: none;
}
.motyw-child .main__text-section-06 .company-about__bottom .box-header + div p:nth-child(1) {
    margin-bottom: 1rem;
    font-weight: 500;
}
.motyw-child .main__text-section-06 .company-about__img img {
    object-fit: contain;
}
.motyw-child .main__text-section-06 .company-about__bottom div[class*=font-size-] {
    margin-top: 0;
}
.motyw-child .main__gallery-01 {
    overflow: hidden;
}
.motyw-child .main__gallery-01 .gallery {
    overflow: unset;
}
.motyw-child .main__gallery-01 .gallery__item {
    box-shadow: 0 4px 27px rgb(0 0 0 / 26%);
    border-radius: 0 0 20px 20px;
}
.motyw-child .main__gallery-01 .gallery__item--img {
    object-position: center top;
}
.motyw-child .main__gallery-01::before {
    content: '';
    position: absolute;
    top: calc(50px * 1.3 + 100px + 85px);
    left: 0%;
    width: 100%;
    height: 60%;
    max-height: unset;
    border-radius: 0 0 120px 120px;
}
.motyw-child .main__text-section-07 .container {
    background-color: #EFEDFD;
}
.motyw-child .main__text-section-07 .container:nth-child(2) {
    border-radius: 0 0 80px 80px;
}
.motyw-child .main__text-section-07 .box-header {
    margin-bottom: 0;
    margin-top: 150px;
}
.motyw-child .main__text-section-07 .box-header h2 {
    position: relative;
}
.motyw-child .main__text-section-07 .box-header h2::before {
    content: '';
    position: absolute;
    top: -40%;
    left: 50%;
    transform: translateX(-50%);
    width: 3px;
    height: 42px;
    background-color: rgba(var(--color-accent),1);
}
.motyw-child .main__pros-02 .slick-track {
    padding: 0;
}
@media (max-width: 1499px) {
    .motyw-child .main__gallery-01::before {
        top: calc(50px * 1.3 + 45px + 85px);
    }
}
@media (max-width: 1199px) {
    .motyw-child .main__pros-02 .pros {
        padding-top: 100px;
    }
    .motyw-child .main__top-02 .top .slide__left {
        width: 50%;
    }
    .motyw-child .main__top-02 .top .slide__right {
        width: 50%;
    }
    .motyw-child .main__gallery-01::before {
        top: calc(50px * 1.3 + 10px + 85px);
    }
}
@media (max-width: 991px) {
    .motyw-child .main__top-02 .top .slide__right {
        width: 100%;
    }
    .motyw-child .main__top-02 .top .slide__left {
        width: 100%;
    }
    .motyw-child .main__gallery-01::before {
        display: none;
    }
}
@media (max-width: 767px) {
    .motyw-child .main__pros-02 .pros .number {
        margin-bottom: 20px;
        font-size: 16px;
        padding-left: 10px;
    }
    .motyw-child .main__pros-02 .pros .number::after {
        width: 40px;
        height: 40px;
    }
}
@media (max-width: 575px) {
    .motyw-child .main__pros-02 .pros {
        padding-top: 60px;
    }
}
@media (max-width: 380px) {
    .motyw-child .main__pros-02 .pros {
        padding-top: 100px;
    }
}
@media (max-width: 767px) {
   .motyw-child .main__gallery-01 .gallery__item {
        height: 250px!important;
    } 
}
@media (max-width: 575px) {
    .motyw-child .main__gallery-01 .gallery__item {
        height: 220px!important;
    }
    .motyw-child .main__text-section-07 .container:nth-child(2) {
        border-radius: 0;
    }
    .motyw-child .main__text-section-07 .container:nth-child(3) {
        border-radius: 0;
    }
    .motyw-child .main__text-section-07 .container:nth-child(1) {
        border-radius: 0;
    }
}
/* podstrona motywu construction */
#uslugi .main__gallery-01::before{
    background-color: #FCB059;
}
#uslugi .main__gallery-01 .gallery__item:nth-child(2),
#uslugi .main__gallery-01 .gallery__item:nth-child(3),
#uslugi .main__gallery-01 .gallery__item:nth-child(6) {
    height: 750px;
}
#uslugi .main__gallery-01 .gallery__item:nth-child(1),
#uslugi .main__gallery-01 .gallery__item:nth-child(4),
#uslugi .main__gallery-01 .gallery__item:nth-child(5) {
    height: 350px;
}
@media (max-width: 991px) {
    #uslugi .main__gallery-01 .gallery__item:nth-child(2),
    #uslugi .main__gallery-01 .gallery__item:nth-child(3),
    #uslugi .main__gallery-01 .gallery__item:nth-child(6) {
        height: 560px;
    } 
    #uslugi .main__gallery-01 .gallery__item:nth-child(1),
    #uslugi .main__gallery-01 .gallery__item:nth-child(4),
    #uslugi .main__gallery-01 .gallery__item:nth-child(5) {
        height: 280px;
    }
}
/* podstrona motywu warsaw imperial */
#nieruchomosci .main__gallery-01::before {
    background-color: #D1AE6A;
}
/*#nieruchomosci .main__pros-02 .pros .box-header h2::after {*/
/*    background-image: url('/uploads/imperial.svg');*/
/*}*/
#nieruchomosci .main__gallery-01 .gallery__item:nth-child(2),
#nieruchomosci .main__gallery-01 .gallery__item:nth-child(3),
#nieruchomosci .main__gallery-01 .gallery__item:nth-child(6) {
    height: 750px;
}
#nieruchomosci .main__gallery-01 .gallery__item:nth-child(1),
#nieruchomosci .main__gallery-01 .gallery__item:nth-child(4),
#nieruchomosci .main__gallery-01 .gallery__item:nth-child(5) {
    height: 350px;
}
@media (max-width: 991px) {
    #nieruchomosci .main__gallery-01 .gallery__item:nth-child(2),
    #nieruchomosci .main__gallery-01 .gallery__item:nth-child(3),
    #nieruchomosci .main__gallery-01 .gallery__item:nth-child(6) {
        height: 560px;
    } 
    #nieruchomosci .main__gallery-01 .gallery__item:nth-child(1),
    #nieruchomosci .main__gallery-01 .gallery__item:nth-child(4),
    #nieruchomosci .main__gallery-01 .gallery__item:nth-child(5) {
        height: 280px;
    }
}
/*podstrona motywu iceland*/
#eventy .main__gallery-01::before {
    background-color: #7FBCCB;
}
/*#eventy .main__pros-02 .pros .box-header h2::after {*/
/*    background-image: url('/uploads/iceland.svg');*/
/*}*/
#eventy .main__gallery-01 .gallery__item:nth-child(2),
#eventy .main__gallery-01 .gallery__item:nth-child(3),
#eventy .main__gallery-01 .gallery__item:nth-child(6) {
    height: 750px;
}
#eventy .main__gallery-01 .gallery__item:nth-child(1),
#eventy .main__gallery-01 .gallery__item:nth-child(4),
#eventy .main__gallery-01 .gallery__item:nth-child(5) {
    height: 350px;
}
@media (max-width: 991px) {
    #eventy .main__gallery-01 .gallery__item:nth-child(2),
    #eventy .main__gallery-01 .gallery__item:nth-child(3),
    #eventy .main__gallery-01 .gallery__item:nth-child(6) {
        height: 560px;
    } 
    #eventy .main__gallery-01 .gallery__item:nth-child(1),
    #eventy .main__gallery-01 .gallery__item:nth-child(4),
    #eventy .main__gallery-01 .gallery__item:nth-child(5) {
        height: 280px;
    }
}
/*podstrona motywu personal*/
.main__text-section-07 .main-btn {
    background: rgba(var(--color-accent),1);
    border-color: rgba(var(--color-accent),1);
    color: #fff;
}
.main__text-section-07 .main-btn:hover {
    background: rgba(var(--color-accent2),1);
    border-color: rgba(var(--color-accent),1);
    color: #fff;
}
@media only screen and (min-width: 992px) {
    .motyw-child .main__box-06 .box:nth-child(even) {
         padding-left: 20px; 
    }
    .motyw-child .main__box-06 .box:nth-child(odd) {
        padding-right: 20px;
    }
}
.motyw-child .main__box-06 .box-wrapper__img {
    border-radius: 10px;
}
.motyw-child .main__text-section-07 .container {
    background-color: rgba(var(--color-accent3),1);
}
.motyw-child .main__text-section-07 {
    padding: 0;
}
.motyw-child .main__text-section-07 .container:nth-child(1) {
    border-radius: 80px;
}
.motyw-child .main__text-section-07 .text-section div[class^=font-size]:nth-child(1) {
    flex-basis: 60%;
    padding: 0 50px;
}
.motyw-child .main__text-section-07 .text-section div[class^=font-size]:nth-child(2) {
    flex-basis: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.motyw-child .main__text-section-07 .main-btn {
    margin: 0;
}
.motyw-child .main__text-section-07 .container {
    padding: 80px;
}
.motyw-child .header {
    background-color: #FAF4F0;
}
.motyw-child .main__top-02 .top .slide__right .top__background {
    background: #FAF4F0;
}
.motyw-child .main__top-02::after {
    background-color: #FAF4F0;
}
.motyw-child .main__gallery-01::before {
    background-color: #FAF4F0;
}
.motyw-child .main__gallery-01 .gallery__item:nth-child(2),
.motyw-child .main__gallery-01 .gallery__item:nth-child(3),
.motyw-child .main__gallery-01 .gallery__item:nth-child(6) {
    height: 750px;
}
.motyw-child .main__gallery-01 .gallery__item:nth-child(1),
.motyw-child .main__gallery-01 .gallery__item:nth-child(4),
.motyw-child .main__gallery-01 .gallery__item:nth-child(5) {
    height: 350px;
}
.motyw-child .main__pros-02 .pros__icon {
  --w: 2rem; 
}

/*#marka-osobista .main__pros-02 div[class^=col-]:nth-child(2) .pros__icon svg.icon path {*/
/*    fill: none;*/
/*}*/
/*#marka-osobista .main__pros-02 div[class^=col-]:nth-last-child(1) .pros__icon svg.icon path {*/
/*    fill: none;*/
/*}*/
@media (max-width: 991px) {
    #marka-osobista .main__gallery-01 .gallery__item:nth-child(2),
    #marka-osobista .main__gallery-01 .gallery__item:nth-child(3),
    #marka-osobista .main__gallery-01 .gallery__item:nth-child(6) {
        height: 560px;
    } 
    #marka-osobista .main__gallery-01 .gallery__item:nth-child(1),
    #marka-osobista .main__gallery-01 .gallery__item:nth-child(4),
    #marka-osobista .main__gallery-01 .gallery__item:nth-child(5) {
        height: 280px;
    }
}
/* podstrona motywu kancelaria-notarialna */
#kancelaria .main__gallery-01::before {
    background-color: #CE9466;
}
/*#kancelaria .main__pros-02 .pros .box-header h2::after {*/
/*    background-image: url('/uploads/kancelaria.svg');*/
/*}*/
#kancelaria .main__gallery-01 .gallery__item:nth-child(2),
#kancelaria .main__gallery-01 .gallery__item:nth-child(3),
#kancelaria .main__gallery-01 .gallery__item:nth-child(6) {
    height: 750px;
}
#kancelaria .main__gallery-01 .gallery__item:nth-child(1),
#kancelaria .main__gallery-01 .gallery__item:nth-child(4),
#kancelaria .main__gallery-01 .gallery__item:nth-child(5) {
    height: 350px;
}
@media (max-width: 991px) {
    #kancelaria .main__gallery-01 .gallery__item:nth-child(2),
    #kancelaria .main__gallery-01 .gallery__item:nth-child(3),
    #kancelaria .main__gallery-01 .gallery__item:nth-child(6) {
        height: 560px;
    } 
    #kancelaria .main__gallery-01 .gallery__item:nth-child(1),
    #kancelaria .main__gallery-01 .gallery__item:nth-child(4),
    #kancelaria .main__gallery-01 .gallery__item:nth-child(5) {
        height: 280px;
    }
}
/*podstrona motywu smart-project*/
#projekty .main__gallery-01::before {
    background-color: #E2B95D;
}
#projekty .main__gallery-01 .gallery__item:nth-child(2),
#projekty .main__gallery-01 .gallery__item:nth-child(3),
#projekty .main__gallery-01 .gallery__item:nth-child(6) {
    height: 750px;
}
#projekty .main__gallery-01 .gallery__item:nth-child(1),
#projekty .main__gallery-01 .gallery__item:nth-child(4),
#projekty .main__gallery-01 .gallery__item:nth-child(5) {
    height: 350px;
}
@media (max-width: 991px) {
    #projekty .main__gallery-01 .gallery__item:nth-child(2),
    #projekty .main__gallery-01 .gallery__item:nth-child(3),
    #projekty .main__gallery-01 .gallery__item:nth-child(6) {
        height: 560px;
    } 
    #projekty .main__gallery-01 .gallery__item:nth-child(1),
    #projekty .main__gallery-01 .gallery__item:nth-child(4),
    #projekty .main__gallery-01 .gallery__item:nth-child(5) {
        height: 280px;
    }
}
@media (max-width: 1199px) {
    .motyw-child .main__text-section-06 .company-about__bottom .box-header {
        margin-bottom: 20px;
    }
    .motyw-child .main__text-section-07 .container {
        padding: 60px;
    }
    .main__recommendation-02 {
        margin-top: 200px;
    }
    .main__recommendation-02::after {
        content: '';
        position: absolute;
        background-image: url('/uploads/pattern/stars-img-mobile.svg');
        background-size: contain;
        background-repeat: no-repeat;
        height: 630px;
        width: 520px;
        top: -48%;
        left: 50%;
        transform: translate(-50%, 0) scale(0.6);
    }
    .main__recommendation-02 .recommendation {
        padding: 26px 0;
    }
    .main__gallery-01::after {
        display: none;
    }
    .main__pros-02 .pros .box-header::before {
        top: 5px;
        font-size: 20px;
    }
    .main__pros-02 .pros .box-header::after {
        top: 35px;
        font-size: 18px;
    }
    .main__pros-02::before {
        display: none;
    }
    .main__gallery-01 h2::after {
        display: none;
    }
    .main__gallery-01 .container:nth-child(3)::before {
        display: none;
    }
    .main__recommendation-02 {
        left: 0;
        width: 100%;
    }
    .main__recommendation-02 .recommendation {
        border-radius: 0;
    }
}
@media (max-width: 991px) {
    .motyw-child .main__text-section-07 .main-btn {
        margin-top: 20px;
    }
    .motyw-child .main__text-section-07 .text-section div[class^=font-size]:nth-child(1) {
        padding: 0;
    }
    .main__top-02 {
        margin-bottom: 430px;
    }
    .main__top-02::after {
        display: none;
    }
    .main__top-02 .top .slide {
        position: unset;
    }
    .main__top-02 .top .slide__right .top__background:before {
        content: '';
        position: absolute;
        bottom: -115%;
        width: 460px;
        height: 550px;
        left: 50%;
        top: unset;
        transform: translate(-50%);
        background: url('/uploads/images/komponenty/top/mobile-smartwww.png');
        background-size: contain!important;
        background-repeat: no-repeat!important;
    }
    #strona-glowna .main__top-02 .top .slide__right .top__background:before {
        background: url('/uploads/images/komponenty/top/smartwww-mobile-top.png');
    }
    #nieruchomosci .main__top-02 .top .slide__right .top__background:before {
        background: url('/uploads/images/komponenty/top/imperial-mobile-top.png');
    }
    #uslugi .main__top-02 .top .slide__right .top__background:before {
        background: url('/uploads/images/komponenty/top/construction-mobile-top.png');
    }
    #marka-osobista .main__top-02 .top .slide__right .top__background:before {
        background: url('/uploads/images/komponenty/top/personal-mobile-top.png');
    }
    #eventy .main__top-02 .top .slide__right .top__background:before {
        background: url('/uploads/images/komponenty/top/iceland-mobile-top.png');
    }
    #kancelaria .main__top-02 .top .slide__right .top__background:before {
        background: url('/uploads/images/komponenty/top/kancelaria-mobile-top.png');
        height: 630px;
    }
    #projekty .main__top-02 .top .slide__right .top__background:before {
        background: url('/uploads/images/komponenty/top/project-mobile-top.png');
    }
    .main__top-02 .top .slide__right .top__background::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 120%;
        left: 0;
        bottom: -105%;
        z-index: -1;
    }
    #nieruchomosci .main__top-02 .top .slide__right .top__background::after {
        background: #D1AE6A;
    }
    #uslugi .main__top-02 .top .slide__right .top__background::after {
        background: #FCB059;
    }
    #marka-osobista .main__top-02 .top .slide__right .top__background::after {
        background: #D58F76;
    }
    #eventy .main__top-02 .top .slide__right .top__background::after {
        background: #7FBCCB;
    }
    #kancelaria .main__top-02 .top .slide__right .top__background::after {
        background: #CE9466;
    }
    #projekty .main__top-02 .top .slide__right .top__background::after {
        background: #E2B95D;
    }
    #strona-glowna .main__top-02 .top .slide__right .top__background::after {
        display: none;
    }
    .main__top-02 .top .slide__left {
        z-index: 2;
    }
    .main__top-02 .top .slide__left h1 strong {
        color: #fff;
    }
    .main__top-02 .top .slide__left h1 {
        color: #fff;
    }
    .main__recommendation-02::after {
        top: -37%;
    }
    .main__text-section-07:nth-child(6) .text-section div[class^=font-size]:nth-child(1) {
        padding-top: 103px;
    }
    .main__text-section-07:nth-child(6) .text-section div[class^=font-size]:nth-child(2) {
        padding-bottom: 103px;
        margin-top: 2rem;
    }
    .motyw-child .main__top-02 .top .slide__right .top__background img {
        display: none;
    }
    .main__top-02 .top .slide__right .top__background {
        background: #F5F1ED;
    }
    #strona-glowna .main__top-02 .top .slide__right .top__background {
        background: #6575F0;
    }
    .main__top-02 .top .slide__left.light h1 {
        color: #000;
    }
    .main__top-02 .top .slide__left .font-size-9 p {
        color: #000;
    }
    #strona-glowna .main__top-02 .top .slide__left .font-size-9 p {
        color: #fff;
    }
    #nieruchomosci .main__top-02 .top .slide__right .top__background:before {
        bottom: -120%;
    }
    #eventy .main__top-02 .top .slide__right .top__background:before {
        bottom: -115%;
        width: 460px;
        height: 570px;
    }
    #kancelaria .main__top-02 .top .slide__right .top__background:before {
        bottom: -130%;
        width: 500px;
        height: 666px;
    }
    #projekty .main__top-02 .top .slide__right .top__background:before {
        bottom: -120%;
        width: 450px;
        height: 550px;
    }
}
@media (max-width: 767px) {
    .main__top-02 {
        margin-bottom: 320px;
    }
    .main__top-02 .top .slide__right .top__background:before {
        width: 500px;
        height: 500px;
        bottom: -85%;
    }
    .main__recommendation-02::after {
        top: -35%;
    }
    .main__pros-02 .pros .box-header {
        column-count: 1;
        margin-bottom: 80px;
    }
    .main__pros-02 .pros .box-header h2 {
        border-right: none;
        padding-right: 0;
    }
    .main__pros-02 .pros .box-header::before {
        top: 50px;
        font-size: 17px;
        width: 100%;
        text-align: center;
    }
    .main__pros-02 .pros .box-header::after {
        top: 75px;
        font-size: 14px;
        width: 100%;
        text-align: center;
    }
    .main__top-02 {
        margin-bottom: 490px;
    }
    .main__top-02 .top .slide__right .top__background:before {
        bottom: -120%;
    }
    .main__top-02 .top .slide__right .top__background::after {
        bottom: -109%;
    }
    #strona-glowna .main__top-02 .top .slide__right .top__background:before {
        bottom: -105%;
    }
    #nieruchomosci .main__top-02 .top .slide__right .top__background:before {
        width: 407px;
        height: 500px;
        bottom: -110%;
    }
    #uslugi .main__top-02 .top .slide__right .top__background::after {
        height: 120%;
        bottom: -105%;
    }
    #uslugi .main__top-02 .top .slide__right .top__background:before {
        width: 454px;
        height: 550px;
        bottom: -120%;
    } 
    #marka-osobista .main__top-02 .top .slide__right .top__background:before {
        width: 445px;
        height: 550px;
    }
    #eventy .main__top-02 .top .slide__right .top__background:before {
        bottom: -125%;
    }
    #kancelaria .main__top-02 .top .slide__right .top__background:before {
        bottom: -130%;
    }
    #projekty .main__top-02 .top .slide__right .top__background:before {
        bottom: -115%;
    }
}
@media (max-width: 575px) {
    .main__top-02 {
        margin-bottom: 250px;
    }
    .motyw-child .main__text-section-07 .container {
        padding: 40px 20px;
    }
    .main__top-02 .top .slide__right .top__background:before {
        width: 450px;
        height: 450px;
        bottom: -65%;
    }
    .main__top-02 .top .slide__left {
        padding-left: 10px;
    }
    .main__recommendation-02::after {
        top: -47%;
        transform: translate(-50%, 0) scale(0.5);
    }
    .main__recommendation-02 .recommendation__child--icon svg {
        margin-bottom: 0;
    }
    .main__recommendation-02 {
        padding-bottom: 0px;
    }
    .main__text-section-07:nth-child(6) .text-section div[class^=font-size]:nth-child(2) {
        margin-top: 1rem;
    }
    .main__top-02 .top .slide__right .top__background:before {
        width: 330px;
        height: 450px;
        bottom: -90%;
    }
    .main__top-02 {
        margin-bottom: 390px;
    }
    .main__top-02 .top .slide__right .top__background::after {
        bottom: -75%;
        height: 80%;
    }
    .motyw-child .main__text-section-07 .container:nth-child(1) {
        border-radius: 0;
    }
    #strona-glowna .main__top-02 .top .slide__right .top__background:before {
        bottom: -70%;
        width: 400px;
    }
    #strona-glowna .main__top-02 {
        margin-bottom: 270px;
    }
    #nieruchomosci .main__top-02 .top .slide__right .top__background:before {
        width: 340px;
        height: 420px;
        bottom: -90%;
    }
    #uslugi .main__top-02 .top .slide__right .top__background:before {
        width: 371px;
        height: 450px;
        bottom: -100%;
    }
    #uslugi .main__top-02 .top .slide__right .top__background::after {
        bottom: -90%;
    }
    #marka-osobista .main__top-02 .top .slide__right .top__background:before {
        width: 364px;
        height: 450px;
    }
    #eventy .main__top-02 .top .slide__right .top__background:before {
        width: 400px;
        height: 490px;
        bottom: -98%;
    }
    #kancelaria .main__top-02 .top .slide__right .top__background:before {
        bottom: -100%;
        width: 400px;
        height: 480px;
    }
    #projekty .main__top-02 .top .slide__right .top__background:before {
        width: 350px;
        height: 428px;    
        bottom: -95%
    }
}
@media (max-width: 499px) and (min-width: 425px) {
    #marka-osobista .main__top-02 .top .slide__right .top__background:before {
        bottom: -100%;
    }
    #kancelaria .main__top-02 .top .slide__right .top__background:before {
        bottom: -106%;
    }
}
@media (max-width: 439px) and (min-width: 417px) {
    #kancelaria .main__top-02 .top .slide__right .top__background:before {
        bottom: -96%;
    }
}
@media (max-width: 416px) {
    #kancelaria .main__top-02 .top .slide__right .top__background:before {
        bottom: -85%;
    }
}
@media (max-width: 461px) and (min-width: 425px) {
    #eventy .main__top-02 .top .slide__right .top__background:before {
        bottom: -107%;
    }
    #eventy .main__top-02 {
        margin-bottom: 380px;
    }
}
@media (max-width: 424px) and (min-width: 401px) {
    #eventy .main__top-02 {
        margin-bottom: 380px;
    }
}
@media (max-width: 490px) {
    .main__top-02 .top .slide__right .top__background:before {
        width: 400px;
        height: 400px;
    }
}
@media (max-width: 450px) {
    .main__top-02 .top .slide__left {
        transform: translateY(0%);
    }
    .main__recommendation-02::after {
        top: -58%;
    }
    #uslugi .main__top-02 .top .slide__right .top__background img {
        bottom: -92%;
    }
    #uslugi .main__top-02 .top .slide__right .top__background::after {
        bottom: -83%;
    }
    #uslugi .main__top-02 .top .slide__right .top__background:before {
        bottom: -88%;
    }
}
@media (max-width: 426px) {
    .main__pros-02 .pros .box-header::before {
        top: 77px;
        font-size: 14px;
    }
    .main__pros-02 .pros .box-header::after {
        top: 103px;
        font-size: 12px;
    }
}
@media (max-width: 450px) and (min-width: 428px) {
    #uslugi .main__top-02 .top .slide__right .top__background:before {
        bottom: -94%;
    }
}
@media (max-width: 424px) and (min-width: 401px) {
    #nieruchomosci .main__top-02 .top .slide__right .top__background:before {
        bottom: -78%;
    }
    #nieruchomosci  .main__top-02 .top .slide__right .top__background::after {
        bottom: -73%;
    }
}
@media (max-width: 408px) and (min-width: 401px) {
    #marka-osobista .main__top-02 .top .slide__right .top__background:before {
        bottom: -86%;
    
    }
}
@media (max-width: 400px) {
    .main__top-02 {
        margin-bottom: 150px;
    }
    .main__top-02 .top .slide__right .top__background:before {
        width: 300px;
        height: 300px;
        bottom: -45%;
    }
    #strona-glowna .main__top-02 .top .slide__right .top__background:before {
        bottom: -60%;
        width: 290px;
    }
    #strona-glowna .main__top-02 {
        margin-bottom: 250px;
    }
    #nieruchomosci .main__top-02 .top .slide__right .top__background:before {
        width: 250px;
        height: 308px;
        bottom: -55%;
    }
    #nieruchomosci .main__top-02 {
        margin-bottom: 250px;
    }
    #nieruchomosci .main__top-02 .top .slide__right .top__background::after {
        bottom: -50%;
        height: 60%;
    }
    #uslugi .main__top-02 .top .slide__right .top__background:before {
        width: 290px;
        height: 351px;
        bottom: -64%;
    }
    #uslugi .main__top-02 .top .slide__right .top__background::after {
        height: 120%;
        bottom: -44%;
    }
    #uslugi .main__top-02 {
        margin-bottom: 250px;
    }
    #marka-osobista .main__top-02 .top .slide__right .top__background::after {
        bottom: -60%;
    }
    #marka-osobista .main__top-02 {
        margin-bottom: 250px;
    }
    #marka-osobista .main__top-02 .top .slide__right .top__background:before {
        width: 290px;
        height: 358px;
        bottom: -64%;
    }
    #marka-osobista .main__top-02 .top .slide__right .top__background::after {
        bottom: -61%;
    }
    #eventy .main__top-02 {
        margin-bottom: 280px;
    }
    #eventy .main__top-02 .top .slide__right .top__background:before {
        width: 300px;
        height: 370px;
        bottom: -70%;
    }
    #eventy .main__top-02 .top .slide__right .top__background::after {
        bottom: -65%;
    }
    #kancelaria .main__top-02 {
        margin-bottom: 250px;
    }
    #kancelaria .main__top-02 .top .slide__right .top__background::after {
        bottom: -57%;
        height: 80%;
    }
    #kancelaria .main__top-02 .top .slide__right .top__background:before {
        width: 300px;
    }
    #projekty .main__top-02 {
        margin-bottom: 250px;
    }
    #projekty .main__top-02 .top .slide__right .top__background::after {
        bottom: -56%;
        height: 80%;
    }
    #projekty .main__top-02 .top .slide__right .top__background:before {
        width: 245px;
        height: 300px;
        bottom: -60%;
    }
}
@media (max-width: 341px) {
    #eventy .main__top-02 .top .slide__right .top__background::after {
        bottom: -60%;
    }
    #eventy .main__top-02 .top .slide__right .top__background:before {
        bottom: -65%;
    }
}
@media (max-width: 336px) {
    #projekty .main__top-02 .top .slide__right .top__background:before {   
        bottom: -48%
    }
    #projekty .main__top-02 .top .slide__right .top__background::after {
        bottom: -48%;
        height: 80%;
    }
    #uslugi .main__top-02 .top .slide__right .top__background:before {
        bottom: -56%;
    }
}
@media (max-width: 330px) {
    .main__recommendation-02::after {
        top: -40%;
    }
    #marka-osobista .main__top-02 .top .slide__right .top__background:before {
        bottom: -62%;
    }
    #marka-osobista .main__top-02 .top .slide__right .top__background::after {
        bottom: -58%;
    }
}
.header .header__menu-01 .menu__bottom .container .menu__right .social-media .icon {padding:7px;}

.main__contact-form-02 .contact-form__right .form .contactform div label,
.main__contact-form-02 .contact-form__right .form section label,
.main__contact-form-04 .contact-form__right .form .contactform div label,
.main__contact-form-04 .contact-form__right .form section label {
    color:#000 !important;
    
}
.main__contact-form-02 .contact-form__right .cf-01,
.main__contact-form-04 .contact-form__right .cf-01 {
    padding: 0;
}
@media (min-width: 800px) {
    .main__contact-form-02 .contact-form, .main__contact-form-04 .contact-form {
        padding: 0 60px;
    }
}
@media (min-width: 1200px) {
.main__contact-form-02 .contact-form__right .cf-01, .main__contact-form-04 .contact-form__right .cf-01 {padding: 0 10px 0 100px !important;}
}

.header .header__menu-01 .menu__bottom .container .menu__right .main-btn {font-weight:500;}


section.main__text .container p, section.main__text .container li {padding-bottom:15px;}
section.main__text .container ul {margin-left:20px;}

/* NEW FORM */
.main__contact-form-04 .contact-form__right .form section input:not([type="checkbox"]):focus ~ label,
.main__contact-form-04 .contact-form__right .form section textarea:not([type="checkbox"]):focus ~ label,
.main__contact-form-04 .contact-form__right .form section input:not([type="checkbox"]).has-content ~ label,
.main__contact-form-04 .contact-form__right .form section textarea:not([type="checkbox"]).has-content ~ label{
    display: block;
}
.main__contact-form-04 .contact-form__right form.form section input[type="text"],
.main__contact-form-04 .contact-form__right form.form input[type="phone"],
.main__contact-form-04 .contact-form__right form.form input[type="email"],
.main__contact-form-04 .contact-form__right form.form textarea {
    background-color: white;
    border: none;
    border-bottom: 2px solid #fff;
    border-radius: 6px!important;
    color: rgba(var(--color-accent),1);
    padding-left: 10px;
    padding: 25px 10px 0px 15px;
}
.main__contact-form-04 .contact-form__right form.form section label {
    color: black!important;
    top:auto;
    bottom: 15px;
    left:15px;
    display: block;
    transition: .3s;
    font-size: 80%;
    opacity: .7;
}
.main__contact-form-04 .contact-form__right .form section input[type="text"].active + label,
.main__contact-form-04 .contact-form__right .form section input[type="phone"].active + label,
.main__contact-form-04 .contact-form__right .form section input[type="email"].active + label {
    bottom: 28px!important;
}
.main__contact-form-04 .contact-form__right .form section textarea.active + label {
    bottom: 72px!important;
}
@media (min-width:505px) {
    .main__contact-form-04 .contact-form__right .form section textarea.active + label {
    bottom: 90px!important;
}
}
.main__contact-form-04 .contact-form__right .form section.budget {
    display: grid;
    place-items: center;
}
.main__contact-form-04 .contact-form__right .form section.budget select {
    padding: 10px 15px;
    border-radius:6px;
}
.main__contact-form-04 .contact-form__right .form section.budget img.select-icon {
    position: absolute;
    right: 15px;
    bottom: 50%;
    transform: translateY(50%);
    transition: .3s;
}
.main__contact-form-04 .contact-form__right .form section.budget select.active ~ img.select-icon {
    transform: translateY(50%) rotate(180deg); 
}
.main__contact-form-04 .contact-form__right .form section.budget label {
    color: black;
    bottom: auto;
    left: auto;
    width: 100%;
    margin-left: 20px;
}
.main__contact-form-04 .contact-form__right .form section.seo label,
.main__contact-form-04 .contact-form__right .form section.rodo label {
    color: white!important;
}
@media(max-width:575px) {
    .main__contact-form-04 .contact-form__right .form section textarea {
    padding-top: 48px;
}
}
@media (max-width:1000px) {
    .main__contact-form-04, .footer__top {
        padding: 26px 0!important;
    }
}
@media (min-width: 1200px) {
    .main__contact-form-04 .contact-form__right .form section textarea.active + label {
        bottom: 91px!important;
    }
    .main__contact-form-04 .contact-form__right .form {
        display:grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr 2fr 1fr;
        grid-template-areas: 
        "name company"
        "phone email"
        ". seo"
        "brand brand"
        "message message"
        "rodo button";
        gap: 20px 20px;
    }
    .main__contact-form-04 .contact-form__right .form .main-btn.btn-nr-5 {
        grid-area: button;
    }
    .main__contact-form-04 .contact-form__right .form section{margin:0;}
    .main__contact-form-04 .contact-form__right .form section.name {grid-area:name;}
    .main__contact-form-04 .contact-form__right .form section.email {grid-area:email;}
    .main__contact-form-04 .contact-form__right .form section.phone {grid-area:phone;}
    .main__contact-form-04 .contact-form__right .form section.company {grid-area:company;}
    .main__contact-form-04 .contact-form__right .form section.brand {grid-area:brand;}
    .main__contact-form-04 .contact-form__right .form section.seo {grid-area:seo;}
    .main__contact-form-04 .contact-form__right .form section.budget {grid-area:price;}
    .main__contact-form-04 .contact-form__right .form section.message {grid-area:message;}
    .main__contact-form-04 .contact-form__right .form section.rodo {grid-area:rodo;}
    .main__contact-form-04 .contact-form__right .form section {grid-area:button;margin:0;margin-left:20px;}
    .main__contact-form-04 .contact-form__right .form section.seo label,
    .main__contact-form-04 .contact-form__right .form section.rodo label {
        width:100%;
    }
}





/* BRANDS */



.main__brands-01 {
    padding-top: 40px;
}
.main__tabs-01 {
    padding-top: 40px;
}

.main__brands-01 .container .images-row {padding: 0 30px;}

@media (max-width: 1499px) {
    .main__brands-01 {
    padding-top: 50px;
}
}
@media (max-width: 1199px) {
    .main__brands-01 {
    padding-top: 60px;
}
}
@media (max-width: 991px) {
    .main__brands-01 {
    padding-top: 40px;
}
.main__tabs-01 .tabs-bottom.tab-a .tabs-bottom__content [class^="main__"] .tab-btn.btn-accordion {
    border-radius: 20px;
    padding:13px 25px;
}
}
@media (max-width: 575px) {

.main__brands-01 .container .text-row {
    margin-bottom:0px!important;
}    
    
    

.main__brands-01 {
    padding-top: 0px;
}
.main__tabs-01 .tabs-bottom.tab-a .tabs-bottom__content [class^="main__"] .container .image-col {
  padding: 10px 25px 40px;
}
}
.main__tabs-01 .tabs-bottom .tabs-bottom__buttons .tab-btn-wrapper {
    justify-content: center;
}

.main__brands-01 .container {
    background-color: #EFEDFD;
    padding: 50px 0 25px;
    border-radius: 80px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.main__brands-01 .container .text-row {
    text-align: center;
    padding: 70px 330px;
}
@media (max-width:1500px) {
   .main__brands-01 .container .text-row {
    padding: 0px 230px;
} 
}

.main__brands-01 .container .slick-slide{
    margin: 0 19px;
}
.main__brands-01 .container .slick-track{
    padding: 45px 0;
    padding-right: 10% !important;
    overflow: unset;
}
.main__brands-01 .container .images-row {
    padding: 0px;
}
.main__brands-01 .container .images-row img {
    border-radius: 20px;
    box-shadow: 0px 6px 5px #00000042;
    cursor: pointer;
    transition: .4s;
}

.main__contact-form-04 .contact-form__left .social-media {
    display: block;
    max-width: 370px;
}
.main__contact-form-04 .contact-form__left .social-media a {
    margin: 10px 10px 0 0;
}
.main__contact-form-04 .contact-form__left .social-media p {
    font-weight: 500;
    color: #fff;
    margin-bottom: 1rem;
}
.main__brands-01 .container .text-row h1{
    margin: 0;
}
.main__tabs-01 .tabs-bottom .tabs-bottom__buttons .tab-btn-wrapper {
    padding: 0;
}
.main__tabs-01 .tabs-bottom .tabs-bottom__content .items-wrapper [class^="main__"] {
    padding: 55px 0;
}
.main__tabs-01 .tab-btn-wrapper li {
    margin-bottom: 10px;
}
.main__brands-01 .container .text-row h1 {
    font-weight: 600;
}
.main__brands-01 .container .text-row strong {
    display: block;
    font-weight: 600;
}
.main__brands-look-01 .desc-col {
    display: flex;
    flex-direction: column;
    gap: 35px;
}
.main__brands-look-01 .desc-col a {
    width: 35%;
    padding: 15px 30px;
}
.main__brands-look-01 .desc-col div.font-size-10 {
    display: flex;
    flex-direction: column;
    gap:35px;
    padding-right: 30px;
    margin-top: 11px;
    margin-bottom: 6px;
    font-weight: bolder;
}
.main__brands-look-01 img {
    box-shadow: 0px 4px 27px #00000042;
    border-radius: 20px;
    transition:.4s;
}
.main__brands-look-01 img {
    transition: transform 0.3s ease-in-out;
}

@media (max-width: 1000px) {
    .main__brands-01 .container .text-row {
        padding: 0;
        
    }
    .main__brands-01 .container .images-row img {
        transform: none!important;
    }
    .main__brands-01 .container {
        border-radius: 0;
        padding: 28px var(--bs-gutter-x,.75rem);
    }
    .main__tabs-01 .tabs-bottom .tabs-bottom__content .items-wrapper [class^="main__"] {
        padding: 0;
        margin-bottom:10px;
    }
    .main__tabs-01 .tabs-bottom.tab-a .tabs-bottom__content [class^="main__"] .tab-btn.btn-accordion.firstItem {
        border: 2px solid rgba(var(--color-accent3),1);
    }
    .main__tabs-01 .tabs-bottom.tab-a .tabs-bottom__content [class^="main__"] .container .desc-col {
        padding: 10px 25px 40px;
    }
    .main__brands-look-01 .desc-col a {
        width: 70%;
        align-self: center;
        margin-top: 25px;
    }
    .main__brands-look-01 img {
        box-shadow: 0px -3px 6px #00000042;
        border-radius: 5px;
    }
    .main__brands-look-01 .desc-col {
        gap:15px;
    }
    .main__brands-look-01 .desc-col div.font-size-10 {
        padding: 0;
        margin-bottom: 0;
    }
    
}

@media (min-width: 1000px) {
    .main__brands-01 .container .images-row {padding: 0px 38px;}
}
@media (min-width: 1500px) {
    .main__brands-01 .container .images-row img:nth-child(1) {transform:translateY(-30px);}
.main__brands-01 .container .images-row img:nth-child(1):hover {transform:translateY(0);}
.main__brands-01 .container .images-row img:nth-child(2):hover {transform:translateY(-15px);}
.main__brands-01 .container .images-row img:nth-child(3) {transform:translateY(-30px);}
.main__brands-01 .container .images-row img:nth-child(3):hover {transform:translateY(0);}
.main__brands-01 .container .images-row img:nth-child(4):hover {transform:translateY(-15px);}
.main__brands-01 .container .images-row img:nth-child(5) {transform:translateY(-30px);}
.main__brands-01 .container .images-row img:nth-child(5):hover {transform:translateY(0);}

}
.menu .btn-out {
    background-color: transparent;
    border: 2px solid rgba(var(--color-accent),1);
    color: rgba(var(--color-accent),1);
}

.menu .btn-out:hover {
    border: 2px solid rgba(var(--color-accent),1);
}
.main__brands-01 .container .text-row .getToForm {
    margin: 45px auto 0;
}

.main__brands-01 .container .text-row .main-btn {
  background: rgba(var(--color-accent),1);
  color: #fff;
  border: rgba(var(--color-accent),1);
}
.main__brands-01 {padding-top:0px;}
@media (min-width:1200px){
    .main__brands-01 .container .text-row {padding:10px 330px !important;}
}
.main__brands-01 .container .text-row strong {display: inline;}





.popup-modal {
    position: fixed;
    display: none;
    place-items: center;
    background-color: rgba(0, 0, 0, .6);
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    z-index: 9999;
    transition: .3s;
    opacity: 0;
}

.popup-modal.active {
    display: grid;
    animation:showPopup .3s ease-in-out forwards;
}
@keyframes showPopup {
    from {
        opacity: 0;
    }
    to {
        opacity:1;
    }
}

.popup-body {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 14px;
    transform: translateY(-120vh);
    padding: 30px 40px;
}
.popup-body button {
    width: fit-content;
    align-self: center;
}
.popup-body h3 {
    margin: 0;
}
@media (max-width:575px) {
    .popup-body {
        gap: 15px;
        width:95%;
        padding: 30px;
    }
}
@media (min-width:576px) {
    .popup-body {
        width: 80%;
        gap: 10px;
    }
}
@media (min-width: 1000px) {
    .popup-body {
        width: 60%;
        gap: 15px;
    }
}
@media (min-width: 1500px) {
    .popup-body {
        width: 40%;
        gap: 20px;
    }
}

.popup-modal.active .popup-body {
    
    animation:showBody .3s ease-in-out forwards; 
}
@keyframes showBody {
    0% {
        transform: translateY(-120vh);
    }
    60% {
        transform: translateY(5vh);
    }
    100% {
        transform: translateY(0);
    }
}






#branze .main-btn {
    padding: 12px 25px!important;
}
@media (min-width:1000px) {
    .image-screen {
        margin: auto;
    }
    .image-screen img {
	    width: 100%;
        object-fit: cover;
        object-position: top;
        height: 650px;
        transition: 5s all ease;
    }
    .image-screen:hover img {
        object-position: bottom;
    }
    .main__brands-look-01 .container .image-col {
        padding-left:40px;
    }
}
.main__tabs-01 .tabs-bottom .tabs-bottom__buttons .tab-btn-wrapper .tab-btn {
    padding: 12px 25px;
}
.main__recommendation-02, .footer__01 .footer__top, .main__contact-form-02 {
    padding: 55px 0;
}
.main__tabs-01 .tabs-bottom .tabs-bottom__content .items-wrapper [class^="main__"].firstItem {
    margin-bottom: 0;
}
#branze .main__contact-form-02 {
    margin-top: 55px;
}
.main__tabs-01 {
    padding-top: 55px;
}
@media (max-width: 575px) {
    .main__recommendation-02 {
        padding-bottom:0;
    }
    #branze .main__contact-form-02 {
        margin-top: 0;
    }
    .main__recommendation-02 .recommendation__child--icon svg {
        width:34px;
    }
}
#branze .main__brands-01 .main-btn {
    color: rgba(var(--color-accent2),1);
    background: rgba(var(--color-main),1);
}
#branze .main__brands-01 .btn-nr-5:hover {
    color: white!important;
    background: rgba(var(--color-accent2),1)!important;
}
.main__contact-form-02 .contact-form__right .form .main-btn {
    margin-right: 0;
}
.main__contact-form-04 .contact-form__right .form .main-btn{
    
}


/* Landing v2 /smart */
#smart {
    max-width: 100%;
}
.main__pros-07 {
    overflow: hidden;
}
#smart .header__menu-01 {
    background: #fff;
    box-shadow: 0px 18px 28px #7564EF0A;
}
.main__top-05 {
    position: relative;
    padding: 150px 25%;
    text-align: center;
    overflow-y: hidden;
}
@-moz-document url-prefix() { /* Mozilla Firefox */
  .main__top-05 {
    overflow: hidden;
  }
}

@media not all and (min-resolution:.001dpcm) { /* Chrome */
  @supports (-webkit-appearance:none) {
    .main__top-05 {
      overflow: hidden;
    }
  }
}

@media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari */
  .main__top-05 {
    overflow: hidden;
  }
}
.smart_mask {
    content: '';
    position: absolute;
    top: 0;
    left: -15%;
    width: 50%;
    height: 100%;
    object-fit: none;
  }
@-moz-document url-prefix() { /* Mozilla Firefox */
  .smart_mask {
    content: '';
    position: absolute;
    top: 0;
    left: -15%;
    width: 50%;
    height: 100%;
    object-fit: none;
  }
}

@media not all and (min-resolution:.001dpcm) { /* Chrome */
  @supports (-webkit-appearance:none) {
    .smart_mask {
      content: '';
      position: absolute;
      top: 0;
      left: -15%;
      width: 50%;
      height: 100%;
      object-fit: none;
    }
  }
}

@media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari */
  .smart_mask {
    content: '';
    position: absolute;
    top: 0;
    left: -15%;
    width: 50%;
    height: 100%;
    object-fit: none;
  }
}

.main__top-05 .container {
    z-index: 2;
    position: relative;
}
.main__top-05 h1 strong {
    position: relative;
    background: transparent;
}
.main__top-05 h1 strong:nth-child(2):before {
     content: '';
  position: absolute;
  left: -10px;
  right: -10px;
  top: 81%;
  height: 50px;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-image: url(/img/ikony/underline_smart.svg);
  mask-image: url(/img/ikony/underline_smart.svg);
  background: #C03AD8;
  z-index: 5;
  pointer-events: none;
  box-sizing: unset;
  -webkit-mask-size: auto;
  mask-size: auto;
}
.main__top-05 .action-cnt {
    display: flex;
    flex-direction: column;
    gap: 260px;
    position: relative;
}
.main__top-05 .action-btn {
    width: 92px;
    height: 92px;
    box-shadow: 0px 12px 28px #7564EF21;
    align-self: center;
    border-radius: 50%;
    display: grid;
    place-items: center;
    position: relative;
    transition: 2s;
    background: #fff;
}
.main__top-05 .action-btn:hover {
    transform: translateY(10px);
    animation: shadow-party 1s ease-in-out infinite;
    animation: delayed-btn 3s 2s ease-in-out infinite;
}
.main__top-05 .action-btn p {
    position: absolute;
    transform: rotate(90deg);
    top: -60%;
    color: #CFCFCF;
    text-transform: uppercase;
    cursor: default;
}
.main__top-05 .action-btn--body {
    height: 52px;
    width: 52px;
    box-shadow: 0px 12px 28px #7564EF21;
    border-radius: 50%;
    display: grid;
    place-items: center;
    cursor: pointer;
}
.main__top-05 .action-cnt svg {
    transition: all .4s ease;
    animation: rotate-star 3s ease-in-out infinite;
}
.main__top-05 .social-media {
    position: absolute;
    right: 50px;
    bottom: 68%;
    transform: translateY(50%);
    flex-direction: column;
    gap: 15px;
}
.main__top-05 .social-media a {
    width: 40px;
    height: 40px;
}
.main__top-05 .social-media svg {
    height: 100%;
    width: 100%;
    max-height: none;
}
.main__top-05 .social-media svg.icon path {
    fill:#373163;
}
@keyframes delayed-btn {
    0% {
        transform: translateY(10px);
    }
    20% {
        transform: translateY(10px);
    }
    30% {
        transform: translateY(0px);
    }
    40% {
        transform: translateY(10px);
    }
    50% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(10px);
    }
}
@keyframes shadow-party {
    from {
        box-shadow: 0px 12px 28px #7564EF21;
    }
    to {
        box-shadow: 0px 22px 28px #7564EF21;
    }
}
@keyframes rotate-star {
    0 {
        transform: rotate(0);
    }
    50% {
        transform: rotate(0);
    }
    70% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(180deg);
    }
}

/* Seckja 2 */
.main__pros-07 {
    padding: 55px 0;
}
.main__pros-07 .pros_body .pros-hdr {
    text-align: center;
    padding: 0 20%;
    position: relative;
}
.main__pros-07 .pros_body .pros-hdr:before {
    position: absolute;
    content: '';
    left: 23%;
    top: 34%;
    width: 42px;
    height: 5px;
    background: #705BE9;
    border-radius: 10px;
}
.main__pros-07 .pros_body .pros_body--grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr;
    grid-template-areas: "pros-list icons image";
    padding-top: 100px;
    padding: 100px 20px 0;
}
.main__pros-07 .pros_body .pros_body--grid-proses {
    list-style:none;
    display: flex;
    flex-direction: column;
    gap: 25px;
    width: 85%;
    padding: 25px 0;
}
.main__pros-07 .pros_body .pros_body--grid-proses .single-pros {
    display: flex;
    align-items: baseline;
}
.main__pros-07 .pros_body .pros_body--grid-proses .single-pros span {
    display: inline-block;
    min-height: 40px;
    min-width: 60px;
    /*line-height: 40px;*/
    padding-right: 20px;
    font-size: 150%;
    color:#705BE9;
    font-weight: 700;
}
.main__pros-07 .pros_body .pros_body--grid-proses .single-pros h3 {
    font-size: 120%;
}
/* GRID IKONY */
.main__pros-07 .pros_body .pros_body--grid--icons {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 15px 0;
    position: relative;
}
.main__pros-07 .pros_body .pros_body--grid--icons:after {
    position: absolute;
    content: '';
    left: 33px;
    top: 5%;
    width: 2px;
    height: 80%;
    background: #705BE9;
    transform: translateX(-50%);
    z-index: -1;
}
.main__pros-07 .pros_body .pros_body--grid--icons .icon-section {
    display: flex;
    align-items: center;
    gap: 65px;
}
.main__pros-07 .pros_body .pros_body--grid--icons .icon-section .icon--body {
    background:#705BE9; 
    height: 66px;
    width: 66px;
    border-radius:18px;
    display: grid;
    place-items: center;
}
.main__pros-07 .pros_body .pros_body--grid--icons .icon-section:nth-child(1) .icon--body img {
    width: 38%;
}
.main__pros-07 .pros_body .pros_body--grid--icons .icon-section .icon--body img {
    width: 44%;
}
.main__pros-07 .pros_body .pros_body--grid--icons .icon-section:nth-child(2) .icon--body,
.main__pros-07 .pros_body .pros_body--grid--icons .icon-section:nth-child(3) .icon--body,
.main__pros-07 .pros_body .pros_body--grid--icons .icon-section:nth-child(4) .icon--body{
    background: #F3F5FE;
}
.main__pros-07 .pros_body .pros_body--grid-img figure{
    display: grid;
    place-items: center;
}
.main__pros-07 .pros_body .pros_body--grid-img img {
    max-width: 72%;
    justify-content: end;
    border-radius:40px 10px 10px 10px;
}
/* Galeria 03 */
.main__gallery-03 {
    padding: 55px 0;
}
.main__gallery-03 .gallery--body h1.font-size-3 {
    text-align: center;
    padding-bottom: 90px;
    position: relative;
}
.main__gallery-03 .gallery--body h1.font-size-3:before {
    position: absolute;
    content: '';
    left: 1%;
    top: 30%;
    width: 42px;
    height: 5px;
    background: #705BE9;
    border-radius: 10px;
}
.main__gallery-03 .gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.main__gallery-03 .gallery .gallery__item--img {
    max-height: 310px;
    border-radius: 20px;
    object-fit: cover;
    cursor: pointer;
    transition: transform ease-in-out .5s;
    box-shadow: 0px 12px 28px #7564EF21;
}
.main__gallery-03 .gallery .gallery__item--img:hover {
    transform: scale(1.05);
}
.main__gallery-03 .gallery .gallery__item--img:nth-child(1) {
    width: calc(49% - 60px);
    object-position: 0 8%;
    animation: scrollImg 7s ease-in-out infinite alternate;
}
.main__gallery-03 .gallery .gallery__item--img:nth-child(2) {
    width:30%;
}
.main__gallery-03 .gallery .gallery__item--img:nth-child(3) {
    width: 21%;
}
.main__gallery-03 .gallery .gallery__item--img:nth-child(4) {
    width: 22%;
}
.main__gallery-03 .gallery .gallery__item--img:nth-child(5) {
    width: calc(78% - 30px);
    object-position: 0 8%;
    animation: scrollImg 7s 2s ease-in-out infinite alternate;
}
@keyframes scrollImg {
    from {
        object-position: 0 8%;
    }
    to {
        object-position: 100% 90%;
    }
}


/* Custom lightbox */
.text-section-child img {
    cursor: pointer;
}
#lightbox{
 position: fixed;
 display: none;
 z-index: 100;
 bottom: 0;
 left: 0;
 width: 100vw;
 height: calc(100vh - 70px);
 background-color: rgba(0, 0, 0, .6);
}

#lightbox.active{
 display: flex;
 justify-content: center;
 align-items: center;
}

#lightbox img{
  height: 90%;
  object-fit: contain;
  animation: showImg .4s ease-in-out forwards;
}
@keyframes showImg {
  from {
    transform: scale(.2);
  }

  to {
    transform: scale(1);
  }
}

/* Opinie na /smart */
.main__recommendation-03 {
    padding: 55px 0 115px;
}
.main__recommendation-03 .recommendation__body {
    position: relative;
}
.main__recommendation-03 .recommendation__body:before{
    content: '';
    position: absolute;
    top:0;
    right: 0;
    left: 0;
    width: 90%;
    height: 100%;
    background: #F3F5FE;
    border-radius: 70px;
}
.main__recommendation-03 .recommendation-slider-3 {
    padding-left: 0;
    padding-right: 0;
    position: static;
}
.main__recommendation-03 .recommendation-slider-3 .slick-list {

}
.main__recommendation-03 .recommendation-slider-3 .slick-track{
    position: static;
}
.main__recommendation-03 .recommendation__slider--opinion .font-size-6a {
    font-size: 110%;
}

.main__recommendation-03 .recommendation__slider {
    padding: 100px 60px;
}
.main__recommendation-03 .recommendation__slider--opinion {
    width: 45%;
    padding-bottom: 55px;
    font-weight: 500;
}
.main__recommendation-03 .recommendation__slider--img {
    position: absolute;
    top: 50%;
    right: -21%;
    width: 50%;
    transform: translateY(-50%);
    height: 120%;
}
.main__recommendation-03 .recommendation__slider--img:before{
    position: absolute;
  top: 40%;
  left: 20%;
  content: '';
  height: 50px;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-image: url(/img/ikony/underline_smart.svg);
  mask-image: url(/img/ikony/underline_smart.svg);
  background: #C03AD8;
  z-index: 5;
  pointer-events: none;
  box-sizing: unset;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 100px;
}
.main__recommendation-03 {
    overflow: hidden;
}
.main__recommendation-03 .recommendation__slider--img img {
    height: 100%;
    object-fit: cover;
    border-radius: 150px;
    float:right;
    position: absolute;
}
.main__recommendation-03 .slick-list {
    overflow: visible;
}
.main__recommendation-03 .recommendation__header {
    padding-bottom: 110px;
}
.main__recommendation-03 .recommendation__header h1 {
    width: 70%;
}
.main__recommendation-03 .recommendation__header h1 span{
    margin-left:75px;
    position: relative;
}
.main__recommendation-03 .recommendation__header h1 span:before{
    position: absolute;
content: '';
left: -24%;
bottom: 18px;
width: 42px;
height: 5px;
background: #705BE9;
border-radius: 10px;
}
.main__recommendation-03 .opinion-author {
    font-weight: 500;
}
.main__recommendation-03 .recommendation03_dots{
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}
.main__recommendation-03 .recommendation03_dots .slick-dots{
    display:flex;
    list-style:none;
    gap:20px;
}
.main__recommendation-03 .recommendation03_dots .slick-dots li {
    height: 30px;
    width: 30px;
    display: grid;
    place-items: center;
}
.main__recommendation-03 .recommendation03_dots .slick-dots li button{
    font-size: 0;
    background: #705BE9;
    border-radius: 100%;
    width: 7px;
    height: 7px;
    opacity: 1;
    pointer-events: all;
    border:none;
    transition: all .4s ease-in-out;
}
.main__recommendation-03 .recommendation03_dots .slick-dots li:not(.slick-active) button:hover{
    background:#FFF;
    width: 20px;
    height: 20px;
    border: 1px solid #705BE9;
}
.main__recommendation-03 .recommendation03_dots .slick-dots li.slick-active button{
    background:#FFF;
    width: 30px;
    height: 30px;
    border: 1px solid #705BE9;
}
.main__recommendation-03 .recommendation03_quotes {
    position: absolute;
    z-index: 1;
    top:-25px;
    left:45%;
}

/* Galeria smart */
.main__gallery-smart {
    padding: 55px 0;
}
.smart--img {position: relative;}
.smart--img img{scale:1.2;transform: translateX(-5%);}
.smart_cloud {position:absolute;width:210px;height:80px;}
.smart_cloud-01{right:28%;top:8%;}
.smart_cloud-02{left:16%;bottom:35%;}
.smart_cloud img{scale:1;}

#smart .main__contact-form-04{overflow: visible;background:transparent;position:relative;margin-bottom: 100px;margin-top:100px;}
#smart .main__contact-form-04 strong{color:#fff;}
#smart .main__contact-form-04:before{--xox: 80px;content:'';position:absolute;width:calc(100% - (2 * var(--xox)));height:100%;background: rgba(var(--color-accent),1);right:(--xox);left:var(--xox);border-radius:70px;}
#smart .main__contact-form-04 h1{text-align: center;}
#smart .main__contact-form-04 .contact__top {position:relative;padding-top: 140px;padding-bottom:35px;}
#smart .main__contact-form-04 .contact__top .top_icon{position:absolute;top:25%;right:50%;width:110px;height:190px;transform: translate(50%, -81%);z-index: 1;}
#smart .main__contact-form-04 .contact__top .top_icon .top_icon--img{position: absolute;top:0;left:0;width: 100%;height: 100%;}
#smart .main__contact-form-04 .contact__top .top_icon .top_icon--circle{position:absolute;bottom:0;width:54px;height:54px;background:#FFF;border-radius:50%;right:50%;transform:translate(50%, 50%);display:grid;place-items:center;box-shadow: 0px 12px 28px #7564EF4F;}
#smart .main__contact-form-04 .contact_bottom{overflow: hidden;}

.mobile-menu__bottom .getToForm {
    background: #FFF;
}
@media (max-width: 1200px) {
    .menu__bottom .btnz {
        display:none;
    }
}

/* Media */
@media (min-width:1500px) {
    .main__recommendation-03 .recommendation__slider--opinion{
        min-height:230px;
    }
}
@media (max-width:1500px) {
    .main__recommendation-03{padding:35px 0 60px;}
    .main__recommendation-03 .recommendation__slider{padding:40px;}
    .main__recommendation-03 .recommendation__body::before{width:90%;border-radius:25px;}
    .main__recommendation-03 .recommendation__slider--opinion{width:60%;min-height:290px;padding-bottom: 20px;}
    .main__recommendation-03 .recommendation__header{padding-bottom:200px;}
    .main__recommendation-03 .recommendation03_dots{bottom:-50px;}
    .main__recommendation-03 .recommendation03_quotes{scale:.7;}
    .main__recommendation-03 .recommendation__slider--img::before{top:40%;left:35%;}
}
@media (max-width:1200px) {
    .main__pros-07 .pros_body .pros_body--grid-img{grid-area:image;padding:25px 0 0;display:none;}
    .main__pros-07 .pros_body .pros_body--grid{display:flex;justify-content:space-evenly;padding: 40px 20px 0;}
    .main__pros-07 .pros_body .pros_body--grid-proses{flex-basis:50%;}
    .main__pros-07 .pros_body .pros_body--grid--icons{justify-content:space-between;}
}
@media (min-width:992px) and (max-width:1199px) {
    .main__contact-form-04 .contact-form__right .form {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        grid-template-areas:
        "name  company" 
        "phone   email  " 
        "price   seo  " 
        "brand   brand  " 
        "message message" 
        "rodo  button ";
        gap: 0;
    }
}
@media (min-width:1199px) and (max-width:1400px) {
    .main__contact-form-02 .contact-form__right .cf-01, .main__contact-form-04 .contact-form__right .cf-01{padding: 0 10px 0 50px !important;}
}
@media (max-width: 800px) {
    .main__top-05{padding:100px 0 150px;}
    .main__top-05 .social-media {display:none;}
    .main__top-05 .action-cnt{gap:180px;}
    .main__top-05 h1 strong:nth-child(2):before{display:none;}
    .main__pros-07{padding:35px 0;}
    .main__pros-07 .pros_body .pros-hdr{padding:0;}
    .main__pros-07 .pros_body .pros-hdr::before{display:none;}
    .main__pros-07 .pros_body .pros_body--grid{padding:20px 10px 0;grid-template-columns:1fr 1fr;grid-template-areas:
    "pros-list icons";gap: 30px;justify-content: space-evenly;display:flex;}
    .main__pros-07 .pros_body .pros_body--grid-proses{grid-area:pros-list;}
    .main__pros-07 .pros_body .pros_body--grid-proses{width:100%;flex-basis:50%;}
    .main__pros-07 .pros_body .pros_body--grid--icons{grid-area:icons;justify-content:space-evenly;}
    .main__pros-07 .pros_body .pros_body--grid-img{grid-area:image;padding:25px 0 0;display:none;}
    .main__pros-07 .pros_body .pros_body--grid-img img{object-fit:cover;max-height:330px;width:100%;max-width:100%;object-position: 0 0;}
    .main__pros-07 .pros_body .pros_body--grid-proses .single-pros span{font-size:100%;min-width:32px;padding-right:0;}
    .main__pros-07 .pros_body .pros_body--grid-proses .single-pros h3{font-size:88%;}
    .main__pros-07 .pros_body .pros_body--grid--icons .icon-section{gap:10px;}
    .main__pros-07 .pros_body .pros_body--grid--icons .icon-section .icon--body{height:56px;width:56px;}
    .main__pros-07 .pros_body .pros_body--grid--icons .icon-section .icon-desc{font-size:80%;}
    .main__pros-07 .pros_body .pros_body--grid--icons::after{left:28px;top:10%;height:75%;}
    .main__gallery-03{padding:35px 0;}
    .main__gallery-03 .gallery--body h1.font-size-3{padding-bottom:50px;}
    .main__gallery-03 .gallery--body h1.font-size-3:before{display:none;}
    .main__gallery-03 .gallery{flex-direction:column;}
    .main__gallery-03 .gallery .gallery__item--img{width:100%!important;animation:none;!important}
    .smart--img img{scale:1.7;transform:translate(-5%, 20%);}
    .smart--img{min-height:400px;}
    .smart_cloud img{scale:1;}
    .smart_cloud {width:120px;height:80px;}
    .smart_cloud-01{right:10%;top:8%;}
    .smart_cloud-02{left:6%;bottom:25%;}
    .main__gallery-smart{padding:35px 0;}
    .main__gallery-smart .font-size-3{text-align:center;}
    #smart .main__contact-form-04:before{width:100%;left:0;right:0;border-radius: 70px 70px 0 0;}
    #smart .main__contact-form-04{margin-bottom:10px;}
}
@media (min-width:800px) and (max-width:1400px) {
    #smart .main__contact-form-04 .contact_bottom{width:90%;margin:0 auto;}
}
@media (min-width:800px) and (max-width:1200px) {
    .main__recommendation-03 .recommendation__body::before{width:87%;}
    .main__recommendation-03 .recommendation__slider--img{right:-16%;}
}
@media (max-width:991px) {
    .main__recommendation-03{padding:35px 0 60px;}
    .main__recommendation-03 .recommendation__header h1{width:100%;text-align:center;}
    .main__recommendation-03 .recommendation__header h1 span{margin:0;}
    .main__recommendation-03 .recommendation__header h1 span:before{display:none;}
    .main__recommendation-03 .recommendation__slider{padding:20px;}
    .main__recommendation-03 .recommendation__body::before{width:100%;border-radius:25px;}
    .main__recommendation-03 .recommendation__slider--img{height:50%;top:-106px;right:0;width:100%;display:grid;place-items:center;}
    .main__recommendation-03 .recommendation__slider--opinion{width:100%;min-height:330px;padding-bottom: 20px;}
    .main__recommendation-03 .recommendation03_quotes{display:none;}
    .main__recommendation-03 .recommendation__slider--img::before{display:none;}
    .main__recommendation-03 .recommendation__header{padding-bottom:200px;}
    .main__recommendation-03 .recommendation03_dots{bottom:-50px;}
}
@media (max-width:1100px) {
    .main__gallery-03 .gallery .gallery__item--img:nth-child(1) {width: calc(50% - 30px);animation:none;}
    .main__gallery-03 .gallery .gallery__item--img:nth-child(2) {width:calc(50% - 30px);}
    .main__gallery-03 .gallery .gallery__item--img:nth-child(3) {width: calc(50% - 30px);}
    .main__gallery-03 .gallery .gallery__item--img:nth-child(4) {width: calc(50% - 30px);}
    .main__gallery-03 .gallery .gallery__item--img:nth-child(5) {width: calc(100%);object-position: 0 8%;}
}
@media (min-width:500px) and (max-width:991px) {
    .main__recommendation-03 .recommendation__slider--opinion{width:100%;min-height:180px;padding-bottom: 20px;}
    .main__recommendation-03 .recommendation__slider--img{height:80%;}
}

/* Zmiany */

#smart .btnz {
    margin-left:20px;
    padding:13px 40px ;
}


b, strong {font-weight: 600;}
.article__text .container li {padding-left:40px;}

.main__recommendation-03 .recommendation__slider--img::before {left:3%;}