@font-face {
    font-family: ProximaNova-Light;
    src: url("https://cdn-prod.neonet.pl/richcontent/1379610/fonty/ProximaNova-Light.woff") format("woff"),
        url("../fonty/ProximaNova-Light.ttf") format("truetype");
}

@font-face {
    font-family: ProximaNova-Regular;
    src: url("https://cdn-prod.neonet.pl/richcontent/1379610/fonty/ProximaNova-Regular.woff") format("woff"),
        url("../fonty/ProximaNova-Regular.ttf") format("truetype");
}

@font-face {
    font-family: ProximaNova-Semibold;
    src: url("https://cdn-prod.neonet.pl/richcontent/1379610/fonty/ProximaNova-Black.woff") format("woff"),
        url("../fonty/ProximaNova-Black.ttf") format("truetype");
}


.logo {
    max-width: auto;
}

.img1 {
    margin-left: 50px;
}

.img2 {
    position: absolute;
    top: 260px;
    right: 100px;
}

.buy_cont {
    width: 500px;
    position: absolute;
    right: 120px;
    top: 80px;
}
.buy_cont ul {
    margin-top: 80px;
    padding-left: 0px;
}
.buy_cont li {
    list-style: none;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #d2d2d2;
}

.buy_cont li:last-child {
    border-bottom: 0px;
}

.btn_buy {
    background: #bf0005;
    padding: 10px 15px;
    border-radius: 20px;
    color: #fff;
    text-decoration: none;
    font-size: 16.5px;
    font-family: ProximaNova-Semibold;
    float: right;
    vertical-align: middle;
    border: 1px solid #bf0005;
}

.btn_buy:hover,
.btn_buy:focus {
    border: 1px solid #bf0005;
    background: #fff;
    color: #bf0005;
    text-decoration: none;
}

.cont_left {
    position: relative;
    margin-left: 100px;
    margin-top: 150px;
}

.cont_left img {
    margin-top: 40px;
}

.cont_left .text {
    font-family: ProximaNova-Light;
    font-size: 34px;
    color: #4d4d4d;
}

.color_02b0a9 {
    color: #02b0a9;
}

.cont2 {
    margin-top: 200px;
    max-width: 990px;
}

.cont2 img {
    display: inline-block;
}
.cont2 .title {
    display: inline-block;
    font-family: ProximaNova-Semibold;
    vertical-align: text-top;
    color: black;
    font-size: 33px;
    
}

.cont2 .text,
.cont3 .text {
    margin-top: 10px;
    text-align: justify;
    font-family: ProximaNova-Light;
    color: black;
    font-size: 25px;
}

.cont2 strong,
.cont3 strong {
    font-family: ProximaNova-Light;
}
.cont3 {
    max-width: 990px;
}

.cont3 .title {
    font-family: ProximaNova-Semibold;
    color: black;
    font-size: 33px;
}

.img4 {
    margin-top: 30px;
}


.cont4_box {
        right: 0px;
    top: 100px;
}

.cont4 .title {
    font-family: ProximaNova-Semibold;
    color: black;
    font-size: 33px;
}

.cont4 .text {
    margin-top: 10px;
    text-align: justify;
    font-family: ProximaNova-Light;
    color: #4d4d4d;
    font-size: 25px;
}

.cont4_img2 {
    margin: 0 auto;
    margin-left: -100px;
}

.cont5 {
    position: relative;
    padding-left: 0px;
}

.cont5_box {
    position: absolute;
    max-width: 600px;
    top: 180px;
    left: 900px;
}

.cont5 .title {
    font-family: ProximaNova-Semibold;
    color: black;
    font-size: 33px;
    margin-top: 20px;
}

.cont5 .text {
    margin-top: 10px;
    text-align: justify;
    font-family: ProximaNova-Light;
    color: #4d4d4d;
    font-size: 25px;
}

.cont6 {
    position: relative;
    padding-left: 0px;
}

.cont6_box {
    position: absolute;
    max-width: 850px;
    top: 150px;
    left: 260px;
}

.cont6 .title {
    font-family: ProximaNova-Semibold;
    color: black;
    font-size: 33px;
}

.cont6 .text {
    margin-top: 10px;
    text-align: justify;
    font-family: ProximaNova-Light;
    color: #4d4d4d;
    font-size: 25px;
}

.img8 {
    right: 100px;
    position: absolute;
}

.cont7 {
    position: relative;
    padding-left: 0px;
    margin-top: 800px;
}

.cont7_box {
    position: absolute;
    max-width: 620px;
    top: 30px;
    left: 850px;
}

