<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html{
 scroll-behavior: smooth;
}
body {
  margin: 0;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size:14px;
  color:#666666;
 
}
p{
  margin:5px 0 0 0 ;
  padding: 0;
}
a:link{
  color:#810A18;
}
a:hover{
   color:#666666;
}  
h2 a:link{
   color:#FFF;
}
h1{
  color:#FFFFFF;
  font-size:30px;
}
.header_small_txt_realizacje h1{
   color:#FFFFFF;
  font-size:30px;
   margin-top:0;
   margin-bottom:5px;
}
.header_small_txt_realizacje p{
     margin:0;
     padding:0;
     color:#FFF;
}
.header_small_txt{
   padding-top:30px;
 
   text-align:center;
}
.header_small_txt h1{
color:#821022;
font-weight:bold;

}
.content{
margin-bottom:30px;
width:100%;
position:relative;
}
.mainmenu{
   width:100%;
   padding-top:10px;
   //padding-bottom:60px;
   max-width:1200px;
   margin:auto;
   display:flex;
  align-items: center;
  justify-content: center;
   
}
.main-footer-block{
   width:100%;

   margin:auto;

}


.social_block{
flex-grow: 1;
text-align:right;
max-width:200px;
}

.left{
text-align:left;
flex-grow: 1;
}
.news_img img{
    width:initial !important;
}
.mainmenu_links{

display:none;
text-align:right;
}
.mainmenu_mobile{
//float:right;
//display:block;
//margin-top:30px;
text-align:right;
flex-grow: 1;
}
#main_nav ul li:last-child{
display: inline-block;
margin-right:0;
margin-top:10px;
}
#main_nav ul li{
display: inline-block;
margin-right:30px;
margin-top:10px;
}
#main_nav ul li a:link{

}
#main_nav ul li a:hover{
    
}

.menu_item{
font-size:16px;
font-weight:bold;

 }
.checked a{
   // background:#821022;
                         color:#821022;
                         padding-top:10px;
                         padding-bottom:10px;
                         padding-right:5px;
                            padding-left:5px;
} 
.header{
width:100%;

}
.menu{
width:100%;
background-color:rgba(255, 255, 255, 0.95);
margin:auto;
position:fixed;
top:0;
z-index:2;
border-bottom:1px solid lightgray;
box-shadow:0px 1px 1px lightgray;
height:80px;
}
.header_small{
height:140px;
background: url("/gfx/bg_slider_firma.jpg");
margin-top:80px;
}
.header_small_kariera{
height:140px;
background: url("/gfx/header_kariera.jpg");
background-position: center;
background-size: 100%;
margin-top:80px;
}
.header_small_firma{
height:140px;
background: url("/gfx/firma_header2.jpg");
background-position: center;
background-repeat:no-repeat;
background-size: 100%;
margin-top:80px;
}
.header_small_oferta{

margin-top:50px;
}
.header_small_realizacja{
height:140px;
background: url("/gfx/realizacje_header.jpg");
background-position: center;
background-size: 100%;
margin-top:80px;
background-repeat:no-repeat
}
.header_small_poradnik{
height:140px;
background: url("/gfx/firma_header.jpg");
background-position: center;
background-size: 100%;
margin-top:80px;
}

.sections{
   

   max-width:1200px;
   margin:auto;
  
   margin-top:20px;
   margin-bottom:20px;

  
}
.sections:after {
  content:'';
  display:block;
  clear:both;
}
.box30{
width:35%;
float:left;
}
.box30_1{
width:30%;
float:left;
}
.box30_header{
 font-size:18px;
 color:#000;
 font-weight:bold;
}
.box30_txt {
margin-right:40px;
line-height: 1.7em;

}
.box30_txt p{
 margin: 15px 0 15px 0;

}
.main_col1{
float:left;
width:20%;
padding-bottom:40px;
padding-top:40px;
min-height:350px;
position:relative;
}
.main_col2{
position:relative;
float:left;
width:36%;
margin-right:2%;
margin-left:2%;
border: 1px solid #e1e1e1!important;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
padding:15px;
padding-bottom:40px;
padding-top:40px;
min-height:350px;
}
.main_col3{
float:left;
width:20%;
 padding-top:40px;
}
.main_col3_img{
 margin-bottom:20px;
 font-size:13px;
 width:100%;
 float:left;
 margin-bottom:10px;
}

.main_col3_img img{
 -moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin-right:10px;
width:110px;
float:left;

}
.main_col4{
float:left;
width:20%;
padding-top:40px;
}
.main_col4_img{
 margin-bottom:20px;
 font-size:13px;
 width:100%;
 float:left;
 margin-bottom:10px;
}
.main_col4_img img{
 -moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin-right:10px;
width:110px;
float:left;

}


.main-footer {
  
    width:100%;
   
}

.stopka{
margin-top:10px;
float:left;
width:100%;


}
.footer_text1{
font-size:16px;
text-align:center;
color:lightgray;
}
.social_block_footer{
float:right;

}

.slide1{

background:url("/gfx/slajder0_sfinansujemy_budowe_twojego_osiedla_riser_jaworzno2.jpg");
height:100vh;
background-position: center;

webkit-background-size: 100%;
-moz-background-size: 100%;
background-size: 100%;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;

}

.slide1 .btn_red_1{
       width:33%;
       background:#820F22;
       position:absolute;
       bottom:0;
       left:0;
       height:15px;
}

.slide2{     
background:url("/gfx/slajder1_realizacja_inwestycji_do_stanu_pod_klucz_riser_jaworzno.jpg");
height:100vh;
background-position: center;
background-repeat: no-repeat;
webkit-background-size: 100%;
-moz-background-size: 100%;
background-size: 100%;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
}
.slide2 .btn_red_2{
       width:33%;
       background:#820F22;
       position:absolute;
       bottom:0;
       left:33%;
       height:15px;
}


.slide3{  
background:url("/gfx/slajder2_budujemy_inwestycje_w_technologii_drewnianej_riser_jaworzno2.jpg");
height:100vh;
background-position: center;
background-repeat: no-repeat;
webkit-background-size: 100%;
-moz-background-size: 100%;
background-size: 100%;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
}
.slide3 .btn_red_3{
       width:100%;
       background:#820F22;
       position:absolute;
       bottom:0;
       left:66%;
       height:15px;
}

.slide4{  
background:url("/gfx/riser_slider_04.jpg");
height:400px;
background-position: center;
background-repeat: no-repeat;
webkit-background-size: 100%;
-moz-background-size: 100%;
background-size: 100%;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
}
.slide_in_1{
 max-width:1600px;
 margin:auto;
 margin-top:50vh;
 
}

