/** ----------------------------------------------------------
 *
 * Contains the main layout of the page and the individual styles.
 * Acts as the main stylesheet for theme.
 *
 *		Include your notes or table of contents below....
 *		Include color hex's or values of your grid
 *
 *		1. OOCSS GRID
 *		2. MAIN LAYOUT
 *		3. HEADER
 *			- Brand
 *			- Search Form
 *		4. Navigation
 *			- Primary Navigation
 *			- tablet Navigation
 *			- Secondary Navigation
 *			- Secondary Nav 2-5 Levels deep
 *		5. Mixed
 *		6. Footer
 *		7. Page Specific Layout
 *			- Homepage
 *			- Search Results
 *		8. Device and Responsive Layout
 *			- Breakpoint 960px
 *			- Breakpoint 650px
 *				- Search Form
 *				- Main Content
 *		9. Print Styles
 *			- Simple Theme custom print styles
 *
 * @author Your Name <email@silverstripe.com>
 * ------------------------------------------------------- */

/* OOCSS Grid
* https://github.com/stubbornella/oocss/wiki/grids
*/
a:hover, a:active, a:focus {
   outline: 0;
}
.line, /* line - Groups units on one horizontal line. Note: for mobile layout units may be stacked to avoid horizontal scrolling. */
.lastUnit {
	overflow:hidden;
	*overflow:visible;
	*zoom:1;
	padding:0 10px;
}
.unit { /* unit - Base class which divides a line into sections (columns). */
	float:left;
	padding:0 10px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box; /* box-sizing:border-box; creates a box-model where 
	padding and border are NOT added onto the width - they are included in the width, 
	so a 200px wide element with 20px padding will be 200px, NOT 240px wide */
}
.unitRightv { /* Use this class if you want to offset a column eg: |--content(.unit)--|--content(.unit)--|--no-content--|--no-content--|--content(.unitRighttv)--| */
	float:right;
}
 iframe {max-width:100%;}
/* sizeXofY - Extends unit. Indicates the fractional width of the unit, for example size3of4 would take up three quarters, or 75%, of the horizontal space. 
The following fractions are supported: 1, 1/2, 1/3, 2/3, 1/4, 3/4, 1/5, 2/5, 3/5, 4/5 */
/* It is possible to add more columns if you wish you will just have to add the fractions that are missing eg: .size1of6 {width:16.66666%;} */

.size1of1 {
	float:none;
}
.size1of2 {
	width:50%;
}
.size1of3 {
	width:33.33333%;
}
.size2of3 {
	width:66.66666%;
}
.size1of4 {
	width:25%;
}
.size3of4 {
	width:75%;
}
.size1of5 {
	width:20%;
}
.size2of5 {
	width:40%;
}
.size3of5 {
	width:60%;
}
.size4of5 {
	width:80%;
}
.lastUnit { /* lastUnit - Extends unit. Applied to the last child of every line. */
	float:none;
	width:auto;
	_position:relative; /* Bug fix for IE6 - Internet Explorer 6 and below wouldn't fail on properties that were prefixed with non-alphanumeric characters. 
	meaning that anything prefixed with _ wouldn't be picked up by any other browsers */
	_left:-3px;
	_margin-right:-3px;
}

/* MAIN LAYOUT */
body {
    margin: 0;
    background: #034681;
    min-width: 240px; 
    -webkit-text-size-adjust: none; /* The text size is not adjusted for Safari on iPhone */
}
	.ie7 body,
	.ie8 body {
	    min-width: 860px; /* media queries are not supported in ie7/8 without a polyfill */
	}
	.main {
	    background:#fff;
	    padding: 40px 0 20px;
	    min-height: 300px;
	}
	.inner {
	    max-width: 1140px;
	    margin: 0 auto;
	    padding: 0 15px;
	}
	.ie6 .inner {
	    width: 960px;
	}
	.no-sidebar .content-container {
	    float: left;
	    width:100%; /* makes content container full width when there is no sidebar */
	}
	.sidebar { /* this is the sidebar element */
	    margin-top: 12px;
	}
	.no-sidebar .sidebar {
		display: none;
	}
 img {max-width:100%;height:auto;}

/* HEADER */
.header {
    background: url(../images/pm-hd-bg.png) repeat-x 0 0 #034681; position:fixed;top:-20px;left:-5px;right:-5px;z-index:100; padding: 5px 0;overflow:hidden;   transform: rotate(0deg) ;
    -webkit-transform: rotate(0deg) ;
    -moz-transform: rotate(0deg) ;
    -o-transform: rotate(0deg) ;
    -ms-transform: rotate(0deg) ;
	max-height:100px;
	border-bottom:4px solid #034681;
}
	.header .inner {
	    padding : 5px 10px;
	    position: relative; 
	     
	}
.headins {transform: rotate( 0deg) ;
    -webkit-transform: rotate( 0deg) ;
    -moz-transform: rotate( 0deg) ;
    -o-transform: rotate( 0deg) ;
    -ms-transform: rotate( 0deg) ;}
	/* Brand */
	header .brand, header .brand:hover {
	 background:#fff;display:inline-block; float:left; position:relative;z-index:10;padding:20px 30px 20px 30px;
	     
	}
		 	.brand img  { display: block;margin:  0; padding : 0px; 
 }
		.brand p {
     font-family:   Arial, sans-serif;  
		    color: #008c00;
		    font-size:24px; padding-left:90px; text-shadow:1px 1px 1px #fff; position:relative;z-index:5;  text-transform:none;
		}
	/* Search form */

	.search-bar {
		position: absolute;
		right: 13px;
		top: 12px;
	}
		.search-bar .field {
			margin: 0;
			padding: 0;
		}
		.search-bar form input.text {
		    width: 155px;
		    padding: 5px 34px 5px 15px;
		    color: #888;
		    margin: 0;
		    border: none;
		    -moz-border-radius: 1px;
		    border-radius: 1px;
		    background: #fff;
		}

		.search-bar form input.action { /* positions the search button icon over the top of the search input */
		    font-size: 14px;
		    position: absolute;
		    right: 5px;
		    top: 0;
		    cursor: pointer;
		    border: none;
		    padding: 5px;
		    background: none;
		    font-family: 'WebSymbolsRegular';
		    color: #848484;
			border-radius: 0;
			margin: 0;
		}
		.search-bar form input.active,
		.search-bar form input.action:hover {
		    color: #000;
		}
		.search-bar form input:focus,
		.header textarea:focus {
		    outline: none; /* removes default browser outlining on focus */
		}
		.search-dropdown-icon {
		    display: none; /* hides search-dropdown-icon when site is at full width - media queries set it to display:block when at mobile/tablet width */
		}




	/* Secondary navigation */
	.main .secondary h3 {
	    font-size: 20px;
	    color: #AAA;
	    margin: 0 0 8px 0;
	    font-family: "CamboRegular", Georgia, "Times New Roman", Times, serif;
	    font-weight: normal;
	}
	.main .secondary {
	    border-bottom: 1px solid #e5e5e5;
	}
		.main .secondary ul {
		    padding: 0;
		    margin: 0;
		}
		.main .secondary li {
		    border-top: 1px solid #e5e5e5;
		    position: relative;
		    list-style-type: none;
		    margin-bottom: 0;
		}
			.main .secondary li .arrow { 
			    color: #b80000;
			    padding-right: 5px;
			    display: block;
			    font-size: 15px;
			    line-height: 20px;
			    position: absolute;
			    left: 2px;
			    top: 7px;
			    -moz-transition: 0.2s; /* this transition moves the arrow from left:2px to left:6px */
			    -webkit-transition: 0.2s;
			    transition: 0.2s;
			}
		.main .secondary li a:hover .arrow {
		    left: 6px; /* this sets the final position for the arrow transition */
		}
		.main .secondary li a { /* side nav link styling */
		    padding: 10px 0;
		    display: block;
		    text-transform: uppercase;
		    letter-spacing: 2px;
		    font-size: 11px;
		    color: #333;
		    line-height: 17px;
		    border-bottom: none;
		    font-family: 'Lucida Sans', 'Lucida Grande', Arial, Helvetica, sans-serif;
		}
		.main .secondary li .text {
		    padding-left: 28px;
		    display: block;
		}
		.main .secondary li.current a.current {
			color: #b80000;
			background-color: #EDEDED;
		}
		.main .secondary li.section,
		.main .secondary li.current {
		    background-color: #F3F3F3;
		}
			.main .secondary li.section a,
			.main .secondary li.current a {
			    color: #000;
			}
		

		/* Secondary navigation 2-5 levels deep */
		.main .secondary ul ul {
			display: none;
		}
		.secondary ul li.current ul,
		.secondary ul li.section ul { /* Only show child pages from selected parent */
			display: block;
		}
		.secondary li.current ul ul {
			display: none;
		}
		.main .secondary ul ul li a { padding-left: 10px; } /* Indent all sidebar navigation levels*/
			.main .secondary ul ul li a .arrow { left: 12px; }
			.main .secondary ul ul li a:hover .arrow { left: 16px; }

		.main .secondary ul ul ul li a { padding-left: 20px; }
			.main .secondary ul ul ul li a .arrow { left: 22px; }
			.main .secondary ul ul ul li a:hover .arrow { left: 26px; }

		.main .secondary ul ul ul ul li a { padding-left: 30px; }
			.main .secondary ul ul ul ul li a .arrow { left: 32px; }
			.main .secondary ul ul ul ul li a:hover .arrow { left: 36px; }
			
		.main .secondary ul ul ul ul ul li a { padding-left: 40px; }
			.main .secondary ul ul ul ul ul li a .arrow { left: 32px; }
			.main .secondary ul ul ul ul ul li a:hover .arrow { left: 36px; }

		.main .secondary li a:hover,
		.main .secondary li.section a:hover,
		.main .secondary li.current a:hover {
			color: #b80000;
		}