.cont7 .title {
    font-family: ProximaNova-Semibold;
    color: black;
    font-size: 33px;
}

.cont7 .text {
    margin-top: 10px;
    text-align: justify;
    font-family: ProximaNova-Light;
    color: #4d4d4d;
    font-size: 25px;
}

.img10 {
    margin: 0 auto;
    margin-bottom: 50px;
}

.cont8 .title {
    font-family: ProximaNova-Semibold;
    color: black;
    font-size: 52px;
    text-align: center;
    margin: 20px;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    border: 0px;
    padding: 15px;
}

.table > tbody > tr > td:first-child {
    font-family: ProximaNova-Semibold;
    letter-spacing: 1px;
    text-align: right;
    max-width: 400px;
    vertical-align: bottom;
    color: #3c3c3b;
    font-size: 36px;
    padding-right: 20px;
}

.table > tbody > tr > td:last-child {
    font-family: ProximaNova-Regular;
    border-left: 1px solid #3c3c3b;
    vertical-align: bottom;
    color: #3c3c3b;
    font-size: 33px;
    padding-left: 20px;
}

.info {
    font-family: ProximaNova-Semibold;
    color: black;
    font-size: 43px;
    text-align: center;
    padding: 40px 0px;
}

.cta_footer {
    position: relative;
}

.img2_footer {
    margin: 0 auto;
    margin-top: 50px;
    display: block;
}

.buy_cont_footer {
    width: 500px;
    position: absolute;
    right: 25%;
    top: 80px;
}
.buybuy_cont_footer_cont ul {
    margin-top: 80px;
    padding-left: 0px;
}
.buy_cont_footer li {
    list-style: none;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #d2d2d2;
}

.logo {
    display: block;
}
.logo_mobile {
    display: none;
}

@media screen and (max-width: 1780px) {
    .img2 {
        max-width: 65%;
        top: 340px;
    }
}

@media screen and (max-width: 1600px) {
    .cont_left {
        margin-left: 80px;
        margin-top: 100px;
    }
    .buy_cont {
        right: 10px;
    }
    .cont5 .text {
        padding-right: 20px;
    }
    .cont7 .text {
        padding-right: 20px;
    }
    .cont6_box {
        left: 10%;
        max-width: 55%;
    }
}

@media screen and (max-width: 1480px) {
    .logo {
        max-width: 300px;
    }
    .img1 {
        max-width: 40%;
    }

    .buy_cont {
        right: 2%;
        width: 400px;
        top: 55px;
    }

    .buy_cont ul {
        margin-top: 30px;
    }
    .img2 {
        right: 20px;
        max-width: 60%;
        top: 240px;
    }
    .shop_img {
        max-height: 40px;
    }
    .cont_left {
        margin-top: 0px;
    }
    .cont2 {
        margin-top: 120px;
    }

    .cont_left .text {
        font-size: 28px;
    }
    .img6 {
        max-width: 55%;
        margin-top: 60px;
    }
    .cont5_box {
        left: 50%;
    }
    .img7 {
        max-width: 300px;
    }
    .img8 {
        right: 20px;
        max-width: 80%;
        margin-top: 120px;
    }

    .img9 {
        max-width: 45%;
        margin-top: 50px;
    }
    .cont7_box {
        max-width: 55%;
        top: 0px;
        left: 45%;
    }

    .img2_footer {
        margin-top: 150px;
        max-width: 80%;
        left: 0px;
        position: absolute;
    }
}

@media screen and (max-width: 1130px) {
    .logo {
        max-width: 200px;
    }
    .cont_left {
        margin-left: 3%;
    }

    .cont2 .text,
    .cont3 .text,
    .cont5 .text,
    .cont6 .text,
    .cont7 .text {
        font-size: 22px;
    }
    .cont3 .title,
    .cont5 .title,
    .cont6 .title {
        font-size: 27px;
    }

    .cont8 .title {
        font-size: 42px;
    }

    .table > tbody > tr > td:first-child {
        font-size: 28px;
        padding-right: 10px;
    }

    .table > tbody > tr > td:last-child {
        font-size: 27px;
        padding-left: 10px;
    }

    .table > tbody > tr > td,
    .table > tbody > tr > th,
    .table > tfoot > tr > td,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > thead > tr > th {
        padding: 10px;
    }
    .info {
        font-size: 38px;
    }

    .shop_img {
        max-height: 25px;
        vertical-align: middle;
    }
    .btn_buy {
        font-size: 14px;
        padding: 6px 13px;
        font-family: ProximaNova-Regular;
    }
    .buy_cont {
        width: 290px;
    }

    .buy_cont_footer {
        width: 350px;
    }
    .img2 {
        right: 6%;
        max-width: 55%;
    }
    .cont_left img {
        margin-top: 25px;
    }
    .cont5_box {
        top: 100px;
    }
    .cont7 {
        margin-top: 680px;
    }
    .cont_left .text {
        font-size: 24px;
    }
    .img7 {
        max-width: 190px;
    }
}

