@import url('https://fonts.googleapis.com/css2?family=Sulphur+Point:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');



body,
html {
    margin: 0px;
    padding: 0px;
    width: 100%;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    overflow-x: hidden;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.cl {
    clear: both;
}

img {
    border: none;
    margin: 0px;
    padding: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0px;
    font-size: 18px;
    margin: 0px;
    font-weight: normal;
}

a:link,
a:visited,
a:hover {
    text-decoration: none;
    color: #616161;
}

a:hover {
    color: #000
}

p {
    margin: 0px 0px 5px 0px;
    padding: 0px;
}

.no-padding {
    padding: 0px;
}

.no-padding1 {
    padding: 0px;
}

.no-padding-left {
    padding-left: 0px;
}

.no-padding-right {
    padding-right: 0px;
}

img.alignleft,
.alignleft {
    float: left;
    margin-right: 10px;
}

img.alignright {
    float: right;
    margin-left: 10px;
}

img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.downbutton img {
    cursor: pointer;
}

.container {
    width: 1500px;
    max-width: 100%;
}

img.thumbnail {
    border: 0px solid !important;
    box-shadow: none !important;
    padding: 0px !important;
    border-radius: 0px !important;
}

.marginleftright {
    padding-left: 12%;
    padding-right: 12%;
}

.marginleftright1 {
    padding-left: 75px;
    padding-right: 75px;
}

.sf-js-enabled .sf-arrows {
    display: none;
}

/*top*/
.ddomslidermobile {
    display: none;
}

#rlogo {
    position: absolute;
    top: 16px;
    left: 20px;
    z-index: 60000;
    display: none;
}

#rlogo img {
    height: 38px;
}

.top {
    float: left;
    position: absolute;
    background: none;
    width: auto;
    height: auto;
    padding-top: 0px;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 5000;
    color: #000;
    border-bottom: 1px solid #fff;
}

.top.scrolled {
    background: #fff;
    -webkit-box-shadow: -2px 7px 10px 3px rgba(0, 0, 0, 0.1);
    box-shadow: -2px 7px 10px 3px rgba(0, 0, 0, 0.1);
}

#bodybg {
    background: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: none;
}

/*menuburger*/
#menuburger {
    margin: 33px 0px 0px 0px;
}

.sidebarlogotyp {
    display: block;
    margin: 30px 20px 30px 20px;
}

/*logotyp*/
.menulogo {
    display: flex;
    padding-left: 40px;
}

.menuright {
    padding-right: 40px;
}

#logo {
    display: flex;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 4px 0px 4px 0px;
    text-align: center;
    min-height: 70px;
    align-items: center;
    margin: 4px 0px 4px 0px;
}

#logo img {
    width: auto;
    height: 40px;
}

#logo a {
    display: block;
    margin: 5px 20px 0px 20px;
}

.tekstinfo {
    font-size: 13px;
}

.tekstinfo h2 {
    margin: 0px 0px 20px 0px;
}

.tekstinfo h3 {
    margin: 20px 0px 20px 0px;
}


#deweloper-inpak {
    padding-top: 40px;
    padding-bottom: 0px;
    font-size: 0.9rem;

    /*background image center*/
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../img/about_bg.png);
}

#deweloper-inpak-column {
    font-weight: 300;
    padding-top: 50px;
    padding-bottom: 50px;
    max-width: 956px;
    margin-left: auto;
    margin-right: auto;
}

#deweloper-inpak h1 {
    font-family: 'Sulphur Point';
    margin: 20px 0px 40px 0px;
    display: inline-block;
    width: auto;
    font-size: 32px;
    color: #043667;
    background: none;
    padding: 0px;
    font-weight: 300;
    text-transform: none;
    letter-spacing: 0px;
    line-height: 100%
}

#deweloper-inpak p {
    line-height: 1.4rem;
    margin: 0px 0px 25px 0px;
}

/*ddom menu*/
#ddommenu {
    text-align: center;
    margin: 12px 0px 0px 0px;
}

.sf-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    float: none;
    margin-bottom: 0px;
}

.sf-menu>li {
    background: none;
    margin: 0px 7px 0px 7px;
    width: 100%;
    max-width: 240px;
}

.sf-menu>li:hover {
    background: #fff;
}

.sf-menu>li:hover>a {
    color: #043667;
}

.sf-menu a {
    color: #fff;
    text-transform: uppercase;
    width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 13px;
    font-weight: 400;
}

.sf-menu a:hover {
    border: 1px solid #fff;
    color: #043667;
    text-transform: uppercase;
    background: #fff;
}

.sf-menu>li>ul {
    padding-top: 13px;
    box-shadow: none;
    width: 100%;
}

.sf-menu ul li a {
    background: #fff;
    color: #000;
    padding: 11px 15px 11px 15px;
    text-align: left;
    width: 100%;
    font-size: 11px;
    border: 0px;
}

.sf-menu ul li a:hover {
    background: #043667;
    color: #fff;
    border: 0px;
}

.sf-arrows a.sf-with-ul::after {
    position: absolute;
    right: 11px;
    bottom: 21px;
    top: auto;
    background: url(../img/arrowdown.svg) center center no-repeat;
    border: 0px;
    width: 12px;
    height: 8px;
}

.sf-arrows a.sf-with-ul:hover::after {
    position: absolute;
    right: 11px;
    bottom: 21px;
    top: auto;
    background: url(../img/arrowup1.svg) center center no-repeat;
    border: 0px;
    width: 12px;
    height: 8px;
}

.sf-menu>li:hover>a.sf-with-ul::after {
    position: absolute;
    right: 11px;
    bottom: 21px;
    top: auto;
    background: url(../img/arrowup1.svg) center center no-repeat;
    border: 0px;
    width: 12px;
    height: 8px;
}

.sf-menu>li>ul a.sf-with-ul::after {
    position: absolute;
    right: 11px;
    bottom: 40%;
    top: auto;
    background: url(../img/arrowright1.svg) top 0px center no-repeat;
    border: 0px;
    width: 12px;
    height: 12px;
}

.sf-menu>li>ul a.sf-with-ul:hover::after {
    position: absolute;
    right: 11px;
    bottom: 40%;
    top: auto;
    background: url(../img/arrowright.svg) top 0px center no-repeat;
    border: 0px;
    width: 12px;
    height: 12px;
}


.top.scrolled .sf-menu a {
    color: #043667;
}

.top.scrolled .sf-menu>li:hover>a {
    color: #fff;
}

.top.scrolled .sf-menu a:hover,
.top.scrolled .sf-menu li:hover {
    background: #043667;
    color: #fff !important;
}

.top.scrolled .sf-menu ul li a {
    background: #fff;
    color: #000;
    padding: 11px 15px 11px 15px;
    text-align: left;
    font-size: 11px;
    border: 0px;
}

.top.scrolled .sf-menu ul {
    bborder: 1px solid #eee;
}

.top.scrolled .sf-menu ul li a {}

.top.scrolled .btn-side-bar .slicknav_icon-bar {
    background: #043667;
}

.top.scrolled .sf-arrows a.sf-with-ul::after {
    position: absolute;
    right: 11px;
    bottom: 21px;
    top: auto;
    background: url(../img/arrowdown1.svg) center center no-repeat;
    border: 0px;
    width: 12px;
    height: 8px;
}

.top.scrolled .sf-arrows a.sf-with-ul:hover::after {
    position: absolute;
    right: 11px;
    bottom: 21px;
    top: auto;
    background: url(../img/arrowup.svg) center center no-repeat;
    border: 0px;
    width: 12px;
    height: 8px;
}

.top.scrolled .sf-menu>li:hover>a.sf-with-ul::after {
    position: absolute;
    right: 11px;
    bottom: 21px;
    top: auto;
    background: url(../img/arrowup.svg) center center no-repeat;
    border: 0px;
    width: 12px;
    height: 8px;
}

.top.scrolled .sf-menu>li>ul a.sf-with-ul::after {
    position: absolute;
    right: 11px;
    bottom: 40%;
    top: auto;
    background: url(../img/arrowright1.svg) top 0px center no-repeat;
    border: 0px;
    width: 12px;
    height: 12px;
}

.top.scrolled .sf-menu>li>ul a.sf-with-ul:hover::after {
    position: absolute;
    right: 11px;
    bottom: 40%;
    top: auto;
    background: url(../img/arrowright.svg) top 0px center no-repeat;
    border: 0px;
    width: 12px;
    height: 12px;
}

.top.scrolled .dropdown-selected a {
    color: #043667;
    background: url(../img/arrowdown1.svg) center right no-repeat;
    padding-right: 16px;
}

.top.scrolled a.showfavorites span {
    background: #043667;
    color: #fff;
}

.tooltip-inner {
    background: #043667;

}

#slide-bar-megamenu .menu .slicknav_menu:nth-child(1) {
    display: none;
}


.sf-menu>li:nth-child(1)>ul>li:nth-child(1)>a {
    border-bottom: 1px solid #ddd
}

.sf-menu>li:nth-child(1)>ul>li:nth-child(4)>a {
    border-top: 1px solid #ddd
}

.sf-menu>li:nth-child(1)>ul>li:nth-child(5)>a {
    border-top: 1px solid #ddd
}

/*ikony*/
.ikonyjezyki {
    position: relative;
    margin-top: 17px;
    display: flex;
    float: right;
}

.ikony,
.jezyki {
    position: relative;
    z-index: 7000;
}

.ikony ul {
    display: flex;
    justify-content: flex-end;
    text-align: right;
    list-style: none;
    margin: 9px 20px 6px 0px;
    padding: 0px;
}

.ikony ul li {
    margin: 0px 18px 0px 0px;
}

.jezyki {
    margin-top: 11px;
    margin-right: 10px;
}


.ikony img:hover,
.ikonysocial img:hover,
.ikonysocialsidebar img:hover {
    opacity: 0.8;
}

/*language*/
.language-selector {
    color: #fff;
    position: relative;
    z-index: 7000;
}

.dropdown-lang {
    display: none;
}

.dropdown-lang ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.dropdown-lang ul li {
    float: left;
    width: 100%;
    height: auto;
}

.dropdown-lang ul li a {
    color: #000;
    display: block;
    padding: 6px 20px 6px 20px;
    font-size: 0.8rem;
}

.dropdown-lang ul li a:hover {
    background: #eee;
    color: #000;
}

.dropdown-selected {
    position: relative;
    display: block;
}

.dropdown-selected a {
    color: #fff;
    background: url(../img/arrowdown.svg) center right no-repeat;
    padding-right: 16px;
}


.dropdown-lang {
    background: #fff;
    position: absolute;
    right: 0px;
    top: 30px;
    padding: 0px 0;
    border: none;
    font-size: inherit;
    border-radius: 3px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
    z-index: 7000;
}



/*slider*/
.ddomtitle {
    font-family: 'Sulphur Point' !important;
    font-weight: 300 !important;
}

.ddomlittle {
    font-family: 'Sulphur Point' !important;
}

.ddombutton {
    font-family: 'Sulphur Point' !important;
}

#rev_slider_12_1_wrapper {
    height: 100%;
}

#rev_slider_12_1_wrapper .persephone .tp-bullet {
    background: none !important;
}

#rev_slider_12_1_wrapper .persephone .tp-bullet.selected {
    background: #fff !important;
    border: 1px solid #fff !important;
}

/*social*/
.ikonysocial {
    position: absolute;
    top: -220px;
    right: 40px;
    z-index: 10010;
    width: 40px;
}

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

.ikonysocial ul li {
    float: left;
    width: 100%;
    margin: 0px 0px 20px 0px;
    text-align: center;
}

.ikonysocialpodstrona {
    position: absolute;
    top: -220px;
    right: 40px;
    z-index: 10010;
    width: 40px;
}

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

