/******* Variables *******/
:root {
    /****** Custom variables ******/
    --page-background: #372817;
    --page-background-mobile: #372817;
    --text-color: #fff;
    --base-color: #005124;
    --modal-background-color: #fff;
    /****** END Custom variables ******/
}

@font-face {
    font-family: 'Kozel';
    src: url('../../fonts/PoplarKozelPro.otf');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'Apex';
    src: url('../../fonts/ApexSerif/ApexSerif-Book.otf');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'ApexMedium';
    src: url('../../fonts/ApexSerif/ApexSerif-Medium.otf');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'ApexBold';
    src: url('../../fonts/ApexSerif/ApexSerif-Bold.otf');
    font-weight: normal;
    font-style: normal;
}

html, body {
    font-size: 12px;
    font-family: 'Eczar';
    background: var(--page-background);
    /*background: transparent;*/
    background-size: cover !important;
}
main {
    overflow-x: hidden;
}
p {
    line-height: 1.2;
}
a,
button{
    text-decoration: none;
    cursor: pointer;
    outline: none;
}
.btn-1 {
    background: #D8A561;
    color: #fff;
    font: normal normal normal 40px / 1 'ApexMedium';
    text-transform: uppercase;
    padding: 20px 30px 10px;
    border-radius: 10px;
    box-shadow: none;
    outline: none !important;
    border: 0px;
    display: table;
    margin: 0 auto;
}
.btn-1:hover {
    color: #000;
}
a:hover,
button:hover,
.politika-modal:hover {
    opacity: 0.9;
}
.modal-dialog .modal-content,
.modal-dialog .modal-header,
.modal-dialog .modal-body{
    border: none;
    background: transparent;
}
.politika-modal {
    cursor: pointer;
}
.grecaptcha-badge {
    z-index: 5;
}
button {

}
body.only_message {
    background: #0F821E;
    background-size: cover !important;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    font: normal normal 600 16px/20px 'Eczar';
}
body.only_message div {
    color: #fff;
    text-align: center;
    background-color: #005124;
    max-width: 400px;
    width: 100%;
    font-size: 20px;
    margin: 0 auto;
    padding: 30px;
    font: normal normal 600 16px/20px 'Eczar';
}
/** LOADER **/
.lds-circle {
    display: inline-block;
    transform: translateZ(1px);
    background: #D8A561;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99999;
    background-size: cover;
}
.lds-circle img {
    display: inline-block;
    margin: 8px;
    position: fixed;
    width: 150px;
    top: calc(50% - 35px);
    left: calc(50% - 75px);
}
.lds-circle p {
    display: inline-block;
    width: 300px;
    text-align: center;
    margin: 8px;
    position: fixed;
    font-size: 14px;
    top: calc((50% + 75px) - 0px);
    left: calc(50% - 150px);
    /* color: #005124; */
    background: #fff;
    padding: 10px;
    font-family: 'Eczar';
    font-size: 15px;
}
.site_id_1 .lds-circle img {
    width: 269px;
    top: calc(50% - 35px);
    left: calc(50% - 135px);
}
/********* END LOADER *********/
#content {
    display: none;
    overflow: hidden;
}
#menu {
    /*position: fixed !important;*/
    z-index: 9 !important
}
.error-message,
.global-message{
    font: normal normal normal 13px / 13px 'Apex';
    letter-spacing: 0px;
    color: #F42828;
    visibility: hidden;
    display: block;
    text-align: right;
    margin-top: 10px;
}
.global-message {
    color:#fff;
}
.desktop-hide {
    display: none !important;
}

h2.block-title {
    font: normal normal normal 80px / 80px 'Kozel';
    letter-spacing: 2px;
    color: #372817;
    text-align: center;
    padding: 100px 30px 15px;
    display: table;
    margin: 0 auto 50px;
    position: relative;
}
h2.block-title:before {
    left: -230px;
}
h2.block-title:after {
    right: -230px;
    rotate: 180deg;
}

h3 {
    z-index: 2;
    letter-spacing: 0.5px;
    position: relative;
    font: normal normal normal 30px / 35px 'Apex';
    color: #fff;
    display: table;
    margin: 0 auto;
    padding: 10px 30px 15px;
    text-align: center;
    margin-top: -40px;
    margin-bottom: 20px;
}
/*******START Switcher, toogler *******/
.switch {
    position: relative;
    display: inline-block;
    width: 45px !important;
    height: 20px;
    margin-bottom: -5px !important;
    margin-right: 8px;
}
.switch:before {
    display: none !important;
}
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.switch .slider {
    position: absolute !important;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    background: transparent;
    border: 1px solid #FFFFFF;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch .slider:before {
    position: absolute !important;
    content: "";
    height: 14px;
    width: 14px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch input:checked + .slider {
    background-color: #e0010e;
}

.switch input:focus + .slider {
    box-shadow: 0 0 1px #e0010e;
}

.switch input:checked + .slider:before {
    -webkit-transform: translateX(25px);
    -ms-transform: translateX(25px);
    transform: translateX(25px);
}

/* Rounded sliders */
.switch .slider.round {
    border-radius: 34px;
}

.switch .slider.round:before {
    border-radius: 50%;
}
/*******END Switcher, toogler *******/
/*h2.block-title:after {*/
/*    content: "";*/
/*    border-bottom: 3px solid #fff;*/
/*    display: block;*/
/*    padding-top: 3px;*/
/*}*/
/*h2.block-title:before {*/
/*    content: "";*/
/*    border-top: 3px solid #fff;*/
/*    display: block;*/
/*    padding-bottom: 3px;*/
/*}*/
#start {
    padding-top: 50px;
    padding-bottom: 0px;
    /*background: #f1ede4 url(../../images/design79/bg1.jpg) no-repeat center -140px;*/
    /*background-size: 1920px;*/
}
.red-wrapper {
    background: #d12027;
}
@keyframes blink {
    0% {
        /*opacity: 1;*/
        transform: scale(1.0)
    }
    50% {
        /*opacity: 1;*/
        transform: scale(1.04)
    }
    100% {
        /*opacity: 1;*/
        transform: scale(1.0)
    }
}