.slide_in_box_1{
    letter-spacing:3px; 
    margin: 50px 0 10px 0;
    max-width: 1600px;
    max-width:80%;
}
.slide_in_box_2{
    letter-spacing:3px; 
    margin: 50px 0 10px 0;
    max-width: 1600px;
    max-width:80%;
}
.slide_in_box_3{
   letter-spacing:3px; 
    margin: 50px 0 10px 0;
    max-width: 1600px;
    max-width:80%;
}
.slide_in_box_4{
    background-color: rgba(119, 10, 7, 0.8);
    moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    margin: 50px 0 10px 0;
    padding: 50px 80px;
    max-width: 650px;
    height:250px;
}
.sl_op{
color:#FFF;
font-size:50px;
font-weight: 600;
margin-top:50px;
margin-bottom:50px;
}
h2{
margin:0px;
}
h2 a{
 color:#FFF;
font-size:36px;
font-weight: 800;
}
.sl_btn{
    color:#FFF !important;
    font-size: 14px;
    font-weight: 800;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 12px 20px;
    line-height: 1.7em;
    background-color: rgba(0, 0, 0, 0.5);
    border: 2px solid;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    position: relative;
    width:180px;
    text-align:center;
}

.sl_btn_line{
    padding-top:20px;
    text-align:left;
}
.btnnew_gray2:hover{
     background:#FFF;
     
}
.sl_tab{
display:block;
}
.footer_vert{
    width:100%;
    padding:20px 10px 20px 10px;
    
}

.footer_vert_p1{
    width:100%;
    height:100%;
    padding:0;
    margin:0;
    text-align:right;
}
.footer_vert_p1 a{
   color:#FFF !important;
}

.footer_vert_p2{
    width:100%;
    padding:0 10px 20px 10px;
    
}


.footer_vert_kont{
    width:50%;
    background:green;
    float:left;
    
}
.footer_vert_head{
   font-size:14px;
   font-weight:bold;
   color:#333333;
}
.footer_vert_kont_head{
   font-size:18px;
   font-weight:bold;
   color:#FFF;
}
.footer_vert_1{
   font-weight:bold;
   margin-top:15px;
   font-size:13px;
}
.footer_vert_2{
    font-weight:bold;
    margin-top:20px;
    font-size:13px;
}
.footer_vert_list ul{

   list-style: none; /* Remove list bullets */
    padding: 0;
    margin: 0;
    font-size:13px;
    
    
}
.footer_vert_list ul li{

    margin: 15px 0 0 0;

    
    
}
.footer_vert_list ul li a{
   color:#3B3B3B;
   font-weight:bold;
}
.footer_vert_list ul li a:hover{
   color:gray;
}
.main_col1_header{
color:#666666;
margin-bottom:15px;
font-weight:bold;
}
.btnnew{
background:#821022;

color:#FFF;
font-size:13px;
font-weight:normal;
padding:7px 10px 7px 10px;


text-align:center;
}
.btnnew:link{
background:#821022;
color:#FFF;

}
.btnnew:hover{
background:#CC0033;
color:#FFF;

}

.btnnew_gray{
background:rgb(255,255,255,0.3);

color:#FFF;
font-size:13px;
font-weight:normal;
padding:7px 25px 7px 25px;
border:2px solid #FFF;
width:160px;
text-align:center;
}
.btnnew_gray:hover{
text-decoration:underline;
color:lightgray;

}

.btnnew_gray2{
background:#E2E3E3;

color:#000 !important;
font-size:20 px;
font-weight:normal;
padding:15px 60px 15px 60px;


text-align:center;
}


.main_col1_img img{
moz-border-radius: 10px!important;
-webkit-border-radius: 10px!important;
border-radius: 10px!important;
width:220px;
margin-top:10px;
margin-bottom:10px;
}
.main_col2_ul ul{
   line-height: 200%;
   padding: 0!important;
}
.main_col2_ul ul li{
list-style-type: none;
    padding-left: 0;
    font-size:13px;
 }   
 .main_col2_ul ul li:before{
   content: url(/gfx/ico_list.png);
   margin-right: 10px;
 }
 .main_col1_btn{
                 position:absolute;
                 bottom:0px;
                 left:0px;
                 margin-bottom:30px;
              }
.sl_logotyp{
 moz-border-radius: 10px!important;
-webkit-border-radius: 10px!important;
border-radius: 10px!important;
background:#FFFFFF;
padding:10px;
width:100%;
}
.sl_logotyp_header{
  margin-bottom:10px;
  text-align:center;
  font-weight:bold;
}
.sl_logotyp_img{
  width:100%;
  text-align:center;
  background:#808080;
}
.sl_logotyp_img img{
    background:#808080;
} 
.sections_left_50{
     width:100%;
     float:left;
     height:250px;
     background-image:url('/gfx/dzial-obslugi-klienta-riser-jaworzno.jpg');
     background-size: 100% auto;
     background-repeat: no-repeat;
     background-position:center;
}
.sections_right_50{
     width:100%;
     float:left;
background:#616161;
padding:15px;
height:100%;
}
.sections_left{
     width:100%;
     float:left;
     
     
}
.sections_left_100{
     width:100%;
     float:left;
    padding:0;
  
}
.sections_right{
  width:100%;   
  float:left;
   
}
.sections_right1{
  width:100%;   
  float:left;
   
}

#side{
  width:100%;   
  float:left;
  position:relative; 
  margin-top:30px;

}

.sections img{
width:auto;
height:auto;
}
.sections ul li{
  margin-top:10px;
}
.sections ol li{
  margin-top:10px;
}
.sections_left p{
    padding-bottom: 1em;
    line-height: 1.7em;
}
.box_right_red{
   width:320px;
    border: 0;
    padding: 25px 30px;
    background:#821022;
    margin-bottom: 20px;
    float:left;
    border-left: 3px solid #999999;
   
}
.btt_zap{
background:#821022;
padding:5px;
text-align:center;
margin-top:20px;
}
.box_right_red_header{
color:#484848;
font-size:14px;
font-weight:bold;
}
 
.box_right_red_line{
   margin: 10px 0 10px 0;
   

transition-duration:4s; 
}
.box_right_red_line a{
color:#484848;
font-size:14px;
}
.box_right_red_line a:hover{


   color:#810a18;

margin-left:10px;
}
.box_right_gray{
    width:320px;
    border: 0;
    padding: 25px 30px;
    background: #EFEFEF;

    margin-bottom: 0;
    float:left;
    border-left: 3px solid #821022;
}
.box_right_gray_header{
    color:#B0B0B0;
    font-weight:bold;
    margin-bottom:10px
}
.table{
display:table;

}
.table-row{
display:table-row;

}
.table-cell{
display:table-cell;
height:150px;
vertical-align:middle;
text-align:center;
color:#FFF;
font-size:20px;
}
.oferty_main{
width:100%;
float:right;

border: 1px solid #E8E8E8;

}
.oferty_main a{
color:#810A18;

}

