/*
Theme Name:		MammothDesign
Theme URI: 		http://mammothdesign.pl/
Version: 		0.2.4.10
Description: 	A <em>blank</em> WordPress Theme Framework <strong>that's everything you need, and nothing you don't.</strong> With features like <em>microformats, a traditional template structure, convention over configuration, clean semantic code, documenation, and it's atomic templating system</em>, WP Framework is <em>completely extensible, flexible</em> and <strong><em>the</em></strong> starting point for theme authoring and customization. To learn more, visit 
Author: 		
Author URI:		
Tags: one-column, two-columns, three-columns, fixed-width, sticky-post, threaded-comments, microformats

All rights reserved.
licensed under the terms of the GNU General Public License version 2.
*/

/* COLORS */
:root {
  /* Kolory podstawowe */
  --c01: #ffffff;      
  --c02: #1e0033;    
  --c03: #000000;
  --c04: #59277c;
  --c05: #bf2c98; 

  --c06: #000000;
  --c07: #fff4fc; 

  --c08: #ffffff54; 
  --c09: #ffffffb2;
}

/* GLOBAL */
body                                        {background-color: var(--c01);  color: var(--c02); font-family: "Google Sans Flex", sans-serif;font-optical-sizing: auto; font-style: normal; font-weight: 400; display: flex; flex-direction: column; min-height: 100vh; font-size: 160%;}

.h1, .h2, .h3, h1, h2, h3                   {margin-top: 0;}
h1, .h1                                     {font-size: 6rem; font-weight: 700; line-height: 1.15; margin: 0 0 2rem 0;}
h2, .h2                                     {font-size: 3.5rem; font-weight: 700; line-height: 1.15; margin: 0 0 2rem 0; letter-spacing: -1px;}
h3, .h3                                     {font-size: 2.75rem; font-weight: 700; line-height: 1.15; margin: 0 0 2rem 0; letter-spacing: -1px;}
h4, .h4                                     {font-size: 1.8rem; font-weight: 700; line-height: 1.15;}
h5, .h5                                     {font-weight: 300; line-height: 1.25;}
h6, .h6                                     {text-transform: uppercase; font-size: 1.4rem; color: var(--c03); font-weight: 700;}
/*h6::after                                 {content: ''; background-image: url('library/media/images/decor.jpg'); width: 55px; height: 5px; display: inline-block; margin: 0 0 0 1rem;} */
p                                           {font-size: 1.6rem; font-weight: 400; line-height: 1.5; margin: 0 0 2rem 0;}
a                                           {color: var(--c03); font-weight: 600; outline: none;}
a:hover                                     {color: var(--c03); font-weight: 600; outline: none;}
blockquote                                  {background-color: var(--c01); color: var(--c04); font-size: 1rem;}
:focus,
:focus-visible,
:focus-within                               {outline: none;}
.small        {margin: 0;}

