/*! normalize.css v1.1.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Prevent system color scheme's background color being used in Firefox, IE,
 *    and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and
 *    Opera.
 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 4. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    background: #fff; /* 1 */
    color: #000; /* 2 */
    font-size: 100%; /* 3 */
    -webkit-text-size-adjust: 100%; /* 4 */
    -ms-text-size-adjust: 100%; /* 4 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

.displayonmobile {
    display: none;
}

.displayonpc {
    display: block;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

.legend {
        margin-top: 230px;
        display: none;
    }

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */

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

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/*----------------------------------------------------------------------------*/
/*-----------------------------Style ogólne i klasy---------------------------*/
/*----------------------------------------------------------------------------*/




/*----------------------------------Czcionki----------------------------------*/

@font-face {
    font-family: 'titillium_webbold';
    src: url('/application/media/fonts/titilliumweb-bold-webfont.eot');
    src: url('/application/media/fonts/titilliumweb-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('/application/media/fonts/titilliumweb-bold-webfont.woff2') format('woff2'),
        url('/application/media/fonts/titilliumweb-bold-webfont.woff') format('woff'),
        url('/application/media/fonts/titilliumweb-bold-webfont.ttf') format('truetype'),
        url('/application/media/fonts/titilliumweb-bold-webfont.svg#titillium_webbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titillium_webitalic';
    src: url('/application/media/fonts/titilliumweb-italic-webfont.eot');
    src: url('/application/media/fonts/titilliumweb-italic-webfont.eot?#iefix') format('embedded-opentype'),
        url('/application/media/fonts/titilliumweb-italic-webfont.woff2') format('woff2'),
        url('/application/media/fonts/titilliumweb-italic-webfont.woff') format('woff'),
        url('/application/media/fonts/titilliumweb-italic-webfont.ttf') format('truetype'),
        url('/application/media/fonts/titilliumweb-italic-webfont.svg#titillium_webitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titillium_webregular';
    src: url('/application/media/fonts/titilliumweb-regular-webfont.eot');
    src: url('/application/media/fonts/titilliumweb-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('/application/media/fonts/titilliumweb-regular-webfont.woff2') format('woff2'),
        url('/application/media/fonts/titilliumweb-regular-webfont.woff') format('woff'),
        url('/application/media/fonts/titilliumweb-regular-webfont.ttf') format('truetype'),
        url('/application/media/fonts/titilliumweb-regular-webfont.svg#titillium_webregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titillium_websemibold';
    src: url('/application/media/fonts/titilliumweb-semibold-webfont.eot');
    src: url('/application/media/fonts/titilliumweb-semibold-webfont.eot?#iefix') format('embedded-opentype'),
        url('/application/media/fonts/titilliumweb-semibold-webfont.woff2') format('woff2'),
        url('/application/media/fonts/titilliumweb-semibold-webfont.woff') format('woff'),
        url('/application/media/fonts/titilliumweb-semibold-webfont.ttf') format('truetype'),
        url('/application/media/fonts/titilliumweb-semibold-webfont.svg#titillium_websemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titillium_webthin';
    src: url('/application/media/fonts/titilliumweb-extralight-webfont.eot');
    src: url('/application/media/fonts/titilliumweb-extralight-webfont.eot?#iefix') format('embedded-opentype'),
        url('/application/media/fonts/titilliumweb-extralight-webfont.woff2') format('woff2'),
        url('/application/media/fonts/titilliumweb-extralight-webfont.woff') format('woff'),
        url('/application/media/fonts/titilliumweb-extralight-webfont.ttf') format('truetype'),
        url('/application/media/fonts/titilliumweb-extralight-webfont.svg#titillium_webthin') format('svg');
    font-weight: normal;
    font-style: normal;
}






/*---------------------------------Ogólne style-------------------------------*/
body {
    font-family: titillium_webregular, sans-serif;
}

.page-header {
    background: #2d4692;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px 0;
    border-bottom: none;
}

.page-content {
    min-height: 700px;
}

h1 {
    font-size: 24px;
    text-align: center;
    font-family: titillium_websemibold, sans-serif;
}

#about h1 {
    font-family: titillium_websemi, sans-serif;
    font-size: 30px;
    text-align: left;
    color: #303B52;
    margin-bottom: 12px;
    margin-top: 24px;
    line-height: 40px;
    font-weight: 500;
    position: relative;
    padding-top: 20px;
}

#about h1:before{
    content: ' ';
    position: absolute;
    width: 70px;
    height: 1px;
    top: 0;
    left: 0;
    background: #1B4B9D;
}

#inwestycje-title h2 {
    font-family: titillium_websemibold, sans-serif;
    font-size: 24px;
    text-align: center;
    color: #fff;
}

.privacy-policy-popup {
    position: fixed;
    background: rgb(0,0,0);
    background: rgba(0,0,0,.6);
    top: 0;
    left: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    z-index: -1;
    -moz-transition: .5s ease opacity, .5s ease filter, .5s ease z-index;
    -webkit-transition: .5s ease opacity, .5s ease filter, .5s ease z-index;
    -o-transition: .5s ease opacity, .5s ease filter, .5s ease z-index;
    transition: .5s ease opacity, .5s ease filter, .5s ease z-index;
}

.activate-privacy-policy {
    filter: alpha(opacity=100);
    opacity: 1;
    z-index: 1002;
    -moz-transition: .5s ease opacity, .5s ease filter, .5s ease z-index;
    -webkit-transition: .5s ease opacity, .5s ease filter, .5s ease z-index;
    -o-transition: .5s ease opacity, .5s ease filter, .5s ease z-index;
    transition: .5s ease opacity, .5s ease filter, .5s ease z-index;
}

.privacy-policy {
    background: #2D4692;
    color: #fff;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    position: relative;
}

.privacy-policy span:first-child {
    right: 0;
    top: 0;
    background: #fff;
    color: #000;
    display: block;
    height: 30px;
    width: 30px;
    font-size: 22px;
    border-radius: 15px;
    text-align: center;
    border: 3px solid #000;
    line-height: 22px;
    cursor: pointer;
    margin-right: -15px;
    margin-top: -15px;
    position: absolute;
    -moz-transition: .3s ease color, .3s ease border;
    -webkit-transition: .3s ease color, .3s ease border;
    -o-transition: .3s ease color, .3s ease border;
    transition: .3s ease color, .3s ease border;
}

.privacy-policy span:first-child:hover, .privacy-policy span:first-child:active {
    color: #b71c1c;
    border: 3px solid #b71c1c;
    -moz-transition: .3s ease color, .3s ease border;
    -webkit-transition: .3s ease color, .3s ease border;
    -o-transition: .3s ease color, .3s ease border;
    transition: .3s ease color, .3s ease border;
}


.privacy-policy-content {
    height: 100%;
    width: 100%;
    -webkit-box-shadow: 0 0 5px #000;
    -moz-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px #000;
}

.privacy-policy span:first-child:active {
    font-size: 18px;
}

.privacy-policy-content div {
    overflow: auto;
    padding: 10px 30px 30px 30px;
    width: 100%;
    position: absolute;
    top: 20px;
}

.privacy-policy-content div p {
    margin-top: 0;
    text-align: justify;
}

.privacy-policy-button {
    cursor: pointer;
}

.privacy-policy-button:hover {
    text-decoration: underline;
}

#cookies-bar {
    min-height: 60px;
    background-color: rgb(45, 70, 146);
    background-color: rgba(45, 70, 146,.9);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-box-shadow: 0 5px 5px rgb(0,0,0);
    -moz-box-shadow: 0 5px 5px rgb(0,0,0);
    box-shadow: 0 5px 5px rgb(0,0,0);
    -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.5);
    -moz-box-shadow: 0 5px 5px rgba(0,0,0,.5);
    box-shadow: 0 5px 5px rgba(0,0,0,.5);
    -moz-transition: .3s ease all;
    -webkit-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all;
}

.activate-cookies-bar {
    z-index: 1001 !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    -moz-transition: .3s ease all;
    -webkit-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all;
}

#cookie-content-container div {
    height: 40px;
    background-color: #fff;
    color: #2D4692;
    padding: 10px;
    text-align: center;
    float: left;
    line-height: 1em;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
    cursor: pointer;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #fff;
    -moz-transition: .1s ease all;
    -webkit-transition: .1s ease all;
    -o-transition: .1s ease all;
    transition: .1s ease all;
}

#cookie-content-container div:hover {
    color: #fff;
    -moz-transition: .1s ease all;
    -webkit-transition: .1s ease all;
    -o-transition: .1s ease all;
    transition: .1s ease all;
    background-color: rgb(45, 70, 146);
    background-color: rgba(45, 70, 146, 0);
}

#cookie-content-container div:active {
    font-size: 16px;  
    -moz-transition: .01s ease all;
    -webkit-transition: .01s ease all;
    -o-transition: .01s ease all;
    transition: .01s ease all;
}

#cookie-content-container p {
    color: #fff;
    font-size: 18px;
    float: left;
    line-height: 1em;
    margin-top: 21px;
    margin-bottom: 21px;
}

#cookie-content-container p span {
    text-decoration: underline;
    cursor: pointer;
    color: #fff;
}

#cookie-content-container p span:hover {
    text-decoration: underline;
    cursor: pointer;
    color: rgb(255, 255, 255);
    color: rgba(255, 255, 255, .8);
}

#cookie-content-container p:first-of-type {
    text-align: right;
}

#cookie-content-container p:last-of-type {
    text-align: left;
}

.table-slide table thead tr th a {
    color: #2d4692;
    text-decoration: underline;
}

.table-slide table thead tr th a:hover {
    color: #5674cf;
}

.cd-horizontal-timeline .events a.selected {
    pointer-events: initial !important;
}

.events-content h2 {
    margin-bottom: 10px !important;
    text-shadow: 1px 1px 1px rgb(0, 0, 0);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    color: rgb(0, 0, 0);
    font-size: 42px !important;
}

.events-content h3 {
    color: #2d4692;
    font-size: 28px;
    font-family: titillium_webbold,sans-serif;
}

.events span {
    font-size: 16px;
    background: #2d4692 none repeat scroll 0% 0%;
    color: #fff;
    -moz-box-shadow: 0px 0px 2px 0px #2d4692;
    -webkit-box-shadow: 0px 0px 2px 0px #2d4692;
    box-shadow: 0px 0px 2px 0px #2d4692;
    display: inline-block;
    padding: 2px 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    top: -3px;
    -webkit-transition: background 0.3s, box-shadow 0.3s, color 0.3s;
    -moz-transition: background 0.3s, box-shadow 0.3s, color 0.3s;
    -o-transition: background 0.3s, box-shadow 0.3s, color 0.3s;
    transition: background 0.3s, box-shadow 0.3s, color 0.3s;
}

.events a:hover {
    text-decoration: none;
    color: #2d4692 !important;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

.events a:hover span {
    color: #FFC107;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

.events li:nth-child(2n+1) span {
    position: relative;
    top: 45px;
    background: #2d4692;
    color: #fff;
    -moz-box-shadow: 0px 0px 2px 0px #2d4692;
    -webkit-box-shadow: 0px 0px 2px 0px #2d4692;
    box-shadow: 0px 0px 2px 0px #2d4692;
    display: inline-block;
    padding: 2px 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: background 0.3s, box-shadow 0.3s, color 0.3s;
    -moz-transition: background 0.3s, box-shadow 0.3s, color 0.3s;
    -o-transition: background 0.3s, box-shadow 0.3s, color 0.3s;
    transition: background 0.3s, box-shadow 0.3s, color 0.3s;
}

.events li:nth-child(2n+1) span:hover {
    color: #FFC107;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

.gold-event {
    color: #FFC107 !important;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

a.gold-event:after {
    border-color: #FFC107 !important;
}

.gold-span {
    -moz-box-shadow: 0px 0px 2px 0px #FFC107 !important;
    -webkit-box-shadow: 0px 0px 2px 0px #FFC107 !important;
    box-shadow: 0px 0px 2px 0px #FFC107 !important;
    background: #FFC107 !important;
    color: #2d4692 !important;
    -webkit-transition: background 0.3s, box-shadow 0.3s, color 0.3s;
    -moz-transition: background 0.3s, box-shadow 0.3s, color 0.3s;
    -o-transition: background 0.3s, box-shadow 0.3s, color 0.3s;
    transition: background 0.3s, box-shadow 0.3s, color 0.3s;
}

.events a.gold-event:hover span:hover {
    color: #2d4692 !important;
}

/*----------------------------Style dla tooltipów-----------------------------*/

.tooltip.top .tooltip-arrow {
    border-top: 5px solid #2D4692;
}

.tooltip-inner {
    background: #2D4692;
    color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    max-width: 340px;
}

.tooltip.in {
    opacity: 1;
    filter: alpha(opacity=100);
}

.tooltip {
    font-size: 12px !important;
}


/*-------------------Style dla kontrolek lewo i prawo-------------------------*/
.left-slider, .right-slider {
    width: 68px;
    height: 48px;
    border-radius: 0;
    background: transparent;
    border: 1px solid white;
    box-shadow: none;
    display: inline-block;
    position: initial;
    text-shadow: none;
    opacity: 1;
    color: white;
    padding: 7px 0;
    margin: 0 20px;
}

.left-slider i, .right-slider i{

}

.carousel-control.left,.carousel-control.right{
    background: transparent;
}

.left-slider:hover, .right-slider:hover, .left-slider:focus, .right-slider:focus {
    background: white;
    color:black;
}

.control-bar-container {
    background: none;
    padding: 0;
}

.control-bar-slider {
    text-align: right;
}

.right-slider{
    margin-right: 0;
}



/*-----------------------Style dla przycisku "Więcej"-------------------------*/
.more a {
    font-family: titillium_websemibold, sans-serif;
    font-size: 15px;
    font-weight: 600;
    max-width: 270px;
    height: 48px;
    border-radius: 0;
    background: transparent;
    border: 1px solid white;
    box-shadow: none;
    display: block;
    position: initial;
    text-shadow: none;
    opacity: 1;
    color: white;
    padding: 11px 0;
    margin: auto;
    float: none;
    text-align: center;
}

.more a i{
    padding-left: 10px;
}

.more a:hover {
    background: #fff;
    text-decoration: none;
    color: #2d4692;
}

.more a:active, .more a:focus {
    outline: none;
    text-decoration: none;
}




/*-----------------Style dla suwaków przy rzutach inwestycji------------------*/
.irs-slider {
    height: 19px !important;
    width: 19px !important;
    top: 19px !important;
}

.searchFlat-form fieldset:first-child .irs-slider {
    background-position: -19px -120px;
}

.searchFlat-form fieldset:first-child .irs-slider:hover, .searchFlat-form .irs-slider:active {
    background-position: -19px -150px;
}




/*-----------------Style dla selectów i search buttonów-----------------------*/
select {
    padding: 7px 10px;
    margin: 30px 20px 30px 0px !important;
    border: 1px solid #d1d1d1;
    color: #868686;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-size: 14px;
    font-family: titillium_websemibold, sans-serif !important;
    -moz-box-shadow: 7px 7px 10px 0px rgb(0, 0, 0);
    -webkit-box-shadow: 7px 7px 10px 0px rgb(0, 0, 0);
    box-shadow: 7px 7px 10px 0px rgb(0, 0, 0);
    -webkit-box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.2); 
    background: url("/application/media/images/arrow.png") 94% no-repeat #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    float: left;
}

.search-button {
    background: #2d4692;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -moz-box-shadow: 7px 7px 10px 0px rgb(0, 0, 0);
    -webkit-box-shadow: 7px 7px 10px 0px rgb(0, 0, 0);
    box-shadow: 7px 7px 10px 0px rgb(0, 0, 0);
    -webkit-box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.2); 
    height: 37px;
    width: 80px;
    display: block;
    float: left;
    margin: 30px 0px;
    text-align: center;
    line-height: 33px;
    border: 0;
}




/*---------------------------Style dla nawigacji------------------------------*/
.navbar-header a:nth-child(2) {
    display: none;
}

#main-navigation.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a {
    background: #424d64 !important;
    color: #fff !important;
}

#main-navigation .main-menu-hover,.main-menu-hover {
    background: #424d64 !important;
    color: #fff !important;
}

