/*!
 * qTip2 - Pretty powerful tooltips - v2.0.1-4-g
 * http://qtip2.com
 *
 * Copyright (c) 2013 Craig Michael Thompson
 * Released under the MIT, GPL licenses
 * http://jquery.org/license
 *
 * Date: Fri Jan 4 2013 04:05 GMT+0000
 * Plugins: svg ajax tips modal viewport imagemap ie6
 * Styles: basic css3
 */

/* Core qTip styles */
.qtip, .qtip{
	position: absolute;
	left: -28000px;
	top: -28000px;
	display: none;

	max-width: 280px;
	min-width: 50px;

	direction: ltr;
}

	.qtip-content{
		position: relative;
		padding: 5px 9px;
		overflow: hidden;

		text-align: left;
		word-wrap: break-word;
	}

	.qtip-titlebar{
		position: relative;
		padding: 5px 35px 5px 10px;
		overflow: hidden;

		border-width: 0 0 1px;
		font-weight: bold;
	}

	.qtip-titlebar + .qtip-content{ border-top-width: 0 !important; }

	/* Default close button class */
	.qtip-close{
		position: absolute;
		right: -9px; top: -9px;

		cursor: pointer;
		outline: medium none;

		border-width: 1px;
		border-style: solid;
		border-color: transparent;
	}

		.qtip-titlebar .qtip-close{
			right: 4px; top: 50%;
			margin-top: -9px;
		}
	
		* html .qtip-titlebar .qtip-close{ top: 16px; } /* IE fix */

		.qtip-titlebar .ui-icon,
		.qtip-icon .ui-icon{
			display: block;
			text-indent: -1000em;
			direction: ltr;
			vertical-align: middle;
		}

		.qtip-icon, .qtip-icon .ui-icon{
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			text-decoration: none;
		}

			.qtip-icon .ui-icon{
				width: 18px;
				height: 14px;

				text-align: center;
				text-indent: 0;
				font: normal bold 10px/13px Tahoma,sans-serif;

				color: inherit;
				background: transparent none no-repeat -100em -100em;
			}


/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.qtip-focus{}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.qtip-hover{}

/* Default tooltip style */
.qtip-default{
	border-width: 1px;
	border-style: solid;
	border-color: #F1D031;

	background-color: #FFFFA3;
	color: #555;
}

	.qtip-default .qtip-titlebar{
		background-color: #FFEF93;
	}

	.qtip-default .qtip-icon{
		border-color: #CCC;
		background: #F1F1F1;
		color: #777;
	}
	
	.qtip-default .qtip-titlebar .qtip-close{
		border-color: #AAA;
		color: #111;
	}


/* Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.qtip-shadow{
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}


/* Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.qtip-rounded{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.qtip-rounded .qtip-titlebar{
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}


/* IE9 fix - removes all filters */
.qtip:not(.ie9haxors) div.qtip-content,
.qtip:not(.ie9haxors) div.qtip-titlebar{
	filter: none;
	-ms-filter: none;
}


/* Tips plugin */
.qtip .qtip-tip{
	margin: 0 auto;
	overflow: hidden;
	z-index: 10;
}

	.qtip .qtip-tip,
	.qtip .qtip-tip .qtip-vml{
		position: absolute;

		color: #123456;
		background: transparent;
		border: 0 dashed transparent;
	}
	
	.qtip .qtip-tip canvas{ top: 0; left: 0; }

	.qtip .qtip-tip .qtip-vml{
		behavior: url(#default#VML);
		display: inline-block;
		visibility: visible;
	}
/* Modal plugin */
#qtip-overlay{
	position: fixed;
	left: -10000em;
	top: -10000em;
}

	/* Applied to modals with show.modal.blur set to true */
	#qtip-overlay.blurs{ cursor: pointer; }

	/* Change opacity of overlay here */
	#qtip-overlay div{
		position: absolute;
		left: 0; top: 0;
		width: 100%; height: 100%;

		background-color: black;

		opacity: 0.7;
		filter:alpha(opacity=70);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	}


/* IE6 Modal plugin fix */
.qtipmodal-ie6fix{
	position: absolute !important;
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80); }

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden; }

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }

.mfp-align-top .mfp-container:before {
    display: none; }

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto; }

.mfp-ajax-cur {
    cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out; }

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
    cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; }

.mfp-loading.mfp-figure {
    display: none; }

.mfp-hide {
    display: none !important; }

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044; }
.mfp-preloader a {
    color: #CCC; }
.mfp-preloader a:hover {
    color: #FFF; }

.mfp-s-ready .mfp-preloader {
    display: none; }

.mfp-s-error .mfp-content {
    display: none; }

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none; }

button::-moz-focus-inner {
    padding: 0;
    border: 0; }

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
.mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
    color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%; }

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap; }

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
    margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
.mfp-arrow:after,
.mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
.mfp-arrow:before,
.mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
    left: 0; }
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
    right: 0; }
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
.mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
    line-height: 0; }
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
.mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto; }

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px; }

.mfp-image-holder .mfp-content {
    max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
         * Remove all paddings around the image on small screen
         */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0; }
    .mfp-img-mobile img.mfp-img {
        padding: 0; }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0; }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px; }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0; }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px; }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0; } }

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75); }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0; }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%; }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px; } }

.mfp-ie7 .mfp-img {
    padding: 0; }

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px; }

.mfp-ie7 .mfp-container {
    padding: 0; }

.mfp-ie7 .mfp-content {
    padding-top: 44px; }

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0; }
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,input,textarea,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {border:0;margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}/*IE8*/
audio,canvas,video{display:inline-block;}/*IE8/9*/
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:400;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}
b,strong{font-weight: bold;}
q:before,q:after{content:'';}
table{border-collapse:collapse;border-spacing:0;}
form{display:inline;}
*{outline:none;}
input[type=submit]:hover,input[type=checkbox]:hover,label:hover{cursor:pointer;}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}
textarea{overflow:auto;vertical-align:top;}
ol,ul{list-style:none;}
a{text-decoration:none;}
.clear {clear:both;font-size:0px;height:0px;margin:0px;padding:0px;overflow:hidden;}
* html .clearfix, * html .cf {height: 1%; /* IE5-6 */}
*+html .clearfix, *+html .cf {display: inline-block; /* IE7not8 */}
.clearfix:after, .cf:after { /* FF, IE8, O, S, etc. */content: ".";display: block;height: 0;clear: both;visibility: hidden;overflow: hidden;}
.clear2{clear:both;}
﻿@charset "utf-8";
@import "/assets/css/reset.css";
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700,900');


/* Large desktop */
@media (max-width: 1199px) {  }

/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) {  }

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {  }

/* Landscape phones and down */
@media (max-width: 534px) {  }

/* Landscape phones and down */
@media (max-width: 320px) {  }


@-ms-viewport {
    width: device-width;
}



/***************************************************
Global styles
***************************************************/
html {
    width: 100%;
    height: 100%;
    -ms-text-size-adjust: none;
    box-sizing: border-box;
}
*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    font-family: 'Roboto', Tahoma, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #343b4a;
    background: #fff;
    margin: 0;
    padding: 190px 20px 0 20px;
    min-width: 320px;
}
body.sticky {
}

a {
    color: #343b4a;
}
a:hover {
    color: #000;
}


@media (max-width: 979px) {

}
@media (max-width: 534px) {
    body {
        padding-top: 220px;
    }
}


/***************************************************
Szkielet
***************************************************/

.container {
    margin: 0 auto;
    max-width: 1170px;
    position: relative;
}

main {
    min-height: 300px;
}

.header-wrapper {
    height: 190px;
    background: #fff;
    z-index: 999;
    transition: height .25s linear;
    -moz-transition: height .25s linear;
    -webkit-transition: height .25s linear;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 0 20px;
}
.header-wrapper .container {
}

.header-contact {
    transition: all .25s linear;
    -moz-transition: all .25s linear;
    -webkit-transition: all .25s linear;
    background-color: #F5F5F5;
    margin: 0 -20px;
    padding: 0 20px;
}
.header-contact .container {
    height: 40px;
    font-size: 13px;
    padding: 10px 0;
}
.header-contact .container > div {
    float: left;
    margin: 0 20px 0 0;
}
.header-contact p {
    float: left;
    line-height: 20px;
}
.icon-phone, .icon-email {
    margin-right: 5px;
    float: left;
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="16" height="16" viewBox="0 0 16 16"><path fill="%232a9df4" d="M11 10c-1 1-1 2-2 2s-2-1-3-2-2-2-2-3 1-1 2-2-2-4-3-4-3 3-3 3c0 2 2.055 6.055 4 8s6 4 8 4c0 0 3-2 3-3s-3-4-4-3z"/></svg>');
}
.icon-email {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><title>ionicons-v5-o</title><path fill="%232a9df4" d="M464,80H48A16,16,0,0,0,32,96V416a16,16,0,0,0,16,16H464a16,16,0,0,0,16-16V96A16,16,0,0,0,464,80ZM265.82,284.63a16,16,0,0,1-19.64,0L89.55,162.81l19.64-25.26L256,251.73,402.81,137.55l19.64,25.26Z"/></svg>');
}


.logo {
}
.logo img {
    position: absolute;
    left: 0;
    top: 25px;
    height: 50px;
    transition: all .25s linear;
    -moz-transition: all .25s linear;
    -webkit-transition: all .25s linear;
}

@media (max-width: 534px) {
    .header-wrapper {
        height: 215px;
    }
    .header-wrapper > .container {
        padding-top: 70px;
        padding-bottom: 53px;
    }
    .logo img {
        top: 15px;
    }
}