.ikonysocialpodstrona ul li {
    float: left;
    width: 100%;
    margin: 0px 0px 20px 0px;
    text-align: center;
}

.ikonysocialsidebar {
    position: relative;
    z-index: 10010;
    display: block;
    margin: 20px 0px 0px 20px
}

.ikonysocialsidebar ul {
    padding: 0px;
    list-style: none;
}

.ikonysocialsidebar ul li {
    float: left;
    width: auto;
    margin: 0px 20px 0px 0px;
    text-align: center;
}

.ikony img,
.ikonysocial img,
.ikonysocialpodstrona img,
.ikonysocialsidebar img {
    max-width: 20px !important;
    height: auto !important;
}

/*naglowek*/
h2.naglowek {
    font-family: 'Sulphur Point';
    font-size: 32px;
    text-transform: uppercase;
    color: #043667;
    display: inline-block;
    margin: 40px 0px 20px 0px;
    padding: 10px 0px 10px 0px;
    font-weight: 300;
}

h2.naglowekwiekszy {
    font-size: 2rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #043667;
    display: inline-block;
    margin: 40px 0px 0px 0px;
    padding: 10px 0px 10px 0px;
    font-weight: 300;
}

a.wiecejinformacji {
    display: inline-block;
    position: relative;
    width: auto;
    background: #004588;
    font-size: 1.2em;
    color: #fff;
    line-height: 1rem;
    margin: 20px 0px 20px 0px;
    padding: 22px 22px 22px 22px;
    font-weight: 700;
}

a.wiecejinformacji:before {
    content: "+";
    position: relative;
    display: inline-block;
    margin: 0px 10px 0px 10px;
}

a.wiecejinformacji:hover {
    background: #0b6ac3;
}

a.wiecej {
    float: left;
    position: relative;
    width: auto;
    background: #d4d4d4;
    font-size: 1.2em;
    color: #fff;
    line-height: 1rem;
    margin: 0px 0px 5px 0px;
    padding: 4px 10px 4px 10px;
    font-weight: 700;
}

a.wiecej:hover {
    background: #043667;
}


/*aktualnosci*/
.rowflex {
    display: flex;
    flex-flow: row wrap;
}

.rowflex>* {
    flex: 0 1 25%;
}

.aktualnosci {
    position: relative;
    padding-top: 20px;
    padding-bottom: 0px;
    color: #000;
}

.aktualnoscihome {
    position: relative;
    padding-top: 15px;
    color: #000;
    padding-bottom: 50px;
}

.aktualnosc {
    display: flex;
}

.aktualnosc a {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #fff;
    color: #000;
    line-height: 22px;
    text-align: left;
    padding: 0px 0px 50px 0px;
}

.aktualnosc .krotki {
    display: inline-block;
    height: 100%;
    padding: 0px 10px 0px 10px;
    font-size: 0.8rem;
    line-height: 1.4rem;
    color: #85888f;
}

.aktualnosc a h3 {
    color: #313131;
    font-size: 20px;
    font-weight: 300;
    height: auto;
    margin: 0px 0px 25px 0px;
    display: block;
    width: 100%;
    text-align: left;
    padding: 10px 10px 20px 10px;
    border-bottom: 1px solid #868686;
}

.aktualnosc a h3 span:nth-child(1) {
    display: inline-block;
    width: 100%;
    font-size: 1rem;
    margin: 5px 20px 5px 0px;
    color: #9a9a9a;
}

.aktualnosc h3 {
    min-height: 100px;
}

.aktualnosc a span.wiecej {
    position: relative;
    width: 100%;
    display: inline-block;
    background: #043667;
    font-size: 0.8em;
    color: #fff;
    line-height: 1rem;
    margin: 20px 0px 0px 0px;
    padding: 12px 22px 12px 22px;
    font-weight: 500;
    text-align: right;
    text-transform: uppercase;
}

.aktualnosc a:hover span.wiecej {
    background: #eee;
    color: #000;
}

.aktualnosc img {
    max-width: 100%;
    height: auto;
}



a.archiwum {
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #212121;
    text-decoration: underline;
    font-size: 0.8rem;
}

a:hover.archiwum {
    background: #eee;
    color: #000;
    padding: 10px;
}

/* zrealizowane */

.rowflexzrealizowane {
    display: flex;
    flex-flow: row wrap;
}


/*formularz*/
.wpcf7-form {
    margin: 40px 0px 40px 0px;
    float: left;
    width: 100%;
    clear: both;
}

.wpcf7-form input[type=text],
.wpcf7-form input[type=email],
.wpcf7-form input[type=tel] {
    width: 100%;
    background: #f9f9f9;
    border: 0px;
    border: 1px solid #f9f9f9;
    border-bottom: 1px solid #f9f9f9;
    margin: 0px 5% 20px 0px;
    padding: 14px 14px 14px 14px;
    text-transform: none;
    color: #000000;
    font-size: 13px;
}

.wpcf7-form input[type=text]:focus,
.wpcf7-form input[type=email]:focus,
.wpcf7-form input[type=tel]:focus {
    color: #000000;
    border-bottom: 1px solid #000;
}

.wpcf7-form textarea {
    font-size: 13px;
    color: #000;
    width: 100%;
    background: #f9f9f9;
    height: 125px;
    border: 0px;
    border: 1px solid #f9f9f9;
    border-bottom: 1px solid #f9f9f9;
    margin: 0px 5% 20px 0px;
    padding: 8px 14px 8px 14px;
    text-transform: none;
    color: #000000;
}

.wpcf7-form textarea:focus {
    color: #000000;
    border-bottom: 1px solid #000;
}

.wpcf7-select {
    background: #eee;
    padding-left: 1em !important;
}

div.wpcf7-response-output {
    position: relative;
    width: 100%;
    clear: both;
    margin: 20px 0px 20px 0px !important;
    float: left;
}

div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ok {
    width: 100%;
    float: left;
    clear: both;
    color: #000;
    border: 2px solid #95c238;
    width: 100%;
    margin: 30px 0px 0px 0px;
}

.wpcf7-form input[type=submit] {
    border: 0px;
    float: right;
    position: relative;
    width: auto;
    background: #043667;
    font-size: 1em;
    color: #fff;
    line-height: 1rem;
    margin: 20px 0px 20px 0px;
    padding: 16px 42px 16px 42px;
    font-weight: 500;
    text-transform: uppercase;
}

.wpcf7-form input[type=submit]:hover {
    background: #eee;
    color: #000;
}

.wpcf7-date {
    background: #043667;
    color: #fff !important;
    border: 1px solid #fff;
}

div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ok {
    width: 100%;
    float: left;
    color: #0f7bc0;
    border: 0px solid #004284;
    margin: 0px;
    padding: 30px 0px 30px 0px;
}

.ajax-loader {
    display: none !important;
}

span.wpcf7-not-valid-tip {
    display: none !important;
}

.wpcf7 {
    float: left;
    width: 100%;
}

.wpcf7-form p {
    color: #000000;
    clear: both;
}

.wpcf7-list-item {
    float: left;
    margin: 15px 7px 15px 0px;
}

.wpcf7-list-item div {
    float: left;
}

.wpcf7-list-item span {
    float: left;
    margin: -2px 0px 0px 10px;
}

span.wpcf7-list-item {
    margin: 0px 5px 50px 0px !important;
}

div.wpcf7-validation-errors {
    color: #ff0000;
}

div.wpcf7-mail-sent-ok {
    color: #ccb671;
}

.forminfo {
    padding-bottom: 40px;
}

.klauzule {
    font-size: 12px;
    margin: 0px 0px 30px 0px;
}

.klauzule p {
    display: flex;
}

/*footer*/
.footerbackground {
    background: #043667;
    margin-top: -8px;
}

a.footerlogotyp {
    display: flex;
    margin: 30px 0 0 0;
    flex-direction: row;
    margin-left: 60px;
}

a.footerlogotyp img {
    align-self: center;
    max-width: 300px;
    height: auto;
}

a.footerlogotyp span {
    color: #fff;
    font-size: 0.9rem;
    margin: 12px 0px 0px 0px;
}

.footeradresy {
    padding-top: 40px;
    padding-bottom: 40px;
}

.footeradresy p {
    color: #fff;
    font-size: 17px;
}

.footeradresy h5 {
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    display: block;
    margin: 15px 0px 0px 0px;
    background: url(../img/pin1.svg) top left no-repeat;
    padding: 0px 0px 0px 30px;
}

.footeradresy h5 span {
    color: #fff;
    font-size: 0.8rem;
    font-weight: 300;
    display: block;
    margin: 0px 0px 0px 0px;
    width: 100%;
    padding: 0px;
}

.footeradresy span {
    color: #fff;
    font-size: 0.8rem;
    font-weight: 300;
    display: block;
    margin: 30px 0px 0px 0px;
    width: 100%;
    float: left;
    padding: 0px 0px 0px 30px;
}

.footeradresy a {
    color: #eee;
}

.footermenu ul {
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    width: 100%;
    list-style: none;
}

.footermenu li {
    display: block;
    width: 100%;
    margin: 0px 0px 0px 0px;
}

.footermenu li a {
    display: block;
    color: #fff;
    font-size: 1rem;
}

.footermenu li a:hover {
    color: #196cbf;
}

.realizacja {
    padding-top: 30px;
    padding-bottom: 30px;
    color: #787b84;
    font-size: 0.8rem;
}

.footermenu1 ul {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
    margin: 35px 0px 0px 0px;
    padding: 0px;
    list-style: none;
}

.footermenu1 li {
    display: inline-block;
    width: auto;
    margin: 0px 0px 0px 0px;
}

.footermenu1 li a {
    display: block;
    color: #fff;
    font-size: 0.7rem;
    padding: 4px 12px 4px 12px;
    text-transform: uppercase;
    font-weight: 500;
}

.footermenu1 li a:hover {
    color: #eee;
}

.menu-item-22040 {
    padding-left: 20px;
}

.virtualmedia {
    padding-top: 15px;
    padding-bottom: 15px;


    color: #fff;
    font-size: 12px;
    font-weight: 300;
    display: block;
    margin: 30px 0px 0px 0px;
    width: 100%;
    float: left;
    padding: 0px 0px 0px 30px;
}

.virtualmedia a {
    color: #fff;
}

.rowborder {
    border-bottom: 1px solid #fff;
    padding-bottom: 30px;
    padding-top: 0px;
}

/*up*/
a.scrolltotop {
    background: rgba(0, 0, 0, 0) url(../img/top.jpg) no-repeat scroll top center;
    bottom: 70px;
    display: none;
    height: 50px;
    position: fixed;
    right: 30px;
    width: 30px;
    z-index: 3000;
}

a:hover.scrolltotop {
    background: rgba(0, 0, 0, 0) url(../img/top.jpg) no-repeat scroll top 5px center;
}

.activescroll {
    display: block !important;
}


/*podstrona naglowek*/
#sliderpodstrona {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    margin-top: 0px;
    background-position: top center;
    background-repeat: no-repeat;
}

#sliderpodstrona h1 {
    position: absolute;
    left: 0px;
    top: 50%;
    z-index: 10000;
    float: left;
    width: 100%;
    text-align: center;
    font-weight: 300;
    text-transform: none;
    letter-spacing: 0px;
    color: #fff;
    margin: -70px auto 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 4rem;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 5px;
}

#sliderpodstronaabsolute {
    position: absolute;
    float: left;
    width: 100%;
    height: auto;
    z-index: 100;
}

.sliderpodstrona1 {
    position: relative;
    z-index: 101;
}

/*inne*/
.cd-timeline-img.cd-picture {
    background: #888 !important;
}

