@import "normalize.min.css";
@import "reset.min.css";

/* --- kolory svg --- */

.cls-1 {
    fill: #888d97;
}

.cls-2 {
    fill: #ff6400;
}

.cls-3 {
    fill: #c5c8d0;
    fill-rule: evenodd;
}

.cls-4 {
    fill: #d9deea;
    fill-rule: evenodd;
}

.cls-5 {
    fill: #fff;
}

.cls-6 {
    fill: #262625;
}

/* --- ustawienia ogólne --- */

::placeholder {
    color: #080808;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #080808;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #080808;
}

body {
    color: #080808;
    background-color: #f5f5f5;
    overflow-x: hidden;
}

strong {
    font-weight: 600;
}

.container {
    width: 1600px;
}

.container_2 {
    width: 1760px;
}

.kolor_1 {
    color: #ff6400;
}

/* --- header --- */

header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    background-color: #f5f5f5;
    z-index: 3;
}

header .container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

header .header_logo {
    width: 300px;
    height: 130px;
    margin: 25px 70px 0 0;
    flex: 0 0 auto;
}

header .logo {
    width: 100%;
    height: auto;
}

.linki_social {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

header .linki_social {
    padding: 45px 0;
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
}

.linki_social .tekst {
    font: 400 13px/25px 'Poppins', sans-serif;
    margin: 0 5px 0 0;
}

.linki_social a {
    width: 25px;
    height: 25px;
    margin: 0 0 0 10px;
}

.linki_social svg {
    width: 100%;
    height: 100%;
    flex: 0 0 auto;
}

.linki_social a .cls-3 {
    transition: all 0.3s;
}

.linki_social a:hover .cls-3 {
    fill: #ff6400;
}

/* --- home - pomoc --- */

#pomoc .slad_gora {
    position: absolute;
    top: 815px;
    left: -365px;
    width: 905px;
    height: 905px;
}

#pomoc .slad_gora .slad {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    transform: rotate(-90deg);
}

#pomoc .slad_gora .auto {
    position: absolute;
    width: 417px;
    height: auto;
    top: -250px;
    right: -285px;
    animation: auto_ruch_2 2s ease-out;
}

#pomoc .slad_gora .szare_tlo {
    position: absolute;
    top: -650px;
    right: -650px;
    width: 800px;
    height: 800px;
    animation: tlo-ruch-2 2s ease-out;
    transform: rotate(45deg);
    background-color: #f5f5f5;
    /*background-color: red;*/
    z-index: 0;
}

@keyframes tlo-ruch-2 {
    0% {
        top: -100px;
        right: -100px;
    }
    10% {
        top: -200px;
        right: -200px;
    }
    100% {
        top: -650px;
        right: -650px;
    }
}

@keyframes auto_ruch_2 {
    0% {
        top: 550px;
        right: 515px;
    }
    10% {
        top: 450px;
        right: 415px;
    }
    100% {
        top: -250px;
        right: -285px;
    }
}

#pomoc {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
}

#pomoc .container {
    padding: 150px 0 10px;
    border-bottom: 1px solid #e2e2e2;
    position: relative;
}

#pomoc .slide {
    display: flex;
    justify-content: space-between;
    padding: 0 0 80px;
}

#pomoc .slide_3 {
    padding: 0 0 120px;
}

.slide .strona_lewa {
    width: 35%;
    padding: 80px 0 0 40px;
}

.slide .strona_prawa {
    width: 57%;
    padding: 50px 40px 40px 0;
}

.slide_3 .strona_prawa {
    padding: 50px 40px 0 0;
}

.slide .tekst_1 {
    font: 400 28px/34px 'Poppins', sans-serif;
    margin: 0 0 60px;
}

.slide .tekst_2 {
    font: 700 56px/74px 'Poppins', sans-serif;
    padding: 0 30px 0 0;
    margin: 0 0 60px;
    position: relative;
    z-index: 1;
}

.slide .tekst_2 .tlo {
    background-color: #fff;
    z-index: -1;
    position: relative;
    padding: 0 40px 5px 15px;
    margin: 0 0 0 -15px;
}

.slide .tekst_3 {
    width: 230px;
    font: 300 18px/36px 'Poppins', sans-serif;
}

.slide_3 .tekst_3,
.slide_4 .tekst_3 {
    width: 100%;
    margin: 0 0 55px;
}

#komunikat {
    position: absolute;
    top: 25px;
    left: 50%;
    transform: translate(-50%, 0);
    font: 400 18px/18px 'Poppins', sans-serif;
    color: red;
}
.slide .box_duzy {
    position: relative;
    padding: 70px 80px 80px;
    border: 2px dashed #e2e2e2;
    border-radius: 30px;
    margin: 0 0 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slide_2 .box_duzy {
    padding: 70px 135px 80px;
}

.slide_3 .box_duzy {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding: 70px 80px 50px;
    margin: 0 0 40px;
}

.slide_4 .box_duzy {
    padding: 80px 80px 70px;
    flex-wrap: wrap;
    transition: all 0.3s;
}

.slide_4 .box_duzy.open {
    padding: 80px 80px 15px;
}

.slide_4 .box_duzy .wiersz {
    width: 100%;
    display: flex;
    align-items: center;
}

.slide_4 .box_duzy .wiersz_1 {
    margin: 0 0 60px;
}

.slide_4 .box_duzy .ikona_tel {
    margin: 0 50px 0 25px;
    width: 140px;
    height: auto;
    flex: 0 0 auto;
}

.slide_4 .box_duzy .wiersz_1 .tekst_1 {
    margin: 0 0 20px;
    font: 600 20px/24px 'Poppins', sans-serif;
}

.slide_4 .box_duzy .wiersz_1 .tekst_2 {
    margin: 0;
    font: 700 34px/40px 'Poppins', sans-serif;
}

.slide_4 .box_duzy .wiersz_2 {
    background-color: #e6e9ef;
    border-radius: 40px;
    padding: 15px 25px;
    margin: 0 0 50px;
}

.slide_4 .box_duzy .ikona {
    flex: 0 0 auto;
    height: auto;
    width: 35px;
    margin: 0 15px 0 0;
}

.slide_4 .wiersz_2 .box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    font: 600 14px/20px 'Poppins', sans-serif;
    width: 210px;
    margin: 0 20px 0 0;
    flex: 0 0 auto;
}

