/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

@import url(cookiesInfo.css);
@import url(menu.css);
@import url(adminMenu.css);
@import url(galeria.css);
@import url(pages.css);
@import url(staryEdtab.css);
@import url(edtab.css);
@import url(gridX.css);
@import url(main.default.css);
@import url(main.content.css);
@import url(pmxForms.css);
@import url(pmxMultiForms.css);
@import url(jsoneditor.css);
@import url(jstree/themes/default/style.min.css);



@import url(jquery.validity.css);
@import url(hint.css);
@import url(SlidesJS.css);
@import url(animations.css);
@import url(animations2.css);

@import url(animate.css);

@import url(stapel.css);
@import url(stapel_custom.css);
@import url(fitgrid.css);
@import url(cslider.css);
@import url(jquery.lightbox.css);
@import url(lightbox.css);

@import url(jquery.dataTables.css);
@import url(jquery.dataTables_themeroller.css);
@import url(jquery-ui-1.10.4.custom.css);
@import url(jquery-ui.css);
@import url(jquery.mCustomScrollbar.css);



@import url(glyphicons.css);
@import url(alertify.core.css);
@import url(alertify.default.css);


@import url(owl.carousel.css);
@import url(owl.theme.css);
@import url(owl.transitions.css);

@import url(slimmenu.css);
@import url(flexnav.css);

@import url(gridstack.css);
@import url(gridstack.admin.css);


@import url(social-slider-pelny.css);

@import url(IntroText.css);
@import url(isotope.css);


@import url(smoothproducts.css);


@import url(pmxGridTowary.css);
@import url(pmxGallery.css);
@import url(pmxCart.css);
@import url(pmxLMenu.css);
@import url(pmxCarousel.css);

@import url(social-slider-pelny.css);

@import url(font-awesome.min.css);
@import url(infinityCarousel.css);

@import url(jquery.range.css);
@import url(material-scrolltop.css);
@import url(magnific-popup.css);










/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222; 
    
}

  @media (max-width: 900px) {
    html { font-size: 14px; }
  }
  
  @media (max-width: 400px) {
      html { font-size: 12px; }
  }