.blinking {
    animation: blink 4s infinite;
}
.img1 {
    margin: -50px auto 0;
    display: block;
    width: 100%;
    max-width: 2400px;
}
.img1_logo {
    position: absolute;
    /* width: 200px; */
    top: 255px;
    left: 60%;
    z-index: 2;
    animation: blink 4s infinite;
}
.site_id_1 .img1_logo{
    width: 200px;
    top: 270px;
    left: 56%;
}
.divider {
    background: #fff;
    width: 100%;
    height: 2px;
    opacity: 0.6;
    margin: 0 auto;

}
.shop_logo {
    position: absolute;
    top: 280px;
}
.shop_logo.shop_1 {
    left: calc(50% - 172px);
}
.shop_logo.shop_2 {
    left: calc(50% - 78px);
    top: 290px;
}
.shop_logo.shop_3 {
    left: calc(50% - 70px);
    top: 290px;
}
.shop_logo.shop_4 {
    left: calc(50% - 40px);
    top: 290px;
}
.shop_logo.shop_5 {
    left: calc(50% - 86px);
    top: 290px;
}
.zooming {
    transition: transform 1.5s
    ease-in-out;
    transform: scale(0.8);
}
.zooming.visible {
    transform: scale(1);
}
.bottle-block {
    position: relative;
}
.img3 {
    display: block;
    width: 100%;
    margin-top: -50px;
    position: absolute;
}
.img3_1 {
    margin: -55px 0 0 35px;
    width: 335px;
    animation: nagrody_hover 3s ease-in-out infinite;

    /*animation: shake 4s ease-in-out infinite;*/
}
.img3_2 {
    margin: -54px 0 0 95px;
    width: 250px;
    animation: nagrody_hover 3s ease-in-out infinite;
    animation-delay: 0.5s;
}
.img3_3 {
    margin: -50px 0 0 80px;
    width: 240px;
    animation: nagrody_hover 3s ease-in-out infinite;
    animation-delay: 1.2s;
}

.img4 {
    display: block;
    width: 100%;
    margin: 0px auto 0;
}
.img5 {
    display: block;
    width: 100%;
    margin: 0px auto 0;
}
.img6 {
    width: 100%;
    margin: 0 auto 50px;
    display: block;
}
#zasady {
    position: relative;
    background: url(../../images/design79/bg3.jpg) no-repeat 50% 100%;
    background-size: cover;
    z-index: 2;
}
#zasady:after {
    content: "";
    display: block;
    height: 1px;
    width: 400px;
    background: #8d7a5a;
    margin: 70px auto 0;
}
#zasady h2.block-title,
#form_block h2.block-title {
    color: #fff;
}
#form_block .btn-1{
    margin-top: 20px;
}
.kozel {
    position: absolute;
    right: 0;
    top: 40px;
    width: 250px;
    animation: shake 4s ease-in-out infinite;
}
#nagrody {
    background: #F1EDE4;
    padding-bottom: 50px;
}
.nw {
    display: flex;
    /*transition: transform 1.5s ease-in-out;*/
    /*transform: scale(0.8);*/
}
.img2 {
    width: 300px;
    /*max-width: 1089px;*/
    margin: 0 auto;
    display: block;


}
/*.nw.visible {
    transform: scale(1);
}*/
@keyframes scalePulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
}
#nagrody .col-md-6:first-child {
    border-right: 1px solid #382818;
}
#nagrody .col-md-6:last-child {
    border-left: 1px solid #382818;
}
#nagrody .nw.visible img {
    animation: scalePulse 3s infinite ease-in-out;
    animation-fill-mode: both;
}
#nagrody .nw .mobile-hide:nth-child(2) {
    animation-delay: 1s;
}

#nagrody .nw .mobile-hide:nth-child(3) {
    animation-delay: 2s;
}

#nagrody .nw .mobile-hide:nth-child(4) {
    animation-delay: 3s;
}

#zasady .circle{
    height: 169px;
    margin: 0 auto 0px;
    text-align: center;
    font: normal normal normal 120px/87px 'Eczar';
    letter-spacing: 2.4px;
    color: #CAAB63;
    padding-top: 20px;

    font-size: 0px;
    background-size: 110px !important;

}
#zasady .t1 {
    font: normal normal 500 60px / 1 'Eczar';
    letter-spacing: 0px;
    color: #fff;
    margin: 0 auto;
    padding: 0px 20px 9px;
    background: #d6001c;
    text-align: center;
    display: table;
}
#zasady .t2 {
    text-align: center;
    font: normal normal bold 30px / 35px 'Eczar';
    letter-spacing: 1px;
    color: #382818;
    margin: 10px 0;
}
#zasady .t2 span {
    background: #CF0F11;
    padding: 0px 5px;
    height: 34px;
    display: inline-block;
}
#zasady .t3 {
    background: #fff;
    margin: 30px auto;
    width: 5px;
    height: 70px;
    display: none;
}
.small-description {
    margin-top: 50px;
}
.small-description p {
    font: normal normal normal 20px / 1 'Apex';
    letter-spacing: 1px;
    color: #fff;
    text-align: center;
    margin: 10px auto 0px;
}
.small-description p span {
    color: #D8A561;
}
.small-description.v2 p {
    letter-spacing: 0;
}
.small-description.v2 {
    margin-bottom: 20px;
}

.small-description p span {
    font-weight: bold;
}
.small-description.v2 p {
    font: normal normal normal 14px/16px 'Eczar';
    color: #98F0FC;
}
#regulamin {
    padding: 20px 0 0;
}
.regulamin-wrapper {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
}
.regulamin-download {
    background: #b81b1b;
    font: normal normal normal 22px / 1 'Eczar';
    padding: 15px 40px 10px;
    margin: 0 auto 50px;

    text-transform: uppercase;
    text-align: center;
    display: block;
    z-index: 1;
    position: relative;
    max-width: 100%;
    letter-spacing: 1px;
    color: #fff;
}
.regulamin-download:hover {
    text-decoration: none;
    color: #fff;
}
#nagrody .divider {
    margin-top: 30px;
}
#nagrody div.n1,
#nagrody div.n2,
#nagrody div.n3 {
    position: relative;
    padding: 0;
    margin: 0 15px;
    max-width: 30%;
    flex: 0 0 30.333333%;
}
#nagrody div.n1 *,
#nagrody div.n2 *,
#nagrody div.n3 * {
    z-index: 2;
    position: relative;
}
@keyframes shake {
    0%   { transform: rotate(0deg); }
    25%  { transform: rotate(-5deg); }
    50%  { transform: rotate(5deg); }
    75%  { transform: rotate(-5deg); }
    100% { transform: rotate(0deg); }
}

#nagrody img {
    display: block;
    margin: 0 auto 50px;
    height: 450px;
    /*animation: nagrody 1.5s ease-in-out;*/
}
#nagrody img:hover {
    /*animation: blink 1s ease-in-out infinite;*/
    animation: nagrody_hover 1s ease-in-out infinite;
}
@keyframes nagrody_hover {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}