.oferty_main_txt{
text-align:justify;
margin-top:10px;
margin-bottom:10px;
}
.oferty_main_header{
font-size:18px;
margin-top:10px;
}
.oferty_main_wiecej{
text-align:center;
}
.oferty_main_img{
margin:auto;
text-align:center;
width:100%;

margin-bottom:15px;
//-moz-border-radius: 10px!important;
 //   -webkit-border-radius: 10px!important;
 //   border-radius: 10px!important;
}
.oferty_main_img img{
  //-moz-border-radius: 10px!important;
  //  -webkit-border-radius: 10px!important;
  //  border-radius: 10px!important;  
 
 overflow: hidden;
}
.realizacje_main_img{
margin:auto;
text-align:center;
width:100%;

overflow: hidden;
//-moz-border-radius: 10px!important;
 //   -webkit-border-radius: 10px!important;
 //   border-radius: 10px!important;
}
.realizacje_main_img img{
  //-moz-border-radius: 10px!important;
  //  -webkit-border-radius: 10px!important;
  //  border-radius: 10px!important;  
    

}
.oferty_main_hr hr{
margin-bottom:10px;
margin-top:10px;

}
.realizacje_main_txt{
text-align:center;
margin-top:10px;
margin-bottom:10px;
font-size:14px;
}
.mapa{
background:#000;
height:400px;
width:100%;
margin-bottom:20px;
}

.form input[type=text] {
width:98%;
background:#EEEEEE;
padding:10px;
border:1px solid #E5E5E5;
color:#000;
}
.form input[type=email] {
width:98%;
background:#EEEEEE;
padding:10px;
border:1px solid #E5E5E5;
color:#000;

}
.form textarea {
width:100%;
background:#EEEEEE;
padding:10px;
height:150px;
border:1px solid #E5E5E5;
color:#000;

}
.form select {
width:98%;
background:#EEEEEE;
padding:9px;
border:1px solid #E5E5E5;

}
.form input[type=submit] {
padding:10px;
background:#929292;
color:#FFF;
font-weight:bold;
border:1px solid #E5E5E5;

}
.form .p1_header{
 width:100%;
 color:#FFF;
 margin-bottom:10px;
}
.form .p1{
width:100%;
float:left;
margin-bottom:10px;
}
.form .p1_1{
width:33.3%;
float:left;

}
.form .p1_2{
 float:left;
 width:33.3%;
}
.form .p2{

float:left;
width:100%;
}
.form label{
font-size:12px;
}
.kon3_header{
font-weight:bold;
margin-bottom:20px;
width:100%;

}

.p3{
text-align:right;
margin-top:5px;
float:right;
}
.p3_1{
   color:#FFF;
   float:right;
   margin-top:10px;
   margin-right:10px;
}
.p3_2{
   width:50px;
   float:right;
   margin-right:10px;
}
.p3_3{

   float:right;
}
.bread{

background:#F9F9F9;
width:100%;
font-size:10px;
 border-top:1px #E0E0E0 solid;
 padding-top:3px;
 padding-bottom:3px;
 }
 .bread .sections{
 margin-top:0;
 margin-bottom:0;

 }
 .akt_head{
 font-size:30px;
 color:#000;
 }
 .akt_data{
 font-size:11px;
 }
 .realizacje_main{
            display:grid;
            grid-template-columns: repeat(1, 1fr);
            width:100%;
            padding:0;
            grid-gap: 20px;
            }
figure {
  background: whitesmoke;
  margin: 0 0 0;
margin-right:0;
 // box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
 // -moz-border-radius: 10px!important;
 //   -webkit-border-radius: 10px!important;
 //   border-radius: 10px!important;
}
figure_akt {
  
  margin: 0 0 20px;
  
 // -moz-border-radius: 10px!important;
  //  -webkit-border-radius: 10px!important;
 //   border-radius: 10px!important;
}
figure_akt img{
    width:100%;
} 
figcaption {
  padding: 10px;
  text-align:center;
  min-height:100px;
  color:#000;

  
} 
 
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}    
.clearfix {
  margin: 0;
  padding: 0;
   
}
.clearfix img {
  max-width: 100%;
  height: auto;
  display: block;
    
   // border-top-left-radius: 10px!important;
   // border-top-right-radius: 10px!important;
}
 
/* structural styles */
 
.clearfix li {
  list-style-type: none;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
  
}     

.clearfix_akt li {
  list-style-type: none;
  float: left;
  width:100%;
  box-sizing: border-box;
  //border:1px solid lightgray;
//  border-radius: 10px!important;
   
}  
.clearfix_akt:after {
  content: "";
  display: table;
  clear: both;
}    
.clearfix_akt {
  margin: 0;
  padding: 0;
   
}
.clearfix_akt img {
  max-width: 100%;
  height: auto;
  display: block;
    

}
figcaption_akt {
 
  text-align:center;

}  
figcaption_akt div{
  padding:5px;
  text-align:left;
  background:#F5F5F5;
} 
 figcaption_akt a{
  font-size:16px;
  color:#810A18;

}  
/* structural styles */
 
.aktualnosci_header{
font-weight:bold;
padding: 10px ;
font-size:18px;
display:flex;

 align-items: center;
} 
.aktualnosci_header a{
color:gray;

}     
.aktualnosci_txt{

padding: 10px ;
}   
.aktualnosci_gal_img img{
            width:100%;
            padding:5px;
       /*     -moz-border-radius: 20px!important;
    -webkit-border-radius: 20px!important;
    border-radius: 20px!important;*/   
            } 
#mainmenu_mobile_cont{
display:none;
position:fixed;
top:0;
width:100%;
background-color:#DFDFDF;

z-index:99999;
height:100vh;
}   
#mainmenu_mobile_cont ul{
  color:#FFF;
  list-style-type:none;
  padding:60px 0 0 0;

  margin:0;
}    
#mainmenu_mobile_cont ul li{
  padding-top:5px;
  
}    
#mainmenu_mobile_cont ul a{
  color:#000;
  
  font-size:20px;
  display:block;
  padding:10px 10px 10px 30px;
  background:#F0F0F0;
}     
.main_col2_btn{
text-align:center;
margin-left:-60px;
}
.desk{
  display:none;
}
.mob{
 display:auto;
}
.listwa_main_button{

background:#E5E5E5;
//border:1px solid #810A18;
text-align:center;
padding:10px 0 10px 0;
margin:0 0 10px 0;

font-size:18px;
  color:#810A18;
  font-weight:bold;
}

ul{
margin:0;
list-style-type: square;

}
ul li{
  margin:0;
    padding:0 !important;
   word-spacing:1;
}


.container_grid{
display:grid;
width:100%;
grid-template-columns: 3fr 1fr 3fr;
grid-template-rows: 1fr;
float:left;
margin-top:15px;
background:#808080;

}

.sec2{

//max-width:1200px;
margin:auto;
display:flex;
flex-wrap:wrap;
margin-top:20px;
justify-content:space-between;
padding:5px 0 5px 0;
}

.sec2 img{
width:200px;
}
.sec2 div{
margin-top:10px;
 }

