@font-face {
	font-family: 'Montserrat';
	src: url('fonts/Montserrat-Regular.ttf');
}
@font-face {
	font-family: 'Montserrat';
  font-weight: 300;
	src: url('fonts/Montserrat-ExtraLight.ttf');
}
@font-face {
	font-family: 'Montserrat';
  font-weight: bold;
	src: url('fonts/Montserrat-Bold.ttf');
}
@font-face {
  font-family: 'Montserrat';
	font-weight: 900;
	src: url('fonts/Montserrat-ExtraBold.ttf');
}
@font-face {
	font-family: 'lato';
	src: url('fonts/Lato-Reg.ttf');
}
@font-face {
	font-family: 'lato';
  font-style: italic;
	src: url('fonts/Lato-RegIta.ttf');
}
@font-face {
  font-family: 'lato';
	font-weight: 600;
	src: url('fonts/Lato-Semibold.ttf');
}
@font-face {
  font-family: 'lato';
	font-weight: bold;
	src: url('fonts/Lato-Bol.ttf');
}
@font-face {
  font-family: 'lato';
	font-weight: 900;
	src: url('fonts/Lato-Heavy.ttf');
}
@font-face {
  font-family: 'lato';
	font-weight: bold;
  font-style: italic;
	src: url('fonts/Lato-BolIta.ttf');
}
/* =========== ikony - czcionka ========== */
@font-face {
  font-family: "nice-font";
	src:url('fonts/nice-font.eot');
	src:url('fonts/nice-font.eot#iefix') format('embedded-opentype'),
		url('fonts/nice-font.woff') format('woff'),
		url('fonts/nice-font.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;

}
.n-ico, [data-icon] {
  width: 1em;
  margin: -0.6em 0 -0.4em 0;
  vertical-align: middle;
  font-size: 14px;
  display: inline-block;
  text-align: left;
}
.n-ico:before, [data-icon]:before {
  content: attr(data-icon);
  vertical-align: top;
  
  font-family: "nice-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block; 
  text-rendering: auto;
  font-smooth: always;
}
.n-ico {
  margin-right: 0.8em;
  font-size: 15px;
}
.n-ico.arrow1-down:before {content: "\00E100";}
.n-ico.arrow1-left:before {content: "\00E101";}
.n-ico.arrow1-right:before {content: "\00E102";}
.n-ico.arrow1-up:before {content: "\00E103";}

.n-ico.ak-slider-left:before {content: "\00E101";}
.n-ico.ak-slider-right:before {content: "\00E102";}

.n-ico.arrow2-down:before {content: "\00E104";}
.n-ico.arrow2-left:before {content: "\00E105";}
.n-ico.arrow2-right:before {content: "\00E106";}
.n-ico.arrow2-up:before {content: "\00E107";}

.n-ico.camera:before {content: "\00E115";}
.n-ico.cart:before {content: "\00E116";}
.n-ico.chat:before {content: "\00E118";}
.n-ico.clock:before {content: "\00E11A";}
.n-ico.hamburger:before {content: "\00E11C";}
.n-ico.mail:before {content: "\00E11F";}
.n-ico.lock-open:before {content: "\00E121";}
.n-ico.lock:before {content: "\00E123";}
.n-ico.love:before {content: "\00E125";}
.n-ico.zoom:before {content: "\00E127";}
.n-ico.at:before {content: "\00E129";}
.n-ico.map:before {content: "\00E12A";}
.n-ico.minus:before {content: "\00E12C";}
.n-ico.ok:before {content: "\00E12E";}
.n-ico.pause:before {content: "\00E131";}
.n-ico.pdf:before {content: "\00E134";}
.n-ico.file:before {content: "\00E136";}
.n-ico.plus:before {content: "\00E138";}
.n-ico.profile:before {content: "\00E13A";}
.n-ico.quote:before {content: "\00E13C";}
.n-ico.share:before {content: "\00E13F";}
.n-ico.home:before {content: "\00E142";}
.n-ico.x:before {content: "\00E143";}
/* ====================================================== Czcionki ==================================== */
html, body, input, textarea {
  color: #545454;
  line-height: 1.7;
  font-size: 14px;
  font-family: lato, tahoma, arial, sans-serif;
  /*font-family: georgia ,"Times New Roman" ,serif;*/
}
h1, h2, h3, h4, h5, h6 {
  margin: 1.2rem 0 0.8rem 0;
  line-height: 1.4;
  font-family: Montserrat, verdana, arial, sans-serif;
}
h1:first-child, h2:first-child, h3:first-child {
  margin-top: 0;
}
h1 {
  font-size: 2.5rem;
}

h2 {
  /*padding: 0 0 0.86rem 0;*/
  margin-bottom: 0.9rem;
	font-size: 2.3rem;
  position: relative;
	font-weight:300;
}
h3 {
  font-size: 1.2rem;
}
h4 {
	font-size: 1rem;
}
h5 {
	font-size: 0.9rem;
}
h6 {
	font-size: 0.9rem;
}
a {
  text-decoration: none;
  color: #013069;
}
a:hover {

}
ul {
	list-style:url(graphics/point.png);
}
/* =================================================== Kontenery =========================================== */
html, body {
  color: #3a3a3a;
  background: #fefefe;
}
#CANVAS {
	position:relative;
	padding-bottom:70px;
	overflow: hidden;
}
#PAGE {
	position:relative;
	padding-left:70px;
}
.start #LEAVE-NUMBER {
	padding:35px 0;
}
#LEAVE-NUMBER {
	padding:100px 0 35px 0;
}
.sidebar-wrapper {
	position:absolute;
	top:-85px;left:0;bottom:0;
	width:70px;
	background:#013069;
}
.container {
  max-width: 1300px;
	padding:0 120px;
}
/*#PAGE .container {
	padding:0 5%;
}*/
#TOP .container {
	padding:0 10px;
}
.page-section {
  padding: 50px 0;
}
/* =================================================== Menu Glowne ============================================= */
nav {
margin-right: 0; /* wyrównuje margin ostatniego elementu */
padding-top: 20px;
float:right;
padding-left:280px;
padding-right:15px;
}
nav ul li {
  margin: 0;
}
nav ul li a {
  padding: 23px 10px 10px;
  height: 55px;
  font-size: 14px;
  color: #000;
  text-transform: uppercase;
}
/* --------------- hover ------------------ */
nav ul a:hover, nav ul li:hover {
	color:#ec1638;
}
/* --------------- active ----------------- */
nav ul a.active {
}
/* --------------- urhere ----------------- */
nav ul a.urhere {
	color:#ec1638;
}
/* --------------- Submenu ---------------- */
nav ul li ul {
  box-shadow: 1px 2px 3px rgba(0,0,0,0.3);
  background: #fff;
}
nav ul li ul li a {
  position: relative;
  color: #000;
}