#nagrody .timer-wrapper {
    margin-bottom: 70px;
}
#nagrody .t1 {
    margin-top: 70px;
}
#nagrody .timer-wrapper .t2{
    display: table;
    background: #E80001;
    color: #fff;
    font: normal normal normal 26px / 1 'Eczar';
    padding: 5px 20px;
    margin: 0 auto 5px;
    text-align: center;
    width: 220px;
}
#nagrody .timer-wrapper .timer{
    background: #000000;
    color: #FFE200;
    font: normal normal normal 30px / 1 'Eczar';
    display: table;
    margin: 0 auto;
    width: 220px;
    text-align: center;
    padding: 10px 0px;
}
#nagrody .bg {
    background: #fff;
    opacity: 0.7;
    position: absolute !important;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1;
    border: 2px solid #0F821E;
}
#nagrody .t1{
    text-align: center;
    font: normal normal normal 30px/1 'Eczar';
    color: #0F821E;
}
#nagrody .t1 span{
    display: block;
    font: normal normal normal 110px / 1 'Eczar';
}
#nagrody .t1 span i{
    font: normal normal normal 90px / 1 'Eczar';
}
#nagrody .t2{
    text-align: center;
    font: normal normal normal 20px/25px 'Eczar';
    letter-spacing: 0px;
    color: #fff;
}
#nagrody .t2 a {
    color: #98F0FC;
    text-decoration: underline;
}
#nagrody .t2 a:hover{
    text-decoration: none;
}
#nagrody .t3{
    text-align: center;
    font: normal normal normal 30px/37px 'Eczar';
    letter-spacing: 0px;
    color: #FFFFFF;
}
#nagrody .t4{
    text-align: center;
    font: normal normal normal 22px/28px 'Eczar';
    letter-spacing: 0px;
    color: #FFFFFF;
    font-weight: lighter;
}

#produkty {
    background: #002001;
    padding-bottom: 50px;
}
#produkty .item {
    padding: 30px;
    border-radius: 40px;
}
#produkty .item img{
    margin: 0 auto;
    display: block;
}
#produkty .text-block {
    padding: 50px 0 200px;
}
#produkty .text-block .t1{
    font: normal normal bold 30px/32px 'Eczar';
    letter-spacing: 0px;
    color: #FFFFFF;
    text-align: center;
}
#produkty #beer-slider .carousel-inner{
    max-width: 1000px;
    margin: 0 auto;
}
#produkty #beer-slider .carousel-inner .carousel-item .item{
    width: 210px;
    height: 380px;
    float: left;
    margin: 0 20px;
}
#produkty #beer-slider .carousel-control-next,
#produkty #beer-slider .carousel-control-prev{
    background: #002001;
    opacity: 1;
    width: 50px;
}

#form_block {
    padding-bottom: 0;
    margin-top: 0px;
    margin-bottom: -1px;
    padding-top: 0px;
}
/*#form_block:before {*/
/*    content: "";*/
/*    background: url(../../images/design79/bg2_1.jpg) no-repeat center;*/
/*    height: 100px;*/
/*    display: block;*/
/*    max-width: 1920px;*/
/*    width: 100%;*/
/*    margin: 0 auto 0;*/
/*}*/
/*#form_block:after {*/
/*    content: "";*/
/*    background: url(../../images/design79/bg2_2.jpg) no-repeat center center;*/
/*    display: block;*/
/*    height: 100px;*/
/*    max-width: 1920px;*/
/*    width: 100%;*/
/*    margin: 0 auto -50px;*/
/*}*/
#form_block .ai_generated_items {
    display: none;
    max-width: 470px;
}

#form_block .ai_generated_items>.items {
    float: left;
}
#form_block .type_block {
    margin-top: 20px;
}
#form_block .ai_generated_items .preview-wrapper {
    border: 1px solid #fff;
    width: 350px;
    height: 350px;
    float: right;
    background: #014409;
}
#form_block .ai_generated_items .preview-wrapper p {
    font: normal normal 600 16px / 1 'Eczar';
    color: #fff;
    text-align: center;
    margin-top: -28px;
}
#form_block .ai_generated_items .preview-wrapper img {
    width: 100%;
}
#form_block .ai_generated_items .images_list .item {
    width: 80px;
    height: 80px;
    margin-bottom: 10px;
    position: relative;
    cursor: pointer;
    border: 1px solid transparent;
}
#form_block .ai_generated_items .images_list .item.active {
    border-color: #fff;
}
#form_block .ai_generated_items .images_list .item img{
    width: 100%;
    height: 100%;
    display: none;
}
#form_block .img51 {
    display: block;
    width: 100%;
    margin: 0 auto;
}
.chat_image_preloader {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 2;
    top: 0px;
    background: #014409;
}
.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #fff;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(24px, 0);
    }
}
.parallax-down {
    position: absolute;
}
.l1,
.l3,
.l5,
.l7,
.l9 {
    right: 0px;
}
.l2,
.l4,
.l6,
.l8{
    left: 0px;
}
.l1 {
    top: 100px;
}
.l2 {
    top: 700px;
    z-index: 2;
}
.l3 {
    top: 1300px;
    z-index: 2;
}
.l4 {
    top: 1800px;
}
.l5 {
    top: 2300px;
}
.l6 {
    top: 2700px;
}
.l7 {
    top: 3000px;
}
.l8 {
    top: 3500px;
}
.l9 {
    top: 3600px;
}
#form_block h2.block-title3 {
    margin: -30px auto 20px;
    padding: 7px 45px 10px;
    font: normal normal bold 30px / 30px 'Eczar';
    max-width: 720px;
    width: 100%
}
#form_block .rules-row {
    margin-top: 00px;
}
#form_block .rules-row h3 {
    font-family: 'Eczar';
    font-size: 18px;
    color: #000000;
}
#form_block .t1 {
    font: normal normal 400 15px / 20px 'Eczar';
    letter-spacing: 0.5px;
    color: #fff;
    text-align: center;
    margin-bottom: 5px;
}
#form_block .media_type_general_block .t1 {
    font: normal normal 600 18px / 20px 'Eczar';
}
.tqrre {
    /*display: none;*/
    font: normal normal 400 32px / 32px 'Eczar';
    color: #fff;
    text-align: center;
}
#form_block .steps {
    margin-top: 20px;
}
#form_block .steps *{
    color: #0F821E !important;
    text-align: center !important;
}
#form_block .steps .t1 {
    font: normal normal normal 80px / 60px 'Eczar';
}
#form_block .steps .t1:after {
    content: "";
    display: block;
    width: 220px;
    height: 3px;
    background: #0F821E;
    margin: 15px auto;
}
#form_block .steps .t2 {
    font: normal normal 900 25px / 25px Eczar;
}
#form_block .steps .t3 {
    font: normal normal 900 16px / 16px Eczar;
}
#form_block .steps .t4 img {
    width: 220px;
    display: block;
    margin: 15px auto 0;
}
#form_block .t2 {
    margin-top: 23px;
    font: normal normal 400 13px / 16px 'Eczar';
    letter-spacing: 0px;
    color: #fff;
    text-align: left;
    margin-bottom: 0px;
}
#form_block .file-wrapper {
    max-width: 450px;
    margin: 0px auto 0;
}
#form_block .file-wrapper p {
    font: normal normal normal 22px/27px 'Eczar';
    letter-spacing: 0px;
    color: #FFFFFF;
    line-height: 38px;
}
#form_block .file-wrapper p img {
    max-width: 320px;
    display: block;
    margin: 0 auto;
}
#form_block .file-wrapper a{
    display: block;
    float: right;
    margin-top: 0px;
}
#form_block>.container {
    z-index: 1;
    position: relative;
}
#form_block .img52 {
    max-width: 320px;
    margin: 0 auto;
    display: block;
    width: 100%;
}
#form_block label {
    font: normal normal normal 14px / 14px 'Apex';
    letter-spacing: 0.5px;
    color: #ffffff;
    margin-bottom: 7px;
}
#form_block .animal_type {
    display: block;
    width: 781px;
    margin: 0 auto;
}
#form_block .animal_type img {
    margin: 0 10px;
    border: 3px solid transparent;
}
#form_block .animal_type .active {
    border: 3px solid #CAAB63;
}
#form_block textarea {
    border: 0px solid #000;
    height: 110px;
    color: #000;
    font: normal normal normal 18px / 20px 'Eczar';
    border-radius: 0px;;
}
#form_block textarea#type_ai {
    margin-top: 25px;
}
#form_block .type_ai {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
#form_block .type_description {
    max-width: 420px;
    margin: 0 auto;
}
#form_block #opis_file {
    display: none;
}
#form_block .global-message{
    visibility: visible;
    background: red;
    text-align: center;
    max-width: 320px;
    margin: -20px auto 0;
}
#form_block .receipt {
    margin: 15px 0 30px;
}
#form_block input[type="text"],
#form_block input[type="date"],
#form_block input[type="email"],
#form_block select {
    width: 100%;
    border: 2px solid #fff;
    height: 45px;
    color: #000;
    font: normal normal normal 18px / 20px 'Eczar';
    border-radius: 7px;
}
#form_block input[type="text"]:focus,
#form_block input[type="date"]:focus,
#form_block input[type="email"]:focus,
#form_block select:focus {
    border-color: #D8A561;
    -webkit-box-shadow: 0px 0px 10px rgba(216, 165, 97, 1);
    -moz-box-shadow: 0px 0px 10px rgba(216, 165, 97, 1);
    box-shadow: 0px 0px 10px rgba(216, 165, 97, 1);
}

