html {background: url(img/tlo.jpg);}

body {font-size: 14px;
      margin: 0 auto;
      padding: 0;
      font-family: Ubuntu, verdana, sans-serif;
      color: #fff;}
      
.back, .logo-phone, .menu-phone {display: none;} 

.f-left {float: left;}
.simply-scroll-list{width:100%!important;}
#header {width: 100%;
          margin: 0 auto;} 
          
.slider {
   
         margin: 0 auto;
         overflow: hidden;
         position: relative;
         z-index: 4;}          
          
          
img{display:block;}

.slider img {width: 100%;}          
          
          
.top-slider {position: absolute;
             top: 0;
              overflow: hidden;
             z-index: 14;
             width: 100%;
             max-width: 2000px; } 
             
.slider .top-slider img {width: 2000px; height:150px;}                     
          
.bottom-slider  {position: absolute;
             bottom: -5px;
             overflow: hidden;
             z-index: 15;
             width: 100%;
             max-width: 2000px; }          
          
.menu-phone2 {width: 100%;
              margin: 0 auto;
              position: absolute;
              top: 0;
              z-index: 20;}          
          
.menu-phone2-container {width: 1000px;
                       margin: 0 auto;}  
                       
  
                   
.menu-phone2 ul {margin: 0;
                 padding: 0;
                 list-style: none;} 
                        
.menu-phone2 li {float: left;
                 font-size: 14px;
                 text-transform: uppercase;
                 padding: 25px 20px 25px 20px;
                 background: url(img/menu_top_przerywnik.png) left no-repeat;} 
                 
.menu-phone2 li:first-child {background: none;
                             padding-left: 0;}                 
                        
               

.menu-phone2 li a {color: #F7FFF9;
                   display: block;
                   text-decoration: none;}
                          
.menu-phone2 li a:hover {text-decoration: underline;}                                                                   
 

.menu-phone2 li > ul {display: none;}  

.menu-phone2 li:hover > ul {display: block;
                     margin: 12px 0 0 -20px;
                     position: absolute;
                     z-index: 25;}  

.menu-phone2 li > ul li {float: none;
                  position: relative;
                  z-index: 15;
                  background: none;
                  padding: 0;
                  text-transform: none;} 
                  
                    
                            
.menu-phone2 li > ul li a {background: #000;
                         color: #fff;
                    position: relative;
                     z-index: 15;
                     padding: 8px 20px;}
                     
                