.slide_4 .wiersz .tekst_3 {
    font: 300 13px/20px 'Poppins', sans-serif;
    width: 165px;
    margin: 0 20px 0 0;
}

.slide_4 .wiersz_2 .telefon {
    color: #080808;
    font: 700 26px/26px 'Poppins', sans-serif;
    flex:0 0 auto;
}

.slide_4 .wiersz_2 .miasto {
    color: #898b91;
}

.slide .box_duzy .suwak {
    position: absolute;
    left: 50%;
    top: -2px;
    transform: translate(-50%, -50%);
    width: calc(100% - 270px);
    height: 3px;
}

.slide .suwak .pasek_bialy {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.slide .suwak .pasek_pomaranczowy {
    position: absolute;
    height: 100%;
    left: 0;
    bottom: 0;
    background-color: #ff6400;
}

.slide_2 .suwak .pasek_pomaranczowy {
    width: calc(100% / 3);
}

.slide_3 .suwak .pasek_pomaranczowy {
    width: calc((100% / 3) * 2);
}

.slide_4 .suwak .pasek_pomaranczowy {
    width: 100%;
}

.slide .suwak .kropka {
    position: absolute;
    bottom: 0;
    transform: translate(-50%, 50%);
    width: 17px;
    height: 17px;
    border-radius: 100%;
    background-color: #fff;
    border: 2px solid #fff;
}

.slide .suwak .kropka_1 {
    left: 0;
}

.slide .suwak .kropka_2 {
    left: calc(100% / 3);
}

.slide .suwak .kropka_3 {
    left: calc((100% / 3) * 2);
}

.slide .suwak .kropka_4 {
    left: 100%
}

.slide_2 .suwak .kropka_1,
.slide_2 .suwak .kropka_2,
.slide_3 .suwak .kropka_1,
.slide_3 .suwak .kropka_2,
.slide_3 .suwak .kropka_3,
.slide_4 .suwak .kropka {
    border-color: #ff6400;
}

.slide_2 .suwak .kropka_2,
.slide_3 .suwak .kropka_3,
.slide_4 .suwak .kropka_4 {
    background-color: #ff6400;
    box-shadow: 0 8px 13px 0 rgba(63, 112, 201, 0.14);
}

.slide .suwak .tekst {
    position: absolute;
    left: 50%;
    top: -40px;
    transform: translate(-50%, 0);
    width: 60px;
    text-align: center;
    font: 400 13px/16px 'Poppins', sans-serif;
}

.slide_2 .suwak .kropka_2 .tekst,
.slide_3 .suwak .kropka_3 .tekst,
.slide_4 .suwak .kropka_4 .tekst {
    font: 700 16px/16px 'Poppins', sans-serif;
}


.slide .box_duzy > .tekst {
    font: 400 15px/20px 'Poppins', sans-serif;
    margin: 0 15px;
}

.slide .box_duzy .wybierz_branze {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%);
    font: 400 17px/20px 'Poppins', sans-serif;
    padding: 3px 20px;
    background-color: #f5f5f5;
}

.slide_2 .box_duzy .wybierz_branze {
    color: #ff6400;
    font: 700 19px/20px 'Poppins', sans-serif;
}

.slide .box_duzy .box_input {
    position: relative;
}

.slide .box_input .tekst_mobile {
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translate(0,-50%);
    color: #898b91;
    font: 400 14px/15px 'Poppins', sans-serif;
    cursor: pointer;
}

.slide .box_input .ico_pinezka {
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translate(0, -50%);
    pointer-events: none;
    width: 21px;
    height: auto;
}

.slide_2 .box_input .ico_pinezka .cls-2 {
    fill: #c5c8d0;
}

.slide .box_duzy .strzalka_skret {
    position: absolute;
    left: -30px;
    width: 100px;
    height: auto;
    top: -10px;
    transform: translate(-100%, 50%);
    transition: all 0.3s;
}

.slide_2 .box_duzy .strzalka_skret {
    left: -80px;
    top: -3px;
    transform: translate(-100%, 50%) rotate(75deg);
}

.slide input {
    width: 100%;
    background-color: #fff;
    border: 3px solid #ff6400;
    border-radius: 40px;
    padding: 19px 40px 19px 80px;
    font: 600 24px/24px 'Poppins', sans-serif;
    text-align: center;
    transition: all 0.3s;
}

.slide_1 input {
    box-shadow: 0 0 18px 0 rgba(255, 100, 0, 0.22), 4px 7px 7px 0 rgba(63, 112, 201, 0.17) inset;
}

.slide_1 input:hover {
    box-shadow: 0 0 32px 0 rgba(255, 100, 0, 0.32), 4px 10px 10px 0 rgba(63, 112, 201, 0.27) inset;
}

.slide_2 input {
    border-color: #c5c8d0;
    box-shadow: 4px 7px 7px 0 rgba(63, 112, 201, 0.17) inset;
    padding: 19px 80px 19px 80px;
}

.slide_2 input:hover {
    box-shadow: 4px 10px 10px 0 rgba(63, 112, 201, 0.27) inset;
}

.btn_geo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #080808;
    font: 600 16px/20px 'Poppins', sans-serif;
    border-radius: 35px;
    padding: 15px 30px;
    box-shadow: 0 10px 5px 0 rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: all 0.3s;
}

.btn_geo:hover {
    background-color: #ff6400;
}

.btn_geo .ico_pinezka {
    width: 23px;
    height: auto;
    flex: 0 0 auto;
    margin: 0 0 0 15px;
}

.btn_geo .ico_pinezka .cls-2 {
    transition: all 0.3s;
}

.btn_geo:hover .ico_pinezka .cls-2 {
    fill: #080808;
}

