/* 
  red  #BF0A30;
  blue #2e3786;
  
  #2e3786 (blue) and #BF0A30 (red)
*/

:root {
  --background-color:#fff;
  --color-primary: #006633;
  --color-secondary: #87c1e2;
  --color-alert:#cc0000;
  --color-text:#32292E;
  --submenu-bg-color: #222;
  --submenu-bg-hover-color: #555;
}

/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

 
 .orange {
   color:#ed6f00;
 }
 .green {
   color:#069836;
 }
 
 body {
   font-family:'Montserrat', Arial, Helvetica, sans-serif;
   font-weight:400; font-size:16px;
   background-color:#fff; color:var(--color-text);
   /* -webkit-hyphens: auto;
   -moz-hyphens: auto;
   hyphens: auto; */
 }
 .ck_body {
   background-color:#bebebe;
 }
 .clear {
   clear:both;
 }
  
 section, div.section {
   display:block; position:relative; overflow:hidden;
   width:1220px; max-width:100%; min-height:100px; margin:0 auto;
   padding:20px 0 50px 0;
   /* border:1px solid yellow; */
   background-position: 0 0;
   background-attachment: fixed;
   background-repeat: no-repeat;
   background-size: cover;
   /* margin-bottom:50px; */
 }
 
 
 .page_section {
   box-sizing: border-box; 
   display: flex;
   justify-content: space-between;
   max-width:100%;
   width:1220px;
   margin: 30px auto;
   text-align:center;
   position:relative; clear:both;
   padding:0;
   /* min-height:200px;  */
   /* background-color:rgba(255,255,255,1.0); */
   /* color:#000; */
 }
 .page_section.xl {
   display:block;
   min-height:50px;
   text-align: left;
 } 
 
 .page_section > div {
   width:50%;
 }
 
 .page_section > div.gal_body {
   width:100%;
 }
 
 .page_section > div:nth-child(1) {
   /* text-align: right; */
   text-align: justify;
   padding-right:1%;
 }
 .page_section > div:nth-child(2) {
   /* border-left:1px solid black; */
   text-align: justify;
   padding-left:1%;
 }
 
 .page_section .xl {
   width:100%;
   text-align: left;
   padding:0;
 }
 
 .page_section.left {
   text-align:left;
   margin:0; padding:1% 0%;
   background:none;
 }
 .page_section.left div.l, .page_section.left div.r {
   width:45%; padding:0;
 }
 
 div.produkcja {
   background-color:var(--color-text);
   color:#fff;
   padding:10px 0;
 }
 
 img.round {
   /* display:inline-block; */
   /* border-radius:50%; */
 }
 
 
 a.next {
   display:block; position:absolute; left:50%; bottom:-39px; margin-left:-40px;
   width: 0; height: 0; z-index:3;
   border-left: 40px solid transparent;
   border-right: 40px solid transparent;
   border-top: 40px solid #bebebe;
}
 
 a.next:hover {
   text-decoration:none;
 }
 
 
 div.l, div.r {
   display: table-cell;
   vertical-align: middle;
   padding:0 4%;
 }
 div.l {
   /* float:left; */ width:40%;
 }
 div.r {
   /* float:right; */ width:40%;
 }
 
 div.l img, div.r img {
   width:100%;
 }
 
 #oferta.page_section {
   background-color:rgba(255,255,255,0.8);
 }
 
 /* div.r:after {
   content:""; display:block;
   width:100%; border:1px solid red;
 } */
 
 
 h1 {
   margin:2% auto; padding:0; font-size:30px; font-family: 'Montserrat'; font-weight:600; 
   text-align:left; color:var(--color-primary);
   width:1220px; max-width: 100%;
 }
 
 h2 {
   /* margin:2% 4%; padding:20px 2%; */
   font-size:20px; font-family: 'Montserrat'; font-weight:600;
   color:var(--color-primary);
   line-height: 120%;
 }
 h3 {
   /* margin:16px 0 10px 0; */
   font-size:1.4em; font-weight:500; color:var(--color-primary);
 }
 h3 strong {
   font-weight:700; color:#2e3786;
 }
 
 h4 {
   margin:0; padding:0;
   margin-top:6px; margin-bottom:3px;
   color:#333; font-size:14px;
 }
 
 img {
   max-width:100%;
   display: block;
 }
 img.circle {
   border-radius:50%;
 }
 img.img_fit {
   object-fit: cover;
   object-position: center center;
   width:100%; height:300px;
 }
 img.lazy {
   /* display:block; float:none !important; clear:both; height:100px; margin:0 auto !important; */
   background: no-repeat 50% 50% #ccc;
 }
 p {
   margin-top:4px; margin-bottom:8px; line-height:160%;
   text-align: justify;
 }
 
 ul, li {
   line-height:160%;
 }
 
 a {
   /* color:#2e3786; */
   color:var(--color-primary);
   text-decoration:none;
 }
 
 a:hover {
   /* color:#ccc; */
   text-decoration:underline;
 }
 .more {
   display:inline-block; padding:10px 20px; margin-top:30px; 
   font-weight:600; background:#069836; color:#fff;
   text-decoration:none; cursor:pointer;
   border-radius:3px;
 }
 
 address {
   font-size:13px;
 }
 
 img.ico_req {
   width:10px; height:8px;
   position:absolute; right:-5px; top:9px;
 }
 
 a.btn {
   display:block; width:125px;
   float:right;
 }
 
 /* validacja */
 .error {
   display:none;
   left:-2000px;
   top:-2000px;
 }
 
 .error {
   height:15px;
   background-color:#FFFE36;
   border:1px solid #E1E16D;
   font-size:11px; color:#000;
   padding:3px; padding-left:10px; padding-right:10px;
   margin-left:-2px;
   
   /* CSS3 spicing for mozilla and webkit */
   -moz-border-radius:4px;
   -webkit-border-radius:4px;
   -moz-box-shadow:1px 1px 1px #999;
   -webkit-box-shadow:1px 1px 1px #999;
   border-radius:4px;
   box-shadow:1px 1px 1px #999;
 }
 .error p {
   margin:0; padding:0;
 }
 
 /* NOTE: tab menu 
 */
   .page_section div.tab_menu {
     display: flex;
     justify-content: space-between;
     flex-wrap:wrap;
     position:relative; text-align:justify; font-size:0px; line-height:0;
     padding:0; z-index:2;
     z-index:220;
   }
   div.tab_menu > div {
     display:inline-block; position:relative; /* overflow:hidden; */ margin:0;
     width:32%; /* min-height:380px; */
     padding:0;
     vertical-align: top;
     font-size:1rem; line-height:1.4rem; text-align:left;
     *display: inline;
     /* background-color:#000; */ border-radius:3px;
   }
   
   div.tab_menu > div p:first-child,
   p.img_fit {
     margin:0; padding:0;
     position:relative;
   }
   div.tab_menu > div p:first-child img,
   p.img_fit img {
     object-fit: cover;
     object-position: center center;
     height:260px; width:100%;
   }
   p.img_fit img {
     height:352px;
   }
   div.tab_menu > div p:not(.txt):first-child:after,
   p.img_fit:after,
   div.gal_pictures > div:not(.empty):after,
   div.news_cont > .news div.img:after,
   div.ico:after {
     display:block;
     content:"";
     width:35px;
     height:14px;
     background-color:var(--color-primary);
     position: absolute;
     margin:0;
     padding:0;
     left:20px;
     bottom:-6px;
     z-index:9;
   }
   div.gal_pictures > div {
     overflow:visible;
     border:0; padding:0;
   }
   .gallin_menu_top a.gallin_ico_fullscreen,
   div.gal_pictures::after
   /* div.gal_pictures div.empty,
    */ {
     display:none;
   }
   
   div.tab_menu div.gal_pictures > div:not(.empty) {
     width:100%;
   }
   
   div.tab_menu > div h3 {
     margin:0; padding:0;
     margin-bottom:10px;
   }
   
   div.tab_menu > div h3 a {
     display:block; 
     position:absolute; top:0; right:0; bottom:0; left:0; z-index:1;
     text-align:center; padding:280px 13% 4% 13%;
     font-size:24px; line-height:26px; font-weight:600; color:#fff;
     text-shadow:0px 0px 5px #000;
   }
   div.tab_menu > div h3 a:hover {
     text-decoration:none;
   }
   div.tab_menu > div h3 a:after, div.tab_menu > div h3 a:before {
     content:"";
     display:block; position:absolute; top:90px; left:50%; margin-left:-75px;
     width:150px; height:150px; border-radius:50%;
     background-color:#fff; opacity:0.3;
   }
   div.tab_menu > div h3 a#oferta1:before {
     background:url("images/site_icons.png") 27px -195px no-repeat; opacity:1; z-index:3;
   }
   div.tab_menu > div h3 a#oferta2:before {
     background:url("images/site_icons.png") 27px -330px no-repeat; opacity:1; z-index:3;
   }
   div.tab_menu > div h3 a#oferta3:before {
     background:url("images/site_icons.png") 27px -480px no-repeat; opacity:1; z-index:3;
   }
   div.tab_menu > div h3 a#oferta4:before {
     background:url("images/site_icons.png") 27px -620px no-repeat; opacity:1; z-index:3;
   }
   div.tab_menu > div h3 a#oferta5:before {
     background:url("images/site_icons.png") 27px -770px no-repeat; opacity:1; z-index:3;
   }
   div.tab_menu > div h3 a#oferta6:before {
     background:url("images/site_icons.png") 27px -910px no-repeat; opacity:1; z-index:3;
   }
   
   div.tab_menu > div h3 a:hover:after {
     background-color:#000;
     opacity:0.6;
   }
   
   /* div.tab_menu > div h3 a:before {
     content:"";
     display:block; position:absolute; top:0px; left:0;
     width:100%; height:100%;
     background:url("images/exito_services_doradztwo.jpg") center yellow;
     opacity:0.4;
   } */
   
   div.tab_menu > div h3 img {
     position:absolute;  
     opacity:0.6; z-index:-1;
   }
   
   
   div.tab_menu > div h3 a img {
     position:absolute; top:0px; left:50%; margin-left:-287.5px;
     width:575px; max-width:575px; height:410px;
     opacity:0.4; transition: all 0.3s ease-in-out;
   }
   div.tab_menu > div h3 a:hover img {
     opacity:0.9;
   }
   
   /* div.tab_menu:after {
     content:''; width:100%; display:inline-block;
     font-size:0; line-height:0; height:0; overflow:hidden;
   } */
   
 .bg_att {
   height:300px;
   padding-top:130px;
   background:url("images/IMG-20240616-WA0013.jpg") center no-repeat;
   background-attachment: fixed;
 }
 .bg_att h2 {
   font-size:30px;
   padding:3%;
   text-align: center;
   color:#fff;
   background:rgba(0,0,0,0.5);
 }
   
 #gmap {
   min-height:300px; border:1px solid #ccc;
   background:url("images/sosnkowskiego_18.png") center no-repeat;
 }
 #gmap a {
   display:block; min-height:300px;
 }
 
 div.menu_footer {
   width:24.5%; margin-left:0px; float:left;
 }
 
 ul.menu_footer {
   padding:0; margin:0; width:23%; float:left; margin-right:1%;
   padding-left:1%; border-left:1px solid #33cc00;
 }
 ul.menu_footer li {
   list-style:none;
   border-bottom:1px dotted #555;
 }
 ul.menu_footer li a {
   display:block;
   line-height:16px;
   padding-top:9px;
   padding-bottom:9px;
 }
 
 /* NOTE: 1920
 */
 @media only screen and (max-width: 1920px) and (orientation:portrait), only screen and (max-width: 1920px) and (orientation:landscape) {
   
   .cycle-co { 
     top:150px;
   }
 }
 
 /* NOTE: 1680
 */
 @media only screen and (max-width: 1680px) and (orientation:portrait), only screen and (max-width: 1680px) and (orientation:landscape) {
   
   .cycle-co { 
     top:120px;
   }
 }
 /* NOTE: 1220
 */
 @media only screen and (max-width: 1220px) and (orientation:portrait), only screen and (max-width: 1220px) and (orientation:landscape) {
   a.link_home {
     /* bottom:100px; height:75px; width:320px; */
     left:10px;
   }
   
   /* h1 {
     padding-left:2.8%; 
   } */
   
   /* .cycle-co {
     top:80px;
   } */
   .cycle-caption h2 {
     font-size: 3.8rem;
   }
   #page_bg {
     width:96%; margin:0 auto;
     
   }
   
 }
 /* NOTE: 980
 */
 @media only screen and (max-width: 980px) and (orientation:portrait), only screen and (max-width: 980px) and (orientation:landscape) {
   
   body {
     padding-top:70px;
   }
   
   ul#nav_top li {
     margin-left:0px;
   }
   ul#nav li a, ul#nav_sm li a {
     /* text-align:right; */
   }
   ul#nav_top li a.tel, ul#nav_top li a.mail {
     width:1px; overflow:hidden; content:"";
   }
   
   #header.m {
     opacity: 1;
     height:70px;
   }
   a.link_home {
     height:50px;
     background-size: auto 100%;
   }
   #header.m a#menu_btn {
     display:block;
   }
   #header.m nav {
     position:absolute; 
     right:0; top:64px;
     width:300px;
     padding:0 10px;
     background:var(--background-color);
   }
   
   .cycle {
     /* margin-top:50px; */
     /* height:500px; */
   }
   
   .cycle-co {
     top:90px;
   }
   
   /* .cycle div img {
     height:500px; width:980px; max-width:980px; 
     top:0; right:0;
   } */
   
   .cycle-slideshow div {
     overflow:hidden;
   }
   .cycle-slideshow div.mobi_yes img { 
     width:980px; max-width:100%;
     position:relative; /* left:50%; margin-left:-490px; */
   }
   
   .cycle-caption h2 { 
     font-size:3rem;
   }
   .cycle-overlay p { 
     font-size:2rem;
   }
   /* .cycle-pager {
     margin: -40px auto 0 auto;
     text-align: center;
   } */
   
   .page_section div.tab_menu {
     justify-content: center;
     gap:2%;
   }
   div.tab_menu > div {
     width:47%;
   }
   
   .gal_pictures > div {
     min-height:90px;
   }
   
   #facebook_ico {
     display:block; float:left; width:36px; height:36px;
     background:url(images/site_icons.png) 0 -192px no-repeat; margin-top:12px;
   }
   #facebook_box {
     display:none;
   }
   
   footer > div > div {
     width:100%;
   }
   footer > div > div img {
     margin:0;
   }
   
   div.menu_footer {
     width:100%; margin-left:0; margin-bottom:10px; float:none;
   }
   ul.menu_footer {
     width:100%; float:none; clear:both; margin:0; padding:0; border:0;
   }
   
 }
 
 /* NOTE: 800
 */
 @media only screen and (max-width: 800px) and (orientation:portrait), only screen and (max-width: 800px) and (orientation:landscape) {
   #header_bg {
     position:absolute;
   }
   /* .cycle {
     height:400px;
   } */
   .cycle div img {
     /* height:400px; width:800px; max-width:800px; */ 
     top:0; right:0;
   }
   .cycle a.promo {
     right:20px;
   }
   /* .cycle-co {
     top:90px;
   } */
   
   .page_section.left div.l, .page_section.left div.r {
     width:100%;
   }
   
   div.news_cont > .news {
     width:46.0%; min-height:180px;
   }
   
   .cycle-prev, .cycle-next {
     display:none;
   }
 }
 
 @media only screen and (max-width: 768px) and (orientation:portrait), only screen and (max-width: 768px) and (orientation:landscape) {
   div.item_info > div.item_prod {
     width:100%
   }
   
   div.item_ico {
     width:100%
   }
 }
 /* NOTE: 640
 */
 @media only screen and (max-width: 640px) and (orientation:portrait), only screen and (max-width: 640px) and (orientation:landscape) {
   #header_bg {
     position:absolute;
   }
   #header_bg, #header {
     /* background-image:none; */
   }
   #header.m nav {
     width:100%;
   }
   
   
   .page_section {
     flex-wrap:wrap;
   }
   .page_section > div, .page_section > div:nth-child(1), .page_section > div:nth-child(2) {
     width:100%; padding:0; border:none;
     text-align:center;
   }
   .page_section > div img {
     margin:0 auto;
     width:100%;
   }
   div.tab_menu {
     margin-bottom:20px;
   }
   div.tab_menu > div {
     width:98%;
   }
   
   #footer_in {
     text-align:center;
   }
   footer > div > div img {
     margin:0 auto;
   }
   
   /* .cycle-co {
     top:60px;
   } */
   .cycle-caption h2 {
     font-size:2rem;
   }
   .cycle-overlay p, .cycle-overlay p a {
     font-size:1.2rem;
   }
   .gal_gp {
     text-align:center;
   }
   .gal_pictures > div {
     width: 49.3%;
   }
   /* #tab_menu a {
     width:49.5%;
   } */
   
   #footer_in {
     /* padding:20px 4%; */
   }
 }
 /* NOTE: 540
 */
 @media only screen and (max-width: 540px) and (orientation:portrait), only screen and (max-width: 540px) and (orientation:landscape) {
   /* #header a.link_home, #header.m a.link_home, #header.mm a.link_home {
     top:10px; height:100px; width:100px;
   } */
   
   
   /* .cycle-caption {
     top:130px; width:100%;
   }
   .cycle-caption h2 {
     font-size:2rem; text-align:center;
   }
   
   .cycle-overlay {
     top:170px; width:100%;
   }
   .cycle-overlay p, .cycle-overlay p a {
     font-size:2.0rem; text-align:center;
   } */
   
   div.l, div.r {
     width:100%;
   }
   
 }
 
 /* NOTE: 480
 */
 @media only screen and (max-width: 480px) and (orientation:portrait), only screen and (max-width: 480px) and (orientation:landscape) {
   
   .cycle-caption, .cycle-overlay {
     left: 15%;
   }
   
   div.news_cont > .news {
     width:97%; min-height:80px;
   }
 }
 
 @media only screen and (max-width: 400px) and (orientation:portrait), only screen and (max-width: 400px) and (orientation:landscape) {
   /* #header.m a.link_home {
     width:250px; bottom:22px
   } */
   .gal_pictures > div {
     width: 100%;
   }
   
   .cycle-caption, .cycle-overlay {
     left: 5%;
   }
 }