nav ul li ul li a:hover {
  
}
/* =================================================== STRONA GŁÓWNA / UKŁAD GŁÓWNY =========================================== */
#LEAVE-NUMBER, #HIGHLIGHT-CONTENT, #NEWSLETTER-SECTION {
	position: relative;
	overflow: hidden;
}
#LEAVE-NUMBER h2, #HIGHLIGHT-CONTENT h3, #NEWSLETTER-SECTION h2, #NEWSLETTER-SECTION h3 {
	font-size:3.2rem;
	text-align: left;
	letter-spacing: 3px;
	text-transform:uppercase;
}
.background-absolute {
	position:absolute;
	bottom:60px;left:0;right:0;
	height:300px;
	background:#f6f6f6;
	z-index:-1;
}
.border-style {
	border:10px solid #014493;
	padding:50px;
	box-sizing: border-box;
	position: relative;
}
/* ----------------- HASH NAVIGATE ------------*/
.hash-navigator-wrapper {
	position:absolute;
	top:0;
	left:0;
	z-index: 10;
	padding:55px 0 0 0;
}
.hash-navigator-wrapper ul {
	list-style: :none;
}
.hash-navigator-wrapper li {
	margin:0;
}
.hash-navigator-wrapper li {
	display:block;
	position: relative;
	overflow: hidden;
	width:70px;
	height:70px;
	transition: all 300ms;
	background:#013069;
}
.hash-navigator-wrapper li:hover {
	width:350px;
	background:#0160d3;
}
.hash-navigator-wrapper li.urhere {
	background:#0160d3;
}
.hash-navigator-wrapper li a {
	width:350px;
	display: table;
}
.hash-navigator-wrapper li a img {
	width:30px;
	float:left;
	padding:20px;
}
.hash-navigator-wrapper li a span {
	
	display:table-cell;
	background:#013069;
	color:#fff;
	font-size:1.1em;

	vertical-align: middle;

	width:350px;
	box-sizing: border-box;
	padding:10px 10px 10px 10px;
	margin-left:70px;
	text-align: left;
}
/* ----------------- TOP ------------------- */
#TOP {     /*menu itp*/
  height: 140px;
	background: #fff;
	font-family: Montserrat, verdana, arial, sans-serif;
}
  #TOP .container, #TOP .mobile-nav-container {
    height: 100%;
  }
  #TOP-EXTENDED {
    height: 40px;
		background:#013069;
		padding:0 10px;
		transition:all 300ms;
  }
	#TOP-EXTENDED .contact_data span {
		display: inline-block;
	}
	.flags-mod {
		float:right;
		margin-top:10px;
		margin-left:10px;
	}
	.flags-mod > div {
		display:inline-block;
		width:40px;
		box-sizing: border-box;
		padding:0 5px;
	}
	.flags-mod > div img {
		width:100%;
	}
  #TOP-MINI {
    height: 100px;
    background: #fff;
    box-shadow: 0px 3px 2px rgba(0,0,0,0.2);
		padding:0 10px;
		transition:all 300ms;
  }
	#TOP-MINI .container > div {
		float:right;
	}
	#TOP-MINI .contact-section-icon {
		margin-top:33px;
		padding:0 15px;
		color:#014493;
		position: relative;
	}
	#TOP-MINI .contact-section-icon span {
		font-size:1.5em;
	}
	#TOP-MINI .contact-section-icon:before {
		content: '';
		position:absolute;
		top:10px;
		bottom:10px;
		left:0;
		width:1px;
		background:#000;
	}
	#TOP-MINI .contact-section-icon h3 {
		display:none;
	}
  #TOP-MINI .flags {
    position: absolute;
    top: -40px;
    right: 10px;
  }
   #TOP-MINI .flags .current_lang a img {
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
    opacity: 0.6;
    transition: 200ms;
   }
  #TOP-MINI .flags .current_lang a:hover img {
    -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
    filter: grayscale(0%);
    opacity: 1;
   }
	 #TOP-MINI .search {
		margin-top:25px;
		width:200px;
		position: relative;
	 }
	 #TOP-MINI .search span.button-submit {
		background:url(graphics/search-ico.png) no-repeat top center;
		width:30px;
		height:30px;
		position: absolute;
		top:12px;right:6px;
	 }
	  #TOP-MINI #cart-module {
			margin-top: 35px;
			padding:0 0 0 15px;
		}
	 #TOP-MINI #cart-module a {
		
		padding: 15px 25px;
		border-radius:300px;
		background:#eee;
		position: relative;
		width:50px;
		height:50px;
	 }
	 #TOP-MINI #cart-module a img {
		width:27px;
		position:absolute;
		top:10px;right:12px;
	 }
	 #TOP-MINI #cart-module span.cart-quantity {
		position: absolute;
		bottom:-4px;
		right:-4px;
		background:#ee173a;
		color:#fff;
		border-radius:50%;
		padding:2px 10px;
		min-width:8px;
		text-align: center;
	 }
  #logo {
    position: absolute;
    top: 14px; left: 60px;
    height: 75px;
		z-index: 1;
  }
	#logo, #TOP-MINI, #TOP, #logo, nav, #TOP-MINI .contact-section-icon, #TOP-MINI .search, #TOP-MINI #cart-module {
		transition: all 300ms;
	}
  .sticked #logo {

  }
	.scroll {
		/*padding-top:60px;*/
	}
	.scroll #TOP {
		height:60px;
	}
	.scroll #TOP-MINI {
		height:60px;
	}
	.scroll #logo {
		height:40px;
		top:10px;
	}
	.scroll nav {
		padding-top:0;
	}
	.scroll #TOP-MINI .contact-section-icon {
		margin-top:12px;
	}
	.scroll #TOP-MINI .search {
		margin-top:6px;
	}
	.scroll #TOP-MINI #cart-module {
		margin-top:18px;
	}
	
/* ----------------- MAIN BANNER ------------------- */