.menu-phone2 li > ul li a:hover {background: #2F2F2F;}

                       
.logo {float: left;
       margin: 12px 50px 0 0px;
}                        
                       
                       
.lg {float: right;
     margin: 8px 10px 0 0;} 

.lg a {display: block;
      color: #fff;
      text-decoration: none;
      margin-top: 5px;}                      
                       
                       
.lg a:hover {color: #FFC70F;}                       
                       
                       
.content {width: 1000px;
          margin: 0 auto;
          clear: both;
          padding-bottom: 8px;
          overflow: hidden;
          position: relative;}                       
                               

.top-content {position: absolute;
             top: 0;
              overflow: hidden;
             z-index: 14;
             width: 100%; } 
             
.col1 {width: 750px;
       float: left;} 
       
.col2 {width: 250px;
       float: right;}                                      
                    

section {overflow: hidden;
         position: relative;
         margin-bottom: 5px;} 
         
.bottom-section  {position: absolute;
             bottom: 0;
             overflow: hidden;
             z-index: 15;
             width: 100%; }                             

       
article {width: 356px;
         float: left;
         margin: 0 16px 0 0;
         position: relative;
         overflow: hidden;}
         
article a {color: #fff;
           text-decoration: none;}  
           
.news-text {position: absolute;
            height: auto;
            bottom: 5px;
            padding: 10px 15px 40px 15px;
            background: rgba(0, 0, 0, 0.5);} 
            
.news-text p {line-height: 21px;
              margin: 5px 0 0 0;}            
            
.news-text a img {float: right;
                  margin-top: -15px;}            
            
.news-text h2 {margin: 0;
               text-transform: uppercase;
               font-weight: 300;}                             


.oferta-box {display: block;
             overflow: hidden;
             position: relative;
             margin: 0 19px 10px 0;
             z-index: 5;
             color: #fff;
               text-transform: uppercase;
               text-decoration: none;}
             
.box1 {margin: 20px 19px 10px 0;} 

/*.box-2   {margin: 15px 19px 10px 0;} */          

.oferta-box span {position: absolute;
                  z-index: 15;
                  top: 45%;
                  left: 0;
                  font-size: 20px;
                  font-weight: 300;
                  display: block;
                  width: 100%;
                  text-align: center;}
                  
.box-home img {width: 100%;}                  
                  
                  
.galeria-home img {margin-bottom: 19px;
                   width: 100%;}


.fb {margin-top: 20px;}  

.fb img {width: 100%;}

.partnerzy {clear: both;
            color: #fff;
            text-decoration: none;
            display: block;
            padding: 30px 0 0 12px;
            font-size: 10px;
            text-transform: uppercase; 
            font-weight: 300;
            background: url(img/partnerzy_ico.png) no-repeat scroll 0 36px;} 
            
.pt {width: 100%;
     border-top: 1px solid #2e2e33;}  
     
     
.pt-container {width: 1000px;
               margin: 0 auto;
               padding: 20px 0;} 
               
.pt-container ul {margin: 0;
                  padding: 0;
                  list-style: none;}   
                  
.pt-container ul li {float: left;
                     padding: 0 25px;}  

.col2 h3 {margin: 0;}

.col2 a h3 {margin: 10px 0 4px 0;
            color: #ffa200;
            text-transform: uppercase;
            font-weight: normal;
            font-size: 14px;}
                                                                  
                  
.col2 a  { text-decoration: none;}                           

/*FOOTER*/


.footer {clear: both;
              width: 100%;
              background: url(img/tlo-footer.jpg) repeat-x;
              background-color: #151517; }
              
.footer-container {width: 1000px;
                       margin: 0 auto;
                       padding: 16px 0 25px 0;
                       overflow: hidden;
                       color: #A7A7A9;
                       position: relative;} 
                       
.footer-container .dn {position: absolute;
                       top: 18px;
                       right: 7px;}                       
                       
.footer-container a {text-decoration: none;
                         color: #A7A7A9;} 
                         
                         
.footer-container ul {margin: 0 50px 0 0;
                      padding: 0;
                      list-style: none;
                      float: left;
                      font-size: 10px;}

.footer-container ul li {font-size: 12px;
                                     text-transform: uppercase;} 

.footer-container ul li a {color: #fff;}

.footer-container ul li > ul {margin-top: 30px;}
                      
.footer-container ul li > ul li {padding-bottom: 13px;
                                 text-transform: none;}  


.footer-container ul li > ul li a {color: #A7A7A9;}                    
                      
                 
.footer-container ul.ul-contact li {text-transform: none;
                                    padding-bottom: 13px;} 

.footer-container ul.ul-contact li a  {color: #A7A7A9;} 

.footer-container ul.ul-contact li:first-child {padding-bottom: 30px;
                                                text-transform: uppercase;} 

.footer-container ul.ul-contact li:first-child a {color: #fff;}                 
                      
/*.ul-1 li {width: 110px;}

.ul-2 li {width: 140px;}

.ul-3 li {width: 102px;}

.ul-4 li {width: 70px;}*/

.bx-wrapper {
  padding: 0;
  margin: 0 auto;
  *zoom: 1;
  position: relative;
}
.bx-wrapper img {
  display: block;
  max-width: 100%;
}
.bx-wrapper .bx-viewport {
  -moz-transform: translatez(0);
  -o-transform: translatez(0);
  -ms-transform: translatez(0);
  -webkit-transform: translatez(0);
  transform: translatez(0);
}
.bx-wrapper .bx-viewport li {
  width: 100%;
  min-height: 454px;
  background-position: center 0;
  background-repeat: no-repeat;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  width: 100%;
  position: absolute;
  bottom: 30px;
}
/*.bx-wrapper .bx-pager .bx-pager-item,*/
.bx-wrapper .bx-pager .bx-controls-auto-item,
/*.bx-wrapper .bx-controls-auto .bx-pager-item,*/
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
}
.bx-wrapper .bx-pager {
  padding-top: 20px;
  font-family: Arial;
  font-size: .85em;
  font-weight: bold;
  text-align: center;
  color: #666;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  border-radius: 5px;
  background: #fff;
  opacity: 0.3;
  text-indent: -9999px;
}
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a:active {
  opacity: 1;
}
.bx-wrapper .bx-loading {
  width: 100%;
  height: 100%;
  min-height: 50px;
  background: url(../images/bx_loader.gif) center center no-repeat white;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

.bx-wrapper .bx-controls-auto .bx-pager-item, .bx-wrapper .bx-pager .bx-pager-item {display: none;}



.bxslider {margin: 0;
          padding: 0;}

.col1-content {padding-right: 19px;}

a.oferta-box img:hover {
	-webkit-filter: none; /*Returns to default state*/
         -moz-filter: none;
         filter: none;
}
.grayscale {-webkit-filter: grayscale(100%);
             -moz-filter: grayscale(100%);
              filter: grayscale(100%);}


#gallery-1 .gallery-item {margin-top: 0 !important;
                          margin-bottom: 0 !important;}

.col2 #gallery-1 img {border: none;}

.single-news {width: 100%;
              clear: both;
             overflow: hidden;
             margin-bottom: 12px;}

.single-news h3 a  {color: #fff;
                   text-decoration: none;
                   text-transform: uppercase;}

.single-news h3 {margin: 0;}

.single-news img {float: left;
                  margin: 3px 10px 3px 0;}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	color: #fff;
	text-decoration:none;
}

.navigation li {
	display: inline;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	background-color: #76737C;
	border-radius: 3px;
	cursor: pointer;
	padding: 4px 8px;
}

.navigation li a:hover,
.navigation li.active a {
	background-color: #EE1C25;
}

.navigation ul {padding: 0;}

.navigation {display:flex;
        justify-content:center;

        display:-webkit-flex;
        -webkit-justify-content:center;}

.single-news-galeria {width: 33.33333333%;
                      float: left;
                      text-align: center;
                      margin: 0 0 10px 0;}

.single-news-galeria a  {color: #fff;
                         text-decoration: none;}

.single-news-galeria h3 {margin: 0;
                          text-transform: uppercase;
                          font-weight: 400;}

.slider-img {height: 454px !important;}


.lg-phone {display: none;
           width: 100%;
           padding: 15px 0;
           overflow: hidden;}

.lg-phone a {display: block;
             width: 46%;
             float: left;
             padding: 10px 0;
             margin: 0 2%;
             text-align: center;
             color: #fff;
             box-sizing: border-box;
             border: 1px solid #fff;
            font-size: 20px;
            font-weight: 900;
            text-decoration: none;}