.navbar-default .navbar-nav > .active > a:hover {
    background: #233773;
    color: #fff !important;
}

.navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:active {
    background: #233773;
    color: #fff;
    outline: none;
}

.active-menu {
    background: #233773;
    color: #fff !important;
}

.navbar-default .navbar-nav > li > a {
    background: #fff;
}

#logo {
    padding: 0;
    float: none;
    display: inline-block;
    width: auto;
    margin-top: 13px;
}

#logo-mobile {
    display: none;
}

#main-navbar .col-sm-8{
    text-align: right;
    padding-right: 0;
}

#main-navbar>ul {
    padding-left: 10%;
}

#main-navbar .navbar-nav > li > a {
    padding: 28px 20px;
}

#main-navbar .navbar-nav li a {
    color: #596275;
    z-index: 102;
    -moz-transition: .05s ease all;
    -webkit-transition: .05s ease all;
    -o-transition: .05s ease all;
    transition: .05s ease all;
    font-size: 16px;
}

#main-navbar .navbar-nav li ul li a {
    color: #fff;
    display: block;
}

#main-navbar .navbar-nav li ul li a:hover {
    color: #e2e2e2 !important;
    text-shadow: 1px 1px 1px #000;
    text-decoration: none;
}

#main-navbar .navbar-nav li a:active, #main-navbar .navbar-nav li a:focus {
    outline: none;
    text-decoration: none;
    background: #233773;
    color: #fff;
    -moz-transition: .05s ease all;
    -webkit-transition: .05s ease all;
    -o-transition: .05s ease all;
    transition: .05s ease all;
}

#main-navigation {
    font-size: 16px;
    color: #7d7d7d;
    font-family: titillium_webbold, sans-serif;
    background: #fff;
    border: 0;
    margin-bottom: 0;
    box-shadow: -5px 0px 5px 0px rgba(0, 0, 0, 0.07);
}

#main-navigation li {
    display: block;
    text-align: left;
}

#main-navigation ul>li>ul, #main-navigation ul>li>ul {
    position: absolute;
    margin: 0;
    background: #424d64;
    line-height: 2em;
    z-index: 101;
    width: 200px;
    padding: 10px;
    display: none;
    -webkit-box-shadow: 0 0 5px -1px #000;
    -moz-box-shadow: 0 0 5px -1px #000;
    box-shadow: 0 0 5px -1px #000;
}

#main-navigation ul>li:hover ul {
    display: block;
}

/*Dzięki poniższym dwóm wpisom obrazek svg jest klikalny
a.svg {
    position: relative;
    display: inline-block;
}

a.svg:after {
    content: ""; 
    position: absolute; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0;
}*/

/*Style wyłączone do czasu zrobienia większego menu
#main-navigation ul>li:hover>ul {
    display: block;
}

#main-navigation ul>li:hover>ul>li:hover>ul {
    display: block;
}*/




/*-------------------------------Style dla stopki-----------------------------*/
.additional-info {
    background-color: #1C2642;
    color: #fff;
    padding: 20px 0;
    text-align: center;
    font-size: 14px;
}

#newest-investments {
    padding-left: 0;
}


#contact-details > div:last-child div address span:nth-of-type(3) {
    margin-left: 10px;
}

#upper-footer {
    background: #303B52;
    padding: 0px 5vw;
}

#lower-footer {
    clear: both;
    background: #303B52;
    border-top: 1px solid rgba(222,222,222,.15);
    padding: 0px 5vw;
}

#footer-data p {
    font-size: 14px;
    font-family: titillium_webregular, sans-serif;
    color: #B2B5BE;
    margin: 30px 0;
}

#footer-data div:first-child p a:last-child,#footer-data div:first-child p a:first-child, #footer-data div:last-child p a,#footer-data div:first-child p a:first-child, #footer-data div:last-child p a {
     color: #B2B5BE;   
}


#footer-data>div:last-child p {
    text-align: right;
    padding-right: 0;
}

#footer-links {
    margin: 60px 0;
    color: #fff;
}

#footer-links ul {
    list-style-type: none;
    padding-left: 0;
}

#footer-links ul li{
    margin-bottom: 10px;
}



#footer-links strong {
    font-size: 16px;
    font-family: titillium_webbold, sans-serif;
    margin: 0;
}

#footer-links address, #footer-links ul {
    font-family: titillium_webregular, sans-serif;
    font-size: 14px;
    line-height: 25px;
    margin: 0;

}

#footer-links address {
    font-size: 16px;    
}





address span:nth-child(5) {

}

#contact-details div:first-child address span:nth-child(7) {

}

address span {
    font-size: 16px;
    line-height: 22px;
}

address span img {
    width: 15px;
    height: 15px;
}

address span:last-child {
    margin-left: 10px;
}

#footer-links a {
    color: #FFF;
    text-decoration: none;
    font-size: 17px;
    font-family: titillium_websemi, sans-serif;
    line-height: 25px;
        white-space: nowrap;
}
#footer-links address span {
    margin-left:0px !important;
}
#footer-links a:hover {
    color: #B2B5BE;
    text-decoration: underline;
    text-decoration: none;
}

address span {
    white-space: nowrap;
}

.active_menu a {
    text-decoration: underline;
    color: #B2B5BE !important;
}

address a[href="mailto:info@budrem.pl"] {
    text-decoration: none;
}

#contact-details > div:first-child address span:nth-child(7), #contact-details > div:first-child address span:nth-child(6) {
    margin-left: 10px;
}

#contacts-footer-list .salesperson-container {
    overflow: auto;
    width: 51%;
    float: left;
    text-align: center;
}

.salesperson-container img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#contacts-footer-list p {
    font-family: titillium_webregular,sans-serif;
}

#contacts-footer-list a, #contacts-footer-list span {
    font-family: titillium_webregular,sans-serif;
}

#contacts-footer-list a {
    color: #FFF;
}

#contacts-footer-list .salesperson-container p {
    font-size: 16px !important;
    font-weight: bold;
}

#contacts-footer-list {
    padding: 0;
}

#footer-links > div:nth-child(3) {
    line-height: 22px;
}

.footer_title{
    color: #B2B5BE;
    font-size: 17px;
    margin: 0;
    padding: 0;
    line-height: 25px;
    font-family: titillium_websemi, sans-serif;  
}

.footer_title i,.footer_opis i{
    padding-right: 10px;
}

.footer_opis{
    color: currentColor;
    font-size: 17px;
    margin: 0;
    padding: 0;
    line-height: 25px;
    font-family: titillium_websemi, sans-serif;
    margin-bottom: 20px;
}

address {
    font-weight: bold;
}

address span {
    font-weight: normal;
}

.bottom-additional-info {
    display: inline-block;
    text-align: left;
    font-size: 12px;
    width: 100%;
    color: #7d7d7d;
}






/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/








/*----------------------------------------------------------------------------*/
/*---------------------------Style dla strony głównej-------------------------*/
/*----------------------------------------------------------------------------*/

#background-carousel{
    background-repeat: no-repeat;
    background-position: top right;
}

#background-carousel .item{
    padding: 30px 0;
    background-repeat: no-repeat;
    background-position: top right;
    transition: initial;
}

#background-carousel .item .slider_images_cont img{
    visibility: visible;
    opacity: 0;
    transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, -100, 0, 0, 1);
}

#background-carousel .item.active .slider_images_cont img:nth-child(1){
    visibility: visible;
    opacity: 1;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transition: opacity 0.2s cubic-bezier(0.5, 0, 0, 1) 0s, transform 0.6s cubic-bezier(0.5, 0, 0, 1) 0s;
}

#background-carousel .item.active .slider_images_cont img:nth-child(2){
    visibility: visible;
    opacity: 1;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transition: opacity 0.6s cubic-bezier(0.5, 0, 0, 1) 0.2s, transform 0.6s cubic-bezier(0.5, 0, 0, 1) 0.2s;
}

.slider_tytul{
    color: #1A4A9D;
    font-size: 32px;
    font-weight: bold;
    margin: 0;
    padding-bottom: 20px;
    margin-bottom: 15px;
    position: relative;
    font-family: 'Dancing Script', cursive;
    line-height: 34px;
}

.slider_podtytul{
    margin: 0;
    font-size: 50px;
    line-height: 52px;
    margin-bottom: 0px;
}

.slider_images_cont{

}

.slider_images_cont img{
    margin-right: 15px;
    max-width: 500px;
    visibility: hidden;
}

.slider_podpis{
    font-size: 26px;
    font-weight: 600;
    color: #303B52;
    margin: 30px 0;
}

#home-slider .see_more{
    border: 1px solid #1B4B9D;
    display: block;
    max-width: 180px;
    padding: 15px 0;
    text-align: center;
    color: white;
    font-size: 15px;
    line-height: 15px;
    font-weight: 600;
    background: #1B4B9D;
    text-transform: uppercase;
}

#home-slider .see_more i{
    padding-left: 10px;
}

#home-slider .see_more:hover{
    background: transparent;
    color: #1B4B9D;
    text-decoration: none;
}


/*--------------------Style dla górnego slajdera------------------------------*/
#home-slider {
    position: relative;
    padding: 40px 0;
    background-repeat: no-repeat;
    background-position: top right;
}



.investment-inner {
    background: #2d4692;
    color: #fff;
    position: absolute;
    top: 60%;
    font-family: titillium_weblight, sans-serif;
    font-size: 30px;
}

#name-carousel {
    margin: 0;
    padding: 10px 10px 20px 10px;
}

#seemore {
    position: absolute;
    border: none;
    background: #fff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    top: 85%;
    height: 30px;
    padding: 0;
    font-family: titillium_websemibold, sans-serif;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    -o-transition: .5s all ease;
    transition: .5s all ease;
}

#seemore:hover {
    background: #d9d9d9;
}

#seemore:focus, #seemore:active {
    outline: none !important;
}

#control-bar-container-slider {
    position: absolute;
    margin-top: -130px;
    background: none;
    padding: 0;
}

#link-carousel .item {
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

#link-carousel .item a {
    display: block;
    height: 100%;
    line-height: 30px;
    color: #2d4692;
}

#link-carousel .item a:hover {
    color: #2d4692;
    text-decoration: none;
}

#name-carousel .item {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transition: .6s ease opacity, .6s ease filter;
    -webkit-transition: .6s ease opacity, .6s ease filter;
    -o-transition: .6s ease opacity, .6s ease filter;
    transition: .6s ease opacity, .6s ease filter;
}

#name-carousel .active {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-transition: .6s ease opacity, .6s ease filter;
    -webkit-transition: .6s ease opacity, .6s ease filter;
    -o-transition: .6s ease opacity, .6s ease filter;
    transition: .6s ease opacity, .6s ease filter;
}





/*-----------------------Style dla wyszukiwarki-------------------------------*/
#find-investment {
    display: none;
}/*tymczasowo wyłączone*/




/*---------------------Style dla #investments-portfolio-----------------------*/
#investments-portfolio {
    background: #303B52;
    padding: 60px 0;
}

#investments-portfolio .tytul_top_linia{
    color: white;
    font-size: 44px;
    line-height: 64px;
}

#investments-portfolio  .tytul_top_linia:before{
    content: ' ';
    position: absolute;
    width: 70px;
    height: 1px;
    top: 0;
    left: 15px;
    background: white;
}

#investments-portfolio > div > p:first-child {
    font-family: titillium_websemibold, sans-serif;
    font-size: 24px;
    text-align: center;
    color: #2d4692;
    margin-bottom: 0px;
}

#portfolio-control {
    margin-top: 20px;
    margin-bottom: 20px;
}

#investment-container a:active {
    outline: none;
}

.investment-box {
    padding: 0;
    margin-bottom: 40px;
}

.investment-title, .investment-location {
    font-family: titillium_webregular, sans-serif;
    text-align: left;
    color: white;
    margin-left: 5px;
}

.investment-title {
    font-size: 26px;
    margin-bottom: 0;
    margin-top: 0;
}

.investment-location {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 5px;
}

.investment-background {
    -moz-transition: .2s ease all;
    -webkit-transition: .2s ease all;
    -o-transition: .2s ease all;
    transition: .2s ease all;
    position: relative;
    cursor: pointer;
    margin-bottom: 30px;
}

.investment-box:hover .investment-background {

}

.investment-box:hover .investment-more {

}

.investment-background:hover {

}

.investment-promotion {
    position: relative;
    width: 100%;
    height: 100%; /*stare - może wrócić*/
    height: auto;
}

.investment-promotion img {
    width: 100%;
    transition: 0.5s;
    box-shadow: 0px 0px 8px 9px rgb(0 0 0 / 0%);
}

.investment-promotion img:hover{
    box-shadow: 0px 0px 8px 9px rgb(0 0 0 / 20%);
    transform: scale(0.95);
}

.investment-promotion p {
    margin: 0px;
    height: 35px;
    color: rgb(255, 193, 7);
    line-height: 35px;
    text-align: center;
    font-size: 16px;
    font-family: titillium_webbold,sans-serif;
    background: rgb(18, 24, 42) none repeat scroll 0% 0%;
    position: absolute;
    width: 100%;
    top: 0;
}

.promotion-sign {
    height: 45px;
    width: 45px;
    background: transparent url("/application/media/images/special-sign.png") repeat scroll 0% 0%;
    position: absolute;
    top: 0px;
    right: 0px;
    margin-top: -15px;
    margin-right: -15px;
}

.promo-sign {
    height: 46px;
    width: 46px;
    background-image: url("/application/media/images/special-sign.png");
    display: inline-block;
    background-color: #42599D;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 10px;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: 50%;
    -moz-box-shadow: 0 0 8px #233773 inset;
    -webkit-box-shadow: 0 0 8px #233773 inset;
    box-shadow: 0 0 8px #233773 inset;
}

.investment-more {
    color: white;
    font-size: 15px;
    line-height: 23px;
    text-transform: uppercase;
    font-weight: 600;
}


.investment-more i{
    padding-left: 10px;
    transition: 0.5s;
}

.investment-more:hover i{
    padding-left: 25px;
}


/*---------------------------Budrem w liczbach--------------------------------*/
#numbers>div:first-child>p {
    font-family: titillium_websemibold, sans-serif;
    font-size: 24px;
    text-align: center;
    color: #2d4692;
    text-transform: uppercase;
}

.circle-container {
    margin-bottom: 40px;
}

.circle-container>p:first-child {
    font-family: titillium_webbold, sans-serif;
    font-size: 18px;
    text-align: center;
    color: #000;
}

.circle-info {
    width: 200px;
    height: 200px;
    position: relative;
    background: #2d4692;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto;
}