#MAIN-BANNER {
  clear: both;
  background: #000;
	position: relative;
}
/* --- photosection --- */
#MAIN-BANNER .photo-section {
  padding: 250px 0 40px 0;
	min-height: 320px;
}
.ak-slider .slide .caption {
	position:absolute;
	bottom:120px;
	left:0;
	right:0;
	font-size:1.3em;
	text-shadow: 0 2px 10px #666;
}
.ps-image {
	opacity:0.7;
}
.ps-content .container, .ps-content .caption {
	padding:0;
}
.caption .button {
	margin:10px 0;
	padding: 14px 20px 16px 20px;
}
.caption .button:after {
	display:none;
}
.caption h2 {
  margin: 0 auto 20px auto;
  display: block;
  font-size: 4em;
	letter-spacing: 6px;
  color: #fff;
	text-transform: uppercase;
	line-height: 1;
	font-weight:normal;
}
.caption .add-2 {
  padding: 14px 0 4px 0;
  display: block;
  position: relative;
  z-index: 2;
  font-size: 1.4em;
  text-transform: uppercase;
  color: #fff;
}
.caption .text-1, .caption .text-2 {
  padding: 15px 35px;
  margin: 15px auto 0 auto;
  color: #fff;
  font-size: 1.7em;
}
.caption .text-1 p, .caption .text-2 p {
  margin-bottom: 0;
}
/* ----------------- PROMO TOP ------------------- */
#PROMO-TOP {
	/*margin-top:-85px;*/
	height:85px;
	padding-left:70px;
}
#PROMO-TOP .container {
	max-width:960px;
	position: relative;
}
#PROMO-TOP .promo-tile .tile {
	margin:0;
	padding:0px;
	height:156px;
	box-sizing: border-box;
	background:#eeeeee;
}
#PROMO-TOP .promo-tile > div .tile {
	border-right:1px solid #cccccc;
	padding:25px;
	z-index:13;
}
#PROMO-TOP .promo-tile > div:last-child .tile {
	border:0;
}
#PROMO-TOP .promo-tile .tile .thb {
	float:right;
	width: 40%;
	padding:0;
	box-sizing: border-box;
	display: block;
	background:#fff;
	position: relative;
}
#PROMO-TOP .promo-tile .tile .thb:after {
	content:'';
	position: absolute;
	top:0;left:0;right:0;bottom:0;
	box-shadow: inset 0 0 20px 20px #eee;
}
#PROMO-TOP .promo-tile .tile .thb img {
	display: block;
	position: relative;
}
#PROMO-TOP .promo-tile .tile .content {
	overflow: visible;
	margin:0;
	padding:25px 10px 60px 25px;
	padding:0;
	float:left;
	width:60%;
	box-sizing: border-box;
}
#PROMO-TOP .promo-tile .tile .content h3 {
	font-size:1.1em;
}
#PROMO-TOP .promo-tile .tile .content .controls {
	padding:0 25px 25px 25px;
	text-align: left;
	position:absolute;
	bottom:0;
	left:0;
}
#PROMO-TOP .photo-box {
	padding-bottom:150px;
	background:#013069;
	border-right:1px solid #4b6c95;
	z-index:12;
}
#PROMO-TOP .photo-box-wrapper >div:last-child .photo-box {
	border:0;
}
#PROMO-TOP .photo-box .img-placeholder {
	display:none;
}
#PROMO-TOP .photo-box .content {
	position:absolute;
	right:0;left:0;bottom:25%;
	background:none;
	text-align:center;
	color:#fff;
	font-family: lato, tahoma, arial, sans-serif;
	padding:1em 2em;
}
#PROMO-TOP .photo-box .content h3 {
	font-family: lato, tahoma, arial, sans-serif;
	color:#fff;
	font-size:2.1rem;
	font-weight:900;
	margin:0;
}
.cat-header {
	overflow: hidden;
	clear: both;
	padding-bottom:15px;
}
.cat-header h2 {
	float:left;
	margin:0;
}
.cat-header a.button {
	float:right;
	margin:4px 0;
}
.cat-header > div {
	float:left;
	width:70%;
}
.cat-header .breadcrumps {
	clear:both;
}
.cat-header .cat-button {
	width:30%;
	float:right;
}
.product {
	padding: 5px 10px 5px 10px !important;
}
.product .content {
	border-bottom:1px solid #dddddd;
	padding:10px 2px 10px;
	min-height: 5em;
}
.product .thb {
	padding:20% 10%;
	display: block;
	box-shadow: inset 0 0 40px 40px #f2f2f2;
}
.product .thb img {
	z-index: -2;
	display: block;
	position: relative;
}
.product .product-code, .product .product-manufacturer {
	color:#999;
	font-size:0.9em;
}
.product .product-code {
	float:right;
}
#START-TOP {
  color: #323335;
  background: #fff;
}
#START-NEWS {
  background: #efefef;
}
 #START-NEWS .news-show-more .button {
    color: #5b5b5b;
    border-color: #5b5b5b;
  }
  #START-NEWS .news-show-more .button:hover {
    color: #ff530d;
    border-color: #5b5b5b;
  }