/*dane inwestycji*/
.footerrealizacje h2 {
    padding-top: 30px !important;
    padding-bottom: 50px !important;
}

.daneinwestycji h3 {
    font-weight: 600;
    margin-bottom: 0px !important;
}

.oinwestycji h2 {
    margin-bottom: 0px !important;
    text-transform: uppercase !important;
}

.oinwestycji h4 {
    margin-bottom: 30px !important;
    margin-top: 0px !important;
    text-transform: uppercase;
    font-size: 1rem !important;
    font-weight: 600;
}

.wzgodzieznatura {
    min-height: 500px;
}

.wzgodzieznatura h2 {
    color: #fff !important;
    width: 100% !important;
    text-align: center !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    font-size: 4rem !important;
}

.znajdzmieszkanie,
.mapainwestycji {
    min-height: 400px;
}

.vc-hoverbox-front {
    background: #f8f8f9;
    background-repeat: no-repeat;
    background-position: top 30px left 30px;
}

.vc-hoverbox-back {
    border-radius: 0px;
}

.vc-hoverbox-back h2 {
    text-align: left;
    font-size: 1.5rem !important;
    text-transform: uppercase !important;
    color: #fff !important;
    padding: 0px !important;
}

.vc-hoverbox-back p {
    text-align: left;
    color: #fff !important;
}

.vc-hoverbox-wrapper.vc-hoverbox-shape--rounded .vc-hoverbox-back,
.vc-hoverbox-wrapper.vc-hoverbox-shape--rounded .vc-hoverbox-front {
    border-radius: 0px !important;
}

.vc-hoverbox-front {
    padding: 0px 40px 0px 40px;
}

.vc-hoverbox-front h2 {
    font-size: 1.5rem !important;
    text-transform: uppercase !important;
}

.vc-hoverbox-inner {
    min-height: 340px !important;
}

.vc-hoverbox-block-inner {
    text-align: left !important;
}

.margines {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.ikonylegenda {
    padding-top: 80px;
    padding-bottom: 80px;
}

.ikonylegenda h3 {
    font-size: 1rem !important;
    text-transform: uppercase !important;
    margin: 0px 0px 0px 20px !important;
    letter-spacing: 0px !important;
    width: 100%;
    float: left;
    clear: both;
    height: 20px;
}

.ikonylegenda h4 {
    font-size: 2rem !important;
    text-transform: normal !important;
    margin: 15px 0px 0px 20px !important;
    letter-spacing: 0px !important;
    width: 100%;
    float: left;
    clear: both;
}

.ikonylegenda img {
    max-width: 25px !important;
    height: auto !important;
}

.mapalegenda {
    background: #043667;
    padding-top: 15px !important;
    padding-bottom: 0px !important;
}

.checkboxlegenda {
    display: block;
    padding: 10px 20px 10px 20px;
}


.checkboxlegenda {
    display: block;
    margin-bottom: 15px;
}

.checkboxlegenda input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.checkboxlegenda label {
    position: relative;
    cursor: pointer;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 0.7rem;
}

.checkboxlegenda label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 5px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
}

.checkboxlegenda input:checked+label:before {
    content: '';
    -webkit-appearance: none;
    background-color: #fff;
    border: 1px solid #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 5px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
}

.wyszukiwaniedziennik {
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
    background: #fff;
}

.wyszukiwaniedziennik input[type="Button"]:hover.dzienniksearch {
    background: #fff url(../img/ico41.svg) top 11px right 20px no-repeat;
    color: #043667;
}

.wyszukiwaniedziennik input[type="Button"].dzienniksearch {
    background: #043667 url(../img/ico4.svg) top 11px right 20px no-repeat;
    display: inline-block;
    padding: 16px 56px 16px 36px;
    color: #fff;
    border: 0px;
    font-size: 0.8rem;
    text-transform: uppercase;
    margin-left: 0px;
}



.wyszukiwaniemieszkan {
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px;
    background: #f8f8f9;
}

.wyszukiwaniemieszkan h3 {
    font-size: 1.5rem;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0px 0px 20px 0px;
}

.wyszukiwaniemieszkan h4 {
    font-size: 1rem;
    font-weight: 300;
    text-transform: uppercase;
    margin: 10px 0px 10px 0px;
}

.selectppp {
    padding-top: 40px;
    padding-bottom: 40px;
}

.wyszukiwaniemieszkan input[type="Submit"] {
    background: #043667 url(../img/wyszukaj.png) top 15px right 20px no-repeat;
    display: inline-block;
    padding: 16px 50px 16px 36px;
    color: #fff;
    border: 0px;
    font-size: 0.8rem;
    text-transform: uppercase;
}

.wyszukiwaniemieszkan input[type="Submit"]:hover {
    background: #fff url(../img/wyszukaj.png) top 15px right 20px no-repeat;
    color: #043667;
}

.wyszukiwaniemieszkan input[type="Button"]:hover {
    background: #fff;
    color: #043667;
}

.wyszukiwaniemieszkan input[type="Button"] {
    background: #043667;
    display: inline-block;
    padding: 16px 36px 16px 36px;
    color: #fff;
    border: 0px;
    font-size: 0.8rem;
    text-transform: uppercase;
    margin-left: 0px;
    min-width: 212px;
}

.wyszukiwaniemieszkan input[type="Button"]:hover.apartmentsearch {
    background: #fff url(../img/ico5-dark.svg) top 23px right 35px no-repeat;
    color: #043667;
}

.wyszukiwaniemieszkan input[type="Button"].apartmentsearch {
    background: #043667 url(../img/ico5.svg) top 23px right 35px no-repeat;
    display: inline-block;
    padding: 16px 56px 16px 36px;
    color: #fff;
    border: 0px;
    font-size: 0.8rem;
    text-transform: uppercase;
    margin-left: 0px;
}


.selectmieszkanie {
    background: #043667;
    padding-top: 0px;
    padding-bottom: 0px;
}

.mapainwestycja {
    position: relative;
    z-index: 99;
    max-width: 1300px;
}

div.maphilighted,
div.maphilighted img {
    position: relative !important;
    height: auto !important;
}

.mieszkania,
.budynek,
.etapy {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: auto;
    z-index: 101;
}

.etapy {
    z-index: 101;
}

.budynek {
    z-index: 102;
}

.mieszkania {
    z-index: 103;
}

.loader {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    top: 0px;
    left: 0px;
    z-index: 10000;
}

.loadersearch {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    top: 0px;
    left: 0px;
    z-index: 10000;
}


.loading {
    height: 0;
    width: 0;
    padding: 15px;
    border: 6px solid #ccc;
    border-right-color: #888;
    border-radius: 22px;
    -webkit-animation: rotate 1s infinite linear;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -20px;
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

.hoverbutton>div {
    cursor: pointer;
    display: block;
    padding: 20px 30px 20px 30px !important;
    margin: 15px !important;
    background: #f8f8f9;
}

.hoverbutton h4 {
    margin: 0px !important;
    font-size: 1.2rem !important;
}

.hoverbutton h2:nth-child(3) {
    margin-bottom: 15px !important;
}

.hoverbutton>div:hover {
    background: #043667;
    color: #fff;
}

.hoverbutton>div:hover h4 {
    color: #fff;
}

.hoverbutton>div:hover img {
    filter: brightness(0) invert(1);
}

.mieszkaniarow {
    padding-top: 50px;
}

.blocker {
    z-index: 5000 !important;
}

.apartmentresults {
    display: none;
}

.apartmentresults table tr:nth-child(even) {
    border-bottom: 1px solid #f8f8f9;
}

.map,
.mapmieszkanie,
.mapetapy {
    max-width: 100% !important;
}

.budynekpowrot {
    opacity: 0;
    display: inline-block;
    width: 100%;
    min-height: 60px;
}

.budynekpowrot a {
    width: auto;
    position: relative;
    background: white;
    padding: 10px 20px 8px 20px;
    font-size: 14px;
    text-transform: uppercase;
    z-index: 1010;
    box-shadow: 0px 0px 4px 0px rgb(70, 70, 70);
    -webkit-box-shadow: 0px 0px 4px 0px rgb(70, 70, 70);
    -moz-box-shadow: 0px 0px 4px 0px rgb(70, 70, 70);
    line-height: 21px;
}

.budynekpietra  {
    display: none;

}


.modal {
    max-width: 70% !important;
    width: auto !important;
    border-radius: 0px !important;
    padding: 20px !important;
}

.modal #rmieszkanie {
    text-align: center;
    text-transform: uppercase;
}

.modal #rmieszkanie h3 {
    font-size: 1.5rem;
    margin: 0px 0px 6px 0px;
}

.modal #rmieszkanie h2 {
    font-size: 1.2rem;
    margin: 0px 0px 6px 0px;
}

.modal .imieszkanie {
    display: flex;
    align-content: center;
    justify-content: center;
}

.modal .imieszkanie span {
    display: block;
    margin: 5px;
    font-size: 0.9rem;
}

.modal #bmieszkanie {
    display: flex;
    align-content: center;
    justify-content: center;
}

.modal #bmieszkanie a:nth-child(1) {
    width: auto;
    display: inline-block;
    padding: 12px 60px 12px 30px;
    background: #043667 url(../img/pdf1.png) top 10px right 20px no-repeat;
    color: #fff;
    text-transform: uppercase;
    margin: 6px;
    font-size: 0.9rem;
}

.modal #bmieszkanie a:nth-child(1) span {
    float: left;
    width: 100%;
    clear: both;
}

..modal #bmieszkanie a:nth-child(1) span:nth-child(2) {
    font-size: 0.6rem;
}

.modal #bmieszkanie a:nth-child(1):hover {
    background: #777 url(../img/pdf1.png) top 10px right 20px no-repeat;
}

.modal #bmieszkanie a:nth-child(2) {
    width: auto;
    display: inline-block;
    padding: 12px 30px 12px 30px;
    background: #043667;
    color: #fff;
    text-transform: uppercase;
    margin: 6px;
    font-size: 0.9rem;
}

.modal #bmieszkanie a:nth-child(2):hover {
    background: #777
}

.modal a.close-modal {
    top: 9px !important;
    right: 5.5px !important;
    background: #fff url(../img/close.png) top 0px right 0px no-repeat !important;
}

.propsy {
    padding-top: 0px !important;
    min-height: 280px;
}

.propsy .vc_column-inner {
    align-content: center;
    justify-content: center;
}


a.showfavorites span {
    position: absolute;
    top: -8px;
    right: -8px;
    border-radius: 50%;
    background: #fff;
    padding: 2px;
    color: #000;
    font-size: 10px;
    width: 17px;
    height: 17px;
    text-align: center;
}

a.showfavorites {
    position: relative;
}


/*oferta*/
.ofertainwestycji h2 {
    margin: 50px 0px 50px 0px !important;
}

.ofertainwestycja {
    position: relative;
    margin-bottom: 100px;
}

.ofertainwestycja a {
    display: block;
}