#form_block .error {
    border-color: #F00 !important;
}
#form_block input.error,
#form_block #dropzone.error{
    background-color: #FFDADA;
}
#form_block .f1 {
    padding-right: 5px;
}
#form_block .f2 {
    padding-left: 5px;
}
#form_block textarea{
    font: normal normal normal 14px/20px 'Eczar';
}
#form_block #register_form{
    margin-top: 20px;
}
#form_block .reward {
    margin: 40px 0 -20px;
}
#form_block h2.block-title {
    position: relative;
    z-index: 2;
}
#form_block .form-wrapper2 {
    background-size: cover;
    padding: 100px 40px 20px;
    border-radius: 20px;
    margin: -120px auto 30px;
}
#form_block .img53 {
    width: 100%;
    margin: 0 15px 20px 0px;
}
#form_block .reward .radio-item {
    cursor: pointer;
}
#form_block .reward input{
    display: none;
}
#form_block .reward label::before {
    content: "";
    background-color: #fff;
    width: 15px;
    height: 15px;
    border: 1px solid #9A9B9D;
    border-radius: 0px;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 25px;
}
#form_block .reward input:checked+label::before {
    background-color: #f6b335;
    border-color: #fff;
}
#form_block .reward label{

}
#form_block .reward img{
    width: 70px;
    height: 70px;
}
#form_block .reward .radio-item span{
    text-align: left;
    font: normal normal 900 16px/22px 'Eczar';
    letter-spacing: 0px;
    color: #FFFFFF;
    display: inline-block;
    height: 50px;
    padding-top: 5px;
    margin-left: -5px;
}
#form_block .reward .error-message {
    margin-top: -20px;
    margin-bottom: 30px;
}
.p1 {
    width: 150px;
    position: absolute;
    left: 200px;
    top: 0;
}
.p2 {
    width: 150px;
    position: absolute;
    right: 200px;
    top: 0;
}
.p3 {
    width: 150px;
    position: absolute;
    left: 200px;
    top: 75px;
}
.p4 {
    width: 150px;
    position: absolute;
    right: 250px;
    top: 200;
}