.inner-circle {
    width: 170px;
    height: 170px;
    position: absolute;
    background: #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 15px;
}

.inner-circle p {
    font-family: titillium_weblight, sans-serif;
    font-size: 56px;
    text-align: center;
    color: #2d4692;
    line-height: 170px;
    margin: 0 auto;
}




/*-------------------------------Aktualności----------------------------------*/
#news {
    background: linear-gradient(1800deg, #303B52 60%, white 40%);
    padding-bottom: 80px;
}

#news .tytul_top_linia{
    color: #303B52;
    font-size: 44px;
    text-align: center;
    margin: 50px 0 0 0;
    padding-top: 20px;
    position: relative;
}

#news .tytul_top_linia:before{
    content:' ';
    width: 70px;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #1B4B9D;
}

#news-control{
    margin:30px -50px 0;
}

#news > div > div:nth-child(3) {
    min-height: 340px;
}

#news > div:first-child > p {
    font-family: titillium_websemibold, sans-serif;
    font-size: 24px;
    text-align: center;
    color: #2d4692;
    margin-bottom: 12px;
}

.news-box {
    margin-top: 10px;
    margin-bottom: 30px;
    text-shadow: none;
    -moz-transition: 0.3s ease text-shadow;
    -webkit-transition: 0.3s ease text-shadow;
    -o-transition: 0.3s ease text-shadow;
    transition: 0.3s ease text-shadow;
}

.news-box img{
    max-width: 100%;
    max-height: 240px;
    transition: 0.5s;
    box-shadow: 0px 0px 8px 9px rgb(0 0 0 / 0%);
}

.news-box img:hover{
    box-shadow: 0px 0px 8px 9px rgb(0 0 0 / 20%);
    transform: scale(0.95);
}

.news-box:hover {
    text-shadow: 1px 1px 1px rgb(0, 0, 0);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    -moz-transition: 0.3s ease text-shadow;
    -webkit-transition: 0.3s ease text-shadow;
    -o-transition: 0.3s ease text-shadow;
    transition: 0.3s ease text-shadow;
}

.news-date {
    font-family: titillium_web, sans-serif;
    font-size: 15px;
    color: white;
    font-weight: bold;
    padding: 0 15px;
}

.news-title {
    font-family: titillium_webregular, sans-serif;
    font-size: 24px;
    color: white;
    min-height: 90px;
    margin-top: 0;
    line-height: 30px;
    padding: 0 15px;
}

.news-box .see_more{
    color: white;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    margin:0 15px;
}

.news-box .see_more i{
    padding-left: 10px;
    transition: 0.5s;
}

.news-box .see_more:hover i{
    padding-left: 25px;
}

.news-short {
    font-family: titillium_webregular, sans-serif;
    font-size: 16px;
    color: #7d7d7d;
}




/*----------------------------O deweloperze-----------------------------------*/
#about > div:first-child > p {
    font-family: titillium_websemibold, sans-serif;
    font-size: 24px;
    text-align: center;
    color: #2d4692;
    margin-bottom: 12px;
}

#part-content {
    font-family: titillium_web, sans-serif;
    font-size: 15px;
    color: #596275;
    line-height: 25px;
    font-weight: 500;
    margin-top: 45px;
}

#about div[class="row"] {
    margin-top: 40px;
    margin-bottom: 40px;
}

#about div[class="row"] div:nth-child(2) {
    text-align: right;
}

#about div[class="row"] div:nth-child(2) img {
    display: inline;
}



#content-develop {
    color: #1A4B9C;
    border: none;
    background: transparent;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
}

#content-develop img {
    margin-left: 5px;
}

#about button:focus, #about button:active {
    outline: none;
}

#full-content {
    font-family: titillium_webregular, sans-serif;
    margin-top: 20px;
    font-size: 15px;
    color: #596275;
    line-height: 25px;
    font-weight: 500;
    padding: 0;
}

#mobile-about-budrem {
    display: none;
    text-align: center !important;
}








/*----------------------------------------------------------------------------*/
/*-----------------------Style dla stron inwestycji---------------------------*/
/*----------------------------------------------------------------------------*/




/*------------------------------Rzut mieszkania-------------------------------*/
.legend {
    overflow: auto;
    position: fixed;
    z-index: 110;
    margin-left: -200px;
    -moz-transition: .5s ease margin-left;
    -webkit-transition: .5s ease margin-left;
    -o-transition: .5s ease margin-left;
    transition: .5s ease margin-left;
    position: absolute;
}

.legend-content {
    width: 200px;
    float: left;
    background: #fff;
    border: 1px solid rgb(0,0,0);
    border: 1px solid rgba(0,0,0,.4);
    z-index: 108;
    -moz-box-shadow: inset 0 0 2px rgb(0,0,0);
    -webkit-box-shadow: inset 0 0 2px rgb(0,0,0);
    box-shadow: inset 0 0 2px rgb(0,0,0);
    -moz-box-shadow: inset 0 0 2px rgba(0,0,0,.4);
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.4);
    box-shadow: inset 0 0 2px rgba(0,0,0,.4);
    font-size: 13px;
}

.legend-bookmark {
    width: 40px;
    height: 100px;
    float: left;
    background: #5674CF;
    position: relative;
    color: #fff;
    z-index: 109;
    left: -1px;
    cursor: pointer;
}

.legend-bookmark p {
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    position: absolute;
    top: 20px;
    font-size: 16px;
    left: -20px;
    top: 40px;
    font-family: titillium_webbold,sans-serif;
    margin: 0;
}

.legend .availability-sign, .legend .pdf-button, .legend .promotion-sign {
    height: 20px;
    width: 20px;
    cursor: default;
}

.legend-content > div > div {
    width: 25px;
    float: left;
}

.legend-content > div {
    margin: 6px 4px;
    height: 20px;
}

.legend .pdf-button {
    height: 20px;
    width: 20px;
    font-size: 14px;
    line-height: 15px;
    margin: 0;
}

.legend div.pdf-button.kitchenette:hover {
    color: #fff;
    background: #5674cf;
}

.legend .pdf-button:hover {
    color: #fff;
    background: #2d4692;
}

.legend .promotion-sign {
    position: static;
    margin: 0;
    display: block;
    background-size: contain;
}

.legend-content > div:nth-child(4) > div > i {
    position: relative;
    left: 3px;
    cursor: default;
} 

.legend-content > div span {
    cursor: default;
}






/*------------------------------Rzut mieszkania-------------------------------*/
.flat-promo-text {
    position: absolute;
    right: 30px;
    text-align: right;
}

.flat-promo-sign {
    background-image: url("/application/media/images/special-sign.png");
    margin: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    margin-top: 3px;
    position: absolute;
    top: 0;
    right: 0;
}

.investment-frame {
    width: 1250px;
    height: 750px;
    margin: 40px auto;
}

.investment-header h1 {
    text-align: left !important;
    line-height: 1.42857143;
    margin: 1em 0;
}

.investment-header p {
    font-family: titillium_webbold, sans-serif;
    font-size: 28px;
    color: #ffc107;
    text-transform: none;
    text-align: right;
}

.investment-header .promotion-sign {
    margin-top: 0px;
    margin-right: 0px;
    background-size: contain;
    width: 40px;
    height: 40px;
    display: inline-block;
    position: static;
    vertical-align: bottom;
}

.flat-form {
    /*width: 1248px; 
    height: 690px;*/ /*element nie może mieć rozmiaru ponieważ nie zadziała wtedy mapowanie budynku - rozmiary pozostawione w celu informacyjnym*/
    position: absolute;
    bottom: 0;
    left: 0;
    top: 10px;
}

.search-form {
    height: 320px;
    position: static;
    margin-left: 0;
}

.search-form-inner {
    height: 320px;
    width: 250px;
    background: #bdbdbd;
    position: static;
    float: left;
    display: none;
}

.search-form .find-flat {
    left: 250px;
    z-index: 101;
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-transition: .2s ease opacity, .2s ease filter;
    -webkit-transition: .2s ease opacity, .2s ease filter;
    -o-transition: .2s ease opacity, .2s ease filter;
    transition: .2s ease opacity, .2s ease filter;
}

.table-box {
    height: 370px;
    width: 250px;
    background: #bdbdbd;
    z-index: 103;
    position: absolute;
    top: 320px;
    display: none;
}

.table-flats {
    height: 330px;
    overflow-y: scroll;
}

.table-flats table tbody tr td {
    padding: 6px 5px;
    border-color: #bdbdbd;
}

.find-flat, .other-arrangement {
    width: 48px;
    height: 200px;
    cursor: pointer;
    position: static;
    float: left;
}

.find-flat {
    background: #fff;
    color: #000;
    top: 0;
    left: 0px;
    left: 950px;
}

.other-arrangement {
    background: #5674cf;
    color: #fff;
    top: 210px;
    z-index: 101;
    left: 950px;
}

.card {
    width: 950px;
    height: 540px;
    top: 0px;
    position: absolute;
    background: #fff;
}

.details {
    width: 950px;
    height: 150px;
    background: #fff;
    position: absolute;
    bottom: 0;
    font-family: titillium_webregular, sans-serif;
}

.details p {
    margin: 0;
    padding: 4px;
}

.title {
    float: left;
    width: 60px;
}

.flat-info {
    background: #e2e2e2;
    position: relative;
}

.investment-tab {
    background: #bdbdbd;
}

.card-tab {
    height: 50px;
    width: 1250px;
}

.card-tab ul {
    margin: 0;
    height: 50px;
}

.card-tab li {
    width: 250px;
    height: 50px;
    border-right: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
}

.card-tab li:first-child {
    border-right: 1px solid #e2e2e2;
    border-left: 0;
}

.card-tab li:last-child {
    border-left: 1px solid #e2e2e2;
    border-right: 0;
}

.card-tab ul .active a, .card-tab ul .active a:hover, .card-tab ul .active a:focus, .card-tab ul .active a:active {
    background: #2d4692;
    color: #fff;
    border: none;
    outline: none;
}

.card-tab ul li a {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    text-align: center;
    height: 50px;
    border: 0;
    padding: 0;
    line-height: 50px;
    font-size: 18px;
    color: #fff;
    margin: 0;
    font-family: titillium_websemibold, sans-serif;
}

.card-tab ul a:hover {
    background: #bdbdbd;
    color: #2d4692;
    outline: none;
}

.flat-content {
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    height: 700px;
    width: 1250px;
}

.flat-card {
    overflow: auto;
    position: absolute;
    top: 0;
    height: 700px;
    width: 1250px;
}

#investment-map {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.find-flat p, .other-arrangement p {
    position: absolute;
    width: 200px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    height: 48px;
    margin-left: -76px;
    margin-top: 76px;
    top: 0;
    text-align: center;
    line-height: 48px;
    font-family: titillium_webbold, sans-serif;
    font-size: 16px;
}

.find-flat p {
    color: #000;
    position: static;
}

.other-arrangement p {
    color: #fff;
}

.find-flat p img {
    margin-left: 10px;
}

.tab-content {
    background: #fff;
}

.tab-content .tab-pane:first-child {
    overflow: hidden;
}

#form-searchFlat-submit {
    background: #5674cf;
    color: #fff;
    font-family: titillium_webregular, sans-serif;
    font-size: 20px;
    line-height: 14px;
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 1px 5px 5px;
    width: 240px;
    -moz-transition: .3s ease all !important;
    -webkit-transition: .3s ease all !important;
    -o-transition: .3s ease all !important;
    transition: .3s ease all !important;
}

#form-searchFlat-submit:hover {
    color: #5674cf !important;
    background: #fff;
}

#form-searchFlat-submit:active, #form-searchFlat-submit:focus {
    outline: 0;
}

.searchFlat-form fieldset:first-child>span:first-child>span:nth-child(3), .searchFlat-form fieldset:first-child>span:first-child>span:nth-child(4) {
    display: none;
}

.status {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 16px;
    height: 16px;
}

.free {
    background: #8cc449;
}

.reserved {
    background: #fff182;
}

.sold {
    background: #e35555;
}

.irs {
    border-bottom: 1px dashed #fff;
}

.searchFlat-form fieldset:nth-child(4) .irs {
    border-bottom: none;
}

.irs-bar {
    height: 4px !important;
    top: 26px !important;
}

.irs-min, .irs-max {
    display: none !important;
}

.irs-single {
    left: initial !important;
    right: initial !important;
    width: 100% !important;
    text-align: center !important;
}

.irs-from, .irs-to, .irs-single {
    color: #000 !important;
    font-size: 12px !important;
    background: none !important;
    font-family: titillium_websemibold, sans-serif;
}

.searchFlat-form fieldset {
    padding: 0;
    width: 196px;
    margin: 0 auto;
    border: 0;
    padding-top: 10px;
}

.irs-from::after, .irs-to::after, .irs-single::after {
    display: none !important;
}

.flat-number, .flat-details, .flat-values {
    float: left;
    height: 150px;
    font-size: 16px;
    color: #515151;
}

.flat-details {
    width: 600px;
    border-bottom: 3px solid #fff;
}

.flat-details>div:nth-child(2) div {
    width: 200px;
    height: 114px;
    float: left;
}


.flat-details > p:first-child {
    background: #ebebeb;
    height: 36px;
    position: relative;
}

.flat-number p:nth-child(3) {
    height: 36px;
}

.flat-number {
    width: 150px;
    background: #ebebeb;
    text-align: center;
    position: relative;
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
}

.flat-values {
    width: 200px;
    background: #ebebeb;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    border-left: 3px solid #fff;
}

.flat-number p:first-child, .flat-number p:nth-child(3) span, .flat-details p span, .flat-values p span, .flat-number p:nth-child(2) {
    font-family: titillium_webbold, sans-serif;
}

.flat-details div:nth-child(2) {
    font-size: 13px;
    overflow: auto;
}

.flat-number p:nth-child(2) {
    height: 78px;
    line-height: 60px;
    font-size: 70px;
    color: #2d4692;
}

.flat-number p:first-child, .flat-number p:nth-child(3), .flat-details>p:first-child, .flat-values p {
    padding: 10px 5px;
    line-height: 16px;
}

.flat-number .status {
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
    width: 20px;
    height: 20px;
}

.flat-details>div:nth-child(2) div:first-child {
    border-left: 1px solid #ebebeb;
}

.flat-details>div:nth-child(2) div:nth-child(2) {
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
}

.flat-details>div:nth-child(2) div:nth-child(3) {
    border-right: 1px solid #ebebeb;
}

.flat-details>div:nth-child(2) div:first-child, .flat-details>div:nth-child(2) div:nth-child(2), .flat-details>div:nth-child(2) div:nth-child(3) {
    border-bottom: 1px solid #ebebeb;
    height: 111px;
    overflow: hidden;
}

.flat-details>p:first-child {
    padding-left: 23px !important;
}

.flat-details p {
    padding-left: 15px !important;
}

.flat-values p {
    padding-left: 16px;
}

.flat-values p:first-child {
    padding-bottom: 5px;
}

.flat-values p:nth-child(2), .flat-values p:nth-child(3) {
    padding: 5px 16px;
}

.flat-values div:last-child {
    padding: 12.5px 0 5px;
}

.pdf-button {
    width: 45px;
    height: 45px;
    display: block;
    margin: 0px auto;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #2d4692;
    color: #fff;
    font-size: 16px;
    line-height: 38px;
    text-align: center;
    border: 2px solid #2d4692;
    -moz-transition: .5s ease all;
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all;
    font-weight: bold;
}

