/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;} audio,canvas,video{display:inline-block;} audio:not([controls]){display:none;height:0;} [hidden],template{display:none;} html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;} h1{font-size:2em;margin:.67em 0;} abbr[title]{border-bottom:1px dotted;} b,strong{font-weight:700;} dfn{font-style:italic;} hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0;} mark{background:#ff0;color:#000;} code,kbd,pre,samp{font-family:monospace, serif;font-size:1em;} pre{white-space:pre-wrap;} q{quotes:\201C \201D \2018 \2019;} small{font-size:80%;} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;} sup{top:-.5em;} sub{bottom:-.25em;} img{border:0;} svg:not(:root){overflow:hidden;} fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em;} button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;} button,input{line-height:normal;} button,select{text-transform:none;} button,html input[type=button],/* 1 */ input[type=reset],input[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer;} button[disabled],html input[disabled]{cursor:default;} input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;} input[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;} input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;} textarea{overflow:auto;vertical-align:top;} table{border-collapse:collapse;border-spacing:0;} body,figure{margin:0;} legend,button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}

a{background:transparent;}
a:focus{outline:thin dotted;}
a:active,a:hover{outline:0;}

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

/*
 * Grid
 */

.row {
    margin-left: -20px;
}
    .fill-row {
        margin-left: -20px;
        margin-bottom: 20px;
    }
    .row--space {
        margin-bottom: 20px;
    }
    .row:before, .fill-row:before,
    .row:after, .fill-row:after {
        content: '';
        display: table;
        line-height: 0;
    }
    .row:after, .fill-row:after {
        clear: both;
    }

.span, .fill {
    display: block;
    float: left;
    min-height: 1px;
    padding: 0 0 0 20px;
}   
    .fill {
        position: relative;
    }
    .fill-static {
        display: inline-block;
        float: none;
        width: auto;
        max-width: 285px;
    }
    .fill-auto {width: auto; float:none; position: relative;}
    .span-12, .fill-12 {width: 100%;}      .offset-12, .offset-fill-12 {margin-left: 100%;}
    .span-11, .fill-11 {width: 91.66%;}    .offset-11, .offset-fill-11 {margin-left: 91.66%;}
    .span-10, .fill-10 {width: 83.33%;}    .offset-10, .offset-fill-10 {margin-left: 83.33%;}
    .span-9,  .fill-9  {width: 75%;}       .offset-9,  .offset-fill-9  {margin-left: 75%;}
    .span-8,  .fill-8  {width: 66.66%;}    .offset-8,  .offset-fill-8  {margin-left: 66.66%;}
    .span-7,  .fill-7  {width: 58.33%;}    .offset-7,  .offset-fill-7  {margin-left: 58.33%;}
    .span-6,  .fill-6  {width: 50%;}       .offset-6,  .offset-fill-6  {margin-left: 50%;}
    .span-5,  .fill-5  {width: 41.66%;}    .offset-5,  .offset-fill-5  {margin-left: 41.66%;}
    .span-4,  .fill-4  {width: 33.33%;}    .offset-4,  .offset-fill-4  {margin-left: 33.33%;}
    .span-3,  .fill-3  {width: 25%;}       .offset-3,  .offset-fill-3  {margin-left: 25%;}
    .span-2,  .fill-2  {width: 16.66%;}    .offset-2,  .offset-fill-2  {margin-left: 16.66%;}
    .span-1,  .fill-1  {width: 8.33%;}     .offset-1,  .offset-fill-1  {margin-left: 8.33%;}
    .span-0,  .fill-0  {display: none;}    .offset-0,  .offset-fill-0  {margin-left: 0%;}

/*** RWD ***/
@media only screen and (max-width: 980px) {
	.span-tab-12 , .fill-tab-12 {width: 100%}	.offset-tab-12, .offset-fill-tab-12  {margin-left: 100%}
	.span-tab-11 , .fill-tab-11 {width: 91.66%}	.offset-tab-11, .offset-fill-tab-11  {margin-left: 91.66%}
	.span-tab-10 , .fill-tab-10 {width: 83.33%}	.offset-tab-10, .offset-fill-tab-10  {margin-left: 83.33%}
	.span-tab-9  , .fill-tab-9 {width: 75%}		.offset-tab-9 , .offset-fill-tab-9   {margin-left: 75%}
	.span-tab-8  , .fill-tab-8 {width: 66.66%}	.offset-tab-8 , .offset-fill-tab-8   {margin-left: 66.66%}
	.span-tab-7  , .fill-tab-7 {width: 58.33%}	.offset-tab-7 , .offset-fill-tab-7   {margin-left: 58.33%}
	.span-tab-6  , .fill-tab-6 {width: 50%}		.offset-tab-6 , .offset-fill-tab-6   {margin-left: 50%}
	.span-tab-5  , .fill-tab-5 {width: 41.66%}	.offset-tab-5 , .offset-fill-tab-5   {margin-left: 41.66%}
	.span-tab-4  , .fill-tab-4 {width: 33.33%}	.offset-tab-4 , .offset-fill-tab-4   {margin-left: 33.33%}
	.span-tab-3  , .fill-tab-3 {width: 25%}		.offset-tab-3 , .offset-fill-tab-3   {margin-left: 25%}
	.span-tab-2  , .fill-tab-2 {width: 16.66%}	.offset-tab-2 , .offset-fill-tab-2   {margin-left: 16.66%}
	.span-tab-1  , .fill-tab-1 {width: 8.33%}	.offset-tab-1 , .offset-fill-tab-1   {margin-left: 8.33%}
	.span-tab-0  , .fill-tab-0 {display: none}	.offset-tab-0 , .offset-fill-tab-0   {margin-left: 0%}
}

@media only screen and (max-width: 600px) {
	.span-mob-12, .fill-mob-12 {width: 100%}	.offset-mob-12, .offset-fill-mob-12 {margin-left: 100%}
	.span-mob-11, .fill-mob-11 {width: 91.66%}	.offset-mob-11, .offset-fill-mob-11 {margin-left: 91.66%}
	.span-mob-10, .fill-mob-10 {width: 83.33%}	.offset-mob-10, .offset-fill-mob-10 {margin-left: 83.33%}
	.span-mob-9, .fill-mob-9   {width: 75%}		.offset-mob-9 , .offset-fill-mob-9  {margin-left: 75%}
	.span-mob-8, .fill-mob-8   {width: 66.66%}	.offset-mob-8 , .offset-fill-mob-8  {margin-left: 66.66%}
	.span-mob-7, .fill-mob-7   {width: 58.33%}	.offset-mob-7 , .offset-fill-mob-7  {margin-left: 58.33%}
	.span-mob-6, .fill-mob-6   {width: 50%}		.offset-mob-6 , .offset-fill-mob-6  {margin-left: 50%}
	.span-mob-5, .fill-mob-5   {width: 41.66%}	.offset-mob-5 , .offset-fill-mob-5  {margin-left: 41.66%}
	.span-mob-4, .fill-mob-4   {width: 33.33%}	.offset-mob-4 , .offset-fill-mob-4  {margin-left: 33.33%}
	.span-mob-3, .fill-mob-3   {width: 25%}		.offset-mob-3 , .offset-fill-mob-3  {margin-left: 25%}
	.span-mob-2, .fill-mob-2   {width: 16.66%}	.offset-mob-2 , .offset-fill-mob-2  {margin-left: 16.66%}
	.span-mob-1, .fill-mob-1   {width: 8.33%}	.offset-mob-1 , .offset-fill-mob-1  {margin-left: 8.33%}
	.span-mob-0, .fill-mob-0   {display: none}	.offset-mob-0 , .offset-fill-mob-0  {margin-left: 0%}
    .fill + .fill-mob-12 { margin-top: 20px !important; }
}
/*****/

/*
 * PLUGINS
 */


/*
 * qTip2 - Pretty powerful tooltips - v2.1.1
 * http://qtip2.com
 *
 * Copyright (c) 2013 Craig Michael Thompson
 * Released under the MIT, GPL licenses
 * http://jquery.org/license
 *
 * Date: Wed Aug 28 2013 02:49 UTC+0000
 * Plugins: viewport
 * Styles: None
 */
.qtip {
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    direction: ltr;
    display: none;
    font-size: 13px;
    left: -28000px;
    line-height: 1.1em;
    max-width: 280px;
    /*min-width: 50px;*/
    padding: 0;
    position: absolute;
    top: -28000px;
}

    .qtip-content {
        overflow: hidden;
        padding: 4px 7px;
        position: relative;
        text-align: left;
        word-wrap: break-word;
    }

    .qtip-titlebar {
        border-width: 0 0 1px;
        font-weight: bold;
        overflow: hidden;
        padding: 5px 35px 5px 10px;
        position: relative;
    }

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

    /* Default close button class */
    .qtip-close {
        border-color: transparent;
        border-style: solid;
        border-width: 1px;
        cursor: pointer;
        outline: medium none;
        position: absolute;
        right: -9px; top: -9px;
    }

        .qtip-titlebar .qtip-close {
            margin-top: -9px;
            right: 4px; top: 50%;
        }

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

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

            .qtip-icon .ui-icon {
                background: transparent none no-repeat -100em -100em;
                color: inherit;
                font: normal bold 10px/13px Tahoma,sans-serif;
                height: 14px;
                line-height: 14px;
                text-align: center;
                text-indent: 0;
                width: 18px;
            }

/* Default tooltip style */
.qtip-default {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, .1);
       -moz-box-shadow: 0 2px 7px rgba(0, 0, 0, .1);
            box-shadow: 0 2px 7px rgba(0, 0, 0, .1);
    color: #555;
}

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

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

    .qtip-default .qtip-titlebar .qtip-close {
        border-color: #AAA;
        color: #111;
    }

    .qtip--image {
        max-width: none;
    }
        .qtip--image .qtip-content {
            padding: 3px;
        }