body.admin * { color: #222; }



body {
       font-family: "Alegreya Sans",sans-serif;
       font-size: 1rem;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   
body { ooooverflow: hidden}   


* {
    box-sizing: border-box;
    }
    
*:before, *:after {
        box-sizing: border-box;
        }

   
.pmx { 	bbackground: none repeat scroll 0 0 black; #474747;   }
   

.appMain { bbackground-color: white;
  	}
	
body.admin .appMain { position: relative; width: 100%; background-color: white}


.appMain section { background-color: white;}


.appWrapper { width: 100%;
	      bbackground: url("/images/pattern01.png") repeat scroll left top rgba(255, 255, 255, 0.8);;

}

.appSecWrapper {  overflow: hidden;
                  padding: 0px;
                  position: relative;
	          padding: 0px 0px;
               }	    
               
.appSecWrapperBg { background-color: transparent;
                   filter: brightness(100%);
                   height: 100%;
                   left: 0;
                   overflow: hidden;
                        position: absolute;
                            top: 0;
                                width: 100%;
                    }               
               
               
.appSecWrapperBgg {  position: absolute;
                       top:0; 
                       left:0;                    
                       height: 100%;
                       width: 100%; 
                       overflow: hidden;
                       background-color: transparent;
                       
                       filter: brightness(60%);
                       -webkit-filter: brightness(60%);
                       -moz-filter: brightness(60%);
                       -o-filter: brightness(60%);
                       -ms-filter: brightness(60%);
                    }              
                    
section.kontakt .appSecWrapperBg::before {
    background: rgba(0, 0, 0, 0.1) url("/images/pattern.png") repeat scroll left top;
        content: " ";
            display: block;
                height: 100%;
                    left: 0;
                        position: absolute;
                            top: 0;
                                transition: opacity 0.5s ease 0s, visibility 0.5s ease 0s;
                                    width: 100%;
                                        z-index: 1;
                                        }                    
                    
                    
body.mobile .appSecWrapperBgg { display: none}
                    
               
.appSecWrapper.overflowScrolll { overflow: auto}

                    
                    
                    
               
.sectionNav { display: none}               

.appSecWrapper .banner {

	       margin: 0px auto;

               background: none repeat scroll 0 0 rgba(255, 255, 255, 0)
               filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#B9ffffff', endColorstr='#B9ffffffb'); /* IE */

               color: white;  #383533;
               ppposition: fixed;
               ttop: auto;
               bbottom: 0px;
               zz-index: 10;	     
               text-align: left;
               padding: 20px;
               padding-bottom: 60px;
               
	       bbbbackground: url("/images/pattern.png") repeat scroll left top rgba(255, 255, 255, 0.8);;
	       
	       bbbbackground-color: #ffffff;
	       hheight: auto;
               
                   
               bbbbackground: url("/images/hLines.gif"); 
                    /*  repeat scroll left top rgba(0, 0, 0, 0.2);*/
            
               opacity: 1;
               top:auto;
                    position: absolute;
                    height: auto;
                    margin-top: 100px;
                    bottom: 0px!important;
                    top:auto!important;                   
                   
           
                   
               }

.mainContent2 { position: absolute;
		top: 40%;
	        lleft: 0;
	        margin: 0 auto;
	        width: 100%;
	        padding: 20px 20px 20px;
	        position: relative;
	        right: auto;
        	background: rgba(255, 255, 255, 0.5);;
        	bbackground: url("/images/pattern.png") repeat scroll left top rgba(0, 0, 0, 0.5);
        	color: black;
        	text-align: center; 
	   }
	   
.mainContent3 { position: absolute;	   
	       top: 50%;
	       transform: translate3d(0px, -50%, 0px);
	       text-align: center;
               width: 100%;
               bbackground: rgba(255, 255, 255, 0.5);;
              	height: auto;
              	z-index:1;
	     }
	   	

.mainContent { position: absolute;	   
	       top: 0;
	       text-align: center;
               width: 100%;
               max-width: 900px
               margin: 0 auto;
              	height: auto;
              	z-index:1;
              	
              bottom: 0px;
              border: 0px solid red;

              	
	     }

.mainContent .pgWrapper { position: relative;	   
	       top: 90%;
	       transform: translate3d(0px, -90%, 0px);
	       text-align: center;
               width: 100%;
               max-width: 900px;
               
               bbackground: rgba(0, 0, 0, 0.45) url("/images/pattern.png") repeat scroll left top;
               bbox-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
              	height: auto;
              	z-index:1;
              	
              border: 0px solid green;
              
               margin: 0 auto;
               padding: 20px;
               
               color: white;
               font-size: 1.2rem;
               line-heigh: 1.7rem;
              	
	     }
	     

	     
.mainContent .pgFooter { position: absolute;	   
	       bottom: 1rem;
	       text-align: center;
               width: 100%;
              	height: auto;
              	z-index:1;
              	
              border: 0px solid green;

              	
	     }
	     
	     
	     
	     
	     
.mainContent_ { background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
	    height: 13rem;
    	    position: absolute;
            text-align: center;
                top: 50%;
                    transform: translate3d(0px, -50%, 0px);
                        width: 100%;
                        
}
 
.mainContent h1 { margin: 0; font-size: 3rem; text-shadow: 0 3px 2px rgba(0, 0, 0, 0.4); }
.mainContent h2 { 
                  font-size: 3rem; 
                  font-weight: light;	
                  text-align: center;
                  color: white; text-shadow: 0 3px 2px rgba(0, 0, 0, 0.4);
                  padding:0 !important    }	   
                  
body:not(.desktop) .mainContent h2 { font-size: 2rem; font-weight: bold}	   

.mainContent h3 { font-size: 2.5rem; text-align: center; font-weight: 100; color: white;  text-shadow: 0 3px 2px rgba(0, 0, 0, 0.4) }	   
body:not(.desktop) .mainContent h3 { font-size: 1.5rem; font-weight: bold}	   

body.mobileeee .mainContent  { top: 0}	   


body:not(.desktop) .mainContent img { width: 90%}	   


.pageContent { position: relative;
	       margin: 0 auto;
               max-width: 1400px;
               padding-bottom: 100px;
               pppadding-top: 150px;  
               pppadding: 150px 20px 100px 20px;                   
               padding: 100px 20px 20px 20px;
               
               bbackground: rgba(0, 0, 0, 0.5);;
               bbackground: url("/images/pattern.png") repeat scroll left top rgba(0, 0, 0, 0.5);
               
               background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
               
               bbackground-color: #ececec;
               bbox-shadow: 0 0px 10px rgba(0, 0, 0, 1);
               line-height: 1.7rem;
             }

.pageContent.wide { max-width: none !important;
                    padding: 50px 0px 0px 0px;
           
               
             }

.pageContent.noPadding { padding: 0px !important; }


.pageContent .pgWrapper {
    display: flex;
        flex-flow: row nowrap;
        }

                	  
.pageContent .pgHtml { width: 50%;
		       ppadding: 0px 20px;
		       
		        width: 46%;
		        float: left;
		        margin: 0 2%;
		        padding: 0;
		        position: relative;
		       
		     }                	  
		       
.pageContent.noPadding .pgHtml { padding: 0px !important}		       
		       

.pageContent .pgHtmlHeader { position: relative}		       

.pageContent.noPgPanel  .pgHtml { width: 100% } 

.pageContent .pgPanel { width: 50%;
		        bbackground-color: #c7d4c5; 
		        padding: 0px;
		        margin: 0px;
		        
		        width: 46%;
		        float: left;
		        margin: 0 2%;
		        padding: 0;
		        position: relative;

		        
		        
		      } 
		      
.pageContent.noPgPanel .pgPanel { display: none } 

/* smartphone size */
@media screen and (max-width: 30em ) {
	.pageContent .pgWrapper {
	    display: block;
	}
	
	.pageContent .pgPanel, .pageContent .pgHtml {
		margin:0; 
		mmargin: 0 1% 1em;
		padding:0;
		width:96%;
	}
	
	.appWrapper section.PakietExclusive .pmxForms {
	    border-left: 0px solid !important;
	        padding: 0px !important;
        }
	
}

/* ----------------------------------------------------------------------------------------- */

		      
             
body.mobile .pageContent { padding: 50px 5px 0px 5px;}               	               
         
             
.pageContent.mCustomScrollbarOn { height: 100%;
	       		          padding: 100px 0px 2px 20px;}                              

body.mobile .pageContent.mCustomScrollbarOn { height: 100%;
	       		          padding: 100px 5px 0px 5px;}                              
	       		          
.pageContent.mCustomScrollbar_no-scrollbar { padding-right: 20px !important ; }
                    

.pageContent td > a img { wwwidth: 100px; padding: 2px;margin: 5px; float: left;  

	 	   background-color: white;
   	   
	          -webkit-box-shadow: 0px 0px 1px #BBBBBB;
	          -moz-box-shadow: 0px 0px 1px #BBBBBB;	  
	  
		  -webkit-box-shadow: 0px 0px 1px 0px #888 ;
		  -moz-box-shadow: 0px 0px 1px 0px #414141; 
	  
	    	  box-shadow: 0px 0px 1px 0px #414141;  
		  transition: box-shadow 0.2s linear 0s, background-color 0.2s linear 0s;

}

.pageContent .fgWrapper { display: flex } 

body:not(.desktop) .pageContent h2 { font-size: 1.5rem; font-weight: bold; line-height: 1.5rem}   







.pageContent.oferta ul {
  list-style: none;
  width: auto;
  padding: 0px;
}
.pageContent.oferta li a {
  background-color: rgba(0, 0, 0, 0.2);
  color: black;
  display: block;
  margin: 5px;
  padding: 10px;
  width: auto;
  transition: all 1s ease 0.5s;
  -webkit-transition: all 1s ease 0.5s;
  -moz-transition: all 1s ease 0.5s;
  -o-transition: all 1s ease 0.5s;
}
.pageContent.oferta li a:hover {
  background-color: rgba(0, 0, 0, 0.4);
  color: white;
  animation-name: pulse;
  -webkit-animation-name: pulse;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}




.stopka { position: relative;
	       margin: 0 auto;
               max-width: 1400px;
               padding: 10px 0px 10px 0px;
               
               line-height: 1.7rem;
             }

               

.startowy  {    background: url("/images/pattern.png") repeat scroll left top rgba(0, 0, 0, 0.5);

                    opacity: 1;
                    mmax-width: 1000px;
                    top:auto;
                    position: absolute;
                    height: auto;
                    margin-top: 100px;
                    bottom: 0px!important;
                    top:auto!important;
                    }
                    

                    
.startowy .ikony { width: 400px; margin: 0 auto}	                    
.startowy .ikony img { margin: 0 10px}
.startowy .ikony img:nth-child(2) { width: 100px}
.startowy .ikony img:nth-child(3) { width: 50px}

.scroll-down { position: absolute; bottom: 5px; right: 0%;width: 60px; margin: 0 auto}

.banner h1 { text-align: center}


.projekty { padding: 0px!important}
               
               

.appSecWrapper .noPattern { background-image: none  !important; box-shadow: none !important}	 

.appSecWrapper .overlay   { background: none repeat scroll 0 0 #ffffff;
                            bottom: 0;
                            bbbox-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset;

                            left: 0;
                            right:0;
                            overflow: hidden;
                            position: absolute;
                            top: 50px;
                            transform: translateX(-100%);
                            
                            transition: all 0.8s ease 0s;
                            visibility: hidden;
                            width: 100%;
                            z-index: 50;
                            padding: 20px;
                            
                            width: 100%;                
                            

                        }    
                        
.appSecWrapper .overlay-show { transform: translateX(0px);
                               visibility: visible;
                            
                             }           

.appSecWrapper .overlay-hide { llleft: 200%;
                               transform: translateX(+200%);
                               visibility: hidden;
                               aaaanimation: 0.1s ease 0s normal none 1 holdLeft, 2s ease 0.4s normal none 1 fromLeft; animation-fill-mode: forwards;
                            
                             }           

                             
.appSecWrapper .overlay h2 { opacity:0 }                            
.appSecWrapper .overlay h3 { opacity:0 }                            
.appSecWrapper .overlay .figure { opacity:0 }                            


.appSecWrapper .overlay .content { max-width: 1200px; margin: 0 auto }

.appSecWrapper .overlay-show h2 {  animation: 0.1s ease 0s normal none 1 holdLeft, 2s ease 0.4s normal none 1 fromLeft; animation-fill-mode: forwards;}
.appSecWrapper .overlay-show h3 {  animation: 0.2s ease 0s normal none 1 holdLeft, 3s ease 0.4s normal none 1 fromLeft; animation-fill-mode: forwards;}

.appSecWrapper .overlay-show .figure {  animation: 0.1s ease 0s normal none 1 hide, 4s ease 0.1s normal none 1 fadeIn; animation-fill-mode: forwards;}
.appSecWrapper .overlay-show .btn-hide-overlay { visibility: visible; opacity: 1 }
.appSecWrapper .overlay-show .btn-next-overlay { visibility: visible; opacity: 1 }
.appSecWrapper .overlay-show .btn-prev-overlay { visibility: visible; opacity: 1 }
.appSecWrapper .overlay-show .btn-hide-overlayyy { visibility: visible; animation: 0.1s ease 0s normal none 1 hide, 4s ease 0.1s normal none 1 fadeIn; animation-fill-mode: forwards;}


                                                                          
                        
                
.overflowVisible { overflow: visible !important}

	    
	 
.appHeader {  height: 100px; 
              overflow: visible;
              position: fixed;
              top: 0;
              width: 100%;
              z-index: 10;
              
              background: rgba(255,255,255, 1);;
              bbackground-color: rgba(255,255,255, 1);
              bbackground-color: #2b2f30; rgba(255,255,255, 1);
                             transition: all 0.8s ease-in-out 0s;
                             
	   } 
	   
body:not(.desktop) .appHeader { height: 50px } 
	   
.appHeader.minimizeddddd, .appHeader.not_mainnnnnn {
             box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
                background-color: rgba(255,255,255, 1);
                
                height: 50px;
          }
	   
	   
.appHeader.hovered {

	      background: none repeat scroll 0 0 rgba(0,0,0, 0.80);
              filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#B9000000', endColorstr='#B9000000'); /* IE */


           }	   
           
.appHeaderBg {
      bbbbackground: url("/images/appHeaderBg.png") repeat-x scroll left top transparent;
      height: 60px;
      position: absolute;
      top: 0;
      width: 100%;           
      z-index: -1;
      }
           

	   
.show { visibility: visible!important }    
    
	   
	   
      
.logo { 
        bbackground: transparent url("/images/logo_male.png") no-repeat fixed 0 0 / cover ;
        height: 77px;
        width: 138px;
        margin: 0px;
        transition: all 0.8s ease 0s;
        position: absolute;
        
        top: 50%;
        transform: translate3d(0px, -50%, 0px);

        
        left: 10px;
        opacity:1;
    

      }

.logo img { height: 77px }      
      
      
      
header.minimizeddddddddddddddddd .logo, header.not_mainnnnnnnnnnnnnn .logo { opacity: 1;

        height: 40px;
        width: 35px;
      filter: grayscale(100%);
      -webkit-filter: grayscale(100%);
      -o-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);


			}      
      

body:not(.desktop) .logo { display: none}	         
      
.logo h1 { font-size: 1.5rem}	      

.social { height: 35px;
        width:  35px;
        margin: 0px;
        transition: all 0.8s ease 0s;
        position: absolute;
        
         top: 50%;
             transform: translate3d(0px, -50%, 0px);
        right: 10px;
        text-transform: uppercase;
    

      }
      
.social img { height: 35px}      

body.mmenu_collapsed .social { right: 60px   }  
      

.appMenu {    float: right;
              ppppadding-right: 50px;

	  }

body.admin .appMenu { float: left }

.appFooter { height: auto;  
    	     background: none repeat scroll 0 0 black;
    	     text-shadow: 0 3px 2px rgba(0, 0, 0, 0.4);

	     overflow: hidden;
	     width: 100%;
	     
             bottom: 0;
             display: block;
             letter-spacing: 1px;
             line-height: 1.8em;
             position: fixed;
             width: 100%;
             z-index: -1;
 
	     
	     
 
	   }	
	   
#footerWrapper {  overflow: hidden;
	       margin: 0 auto;
               max-width: 1000px;
               padding: 0px;
               padding-top: 40px;
	       position: relative;
	       border: 0px solid red;
	       text-align: center;
	    }    
	   
	   
.appFooter a { color: #4d4d4d; }	   

.appWrapper section
           {
   	      width: 100%;
	      height:100%;
	      border-bottom: 0px solid #f2f2f2;
	      
	    }

.appWrapper section.oferta {
    bbackground: transparent url("/images/ofertaBg.jpg") no-repeat scroll center center / cover ; top: 0;
}

.appWrapper section.PakietExclusive * { 	    
	    color:#e2c596;	    
}

.appWrapper section.PakietExclusive button { 	    
	    color:black;	    
}

.appWrapper section.PakietExclusive select option { 	    
	    color:black;	    
}

.exclusive * { 	    
	    color:#e2c596;	    
}



.appWrapper section.PakietExclusive .pmxForms {
    padding: 0;
    padding-left: 30px;
    padding-bottom: 30px;
    border-left: 1px solid #e2c596;
}

.appWrapper section.PakietExclusive .pmxForms input,
.appWrapper section.PakietExclusive .pmxForms textarea,
.appWrapper section.PakietExclusive .pmxForms select {

  border: 1px solid #e2c596;;
  background-color: transparent !important;
  color: #e2c596;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03) inset;
}


.appWrapper section.PakietExclusive .pmxForms input[name="person"], .appWrapper section.PakietExclusive  .pmxForms input[name="imię"], .appWrapper section.PakietExclusive .pmxForms input[name="imieNazwisko"] {
    background-image: url( /css/images/pmxForms/e/name.svg);
}

.appWrapper section.PakietExclusive .pmxForms input[name="email"] {
    background-image: url( /css/images/pmxForms/e/email.svg);
}

.appWrapper section.PakietExclusive .pmxForms input[name="phone"],.appWrapper section.PakietExclusive  .pmxForms input[name="telefon"] {
    background-image: url( /css/images/pmxForms/e/phone.svg);
}

.appWrapper section.PakietExclusive .pmxForms textarea[name="opinion"],.appWrapper section.PakietExclusive  .pmxForms textarea[name="adres"] , .appWrapper section.PakietExclusive .pmxForms textarea[name="tresc"] {
    background-image: url( /css/images/pmxForms/e/comment.svg);
}

.appWrapper section.PakietExclusive .pmxForms input.hasDatepicker {
    background-image: url( /css/images/pmxForms/e/calendar.svg);
}

.appWrapper section.PakietExclusive .pmxForms input[name="adres"] {
    background-image: url( /css/images/pmxForms/e/location.svg);
}

.appWrapper section.PakietExclusive .pmxForms textarea[name="daneUczestnikow"] {
    background-image: url( /css/images/pmxForms/e/people.svg);
}

.appWrapper section.PakietExclusive .pmxForms select[name="iloscOsob"]  {
    background-image: url( /css/images/pmxForms/e/people.svg);
}

.appWrapper section.PakietExclusive .pmxForms select[name="zakwaterowanie"]  {
    background-image: url( /css/images/pmxForms/e/bed.svg);
}

.appWrapper section.PakietExclusive .pmxForms select[name="platnosc"]  {
    background-image: url( /css/images/pmxForms/e/payment.svg);
}


.appWrapper section.PakietExclusive .pmxMultiFormsButton {  background-color: transparent;
		          border-radius: 0px;
		          border: 2px solid #e2c596;
                          color: #e2c596;
                          display: block;
                          float: left;
                          font-size: 1rem;
                          font-weight: bold;
                          margin-top: 5px;
                          padding: 10px;
                          text-align: center;
	                  transition: all 500ms ease 0s;
	                  position: absolute;
	                  bottom: 20px;
	                  cursor: pointer;
                      }	

	    
.appWrapper section.kontakt {
	     background-color: #2D2A2F !important;
}		    

.appWrapper section.kontakt * {
	     color: #ffffff;
}		    

.appWrapper section.kontakt a {
	     color: #ffffff !important;
}		    



.appWrapper section.kontakt input, .appWrapper section.kontakt textarea {
	     color: black;
}

.appWrapper section.kontakt h2 { text-align: left}

.appWrapper section.kontakt .pmxForms {
    border: 0px;
        padding: 0px;
            position: relative;
            }
	    
	    
.panel { height: 100%;
         overflow: aauto;
         position: absolute;
         width: 100%;
         background-color: #DDDEDF;
       }

.flagi { position: absolute;
         right: 2px;
         top: 6px;
         width: 55px;
         z-index: 2;
        }

.flagi * { font-size: 0.9rem; }

.flagi img { width: 25px; }



body.mmenu_collapsed .flagi { left: 5px; right: auto; top: 7px   }  



.przerywnik { height: 500px; bbackground: rgba(0, 0, 0, 0.1) url("/images/pattern.png") repeat scroll left top;}

.przerywnik::before { /* by Fraglesi */
        bbackground: rgba(0, 0, 0, 0.1) url("/images/pattern.png") repeat scroll left top;
        content: " ";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        transition: opacity 0.5s ease 0s, visibility 0.5s ease 0s;
        width: 100%;
        z-index: 1;
}



.przerywnik.maps { margin-top:0px; height: 300px; margin-bottom: 20px}

#przerywnik01 { background: url('/images/przerywnik01.jpg')  no-repeat fixed 0% 0 transparent; background-size: cover ; 
                       filter: brightness(60%);
                       -webkit-filter: brightness(60%);
                       -moz-filter: brightness(60%);
                       -o-filter: brightness(60%);
                       -ms-filter: brightness(60%);

}
#przerywnik02 { background: url('/images/przerywnik02.jpg')  no-repeat fixed 0% 0 transparent; background-size: cover ;
                       filter: brightness(60%);
                       -webkit-filter: brightness(60%);
                       -moz-filter: brightness(60%);
                       -o-filter: brightness(60%);
                       -ms-filter: brightness(60%);

}
#przerywnik03 { background: url('/images/przerywnik03.jpg')  no-repeat fixed 0% 0 transparent; background-size: cover ;
                       filter: brightness(60%);
                       -webkit-filter: brightness(60%);
                       -moz-filter: brightness(60%);
                       -o-filter: brightness(60%);
                       -ms-filter: brightness(60%);

}