.btn_geo_mobile {
    display: none;
    width: 65px;
    height: 65px;
    border-radius: 100%;
    background-color: #080808;
    box-shadow: 0 10px 8px 0 rgba(56, 73, 95, 0.32);
    margin: 0 0 0 15px;
    flex: 0 0 auto;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.btn_geo_mobile.run {
    animation: ani_krecenie 2s ease-in-out infinite;
    box-shadow: 0 0 15px 0 rgba(56, 73, 95, 0.32);
}

@keyframes ani_krecenie {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

.btn_geo_mobile .ico_geo {
    width: 43px;
    height: auto;
}

.slide .zb_branz {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.slide .branza_checkbox {
    position: relative;
    width: 30%;
    flex: 0 0 auto;
}

.slide_2 .branza_checkbox.dostepna {
    cursor: pointer;
}

.slide .branza_checkbox:nth-of-type(3n+2) {
    margin: 0 auto 40px;
}

.slide .branza_checkbox:nth-last-of-type(-n+3) {
    margin-bottom: 0;
}


.slide .branza_checkbox input {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    opacity: 0;
}

.slide .branza_checkbox .checkmark,
.slide_2 .branza_checkbox:not(.dostepna) .checkmark:hover {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 45px 30px;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 15px 29px 0 rgba(63, 112, 201, 0.14);
    width: 100%;
    border: 2px solid #fff;
    transition: all 0.3s;
}

.slide_2 .branza_checkbox.dostepna input:checked ~ .checkmark,
.slide_2 .branza_checkbox.dostepna .checkmark:hover {
    border-color: #ff6400;
    box-shadow: 0 12px 32px 0 rgba(255, 100, 0, 0.36);
}

.slide .branza_checkbox .tekst {
    font: 600 18px/28px 'Poppins', sans-serif;
    text-align: center;
    height: 56px;
    overflow: hidden;
    transition: all 0.3s;
}

.slide_2 .branza_checkbox:hover .tekst,
.slide_2 .branza_checkbox.dostepna input:checked ~ .checkmark .tekst {
    color: #ff6400;
}

.slide .branza_checkbox svg {
    height: 85px;
    width: auto;
    margin: 0 0 25px;
}

.slide .branza_checkbox:not(.dostepna) .tekst,
.slide_2 .branza_checkbox:not(.dostepna) .tekst {
    color: #e2e6eb;
}

.slide .branza_checkbox:not(.dostepna) .cls-2 {
    fill: #e2e6eb;
}

.slide_3 .strona_lewa,
.slide_4 .strona_lewa {
    position: relative;
    padding: 50px 0 0 40px;
}

.slide_4 .strona_lewa {
    margin: 0 0 20px;
}

.slide_3 .tekst_2,
.slide_4 .tekst_2 {
    margin: 0 0 65px
}

.slide .ocena {
    position: relative;
    width: 100%;
    margin: 0 0 75px;
    border-radius: 50px;
    border: 2px dashed #e2e2e2;
    padding: 22px 22px 22px 25px;
    background-color: #f5f5f5;
    z-index: 2;
    transition: all 0.3s;
}

.slide .ocena .wiersz {
    display: flex;
    align-items: center;
}

.slide .ocena .ikona {
    width: 50px;
    height: auto;
    flex: 0 0 auto;
    margin: 0 15px 0 0;
}

.slide .ocena .box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    font: 600 18px/24px 'Poppins', sans-serif;
    width: 100%;
}

.slide .ocena .miasto {
    color: #888d97;
}

.slide .ocena .szczegoly {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px 20px;
    font: 400 14px/16px 'Poppins', sans-serif;
    background-color: #f5f5f5;
    color: #888d97;
    cursor: pointer;
}

.slide .ocena .szczegoly .tekst {
    width: 130px;
}

.slide .ocena .szczegoly .tekst.zwin,
.slide .ocena .szczegoly.open .tekst.rozwin {
    display: none;
}

.slide .ocena .szczegoly.open .tekst.zwin {
    display: inline-block;
}

.slide .ocena .ico_ptaszek {
    width: 14px;
    height: auto;
    transition: all 0.3s;
    margin: 0 0 0 10px;
}

.slide .ocena .szczegoly.open .ico_ptaszek {
    transform: scaleY(-1);
}

.slide .ocena .ocena_klientow {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font: 400 13px/16px 'Poppins', sans-serif;
    margin: 0 0 0 10px;
    flex: 0 0 auto;
}

.slide .ocena .ocena_klientow .tekst {
    color: #888d97;
    margin: 0 0 5px;
}

.slide .ocena .zb_gwizdek {
    display: flex;
    align-items: center;
}

.slide .ocena .ocena_gwiazdka {
    position: relative;
    width: 20px;
    margin: 0 2px;
}

.slide .ocena .gwiazdka {
    width: 100%;
    height: auto;
}

.slide .ocena .gwiazdka_2 {
    position: absolute;
    top: 0;
    left:0;
}

/*.slide .ocena .gwiazdka_polowa {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left:0;*/
/*    width: 50%;*/
/*    height: auto;*/
/*}*/

.slide .ocena_open {
    padding: 0 100px;
    height: 0;
    overflow: hidden;
    transition: all 0.3s;
}

.slide .ocena_open.open {
    padding: 30px 100px 10px;
    height: 200px;
}

.slide .ocena_open .wiersz {
    display: flex;
    align-items: center;
    margin: 0 0 20px;
}

.slide_3 .ocena.mobile,
.slide_3 .tekst_2.mobile,
.slide_3 .tekst_3.mobile,
.slide_3 .box_duzy .pola_wymagane.mobile{
    display: none;
}

.slide .ocena_open .tekst {
    width: 150px;
    font: 400 14px/20px 'Poppins', sans-serif;
    color: #898b91;
}

.slide_3 .strona_prawa .box_input {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 40px;
}

.slide_3 .strona_prawa label {
    width: 47%;
}

.slide_3 .strona_prawa input {
    border-radius: 10px;
    text-align: left;
    padding: 19px 30px;
    font: 600 17px/22px 'Poppins', sans-serif;
}

.slide_3 .zgoda {
    width: 73%;
    margin: 0 0 35px;
}

.slide_3 .zgoda .form_text_small {
    display: flex;
    width: 100%;
    position: relative;
    padding: 0 0 0 35px;
    cursor: pointer;
    margin: 0 0 15px;
    font: 300 12px/16px 'Poppins', sans-serif;
}

.slide_3 .zgoda .form_text_small a,
.slide_3 .zgoda .form_text_small span {
    color: #ff6400;
}

.slide_3 .zgoda .form_text_small:first-of-type {
    margin: 0 0 20px;
}

.slide_3 .zgoda .form_text_small input {
    position: absolute;
    opacity: 0;
    width: 10px;
    height: 10px;
    top: 0;
    left: 0;
}

.slide_3 .zgoda .form_text_small .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    border: 2px solid #898b91;
}

.slide_3 .zgoda .checkmark:after {
    content: '';
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background-color: #ff6400;
}

.slide_3 .zgoda .form_text_small input:checked ~ .checkmark:after {
    display: block;
}

.slide_3 .box_duzy .pola_wymagane {
    font: 300 12px/16px 'Poppins', sans-serif;
}

.slide_3 .box_duzy .pola_wymagane span {
    color: #ff6400;
}

.slide_3 .box_duzy .box_button {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    background-color: #e6e9ef;
    margin: 0 0 40px;
    border-radius: 40px;
    padding: 17px 0 17px 20px;
}

.slide_3 .box_duzy .box_button_mobile {
    display: none;
    width: calc(100% + 50px);
    background-color: #fff;
    margin: 0 -25px;
    padding: 0 25px 25px;
}

.slide_3 .box_button .ikona {
    width: 34px;
    height: auto;
    flex: 0 0 auto;
    margin: 0 15px 0 0;
}

.slide_3 .box_button .box {
    display: flex;
    flex-direction: column;
    margin: 0 10px 0 0;
    font: 600 14px/18px 'Poppins', sans-serif;
    width: 210px;
}

.slide_3 .box_button .box .miasto {
    color: #898b91;
}

.slide_3 .box_button .strzalka_poziom {
    width: 24px;
    height: auto;
}

.slide_3 .box_duzy .btn_zamow {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    background-color: #ff6400;
    height: 100%;
    font: 700 22px/22px 'Poppins', sans-serif;
    color: #fff;
    border-radius: 40px;
    padding: 10px 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 15px 29px 0 rgba(255, 100, 0, 0.3);
    transition: all 0.3s;
}

.slide_3 .box_duzy .btn_zamow:hover {
    background-color: #080808;
    box-shadow: 0 15px 29px 0 rgba(0, 0, 0, 0.3);
}

.slide_3 .box_duzy .btn_zamow span {
    font-weight: 300;
}

.slide_3 .strona_prawa .zgoda_2 {
    font: 300 11px/16px 'Poppins', sans-serif;
    color: #898b91;
}

.slide_3 .strona_prawa .zgoda_2 a {
    color: #ff6400;
}

.slide .strona_prawa .box_godziny {
    padding: 0 80px;
    position: relative;
}

.slide .box_godziny .naglowek {
    font: 700 18px/24px 'Poppins', sans-serif;
    margin: 0 0 20px;
    text-align: center;
}

.slide_4 .box_godziny .naglowek {
    font: 700 14px/18px 'Poppins', sans-serif;
    margin: 0 0 20px;
}

.slide .box_godziny .naglowek span {
    font-weight: 300;
}

.slide_3 .box_godziny .box_bialy {
    background-color: #fff;
    padding: 15px 25px;
}

.slide_4 .box_godziny .box_bialy {
    padding: 0;
    background-color: transparent;
}

.slide .box_godziny .box_bialy_2 {
    position: relative;
    padding: 0 25px;
    height: 175px;
    /*overflow: hidden;*/
    transition: all 0.3s;
}

/*.slide_4 .box_godziny .box_bialy_2 {*/
/*    position: relative;*/
/*}*/

.slide_3 .box_godziny .box_bialy_2 {
    margin: -10px 0 0;
}

.slide .box_godziny .box_bialy_2.open {
    height: 175px;
    padding: 0 25px 15px;
}

.slide_4 .box_godziny .box_bialy_2.open {
    padding: 5px 25px 20px;
}

.slide .box_godziny .wiersz {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font: 700 20px/24px 'Poppins', sans-serif;
}

.slide .box_godziny .box_bialy_2 .wiersz {
    margin: 0 0 5px;
    font: 700 15px/22px 'Poppins', sans-serif;
}

.slide .box_godziny .miasto {
    width: 190px;
    text-align: right;
}

.slide .box_godziny .ico_zegar {
    margin: 0 15px;
    width: 34px;
    height: auto;
    flex: 0 0 auto;
}

.slide .box_godziny .dzien {
    font-weight: 300;
    width: 125px;
    margin: 0 12px 0 0;
}

.slide .box_godziny .godziny_otwarcia {
    width: 135px;
    margin: 0 15px 0 0;
}

.slide .box_godziny .btn_pozostale {
    display: none;
    /*display: flex;*/
    align-items: center;
    justify-content: flex-start;
    color: #898b91;
    font: 400 14px/20px 'Poppins', sans-serif;
    cursor: pointer;
    width: 90px;
}

.slide .box_godziny .btn_pozostale .zwin,
.slide .box_godziny .btn_pozostale.open .rozwin {
    display: none;
}

.slide .box_godziny .btn_pozostale.open .zwin {
    display: block;
}

.slide .box_godziny .btn_pozostale .ico_ptaszek {
    width: 12px;
    height: auto;
    margin: 0 7px 0 0;
    flex: 0 0 auto;
    transition: all 0.3s;
}

.slide .box_godziny .btn_pozostale.open .ico_ptaszek {
    transform: scale(-1);
}

.slide .slad_maly {
    position: relative;
    width: 100%;
}

.slide .slad_maly .slad {
    position: absolute;
    top: 7px;
    left: 0;
}

.slide .slad_maly .tlo {
    background-color: #f5f5f5;
    position: absolute;
    top:0;
    right: 0;
    width: 100%;
    height: 100%;
    transition: all 5s;
}

.slide .slad_maly.ruch .tlo {
    width: 0;
}

.slide .slad_maly .auto {
    position: relative;
    left: 0;
    width: 141px;
    height: auto;
    transition: all 5s;
}

.slide .slad_maly.ruch .auto {
    left: calc(100% - 141px);
}

.slide .slad_maly_mobile {
    display: none;
    position: absolute;
    top: 0;
    right: 25px;
    width: 50px;
    height: 300px;
    z-index: 2;
}

.slide .slad_maly_mobile * {
    position: absolute;
}

.slide .slad_maly_mobile .slad {
    top: 0;
    right: 0;
}

.slide .slad_maly_mobile .auto {
    top: 30px;
    right: -14px;
    transition: all 5s;
}

.slide .slad_maly_mobile .tlo {
    background-color: #fff;
    top: 30px;
    right: -10px;
    height: calc(100% - 30px);
    width: 50px;
    transition: all 5s;
}

.slide_4 .slad_maly_mobile.ruch .tlo {
    height: calc(100% - 220px);
    top: 220px;
}

.slide_4 .slad_maly_mobile.ruch .auto {
    top: 220px;
}



/* --- jak to działa --- */

#jak_dziala {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 100px 0 30px;
    z-index: 1;
}

