@charset "utf-8";

/* DEFAULTS ################################################################### */
*, *::before, *::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.clearfix::after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: block;
	width: auto;
}

html,
body {
	box-sizing: border-box;
	background-color: #fff;
	margin: 0;
	padding: 0;
	line-height: 1.3;
	cursor: default;
	color: #000;
	font-size: 16px;
	font-weight: 400;
    font-family: 'Poppins', sans-serif; 
}

p {
	margin: 15px 0;
}

a {	
	text-decoration: none;
	color: #15b4eb;
	cursor: pointer;
	-moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

a:hover {
	cursor: pointer;
}

a:active, a:focus {outline: 0;}
a:link, a:visited {outline: 0;}

:focus {outline:none;}
::-moz-focus-inner {border:0;}

a img {	
	border: none;
}

img {
	border: none;
	vertical-align: middle;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

form {
	margin: 0;
	padding: 0;
	width: 100%;
}

hr {
	display: block;
	border: 0;
	height: 1px;
	background-color: #ccc;
}

input[type="input"] {
	-webkit-appearance: textfield;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

.header-bg,
.footer-bg {
	position: absolute;
	min-height: 100%;
	width: 100%;
}

.header-bg {
	position: absolute;
	z-index: 0;
	height: 1000px;
	top: 0;
	left: 0;
	background: url(images/header_bg.svg) center top no-repeat;
}

/* SETUP ################################################################### */
header,
footer {
	display: block;
	position: relative;
	width: 100%;
	overflow: hidden;
}

.container {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	padding: 0 180px;
	position: relative;
	overflow: hidden;
}

.section-title {
	display: block;
	margin-top: 0;
	padding-top: 0;
	clear: both;
	overflow: hidden;
}

.section-title h1 {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 60px;
	font-weight: 700;
	text-transform: uppercase;
}

.section-title .sep {
	margin-top: 10px;
	display: block;
	width: 100px;
	height: 5px;
	background-color: #000;
}

.not-found {
	margin: 200px 0;
	text-align: center;
}

.not-found h1 {
	font-size: 80px;
	font-weight: 700;
}

.not-found h2 {
	margin: 30px 0 0 0;
}


/* ------------------------------------------------------------- */
/* HEADER
/* ------------------------------------------------------------- */
header {
	height: 160px;
	position: fixed;
	z-index: 5;
	opacity: 1;
	overflow: visible;
	transition: ease 0.2s;
}

header .container {
	overflow: visible;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	position: relative;
	width: 100%;
}

header .logo {
	display: block;
	width: auto;
	height: auto;
	margin: 55px 0 0 0;
}

header .logo .menu-logo {
	display: block;
}

header .logo .menu-icon {
	display: none;
}

.toggle-nav {
	display: none;
	width: 42px;
	height: 32px;
	position: relative;
	top: 63px;
	background-image: url("images/menu_nav_open.svg");
	background-repeat: no-repeat;
	background-position: center center;
}

.toggle-nav:hover {
	cursor: pointer;
}

.menu-close-icon {
	background-image: url("images/menu_nav_close.svg");
}

header nav {
	margin: 0;
	display: block;
	width: 100%
}

header nav ul {
	display: flex;
	justify-content: space-between;
	padding-left: 10%;
}

header nav ul li {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	height: 160px;
	text-align: left;
}

header nav ul li:hover,
header.scroll nav ul li.current a {
}

header nav ul li a {
	padding: 69px 25px;
	display: block;
	color: rgba(255, 255, 255, 1);
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	white-space: nowrap;
}

header nav ul li a.lang {
	padding: 63px 25px;
}

.dropdown-lang ul li a {
	text-align: left !important;
	padding: 20px 25px !important;
}

header nav ul li a.lang span,
.dropdown-lang span,
.subMenu li a span {
	margin: 0 0 0 10px;
	top: 1px;
	position: relative;
}

header nav a img {
	transform: scale(0.75);
	transition: all 0.2s ease-out 0s;
}

header nav a:hover > img {
	transform: none;
}

header nav ul li.current .bottomline {
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	background-color: #fff;
	bottom: 0;
}

header .container .header-bottomline {
	width: calc(100% - 360px);
	height: 2px;
	background: rgba(255, 255, 255, 0.2);
	position: absolute;
	top: 158px;
	display: block;
}

header.header-fade nav ul li a {
	color: rgba(255, 255, 255, 0.5);
}

header.header-fade nav ul li.current a,
header.header-fade nav ul li a:hover {
	color: rgba(255, 255, 255, 1);
}

header.header-fade nav ul li:hover {
	background: linear-gradient(#0000, #000F);
}

.subMenu {
	display: none;
}

.dropdownMenu {
	clear: both;
	display: none;
	width: auto;
	position: relative;
	z-index: 6;
	padding: 0 0 0 0;
}

.show-dropdown-menu {
	display: block;
}

.dropdownMenu ul {
	margin: 0;
	padding: 0;
	position: absolute;
	display: block;
	min-width: 100%;
	background-color: #000;
}

.dropdownMenu ul li {
	margin: 0;
	padding: 0;
	float: none;
	height: auto;
}

.dropdownMenu ul li a {
	padding: 20px 10px;
	margin: 0;
	display: block;
	height: auto;
	text-align: center;
	cursor: pointer;
	font-weight: 600;
	font-size: 12px;
	text-transform: uppercase;
}

.dropdownMenu ul li a:hover {
	cursor: pointer;
	opacity: 1;
}

.gap {
	display: block;
	width: 100%;
	height: 160px;
}

header.scroll {
	height: 100px;
	background-color: #000;
}

header.scroll .logo {
	margin: 25px 0 0 0;
	transform: translateX(-10%) scale(0.8);
}

header.scroll nav ul li {
	height: 100px;
}

header.scroll nav ul li a {
	padding: 40px 25px;
}

header.scroll nav ul li a:hover {
	color: #15b4eb !important;
}

header.scroll nav ul li a.lang {
	padding: 34px 25px;
}

header.scroll nav .dropdownMenu ul {
	background-color: #000;
}

header.scroll nav .dropdownMenu ul li {
	height: auto;
}

header.scroll nav .dropdownMenu ul li a {
	padding: 20px 10px;
	color: #fff;
}

header.scroll nav .dropdownMenu ul li a:hover {
	color: #15b4eb;
}

header.scroll .toggle-nav {
	top: 33px;
}

header.scroll .container .header-bottomline {
	display: none;
}



/* ------------------------------------------------------------- */
/* INFO
/* ------------------------------------------------------------- */
.info {
	display: block;
	margin-top: 100px;
}

.info p {
	color: #fff;
	font-size: 48px;
	font-weight: 100;
	line-height: 70px;
}

.info a {
	display: block;
	margin-top: 50px;
	padding: 25px;
	max-width: 350px;
	border-radius: 5px;
	background-color: #000;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
}

.info a:hover {
	background-color: #fff;
	color: #15b4eb;
}


/* ------------------------------------------------------------- */
/* O FIRMIE
/* ------------------------------------------------------------- */
section#about {
	position: relative;
}

section#about .section-title {
	padding-top: 100px;
	text-align: right;
}

section#about .section-title .sep {
	float: right;
}

.lead {
	display: block;
	margin-top: 100px;
	width: 100%;
	overflow: hidden;
	clear: both;
}

.lead p {
	text-align: right;
	font-size: 30px;
	font-weight: 200;
	line-height: 1.75;
	width: 66.666%;
	float: right;
}

.timeline {
	margin-top: 100px;
	position: relative;
	overflow: hidden;
	clear: both;
	display: flex;
	flex-wrap: wrap;
}

.timeline .timeline-item {
	width: 50%;
	position: relative;
}

.timeline .timeline-item .sep {
	width: 200px;
	height: 2px;
	background-color: #ccc;
	display: block;
	position: absolute;
}

.timeline .timeline-item h3 {
	margin: 0;
	padding: 30px 50px;
	font-size: 36px;
	font-weight: 600;
}

.timeline .timeline-item p {
	margin: 0 0 100px 0;
	padding: 0 50px;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.5;
}

.timeline .left {
	text-align: right;
	float: left;
	top: -150px;
}

.timeline .left .sep {
	right: 0;
}

.timeline .right {
	text-align: left;
	float: right;
	border-left: solid 2px #ccc;
}

.timeline .right .sep {
	left: 0;
}


/* ------------------------------------------------------------- */
/* NASZE MARKI
/* ------------------------------------------------------------- */
section#brands {
	padding-bottom: 200px;
	position: relative;
	background: url(images/bg_white1.svg) center top no-repeat #000;
}