.ofertainwestycja h3 {
    position: absolute !important;
    top: 0% !important;
    display: flex !important;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    left: 0px !important;
    width: 100% !important;
    height: 100% !important;
    text-align: center !important;
    color: #fff !important;
    margin: 0px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.ofertainwestycja a span.wiecej {
    position: absolute;
    width: 100%;
    bottom: -70px;
    left: 15px;
    width: auto;
    display: block;
    background: #043667;
    font-size: 0.8em;
    color: #fff;
    line-height: 1rem;
    margin: 15px 0px 0px 0px;
    padding: 20px 32px 20px 32px;
    font-weight: 500;
    text-align: right;
    text-transform: uppercase;
}

.ofertainwestycja a:hover span.wiecej {
    background: #eee;
    color: #000;
}

.ofertainwestycja a span.logoinwestycji {
    position: absolute;
    width: 100%;
    bottom: -70px;
    right: 15px;
    width: auto;
    display: block;
}

.ofertainwestycja a span.logoinwestycji img {
    max-height: 50px;
    width: auto;
}



:root {
    --background-gradient: linear-gradient(30deg, #f39c12 30%, #f1c40f);
    --gray: #043667;
    --darkgray: #043667;
}

select {
    /* Reset Select */
    appearance: none;
    outline: 0;
    border: 0;
    box-shadow: none;
    /* Personalize */
    flex: 1;
    padding: 0 2em;
    color: #333;
    background-color: #fff;
    background-image: none;
    cursor: pointer;
    text-transform: uppercase;
}

/* Remove IE arrow */
select::-ms-expand {
    display: none;
}

/* Custom Select wrapper */
.select {
    position: relative;
    display: flex;
    width: auto;
    height: 3em;
    border-radius: 0px;
}

.select option {
    padding: 0px;
    font-weight: 400;
    border-radius: 0px;
    text-transform: uppercase;
    font: -moz-pull-down-menu;
    font-size: 1rem;
}

/* Arrow */
.select::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0px;
    padding: 0px;
    width: 29px;
    height: 100%;
    transition: .25s all ease;
    pointer-events: none;
    background: #efeff2  url(../img/dol.png) center center no-repeat;
}

/* Transition */
.select:hover::after {
    color: #f39c12;
}

.odddowhite {
    color: #f8f8f9;
}

.oddo {
    display: flex;
    align-items: center;
    justify-content: center;
}

.oddo select {
    /* Reset Select */
    appearance: none;
    outline: 0;
    border: 0;
    box-shadow: none;
    /* Personalize */
    flex: 1;
    padding: 10px 29px 10px 4px;
    color: #000;
    font-size: 1rem;
    background-color: #fff;
    background-image: none;
    cursor: pointer;
    text-transform: uppercase;
    min-width: 90%;
    text-align: center;
}

.oddo select {
    min-width: 90px;
}

.oddo option {
    font-size: 1rem;
}

.oddo div {
    margin: 0px 5px 0px 5px;
}

.select div:nth-child(2) {
    position: absolute;
    right: -40px;
    bottom: 10px;
}

.oddo .select {
    position: relative;
    display: flex;
    width: auto;
    height: auto;
    border-radius: 0px;
}

.oddo .select::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0px;
    padding: 1em;
    transition: .25s all ease;
    pointer-events: none;
    background: #efeff2 url(../img/dol.png) center center no-repeat;
}

.oddoform,
.oddoform select,
.oddoform option,
.oddoform span {
    width: 100% !important;
    text-align: left !important;
    font-size: 13px !important;
    color: #666 !important;
    text-transform: none !important;
}

.oddoform select,
.oddoform {
    background: #f9f9f9 !important
}























/*oferta realizacje*/
.ddomgaleria {
    padding-top: 25px;
    padding-bottom: 25px;
}

.ddomgaleria .buttonrealizacje {
    position: relative;
    float: left;
    overflow: hidden;
    width: 100%;
    height: auto;
    background: #fff;
    text-align: center;
    cursor: pointer;
    max-height: 300px;
    margin-bottom: 30px;
}

.ddomgaleria .buttonrealizacje img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 1;
}

.ddomgaleria .buttonrealizacje .buttonkategorieopis {
    position: relative;
    z-index: 101;
    padding: 0px;
    color: #000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.ddomgaleria .buttonrealizacje .buttonkategorieopis h2 {
    font-weight: 500;
    font-size: 1em;
    color: #fff;
    line-height: 1rem;
    position: relative;
    display: block;
    padding: 0px 30px 0px 0px;
    letter-spacing: 0px;
}

.ddomgaleria .buttonrealizacje>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: left;
}

.ddomgaleria .buttonrealizacje>a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.ddomgaleria .buttonrealizacje>img {
    max-width: none !important;
    width: -webkit-calc(100% + 50px) !important;
    width: calc(100% + 50px) !important;
    opacity: 1 !important;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
}

.ddomgaleria .buttonrealizacje .buttonkategorieopis>div {
    position: relative;
    bottom: 0;
    left: 0;
    padding: 1em;
    width: 100%;
    height: auto;
    min-height: 80px;
    background: rgba(7, 67, 128, 0.7);
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.ddomgaleria .buttonrealizacje h2,
.ddomgaleria .buttonrealizacje p {
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
}

.ddomgaleria .buttonrealizacje h2 {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}

.ddomgaleria .buttonrealizacje p {
    color: rgba(255, 255, 255, 0.8);
    opacity: 0;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
    transition: opacity 0.2s, transform 0.35s;
}

.ddomgaleria .buttonrealizacje:hover img {
    opacity: 1 !important;
}

.ddomgaleria .buttonrealizacje:hover .buttonkategorieopis>div {
    background: none;
    color: #fff;
}

.ddomgaleria .buttonrealizacje:hover h2 {
    color: #fff;
}

.ddomgaleria .buttonrealizacje:hover img,
.ddomgaleria .buttonrealizacje:hover p {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    color: #fff !important;
}

.ddomgaleria .buttonrealizacje:hover p {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.ddomgaleria .buttonrealizacje:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
    background: rgba(7, 67, 128, 0);
}

.ddomgaleria .buttonrealizacje:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
    background: rgba(7, 67, 128, 0) url(../img/lupe.png) top -100px center no-repeat;
}

.ddomgaleria .buttonrealizacje:hover:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
    background: rgba(7, 67, 128, 0.7) url(../img/lupe.png) center center no-repeat;
}

/*md5*/
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5ths {
    flex: 0 0 20%;
    max-width: 20%;
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        flex: 0 0 20%;
        max-width: 20%;
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    table.tablesorter tbody tr:hover {
        border-bottom: 1px solid #eee;
        background: #f8f8f9 !important;
    }

    .col-md-5ths {
        flex: 0 0 20%;
        max-width: 20%;
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        flex: 0 0 20%;
        max-width: 20%;
        width: 20%;
        float: left;
    }

    .mapainwestycja {
        margin-left: 55px;
    }
}

/*podstrona*/
.podstrona {
    position: relative;
    margin: 0px;
    line-height: 27px;
    padding-top: 40px;
    padding-bottom: 50px;
}

.podstronakontakt {
    position: relative;
    margin: 0px;
    line-height: 27px;
    padding-top: 180px;
    padding-bottom: 0px;
}

.podstrona table {
    max-width: 100%;
}

.podstrona table {
    height: auto !important;
}

.podstrona h1 {
    font-family: 'Sulphur Point', sans-serif;
    margin: 0px 0px 40px 0px;
    display: inline-block;
    clear: both;
    width: 100%;
    text-align: center;
    font-size: 2.5rem;
    color: #043667;
    background: none;
    padding: 0px;
    font-weight: 300;
    text-transform: none;
    line-height: 100%
}

.podstrona h2 {
    font-family: 'Sulphur Point', sans-serif;
    margin: 30px 0 0 0;
    display: inline-block;
    width: auto;
    font-size: 28px;
    color: #043667;
    background: none;
    padding: 0;
    font-weight: 300;
    text-transform: none;
    line-height: 100%
}

.podstrona h3 {
    font-family: 'Sulphur Point', sans-serif;
    margin: 0 0 20px 0;
    display: inline-block;
    width: auto;
    font-size: 2rem;
    color: #043667;
    background: none;
    padding: 0;
    text-transform: none;
    line-height: 100%
}

.podstrona h4 {
    font-family: 'Sulphur Point', sans-serif;
    margin: 20px 0 20px 0;
    display: inline-block;
    width: auto;
    font-size: 1.5rem;
    color: #043667;
    background: none;
    padding: 0;
    text-transform: none;
    letter-spacing: 0;
    line-height: 100%
}

.podstrona img {
    max-width: 100%;
    height: auto;
}

.podstrona p {
    font-family: 'Roboto', sans-serif;
    margin-bottom: 0;
}

.oinwestycji>.vc_column_container:nth-child(1)>.vc_column-inner {
    padding-right: 60px;
}

.oinwestycji>.vc_column_container:nth-child(2)>.vc_column-inner {
    padding-left: 60px;
}

.podstronatekstowa .vc_row.vc_row-flex>.vc_column_container:nth-child(1)>.vc_column-inner {
    padding-right: 60px;
}

.podstronatekstowa .vc_row.vc_row-flex>.vc_column_container:nth-child(2)>.vc_column-inner {
    padding-left: 60px;
}

.ikonylegenda .123vc_column_container {
    padding-left: 15px !important;
}

.podstrona .vc_row {
    padding-top: 50px;
}

/*bread*/
p#breadcrumbs {
    font-size: 15px;
    margin: 10px 0 45px 0;
    float: left;
    width: 100%;
    color: #777;
    text-transform: none;
    text-align: center;
    text-transform: uppercase;
}

p#breadcrumbs a {
    font-size: 15px;
    color: #777;
}

p#breadcrumbs a:hover {
    color: #000;
}

p#breadcrumbs span.breadcrumb_last {
    color: #000000;
}

/*mapa*/
#mapa {
    width: 100%;
    min-height: 500px;
    margin-top: 0;
}

.wpb_button,
.wpb_content_element,
ul.wpb_thumbnails-fluid>li {
    margin-bottom: 0;
}

.landscape,
.portrait {
    min-height: 280px !important;
    height: 280px !important;
    max-height: 280px !important;
    margin-right: 20px !important;
}

dt.gallery-icon a {
    position: relative;
}

dt.gallery-icon a:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background: rgba(32, 42, 68, 0);
}

dt.gallery-icon a:hover:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background: rgba(32, 42, 68, 0.7);
}


/*paginacja*/
#paginacja {
    background: #fff;
    position: relative;
    z-index: 3000;
    margin: auto;
    display: inline-block;
    width: 100%;
    margin: 80px 0 0 0;
    text-align: center;
    float: left;
    clear: both;
}

.wp-pagenavi {
    display: inline-block;
    margin: auto;
    padding: 10px 0 10px 0;
}

.pages {
    float: left;
    padding: 8px 10px;
    background: #fff;
    color: #777;
    margin-right: 10px;
}

.wp-pagenavi a {
    padding: 8px;
    background: #fff;
    color: #777;
    margin-right: 2px;
    float: left;
    width: 40px;
    height: 42px;
}

.wp-pagenavi .current,
.wp-pagenavi a:hover {
    float: left;
    background: #004284;
    margin-right: 2px;
    color: #ffffff;
    width: 40px;
    height: 42px;
}

.wp-pagenavi a,
.wp-pagenavi span {
    border: 0;
    padding: 8px 9px;
}

a.button {
    float: left;
    position: relative;
    margin: auto;
    width: 100%;
    text-align: center;
}

.mieszkaniapaginacja {
    width: 100%;
    text-align: center;
    display: block;
    text-align: center;
    margin-top: 40px;
}

.mieszkaniapaginacja span:nth-child(1) {
    background: #043667;
    display: inline-block;
    padding: 4px 15px 4px 15px;
    color: #fff;
    font-size: 0.8rem;
    margin: 0 5px 0 0;
}

.mieszkaniapaginacja span a {
    background: #043667;
    display: inline-block;
    padding: 4px 9px 4px 9px;
    color: #fff;
    font-size: 0.8rem;
    margin: 0 5px 0 0;
}

.mieszkaniapaginacja span a {
    color: #fff;
}

.mieszkaniapaginacja span a:hover {
    background: #fff;
    color: #043667;
}

.mieszkaniapaginacja span:not(:first-child):hover a {
    color: #043667;
}