ul            {margin: 0 0 3rem 0; padding: 0 0 0 2.7rem;}
ul li         {list-style: none; position: relative; margin: 0 0 1rem 0;}
ul li::marker {display:none;}
ul li::before {content: 'L'; color: #fff; background-color: var(--c03); width: 16px; height: 16px; display: flex; position: absolute; border-radius: 20px; transform: scaleX(-1) rotate(-45deg); left: -25px; font-size: 10px; justify-content: center; align-items: center; top: 3px;}

.btn,                                        
.btn:hover                                  {border-radius: 3rem; padding: .75em 3rem; font-weight: 400; font-size: 1.6rem; line-height: 2.25rem; position: relative;}
.btn_small,
.btn_small:hover                            {border-radius: 4rem; padding: .5em 2rem; font-weight: 400; font-size: 1.25rem; line-height: 2.25rem; position: relative;}

.btn_01                                     {background-color: var(--c04); color: var(--c07); overflow: hidden; }
.btn_01:hover                               {background-color: var(--c05); color: var(--c07); padding-right: 6rem;}
.btn_01:hover:after                         {content: '>'; background-color: rgba(0,0,0,0.1); position: absolute; right: 0; top: 0; bottom: 0; width: 5rem; display: flex; justify-content: center; align-items: center; font-size: 2rem; line-height: 100%; font-weight: 100; top: -2px;}

.btn_02                                     {background-color: var(--c05); color: var(--c01);}
.btn_02:hover                               {background-color: var(--c05); color: var(--c01);}                                   
.btn_03                                     {background-color: transparent; color: var(--c01); border:1px solid var(--c01); }
.btn_03:hover                               {background-color: var(--c08); color: var(--c01); }

.tr                                         {transition:  all .3s ease-in-out 0s;}
.wow                                        {visibility: hidden;}

.mobile-only                                {display: none;}

.container                                  {max-width: 1280px; margin: 0 auto; width: 100%;}

/* HEADER */
header                                      {padding: 0.75em 0; position: absolute; width: 100%; height: auto; z-index: 100; background:transparent;}
header .container                           {display: flex; flex-wrap: nowrap; align-items: stretch; position: relative;}
header .top-header-logo                     {flex-shrink: 1; position: relative; top: 0; left: 0; display: flex; align-items: center; padding: 0 15px;}
header .top-header-logo a                   {display: flex; align-items: center; text-decoration: none;}
header .top-header-logo img                 {max-width: 230px; height: auto;}
header .top-header-logo span                {font-size: 1.25rem; line-height: 1.75rem; color: var(--c02); font-weight: 700; margin: 0 0 0 .5rem;}
header .top-header-menu_wrap                {display: flex; margin: 0 0 0 auto; justify-content: center; align-items: center; height: auto;}
header .top-header-menu                     {margin: 0 0 0 auto; height: 100%;}
header .top-header-menu div                 {height: 100%;}
header .top-header-menu .menu               {list-style: none; display: flex; padding: 0; margin: 0; height: 100%;}
header .top-header-menu .menu li            {position: relative; display: flex; align-items: center; margin:0;}
header .top-header-menu .menu li::before    {display: none;} 
header .top-header-menu .menu li a          {color: var(--c01); text-decoration: none; padding: 0em 2rem; display: flex; height: 100%; align-items: center; font-weight: 600; line-height: 100%; font-size: 1.25rem; text-transform: uppercase;}
header .top-header-menu .menu li.button a                       {background-color: var(--c05); border-radius: 2rem; padding: 0 1.25rem; color: var(--c01);}
header .top-header-menu .menu li.button a:hover                 {background-color: var(--c04); color: var(--c01)!important;}
header .top-header-menu .menu li a:hover,
header .top-header-menu .menu li.current_page_item,
header .top-header-menu .menu li.current-page-parent            {color:var(--c09);}
header .mobile-menu                                             {display:none; margin: 0 0 0 auto;}
header .mobile-menu .mobile-menu__icon                          {width: 25px; cursor: pointer;}
header .mobile-menu .mobile-menu__icon svg                      {max-width: 100%;}
header .mobile-menu .mobile-menu__icon .bar                     {width: 100%; height: 3px; margin: 5px 0; display: block; background-color: var(--c02);}
header .top-header-menu_wrap_visible                            {display:block;}
header.header-fixed                                             {position: fixed; top: 0; left: 0; right: 0; border: 0px solid #555; box-shadow: 0 1px 5px 1px #00000014; z-index: 10000; background-color: transparent;}
header.header-fixed::after                                      {content: ""; position: absolute; background-color: rgba(255,255,255,0.9); top: 0; right: 0; bottom: 0; left: 0; z-index: -1; backdrop-filter: blur(16px);}
header .top-header-menu .menu li.show-przystan                  {display: none;}
header .top-header-menu .menu li.hide-przystan                  {display: block;}

header .top-header-call                     {color: var(--c03); margin: 0 0 0 2rem; text-decoration: none;}
header .top-header-call span                {background-color: var(--c04); border-radius: 100%; padding: 1rem; display: inline; margin: 0 1rem; text-align: center; border: 1px solid var(--c05);}
header .top-header-call span i              {position: relative; left: 2px;}

/*
.home header                                {position: absolute; margin: 5rem; width: calc(100% - 10rem); background-color: rgba(0,0,0,0.3); border-radius: 100px;}
.home header .container                     {max-width: 100%;}
*/

/* FOOTER */
footer                                      {padding: 2rem 0 0; display: flex; width: 100%; flex-direction: column; background-color: var(--c09); color: var(--c02);} 
footer h3                                   {font-size: 1.5rem; line-height: 1.25rem; font-weight: 700;}
footer .container                           {margin: 0 auto; width: 100%;}
footer .container .row                      {display: flex; width: 100%;}
footer .container .column                   {padding: 2rem;}
footer .container .row_items_1 .column      {width: 100%;}
footer .container .row_items_2 .column      {width: 50%;}
footer .container .row_items_3 .column      {width: 33.333%;}
footer .container .row_items_4 .column      {width: 25%;}
footer .container .row_items_5 .column      {width: 20%;}
footer .column_cstm-settings_footer_menu      {margin: 2rem 0 0 ;}
footer .column_cstm-settings_footer_menu ul   {list-style: none;padding: 0;}
footer .column_cstm-settings_footer_menu li   {margin: 0 0 .5em 0;}
footer .column_cstm-settings_footer_menu li a {color: var(--c02);font-weight: 400;}
footer .column_cstm-settings_footer_dane_kontaktowe                                 {margin: 2rem 0 0 ;}
footer .column_cstm-settings_footer_dane_kontaktowe .block_adress .item             {width: 100%;display: flex;margin: 0 0 1em 0;}
footer .column_cstm-settings_footer_dane_kontaktowe .block_adress .item .icon       {width: 20px;height: 20px;margin: 0 1em 0 0;}
footer .column_cstm-settings_footer_dane_kontaktowe .block_adress .item .icon img   {width: 100%;}
footer .column_cstm-settings_footer_dane_kontaktowe .block_adress .item .content    {width: 100%;}
footer .column_cstm-settings_footer_dane_kontaktowe .block_adress .item .content a  {font-weight: 500;text-decoration: none; color: var(--c02);}
footer .column_cstm-settings_footer_dane_kontaktowe .block_company .item             {width: 100%;display: flex;flex-direction: column; margin: 0 0 1em 0;}
footer .column_cstm-settings_footer_dane_kontaktowe .block_company .item label       {margin: 0; font-size: 1.25rem;}
footer .column_cstm-settings_footer_dane_kontaktowe .block_company .item .content    {width: 100%;}
footer .column_cstm-settings_footer_dane_kontaktowe .block_company .item .content a  {font-weight: 500;text-decoration: none; color: var(--c02);}
footer .column_cstm-settings_footer_html    {margin: 2rem 0 0 ;}
footer .column_cstm-settings_footer_html a  {display: block; margin: 0 0 1rem 0; color: var(--c02); font-weight: 400;}
footer .column_cstm-settings_footer_logo .block_logo    {}
footer .column_cstm-settings_footer_logo .block_logo h3 {}
footer .column_cstm-settings_footer_logo .block_description {font-size: 1rem; line-height: 1.25rem;}
footer .column_cstm-settings_footer_logo .block_social                  {display: flex;margin: 2rem 0 0 0;}
footer .column_cstm-settings_footer_logo .block_social .item            {max-width: 16.666%;}
footer .column_cstm-settings_footer_logo .block_social .item .icon      {width: 100%;display: block;margin: 0 5px 0 0;}
footer .column_cstm-settings_footer_logo .block_social .item .icon a    {width: 35px;height: 35px;display: flex;justify-content: center;align-items: center;padding: 10px;border: 1px solid var(--c01);}
footer .column_cstm-settings_footer_logo .block_social .item .icon a img {width: 100%; height: auto; display: block;}
footer .block-copyright                   {padding: 2em 0 0 0; margin: 2em 0 0 0; background-color: var(--c03);}
footer .block-copyright p                 {text-align: center; color: var(--c01); font-size: 0.875rem; line-height: 1.25rem;}

    /* global */
    section         {}
    section .row    {padding: 7rem 0;}
    section .section_headline   {width:100%;}
    section .section_headline h2 {color: var(--c04);} 
    section .section_headline h6 {color: var(--c05);} 

    .ico            {background-color: var(--c04); width: 50px; height: 50px; border-radius: 50px; display: flex; justify-content: center; align-items: center;  padding: 1.25rem; border: 1px solid var(--c05); flex-shrink: 0; margin: 0 1rem 0 0;}
    .ico-big        {width: 70px; height: 70px; border-radius: 70px;}
    .ico svg        {color: var(--c03); width: 100%; height: auto; display: block;}
    
    .block .boxes-ico-text-horizontal       {width: 100%; display: flex;}
    .block .boxes-ico-text-horizontal .box  {display: flex; padding: 0 1rem 0 0; align-items: center;}
    .block .boxes-ico-text-horizontal .txt  {padding:0; margin:0;}
    .block .boxes-ico-text-horizontal .txt h3 {margin:0;}

    .block .boxes-ico-text-vertical         {width: 100%; display: flex;}
    .block .boxes-ico-text-vertical .box    {display: flex; align-items: center; flex-direction: column; border: 1px solid var(--c05); padding: 4rem 2rem;  border-radius: 10px;}
    .block .boxes-ico-text-vertical .txt    {padding:0; margin:0; text-align:center; margin:1rem 0 0 0;}

    .contact-box                            {background-color: var(--c09); padding: 2rem; border-radius: 10px; width: 100%; margin: 4rem 0 0 0;}
    .contact-box .boxes-ico-text-horizontal         {}
    .contact-box .boxes-ico-text-horizontal .box    {}
    .contact-box .boxes-ico-text-horizontal .box .ico   {margin: 0 2rem 0 0;}
    .contact-box .boxes-ico-text-horizontal .box .txt   {max-width: 50%;}
    .contact-box .boxes-ico-text-horizontal .box .buttons-container {width: auto; margin: 0 0 0 auto;}

    .buttons-container                              {width: 100%;}
    .buttons-container .button-wrapper              {display: inline-block; text-align: center;}
    .buttons-container .button-wrapper .btn         {margin: 0 1em 1em 0;}
    .buttons-container .button-wrapper .under-buttom  {display: block; font-size: 1.15rem; color: var(--c06); font-weight: 300;}
    .btn_align__center                              {text-align: center;}
    .btn_align__right                               {text-align: right;}

    .label-box                                  {font-size: 1rem;  border-radius: 10px; padding: 1rem 2rem; line-height: 1;}

    
    /* .block_hero_default */
    .block_hero_default               {background-size: cover; background-position: center center; padding: 10rem 0;}
    .block_hero_default .txt          {width: 50%; color: var(--c01);}
    .block_hero_default .txt .buttons-container {margin: 3rem 0 0 0;}


    /* .block_slider */
    .block_slider .block_slider_container .slick-slider .slick-dots       {}
    .block_slider .block_slider_container .slick-slider .slick-dots    {}
    .block_slider .block_slider_container .slick-slider .slick-dots li {}
    .block_slider .block_slider_container .slick-slider .slick-dots li::before {display: none;}
    .block_slider .block_slider_container .slick-slider .slick-dots li button {background-color: var(--c02); width: 10px; height: 10px; margin: 0 .5rem; border-radius: 10px; display: flex;}
    .block_slider .block_slider_container .slick-slider .slick-dots li.slick-active button {background-color: var(--c05);}


    /* .block_boxes_container */
    .block_boxes {margin: 4rem 0 0 0;}
    .block_boxes .block_boxes_container {justify-content: space-between;}
    .block_boxes .block_boxes_container.boxes_columns_4 .box_item {width: calc(25% - 1rem);}
    .block_boxes .block_boxes_container .box_item {display: flex; flex-direction: row; justify-content: center; align-items: center; background-color: var(--c07); padding: 5rem 2rem; border-radius: 2rem;}
    .block_boxes .block_boxes_container .box_item h2 {margin:0 auto;}
    .block_boxes .block_boxes_container .box_item {display: flex; flex-direction: row; justify-content: center; align-items: center; background-color: var(--c07);  padding: 5rem; border-radius: 2rem;}
    .block_boxes_container.boxes_columns_2 .box_item {width: calc(50% - 3rem); margin: 0 auto 3rem; align-items: flex-start; position:relative;}
    .block_boxes_container .box_item-wrapper .box_txt {position: relative; z-index: 2;}
    .box_number {display: flex; background-color: var(--c01); margin: auto; width: 5rem; height: 5rem; justify-content: center; align-items: center; border-radius: 5rem; padding: 5rem; position: absolute; top: -2rem; right: -2rem; z-index: 1; color: var(--c05);}
    .box_number span {font-size: 5rem; font-weight: 700;}


    /* gravity form */
    .block_form                                   {width:100%;}
    .block_form_container                         {padding: 0 2rem;}
    .block_form_container .block_form_wrapper     {display: flex; flex-direction: column;}
    .gform-body .gfield label                           {}
    .gform-body .gfield .ginput_container_text input    {border-radius: 10px; outline: none; border: 1px solid rgba(0,0,0,0.2); padding: 15px 10px !important;}
    .gform-body .gfield .ginput_container_phone input   {border-radius: 10px; outline: none; border: 1px solid rgba(0,0,0,0.2); padding-top: 15px !important; padding-bottom: 15px !important;}
    .gform-body .gfield .ginput_container_select select {background-color: var(--c01); border-radius: 10px; outline: none; border: 1px solid rgba(0,0,0,0.2); padding: 15px 10px !important;}
    .gform-body .gfield .gchoice {position: relative; display: flex; align-items: flex-start; margin-bottom: 10px;}
    .gform-body .gfield .gchoice input[type="checkbox"],
    .gform-body .gfield .gchoice input[type="radio"] {position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; pointer-events: none;}
    .gform-body .gfield .gchoice input[type="checkbox"] + label,
    .gform-body .gfield .gchoice input[type="radio"] + label {position: relative; display: inline-flex; align-items: flex-start; gap: 10px; cursor: pointer; font-size: 16px; line-height: 1.45; margin: 0;}
    .gform-body .gfield .gchoice input[type="checkbox"] + label::before,
    .gform-body .gfield .gchoice input[type="radio"] + label::before {content: ""; width: 20px; height: 20px; flex: 0 0 20px; margin-top: 1px; border: 1px solid rgba(0,0,0,0.2); background-color: var(--c01); box-sizing: border-box; transition: all 0.18s ease;}
    .gform-body .gfield .gchoice input[type="checkbox"] + label::before {border-radius: 5px;}
    .gform-body .gfield .gchoice input[type="radio"] + label::before {border-radius: 50%;}
    .gform-body .gfield .gchoice input[type="checkbox"] + label:hover::before,
    .gform-body .gfield .gchoice input[type="radio"] + label:hover::before {border-color: rgba(0,0,0,0.2);}
    .gform-body .gfield .gchoice input[type="checkbox"]:checked + label::before,
    .gform-body .gfield .gchoice input[type="radio"]:checked + label::before {background: var(--c03); border-color: var(--c03);}
    .gform-body .gfield .gchoice input[type="checkbox"]:checked + label::after {content: ""; position: absolute; left: 7px; top: 4px; width: 5px; height: 10px; border: solid var(--c01); border-width: 0 2px 2px 0; transform: rotate(45deg);}
    .gform-body .gfield .gchoice input[type="radio"]:checked + label::after {content: ""; position: absolute; left: 6px; top: 7px; width: 8px; height: 8px;  border-radius: 50%; background: var(--c01);}
    .gform-body .gfield .gchoice input[type="checkbox"]:disabled + label,
    .gform-body .gfield .gchoice input[type="radio"]:disabled + label {cursor: not-allowed; opacity: 0.55;}
    .gform-body .gfield legend  {padding: 0 0 5px 0 !important; border-bottom: 1px solid rgba(0,0,0,0.1);}
    .gform_page_footer                      {display:flex;}
    .gform_page_footer .gform_next_button   {margin: 0 0 0 auto;}
    .gform_page_footer .gform_submit_button {margin: 0 0 0 auto;}
    .gform_wrapper.gravity-theme .gf_progressbar_orange                       {background-color: var(--c09) !important;}
    .gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_orange {background-color: var(--c03) !important;}
    .pm-stepper-quiz .quiz-radio                              {}
    .pm-stepper-quiz .quiz-radio legend                       {border: 0; text-align: center; margin: 2rem 0 !important; font-size: 2rem !important;}
    .pm-stepper-quiz .quiz-radio .gfield_radio                {display: flex; flex-wrap: wrap; justify-content: center;}
    .pm-stepper-quiz .quiz-radio .gfield_radio .gchoice       {width: 33.333%;}
    .pm-stepper-quiz .quiz-radio .gfield_radio .gchoice input {position: absolute; visibility: hidden; height: 0; width: 0;}
    .pm-stepper-quiz .quiz-radio .gfield_radio .gchoice label {width: 100%; background-color: var(--c08); flex-direction: column; justify-content: flex-start;  align-items: center !important; height: 100%; padding: 2rem; border-radius: 10px; border: 2px solid var(--c05);}
    .pm-stepper-quiz .quiz-radio .gfield_radio .gchoice label:after,
    .pm-stepper-quiz .quiz-radio .gfield_radio .gchoice label:before                      {display:none;}
    .pm-stepper-quiz .quiz-radio .gfield_radio .gchoice label .pm-stepper-quiz-box-icon   {}
    .pm-stepper-quiz .quiz-radio .gfield_radio .gchoice label .pm-stepper-quiz-box-title  {width: 100%; text-align: center;}
    .pm-stepper-quiz .quiz-radio .gfield_radio .gchoice input:checked + label             {background-color: var(--c09); border: 2px solid var(--c03);}
    .pm-stepper-quiz .quiz-checkbox                                 {}
    .pm-stepper-quiz .quiz-checkbox legend                          {border: 0; text-align: center; margin: 2rem 0 !important; font-size: 2rem !important;}
    .pm-stepper-quiz .quiz-checkbox .gfield_checkbox                {display: flex; flex-wrap: wrap; justify-content: center;}
    .pm-stepper-quiz .quiz-checkbox .gfield_checkbox .gchoice       {width: 33.333%;}
    .pm-stepper-quiz .quiz-checkbox .gfield_checkbox .gchoice input {position: absolute; visibility: hidden; height: 0; width: 0;}
    .pm-stepper-quiz .quiz-checkbox .gfield_checkbox .gchoice label {width: 100%; background-color: var(--c08); flex-direction: column; justify-content: flex-start;  align-items: center !important; height: 100%; padding: 2rem; border-radius: 10px; border: 2px solid var(--c05);}
    .pm-stepper-quiz .quiz-checkbox .gfield_checkbox .gchoice label:after                       {top: 15px !important; left: 18px !important;}
    .pm-stepper-quiz .quiz-checkbox .gfield_checkbox .gchoice label:before                      {top: 10px; left: 10px; position: absolute;}
    .pm-stepper-quiz .quiz-checkbox .gfield_checkbox .gchoice label .pm-stepper-quiz-box-icon   {}
    .pm-stepper-quiz .quiz-checkbox .gfield_checkbox .gchoice label .pm-stepper-quiz-box-title  {width: 100%; text-align: center;}
    .pm-stepper-quiz .quiz-checkbox .gfield_checkbox .gchoice input:checked + label             {background-color: rgba(205, 92, 0, 0.2); border: 2px solid var(--c03);}
    .pm-stepper-quiz .ginput_container_consent input {position: absolute; visibility: hidden; height: 0; width: 0;}
    .pm-stepper-quiz .ginput_container_consent label {position: relative; display: inline-flex; align-items: flex-start; gap: 10px; cursor: pointer; font-size: 16px;  line-height: 1.45; margin: 0;}
    .pm-stepper-quiz .ginput_container_consent label:before {content: ""; width: 20px; height: 20px; flex: 0 0 20px; margin-top: 1px; border: 1px solid rgba(0,0,0,0.2);  background-color: var(--c01); box-sizing: border-box; transition: all 0.18s ease; border-radius: 5px;}
    .pm-stepper-quiz .ginput_container_consent input[type="checkbox"]:checked + label::before {background: var(--c03); border-color: var(--c03);}
    .pm-stepper-quiz .ginput_container_consent input[type="checkbox"]:checked + label::after {content: ""; position: absolute; left: 7px; top: 4px; width: 5px; height: 10px; border: solid var(--c01); border-width: 0 2px 2px 0; transform: rotate(45deg);}
    .gform_wrapper.gravity-theme .pm-stepper-quiz .field_description_below .gfield_consent_description {border: 0; padding: 0 0 0 30px; margin: 0; font-size: 1rem;}
    .zip-autocomplete     {display: none; position: absolute; top: 100%; left: 0; right: 0; background: var(--c04); border: 1px solid rgba(0,0,0,0.2); border-radius: 4px; z-index: 9999; max-height: 260px; overflow-y: auto;}
    .zip-autocomplete__item {padding: 10px 14px; cursor: pointer; font-size: 14px;}
    .zip-autocomplete__item:hover {background:var(--c03); color:var(--c01);}
    .zip-autocomplete__empty {padding: 10px 14px; font-size: 14px; color: var(--c06);}

    
    

    

    .page-404   {padding:7rem 0;}

    .offer .block_boxes .block_boxes_container .box_item {align-items: flex-start;}
    .offer .block_boxes .block_boxes_container .box_item .box_img img {display: block; max-width: 10rem; margin: 0 0 2rem;}
    .offer .block_boxes .block_boxes_container .box_item h2 {margin: 0 auto 2rem 0;}
    .offer .block_boxes .block_boxes_container .box_item p {margin: 0 auto 1rem 0;}


@media (max-width:1280px) {
  section .row {padding: 4rem 0;}

  .page-hero .block           {width: 75%;}
  .page-hero .block h1        {font-size: 4.5rem;}

  .block-boxes-two-v2 .block .text-column-bg   {background-size: cover;}
  .block-costs-comparison .boxes-ico-text-vertical .box-big h1 {font-size:5rem;} 

  .city-profile .block .boxes-ico-text-vertical {flex-wrap: wrap; margin: 0 0 1rem 0; justify-content: space-between;}
  .city-profile .block .boxes-ico-text-vertical .box  {width: 24%; margin: 0 0 1rem;}
  .city-profile .block .boxes-ico-text-vertical .box:last-of-type     {width: 100%;}
  .city-profile .block .boxes-ico-text-vertical .box:last-of-type h4  {text-align: center;}

  .popup .container .row    {padding: 0 0 5rem; width: 100%;}
}

@media (max-width:1200px) {
  .container                {max-width: 1024px;}
}

@media (max-width:1024px) {

  
  .container                                                      {max-width: 1000px;}
  header                                                          {position: relative; background:var(--c05);}
  header .container                                               {flex-wrap: wrap;}
  header .mobile-menu                                             {display:flex; height: 50px;align-items: center;}
  header .top-header-logo                                         {width: auto;}
  header .top-header-logo img                                     {height: auto;}
  header .top-header-logo span                                    {}
  header .top-header-menu                                         {margin:0;}
  header .top-header-menu_wrap                                    {display:none; position: relative; width: 100%;}
  header .top-header-menu_wrap_visible                            {display: flex; flex-direction: column; align-items: flex-start; padding: 0 0 2rem 0;}
  header .top-header-menu .menu                                   {flex-wrap: wrap; padding: 1em 0;}
  header .top-header-menu .menu li                                {display: flex; width: 100%; flex-wrap: wrap;}
  header .top-header-menu .menu li a                              {padding: 1em 0; height: auto; line-height: 100%; width: 100%; white-space: unset;}
  header .top-header-menu .menu li.button a                       {padding: 1em 0; width: auto; background-color: transparent; color: var(--c05);}
  header .top-header-menu .sub-menu                               {position: relative; top: 0; display: block; background-color: transparent; padding: 0 0 0 2rem;}
  header .top-header-menu .menu li:hover, 
  header .top-header-menu .menu li.current_page_item, 
  header .top-header-menu .menu li.current-page-parent            {background-color: transparent;}
  header.header-fixed::after                                      {background-color: var(--c01); opacity:0.9;}

  header .top-header-call       {display: block; position: relative; margin: 0;}
  header .top-header-call span  {margin: 0 .5rem 0 0;}

  footer .block-info,
  footer .block-contact,
  footer .block-menu                                              {margin: 0 0 3em 0;}
  .buttons-container .btn                                         {font-size: 16px; margin: 0 0 1em 0;}

  .block_hero_default .txt                                        {width: 100%;}
  .block_boxes .block_boxes_container.boxes_columns_4 .box_item   {width: calc(50% - 1rem);}

 
} 

@media (max-width:992px) {
  footer .container .row                                {flex-wrap: wrap;}
  footer .container .row_items_3 .column_cstm-settings_footer_logo              {width: 100%; display: flex; flex-direction: column; align-items: center;}
  footer .container .row_items_3 .column_cstm-settings_footer_menu              {width: 50%;}
  footer .container .row_items_3 .column_cstm-settings_footer_dane_kontaktowe   {width: 50%;}

}

@media (max-width:768px) {
  .container                                {max-width: 100%;}
  header .top-header-logo                   {padding: 0;}
  .buttons-container                        {margin: 3rem auto 0; text-align: center;}
  .buttons-container .btn                   {font-size: 1.4rem; white-space: normal; line-height: 1.5;}
  .buttons-container .btn:hover             {padding-right: 3rem;}
  .buttons-container .btn:hover::after      {display:none;}

  footer .container .row                                                        {margin: 0;}
  footer .container .row_items_2 .column                                        {width: 100%;}
  footer .container .row_items_2 .column_cstm-settings_footer_logo .block_description {margin: 2rem 0 0 0; line-height: 1.5;}
  footer .container .row_items_3 .column_cstm-settings_footer_menu              {display: none;}
  footer .container .row_items_3 .column_cstm-settings_footer_dane_kontaktowe   {width: 100%;}

  section .row            {padding: 5rem 0 0;}
  section .headline h2    {font-size: 3.5rem; margin: 2rem 0; line-height: 4rem;}

  .block_hero_default     {padding: 0;}

  .pt_10 .row             {padding-top: 5rem;}
  .pb_10 .row             {padding-bottom: 5rem;}

  .block_image .block_image_container img {width: 100% !important; margin: 0 0 3rem 0;}


}

@media (max-width:600px) {  
  h2, .h2                                   {font-size: 2.5rem;}    
  
}

@media (max-width:480px) {

}