section#brands .section-title {
	padding-top: 500px;
	color: #fff;
}

section#brands .section-title .sep {
	background-color: #fff;
}

.slick-track {
    margin: auto;
}

.slider-nav {
	margin-top: 100px;
	display: flex;
	flex-wrap: wrap;
}

.slider-nav .slider-nav-item {
	width: 25%;
	padding: 0;
	border-right: solid 1px #333;
}

.slider-nav .slider-nav-item:last-of-type {
	border: none;
}

.slider-nav .slider-nav-item a {
	display: block;
	padding: 25px 0;
	opacity: 0.3;
	text-align: center;
}

.slider-nav .slider-nav-item a:hover,
.slider-nav .slider-nav-item a.current {
	opacity: 1 !important;
}

.slider-nav .slider-nav-item img {
	max-height: 64px;
	margin: 0 auto;
}

.slider-content {
	margin: 0 auto;
	margin-top: 200px;
	width: 75%;
}

.slider-content .content-item {
	display: flex !important;
	color: #fff;
}

.slider-content .content-item .item-image {
	margin: 0 100px 0 0;
}

.slider-content .content-item .item-image img {
	min-height: 128px;
}

.slider-content .content-item .item-text {
	font-size: 30px;
	font-weight: 100;
	line-height: 1.5;
}