.item_to_show-wrapper .item_to_show_2,
.item_to_show-wrapper .item_to_show_1{
    display:none;
}
.item_to_show-wrapper .active {
    display: block;
}
.field_selector-wrapper {

}
.field_selector-wrapper a {
    cursor: pointer;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D20107;
    border-radius: 3px;
    text-align: center;
    font: normal normal normal 20px/58px 'Eczar';
    letter-spacing: 0px;
    color: #D20107 !important;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: block;
    width: 100px;
    height: 45px;
    line-height: 1;
    padding: 10px 0px;
}
.field_selector-wrapper a:last-child {
    width: 125px;
}
.field_selector-wrapper a:hover,
.field_selector-wrapper a.active{
    background: #D20107;
    color: #fff !important;
}
.rules_accepted label span,
.selected_prize label span{
    display: block;
    padding-left: 25px;
    width: 100%;
}
.step2 .fresh_type_general_block .error-message {
    margin-top: -45px;
}
.step3 .fresh_type_general_block .error-message {
    margin-top: -25px;
}
.step4 .fresh_type_general_block .error-message {
    margin-top: -35px;
}
#form_block .fresh_type_description textarea {
    border: 1px solid #115328;
}
.fresh_type_general_block {
    margin-bottom: 25px;
}
#form_block .form-group {
    margin-bottom: 5px;
    position: relative;
}
#form_block .fresh_type_video .form-group {
    margin-bottom: 10px;
}
#form_block .media_type_selector {
    margin-bottom: 0px;
}
#form_block .media_type_selector>div>label,
#form_block .festival_selector>div>label,
#form_block .grgargg{
    font: normal normal normal 34px / 1 'Eczar';
    letter-spacing: 2px;
    color: #fff;
    text-align: center;
    display: block;
    margin: 25px auto 50px;
}
#form_block .media_type_selector>div>div label {
    font: normal normal normal 28px / 33px 'Eczar' !important;
    text-align: left;
    letter-spacing: 2px;
    color: #fff;
    margin: 0 3px;
    padding-left: 20px;
}
#form_block .media_type_selector .switch {
    margin: 0 3px;
    width: 70px !important;
    height: 25px;
}
#form_block .media_type_selector .switch .slider {
    background: #024d0b;
    border: none;
    border-radius: 20px;
}
#form_block .media_type_selector .switch .slider:before {
    height: 19px;
    width: 33px;
    left: 4px;
    bottom: 3.5px;
    border-radius: 30px !important;
    background-color: #d6001c;
}
#form_block .media_type_selector .switch input:checked + .slider:before {
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
}
#form_block .media_type_selector .toggle{
    width: 190px;
    margin: 15px auto 0px auto;
    padding-left: 20px;
}
#form_block .type_block>div {
    margin-top: 15px;
}
#form_block .custom-select2 {
    display: grid;
    grid-template-areas: "select";
    align-items: center;
    position: relative;
}
#form_block .custom-select2:before {
    content: "";
    width: 22px;
    height: 22px;
    margin-right: 10px;
    margin-top: 3px;
    position: absolute;
    left: 15px;
    top: 12px;
    background: url(../../images/design79/arrow-down.png) no-repeat 50% 15%;
    background-size: contain;
    /*border-left: 10px solid transparent;*/
    /*border-right: 10px solid transparent;*/
    /*border-top: 18px solid #000;*/
}
#form_block .custom-select2 select{
    appearance: none;
    outline: none;
    margin: 0;
    cursor: pointer;
    width: 100%;
    background: #fff;
    color: #000;
    letter-spacing: 0px;
    text-align: -webkit-left;
    text-align-last: left;
    -moz-text-align-last: left;
    -webkit-text-align-last: left;
    padding-left: 50px;
    font: normal normal bold 15px / 15px 'Eczar';
}
#form_block #dropzone {
    background: #ffffff url(../../images/design79/cloud.png) no-repeat 50% 15%;
    display: block;
    height: 80px;
    width: 100%;
    cursor: pointer;
    background-size: 35px;
    border: 2px solid #949494;
    border-radius: 7px;
}
#form_block #dropzone div {
    text-align: center;
    color: #555555;
    font: normal normal lighter 18px/16px 'Eczar';
}
#form_block #dropzone .text-1 {
    padding-top: 40px;
    text-align: center;
    font: normal normal normal 12px / 16px 'Apex';
    letter-spacing: 0px;
    color: #5c5c5c;
}
#form_block #dropzone .text-2 {
    font: normal normal normal 10px/14px 'Apex';
    color: #5c5c5c;
    text-align: center;
}
#form_block .festival_selector .row label{
    display: block;
    margin: 0 0 30px;
}
#form_block .festival_selector .row label.mayday {
    margin-bottom: 0;
}
#form_block .festival_selector .row label img {
    max-width: 280px;
    padding-left: 0;
    margin-top: 0;
    position: absolute;
    top: -85px;
}
#form_block .festival_selector input[type="radio"] {
    display: block;
    margin: 120px auto 30px;
}
#form_block .festival_selector input[type="radio"]:before,
#form_block .festival_selector input[type="radio"]:after{
    width: 20px;
    height: 20px;
    border-radius: 0;
    border: 1px solid #fff;
}
#form_block .festival_selector input[type="radio"]:checked::after {
    background: #d6001c;
    width: 18px;
    height: 18px;
    margin: -1px;
}
#form_block .festival_selector label span{
    font: normal normal normal 30px / 36px 'Eczar';
    letter-spacing: 2px;
    color: #fff;
    text-align: center;
    display: block;
    width: 100%;
}
.form-check-label2 {
    margin-bottom: 150px !important;
}
#fresh_type_description {
    height: 170px;
    border: 1px solid #035EA7;
    border-radius: 3px;

}
#form_block .rules_accepted .error-message ,
#form_block .fresh_type_general_block .error-message {
    text-align: left;
}
#form_block .fresh_type_general_block label {
    cursor: pointer;
}
.type_description>.form-group {
    position: relative;
}
.letter-counter {
    text-align: left;
    font-family: 'Eczar';
    font-size: 12px;
    color: #6fdd7c;
    position: absolute;
    left: 0px;
    bottom: -18px;
    font-weight: 600;
}
.type_ai .letter-counter {
    bottom: -20px;
}
.letter-counter.error,
.preview-wrapper>p.error {
    color: #ff0101 !important;
}
.media_type_general_block h3 {
    font: normal normal normal 40px / 1 'Kozel';
    color: #382818;
    margin-top: 20px;
    margin-bottom: -10px;
}
#form_block .actions button.animation_click {
    animation: submit_button 1s ease-in-out;
}
@keyframes submit_button {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.05) }
    100% { transform: scale(1); }
}
.game {
    display: block;
    width: 90%;
    margin: 0 auto;
}
.preview_area {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #9A9B9D;
    border-radius: 3px;
    height: 150px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.preview_area img {
    max-width: 100%;
    max-height: 100%;
}
.upload_button {
    font: normal normal normal 15px/14px 'Eczar';
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    background: transparent;
    border: 1px solid #FFDC93;
    text-decoration: none;
    cursor: pointer;
    padding: 12px 10px 14px;
    margin-top: 10px;
    display: inline-block;

    line-height: 14px;

}

input[type="radio"] {
    outline: none;
    background-color: #fff;
}
input[type="radio"]::before,
input[type="radio"]::after {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 0;
    border: 1px solid #0F821E;
    background: #fff;
    position: absolute;
    margin: -5px;
    background: #fff;
    position: absolute;
    margin: -2px;
    cursor: pointer;
}
.media_type_selector .checkboxes_wrapper {
    position: absolute;
    top: 47%;
    width: 42%;
    left: 29%;
}
.media_type_selector #type_1 {
    float: left;
}
.media_type_selector #type_1 {
    float: right;
}
.disabled_form_message {
    text-align: center;
    font-size: 20px;
    margin: 50px auto;
    background: #fff;
    padding: 10px;
}
#contact_form {
    margin-bottom: 30px;
}
#contact_form input[type="email"]{
    max-width: 330px;
    width: 100%;
    height: 55px;
    font-size: 16px;
}
#contact_form label{
    text-align: left;
    font: normal normal bold 28px/38px 'Eczar';
    letter-spacing: 0px;
    color: #FFFFFF;
}
#contact_form textarea{
    max-width: 330px;
    width: 100%;
    height: 150px;
    font: normal normal bold 16px/30px 'Eczar';
}
#contact_form .form-group {
    margin-bottom: 0px;
}
#contact_form button {
    background: #CF0F11;
    text-align: center;
    font: normal normal bold 22px/32px 'Eczar';
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    padding-top: 9px;
    outline: none;
    box-shadow: none;
    border: none;
}

.politika-wrapper,
.politika-wrapper span {
    font: normal normal 400 12px / 15px 'Eczar' !important;
    color: #fff !important;
    opacity: 0.5 !important;
}
.politika-wrapper .politika-modal {
    text-decoration: underline;
    opacity: 1 !important;
}