#HIGHLIGHT-CONTENT .border-style {
	border:10px solid #014493;
	width:70%;
	padding:35px 35px 30px 65px;
	box-sizing: border-box;
	float:right;
	position: relative;
}
#HIGHLIGHT-CONTENT .border-style .tile {
	margin:0;
	position: relative;
	overflow: visible;
}
#HIGHLIGHT-CONTENT .border-style .tile h3 {
	margin-left:-130px;
}
#HIGHLIGHT-CONTENT .border-style .tile .thb {
	position:absolute;
	top:85px;
	left:-200px;
}
#HIGHLIGHT-CONTENT .border-style .tile .content {
	padding:35px 0 0 31%;
}
#HIGHLIGHT-CONTENT .gallery-mod {
	float:left;
	width:50%;
	margin-right:-100%;
	margin-top:50px;
}
#HIGHLIGHT-CONTENT .gallery-responsive {
	overflow: hidden;
}
#HIGHLIGHT-CONTENT .gallery-responsive > div {
	float:left;
	width:33%;
	box-sizing: border-box;
}
#HIGHLIGHT-CONTENT .gallery-responsive .gallery-image-box .gallery-image {
	padding-bottom:80%;
	position: relative;
}
#HIGHLIGHT-CONTENT .gallery-responsive .gallery-image-box .gallery-image > div {
	background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
	
	position: absolute;
  bottom: 0;left: 0;right:0;top: 0;
}
#HIGHLIGHT-CONTENT .atuts-wrapper {
	width:180px;
	background:#0160d4;
	position:absolute;
	top:100px;
	left:35%;
	margin-left:-90px;
	box-sizing: border-box;
	z-index:1;
}
#HIGHLIGHT-CONTENT .atuts-wrapper .atut-box {
	padding:15px 15px 25px 15px;
	position: relative;
}
#HIGHLIGHT-CONTENT .atuts-wrapper .atut-box:before {
	content: "";
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-15px;
	width:30px;
	height:1px;
	background: #4c8ddd;
}
#HIGHLIGHT-CONTENT .atuts-wrapper .atut-box span.txt, #HIGHLIGHT-CONTENT .atuts-wrapper .atut-box span.int {
	width:100%;
	display:block;
	text-align: center;
	color:#fff;
	font-family: Montserrat, verdana, arial, sans-serif;
}
#HIGHLIGHT-CONTENT .atuts-wrapper .atut-box span.int {
	font-size:3em;
}
#HIGHLIGHT-CONTENT .atuts-wrapper .atut-box span.txt {
	font-size: 1.3em;
}
#NEWSLETTER-SECTION .nl-form {
	float:left;
	width: 520px;
	border-color:#000;
	margin:0;
	padding: 35px 110px 50px 35px;
}
#NEWSLETTER-SECTION .nl-form strong {
	font-size:1.5em;
	line-height: 1;
}
#NEWSLETTER-SECTION .nl-form .button {
	margin-bottom:-1px;
	margin-left:2px;
}
#NEWSLETTER-SECTION .nl-form h2 {
	text-align: right;
	margin:0 -50px 25px 0;
	font-weight:normal;
}
#NEWSLETTER-SECTION .download-file-mod {
	border:10px solid #000;
	width: 45%;
	padding: 40px 35px 35px 18%;
	box-sizing: border-box;
	float:right;
	position: relative;
	margin-top:100px;
}
#NEWSLETTER-SECTION .download-file-mod .tile {
	margin:0;
	position: relative;
	overflow: visible;
}
#NEWSLETTER-SECTION .download-file-mod .tile h3 {
	margin:0 0 25px -120px;
}
#NEWSLETTER-SECTION .download-file-mod .tile .thb {
	position:absolute;
	top:-85px;
	right:100%;
	z-index:-2;
	max-width: none;

	width:530px;
}
#NEWSLETTER-SECTION .download-file-mod .tile .content {
	padding:0;
	z-index:0;
	overflow: visible;
}

#LEAVE-NUMBER {
  font-size: 1.3em;
}

#LEAVE-NUMBER form, #LEAVE-NUMBER .text_link {
	border:10px solid #014493;
	width:70%;
	padding:50px 200px 50px 50px;
	box-sizing: border-box;
	float:left;
	position: relative;
}
#LEAVE-NUMBER .img-module {
	float:right;
	width:650px;
	margin-left:-100%;
	margin-top:55px;
}
#LEAVE-NUMBER h2 {
	margin-top:30px;
	text-align: right;
	font-weight:normal;
}
#PARTNERS.page-section {
	overflow: hidden;
	padding:10px 0 40px 0;
}

#PARTNERS .mb-header {
	float:left;
	width:220px;
	margin-right:-100%;
	padding-top:70px;
}
#PARTNERS .mb-header h2 {
	text-align: left;
	color:#000;
	font-weight: 300;
}
#PARTNERS [data-grid="logo-box"] {
	float:right;
	width:100%;
	box-sizing: border-box;
}
.logo-box {
	filter: grayscale(100%);
	opacity:0.5;
	transition:all 300ms;
}
.logo-box:hover {
	filter: grayscale(0);
	opacity:1;
}
#BOTTOM {
  background: #013069;
	overflow: hidden;
}
#BOTTOM h3 {
	color:#fefefe;
	text-transform: uppercase;
}
.logo-footer img {
	margin-bottom:1em;
	max-width:100%;
	padding:10px;
}
.bottom-link ul {
	list-style: none;
}
.bottom-link ul li {
	margin:0;
}
.bottom-link ul li a {
	color:#7d94b3;
}
.bottom-link ul li a:hover {
	color:#fefefe;
}
#BOTTOM .social_links {
	margin-bottom:2em;
}
#BOTTOM .columns-x4 {
	margin-left:-40px;
	margin-right:-40px;
}
#BOTTOM .columns-x4 > div {
	border-right: 1px solid #2a4f7c;
	padding:0 40px;
	box-sizing: border-box;
	color:#7d94b3;
}
#BOTTOM .columns-x4 > div:last-child {
	border:0;
}
#BOTTOM .rzetelna-firma {
	width:100%;
	padding-bottom:50%;
	display:block;
	position: relative;
	transition: all 300ms;
}
#BOTTOM .rzetelna-firma img {
	width:70%;
	display:block;
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	padding:10px;
}
#BOTTOM .rzetelna-firma img.color {
	opacity:0;
	background:rgba(255,255,255,0);
	transition:all 300ms;
}
#BOTTOM .rzetelna-firma:hover img.color {
	opacity: 1;
	background:rgba(255,255,255,1);
}
#FOOT {
	background: #013069;
	height:70px;
	padding:5px 0;
	margin-top: -70px;
	border-top:1px solid #4b6c95;
	z-index:0;
}
#credits {
	margin-top:20px;
	float:none;
	font-size:14px;
}
#credits span, #credits a {
    color:#a9b1c1;
}
/* ====================================================== PODSTRONY ============================================== */

/*#credo {
  margin:0 10px 2em 10px;
  padding: 3em;
  text-align: center;
  font-size: 1.4em;
  background: #f5f5f5;
}
#credo h1, #credo h2 {
  font-size: 1.5em;
  font-weight: normal;
}
.news-show-more {
  margin: 0 0 50px 0;
}*/

#PAGE-HEADER {
  padding: 3em 0 2em 0;
  background: #f6f6f6; color: #013069;
}
#PAGE-HEADER h1 {
  margin: 0;
	color:#013069;
	font-weight: 300;
}
#CONTENT-WRAPPER {
	position: relative;
}
/* ============= Strona artykułu ========================== */
.article-img {
	max-width:35%;
	margin-right:30px;
	margin-bottom:-20%;
}
.no-img {
	width:35%;
	margin-right:30px;
}
.article-img:hover {
}
.text-wrapper {
	max-width: 100%;
  font-size: 1.15em;
  line-height: 1.55;
}
.article-content {
	margin-left:20%;
	position: relative;
	background:#f6f6f6;
	padding:75px 75px 75px 18%;
	z-index:-1;
	box-sizing: border-box;
	max-width:82%;
}
/* ============= Strona produktu ========================== */