.qtip--error {
    background-color: #fff;
    border: 1px solid #D92E2E;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    color: #D92E2E;
}

/*
 * Cycle2
 */
.cycle-slide,
.cycle-slide img {
    max-width: none !important;
}

/*
 * Magnific Popup
 */
.whiteBackground .mfp-content {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #cccccc;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    color: #282828;
    margin: 20px;
    max-width: 900px;
    min-height: 80%;
    padding: 20px;
}

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

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

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

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

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

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

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

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

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

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

.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: #cccccc;
    left: 8px;
    margin-top: -0.8em;
    position: absolute;
    right: 8px;
    text-align: center;
    top: 50%;
    width: auto;
    z-index: 1044;
}
    .mfp-preloader a {
        color: #cccccc;
    }
        .mfp-preloader a:hover {
            color: white;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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 {
        bottom: 0;
        top: 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;
        padding: 3px 5px;
        position: fixed;
        top: auto;
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }
    .mfp-img-mobile .mfp-close {
        background: rgba(0, 0, 0, 0.6);
        height: 35px;
        line-height: 35px;
        padding: 0;
        position: fixed;
        right: 0;
        text-align: center;
        top: 0;
        width: 35px;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
           -moz-transform: scale(0.75);
            -ms-transform: scale(0.75);
             -o-transform: scale(0.75);
                transform: scale(0.75);
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
           -moz-transform-origin: 0;
            -ms-transform-origin: 0;
             -o-transform-origin: 0;
                transform-origin: 0;
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
           -moz-transform-origin: 100%;
            -ms-transform-origin: 100%;
             -o-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 {
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
    width: 600px;
}
.mfp-ie7 .mfp-container {
    padding: 0;
}
.mfp-ie7 .mfp-content {
    padding-top: 44px;
}
.mfp-ie7 .mfp-close {
    padding-top: 0;
    right: 0;
    top: 0;
}

/* Animation */
/* overlay at start */
.mfp-fade.mfp-bg {
    filter: alpha(opacity = 0);
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
       -moz-transition: all 0.15s ease-out;
         -o-transition: all 0.15s ease-out;
            transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
    filter: alpha(opacity = 80);
    opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
    filter: alpha(opacity = 0);
    opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
    filter: alpha(opacity = 0);
    opacity: 0;
    -webkit-transform: scale(.5);
       -moz-transform: scale(.5);
        -ms-transform: scale(.5);
         -o-transform: scale(.5);
            transform: scale(.5);
    -webkit-transition: all 0.15s ease-out;
       -moz-transition: all 0.15s ease-out;
         -o-transition: all 0.15s ease-out;
            transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    filter: alpha(opacity = 100);
    opacity: 1;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    filter: alpha(opacity = 0);
    opacity: 0;
    -webkit-transform: scale(.5);
       -moz-transform: scale(.5);
        -ms-transform: scale(.5);
         -o-transform: scale(.5);
            transform: scale(.5);
}


/*
 * Ciasteczkowy potwór!
 */
.cookieMonster {
    background: rgba(240,240,240,0.7);
    bottom: 0;
    color: #505050;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 9999;
}
    .cookieMonster-info {
        font-size: 11px;
        line-height: 23px; 
        padding: 7px;
    }
    .cookieMonster-more,
    .cookieMonster-close {
        border-left: 1px solid #D9D9D9;
        color: #636363;
        cursor: pointer;
        float: right;
        margin: -3px -3px -3px 0;
        min-width: 37px;
        padding: 3px 8px;
        text-align: center;
        -webkit-transition: all 0.35s ease-out;
           -moz-transition: all 0.35s ease-out;
             -o-transition: all 0.35s ease-out;
                transition: all 0.35s ease-out;
    }
    .cookieMonster-close {
        font-size: 25px;
    }
        .cookieMonster-more:hover,
        .cookieMonster-close:hover {
            background-color: rgba(60,60,60,0.5);
            color: #fff;
            text-decoration: none;
        }

    .cookieMonster-description {
        background: rgba(240, 240, 240, 1);
        border-top: 1px solid #D1D1D1;
        color: #333;
        display: none;
        font-size: 13px;
        line-height: 1.3em;
        max-height: 320px;
        overflow: auto;
        padding: 10px 20px 10px;
    }
        .cookieMonster-description p {
            margin: 0;
            padding: 6px 0;
        }
        .cookieMonster-description ul {
            margin: 0 0 0 20px;
            padding: 6px 0;
        }
        .cookieMonster-description li {
            background: none;
            list-style-type: square;
            padding: 0 0 10px 0;
        }

@media only screen and (max-width: 950px) {
    .cookieMonster {
        max-height: 100%;
        overflow: hidden;
        overflow-y: auto;
    }
    .cookieMonster-info {
        height: auto;
        line-height: 1.3em;
        max-height: 100%;
        overflow: hidden;
        overflow-y: auto;
        padding-right: 60px;
    }
    .cookieMonster-more,
    .cookieMonster-close {
        border: 1px solid #D9D9D9;
        display: block;
        float: none;
        height: auto;
    }
    .cookieMonster-more {
        margin: 5px auto;
        max-width: 150px;
        padding: 5px;
    }
    .cookieMonster-close {
        border-width: 1px;
        padding: 14px 12px;
        position: absolute;
        right: 0;
        top: 0;
    }
    .cookieMonster-description {
        max-height: 100%;
    }
}