/* ------------------------------------------------------------- */
/* NASZE SKLEPY
/* ------------------------------------------------------------- */
section#stores {
	position: relative;
	background-color: #000;
}

section#stores .section-title {
	margin-top: 150px;
	color: #fff;
}

section#stores .section-title .sep {
	background-color: #fff;
}

.store-container {
	display: flex;
	margin-top: 200px;
}

.store-container .store-info {
	width: 25%;
	margin: 0 150px 50px 0;
}

.store-container .store-info p {
	margin-top: 0;
	color: #fff;
	font-size: 36px;
	font-weight: 200;
	line-height: 1.5;
}

.store-container .store-info a {
	display: block;
	margin-top: 50px;
	padding: 25px;
	max-width: 350px;
	border-radius: 5px;
	background-color: #15b4eb;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
}

.store-container .store-info a:hover {
	background-color: #fff;
	color: #15b4eb;
}

.store-container .store-image {
	width: 50%;
}

.store-container .store-image img {
	width: 100%;
}


/* ------------------------------------------------------------- */
/* ODDZIAŁY
/* ------------------------------------------------------------- */
section#divisions {
	position: relative;
	background: url(images/bg_black1.svg) center top no-repeat #ebebeb;
}

section#divisions .section-title {
	padding-top: 500px;
	text-align: right;
}

section#divisions .section-title .sep {
	float: right;
}

.divisions-container {
	margin-top: 200px;
}

.divisions-item {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	align-items: flex-start;
}

.divisions-container .pl {
	width: 100%;
}

.divisions-container .de {
	justify-content: right;
	margin-top: 100px;
}

.divisions-container .pl .text {
	width: 50%;
}

.divisions-container .de .text {
	width: 25%;
}

.divisions-item .text h3 {
	font-size: 48px;
	font-weight: 600;
	margin: 0 0 20px 0;
	padding: 0;
}

.divisions-item .text p {
	font-size: 24px;
	line-height: 1.75;
	font-weight: 200;
}

.divisions-item .text span {
	font-size: 18px;
	white-space: nowrap;
}