.subcategory-box {
	width:55%;
	padding:35px;
	float:right;
	text-align: right;
}
.subcategory-box h2 {
	text-align: left;
	font-size:3.2em;
	font-weight:normal;
}
.subcategory-box .buttons-wrapper {
	float:right;
	width:70%;
}
.buttons-wrapper a {
	font-size:1.5em;
	transition:all 300ms;
	display:block;
	text-align: left;
	padding:0.2em 30px 0.2em 0;
	border-bottom:1px solid #eee;
	max-width:350px;
	
	position:relative;
}
.buttons-wrapper a i {
	font-size:0.8em;
	transition:all 300ms;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-10px;
	text-align: right;
}
.buttons-wrapper a:hover {
	margin-left:5px;
}
.img-category {
	margin-right:-100%;
	margin-top:130px;
	width:55%;
}
.product-page-right, .product-page-left {
	box-sizing: border-box;
	position: relative;
}
.product-page-left {
	width:45%;
	float:left;
}
.product-page-left img, .product-no-img {
	max-width:100%;
	box-sizing: border-box;
	border:10px solid #eee;
	padding:50px 0;
}
.product-no-img, .product-no-img .img-placeholder {
	min-height:300px;
}
.product-page-left .article-img {
	margin:0;
	float:none;
}
.product-page-right {
	width:50%;
	float:right;
}
.product-page-right .text-wrapper {
	padding-bottom:40px;
}
.specyfication-wrapper {
	padding-top:10%;
	margin-right:30%;
	position: relative;
}
.specyfication-wrapper .background-absolute {
	bottom:80px;
	top:0;
	height:auto;
}
.specyfication-wrapper .border-style {
	margin:0 -30% 0 10%;
	padding: 20px 30% 80px 30px;
}
.specyfication-wrapper h3 {
	font-size:1.8em;
}
.specyfication-wrapper table {
	width:100%;
}
.specyfication-wrapper td {
	width:50%;
	padding:2px;
	box-sizing: border-box;
	border-bottom:1px solid #ddd;
}
.specyfication-wrapper tr:last-child td {
	border-bottom:0;
}
.specyfication-wrapper td:first-child {
	font-weight: bold;
}
.add-to-cart-section {
	clear:both;
	margin-top:2em;
	padding-top:2em;
	border-top:1px solid #ddd;
	overflow: hidden;
}
.add-to-cart-container {
	float:left;
	width:500px;
	height:130px;
	overflow: hidden;
	position: relative;
}
.add-to-cart-container > div {
	box-sizing: border-box;
	position:absolute;
	top:0;
	bottom:0;
	width:500px;
}
.add-to-cart-wrapper {
	left:0;
	padding-top:15px;
}
#add-to-cart-success-message {
	left:-500px;
	z-index:2;
	background:#fff;
	transition:all 400ms;
	padding:10px;
}
#add-to-cart-success-message p {
	font-size: 1.1em;
	text-transform: uppercase;
	margin:0;
	padding-left:45px;
	position: relative;
}
#add-to-cart-success-message p:before {
	content:'';
	position: absolute;
	top:0;
	left:2px;
	background:url(graphics/ok-ico.png) no-repeat top center;
	height:20px;
	width:28px;
}
#add-to-cart-success-message.show-me {
	left:0;
}
.manufacturer {
	float:left;
	padding: 15px 40px 15px 0;
}
.manufacturer tr td {
	color:#999;
}
.manufacturer tr td:first-child {
	color:inherit;
	font-weight: bold;
	padding:5px 20px 5px 0;
}

.promo-price-box {
	position: absolute;
	top:-5px;
	left:20px;
	background:#ec1638;
	color:#fff;
	font-size:1em;
	text-transform: uppercase;
	text-align: center;
	padding:10px;
	line-height: 1.1;
}
.promo-price-box .promo-price {
	font-size:2em;
}
.wide {
	width:100% !important;
	float:none !important;
}
.info-box {
	position: absolute;
	bottom:-60px;
	left:0;
	right:0;
	z-index: 13;
	padding:0 30px;
}
.info-box .mb-header {
	background:#013069;
	padding:10px;
}
.info-box .mb-header h2 {
	margin:0;
	font-size:1.6em;
	color:#fff;
	font-weight: normal;
	text-transform: uppercase;
}
.categories_links_mod {
	padding-top:50px;
	clear:both;
}
.categories_links_mod .columns-x4 > div {
	padding:10px;
}
.categories_links_mod .columns-x4 {
	margin-left:-10px;
	margin-right:-10px;
}
.categories_links_mod .categories-box {
	background:#013069;
}
.categories_links_mod .categories-box a {
	padding:30px 15px 60px 15px;
	display:block;
	background:#013069;
	transition: all 300ms;
	position:relative;
}
.categories_links_mod .categories-box a:hover {
	background:#0160d3;
}
.categories_links_mod .categories-box a:hover .img {
	opacity:0;
}
.categories_links_mod .categories-box a:hover span {
	bottom:40%;
}
.categories_links_mod .categories-box .img {
	width:100%;
	padding:15px;
	box-sizing: border-box;
	text-align: center;
	transition:all 300ms;
}
.categories_links_mod .categories-box .img img {
	max-width:45px;
}
.categories_links_mod .categories-box a span {
	position:absolute;
	bottom:15px;
	left:0;
	right:0;
	color:#fff;
	display:block;
	text-align: center;
	padding:0 30px;
	transition:all 300ms;
	font-size:1.2em;
}
/* ============= Strona aktualności ========================== */
#NEWS-PAGE-CONTENT .tile {
  max-width: 800px;
}
/* ============= Moduły Kontaktu i Strona kontaktu ========================== */