/* MIXED */
header:after,
.main:after,
#Root:after,
.search-bar:after,
header .inner:after,
footer:after { /* clearfix */
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}
.search-bar form input.action,
.header .primary li a,
.footer a { /* adds color transition when links/inputs on hover */
   
}
.footer a.brand { color: #333; margin-left: 0; }
.footer a.brand:hover { color: #B80000; }
body h1 span.amp {
    font-family: Baskerville,"Goudy Old Style","Palatino","Book Antiqua",Georgia;
    font-style: italic;
}


/* FOOTER */
.footer  {
  background: url(../images/pm-hd-bg.png) repeat-x 0 0 #034681;
  position: fixed;
  bottom: -17px;
  left: -5px;
  right: -5px;
  z-index: 100;
  padding: 5px 0;
  overflow: hidden;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  max-height: 100px;
  border-top: 4px solid #034681;
}

.footer .typography p {
     color: #fff;  line-height: 20px;
    font-size: 14px; text-transform:none;
    text-align: left;
    font-family: 'LatoReg';
}

.footer .last a:link, .footer .last a:visited, .footer .last a:hover { color: #fff;}
.footer table {width:100%; padding-top:15px ;margin-top:40px;}
.footer table td {font-size: 16px;
color: #884402;;padding: 0 10px;vertical-align:middle}
 
.footer   table a:link, .footer   table a:visited, .footer  table  a:hover {font-size: 16px;
color: #884402;;font-weight:normal;}
.footer .last {width:98%;display:block;color:#fff;clear:both;text-align:center;padding:10px 0 15px 0; font-size:16px;text-transform:uppercase;transform: rotate( 0deg) ;
    -webkit-transform: rotate( 0deg) ;
    -moz-transform: rotate( 0deg) ;
    -o-transform: rotate( 0deg) ;
    -ms-transform: rotate( 0deg) ;  }
#Form_KontaktForm_inne {display:none;}
#Form_KontaktForm  {width:100%;max-width:1080px;margin:0 auto;}
#Form_KontaktForm_mess {height:147px;}
.Kontakt .content table {width:100%;}
.Kontakt .content table td {width:50%;}
.outform   {width:48%;float:right}
.outform.one  {width:48%;float:left;}
 .footer img {
    
}

.motocykl-out {

    width: 100%;
    overflow:hidden; 
    position: relative;

}
.motocykl {
 
    background-attachment: fixed;   background-clip: border-box; background-origin: padding-box; background-position: center center; background-repeat: repeat; background-size: cover !important;
    margin: 0 auto;
    position: absolute;
    
    width: 100%;
   left:0;top:0;bottom:0; z-index:-2;

}
.inner.bloki {position:relative;    }

.blok_home {width:100%;overflow:hidden;clear:both;}
.motocykl-out .inner.blok {
 
    margin:  0;  height:500px;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.link-home {
    height: 92px;   
    width: 10px;
    display:block;
    position: absolute;
    right: 0;
    bottom: 100%;   
} 
 .typography.our-services table {width:100%;margin:20px 0;}
 .typography.our-services table td {padding:  0;}
 .typography.our-services table:nth-of-type(1)   td {width:27.33%;padding:0 3%;}
 .typography.our-services table:nth-of-type(1)   td:nth-of-type(2) { border-left:1px solid #DD002E; border-right:1px solid #DD002E;}
 .typography.our-services table:nth-of-type(2)  {
    border-top:1px solid #DD002E; text-align:center;text-transform:uppercase;
}

.typography.our-services table:nth-of-type(2)   td  {padding:  0;}
.typography.our-services table:nth-of-type(2)   tr:first-child td {padding:20px  0 0 0;}
.typography.our-services table:nth-of-type(2) img {display:block;margin:0 auto;float:none;}
.content-container.unit.size3of4.lastUnit.oferta {background:   #fff;}
.typography .content-container.unit.size3of4.lastUnit.oferta table {margin:0;width:100%;border:1px solid #dbdde2}
.typography .content-container.unit.size3of4.lastUnit.oferta table h2 {text-align:center;color:#fff;}
.typography .content-container.unit.size3of4.lastUnit.oferta td {vertical-align:middle; }
.content-container.unit.size3of4.lastUnit.oferta.grey {background-color: #F0F0F0;}
 .typography.about-us table td {width:54%;padding:0 3%;}
  .typography.about-us table td:nth-of-type(1) {border-right:1px solid #DD002E;}
    .typography.about-us table td:nth-of-type(2)    {width:34%;}
    .typography .about-us table img.right {
    float: none;
    max-width: 100%;
    margin: 5px 0 10px 20px;
}
/* PAGE SPECIFIC LAYOUT */

	/* Homepage */
		/* currently no Hompage specific styles - feel free to add your own */

	/* Search Results */
	.typography .searchResults h1 {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: none;
	}
	.searchResults p.searchQuery {
	    margin-bottom: 10px;
	    font-size: 15px;
	    font-weight: bold;
	}
	.searchResults ul#SearchResults {
	    padding: 0;
	    border-bottom: 1px solid #e5e5e5;
	    margin:0;
	}
		.searchResults ul#SearchResults li {
		    border-top: 1px solid #e5e5e5;
		    padding: 20px 0;
		    list-style-type: none;
		}
		.searchResults ul#SearchResults p {
		    margin-bottom: 10px;
		}
		.searchResults #PageNumbers a {
		    padding: 0 5px;
		}
		.searchResults #PageNumbers .pagination {
		   	border-bottom: 1px solid #e5e5e5;
		    padding: 20px 0;
		    display:table; /* displays the pagination as a table so that elements stay inline and the middle column adjusts its size to accomodate and the right arrow stays to the right */
		    width:100%;
		}
		.searchResults #PageNumbers .pagination span{
			display:table-cell; /* each element in the pagination div displays as a table cell */
		}
		.searchResults #PageNumbers p {
		    text-align: center;
		    padding:20px 0;
		}
		.searchResults #PageNumbers .next,
		.searchResults #PageNumbers .prev {
		    font-size: 14px;
		    padding: 0 20px;
		    display:table-cell; /* each element in the pagination div displays as a table cell */
		    vertical-align: middle;
		    border-bottom:0 !important;
		}
		.searchResults #PageNumbers .next {
		    margin-left: 15px;
		}
		.searchResults #PageNumbers .prev {
		    margin-right: 15px;
		}
  .social a:link,  .social a:visited, .social a:hover {font-size:14px; color:#616161;text-decoration:none;}
   .social td {vertical-align:middle;}
/* DEVICE & RESPONSIVE LAYOUT */
.header .nav-open-button {
    display: none; /* removes the nav toggle button for desktop site */
}
#media-query-trigger {
    /* instead of detecting the width of the window in simple/javascript/script.js it detects the visibility of this element (which is set using media queries) 
    instead to trigger the hiding/showing of nav and search in mobile mode */
    display: none;
    visibility: hidden;
}
.headimg {width:100%;display:block;height:auto;position:relative; z-index:-1;margin-top:56px;}
.upup {
    position: fixed;
    bottom: 85px;
    right: 20px;
}
.siatka {position:relative; 
 overflow:hidden;  width:100%;


background-image: url(../images/bg1.png) ;

background-repeat: repeat  ;

background-position: center top }
.siatka table {position:absolute;left:0;right:0;bottom:0;top:0px;height:100%;z-index:3;margin:0 auto;}
.siatka table  td {vertical-align:middle;padding-top:95px;}
.siatka h1 { vertical-align:middle;text-align:center;font-weight:bold;height:auto; text-transform: uppercase;width:100%;font-size:72px;line-height:72px;margin:0;padding:0; color:#fff;text-shadow:0px 0px 5px #000000;}
table.ourservices {width:100%}
table.ourservices.two {text-transform:uppercase;text-align:center;background: url(../images/red-line.png)  50%   0% no-repeat  ;padding-top:30px;}
table.ourservices.two tr:first-child td {padding-top:30px;}
table.about-us tr:first-child {background: url(../images/red-line.png)  50%   100% no-repeat  ;}
table.about-us td:first-child {width:60%;}
.brandy     {background: url(../images/red-line.png)  50%   0% no-repeat  ;}
table.oferta {width:100%;text-align:center;font-size:20px;color:#006b00;}
table.oferta img, table.oferta img.leftAlone{text-align:center;float:none;display:block;margin:0px auto;padding:30px 0 5px 0;}
table.onas {width:auto;text-align:left;font-size:24px;color:#006b00;font-family: 'Lato';padding:20px 0;}
.typography table.onas td {vertical-align:middle;}
.typography table.onas td img {display:block;margin:0 20px 0 0;}
/* BREAKPOINT 960px */

 
@media only screen and (min-width: 1221px) {
    a.ph:link,     a.ph:visited,    a.ph:hover {text-decoration:none; cursor:default;    }
.footer   table {display:none;}
.headins {  text-align:center;}
 
 
nav.primary {overflow:hidden; position:relative;float:none;margin:0 auto;display:inline-block ; padding-top:20px;z-index:8; text-align:center;float:left;  }
nav.primary ul { margin:0px ;display:inline-block;list-style:none;border:0px  ;padding:0;}
nav.primary ul li {display:inline-block;            margin:0 0 0 50px;padding:0   ;float:left;  }
           nav.primary ul li:hover ,  nav.primary ul li.current ,
			nav.primary ul li.section {color:#fff;}
         nav.primary ul li.current  {}
 
    nav.primary ul li a:link, nav.primary ul li a:visited, nav.primary ul li a:hover { font-size: 18px; font-family: Cuprum;
			    color: #fff;height:56px;line-height:56px;display:block;width:100%;font-weight:normal;text-transform:uppercase;text-decoration:none;}
           
 nav.primary ul li.current a,
			nav.primary ul li.section a {
			  color:  #fff;
			}
			nav.primary ul li a:hover {
			   color: #fff; 
			}
   
      nav.primary ul li img {width:100%;height:auto;display:block;}
 
 
      nav.secnd {overflow:hidden; position:fixed; top:50%;right:20px;display: block ; padding-top:0px;z-index:8; text-align:left;margin-top:-85px; }
nav.secnd ul { margin:0px ;display:inline-block;list-style:none;border:0px  ;padding:0;}
nav.secnd ul li {display: block;
            margin:10px 0px;padding:0  ; background:#e37203;

   

}
           nav.secnd ul li:hover , nav.secnd ul li.current ,
			nav.secnd ul li.section {color:#fff;}
        nav.secnd ul li.current  {background:#b9b309}
    nav.secnd ul li a:link, nav.secnd ul li a:visited, nav.secnd ul li a:hover { font-size: 16px;
			    color: #fff;height:22px;line-height:22px;display:block;width:22px;font-weight:normal;text-transform:uppercase;text-decoration:none;}
           
 nav.secnd ul li.current a,
			nav.secnd ul li.section a {
			  color:  #fff;
			}
			nav.secnd ul li a:hover {
			   color: #fff; 
			}
      
     nav.primary ul  li a span { 
    font-size: 16px;
    color: #fff;
    height: 22px;
    line-height: 22px;
    display: block;
    width: 22px;
    font-weight: normal;
    text-transform: uppercase;
    text-decoration: none;background:#e37203   ;position:fixed;  top:50%;right:20px;  padding-top:0px;z-index:8; text-align:left;margin-top:-85px; 

    -moz-box-shadow: 0px 0px 5px #ccc;
    -webkit-box-shadow: 0px 0px 5px #ccc;
    box-shadow: 0px 0px 5px #ccc;


}   
     .Page   nav.primary ul  li a span { display:none;} 
      .headimg22 {position:absolute;right: 0%;top:0; z-index:2;max-width:30%; }
        .headimg21 {position:absolute;right: 0%;top:0; z-index:4;max-width:30%; }
        .social {position:absolute;display:inline-block;float:right; padding : 10px 5px;z-index:8; text-align:right;clear:right; font-size:16px;color:#884402;;z-index:100;top:0;right:0;}
         .social img {display: block;margin:0px  ;float:none;}
         .social a:link,.social a:visited, .social a:hover  {font-size:16px;color:#884402;}
         .social td {padding:0 10px;}
     .module1, .module2, .module3, .module4 { width:48%;position:relative;margin-bottom:60px;}   
     .module1,   .module3 {float:left;}
      .module2,   .module4 {float:right;}
      .moduly a, .moduly img {display:block;max-width:100%;}
      .moduly .apply {position:absolute;right:0;bottom:0;z-index:2;} 
       .moduly .interview {position:absolute;right:0;top:0;z-index:2;width:120px;height:auto;} 
       .module3 {background: url(../images/zawiasy.png)  50%  80% no-repeat #ebebeb;border-top:5px solid #99cc01;} 
       .module3 img {float:right;clear:both;} 
       .typography .module3 p {width:80%;display:block;margin:0px auto;clear:both;margin-bottom:20px;padding-top:20px;} 
       .typography .module3 p.absolut {width:100%;display:block;margin:0px auto;clear:both;margin-bottom: 0px;font-size:12px;line-height:16px;text-align:center;color:#fff;background: url(../images/kategoria_35a.png)  0%   0% repeat  ; padding :5px 0;position:absolute;left:0;right:0;bottom:0;z-index:2;}  
        .typography .module3 a:link,  .typography .module3 a:visited,  .typography .module3 a:hover {color:#464646;}
        .typography .module4 table {   border: 0px solid #d4d4d4;text-align: center;margin:0px auto; } 
        .typography .module4 table tr:nth-child(2n) {     background-color: #fff;  }
           .typography .module4 table td {border:0;text-align:center;}
           .typography .module4 table td img {display:block;margin:0 auto;}
           .typography .module4 h3    {text-align:center;}
            .lewy  {width:57%;padding-right:3%;float:left;border-right:1px solid #ccc; }
               .prawy  {width:36%;float:right;  }
                .prawy   .module1,  .prawy .module2,  .prawy .module3,  .prawy .module4  {width:100%;}
                .blok.one, .brandy {width:100%;overflow:hidden;clear:both;background:#fff;}
                .brandy     {background: url(../images/red-line.png)  50%   0% no-repeat  #fff;}
                .blok.one, .brandy {overflow:hidden; position:relative; }
                      .blok.one .inner,  .brandy .inner  {  overflow:hidden;padding:  0;margin-top:11px ;margin-bottom:10px;}
                     
   
                .brandyx {float:left;width:18%;margin:2% 1%;}
                .content-container.oferta  {width:98%;margin:1%; text-align:left;-moz-box-shadow: 0px 0px 1px #999;-webkit-box-shadow: 0px 0px 1px #999; box-shadow: 0px 0px 1px #999;float:left;} 
 .typography .content-container.oferta p,  .typography .content-container.oferta a.more {padding:5px 10px;margin:0;font-size:14px;}
.typography .content-container.oferta h2, .typography .content-container.oferta h2 a  {text-align:left;}
 .typography .content-container.oferta td.left {width:38%;text-align:center;color:#fff;background:#DD002F;padding:2% 1%;}
  .typography .content-container.oferta td.right {width:58%;padding:2% 1%;text-align:center;}
                }
  .full-size {width:100%;   height:auto; min-height:100vh;clear:both;position:relative}
  .full-size.home, .full-size.home {background: none ;position:relative;overflow:hidden;
  background: url(../images/laska_home.jpg)  50%   50%  no-repeat  ;  object-fit: cover;object-position: 50% 50%; /* default value: image is centered*/
  background-attachment: fixed;   background-clip: border-box; background-origin: padding-box; background-position: center center; background-repeat: repeat; background-size: cover !important;}
  #strefa-klienta.full-size {background: url(../images/strefa.jpg)  50%   50% no-repeat  ;background-size:     cover; }
   .full-size.home .dupka {background: url(../images/pm-pink-bg.png)  50%   50%  repeat  ; padding:30px 50px;margin-top:200px;margin-bottom:100px;text-align:center;position:relative;z-index:3;margin-left: auto; max-width:600px;  margin-right: auto;   -moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;

    -moz-box-shadow: 0px 0px 15px #333;
    -webkit-box-shadow: 0px 0px 15px #333;
    box-shadow: 0px 0px 15px #333;

}
 .full-size.home .dupka a:link,  .full-size.home .dupka a:visited,  .full-size.home .dupka a:hover, a.mores:link, a.mores:visited,  a.mores:hover{text-decoration:none;background:#e37203;-moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px;color:#fff;font-size:18px;text-transform:uppercase;display:inline-block;padding:5px 20px;margin-top:30px;}
    .full-size.home .dupka h3 {font-size:60px;color:#fff;font-weight:900;line-height:70px;font-family: 'Source Sans Pro', Arial, sans-serif;}
    .full-size.home .dupka h4 {font-size:24px;color:#fff;font-weight:900;line-height:30px;  font-family: Verdana, Arial, sans-serif; }
    .full-size.home .dupka h1 {font-size:24px;color:#fff;font-weight:900;line-height:30px;  font-family: Verdana, Arial, sans-serif; }
	.full-size.home .bloczki {max-width:1200px;margin:0 auto;margin-bottom:50px;text-align:center;}
    .full-size.home .bloczkin {background: url(../images/bgx.png)  50%   50%  repeat  ; -moz-box-shadow: 0px 0px 15px #333;
    -webkit-box-shadow: 0px 0px 15px #333;
    box-shadow: 0px 0px 15px #333;padding:30px 50px;margin:0 1%;margin-bottom:10px;text-align:center;position:relative;z-index:3; display:inline-block;max-width:31%;      -moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;}
 .full-size.home .bloczkin a:link,  .full-size.home .bloczkin a:visited,  .full-size.home .bloczkin a:hover {text-decoration:none;background:#035e89;font-family: Cuprum;-moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px;color:#fff;font-size:18px;text-transform:uppercase;display:inline-block;padding:5px 20px;margin-top:30px;}
 .full-size.home .bloczkin span a:link,  .full-size.home .bloczkin span a:visited,  .full-size.home .bloczkin span a:hover {text-decoration:none;background:transparent;color:#035e89;font-family: Cuprum;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size:18px;text-transform:uppercase;display:inline-block;padding:5px 20px;margin-top:30px;}
 
    
    .full-size.left, .full-size.lokalizacja,   .full-size.galeria {    position:relative; }
	.motocykl {
   background: url(../images/budynek.jpg)  no-repeat;
    background-attachment: fixed;
    background-clip: border-box;
    background-origin: padding-box;
    background-position: center center;
    background-repeat: repeat;
    background-size: cover !important;
    margin: 0 auto;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: -2;
}
.yellow-right {position: absolute;
    width: 50%;
    left: 50%;
    top: 0;
    bottom: 0;background:#e37203;z-index:-1}
    .yellow-left {position: absolute;
    width: 100%;
    right: 50%;
    top: 0;
    bottom: 0;background:#e37203;z-index:-1}
     .yellow-full {position: absolute;
    width: 100%;
    right:  0%;
    top: 0;
    bottom: 0;background:#e37203;z-index:-1}
    .brown-full {position: absolute;
    width: 100%;
    right:  0%;
    top: 0;
    bottom: 0;background:#035e89;z-index:-1}
	.full-size.left.budynek .motocykl  {background: url(../images/budynek.jpg)  50%   50%  no-repeat  ;  object-fit: cover;object-position: 50% 50%; /* default value: image is centered*/
  background-attachment: fixed;   background-clip: border-box; background-origin: padding-box; background-position: center center; background-repeat: repeat; background-size: cover !important;}
  	  .full-size.left.budynek.inw .motocykl  {background: url(../images/inwestor.jpg)  50%   50%  no-repeat  ;  object-fit: cover;object-position: 50% 50%; /* default value: image is centered*/
  background-attachment: fixed;   background-clip: border-box; background-origin: padding-box; background-position: center center; background-repeat: repeat; background-size: cover !important;}
  	.full-size.galeria.cont2 .motocykl  {background: url(../images/podstrona.jpg)  50%   50%  no-repeat  ;  object-fit: cover;object-position: 50% 50%; /* default value: image is centered*/
  background-attachment: fixed;   background-clip: border-box; background-origin: padding-box; background-position: center center; background-repeat: repeat; background-size: cover !important;}
  
  	.page-19 .full-size.galeria.cont2 .motocykl, 	.page-6 .full-size.galeria.cont2 .motocykl  {background: url(../images/mapa.jpg)  50%   50%  no-repeat  ;  object-fit: cover;object-position: 50% 50%; /* default value: image is centered*/
  background-attachment: fixed;   background-clip: border-box; background-origin: padding-box; background-position: center center; background-repeat: repeat; background-size: cover !important;}
    .full-size.left div.content {width:90%;float:none; margin:0 auto;padding:30px 0%;font-size:18px;color:#fff;line-height:30px;}
     .full-size.left.cont1, .full-size.cont2, .full-size.left.cont3 {min-height:50vh!important;}
     .full-size.left.cont1 div.content {  }
    #o-nas.full-size.left div.content {width:40%;float:right;background:#884402;;margin:  5%;font-size:18px;color:#fff;line-height:30px;}
     .full-size.left div.content h2 {color:#fff;font-size:40px;margin-bottom:20px;line-height:50px;text-transform:uppercase;}
    .full-size.left div.content-out {  
  width:100%;overflow:hidden }
    .full-size.left div.content-out2  {width:50%;float:right;overflow:hidden;margin:10% 0;background:#884402}
     .full-size.left.cont1 div.content-out2  { background:#034681}
    .full-size.left.cont1 div.content-out2 , .full-size.left.cont3 div.content-out2  {width:100%}
     .full-size.left.cont3 div.content-out2  {width:100%;background: #884402;}
     .full-size.left.inw div.content-out2  {background:#884402;width:50%;float:left;;overflow:hidden;margin:10% 0;}
    .full-size.left .image {width:50%;position:absolute;left:0;top:0;bottom:0;height: 100vh;display: flex;
justify-content: center; /* align horizontal */
align-items: center;}
    .full-size.left .image img {max-width:100%;display:block;height:auto;max-height:100vh;vertical-align:middle}
     .full-size.galeria.cont2 table {margin:0 auto }
      .full-size.galeria.cont2 table td { width:25%;  padding:30px;font-size:14px;line-height:20px;}
      .full-size.galeria.cont2 table td img {display:block;margin:0 auto;margin-bottom:10px;clear:both;border:2px solid #e37203;-moz-border-radius: 50%;
-webkit-border-radius:50%;
border-radius: 50%;}
      .full-size.galeria.cont2 table td p {max-width:200px;}
      .full-size.cont1   li,  .full-size.cont3   li {

    list-style: none;
   
    padding-left: 20px;
    line-height: 36px;

}
    .full-size.right {background: #fff;   position:relative; }
    .full-size.right div.content {width:40%;float:left;background:#fff;margin:0 5%;font-size:18px;color:#000000;line-height:30px;text-align:center;}
     .full-size.right div.content h2 {color:#e37203;font-size:40px;margin-bottom:20px;line-height:50px;text-transform:uppercase;}
    .full-size.right div.content-out {display: block; vertical-align: middle;width:100%;}
    .full-size.right div.content-out2  {background:#fff;width:100%;overflow:hidden;margin:80px 0}
    .full-size.right .image {width:50%;position:absolute;right:0;bottom:0;height: 100vh;}
    .full-size.right .image img {max-width:100%;display:block;height:auto;max-height:100vh;float:right}
    
     img.lewy-foto  {float:left;margin: 0 30px 30px 0}
    .full-size.lokalizacja .motocykl  {background: url(../images/mapa_krakowa_duza_03.jpg)  100%   50%  no-repeat  ;  object-fit: cover;object-position: 100% 50%; /* default value: image is centered*/
  background-attachment: fixed;   background-clip: border-box; background-origin: padding-box; background-position: center center; background-repeat: repeat; background-size: cover !important;}
      .full-size.lokalizacja div.content-out {  width:100%;overflow:hidden }
    .full-size.lokalizacja div.content-out2  { float:left; width:26%;overflow:hidden;margin:10% 2%;}
     .full-size.lokalizacja  .siatka-left  { background-image: url(../images/bg2.png);
    background-repeat: repeat;
    background-position: center top;width:30%;position:absolute;left:0;top:0;bottom:0;z-index:-1}
    .full-size.lokalizacja div.content {width:100%;float:none; margin:0 auto;padding:30px 0%;font-size:18px;color:#fff;line-height:30px;}
    .full-size.lokalizacja div.content h2 {color:#e37203;font-size:40px;margin-bottom:20px;line-height:50px;text-transform:uppercase;}
    
    .full-size.galeria .motocykl  {background: url(../images/laska_home.jpg)  50%   50%  no-repeat  ;  object-fit: cover;object-position: 100% 50%; /* default value: image is centered*/
  background-attachment: fixed;   background-clip: border-box; background-origin: padding-box; background-position: center center; background-repeat: repeat; background-size: cover !important;}
    .full-size.galeria.radio .motocykl {background:#035e89;}
	  .full-size.galeria.mp3 .motocykl {background: url(../images/cover_mp3.jpg)  100%   50%  no-repeat  ; object-fit: cover;object-position: 100% 50%; /* default value: image is centered*/
  background-attachment: fixed;   background-clip: border-box; background-origin: padding-box; background-position: center center; background-repeat: repeat; background-size: cover !important;}
      .full-size.galeria.kroki .motocykl {background:#08447c;}
	   .full-size.galeria.kontakts .motocykl {background: url(../images/cover_kont_mp3.jpg)  100%   50%  no-repeat  ; object-fit: cover;object-position: 100% 50%; /* default value: image is centered*/
  background-attachment: fixed;   background-clip: border-box; background-origin: padding-box; background-position: center center; background-repeat: repeat; background-size: cover !important;}
   .full-size.galeria.akt .motocykl  {background: url(../images/bg2.png)  100%   50%   repeat #fff  ;  object-fit: none;background-size: auto !important; }
      .full-size.galeria div.content-out {  width:100%;overflow:hidden }
    .full-size.galeria div.content-out2  {   width:100%;overflow:hidden;margin:10% 0%;background-image: url(../images/bg1.png),  url(../images/bg2.png);
    background-repeat: repeat,  repeat;
    background-position: center top, center bottom;}
      
    .full-size.galeria div.content {width:90%;float:none; margin:0 auto;padding:30px 0%;font-size:18px;color:#fff;line-height:30px;text-align:center; display: block;}
    .full-size.galeria   h2 {color:#fff;display:block;font-size:40px;margin-bottom:20px;line-height:50px;text-transform:uppercase;text-align:center;}
     .full-size.galeria.akt   h2 {color:#fff;}
     .full-size.galeria div.content .imgWrap  img {display:inline-block;margin:10px;float:none;

    -moz-box-shadow: 0px 0px 10px #333;
    -webkit-box-shadow: 0px 0px 10px #333;
    box-shadow: 0px 0px 10px #333;

}
     .full-size.galeria div.content .imgWrap {display:inline-block; float:none}
     .full-size.galeria div.content .content-container  { display: flex;
  justify-content: center;
  align-items: center;}
      .full-size.galeria div.content article {display:inline-block; font-size:14px;line-height:20px;text-align:left;float:none;width:300px;height:400px;margin:4% 2%;-moz-box-shadow: 0px 0px 10px #333;background:#fff;color:#000;
    -webkit-box-shadow: 0px 0px 10px #333;
    box-shadow: 0px 0px 10px #333;}
     .full-size.galeria div.content article h3,  .full-size.galeria div.content article a:link,  .full-size.galeria div.content article a:hover,  .full-size.galeria div.content article h a:visited {color:#e37203;font-size: 18px;
font-family: Cuprum;text-decoration:none; }
       .full-size.galeria div.content article small {font-size:11px;color:#bbb;}
       .full-size.galeria div.content article .atru {margin:16px;}
    
  
    .full-size.kontakt div.content {text-align:center;text-transform:uppercase;color:#000;margin-bottom:30px;}
     .full-size.kontakt div.content a.mail:link,  .full-size.kontakt div.content a.mail:visited,  .full-size.kontakt div.content a.mail:hover {color:#000}
      .full-size.kontakt div.content h3 {color:#e37203;font-size:24px;margin-bottom:5px;}
       .full-size.kontakt div.content h3.black {color:black}
       #strefa-klienta.full-size div.content-out2 {background:transparent}
         #strefa-klienta.full-size div.content {background: url(../images/bgx.png)  50%   50%  repeat  ;   -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
         #strefa-klienta.full-size div.content div {margin:30px;text-align:center;}
         .downdown {width:100%;}
         .downdown td {padding:10px 30px;vertical-align:top;}
         .downdown td img {float:left;}
         .downdown td a {margin-right:20px;}
         .downdown td a.dlinktitle  {font-weight:bold;text-transform:uppercase;}
           a.bott {display:inline-block;float:right;text-align:left;font-size:12px;text-decoration:none;}
               a.bott img {max-height:12px;width:auto;margin :0 5px;}
			   .cell {display:none}.comp {display:block}
			   .belka1 {position:fixed;top:0;left:50%;width:1920px;height:90px;background:#e37203;

    transform: rotate(2deg) ;
    -webkit-transform: rotate(2deg) ;
    -moz-transform: rotate(2deg) ;
    -o-transform: rotate(2deg) ;
    -ms-transform: rotate(2deg) ;

}
.belka2 {position:fixed;top:0;right:50%;width:1920px;height:75px;background:#e37203;

    transform: rotate(0deg) ;
    -webkit-transform: rotate(0deg) ;
    -moz-transform: rotate(0deg) ;
    -o-transform: rotate(0deg) ;
    -ms-transform: rotate(0deg) ;

}
.content-container.onethree.unit.size3of4.lastUnit {display: flex;
flex-wrap: wrap;text-align:center;align-items: top;
  justify-content: center;}
.content-container.onethree.unit.size3of4.lastUnit article {width:300px;margin:1%; display:inline-block;background:#035e89;text-align:center;}
.content-container.onethree.unit.size3of4.lastUnit article:hover {background:#035e89}
.full-size.left div.content h1 {font-size:40px;color:#fff; margin:40px 0;font-family: Cuprum;text-align:center;text-transform:uppercase;}
.content-container.onethree.unit.size3of4.lastUnit article h2 {font-size:18px;color:#fff;background:#042544;margin-bottom:5px;font-family: Cuprum;}
.content-container.onethree.unit.size3of4.lastUnit article p {font-size:18px;color:#fff;background:#042544;margin-bottom:5px;font-family: Cuprum;}
.content-container.onethree.unit.size3of4.lastUnit article:hover h2 {background:#042544}
.content-container.onethree.unit.size3of4.lastUnit article:hover p {background:#042544}
.content-container.onethree.unit.size3of4.lastUnit article   a.aktakt:link, .content-container.onethree.unit.size3of4.lastUnit article   a.aktakt:visited, .content-container.onethree.unit.size3of4.lastUnit article    a.aktakt:hover, .content-container.onethree.unit.size3of4.lastUnit article    a.aktakt:focus {color:#fff;font-size:12px;font-family: Cuprum;text-decoration:none;text-transform:uppercase;display:block;padding:0 0 5px 0;}
.content-container.onethree.unit.size3of4.lastUnit article span.cena, .empe3 span.cena {display:block;font-family: Cuprum;font-size:36px; padding:   10px 0 0 0;}
.content-container.onethree.unit.size3of4.lastUnit article h2 a:link, .content-container.onethree.unit.size3of4.lastUnit article h2 a:visited, .content-container.onethree.unit.size3of4.lastUnit article h2  a:hover, .content-container.onethree.unit.size3of4.lastUnit article h2  a:focus {display:block;color:#fff;text-decoration:none;}
.content-container.onethree.unit.size3of4.lastUnit article p a:link, .content-container.onethree.unit.size3of4.lastUnit article p a:visited, .content-container.onethree.unit.size3of4.lastUnit article p  a:hover, .content-container.onethree.unit.size3of4.lastUnit article p  a:focus {display:block;color:#fff;text-decoration:none;}
.content-container.onethree.unit.size3of4.lastUnit article span {font-family: Cuprum;font-size:15px;text-align:center;text-transform:uppercase;cursor:pointer;display:block;}
.content-container.onethree.unit.size3of4.lastUnit article span.graj {background:#034681;}
.content-container.onethree.unit.size3of4.lastUnit .product {position:relative;z-index:1;}
.content-container.onethree.unit.size3of4.lastUnit .product .player {position:absolute;left:0;top:0;right:0;z-index:2;background:#8703e3}
.empe3 article {width:33%;float:left;text-align:center;background: url(../images/pm-colors_02.png)  50%   0%  repeat  ;padding:40px;}
.empe3  .playerfull   {width:66%;float:right}
.empe3  .playerfull audio {width:100%;}
.empe3 span.cena {text-align:center;padding:20px 0;}
.esemback {display:block;clear:both;padding :30px 0;}
.empe3  .checkbox-lic {max-width:250px;margin:0 auto;text-align:left;}
.empe3  .checkbox-lic label {font-size:18px;margin :0 ; }
.empe3  .checkbox-lic input {margin-right:5px;}
 button.wstecz {display:block; margin:50px auto 0 auto;float:none;max-width:160px}
/* when changing the breakpoint below, change it ito the same value in the script.js file as well */
@media only screen and (max-width: 1220px) { 
  img.lewy-foto  {float:none;margin: 0 auto;margin-bottom:30px;clear:both;display:block;}
         .full-size.galeria.cont2 table td { width:100%;  display:block}
    .full-size.lokalizacja div.content-out2  { float:left; width:80%;overflow:hidden;margin:10%  ;}
     .full-size.lokalizacja  .siatka-left  {  width:100%;position:absolute;left:0;top:0;bottom:0;z-index:-1} 
.brand img  {  top:0px;left:10px; z-index:10;margin-left:0px; max-height:84px;width:auto;}
.cell {display:block}.comp {display:none}
   a.bott {display: block;float:none;clear:both;margin:0 auto;text-align:center;font-size:12px;text-decoration:none;}
               a.bott img {max-height:12px;width:auto;margin :0 5px;}
               .footer table td {
    font-size: 12px;
    color: #884402;;
    padding: 0 5px;
    vertical-align: middle; display:block;width:100%;text-align:center;
}
 .footer table {
    width: 100%;
    padding-top: 15px;
    margin : 20px 0;
}
 nav.secnd {overflow:hidden; position:fixed; top:50%;right:5px;display:none ; padding-top:0px;z-index:8; text-align:left;margin-top:-85px; }
nav.secnd ul { margin:0px ;display:inline-block;list-style:none;border:0px  ;padding:0;}
nav.secnd ul li {display: block;
            margin:10px 0px;padding:0  ; background:#e37203;}
           nav.secnd ul li:hover , nav.secnd ul li.current ,
			nav.secnd ul li.section {color:#fff;}
        nav.secnd ul li.current  {background:#b9b309}
    nav.secnd ul li a:link, nav.secnd ul li a:visited, nav.secnd ul li a:hover { font-size: 16px;
			    color: #fff;height:22px;line-height:22px;display:block;width:22px;font-weight:normal;text-transform:uppercase;text-decoration:none;}
           
 nav.secnd ul li.current a,
			nav.secnd ul li.section a {
			  color:  #fff;
			}
			nav.secnd ul li a:hover {
			   color: #fff; 
			}
	body {
	    max-width: 1220px;
	}
	#media-query-trigger {
	    visibility: visible;
	}
  .downdown td {display:block;margin-bottom:30px;}
  .footer .top {
    text-align:center;
    width: 98%;
    float: left;
    margin: 5% 1%;

}
.footer .top h3, .footer .top li {

    text-align:center;

}
.footer .top li a:link, .footer .top li a:visited, .footer .top li a:hover {
    display:block;padding:10px 0;border-bottom: 1px solid #d51634;

border-top: 1px solid #f91236;text-decoration:none;
    color: #fff;
    font-size: 14px;
    font-weight: normal;

}
 .footer .top li a:hover , .footer .top li a:focus{background: #626364;}
 .full-size {width:100%; height:auto;padding:60px 0 0 0;}
 .full-size.first {height:auto;min-height:100vh;padding:  0}
  .full-size.left {background: #035e89;  display:table;position:relative; }
    .full-size.left div.content {width:90%;float:right; ;margin:5%;font-size:18px;color:#fff;line-height:30px;}
     #o-nas.full-size.left div.content {width:90%;float:right;background:#884402;;margin:5% 5% 5%  5%;font-size:18px;color:#fff;line-height:30px;}
     .full-size.left div.content h2 {color:#fff;font-size:40px;margin-bottom:20px;line-height:50px;text-transform:uppercase;}
    .full-size.left div.content-out {display: block; vertical-align: middle;width:100%;clear:both;}
    .full-size.left div.content-out2  { ;width:100%;overflow:hidden;}
    .full-size.left .image {width:100%;min-width:100%;position:relative;right:auto;bottom:auto;clear:both;height:auto}
    .full-size.left .image img {max-width:100%;display:block;height:auto;max-height:auto}
    
    .full-size.right {background: #fff;  display:table;position:relative; }
    .full-size.right div.content {width:90%;float:left;background:#fff;margin:5%;font-size:18px;color:#000000;line-height:30px;}
     .full-size.right div.content h2 {color:#e37203;font-size:40px;margin-bottom:20px;line-height:50px;text-transform:uppercase;}
    .full-size.right div.content-out {display: block; vertical-align: middle;width:100%;clear:both;}
    .full-size.right div.content-out2  {background:#fff;width:100%;overflow:hidden;}
    .full-size.right .image {width:100%;min-width:100%;position:relative;overflow:hidden;right:auto;bottom:auto;clear:both;height:auto }
    .full-size.right .image img {max-width:100%;display:block;height:auto;max-height:auto;float:right}
 table.about-us td:first-child , table.about-us td {

    width: 100%;display:block;clear:both;

}
.headimg {margin-top:45px;}
.typography table.about-us td img.leftAlone   {float:none;display:block;margin:0px auto;text-align:center;}
  .tablet-nav    .nav-open-button { /* styling and positioning of the nav toggle button */
		    position: fixed;
right: 15px;
top: 5px;
padding: 5px;
display: inline-block;
z-index: 150;
border: 3px solid #fff;
background: #034681;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
width:56px;height:56px;line-height:56px;text-align:center;
		}
    	.tablet-nav .header {min-height:45px; }
		.tablet-nav .header .primary ul {
		    z-index: 210;
		    position: absolute; top: 1px;left:0;right:0;
		    display: none; /* initially hiding the navigation */
		    float: left;
		    margin: 0;
		    padding: 0;
		    white-space: normal;
		    width: 100%;background: #034681 ;
		}
			.tablet-nav .header .primary ul li {
			    width: 100%;
			    margin: 0;
			    padding: 0;
			    float: none; /* displays list items vertically */
			    background: none;
			    position: relative;
     
          border-bottom:2px solid #035e89;transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
			    
			}
			 
			.tablet-nav .header .primary ul li a,
			.tablet-nav .header .primary ul li.current a,
			.tablet-nav .header .primary ul li.section a { /* styling the  top level nav links */
			    padding: 10px 0 10px 22px;margin:0;
			    font-weight: bold;
			    width:100%;display:block; 
			    color: #fff;
			    background: #034681 ; text-transform:uppercase;text-decoration:none;
				
			}
			.tablet-nav .header .primary ul li.current a,
			.tablet-nav .header .primary ul li.section a {
		background:#034681 ;   color: #fff;
			}
			.tablet-nav .header .primary ul li a:hover {
			   color: #fff; background:#034681 ;
			}
			.tablet-nav .header .primary li.section:after,
			.tablet-nav .header .primary li.current:after {
			    display: none; /* hides the link arrow on current top level page */
			}
			.tablet-nav .tablet-nav .header nav.primary ul li {
				padding: 0;
			}
.siatka table {position:absolute;left:0;right:0;bottom:0;top:0px;height:100%;z-index:3;margin:0 auto;}
.siatka table  td {vertical-align:middle;padding-top:45px;}
.siatka h1 { vertical-align:middle;text-align:center;font-weight:bold;height:auto; text-transform: uppercase;width:100%;font-size:32px;line-height:32px;margin:0;padding:0; color:#fff;text-shadow:0px 0px 5px #000000;}

table.ourservices {width:100%}
  table.ourservices  td,  .Kontakt .content table td   {width:100%;display:block;clear:both;}
table.ourservices.two {text-transform:uppercase;text-align:center;background: url(../images/red-line.png)  50%   0% no-repeat  ;padding-top:30px;}
table.ourservices.two tr:first-child td {padding-top:30px;}  
.outform, .outform.one {

    width: 100%;
    float: none;
    margin:0 auto;

} 
.typography .content-container.oferta td {width: 98%;display:block;clear:both;}
.typography .content-container.oferta td.left {

    width:100%;display:block;clear:both;
    text-align: center;
    color: #fff;
    background: #DD002F;
    padding: 2% 0%;

}
.typography .content-container.oferta td.right {

    width: 98%;display:block;clear:both;
    padding: 2% 1%;
    text-align: center;

}
  .comp {display:none;} 
    .footer .last {position:relative;}  .footer .last td {display:none;width:30px;} .footer .last td:last-child {display:table-cell;}   .footer .last td:nth-last-child(2) {display:table-cell;}
     .footer .last table {position:absolute;right:5px;bottom: 14px;height:34px;z-index:100;width:70px!important;}
     .footer .last table img  {height:32px;width:auto;}
 
   .blok.one, .brandy {width:100%;overflow:hidden;clear:both;}
                .blok.one, .brandy {overflow:hidden; position:relative; }
                       
                    .blok.one .inner:before,  .brandy .inner:before  {
  content: '\2022'; color:#dd002d; height:20px;line-height:20px;padding:0;position:absolute;top:  0px;left:50%; margin-left:-5px;   font-size: 20px; }
   
                .brandyx {float:left;width:18%;margin:2% 1%;}
                .content-container.oferta  {width:98%;margin:1%;max-width:100%; text-align:center;-moz-box-shadow: 0px 0px 1px #999;-webkit-box-shadow: 0px 0px 1px #999; box-shadow: 0px 0px 1px #999;float:left;} 
 .typography .content-container.oferta p,  .typography .content-container.oferta a.more {padding:5px 10px;margin:0;font-size:14px;}
.typography .content-container.oferta h2, .typography .content-container.oferta h2 a  {font-size:14px;text-align:center;padding:0;margin:3px 0;}
	/* Brand */
	
		 

	/* Navigation*/

	 
		.brand h1 {
		    font-size: 40px;
		}
		.brand h1 {
		    padding-right: 100px; /* padding stops .brand text from overlapping the search and nav buttons */
		}
	.tablet-nav .header {
	    padding: 0px;
	}
		.tablet-nav .header .inner {
		  display:block; padding :  5px 0 ; 
	    position: relative; 
		     
		}
	 
	/* Search Form */
	.search-bar { /* adds new styling to mobile search bar */
	    width: 100%;
	    position: relative;
	    top: 0;
	    right: 0;
	    display: none; /* hides searchbar initially */
	    padding: 20px 0;
	    margin: 0;
	    background-color: #E7E7E7;
	}
	.search-dropdown-icon { /* styling for search toggle button */
	    display: block;
	    cursor: pointer;
	    width: 20px;
	    height: 20px;
	    position: absolute;
	    right: 60px;
	    top: 34px;
	    font-family: 'WebSymbolsRegular';
	    font-size: 20px;
	    color: #ededed;
	    text-align: center;
	    line-height: 20px;
	}
	.search-bar form {
	    margin: 0;
	    width: 100%;
	}
		.search-bar form fieldset {
		    padding: 0 18px;
		    left: 0;
		    right: 0;
		    position: relative;
		}
	.search-bar div.field {
	    margin-bottom: 0;
	}
	.search-bar form input.text {
	    width: 89%; /* makes search input full width - allowing for space either side */
	    max-width: 89%;
	    padding: 8px 10% 8px 1%;
	    text-indent: 15px;
	    position: relative;
	    display: block;
	    right: 0;
	    left: 0;
	    border: 1px solid #e5e5e5;
	    background: #fff;
	    font-size: 17px;
	    -moz-border-radius: 20px; /* increase border radius due to increased padding */
		border-radius: 20px;
	}
	.search-bar form input.action {
	    right: 5%;
	    top: 2px;
	    font-size: 18px;
	}

	/* Main Content */
	.main {
	    padding: 20px 0 45px; /* decrease padding so that more content can fit on screen */
	}
	.content-container,
	.sidebar {
	    width: 100%; /* sidenav is now shown above the page content */
	    margin-bottom: 30px;
	}
		.typography h1 { /* decrease size of page heading due to smaller screen */
		    font-size: 30px;
			line-height:35px;
		    margin-bottom: 15px;
		    padding-bottom: 10px;
		}
		.typography p {
		    font-size: 16px;
		    line-height: 30px;
		}
	p.intro {
	    font-size: 19px;
	    line-height: 27px;
	}
	.main .inner {
	    padding: 0 22px;
	}
	/* Secondry Nav */
	.secondary li a {
	    line-height: 24px;
	}
	.secondary li .arrow {
	    line-height: 26px;
	}
	/* Footer */
	.footer .right {
	    float: left;
	    width: 100%;
	}
   .module1, .module2, .module3, .module4 { width:98%;float:none;position:relative;margin:0 auto;margin-bottom:30px;max-width:540px;}   
      
      .moduly a, .moduly img {display:block;max-width:100%;}
      .moduly .apply {position:absolute;right:0;bottom:0;z-index:2;} 
       .moduly .interview {position:absolute;right:0;top:0;z-index:2;width:100px;height:auto;}  
       .module3 {background: url(../images/zawiasy.png)  50%  80% no-repeat #ebebeb;border-top:5px solid #99cc01;} 
       .module3 img {float:right;clear:both;} 
       .typography .module3 {position:relative; overflow:hidden;}
       .typography .module3 p {width:80%;display:block;margin:0px auto;clear:both;margin-bottom:20px;padding-top:20px;}
         .typography .module3 p.absolut {width:100%;display:block;margin:0px auto;clear:both;margin-bottom: 0px;font-size:12px;line-height:16px;text-align:center;color:#fff;background: url(../images/kategoria_35a.png)  0%   0% repeat  ; padding :5px 0;position:absolute;left:0;right:0;bottom:0;z-index:2;}  
     
        .typography .module3 a:link,  .typography .module3 a:visited,  .typography .module3 a:hover {color:#464646;}
        .typography .module4 table {   border: 0px solid #d4d4d4;text-align: center;margin:0px auto; } 
        .typography .module4 table tr:nth-child(2n) {     background-color: #fff;  }
           .typography .module4 table td {border:0;text-align:center;}
           .typography .module4 table td img {display:block;margin:0 auto;}
           .typography .module4 h3    {text-align:center;}
           .prawy, .lewy  {width:98%;float:none;position:relative;margin:0 auto;margin-bottom:30px;margin-right:0;border:0;}
           nav.primary   li a span { 
    font-size: 16px;
    color: #fff;
    height: 22px;
    line-height: 22px;
    display: none;
    width: 22px;
    font-weight: normal;
    text-transform: uppercase;
    text-decoration: none;background:#e37203   ;position:fixed;  top:50%;right:20px;  padding-top:0px;z-index:8; text-align:left;margin-top:-85px;
} 
}
 
@media only screen and (max-width: 1100px) AND (min-width:961px){
    
    .full-size.lokalizacja div.content-out2  { float:left; width:36%;overflow:hidden;margin:10% 2%;}
     .full-size.lokalizacja  .siatka-left  {  width:40%;position:absolute;left:0;top:0;bottom:0;z-index:-1} 
 
}
/* Print Styles */
/* BREAKPOINT 650px */
@media only screen and (max-width: 1100px) AND (min-width:961px){
  .social {display:none;}
  .blok.one, .brandy {width:100%;overflow:hidden;clear:both; }
                .blok.one, .brandy {overflow:hidden; position:relative; }
                       
   
                .brandyx {float:left;width:18%;margin:2% 1%;}
                .content-container.oferta  {width:98%;margin:1%;max-width:100%; text-align:left;-moz-box-shadow: 0px 0px 1px #999;-webkit-box-shadow: 0px 0px 1px #999; box-shadow: 0px 0px 1px #999;float:left;} 
             
 .typography .content-container.oferta p,  .typography .content-container.oferta a.more {padding:5px 10px;margin:0;font-size:14px;}
.typography .content-container.oferta h2, .typography .content-container.oferta h2 a  {font-size:20px;text-align:center;padding:0;margin:3px 0;}
}
/* Based on HTML5 boilerplate print styles */
@media print {
	* {
	    background: transparent !important;
	    color: black !important;
	    box-shadow: none !important;
	    text-shadow: none !important;
	    filter: none !important;
	    -ms-filter: 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: "";
    }

	thead {
	    display: table-header-group
	}
	tr,
	img {
	    page-break-inside: avoid
	}
	img {
	    max-width: 100% !important
	}
	pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

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

    /* Simple theme custom print styles */
	.header,
	.footer,
    .nav-open-button,
    .search-bar,
    .search-dropdown-icon,
    nav.primary {
	    display: none;
	}
}
.skk_container {margin:0 auto;}


/* LIGHTBOX*/
 #sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../images/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:30px;line-height:30px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:30px;line-height:30px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:30px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:26px;width:26px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;background-color:#e37203;background-position: 50% 50%;border:1px solid #fff;opacity:0.8}
#sb-nav-close{background-image:url(../images/close.png);}
#sb-nav-next{background-image:url(../images/next.png) ;}
#sb-nav-previous{background-image:url(../images/previous.png);}
#sb-nav-play{background-image:url(../images/play.png);}
#sb-nav-pause{background-image:url(../images/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
#sb-title-inner, #sb-counter {display:none;}
#sb-info {position:absolute;top:32px;right:4px;left:0;;}
 
 nav.primary   li.current a span {background:#000}
     nav.primary   li:nth-child(1n)  a span { margin-top:-115px;}
   nav.primary   li:nth-child(2n)  a span { margin-top:-85px;}
     nav.primary   li:nth-child(3n)  a span { margin-top:-55px;}
       nav.primary   li:nth-child(4n)  a span { margin-top:-25px;}
         nav.primary   li:nth-child(5n)  a span { margin-top: 5px;}
           nav.primary   li:nth-child(6n)  a span { margin-top:35px;}
             nav.primary   li:nth-child(7n)  a span { margin-top:65px;}
         
 #myVideo {
  position: absolute;
 top:0;  left:0;
   width: auto;
    height: auto;
  min-width: 100%;
  min-height: 100%; object-fit: cover;  object-position: 50% 50%;z-index:-2;
}  
.siatka1 {
    position: absolute; top:0;  left:0;right:0;bottom:0;
    overflow: hidden;
    width: 100%;
    background-image: url(../images/bg1.png);
    background-repeat: repeat;
    background-position: center top;  z-index:2;
}
.footer .lang {
    width: 46px;
    padding-top: 0px;
    position: absolute;
    bottom: 8px;
    right: 5px;
    z-index: 9000;
    margin: 0px 0;
}

 
  


/* Audio Player Styles
================================================== */

/* Default / Desktop / Firefox */

#mainwrap { /* add box-shadow or other styles here */ }
#audiowrap {  margin:0 auto;padding-top:0px;  }
#plwrap { margin:0 auto; }
#tracks { min-height:25px; position:relative; text-align:center; text-decoration:none; top: -13px; }
#nowPlay { display:inline; }
#npTitle { margin:0; padding:0px 0 0 15px ; text-align:left; }
#npAction { padding:21px; position:absolute; }
#plList { margin:0; }
#plList li { background-color:#231F20; cursor:pointer; margin:0; padding:2px 0;display:block; }
#plList li:hover { background-color:#035e89; }
.plItem { position:relative; }
.plTitle { left:50px; overflow:hidden; position:absolute; right:65px; text-overflow:ellipsis; top:0; white-space:nowrap; }
.plNum { padding-left:21px; width:25px; }
.plLength { padding-left:21px; position:absolute; right:21px; top:0; }
.plSel,.plSel:hover { background-color:#034681!important; cursor:default!important; }
a[id^="btn"] {  color:#fff; cursor:pointer; font-size:24px; margin:0; padding:0 17px 2px; text-decoration:none; }
a[id^="btn"]:last-child { margin-left:-4px; }
a[id^="btn"]:hover,a[id^="btn"]:active {  }
a[id^="btn"]::-moz-focus-inner { border:0; padding:0; }

/* IE 9 */
html[data-useragent*="MSIE 9.0"] audio { outline:none;  }
html[data-useragent*="MSIE 9.0"] #audiowrap {   }
html[data-useragent*="MSIE 9.0"] #tracks { min-height:37px; top:5px; }
html[data-useragent*="MSIE 9.0"] a[id^="btn"] {   }
html[data-useragent*="MSIE 9.0"] a[id^="btn"]:hover {   }
html[data-useragent*="MSIE 9.0"] #plList li { background-color:#000; }
html[data-useragent*="MSIE 9.0"] #plList li:hover { background-color:#080808; }
html[data-useragent*="MSIE 9.0"] .plSel,
html[data-useragent*="MSIE 9.0"] .plSel:hover { background-color:#080808!important; }

/* IE 10 */
html[data-useragent*="MSIE 10.0"] audio { margin-left:0px;   }
html[data-useragent*="MSIE 10.0"] #audiowrap {  }
html[data-useragent*="MSIE 10.0"] #tracks { min-height:30px; top:2px; }
html[data-useragent*="MSIE 10.0"] a[id^="btn"] {   }
html[data-useragent*="MSIE 10.0"] a[id^="btn"]:hover {   }
html[data-useragent*="MSIE 10.0"] #plList li { background-color:#000; }
html[data-useragent*="MSIE 10.0"] #plList li:hover { background-color:#080808; }
html[data-useragent*="MSIE 10.0"] .plSel,
html[data-useragent*="MSIE 10.0"] .plSel:hover { background-color:#080808!important; }

/* IE 11 */
html[data-useragent*="rv:11.0"] audio { margin-left:2px;   }
html[data-useragent*="rv:11.0"] #audiowrap {   }
html[data-useragent*="rv:11.0"] #tracks { min-height:30px; top:2px; }
html[data-useragent*="rv:11.0"] a[id^="btn"] {  }
html[data-useragent*="rv:11.0"] a[id^="btn"]:hover {   }
html[data-useragent*="rv:11.0"] #plList li { background-color:#000; }
html[data-useragent*="rv:11.0"] #plList li:hover { background-color:#080808; }
html[data-useragent*="rv:11.0"] .plSel,
html[data-useragent*="rv:11.0"] .plSel:hover { background-color:#080808!important; }

/* All Apple Products */
html[data-useragent*="Apple"] audio { margin:0; width:100%; }
html[data-useragent*="Apple"] #audiowrap {  }
html[data-useragent*="Apple"] #tracks { min-height:34px; top: 2px; }
html[data-useragent*="Apple"] a[id^="btn"] {   }
html[data-useragent*="Apple"] a[id^="btn"]:hover {  }
html[data-useragent*="Apple"] #plList li { background-color:#000; }
html[data-useragent*="Apple"] #plList li:hover { background-color:#080808; }
html[data-useragent*="Apple"] .plSel,
html[data-useragent*="Apple"] .plSel:hover { background-color:#080808!important; }

/* IOS 7 */
html[data-useragent*="OS 7"] body { color:#373837; }
html[data-useragent*="OS 7"] audio {  }
html[data-useragent*="OS 7"] #audiowrap {   }
html[data-useragent*="OS 7"] #tracks { min-height:35px; top: 3px; }
html[data-useragent*="OS 7"] a[id^="btn"] {  color:#fff; }
html[data-useragent*="OS 7"] a[id^="btn"]:hover {  }
html[data-useragent*="OS 7"] #plList li { background-color:#e6e6e6; }
html[data-useragent*="OS 7"] #plList li:hover { background-color:#eee; }
html[data-useragent*="OS 7"] .plSel,
html[data-useragent*="OS 7"] .plSel:hover { background-color:#eee!important; }

/* Chrome */
html[data-useragent*="Chrome"] audio {    }
html[data-useragent*="Chrome"] #tracks { min-height:34px; top: 2px; }
html[data-useragent*="Chrome"] #audiowrap {   }
html[data-useragent*="Chrome"] a[id^="btn"] {   }
html[data-useragent*="Chrome"] a[id^="btn"]:hover {   }
html[data-useragent*="Chrome"] #plList li { background-color:#131313; }
html[data-useragent*="Chrome"] #plList li:hover { background-color:#161616; }
html[data-useragent*="Chrome"] .plSel,
html[data-useragent*="Chrome"] .plSel:hover { background-color:#161616!important; }

/* Chrome / Android / Tablet */
html[data-useragent*="Chrome"][data-useragent*="Android"] audio {  }


/* Audio Player Media Queries
================================================== */

/* Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 959px) {
audio { width:526px; }
html[data-useragent*="MSIE 9.0"] audio { width:536px; }
html[data-useragent*="MSIE 10.0"] audio { width:543px; }
html[data-useragent*="rv:11.0"] audio { width:551px; }
html[data-useragent*="OS 7"] audio { width:546px; }
html[data-useragent*="Chrome"] audio { width:543px; }
html[data-useragent*="Chrome"][data-useragent*="Android"] audio { margin-left:5px; width:538px; }
}

/* Mobile Landscape */
@media only screen and (min-width: 480px) and (max-width: 767px) {
audio { width:390px; }
html[data-useragent*="MSIE 9.0"] audio { width:400px; }
html[data-useragent*="MSIE 10.0"] audio { width:407px; }
html[data-useragent*="rv:11.0"] audio { width:415px; }
html[data-useragent*="OS 7"] audio { width:410px; }
html[data-useragent*="Chrome"] audio { width:407px; }
html[data-useragent*="Chrome"][data-useragent*="Mobile"] audio { margin-left:5px; width:403px; }
#npTitle { width:245px; }
}

/* Mobile Portrait */
@media only screen and (max-width: 479px) {
audio { width:270px; }
html[data-useragent*="MSIE 9.0"] audio { width:280px; }
html[data-useragent*="MSIE 10.0"] audio { width:287px; }
html[data-useragent*="rv:11.0"] audio { width:295px; }
html[data-useragent*="OS 7"] audio { width:290px; }
html[data-useragent*="Chrome"] audio { width:287px; }
html[data-useragent*="Chrome"][data-useragent*="Mobile"] audio { margin-left:5px; width:283px; }
#npTitle { width:167px; }
}


.see-60 { width:30%;min-width:240px;display:inline-block;margin:0;padding:0;float:left}
.see-10 { width:10%;min-width:80px;display:inline-block;margin:0;padding:0;float:left;}
.see-50 { width:44%;min-width:240px;display:inline-block;margin:0 2% 0 0;padding:0;float:left}
 
.see-10 input {text-align:right;}
.--over.true {display:none;}
  form input.lpgd.text.nocheck  { 
      
       background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" height="48" width="48" fill="green"><path d="M24 33.3q3.9 0 6.6-2.7 2.7-2.7 2.7-6.6 0-3.9-2.7-6.6-2.7-2.7-6.6-2.7-3.9 0-6.6 2.7-2.7 2.7-2.7 6.6 0 3.9 2.7 6.6 2.7 2.7 6.6 2.7ZM24 44q-4.1 0-7.75-1.575-3.65-1.575-6.375-4.3-2.725-2.725-4.3-6.375Q4 28.1 4 24q0-4.15 1.575-7.8 1.575-3.65 4.3-6.35 2.725-2.7 6.375-4.275Q19.9 4 24 4q4.15 0 7.8 1.575 3.65 1.575 6.35 4.275 2.7 2.7 4.275 6.35Q44 19.85 44 24q0 4.1-1.575 7.75-1.575 3.65-4.275 6.375t-6.35 4.3Q28.15 44 24 44Zm0-3q7.1 0 12.05-4.975Q41 31.05 41 24q0-7.1-4.95-12.05Q31.1 7 24 7q-7.05 0-12.025 4.95Q7 16.9 7 24q0 7.05 4.975 12.025Q16.95 41 24 41Zm0-17Z"/></svg>');
background-repeat: no-repeat;
       background-size: 33px 33px;    background-position: 10px 50%;  
		  
    }
	
	form input.lpgd.text.nocheck[disabled] { 
	background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" height="48" width="48"><path d="M24 44q-4.1 0-7.75-1.575-3.65-1.575-6.375-4.3-2.725-2.725-4.3-6.375Q4 28.1 4 24q0-4.15 1.575-7.8 1.575-3.65 4.3-6.35 2.725-2.7 6.375-4.275Q19.9 4 24 4q4.15 0 7.8 1.575 3.65 1.575 6.35 4.275 2.7 2.7 4.275 6.35Q44 19.85 44 24q0 4.1-1.575 7.75-1.575 3.65-4.275 6.375t-6.35 4.3Q28.15 44 24 44Zm0-3q7.1 0 12.05-4.975Q41 31.05 41 24q0-7.1-4.95-12.05Q31.1 7 24 7q-7.05 0-12.025 4.95Q7 16.9 7 24q0 7.05 4.975 12.025Q16.95 41 24 41Zm0-17Z"/></svg>');
 background-size: 33px 33px;    background-position: 10px 50%;
}
.ancy-penny {overflow:hidden;}
input[disabled] {pointer-events:none}
.over {overflow:hidden;clear:both;}
  form .over input.text  {border :2px solid #034681;}
  .over  .field {
  margin: 0px 0 0px;
}
.fancy-delivery.true,#Form_LicenseForm  .fancy-licence.true, #Form_FormForm_action_submit2  {display:none;}
.del { 
padding: 0px 15px;border: 2px solid #5f94b3;margin:2px 0 0 0;
 text-align:center;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
 background:#5f94b3;
text-transform: uppercase;
height:48px;line-height:48px;
cursor:pointer}
.del span {padding-top:10px;}
.niema,#Form_KomentForm_inne {display:none;}
.checkbox-category {text-align:center;margin-bottom:20px;}
.checkbox-category div {display:inline-block;background:#034681;padding:5px 10px;margin:5px 0;-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;}
.checkbox-category div.lic {background:#035e89}
.checkbox-lic div.checkbox {background:#035e89;padding:5px 10px;display:block;-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;margin-bottom:2px;}
.checkbox-category div input { display:inline-block;margin-right:5px;border:1px solid #035e89!important; }
.Koszyk h3, h3.koszyk{margin-top:30px;}
.btn-toolbar {text-align:center;} 
 
#Form_LicenseForm .fancy-licence-x {display:inline-block;width:360px;margin:0; padding:0; }
#Form_LicenseForm .fancy-licence-x .licencja-zestaw {margin:3px;background: url(../images/pm-colors_02.png)  50%   0%  repeat  ;text-align:center;-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;}
#Form_LicenseForm .fancy-licence-x:nth-child(2) .licencja-zestaw  {background: url(../images/pm-colors_04.png)  50%   0%  repeat  ;}
#Form_LicenseForm .fancy-licence-x:nth-child(3) .licencja-zestaw  {background: url(../images/pm-colors_06.png)  50%   0%  repeat  ;}
#Form_LicenseForm .fancy-licence-x:nth-child(4) .licencja-zestaw  {background: url(../images/pm-colors_08.png)  50%   0%  repeat  ;}
#Form_LicenseForm .fancy-licence-x .licencja-zestaw .licencja_00 { 
      height:60px;
       background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" height="48" width="48" fill="white"><path d="M24 33.3q3.9 0 6.6-2.7 2.7-2.7 2.7-6.6 0-3.9-2.7-6.6-2.7-2.7-6.6-2.7-3.9 0-6.6 2.7-2.7 2.7-2.7 6.6 0 3.9 2.7 6.6 2.7 2.7 6.6 2.7ZM24 44q-4.1 0-7.75-1.575-3.65-1.575-6.375-4.3-2.725-2.725-4.3-6.375Q4 28.1 4 24q0-4.15 1.575-7.8 1.575-3.65 4.3-6.35 2.725-2.7 6.375-4.275Q19.9 4 24 4q4.15 0 7.8 1.575 3.65 1.575 6.35 4.275 2.7 2.7 4.275 6.35Q44 19.85 44 24q0 4.1-1.575 7.75-1.575 3.65-4.275 6.375t-6.35 4.3Q28.15 44 24 44Zm0-3q7.1 0 12.05-4.975Q41 31.05 41 24q0-7.1-4.95-12.05Q31.1 7 24 7q-7.05 0-12.025 4.95Q7 16.9 7 24q0 7.05 4.975 12.025Q16.95 41 24 41Zm0-17Z"/></svg>');
background-repeat: no-repeat;
       background-size: 33px 33px;    background-position: 50% 50%;  
		  
    }
#Form_LicenseForm .fancy-licence-x.true .licencja-zestaw .licencja_00 { 
	background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" height="48" width="48" fill="white"><path d="M24 44q-4.1 0-7.75-1.575-3.65-1.575-6.375-4.3-2.725-2.725-4.3-6.375Q4 28.1 4 24q0-4.15 1.575-7.8 1.575-3.65 4.3-6.35 2.725-2.7 6.375-4.275Q19.9 4 24 4q4.15 0 7.8 1.575 3.65 1.575 6.35 4.275 2.7 2.7 4.275 6.35Q44 19.85 44 24q0 4.1-1.575 7.75-1.575 3.65-4.275 6.375t-6.35 4.3Q28.15 44 24 44Zm0-3q7.1 0 12.05-4.975Q41 31.05 41 24q0-7.1-4.95-12.05Q31.1 7 24 7q-7.05 0-12.025 4.95Q7 16.9 7 24q0 7.05 4.975 12.025Q16.95 41 24 41Zm0-17Z"/></svg>');
 background-size: 33px 33px;    background-position:50% 50%; 
}
#Form_LicenseForm .fancy-licence-x  .licencja-zestaw .licencja_011 {font-size:24px;text-transform:uppercase;padding:20px 15px}
#Form_LicenseForm .fancy-licence-x  .licencja-zestaw .licencja_02 {background: url(../images/pm-colors_10.png)  50%   0%  repeat  ;padding:15px 0;}
#Form_LicenseForm .fancy-licence-x  .licencja-zestaw .licencja_02 p {font-size:14px;line-height:20px;}
#Form_LicenseForm .fancy-licence-x  .licencja-zestaw .licencja_03 {font-size:24px;text-transform:uppercase;padding:20px 0 0 0}
#Form_LicenseForm .fancy-licence-x  .licencja-zestaw .licencja_04 {font-size:14px;text-transform:uppercase;padding:0 0 20px 0}
#Form_LicenseForm .fancy-licence-x  .licencja-zestaw .licencja_05 {font-size:14px;text-transform:uppercase;padding: 0 0 20px 0}
 #Form_LicenseForm .fancy-licence-x  .licencja-zestaw .licencja_05 span.btn {background:#034681}
  #Form_LicenseForm .fancy-licence-x  .licencja-zestaw .licencja_05 span.btn:hover {background:#5f94b3}
  #Form_LicenseForm .part1 {
  text-align: center;
}
 .fancy-licence-h {display:inline-block;width: 360px;margin:0; padding:0; position:relative;}
.fancy-licence-h .licencja-zestaw {margin:3px;background: url(../images/pm-colors_02.png)  50%   0%  repeat  ;text-align:center;overflow:hidden;-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;-moz-box-shadow: 0px 0px 15px #333;
    -webkit-box-shadow: 0px 0px 15px #333;
    box-shadow: 0px 0px 15px #333;}
.fancy-licence-h:nth-child(2) .licencja-zestaw  {background: url(../images/pm-colors_04.png)  50%   0%  repeat  ;}
.fancy-licence-h:nth-child(3) .licencja-zestaw  {background: url(../images/pm-colors_06.png)  50%   0%  repeat  ;}
.fancy-licence-h:nth-child(4) .licencja-zestaw  {background: url(../images/pm-colors_08.png)  50%   0%  repeat  ;}
.fancy-licence-h:nth-child(5) .licencja-zestaw  {background: url(../images/pm-colors_10.png)  50%   0%  repeat  ;}

.fancy-licence-h .licencja-zestaw .licencja_000 {height:30px;}
.fancy-licence-h  .licencja-zestaw .licencja_011 {font-size:20px;text-transform:uppercase;padding:20px 25px}
.fancy-licence-h  .licencja-zestaw .licencja_02 {background: url(../images/pm-colors_10.png)  50%   0%  repeat  ;padding:15px 0;}
.fancy-licence-h  .licencja-zestaw .licencja_02k {background: url(../images/pm-colors_02.png)  50%   0%  repeat   ;padding:0;position:absolute;bottom:20px;left:0;right:0;}
.fancy-licence-h  .licencja-zestaw .licencja_01k a { display:block;text-transform:uppercase;text-decoration:none;padding:  0 }
.fancy-licence-h  .licencja-zestaw .licencja_01k img { display:block; padding:  0 }
.fancy-licence-h  .licencja-zestaw .licencja_02k a {color:#fff;display:block;text-transform:uppercase;text-decoration:none;padding:10px 0}
.fancy-licence-h  .licencja-zestaw .licencja_02 p {font-size:14px;line-height:20px;}
 .fancy-licence-h  .licencja-zestaw .licencja_02 p a:link, .fancy-licence-h  .licencja-zestaw .licencja_02 p a:visited, .fancy-licence-h  .licencja-zestaw .licencja_02 p a:hover {color:#fff!important;text-decoration:none}
.fancy-licence-h  .licencja-zestaw .licencja_03 {font-size:24px;text-transform:uppercase;padding:20px 0 0 0}
.fancy-licence-h  .licencja-zestaw .licencja_04 {font-size:14px;text-transform:uppercase;padding:0 10px 20px 10px}
.fancy-licence-h  .licencja-zestaw .licencja_05 {font-size:14px;text-transform:uppercase;padding: 0 0 20px 0}
 .fancy-licence-h  .licencja-zestaw .licencja_05 span.btn {background:#034681}
  .fancy-licence-h  .licencja-zestaw .licencja_05 span.btn:hover {background:#5f94b3}
  
  
.Oferta .full-size.left.cont1 div.content-out2, .Page .full-size.left.cont1 div.content-out2, .Komentarze .full-size.left.cont1 div.content-out2  {background: url(../images/music.png)  50%   200px  no-repeat #034681 ;}
.Oferta  .full-size.left.cont1 div.content {background:none;}
.content-container.comment.unit.size3of4.lastUnit {width:100%}
.content-container.comment.unit.size3of4.lastUnit span {font-weight:bold;text-transform:uppercase;}
.content-container.comment.unit.size3of4.lastUnit .com {background:#035e89;-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;padding:10px 20px;margin-bottom:10px;} 
.content-container.comment.unit.size3of4.lastUnit .rep {background:#d70094;-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;padding:10px 20px;margin: 0 0 10px 30px;}
.Komentarze h3 {display:block;overflow:hidden;clear:both;padding-top:30px;text-transform:uppercase;text-align:center;}
#Form_KomentForm {max-width:800px;margin:0 auto;} 
.licencja_05.show_zakup, .btn.order1.show_zakup, .part2.hide_zakup , .outform_128.hide_zakup , .fancy-delivery.hide_zakup , #Form_LicenseForm .fancy-licence.hide_zakup , #Form_LicenseForm .fancy-licence.show_zakup.true , .fancy-delivery.show_zakup.true ,  #Form_LicenseForm_action_submitL.hide_zakup{display:none}
.licencja_05.hide_zakup, .btn.order1.hide_zakup , .part2.show_zakup , .outform_128.show_zakup , .fancy-delivery.show_zakup , #Form_LicenseForm .fancy-licence.show_zakup ,  #Form_LicenseForm_action_submitL.show_zakup{display:block}
.full-size.left.cont1 div.bloki.content {overflow:hidden;background:transparent }
  .full-size.home.blog {width: 100vw;
 position: relative;
 margin-left: -50vw;
 min-height: auto;
 padding-top:50px;
 left: 50%;}
.bloki-out {background: url(../images/pm-colors_12.png) 50% 0% no-repeat;background-attachment: fixed; overflow:hidden;width: 100vw;
 position: relative;
 margin-left: -50vw;
 
 left: 50%;margin-top:70px;margin-bottom:70px;

    -moz-box-shadow: 0px 0px 29px #211526;
    -webkit-box-shadow: 0px 0px 29px #211526;
    box-shadow: 0px 0px 29px #211526;

}
.bloki .blok {
  width: 45%;
  float: right;
  min-height: 180px;
  margin: 30px 0;
}
.bloki .blok.blok0 , .bloki .blok.blok7{width:100%;min-height:auto;}
.bloki .blok.blok-foto img {display:block;margin:0 auto;margin-top:60px;}
.bloki .blok.blok1,.bloki .blok.blok3, .bloki .blok.blok5 {float:left}
.bloki ul {margin:20px 0}
.bloki li::before {
  content: "\2022";
  color: #d70094;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.bloki h3 {text-transform:uppercase;font-size:120%;margin-top:60px;}
a.borderx, #home-4 .fancy-licence-h a {font-family: 'LatoReg', Arial, sans-serif;
color: #fff;
display: block;
border-radius: 0px;
padding: 8px 45px;
margin: 0 auto;
  margin-top: 0px;
  margin-bottom: 0px;
margin-top: 10px;
margin-bottom: 10px;
float: none;
text-transform: uppercase;
letter-spacing: 1px;
border: none;
font-size: 14px;
font-weight: bold;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
background: #034681;width: auto;max-width: 200px;
text-align: center;
text-decoration:none;}
#home-4 .fancy-licence-h a {max-width: 220px;}
a.borderx:hover ,  #home-4 .fancy-licence-h a:hover{ background: #5f94b3;}
 #home-4 .fancy-licence-h .licencja-zestaw {background: url(../images/pm-pink-bg.png) 50% 50% repeat ;}
 #home-4 .fancy-licence-h .licencja_011 {min-height:380px;}
  #home-4 .fancy-licence-h .licencja_02 {text-transform:uppercase;}
    #home-4 .fancy-licence-h.last .licencja_011 {text-transform:none;font-weight:normal;font-size:18px;}
	  #home-4 .fancy-licence-h.last .licencja_011 p {padding:0 25px 20px 25px;}
	   #home-4 .fancy-licence-h.last .licencja-zestaw {background: url(../images/pm-colors_06.png)  50%   0%  repeat  ;}

.intro-home {overflow:hidden;background: url(../images/pm-colors_10.png)  50%   0%  repeat  ;padding:15px 15px;margin:20px 23px;-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;-moz-box-shadow: 0px 0px 15px #333;
    -webkit-box-shadow: 0px 0px 15px #333;
    box-shadow: 0px 0px 15px #333;}
	.banner-bottom {display:block;text-align:center;}
	
	.lewa-szpalta {width:60%;float:left;}
	.prawa-szpalta {width:30%;float:right;}
	.zbiorczy {overflow:hidden;clear:both;margin:30px 0;}
 .AktualnosciPage .full-size.left div.content h2{font-size:30px;}
  .AktualnosciPage .content-container.onethree.unit.size3of4.lastUnit article {width:400px;max-width:100%;display:inline-block;}
    .AktualnosciPage   small {font-size:14px;}
  .AktualnosciPage .content-container.onethree.unit.size3of4.lastUnit article .contencik {margin:0 20px;text-align:left}
  .AktualnosciPage .prawa-szpalta .content-container.onethree.unit.size3of4.lastUnit article {width:100%;margin-top: 0px;}
 .AktualnosciPage .zbiorczy ul {
  margin: 20px 0;
} 
  .AktualnosciPage .zbiorczy li::before {
  content: "\2022";
  color: #d70094;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
 
.AktualnosciPage .zbiorczy li  {
  list-style: none;
  padding-left: 20px;
  line-height: 36px;
}
.prawa-szpalta .content-container.onethree.unit.size3of4.lastUnit {display:block;max-width:375px;margin:0 auto;float:none;}

@media only screen and (max-width: 1620px) AND (min-width:1421px){ 
.header {top: -30px}
header .brand ,header .brand:hover {padding: 35px 30px 20px 30px;}	
header .brand img{max-width:300px;height:auto}
nav.primary {overflow:hidden; position:relative;float:left;margin:0  ;display:inline-block ; padding-top:30px;z-index:8; text-align:center;float:left;  } 
nav.primary ul li { margin:0 0 0 42px;  }
}
@media only screen and (max-width: 1420px) AND (min-width:1321px){ 
.header {top: -30px}
header .brand ,header .brand:hover {padding: 32px 30px 20px 30px;}	
header .brand img{max-width:300px;height:auto}
nav.primary {overflow:hidden; position:relative;float:left;margin:0  ;display:inline-block ; padding-top:30px;z-index:8; text-align:center;float:left;  } 
nav.primary ul li { margin:0 0 0 32px;  }
nav.primary ul li a {font-size:18px;}
.intro-home {margin:20px 20px;}
}
@media only screen and (max-width: 1320px) AND (min-width:1221px){
	.header {top: -30px}
header .brand ,header .brand:hover {padding: 35px 20px 20px 20px;}	
 	
header .brand img{max-width:280px;height:auto}
nav.primary {overflow:hidden; position:relative;float:left;margin:0  ;display:inline-block ; padding-top:30px;z-index:8; text-align:center;float:left;  } 
nav.primary ul li { margin:0 0 0 26px;  }
nav.primary ul li a {font-size:16px;}
.intro-home {margin:20px 20px;}
}
@media only screen and (max-width: 1220px) AND (min-width:320px){
	.header {top: -30px;overflow:visible; }
header .brand ,header .brand:hover {padding: 40px 20px 5px 20px; transform: rotate(0deg) ;
    -webkit-transform: rotate(0deg) ;
    -moz-transform: rotate(0deg) ;
    -o-transform: rotate(0deg) ;
    -ms-transform: rotate(0deg) ;}	
 	
header .brand img{max-width:280px;height:auto;transform: rotate( 0deg);
-webkit-transform: rotate( 0deg);
-moz-transform: rotate( 0deg);
-o-transform: rotate( 0deg);
-ms-transform: rotate( 0deg);}
nav.primary {overflow:visible; position:relative;float:left;margin:0  ;display: block ; padding-top:30px;z-index:220; text-align:center;float:left;width:100%;  } 
nav.primary ul li { margin:0 0 0 26px;  }
nav.primary ul li a {font-size:16px;}
       .full-size.home .dupka {padding:30px 50px;bottom:10px;max-width:600px}
	   .intro-home {margin:20px 20px;}
.fancy-licence-h,#Form_LicenseForm .fancy-licence-x {width:360px;}	
#Form_LicenseForm  .part1 {text-align:center;}
.empe3 article ,.empe3 .playerfull{width:100%;margin-bottom:20px;} 
	.lewa-szpalta {width:100%;float:left;margin-bottom:30px;}
	.prawa-szpalta {width:100%;float:right;margin-bottom:30px;} 
.prawa-szpalta img.aktu {display:block;margin:0 auto;float:none;}	
}
@media only screen and (max-width: 960px) AND (min-width:681px){
	.full-size.home .bloczkin {max-width: 45%;}
	.full-size.galeria h2 {font-size:30px;}
	.intro-home {margin:20px 20px;}
	.see-50 {width:100%;}
	.over .field.see-10 ,.del.see-10{min-width:70px;}
 
	.del.see-10 {height:38px;font-size:14px;min-width:42px;width:42px;padding:0;}
	.over.outform_128 .del.see-10 {display:none;}
	.del.see-10 .material-icons {
  font-size: 16px;
  color: #fff;
}
	.over .field.see-10:nth-child(1) {min-width:30px;max-width:40px;}
	.over .field.see-10:nth-child(2) {display:none}
	form input.lpgd.text.nocheck ,form input.lpgd.text.nocheck[disabled]{background-position: 50% 50%;}
}
@media only screen and (max-width: 680px) AND (min-width:481px) {
	 .full-size.home .dupka {padding:20px 30px;bottom:10px;max-width:420px}
	 .full-size.home .dupka h3 {font-size:30px;line-height:40px;}
       .full-size.home .dupka h4 {font-size:18px;line-height:25px;}
	   .full-size.home .bloczkin {max-width: 420px;}
 
.full-size.galeria h2,.full-size.left div.content h1 {font-size:24px;}
#vSeek {  width: 120px!important;}
.bloki .blok {width:100%;}
.see-50 {width:100%;}

		.over .field.see-60 {width:86%;}
		.over .field.see-10 ,.del.see-10{min-width:50px;width:20.5%;float:left;} 
	.del.see-10 {height:38px;font-size:14px;min-width:50px;width:42px;padding:0;}
	.over.outform_128 .del.see-10 {display:none;}
	.del.see-10 .material-icons {
  font-size: 16px;
  color: #fff;
}
	.over .field.see-10:nth-child(1) {min-width:30px;max-width:40px;}
	.over .field.see-10:nth-child(2) {display:none}
	form input.lpgd.text.nocheck ,form input.lpgd.text.nocheck[disabled]{background-position: 50% 50%;}
	.over {padding:6px ;background:#603770; margin:2px 0;text-align:center;}
}
@media only screen and (max-width: 480px)  {
      .AktualnosciPage .content-container.onethree.unit.size3of4.lastUnit article {width:300px;max-width:100%;display:inline-block;}
    .AktualnosciPage   small {font-size:14px;}
	.see-50 {width:100%;}
	header .brand img{max-width:200px;}
	header .brand ,header .brand:hover {padding: 45px 15px 15px 15px; }
	.tablet-nav .nav-open-button, .basket {top:5px}
	 .full-size.home .dupka {padding:20px 30px;bottom:10px;max-width:90%}
	.full-size.home .dupka h3 {font-size:24px;line-height:40px;}
       .full-size.home .dupka h4 {font-size:18px;line-height:25px;}
	   .full-size.home .bloczkin {max-width:90%}
	   .full-size.galeria h2  {font-size:18px;}
	    .full-size.left div.content h1  {font-size:30px;}
	    .full-size.galeria div.content {font-size:16px;}
		.intro-home {font-size:16px;line-height:24px;width:320px;margin: 0px auto;margin-top:20px;margin-bottom:20px;float:none;clear:both;overflow:hidden;display:block;}
		.fancy-licence-h, #Form_LicenseForm .fancy-licence-x {width:320px;}	
		.empe3 article ,.empe3 .playerfull{width:100%;margin-bottom:20px;} 
		#vSeek {  width: 120px!important;}#vVolume {  width: 50px!important;}.vRow{font-size:14px;padding: 5px  5px!important;}
		.bloki .blok {width:100%;}
		
		.over .field.see-60 {width:86%;}
		.over .field.see-10 ,.del.see-10{min-width:50px;width:20.5%;float:left;} 
	.del.see-10 {height:38px;font-size:14px;min-width:50px;width:42px;padding:0;}
	.over.outform_128 .del.see-10 {display:none;}
	.del.see-10 .material-icons {
  font-size: 16px;
  color: #fff;
}
	.over .field.see-10:nth-child(1) {min-width:30px;max-width:40px;}
	.over .field.see-10:nth-child(2) {display:none}
	form input.lpgd.text.nocheck ,form input.lpgd.text.nocheck[disabled]{background-position: 50% 50%;}
	.over {padding:6px ;background:#603770; margin:2px 0;text-align:center;}
 
	}
	.ss-htmleditorfield-file.embed,  iframe { max-width:90vw!important;aspect-ratio: auto;max-width:100%;margin:0 auto;}
	.pagination {display:block;width:100%;overflow:hidden;clear:both;padding:20px 0;text-align:center;}

.pagination a, .pagination span	{background: #034681;
font-family: 'LatoReg', Arial, sans-serif;
color: #fff;
display: inline-block;
border-radius: 0px;
padding:  5px 10px;
margin: 0 auto;
  margin-top: 0px;
  margin-bottom: 0px;
margin-top:  0px;
margin-bottom:  0px;
float: none;
text-transform: uppercase;
letter-spacing: 1px;
border: none;
font-size: 14px;
font-weight: bold;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
cursor: pointer;  text-decoration:none;min-width:40px;text-align:center}
.pagination span {cursor: default;background:#08447b!important}
/* #marketing-text, .opisl.one {display:none} */