div.pakietExclusive > div { background-color: transparent}
div.pakietExclusive  { text-align: center}
div.pakietExclusive strong { display: block;padding-top: 10px}
div.pakietExclusive .DolarImages { background: none; ffloat: left }

div.pakietExclusive a { color: #e2c596}
div.pakietExclusive p { text-align:center}

div.bullet { width: 8px; height: 8px; background-color: #e2c596; border-radius: 4px; margin: 0 auto }

hr.exclusive { border: 0; height: 2px; background-image: linear-gradient(to right, rgba(226, 197, 150, 0), rgba(226, 197, 150, 0.75), rgba(226, 197, 150, 0)); }

div.pakietExclusive2 { 
	        display: flex;
		display: -webkit-flex;
		
		flex-flow: row wrap;
		      		      
		flex-direction:         row;
		-webkit-flex-direction: row; /* Safari */
		      
		flex-wrap:         wrap;
		-webkit-flex-wrap: wrap; /* Safari */
		
		 -webkit-justify-content: space-around; /* Safari */
		   justify-content:         space-around;
		   
		 -webkit-align-items: center; /* Safari */
		 align-items:         center;
		 
		 -webkit-flex-grow: 1; /* Safari */
		   flex-grow: 1;
		}	
		
div.pakietExclusive2 .DolarImages { background: none; float: left; margin: 4px; padding: 0px}
div.pakietExclusive2 img { height: 140px; border: 0px solid white}

.exclusiveButton {  background-color: transparent;
		          border-radius: 0px;
		          border: 2px solid #e2c596;
                          color: #e2c596;
                          display: block;
                          font-size: 1rem;
                          font-weight: bold;
                          margin-top: 5px;
                          padding: 10px;
                          text-align: center;
	                  transition: all 500ms ease 0s;
	                  cursor: pointer;
                      }




/*
#przerywnik01 { background: url('/images/przerywnik01.jpg')  no-repeat fixed 0% 0 transparent; background-size: cover }
#przerywnik02 { background: url('/images/przerywnik02.jpg')  no-repeat fixed 0% 0 transparent; background-size: cover }
#przerywnik03 { background: url('/images/przerywnik03.jpg')  no-repeat fixed 0% 0 transparent; background-size: cover }

*/


/*only for webkit  browsers*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #przerywnik01 { 
            background-attachment: scroll;
                }
}


.googlemaps {
        height: 300px;
        margin: 0 auto;
        padding: 0px;
        max-width: 1000px;
      }




#map { text-align:center; background: transparent}
#map .appSecWrapper { background-color: white;}



#mapp:after {
	 
         height: 176px;
         pointer-events: none;
         top: 100%;
         width: 100%;
         content: "";
         display: block;
         left: 0;
         position: relative;
         top: 0;
        }
        
        
#vertnav { display: none !important}        

      

.start               { top: 0%  ; 
                       aaanimation: 1.2s ease-in 0s normal none 1 fadeIn;
                       bbbbbbbbackground: url("/images/main01a.jpg") repeat-x scroll 50% 0 transparent;
                       bbbbox-shadow: 0 -3px 10px rgba(0, 0, 0, 0.1) inset;
                       min-height: 373px;
                       opacity: 1;
                       padding-top: 60px;
                       tttext-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
                       background-color: #ffffff;
                      } 
                      
.appSecWrapper        { bbackground: url('/images/PgBg.jpg')  no-repeat transparent; background-position: left top; background-size: cover}


.sekcja00            { top: 0;    bbbbackground: url('/images/sekcja00.jpg')  no-repeat transparent; background-position: right bottom; background-size: cover}
.sekcja01            { top: 100%; background: url('/images/section01.jpg')  no-repeat fixed 0% 0 transparent; background-size: cover}
.sekcja02            { top: 200%; background-color: #C4D8EE; bbackground: url('/images/sectionTorbyFoliowe.jpg')  no-repeat fixed 0% 0 transparent; background-size: cover }
.sekcja03            { top: 300%; bbackground: url('/images/sectionTorbyTekstylne.jpg')  no-repeat fixed 0% 0 transparent; background-size: cover}
.sekcja04	     { top: 400%; bbackground-color:  #D7E6FE; bbackground: url('/images/sectionNaSpecjalnaOkazja.jpg')  no-repeat fixed 0% 0 transparent; background-size: cover}
.sekcja05	     { top: 500%; bbackground: url('/images/sectionNaSpecjalnaOkazja.jpg')  no-repeat fixed 0% 0 transparent; background-size: cover}
.kontakt	     { top: 600%; bbbackground: url('/images/sectionKontakt.jpg')  no-repeat fixed 0% 0 transparent; background-size: cover}

#particles { background: url('/images/start01bg.jpg')  no-repeat scroll center center transparent; background-size: cover;}
#start02 { bbackground: url('/images/start02bg.jpg')  no-repeat scroll center center transparent; background-size: cover;}
#start03 { background: url('/images/start03bg.jpg')  no-repeat scroll center center transparent; background-size: cover;}



#start02bg_a { background: url('/images/start02bg_a.jpg')  no-repeat scroll center center transparent; background-size: cover;}


#oFirmie01 { background: url('/images/start01bg.jpg')  no-repeat fixed center center transparent; background-size: cover;}
#historia01 { background: url('/images/start01bg.jpg')  no-repeat fixed center center transparent; background-size: cover;}
#historia02 { background: url('/images/start01bg.jpg')  no-repeat fixed center center transparent; background-size: cover;}



    
.img-responsive  { display: block;
                   height: auto;
                   max-width: 100%;
                   vertical-align: middle;
                   border: 0 none;
                   width:100%;
                }

.owl-item-slide { width: 100%; height: 100%; border: 0px solid red } 



#particles-js {
    background-color: transparent;
      position: fixed;
                       top:0; 
                       left:0;                    
                       height: 100%;
                       width: 100%; 
                       overflow: hidden;            
            }


a.bbutton {
    
  background-color: black;#2b2f30;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  color: white;
  display: block;
  font-size: 0.9rem;
  font-weight: bold;
  height: 29px;
  margin-top: 5px;
  padding-top: 5px;
  text-align: center;
  text-transform: uppercase;
  transition: all 500ms ease 0s;
  width: 133px;
  margin: 0 auto;
  }
    
    
    
    
a.bbutton:hover { color: red;
    background-color: black;
	animation-name: pulse;
	-webkit-animation-name: pulse;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;


 }

@keyframes pulse {
	0% {
		transform: scale(0.9);
		opacity: 1;		
	}
	50% {
		transform: scale(1);
		opacity: 1;	
	}	
	100% {
		transform: scale(0.9);
		opacity: 1;	
	}			
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0.95);
		opacity: 0.7;		
	}
	50% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(0.95);
		opacity: 0.7;	
	}			
}




    
#navigation {
    display: none;
    height: 200px;
    padding: 5px;
    position: fixed;
    right: 0;
    top: 110px;
    width: 40px;
    z-index: 800;
    
    }
    
#navigation a.navigationButton {
     background: url("/images/nav2.png") no-repeat scroll center center transparent;
     height: 28px;
     left: 0;
     outline: medium none;
     padding: 5px;
     position: absolute;
     width: 29px;
    }    
    	    
#navigation a.navigationButton.selected {
    background: url("/images/nav2_sel.png") no-repeat scroll center center transparent;
    }    	    

	    

/* =====================================================================================
   SLIDERS 
   ===================================================================================== */
   
.sliderwrap { width: 100%; overflow: hidden}   

ul.slider {  list-style: none outside none;
             margin: 0;
	     padding: 0;
	     width: 100%;
	  }
	  
.slidewrap1 { position: relative}   

ul.slidecontrols { display: none; block; width: 100%; list-style: none outside none; padding:0px; margin:0px; position: absolute; top:45%; left:0;
 }
  
ul.slidecontrols li.left  { float: left;  mmmargin-left: -20px;  }	  
ul.slidecontrols li.right { float: right; mmmmargin-right: 20px }	  	  
	  
.carousel-tabs { clear: both;
                 margin: 0 auto 45px;
                 padding: 20px 0 0;
                 border: 0px solid red;
                 width: 300px;
                 float: left;
                 clear: both;
                 displayy: none;
                 
            
               }
	       
li.slide hgroup { padding: 0 50px; }

.carousel-tabs li { display: inline-block;
		    margin: 0 3px;
		    padding: 0;
		  }
		  
.carousel-tabs li:last-child a { background-position: 2px -740px; }

.carousel-tabs a { background: none repeat scroll 0 0 #E4E4E4;
         	   border-radius: 9px 9px 9px 9px;
		   display: inline-block;
		   height: 19px;
		   outline: 0 none;
		   text-indent: -9999px;
		   transition: background-color 0.2s ease-in-out 0s;
		   width: 19px;
		 }
		 
.carousel-tabs a:hover {  background-color: #D7D7D7; }

.carousel-tabs .carousel-active-tab a { background: none repeat scroll 0 0 #E1704B;
                                        border-radius: 9px 9px 9px 9px;
				        height: 19px;
                                        lline-height: 19px;
					width: 19px;
				      }
				      
.carousel-tabs li.carousel-active-tab:last-child a { background-position: 3px -739px;
												    }
/* =====================================================================================
   GALERIA2
   ===================================================================================== */
   

.ddddda-thumbs li {
    float: left;
    margin: 5px;
    background: #fff;
    padding: 8px;
    position: relative;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.dddda-thumbs li a, .da-thumbs li a img {  display: block; position: relative; }
.dddda-thumbs li a {  overflow: hidden;   }

.dddda-thumbs li a div { position: absolute;   background: rgba(75,75,75,0.7); width: 100%; height: 100%; }




.trescc { max-width: 1000px;
         margin: 0 auto;
         text-align: left;
         padding: 0 20px;
       }

.twocol.first, .twocol:nth-last-child(2n) { margin-left: 0;  }
    
.twocol.first, .twocol:nth-last-child(2n) { margin-left: 0; }

.twocol:nth-last-child(-n+2) { margin-bottom: 0;   }

.twocol { float: left;  margin-left: 3%;  width: 47%; }

.ttwocol { float: left;  margin-left: 20px;  }

.twocol.wezej   { width: 30%}
.twocol.szerzej { width: 60%}


article { color: #727272; }

pp { color: #727272; font-size: 1.125em; line-height: 1.3em;}

p:last-child {  margin-bottom: 0;    }

pp { font-size: 1.125em;
    line-height: 1.3em;
    margin-bottom: 34px;
  }
  


h1 {    font-size: 2.5rem;
	font-family: "Berkshire Swash",cursive;
    }  

h2 {    font-family: 'Berkshire Swash', cursive; 

        font-size: 2rem; 
        font-size: 3rem;
        font-weight: 200	;
        line-height: 4rem;
        margin: 0px;
        text-align: center;
        ppadding-bottom: 2rem;

   }

body.mobile h2 { }   

h3 { font-family: 'Hind', sans-serif;

     font-size: 1.2rem;
     font-weight: 600;

     text-align: center;
     margin: 0px;
     
   }
   
   

a, a:visited, a:hover, a:active { outline: medium none;  }
a { color: black;#ff9600;#800000;#E1704B; text-decoration: none; transition: color 0.2s ease-in-out 0s; }


div.pgHtml { position: relative } 
div.wiecej { border: 0px solid red;
             height: 52px;
             margin: 0 auto;
             position: relative;
             width: 52px;
                
	     bottom: 0
	     }

.btn-section {
    background-image: url("/css/images/arrows/up-arrow.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    bottom: 0;
    color: #FFFFFF;
    display: block;
    height: 44px;
    right: 0;
    mmmmargin-left: -20px;
    opacity: 0.9;
    overflow: hidden;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-indent: -1500px;
    width: 52px;
    z-index: 12;
    }


.btn-section.next {
    background-image: url("/css/images/arrows/arrows-1.png");
    bottom: 0;
    right: 0;
    }

.btn-section.prev {

    background-image: url("/images/btn-scroll-up.png");
    top: 85px;
    }
    
.btn-hide-overlay {
    background-image: url("/images/btn-close.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    top: 10px;
    color: #FFFFFF;
    display: block;
    height: 40px;
    right: 9px;
    mmmmargin-left: -20px;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-indent: -1500px;
    width: 40px;
    z-index: 12;
    border: 0px solid black;
    }
    
.btn-hide-overlay { animation: 9s linear 0s normal none infinite spinAround; }


.btn-next-overlay {
    background-image: url("/images/btn-scroll-right.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    bottom: 0px;
    color: #FFFFFF;
    display: block;
    height: 40px;
    right: 9px;
    mmmmargin-left: -20px;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-indent: -1500px;
    width: 40px;
    z-index: 12;
    }

.btn-prev-overlay {
    background-image: url("/images/btn-scroll-left.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    bottom: 0px;
    color: #FFFFFF;
    display: block;
    height: 40px;
    left: 9px;
    mmmmargin-left: -20px;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-indent: -1500px;
    width: 40px;
    z-index: 12;
    }

    
.overlay-show .btn-hide-overlay .btn-next-overlay .btn-prev-overlay { opacity:1}    
    
    
.prawo .btn-scroll { left:0; right: auto ! important}    




        
.parallax {
    display: block;
        position: absolute;
        }        


#mainBanner { position: relative; width: 100%;  height: 400px; border: 1px solid red;  text-align: left; overflow: hidden} 

.mainBanner01 { background: url("/images/main01a.jpg") no-repeat fixed 0% 0 transparent; background-size: contain; animation: 0.1s ease 0s normal none 1 hide, 4s ease 0.1s normal none 1 fadeIn; animation-fill-mode: forwards;  }

.mainBanner02 { background: url("/images/main01b.jpg") no-repeat fixed 0% 0 transparent; background-size: contain; animation: 0.1s ease 0s normal none 1 hide, 4s ease 0.1s normal none 1 fadeIn; animation-fill-mode: forwards; }
             


#mainBanner ul { list-style: none; padding: 0px; margin: 0px }
#mainBanner li { width: 100%; height:400px; display: block;text-align: center; padding: 0px; margin: 0px} 

#opanel #NewsTicker img { display: none; border: 0px solid #a4a4a4; width:800px; height: 450px;overflow: hidden}




   
/* =====================================================================================
   FORMULARZE
   ===================================================================================== */
   
#contactForm { width:100%}   
   
#contactForm input[type="text"], #contactForm input[type="email"], #contactForm textarea {
    background: none repeat scroll 0 0 #ECF1F4;
    border: 1px solid #B5C9D4;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2), 0 1px 3px rgba(25, 62, 83, 0.1) inset, 0 0 0 1px rgba(155, 180, 195, 0.3);
    color: #3E7EA0;
    font-size: 12px;
    hhhhheight: 18px;
    padding: 6px 15px;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
    wwwwwwwwwidth: 235px;
}

#contactForm input[type="text"]:focus, #contactForm input[type="email"]:focus, #contactForm textarea:focus {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #9BB4C3;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2) inset, 0 0 0 8px rgba(30, 73, 96, 0.1);
    outline: medium none;
}


#contactForm textarea { hhheight: 192px}


#contactForm .lajn { margin: 5px 0px}
		      

   



/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
   




@media handheld, only screen and (max-width: 1400px) {

   
}


@media handheld, only screen and (max-width: 1024px) {

   
}

.lllllt-ie9 body {  font-size: 0.8em }

.llllt-ie9 h2 { font-size: 1.5em;   }

    
.lllllt-ie9 .prawo     { left: 0px; right: auto; top: 0; bottom: auto  }       
.llllt-ie9 .tresc     { max-width: 800px; 800px}

   




@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}