#register_form .step-title {
    text-align: center;
    font: normal normal bold 48px/55px 'Eczar';
    letter-spacing: 0px;
    color: #CF0F11;
    margin-top: -50px;
}
#register_form .step-title span {
    color: #115328;
}


input[type="radio"]:checked::after {
    background: #0F821E;
    width: 15px;
    height: 15px;
    margin: -2px;
}

.rules_accepted,
.selected_prize{
    clear: both;
}
.rules_accepted>.container {
    padding: 0px;
}
.rules_accepted .line,
.selected_prize .line{
    margin-bottom: 5px;
}
.rules_accepted input,
.selected_prize input{
    display: none;
}
.rules_accepted label,
.selected_prize label{
    font: normal normal bold 13px / 13px 'Apex' !important;
    letter-spacing: 0px;
    color: #FFFFFF;
    width: 100%;
}
.rules_accepted label a,
.selected_prize label a{
    text-decoration: none;
    cursor: pointer;
    color: #382818;
}
.rules_accepted label:before,
.selected_prize label:before{
    content: "";
    background-color: #fff;
    width: 15px;
    height: 15px;
    display: block;
    float: left;
    margin-right: 0px;
    margin-top: -2px;
    font-size: 14px;
    font-weight: bold;
    border: 2px solid #fff;
    border-radius: 3px;
    cursor: pointer;
}
.rules_accepted label i {
    padding-right: 3px;
}
.rules_accepted input:checked+label::before ,
.selected_prize input:checked+label::before{
    background: #D8A561;
    padding: 5px;
    border-color: #fff;
}
.rules_accepted,
.selected_prize{
    margin: 15px auto 0;
}
.fresh_type_block h3 {
    font: normal normal bold 28px/30px 'Eczar';
    letter-spacing: 0px;
    color: #CF0F11;
    margin-bottom: 30px;
}
.footer-wrapper {
    background: #d20006;
    padding-top: 50px;
}
.step1_hidden,
.step2_hidden{
    display: none !important;
}
.toggle_version_2 {
}
.toggle_version_2>div {
    padding: 0 20px 20px;
    max-width: 600px;
    margin: 0 auto;
}
.toggle_version_2>div>div {
    display: flex
;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.toggle_version_2 input[type="radio"]::before,
.toggle_version_2 input[type="radio"]::after{
    border: 2px solid #fff;
    background: #fff;
    width: 20px;
    height: 20px;
    margin-left: 0;
    margin-top: -5px;
}
.toggle_version_2 input[type="radio"]:checked::after {
    background: #ebbc50;
    margin: -5px -5px -5px 0px;
    width: 20px;
    height: 20px;
}
.toggle_version_2 label {
    cursor: pointer;
    font: normal normal 700 17px / 1 'Eczar' !important;
    padding-left: 10px;
}
.aspe-contacts img {
    display: block;
    margin: 0 auto 20px;
    height: 80px;
}
.aspe-contacts {
    margin-bottom: 30px;
}
.aspe-contacts a{
    font: normal normal bold 20px / 1 'Eczar';
    color: #382818;
    display: block;
    margin: 0 auto;
    text-align: center;
    text-decoration: none !important;
}
.aspe-contacts span {
    font: normal normal bold 12px / 1 'Eczar';
    color: #382818;
    display: block;
    margin: 5px auto 0;
    text-align: center;
}
.festival_selector .error-message,
.media_type_selector .error-message {
    text-align: center;
}

@media only screen and (max-width: 1200px) {
    .img3_1 {
        margin: -50px 0 0 35px;
        width: 290px;
    }
    .img3_2 {
        margin: -50px 0 0 77px;
        width: 215px;
    }
    .img3_3 {
        margin: -63px 0 0 63px;
        width: 215px;
    }
    .kozel {
        top: 35px;
        width: 200px;
    }
    #nagrody img {
        height: 300px;
    }
    .media_type_selector .checkboxes_wrapper {
        top: 46%;
    }
    .toggle_version_2>div {
        padding: 0 13px 20px;
    }
    .shop_logo {
        top: 220px;
    }
    .logos img {
        max-width: 120px;
        max-height: 70px;
    }
    #form_block input[type="text"],
    #form_block input[type="date"],
    #form_block input[type="email"],
    #form_block select {
        height: 40px;
    }
    #form_block .custom-select2:before {
        left: 16px;
        top: 13px;
    }
}

@media only screen and (max-width: 992px) {
    #form_block .btn-1{
        font: normal normal normal 25px / 1 'Eczar';
    }
    .img3_1 {
        margin: -45px 0 0 35px;
        width: 210px;
    }
    .img3_2 {
        margin: -45px 0 0 65px;
        width: 155px;
    }
    .img3_3 {
        margin: -55px 0 0 55px;
        width: 157px;
    }
    .img1 {
        width: 100%;
        max-width: 100%;
        margin-left: auto;
    }
    .img1_logo {
        width: 120px;
        top: 30%;
    }
    .site_id_1 .img1_logo {
        width: 160px;
        top: 31%;
        left: 56%;
    }

    #start {
        background: #f1ede4 url(../../images/design79/bg1.jpg) no-repeat center -330px;
    }
    .l1, .l2 {
        z-index: 2;
    }
    #nagrody img {
        height: 250px;
    }
    h2.block-title:before,
    h2.block-title:after {
        width: 40%;
    }
    h2.block-title:before {
        left: -15%;
    }
    h2.block-title:after {
        right: -15%;
    }
    #form_block .type_ai,
    #form_block .type_description {
        margin: 0 auto;
    }
    .type_ai .letter-counter {
        bottom: -15px;
        left: 0;
    }
    #form_block .type_ai>div {
        padding: 0px;
        max-width: 440px;
    }
    /*#form_block .ai_generated_items .images_list .item {*/
    /*    width: 140px;*/
    /*    height: 140px;*/
    /*    float: left;*/
    /*}*/
    /*#form_block .ai_generated_items .images_list .item[data-image-id="1"],*/
    /*#form_block .ai_generated_items .images_list .item[data-image-id="3"]{*/

    /*}*/
    /*#form_block .ai_generated_items .images_list .item[data-image-id="2"],*/
    /*#form_block .ai_generated_items .images_list .item[data-image-id="4"]{*/
    /*    float: right;*/
    /*}*/
    #form_block .ai_generated_items {
        margin-top: 50px;
    }
    /*#form_block .ai_generated_items .preview-wrapper {*/
    /*    width: 290px;*/
    /*    height: 290px;*/
    /*    margin-top: 30px;*/
    /*}*/
    .chat_image_preloader {
        width: 100%;
        height: 100%;
    }
    #nagrody div.n1,
    #nagrody div.n2,
    #nagrody div.n3 {
        max-width: 29%;
        flex: 0 0 29%;
    }
    #nagrody .timer-wrapper .t2,
    #nagrody .timer-wrapper .timer{
        width: 150px;
    }
    .shop_logo {
        top: 175px;
    }
    #nagrody .t2 {
        font: normal normal normal 12px / 17px 'Eczar';
    }
    .kontakt_image {
        margin-left: -70px;
    }
    #produkty #beer-slider .carousel-inner .carousel-item .item {
        width: 132px;
        padding: 10px 0;
        height: 340px;
    }
    #start .img13 {
        margin-top: -220px;
    }
    #start .gift1 {
        left: -25px;
    }
    #start .gift3 {
        right: -90px;
    }
    #form_block .animal_type {
        width: 660px;
    }
}