#jak_dziala .naglowek {
    text-align: center;
    font: 700 42px/50px 'Poppins', sans-serif;
    margin: 0 0 100px;
}

#jak_dziala .zb_ikon {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

#jak_dziala .strzalka_poziom {
    width: 25px;
    height: auto;
    flex: 0 0 auto;
    margin: 17px 0 0;
}

#jak_dziala .box {
    display: flex;
    justify-content: space-between;
    width: 18.75%;
}

#jak_dziala .kolko {
    background-color: #fff;
    width: 46px;
    height: 46px;
    border-radius: 100%;
    flex: 0 0 auto;
    margin: 0 30px 0 0;
    box-shadow: 8px 8px 13px 0 rgba(63, 112, 201, 0.19);
    color: #ff6400;
    font: 700 20px/20px 'Poppins', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
}

#jak_dziala .kolko span {
    margin: 0 0 0 3px;
}

#jak_dziala .tekst {
    height: 180px;
}

#jak_dziala .tekst_1 {
    font: 400 22px/34px 'Poppins', sans-serif;
    margin: 0 0 20px;
    letter-spacing: 1px;
}

#jak_dziala .tekst_2 {
    font: 300 16px/26px 'Poppins', sans-serif;
    margin: 0 0 25px;
}

#jak_dziala .box_prawy svg {
    width: 100%;
    height: auto;
}