.hr_50{
width:50%;
margin:10px 0 5px 0;
padding:0;
border: 1px solid #7B051C
}
.hr_red_50{
width:50%;
margin:0;
padding:0;
border: 1px solid #7B051C;
}
.hr_red_60{
width:100%;
margin:0;
padding:0;
border: 1px solid #7B051C;

}
.hr_red_70{
width:70%;
margin:0;
padding:0;
border: 1px solid #7B051C;
}
.hr_red_60_right{
width:100%;
margin:0;
padding:0;
border: 1px solid #7B051C;
float:right;
}
.sec3_line{
width:100%;

}
.hr_red{
border:1px solid #7B051C;
margin:5px;
padding:0;
}
.sec3{
 display:flex;
justify-content:center;
margin: 100px auto 130px auto;
max-width:1600px;

flex-wrap: wrap;
}
.sec3 hr{
width:60%;
}
.sec3_1{
width:100%;
font-weight:bold;
font-size:22px;
padding:10px;
}
.sec3_2{
width:100%;
text-align:justify;
padding:10px;
}
.sec4{
max-width:1200px;
margin:auto;
margin-bottom:20px;
margin-top:40px;
 }
.menu_small{

display:none;
 
}
.oferty_listing{
 display:flex;
 width:100%;
justify-content: space-between;
margin-top:0px;
flex-wrap:wrap;
flex-direction: row;

}   
.oferty_listing2{
 display:flex;
 width:100%;
justify-content: space-between;
margin-top:0px;
flex-wrap:wrap;
flex-direction: column-reverse;

}   
.poradnik_listing_img_right{
width:100%;

}
.poradnik_listing_img_left{
width:100%;

}
.oferty_listing_img_right{
width:100%;

}
.oferty_listing_img_left{
width:100%;

}
.oferty_listing_txt_right{
width:100%;
margin-top:10px;
}
.oferty_listing_txt_left{
width:100%;
padding: 0;
margin-top:10px;

}

.poradnik_listing_img_left   img{
width:100%;
max-width:100%;
object-fit: cover;
}
.poradnik_listing_img_right img{
width:100%;
max-width:600px;
object-fit: cover;
}
.poradnik_listing_txt_head{
font-size:22px;
margin-top:5px;
font-weight:bold;
color:#666666;
}
.oferty_listing_img_left   img{
width:100%;
max-width:700px;
}
.oferty_listing_img_right img{
width:100%;
max-width:700px;
}
.oferty_listing_txt_head{
font-size:18px;
margin-top:5px;
font-weight:bold;
}
.oferty_listing_txt_txt{
text-align:justify;
margin-top:0;
margin-top:10px;
}
.main_wind{
       width:100%;
       
       margin-top:70px !important;
      }     
.h1_main{
              font-size:25px;
              text-shadow: 0px 0px 2px #000;
              margin-top:120px;
              font-weight:bold;
}
.h1_main  p{
           font-size:20px;
        }
  @keyframes bounce {
            from {
                transform: translate3d(0, 0, 0);
            }
            to {
                transform: translate3d(0, 15px, 0);
            }
        }
.arrow{
width:35px;
height:27px;
display:block;
background:url("/gfx/elements.png") -549px 0 no-repeat;
position:absolute;
bottom:15px;
left:50%;
margin-left:-16px;
z-index:10;
 -webkit-animation-name: bounce;
  -webkit-animation-duration: 0.5s;
            -webkit-animation-direction: alternate;
            -webkit-animation-timing-function: cubic-bezier(
            .5, 0.05, 1, 1);
            -webkit-animation-iteration-count: infinite;
border-style:none;
outline:0

} 
.arrow-new{

  border: solid black;
  border-width: 0 2.5px 2.5px 0;
  display: inline-block;
  padding: 2.5px;
  margin-right:5px;
}

.arrow-right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.counter{
color:#810A18;
font-weight:bold;
font-size:30px;
}  
.circle{

    background: #810A18;
    width: 150px;
    line-height: 150px;
    display: inline-block;
    color: #fff;
 
}    
.logo_img{
               
               height:65px;
               padding:0 0 2px 0;
               margin:0;
  }
.mobile{
display:inline;
}  
 .desktop{
           display:none;
           }
           
.main_grey_rect{

display:flex;
flex-wrap:wrap;
width:100%;
//position:absolute;
//top:50%;
//left:50%;
//transform: translate(-50%, -50%);
justify-content:center;
align-items:center;

 
}           

.main_grey_rect_s{
 width:100%;
 //height:calc(100% - 300px);
 align-items:center;
 justify-content:center;
 display:flex;
 align-items:center;
 flex-wrap:wrap;
  
}  
.film_wall{
position:relative !important;
height:calc(100vh - 55px);
z-index:1;
}         

.ul_10 li{
margin-bottom:10px;
text-align:justify;
}
.main_gray_box{
   width:100%;
display:block;
margin-top:20px;
background:gray;
color:#FFF;
padding:10px;
}
.main_gray_box_1{
    width:100%;
  margin;0;
  float:left;
}
.main_gray_box_2{
   width:100%;
  margin:0;
  float:left;
  margin-top:20px ;

}
.box_counter{
width:100%;
margin-top:20px;
margin-bottom:30px;
float:left;
}
.box_counter .counter_line{
width:50%;
text-align:center;
float:left;
margin-top:20px;
color:#810A18;
font-weight:bold;
padding: 0 30px 0 30px;
font-size:13px;
font-weight:normal;
}
.counter_line hr{
margin:0;
padding:0;
border:2px solid #810A18;
}
.counter_header{
 width:100%;
text-align:center;
font-size:30px;
color: #810A18;
font-weight:bold;
margin-bottom:20px;
}
.counter_header_line{
width:50%;
margin-bottom:20px;
}
.counter_header_line hr{
border: 2px solid #999999;
}
.counter_line img{
width:50px;
}
.kariera_tab{
width:100%;
//background-color:#810A18;
color:#990033;

padding:20px;
font-weight:bold;
height:auto;
display:flex;
flex-wrap:wrap;
}
.kariera_tab div{
width:50%;
float:left;
text-align:center;
color:#454545;
margin-top:10px;
margin-bottom:10px;
 }
 .kariera_tab div img{
margin-bottom:10px;
width:70px;
 }

.praktyki_tab{
width:100%;

justify-content: space-evenly;
padding:20px;

height:auto;
display:flex;
flex-wrap:wrap;
}
.praktyki_tab div{
width:100%;
float:left;
text-align:center;
box-shadow: inset 0 0 0.5em lightgray, 0 0 0.5em lightgray;
margin-top:10px;
margin-bottom:30px;
padding: 20px;
 }  
 .praktyki_tab div img{
margin-bottom:10px;
width:70px;
 }
 .video-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
 .iframeVideo {
	height: 0px;
	padding-top: 25px;
	padding-bottom: 56.2%;
	position: relative;
}
.iframeVideo iframe {
	width: 100%;
	height: 100%;
	position: absolute;
}
.kostka_of{
width:100%;
margin-top:20px;
background:#EFEFEF;

}
 .kostka_of img{
            height:auto;
            width:100%;
            }
.footer_lnk{
padding:5px 10px 5px 5px;
display:inline;
}
.footer_lnk a{
font-size:18px;

font-weight:bold;
}       
.logo_cont{
width:50%;
margin:auto;
background:red;
}    
.footer_vert_p1 img{
width:80%;
}

.button_real{
border:1px solid #810A18;
width:30%;
text-align:center;
padding:10px;

}

.button_real2{
border:1px solid #810A18;
width:30%;
text-align:center;
padding:10px;


margin-top:10px;
}
.buttons_line{
 display:flex;
 justify-content:space-between;
}