.pdf-button:hover, .pdf-button:focus {
    background: #fff;
    color: #2d4692;
    text-decoration: none;
    outline: none;
}

.search-form-inner p:first-child {
    font-size: 20px;
    padding: 10px 40px;
    font-family: titillium_webbold,sans-serif;
    text-align: center;
    margin: 0px;
    background: #4b4b4b;
    color: #fff;
    line-height: 20px;
}

.return, .close-floor {
    position: absolute;
    z-index: 103;
    font-size: 18px;
    right: 80px;
    top: 10px;
    color: #fff;
    border: 1px solid #2D4692;
    padding: 5px;
    background: #2D4692;
    line-height: 1em;
    cursor: pointer;
    -moz-transition: .3s ease all;
    -webkit-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all;
}

.return i {
    margin-right: 10px
}

.close-floor {
    padding: 5px 8px;
}

.return:hover, .close-floor:hover {
    background: #fff;
    color: #2D4692;
}

.flat-floor-container {
    width: 998px;
    height: 690px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 250px;
    z-index: 103;
    /*margin-left: -1280px; F*/
    -moz-transition: .5s ease all;
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all;
    margin-left: 0;
    display: none;
}

.flat-floor-container .find-flat, .flat-floor-container .other-arrangement {
    position: absolute;
    float: none;
}

.floor-legend {
    width: 950px;
    height: 150px;
    background: #fff;
    position: absolute;
    bottom: 0;
    font-family: titillium_webregular, sans-serif;
}

.floor-legend div {
    float: left;
}

.floor-legend > div {
    float: none;
    overflow: auto;
    width: 80%;
    margin: 0 auto;
}

.floor-legend > div div {
    margin-top: 55px;
    margin-bottom: 55px;
}

.availability-sign {
    width: 36px;
    height: 36px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    line-height: 36px;
    font-size: 22px;
    text-align: center;
    color: #242e13;
    margin-right: 10px;
}

.availability-sign-text {
    font-size: 18px;
    margin-right: 55px;
    line-height: 36px;
}

.your-choice-circle {
    border: 5px solid #2D4692;
    background: #8190BD;
}

.free-flats-circle {
    background: #8ac44b;
}

.reserved-flats-circle {
    background: #fef181;
}

.sold-flats-circle {
    background: #e65656;
}

.floor-number-info {
    position: absolute;
    width: 110px !important;
    right: 30px;
    margin: 0px !important;
    bottom: 30px;
    height: 90px;
    text-align: center;
    background: #ebebeb;
}

.floor-number-info div {
    margin: 0 !important;
    width: 100%;
}

.floor-number-info div:first-child {
    font-size: 22px;
}

.floor-number-info div:last-child {
    font-size: 48px;
    color: #2d4692;
    line-height: 48px;
    font-family: titillium_webbold, sans-serif;
}

.floor-legend div div:nth-child(8) {
    margin-right: 10px;
}

.heading-row {
    margin: 0;
    background: #4b4b4b;
    color: #fff;
    font-family: titillium_websemibold, sans-serif;
    font-size: 13px;
}

.heading-row thead tr th {
    border-bottom: 0;
    padding: 10px 8px;
}

.table-flats table tbody tr {
    cursor: pointer;
    -moz-transition: .1s ease all;
    -webkit-transition: .1s ease all;
    -o-transition: .1s ease all;
    transition: .1s ease all;
}

.row-hover-class {
    background: #5674cf !important;
    color: #fff !important;
}

.row-active-class {
    background: #2d4692 !important;
    color: #fff;
}

.bottom-table-row-hover-class {
    background: #EBEBEB !important;
}

.table-striped > tbody > tr {
    background-color: #c4c4c4;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #cacaca;
}

.table-flats table tbody tr td {
    font-family: titillium_webregular, sans-serif;
    line-height: 20px;
    font-size: 13px;
}

.table-flats table tbody tr td:first-child, .heading-row thead tr th:first-child {
    width: 38px;
    text-align: left;
    padding-left: 8px;
}

.table-flats table tbody tr td:nth-child(2), .heading-row thead tr th:nth-child(2) {
    width: 47px;
    text-align: right
}

.table-flats table tbody tr td:nth-child(3), .heading-row thead tr th:nth-child(3) {
    width: 15px;
    padding-right: 0;
    text-align: right;
}

.table-flats table tbody tr td:nth-child(4), .heading-row thead tr th:nth-child(4) {
    width: 83px;
    text-align: right;
    padding-left: 0;
}

.table-flats table tbody tr td:nth-child(5), .heading-row thead tr th:nth-child(5) {
    width: 50px;
}

.heading-row thead tr th:last-child {
    width: 17px;
    padding: 0;
}

.table-flats table tbody tr td:last-child>div {
    margin: 2px auto;
}

.table-flats table {
    margin-bottom: 0px;
}

.all-flat-table-body {
    max-height: 599px; 
    overflow-y: scroll;
}

#all-flat-table {
    position: relative;
}
#all-flat-table .free-circle {
    background: #8cc449;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-block;
    line-height: 25px;
    text-align: center;
    color: #ffffff;
}
#all-flat-table .selled-circle {
    background: #e35555;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-block;
    line-height: 25px;
    text-align: center;
    color: #ffffff;
}
#all-flat-table .reserved-circle {
    background: #fff182;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-block;
    line-height: 25px;
    text-align: center;
}

.all-flat-table-body table tbody tr td:first-child div {
    position: relative;
}

.all-flat-table-body table tbody tr td:first-child div i {
    position: absolute;
    top: 8px;
}

.all-flat-table-body table tbody tr td {
    vertical-align: middle;
}

.all-flat-table-body table tbody tr td:last-child {
    line-height: 0;
}

.all-flat-table-body table tbody tr td:last-child div {
    float: left;
}

.all-flat-table-body table tbody tr td:last-child > div {
    float: none;
    display: inline-block;
}

.all-flat-table-body table tbody tr td:first-child i {
    cursor: default;
}

.kitchenette {
    background: #5674cf;
    border-color: #5674cf;
}

.kitchenette:hover {
    background: #fff;
    color: #5674cf;
}

.bottom-table {
    margin: 24px auto 40px;
}

#TableFlatDiv {
    border-bottom: 2px solid #fff;
    background: #cbcbcb;
}

#TableFlatDiv table tbody tr td:first-child {
    position: relative;
    text-align: center;
}

#TableFlatDiv table tbody tr td:first-child i {
    color: #2d4692;
    position: absolute;
    margin-left: 5px;
    top: 20px;
}

element {
    color: #2d4692;
    position: absolute;
    margin-left: 10px;
    top: 6px;
}

.table-slide {
    padding-right: 17px;
    background: #cbcbcb;
}

.bottom-table div table {
    margin-bottom: 0;
}

.bottom-table div table thead tr th {
    border-bottom: 0;
    color: #12182a;
    font-family: titillium_webregular, sans-serif;
    font-size: 18px;
    line-height: 18px;
    width: 10%;
}

#all-flat-table > div:nth-child(2) > p:first-child {
    font-family: titillium_websemibold, sans-serif;
    font-size: 24px;
    text-align: center;
    color: #2d4692;
    margin-bottom: 0px;
}

.bottom-table div table thead tr th {
    text-align: center;
}

.bottom-table div table thead tr th:first-child {
    border-left: 0px solid #fff;
}

.bottom-table div table thead tr th {
    background: #cbcbcb;
    padding: 20px 5px;
    border-left: 2px solid #fff;
}

.all-flat-table-body table tbody tr td {
    padding: 14px 5px;
    border-top: 2px solid #fff !important;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    font-size: 16px;
    font-family: titillium_webregular, sans-serif;
    color: #7d7d7d;
    line-height: 30px;
    text-align: center;
    width: 10%;
}

.all-flat-table-body table tbody tr {
    background: #f8f8f8;
}

.all-flat-table-body table tbody tr:nth-of-type(2n+1) {
    background-color: #f2f2f2;
}

.all-flat-table-body table tbody tr:first-child td {
    border-top: 0 !important;
}

.all-flat-table-body table tbody tr:last-child td {
    border-bottom: 0 !important;
}

.all-flat-table-body table tbody tr td:first-child {
    border-left: 0;
}

.all-flat-table-body table tbody tr td:nth-child(5), .bottom-table div table thead tr th:nth-child(5) {
    width: 2%;
}

.all-flat-table-body table tbody tr td:nth-child(6), .bottom-table div table thead tr th:nth-child(6) {
    width: 18%;
    border-left: 0;
}

.all-flat-table-body table tbody tr td:nth-child(7), .bottom-table div table thead tr th:nth-child(7) {
    width: 20%;
}

.d_button_big{
    position: absolute;
    top: -60px;
    right: 20px;
}

.d_button_big a,.d_button_big .kuula_popup_show{
    width: 47px;
    height: 47px;
    display: block;
    margin: 0 auto;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #2d4692;
    color: #fff;
    font-size: 16px;
    line-height: 45px;
    text-align: center;
    border: 2px solid #2d4692;
    -moz-transition: .5s ease all;
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all;
    font-weight: 700;
    padding: 4px !important;
    cursor: pointer;
}

.d_button_big a:hover,.d_button_big .kuula_popup_show:hover{
    background: transparent;
    color: #2d4692;
    text-decoration: none;
}

.d_button{
  margin:0 5px;
}

.d_button a,.kuula_popup_show{
    width: 32px;
    height: 32px;
    display: block;
    margin: 0 auto;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #2d4692;
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    border: 2px solid #2d4692;
    -moz-transition: .5s ease all;
    -webkit-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all;
    cursor: pointer;
    font-weight: 600;
    padding: 4px !important;
}

.d_button a > div,.d_button_big a > div{
    display: none !important;
}

.d_button a:before,.d_button_big a:before, .kuula_popup_show:before{
    content:url('https://www.budrem.pl/application/media/360-degrees.svg');
}

.d_button a:hover,.kuula_popup_show:hover{
    background: transparent;
    color: #2d4692;
    text-decoration: none;
}

.d_button a:hover:before,.d_button_big a:hover:before, .kuula_popup_show:hover:before{
  content:url('https://www.budrem.pl/application/media/360-degrees_hover.svg');
}

.all-flat-table-body .pdf-button {
    width: 30px;
    height: 30px;
    font-size: 20px;
    line-height: 24px;
}

.all-flat-table-body .pdf-button i {
    line-height: 25px;
}

.all-flat-table-body .status {
    margin: 0px auto;
    vertical-align: middle;
    display: inline-block;
}

.all-flat-table-body .promotion-sign {
    background-size: contain;
    height: 25px;
    width: 25px;
    top: 16px;
    right: initial;
    margin-top: 0;
    margin-right: 0;
}

.all-flat-table-body table tbody tr td:nth-child(5) {
    position: relative;
}

.special-portfolio {
    background: #e2e2e2;
}

.special-portfolio .investment-more {
    background: #2d4692;
    color: #fff;
}

.investment-container:hover .investment-more {

}

.special-portfolio .investment-box:hover .investment-background {
    border: 5px solid #f2f2f2;
}

.investment-short {
    font-family: titillium_webregular, sans-serif;
    font-size: 16px;
    color: #7d7d7d;
    height: 23px;
    margin-bottom: 0;
}

.investment-title span {
    font-size: 16px;
}

.special-portfolio>div>p:first-child {
    font-family: titillium_websemibold, sans-serif;
    font-size: 24px;
    text-align: center;
    color: #2d4692;
    margin-bottom: 0px;
}

.ready-flats > div > p:first-child {
    font-family: titillium_websemibold, sans-serif;
    font-size: 24px;
    text-align: center;
    color: #2d4692;
    margin-bottom: 30px;
}

.ready-flats>div>div:nth-child(2) p:first-child {
    font-family: titillium_webbold, sans-serif;
    font-size: 16px;
    color: #000;
    margin-top: 0;
}

.ready-flats>div>div:nth-child(2) p {
    font-family: titillium_webregular, sans-serif;
    font-size: 14px;
    color: #1e1e1e;
    margin-bottom: 0;
    margin-top: 10px;
}

.ready-flats>div>div:nth-child(2) p:last-child {
    margin-bottom: 30px;
}

.flat-movies, .flat-movies .lightgallery {
    overflow: hidden !important;
}

.flat-movies iframe {
    border: 2px solid #fff;
    float: left;
}

.flat-paragraphs {
    line-height: 0;
    width: 2500px;
    overflow: auto;
    margin-left: 0;
    -moz-transition: 1s ease margin-left;
    -webkit-transition: 1s ease margin-left;
    -o-transition: 1s ease margin-left;
    transition: 1s ease margin-left;
}

.living, .commercial {
    padding: 30px;
    width: 50%;
    float: left;
    position: relative;
    font-size: 18px;
}

.living p, .commercial p {
    letter-spacing: 1px;
    line-height: 1.4em !important;
}

.flat-movies {
    line-height: 0;
}

.flat-paragraphs p, .flat-paragraphs ul {
    color: #1e1e1e;
    line-height: 1.2em;
}

.flat-paragraphs span, .info-title, .info-subtitle {
    font-weight: bold;
}

.info-title, .info-subtitle {
    text-transform: uppercase;
    font-size: 22px;
    text-align: center;
}

.info-title {
    margin-top: 0;
}

.living > span:first-child, .commercial > span:first-child {
    position: absolute;
    color: #1e1e1e;
    background: #fff;
    font-size: 20px;
    line-height: 30px;
    border: 2px solid #1e1e1e;
    padding: 3px 8px;
    top: 10px;
    cursor: pointer;
    -moz-transition: .2s ease opacity;
    -webkit-transition: .2s ease opacity;
    -o-transition: .2s ease opacity;
    transition: .2s ease opacity;
}

.living > span:first-child:hover, .commercial > span:first-child:hover {
    color: #fff;
    background: #1e1e1e;
}

.living > span:first-child i {
    margin-left: 10px;
}

.commercial > span:first-child i {
    margin-right: 10px;
}

.living > span:first-child {
    right: 10px;
    opacity: 1;
    filter: alpha(opacity=100);
}