/* --- footer --- */

footer {
    position: relative;
    width: 100%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    padding: 200px 0 25px;
    z-index: 2;
    overflow: hidden;
}

footer .pasek_szary {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 120px;
    background-color: #f5f5f5;
    z-index: 1;
}

footer .slad_dol {
    position: absolute;
    bottom: 0;
    right: -30px;
    width: 417px;
    height: auto;
}


footer .biale_tlo {
    position: absolute;
    bottom: 500px;
    right: 500px;
    width: 800px;
    height: 800px;
    animation: tlo-ruch 2s ease-out;
    transform: rotate(45deg);
    background-color: #fff;
    z-index: 0;
}

@keyframes tlo-ruch {
    0% {
        bottom: -200px;
        right: -200px;
    }
    100% {
        bottom: 300px;
        right: 300px;
    }
}

footer .auto_biale {
    position: absolute;
    bottom: 150px;
    right: 150px;
    width: 417px;
    height: auto;
    animation: auto_ruch_1 2s ease-out;
    z-index: 1;
}

@keyframes auto_ruch_1 {
    0% {
        bottom: -350px;
        right: -350px;
    }
    100% {
        bottom: 150px;
        right: 150px;
    }
}


footer .container {
    position: relative;
    z-index: 2;
}

.footer_gora {
    margin: 0 0 80px;
}

.footer_gora,
.footer_srodek {
    padding: 0 28% 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer_srodek {
    margin: 0 0 30px;
}

.footer_gora .logo {
    width: 225px;
    height: auto;
    flex: 0 0 auto;
}

.footer_menu {
    display: flex;
    align-items: center;
}

.footer_menu li:first-of-type span {
    display: none;
}

.footer_menu a {
    font: 500 14px/20px 'Poppins', sans-serif;
    color: #080808;
}

.footer_menu span {
    margin: 0 20px;
    color: #c6c8cb;
    font: 500 14px/20px 'Poppins', sans-serif;
}

.tekst_footer,
.tekst_footer a,
.footer_srodek .separator {
    color: #b2b5bb;
    font: 300 11px/13px 'Poppins', sans-serif;
}

footer .cookies {
    padding: 20px 10% 20px 0;
}

footer .footer_dol {
    min-height: 40px;
    padding: 20px 0 0;
}

footer .cookies,
footer .footer_dol {
    border-top: 1px solid #e2e2e2;
}

footer .footer_dol span,
.footer_srodek .separator {
    margin: 0 7px;
}

footer .linki_social.mobile {
    display: none;
    width: 100%;
    justify-content: center;
    margin: 0 0 30px;
}

/* --- podtsrony --- */

#content_podstrona {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 235px 0 50px;
}

.tel_wyrozniony {
    display: block;
    text-align: center;
    font-size: 36px !important;
    font-weight: bolder !important;
    margin: 30px 0 0 0;
}

.tele {
    display: flex;
}
.tele img {
    margin: 25px 20px 0 10px !important;
    width: 50px;
    align-items: center;
}

.cms h1, h1 {
    font: 700 64px/84px 'Poppins', sans-serif;
    letter-spacing: 1px;
}

.cms h1 {
    margin: 0 0 60px;
}

.cms h2, h2 {
    font: 700 46px/66px 'Poppins', sans-serif;
}

.cms h2 {
    margin: 0 0 40px;
}

.cms h3, h3 {
    font: 700 36px/56px 'Poppins', sans-serif;
}

.cms h3 {
    margin: 0 0 30px;
}

.cms h4, h4 {
    font: 700 28px/44px 'Poppins', sans-serif;
}

.cms h4 {
    margin: 0 0 25px;
}

.cms h5, h5,
.cms h6, h6 {
    font: 700 20px/36px 'Poppins', sans-serif;
}

.cms h5,
.cms h6 {
    margin: 0 0 20px;
}

.cms h2,
.cms h3,
.cms h4,
.cms h5,
.cms h6 {
    margin-top: 35px;
    letter-spacing: 1px;
}

.cms p,
.cms li {
    font: 300 16px/30px 'Poppins', sans-serif;
    letter-spacing: 1px;
}

.cms a {
    color: #ff6400;
}

.cms p a,
.cms li a {
    font: 300 16px/30px 'Poppins', sans-serif;
    letter-spacing: 1px;
    color: #ff6400;
}

.cms p {
    word-wrap: break-word;
    margin: 0 0 20px;
}

.cms > img,
.cms p img {
    max-width: 100%;
    height: auto;
    margin: 50px 0;
    display: block;
}