/*zaufali*/
.zaufalinam hr {
    border: 1px solid #f3a077;
}

.zaufalinam h3 {
    font-size: 1.4rem;
    color: #000;
    display: inline-block;
    margin: 20px 0px 20px 0px;
    padding: 0px;
    font-weight: 500;
    width: 100%;
    text-align: center;
}

.carousel-caption .content-section {
    display: none !important;
}

.zaufalinam img {
    filter: grayscale(100%);
}

.zaufalinam img:hover {
    filter: grayscale(0%);
}

/*realizacje*/
.realizacje {
    background: #2b2b2b;
    padding-top: 40px;
}

.realizacje h2 {
    display: inline-block;
    width: 100%;
    color: #fff;
    text-transform: none;
    letter-spacing: 0px;
    margin: 0px 0px 30px 0px !important;
    font-size: 40px;
    float: left;
    font-weight: 400;
    padding-top: 0px;
    text-transform: uppercase;
}

.bx-wrapper .bx-viewport {
    background: none !important;
}

#pbOverlay {
    z-index: 30000;
}

/*animacje*/
.apartmentresults table tr,
.mieszkaniapaginacja span a,
dt.gallery-icon a::before,
.ofertainwestycja a span.wiecej,
.modal #bmieszkanie a,
.hoverbutton>div,
.hoverbutton>div>.wpb_wrapper:hover img,
.hoverbutton>div>.wpb_wrapper:hover p,
.hoverbutton>div>.wpb_wrapper:hover h2,
.hoverbutton>div>.wpb_wrapper:hover,
.wyszukiwaniemieszkan input[type="Submit"],
.wyszukiwaniemieszkan input[type="Button"],
.tablesorter a,
.ikony img,
.ikonysocial img,
.zaufalinam img,
.slicknav_nav a,
p#breadcrumbs a,
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a,
.slicknav_nav .slicknav_row,
.sf-menu a,
.sf-menu li,
.top,
.aktualnosc a,
.aktualnosc a span.wiecej,
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.footermenu1 li a,
a.scrolltotop,
.wpcf7-form input[type="submit"],
a.wiecej {
    -moz-transition: all 300ms !important;
    -webkit-transition: all 300ms !important;
    -o-transition: all 300ms !important;
    -ms-transition: all 300ms !important;
    transition: all 300ms !important;
    animation: all 300ms !important;
}

    {
    -webkit-transform: scale(0.95) !important;
    -moz-transform: scale(0.95) !important;
    -o-transform: scale(0.95) !important;
    -ms-transform: scale(0.95) !important;
    transform: scale(0.95) !important;
}


.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

/* =Comments
-------------------------------------------------------------- */

.comments-title {
    margin-bottom: 48px;
    margin-bottom: 3.428571429rem;
    font-size: 16px;
    font-size: 1.142857143rem;
    line-height: 1.5;
    font-weight: normal;
}

.comments-area article {
    margin: 24px 0;
    margin: 1.714285714rem 0;
}

.comments-area article header {
    margin: 0 0 48px;
    margin: 0 0 3.428571429rem;
    overflow: hidden;
    position: relative;
}

.comments-area article header img {
    float: left;
    padding: 0;
    line-height: 0;
}

.comments-area article header cite,
.comments-area article header time {
    display: block;
    margin-left: 85px;
    margin-left: 6.071428571rem;
}

.comments-area article header cite {
    font-style: normal;
    font-size: 15px;
    font-size: 1.071428571rem;
    line-height: 1.42857143;
}

.comments-area cite b {
    font-weight: normal;
}

.comments-area article header time {
    line-height: 1.714285714;
    text-decoration: none;
    font-size: 12px;
    font-size: 0.857142857rem;
    color: #5e5e5e;
}

.comments-area article header a {
    text-decoration: none;
    color: #5e5e5e;
}

.comments-area article header a:hover {
    color: #21759b;
}

.comments-area article header cite a {
    color: #444;
}

.comments-area article header cite a:hover {
    text-decoration: underline;
}

.comments-area article header h4 {
    position: absolute;
    top: 0;
    right: 0;
    padding: 6px 12px;
    padding: 0.428571429rem 0.857142857rem;
    font-size: 12px;
    font-size: 0.857142857rem;
    font-weight: normal;
    color: #fff;
    background-color: #0088d0;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #009cee, #0088d0);
    background-image: -ms-linear-gradient(top, #009cee, #0088d0);
    background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
    background-image: -o-linear-gradient(top, #009cee, #0088d0);
    background-image: linear-gradient(top, #009cee, #0088d0);
    border-radius: 3px;
    border: 1px solid #007cbd;
}

.comments-area .bypostauthor cite span {
    position: absolute;
    margin-left: 5px;
    margin-left: 0.357142857rem;
    padding: 2px 5px;
    padding: 0.142857143rem 0.357142857rem;
    font-size: 10px;
    font-size: 0.714285714rem;
}

.comments-area .bypostauthor cite b {
    font-weight: bold;
}

a.comment-reply-link:hover,
a.comment-edit-link:hover {
    color: #21759b;
}

.commentlist .pingback {
    line-height: 1.714285714;
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
}

/* Comment form */
#respond {

    font-size: 13px;

    margin-top: 48px;
    margin-top: 3.428571429rem;
}

#respond h3#reply-title {
    font-size: 16px;
    font-size: 1.142857143rem;
    line-height: 1.5;
}

#respond h3#reply-title #cancel-comment-reply-link {
    margin-left: 10px;
    margin-left: 0.714285714rem;
    font-weight: normal;
    font-size: 12px;
    font-size: 0.857142857rem;
}

#respond form {
    margin: 24px 0;
    margin: 1.714285714rem 0;
}


#respond form label {
    display: block;
    line-height: 1.714285714;
    margin-bottom: 20px;
}


#respond form input[type="text"],
#respond form textarea {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    padding: 10px;
    width: 500px;
    border: 1px solid #9aa0ac;

}

#FSContact1 input[type="text"],
#FSContact1 textarea {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    padding: 10px;
    width: 670px !important;
    max-width: 670px !important;
    background: #2d3951;
    border: 1px solid #9aa0ac;

}


ol.commentlist li {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

ul.children {
    margin-left: 40px;
    margin-top: 20px;
}

ul.children ol.commentlist li {
    border-bottom: 0px;
}

#respond form input[type="submit"],
#FSContact1 input[type="submit"] {
    width: 150px;
    height: 40px;
    border: 0px;
    background: #2d3951;
    color: #fff;
    border: 1px solid #9aa0ac;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

#respond form input[type="submit"]:hover,
#FSContact1 input[type="submit"]:hover {
    background: #888;
}

#respond form textarea {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 1.714285714;
    padding: 10px;
    padding: 0.714285714rem;
    width: 710px;
}

#respond form p.form-allowed-tags {
    margin: 0;
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 2;
    color: #5e5e5e;
}

.required {
    color: red;
}

#reply-title {
    margin: 0px;
    padding: 0px;
    font-size: 28px;
    color: #363636;
    float: left;
    width: 100%;
    font-weight: bold;
}

div.artykul:first-child {
    margin-top: 0px;
}

#artykuly #breadcrumbs {
    margin-top: 30px
}

p.nocomments {
    display: none;
}

.slideshowlink {
    display: none;
}

.ngg-galleryoverview {
    margin: 30px 0px 30px 0px;
}


@-moz-keyframes bg {
    0% {
        -moz-transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.3);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@-webkit-keyframes bg {
    0% {
        -moz-transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.3);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@-o-keyframes bg {
    0% {
        -moz-transform: scale(1);
    }

    50% {
        -o-transform: scale(1.3);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@-ms-keyframes bg {
    0% {
        -moz-transform: scale(1);
    }

    50% {
        -ms-transform: scale(1.3);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@keyframes bg {
    0% {
        -moz-transform: scale(1);
    }

    50% {
        transform: scale(1.3);
    }

    100% {
        -moz-transform: scale(1);
    }

}

.menu_top .navtoogle {
    display: none;
}


#nav-icon3 {
    display: block;
    width: 27px;
    height: 22px;
    position: relative;
    margin: 0px 0px 0px 0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.btn-side-bar .slicknav_icon-bar {
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#slide-bar-megamenu .btn-side-bar .slicknav_icon-bar {
    background: #043667;
}

/* Icon 3 */
#nav-icon3 span:nth-child(1) {
    top: 0px;
}

#nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3) {
    top: 5px;
}

#nav-icon3 span:nth-child(4) {
    top: 13px;
}

#slide-bar-megamenu #menuburger {
    position: absolute;
    right: 10px;
    top: -10px;
}

.slide-bar-open-left #nav-icon3 span:nth-child(1) {
    top: 13px !important;
    width: 0 !important;
    left: 50% !important;
}

.slide-bar-open-left #nav-icon3 span:nth-child(2) {
    -webkit-transform: rotate(45deg) !important;
    -moz-transform: rotate(45deg) !important;
    -o-transform: rotate(45deg) !important;
    transform: rotate(45deg) !important;
}

.slide-bar-open-left #nav-icon3 span:nth-child(3) {
    -webkit-transform: rotate(-45deg) !important;
    -moz-transform: rotate(-45deg) !important;
    -o-transform: rotate(-45deg) !important;
    transform: rotate(-45deg) !important;
}

.slide-bar-open-left #nav-icon3 span:nth-child(4) {
    top: 5px !important;
    width: 0% !important;
    left: 50% !important;
}


@media screen and (max-width: 1735px) {
    .footermenu1 li a {
        padding: 4px 4px 4px 4px;
        font-size: 0.6rem;
    }
}


@media screen and (max-width: 1500px) {
    .container {
        width: auto;
    }
}

@media screen and (max-width: 1400px) {
    .footermenu1 ul {
        display: block;
        margin: 34px 0px 20px 0px;
    }

    .oddo select {
        min-width: 73px;
    }

    #sliderpodstrona h1 {
        font-size: 3rem;
    }

    .podstrona h2 {
        font-size: 2.2em;
    }

    .podstrona {
        font-size: 13px;
    }

    .oddo select {
        font-size: 1rem;
    }

    .select div:nth-child(2) {
        position: absolute;
        right: -25px;
        bottom: 10px;
    }
}

@media screen and (max-width: 1195px) {
    .marginleftright {
        padding-left: 8%;
        padding-right: 8%;
    }

    #sliderpodstrona h1 {
        font-size: 2rem;
    }

    .ikony ul {
        margin-right: 0px;
    }

    .footermenu1 li a {
        padding: 4px 4px 4px 4px;
    }
}