@media only screen and (max-width: 767px) {
    #nagrody {
        padding-bottom: 0px;
    }
    #form_block .btn-1{
        font: normal normal normal 18px / 1 'Eczar';
    }
    .kozel {
        display: none;
    }
    #zasady h2.block-title {
        margin-bottom: 0;
    }
    .img3 {
        display: block;
        width: 450px;
        left: calc(50% - 225px);
        margin-top: -43px;
        position: absolute;
    }
    .img3_1 {
        margin: 0 auto;
        width: 260px;
        display: block;
    }
    .img3_2 {
        margin: 0 auto;
        width: 210px;
        display: block;
    }
    .img3_3 {
        margin: 0 auto;
        width: 250px;
        display: block;
    }
    #start {
        background: #f1ede4 url(../../images/design79/bg1.jpg) no-repeat center 0;
        background-size: cover;
    }
    .aspe-contacts p {
        padding-left: 0;
    }
    html, body {
        background: var(--page-background-mobile);
    }
    .media_type_selector .checkboxes_wrapper {
        position: absolute;
        top: 0;
        height: 100%;
    }
    .media_type_selector #type_2 {
        float: right;
        position: absolute;
        left: 32%;
        top: 12%;
    }
    .media_type_selector #type_1 {
        position: absolute;
        left: 1%;
        top: 70%;
    }
    .nw,
    #nagrody .nw.visible img {
        transform: none !important;
        animation: none !important;
    }
    #nagrody img {
        animation: none !important;
        height: 350px;
    }
    #nagrody img.img2_3 {
        margin-top: -80px;
    }
    .regulamin-download {
        width: 100%;
        max-width: 260px;
        font: normal normal normal 16px / 1 'Eczar';
    }
    .aspe-contacts {
        margin-bottom: 0px;
    }
    #form_block .festival_selector .row label img {
        left: calc(50% - 130px);
    }
    #form_block .festival_selector .row label {
        display: block;
        margin: 0 0 125px;
    }
    #form_block .media_type_selector>div>div label {
        width: 230px;
    }
    #nagrody>.container {
        padding: 0;
        max-width: 100%;
    }
    .mobile-hide {
        display: none !important;
    }
    .desktop-hide {
        display: block !important;
    }
    .toggle_version_2>div {
        padding: 0 0px 20px;
        max-width: 100%;
    }
    .toggle_version_2>div>div {
        padding: 0px;
        margin-bottom: 15px;
    }
    .toggle_version_2 label {
        cursor: pointer;
        font: normal normal 700 14px / 1 'Eczar' !important;
    }
    .pt-m .t2 {
        padding-top: 20px;
    }
    #form_block .type_description {
        max-width: 100%;
    }
    #nagrody img.n_3 {
        margin: -60% auto -30%;
    }
    #zasady .z-wrap {
        width: 270px;
        display: flex
    ;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        margin: 0 auto;
    }
    #zasady .t1 {
        padding: 0px 15px 6px;
        margin: 0 auto;
    }
    #zasady .t2 {
        margin: 0px 0 0;
        font: normal normal bold 24px / 26px 'Eczar';
        text-align: center;
        padding-left: 15px;
        width: 170px;
    }
    #zasady .img-wr {
        width: 90px;
    }

    #form_block .steps .step1,
    #form_block .steps .step2 {
        margin-bottom: 50px;
    }
    #zasady {
        margin-bottom: 0px;
        background: #372817 url(../../images/design79/bg3_mobile.jpg) no-repeat 50% -30%;
        background-size: contain;
    }
    #zasady:after {
        margin-top: 30px;
    }
    h2.block-title {
        font: normal normal normal 70px / 70px 'Kozel';
        padding: 60px 30px 15px;
    }
    .small-description {
        margin-top: 50px;
    }
    .small-description p {
        font: normal normal normal 20px / 28px 'Apex';
        margin-bottom: 0;
        color: #f5efe9;
    }
    #nagrody .bg {
        width: calc(100% - 30px);
    }
    #nagrody .timer-wrapper .t2, #nagrody .timer-wrapper .timer {
        max-width: 320px;
        width: 100%;
    }
    #nagrody div.n1,
    #nagrody div.n2,
    #nagrody div.n3 {
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0 15px;
        margin: 0 0 30px;
    }
    #form_block .t2 {
        margin: 10px auto 15px;
    }
    h2.block-title:after {
        right: 0%;
    }
    h2.block-title:before {
        left: 0%;
    }
    h2.block-title:before, h2.block-title:after {
        width: 30%;
    }
    .divider {
        width: 85%;
    }
    #nagrody .n2 {
        padding-left: 15px;
    }
    .footer-wrapper {
        padding-top: 0px;
    }

    #form_block .img52 {
        max-width: 70%;
        margin-bottom: 50px;
    }

    .img4 {
        margin-bottom: 30px;
    }
    #nagrody .divider {
        margin-top: 30px;
        margin-bottom: 25px;
    }
    #zasady .circle {
        padding-top: 0px;
        height: 105px;
    }
    #zasady .circle-4 {
        height: 160px;
    }
    #start .logos {
        display: none;
        margin: 15px auto 0;
        z-index: 2;
    }
    #start .logos img {
        width: inherit;
    }
    #produkty .item {
        height: 380px;
        background-size: contain;
    }
    #form_block .receipt>label {
        display: none;
    }
    #form_block .receipt {
        margin: 25px 0;
    }
    #form_block .form-wrapper2 {
        padding-top: 200px;
        margin-top: -225px;
    }
    #form_block h2.block-title3 {
        margin-bottom: 0px;
    }
    #form_block .img51 {
        margin-top: 25px;
    }
    #form_block .reward span {
        font-size: 14px;
    }
    #form_block label {
        font-size: 14px;
        font-weight: 500;
    }
    #content> .footer-wrapper {
        /*margin-top: -200px;*/
        /*padding-top: 50px;*/
    }
    .p1 {
        left: 0;
        top: 130px;
        width: 100px;
    }
    .p2 {
        right: 0;
        top: 130px;
        width: 100px;
    }
    .p3,
    .p4 {
        display: none;
    }
    .img52,
    .img54{
        margin: 0 auto 20px;
    }
    main {
        overflow: hidden;
    }
    #start .link-1 {
        width: 280px;
        margin: 0 auto;
    }
    #start .link-1 .euro {
        margin: 0 10px;
    }
    .logos img {
        max-width: 100px;
    }
    #start .img13 {
        margin-top: -180px;
    }
    #start {
        padding-top: 50px;
        margin-bottom: 0px;
    }
    #zasady .container{
        max-width: 100%;
        margon: 0;
        padding: 0;
    }
    #start .img11{
        margin-bottom: 70px;
    }
    #start .gift1,
    #start .gift2,
    #start .gift3 {
        width: 100px;
    }
    #start .gift1 {
        left: 0;
        top: 85px;
    }
    #start .gift2 {
        position: absolute;
        left: 35%;
        top: -60px;
    }
    #start .gift3 {
        right: 50px;
        top: 150px;
    }
    #start .img11, #start .img12 {
        max-width: 100%;
    }
    #start .img0 {
        max-width: 240px;
        margin-top: -20px;
    }
    #start .black-bg{
        position: relative;
    }
    .img41 {
        width: 100%;
    }
    #start .black-bg:before {
        content: "";
        background: #000000 0% 0% no-repeat padding-box;
        opacity: 0.6;
        filter: blur(70px);
        display: block;
        width: 100%;
        height: 80px;
        position: absolute;
        margin-top: 17px;
        margin-left: 0px;
    }
    #start>.container {
        max-width: 100%;
        padding: 0px;
    }
    #form_block input[type="email"] {
        max-width: 100%;
    }

    .field_selector-wrapper a {
        margin: 0 auto 15px;
    }

    .circle-block {
        margin-bottom: 25px;
    }
    .circle-block:last-child {
        margin-bottom: 0px;
    }

    #nagrody {
        padding-top: 0px;
        margin-top: 0px;
        background-size: cover;
    }
    #nagrody .mobile{

    }
    #nagrody .mobile p{
        font: normal normal bold 30px/32px 'Eczar';
        color: #fff;
        text-align: center;
        margin-bottom: 25px;
    }
    #nagrody .mobile img:first-child{
        width: 180px;
        display: block;
        margin-bottom: 15px;
    }
    #nagrody .mobile img:last-child{
        width: 200px;
        display: block;
        margin-bottom: 70px;
    }
    #zasady p.t1 {
        text-align: center;
        color: #fdf8e2;
        margin-top: 5px;
    }
    .img6 {
        margin-bottom: 30px;
    }
    #nagrody .nagrody-block {
        margin-top: -30px;
    }
    #nagrody .t1 {
    }
    #nagrody .t2 {
        text-align: center;
        letter-spacing: 0px;
        color: #FFFFFF;
    }

    #form_block .pl-0,
    #form_block .pr-0 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    #form_block .media_type_selector {
        margin-bottom: 0px;
    }
    #register_form .general-data .error-message{
        margin-top: -15px;
    }
    #nagrody .nagrody-block {
        margin-bottom: 50px;
    }
    #contact_form input[type="email"] {
        height: 67px;
        max-width: 100%;
    }
    #contact_form textarea {
        max-width: 100%;
        height: 200px;
    }
    #contact_form button {
        margin: 0 auto;
        display: block;
    }
    #form_block .animal_type {
        width: 100%;
    }
    #form_block .animal_type img {
        display: block;
        margin: 0 auto 30px;
    }
    #form_block .file-wrapper p {
        text-align: center;
    }
    #form_block .file-wrapper a {
        float: none;
        width: 150px;
        margin: 20px auto 0;
    }
    #nagrody .nagrody-block-1 {

    }
    #nagrody .nagrody_logo {
        max-width: 280px;
        margin-top: -150px;
        margin-bottom: 30px;
    }
    #nagrody .nagrody-block:last-child {
        margin-bottom: 0px;
    }
    #zubr img {
        max-width: 100%;
    }
    #zubr p {
        font: normal normal normal 20px/24px 'Eczar';
    }
    .regulamin-wrapper {
        display: block;
    }
    .aspe-contacts .wr {
        display: flex;
        width: 280px;
        align-content: center;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        margin: 0 auto 50px;
    }
    .kjh3 {
        margin: 0 auto 30px;
        width: 225px;
    }
    #produkty .text-block {
        background-size: 300px;
        padding-bottom: 150px;
    }
}
@media only screen and (max-width: 576px) {
    h3 {
        font: normal normal normal 25px / 35px 'Apex';
    }
    #zasady:after {
        width: 280px;
    }
    .media_type_selector #type_2 {
        top: 27px;
        left: 95px;
    }
    .media_type_selector #type_1 {
        top: 175px;
        left: 58px;
    }
    .game {
        width: 240px;
        margin-left: calc(50% - 120px);
    }
    .media_type_selector .checkboxes_wrapper {
        position: absolute;
        top: 0;
        height: 100%;
        width: 240px;
        left: calc(50% - 120px);
    }
    /*.toggle_version_2 input[type="radio"]::before, .toggle_version_2 input[type="radio"]::after {*/
    /*    width: 13px;*/
    /*    height: 13px;*/
    /*    margin-top: 0px;*/
    /*}*/
    /*.toggle_version_2 input[type="radio"]:checked::after {*/
    /*    margin: 0px 0px 0px 0px;*/
    /*    width: 13px;*/
    /*    height: 13px;*/
    /*}*/
}
@media only screen and (max-width: 550px) {
    h2.block-title:before, h2.block-title:after {
        width: 25%;
    }
    h2.block-title:before {
        left: 0%;
    }
    h2.block-title:after {
        right: 0%;
    }
}
@media only screen and (max-width: 460px) {
    #form_block .ai_generated_items .images_list .item {
        width: 53px;
        height: 53px;
    }
    #form_block .ai_generated_items .preview-wrapper {
        width: 240px;
        height: 240px;
    }
    #form_block .type_ai>div,
    #form_block .rules_accepted {
        max-width: 310px;
    }
    .chat_image_preloader {
        overflow: hidden;
    }
}
@media only screen and (max-width: 450px) {
    #nagrody {
        margin-top: 0;
    }
    .toggle_version_2>div>div {
        display: flex;
    }
    h2.block-title {
        font: normal normal normal 60px / 60px 'Kozel';
        padding-top: 50px;
    }
    h3 {
        font: normal normal normal 20px / 25px 'Apex';
        padding: 10px 0 15px;
    }
}

@media only screen and (max-width: 370px) {
    h2.block-title {
        font: normal normal normal 50px / 50px 'Kozel';
    }
}