.sticky .header-wrapper {
    height: 90px;
    box-shadow: 0 0 3px rgba(0,0,0,0.1);
}
.sticky .header-wrapper > .container {
    padding-top: 0;
}
.sticky .header-contact {
    margin-top: -40px;
}

.sticky .logo img {
    left: 0;
    top: 10px;
    height: 30px;
    margin-left: 0;
}

@media (max-width: 979px) {
    .sticky .header-wrapper {
        height: 50px;
    }
    .sticky .logo img {
        display: none;
    }
}
@media (max-width: 534px) {
    .sticky .logo img {
        display: none;
    }
}


.header-nav {
    position: absolute;
    top: 30px;
    right: 0;
    text-align: right;
    transition: top .25s linear;
    -moz-transition: top .25s linear;
    -webkit-transition: top .25s linear;
}

.header-nav > * {
    margin-left: 20px;
    display: inline-block;
    vertical-align: middle;
}
.header-nav i[class*='icon'] {
    margin-bottom: 5px;
}
.header-nav a > span {
    display: block;
}
.sticky .header-nav a > span {
    display: none;
}

.header-nav-cart {
    text-align: center;
}
.header-nav-cart i.icon-cart {
    position: relative;
}
.header-nav-cart span#box-cart {
    color: #fff;
    text-align: center;
    font-size: 12px;
    position: absolute;
    right: -8px;
    top: -8px;
    background: #2a9df4;
    border-radius: 50%;
    height: 18px;
    line-height: 18px;
    width: 18px;
}

.header-nav-profile {
    position: relative;
    vertical-align: middle;
    text-align: center;
}

.header-nav-profile-sub {
    display: none;
    background: #f8f8f8;
    position: absolute;
    top: 30px;
    right: 0;
    width: 150px;
    padding: 15px 0;
    z-index: 999;
}
.header-nav-profile-sub.opened {
    display: block;
}
.header-nav-profile-sub li {
    padding: 5px 15px;
}


@media (max-width: 534px) {
    .header-nav {
        top: 20px;
    }
}

.sticky .header-nav {
    top: 14px;
    position: absolute;
    text-align: right;
}
/*.sticky .header-nav #box-cart {*/
/*    display: none;*/
/*}*/
/*.sticky .header-nav-profile {*/
/*    display: none;*/
/*}*/



.header-search {
    position: absolute;
    top: 30px;
    left: 53%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 1px solid #2a9df4;
    border-radius: 5px;
    width: 300px;
    display: flex;
    transition: top .25s linear;
    -moz-transition: top .25s linear;
    -webkit-transition: top .25s linear;
}
.header-search input {
    border: 0;
    border-radius: 5px 0 0 5px;
    padding: 10px 12px;
    width: calc(100% - 40px);
}
.header-search a {
    border: 0;
    background: #2a9df4;
    color: #fff;
    width: 40px;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-search a i {
    line-height: 40px;
}

.sticky .header-search {
    top: 6px;
}

@media (max-width: 767px) {
    .header-search {
        width: 230px;
    }
}

@media (max-width: 534px) {
    .header-search {
        top: 75px;
        left: 50%;
        width: 100%;
    }
    .sticky .header-search {
        display: none;
    }
}


.footer-wrapper {
    font-size: 14px;
    margin: 50px -20px 0 -20px;
    padding: 30px 20px;
    background: #F5F5F5;
}


.footer-newsletter {
}
.footer-newsletter-control {
    display: block;
    margin-top: 20px;
}
.footer-newsletter input {
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    width: calc(100% - 105px);
    float: left;
    border:0;
}
.footer-newsletter .btn {
    padding: 12px 0;
    width: 90px;
    float: right;
}

.footer-h {
    margin: 15px 0;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
}

.footer-links li {
    margin: 3px 0;
}
.footer-links a {
    clear: both;
    display: block;
    font-size: 14px;
    line-height: 1.5em;
}
.footer-links a:hover {
    text-decoration: underline;
}

.footer-copy {
    text-align: left;
    font-size: 13px;
    color: #979797;
    border-top: 1px solid #dddddd;
    padding-top: 30px;
}
.footer-copy img {
    max-width: 100%;
    margin: 15px 0 30px 0;
    display: block;
}

.studiomh {
    float: right;
	color: #979797;
}
.studiomh:hover {
    background-position: bottom;
}


@media (max-width: 534px) {
    .footer-newsletter {
        text-align: center;
    }
    .footer-newsletter-title {
        margin-right: 0;
    }
    .footer-newsletter input {
        margin-right: 0;
    }
}


.g-grid {
    padding: 0 10px;
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
}

.g-row {
    clear: both;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: -30px;
}
.g-row > [class*="g-col-"] {
    padding-left: 30px;
}

.g-row-reverse {
    -webkit-flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
}

.g-row-top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
}

.g-row-middle {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}

.g-row-bottom {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end;
}

.g-row-left {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.g-row-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.g-row-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.g-row-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.g-row-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

[class*="g-col-"] {
    min-height: 1px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
}

.g-col-center {
    margin-right: auto;
    margin-left: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.g-col-content {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.g-col-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
}

.g-col-top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.g-col-middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.g-col-bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.g-col-right {
    margin-left: auto;
}

.g-col-1 {
    -webkit-flex-basis: 8.33333%;
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
}

.g-col-2 {
    -webkit-flex-basis: 16.66667%;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%;
}

.g-col-3 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
}

.g-col-4 {
    -webkit-flex-basis: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%;
}

.g-col-5 {
    -webkit-flex-basis: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%;
}

.g-col-6 {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
}

.g-col-7 {
    -webkit-flex-basis: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%;
}

.g-col-8 {
    -webkit-flex-basis: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%;
}

.g-col-9 {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
}

.g-col-10 {
    -webkit-flex-basis: 83.33333%;
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%;
}

.g-col-11 {
    -webkit-flex-basis: 91.66667%;
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%;
}

.g-col-12 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
}

.g-gutter-reset {
    margin-left: 0;
}

.g-gutter-reset > [class*="g-col-"] {
    padding-left: 0;
}

.g-pddY-30 {
    margin-top: -30px;
}
.g-pddY-30 > [class*="g-col-"] {
    padding-top: 30px;
}
.g-pdd-10 {
    margin-top: -10px;
    margin-left: -10px;
}
.g-pdd-10 > [class*="g-col-"] {
    padding-top: 10px;
    padding-left: 10px;
}