.cms hr, hr {
    background-color: #e2e2e2;
    margin: 50px 0;
    border: none;
    width: 100%;
    height: 1px;
}

.cms ul {
    margin: 0 0 40px 15px;
    overflow: auto;
}

.cms ol {
    margin: 0 0 40px;
    overflow: auto;
}

.cms ol ul,
.cms ol ol,
.cms ul ul,
.cms ul ol {
    margin: 12px 0 0 0;
}

.cms li {
    margin-bottom: 12px;
    padding-left: 25px;
    position: relative;
}

.cms ul > li:before {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    border-radius: 100%;
    background: #ff6400;
    left: 0;
    top: 13px;
}

.cms ul > li:last-of-type,
.cms ol > li:last-of-type {
    margin-bottom: 0;
}

.cms ol > li {
    list-style-type: decimal;
    margin-left: 30px;
    padding-left: 10px;
}

.cms table {
    border-collapse: collapse;
    margin: 0 0 50px;
    width: auto;
    overflow-x: auto;
    display: table;
}

.cms > table td,
.cms > table th {
    border: 1px solid #e2e2e2;
    text-align: center;
    vertical-align: middle;
    padding: 25px;
}

.cms > table thead th {
    border-bottom: 2px solid #ff6400;
    font: 700 18px/26px 'Poppins', sans-serif;
    letter-spacing: 1px;
    border-top: none;
}

.cms > table tr:last-of-type td {
    border-bottom: none;
}

.cms > table tr td:first-of-type,
.cms > table tr th:first-of-type {
    border-left: none;
}

.cms > table tr td:last-of-type,
.cms > table tr th:last-of-type {
    border-right: none;
}

.cms > table tbody {
    font: 300 15px/22px 'Poppins', sans-serif;
    letter-spacing: 1px;
}

/* --- pliki do pobrania --- */

#pliki {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
}

#pliki h3,
#galeria h3 {
    margin-top: 0;
}

#pliki a {
    color: #080808;
    font: 700 18px/30px 'Poppins', sans-serif;
    letter-spacing: 1px;
    margin: 0 0 25px;
    position: relative;
    display: inline-flex;
    align-items: flex-start;
    justify-content: flex-start;
    transition: all 0.3s;
}

#pliki a:hover {
    color: #ff6400;
}

/*#pliki a:last-of-type {*/
/*    margin-bottom: 0;*/
/*}*/

#pliki .kwadrat {
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
    margin: 0 20px 0 0;
    background-color: #ff6400;
    display: flex;
    justify-content: center;
    align-items: center;
}

#pliki svg {
    width: 15px;
}

#pliki .tekst {
    margin: -3px 0 0;
}

/* --- galeria --- */

#galeria {
    position: relative;
    width: 100%;
    max-width: 2000px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#galeria .container_2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

#galeria a {
    position: relative;
    overflow: hidden;
    width: calc((100% - 60px) / 4); /*425px*/
    height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 20px 20px 0;
    transition: all 0.3s;
}

#galeria a:nth-of-type(4n + 4) {
    margin-right: 0;
}

#galeria a:nth-last-of-type(-n + 4) {
    margin-bottom: 0;
}

#galeria a:before {
    content: '';
    position: absolute;
    opacity: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #ff6400;
    transition: all 0.3s;
}

#galeria a:hover:before {
    opacity: 0.37;
}

#galeria a img {
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    object-fit: cover;
    transition-duration: 1s;
    transition: all 0.3s;
}

#galeria a:hover img {
    transform: scale(1.1);
}

#galeria a .ico_lupa {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 56px;
    opacity: 0;
    z-index: 1;
    transition: all 0.3s;
}

#galeria a:hover .ico_lupa {
    opacity: 1;
}

/* --- faq --- */

.box_faq {
    margin: 0 0 2px;
}

.box_faq .pytanie {
    width: 100%;
    position: relative;
    background-color: #fff;
    transition: all 0.3s;
    padding: 20px 130px 20px 40px;
}

.box_faq.open .pytanie {
    background-color: #f5f5f5;
}

.box_faq .pytanie h5 {
    margin: 0;
    transition: all 0.3s;
}

.box_faq.open .pytanie h5 {
    color: #ff6400;
}

.box_faq .pytanie .szczegoly {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(0,-50%);
    color: #898b91;
    font: 400 14px/18px 'Poppins', sans-serif;
    letter-spacing: 1px;
    cursor: pointer;
    width: 80px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
}

.box_faq .pytanie .ico_ptaszek {
    width: 14px;
    height: auto;
    flex: 0 0 auto;
    margin: 0 0 0 10px;
    transition: all 0.3s;
}

.box_faq.open .pytanie .ico_ptaszek {
    transform: scaleY(-1);
}

.box_faq .pytanie .zwin,
.box_faq.open .pytanie .rozwin {
    display: none;
}

.box_faq.open .pytanie .zwin {
    display: inline-block;
}

.box_faq .odpowiedz {
    height: 0;
    margin: 0;
    overflow: hidden;
    padding: 0 130px 0 40px;
    transition: all 0.3s;
}

.box_faq.open .odpowiedz {
    height: auto;
    padding: 0 130px 25px 40px;
}

/* --- popup potw sms ---- */

#popup {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(55, 55, 55, 0.7);
    width: 100vw;
    max-width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 5;
}

#popup.close {
    display: none;
}

#popup .box_popup {
    position: relative;
    background-color: #ffffff;
    padding: 120px 100px 80px;
    max-width: 1200px;
    max-height: 550px;
    z-index: 1;
}

#popup .tytul {
    font: 900 54px/54px 'Poppins', sans-serif;
    color: #373737;
    text-shadow: -7px 7px 10px rgba(0, 0, 0, 0.1);
    display: block;
    margin: 0 0 60px;
    text-align: center;
}

#popup .tytul span {
    color: #373737;
}

#popup p {
    text-align: center;
    font: 400 17px/26px 'Poppins', sans-serif;
    margin: 0 0 40px;
}

#popup p span {
    font-weight: 700;
}

#popup .formularz_sms form {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

#popup .box_popup .arrow_green {
    width: 56px;
    position: relative;
    animation: ani_arrow_1 2s ease-in-out infinite alternate none;
}

#popup .box_popup input {
    height: 80px;
    text-align: center;
    width: 293px;
    font: 400 16px/20px 'Poppins', sans-serif;
}

