:root {
    font-family: "Poppins", sans-serif;
    scroll-behavior: smooth;
}

body {
    background-image: url('../img/Fixed-bg1.png'), url('../img/fixed-bg2.png');
    background-size: cover;
    background-repeat: repeat-y;
}

/* Universal */

.violet {
    color: #BF25A9;
}

.right {
    text-align: right;
}

.container {
    max-width: 1100px;
    margin: 0 auto;
}

img {
    max-width: 100%;
    height: auto;
}

.rect {
    background-color: #BF25A9;
    height: 100px;
    width: calc(1100px + ((100% - 1100px) / 2));
    margin: 2vw 0;
    position: relative;
}

.section__row {
    display: flex;
    flex-wrap: wrap;
}

.section__col {
    flex: 0 0 50%;
    max-width: 50%;
}

.section__col--2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.section__col--3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.section__col--4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.section__col--7 {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

.section__feature--row {
    display: flex;
    align-items: center;
    width: 100%;
}

.section__feature--row img + p,
.skuteczny span{
    padding-left: 1vw;
}

.section__feature--col {
    display: flex;
    flex-direction: column;
}

/* HEADER */
header.main-header {
    background-image: url('../img/header-bg.png');
    background-repeat: no-repeat;
}

@media(max-width:768px) {
    header.main-header {
        background-color: #D1E5F4;
    }
}

.button {
    margin-bottom: 20vh;
}

.header__logo img {
    width: 550px;
    height: auto;
}

.section__col h2 {
    text-align: center;
    color: #BF25A9;
    font-weight: 700;
    padding: .5vw 2vw;
    font-size: 1.8rem;
    text-transform: uppercase;
}

.section__col h3 {
    font-weight: 700;
    font-size: 1.5rem;
    text-transform: uppercase;
    margin-left: 2.2vw;
}

.section__col ul {
    list-style-type: none;
    margin: 2vw 0 5vh;
}

.section__col li {
    display: flex;
    align-items: center;
    margin: 1vh 1vw;
}

.section__col span {
    padding-left: 1vw;
    font-size: 1.3rem;
}

.section__col .newPrice{
    font-size: 37px;
    padding-left: 0;
}

@media(max-width: 768px) {

    .section__col {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .section__col h3 {
        margin-left: 4vw;
    }

    .section__col ul {
        list-style-type: none;
        margin: 4vh 0 5vh;
    }
}
@media(max-width: 500px){
    .section__col ul,
    .section--8 ul{
        padding-left: 0;
    }
    .form__button input{
        width: 100%;
    }
}
/* Sekcja : Text */

.section--2 .container h4 {
    font-size: 1.5rem;
    font-weight: 500;
    text-align: center;
    margin-bottom: 4rem;
}

/* Sekcja: body {
__first  */

.rect__left {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

.rect__right {
    margin-left: calc((100% - 1100px) / 2);
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}

.rect p {
    display: block;
    color: white;
    text-align: center;
    line-height: 100px;
    font-size: 2rem;
}

.rect__left p {
    margin: 0 0 0 20vw;
}

.rect__right p {
    margin: 0 20vw 0 0;
}

@media(max-width: 1400px) {
    .rect__left p {
        margin: 0 0 0 15vw;
    }
}

@media(max-width: 1100px) {

    .rect__left p,
    .rect__right p {
        margin: 0 auto;
    }

}

@media(max-width: 1400px) {
    .rect__right p {
        margin: 0 15vw 0 0;
    }
}


.section_col.section__col--3 {
    text-align: center;
    font-size: 1.3rem;
}

.section__text--small {
    text-align: center;
    font-size: medium;
    margin-bottom: 5vh;
}

@media(max-width:1100px) {
    .rect {
        background-color: #BF25A9;
        height: 100px;
        width: 100%;
        margin: 2vw 0;
    }
}

@media(max-width:564px) {
    .rect p {
        font-size: 1.5rem;
    }

    .section__col--3 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width:320px) {
    .rect p {
        font-size: 1rem;
    }

    .section__col--3 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}

/* &__second  */
.body__second .rect .container .section__col {
    display: flex;
    justify-content: center;
    align-items: center;
}


.section__col--2 img {
    margin: 0 1vw;
}

.section__col--2 .buttonOrder img {
    margin: 0 0;
}

.body__second .section__col--2 p {
    font-size: 1.5rem;
}


@media (max-width: 1100px) {
    .section__col--2 p {
        font-size: 1rem;
    }

    .section__feature--row {
        display: flex;
        align-items: center;
        padding: 0 0;
    }
}

@media (max-width: 767px) {
    .section__feature--row {
        display: flex;
        align-items: center;
        padding: 0 0;
    }
}

/* &__third */
.section__feature--right,
.section__feature--left {
    margin: 20px;
}

.section__feature--right h4,
.section__feature--left h4 {
    font-size: 2rem;
    font-weight: 500;
    margin: 10px 0;
}

.section__feature--right p,
.section__feature--left p {
    font-size: 1rem;
    font-weight: 500;
}

.section__feature--right>img,
.section__feature--left>img {
    height: 200px;
    width: 250px;
}

.section__feature--margin {
    margin: 20px;
}

.section__feature--right {
    display: flex;
    align-items: flex-end;
    text-align: right;
}

.center {
    text-align: center;
}

.margin-center {
    margin: 0 auto;
}


.margin10vh {
    margin: 5vh 0 10vh 0;
}

.center p {
    color: #BF25A9;
    font-weight: 700;
}

@media(max-width:564px) {
    .body__third .section__col--2 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}

/* FORM */

.form {
    background-image: url('../img/FormBG.png');
    background-repeat: no-repeat;
    background-size: cover;
    margin: -5vh 0 0 0;
}

.forms {
    display: flex;
    flex-direction: column;
}

.form .container .section__col--2 {
    padding: 10vh 0;
}
@media(max-width: 1089px){
    .form .container .section__col--2{
        padding-left: 15px;
        padding-right: 15px;
    }
}

input {
    text-align: center;
    color: black;
    margin: 20px 0;
    border: 4px solid #BF25A9;
    border-radius: 25px;
    width: 50%;
    padding: 2% 0;
    overflow: hidden;
}

textarea:focus,
input:focus {
    outline: none;
}

.section__col--2 .section__img {
    display: flex;
    justify-content: center;
    align-items: center;
}

.form--h2 {
    margin: 4vh 0;
    color: #BF25A9;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 3rem;
}

.section__col--2 .section__forms p {
    font-size: 16px;
}

form input {
    margin: 0 auto 0 auto;
}

form input::placeholder {
    color: black;
}

form input:focus::placeholder {
    opacity: .5;
    color: #777;
}

.text--lg {
    font-size: 26px;
}

.text--md {
    font-size: 20px;
}

.text--sm {
    font-size: 16px;
}

.uppercase {
    text-transform: uppercase;
}

.text--bold {
    font-weight: 600;
}

.nopadding {
    padding: 0;
}

.buttonOrderContainer {
    background-image: linear-gradient(#BF25A9, #7d156d);
    border-radius: 25px;
    border: 8px solid #BF25A9;
    text-align: center;
    padding: 30px 10px 0 0;
    margin: 8px auto;
    box-shadow: 0px 10px 20px 5px#A51F92;
    position: relative;
    text-transform: uppercase;
    min-height: 140px;
}

.noMarginBottom {
    margin-bottom: 0;
}

.noMarginTop {
    margin-top: 0;
}

div.section__feature p.noMarginTop.text--md {
    font-size: 20px;
}

.line-height-30px {
    line-height: 30px;
}

div.regularPrice.uppercase {
    margin-top: -20px;
}

.buttonOrderContainer a {
    color: white;
}

.white {
    color: white;
}

.buttonOrder {
    background: #BF25A9;
    border: 5px solid white;
    width: 350px;
    max-width: 95%;
    margin: 0 auto;
    position: absolute;
    border-radius: 40px;
    font-size: 24px;
    padding: 15px 10px;
    bottom: -35px;
    left: 50%;
    transform: translatex(-50%);
    text-transform: uppercase;
    box-shadow: 0px 10px 20px 5px #A51F92;
    cursor: pointer;
    box-sizing: border-box;
}

@media(max-width: 890px){
    .buttonOrder {
        font-size: 22px;
        padding-left: 5px;
        padding-right: 5px;
        bottom: 20px;
    }
}

@media(max-width: 380px){
    .buttonOrder img{
        display: none;
    }
}

.regularPrice {
    font-size: 20px;
}

.lineThrough {
    color: black;
    text-decoration: line-through;
}

.oldPrice {
    font-size: 30px;
}

.promoPrice {
    font-size: 31px;
}

.newPrice, .newPrice span {
    font-size: 37px;
}

.bold {
    font-weight: 700;
}

@media (max-width: 1100px) {
    .form {
        background-image: none;
    }

    .form {
        background-size: auto 100%;
    }
}

@media (max-width: 767px) {
    .section__col--2 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .section__forms {
        order: 0;
    }

    .section__img {
        order: -1;
    }
}

/* section--6 */

.section__text--right {
    text-align: right;
}

.noMargin {
    margin: 0;
}

.margin--md {
    margin: 4vh 0;
}

/* section--7 */

.tg {
    border-collapse: collapse;
    border-spacing: 0;
}

.tg td {
    border-color: black;
    border-style: solid;
    border-width: 2px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    overflow: hidden;
    padding: 10px 5px;
    word-break: normal;
}
@media(max-width: 500px){
    .tg td{
        padding: 8px 2px;
    }
}
.tg th {
    border-color: black;
    border-style: solid;
    border-width: 2px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    overflow: hidden;
    padding: 10px 5px;
    word-break: normal;
}

.tg .tg-tysj {
    color: #333333;
    text-align: left;
    vertical-align: top
}

.tg .tg-baqh {
    text-align: center;
    vertical-align: top
}

.tg .tg-oaz9 {
    text-align: left;
    vertical-align: top;
    text-align: center;
}

.tg .tg-fr7i {
    border-color: #333;
    color: #bf25a9;
    font-weight: bold;
    text-align: center;
    vertical-align: top;
}

.tg .tg-0lax {
    text-align: left;
    vertical-align: top;
}

table {
    margin: 0 auto;
    width: 100%;
    height: auto;
}

/* section--8 */

.black {
    color: black;
}

.section--8.container h2 {
    color: black;
    text-transform: none;
}

.text--huge {
    font-size: 3rem;
}

.text--big {
    font-size: 2rem;
}

ul {
    list-style-type: none;
    margin: 2vw 0 40vh;
}

li {
    display: flex;
    align-items: center;
    margin: 2vw 1vw;
}

span {
    padding-left: 1vw;
    font-size: 1.3rem;
}

/* section form */

.margin-40vh {
    margin-top: -40vh;
}

/* section--9 */

h4.violet.text--bold.text--md {
    margin-top: 1vh;
    margin-bottom: 1vh;
}

.flexbox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.topMargin4vh {
    margin-top: 4vh;
}

.topMargin5vh {
    margin-top: 5vh;
}

div.section__feature.flexbox img {
    width: auto;
    height: 250px;
}

@media(max-width: 1100px) {
    .section__col--4 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width: 675px) {
    .section__col--4 {
        grid-template-columns: repeat(1, 1fr);
    }
}


/* section--10 */

@media(max-width: 1100px) {
    .section__col--7 {
        grid-template-columns: repeat(2, 1fr);
    }

    .div2,
    .div4,
    .div6 {
        display: none;
    }
}

@media(max-width: 675px) {
    .section__col--7 {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* section: form__last */

.form__last {
    border-top: 6px solid #bf25a9;
    padding: 30px;
    background-color: #DAEDFA;
}

.form__last img {
    filter: hue-rotate(-15deg);
}

.form__group {
    display: inline-flex;
    border-radius: 50px;
    overflow: hidden;
    border: 2px solid black;
    background-color: #fff;
    width: 100%;
    margin: 2vh 0;
}

label {
    height: 40px;
    padding: 0px 20px;
    background-color: #bf25a9;
    width: 35%;
}
@media(max-width: 500px){
    .form__group label{
        padding: 0 10px;
        min-width: 96px;
        width: 96px;
        box-sizing: border-box;
    }
}

div.form__group input[type=text],
div.form__group input[type=number] {
    border: none;
    background: none;
    width: 100%;
}

.form__button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 3vh 10px;
}

input#submit {
    width: 70%;
    text-align: center;
    background-image: linear-gradient(#bf25a9, #7d156d);
    color: white;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 20px 20px;
    cursor: pointer;
    transition: all .2s;
    border: none;
    border-radius: 15px;
    box-shadow: 0px 16px 0px #5c3055;
}

.promoPrice {
    margin-bottom: -45px;
}


input#price_order {
    background-color: #BF25A9;
    border: 5px solid white;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 20px 0;
    font-size: 24px;
    border-radius: 38px;
    transform: translate(0px,50px);
    width: 60%;
    cursor: pointer;
} 

header .promoPrice {
    margin-top: -20px;
    margin-bottom: 40px;
}

a {
    text-decoration: none;
}

p.text--sm.center .noMargin {
    margin: 0;
    margin-top: 15px;
}

.tg .tg-0lax,
.tg .tg-oaz9 {
	font-size: 25px;
}

.tg .tg-fr7i {
	font-size: 35px;
}	

.tg .tg-baqh {
	font-size: 30px;
}

@media(max-width: 1725px) {
    .form__last {
        background-color: #D4E3F5;
    }
}

@media(max-width: 535px) {
    .tg .tg-0lax,
    .tg .tg-oaz9 {
        font-size: 16px;
    }

    .tg .tg-fr7i {
        font-size: 24px;
    }	

    .tg .tg-baqh {
        font-size: 20px;
    }

    .form input {
        margin: 10px auto;
    }

    section.form {
        text-align: center;
    }

    input#submit {
        width: 70%;
        text-align: center;
        background-image: linear-gradient(#bf25a9, #7d156d);
        color: white;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        padding: 20px 20px;
        cursor: pointer;
        transition: all .2s;
        border: none;
        border-radius: 15px;
        box-shadow: 0px 16px 0px #5c3055;
    }

    header .promoPrice {
        margin-bottom: 65px;
    }
}