.commercial > span:first-child {
    left: 10px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.flat-contact {
    color: #2d4692;
    padding: 80px;
    overflow: auto;
}

.flat-contact div:first-child {
    font-size: 32px;
    font-family: titillium_websemibold, sans-serif;
}

.flat-contact div:last-child {
    font-size: 16px;
}

.flat-contact div:last-child span {
    font-size: 20px;
}

.flat-contact div:last-child p:first-child {
    margin-top: 0;
}

.flat-contact div:last-child p span {
    font-family: titillium_websemibold, sans-serif;
}

.flat-contact div:last-child a, .flat-contact div:last-child a:hover {
    color: #fff;
}

.lightgallery {
    margin: 2px auto;
    width: 1197px;
    overflow: auto;
}

.lightgallery a {
    display: inline-block;
    overflow: auto;
    float: left;
    margin: 2px;
    width: 295px;
    height: 192px;
}

.investment-gallery .lightgallery a {
    display: block;
    overflow: auto;
    float: left;
    width: 395px;
    height: 258px;
    border: 2px solid #fff;
    box-sizing: border-box;
}

.gallery-container {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.gallery-container img {
    position: absolute;
    z-index: 101;
}

.zoom {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 100;
    transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transition: .3s ease opacity, .3s ease transform;
    -moz-transition: .3s ease opacity, .3s ease transform;
    -webkit-transition: .3s ease opacity, .3s ease transform;
    -o-transition: .3s ease opacity, .3s ease transform;
}

.zoom i {
    color: rgb(255, 255, 255);
    color: rgba(255, 255, 255, .8);
    font-size: 42px;
    text-align: center;
    display: block;
    /*margin: 105px 0;*/
    text-shadow: 3px 3px 3px #000;
}

/*Dodatkowy styl do dodania*/
.img-caption {
    color: #fffc;
    font-size: 22px;
    text-align: center;
    text-shadow: 3px 3px 3px #000;
    margin: 0;
    padding: 0 10px;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,.7);
}

.gallery-content {
    display: block;
    overflow: hidden;
    -moz-transition: .5s height ease;
    -webkit-transition: .5s height ease;
    -o-transition: .5s height ease;
    transition: .5s height ease;
}

.gallery-title {
    font-size: 22px;
    color: #000;
    font-weight: bold;
    font-family: titillium_webregular, sans-serif;
    line-height: 1;
    overflow: auto;
}

.gallery-title div {
    text-align: center;
    background-color: #F2F2F2;
    border-bottom: 1px solid #D9D9D9;
    width: 90%;
    float: left;
    padding: 5px;
}

.gallery-title span {
    background: #f2f2f2;
    display: inline-block;
    font-size: 14px;
    color: #2D4692;
    cursor: pointer;
    width: 10%;
    height: 33px;
    float: left;
    line-height: 33px;
    text-align: center;
}

/*
.gallery-title span:hover {
    background-color: #3552AB;
}
*/

.gallery-title span:active {
    font-size: 13px;
}

.flat-location {
    width: 100%;
    height: 100%;    
}

.table-box center {
    margin: 5px 15px;
    font-weight: bold;
    color: red;
}

.bottom-table .all-flat-table-body table tbody tr td span {
    font-size: 13px;
}

.bottom-table .all-flat-table-body table tbody tr {
    cursor: default;
}

#commercial-table th, #commercial-table .all-flat-table-body td {
    width: 10%;
}

#commercial-table th:first-child, #commercial-table .all-flat-table-body td:first-child, #commercial-table th:nth-child(3), #commercial-table .all-flat-table-body td:nth-child(3), #commercial-table th:nth-child(5), #commercial-table .all-flat-table-body td:nth-child(5), #commercial-table th:nth-child(6), #commercial-table .all-flat-table-body td:nth-child(6) {
    width: 15%;
}

.investment-banner-text {
    position: absolute;
    z-index: 105;
    background: rgb(45, 70, 146);    
    background: rgba(45, 70, 146, 0.7);
    color: #fff;
    margin: 15px;
    top: 0;
}

.investment-banner-text h2, .investment-banner-text h3 {
    margin: 0;
    padding: 30px;
    text-align: center;
    text-shadow: 5px 5px 5px rgb(0,0,0);
    text-shadow: 5px 5px 5px rgba(0,0,0,.6);
}

.investment-banner-text h2 {
    font-size: 92px;
}

.investment-banner-text h3 {
    font-size: 62px;
}

#map-part {
    height: 600px;
}

#legend-part {
    height: 100px;
}

.legend-pins, .gallery-link-button {
    float: left;
    height: 100px;
}

.legend-pins {
    width: 1100px;
}

.gallery-link-button {
    width: 130px;
}

.gallery-link-button a {
    background: #E2E2E2;
    display: block;
    width: 120px;
    height: 70px;
    margin: 15px 5px;
    font-size: 20px;
    text-align: center;
    padding: 4px;
    color: #2D4692;
    -moz-transition: .3s ease background;
    -webkit-transition: .3s ease background;
    -o-transition: .3s ease background;
    transition: .3s ease background;
}

.gallery-link-button a:hover {
    text-decoration: none;
    background: #EBEBEB;
    color: #2D4692;
    -moz-transition: .3s ease background;
    -webkit-transition: .3s ease background;
    -o-transition: .3s ease background;
    transition: .3s ease background;
}

.gallery-link-button a:active, .gallery-link-button a:focus {
    outline: none;
    text-decoration: none;
}

.pins-container {
    overflow: auto;
    margin: 0 auto;
}

.pin-box {
    width: 136px;
    height: auto;
    float: left;
    margin: 20px 0;
}

.pin-img {
    width: 54px;
    margin: 0 auto;
    text-align: center;
}

.pin-title {
    text-align: center;
    color: #7d7d7d;
}
/**/
#key-part-content {
    font-family: titillium_webbold, sans-serif;
    font-size: 16px;
    color: #000;
}

.ready-flats div[class="row"] {
    margin-top: 40px;
    margin-bottom: 40px;
}

/*#about div[class="row"] div:nth-child(2) {
    text-align: right;
}

#about div[class="row"] div:nth-child(2) img {
    display: inline;
}*/

#key-part-content, #key-full-content {
    margin: 0;
}

#key-content-develop {
    background: #e2e2e2;
    color: #7d7d7d;
    font-family: titillium_webregular, sans-serif;
    font-size: 14px;
    text-align: center;
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 10px;
}

#key-content-develop img {
    margin-left: 5px;
}

.ready-flats button:focus, .ready-flats button:active {
    outline: none;
}

#key-full-content {
    font-family: titillium_webregular, sans-serif;
    font-size: 16px;
    color: #000;
    margin-top: 20px;
}

.key-images img {
    float: left;
    border: 4px solid #fff;
    width: 50%;
    max-width: 332px;
}

.key-text-container {
    position: relative;
}




/*----------------------------------------------------------------------------*/
/*--------------------Style dla stron gotowych inwestycji---------------------*/
/*----------------------------------------------------------------------------*/




.investment-gallery .lightgallery {
    margin: 0 auto;
    overflow-y: auto;
    overflow-x: auto;
    height: auto;
    width: initial;
}

.investment-gallery {
    margin-bottom: 30px;
    margin-top: 30px;
}

.investment-info {
    font-size: 16px;
}

.investment-info div p:last-child {
    font-size: 16px;
    color: #1e1e1e;
    margin-top: 0;
    margin-bottom: 30px;
}

.investment-info span, .investment-info h2, .investment-info h3, .investment-info h4, .investment-info h5 {
    font-family: titillium_websemibold, sans-serif;
}

.investment-info h2 {
    font-size: 24px;
}

.investment-info h3 {
    font-size: 22px;
}

.investment-info h4 {
    font-size: 20px;
}

.investment-info h5 {
    font-size: 18px;
}

#investments-portfoli.headquarters-row > div > div > div:nth-child(2) p:first-child spano > div > p:first-child {
    font-family: titillium_websemibold, sans-serif;
    font-size: 24px;
    text-align: center;
    color: rgb(45, 70, 146);
    margin-bottom: 12px;
}

.investment-gallery div .lightgallery a {
    width: 395px;
    height: 258px;
    max-width: 395px;
    max-height: 258px;
    min-width: 220px;
}

.investment-gallery div .lightgallery a div img {
    width: inherit;
    /*height: inherit;*/
}

/*.investment-gallery .zoom i {
    margin: 105px 0;
}*/








/*----------------------------------------------------------------------------*/
/*----------------------Style dla Lokali Usługowych---------------------------*/
/*----------------------------------------------------------------------------*/




.price-info {
    background-color: #CBCBCB;
    color: #2D4692;
    text-align: center;
    font-size: 14px;
}



#commercial-table > div >div:nth-child(2) th, #commercial-table > div >div:nth-child(2) td {
    padding-left: 0px;
    padding-right: 0px;
}

#commercial-table > div >div:nth-child(2) th {
    padding-top: 21px;
}

#commercial-table>div>div:nth-child(2) th:nth-child(6), #commercial-table>div>div:nth-child(2) td:nth-child(6) {
    border-left: 2px solid #fff;
}

#commercial-table .all-flat-table-body {
    height: 600px;
}

.searchCommercial-form select {
    width: 40%;
    margin: 31px 10% 30px 0 !important;
}

.searchCommercial-form fieldset {
    padding: 0;
    margin: 0;
    border: none;
    width: 40%;
}

.searchCommercial-form fieldset .irs {
    border-bottom: none;
}

.form-row .search-button {
    margin: 31px 0 30px;
    float: none;
    display: inline-block;
    width: 20%;
    height: 39px;
    line-height: 39px;
}

.search-buton-container {
    text-align: left;
}

#promotion-search ~ div {
    background: #fff;
}








/*----------------------------------------------------------------------------*/
/*----------------------------Style dla Aktualności---------------------------*/
/*----------------------------------------------------------------------------*/




/*-------------------------Pojemnik z aktualnościami--------------------------*/
.news-row {
    padding-top: 40px;
    padding-bottom: 40px;
    background: #fff;
}

.news-row:nth-child(2n+2) {
    background: #f7f7f7;
}

.news-detail-title {
    font-size: 24px;
    color: #000;
    font-family: titillium_webitalic, sans-serif;
    margin-top: 0;
    margin-bottom: 0;
}

.news-detail-date, .news-detail-short {
    font-size: 16px;
    color: #7d7d7d;
    font-family: titillium_webbold, sans-serif;
}

.news-detail-date {
    margin: 5px 0px;
}

.news-detail-short {
    font-family: titillium_webregular, sans-serif;
}

.news-thumb, .news-detail {
    padding: 0;
}

.news-thumb img {
    max-height: 250px;
}

.news-detail {
    padding-left: 20px;
}

.news-detail .more {
    padding: 0;
}

.news-detail .more a {
    margin-bottom: 0;
    border-color: #2d4692;
    color: #2d4692;
}

.news-detail .more a:hover{
    background-color: #2d4692;
    color: white;
}

.news-container div:last-child div:last-child {
    position: absolute;
    bottom: 0;
}

.hint {
    font-size: 20px;
    color: #7d7d7d;
    font-family: titillium_webitalic, sans-serif;
    text-align: center;
    line-height: 1em;
    display: none;
    margin-bottom: 0;
}

.hint i {
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    margin-left: 10px;
    font-style: italic;
}

.pagination-row > div {
    text-align: center;
}

.pagination-row > div > ul {
    box-shadow: 7px 7px 10px 0px rgb(0, 0, 0);
    -moz-box-shadow: 7px 7px 10px 0px rgb(0, 0, 0);
    -webkit-box-shadow: 7px 7px 10px 0px rgb(0, 0, 0);
    box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.2);
}

.pagination-row .pagination li a {
    padding: 7px 20px;
    background: #efefef;
    color: #7d7d7d;
    font-size: 16px;
    font-family: titillium_webregular, sans-serif;
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
    border-left-color: #d6d6d6; 
}

.pagination-row .pagination li a:hover {
    border-left-color: #d6d6d6; 
    z-index: initial;
}

.pagination-row .pagination li a:active {
    outline: none;
    z-index: initial;
}

.pagination-row .pagination li a:focus {
    outline: none;
    z-index: initial;
}

.pagination-row .pagination li:first-child a {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-left: 0;
}

.pagination-row .pagination li:last-child a {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-right: 0;
}

.other-page-disabled {
    color: #d5d5d5 !important;
}

.active-page {
    color: #fff !important;
    background: #2d4692 !important;
}

.news-full {
    background: #e2e2e2;
}

.news-full > div {
    margin-top: 30px;
    margin-bottom: 30px;
}

.news-full .news-detail-date {
    margin-top: 20px;
    font-size: 20px;
    color: #2D4692;
}

.news-text {
    color: rgb(0, 0, 0);
    font-size: 20px;
    text-align: justify;
}

#bottom-info-with-image div:last-child p:first-child {
    margin-top: 0;
}

#bottom-info-with-image div:last-child p:last-child {
    margin-bottom: 0;
}

.news-box a:hover, .news-box a:focus, .news-box a:active {
    text-decoration: none;
    text-shadow: 1px 1px 1px rgb(0,0,0);
    text-shadow: 1px 1px 1px rgba(0,0,0,.4);
}








/*----------------------------------------------------------------------------*/
/*--------------------------Style dla Historii Firmy--------------------------*/
/*----------------------------------------------------------------------------*/




/*-----------------------------Style dla osi czasu----------------------------*/
.events-content {
    min-height: 250px !important; 
}