@media only screen and (max-width : 992px) {
    .czyinwestycja {
        flex-direction: column;
    }

    table.tablesorter tbody tr:hover {
        background: unset !important;
    }

    table.stacktable {
        margin-bottom: 60px !important;
    }

    .menu-item-object-custom>a,
    .menu-item-object-post>a {
        margin-left: -2px;
    }

    .slicknav_nav .slicknav_arrow {
        display: none;
    }

    .ddomslidermobile {
        display: block;
    }

    .ddomsliderdesktop {
        display: none;
    }

    .modal {
        max-width: 100% !important;
    }

    .modal img {
        max-width: 100%;
        height: auto;
    }

    .modal #bmieszkanie {
        flex-direction: column;
    }

    .modal .imieszkanie span:nth-child(2),
    .modal .imieszkanie span:nth-child(4),
    .modal .imieszkanie span:nth-child(6) {
        display: none;
    }

    .modal .imieszkanie {
        flex-direction: column;
    }

    .ikonylegenda h3 {
        height: auto;
    }

    .ikonylegenda h4 {
        font-size: 1.4rem;
        margin-top: 0px;
    }

    .ikonylegenda table tr {
        margin-bottom: 30px !important;
        display: block;
        width: 100%;
    }

    .ikonylegenda table tr td {
        vertical-align: top;
    }

    .oinwestycji {
        padding-top: 0px;
    }

    .oinwestycji>.vc_column_container:nth-child(1)>.vc_column-inner {
        padding-right: 15px;
    }

    .wzgodzieznatura h2 {
        font-size: 2rem !important;
    }

    .vc_column_container>.vc_column-inner {
        padding-left: 0px;
    }

    .wyszukiwaniemieszkan input[type="Button"] {
        margin-left: 0px;
        margin-bottom: 40px;
    }

    .oinwestycji>.vc_column_container:nth-child(2)>.vc_column-inner {
        padding-left: 0px;
    }

    .oddo select {
        width: 100% !important;
        min-width: 70px;
        display: block;
    }

    #slide-bar-megamenu .menu .slicknav_menu:nth-child(1) {
        display: block;
    }

    .podstronatekstowa .vc_row.vc_row-flex>.vc_column_container:nth-child(1)>.vc_column-inner {
        padding-right: 30px;
    }

    .podstronatekstowa .vc_row.vc_row-flex>.vc_column_container:nth-child(2)>.vc_column-inner {
        padding-left: 30px;
    }

    .podstrona .vc_row {
        padding-top: 20px;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .sidebarlogotyp {
        text-align: center;
    }

    .ikonysocialsidebar {
        text-align: center;
        display: inline-block;
    }

    .realizacja {
        padding-top: 0px;
    }

    .rowborder {
        padding-bottom: 0px;
    }

    a.footerlogotyp {
        margin-bottom: 20px;
        
    }

    #slide-bar-megamenu {
        text-align: center;
    }

    #slide-bar-megamenu .slicknav_menu:nth-child(3) {
        display: block;
    }

    .small-only {
        display: block !important;
    }

    .stacktable tbody {
        width: 100%;
        display: block;
    }

    .stacktable tbody tr {
        display: flex;
    }

    .stacktable tbody td {
        width: 50%;
    }

    .large-only {
        display: none;
    }

    .footeradresy span {
        float: none;
    }

    .rowflex>* {
        flex: 0 1 50%;
    }

    .marginleftright {
        padding-left: 10px;
        padding-right: 10px;
    }

    .marginleftright1 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .slicknav_nav .slicknav_item {
        text-align: center;
    }

    .slicknav_nav a {
        text-align: center;
    }

    #slide-bar-megamenu .menu .slicknav_menu:nth-child(1)>div>ul>li>a {
        border: 1px solid #043667;
    }

    #slide-bar-megamenu .menu .slicknav_menu:nth-child(1)>div>ul>li>a i,
    .slide-bar .slicknav_menu:nth-child(3)>div>ul>li span {
        display: none !important;
    }

    #slide-bar-megamenu .menu .slicknav_menu:nth-child(1)>div>ul>li {
        margin: 0px 0px 10px 0px;
    }

    .slide-bar.open {
        width: 100% !important;
    }

    .menulogo {
        padding-left: 10px !important;
    }

    .ikonysocial,
    .ikonysocialpodstrona,
    .ikony {
        display: none;
    }

    .menuright {
        padding-right: 20px;
    }

    .podstrona {
        padding-top: 0px;
        margin-top: 50px;
    }

    .ikonysocialpodstrona {
        top: -150px;
    }

    #sliderpodstrona h1 {
        margin-top: 230px;
        font-size: 1.5rem;
    }

    .top {
        left: 0px;
        right: 0px;
    }

    .ikony ul li {
        margin-right: 5px;
    }

    .jezyki {
        margin-right: 0px;
        margin-left: 10px;
    }

    .top .col-xs-6 {
        width: 50%;
    }

    .top .col-md-2 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .d-xs-none {
        display: none !important;
    }

    .no-padding-left {
        padding-right: 0px;
    }

    .no-padding-right {
        padding-left: 0px;
    }

    #ddommenu {
        display: none;
    }

    .podstrona h2 {
        font-size: 2em;
    }

    .topright {
        padding: 0px;
    }

    .topright .text-right {
        padding: 0px;
    }

    .aktualnosc img {
        width: 100%;
        height: auto;
    }

    .footermenu1 ul {
        display: block;
        margin: 27px 0px 20px 0px;
    }


    .newsletterlewa {
        padding: 100px 0px 30px 0px;
    }

    .newsletter {
        padding: 20px 0px 20px 0px;
    }

    .zaufalinam img,
    .unia img {
        width: 100%;
        height: auto;
    }

    a.scrolltotop {
        display: none !important;
    }

    .no-padding {
        padding-left: 15px;
        padding-right: 15px;
    }


}

@media screen and (max-width: 768px) {
    .rowflex>* {
        flex: 0 1 100%;
    }

    #gallery-1 .gallery-item {
        width: 100% !important;
    }

    .landscape,
    .portrait {
        margin-right: 0px !important;
    }

    .podstronatekstowa .vc_row.vc_row-flex>.vc_column_container:nth-child(1)>.vc_column-inner {
        padding-right: 15px;
    }

    .podstronatekstowa .vc_row.vc_row-flex>.vc_column_container:nth-child(2)>.vc_column-inner {
        padding-left: 15px;
    }

    a.footerlogotyp {
        justify-content: center;
        margin-left: 40px;
    }

    .footeradresy h5, .footeradresy p {
        text-align: center;
    }

    .footeradresy h5 {
        /* margin-top: 35px;
        background-position: 180px -10px; */

        background-position: center top;
        padding-top: 30px;
        padding-left: 0;
    }

    .footeradresy .text-left {
        padding-bottom: 50px;
    }

    .virtualmedia p {
        text-align: right;
    }

    #zrealizowane {
        display: none;
    }
}

@media screen and (max-width: 452px) {
    .wyszukiwaniemieszkan input[type="Button"] {
        min-width: 223px;
        margin-bottom: 20px;
    }
}

.white-popup-block {
    display: inline-block;
    width: auto;
    background: #fff none repeat scroll 0 0;
    margin: 40px auto;
    max-width: 650px;
    padding: 20px 30px;
    position: relative;
    text-align: left;
}

#wyrownanie {
    display: block;
    width: auto;
    background: #fff none repeat scroll 0 0;
    margin: 40px auto;
    max-width: 650px;
    position: relative;
    text-align: left;
}

.white-popup-block h2 {
    float: left;
    width: 100%;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 26px;
}


/*cookie*/
.cookiepolicy {
    display: none;
    bottom: 30px;
    right: 40px;
    padding: 20px;
    position: fixed;
    z-index: 1000;
    width: 300px;
    color: #043667;
    border: 2px solid #fff;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .2);
    font-size: 12px;
    line-height: 1.4;
}

.cookiepolicy span {
    display: block;
    padding: 12px;
    float: left;
}

.cookiepolicy span:nth-child(1) a {
    display: inline;
    padding: 9px 0;
    text-decoration: none;
    color: #043667;
    font-size: 12px;
    font-weight: 500;
}

.cookiepolicy span:nth-child(1) a:hover {
    color: #999;
}

.cookiepolicy a#cookiepolicy {
    display: inline-block;
    margin: 5px 0;
    padding: 10px;
    cursor: pointer;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    text-decoration: none;
    color: #043667;
    border: 2px solid #043667;
    border-radius: 3px;
}

.cookiepolicy a:hover#cookiepolicy,
.cookiepolicy a:hover#cookiepolicy1 {
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    color: #fff;
    background-color: #043667;
}

.open {
    display: block;
}



/*--------------------------------------------------------*/
ul.sub-menu a {
    font-size: 0.7rem;
    padding-left: 20px;
}

.slicknav_menu {
    background: none;
}

.slicknav_nav .slicknav_item {
    position: relative;
}

.slicknav_nav .sf-arrows .sf-with-ul::after {
    display: none;
}

i.ddomclosed {
    width: 12px;
    height: 12px;
    background: url(../img/arrowright.svg) top left no-repeat;
    display: block;
    position: absolute;
    right: 6px;
    top: 6px;
}

i.ddomopened {
    width: 12px;
    height: 12px;
    background: url(../img/arrowdown.svg) top left no-repeat;
    display: block;
    position: absolute;
    right: 6px;
    top: 6px;
}

.slicknav_nav a,
.slicknav_nav .slicknav_row:hover {
    border-radius: 0px;
}

.slide-bar {
    position: fixed;
    width: 320px;
    height: 100%;
    top: 0;
    background-color: #FFF;
    overflow: auto;
    z-index: 10050;
}

@media (max-width: 360px) {
    .slide-bar {
        width: 280px;
    }
}

.slide-bar-right {
    left: auto;
    right: 0;
    transform: translate(320px, 0);
    -webkit-transform: translate(320px, 0);
    -ms-transform: translate(320px, 0);
}

.slide-bar-left {
    left: 0;
    right: auto;
    transform: translate(-320px, 0);
    -webkit-transform: translate(-320px, 0);
    -ms-transform: translate(-320px, 0);
}

@media (max-width: 360px) {
    .slide-bar-right {
        transform: translate(280px, 0);
        -webkit-transform: translate(280px, 0);
        -ms-transform: translate(280px, 0);
    }

    .slide-bar-left {
        transform: translate(-280px, 0);
        -webkit-transform: translate(-280px, 0);
        -ms-transform: translate(-280px, 0);
    }
}

body.slide-bar-open-right .slide-bar-right.open {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
}

body.slide-bar-open-left .slide-bar-left.open {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
}

body.slide-bar-open-right .slide-bar-right.open,
body.slide-bar-open-left .slide-bar-left.open {
    -moz-transition: transform 300ms ease-in-out;
    -webkit-transition: transform 300ms ease-in-out;
    -o-transition: transform 300ms ease-in-out;
    transition: transform 300ms ease-in-out;
}

body.slide-bar-open-right,
body.slide-bar-open-left {
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
}

body.slide-bar-close-right .slide-bar-right.open {
    transform: translate(320px, 0);
    -webkit-transform: translate(320px, 0);
    -ms-transform: translate(320px, 0);
}

body.slide-bar-close-left .slide-bar-left.open {
    transform: translate(-320px, 0);
    -webkit-transform: translate(-320px, 0);
    -ms-transform: translate(-320px, 0);
}

@media (max-width: 360px) {
    body.slide-bar-close-right .slide-bar-right.open {
        transform: translate(280px, 0);
        -webkit-transform: translate(280px, 0);
        -ms-transform: translate(280px, 0);
    }

    body.slide-bar-close-left .slide-bar-left.open {
        transform: translate(-280px, 0);
        -webkit-transform: translate(-280px, 0);
        -ms-transform: translate(-280px, 0);
    }
}

body.slide-bar-close-right .slide-bar-right.open,
body.slide-bar-close-left .slide-bar-left.open {
    -moz-transition: transform 300ms ease-in-out;
    -webkit-transition: transform 300ms ease-in-out;
    -o-transition: transform 300ms ease-in-out;
    transition: transform 300ms ease-in-out;
}

body.slide-bar-close-right,
body.slide-bar-close-left {
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
}

.slide-bar-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(20, 20, 20, 0.5);
    visibility: hidden;
    z-index: 1040;
    opacity: 0;
}

.slide-bar-close-right .slide-bar-backdrop,
.slide-bar-close-left .slide-bar-backdrop {
    visibility: visible;
    opacity: 0;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transition: opacity ease 300ms;
    -webkit-transition: opacity ease 300ms;
    -o-transition: opacity ease 300ms;
    transition: opacity ease 300ms;
}