@media screen and (max-width: 990px) {
    .buy_cont li {
        padding-top: 8px;
        padding-bottom: 8px;
        min-height: 50px;
        vertical-align: middle;
    }
    .cont4_box {
        max-width: 535px;
        right: 0px;
        top: 40px;
    }
    .cont6_box {
        top: 100px;
    }
    .cont7 {
        margin-top: 600px;
    }
    .img9 {
        max-width: 35%;
    }
    .cont7_box {
        max-width: 65%;
        top: 0px;
        left: 35%;
    }
    .win10 {
        max-width: 200px;
    }
    .cont8 {
        margin-top: 90px;
    }
    .cont_left .text {
        font-size: 22px;
    }
    .buy_cont {
        top: 25px;
    }

    .img2 {
        right: 2%;
    }
    .cont3 .title,
    .cont4 .title,
    .cont5 .title,
    .cont6 .title {
        font-size: 22px;
    }
    .cont2 .text,
    .cont3 .text,
    .cont4 .text,
    .cont5 .text,
    .cont6 .text,
    .cont7 .text {
        font-size: 19px;
        line-height: 24px;
    }
    .table > tbody > tr > td:first-child {
        font-size: 23px;
    }
    .table > tbody > tr > td:last-child {
        font-size: 22px;
    }
}

@media screen and (max-width: 768px) {
    .img1 {
        display: none;
    }
    .buy_cont {
        position: relative;
        left: 10%;
        width: 80%;
    }
    .cont_left {
        text-align: center;
    }
    .cont_left img {
        margin: 0 auto;
        padding: 10px;
    }
    .img2 {
        position: relative;
        max-width: 100%;
        top: 20px;
    }

    .logo {
        display: none;
    }
    .logo_mobile {
        display: block;
        margin: 0 auto;
        padding: 20px;
    }
    .img500 {
        display: inline-block;
        max-width: 155px;
        padding-top: 20px;
    }
    .cont2 {
        margin-top: 40px;
    }

    .cont4_box,
    .cont5_box,
    .cont6_box,
    .cont7_box {
        width: 100%;
        max-width: 100%;
        padding: 20px;
        position: relative;
        left: 7px;
    }

    .cont4_img2,
    .img8 {
        margin: 0 auto;
        padding: 20px;
        margin-top: 50px;
        position: relative;
    }
    .cont5_box,
    .cont6_box {
        top: 20px;
    }

    .img9 {
        max-width: 100%;
    }

    .img6 {
        display: none;
    }

    .cont7 {
        margin-top: 10px;
    }
    .table > tbody > tr > td:first-child {
        font-size: 20px;
    }
    .table > tbody > tr > td:last-child {
        font-size: 19px;
    }
    .info {
        font-size: 25px;
    }
    .img2_footer {
        display: none;
    }

    .buy_cont_footer {
        width: 90%;
        left: 5%;
        right: 5%;
        top: 0px;
    }
    .cont8 {
        margin-top: 40px;
    }
    .cont8 .title {
        font-size: 34px;
    }

    .cont2 .title {
        font-size: 25px;
        margin-left: 10px;
    }
    .cont5 .text {
        padding-right: 0px;
    }
}

@media screen and (max-width: 480px) {
    .cont_left .text {
        font-size: 18px;
    }
    .cont2 .text,
    .cont3 .text,
    .cont4 .text,
    .cont5 .text,
    .cont6 .text,
    .cont7 .text {
        font-size: 17px;
        line-height: 22px;
        text-align: center;
    }
    .cont3 .title,
    .cont4 .title,
    .cont5 .title,
    .cont6 .title {
        font-size: 18px;
        text-align: center;
    }
    .img7 {
        display: none;
    }

    .table > tbody > tr > td:first-child {
        font-size: 17px;
        padding-right: 5px;
    }
    .table > tbody > tr > td:last-child {
        font-size: 16px;
        padding-left: 5px;
    }
    .table > tbody > tr > td,
    .table > tbody > tr > th,
    .table > tfoot > tr > td,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > thead > tr > th {
        padding: 5px;
    }

    .win10 {
        margin: 0 auto;
    }
}