@media (min-width: 535px) {
    .g-col-s-1 {
        -webkit-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%;
    }
    .g-col-s-2 {
        -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%;
    }
    .g-col-s-3 {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }
    .g-col-s-4 {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
    }
    .g-col-s-5 {
        -webkit-flex-basis: 41.66667%;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%;
    }
    .g-col-s-6 {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
    .g-col-s-7 {
        -webkit-flex-basis: 58.33333%;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%;
    }
    .g-col-s-8 {
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
    }
    .g-col-s-9 {
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }
    .g-col-s-10 {
        -webkit-flex-basis: 83.33333%;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%;
    }
    .g-col-s-11 {
        -webkit-flex-basis: 91.66667%;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%;
    }
    .g-col-s-12 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
    .g-col-s-content {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .g-col-s-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
}

@media (min-width: 768px) {
    .g-col-m-1 {
        -webkit-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%;
    }
    .g-col-m-2 {
        -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%;
    }
    .g-col-m-3 {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }
    .g-col-m-4 {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
    }
    .g-col-m-5 {
        -webkit-flex-basis: 41.66667%;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%;
    }
    .g-col-m-6 {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
    .g-col-m-7 {
        -webkit-flex-basis: 58.33333%;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%;
    }
    .g-col-m-8 {
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
    }
    .g-col-m-9 {
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }
    .g-col-m-10 {
        -webkit-flex-basis: 83.33333%;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%;
    }
    .g-col-m-11 {
        -webkit-flex-basis: 91.66667%;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%;
    }
    .g-col-m-12 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
    .g-col-m-content {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .g-col-m-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
}

@media (min-width: 980px) {
    .g-col-l-1 {
        -webkit-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%;
    }
    .g-col-l-2 {
        -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%;
    }
    .g-col-l-3 {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }
    .g-col-l-4 {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
    }
    .g-col-l-5 {
        -webkit-flex-basis: 41.66667%;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%;
    }
    .g-col-l-6 {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
    .g-col-l-7 {
        -webkit-flex-basis: 58.33333%;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%;
    }
    .g-col-l-8 {
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
    }
    .g-col-l-9 {
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }
    .g-col-l-10 {
        -webkit-flex-basis: 83.33333%;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%;
    }
    .g-col-l-11 {
        -webkit-flex-basis: 91.66667%;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%;
    }
    .g-col-l-12 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
    .g-col-l-content {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .g-col-l-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
}

[class*="g-hide-"] {
    display: block;
}

[class*="g-show-"] {
    display: none;
}

@media (min-width: 980px) {
    .g-show-l {
        display: block;
    }
    .g-hide-l {
        display: none;
    }
}

@media (min-width: 768px) {
    .g-show-m {
        display: block;
    }
    .g-hide-m {
        display: none;
    }
}

@media (min-width: 535px) {
    .g-show-s {
        display: block;
    }
    .g-hide-s {
        display: none;
    }
}

/***************************************************
content
***************************************************/


.content p {
    margin: 15px 0;
    line-height: 1.5em;
}


h1, h2 {
    font-weight: normal;
    font-size: 34px;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 2px;
    margin: 40px 0;
}

.content h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 35px 0 30px 0;
    position: relative;
}

.content h4 {
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    margin: 15px 0 10px 0;
}

.content ul {
    display: block;
    list-style-type: none;
    margin: 10px 0;
    padding: 0;
    line-height: 1.5em;
}
.content ul li {
    position: relative;
    padding-left: 20px;
}
.content ul li:before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 3px;
    background: #2a9df4;
    position: absolute;
    left: 0;
    top: 8px;
}

.content ol {
    display: block;
    list-style-position: outside;
    list-style-type: decimal;
    margin: 10px 0;
    padding-left: 20px;
    line-height: 1.5em;
}

.content ol.rules {
}
.content ol.rules, .content ol.rules ol {
    counter-reset: item;
    position: relative;
}
.content ol.rules ol {
    padding-left: 30px;
}
.content ol.rules > li, .content ol.rules ol > li {
    display: block;
}
.content ol.rules > li:before, .content ol.rules ol > li:before {
    content: counters(item, ".") ".";
    counter-increment: item;
    position: absolute;
    left: 0;
}

.content p:first-child, .content h1:first-child, .content h2:first-child, .content h3:not(.sec):first-child {
    margin-top: 0;
}
.content p:last-child {
    margin-bottom: 0;
}


.content-white {
    background: #fff;
    padding: 50px;
}


@media (max-width: 767px) {
    h2 {
        font-size: 22px;
        margin: 30px 0;
    }
}
@media (max-width: 534px) {
    .content-white {
        padding: 30px 20px;
    }
    h1, h2 {
        font-size: 28px;
    }
}


/***************************************************
menu
***************************************************/

.navbar {
    position: absolute;
    bottom: 0;
    left: 0; right: 0;
    transition: bottom .25s linear;
    -moz-transition: bottom .25s linear;
    -webkit-transition: bottom .25s linear;
    z-index: 997;
    background: #000000;
}
.navbar > ul {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}
.navbar > ul > li {
    height: 50px;
    position: relative;
    transition: height .25s linear;
    -moz-transition: height .25s linear;
    -webkit-transition: height .25s linear;
}
.navbar > ul > li > a {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    display: block;
    line-height: 50px;
    height: 100%;
    padding: 0 15px;
    z-index: 9999;
    position: relative;
    transition: all .25s linear;
    -moz-transition: all .25s linear;
    -webkit-transition: all .25s linear;
}
.navbar > ul > li > a:hover {
    text-decoration: none;
    color: #fff;
}
.navbar > ul > li.current > a {
    color: #fff;
}

.sticky .navbar {
    bottom: 0;
}
.sticky .navbar > ul > li {
    height: 40px;
}
.sticky .navbar > ul > li > a {
    line-height: 40px;
}

@media (max-width: 767px) {
    .navbar > ul > li span {
        display: none;
    }
}

@media (max-width: 979px) {
    .sticky .navbar {
        bottom: 5px;
        left: 10px;
        right: auto;
        width: 150px;
    }
    .sticky .navbar > ul {
        padding: 0;
    }

    .sticky .navbar > ul > li:not(.navbar-offer):not(.open) {
        display: none;
    }
    .sticky .navbar-offer {
        margin-right: 0;
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
    }
}


.navbar-offer {
    -webkit-flex: 0 1 250px;
    flex: 0 1 250px;
    margin-right: 20px;
    display: none;
}
.navbar-offer > a {
    background: #2a9df4;
    font-weight: bold!important;
    text-align: left;
}
.navbar-offer > a .icon-arrow-bottom {
    float: right;
    margin-top: 15px;
    width: 10px;
    filter: invert(1);
    transition: margin-top .25s linear;
    -moz-transition: margin-top .25s linear;
    -webkit-transition: margin-top .25s linear;
}
.sticky .navbar-offer, .sub .navbar-offer {
    display: block;
}
.sticky .navbar-offer > a .icon-arrow-bottom {
    margin-top: 10px;
}

@media (max-width: 979px) {
    .navbar-offer {
        display: block;
    }
}





.navbar-sub {
    position: absolute;
    top: 100%;
    left: 0;
    width: 250px;
    background: #fff;
    z-index: 999;
    display: none;
    margin-top: 0;
    box-shadow: 0 1px 5px rgba(0,0,0,0.2);
}
.navbar-sub-header {
    padding: 20px 20px;
    border-bottom: 1px solid #eeeeee;
    font-size: 16px;
    display: none;
}
.navbar-sub-header > i {
    float: right;
}
.navbar-sub-header .navbar-sub-back {
    float: right;
    margin-right: 30px;
    display: none;
}
.navbar-sub-header .navbar-sub-back i {
    width: 8px;
    margin-right: 5px;
}

.navbar-sub > ul {
    padding: 20px 0;
}
.navbar-sub > ul li {
    position: relative;
    margin: 5px 0;
    padding: 0 20px;
}
.navbar-sub > ul li.isSub {
    background: url("data:image/svg+xml,%3Csvg id='_6f1d44a8089c67c0d68fdb217ef60d92' data-name='6f1d44a8089c67c0d68fdb217ef60d92' xmlns='http://www.w3.org/2000/svg' width='13' height='10' viewBox='0 0 13 10'%3E%3Cpath id='Path_1' data-name='Path 1' d='M22.889,122.023l-3.3,3.261h0l-.556.548-.623.613a.54.54,0,0,1-.381.155.55.55,0,0,1-.385-.157.525.525,0,0,1-.046-.7l.958-.943h0l2.69-2.654H10.581a.533.533,0,1,1,0-1.067h10.66L18.8,118.666l-.155-.15-1.14-1.124a.531.531,0,0,1,.472-.792.615.615,0,0,1,.432.18l.3.293.821.81.155.15,3.2,3.16a.52.52,0,0,1,.151.4v.021A.52.52,0,0,1,22.889,122.023Z' transform='translate(-10.041 -116.6)'/%3E%3C/svg%3E%0A") 210px center no-repeat;
}
.navbar-sub > ul li a {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.8em;
}
.navbar-sub > ul li a:hover {
    color: #2a9df4!important;
}

@media (max-width: 534px) {
    .navbar-sub {
        position: fixed;
        min-height: auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        z-index: 99999;
    }
    .navbar-sub-header {
        display: block;
    }
}




/***************************************************
			        SLIDER
***************************************************/


.slider-wrapper {
    margin: 0;
}
.slider {
    margin: 0 auto;
}

.slider-item {
    position: relative;
}

.slider-item img {
    width: 100%;
}

.slider-text {
    max-width: 1200px;
    position: absolute;
    left: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 40px 40px 40px;
    background-color: rgba(0,0,0,0.5);
}
.slider-text h1 {
    font-size: 40px;
    font-weight: bold;
    text-transform: none;
    color: #fff;
    margin-bottom: 20px;
}
.slider-text p {
    color: #fff;
    font-size: 16px;
    line-height: 1.5em;
}
.slider-text .btn {
    margin-top: 25px;
}

.slider-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



@media (max-width: 979px) {
    .slider-text h1 {
        font-size: 32px;
    }
    .slider-text .btn {
        margin-top: 20px;
    }
}
@media (max-width: 768px) {
    .slider-text {
        top: 40px;
        left: 50%;
        width: fit-content;
        -webkit-transform: translate(-50%,0);
        -moz-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        -o-transform: translate(-50%,0);
        transform: translate(-50%,0);
        text-align: center;
    }
    .slider-text h1 {
        text-align: center;
        font-size: 7vw;
    }
}


/* PAGER */

.slick-dots {
    text-align: center;
    font-size: .85em;
    font-weight: bold;
    color: #666;
    z-index: 99;
    position: absolute;
    bottom: 15px;
    right: 50%;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%);
}
.slick-dots li {
    float: left;
}
.slick-dots li button {
    text-indent: -9999px;
    display: block;
    width: 18px;
    height: 18px;
    margin: 0 5px;
    padding: 0;
    outline: 0;
    position: relative;
    background: #fff;
    border: 4px solid #fff;
    cursor: pointer;
    border-radius: 50%;
}
.slick-dots li button:hover,
.slick-dots li.slick-active button {
    background: #2a9df4;
}

/***************************************************
			        producers
***************************************************/


.logos-wrapper {
    margin: 50px 0;
}
.logos-wrapper > * {
    float: left;
}
.logos-wrapper > a {
    width: 40px;
    margin-top: 5px;
}
.logos-wrapper .icon-arrow-right {
    float: right;
}
.logos-carousel {
    width: calc(100% - 80px);
}
.logos-carousel li {
    height: 85px;
    line-height: 85px;
    text-align: center;
}
.logos-carousel img {
    vertical-align: middle;
    display: inline;
    max-width: 200px;
}




/***************************************************
Specifics
***************************************************/

.right {
    float: right!important;
}
.left {
    float: left!important;
}
.center {
    float: none!important;
    margin-left: auto!important;
    margin-right: auto!important;
}

.txt-left {
    text-align: left;
}
.txt-right {
    text-align: right;
}
.txt-center {
    text-align: center;
}

.color1 {
    color: #2a9df4!important;
}
.color2 {
    color: #2a9df4!important;
}

hr {
    background: #d3d3d3;
    height: 1px;
    border: 0;
    margin: 20px 0;
    clear: both;
}



.img-6-right, .img-6-left, .img-4-right, .img-4-left {
    width: 100%;
    margin: 20px 0;
}
p img {
    margin-top: 0!important;
}
@media (min-width: 534px) {
    .img-6-right {
        width: 50%;
        float: right;
        margin: 20px 0 20px 40px;
    }
    .img-6-left {
        width: 50%;
        float: left;
        margin: 20px 40px 20px 0;
    }
    .img-4-right {
        width: 33%;
        float: right;
        margin: 20px 0 20px 40px;
    }
    .img-4-left {
        width: 33%;
        float: left;
        margin: 20px 40px 20px 0;
    }
}


.pagination {
    text-align: center;
    margin: 30px 0;
}
.pagination a {
    margin: 0 2px;
}


.loader {
    background: url(/assets/img/loader.gif) no-repeat center;
    position: absolute;
    z-index: 9999;
    height: 100%;
    padding: 10px;
    margin: -10px;
}



#cookies {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.7);
    padding: 5px;
    width: 100%;
    font-size: 12px;
    color: #fff;
    text-align: center;
    z-index: 999;
}
#cookies a {
    color: #fff;
}
#cookies .ok {
    text-transform: uppercase;
    background: #000;
    color: #fff;
    padding: 5px 8px;
    margin: 0 5px;
}
body.hasCookies {
    margin-bottom: 25px;
}