.cd-horizontal-timeline {
    opacity: 0;
    filter: alpha(opacity=0);
    margin: 2em auto;
    -webkit-transition: opacity 0.2s, filter 0.2s;
    -moz-transition: opacity 0.2s, filter 0.2s;
    transition: opacity 0.2s, filter 0.2s;
}
.cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'mobile';
    display: none;
}
.cd-horizontal-timeline.loaded {
    /* show the timeline after events position has been set (using JavaScript) */
    opacity: 1;
    filter: alpha(opacity=100);
}
.cd-horizontal-timeline .timeline {
    position: relative;
    height: 100px;
    width: 90%;
    max-width: 800px;
    margin: 0 auto;
}
.cd-horizontal-timeline .events-wrapper {
    position: relative;
    height: 100%;
    margin: 0 40px;
    overflow: hidden;
}
.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
    /* these are used to create a shadow effect at the sides of the timeline */
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    height: 100%;
    width: 20px;
}
.cd-horizontal-timeline .events-wrapper::before {
    left: 0;
    background-image: -webkit-linear-gradient( left , #e2e2e2, rgba(248, 248, 248, 0));
    background-image: -moz-linear-gradient( left , #e2e2e2, rgba(248, 248, 248, 0));
    background-image: -o-linear-gradient( left , #e2e2e2, rgba(248, 248, 248, 0));
    background-image: linear-gradient(to right, #e2e2e2, rgba(248, 248, 248, 0));
}
.cd-horizontal-timeline .events-wrapper::after {
    right: 0;
    background-image: -webkit-linear-gradient( right , #e2e2e2, rgba(248, 248, 248, 0));
    background-image: -moz-linear-gradient( right , #e2e2e2, rgba(248, 248, 248, 0));
    background-image: -o-linear-gradient( right , #e2e2e2, rgba(248, 248, 248, 0));
    background-image: linear-gradient(to left, #e2e2e2, rgba(248, 248, 248, 0));
}

.cd-horizontal-timeline .events a:hover::after:hover span {
    color: #2d4692;
}

.cd-horizontal-timeline .events {
    /* this is the grey line/timeline */
    position: absolute;
    z-index: 1;
    left: 0;
    top: 49px;
    height: 6px;
    /* width will be set using JavaScript */
    background: #b3b3b3;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}
.cd-horizontal-timeline .filling-line {
    /* this is used to create the green line filling the timeline */
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}
.cd-horizontal-timeline .events a {
    position: absolute;
    bottom: 0;
    z-index: 2;
    text-align: center;
    font-size: 1.3rem;
    padding-bottom: 10px;
    color: #383838;
    /* fix bug on Safari - text flickering while timeline translates */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
.cd-horizontal-timeline .events a::after {
    /* this is used to create the event spot */
    content: '';
    position: absolute;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -5px;
    height: 15px;
    width: 15px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #fff;
    background-color: #2d4692;
    -webkit-transition: background-color 0.3s, border-color 0.3s;
    -moz-transition: background-color 0.3s, border-color 0.3s;
    -o-transition: background-color 0.3s, border-color 0.3s;
    transition: background-color 0.3s, border-color 0.3s;
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
    background-color: #7b9d6f;
    border-color: #7b9d6f;
}
.cd-horizontal-timeline .events a.selected {
    pointer-events: none;
}

.cd-horizontal-timeline .events a:hover::after {
    border-color: #FFC107;
}

.cd-horizontal-timeline .events a {
    -webkit-transition: background-color 0.3s, color 0.3s;
    -moz-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
}

.cd-horizontal-timeline .events a:hover {
    color: #FFC107 !important;
    -webkit-transition: background-color 0.3s, color 0.3s;
    -moz-transition: background-color 0.3s, color 0.3s;
    -o-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
}

.cd-horizontal-timeline .events a:active, .cd-horizontal-timeline .events a:focus {
    text-decoration: none;
}

@media only screen and (min-width: 1100px) {
    .cd-horizontal-timeline {
        margin: 6em auto;
    }
    .cd-horizontal-timeline::before {
        /* never visible - this is used in jQuery to check the current MQ */
        content: 'desktop';
    }
}

.cd-timeline-navigation a {
    /* these are the left/right arrows to navigate the timeline */
    position: absolute;
    z-index: 1;
    top: 52%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 34px;
    width: 34px;
    /* replace text with an icon */
    overflow: hidden;
    color: transparent;
    text-indent: 100%;
    white-space: nowrap;
    -webkit-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    transition: border-color 0.3s;
}
.cd-timeline-navigation a::after {
    /* arrow icon */
    content: '';
    position: absolute;
    height: 16px;
    width: 16px;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1.5);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1.5);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1.5);
    -o-transform: translateX(-50%) translateY(-50%) scale(1.5);
    transform: translateX(-50%) translateY(-50%) scale(1.5);
    background: url("/application/media/images/cd-arrow.svg") no-repeat 0 0;
}
.cd-timeline-navigation a.prev {
    left: 0;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}
.cd-timeline-navigation a.next {
    right: 0;
}
.no-touch .cd-timeline-navigation a:hover {
    border-color: #7b9d6f;
}
.cd-timeline-navigation a.inactive {
    cursor: not-allowed;
}
.cd-timeline-navigation a.inactive::after {
    background-position: 0 -16px;
}
.no-touch .cd-timeline-navigation a.inactive:hover {
    border-color: #dfdfdf;
}

.cd-horizontal-timeline .events-content {
    position: relative;
    width: 100%;
    margin: 2em 0;
    overflow: hidden;
    -webkit-transition: height 0.4s;
    -moz-transition: height 0.4s;
    -o-transition: height 0.4s;
    transition: height 0.4s;
}
.cd-horizontal-timeline .events-content li {
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    top: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    padding: 0 5%;
    opacity: 0;
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
.cd-horizontal-timeline .events-content li.selected {
    /* visible event content */
    text-align: center;
    position: relative;
    z-index: 2;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

li.selected .more a {
    margin: 10px auto 0;
}

li .more a {
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

li.selected p:last-of-type {
    font-family: titillium_webbold,sans-serif;
}

.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
    -webkit-animation-name: cd-enter-right;
    -moz-animation-name: cd-enter-right;
    animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
    -webkit-animation-name: cd-enter-left;
    -moz-animation-name: cd-enter-left;
    animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
    -webkit-animation-direction: reverse;
    -moz-animation-direction: reverse;
    animation-direction: reverse;
}
.cd-horizontal-timeline .events-content li > * {
    max-width: 800px;
    margin: 0 auto;
}
.cd-horizontal-timeline .events-content h2 {
    font-weight: bold;
    font-size: 2.6rem;
    font-family: titillium_webbold, sans-serif;
    font-weight: 700;
    line-height: 1.2;
}

.cd-horizontal-timeline .events-content p {
    font-size: 20px;
    color: #959595;
}
.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
    line-height: 1.6;
}
@media only screen and (min-width: 768px) {
    .cd-horizontal-timeline .events-content h2 {
        font-size: 32px;
    }
    .cd-horizontal-timeline .events-content p {
        font-size: 20px;
    }
}

@-webkit-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
}
@-moz-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -moz-transform: translateX(100%);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0%);
    }
}
@keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}
@-webkit-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
}
@-moz-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0%);
    }
}
@keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

.events ol, .events-content ol, .cd-timeline-navigation {
    list-style-type: none;
}

.cd-horizontal-timeline .events a:focus {
    outline: none;
}

.events-content li h2 span:before {
    content: '-';
}

.selected .more a, .events-content .more a {
    width: 30%;
    margin: initial;
    margin-top: 30px;
}








#timeline-block {
    position: relative;
    overflow: auto;
}

#left-time, #right-time {
    margin-top: 127px;
    height: 75px;
    line-height: 75px;
    width: 20px;
    color: #7f828b;
    cursor: pointer;
    text-align: center;
    float: left;
    font-size: 36px;
    -webkit-transition: .3s color ease;
    -moz-transition: .3s color ease;
    -o-transition: .3s color ease;
    transition: .3s color ease;
}

#left-time:hover, #right-time:hover {
    color: #fff;
}

#left-time {
    margin-right: 10px;
}

#right-time {
    margin-left: 10px;
}

#scene {
    position: relative;
    height: 250px;
    overflow: hidden;
    float: left;
}

#timeline {
    height: 75px;
    margin-left: 0;
    -moz-transition: .5s margin-left linear;
    -webkit-transition: .5s margin-left linear;
    -o-transition: .5s margin-left linear;
    transition: .5s margin-left linear;
    margin-top: 70px;
}

.line {
    height: 7px;
    width: 60px;
    float: left;
    background: #12182a;
    margin-top: 34px;
    margin-bottom: 34px;
}

.line:first-child {
    -webkit-border-radius: 3.5px 0 0 3.5px;
    -moz-border-radius: 3.5px 0 0 3.5px;
    border-radius: 3.5px 0 0 3.5px;
}

.line:last-child {
    -webkit-border-radius: 0 3.5px 3.5px 0;
    -moz-border-radius: 0 3.5px 3.5px 0;
    border-radius: 0 3.5px 3.5px 0;
}

#counter {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 170px;
    height: 30px;
    border: 2px solid black;
    padding: 0 10px;
    line-height: 30px;
    margin-bottom: -40px;
    display: none; /*Wyłączone ale zostawione w razie gdyby potrzeba była jeszcze pracy z ustawianiem marginesów*/
}

#counter span {
    background: gray;
}

.circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    float: left;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    background: #2d4692;
    color: #fff;
    margin-top: 7.5px;
    margin-bottom: 7.5px;
    border: 5px solid #2d4692;
    font-family: titillium_webbold, sans-serif;
    cursor: default;
}

.circle:hover {
    background: #12182a;
    border: 5px solid #fff;
}

.circle:hover div {
    display: block;
}

.circle>div {
    width: 300px;
    height: 110px;
    background: rgb(45, 70, 146) none repeat scroll 0% 0%;
    top: 10px;
    position: absolute;
    display: none;
}

.circle>div::after {
    content: ' ';
    border-top: 16px solid #2D4692;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    bottom: 0;
    left: 16px;
    height: 0;
    width: 0;
    margin-bottom: -16px;
}

.circle>div>p {
    margin: 0px;
    text-align: left;
    padding: 10px;
    font-size: 16px;
    line-height: 1em;
}

.circle>div>.more a {
    background: #fff;
    color: #2D4692;
    margin: 0px;
    width: 200px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    border: 0px none;
}

#timeline-row > div:first-child > #timeline-block > #scene > p:first-child {
    font-family: titillium_websemibold, sans-serif;
    font-size: 24px;
    text-align: center;
    color: #2d4692;
    margin-bottom: 0;
}

.left-end, .right-end {
    color: #C6CBD9 !important;
    cursor: not-allowed !important;
}

#bottom-info-with-movie p {
    font-family: titillium_websemibold, sans-serif;
    font-size: 24px !important;
    text-align: center;
    color: #2d4692 !important;
    margin-bottom: 30px;
    margin-top: 30px;
}

#bottom-info-with-movie iframe {
    margin: 0 auto;
    width: 100%;
    margin-bottom: 30px;
    display: block;
}




/*----------------------------Style dla treści strony-------------------------*/
#history-header div p {
    margin-bottom: 0;
    margin-top: 30px;
}

#history-header div p:first-child {
    font-family: titillium_webitalic, sans-serif;
    font-size: 24px;
    color: #000;
}

#history-header div p:nth-child(2) {
    font-family: titillium_webbold, sans-serif;
    font-size: 16px;
    color: #7d7d7d;
}

#history-header div p:last-child {
    margin-bottom: 30px;
    font-size: 16px;
    color: #7d7d7d;
}

#timeline-row {
    background: #e2e2e2;
}

#prizes > div:first-child > p:first-child {
    font-family: titillium_websemibold, sans-serif;
    font-size: 24px;
    text-align: center;
    color: #2d4692;
    margin-bottom: 30px;
    margin-top: 30px;
}

.prizes {
    margin-top: 0;
    margin-bottom: 30px;
}

.prize-info {
    padding-left: 60px;
}

.prize-info p, #bottom-info p {
    color: #7d7d7d;
    font-size: 16px;
}

.prize-info p:first-child, #bottom-info p span {
    font-family: titillium_webbold, sans-serif;
}

#bottom-info p:last-child {
    margin-bottom: 30px;
}

.prize-info p:first-child {
    margin-top: 0;
}

.prize-info p:last-child {
    margin-bottom: 0;
}

.prize-image {
    padding-right: 0;
}

.prize-image img {
    max-height: 200px;
    max-width: 200px;
}

#prizes > div div {
    margin-bottom: 20px;
}








/*----------------------------------------------------------------------------*/
/*----------------------------Style dla Finansowania--------------------------*/
/*----------------------------------------------------------------------------*/




#partners-paragraphs p:first-child {
    margin-top: 30px;
}

#partners-paragraphs p:first-child, #partners-paragraphs p:nth-child(3), #partners-info-bottom div p:nth-child(2), #partners-info-bottom div p:nth-child(5), .investment-info div p:first-child {
    font-size: 24px;
    color: #000;
    font-family: titillium_webitalic, sans-serif;
    margin-top: 30px;
    margin-bottom: 30px;
    text-transform: uppercase;
}

#partners-paragraphs p span, #partners-info-bottom div p span {
    font-family: titillium_webbold, sans-serif;
}

#partners-paragraphs, #partners-info-bottom p {
    font-size: 16px;
    color: #7d7d7d;
}

#partners-paragraphs p:nth-child(2), #partners-info-bottom > div > p:nth-child(3) {
    font-family: titillium_webregular, sans-serif;
}

#partners-paragraphs p, #partners-info-bottom img, #partners-info-bottom div p {
    margin-top: 0;
    margin-bottom: 30px;
}

#partners-carousel {
    border: 1px solid #d1d1d1; 
}

#partners-carousel img {
    display: block;
    margin: 0 auto;
}

#partners-carousel-control {
    position: absolute;
    margin-top: -15px;
    z-index: 100;
}

#partners-info-bottom img {
    margin: 0 auto;
}








/*----------------------------------------------------------------------------*/
/*----------------------Style dla Ofert specjalnych---------------------------*/
/*----------------------------------------------------------------------------*/




#special-table td, #special-table th, #commercial-table td, #commercial-table th, .bottom-table td, .bottom-table th {
    font-size: 13px !important;
}

#special-table > div >div:nth-child(2) th, #special-table > div >div:nth-child(2) td {
    padding-left: 0px;
    padding-right: 0px;
}

#special-table > div >div:nth-child(2) th {
    padding-top: 21px;
}

#special-table>div>div:nth-child(2) th, #special-table>div>div:nth-child(2) td {
    width: 10%;
}

#special-table>div>div:nth-child(2) th:first-child, #special-table>div>div:nth-child(2) td:first-child, #special-table>div>div:nth-child(2) th:nth-child(7), #special-table>div>div:nth-child(2) td:nth-child(7) {
    width: 15%;
}

#special-table>div>div:nth-child(2) th:nth-child(2), #special-table>div>div:nth-child(2) td:nth-child(2), #special-table>div>div:nth-child(2) th:nth-child(3), #special-table>div>div:nth-child(2) td:nth-child(3) {
    width: 7%;
}

#special-table>div>div:nth-child(2) th:nth-child(5), #special-table>div>div:nth-child(2) td:nth-child(5) {
    width: 8%;
}

#special-table>div>div:nth-child(2) th:nth-child(6), #special-table>div>div:nth-child(2) td:nth-child(6) {
    border-left: 2px solid #fff;
}

#special-table>div>div:nth-child(2) th:nth-child(7), #special-table>div>div:nth-child(2) td:nth-child(7) {
    width: 15%;
}

#special-table>div>div:nth-child(2) th:nth-child(9), #special-table>div>div:nth-child(2) td:nth-child(9), #special-table>div>div:nth-child(2) th:nth-child(10), #special-table>div>div:nth-child(2) td:nth-child(10) {
    width: 6%;
}

#special-table>div>div:nth-child(2) th:nth-child(6), #special-table>div>div:nth-child(2) td:nth-child(6) {
    width: 14%;
}

#special-table>div>div:nth-child(2) th:nth-child(4), #special-table>div>div:nth-child(2) td:nth-child(4) {
    width: 12%;
}

#special-table .all-flat-table-body {
    max-height: 600px;
}

#promotion-search div select {
    padding: 7px 80px 7px 10px;
}

.form-row .search-button {
    margin: 31px 0 30px;
    float: none;
    display: inline-block;
    width: 20%;
    height: 39px;
    line-height: 39px;
}

.search-buton-container {
    text-align: left;
}


.all-flat-table-body table tbody tr td[colspan="10"] {
    font-size: 24px;
    color: #E65656;
}

.all-flat-table-body table tbody tr td[colspan="10"]:hover {
    background: #f2f2f2;
}








/*----------------------------------------------------------------------------*/
/*----------------------------Style dla Kontaktu------------------------------*/
/*----------------------------------------------------------------------------*/


.content_header{
    background-position: center;
    background-repeat: no-repeat;
}

.content_header_title{
    max-width: 332px;
    background: rgba(48,59,82,0.8);
    text-align: center;
    padding: 30px 15px;
    margin: 130px auto;
}

.content_header_title h1{
    margin: 0px 0 20px 0;
    padding-top: 20px;
    color: white;
    font-size: 50px;
    font-weight: 500;
    font-family: titillium_websemi, sans-serif;
    position: relative;
}

.content_header_title h1:before{
    content:' ';
    width:70px;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: white;
}

.breadcrumbs{
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    justify-content: center;
    font-size: 16px;
    line-height: 24px;
}

.breadcrumbs li{
    color: #B4B8BF;
}

.breadcrumbs li a{
    color: white;
}

.breadcrumbs li i{
    margin: 0 10px;
    font-size: 12px;    
}

#full-width-map {
    height: 400px;
    padding: 0;
}

.contact-row-title {
    font-size: 30px;
    font-family: titillium_webbold, sans-serif;
    color: #1e1e1e;
    line-height: 1em;
}

/*.sales-office-row div div:nth-child(2) div p:first-child {
    font-size: 20px;
    font-family: titillium_webbold, sans-serif;
    color: #1e1e1e;
}*/

#contact-content {
    color: #1e1e1e;
    font-size: 16px;
    font-family: titillium_websemibold, sans-serif;
}

.salesperson-details span {
    font-family: titillium_webregular, sans-serif;
}

.salesperson-details {
    margin-top: 0;
    margin-left: 10px;
}