.divisions-item .text span::before {
	content: "\f3c5";
	font-family: FontAwesome;
	display: inline-block;
	margin-right: 10px;
	color: #15b4eb;
}

.divisions-item .gallery {
	margin: 0 100px 0 0;
	width: 50%;
	height: auto;
	display: block;
}

.divisions-item .gallery img {
	width: 100%;
	filter: grayscale(100%);
}

.divisions-item .gallery a {
	display: block;
	width: 100%;
	height: 300px;
	background-color: #ccc;
}



/* ------------------------------------------------------------- */
/* contact
/* ------------------------------------------------------------- */
section#contact {
	position: relative;
	background: url(images/bg_gray1.svg) center top no-repeat #fff;
}

section#contact .section-title {
	padding-top: 500px;
}

section#contact .contact-data {
	display: block;
	position: relative;
	float: left;
	width: 33.333%;
	margin-top: 150px;
	padding: 0;
	font-weight: 300;
}

section#contact .contact-data p.primary-info {
	font-size: 24px;
	line-height: 40px;
}

section#contact .contact-data .sep {
	margin: 50px 0;
	display: block;
	width: 100px;
	height: 2px;
	background-color: #ccc;
}

section#contact .contact-data p.secondary-info {
	font-size: 18px;
}

section#contact .contact-data p.secondary-info a {
	color: #15b4eb;
}

section#contact .contact-data p.secondary-info a:hover {
	text-decoration: underline;
}

section#contact .contact-form {
	display: block;
	position: relative;
	float: left;
	width: 66.666%;
	margin-top: 150px;
	padding: 0;
}

section#contact .contact-form p {
	padding: 0 0 0 50px;
	font-size: 24px;
	line-height: 40px;
	font-weight: 300;
}

section#contact .contact-form .form-input,
section#contact .contact-form .form-textarea {
	display: block;
	padding: 25px 0 25px 50px;
	position: relative;
}

section#contact .contact-form .form-input {
	float: left;
	width: 50%;
}

section#contact .contact-form .form-textarea {
	clear: both;
	width: 100%;
}

section#contact .contact-form form input,
section#contact .contact-form form textarea {
	display: block;
	padding: 21px 30px;
	width: 100%;
	background-color: #ebebeb;
	font-family: 'Poppins', sans-serif;
	font-size: 18px;
	font-weight: 300;
	transition: ease 0.3s;
}

::placeholder {
	color: #999;
}

section#contact .contact-form form textarea {
	height: 300px;
}

section#contact .contact-form form input,
section#contact .contact-form form textarea {
	outline: none;
	border-radius: 5px;
}

section#contact .contact-form form input:hover,
section#contact .contact-form form textarea:hover,
section#contact .contact-form form input:focus,
section#contact .contact-form form textarea:focus {
	color: #000;
}

section#contact .contact-form .form-submit {
	width: 50%;
	padding: 25px 0 25px 50px;
	float: left;
	display: block;
	clear: both;
}

section#contact .contact-form form input.submit {
	display: block;
	width: 100%;
	border: none;
	background-color: #000;
	font-weight: 600;
	font-size: 24px;
	text-transform: uppercase;
	color: #fff;
	height: 80px;
	transition: ease 0.3s;
}

section#contact .contact-form form input.submit:hover {
	background-color: #15b4eb;
	cursor: pointer;
}

/* CONTACT FORM CONTROL VALIDATION
/* --------------------------------------------------------------- */
section#contact .form-control input,
section#contact .form-control textarea {
	border: 2px solid #ebebeb;
}

section#contact .form-control.error input,
section#contact .form-control.error textarea {
	border-color: #e74c3c;
}

.form-control i {
	visibility: hidden;
	position: absolute;
	top: 50px;
	right: 30px;
	font-size: 22px;
}

.form-control.error i.fa-exclamation-circle {
	color: #e74c3c;
	visibility: visible;
}

.form-control small {
	color: #e74c3c;
	position: relative;
	top: 5px;
	visibility: hidden;
}

.form-control.error small {
	visibility: visible;
}