/* ------------- contact-section-icon --------------- */
/* moduł kontaktu jako sekcja strony z ikonami */
.contact-section-icon a {
	text-decoration: none;
	color:inherit;
}
.contact-section-icon {
	padding:0;
}
.contact-section-icon > div {
	text-align: left;
	padding:0;
}
.contact-section-icon span {
	padding: 0 0px 0 30px;
	position: relative;
	font-size:1.8em;
	white-space: nowrap;
}
.contact-section-icon span.phone:before, .contact-section-icon span.email:before {
	content:'';
	position:absolute;
	left:0;
	top:1px;
	width:25px;
	height:25px;
}
.contact-section-icon span.phone:before {
	background: url(graphics/icon-tel.png) center top / cover;
}
.contact-section-icon span.email:before {
	background: url(graphics/icon-mail.png) center top / cover;
}
#BOTTOM .contact-section-icon span.phone:before {
	background: url(graphics/icon-tel-2.png) center top / cover;
}
/* ------------ */
.contact_data img {
	width:100%;
	max-width:300px;
}
.contact_data {
	font-size:1.1em;
}
.contact_data span {
	display:block;
}
.contact_data > span.company_name {
	font-size:1.2em;
	font-weight:bold;
}
.add_descr p {
	margin:0;
}
.contact-page .columns-x2 > div {
	padding:0 20px;
}
.columns-x2 .columns-x2 {
	border-top:2px solid #eee;
	padding-top:10px;
}
.columns-x2 .columns-x2 > div {
	padding:0;
}
#TOP-EXTENDED .contact_data {
	float:right;
	font-size:1rem;
	margin:7px 0 0 0;
	color:#fff;
}
#TOP-EXTENDED .contact_data span {
	display:inline-block;
	color:#d4d8e0;
	padding:0 10px;
}
#TOP-EXTENDED .contact_data a {
	color:#d4d8e0;
}
#contact-data {
  float: left;
}
#contact-form {
  border: solid 1px #eab4b4;
}

/* ======================================================== Konkretne elementy =============================== */
.controls a {
	text-transform: uppercase;
	transition:all 300ms;
}
.controls a i {
	transition:all 300ms;
}
.controls a:hover i {
	margin-left:5px;
}
/* -------------------- Przyciski -------------- */
.button, .buttons a {
	padding: 14px 20px 16px 20px;
  min-width: 0;
	color: #fff;
	line-height: 0.9;
  /*min-width: 10em;*/
  position: relative;
  font-size: 1rem;
	background: #014493;
  border: 0;
  transition: all 300ms;
	border-radius: 30px;
	text-transform: uppercase;
	letter-spacing: 2px;
	box-sizing: border-box;
}
:hover.button, .buttons a:hover {
	text-decoration: none;
	background:#013069;
}
.button.arrow {
	padding: 16px 45px 16px 20px;
}
.button.arrow:hover:after, .button.submit-def:hover:before {
	width:35px;
	right:15px;
}
.button.arrow:after, .button.submit-def:before {
	content: '';
	position:absolute;
	top:8px;
	right:20px;
	background:url(graphics/right-arrow.png) no-repeat top 8px center;
	margin:-7px -15px -7px 0;
	height:40px;
	width:30px;
	border-left:1px solid #3469a9;
	transition:all 300ms;
}
.button.submit-def {
	height:43px;
	padding:0;
	width:36px;
	top:17px;
}

.buttons-pill {
  margin-right: 1em;
	float:left;
}
.add-to-cart-wrapper .buttons-pill {
	margin-top:13px;
}
.buttons-pill>span {
  margin: 0;
  padding: 8px;
  min-height: 42px;
  box-sizing: border-box;
  display: block;
  float: left;
  border-radius: 30px;
  
  -webkit-touch-callout: none; 
  -webkit-user-select: none; 
  -khtml-user-select: none; 
  -moz-user-select: none; 
  -ms-user-select: none; 
   user-select: none; 
}
.buttons-pill .place-holder {
  border-radius: 0;
  min-width: 42px;
  text-align: center;
  background: #eeeeee;
}
.buttons-pill input.place-holder {
  width: 61px;
  height: 42px;
  padding-left: 8px;
  padding-right: 8px;
  display: block;
  float: left;
  margin: 0;
  border: 0 none;
}
.buttons-pill .button:first-child {
  border-radius: 30px 0 0 30px;
  padding: 12px 10px 0 15px;
  font-size: 19px;
  font-weight: bold;
}
.buttons-pill .button:last-child {
  border-radius: 0 30px 30px 0;
  padding: 12px 15px 0 10px;
  font-size: 19px;
  font-weight: bold;
}
/* ------------------- Gallery ------------------ */ 
ul.gallery{
  
}
ul.gallery li {
  margin: 0 20px 20px 0;
	/*filter: grayscale(100%);*/
	transition:all 300ms;
}
ul.gallery li a {
	position: relative;
}
ul.gallery li:hover {
	/*filter: grayscale(0%);*/
}
ul.gallery li a:before {
		background: rgba(0,0,0,0.4);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
		width:0;
		transition: width 300ms;
}
ul.gallery li a:after {
		content: "";
    position: absolute;
		
		background: url(graphics/lupa-ico.png) no-repeat top center;
    
		top: 50%;
		margin-top:-25px;
		left: 50%;
		margin-left:-25px;

		width:50px;
		height:50px;
		transition: all 300ms;
		opacity:0;
}
ul.gallery li a:hover:before {
	width:100%;
}
ul.gallery li a:hover:after {
	opacity:0.6;
}
/* ------------- Content Block ------------------------ */
.content_block .container {
	padding:0;
}
.content_block.module_block {
  margin:2em 0;
}
.content_block.module_block.float-fullsize {
  padding: 4em 0;
}
.float-left {
	float:left;
	padding-right:1em;
}
.float-right {
	float:right;
	padding-left:1em;
}
/* --------------------- */
.text-module > div {
	float:left;
	width:50%;
	box-sizing: border-box;
}
.text-module .text-wrapper {
	padding-right:30px;
}
.content-blocks-module {
	float:right;
	width:50%;
	padding-left:30px;
}
.text-photo img {
	float:right;
	padding-top:8px;
	padding-left:30px;
	padding-bottom:30px;
	max-width:360px;
}
/* ------------- tabele ------------------------ */
.text-wrapper table {
	width:100%;
	max-width:800px;
	border-left:1px solid #ddd;
	border-top:1px solid #ddd;
}
.text-wrapper table tr td,.text-wrapper table tr th {
	padding:10px;
	text-align:center;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.text-wrapper table tr th {
	background: #013069;
	color:#fff;
}
.text-wrapper table tr:nth-child(odd) {
	background:#eee;
}

/* ------------- Module ------------------------ */
.module {
  margin-bottom: 1em;
}
#SECONDARY-CONTENT .module {
  padding-bottom: 1em;
  border-bottom: solid 1px #ccc;
}
#SECONDARY-CONTENT .module:last-child {
  border-bottom: none;
}