/***************************************************
Zewnętrzne pluginy
***************************************************/

.qtip-error{
    background-color: #ff0000 !important;
    border-color: #ff0000!important;
    color: #fff!important;
    border-radius: 0;
}
.qtip-error .qtip-content {
    padding: 2px 5px;
}
.qtip-info{
    background-color: #2a9df4!important;
    border-color: #2a9df4!important;
    color: #fff!important;
    border-radius: 4px;
}

.mfp-wrap.pupupBnp .mfp-content {
    height: 1000px;
    max-height: 90vh;
    width: 1000px;
    max-width: 90vw;
}

/***************************************************
Dialog
***************************************************/

/* Add some nice box-shadow-ness to the dialogues */
.qtip.qtip-dialogue{
    max-width: 600px;
    min-width: 210px;

    -moz-box-shadow: 0 0 10px 1px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,.5);
    box-shadow: 0 0 10px 1px rgba(0,0,0,.5);
    padding: 0;

    background: #fff;
    border: 1px solid #eee;
}

.qtip.qtip-dialogue .qtip-titlebar{
    padding: 20px;
    background: #eee;
}
.qtip.qtip-dialogue .qtip-content{
    padding: 10px 20px 20px 20px;
}
.qtip.qtip-dialogue .qtip-content p {
    text-align: center;
}

.qtip.qtip-dialogue button{
    float: left;
    width: 47%;
    margin-top: 20px;
    margin-right: 10px;
}

