body { font-family: "bebas-neue-pro", sans-serif; font-style: normal; font-weight: 400; height: 100%; scroll-behavior: smooth; }
.page-id-265 #pagewrap {width: 100%; max-width: 100%;}
.blue { color: #049be1; }
.uppercase { text-transform: uppercase;}
.dejavu {font-family: "aktiv-grotesk", sans-serif; font-weight: 500; font-style: normal;}
.produkt_title .dejavu {font-weight: 600;}
#headerwrap { background-color: #fff; }
header #menu { position: absolute; width: 100%; text-align: center; text-transform: uppercase; font-weight: 500; }
#pagewrap { margin: 0 auto; }
#middlewrap {overflow-x: hidden;}
#produkty {position: relative; z-index: 1;}
header #menu a {text-decoration: none; color: #1c2a45; font-weight: 500;}
header #logo_cincin, #header #logo_freewolucja {position: absolute; z-index:999;}
header #logo_cincin img, header #logo_freewolucja img {max-width: 100%;}
.slider-content .wpb_wrapper { background-color: #fff; display: flex; transition: transform 0.5s ease-in-out; }
.slider-content .wpb_wrapper .wpb_raw_html .wpb_wrapper { display: block; }
.slider-content .slider-item { width: 100% !important; min-width: 100%; margin-left: 0; margin-right: 0; }
.slider-content .slider-item .vc_column-inner { padding: 0px; }
.slider-item .produkty_butelka { position: absolute; top: 0px; left: 0px; z-index: 999; width: 100%; text-align: center; }
.slider_button { position: absolute; cursor: pointer; z-index: 9999; }
.dotWhite { border: 1px solid #000; border-radius: 50%; display: inline-block; }
.dotBlack { border: 1px solid #000; background-color: #000; border-radius: 50%; display: inline-block; }
.produkt_title, .produkt_title2 { color: #049be1; font-weight: 600; text-transform: uppercase; letter-spacing: 0px; }
.produkt_subtitle { color: #1d2b45; text-transform: uppercase; font-weight: 600; }
.produkt_opis, .produkt_opis2, .produkt_opis3, .produkt_ocena, .produkt_temperatura { position: absolute; font-family: "lato", sans-serif; font-weight: 400; font-style: normal; color: #1d2b45; margin: 0 auto; }
.produkt_opis3 {text-align: center; color: #049be1; font-weight: 600; width: 100%;}
.produkt_icons {text-align: left; display: flex; align-items: center;}
.produkt_content {text-align: center;}
.ocena_skala, .ocena_kcal {display: inline-block;}
.produkt_content { position: relative; }
#nagrody #karta, #nagrody #zestawy {  display: inline-block; text-align: center; }
.nagrodyIle { color: #00a1e1; display: inline-block; }
.nagrodyOpis { display: inline-block; text-align: left; color: #1d2b45; }
.nagroda_txt { width: 100%; text-align: center; text-transform: uppercase; font-weight: 700;}
#zasady_krok1 {background-color: #caecff;}
#zasady_krok2 {background-color: #e6f0f7}
#zasady_krok3 {background-color: #8cd5ff}
#zasadyKonkursuTitle, #zasadyKonkursuBottom {position: absolute; left: 0px; width: 100%; text-align: center; color: #1c2a45; font-weight: 700;}
#zasadyKonkursuBottom {font-family: "lato", sans-serif; font-weight: 400; font-style: normal;}
#zasadyKonkursuBottom a {color: #1c2a45;}
.krok_title {color: #1c2a45; text-transform: uppercase; text-align: center; font-weight: 700;}
.krok_opis {color: #1d2b45; width: 100%; text-align: center; font-family: "lato", sans-serif; font-weight: 400; font-style: normal;} 
.wez_udzial_btn {cursor: pointer; display: inline-block; color: #fff; background-color: #0a428b; text-transform: uppercase; text-decoration: none; font-family: "bebas-neue-pro", sans-serif; font-style: normal; font-weight: 400;}
#freewolucjaContainer, #freewolucjaContainer_bg { position: absolute; text-align: center; color: #fff; font-family: "lato", sans-serif; font-weight: 400; font-style: normal; }
#freewolucjaContainer_bg { background-color: #0a428b; opacity: 0.6; height: 100%; }
#freewolucjaContainer div { font-family: "bebas-neue-pro", sans-serif; font-style: normal; font-weight: 400; height: 100%; scroll-behavior: smooth; }
#freewolucjaContainer strong {font-weight: 600;}
footer { text-align: center; position: relative; }
footer .title { text-transform: uppercase; color: #1c2a45; font-weight: 600; }
footer .subtitle { color: #1c2a45; font-weight: 600; }
footer .subtitle2 { color: #1c2a45; font-weight: 400; }
footer .menu a { color: #1c2a45; text-decoration: underline; }
.mobile {display: none;}
#menu_toogle { display: none; }
#overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; background: rgba(0, 0, 0, 0.7); justify-content: center; align-items: center; }
.overlay-content { position: relative; text-align: left; width: 100%; max-width: 100%; margin: 0 auto; margin-top: 0%; height: 100%; background: white; padding: 0px; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
iframe { margin-top: 0px; width: 100%; border: none; }
#closeOverlayBtn { display: inline-block; text-transform: uppercase; color: #1d2b45; background-color: #b9d9eb; position: relative; cursor: pointer; }

.ageGateContent, #formularzContent { display: flex; justify-content: center; align-items: center; border: 1px solid #8cd5ff;}
#age_gate { color: #1d2b45; text-align: center; border: 1px solid #bad9ed; border-radius: 20px; }
#age_gate .buttons { display: flex; flex-direction: row; justify-content: center; }
#age_gate #enter, #age_gate #exit { width: 100%; }
#age_gate #enter button { color: #fff; background-color: #0a428b; cursor: pointer;}
#age_gate #exit button { color: #1d2b45; background-color: transparent; border: 1px solid #0a428b; }
#age_gate .buttons button { display: block; margin: 0 auto; text-transform: uppercase; }
#formularzContent { color: #1c2a45; text-align: center; position: relative; }
input[type="text"] { border: 1px solid #b9d9eb; text-align: left; color: #1d2b45; }
input[type="text"]::placeholder { color: #1d2b45; }
input[type="checkbox"] { border: 2px solid #1d2b45; }
input[type="checkbox"]:checked::after { content: ''; position: relative; left: 3px; }
textarea { border: 1px solid #bad9ed; text-align: left; color: #1d2b45; }
textarea::placeholder { color: #1d2b45; }
label { color: #1d2b45; display: block;}
label a {color: #1d2b45;}
.submit { background-color: #0a428b; color: #fff; text-transform: uppercase; cursor: pointer;}
#formularzContent #zgody { font-family: "lato", sans-serif; font-weight: 500; font-style: normal; text-align: left; width: 100%; margin: 0 auto; color: #1c2a45}
#formularzContent .title {text-align: center; text-transform: uppercase; color: #0a428b; font-weight: 700;}
#formularzContent .subtitle {text-align: center; font-family: "lato", sans-serif; font-weight: 400; font-style: normal; color: #0a428b;}
.krok2Title {color: #1d2b45; font-weight: 700; text-transform: uppercase    ;}
html {height: 100%;}
/* .page-id-120 {height: 100%; display: flex; align-items: center;} */
#bladDanych { display: none; }
.upload-form { display: inline-block; background-color: #fff; border: 2px solid #0a428b; }
.upload-form label { display: flex; flex-flow: column; justify-content: center; align-items: center; border: none; color: #000000; padding: 0; margin: 0; cursor: pointer; font-family: "lato", sans-serif; font-weight: 500; font-style: normal;}
.upload-form label i { padding: 0.25rem 0; color: #0c7ce5; }
.upload-form label .wgraj { background-color: #0a428b; color: #fff; text-transform: uppercase;; width: 100%; font-family: "bebas-neue-pro", sans-serif; font-style: normal; font-weight: 400;}
.upload-form input[type="file"] {display:none; appearance: none; visibility: hidden; height: 0; width: 0; padding: 0; margin: 0; }
.upload_result { display: flex; gap: 0.5rem; padding: 0.5rem; align-content: center; }
.upload_result * { font-size: 0.5rem; }
.upload_result .ph-file { font-size: 1.5rem; }
.upload_result span { display: block; }
.upload_result .file-details { display: flex; flex-flow: column; justify-content: center; align-items: center; gap: 0.25rem; flex: 1 }
.upload_result .file-details span.file-name { color: #000000; font-weight: 600; }
.upload_result .file-details span.file-size { color: #a0aeba; }
.upload_result .progress-bar { overflow: hidden; border: 2px solid #049be1; }
.upload_result .progress-bar .progress { height: 100%; background-color: #049be1; }
.upload_result .upload-result { display: flex; justify-content: flex-end; align-items: center; gap: 0.25rem; }
.upload_result .upload-result .ph-circle-notch { -webkit-animation: rotate 2s linear infinite; -moz-animation: rotate 2s linear infinite; -ms-animation: rotate 2s linear infinite; -o-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; font-size: 1rem; }
.upload_result .upload-result .ph-check-circle { color: #23c925; font-size: 1rem; }
.upload_result .upload-result .ph-x-circle { color: #c94647; font-size: 1rem; }
.progress-value {font-weight: 700;}
.file-name {font-family: "lato", sans-serif; font-weight: 500; font-style: normal;}
.wyslijZgloszenie:disabled {background-color: #9db3d1; border: none;}
#krok3 .subtitle {font-family: "lato", sans-serif; font-weight: 300; font-style: normal; color: #1c2a45;}
.age-gate-wrapper  { justify-content: center; }
#age_gate #txt4 {font-family: "lato", sans-serif; font-weight: 300; font-style: normal;}
.krok_opis a {text-decoration: underline; color: #1d2b45;}
.materialy {font-family: "lato", sans-serif; font-weight: 400; font-style: normal; width: 100%; text-align: center;}
.materialy a {text-decoration: underline; color: #1c2a45;}
#konkurs_zakonczony {display: none !important;}

.nagroda_txt1 {text-align: center; font-weight: 700; text-transform: uppercase;}
.nagroda_txt2 {text-align: center; font-family: "lato", sans-serif; font-weight: 300; font-style: normal;}
.nagroda_txt3 {text-align: center; font-weight: 700; color: #049be1; text-transform: uppercase;}

#nagroda_hotele {background-color: #caecff; text-align: center; font-weight: 700; text-transform: uppercase;}
#nagroda_hotele .small {font-family: "lato", sans-serif; font-weight: 400; font-style: normal; text-transform: none;}

#nagroda_hotele #hotel1, #nagroda_hotele #hotel2, #nagroda_hotele #hotel3, #nagroda_hotele #hotel4 {position: absolute; z-index: 999;}

#sprawdz_szczegoly_btn {position: absolute; width: 100%; text-align: center; bottom: 0px; left: 0px;} 

.materialy_title, .materialy_title2 {font-weight: 800; text-transform: uppercase; text-align: center;}
.materialy_subtitle {font-family: "lato", sans-serif; font-weight: 400; text-align: center;}

.materialy_bg1 {background-color: #f2f8fd;}
.materialy_bg2 {background-color: #e6f2fb;}

.materialy_items {display: flex; justify-content: center;}
.materialy_items .item {position: relative; aspect-ratio: 285/320; border: 1px solid #0a428b; display: flex; align-items: center; justify-content: center;}
.materialy_items .item .title {color: #049be1; text-align: center; position: absolute; left: 0px; width: 100%; text-transform: uppercase;}
.materialy_items .item .button {position: absolute; bottom: 0px; color: #fff; text-align: center; width: 100%; background-color: #0a428b; cursor: pointer; text-decoration: none;}


#nagrody_tygodniowe {background-color: #cbecff;}
#nagrody_miesieczne {background-color: #e6f3fb;}
#nagrody_opis {text-align: center; font-weight: 700; text-transform: uppercase;}

#nagrody_tygodniowe .title, #nagrody_miesieczne .title {text-align: center; text-transform: uppercase; font-weight: 700;}
.galeria {margin: 0 auto; position: relative; overflow: hidden;}
.galeria .galeria-content { display: flex; transition: transform 0.5s ease-in-out}
.galeria .slide {display: flex; flex-wrap: wrap; min-width: 100%;}
div.nagroda {order: 0; display: flex; align-items: center; flex-direction: row-reverse; justify-content: center;}
div.nagroda img {/*position: absolute;*/ right: 0px;}
.galeria .slide div.row1 {order: 1}
.galeria .slide div.etap {order: 2}
.galeria .slide div.row2 {order: 3}
.galeria .slide div.item .image {width: 100%; aspect-ratio: 285/252; background-size: cover; background-repeat: no-repeat; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.galeria .slide div.item {aspect-ratio: 285/285; position: relative;}
div.item.nagroda {/*aspect-ratio: 588/285;*/ font-weight: 700; text-transform: uppercase;}
.galeria .slide div.item .name {text-transform: uppercase; color: #0a428b; font-weight: 700; position: absolute; bottom: 0px;}  
.galeria .slide div.item.etap {background-color: #049be0; color: #fff; font-weight: bold; text-transform: uppercase; position: relative;}
.galeria .slide div.item.etap span {position: absolute;}
.galeria .arrow_left, .galeria .arrow_right {position: absolute; cursor: pointer;}
#nagroda_baner_top .vc_column-inner, #nagroda_baner_top_mobile .vc_column-inner, #nagroda_baner_bottom .vc_column-inner, #nagroda_baner_bottom_mobile .vc_column-inner {padding-top: 0px;}
.galeria_title { position: absolute; font-weight: 700; width: 100%; text-align: center; color: #fff; text-transform: uppercase; }
.galeria_btn {position: absolute; text-align: center; width: 100%;}
.galeria_btn .btn { text-transform: uppercase; font-weight: 700; background-color: #fff; color: #1d2b45; display: inline-block; cursor: pointer;}
#nagrody_overlay {border: 1px solid #000; background-color: #fff; position: fixed; display: none;}
#nagrody_overlay .close {position: absolute; cursor: pointer;}

#drinki .vc_column_container>.vc_column-inner {padding-left: 0px; padding-right: 0px;}

#drinki_opis {display: flex;}
#drinki_opis .wpb_wrapper, #drinki_opis .wpb_wrapper .wpb_raw_code {height: 100%;}
#drinki_opis .wpb_wrapper .wpb_raw_code .wpb_wrapper {display: flex; align-items: center; flex-direction: column; justify-content: center;}

.wez_udzial {cursor: pointer; margin-left: 15px;}

#drinki .title {font-family: "bebas-neue-pro", sans-serif; font-style: normal; font-weight: 600; text-align: center;}
#drinki .desc {font-family: "lato", sans-serif; font-weight: 400; font-style: normal; text-align: center;}

#widget {background-image: url('/wp-content/uploads/2025/07/bg_widget.png'); width: 100%; aspect-ratio: 1476/649; background-size: contain; background-repeat: no-repeat; display: flex; position: absolute; left: 0px; z-index: 999; align-items: center; flex-direction: column;}
#widget .title {text-transform: uppercase; text-align: center; color: #1d2b45; font-weight: 600; }
#widget .butelki img {cursor: pointer;}
#widget .butelki img:hover {filter: brightness(1.1);}
#widget_close {cursor: pointer;}
#widget_content2 {display: none;}
#widget_content2 {overflow: hidden; position: relative;}

#nagroda_glowna_baner {z-index: 9999;}
#nagroda_glowna_baner_txt {background-color: #0a428b; text-align: center;}
#nagroda_glowna_baner_txt .title {text-transform: uppercase; font-weight: 600;}
#nagroda_glowna_baner_txt .title, #nagroda_glowna_baner_txt .subtitle {color: #8cd5ff}
#nagroda_glowna_baner_txt .subtitle {font-family: "lato", sans-serif; font-weight: 400; font-style: normal;}

@media (min-width: 1440px) {
    #age_gate { width: 1360px; padding: 60px 50px 55px 50px; border: 1px solid #bad9ed; border-radius: 20px; }
    #age_gate .font18 { font-size: 18px; line-height: 28px;}
	#age_gate .font36 { font-size: 36px; line-height: 36px;}
	#age_gate .font60 { font-size: 60px; font-weight: 700; text-transform: uppercase;}
	#age_gate #txt2 { font-weight: 700; margin-top: 100px; }
	#age_gate #txt3 { font-weight: 700; margin-top: 60px; }
	#age_gate #txt4 { margin-top: 90px; }
	#age_gate .buttons { display: flex; flex-direction: row; justify-content: center; }
	#age_gate .buttons button { width: 315px; padding: 15px; margin-top: 25px; font-size: 36px;}

    #closeOverlayBtn { font-size: 36px; padding: 15px 40px; position: absolute; top: 30px; left: 35px; }
    header #menu { top: 60px; left: 0px; font-size: 30px; }
    header #menu a { margin: 0px 12px; font-size: 28px; line-height: 28px;}
    #headerwrap { height: 130px; }
    header #logo_cincin { top: 32px; left: 100px; width: 84px; }
    header #logo_freewolucja { top: 55px; right: 60px; width: 152px;}
    #pagewrap { max-width: 1440px; } 
    .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {margin-bottom: 0px;}
    .slider-content .wpb_wrapper {height: 100%;}
    .slider-item .produkty_butelka { top: -90px; }
    .slider_button { top: 50%; }
    .slider_button.left {width: 38px; left: 70px;}
    .slider_button.right {width: 38px; right: 70px;}
    .dotWhite, .dotBlack {width: 15px; height: 15px;}
    .produkt_html {width: 100%;}
    .produkt_content { margin-left: 130px; width: 550px; height: 100%; padding: 125px 0px 0px 0px; }
    .produkt_title { font-size: 80px; line-height: 80px;}
    .produkt_subtitle { font-size: 36px; }
    .produkt_opis, .produkt_ocena, .produkt_temperatura { font-size: 22px; line-height: 26px; width: 100%}
    .produkt_title2 { font-size: 70px; line-height: 70px; margin-left: -13%; width: 115%; }
    .produkt_opis2 { font-size: 20px; line-height: 24px; width: 100%;margin-left: -13%; width: 115%; }
    .produkt_opis3 { font-size: 28px; line-height: 30px; width: 100%; top: 410px; margin-left: -13%; width: 115%; }
    .produkt_icons { font-size: 15px; line-height: 18px; margin-top: 40px; /*margin-left: -10%; width: 115%;*/ column-gap: 20px;}
    .produkt_icons img {width: 70px;}
    .produkt_opis, .produkt_temperatura { margin-top: 30px; }
    .produkt_opis {top: 275px;}
    .produkt_opis2 {top: 225px;}
    .produkt_ocena { margin-top: 80px; }
    .produkt_ocena, .produkt_temperatura { font-size: 18px; }
    .produkt_ocena .small { font-size: 16px; margin-left: 10px;}
    .produkt_temperatura { bottom: 70px;}
    .produkt_ocena { bottom: 110px; }
    #cincin_aperitivo_free {width: 240px;}
    #cincin_klasyk {width: 336px;}
    #cincin_rose {width: 335px;}
    #cincin_sauvignon_blanc {width: 342px;}
    #cincin_cavernet_sauvignon {width: 342px;}
    #cincin_pinot_grigo {width: 344px;}
    #cincin_primitivo {width: 342px;}
    .nagroda_karta { margin-top: 50px; }
    .nagroda_zestaw {margin-top: -50px; }
    .nagroda_karta img {width: 364px; }
    .nagroda_zestaw img {width: 326px; }
    .nagroda_txt { margin-top: 50px; margin-bottom: 50px; }
    .nagrodyIle { font-size: 214px; margin-right: 10px; }
    .nagrodyIle_small { font-size: 140px;}
    .nagrodyOpis { font-size: 36px; line-height: 36px; }
    .zasadyKroki {padding-top: 200px; padding-bottom: 220px;}
    #zasady_krok1 img {width: 204px;}
    #zasady_krok2 img {width: 205px;}
    #zasady_krok3 img {width: 225px;}
    .krok_title {font-size: 36px; line-height: 36px; margin-top: 30px;}
    .krok_title .numer {font-size: 60px;}
    .krok_opis {margin-top: 25px; font-size: 22px; line-height: 28px;}
    .krok_opis .materialy {font-size: 14px;}
    .wez_udzial_btn {font-size: 36px; line-height: 62px; padding: 0px 30px; margin: 40px 0px;}
    #zasadyKonkursuTitle {top: 85px; font-size: 66px;}
    #zasadyKonkursuBottom {top: 620px; font-size: 14px;}
    #freewolucjaContainer, #freewolucjaContainer_bg { top: 0px; width: 50%; }
    #freewolucjaContainer img {width: 409px;}
    #freewolucjaContainer { padding-top: 40px; font-size: 22px; line-height: 28px; }
    #freewolucjaContainer p { width: 430px; margin: 0 auto; }
    #freewolucjaContainer div { font-size: 36px; line-height: 52px; font-weight: 300; }    
    footer { margin-top: 90px; padding-bottom: 70px; }
    footer .title { margin-top: 35px; font-size: 55px; }
    footer .subtitle { margin-top: 45px; font-size: 22px; }
    footer .subtitle2 { margin-top: 20px; font-size: 20px; }
    footer .menu { margin-top: 25px; }
    footer .menu a { font-size: 20px; margin: 0px 10px; }
    iframe { height: 100%; }
    #formularzContent {width: 1220px; margin: 40px auto; padding: 30px 75px;}
    #formularzContent #zgody {margin-top: 40px;}
    #formularzContent .title {font-size: 60px; line-height: 60px;}
    #formularzContent .subtitle {font-size: 27px; line-height: 30px; margin-top: 15px; margin-bottom: 40px;}
    #formularzContent #imieTxt {width: 370px; }
	#formularzContent #emailTxt {width: 620px; }
    #zgody div {margin-top: 10px;}
    input[type="text"] { padding: 20px 30px; font-size: 36px; margin-right: 35px; }
	input[type="checkbox"] { width: 20px; height: 20px; float: left;}
	textarea {	font-size: 36px; width: 1060px; aspect-ratio: 1060/320; padding: 15px; }
	label { font-size: 18px; margin-left: 30px; line-height: 28px; }
    #krok1 label {position: relative; top: -2px;}
	.submit { width: 320px; padding: 20px 0px; margin-top: 45px; font-size: 36px; }
    .krok2Title {font-size: 36px; line-height: 62px;}
    .upload-form { width: 320px;}
    #upload_image {margin-right: 180px;}
    #upload_image img {margin-top: 40px;}
    #upload_video img {margin-top: 40px;}
    .upload_result {margin-top: 20px;}
    .upload_result .progress-bar { width: 675px; height: 12px; border-radius: 7px;} 
    .progress-value {font-size: 36px; line-height: 36px; margin-top: 35px;}
    .file-name {font-size: 18px; line-height: 28px; margin-top: 20px;}
    .wyslijZgloszenie {margin-top: 35px;}
    .upload-form label {font-size: 22px; line-height: 28px;}
    .upload-form label .small {font-size: 18px;}
    .upload-form label .wgraj {font-size: 36px; line-height: 62px;}
    #krok3 .title {font-size: 90px; line-height: 90px;}
    #krok3 .subtitle {font-size: 27px; line-height: 30px; margin-top: 70px;}
    #preview img {max-width: 290px;}

    .baner_title {font-size: 80px; line-height: 70px !important;}
    .baner_subtitle {font-size: 52px; line-height: 48px !important;}

    .baner2_title {font-size: 60px; line-height: 60px !important;}
    .baner2_title .small {font-size: 48px; line-height: 48px !important;}

    .nagroda_txt1 {font-size: 72px; line-height: 40px; margin-top: 90px;}
    .nagroda_txt2 {font-size: 22px; line-height: 28px; margin-top: 25px;}
    .nagroda_txt3 {font-size: 60px; line-height: 48px; margin-top: 70px; margin-bottom: 50px;}
    .nagroda_txt1 .arrow_right {width: 149px; position: relative; top: 45px;}
    .nagroda_txt1 .arrow_left {width: 149px; position: relative; top: 45px;}

    #nagroda_hotele {font-size: 36px; line-height: 34px; padding: 80px 0px;}
    #nagroda_hotele .small {font-size: 22px; line-height: 28px;}
    #nagroda_hotele #hotel1 {top: -70px; left: -90px; width: 451px;}
    #nagroda_hotele #hotel2 {top: -115px; left: 200px; width: 393px;}
    #nagroda_hotele #hotel3 {top: -80px; right: 200px; width: 393px;}
    #nagroda_hotele #hotel4 {top: -115px; right: -90px; width: 457px;}
    #sprawdz_szczegoly_btn {bottom: 20px;}
    #sprawdz_szczegoly_btn a img {max-width: 425px;}

    .materialy_title {font-size: 80px; line-height: 50px; margin-top: 65px}
    .materialy_subtitle {font-size: 22px; line-height: 28px; margin-top: 25px;}
    .materialy_title2 {font-size: 60px; line-height: 50px; margin-top: 65px;}

    .materialy_bg1, .materialy_bg2 {padding-bottom: 85px;}
    .materialy_items {margin-top: 40px; column-gap: 15px;}
    .materialy_items .item {width: 285px; }
    .materialy_items .item .title {font-size: 30px; line-height: 30px; top: 20px;}
    .materialy_items .item .button {font-size: 36px; line-height: 62px;}
    .materialy_freewolucja {width: 208px;}
    .materialy_cincin {width: 104px;}
    .materialy_ramka_jasna_3_4, .materialy_ramka_ciemna_3_4 {width: 121px;}
    .materialy_ramka_jasna_9_16, ..materialy_ramka_ciemna_9_16 {width: 108px;}
    .materialy_ramka_jasna_poziom_3_4, .materialy_ramka_jasna_poziom_9_16, .materialy_ramka_ciemna_poziom_3_4, .materialy_ramka_ciemna_poziom_9_16 {width: 192px;}


    #nagrody_opis {padding-top: 110px; font-size: 80px; line-height: 70px;}
    #nagrody_tygodniowe .title, #nagrody_miesieczne .title {margin-top: 50px; font-size: 60px; line-height: 50px}
    .galeria {width: 1188px; margin-top: 55px; padding-bottom: 110px;  }
    .galeria .slide {column-gap: 15px; row-gap: 15px;}
    #nagrody_tygodniowe .galeria .slide div.item {width: calc(25% - 15px);}
    #nagrody_miesieczne .galeria .slide div.item {width: calc(33.33% - 15px);}
    /* .galeria .slide div.nagroda {width: calc(50% - 15px); */
    div.nagroda {column-gap: 40px; margin-bottom: 30px}
    div.nagroda .nagroda_opis {font-size: 36px; line-height: 36px; /*width: 100%;*/}
    div.nagroda .nagroda_opis .ile {font-size: 164px; line-height: 100px;}
    div.nagroda .nagroda_opis .ile .small {font-size: 136px;}
    div.nagroda .galeria_nagroda_zestaw {width: 349px;}
    div.nagroda .galeria_nagroda_karta {width: 304px;}
    .galeria .slide div.item .name {font-size: 30px; line-height: 20px; width: 100%;}
    .galeria .slide div.item.etap span {font-size: 60px; line-height: 50px; left: 35px; bottom: 30px;}
    .galeria .arrow_left, .galeria .arrow_right {bottom: 35px;}
    .galeria .arrow_left {left: 0px;}
    .galeria .arrow_right {right: 15px;}
    .galeria_title {font-size: 80px; line-height: 50px; top: 40px;}
    .galeria_btn {bottom: 115px;}
    .galeria_btn .btn {font-size: 60px; line-height: 50px; padding: 20px 50px;}
    .galeria .item .play_btn {width: 63px;}

    #nagrody_overlay {top: 10vh; left: 50%; transform: translate(-50%, 0%); padding: 20px;}
    #nagrody_overlay .close {top: -20px; right: -20px;}
    #nagrody_overlay img, #nagrody_overlay video {max-width: 1300px; max-height: 80vh;}
    .wez_udzial {cursor: pointer; margin-left: 15px;}

    #drinki .title {font-size: 66px; line-height: 66px;}
    #drinki .desc {font-size: 22px; line-height: 28px; padding-top: 22px; padding-bottom: 35px;}
    #btn_drinki_pobieram {width: 214px;}

    #btn_podaj_dalej {width: 243px;}
    #btn_wez_udzial {width: 214px;}

    #widget {top: 22px; padding-top: 100px;}
    #widget .title {font-size: 56px; line-height: 56px;}
    #widget .butelki {margin-top: 40px;}
    #widget_close {position: absolute; right: 200px; top: 100px;}

    #widget_close {width: 55px;}
    #widget_img1 {width: 111px}
    #widget_img2 {width: 112px}
    #widget_img3 {width: 115px}
    #widget_img4 {width: 115px}
    #widget_img5 {width: 116px}
    #widget_img6 {width: 111px}

    #widget_content2 {width: 800px; height: 493px;}
    #widget_toast1 {position: absolute; top: 80px; left: -500px;}
    #widget_toast2 {position: absolute; top: 75px; right: -500px;}

    #nagroda_glowna_baner_txt {margin-top: -40px; padding-top: 70px; padding-bottom: 60px;}
    #nagroda_glowna_baner_txt .title {font-size: 66px; line-height: 72px;}
    #nagroda_glowna_baner_txt .subtitle {font-size: 22px; line-height: 28px;}

}

@media (min-width: 768px) and (max-width: 1439px) {
    #age_gate { width: 98vw; padding: 4.167vw 3.472vw 3.819vw 3.472vw; border: 1px solid #bad9ed; border-radius: 1.389vw; }
    #age_gate .font18 { font-size: 1.25vw; line-height: 1.944vw;}
	#age_gate .font36 { font-size: 2.5vw; line-height: 2.5vw;}
	#age_gate .font60 { font-size: 4.167vw; font-weight: 700; text-transform: uppercase;}
	#age_gate #txt2 { font-weight: 700; margin-top: 6.944vw; }
	#age_gate #txt3 { font-weight: 700; margin-top: 4.167vw; }
	#age_gate #txt4 { margin-top: 6.25vw; }
	#age_gate .buttons { display: flex; flex-direction: row; justify-content: center; }
	#age_gate .buttons button { width: 21.875vw; padding: 1.042vw; margin-top: 1.736vw; font-size: 2.5vw;}

    #closeOverlayBtn { font-size: 1.875vw; padding: 0.781vw 2.083vw; position: absolute; top: 1.563vw; left: 35px; }
    header #menu { top: 4.167vw; left: 0px; font-size: 2.083vw; }
    header #menu a { margin: 0px 0.833vw; font-size: 1.944vw; line-height: 1.944vw;}
    #headerwrap { height: 9.028vw; }
    header #logo_cincin { top: 2.222vw; left: 6.944vw; width: 5.833vw; }
    header #logo_freewolucja { top: 3.819vw; right: 4.167vw; width: 10.556vw;}
    #pagewrap { max-width: 100%; } 
    .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {margin-bottom: 0px;}
    .slider-content .wpb_wrapper {height: 100%;}
    .slider-item .produkty_butelka { top: -6.25vw; }
    .slider_button { top: 50%; }
    .slider_button.left {width: 2.639vw; left: 4.861vw;}
    .slider_button.right {width: 2.639vw; right: 4.861vw;}
    .dotWhite, .dotBlack {width: 1.042vw; height: 1.042vw;}
    .produkt_html {width: 100%;}
    .produkt_content { margin-left: 9.028vw; width: 38.194vw; height: 100%; padding: 8.681vw 0px 0px 0px; }
    .produkt_title { font-size: 5.556vw; line-height: 5.556vw;}
    .produkt_subtitle { font-size: 2.5vw; }
    .produkt_opis, .produkt_ocena, .produkt_temperatura { font-size: 1.528vw; line-height: 1.806vw; width: 100%}
    .produkt_title2 { font-size: 4.861vw; line-height: 4.861vw; margin-left: -13%; width: 115%; }
    .produkt_opis2 { font-size: 1.389vw; line-height: 1.667vw; width: 100%;margin-left: -13%; width: 115%; }
    .produkt_opis3 { font-size: 1.944vw; line-height: 2.083vw; width: 100%; top: 28.472vw; margin-left: -13%; width: 115%; }
    .produkt_opis2 {top: 15.625vw;}
    .produkt_icons { font-size: 1.042vw; line-height: 1.25vw; margin-top: 2.778vw; /*margin-left: -10%; width: 115%;*/ column-gap: 1.389vw;}
    .produkt_icons img {width: 4.861vw;}
    #cincin_aperitivo_free {width: 16.667vw;}

    .produkt_opis, .produkt_temperatura { margin-top: 2.083vw }
    .produkt_opis {top: 19.097vw;}
    .produkt_ocena { margin-top: 5.556vw; }
    .produkt_ocena, .produkt_temperatura { font-size: 1.25vw; }
    .produkt_ocena .small { font-size: 1.111vw; margin-left: 0.694vw;}
    .produkt_temperatura { bottom: 4.861vw;}
    .produkt_ocena { bottom: 7.639vw; }
    #cincin_klasyk {width: 23.333vw;}
    #cincin_rose {width: 23.264vw;}
    #cincin_sauvignon_blanc {width: 23.75vw;}
    #cincin_cavernet_sauvignon {width: 23.75vw;}
    #cincin_pinot_grigo {width: 23.889vw;}
    #cincin_primitivo {width: 23.75vw;}
    .nagroda_karta { margin-top: 3.472vw; }
    .nagroda_zestaw {margin-top: -3.472vw;}
    .nagroda_karta img {width: 25.278vw; }
    .nagroda_zestaw img {width: 34.722vw; }
    .nagroda_txt { margin-top: 3.472vw; margin-bottom: 3.472vw; }
    .nagrodyIle { font-size: 14.931vw; margin-right: 0.694vw; }
    .nagrodyIle_small { font-size: 9.5vw;}
    .nagrodyOpis { font-size: 2.5vw; line-height: 2.5vw; }
    .zasadyKroki {padding-top: 13.889vw; padding-bottom: 15.278vw;}
    #zasady_krok1 img {width: 14.167vw;}
    #zasady_krok2 img {width: 14.236vw;}
    #zasady_krok3 img {width: 15.625vw;}
    .krok_title {font-size: 2.5vw; line-height: 2.5vw; margin-top: 2.083vw;}
    .krok_title .numer {font-size: 4.167vw;}
    .krok_opis {margin-top: 1.736vw; font-size: 1.528vw; line-height: 1.944vw;}
    .krok_opis .materialy {font-size: 0.972vw;}
    .wez_udzial_btn {font-size: 2.5vw; line-height: 4.306vw; padding: 0px 2.083vw; margin: 2.778vw 0px;}
    #zasadyKonkursuTitle {top: 5.903vw; font-size: 4.583vw;}
    #zasadyKonkursuBottom {top: 43.056vw; font-size: 0.972vw;}
    #freewolucjaContainer, #freewolucjaContainer_bg { top: 0px; width: 50%; }
    #freewolucjaContainer { padding-top: 2.778vw; font-size: 1.528vw; line-height: 1.944vw; }
    #freewolucjaContainer img {width: 28.403vw;}
    #freewolucjaContainer p { width: 34.722vw; margin: 0 auto; }
    #freewolucjaContainer div { font-size: 2.5vw; line-height: 3.611vw; font-weight: 300; }
    footer { margin-top: 6.25vw; padding-bottom: 4.861vw; }
    footer .title { margin-top: 2.431vw; font-size: 3.819vw; }
    footer .subtitle { margin-top: 3.125vw; font-size: 1.528vw; }
    footer .subtitle2 { margin-top: 1.389vw; font-size: 1.389vw; }
    footer .menu { margin-top: 1.736vw; }
    footer .menu a { font-size: 1.389vw; margin: 0px 0.694vw; }
    /* iframe { height: calc(100% - 3.472vw); } */
    iframe { height: 100%; }
    #formularzContent {width: 99vw; margin: 2.778vw auto; padding: 2.083vw 5.208vw;}
    #formularzContent #zgody {margin-top: 2.778vw;}
    #formularzContent .title {font-size: 4.167vw; line-height: 4.167vw;}
    #formularzContent .subtitle {font-size: 1.875vw; line-height: 2.083vw; margin-top: 1.042vw; margin-bottom: 2.778vw;}
    #formularzContent #imieTxt {width: 33.094vw; }
	#formularzContent #emailTxt {width: 50.056vw; }
    #zgody div {margin-top: 0.694vw;}
    input[type="text"] { padding: 1.389vw 2.083vw; font-size: 2.5vw; margin-right: 2.431vw; }
	input[type="checkbox"] { width: 1.389vw; height: 1.389vw; float: left;}
	textarea {	font-size: 2.5vw; width: 73.611vw; aspect-ratio: 1060/320; padding: 0.781vw; }
	label { font-size: 1.25vw; margin-left: 2.083vw; line-height: 1.944vw; }
    #krok1 label {position: relative; top: 0.139vw;}
	.submit { width: 22.222vw; padding: 1.389vw 0px; margin-top: 3.125vw; font-size: 2.5vw; }
    .krok2Title {font-size: 2.5vw; line-height: 4.306vw;}
    .upload-form { width: 22.222vw;}
    #upload_image {margin-right: 12.5vw;}
    #upload_image img {margin-top: 2.083vw;}
    #upload_video img {margin-top: 2.083vw;}
    .upload_result {margin-top: 1.389vw;}
    .upload_result .progress-bar { width: 46.875vw; height: 0.833vw; border-radius: 0.486vw;} 
    .progress-value {font-size: 2.5vw; line-height: 2.5vw; margin-top: 2.431vw;}
    .file-name {font-size: 1.25vw; line-height: 1.944vw; margin-top: 1.389vw;}
    .wyslijZgloszenie {margin-top: 2.431vw;}
    .upload-form label {font-size: 1.528vw; line-height: 1.944vw;}
    .upload-form label .small {font-size: 1.25vw;}
    .upload-form label .wgraj {font-size: 2.5vw; line-height: 4.306vw;}
    #krok3 .title {font-size: 6.25vw; line-height: 6.25vw;}
    #krok3 .subtitle {font-size: 1.875vw; line-height: 2.083vw; margin-top: 4.861vw;}
    #preview img {max-width: 20.139vw;}
    .baner_title {font-size: 5.556vw; line-height: 4.861vw !important;}
    .baner_subtitle {font-size: 3.611vw; line-height: 3.333vw !important;}

    .baner2_title {font-size: 4.167vw; line-height: 4.167vw !important;}
    .baner2_title .small {font-size: 3.333vw; line-height: 3.333vw !important;}

    .nagroda_txt1 {font-size: 5vw; line-height: 2.778vw; margin-top: 6.25vw;}
    .nagroda_txt2 {font-size: 1.528vw; line-height: 1.944vw; margin-top: 1.736vw;}
    .nagroda_txt3 {font-size: 4.167vw; line-height: 3.333vw; margin-top: 4.861vw; margin-bottom: 3.472vw;}
    .nagroda_txt1 .arrow_right {width: 10.347vw; position: relative; top: 2.778vw;}
    .nagroda_txt1 .arrow_left {width: 10.347vw; position: relative; top: 2.778vw;}

    #nagroda_hotele {font-size: 2.5vw; line-height: 2.361vw; padding: 5.556vw 0px;}
    #nagroda_hotele .small {font-size: 1.528vw; line-height: 1.944vw;}
    #nagroda_hotele #hotel1 {top: -4.861vw; left: -6.25vw; width: 31.319vw;}
    #nagroda_hotele #hotel2 {top: -7.986vw; left: 13.889vw; width: 27.292vw;}
    #nagroda_hotele #hotel3 {top: -5.556vw; right: 13.889vw; width: 27.292vw;}
    #nagroda_hotele #hotel4 {top: -7.986vw; right: -6.25vw; width: 31.736vw;}
    #sprawdz_szczegoly_btn {bottom: 1.389vw;}
    #sprawdz_szczegoly_btn a img {max-width: 45.903vw;}

    .materialy_title {font-size: 5.556vw; line-height: 3.472vw; margin-top: 4.514vw}
    .materialy_subtitle {font-size: 1.528vw; line-height: 1.944vw; margin-top: 1.736vw;}
    .materialy_title2 {font-size: 4.167vw; line-height: 3.472vw; margin-top: 4.514vw;}

    .materialy_bg1, .materialy_bg2 {padding-bottom: 5.903vw;}

    .materialy_items {margin-top: 2.778vw; column-gap: 1.042vw;}
    .materialy_items .item {width: 19.792vw; }
    .materialy_items .item .title {font-size: 2.083vw; line-height: 2.083vw; top: 1.389vw;}
    .materialy_items .item .button {font-size: 2.5vw; line-height: 4.306vw;}
    .materialy_freewolucja {width: 14.444vw;}
    .materialy_cincin {width: 7.222vw;}
    .materialy_ramka_jasna_3_4, .materialy_ramka_ciemna_3_4 {width: 8.403vw;}
    .materialy_ramka_jasna_9_16, .materialy_ramka_ciemna_9_16 {width: 7.5vw;}
    .materialy_ramka_jasna_poziom_3_4, .materialy_ramka_jasna_poziom_9_16, .materialy_ramka_ciemna_poziom_3_4, .materialy_ramka_ciemna_poziom_9_16 {width: 13.333vw;}

    #nagrody_opis {padding-top: 7.639vw; font-size: 5.556vw; line-height: 4.861vw;}
    #nagrody_tygodniowe .title, #nagrody_miesieczne .title {margin-top: 3.472vw; font-size: 4.167vw; line-height: 3.472vw}
    .galeria {max-width: 82.5vw; margin-top: 3.819vw; padding-bottom: 7.639vw;  }
    .galeria .slide {column-gap: 1.042vw; row-gap: 1.042vw;}
    #nagrody_tygodniowe .galeria .slide div.item {width: calc(25% - 1.042vw);}
    #nagrody_miesieczne .galeria .slide div.item {width: calc(33.33% - 1.042vw);}
    /* .galeria .slide div.nagroda {width: calc(50% - 1.042vw);} */
    div.nagroda {column-gap: 40px; margin-bottom: 30px}
    div.nagroda .nagroda_opis {font-size: 2.5vw; line-height: 2.5vw; /*width: 100%;*/}
    div.nagroda .nagroda_opis .ile {font-size: 11.389vw; line-height: 6.944vw;}
    div.nagroda .nagroda_opis .ile .small {font-size: 9.444vw;}
    div.nagroda .galeria_nagroda_zestaw {width: 24.236vw;}
    div.nagroda .galeria_nagroda_karta {width: 21.111vw;}
    .galeria .slide div.item .name {font-size: 2.083vw; line-height: 1.389vw; width: 100%;}
    .galeria .slide div.item.etap span {font-size: 4.167vw; line-height: 3.472vw; left: 2.431vw; bottom: 2.083vw;}
    .galeria .arrow_left, .galeria .arrow_right {bottom: 2.431vw;}
    .galeria .arrow_left {left: 0px;}
    .galeria .arrow_right {right: 1.042vw;}
    .galeria_title {font-size: 5.556vw; line-height: 3.472vw; top: 2.778vw;}
    .galeria_btn {bottom: 7.986vw;}
    .galeria_btn .btn {font-size: 4.167vw; line-height: 3.472vw; padding: 1.389vw 3.472vw;}
    .galeria .item .play_btn {width: 4.375vw;}

    #nagrody_overlay {top: 10vh; left: 50%; transform: translate(-50%, 0%); padding: 20px;}
    #nagrody_overlay .close {top: -20px; right: -20px;}
    #nagrody_overlay img, #nagrody_overlay video {max-width: 90.278vw; max-height: 80vh;}
    .wez_udzial {cursor: pointer; margin-left: 1.042vw;}

    #drinki .title {font-size: 4.583vw; line-height: 4.583vw;}
    #drinki .desc {font-size: 1.528vw; line-height: 1.944vw; padding-top: 1.528vw; padding-bottom: 2.431vw;}
    #btn_drinki_pobieram {width: 14.861vw;}

    #btn_podaj_dalej {width: 16.875vw;}
    #btn_wez_udzial {width: 14.861vw;}

    #widget {top: 1.528px; padding-top: 6.944vw;}
    #widget .title {font-size: 3.872vw; line-height: 3.872vw;}
    #widget .butelki {margin-top: 2.778vw;}
    #widget_close {position: absolute; right: 13.889vw; top: 6.944vw;}

    #widget_close {width: 3.819vw;}
    #widget_img1 {width: 7.708vw}
    #widget_img2 {width: 7.778vw}
    #widget_img3 {width: 7.986vw}
    #widget_img4 {width: 7.986vw}
    #widget_img5 {width: 8.056vw}
    #widget_img6 {width: 7.708vw}

    #widget_content2 {width: 55.556vw; height: 34.6vw;}
    #widget_toast1 {position: absolute; top: 5.556vw; left: -34.722vw;}
    #widget_toast1 img {width: 28.542vw;}
    #widget_toast2 img {width: 30.625vw;}
    #widget_toast2 {position: absolute; top: 5.208vw; right: -34.722vw;}

    #nagroda_glowna_baner_txt {margin-top: -2.778vw; padding-top: 4.861vw; padding-bottom: 4.167vw;}
    #nagroda_glowna_baner_txt .title {font-size: 4.583vw; line-height: 5vw;}
    #nagroda_glowna_baner_txt .subtitle {font-size: 1.528vw; line-height: 1.944vw;}

}

@media (min-width: 768px) and (max-width: 800px) {
    #formularzContent #imieTxt {width: 33.094vw; }
	#formularzContent #emailTxt {width: 48.056vw; }
}

@media (max-width: 767px) {
    .age-gate-wrapper  { display: block; overflow-y: scroll;}
    #age_gate { width: 98vw; padding: 0vw 5.594vw 0vw 5.594vw; border: none; }
	#age_gate .font18 { font-size: 2.907vw; line-height: 2.907vw; }
	#age_gate .font36 { font-size: 6.395vw; line-height: 6.977vw; }
	#age_gate .font60 { font-size: 10.465vw; line-height: 10.465vw; text-transform: uppercase; padding: 3vw;}
    #age_gate #txt1 { margin-top: 5.628vw; }
	#age_gate #txt2 { font-weight: 700; margin-top: 12.349vw; }
	#age_gate #txt3 { font-weight: 700; margin-top: 2.942vw; margin-top: 10.899vw;}
	#age_gate #txt4 { margin-top: 12.536vw; }
	#age_gate .buttons { display: flex; flex-direction: column; justify-content: center; }
	#age_gate #exit { margin-top: 4.246vw;}
	#age_gate .buttons button { font-size: 6.395vw; width: 56.105vw; padding: 2vw; }

    .mobile {display: block;}
    .desktop {display: none;}
    .hide {display: none;}
    #menu_toogle { display: block; position: absolute; top: 9.611vw; right: 1.892vw; width: 7.5vw; }
    /* header #menu { top: 4.167vw; left: 0px; font-size: 2.083vw; } */
    /* header #menu a { margin: 0px 0.833vw; font-size: 1.528vw; line-height: 1.528vw;} */

    header #menu { position: relative; top: 25.622vw; display: none; flex-direction: column; padding-top: 2vw; height: 0vw;}
	header #menu a {
		width: 100%;
		font-size: 6vw;
		line-height: 6vw;
		padding: 1vw;
	}

    #headerwrap { min-height: 25.676vw; }
    header #logo_cincin { top: 6.757vw; left: 1.892vw; width: 12.703vw; }
    header #logo_freewolucja { top: 8.649vw; left: 20.27vw; width: 32.973vw;}
    #pagewrap { max-width: 100%; } 
    .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {margin-bottom: 0px;}
    .slider-content .wpb_wrapper {height: 100%;}
    .slider-item .produkty_butelka { top: -6.25vw; }
    .slider_button { top: 50%; margin-top: -12vw;}
    .slider_button.left {width: 6.216vw; left: 8.865vw; }
    .slider_button.right {width: 6.216vw; right: 8.865vw;}
    .dotWhite, .dotBlack {width: 3.243vw; height: 3.243vw;}
    #produkty {margin-top: 13.514vw;}
     .product_right .vc_single_image-wrapper img {aspect-ratio: 370/300; object-fit: cover; object-position: top; margin-bottom: 8.108vw} 
    .produkt_html {width: 100%;}
    .produkt_content { width: 100%; height: 100%; padding: 8.681vw 0px 0px 0px; }
    .produkt_title { font-size: 12.973vw; line-height: 12.973vw;}
    .produkt_subtitle { font-size: 6.486vw; }
    .produkt_opis, .produkt_ocena, .produkt_temperatura { position: relative; font-size: 4.465vw; line-height: 5.946vw; width: 100%}
    .produkt_opis, .produkt_temperatura { margin-top: 2.083vw }
    .produkt_opis {top: 6.757vw; padding: 0vw 4vw;}
    .produkt_ocena { margin-top: 5.556vw; }
    .produkt_ocena, .produkt_temperatura { font-size: 4.865vw; }
    .produkt_ocena .small { font-size: 1.111vw; margin-left: 0.694vw;}
    .produkt_temperatura { margin-top: 0vw; font-size: 4.054vw; margin-bottom: 4vw;}
    .produkt_ocena { margin-top: 13.514vw; }
    .produkt_ocena .ocena_skala {display: block;}
    .produkt_ocena .ocena_kcal {display: block; font-size: 4.054vw; margin-top: 5.27vw;}

    .produkt_title2 { font-size: 12.973vw; line-height: 12.973vw }
    .produkt_opis2 { position: relative; font-size: 4.465vw; line-height: 5.946vw; width: 100%; top: 6.625vw; padding: 0vw 4vw;}
    .produkt_opis3 { position: relative; font-size: 4.465vw; line-height: 5.946vw; width: 100%; top: 13.472vw; padding: 0vw 4vw;}
    .produkt_icons { font-size: 2.6vw; line-height: 3.5vw; margin-top: 3.778vw; column-gap: 1.789vw; padding-bottom: 5vw;}
    .produkt_icons img {width: 7.861vw;}
    #cincin_aperitivo_free {width: 26.667vw;}

    #cincin_klasyk {width: 37.027vw;}
    #cincin_rose {width: 37.027vw;}
    #cincin_sauvignon_blanc {width: 37.027vw;}
    #cincin_cavernet_sauvignon {width: 37.027vw;}
    #cincin_pinot_grigo {width: 37.027vw;}
    #cincin_primitivo {width: 37.027vw;}
    .nagroda_karta { margin-top: 3.472vw; }
    .nagroda_zestaw {margin-top: 0vw;}
    .nagroda_karta img {width: 68.378vw; margin-bottom: 4.054vw; }
    .nagroda_zestaw img {width: 70%; }
    .nagroda_txt { margin-top: 4.054vw; margin-bottom: 3.472vw; }
    .nagrodyIle { font-size: 37.838vw; }
    .nagrodyIle_small { font-size: 24.8vw;}
    .nagrodyOpis { font-size: 6.486vw; line-height: 6.486vw; }
    .zasadyKonkursuRow {position: relative;}
    #zasadyKonkursuHtml {display: block; position: absolute; height: 100%;}
    .zasadyKroki {padding-top: 13.514vw; padding-bottom: 14.865vw;}
    #zasady_krok1 {padding-top: 50vw;}
    #zasady_krok1 img {width: 100%;}
    #zasady_krok2 img {width: 100%;}
    #zasady_krok3 img {width: 100%;}
    #zasady_krok3 {padding-bottom: 50vw;}
    .krok_title {font-size: 8.108vw; line-height: 8.108vw; margin-top: 2.083vw;}
    .krok_title .numer {font-size: 12.973vw;}
    .krok_opis {margin-top: 1.736vw; font-size: 4.054vw; line-height: 4.865vw; padding: 0vw 12.162vw; }
    .krok_opis .materialy {font-size: 3.2vw;}
    .wez_udzial_btn {font-size: 5.946vw; line-height: 10vw; padding: 0px 2.083vw; margin: 2.778vw 0px;}
    #zasadyKonkursuTitle {top: 22.973vw; font-size: 12.973vw; z-index: 9999;}
    #zasadyKonkursuBottom {bottom: 16vw; font-size: 3.243vw; width: 81.081vw; margin-left: 12.459vw; z-index:999;}
    #freewolucjaHtml {position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; }
    #freewolucjaHtml .wpb_wrapper {height: 100%;}
    #freewolucjaContainer, #freewolucjaContainer_bg { width: 100%; height: 95%; bottom: 0px; }
    #freewolucjaContainer_bg {width: 100%; height: 100%; top: auto; bottom: 0px;}
    #freewolucjaContainer { padding-top: 0vw; font-size: 4.054vw; line-height: 4.865vw; }
    #freewolucjaContainer img {width: 65.757vw; margin-bottom: -2.108vw;}
    #freewolucjaContainer p { width: 80.722vw; margin: 0 auto; margin-top: 2.5vw; }
    #freewolucjaContainer div { margin-top: 4vw; font-size: 8.108vw; line-height: 10.811vw; font-weight: 300; height: auto;}
    footer { margin-top: 7.568vw; padding-bottom: 5.147vw; }
	footer img {max-width: 17.445vw;}
	footer .title { margin-top: 2.574vw; font-size: 8.044vw; }
	footer .subtitle { margin-top: 3.309vw; font-size: 3.618vw; }
	footer .subtitle2 { margin-top: 2.271vw; font-size: 3.871vw; }
	footer .menu { margin-top: 3.838vw; }
	footer .menu a { font-size: 3.471vw; margin: 0px 1.735vw; }

    .product_left {order:2;}
    .product_right {order:1;}

    .overlay-content { margin-top: 0px; height: 100vh; border-radius: 0px; }
	/* #closeOverlayBtn { font-size: 6.111vw; padding: 1.944vw 6.944vw; } */
	/* iframe {margin-top: 0px;} */

    #closeOverlayBtn { font-size: 5.882vw; padding: 2.941vw 8.824vw; position: absolute; top: 5.294vw; left: 5.294vw; }
    iframe { height: 100%; }
    #formularzContent {width: 100vw; margin: 0px auto; padding: 23.529vw 5.882vw; border: none;}
    #formularzContent #zgody {margin-top: 4.235vw;}
    #formularzContent .title {font-size: 14.118vw; line-height: 14.118vw;}
    #formularzContent .subtitle {font-size: 4.118vw; line-height: 5.294vw; margin-top: 4.412vw; margin-bottom: 7.353vw;}
    #formularzContent #imieTxt {width: 100%; }
	#formularzContent #emailTxt {width: 100%; }
    #zgody div {margin-top: 2.941vw;}
    input[type="text"] { padding: 1.471vw; font-size: 5.882vw; }
	input[type="checkbox"] { width: 4.118vw; height: 4.118vw; float: left;}
	label { font-size: 2.941vw; margin-left: 6.824vw; line-height: 3.4vw; }
    #krok1 label {position: relative; top: 0.288vw;}
    #bladDanych {font-size: 3.5vw;}
	.submit { width: 55.882vw; padding: 2.941vw 0px; margin-top: 14.706vw; font-size: 6.471vw; }
    .krok2Title {font-size: 5.571vw; line-height: 18.235vw;}
    .upload-form { width: 55.882vw;}
    #upload_image {margin-right: 0px; margin-bottom: 2.941vw}
    #upload_image img {margin-top: 11.765vw;}
    #upload_video img {margin-top: 11.765vw;}
    .upload_result {margin-top: 4.118vw;}
    .upload_result .progress-bar { width: 70.588vw; height: 3.824vw; border-radius: 1.765vw;} 
    .progress-value {font-size: 10.588vw; line-height: 10.588vw; margin-top: 10.294vw;}
    .file-name {font-size: 4.118vw; line-height: 4.118vw; margin-top: 4.118vw;}
    .wyslijZgloszenie {margin-top: 35px;}
    .upload-form label {font-size: 4.118vw; line-height: 4.118vw;}
    .upload-form label .small {font-size: 2.941vw;}
    .upload-form label .wgraj {font-size: 6.471vw; line-height: 11.176vw;}
    #krok3 .title {font-size: 14.118vw; line-height: 14.118vw;}
    #krok3 .subtitle {font-size: 4.118vw; line-height: 5.294vw; margin-top: 15.294vw;}
    #preview img {max-width: 71.176vw;}

    .baner_title {font-size: 12.854vw; line-height: 12.432vw !important;}
    .baner_subtitle {font-size: 8.108vw; line-height: 8.108vw !important;}

    .baner2_title {font-size: 11.973vw; line-height: 11.973vw !important;}
    .baner2_title .small {font-size: 8.108vw; line-height: 8.108vw !important;}

    .nagroda_txt1 {font-size: 10.973vw; line-height: 10.811vw; margin: 0 auto; margin-top: 16.216vw; width: 80.622vw; position: relative;}
    .nagroda_txt2 {font-size: 4.054vw; line-height: 7.568vw; margin-top: 1.736vw;}
    .nagroda_txt3 {font-size: 10.811vw; line-height: 12.973vw; margin-top: 3.919vw; margin-bottom: 3.472vw;}
    .nagroda_txt1 .arrow_right {width: 17.027vw; position: absolute; top: 0vw; left: -14.027vw;}
    .nagroda_txt1 .arrow_left {width: 17.027vw; position: absolute; top: 0vw; right: -14.027vw;}

    #nagroda_hotele {font-size: 6.5vw; line-height: 6.5vw; padding: 49.703vw 0px;}
    #nagroda_hotele .small {font-size: 4.054vw; line-height: 5.946vw;}
    #nagroda_hotele #hotel1 {top: -3.861vw; left: -4vw; width: 79.351vw;}
    #nagroda_hotele #hotel2 {top: -22.986vw; right: -15.111vw; width: 70.189vw;}
    #nagroda_hotele #hotel3 {top: 63.444vw; left: -16.111vw; width: 70.189vw;}
    #nagroda_hotele #hotel4 {top: 63.60vw; right: -3.25vw; width: 82.054vw; }
    #sprawdz_szczegoly_btn {bottom: 2.5vw;}
    #sprawdz_szczegoly_btn a img {max-width: 45.903vw;}

    .materialy_title {font-size: 11.14vw; line-height: 12.973vw; margin-top: 6.757vw}
    .materialy_subtitle {font-size: 3.95vw; line-height: 7.568vw; margin-top: 7.297vw;}
    .materialy_title2 {font-size: 10.22vw; line-height: 13.514vw; margin-top: 9.459vw;}

    .materialy_bg1, .materialy_bg2 {padding-bottom: 21.622vw;}
    .materialy_items {margin-top: 2.778vw; column-gap: 1.042vw; row-gap: 1.892vw; flex-wrap: wrap;}
    .materialy_items .item {width: 45.946vw; }
    .materialy_items .item .title {font-size: 3.784vw; line-height: 4.865vw; top: 1.351vw;}
    .materialy_items .item .button {font-size: 5.946vw; line-height: 10vw;}

    .materialy_freewolucja {width: 32.5vw;}
    .materialy_cincin {width: 16.25vw;}
    .materialy_ramka_jasna_3_4, .materialy_ramka_ciemna_3_4 {width: 17.5vw;}
    .materialy_ramka_jasna_9_16, .materialy_ramka_ciemna_9_16 {width: 16.25vw;}
    .materialy_ramka_jasna_poziom_3_4, .materialy_ramka_jasna_poziom_9_16, .materialy_ramka_ciemna_poziom_3_4, .materialy_ramka_ciemna_poziom_9_16 {width: 23.75vw;}

    #nagrody_opis {padding-top: 12.27vw; font-size: 5.086vw; line-height: 6.86vw;}
    #nagrody_tygodniowe .title, #nagrody_miesieczne .title {margin-top: 10.811vw; font-size: 12.973vw; line-height: 13.514vw}
    .galeria {width: 100%; margin-top: 14.865vw; padding-bottom: 10.27vw;  }
    .galeria .slide {column-gap: 15px; row-gap: 15px;}
    .galeria .slide div.item {width: 77.027vw; margin: 0 auto; margin-top: 9.459vw;}
    div.nagroda {width: 100%; flex-direction: column-reverse; margin-top: 0px;}
    div.nagroda .nagroda_opis {margin-top: 4.054vw; font-size: 5.405vw; line-height: 5.295vw; width: 100%; text-align: left; display: flex; justify-content: center; align-items: end; column-gap: 1.892vw;}
    .galeria .slide div.etap {width: 100%; order: 0; aspect-ratio: 285/38; text-align: center;}
    div.nagroda .nagroda_opis .ile {font-size: 31.081vw; line-height: 21.2vw;}
    div.nagroda .nagroda_opis .ile .small {font-size: 26.757vw;}
    div.nagroda .galeria_nagroda_zestaw {position: relative; width: 59.459vw;}
    div.nagroda .galeria_nagroda_karta {position: relative;  width: 47.297vw;}
    .galeria .slide div.item .name {font-size: 8.108vw; line-height: 8.514vw; width: 100%;}
    .galeria .slide div.item.etap span {font-size: 9.73vw; line-height: 13.514vw; left: auto; bottom: auto; position: relative;}
    .galeria .arrow_left, .galeria .arrow_right {bottom: 35px;}
    .galeria .arrow_left {left: 0px;}
    .galeria .arrow_right {right: 15px;}
    .galeria_title {font-size: 11.135vw; line-height: 11.135vw; top: 7vw;}
    .galeria_btn {bottom: 13vw;}
    .galeria_btn .btn {font-size: 7.568vw; line-height: 7.568vw; padding: 3.405vw 4.514vw;}
    .galeria .item .play_btn {width: 17.027vw;}

    #nagrody_overlay {top: 10%; left: 50%; transform: translate(-50%, 0%); padding: 20px;}
    #nagrody_overlay .close {top: -5.405vw; right: -3vw;}
    #nagrody_overlay img, #nagrody_overlay video {max-width: 83.278vw; max-height: 80vh;}

    #drinki .title {font-size: 6.583vw; line-height: 4.583vw; margin-top: 5vw;}
    #drinki .desc {font-size: 2.928vw; line-height: 4.944vw; padding-top: 1.528vw; padding-bottom: 2.431vw;}
    #btn_drinki_pobieram {width: 26.861vw; margin-bottom: 5vw;}

    #btn_podaj_dalej {width: 34.875vw;}
    #btn_wez_udzial {width: 30.861vw;}

    #widget {top: 1.528px}
    #widget .title {font-size: 3.872vw; line-height: 3.872vw;}
    #widget {top: 1.528px}
    #widget .title {font-size: 3.872vw; line-height: 3.872vw;}
    #widget .butelki {margin-top: 2.778vw;}
    #widget_close {position: absolute; right: 13.889vw; top: 6.944vw;}

    #widget_close {width: 3.819vw;}
    #widget_img1 {width: 7.708vw}
    #widget_img2 {width: 7.778vw}
    #widget_img3 {width: 7.986vw}
    #widget_img4 {width: 7.986vw}
    #widget_img5 {width: 8.056vw}
    #widget_img6 {width: 7.708vw}    

    #nagroda_glowna_baner_txt {margin-top: -2.778vw; padding-top: 4.861vw; padding-bottom: 4.167vw;}
    #nagroda_glowna_baner_txt .title {font-size: 4.583vw; line-height: 5vw;}
    #nagroda_glowna_baner_txt .subtitle {font-size: 1.528vw; line-height: 1.944vw;}
}