.kon_n1{
               width:100%;
               float:left;
               background:#EEEEEE;
               margin-top:20px;
               padding:10px;
              }

.wch_logo_footer{
width: 95% !important;
 transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
     transition-duration:0.2s;
}
.wch_logo_footer:hover{
 transition-duration:0.2s;
 transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    z-index: 0;
}


.flx{
display:flex;
justify-content:space-between;

width:100%;

}

 .kariera_box{
  width:100%;
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  position:relative;
  margin-top:20px;
 }
 .kariera_box_col1{
  width:100%;
  text-align:justify;
 }
   .kariera_box_col2_mob{
   width:100%;
   font-size:32px;
   color:#821022;
   font-weight:bold;
   text-align:center;
   margin-bottom:0;
   position:relative;
} 
.kariera_box_col2_mob_1{
     position: relative;
  top: -5px;
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border-right: 0.2em solid #821022;
  border-top: 0.2em solid #821022;
  transform: rotate(135deg);
  margin:auto;
  margin-bottom:15px;           
margin-top:10px; 
}
  .kariera_box_col2{
 display:none;
} 
 .kariera_box_col3{
  width:100%;
    text-align:justify;
 } 
 
 .kariera_box_col2_1{
   color:#821022;
   font-weight:bold;
   line-height:40px;
 }
 .kariera_box_col2_2{
    background:#821022;
    height:100%;
    width:1px;
    margin:auto;
    margin-top:10px;
    position:relative;
 }
 .kariera_box_col2_2:before{
  content:'';
                  display:inline;
                
                   margin-left:-15px;
                  background:#821022;
                  
                 width: 15px;
                height: 1px;
              position:absolute;
                top:0;
              
                
               
 } 
 .kariera_box_col2_2:after{
  content:'';
                  display:block;

                  background:#821022;
                  
                 width: 15px;
                height: 1px;
                
                position:absolute;
                bottom:0;
 } 
 .kariera_liczba_header{
                  font-size:32px;
                  color:#821022;
                  font-weight:bold;
                 // text-shadow: 0px 0 20px rgba(130,16,34, 0.6);
                 // -webkit-text-stroke: 0.5px #821022; 
                  font-style:italic;
              }   
 .kariera_liczba_header:after{
                  content:'';
                  display:block;
                 
                  
              
                  line-height:0;
                  margin:auto;
                  margin-top:10px; 
                  margin-bottom:0;
                 width: 0;
                height: 0;
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                border-top: 20px solid lightgray;
              }  

.header_news_with_line_left{
   
   font-size:18px;
   width:75%;
   
   text-align:right;
}
.header_news_with_line_left:after{
                     content:'';
                  display:block;
                  width:100%;
                  border: 1px solid #7B051C;
                  line-height:0;
                  
                  margin-top:10px; 
            
}


.header_news_with_line_right{

   font-size:18px;
   width:75%;
   float:right;
   text-align:left;
}
.header_news_with_line_right:after{
                     content:'';
                  display:block;
                  width:100%;
                  border: 1px solid #7B051C;
                  line-height:0;
                  
                  margin-top:10px; 
            
}
.header_news_with_100 {
margin-top:30px;
width:100%;
}
.historia_head{
                    font-size:30px;
                    color:#821022;
                    margin:auto;
                    width:100%;
                    text-align:center;
                    }
.historia_head2{
                    font-size:18px;
                    font-weight:bold;
                    margin:auto;
                    width:100%;
                    text-align:center;
                    }       


.odpo{

display:flex;
justify-content: space-between;
flex-wrap:wrap;
width:100%;
align-items: center;
}
.odpo_left{
     width:100%;
     text-align:center;
}
.odpo_left img{
     width:70%;
     
}
.odpo_right{
    width:100%;

    
}
.odpo_right p{
    margin:0;
    padding:0;
    
}
.odpo_header{
   font-weight:bold;
}
.odpo_years{
   font-weight:bold;
   color:#810A18;
}
.triangle_down {
  position: relative;
  top: -5px;
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  border-right: 0.2em solid black;
  border-top: 0.2em solid black;
  transform: rotate(135deg);
  margin-right: 0.5em;
  margin-left: 1.0em;
}  
 .przykladowe_realizacje_oferta img{
                      width:100%;
}   

.breadcr{
 color:#821022;

 
}
.mainmenu_cl{
   width:100%;
   padding:10px;
}
.mainmenu_cl div{
 
   margin-top:10px;
   font-size:20px;
}
.close {
  position: absolute;
  right: 32px;
  top: 32px;
  width: 32px;
  height: 32px;
  opacity: 0.3;
}
.close:hover {
  opacity: 1;
}
.close:before, .close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #333;
}
.close:before {
  transform: rotate(45deg);
}
.close:after {
  transform: rotate(-45deg);
}

#firma, #oferta, #kariera{
padding-left:30px;
}  

.aktualnosci_img{
   background-position:center;
   background-repeat: no-repeat;
   background-size:100% auto;
   height:200px;
  
}  
.segment_oferta{
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  //grid-template-rows: repeat(2, 300px);
  grid-gap: 20px;
    width:100%;

}
.kom{
 
width:100%;
height:100%;
background-color:rgba(0, 0, 0, 0.8);
position:fixed;
bottom:0;
top:0;
z-index:3;
overflow: auto;

display:grid;
grid-template-columns: repeat(1, 1fr);
place-items: center;

display:none;

}
.kom div{
  text-align:center;
color:#FFF;
font-size:18px;
background:#821022;
padding:20px 40px 20px 40px;

}
.sl_title{
   font-size:20px;
   color:#FFF;
}
.red_line{

   background:#820F22;
   height:12px;
   width:30%;
}
.text_on_img{
      position:absolute;
      bottom:20px;
      left:10px;
      color:#FFF;
      letter-spacing:2px;
      text-shadow: 2px 2px 4px #000;
      
}
.main_img_rect{
        position:relative;
}
.footer_logo{
   
   
   text-align:center;
   
}
.footer_logo img{
        max-width:150px;
} 
.footer_lgt{
            margin-top:150px !important;
            margin-bottom:120px !important;
           
        } 
.footer_lgt_ins{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    margin-top:50px;
    align-items:center;
 
    margin:auto;
}        
.footer_title{

   text-align:left;
   color:gray;
   letter-spacing:5px;
   font-size:26px;
   font-weight:bold;
   margin-bottom:30px;
}   
.footer_title_min{
        margin-bottom:30px;
        text-align:justify;
}     
.hr_con{
  display:flex;
  align-items:center;
  margin-top:20px;
  flex-wrap:wrap;
  
}
.image_hr{
  text-align:center;
  width:100%;
}
.hr_txt{
   text-align:center;
   width:100%;
   margin-top:20px;
}
.hr_head{
 text-align:center;
}  
      

@media only screen and (max-width: 360px) {
             .sections_left_50{
           //  height:360px;
        }
}