#popup .box_popup .input label {
    display: block;
    font: 400 16px/20px 'Poppins', sans-serif;
    color: #EC1616FF;
}

#popup .box_popup input.zly_kod {
    border: 6px solid #EC1616FF;
}

#popup .box_popup .arrow_1,
#popup .box_popup .arrow_2 {
    width: 37px;
    position: absolute;
    top: 50%;
    transition: all 0.3s;
}

#popup button {
    position: relative;
    color: #ffffff;
    font: 900 20px/20px 'Poppins', sans-serif;
    text-transform: uppercase;
    background-color: #72c501;
    border-radius: 40px;
    box-shadow: -12px 12px 10px 0 rgba(0, 0, 0, 0.1);
    padding: 20px 130px 20px 60px;
    overflow: hidden;
    text-align: left;
    transition: all 0.3s;
}

#popup button .text span {
    font: 900 15px/15px 'Poppins', sans-serif;
}

#popup button:hover {
    background-color: #7fdb01;
    padding: 20px 60px 20px 130px;
}

#popup button .arrow_1 {
    left: 0;
    transform: translate(-100%, -50%) rotate(180deg);
}

#popup button:hover .arrow_1 {
    left: 40px;
    transform: translate(0, -50%) rotate(180deg);
}

#popup button .arrow_2 {
    right: 40px;
    transform: translate(0, -50%) rotate(180deg);
}

#popup button:hover .arrow_2 {
    right: 0;
    transform: translate(100%, -50%) rotate(180deg);
}

#popup .logo {
    position: absolute;
    top: 0;
    left: 40px;
    width: 109px;
}

#popup .ico_krzyzyk {
    position: absolute;
    right: 40px;
    top: 40px;
    width: 18px;
    cursor: pointer;
    transition: all 0.3s;
}

#popup .ico_krzyzyk:hover {
    transform: rotate(180deg);
}

#autocomplete-miasto {
    /*display: block;*/
    display: none;
    z-index: 999;
    position: absolute;
    height: auto;
    background: #fff;
    overflow-y: auto;
    max-height: 170px;
    width: 100%;
    border: 2px solid #e2e2e2;
}


#autocomplete-miasto a {
    color: #000;
    border: 1px solid rgba(0, 0, 0, 0.1);
    cursor: pointer;
    user-select: none;
    height: 50px;
    padding: 5px 20px 5px 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font: 600 15px/15px 'Poppins', sans-serif;
}

#autocomplete-miasto a span {
    font: 400 14px/15px 'Poppins', sans-serif;
    margin: 0 0 0 10px;
}

/*#autocomplete-miasto a:last-of-type {*/
/*    color: #72c501;*/
/*    justify-content: center;*/
/*}*/


/* --- formularz --- */

#formularz {
    width: 100%;
}

#formularz.formularz_kontakt {
    margin: 50px 0 0;
}

#formularz .naglowek {
    margin: 30px 0 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /*width: 100%;*/
}

#formularz .naglowek .arrow_poziom {
    width: 56px;
    animation: ani_arrow_1 2s ease-in-out infinite alternate none;
    position: relative;
}

#formularz .naglowek .arrow_2 {
    transform: rotate(180deg);
    animation: ani_arrow_2 2s ease-in-out infinite alternate none;
}

#formularz .naglowek .text {
    display: block;
    color: #ffffff;
    font: 900 42px/42px 'Poppins', sans-serif;
    text-transform: uppercase;
    text-shadow: -7px 7px 10px rgba(0, 0, 0, 0.1);
}

#formularz .naglowek .text span {
    color: #373737;
}

#formularz form {
    display: flex;
    /*align-items: center;*/
    justify-content: space-between;
    flex-wrap: wrap;
}

#formularz.formularz_kontakt form {
    align-items: flex-start;
}

#formularz form > div {
    width: 17%;
    margin: 0 0 20px;
    position: relative;
}

#formularz.formularz_kontakt form > div {
    width: 30%;
    margin: 0 0 25px;
}

#formularz.formularz_kontakt form .f_tekst {
    width: 65%;
}

#formularz.formularz_kontakt form .f_tekst textarea {
    height: 105px;
    margin: 0 0 25px;
}

#formularz.formularz_kontakt form .f_token {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#formularz.formularz_kontakt form .f_token img {
    height: 62px;
    width: auto;
}

#formularz.formularz_kontakt form .f_input_token {
    text-align: center;
}

#formularz.formularz_kontakt form .wymagane {
    width: 100%;
    margin: 25px 0 9px;
}

#formularz .form_text {
    color: #080808;
    display: block;
    font: 600 16px/18px 'Poppins', sans-serif;
    padding: 0 0 15px;
}

#formularz .form_wspolrzedne {
    display: none;
}

#formularz .form_text .text {
    color: #080808;
    font: 400 14px/18px 'Poppins', sans-serif;
}

#formularz .form_text span {
    color: #ff6400;
}

#formularz input,
#formularz textarea,
#formularz select,
.formularz_ocena textarea{
    width: 100%;
    border: 3px solid #c5c8d0;
    border-radius: 10px;
    color: #080808;
    font: 600 17px/22px 'Poppins', sans-serif;
    padding: 10px;
    transition: all 0.3s;
    height: 62px;
}

#formularz input:hover,
#formularz textarea:hover,
#formularz select:hover,
#formularz input:focus,
#formularz textarea:focus,
#formularz select:focus {
    border-color: #ff6400;
}

#formularz .button button,
.formularz_ocena button {
    position: relative;
    color: #ffffff;
    font: 700 20px/20px 'Poppins', sans-serif;
    text-transform: uppercase;
    background-color: #ff6400;
    border-radius: 40px;
    box-shadow: -12px 12px 10px 0 rgba(0, 0, 0, 0.1);
    padding: 25px 120px 25px 45px;
    margin: 10px 0 0;
    overflow: hidden;
    text-align: left;
    transition: all 0.3s;
}

.formularz_ocena button {
    display: block;
    margin: 25px auto 20px;
}

#formularz #zamowienie .button {
    align-self: flex-start;
}

#formularz #zamowienie .button button {
    margin: 0;
}

#formularz .button .arrow_poziom,
.formularz_ocena button .arrow_poziom {
    position: absolute;
    top: 50%;
    transition: all 0.3s;
    width: 32px;
}