/* --------------- multiblocks ---------------- */
.mb-header, .mb-footer {
}
.mb-footer {
	text-align: center;
}
.mb-footer .button {
	margin: 0;
}
/* ------------------- CARD ----------------------- */
.img-placeholder {
	background-color:transparent;
}
[data-grid="card"] { /* kolumny z kartami maja ujemny margines rowny marginesom kart - aby wyrownac je do brzegu containera */
  margin-left: -10px;
  margin-right: -10px;
}
.card {
  margin: 0 0 10px 0;
  padding: 0px 10px 3rem 10px;
  min-height: 350px;
}
.card h3 {
	color:#000;
	min-height:3.5em;
}
.card .thb .img-placeholder {
	/*padding-bottom: 52.5%;*/ /* proporcje jak zdjęcie */
	padding-bottom: 100%;
	background-color:transparent;
}
.card .thb {
		position:relative;
}
.card .thb:before {
		content: "";
		position: absolute;
		bottom: 0;
    right: 0;
		left:0;
		top:0;
		opacity:0;
		background: rgba(1,96,211,0.8);
		transition: all 500ms;
}
.card .thb:after {
		content: "";
    position: absolute;
		
		background: url(graphics/plus-ico.png) no-repeat top center;
    
		top: 50%;
		margin-top:-30px;
		left: 50%;
		margin-left:-50px;

		width:100px;
		height:61px;
		transition: all 500ms;
		opacity:0;
}
.card .thb:hover:before {
		opacity:1;
}
.card .thb:hover:after {
	opacity:0.7;
}
.card .thb:hover {
	
}
.card .content {
  padding: 10px 2px 0 2px;
	overflow: hidden;
}
.card .updated {
  margin: 4px 0;
  font-size: 1em;
}
.card .controls {
  text-align: right;
  bottom: 0px; left: 2px; right: 2px;
}
.card .controls .button {
  display: inline;
  padding: 0;
  border: 0;
  background: 0;
  text-decoration: underline;
  color: #ff530d;
  font-size: 1.143rem;
}

/* --------------- Tile ----------------------------*/
.tile {

}
.tile .thb {
  width: 190px;
}
.tile .content {
  padding: 15px 30px;
}
.start .tile .controls {
    position: relative;
		padding-top:45px;
		text-align: left;
}
.tile .controls {
	color:#000;
	font-weight: bold;
}
.tile .controls i {
	color:#024490;
}

/* ----------------- Icon-Card -------------------- */
/*.icon-card {
  min-height: 28em;
}
.icon-card .button {
  font-weight: bold;
  background: none;
  border: solid 2px #fff;
}*/
/* --------------- Icon-Tile ----------------------------*/
.icon-tile {
  margin: 0;
  padding: 30px 50px 30px 30px;
	z-index: 13;
  /*overflow: hidden;*/
	background:#eee url(graphics/strzalka-big.png) no-repeat right top 50%;
	border-bottom:1px solid #ddd;
	position: relative;
}
.icon-tile .icon {
  margin: 6px 0px;
  width: 65px;
  height: 65px;
	padding:15px;
	border-radius:70px;
	border:0px solid #0160d4;
	box-sizing: border-box;
	background: #0160d3;
}
.icon-tile .thb {
	
}
.icon-tile .content {
	margin:0;
	padding-left:1.5em;
}
.icon-tile .content h3 {
  margin-bottom: 0;
	text-transform: uppercase !important;
	color:#000;
}
.icon-tile .content p {
	font-size:0.9em;
	color:#666;
	margin-top: 10px;
}
#PROMO-TOP div[data-grid="icon-tile"] > div:last-child .icon-tile {
	background:#eee;
}
/* ------------------------ breadcrumps ------------------------ */
.breadcrumps {
  margin-bottom: 5px;
}
.breadcrumps, .breadcrumps a {
  text-transform: uppercase;
  font-size: 1rem;
  color: #92a1aa;
}
.breadcrumps .n-ico {
	font-size:0.6em;
}
/* ------------------------ social icons ----------------------- */
.social-icon {
  background: none;
  transition: background 150ms;
	width:30px;
	height:30px;
}
.social-icon:hover {
  background: none;
  opacity: 1;
}
/* ----------------- Social links ----------------- */
#MAIN-BANNER .social_links {
  /*margin-top: -10px;*/
  text-align: center;
  z-index: 10;
  position: relative;
  overflow: visible;
  height: 0;
  top: -70px
}
#MAIN-BANNER .social_links ul {
  margin: 0 auto;
}
/* ----------------- Social sharing ----------------- */
.social_sharing {
  margin: 3em 0;
}
.social_sharing .social_sharing_title {
  margin-right: 35px;
  padding: 0 2em;
  height: 40px;
  float: left;
  line-height: 40px;

  box-sizing: border-box;
  color: #fff;
  overflow: visible;
  position: relative;
  background: #434a4d;
}
.social_sharing .social_sharing_title:after {
  content: "";
  display: block;
	width: 0; 
	height: 0;
  display: block;
  position: absolute;
  right: -20px; top: 0;
  border-right: 0  none !important;
	border-top: 20px solid transparent !important;
	border-bottom: 20px solid transparent !important;
	border-left: 20px solid #434a4d;
}
.social_sharing .social-icon {
}
/* ---------------flags ------------------------ */
#choose_lang {
  position: fixed;
  top: 0; right: -80px; bottom: 0;
  width: 80px;
  transition: right 200ms;
  display: block;
}
#choose_lang.show-me {
  right: 0;
}
/* ----wygląd flag na liście --- */
.flags li {
  padding: 5px 3px;
  width: 45px;
}
.flags li:hover, .flags li.urhere {
  padding: 2px 0px;
  width: 51px;
}
/* ============= Pozostałe =============================== */

.send-email { /* przycisk wysylania emaili z koperta */
	
}
.warning {
    color: #f00;
    font-weight: bold;
  }
.alert, .flash-alert {
    padding: 10px 5px;
    color: #555;
    background: #fffbba;
    border-top: solid 3px #fbf554;
    border-bottom: solid 3px #fbf554;
  }