.qtip.qtip-dialogue button:only-of-type {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.qtip.qtip-dialogue button + button{
    float: right;
    margin-right: 0;
}



.qtip .product-added {
    text-align: left;
}
.qtip .product-added img {
    width: 80px;
    margin-right: 10px;
    float: left;
}
.qtip .product-added p {
    float: left;
    text-align: left!important;
    margin: 22px 0;
}


@media (max-width: 534px) {
    .qtip.qtip-dialogue{
        min-width: 320px;
    }
}


/***************************************************
Forms
***************************************************/

fieldset.form {
    border: 0;
    padding: 0;
    margin: 0;
}
fieldset.form-center {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
}


/* wiersz */
.form-group {
    clear: both;
    margin-bottom: 10px;
}
fieldset.form-info .form-group {
    margin-bottom: 0;
}


/* buttony */
fieldset.form .form-btns {
    text-align: center;
    margin-top: 20px;
}


/* podpis */
.form-label {
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}


/* gwiazdka */
.form-req {
    color: #ff0000;
    margin-left: 3px;
}


/* grupa kontolek */
.form-control-group {
    max-width: 600px;
    margin: 6px 0;
    float: left;
}

.form-error {
    display: none;
}


/* kontrolka */
.form-control {
    background: #fff;
    padding: 10px 12px;
    margin: 0;
    border: 1px solid #cecece;
    border-radius: 5px;
    width: 100%;
}
.form-control:hover {
    border-color: #000;
}
.form-control:focus {
    box-shadow: 0 0 5px 0 rgba(120,90,190,0.3);
}
select.form-control {
}
textarea.form-control {
    height: 60px;
}

.form-control-lg {
    width: 400px;
}
.form-control-sm {
    width: 100px;
}

.form-control-group-checkboxes > span {
    margin-right: 10px;
}
.form-control-checkbox {
    margin-right: 5px;
}

.form-control-number .form-control {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    width: calc(100% - 98px);
    margin: 0 10px;
}
.form-control-number > * {
    float: left;
}

.form-control-range input {
    float: left;
    width: 40%;
}
.form-control-range span {
    width: 20%;
    float: left;
    text-align: center;
    margin: 9px 0;
}



.form-control-info {
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}
.form-control-info strike {
    font-weight: normal;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #b2b2b2;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #b2b2b2;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #b2b2b2;
}
:-moz-placeholder { /* Firefox 18- */
    color: #b2b2b2;
}







/***************************************************
Messages
***************************************************/

.msg {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    padding: 15px;
    margin-bottom: 15px;

    color: #fff;
    background: #2a9df4;
 }

.msg.msg-info {
    text-transform: none;
    color: #3A87AD;
    border: 1px solid #9acfea;
    background: #e2f1f9; /* Old browsers */
}

.msg.msg-danger {
    color: #fff;
    background: #dd5653;
}

.msg.msg-success {
    color: #468847;
    border-radius: 3px;
    border: 1px solid #B2DBA1;
    background: #def0d7; /* Old browsers */
    background: -moz-linear-gradient(top,  #def0d7 0%, #c9e5bd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#def0d7), color-stop(100%,#c9e5bd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #def0d7 0%,#c9e5bd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #def0d7 0%,#c9e5bd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #def0d7 0%,#c9e5bd 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #def0d7 0%,#c9e5bd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#def0d7', endColorstr='#c9e5bd',GradientType=0 ); /* IE6-9 */
}


/***************************************************
Buttons
***************************************************/

.btn {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;

    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;

    display: inline-block;
    padding: 17px 25px;
    border: 0;
    border-radius: 5px;

    background: #000;

    transition: all .25s linear;
    -moz-transition: all .25s linear;
    -webkit-transition: all .25s linear;
}
.btn:hover {
    color: #fff;
    background: #2a9df4;
}
.btn [class*="icon-"] {
    margin-right: 10px;
}

.btn-light {
    color: #000;
    background: #fff;
}
.btn-light:hover, .btn.current {
    color: #000;
    background: #cdcdcd;
}

.btn-s {
    text-align: center;
    min-width: 39px;
    padding: 11px 12px;
}
.btn-s [class*="icon-"] {
    margin: 0 auto;
}

.btn-block {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.btn-disabled {
    opacity: 0.7;
}


.btns {
    margin-top: 30px;
    clear: both;
}


@media (max-width: 767px) {
    .btn {
        text-transform: none;
    }
}

@media (max-width: 534px) {
    .btns a {
        width: 100%;
        display: block;
        margin-top: 10px;
    }
}

/***************************************************
Links
***************************************************/

.link {
    text-transform: uppercase;
}
.link:hover {
    text-decoration: none;
    color: #2a9df4;
}
.link .icon-arrow-s-right {
    margin: -5px 0 -5px 10px;
    vertical-align: initial;
}
.link .icon-arrow-s-left {
    margin: -5px 10px -5px 0;
    vertical-align: initial;
}
.link-u {
    text-decoration: underline;
}
.link-info {
    color: #2AABD2;
}
.link-success {
    color: #419741;
}
.link-danger {
    color: #C12F2B;
}

/***************************************************
Icons
***************************************************/

[class*="icon-"] {
    display: inline-block;
    vertical-align: middle;
    content:'';
    background-size: contain;
}

.icon-search {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg id='Group_2' data-name='Group 2' xmlns='http://www.w3.org/2000/svg' width='23.959' height='24' viewBox='0 0 23.959 24' fill='%23fff'%3E%3Cg id='_x33__x5F_3'%3E%3Cg id='Group_1' data-name='Group 1'%3E%3Cpath id='Path_5' data-name='Path 5' d='M33.7,31.672l-6.376-6.386a9.768,9.768,0,1,0-1.259,1.264l6.376,6.388A.893.893,0,1,0,33.7,31.672ZM19.8,27.034a8.024,8.024,0,1,1,8.011-8.024A8.028,8.028,0,0,1,19.8,27.034Z' transform='translate(-10 -9.2)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
a:hover .icon-search {

}
.icon-cart {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.048' height='24' viewBox='0 0 24.048 24'%3E%3Cpath id='Path_4' data-name='Path 4' d='M29.818,35a1.6,1.6,0,1,1,1.6-1.6A1.6,1.6,0,0,1,29.818,35ZM17.681,35a1.6,1.6,0,1,1,1.6-1.6A1.6,1.6,0,0,1,17.681,35Zm-.223-4.334a2.433,2.433,0,0,1-2.366-2.13L13.62,18.18l-.837-4.839a1.021,1.021,0,0,0-.95-.883h-1.1a.729.729,0,1,1,0-1.458h1.1a2.446,2.446,0,0,1,2.393,2.13l.834,4.827L16.537,28.35a1,1,0,0,0,.915.861H31.536a.731.731,0,1,1,0,1.463l-14.079-.007Zm1.08-3.47a.724.724,0,0,1-.729-.677.734.734,0,0,1,.675-.783l11.752-.869a1,1,0,0,0,.977-.842L32.579,16.2a1.209,1.209,0,0,0-.255-.906.689.689,0,0,0-.518-.236H16.8a.731.731,0,0,1,0-1.463H31.811a2.128,2.128,0,0,1,1.612.731,2.677,2.677,0,0,1,.6,2.1L32.66,24.249A2.434,2.434,0,0,1,30.3,26.323l-11.72.866-.017.007Z' transform='translate(-10 -11)'/%3E%3C/svg%3E%0A");
}
a:hover .icon-cart {

}

.icon-cart-small {
    width: 25px;
    height: 20px;
}
.btn .icon-cart-small {
    margin: -5px 10px -5px 0;
    vertical-align: text-top;
}

.icon-user {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.995' height='24' viewBox='0 0 23.995 24'%3E%3Cg id='bec65d6663d936a46f3a0f8ff7faa35b' transform='translate(-10 -10)'%3E%3Cpath id='Path_1' data-name='Path 1' d='M28.747,15.25V19a10.93,10.93,0,0,1-.681,3.585,6.614,6.614,0,0,1-2.086,3.071L32.5,28.747l.375.189a2.153,2.153,0,0,1,.749.517,1.121,1.121,0,0,1,.375.8V32.5a1.522,1.522,0,0,1-1.5,1.5H11.5A1.522,1.522,0,0,1,10,32.5v-2.25a1.111,1.111,0,0,1,.421-.774,4.375,4.375,0,0,1,.656-.539,1.651,1.651,0,0,1,.421-.189l6.563-3.139a6.74,6.74,0,0,1-2.108-3.093A10.626,10.626,0,0,1,15.25,19V15.25a4.667,4.667,0,0,1,2.133-3.563A7.259,7.259,0,0,1,21.974,10a7.359,7.359,0,0,1,4.616,1.687A4.651,4.651,0,0,1,28.747,15.25ZM18.46,12.765q-1.712,1.267-1.712,2.483V19a8.672,8.672,0,0,0,.61,2.929,5.471,5.471,0,0,0,1.687,2.507,1.553,1.553,0,0,1,.517,1.384,1.344,1.344,0,0,1-.845,1.148l-6.609,3.142a.9.9,0,0,0-.61.845V32.5h21V31a.833.833,0,0,0-.61-.891h-.044l-6.516-3.093a1.454,1.454,0,0,1-.845-1.195,1.4,1.4,0,0,1,.563-1.337,5.48,5.48,0,0,0,1.641-2.532A9.224,9.224,0,0,0,27.249,19V15.25a3.382,3.382,0,0,0-1.687-2.483,5.608,5.608,0,0,0-7.1,0Z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
a:hover .icon-user {

}


.icon-arrow-right, .icon-arrow-left, .icon-arrow-bottom, .icon-arrow-s-left {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.1' height='22' viewBox='0 0 12.1 22'%3E%3Cg id='arrow-right-svgrepo-com' transform='translate(-25 -13)'%3E%3Cpath id='Path_1' data-name='Path 1' d='M26.855,13.316a1.062,1.062,0,0,0-1.555.047A1.2,1.2,0,0,0,25.345,15L34.4,24l-9.053,9a1.2,1.2,0,0,0-.045,1.637,1.061,1.061,0,0,0,1.555.047l9.9-9.842a1.2,1.2,0,0,0,0-1.684Z' transform='translate(0 0)'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center;
    background-size: contain;
    width: 12px;
    height: 22px;
}
.icon-arrow-bottom {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.icon-arrow-left {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.icon-arrow-s-left {
    -webkit-transform: rotate(180deg) scale(0.8);
    -moz-transform: rotate(180deg) scale(0.8);
    -ms-transform: rotate(180deg) scale(0.8);
    -o-transform: rotate(180deg) scale(0.8);
    transform: rotate(180deg) scale(0.8);
}

.icon-promotion {
    margin-right: 5px;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.7071 3.70711C22.0976 3.31658 22.0976 2.68342 21.7071 2.29289C21.3166 1.90237 20.6834 1.90237 20.2929 2.29289L2.29289 20.2929C1.90237 20.6834 1.90237 21.3166 2.29289 21.7071C2.68342 22.0976 3.31658 22.0976 3.70711 21.7071L21.7071 3.70711Z' fill='%23ffffff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 6.5C11 8.98528 8.98528 11 6.5 11C4.01472 11 2 8.98528 2 6.5C2 4.01472 4.01472 2 6.5 2C8.98528 2 11 4.01472 11 6.5ZM4.00693 6.5C4.00693 7.87689 5.12311 8.99307 6.5 8.99307C7.87689 8.99307 8.99307 7.87689 8.99307 6.5C8.99307 5.12311 7.87689 4.00693 6.5 4.00693C5.12311 4.00693 4.00693 5.12311 4.00693 6.5Z' fill='%23ffffff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22 17.5C22 19.9853 19.9853 22 17.5 22C15.0147 22 13 19.9853 13 17.5C13 15.0147 15.0147 13 17.5 13C19.9853 13 22 15.0147 22 17.5ZM15.0069 17.5C15.0069 18.8769 16.1231 19.9931 17.5 19.9931C18.8769 19.9931 19.9931 18.8769 19.9931 17.5C19.9931 16.1231 18.8769 15.0069 17.5 15.0069C16.1231 15.0069 15.0069 16.1231 15.0069 17.5Z' fill='%23ffffff'/%3E%3C/svg%3E");
}
.icon-new {
    margin-right: 5px;
    width: 28px;
    height: 28px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg height='800px' width='800px' version='1.1' id='_x32_' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ffffff;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M13.175,203.061c0,0-0.004-0.013-0.007-0.026l-0.672-1.763L13.175,203.061z'/%3E%3Cpath class='st0' d='M17.239,163.415l11.178-7.3c0.006,0,0.012-0.007,0.019-0.014L17.239,163.415z'/%3E%3Cpath class='st0' d='M480.364,260.466c-0.549-1.436-0.823-2.951-0.823-4.466c0-1.521,0.274-3.042,0.826-4.492l16.869-44.275 l1.586-4.172c1.74-4.564,2.582-9.324,2.582-14.006c0.006-12.986-6.458-25.516-17.835-32.953l-5.599-3.656l-37.84-24.708 c-2.569-1.684-4.447-4.276-5.25-7.247l-13.548-50.047c-4.675-17.23-20.28-29.075-37.978-29.075c-0.669,0-1.335,0.013-2.004,0.052 L329.766,44v-0.006l-0.774,0.02c-2.896,0-5.687-0.98-7.933-2.788l-37.766-30.42l-2.598-2.089 C273.507,2.912,264.725-0.006,256.002,0c-8.72-0.013-17.504,2.912-24.697,8.717l0.01-0.007L195.11,37.87l-4.159,3.35 c-2.256,1.815-5.057,2.795-7.94,2.795L182.338,44l-51.555-2.572l-0.033-0.007c-0.8-0.046-1.502-0.052-2.102-0.052 c-17.701,0-33.303,11.844-37.978,29.075l-13.549,50.047c-0.806,2.983-2.693,5.582-5.278,7.273l-3.732,2.436l-39.694,25.915 c-11.371,7.444-17.828,19.966-17.822,32.946c0,4.675,0.839,9.415,2.573,13.973l18.465,48.473l0.003,0.006 c0.548,1.437,0.826,2.965,0.826,4.486c0,1.522-0.274,3.043-0.826,4.48l-18.461,48.46l0.003-0.006 c-1.74,4.564-2.583,9.318-2.583,13.999c-0.006,12.987,6.451,25.523,17.838,32.966l32.218,21.038l11.201,7.313 c2.583,1.684,4.463,4.27,5.269,7.26l13.549,50.041c4.671,17.23,20.28,29.075,37.978,29.081c0.6-0.006,1.254-0.013,1.952-0.052 l-1.482,0.078l53.439-2.67h-0.026l0.5-0.007c2.866,0,5.658,0.98,7.91,2.795l40.371,32.522h0.003 c7.185,5.792,15.964,8.71,24.687,8.704c8.72,0.007,17.502-2.912,24.691-8.71l43.841-35.318l-3.467,2.795 c2.253-1.815,5.038-2.788,7.907-2.788l0.6,0.013l52.189,2.605l-0.262-0.012c0.568,0.026,1.186,0.039,1.855,0.045 c17.691-0.006,33.306-11.844,37.978-29.081l13.548-50.041c0.806-2.99,2.684-5.569,5.262-7.254l43.45-28.37 c11.364-7.444,17.818-19.966,17.812-32.947c0-4.682-0.842-9.442-2.586-14.012L480.364,260.466z M455.38,241.988 c-1.72,4.512-2.582,9.265-2.582,14.012c0,4.754,0.862,9.507,2.582,14.019l18.449,48.44l0.003,0.007 c0.565,1.482,0.829,2.984,0.829,4.473c-0.007,4.166-2.063,8.188-5.716,10.571l-43.41,28.344h0.003 c-8.086,5.275-13.95,13.346-16.474,22.67l-13.548,50.04c-1.485,5.524-6.513,9.324-12.16,9.317l-0.751-0.02l-0.189-0.006 l-51.474-2.566h0.036c-0.634-0.039-1.303-0.052-2.004-0.059c-8.968,0-17.685,3.069-24.694,8.717l-3.47,2.801l-36.897,29.721 c-2.324,1.874-5.086,2.788-7.91,2.788c-2.82,0-5.586-0.914-7.913-2.788l-40.368-32.522c-7.006-5.641-15.719-8.71-24.69-8.71 c-0.601,0-1.303,0.007-2.106,0.052v0.007l-51.64,2.579l0.016-0.006l-0.652,0.013c-5.642,0.006-10.676-3.794-12.161-9.317 l-13.548-50.04c-2.524-9.324-8.387-17.394-16.474-22.67l-32.212-21.031l-11.194-7.313c-3.65-2.377-5.713-6.405-5.72-10.578 c0.003-1.496,0.265-2.997,0.826-4.466l18.461-48.454l-0.003,0.007c1.72-4.518,2.582-9.265,2.582-14.019 c0-4.753-0.858-9.506-2.582-14.018L38.848,195.33l-0.679-1.776c-0.565-1.489-0.826-2.997-0.83-4.492 c0.007-4.172,2.067-8.188,5.716-10.564l43.414-28.343l0.007-0.007c8.082-5.288,13.94-13.352,16.464-22.67l13.548-50.047 c1.482-5.517,6.523-9.324,12.161-9.317l0.503,0.006l51.91,2.592l0.056,0.007c0.63,0.026,1.264,0.04,1.894,0.046 c8.968,0,17.688-3.063,24.701-8.704l40.386-32.529c2.321-1.874,5.08-2.782,7.904-2.788c2.821,0,5.583,0.914,7.907,2.788 l-2.602-2.096l42.979,34.618c7.022,5.654,15.752,8.704,24.707,8.704c0.666,0,1.263-0.02,1.792-0.033h-0.14l52.075-2.599h0.035 l0.601-0.013c5.641-0.007,10.678,3.8,12.16,9.317l13.548,50.047c2.524,9.317,8.38,17.381,16.464,22.67l49.018,32.006l-5.602-3.656 c3.653,2.377,5.71,6.392,5.716,10.558c0,1.496-0.264,2.998-0.832,4.492l-20.832,54.683L455.38,241.988z'/%3E%3Cpath class='st0' d='M196.151,226.298l-13.784,2.709c-0.725,0.15-1.123,0.725-0.979,1.463l10.254,52.175l-0.597,0.124 l-39.528-46.423c-0.653-0.757-1.45-0.986-2.305-0.816l-14.636,2.88c-0.725,0.144-1.123,0.718-0.966,1.455l15.817,80.448 c0.14,0.738,0.725,1.136,1.45,0.992l13.783-2.71c0.725-0.15,1.123-0.731,0.983-1.469l-10.242-52.051l0.61-0.118l39.613,46.28 c0.653,0.757,1.338,0.999,2.318,0.816l14.509-2.86c0.724-0.144,1.122-0.725,0.966-1.463l-15.814-80.454 C197.46,226.54,196.876,226.155,196.151,226.298z'/%3E%3Cpath class='st0' d='M280.868,279.649l-35.731,7.026c-0.483,0.105-0.78-0.091-0.865-0.581l-3.385-17.192 c-0.102-0.483,0.098-0.77,0.581-0.874l29.757-5.85c0.725-0.144,1.123-0.719,0.983-1.449l-2.546-12.922 c-0.144-0.724-0.728-1.123-1.453-0.986l-29.754,5.857c-0.484,0.091-0.784-0.111-0.881-0.594l-3.232-16.454 c-0.098-0.49,0.101-0.784,0.584-0.875l35.731-7.026c0.725-0.144,1.123-0.725,0.966-1.456l-2.56-13.038 c-0.144-0.738-0.725-1.13-1.453-0.986l-53.152,10.454c-0.741,0.144-1.126,0.725-0.982,1.462l15.817,80.454 c0.156,0.732,0.724,1.123,1.465,0.98l53.152-10.454c0.728-0.144,1.126-0.725,0.97-1.456l-2.563-13.046 C282.178,279.91,281.593,279.506,280.868,279.649z'/%3E%3Cpath class='st0' d='M377.221,190.694l-15.605,3.068c-0.852,0.164-1.266,0.634-1.224,1.515l-1.221,54.291l-0.258,0.046 l-24.847-49.16c-0.398-0.699-0.983-1.084-1.708-0.94l-10.61,2.083c-0.839,0.17-1.237,0.744-1.338,1.541l-3.911,54.82l-0.242,0.052 l-22.19-49.701c-0.255-0.718-0.839-1.096-1.691-0.927l-15.732,3.082c-0.852,0.17-0.996,0.706-0.725,1.417l37.266,76.23 c0.398,0.685,0.98,1.084,1.708,0.94l12.19-2.403c0.852-0.163,1.25-0.751,1.348-1.528l4.368-54.415l0.242-0.045l24.521,48.728 c0.385,0.685,0.97,1.084,1.822,0.914l12.19-2.403c0.852-0.157,1.365-0.77,1.352-1.535l5.504-84.645 C378.4,190.955,378.073,190.524,377.221,190.694z'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-producers {
    margin-right: 5px;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='666.66663' height='666.66663' viewBox='0 0 19.999999 19.999999' version='1.1' id='svg2' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs2' /%3E%3Cpath d='m 5.5000001,7.0000001 a 3.5,3.5 0 1 0 -3.5,-3.5 3.504,3.504 0 0 0 3.5,3.5 z m 0,-6 a 2.5,2.5 0 1 1 -2.5,2.5 2.503,2.503 0 0 1 2.5,-2.5 z M 8.2130001,15 a 5.456,5.456 0 0 0 -0.188,1 H 1.412796e-7 V 12.5 A 4.505,4.505 0 0 1 4.5000001,8.0000001 h 2 A 4.503,4.503 0 0 1 10.914,11.649 a 5.518,5.518 0 0 0 -0.9359999,0.632 3.495,3.495 0 0 0 -3.478,-3.2809999 h -2 A 3.504,3.504 0 0 0 1.0000001,12.5 V 15 Z M 14.5,11 A 3.5,3.5 0 1 0 11,7.5000001 3.504,3.504 0 0 0 14.5,11 Z m 0,-5.9999999 a 2.5,2.5 0 1 1 -2.5,2.5 2.503,2.503 0 0 1 2.5,-2.5 z M 20,16.5 A 4.505,4.505 0 0 0 15.5,12 h -2 A 4.505,4.505 0 0 0 9.0000001,16.5 V 20 H 20 Z M 19,19 H 10 V 16.5 A 3.504,3.504 0 0 1 13.5,13 h 2 a 3.504,3.504 0 0 1 3.5,3.5 z' id='path1' style='fill:%23ffffff' /%3E%3Cpath fill='none' d='M -1.9999999,-1.9999999 H 22 V 22 H -1.9999999 Z' id='path2' /%3E%3C/svg%3E%0A");
}

.icon-home {
    width: 20px;
    height: 17px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='17' viewBox='0 0 20 17'%3E%3Cg id='_3a09a524440d44d7f19870070a5ad42f' data-name='3a09a524440d44d7f19870070a5ad42f' transform='translate(-10.05 -77.45)'%3E%3Cg id='Group_1' data-name='Group 1' transform='translate(10.05 77.45)'%3E%3Cpath id='Path_1' data-name='Path 1' d='M158.971,538.2a.594.594,0,0,0-.6.587v5.965H146.2v-5.963a.6.6,0,0,0-1.2,0v6.553a.594.594,0,0,0,.6.587h13.374a.594.594,0,0,0,.6-.587v-6.553A.6.6,0,0,0,158.971,538.2Z' transform='translate(-142.286 -528.929)'/%3E%3Cpath id='Path_2' data-name='Path 2' d='M29.874,86.89l-9.4-9.268a.6.6,0,0,0-.843,0l-9.4,9.268a.582.582,0,0,0,0,.831.6.6,0,0,0,.845,0l8.98-8.851,8.982,8.851a.6.6,0,0,0,.843,0A.578.578,0,0,0,29.874,86.89Z' transform='translate(-10.05 -77.45)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.icon-close {
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg id='close-svgrepo-com' transform='translate(-3 -3)'%3E%3Cpath id='Path_1' data-name='Path 1' d='M18.121,4.929a1.5,1.5,0,0,0-2.121,0L11,9.929,6.121,5.05a1.5,1.5,0,0,0-2.121,2.121L8.879,12.05,4,16.929a1.5,1.5,0,1,0,2.121,2.121L11,14.171l4.879,4.879a1.5,1.5,0,0,0,2.121-2.121L13.121,12.05l4.879-4.879A1.5,1.5,0,0,0,18.121,4.929Z' transform='translate(0 0)'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.icon-white {
    filter: brightness(0%) invert(100%);
    -webkit-filter: brightness(0%) invert(100%);
    -moz-filter: brightness(0%) invert(100%);
}



/***************************************************
Table
***************************************************/
.content table {
    margin: 10px auto;
    clear: both;
    max-width: 100%;
    border-collapse: collapse;
    border: 1px solid #e3e3e3;
    line-height: 1.5em;
}

.content table thead tr {
    background: #e3e3e3; /* Old browsers */
}

.content table th {
    font-weight: bold;
    padding: 8px 10px;
    border-right: 1px solid #e3e3e3!important;
    border-bottom: 1px solid #e3e3e3!important;
    background: #F5F5F5; /* Old browsers */
}
.content table thead th[data-sort] {
    cursor: pointer;
    *cursor: hand;
}
.content table thead th span {
    margin: 0 0 0 2px;
}


.content table td {
    padding: 6px 10px;
    border: 0!important;
    border-right: 1px solid #e3e3e3!important;
    border-bottom: 1px solid #e3e3e3!important;
    vertical-align: top;
}

.content table tr td.sub {
    padding-left: 30px;
}

.content table input[type=text] {
    margin: -4px -5px;
    padding: 2px;
}
.content table input[type=text].act-order {
    width: 30px;
    text-align: center;
}

@media screen and (max-width: 800px) {
    .content table {
        overflow-x: auto;
        display: block;
    }
}

/***************************************************
nawigacja
***************************************************/

.breadcrumb {
    font-size: 12px;
    text-transform: uppercase;
    margin: 25px 0 -15px 0;
}
.breadcrumb span {
    margin: 0 10px;
}
.breadcrumb span.icon-home {
    margin: -2px 0 0 0;
}
.breadcrumb a {
}
.breadcrumb a:hover {
    text-decoration: underline;
}
.breadcrumb .sort {
    text-align: right;
    float: right;
    width: 360px;
    margin: -13px 0 0 0;
}
.breadcrumb .sort select {
    width: 160px;
    margin-left: 10px;
}
.breadcrumb .sort select:first-child {
    margin-left: 0;
}

@media (max-width: 767px) {
    .breadcrumb {
        text-align: center;
    }
    .breadcrumb .sort {
        text-align: center;
        float: none;
        width: 100%;
        margin: 20px 0 -15px 0;
    }
}



/***************************************************
podstrona - kontakt
***************************************************/

@media (max-width: 767px) {
    .wrapper-contact .g-col-6:first-child {
        margin-bottom: 50px;
    }
}


/***************************************************
			        boxy na głównej
***************************************************/

.boxes-wrapper .boxes-item {
    text-align: left;
    position: relative;
    display: block;
}
.boxes-wrapper img {
    width: 100%;
    display: block;
}
.boxes-wrapper .boxes-item:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    z-index: 2;

    background: rgb(0,0,0);
    background: -moz-linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);
    background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
.boxes-wrapper .boxes-item div {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9;
    color: #fff;
    padding: 20px;
    line-height: 1.5em;
}
.boxes-wrapper h3 {
    font-size: 24px;
    margin: 10px 0;

}
.boxes-wrapper strong {
    font-size: 24px;
}
.boxes-wrapper .btn {
    margin-top: 20px;
}


/***************************************************
podstrona - galeria
***************************************************/

/*.p-gallery article {*/
    /*float: left;*/
    /*margin: 0 0 20px 20px;*/
    /*width: 210px;*/
/*}*/
/*.p-gallery article:nth-child(4n+1) {*/
    /*margin-left: 0;*/
/*}*/


/***************************************************
podstrona - galeria szczegóły
***************************************************/

/*.p-gallery-show article {*/
    /*float: left;*/
    /*margin: 0 0 15px 15px;*/
    /*width: 210px;*/
/*}*/
/*.p-gallery-show article:nth-child(3n+1) {*/
    /*margin-left: 0;*/
/*}*/


/***************************************************
moduł - news
***************************************************/

/*.m-news article {
    margin-bottom: 15px;
}
.m-news article header {
    margin-bottom: 10px;
    height: 100%;
    overflow: hidden;
}
.m-news article header h2 {
    margin: 0;
    float: left;
}
.m-news article header h2 a {
    text-decoration: none;
}
.m-news article header time {
    color: #999;
    float: right;
}
.m-news article figure {
    float: left;
    margin-right: 10px;
}
.m-news article figure img {
    width: 90px;
    display: block;
}
.m-news article section time {
    color: #999;
}
.m-news article section p {
    margin: 10px 0;
}*/


/***************************************************
box - oferta na głównej
***************************************************/

.b-carouse {
    margin: -10px -10px 40px -10px;
}
.b-carouse .item {
    padding: 0 10px;
    margin: 10px 0;
}


/***************************************************
moduł - katogorie
***************************************************/

.offers-filters .g-col-m-12 {
    margin-bottom: 20px;
}
.offers-filters-h {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 40px 0 20px 0;
}
.offers-filters-h:first-child {
    margin-top: 0;
}
.offers-filters ul li {
    position: relative;
    margin-bottom: 5px;
    padding-left: 20px;
}
.offers-filters ul li:before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background: #000;
    position: absolute;
    left: 0;
    top: 4px;

}

.offers-filters ul a:hover, .offers-filters ul li.current a {
    text-decoration: underline;
}

.offers-filters ul > span {
    display: block;
    margin-bottom: 15px;
}

.offers-filters-attrs-hide {
    display: none;
}
.offers-filters-attrs-more {
    display: none;
}


.offers-filters-nav {
    margin: -10px 0 20px 0;
}



.mobile-cat {
    display: block;
    height: 52px;
    line-height: 52px;
    text-align: center;
    text-decoration: none;
    transition: top .25s linear;
    -moz-transition: top .25s linear;
    -webkit-transition: top .25s linear;
}

@media (min-width: 768px) {
    .mobile-cat {
        display: none;
    }
}

.mobile-cat:hover {
    text-decoration: none;
}

.mobile-cat span {
    position: relative;
    padding-left: 35px;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
}

.mobile-cat span::after {
    display: block;
    position: absolute;
    top: 24px;
    left: 0;
    width: 25px;
    height: 3px;
    background: #000;
    box-shadow: 0 6px 0 #000,
    0 -6px 0 #000;
    content: '';
}


/***************************************************
moduł - oferta
***************************************************/

.offers-producerText {
    margin-bottom: 50px;
}

.offers-item {
    display: block;
    background: #fff;
    text-align: center;
    padding: 0;
    margin-bottom: 30px;
}
.offers-item figure {
    text-align: center;
    height: 250px;
    position: relative;
    border: 1px solid #e3e3e3;
}
.offers-item:hover figure {
    border: 1px solid #000;
}
.offers-item figure img {
    max-width: 80%;
    max-height: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 8;
}

.offers-title {
    color: #343b4a;
    font-size: 14px;
    font-weight: normal;
    margin: 15px 0 5px 0;
}
.offers-item p {
    margin: 0;
}
.price {
    font-size: 16px;
    font-weight: 600;
}
.price-prom {
    color: #2a9df4;
}
.price-prom strike {
    font-size: 14px;
    color: #a1a5ae;
}

.label-promotion, .label-new {
    display: inline-block;
    padding: 5px;
    color: #fff;
    float: left;
    margin: 3px;
    background: #2a9df4;
    z-index: 9;
    position: relative;
}
.label-new {
    background: #2a9df4;
}


/***************************************************
strona - główna
***************************************************/


.main {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    margin-top: 40px;
}

.main-cats {
    width: 250px;
    margin-right: 30px;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
}


.main-slider {
    position: relative;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    width: calc(100% - 280px);
    z-index: 1;
}

@media (max-width: 979px) {
    .main-cats {
        display: none;
    }
    .main-slider {
        width: 100%;
    }
}



.cats {
    position: relative;
    z-index: 9;
    padding: 15px 0 15px 0;
    height: 100%;
    min-height: 250px;
    background: #fff;
}
.main-cats .cats {
    border: 1px solid #e3e3e3;
}
.cats p {
    margin: 0 0 15px 15px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
}
.cats ul li {
    margin: 3px 0;
    min-height: 18px;
    line-height: 18px;
}
.cats > ul > li > a {
    display: block;
    position: relative;
    padding: 8px 30px 8px 50px;
}
.cats > ul > li > a i.icon-arrow-right {
    position: absolute;
    right: 15px;
    top: 50%;
    height: 16px;
    width: 6px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.cats > ul > li:hover, .cats > ul > li.open {
    background: #f9f9f9;
}
.cats > ul > li.current > a {
    color: #2a9df4;
}
.cats > ul > li:hover > .cats-sub, .cats > ul > li.open > .cats-sub {
    display: block;
}


.cats-sub {
    position: absolute;
    left: 100%;
    top: -1px;
    bottom: -1px;
    background: #fff;
    width: 921px;
    display: none;
    border: 1px solid #e3e3e3;
    padding: 15px 0;
    overflow-y: auto;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
}

@media (max-width: 1199px) {
    .cats-sub {
        width: calc(100vw - 250px - 40px);
    }
}

@media (max-width: 534px) {
    .cats {
        padding: 15px 5px;
        height: calc(100% - 60px);
    }
    .cats-sub {
        width: auto;
        left: 5px;
        right: 0;
        top: 0;
        bottom: 0;
        height: auto;
        z-index: 9;
        box-shadow: none;
        border: 0;
    }
}

.cats-columns {
    column-count: 4;
    column-fill: balance;
}

@media (max-width: 979px) {
    .cats-columns {
        column-count: 3;
    }
}

@media (max-width: 767px) {
    .cats-columns {
        column-count: 2;
    }
}

@media (max-width: 600px) {
    .cats-columns {
        column-count: 1;
    }
}

.cats-group {
    padding: 0 15px;
    margin-bottom: 20px;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    break-inside: avoid;
    page-break-inside: avoid;
}
.cats-group strong  {
    color: #2a9df4;
}
.cats-group .cats-subsub {
    margin: 10px 0 0 0;
}
.cats-group .cats-subsub li {
    margin: 5px 0;
    line-height: 16px;
}
.cats-group .cats-subsub li.current > a {
    color: #2a9df4;
}


[class*="icon-cat-"] {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 26px;
    height: 26px;
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.icon-cat-ogrzewanie {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg fill='%23000000' height='581.81824' width='800' version='1.1' id='Capa_1' viewBox='0 0 55 40.000004' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs1' /%3E%3Cg id='g1' transform='translate(0,-7.5)'%3E%3Cpath d='M 54,13.5 H 52 V 11.498 C 52,9.294 50.206,7.5 48,7.5 c -2.206,0 -4,1.794 -4,3.998 V 13.5 H 42 V 11.498 C 42,9.294 40.206,7.5 38,7.5 c -2.206,0 -4,1.794 -4,3.998 V 13.5 H 32 V 11.498 C 32,9.294 30.206,7.5 28,7.5 c -2.206,0 -4,1.794 -4,3.998 V 13.5 H 22 V 11.498 C 22,9.294 20.206,7.5 18,7.5 c -2.206,0 -4,1.794 -4,3.998 V 13.5 H 12 V 11.498 C 12,9.294 10.206,7.5 8,7.5 5.794,7.5 4,9.294 4,11.498 V 13.5 H 2 v -1 H 0 v 2 6 2 h 2 v -1 h 2 v 22.002 c 0,2.204 1.794,3.998 4,3.998 2.206,0 4,-1.794 4,-3.998 V 42.5 h 2 v 1.002 c 0,2.204 1.794,3.998 4,3.998 2.206,0 4,-1.794 4,-3.998 V 42.5 h 2 v 1.002 c 0,2.204 1.794,3.998 4,3.998 2.206,0 4,-1.794 4,-3.998 V 42.5 h 2 v 1.002 c 0,2.204 1.794,3.998 4,3.998 2.206,0 4,-1.794 4,-3.998 V 42.5 h 2 v 1.002 c 0,2.204 1.794,3.998 4,3.998 2.206,0 4,-1.794 4,-3.998 V 21.5 h 2 c 0.553,0 1,-0.447 1,-1 v -6 c 0,-0.553 -0.447,-1 -1,-1 z m -10,2 v 4 h -2 v -4 z m -10,0 v 4 h -2 v -4 z m -10,0 v 4 h -2 v -4 z m -10,0 v 4 h -2 v -4 z m -12,4 v -4 h 2 v 4 z m 8,24.002 C 10,44.604 9.102,45.5 8,45.5 6.898,45.5 6,44.604 6,43.502 V 20.5 14.5 11.498 C 6,10.396 6.898,9.5 8,9.5 c 1.102,0 2,0.896 2,1.998 v 3.002 6 20 2 z M 12,40.5 v -19 h 2 v 19 z m 8,3.002 c 0,1.102 -0.897,1.998 -2,1.998 -1.103,0 -2,-0.896 -2,-1.998 V 20.5 14.5 11.498 C 16,10.396 16.897,9.5 18,9.5 c 1.103,0 2,0.896 2,1.998 v 3.002 6 z M 22,40.5 v -19 h 2 v 19 z m 8,3.002 c 0,1.102 -0.897,1.998 -2,1.998 -1.103,0 -2,-0.896 -2,-1.998 v -1.002 -2 -20 -6 -3.002 C 26,10.396 26.897,9.5 28,9.5 c 1.103,0 2,0.896 2,1.998 v 3.002 6 20 2 z M 32,40.5 v -19 h 2 v 19 z m 8,3.002 c 0,1.102 -0.897,1.998 -2,1.998 -1.103,0 -2,-0.896 -2,-1.998 V 20.5 14.5 11.498 C 36,10.396 36.897,9.5 38,9.5 c 1.103,0 2,0.896 2,1.998 v 3.002 6 20 2 z M 42,40.5 v -19 h 2 v 19 z m 8,3.002 c 0,1.102 -0.897,1.998 -2,1.998 -1.103,0 -2,-0.896 -2,-1.998 V 20.5 14.5 11.498 C 46,10.396 46.897,9.5 48,9.5 c 1.103,0 2,0.896 2,1.998 v 3.002 6 z M 53,19.5 h -1 v -4 h 1 z' id='path1' /%3E%3C/g%3E%3C/svg%3E%0A");
}



.mainInfo-wrapper {
    text-align: center;
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: 40px;
}
.mainInfo-wrapper h1 {
    font-size: 22px;
    text-align: center;
    text-transform: none;
    margin: 40px 0 20px 0;
}
.mainInfo-item {
    padding: 40px 0 0 0;
    font-size: 16px;
    position: relative;
    display: inline-block;
    text-align: left;
}
.mainInfo-item span {
    float: left;
    margin-right: 20px;
}

@media (max-width: 767px) {
    .mainInfo-item {
        width: 250px;
    }
}




/***************************************************
strona - szczegóły oferty
***************************************************/

.offer-wrapper figure {
    text-align: center;
}
.offer-wrapper figure a {
    background: #fff;
}
.offer-wrapper figure img {
    max-width: 100%;
    display: inline-block;
}

.offer-photosBig {
    border: 1px solid #e3e3e3;
    padding: 10px;
    margin-bottom: 20px;
}

.offer-photosSmall {
    padding: 0 40px;
    position: relative;
}
.offer-photosSmall-item {
    cursor: pointer;
    padding: 10px;
    border: 2px solid #fff;
}
.offer-photosSmall-item.slick-current {
    border-color: #e3e3e3;
}
.offer-photosSmall .slick-arrow {
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    border: 0;
    width: 15px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='30' viewBox='0 0 15 30'%3E%3Cg id='b5af04794ac7478ac23942a99f9b7d4d' transform='translate(-269.735 -10.026)'%3E%3Cpath id='Path_1' data-name='Path 1' d='M270.877,40.026a1.191,1.191,0,0,1-.736-.251A1.029,1.029,0,0,1,270,38.263l12.1-13.5L270.561,11.789a1.029,1.029,0,0,1,.143-1.512,1.192,1.192,0,0,1,1.609.135l12.156,13.663a1.025,1.025,0,0,1,0,1.381L271.75,39.644A1.164,1.164,0,0,1,270.877,40.026Z' transform='translate(0 0)'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.offer-photosSmall .slick-prev {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.offer-photosSmall .slick-next {
    left: auto;
    right: 0;
}

.offer-producer {
    max-height: 45px;
}

.offer-wrapper .price {
    font-weight: bold;
    font-size: 28px;
    margin-bottom: 20px;
}
.offer-wrapper .price small {
    font-weight: normal;
    font-size: 16px;
}
.offer-wrapper .price strike {
    font-weight: normal;
}


.offer-description {
    margin: 50px 0;
}

.offer-color {
    display: inline-block;
    width: 21px;
    height: 21px;
    margin: 8px 5px 8px 0;
    border: 2px solid #f2f2f2;
    cursor: pointer;
}
.offer-color.sel {
    border: 2px solid #2a9df4;
}





/***************************************************
podstrona - koszyk
***************************************************/

.cart-list {
    margin-bottom: 40px;
}
.cart-item:first-child {
    border-top: 1px solid #d3d3d3;
}
.cart-item {
    border-bottom: 1px solid #d3d3d3;
    padding: 20px 0;
    position: relative;
}

.cart-item figure {
    height: 175px;
    position: relative;
}
.cart-item figure img {
    max-width: 80%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 8;
}

.cart-item h3 {
    margin: 10px 0;
}
.cart-item .price {
    font-weight: bold;
    font-size: 18px;
}
.cart-item .act-del {
    position: absolute;
    top: 20px;
    right: 0;
}

.cart-item .offer-color {
    margin: -2px 5px -5px 0;
}

@media (max-width: 767px) {
    .cart-item .act-del {
        padding: 5px 10px;
    }
}



.cart-summary {
    font-size: 18px;
    background: #fff;
    float: right;
    max-width: 400px;
    width: 100%;
    margin-bottom: 40px;
}
.cart-summary dt {
    width: 60%;
    float: left;
    margin-bottom: 5px;
    margin-right: 20px;
    text-align: right;
}
.cart-summary dd {
    margin-bottom: 5px;
    font-weight: bold;
}
.cart-summary strike {
    font-weight: normal;
}
.cart-summary p {
    font-size: 14px;
    text-align: center;
}

.cart-settings {
    margin: 10px 0;
    padding-bottom: 0;
}
.cart-settings .g-col-m-4 {
    margin-bottom: 40px;
}
.cart-settings label span {
    float: right;
}
.cart-settings .shipping .form-group {
    max-width: 300px;
}



.cash-login-wrapper > .g-row > .g-col-m-4 {
    margin-bottom: 30px;
}
.cash-login-wrapper .cash-login-box .btns {
    text-align: center;
    margin-top: 30px;
}


.cash-wrapper .g-row > .g-col-m-6 {
    margin-bottom: 30px;
}


#inpostPaczkomaty {
    margin-bottom: 20px;
}

.easypack-widget.mobile .map-list-row .map-list-flex {
    min-height: 300px!important;
}


/***************************************************
podstrona - historia
***************************************************/

.orders-item {
    margin-bottom: 10px;
    position: relative;
    border-bottom: 1px solid #d3d3d3;
    padding: 20px 0;
}
.orders-item:first-child {
    border-top: 1px solid #d3d3d3;
}
.orders-item h3 {
    margin-top: 20px;
}
.orders-item .price {
    font-weight: bold;
    font-size: 18px;
}
.orders-item .form-group {
    margin-bottom: 0;
}
.orders-item .btn {
}

.orders-wrapper .btns {
    margin: 0;
}

.orders-wrapper .btns a {
    margin: 5px 0;
}


.order-wrapper .form-info {
}


@media (max-width: 767px) {
    .orders-wrapper .btns a {
        width: 100%;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }
    .orders-wrapper .btns br {
        display: none;
    }
}



.producers-wrapper h3 {
    margin: 20px 0 10px 0!important;
    padding-bottom: 10px;
    border-bottom: 1px solid #d3d3d3;
}


/***************************************************
podstrona - blog
***************************************************/

.blog-item {
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid #d3d3d3;
}
.blog-name {
    color: #343b4a;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 5px 0;
}
.blog-item time {
    color: #919191;
    font-size: 12px;
    display: block;
}

.blog-item figure {
    margin: 0 0 20px 0;
    text-align: center;
}
.blog-item img {
    width: 100%;
    max-width: 400px;
}

.blog-item-link {
    text-align: right;
}



.blog-item.blog-show {
    padding-bottom: 0;
    border-bottom: none;
}
.blog-item.blog-show img {
    max-width: none;
}