.salesperson-details span {
    font-size: 14px !important;
}

#contact-content span {
    color: #7d7d7d;
    font-size: 16px;
}

.headquarters-row p {
    margin: 10px 0;
}

.headquarters-row > div > div > div:first-child p, .headquarters-row > div > div > div:nth-child(2) p:first-child {
    margin-top: 30px;
}

.headquarters-row > div > div > div:nth-child(2) p:last-child {
    margin-bottom: 30px;
    color: #7d7d7d;
}

.headquarters-row > div > div > div:nth-child(2) {
    font-size: 30px;
}

.headquarters-row > div > div > div:nth-child(2) p:first-child a {
    text-decoration: underline;
}

.headquarters-row > div > div > div:nth-child(2) p:first-child span {
    font-size: 30px !important;
    color: #7d7d7d !important; 
    font-family: titillium_websemibold, sans-serif;
}

.headquarters-row .row div:last-child {
    font-size: 30px;
}

.headquarters-row .row div:last-child p:first-child {
    margin-top: 30px;
    margin-bottom: 0px;
}

.headquarters-row .row div:last-child p:first-child span {
    font-size: 30px !important;
}

.headquarters-row .row div:last-child p:last-child {
    margin-bottom: 30px;
    margin-top: 0px;
}



.sales-office-row {
    background: #e2e2e2;
}

.sales-office-row div div div:first-child p:last-child {
    margin-bottom: 30px;
}

.sales-office-row div div:nth-child(2) div:first-child img {
    display: inline-block;
}

.sales-office-row div div:nth-child(2) div:first-child img, .sales-office-row div div:nth-child(2) div:first-child p {
    float: left;
}

.sales-office-row div div:nth-child(2) div:first-child p:first-child {
    float: none;
}

.contact-form-row{
    background: rgba(0,0,0,0.05);
    padding: 80px 0;
}

.contact-form-row .podtytul{
    font-size: 15px;
    font-family: titillium_web,sans-serif;
    text-align: center;
    margin-bottom: 60px;
    color: #596275;
    margin-top: 0;
}

.contact-form-box input, .contact-form-box textarea {
    background: white;
    padding: 15px 20px;
    color: #596275;
    font-size: 15px;
    line-height: 15px;
    margin-bottom: 20px;
    border: 1px solid #DEDEDE;
    width: 100%;
}

.contact-form-box input[type="checkbox"]{
    display: inline-block;
    width: initial;
    margin-right: 10px;
}

.contact-form-box textarea {
    -moz-resize: none;
    resize: none;
    height: 120px;
}



.contact-form-box fieldset {
    border: none;
    margin: 0;
    padding-bottom:  0;
}

#form-output {
    color: green;
    padding: 5px 20px;
    line-height: 1em;
    font-size: 15px;
    background: #f7f7f7;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
    margin: 5px 0;
    height: 26px;
}

.contact-form-row span {
    color: #d50000;
    font-size: 15px;
    margin-left: 10px;
    font-weight: bold;
    letter-spacing: 1px;
}

.contact-form-row div p:first-child {
    font-size: 20px;
}

/*------------ Style dla ostatniej kolumny w kontakcie --------------------*/

.salesoffices-column p:nth-child(4), .salesoffices-column p:nth-child(9) {
    font-family: titillium_webbold,sans-serif;
}

.salesoffices-column p:nth-child(5) span:last-child {
    font-family: titillium_webitalic,sans-serif;
    font-size: 14px !important;
}

.salesoffices-column p:nth-child(5) span, .salesoffices-column p:last-child span {
    color: #1e1e1e !important;
}

.salesoffices-column p:nth-child(5) span:first-child {
    display: none;
}

.salesoffices-column p:nth-child(2), .salesoffices-column p:nth-child(7) {
    font-family: titillium_webbold, sans-serif;
    font-size: 20px;
}

a[href="mailto:info@budrem.pl"], a[href="mailto:info@budrem.pl"]:hover, a[href="mailto:info@budrem.pl"]:active, .telephone-number, .telephone-number:hover, .telephone-number:active {
    color: #2d4692;
    text-decoration: underline;
}

.telephone-number, .salesoffices-column p:nth-child(4) span:first-child, .salesoffices-column p:nth-child(9) span:first-child, .salesoffices-column p:nth-child(9) span:nth-child(4) {

}

.salesperson-container .telephone-number {
    font-size: 14px;
}

.salesperson-details span:last-child {
    font-family: titillium_webbold, sans-serif;
}

.sales-office-row div div:nth-child(2) div:last-child p:nth-child(6), .sales-office-row div div:nth-child(2) div:first-child p:first-child {
    font-size: 20px;
    color: #1e1e1e;
    font-family: titillium_webbold,sans-serif;
}

.salesperson-container > div:first-child {
    padding: 0;
}

.salesperson-details .telephone-number {
    font-family: titillium_webbold,sans-serif;
}

.salesperson-container > div:last-child p {
    font-size: 16px !important;
}

.sales-office-row > div > div:nth-child(2) > div > p:first-child {
    line-height: 1em;
}

.sales-office-row div div div:nth-child(2) .salesperson-container:first-child {
    margin-top: 90px;
}

.sales-office-row div div div:nth-child(3) p:last-child {
    margin-bottom: 30px;
}

.contact-form-row div p:first-child {
    margin-top: 0;
    color: #303B52;
    font-size: 44px;
    font-family: titillium_web,sans-serif;
    margin-bottom: 20px;
    line-height: 54px;
    text-align: center;
    position: relative;
    padding-top: 20px;
}

.contact-form-row div p:first-child:before{
    content: ' ';
    width: 70px;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #1B4B9D;
}

.contact-form-row .send-message {
    max-width: 175px;
    background: #194B9C;
    color: white;
    margin: 20px auto 0;
    display: block;
    border: 1px solid #194B9C;
    text-transform: uppercase;
    width: 100%;
    padding: 15px 0;
}

.contact-form-row .send-message i{
    padding-left: 10px;
}

.contact-form-row .send-message:hover{
    background: transparent;
    color: #194B9C;
}






/*----------------------------------------------------------------------------*/
/*-------------------------------MEDIA QUERIES--------------------------------*/
/*----------------------------------------------------------------------------*/




@media (min-width: 768px) {
    .navbar .navbar-nav {
        float: right;
    }

    .navbar .navbar-collapse {
    }

    #main-navbar {
        min-height: 76px !important;
        height: auto !important;
    }
}




@media (max-width: 1280px) {


    .flat-info>div {
        padding: 0;
    }
}




@media (max-width: 1279px) {
    .investment-frame, .special-portfolio {
        display: none; /*Usunięcie formularza rzutu mieszkania/kondygnacji ponieważ nie jest przygotowany na szerokość ekranu mniejszą niż 1280px (gdy uda się responsywne mapowanie to wyłączyć)*/
    }
}




@media (max-width: 1174px) {
    #main-navbar > ul {
        padding-left: 0;
    }
}




@media (max-width: 991px) {

    .main-menu-hover{
        background: #424d64;
    }


    .news-title {
        min-height: 1px;
    }

    #mobile-about-budrem {
        display: block;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    #desktop-about-budrem {
        display: none;
    }

    .investment-header h1, .investment-header p {
        text-align: center !important;
    }

    .table-slide {
        padding-right: 0;
    }

    .form-row .search-button {
        width: 100%;
    }

    .news-detail {
        height: 250px;
        margin-top: 20px;
        padding-left: 0;
    }

    .headquarters-row > div > div > div:nth-child(2) p:first-child a {
        display: inline;
    }

    .headquarters-row > div > div > div:nth-child(2) p:first-child span, .headquarters-row > div > div > div:nth-child(3) p:first-child span {
        display: none;
    }

    .headquarters-row > div > div > div:nth-child(2) p:first-child {
        margin-bottom: 0;
    }

    .headquarters-row > div > div > div:nth-child(3) p:first-child {
        margin-top: 0 !important;
    }

    .headquarters-row > div > div > div {
        text-align: center;
    }

    .telephone-number, .salesoffices-column p:nth-child(4) span:first-child, .salesoffices-column p:nth-child(9) span:first-child, .salesoffices-column p:nth-child(9) span:nth-child(4) {
        display: inline;
    }

    .salesoffices-column p:nth-child(9) span:nth-child(2), .salesoffices-column p:nth-child(9) span:nth-child(5), .salesoffices-column p:nth-child(4) span:nth-child(2), .salesperson-details span:nth-child(5) {
        display: none;
    }

    #contact-details > div:first-child address span:nth-child(4), #contact-details > div:first-child address span:nth-child(6), #contact-details > div:last-child address span:nth-child(4) {
        
    }

    #contact-details > div:first-child address span:nth-child(5), #contact-details > div:first-child address span:nth-child(7), #contact-details > div:last-child address span:nth-child(5) {
        
    }


    address a {
        
    }

    .salesoffices-column {
        text-align: center;
    }

    #bottom-info-with-image div img {
        margin: 0 auto;
    }

    #bottom-info-with-image div:last-child p:first-child {
        margin-top: 30px;
    }

    .salesoffices-column p:nth-child(5) span:first-child {
        display: block;
    }   

    #main-navigation ul > li:hover ul {
        display: none;
        position: initial;
        box-shadow: none;
        width: 100%;
        background: #424d64;
        text-align: center;
    }

    .ready-flats div[class="col-md-6 col-sm-12 col-xs-12"]:nth-of-type(2) img {
        margin: 0 auto 30px;
    }

    #contacts-footer-list {
        text-align: right;
    }

    #contacts-footer-list .salesperson-container span {
        display: none;
    }

    #contact-details {
        margin-top: 50px;
    }

    #contact-details > div:last-child div address span:nth-of-type(3) {
        
    }

    #contact-details > div:last-child div address span:nth-of-type(4) {
        display: inline;
    }

    #menu {
        text-align: left;
    }

    #contacts-footer-list .salesperson-container {
        text-align: right;
    }



    .key-images {
        padding: 0;
    }

    .key-images img:first-child {
        border-left: 0;
    }

    .key-images img:last-child {
        border-right: 0;
    }
}




@media (max-width: 902px) {
    #main-navigation li:first-child, #main-navigation li:nth-child(2), #main-navigation li:nth-child(3), #main-navigation li:nth-child(4) {
        width: 25%;
    }

    #main-navigation li:nth-child(5), #main-navigation li:nth-child(6), #main-navigation li:nth-child(7) {
        width: 33.33%;
    }

    ul.nav.navbar-nav li a {
        text-align: center;
    }
}




@media (max-width: 767px) {

    #main-navigation li.show_child ul{
        display: block !important;
    }

    .page-header {
        margin-top: 64px;
    }
    .content-container {
        margin-top: 64px;
    }

    #background-carousel .item .slider_images_cont img{
        max-width: 100%;
    }


    #main-navigation {
    	box-shadow: none;
    }

    #logo {
        display: none;
    }

    #logo-mobile {
        display: block;
        padding: 0;
        height: 40px;
        margin: 12px 10px;
    }

    #main-navbar {
        border: none;
    }
 
    #main-navigation #main-navbar .navbar-nav > li > a,#main-navbar .navbar-nav > li > a {
	    padding: 15px 10px;
	    background: #303B52;
	    font-size: 16px;
	    color: #727A89;
    }

    #main-navigation li {
        float: none;
        width: auto !important;
        text-align: left;
    }

    #main-navbar > ul {
        padding: 0;
    }



    .navbar-header button {
        padding: 9px 11px;
    }

    .navbar-header a:nth-child(2) {
        padding: 9px 12px;
        font-size: 28px;
        display: inline-block
    }

    .navbar-header a:nth-child(2):hover, .navbar-header button:hover {
        color: #2c4691;
    }

    .navbar-header a:nth-child(2):active, .navbar-header button:active {
        outline: none;
    }

    .navbar-header button:first-child {
        display: block;
        border:none;
    }

    #menu {
        text-align: right;
    }

    #contact-details {
        text-align: center;
        margin-top: 50px;
    }

    #name-carousel .carousel-inner {
        text-align: center;
    }

    .investment-box {
        margin-top: 50px;
    }

    #footer-data p {
        text-align: center !important;
    }

    .hint {
        display: block;
    }

    .bottom-table {
        width: 737px;
    }

    #all-flat-table div div:last-child, #commercial-table div > div:nth-child(2), #special-table div > div:nth-child(2) {
        overflow-x: scroll;
    }

    .news-detail {
        height: auto;
        min-height: 250px;
    }

    .news-detail-short {
        margin-bottom: 50px;
    }

    .salesoffices-column {
        text-align: center;
    }

    .headquarters-row {
        text-align: center;
    }

    .sales-office-row {
        text-align: center;
    }

    .sales-office-row div div div:nth-child(2) .salesperson-container:first-child {
        margin-top: 0px;
    }

    .contact-form-row div p:first-child {
        text-align: left;
        font-size: 32px;
        line-height: 40px;
    }

    .contact-form-row div p:first-child:before{
    	margin: 0;
    }

    .contact-form-row .send-message{
	    clear: both;
	    margin: 30px 0;
	    top: 40px;
	    position: relative;
    }

    .contact-form-box .col-sm-6{
    	padding: 0;
    }

    .contact-form-row .podtytul{
    	text-align: left;
    }

    .prize-image img {
        margin: 0 auto;
    }

    .prize-image {
        padding-right: 15px;
    }

    .prize-info {
        padding-left: 15px;
    }

    #footer-links div:nth-child(3) {
        padding-right: 0;
    }

    #contacts-footer-list .salesperson-container:nth-child(2n+1) div p {
        text-align: left;
    }

    #contacts-footer-list .salesperson-container:nth-child(2n+2) div p {
        text-align: left;
    }

    .ready-flats>div>.row {
        margin-top: 0px;
    }

    #contact-details {
        padding-left: 0;
    }



    #contact-details > div > div:first-child{
        padding-left: 0;
    }

    #contact-details > div > div:last-child{
        padding-right: 0;
    }

    #cookie-content-container p {
        text-align: center !important;
    }

    .bottom-additional-info {
        text-align: center;
        margin:0px !important;
    }

    .displayonmobile {
        display: block;
    }

    .displayonpc {
        display: none;
    }

    .investment-header h1 {
        margin: 0 !important;
    }

    .investment-header p {
        font-size: 12px !important;
        margin: 10px !important;
    }

    .legend {
        margin-top: 830px !important;
    }
}




@media (max-width: 631px) {
    #newest-investments, #menu {
        width: 50%;
    }

    #footer-links > div:nth-child(3) {
        width: 100%;
        padding-left: 0;
    }

    #footer-links > div:nth-child(3) {
        margin-top: 30px;
    }

    #menu {
        padding-right: 0;
    }

    #contact-details {
        margin-top: 0;
    }

    #contacts-footer-list .salesperson-container:nth-child(2n+1) {
        text-align: left !important;
    }

    #contacts-footer-list .salesperson-container:nth-child(2n+2) {
        text-align: right !important;
    }


}




@media (max-width: 599px) {
    #name-carousel .carousel-inner {
        text-align: center;
    }

    .investment-inner {
        width: 70%;
        margin-left: 15%;
    }

    #promotion-search div select, #promotion-search .search-button {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    #promotion-search div select:first-child {
        margin-top: 30px !important;
    }

    #promotion-search div select {
        width: 100%;
    }

    #promotion-search .search-button {
        width: 100%;
    }

    .sales-office-row > div > div > div:first-child, .sales-office-row > div > div > div:nth-child(2) {
        width: 80%;
        margin-left: 10%;
    }
}