.google-search {
  width: 290px;
  height: 25px;
  position: absolute;
  top: 25px;
  right: 15px;
  /*background: #f0f;*/
}
.flags {
	float:right;
	opacity:0.8;
}
.flags .current_lang {
	width:25px;
	margin:19px 17px 0 0;
}
.flags .current_lang a img {
	filter: grayscale(100%);
	transition:all 300ms;
}
.flags .current_lang a:hover img {
	filter: grayscale(0);
}
.footer_link {
	margin:0 2em !important;
	float:right;
	margin-right:1em;
}
.footer_link ul {
	margin:0;
	list-style:none;
}
.footer_link ul li {
	margin:0;
	float:left;
	border-right:1px solid #737b7f;
	padding:0 2em;
}
.footer_link ul li a {
	color:#737b7f;
	text-decoration: none;
}
.footer_link ul li a:hover {
	text-decoration: underline;
}
.back-to {
	text-align: left;
	border-top:2px solid #efefef;
	clear:both;
	margin-top:2em;
}

.inside-button ul li:last-child {
	margin-right:-40px;
}
.inside-button .submit-area, .inside-button ul {
	display:inline-block;
}
.inside-button .submit-area .button {
	border-radius: 0 24px 24px 0;
	margin:0;
}
/* ================================= Formularze =============================== */
.inside-button li {
	width:250px;
	list-style:none !important;
	margin-left:0;
}
.columnform li {
	margin:10px 0;
}
input, select, .select {
	position: relative;
	background:#fff;
	border:1px solid #b2b2b2;
	border-radius: 24px;
	padding:10px 45px 10px 15px;
	width:100%;
	max-width:420px;
	color:#62615f;
	font-weight:bold;
	font-size:0.9rem;
	transition:all 300ms;
	margin:5px 0;
	vertical-align:middle;
	height:43px;
}
input[type="number"] {
	padding:10px 15px 10px 15px;
	width:100px;
}
input[type="number"]:focus {
	padding:10px 15px 10px 15px;
	width:100px;
}
input:focus, select:focus {
	background:#efefef;
	padding:10px 45px 10px 18px;
}
span input, span select {
	margin:0;
}
select option {
	background:#fdf;
}
/* --- input type=radio, input type=checkbox --- */
input[type="checkbox"] + label, input[type="radio"] + label {
  padding: 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  cursor: pointer;
  text-align: left !important;
  margin: 10px 0;
	text-transform: none;
	max-width:420px;
	}
input[type="checkbox"] + label > *, input[type="radio"] + label > * {
  flex:1;
}
input[type="checkbox"] + label::before {
  content: '\a0';
  display: inline-block;
  vertical-align: 0.2em;
  width: 18px;
  max-width:18px;
	min-width: 18px;
  height: 18px;
  margin-right: 10px;
  margin-top: 2px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  text-indent: 0.15em;
  line-height: 1;
  color: #fff;
  font-size: 17px; }

input[type="checkbox"]:checked + label::before {
  content: '\2713';
  background: #013069; }

input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0); }

input[type="radio"] + label::before {
  content: '\a0';
  display: inline-block;
  vertical-align: 0.2em;
  width: 18px;
  max-width:18px;
  height: 18px;
  margin-right: 10px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 100%;
  text-indent: 0.15em;
  line-height: 1;
  color: #fff;
  font-size: 17px; }

input[type="radio"]:checked + label::before {
  content: '\2713';
  background: #013069; }

input[type="radio"] {
  position: absolute;
  clip: rect(0, 0, 0, 0); }
span.rodo {
	font-size:0.8rem;
}
/* ================= formularze ================ */
input, select, textarea, .input-placeholder, .input-combo, .select {
	margin:2px 0;
	border:0px solid #ddd;
	background:#eee;
	border-radius: 24px;
	width:100%;
	max-width:420px;
}

/* ================= formularze nowe ================ */
input[placeholder], [placeholder], *[placeholder], .select-placeholder {
	color:#333 !important;
}
.select-placeholder {
	opacity:0.5;
}
.select select {
	margin:0 !important;
}

/* ----- select ----- */
.s-hidden {
    visibility:hidden;
    padding-right:10px;
}
.select {
    cursor:pointer;
    display:inline-block;
    position:relative;
		text-align:left;
/*    font:normal 11px/22px Arial, Sans-Serif;*/
/*    color:black;*/
    border:1px solid #ccc;
		box-sizing: border-box;
		height:40px;
		width:420px;
}
.styledSelect {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    /*background-color:white;*/
    padding:10px 12px;
    font-weight:normal;
		border-radius: 24px;
}
.styledSelect:after {
    content:"";
    width:0;
    height:0;
    border:5px solid transparent;
    border-color:black transparent transparent transparent;
    position:absolute;
    top:16px;
    right:10px;
}
.styledSelect:active, .styledSelect.active {
    background-color:#eee;
}
.options {
    display:none;
    position:absolute;
    top:100%;
    right:0;
    left:0;
    z-index:999;
    margin:0 0;
    padding:0 0;
    list-style:none;
    border:1px solid #ccc;
    background-color:white;
    -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
}
.options li {
    padding:0 6px;
    margin:0 0;
    padding:0 10px;
}
.options li:hover {
    background-color:#39f;
    color:white;
}

/* POPUP KMS-GLOBAL */
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
.popup-window-overlay {
  display: none;
  
  align-items: center;
  justify-content: center;
  
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 200;
	background: rgba(0, 0, 0, 0.3);
}

.popup-window-overlay.show-me {
  display: flex;
}
.popup-window {
  width: 800px;
  height: 400px;
  max-width: 90vw;
  max-height: 90vh;
  
  position: relative;
  
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  
  z-index: 201;
  
  background-color: #ddd;
  background-image: url('graphics/popup-kms.jpeg');
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
  
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.popup-window .content {
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  padding: 30px 30px 30px 60px;
  color: #3a3a3a;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
}
.popup-window .content h2 {
  color: #3a3a3a;
  text-align: left;
  padding: 0;
  font-size: 2.3rem;
  margin-bottom: 0.3em;
	text-shadow: 0 0 1px rgba(0,0,0,0.5);
}
.popup-window .content > div {
  max-width: 450px;
}
.popup-window .close {
  position: absolute;
  top:0;
  right:0;
  width: 30px;
  height: 30px;
  background: #013069;
  
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
	cursor: pointer;
}
.popup-window .controls {
  position: relative;
  bottom: 0;
  left:0;
  right:0;
  text-align: left;
  justify-content: flex-start;
  padding: 15px 0 6px 0;
}
.popup-window .controls .button {
  margin:0;
}