@media only screen and (max-width: 728px) {


              figcaption {
                padding: 10px;
                text-align:center;
                min-height:auto;
              } 
              figcaption_akt {
                padding: 0px;
                text-align:center;
                min-height:auto;
              } 
              .slide_in_box_1{
              margin-left:10px;
              margin-right:10px;
              
              }
              h2{
              line-height:30px;
             
              }
              h2 a{
              font-size:26px;
              
              font-weight: 600;
              }
          
              .sl_op{
                font-size:22px;
              }
              .sl_btn{
                display:none;
              }
              .slide_in_box_1, .slide_in_box_2, .slide_in_box_3, .slide_in_box_4{
              height:200px;
              margin: 0px 0px 0px 0px;
              padding: 0 10px 0 10px;
              margin:auto;
               text-align:center;
               width:300px;
               
              }
              .sl_title{
           
                  font-size:16px;
         
              }
              .slide_in_1{
              width:100%;
              text-align:center; 
              margin-top:30vh;
              
                
              }
              .sl_tab{
              display:table;
              height:100%;
              width:100%;
              }
              .sl_tab_cell{
              display:table-cell;
              vertical-align:middle;
              text-align:center;
              
              }
              .footer_vert{
                width:100%;
                padding-left:20px;
                padding-right:20px;
                text-align:left;
                
            }
            .footer_vert_p1{
                  width:100%;
                  height:100%;
                text-align:right;
                  
              }
              
              .footer_vert_p2{
                  width:100%;
                  padding-left:20px;
                padding-right:20px;
                text-align:left;
                  
              }
            .main-footer {
                background:red;
                height:auto;
            }
          
            
            .main_col1{
               padding-bottom:10px;
              width:100%;
              margin:auto;
              padding-top:0px;
              }
              .main_col2{
              margin-left:5%;
              margin-right:5%;
              width:90%;
              margin-top:20px;
              }
              .main_col3{
              float:left;
             
              margin-left:5%;
              margin-right:5%;
              width:90%;
              }
              .main_col4{
              float:left;
              margin-left:5%;
              margin-right:5%;
              width:90%;
              
             
              }
              
              .main_col1_header{
              text-align:center;
            
              }
              .main_col1_title{
                text-align:center;
              }
              .main_col1_img{
                 text-align:center;
                 
              }
              .main_col1_btn{
                 text-align:center;
                 margin : 0 0 0 0;
                 left:auto;
                 margin:auto;
                 position:relative;
                  
              }
              
              .main_col1{
              min-height:auto;
             
              }
              .main_col2{
              min-height:auto;
              }
              .box30{
              width:100%
              }
              .box30_1{
              width:100%;
              }
              .sections{
               width:100%;
               margin:20px 0px 10px 0px;
  
            }
            
            
            
          
            .content{
            
            padding-left:10px;
            padding-right:10px;
            }
            .box_right_red{
            width:100%;
            }
            .box_right_gray{
            width:100%;
            
            }
            .table-cell{
            font-size:14px;
            padding: 10px;
            }
            .header_small_txt{
            //padding-left:30px;
            }
            .slide1, .slide2, .slide3, .slide4{

            height:100vh;
     
            }
              .mainmenu{
            padding-left:10px;
            padding-right:10px;    
            }
          
             .header_small_txt_realizacje h1{
              
              font-size:20px;
              line-height:150%;
            }
            .kon_col_head{
                font-weight:bold;
                text-align:left;
                width:100%;
                padding: 5px 0 5px 0;
                }
                .kon_col_head2{
                font-weight:bold;
                text-align:left;
                width:100%;
                padding: 5px 0 5px 0;
                margin-top:20px;
                }
                .kon_n{
               width:100%;
               float:left;
               text-align:center;
        
               font-size:16px;
             
               margin-top:20px;
               color:#FFF;
               padding:5px;
               
               }
                .kon_n2{
               width:100%;
               float:left;
               text-align:center;
               background:#810A18;
               font-size:12px;
               font-weight:bold;
               margin-top:5px;
               color:#FFF;
               padding:5px;
            
               }
                .kon_col100{
              float:left;
              width:100%;
              margin-top:30px;
              }
               
               .container_grid{

              grid-template-columns: 1fr;
              grid-template-rows: 1fr;
              min-height:400px;
              
              }
               .btnnew_gray2{
                  background:#E2E3E3;
                  
                  color:#000;
                  font-size:16px;
                  font-weight:normal;
                  padding:20px 40px 20px 40px;
                  font-weight:bold;
                  
                  text-align:center;
              }
              .sl_btn_line{
                   padding-top:20px;
                    text-align:center;
          }
          
          .sec2 a{

            width:47%;
        }
        .main_wind{
           margin-top:10px !important;
           padding-left:3%;
           padding-right:3%;
         
          }   
          .text_on_img{
            
          
          }
          .footer_logo{

           width:50%;
           padding:10px;
        }
         .footer_logo img{

           width:100%
        }
         .footer_lgt{
            margin-top:50px !important;
            margin-bottom:30px !important;
        }  
        .footer_lgt_ins{
         
          margin-top:20px;
      
      }   
       .footer_title{

         
         font-size:18px;
    
      
      }        
      .sec3{
       
      margin: 50px auto 50px auto;
      
      }         
}
/* and (max-width: 1128px) and */
@media only screen and (min-width: 840px){
            
            .mainmenu_links{
                 display:block;
              }
             .mainmenu_mobile{
                 display:none;
              } 
              .clearfix li {
              width: 33.33%;
              
            }
            .clearfix li:nth-of-type(2n+1) {
              clear: none;
              
            }
             
            .clearfix li:nth-of-type(3n+1) {
              clear: left;
              
            }
            .clearfix_akt li {
              width: 45%;
              margin-right:5%;
              
            }
            .clearfix_akt li:nth-of-type(n+1) {
              clear: none;
            }
             
            .clearfix_akt li:nth-of-type(2n+1) {
              clear: left;
            }
            .button_real{
                  border:1px solid #810A18;
                  width:200px;
                  text-align:center;
                  padding:10px;
                  margin-top:0;
                 
              }
              
              .button_real2{
                border:1px solid #810A18;
                width:200px;
                text-align:center;
                padding:10px;
              
                margin-left:10px;
                margin-top:0;
              }
              .sections_left_50{
                       width:50%;
                       height:100%;
                       background-size: 100% 100%;
              }
              .sections_right_50{
                           width:50%;
                          
              }
                .clearfix .realizacje_img{
             height:190px;
            
             object-fit: cover;
          } 
            .side{
            display:block;
            width:20px;
            }
           .sections_right{
            width:20%;
            padding-right:0;
            } 
            .sections_left{
            width:80%;
            padding-right:100px;
            }
         #side{
                width:20%;   
                float:left;
                position:relative;
                
          }
          .sections_right1{
            width:100%;
            padding-right:0;
            position:absolute;
            
            } 
}
@media only screen and (min-width: 729px){
                       
                       .hr_head{
                          text-align:left;
                       }
                       .image_hr{
                                  text-align:center;
                                  width:auto;
                                }
                      .hr_txt{
                         text-align:left;
                         width:auto;
                         margin-left:20px;
                         margin-top:0;
                      }
                       
                       .footer_lgt{
                          margin-top:100px !important;
                          margin-bottom:50px !important;
                      } 
                      .segment_oferta{
                        
                        grid-template-columns: repeat(3, 1fr);
                        //grid-template-rows: repeat(2, 300px);
                        grid-gap: 20px;
                          
                      
                      }
                     .przykladowe_realizacje_oferta {
                  
                     
                  
                     }
                    .aktualnosci_img{
                       height:290px;
                       background-size:auto 100% ;
                    }  
                     .menu_item a{
                            padding-right:5px;
                            padding-left:5px;
                     }
                      .menu_item a:hover{
                         //background: rgba(0,0,0,0.2);
                         //background:#821022;
                         color:#821022;
                         padding-top:10px;
                         padding-bottom:10px;
                         padding-right:5px;
                            padding-left:5px;
                       
                     }
                     
                     .main_img_rect{
                        //transform: scale(1);
                       // -webkit-transform: scale(1);
                       // -moz-transform: scale(1);
                        transition-property: -moz-filter, -ms-filter, -o-filter, -webkit-filter, filter;
                         transition-duration:0.1s;
                         filter: grayscale(1%); 
                         
                     }
                     .main_img_rect:hover{
                       // transform: scale(1.15);
                       // -webkit-transform: scale(1.15);
                       // -moz-transform: scale(1.15);
                          transition-property: -moz-filter, -ms-filter, -o-filter, -webkit-filter, filter;
                         transition-duration:0.1s;
                          filter: grayscale(0%);
                          filter: saturate(2);
                     }
                     .przykladowe_realizacje_oferta_img{
                    
                      height:150px !important;
                      object-fit:cover;
                     }
                     .aktualnosci_header{
                       font-size:16px; 
                       min-height:70px;
                     }
                     .header_news_with_line_left{
                         width:60%;

                    }
                    .odpo_left{
                         width:30%;
                         text-align:center;
                    }

                    .odpo_right{
                         width:70%;
                         
                    }

                    .historia_head2{
                          font-size:30px;
                          font-weight:bold;
                          margin:auto;
                          width:100%;
                          text-align:center;
                          margin-bottom:40px;
                    } 
                    .historia_head{
                    font-size:48px;
                    color:#821022;
                    margin:auto;
                    width:100%;
                    text-align:center;
                    }
                    .kariera_box_col2_mob{
                    display:none;
                    }
                    .kariera_box_col2_mob_1{
                    display:none;
                    }
                    .kariera_box_col2{
                     line-height: 48px;
                     width:20%;
                     font-size:48px;
                     text-align:center;
                     display:flex;
                     flex-flow: column;
                    }         
                    .kariera_box_col1{
                    width:40%;
                    }
                    .kariera_box_col3{
                    width:40%;
                    }
                 .kariera_liczba_header{
                  font-size:60px;
                  margin:0;
                  padding:0;
                  line-height:0;
                 // text-shadow: 0px 0 20px rgba(130,16,34, 0.6);
             
                  font-style:italic;
             
              }   
               .kariera_liczba_header:after{
                  content:'';
                  display:block;
                 
                  
                  border-left: 20px solid transparent;
                border-right: 20px solid transparent;
                border-top: 40px solid lightgray;
                  line-height:0;
                  margin:auto;
                  margin-top:10px; 
                 
              }  
               

                .wch_logo_footer{
                width: 95% !important;
                }
                .oferty_main_img{
                    width:100%;
                    margin-bottom:15px;
                    max-height:280px; 
                    overflow: hidden;
                }
                
                figure {
                margin-right:10px;
                }
                .form label{
                    font-size:14px;
                }

              .buttons_line{
               display:flex;
               justify-content:flex-start;
              }
              .header_small_txt h1{
              color:#FFF;
              font-weight:bold;
              display:none;
              }
              .header_small_txt{
                 padding-top:30px;
                text-shadow: 4px 4px 3px  #000000;
                 text-align:center;
              }
              .header_small_oferta{
              height:140px;
              background-repeat:no-repeat;
              background-position: center;
              background-size: 100%;
              margin-top:80px;
              }
              .btnnew{
                padding:7px 25px 7px 25px;
                }
              .container_grid{
                 margin-top:50px;
                }
              .slide_in_box_1, .slide_in_box_2, .slide_in_box_3{
                  letter-spacing:3px; 
                  margin: 50px 0 10px 0px;
                  margin:auto;
                  max-width:1400px;

              }
              h2 a{
              font-size:27px;
              line-height:0;
             font-weight: 100;
              }
              .footer_vert{
              width:50%;
            }
             .footer_vert_p1{
              width:100%;
              text-align:right;
              height:100%;
            }
            .footer_vert_p2{
              width:15%;
              padding-right:70px;
            }
            
            .content{

            padding-left:30px;
            padding-right:30px;
            }
            .box_right_red{
             width:100%;
       
          }
          .header_small_txt{
            text-align:center;
            
            }
          .box_right_gray{
            width:100%;
            }
             .footer_vert{
                width:50%;
                background:#C9C9CB;
                padding-left:20px;
                padding-right:20px;
                
                
            }
              .footer_vert_kont{
                width:50%;
                background:green;
                padding-left:20px;
                padding-right:20px;
               
                background:url('/gfx/hands.jpg');
                background-size: cover;
                background-repeat: no-repeat;
                color:#FFF;
            }
            .main-footer {
             height:auto;
            
            }
            .sl_logotyp_img{
            width:180px;
           
          }
          .sl_logotyp{
           moz-border-radius: 10px!important;
          -webkit-border-radius: 10px!important;
          border-radius: 10px!important;
          background:#FFFFFF;
          padding:10px;
          width:250px;
          }
             .main_col1_img img{
               width:100%;
             }
             .main_col2_img img, .main_col3_img img, .main_col4_img img{
            width:110px;
            }
                .kon_col_head{
                font-weight:bold;
                text-align:left;
                width:100%;
                padding: 5px 0 5px 0;
                }
                .kon_col_head2{
                font-weight:bold;
                text-align:right;
                width:100%;
                padding: 5px 0 5px 0;
                }
                  .kon_col_txt{
              
                text-align:left;
                width:100%;
             
                }
                .kon_col_txt2{
              
                text-align:right;
                width:100%;
             
                }
                .kon_col_txt_big{
                font-size:16px;
                text-align:left;
                width:100%;
                font-weight:bold;
                }
               .kon_n{
               width:100%;
               float:left;
               text-align:center;
             
               font-size:20px;
               
               margin-top:20px;
               color:#FFF;
               padding:5px;
          
               }
              .kon_1{
               width:50%;
               float:left;
            
              }
              .kon_n1{
               width:100%;
               float:left;
               background:#EEEEEE;
               margin-top:20px;
               padding:10px;
              }
              .kon_col1{
              float:left;
              width:50%;
              
              }
              .kon_col2{
              float:left;
              width:50%;
        
              
              }
              .kon_col3{
              float:left;
              width:33.3%;
              margin-top:20px;
              }
               .kon_col100{
              float:left;
              width:100%;
              margin-top:40px;
              }
              .kon_1_1{
              width:50%;
              float:left; 
              text-align:right;
              }
              .kon_1_2{
              width:50%;
              float:left;
              text-align:right;
              }
              .kon_1_3{
              float:left;
              width:100%;
              text-align:right;
              margin-right:20px;
              margin-top:20px;
              }
              .kon_1_3_left{
              float:left;
              width:100%;
              text-align:left;
              margin-right:20px;
              margin-top:20px;
              }
              
              .kon_3{
              width:50%;
              float:left;
              
              }
              .kon_4{
              width:100%;
              float:left;
              margin-top:20px;
              }
               .realizacje_main{
            grid-template-columns: repeat(3, 1fr);
            width:100%;
            padding:10px 10px 0 0;
            margin-bottom:20px;
          
            }
           
            .realizacje_main_img{
             width:225px;
             height:168px;
            }
            .aktualnosci_gal_img{
            float:left;
            width:50%;
            }
            .main_col2_btn{
              text-align:left;
              margin-left:auto;
              }
            .kon_n2{
               width:100%;
               float:left;
               text-align:center;
               background:#810A18;
               font-size:14px;
               font-weight:bold;
               margin-top:5px;
               color:#FFF;
               padding:5px;
            
               }
               .desk{
              display:block;
            }
            .mob{
             display:none;
            }
              .sec2 img{
                width:200px;
                }
              .sec2 div{
                margin-top:5px;
                }
            .sec3_1{
            width:40%;
            
            font-size:22px;
            padding:10px;
            }
            .sec3_2{
            width:60%;
            text-align:justify;
            }
             .menu_small{
             max-width:600px;
            display:flex;
            flex-wrap:wrap;
            justify-content:space-between;
            margin: 40px auto 40px auto;
            } 
            .oferty_listing{
                margin-top:40px;
                flex-direction: row;
          }   
          .oferty_listing2{
                margin-top:40px;
                flex-direction: row;
          } 
          .poradnik_listing_img_right{
            width:50%;
            padding-left:20px;
            }
            .poradnik_listing_img_left{
            width:50%;
            
            }
            .oferty_listing_img_right{
            width:50%;
            padding-left:20px;
            }
            .oferty_listing_img_left{
            width:50%;
            
            }
            .poradnik_listing_img_right{
            width:50%;
            padding-left:20px;
            }
            .poradnik_listing_img_left{
            width:50%;
            
            }
            .oferty_listing_txt_right{
                width:50%;
                padding-left:20px;
                margin-top:0;
            }
            .oferty_listing_txt_left{
                width:50%;
                padding: 0;
                margin:0;
            
            }
               .main_wind{
           width:100%;
         
          }   
          .h1_main{
                  font-size:45px;
                  margin-top:130px;
                  font-weight:bold;
                  -webkit-text-stroke: 1px #000;
                  text-shadow: none;
                  } 
          .h1_main  p{
           font-size:25px;
        }
           .mobile{
           display:none;
           }       
           .desktop{
           display:inline;
           }
           .main_grey_rect_s{
               
           }
           .arrow{
            
            bottom:20px;
          
            
            } 
            .film_wall{
            position:relative !important;
            height:100vh;
            z-index:1;
            }

          .main_gray_box{
                   width:130%;
                margin-left:-30%;
                margin-top:20px;
                background:gray;
                color:#FFF;
                padding:20px;
          } 
            .main_gray_box_1{
              width:60%;
            margin;0;
            float:left;
          }
          .main_gray_box_2{
             width:40%;
            margin:0;
            float:left;
          }  

            .kariera_tab div{
          width:25%;
          margin-top:0;
          
           }
            .kariera_tab div img{
            width:90px;
            }   
             .praktyki_tab div{
            width:40%;
            margin-top:0;
          
           }
            .praktyki_tab div img{
            width:90px;
            }  
            .kostka_of{
            width:100%;
            margin-top:20px;
            background:#EFEFEF;
            } 
            .kostka_of img{
            height:230px;
           width:auto;
            }
            .logo_cont{
            width:100%;
            margin:auto;
            } 
            .footer_vert_p1 img{
            width:65%;
            }   
            .counter{
          color:#810A18;
          font-weight:bold;
          font-size:60px;
          }
          .box_counter .counter_line{
          width:25%;
          margin-bottom:50px;
          }
          .box_counter {
         
          margin-bottom:20px;
          }
          .slide_in_1{
              
              margin-top:30vh;
              
                
          
       }

 
 @media only screen and (min-width: 1128px){
          .przykladowe_realizacje_oferta_img{
                    
                      height:180px !important;
                      object-fit:cover;
                     }
          .wch_logo_footer{
                width: 80% !important;
                }
          .footer_vert{
                width:100%;
                padding-left:20px;
                padding-right:20px;
                float:left;
                
            }
            .oferty_main{
            width:48%;
            float:left;
            margin:1%;
            padding:10px;
            }
            .realizacje_main{
            width:100%;
            
            padding:20px 20px 0 0;
            
            
            }
            .oferty_main_wiecej{
            text-align:left;
            }
            .aktualnosci_gal_img{
            float:left;
            width:33.33%;
            }
            .sec2{

            max-width:1000px;
        }
 
 
 }

    @media only screen and (min-width: 1200px) {
           .sec2{

        max-width:1200px;
        }
        .sec2 img{
                width:250px;
                
                }

         .poradnik_listing_img_left   img{
              
              max-height:300px;
          }
         .poradnik_listing_img_right img{
     
             max-height:300px;
          }
         .clearfix .realizacje_img{
             height:300px;
            
             object-fit: cover;
          } 
          .przykladowe_realizacje_oferta img{
                      
                    
                     }
          .przykladowe_realizacje_oferta_img{
                    
                      height:210px !important;
                      object-fit:cover;
                     }            

    }
 
  @media only screen and (min-width: 1600px){
         .przykladowe_realizacje_oferta_img{
                    
                      height:270px !important;
                      object-fit:cover;
                     }   
        .sections{
         
      
         max-width:1400px;
         margin:auto;
        
         margin-top:20px;
         margin-bottom:20px;
      
        
      }
      
      .poradnik_listing_img_left   img{
      width:100%;
      max-width:800px;
      max-height:270px;
      }
      .poradnik_listing_img_right img{
      width:100%;
       max-width:800px;
       max-height:270px;
      }
      .oferty_listing_img_right{
        width:50%;
        max-width:590px;
        }
        .oferty_listing_img_left{
        width:50%;
        max-width:590px;
        }
        .sec2{

        max-width:1400px;
        
        }

      .sec2 img{
                width:270px;
                
                }
      .main_wind{
       width:100%;
    
      }   
      .h1_main{
              font-size:55px;
              
              }  
      .h1_main  p{
           font-size:35px;
        }

      .sec4{
         max-width:1600px;
        }
        
        .mainmenu{

   max-width:1400px;

   
    }
   .clearfix .realizacje_img{
       height:400px;
       
       object-fit: cover;
    } 
  }</pre></body></html>