#formularz .button .arrow_2,
.formularz_ocena button .arrow_2 {
    right: 65px;
    transform: translate(0, -50%);
}

#formularz .button button:hover .arrow_2,
.formularz_ocena button:hover .arrow_2{
    right: 30px;
    transform: translate(0, -50%);
}

#formularz .zgoda label {
    width: 100%;
    display: block;
    margin: 0 0 13px;
}

#formularz .zgoda label:first-of-type {
    margin: 0 0 25px !important;
    display: inline-block;
}

#formularz .zgoda input,
.formularz_ocena .zgoda input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 15px;
    width: 15px;
    left: 5px;
    top: 0;
}

#formularz .form_text_small,
.formularz_ocena .form_text_small {
    font: 400 12px/15px 'Poppins', sans-serif;
    color: #080808;
    position: relative;
    padding: 0 0 0 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#formularz .checkmark,
.formularz_ocena .checkmark{
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #ffffff;
    border-radius: 5px;
    border: 3px solid #c5c8d0;
    margin: -6px 0 0;
    transition: all 0.3s;
}

#formularz.formularz_kontakt .checkmark:hover,
#formularz.formularz_kontakt .checkmark:focus,
.formularz_ocena .checkmark:hover,
.formularz_ocena .checkmark:focus {
    border-color: #ff6400;
}

.checkmark::after {
    content: '';
    position: absolute;
    display: none;
    left: 50%;
    top: 46%;
    width: 6px;
    height: 12px;
    border: solid #080808;
    border-width: 0 3px 3px 0;
    transform: translate(-50%, -50%) rotate(45deg);
}

#formularz .form_text_small input:checked ~ .checkmark:after,
.formularz_ocena .form_text_small input:checked ~ .checkmark:after {
    display: block;
}

#formularz .f_token_input {
    width: calc(100% - 145px);
}

/* --- formularz ocena --- */

#content_podstrona.txt_form_ocena {
    padding-top: 180px;
}

#content_podstrona.txt_form_ocena .container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.formularz_ocena {
    width: 330px;
    margin: 0 0 15px;
}

.formularz_ocena .tekst_1 {
    text-align: center;
    text-transform: uppercase;
    font: 700 32px/32px 'Poppins', sans-serif;
    text-shadow: -8px 8px 6px rgba(0, 0, 0, 0.1);
    margin: 0 0 10px;
}

.formularz_ocena .tekst_2 {
    text-align: center;
    text-transform: uppercase;
    font: 700 15px/18px 'Poppins', sans-serif;
    text-shadow: -6px 6px 9px rgba(0, 0, 0, 0.1);
    margin: 0 0 15px;
}

.formularz_ocena .tekst_3 {
    text-align: center;
    font: 400 13px/15px 'Poppins', sans-serif;
    margin: 0 0 20px;
}

.formularz_ocena .tekst_4 {
    text-align: center;
    font: 700 24px/24px 'Poppins', sans-serif;
    margin: 0 0 15px;
}

.formularz_ocena .separator {
    width: 100%;
    height: 2px;
    background-color: #ff6400;
    margin: 0 0 15px;
}

.formularz_ocena form {
    width: 100%;
    margin: 0;
}

.formularz_ocena .input {
    margin: 0 0 20px;
    width: 100%;
}

.formularz_ocena .input > label {
    display: block;
    text-align: center;
    font: 700 16px/20px 'Poppins', sans-serif;
    margin: 0 0 10px;
}

.formularz_ocena .input > label > span {
    font: 400 13px/20px 'Poppins', sans-serif;
}

.formularz_ocena .rating {
    margin: 0 auto;
    width: 290px;
    display: block;
}

.formularz_ocena .input input {
    text-align: center;
    width: 50px;
    height: 50px;
    margin: 0 10px 0 -60px;
}

.formularz_ocena .input input:first-of-type {
    margin: 0 0 0 -50px;
}


.formularz_ocena .rating-star, .formularz_ocena .rating:hover .rating-star {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #fff url(../grafika/svg/gwiazdka.svg) center no-repeat;
    background-size: 0 0;
    border: 3px solid #ff6400;
    margin: 0 10px 0 0;
    transition: all 0.3s;
}

.formularz_ocena .rating-star:first-of-type,
.formularz_ocena .rating:hover .rating-star:first-of-type {
    margin: 0;
}

.formularz_ocena .rating-input:checked ~ .rating-star,
.formularz_ocena .rating:hover .rating-star:hover,
.formularz_ocena .rating:hover .rating-star:hover ~ .rating-star {
    background: url(../grafika/svg/gwiazdka.svg) center no-repeat;
    background-size: 30px 30px;
}


.formularz_ocena .rating-star span {
    width: 100%;
    height: 100%;
    border: 3px solid #f8f8f8;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    color: #373737;
    font: 400 14px/40px 'Poppins',sans-serif;
    transition: all 0.3s;
}

.formularz_ocena .rating-input:checked ~ .rating-star span,
.formularz_ocena .rating:hover .rating-star:hover span,
.formularz_ocena .rating:hover .rating-star:hover ~ .rating-star span {
    color: transparent;
}

.formularz_ocena textarea {
    height: 120px;
    border-width: 3px;
    font: 500 15px/20px 'Poppins', sans-serif;
}


.formularz_ocena .checkmark {
    margin: 0;
}

.formularz_ocena .form_text_small {
    padding: 0 0 0 35px;
    display: block;
}

/* rating --------------------------------------------------------------------- */

.rating {
    overflow: hidden;
    display: inline-block;
    margin: 5px 0 0 10px;
}

.rating-input {
    float: right;
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0 0 0 -30px;
    opacity: 0;
}

.rating-star {
    cursor: pointer;
    position: relative;
    display: block;
    width: 30px;
    height: 30px;
    float: right;
    /*background: url('../grafika/stars.png') 0 -30px;*/
}

.rating:hover .rating-star:hover,
.rating:hover .rating-star:hover ~ .rating-star,
.rating-input:checked ~ .rating-star {
    background-position: 0 0;
}

.rating-star, .rating:hover .rating-star {
    position: relative;
    float: right;
    display: block;
    width: 30px;
    height: 30px;
    /*background: url('../grafika/stars.png') 0 -30px;*/
}