body                                        {background-color: #fff;}
.tr                                         {transition:  all .3s ease-in-out 0s;}


header                                      {padding: 1rem 0 0; position: relative; width: 100%; height: auto; z-index: 100;}
header.sticky                               {position: sticky; top: 10px;} 
header .container                           {display: flex; flex-wrap: nowrap; align-items: center; position: relative; margin: 0 auto; width: 90%; background-color: #fff; max-width: 90%; min-width: 90%;}
header .top-header-logo                     {flex-shrink: 1;}
header .top-header-logo img                 {max-width: 200px; width: 100%; height: auto; display: block; padding: 20px;}
header .top-header-menu_wrap                {display: flex; margin: 0 0 0 auto; justify-content: center; align-items: center; padding: 0 20px 0 0;}
header .top-header-menu                     {margin: 0 0 0 auto;}
header .top-header-menu .menu               {list-style: none; display: flex; padding: 0; margin: 0; font-size: 0.8rem;}
header .top-header-menu .menu li            {display: flex; justify-content: center; align-items: center; padding: 0.4rem 0;}
header .top-header-menu .menu li a          {color: #484848; text-decoration: none; padding: 0.8rem 2rem; display: block; line-height: 100%;}
header .top-header-menu .menu li:hover,
header .top-header-menu .menu li.current_page_item,
header .top-header-menu .menu li.current-menu-ancestor {background-color: #ea4f3d; border-right: 1px solid #fff;}

header .top-header-menu .menu li:hover a,
header .top-header-menu .menu li.current_page_item a,
header .top-header-menu .menu li.current-menu-ancestor a {color: #fff;}
/* 
header .top-header-menu .sub-menu                         {position: absolute; padding: 0; display: none; top: 50px; right: 0; background-color: #febb0b;} 
header .top-header-menu .sub-menu li                      {width: 100%;}
*/
header .top-header-menu .sub-menu                         {position: absolute; padding: 0; display: none; background-color: #febb0b; width: auto;  margin: 0; box-shadow: 0 5px 20px #6493b7;}
header .top-header-menu li:last-child .sub-menu           {right:0;}
header .top-header-menu .sub-menu li                      {width: auto; border-right: 1px solid #fff;}
header .top-header-menu .sub-menu li:last-child           {width: auto; border-right: none;}
header .top-header-menu .sub-menu li  a                   {white-space: nowrap; width: 100%;}
header .top-header-menu .menu li:hover .sub-menu          {display: block;} 
header .mobile-menu                                       {display:none; margin: 0 0 0 auto;}
header .mobile-menu .mobile-menu__icon                    {width: 25px; display: flex; justify-content: center; align-items: center; cursor: pointer; height: 25px; position: relative; flex-direction: column;}
header .mobile-menu .mobile-menu__icon .bar               {width: 100%; display: block; height: 3px; background-color: #484848; position: relative;}
header .mobile-menu .mobile-menu__icon .bar_1             {top: -5px;}
header .mobile-menu .mobile-menu__icon .bar_2             {top: 0px;}
header .mobile-menu .mobile-menu__icon .bar_3             {top: 5px;}
header .top-header-menu_wrap_visible                      {display:block;}

header .lang-switcher                                     {margin: 0 0 0 5px; padding: 0.8rem 0; display: flex; list-style: none; background-color: #000;}
header .lang-switcher .lang-item                          {display: block;}
header .lang-switcher .lang-item a                        {color: #fff; padding: 0 2rem; font-size: 0.8rem; display: block; height: 100%;}
header .lang-switcher .current-lang                       {display: none;}

footer                                                    {z-index: 100;}

section .row .video_fs__container h1,
section .row .video_fs__container h2,
section .row .video_fs__container h3,
section .row .video_fs__container h4,
section .row .video_fs__container h5,
section .row .video_fs__container h6,
section .row .video_fs__container p     {color:#fff;}

.video_fs__container                    {width: 100%;background-color: #000;height: 80vh;position: relative;z-index: 1; display:flex;}
.video_fs__wrapper                      {position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;}
.video_fs__wrapper video                {width: 100%;height: auto;position: absolute;top: 0;z-index: 10;}
.video_fs__wrapper .video_fs_cover      {width: 100%;height: 100%; background-color: #000; position: absolute;top: 0;z-index: 15;}
.video_fs__text                         {position: relative; z-index: 20; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.video_fs__text .headline               {max-width:768px;}
.video_fs__text .text                   {max-width:768px;}

section.block_hero .row .container             {justify-content: flex-start; padding: 0;}
section.block_hero .row .txt                   {position: relative; z-index: 10; margin: 0 auto; padding: 150px 0 0 0; width: 90%; border-radius: 0; background-color: transparent; max-width: 100%;}
section.block_hero .row .txt h2                {position: relative; top: -100px; color: #fff; max-width: 768px; font-size: 2rem; line-height: 2.5rem;}
section.block_hero .row .img                   {height: auto; background-repeat: no-repeat; background-size: cover; background-position: center center; position: absolute;  width: 100%; z-index: 3; top: -100px; bottom: 0; right: 0; left: 0; max-height: 100%; padding: 100px 0 0 0;}
section.block_hero .row .blend                 {position: absolute; top: -100px; left: 0; right: 0; bottom: 0; z-index: 1; max-height: 100%; padding: 100px 0 0 0;}

section.block_text-with-image .row h3,
section.block_boxes .row h3                    {font-size: 2rem; line-height: 2.5rem;}
section.block_text-with-image .row p,
section.block_boxes .row p                     {font-size: 1rem; line-height: 1.5rem;}

.page-template-page-temporary .wp-block-quote::before, 
.page-template-page-temporary blockquote::before        {content: '❞'; position: absolute; top: 0%; left: 15px; height: .3em; font-size: 400px; line-height: 1;  font-weight: 600; letter-spacing: -.04em; color: #e82a2a; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: -1;}
.page-template-page-temporary .wp-block-quote p, 
.page-template-page-temporary blockquote p              {text-align: left; font-weight: 900; font-size: 1.75rem!important; line-height: 2.25rem!important; font-style: italic;}


.block_text-with-image .row__txt_img .img span    {font-size: 1rem; color: #000; text-align: right; padding: 5px 1rem;}
.block_text-with-image .row__img_txt .img span    {font-size: 1rem; color: #000; text-align: left; padding: 5px 1rem;}

.block_boxes .boxes_h_q .box_item     {justify-content: flex-start;}
.block_boxes .boxes_h_q h3            {font-size: 2rem; line-height: 2.25rem; margin: 0 0 1rem 0;}


/* DECORATIONS */
#sign_01 .row__img_txt .img            {position: relative;}
#sign_01 .row__img_txt .img::after     {content: ''; position: absolute; left: 100%; top: 0; bottom: 0; height: 100%; width: 100%; z-index: 0; display: flex; background-image: url('https://instytutwzornictwa.com/wp-content/uploads/2025/11/sign_01.png'); background-repeat: no-repeat; background-size: contain;}


#sign_01 .row__img_txt .txt            {position: relative; z-index: 2;}

#sign_02 .row__txt_img .img            {position: relative;}
#sign_02 .row__txt_img .img::after     {content: ''; position: absolute; left: -10%; bottom: -10%; height: 200px; width: 200px; z-index: 0; display: flex; background-image: url('https://instytutwzornictwa.com/wp-content/uploads/2025/11/sign_02.png'); background-repeat: no-repeat; background-size: contain;}
#sign_02 .row__txt_img .txt            {position: relative; z-index: 2;}

.page-template-page-temporary #sign_02 blockquote::before {content: url('https://instytutwzornictwa.com/wp-content/uploads/2025/11/sign_02.png'); position: absolute;  top: 0; left: 15px; height: 200px; width: 200px; transform: translateY(-100%);}

#sign_03 .row__img_txt .img            {position: relative;}
#sign_03 .row__img_txt .img::after     {content: ''; position: absolute; left: 100%; top: 0; bottom: 0; height: 100%; width: 100%; z-index: 0; display: flex; background-image: url('https://instytutwzornictwa.com/wp-content/uploads/2025/11/sign_03.png'); background-repeat: no-repeat; background-size: contain;}
#sign_03 .row__img_txt .txt            {position: relative; z-index: 2;}

.page-template-page-temporary #sign_04 blockquote::before {content: url('https://instytutwzornictwa.com/wp-content/uploads/2025/11/sign_04.png'); position: absolute;  top: 0; left: 15px; height: 200px; width: 200px; transform: translateY(-100%);}

#sign_05 .row__img_txt .img            {position: relative;}
#sign_05 .row__img_txt .img::after     {content: ''; position: absolute; left: 100%; top: 0; bottom: 0; height: 100%; width: 100%; z-index: 0; display: flex; background-image: url('https://instytutwzornictwa.com/wp-content/uploads/2025/11/sign_05.png'); background-repeat: no-repeat; background-size: contain;}
#sign_05 .row__img_txt .txt            {position: relative; z-index: 2;}

.page-template-page-temporary #sign_06 blockquote::before {content: url('https://instytutwzornictwa.com/wp-content/uploads/2025/11/sign_06.png'); position: absolute;  top: 0; left: 15px; height: 200px; width: 200px; transform: translateY(-100%);}


@media (max-width:1200px) {
}

@media (max-width:1024px) {
  header .container                                               {flex-wrap: wrap;}
  header .mobile-menu                                             {display:flex; margin: 0 20px 0 auto;}
  header .top-header-menu_wrap                                    {display:none; position: relative; width: 100%;}
  header .top-header-menu_wrap_visible                            {display:block; padding: 0;}
  header .top-header-menu                                         {overflow-x: scroll; height: auto;}
  header .top-header-menu .menu                                   {flex-wrap: wrap;}
  header .top-header-menu .menu li                                {display: block; width: 100%;}
  header .top-header-menu .sub-menu                               {position: relative; top: 0; display: block; background-color: #fff; padding: 0 0 0 2rem; box-shadow: none;}
  header .lang-switcher                                           {margin: 0;}
} 

@media (max-width:768px) {
  .page-template-page-temporary footer #qodef-page-footer-top-area    {padding: 3rem 0;}
  .page-template-page-temporary footer #nav_menu-3                    {display: none;}
  .video_fs__wrapper video                {width: auto; height: 100%; left: -50%;}
  .video_fs__text .text                   {padding: 0 2rem;}
  .video_fs__text .text p                 {line-height: 2rem; font-size: 1rem;}
  .block_text-with-image .txt-wrapper                         {width: 100%!important;}  
  #contact .row .txt-wrapper h3,
  #contact .row .txt-wrapper p            {text-align: left!important;}

  #contact .row__img_txt .txt             {padding: 0;}

  .block_boxes .boxes                     {padding: 0;}
  .block_boxes .boxes_col-2 .box_item     {width: 100%; padding: 0;}

  #sign_01 .row__img_txt .img::after                          {display: none;}
  .page-template-page-temporary #sign_02 blockquote::before   {transform: translateY(-50%);}
  #sign_03 .row__img_txt .img::after                          {display: none;}
  .page-template-page-temporary #sign_04 blockquote::before   {transform: translateY(-50%);}
  #sign_05 .row__img_txt .img::after                          {display: none;}
  .page-template-page-temporary #sign_06 blockquote::before   {transform: translateY(-50%);}

}

@media (max-width:600px) {
  header .top-header-menu .sub-menu li a                          {white-space: normal;}
  section.block_hero .row .txt h2                                 {font-size: 2.5rem; line-height: 3rem;}
  .page-template-page-temporary .wp-block-quote, 
  .page-template-page-temporary blockquote                        {padding: 0 0 0px 10%;}
  .page-template-page-temporary .wp-block-quote::before, 
  .page-template-page-temporary blockquote::before                {left: 0; font-size: 200px;}
}

@media (max-width:480px) {
  section.block_hero .row .txt h2                                 {font-size: 2rem; line-height: 2.5rem;}
}

@keyframes pulse-black {
    0% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 rgba(3, 79, 138, 0.7);
    }
    
    70% {
      transform: scale(1);
      box-shadow: 0 0 0 10px rgba(3, 79, 138, 0);
    }
    
    100% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 rgba(3, 79, 138, 0);
    }
}