@media (max-width: 500px) {

    .investment-box {
        margin-left: 0px;
        width: 100%;
    }



    .events-content .more a {
        width: 100%;
    }

    .cd-horizontal-timeline .events-content h2, .events-content h3, .cd-horizontal-timeline .events-content p {
        text-align: center;
    }

    .events-content ol {
        padding: 0;
    }

    .news-detail .more {
        width: 33.33333333%;
        margin-left: 0;
    }

    .news-box {
        margin-left: 0px;
        width: 100%;
    }

    .searchCommercial-form select {
        margin-right: 0;
        width: 100%;
    }

    .searchCommercial-form fieldset {
        width: 90%;
        margin: 0 5%;
    }
}




/*@media (max-width: 426px) {
   Style umożliwiające skalowanie miniatur obrazków w galerii na zakończonych inwestycjach 
}*/




@media (max-width: 409px) {
    .investment-inner {
        width: 90%;
        margin-left: 5%;
    }

    .sales-office-row > div > div > div:first-child, .sales-office-row > div > div > div:nth-child(2) {
        width: 100%;
        margin-left: 0;
    }

    .contact-form-box input, .contact-form-box textarea {
        width: 100%;
        margin-left: 0;
    }

    #full-width-map {
        height: 650px;
    }
}




@media (max-width: 390px) {
    .news-detail .more {
        width: 100%;
    }
}






@media (max-width: 337px) {
    #newest-investments, #menu {
        width: 100%;
        text-align: center;
        padding: 0;
    }

    #menu {
        margin-top: 50px;
    }

    #name-carousel {
        font-size: 28px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .control-bar-container {
        width: 30%;
        margin-left: 35%;
    }

    .salesperson-details {
        margin-left: 30px;
    }

    .events-content h3 {
        font-size: 20px;
    }

    #contacts-footer-list .salesperson-container, #contacts-footer-list .salesperson-container p {
        float: none;
        width: 100%;
        text-align: center !important;
    }

    #contacts-footer-list {
        height: auto !important;
    }

    #contact-details {
        margin-top: 30px;
    }

    #contact-details > div {
        width: 100%;
        text-align: center !important;
    }

    #contact-details > div:last-child {
        margin-top: 40px;
    }

    .investment-box {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #footer-links > div:nth-child(3) p {
        text-align: center;
    }
}




@media (max-width: 291px) {
    #logo-mobile {
        margin: 17px 10px;
        height: 30px;
    }

    #logo-mobile img {
        height: 30px;
    }

    .investment-more {
        width: 60%;
        margin-left: 20%;
    }
}




@media (max-width: 276px) {
    #name-carousel {
        font-size: 24px;
    }

    #control-bar-container-slider {
        margin-top: -115px;
    }

    #seemore {
        font-size: 12px;
    }
}

.s-search select {
    margin: 0px !important;
}

.s-search input {
    margin-top: 25px !important;
}

.s-search {
    margin-top: 30px;
}

@media (max-width: 631px) {
    #contact-details>div, #menu, #newest-investments {
        text-align: left;
        margin-bottom: 25px;
    }


    #footer-links>div:nth-child(3) {
		width: 100%;
	    padding-left: 0;
	    margin-top: 25px;
	    border-top: 1px solid #3C465B;
	    padding-top: 25px;
	    text-align: left;
    }
}

.top_header .row{
    background: #303B52;
}

.top_header .col-sm-4{
    text-align: right;
}

.top_header .top_info{
    display: inline-block;
    vertical-align: middle;
    color: #B2B5BE;
    padding: 15px 20px;
    font-size: 17px;
}

.top_header .top_info i{
    padding-right: 5px;
}

.top_header .top_info a{
    color: #B2B5BE;
    text-decoration: none;    
}

.top_header .top_kontakt{
    display: inline-block;
    vertical-align: middle;
}

.top_header .top_kontakt a{
    font-weight: 600;
    color: white;
    padding: 16px 40px;
    display: block;
    background: #1B4B9D;
    border: 1px solid #1B4B9D;
}

.top_header .top_kontakt a:hover{
    background: transparent;
    text-decoration: none;
}

.top_header .top_kontakt a i{
    padding-left: 5px;
}


.home_opis{
    margin: 50px -15px;   
}

.home_opis .home_opis_cont{
    padding: 0 0 0 50px;
}

.home_opis img{
    max-width: 100%;
}

.home_opis .tytul_top_linia:before{
    content: ' ';
    position: absolute;
    width: 70px;
    height: 1px;
    top: 0;
    left: 0;
    background: #1B4B9D;
}

.home_opis .tytul_top_linia{
    position: relative;
    color: #303B52;
    font-size: 44px;
    line-height: 54px;
    margin: 70px 0 20px 0;
    padding-top: 20px;
}

.home_opis .podtytul{
    font-size: 26px;
    line-height: 26px;
    font-weight: bold;
    color: #1A4A9D;
    margin: 0 0 60px 0;
}

.home_opis .opis{
    color: #596275;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 60px;
}

.home_opis .see_more_blue{
    border:1px solid #1B4B9D;
    display: block;
    max-width: 180px;
    padding: 15px 0;
    text-align: center;
    color: white;
    font-size: 15px;
    line-height: 15px;
    font-weight: 600;
    background: #1B4B9D;
    text-transform: uppercase;
}

.home_opis .see_more_blue:hover{
    background: transparent;
    text-decoration: none;
    color: #1B4B9D;
}

.home_opis .see_more_blue i{
    padding-left: 10px;   
}

#numbers{
    padding: 100px 0;
    background-image: url('/application/media/images/Katedra-wawelska-w-Krakowie.png');
    background-repeat: no-repeat;
    background-position: center right;
}

@media(max-width:1400px) and (min-width:768px){
    #numbers{
        background-position: 33vw center;
    }
}

#numbers .col-sm-8 .col-sm-4{
	text-align: center;
}

#numbers .tytul_top_linia{
    color: #303B52;
    font-size: 44px;
    line-height: 54px;
    margin: 50px 0;
    padding-top: 20px;
    position: relative;
}

#numbers .tytul_top_linia:before {
    content: ' ';
    position: absolute;
    width: 70px;
    height: 1px;
    top: 0;
    left: 0px;
    background: #1B4B9D;
}

#numbers .opis{
    color: #596275;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 50px;
}

#numbers .numbers_more{
    border: 1px solid #1B4B9D;
    display: block;
    max-width: 180px;
    padding: 15px 0;
    text-align: center;
    color: white;
    font-size: 15px;
    line-height: 15px;
    font-weight: 600;
    background: #1B4B9D;
    text-transform: uppercase;
}

#numbers .numbers_more i{
    padding-left: 10px;
}

#numbers .numbers_more:hover{
    text-decoration: none;
    background:transparent;
    color: #1B4B9D;
}

#numbers .col-sm-8{
    padding-top: 210px;
    padding-bottom: 210px;
}

#numbers .liczba{
    color: #303B52;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
}

#numbers .podpis{
    color: #596275;
    font-size: 18px;
    font-weight: 600;
}

#about{
    padding: 80px 0;
}

body > .container-fluid{
    overflow: hidden;
}

.kontakt_informacje{
    padding: 80px 0 60px 0;
}

.kontakt_informacje .tytul_top_linia{
    color: #303B52;
    font-size: 36px;
    line-height: 40px;
    position: relative;
    padding-top: 20px;
    margin-bottom: 40px;
    margin-top: 0;
}

.kontakt_informacje .tytul_top_linia:before{
    content: ' ';
    position: absolute;
    width: 70px;
    height: 1px;
    top: 0;
    left: 0;
    background: #1B4B9D;
}

.kontakt_informacje_cont{
    color: #303B52;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 45px;
}   

.kontakt_informacje_cont i{
    color: #303B52;
    font-size: 18px;
}

.kontakt_informacje_cont a{
    color: #303B52;
    font-size: 18px;
    display: block;
}

.kontakt_text{
    position: relative;
    padding-top: 20px;
    color: #303B52;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 60px;
}

.kontakt_text:before{
    content: ' ';
    position: absolute;
    width: 70px;
    height: 1px;
    top: 0;
    left: 0;
    background: #1B4B9D;
}

.kontakt_doradcy{
    padding: 70px 0;
    margin: 0 -15px;
    background: rgba(0,0,0,0.05);
}

.kontakt_doradcy  img{
    border-radius: 50%;
}

.kontakt_doradcy .tytul_top_linia{
    color: #303B52;
    font-size: 36px;
    line-height: 54px;
    position: relative;
    padding-top: 20px;
    margin: 0 0 35px 0;
}

.kontakt_doradcy .tytul_top_linia:before{
    content: ' ';
    position: absolute;
    width: 70px;
    height: 1px;
    top: 0;
    left: 0;
    background: #1B4B9D;
}

.kontakt_doradcy .imie{
    color: #303B52;
    font-size: 22px;
    font-weight: bold;
    margin: 0;
    font-family: titillium_webbold, sans-serif;
}

.kontakt_doradcy .tel{
    color: #303B52;
    font-size: 22px;
    margin: 0 0 30px 0;
}

.kontakt_doradcy .tel a{
    color: #303B52;
}

.kontakt_doradcy .stanowisko{
    margin: 0;
    font-size: 18px;
    color: #596275;
    line-height: 25px;
}

@media(max-width: 767px){

    #main-navigation .navbar-header a:nth-child(2),#main-navigation .navbar-header button{
        background: transparent;
        -webkit-box-shadow:none;
        box-shadow: none;
    }

    .top_header .d-sm-none a{
	    color: white;
	    display: block;
	    font-weight: 600;
	    font-size: 12px;
	    line-height: 16px;
	    text-transform: uppercase;
	    letter-spacing: 1px;
	    padding: 12px 0;
    }

    .top_header .d-sm-none{
     	padding-right: 0
    }

    .top_header .d-sm-none a i{
    	padding-left: 5px;
    }

    .kontakt_doradcy,.footer_opis{
        text-align: center;
    }

    #contact-details-2{
    	padding-left: 0;
    }

    .footer_opis{
        margin-bottom: 25px;
        text-align: left;
    }

    .home_opis .home_opis_cont{
        padding: 0 15px;
    }

    #investments-portfolio,.investment-title,.investment-more{
        padding-right: 15px;
        padding-left: 15px;
    }

    .investment-title{
        margin-left: 0;
    }

    #numbers{
	    padding: 0;
	    text-align: left;
	    background: white;
    }

    #numbers .col-sm-4{
        text-align: center;
        margin-bottom: 50px;
    }

    #numbers .col-sm-8{
	    background-image: url(/application/media/images/Katedra-wawelska-w-Krakowie.png);
	    background-repeat: no-repeat;
	    background-position: top center;
	    margin: 0 -15px;
	    background-size: cover;
	    padding: 60px 0;
    }

    #numbers .tytul_top_linia,#numbers .opis{
    	text-align: left;
    }

    #news{
        background: linear-gradient(1800deg, #303B52 65%, white 40%);
    }

    #news-control{
        margin: 30px 0
    }

    .carousel-control.left,.carousel-control.right-slider {
        max-width: 100%;
        margin: 0;
    }

    .d-none{
    	display: none !important;
    }

    #background-carousel .item{
    	padding-top: 0;
    }

    .slider_tytul{
    	font-size: 24px;
    	line-height: 30px;
    	position: relative;
    	padding-bottom: 20px;
    	margin-bottom: 20px;
    }

    .slider_tytul:before{
        content: ' ';
        display: block;
	    position: absolute;
	    width: 70px;
	    height: 1px;
	    bottom: 0;
	    left: 0;
	    background: #1B4B9D;
    }

    .slider_podtytul{
    	font-size: 32px;
    	line-height: 40px;
    }

    .slider_images_cont img:nth-child(n+2){
    	display: none;
    }

    .slider_podpis{
    	font-size: 22px;
    	line-height: 26px;
    }

    .home_opis{
    	margin: 0;
    }

    .home_opis .row{
	    display: flex;
	    flex-wrap: wrap;
    }

    .home_opis .row .col-sm-6:first-child{
    	order: 2;
    	margin-top: 60px;
	    padding: 0;
    }

    .home_opis .row .col-sm-6:last-child{
    	order: 1;
    } 

    #portfolio-control-mobile .control-bar-slider{
    	text-align: center;
    }

    #portfolio-control-mobile .carousel-control.left,#portfolio-control-mobile .carousel-control.right-slider{
		width: 48px;
	    margin: 0 5px;
    }

    .page-content{
    	min-height: initial;
    }

    .news-date{
    	padding-left: 0;
    }

    #news-control .col-xs-2{
    	padding: 0;
    }

    #news .carousel-control.left,#news .carousel-control.right-slider{
    	max-width: 48px;
    }

    .content_header_title{
    	margin:70px auto;
    }

    .kontakt_doradcy .tytul_top_linia{
    	text-align: left;
    }

    .kontakt_doradcy .imie,.kontakt_doradcy .tel{
    	font-size: 17px;
    }

    .kontakt_doradcy .tel{
    	margin-bottom: 0;
    }

    .kontakt_doradcy .stanowisko{
    	font-size: 15px;
    	margin-bottom: 30px;
    }

    #upper-footer{
    	padding: 0 15px;
    }
}

@media(min-width:768px){
	.d-sm-none{
		display: none !important;
	}
}

/* popup kuula.co */

.kuula_popup{
    display: none;
	position: fixed;
	inset: 0px;
	z-index: 91912399;
	margin: 0px;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.7);
}

.kuula_popup ._3d_container{
    display: block;
	position: fixed;
	inset: 0px;
	z-index: 91912400;
	margin: auto;
	height: 90%;
	width: 90%;
	background: rgb(0, 0, 0);
	box-shadow: rgb(0 0 0 / 90%) 0px 0px 30px;
	border-radius: 6px;
	float: none;
}

.kuula_popup ._3d_container iframe{
    width: 100%;
	height: 100%;
}

.kuula_popup .kuula_popup_close{
    font-size: 40px;
	font-weight: bold;
	color: rgb(255, 255, 255);
	cursor: pointer;
	display: inline-block;
	line-height: 44px;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 50px;
	height: 50px;
	background-color: rgb(13, 84, 93);
	border-radius: 6px;
	text-align: center;
	z-index: 10;
}

.katalog_pdf{
    z-index: 110;
	-moz-transition: .5s ease margin-left;
	-o-transition: .5s ease margin-left;
	position: absolute;
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	top: 150px;
	left: 0;
}

.katalog_pdf .katalog{
	transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	position: relative;
	display: block;
	white-space: nowrap;
	left: -86px;
	top: 0;
	padding: 10px 10px 10px 10px;
	background: #2d4692;
	color: white;
	font-size: 20px;
	line-height: 20px;
	font-weight: 600;
    text-align: center;
}

@media(max-width:767px){
    .katalog_pdf .katalog{
        left: -65px;
        top: 0;
        padding: 5px 10px 5px 10px;
        background: #2d4692;
        color: white;
        font-size: 14px;
    }
}

.katalog_pdf .katalog i{
    padding-left: 20px;
}

.katalog_pdf .katalog:hover{
    text-decoration: none;
    background-color: #424d64;
}

.katalog_pdf .katalog:nth-child(2){
    top: 150px;
}