.slide-bar-open-right .slide-bar-backdrop,
.slide-bar-open-left .slide-bar-backdrop {
    visibility: visible;
    opacity: 1;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transition: opacity ease 300ms;
    -webkit-transition: opacity ease 300ms;
    -o-transition: opacity ease 300ms;
    transition: opacity ease 300ms;
}





/*----------Search-----------*/

.search-box-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 20000;
}

body.search-box-opened .search-box-wrapper {
    opacity: 1;
    visibility: visible;
    -moz-transition: opacity ease 300ms;
    -webkit-transition: opacity ease 300ms;
    -o-transition: opacity ease 300ms;
    transition: opacity ease 300ms;
}

.search-box-wrapper .search-box-inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
}

.search-box-wrapper .search-box-close {
    position: absolute;
    top: 0;
    right: 20px;
    z-index: 1;
    cursor: pointer;
    width: 60px;
    height: 60px;
}

.search-box-wrapper .search-box-close::before {
    content: '';
    height: 29px;
    width: 2px;
    background: #ffffff;
    position: absolute;
    left: 50%;
    top: 15px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.search-box-wrapper .search-box-close::after {
    content: '';
    height: 29px;
    width: 2px;
    background: #ffffff;
    position: absolute;
    left: 50%;
    top: 15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

body.search-box-opened {
    overflow: hidden;
}

.search-box-wrapper .search-box-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.85);
}

.search-box-wrapper .search-box-content {
    position: relative;
    margin-top: 150px;
    color: #fff;
}

.search-box-wrapper .search_query {
    height: 70px;
    font-size: 2.2rem;
    padding-top: 0px;
    padding-right: 50px;
    color: #fff;
    background-color: transparent;
    border-bottom-width: 2px;
    border-bottom-color: #666;
}

@media (min-width:768px) {
    .search-box-wrapper .show-cat .search_query {
        padding-left: 0px;
    }
}

.search-box-wrapper .mdl-textfield__label {
    color: #FFF;
    font-size: 2.2rem;
    padding: 20px 0px 20px 0;
    margin: 0;
    top: 24px;
}

@media (min-width:768px) {
    .search-box-wrapper .show-cat .mdl-textfield__label {
        padding-left: 0px;
    }
}

.search-box-wrapper .mdl-textfield__label::before {
    background-color: #ffffff !important;
}

.search-box-wrapper .is-focused .mdl-textfield__label,
.search-box-wrapper .is-dirty .mdl-textfield__label {
    color: #ffffff !important;
    font-size: 1.8rem;
    padding: 0 0;
    top: -10px;
}

.search-box-wrapper .search_tags {
    margin-top: 20px;
    color: #999999;
}

.search-box-wrapper .search_tags label {
    color: #ffffff;
    font-size: 1.6rem;
    margin-right: 5px;
}

.search-box-wrapper .search_tags a {
    color: #999999;
    margin-right: 3px;
}

.search-box-wrapper .button-search {
    position: absolute;
    right: 0;
    background: transparent;
    border: none;
    color: #fff;
    bottom: 22px;
    padding: 0;
    width: 45px;
    height: 45px;
    overflow: hidden;
    background: url(../img/ico4.svg) center center no-repeat;
}

.search-box-wrapper span.zmdi {
    font-size: 30px;
}

.search-box-wrapper span.fa {
    font-size: 18px;
}

.searchbox:not(.loading) .button-search .search-loading {
    display: none;
}

.searchbox.loading .button-search .search-loader {
    display: none;
}

.searchbox .search-result {
    position: absolute;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
    left: 0;
    z-index: 98;
    right: 0;
    background: #fff;
    margin: 0;
    max-height: 350px;
    overflow: auto;
    display: none;
    top: 100%;
    margin-top: -10px;
    padding: 0 10px;
}

.search-widget .searchbox .search-result {
    max-height: 360px;
}

@media (min-width:768px) {
    .search-box-wrapper .show-cat .search-result {
        left: 200px;
    }
}

.searchbox .search-result.open {
    display: block;
}

.select_active .search-result.open {
    display: none;
}

.searchbox .search-result .no-result {
    padding: 10px;
    background: #f0f0f0;
    color: #575757;
    text-align: center;
    font-size: 2.2rem;
    margin: 0 -10px;
}

.searchbox .search-result .title {
    color: #282828;
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 10px;
    background: #f0f0f0;
    margin-left: -10px;
    margin-right: -10px;
}

.searchbox .search-result .item-search {
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding-left: 80px;
    border-bottom: 1px solid #e9e7e7;
}

.search-widget .searchbox .search-result .item-search {
    padding-left: 70px;
}

.searchbox .search-result .item-search::after {
    content: '';
    display: table;
    clear: both;
}

.searchbox .search-result .item-search:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.searchbox .search-result .item-search .left-search-ajax {
    width: 80px;
    margin-left: -80px;
    float: left;
    margin-right: 20px;
    border: 1px solid #e9e7e7;
    background: #fff;
    padding: 1px;
}

.search-widget .searchbox .search-result .item-search .left-search-ajax {
    width: 70px;
    margin-left: -70px;
    margin-right: 10px;
}

.searchbox .search-result .item-search img {
    max-width: 100%;
    height: auto;
}

.searchbox .search-result .item-search .right-search-ajax p {
    font-weight: 500;
    display: block;
    margin-bottom: 5px;
    font-size: 1.4rem;
}

.search-widget .searchbox .search-result .item-search .right-search-ajax p {
    font-size: 1.3rem;
}

.searchbox .search-result .item-search .right-search-ajax .sku-search-ajax {
    color: #777777;
    margin-bottom: 5px;
    font-size: 1.4rem;
}

.searchbox .search-result .item-search .right-search-ajax .sku-search-ajax span {
    margin-right: 3px;
}

.searchbox .search-result .item-search .right-search-ajax .price-regular-ajax {
    margin-right: 10px;
    font-weight: 500;
    font-size: 1.6rem;
}

.search-widget .searchbox .search-result .item-search .right-search-ajax .price-regular-ajax {
    font-size: 1.4rem;
}

.searchbox .search-result .item-search .right-search-ajax .price-ajax {
    font-weight: 500;
    font-size: 2rem;
}

.search-widget .searchbox .search-result .item-search .right-search-ajax .price-ajax {
    font-size: 1.4rem;
}

.search_filter select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
}

.select-styled span {
    display: none;
}

.search_filter {
    cursor: pointer;
}

.search-widget .select-styled {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}

.search-widget .select-options-wrapper {
    max-height: 200px;
    overflow: auto;
    margin: 0;
    padding: 7px 0;
}