section#contact .contact-form .message {
	margin: 50px 0 0 50px;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
}

section#contact .contact-form .message i {
	margin: 0 5px 0  0;
}

section#contact .contact-form .message-success {
	width: 100%;
	color: #fff;
	padding: 25px;
	border-top: 2px solid #2ecc71;
	background-color: #2ecc71;
	border-radius: 5px;
}

section#contact .contact-form .message-error {
	width: 100%;
	color: #fff;
	padding: 25px;
	border-top: 2px solid #e74c3c;
	background-color: #e74c3c;
	border-radius: 5px;
}



/* --------------------------------------------------------------- */
/* FOOTER
/* --------------------------------------------------------------- */
footer {
	display: block;
	position: relative;
	width: 100%;
	height: 500px;
	background: url(images/footer_bg.svg) center bottom no-repeat;
}

footer .footer-logo {
	display: block;
	width: 140px;
	height: 192px;
	margin: 0 auto;
	position: relative;
	margin-top: 100px;
}

footer .copyright {
	display: block;
	margin-top: 151px;
	float: left;
	font-size: 11px;
	text-transform: uppercase;
}

footer .copyright span {
	margin: 0 10px;
}

footer .copyright a {
	color: #000;
}

footer .copyright a:hover {
	text-decoration: underline;
}

footer .footer-nav {
	margin-top: 146px;
	display: block;
	float: right;
	width: 60%;
}

footer .footer-nav ul {
	display: flex;
	justify-content: space-between;
}

footer .footer-nav ul li {
	text-align: right;
}

footer .footer-nav ul li a {
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}

footer .footer-fade ul li a {
	color: rgba(255, 255, 255, 0.5);
}

footer .footer-fade ul li a:hover {
	color: rgba(255, 255, 255, 1);
}

/* --------------------------------------------------------------- */
/* COOKIES POLICY / POPUP
/* --------------------------------------------------------------- */
#cookies-baner {
	z-index: 99;
	position: fixed;
	display: none;
	width: 100%;
	padding: 20px 50px;
	bottom: 0;
	background-color: #fff;
	box-shadow: 0 0 100px #0006;
	flex-wrap: nowrap;
}

#cookies-baner p {
	margin: 0 50px 0 0;
	position: relative;
	font-size: 12px;
}

#cookies-baner p a {
}

#cookies-baner p a:hover {
	text-decoration: underline;
}

#cookies-baner button {
	display: block;
	outline: none;
	border: none;
	background-color: #15b4eb;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
	padding: 20px 50px;
	border-radius: 5px;
	transition: all 0.2s ease-out 0s;
}

#cookies-baner button:hover {
	background-color: #000;
	color: #15b4eb;
	cursor: pointer;
}

.wrap {
	display: none;
	position: fixed;
	right: 0;
	bottom: 0;
	top: 0;
	left: 0;
	z-index: 998;
	max-height: 100%;
	max-width: 100%;
	background-color: rgba(0, 0, 0, 0.8);
}

.show-wrap {
	display: flex;
	align-items: center;
}

.box {
	position: relative;
	margin: 100px auto;
	background-color: #fff;
	vertical-align: middle;
	border-radius: 8px;
	display: block;
	z-index: 9999;
	white-space: normal;
	overflow: auto;
	width: 75%;
	height: 90%;
	box-shadow: 0px 15px 100px rgba(0, 0, 0, 1);
}

#close-box {
	display: block;
	padding: 5px;
	position: absolute;
	right: 50px;
	top: 50px;
	font-size: 36px;
}

.box-content {
	padding: 100px;
	height: calc(100% - 50px);
	overflow: auto;
}

.box-content h1 {
}

.box-content h2 {
	margin-top: 50px;
	font-size: 18px;
}

.box-content {
	font-size: 14px;
}

.box-content ol {
}

.box-content ol li {
	line-height: 1.5;
	font-size: 14px;
	margin: 10px 0;
	padding-left: 10px;
}

.box-content ol li ol {
	list-style: lower-alpha;
}

.box-content ol li ol li {
}