:root {

    font-family: "Poppins", sans-serif;

    scroll-behavior: smooth;

}



body {

    background-image: url('../index_files/Fixed-bg1.png'), url('../index_files/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--col {

    display: flex;

    flex-direction: column;

}



/* HEADER */

header.main-header {

    background-image: url('../index_files/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;

}



@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;

    }

}



/* 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('../index_files/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;

}



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;

}



.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: 65%;

    margin: 0 auto;

    position: absolute;

    border-radius: 40px;

    font-size: 26px;

    padding: 15px 10px;

    margin: 0 auto;

    bottom: -75px;

    left: 50%;

    transform: translatex(-50%);

    text-transform: uppercase;

    box-shadow: 0px 10px 20px 5px #A51F92;

    cursor: pointer;

}



.regularPrice {

    font-size: 20px;

}



.lineThrough {

    color: black;

    text-decoration: line-through;

}



.oldPrice {

    font-size: 30px;

}



.promoPrice {

    font-size: 31px;

}



.newPrice {

    font-size: 42px;

}



.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;

}



.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%;

}



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-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;

    }

}