.search-widget .select-options {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 97;
    margin: 0;
    list-style: none;
    background-color: #fff;
    width: 300px;
    visibility: hidden;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
    -o-transition: all ease 500ms;
    transition: all ease 500ms;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.search-widget .select-options.open {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
    visibility: visible;
    max-height: 350px;
    opacity: 1;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
    -o-transition: all ease 500ms;
    transition: all ease 500ms;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.search-widget .select-options li {
    font-size: 1.4rem;
    margin: 0;
    padding: 7px 14px;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
}

.search-widget .select-options li:last-child {
    margin-bottom: 7px;
}

.search-widget .select-options li:hover,
.select-options li.select_active {
    color: #b33a3a;
}

.search-widget .select-options li span:not(:last-child) {
    padding-left: 20px;
}

.search-widget .select-options li span:last-child {
    padding-left: 15px;
    position: relative;
}

.search-widget .select-options li span:last-child::before {
    content: '\f278';
    font-family: 'Material-Design-Iconic-Font';
    font-size: 15px;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    line-height: 1;
    left: 0;
}

.search-widget .select-options li[data-depth="0"] span:last-child::before {
    content: '\f273';
}

.search-widget .select-options li[rel="hide"] {
    display: none;
}

/************************************************/

.search-box-wrapper .search_filter {
    cursor: pointer;
    position: absolute;
    font-size: 2.2rem;
    width: 200px;
    padding: 20px 0;
    bottom: 0;
    top: 19px;
}

.search-box-wrapper .select-styled {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    padding-right: 20px;
}

.search-box-wrapper .select-styled::after {
    content: '\f2f9';
    font-family: 'Material-Design-Iconic-Font';
    font-size: 30px;
    line-height: 30px;
    top: 50%;
    position: absolute;
    right: 0;
    margin-top: -15px;
}

.search-box-wrapper .select-options-wrapper {
    max-height: 350px;
    overflow: auto;
    margin: 0;
    padding: 7px 0;
}

.search-box-wrapper .select-options {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 97;
    margin: 0;
    list-style: none;
    background-color: #043667;
    width: 300px;
    visibility: hidden;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
    -o-transition: all ease 500ms;
    transition: all ease 500ms;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.search-box-wrapper .select-options.open {
    visibility: visible;
    max-height: 350px;
    opacity: 1;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
    -o-transition: all ease 500ms;
    transition: all ease 500ms;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.search-box-wrapper .select-options li {
    font-size: 1.4rem;
    margin: 0;
    padding: 7px 14px;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
}

.search-box-wrapper .select-options li:last-child {
    margin-bottom: 7px;
}

.search-box-wrapper .select-options li:hover,
.select-options li.select_active {
    color: #b33a3a;
}

.search-box-wrapper .select-options li span:not(:last-child) {
    padding-left: 20px;
}

.search-box-wrapper .select-options li span:last-child {
    padding-left: 15px;
    position: relative;
}

.search-box-wrapper .select-options li span:last-child::before {
    content: '\f278';
    font-family: 'Material-Design-Iconic-Font';
    font-size: 15px;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    line-height: 1;
    left: 0;
}

.search-box-wrapper .select-options li[data-depth="0"] span:last-child::before {
    content: '\f273';
}

.search-box-wrapper .select-options li[rel="hide"] {
    display: none;
}

@media (max-width:767px) {
    .search-box-wrapper .search-box-content {
        padding: 0 20px;
    }

    .search-box-wrapper .search_filter {
        width: 100%;
        padding: 0;
        bottom: 100%;
        top: auto;
        border: 1px solid #ffffff;
        border-radius: 5px;
        margin-bottom: 35px;
    }

    .search-box-wrapper .select-styled {
        padding: 13px 30px 13px 10px;
        font-size: 1.6rem;
        line-height: 1.6rem;
    }

    .search-box-wrapper .select-styled::after {
        line-height: 1.6rem;
        right: 10px;
        margin-top: -8px;
    }

    .search-box-wrapper .select-options {
        margin-top: 5px;
        width: 100%;
    }

    .search-box-wrapper .mdl-textfield__label {
        color: #FFF;
        font-size: 1.6rem;
        top: 22px;
    }

    .search-box-wrapper .search_query {
        font-size: 1.6rem;
    }

    .search-box-wrapper .is-focused .mdl-textfield__label,
    .search-box-wrapper .is-dirty .mdl-textfield__label {
        font-size: 1.6rem;
    }

    .search-box-wrapper .button-search {
        bottom: 15px;
    }

    .search-box-wrapper .search-result {
        max-height: 250px;
    }

    .select {
        margin-bottom: 1em;
    }

    #menuburger {
        position: fixed;
        right: 20px;
    }
}

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


.mdl-textfield {
    position: relative;
    font-size: 1.2rem;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 10px 0
}

.mdl-textfield .mdl-button {
    position: absolute;
    bottom: 10px
}

.mdl-textfield--align-right {
    text-align: right
}

.mdl-textfield--full-width {
    width: 100%
}

.mdl-textfield--expandable {
    min-width: 32px;
    width: auto;
    min-height: 32px
}

.mdl-textfield--expandable .mdl-button--icon {
    top: 16px
}

.mdl-textfield__input {
    border: none;
    border-bottom: 1px solid #e1e1e1;
    display: block;
    font-size: 1.2rem;
    margin: 0;
    width: 100%;
    background: 0 0;
    text-align: left;
    color: #9c9c9c;
    height: 40px;
    box-shadow: none;
}

.mdl-textfield__input[type="number"] {
    -moz-appearance: textfield
}

.mdl-textfield__input[type="number"]::-webkit-inner-spin-button,
.mdl-textfield__input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.mdl-textfield.is-focused .mdl-textfield__input {
    outline: none
}

fieldset[disabled] .mdl-textfield .mdl-textfield__input,
.mdl-textfield.is-disabled .mdl-textfield__input {
    background-color: transparent;
    border-bottom: 1px dotted rgba(0, 0, 0, .12);
    color: rgba(0, 0, 0, .26)
}

.mdl-textfield textarea.mdl-textfield__input {
    display: block
}

.mdl-textfield__label {
    bottom: 0;
    color: #9c9c9c;
    left: 0;
    right: 0;
    pointer-events: none;
    position: absolute;
    display: block;
    top: 24px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
    margin: 0;
    line-height: 1;
}

.mdl-textfield__label.required::after {
    color: red;
    content: "*";
    margin-left: 3px;
}

.mdl-textfield.is-dirty .mdl-textfield__label,
.mdl-textfield.has-placeholder .mdl-textfield__label {
    visibility: hidden
}

.mdl-textfield--floating-label .mdl-textfield__label {
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    transition: none
}

fieldset[disabled] .mdl-textfield .mdl-textfield__label,
.mdl-textfield.is-disabled.is-disabled .mdl-textfield__label {
    color: rgba(0, 0, 0, .26)
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    color: rgb(63, 81, 181);
    font-size: 1.2rem;
    top: 4px;
    visibility: visible
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label,
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label {
    top: -16px
}

.mdl-textfield__label:before {
    background-color: rgb(63, 81, 181);
    bottom: 10px;
    content: '';
    height: 2px;
    left: 45%;
    position: absolute;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    visibility: hidden;
    width: 10px
}

.mdl-textfield.is-focused .mdl-textfield__label:before {
    left: 0;
    visibility: visible;
    width: 100%
}

.mdl-textfield__error {
    color: #d50000;
    position: absolute;
    font-size: 1.2rem;
    margin-top: 3px;
    visibility: hidden;
    display: block
}

.mdl-textfield__expandable-holder {
    display: inline-block;
    position: relative;
    margin-left: 32px;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    max-width: .1px
}

.mdl-textfield.is-focused .mdl-textfield__expandable-holder,
.mdl-textfield.is-dirty .mdl-textfield__expandable-holder {
    max-width: 600px
}

.mdl-textfield__expandable-holder .mdl-textfield__label:before {
    bottom: 0
}

.mdl-ripple {
    background: #000;
    border-radius: 50%;
    height: 50px;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50px;
    overflow: hidden
}

.mdl-ripple.is-animating {
    transition: transform .3s cubic-bezier(0, 0, .2, 1), width .3s cubic-bezier(0, 0, .2, 1), height .3s cubic-bezier(0, 0, .2, 1), opacity .6s cubic-bezier(0, 0, .2, 1);
    transition: transform .3s cubic-bezier(0, 0, .2, 1), width .3s cubic-bezier(0, 0, .2, 1), height .3s cubic-bezier(0, 0, .2, 1), opacity .6s cubic-bezier(0, 0, .2, 1), -webkit-transform .3s cubic-bezier(0, 0, .2, 1)
}

.mdl-ripple.is-visible {
    opacity: .3
}

.mdl-js-ripple-effect {
    overflow: hidden;
    position: relative;
}





/*tablesorter*/

table.dataTable {
    border-collapse: none !important;
}

.small-only {
    display: none;
}

table.tablesorter {
    margin: 10px 0pt 15px;
    font-size: 0.7rem;
    width: 100%;
    text-align: left;
}

table.tablesorter thead tr th,
table.tablesorter tfoot tr th {
    border: 0px solid #FFF;
    font-size: 0.7rem;
    text-transform: uppercase;
    font-weight: 300;
    padding: 10px;
}

table.tablesorter tr {
    border-bottom: 1px solid #eee;
}


table.tablesorter thead tr .header {
    background-image: url(../img/gdol.png);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}

table.tablesorter tbody td,
table.tablesorter tbody th {
    color: #000;
    padding: 10px;
    vertical-align: middle;
    text-transform: uppercase;
    font-weight: 300;
}

table.tablesorter tbody tr.odd td {
    background-color: #F0F0F6;
}

table.tablesorter tbody tr td {
    border-bottom: 1px solid #eee;
}

table.tablesorter thead tr .headerSortUp {
    background-image: url(../img/gora.png);
}

table.tablesorter thead tr .headerSortDown {
    background-image: url(../img/dol.png);
}

table.tablesorter thead tr .headerSortDown,
table.tablesorter thead tr .headerSortUp {
    background-color: #eee;
    color: #000;
}

table.dataTable thead .sorting {
    background-image: none !important;
}

table.dataTable thead .sorting:after {
    content: "";
    background: url(../img/arrowdown.svg) top 7px center no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    margin: 0px;
}

table.dataTable thead .sorting_desc {
    background-position: top right -100px !important;
    position: relative;
}

table.dataTable thead .sorting_desc:after {
    content: "";
    background: url(../img/arrowdown.svg) top 7px center no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    margin: 0px;
}

table.dataTable thead .sorting_asc {
    background-position: top right -100px !important;
    position: relative;
}

table.dataTable thead .sorting_asc:after {
    content: "";
    background: url(../img/arrowup.svg) top 7px center no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    margin: 0px;
}

a.dodajdoulubionych {
    background: url(../img/ico31.svg) center center no-repeat;
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 0px 30px 0px 30px;
}

a.dodajdoulubionych.fav {
    background: url(../img/ico31_f.svg) center center no-repeat;
    display: inline-block;
    width: 25px;
    height: 25px;
}

a.pokazcene {
    background: #043667;
    display: inline-block;
    padding: 5px 26px 5px 26px;
    color: #fff;
}

a:hover.pokazcene {
    background: #fff;
    color: #043667
}

a.pobierzpdf {
    background: #043667 url(../img/pdf1.png) top 5px left 10px no-repeat;
    display: inline-block;
    padding: 5px 26px 5px 40px;
    color: #fff;
}

a:hover.pobierzpdf {
    background: #fff url(../img/pdf1.png) top 5px left 10px no-repeat;
    color: #043667
}

#tablesorter_length,
#tablesorter_filter {
    display: none;
}

#tablesorter {
    margin-top: 30px;
    margin-bottom: 30px;
}

#tablesorter tr th:nth-child(9),
#tablesorter tr th:nth-child(10),
#tablesorter tr th:nth-child(11) {
    background: none !important;
}

#tablesorter thead tr:nth-child(1) {
    background: #043667;
}

#tablesorter tr th {
    color: #fff;
    text-align: center;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    background: none !important;
    border-color: #043667 !important;
    font-size: 0.8rem !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #ddd !important;
    color: #fff !important;
    border-color: #ddd !important;
    font-size: 0.8rem !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #043667 !important;
    color: #fff !important;
    border-color: #043667 !important;
    font-size: 0.8rem !important;
}

table.tablesorter tbody tr.odd td {
    background: none;
}

table.tablesorter tbody tr td {
    text-align: center;
}

.tablesorter:nth-child(odd) {
    background: #eee;
}

.tablesorter:nth-child(even) {
    background: #fff;
}

map {
    position: relative;
}

.tool {
    position: absolute;
    background: white;
    padding: 10px 20px;
    font-size: 14px;
    z-index: 1010;
    box-shadow: 0px 0px 4px 0px rgb(70, 70, 70);
    -webkit-box-shadow: 0px 0px 4px 0px rgb(70, 70, 70);
    -moz-box-shadow: 0px 0px 4px 0px rgb(70, 70, 70);
    line-height: 21px;
    text-transform: uppercase;
}

.tool1 {
    width: 200px;
    height: 182px;
    position: absolute;
    background: white;
    padding: 10px 20px;
    font-size: 14px;
    z-index: 1010;
    box-shadow: 0px 0px 4px 0px rgb(70, 70, 70);
    -webkit-box-shadow: 0px 0px 4px 0px rgb(70, 70, 70);
    -moz-box-shadow: 0px 0px 4px 0px rgb(70, 70, 70);
    line-height: 21px;
    text-transform: uppercase;
}

.tool1 .mieszkaniebutton {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.tool1 .mieszkaniebutton span {
    margin: 0px 0px 4px 0px;
    font-size: 0.8rem;
}

.tool1 .mieszkaniebutton a {
    width: auto;
    display: inline-block;
    padding: 6px 20px 6px 20px;
    background: #043667;
    color: #fff;
    text-transform: uppercase;
    font-size: 0.8rem;
}

.tool1 .mieszkaniebutton a:hover {
    background: #777;
}

#modalfavorites {
    padding: 30px 50px 30px 50px !important;
}

/* Navigation Bar: vertical position */
#swipebox-bottom-bar {
    position: absolute;
    top: 50%;
    bottom: auto;
    left: 0;
    right: 0;
    background: transparent;
    transition: none;
}

/* Navigation Bar: override position when is active */
#swipebox-bottom-bar.visible-bars {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}

/* Navigation arrows: horizontal position */
#swipebox-arrows {
    max-width: 100%;
    width: 99%;
}

.menufooter {
    padding-top: 40px;
}

.menufooter,
.menufooter h4 {
    color: #fff;
    font-size: 14px;
}

.menufooter ul {
    padding: 0px;
    list-style-type: disc;
}

.menufooter ul li {
    position: relative;
    display: inline-block;
    margin: 0 0 0 20px;
}

.menufooter ul li:first-child {
    margin-left: 0px;
}

.menufooter ul li::before {
    content: "-";
    color: #fff;
    position: absolute;
    top: 0px;
    left: -12px;
}

.menufooter ul li:first-child::before {
    content: " ";
}

#gkm img {
    margin-top: 30px;
    margin-bottom: 30px;
}

#nav {
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.90) 100%) !important;
}

.wyszukiwaniehead {
    color: #fff !important;
    background-color: #043667 !important;
}

.menu-item-22040, .menu-item-22041 {
    display: none !important;
}


#modaltelefony p.modal_tel {
    width: 100%;
    background-color: #f9f9f9;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

#zamow_rozmowe_submit {
    float: none;
    width: 100%;
}

@media (max-width: 768px) {
    .center-text {
        text-align: center;
        white-space: normal;
    }

    .footeradresy span {
        padding: 0;
    }

    .wpb_video_widget.vc_video-el-width-60 .wpb_wrapper {
        width: 100%;
    }

    .vc_row {
        margin-left: 0;
    }

    .propsy {
        margin-right: 0 !important;
    }

    /* .wpb_wrapper {
        padding-left: 5px;
    } */

	.mobile-full-width {
		width: 100% !important;
	}

	.mobile-full-width > div > div {
		padding: 0 !important;
	}
}

.vc_btn3-color-primary {
    background-color: #043667 !important;
    border: 0px !important;
    border-radius: 0px !important;
    min-width: 400px;
}

.vc_btn3-color-primary:hover {
    background-color: #eee !important;
    border: 0px !important;
    color: #000 !important;
    border-radius: 0px !important;
}

@media (max-width: 768px) {
    .vc_btn3-color-primary {
        min-width: 99%;
    }
}

a:focus {
    outline: none;
}

@media only screen and (min-width: 1024px) {
    .pum-container.pum-responsive.pum-responsive-medium {
        margin-left: -30%;
        width: 40% !important;
        height: 100%;
        min-width: 40%  !important;
        max-width: 40%  !important;
    }
}