File: /var/www/clients/client1079/web2215/web/public/wp-content/themes/developer_c/assets/css/style.css
body {
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: 300;
color: #606E7C;
line-height: 30px;
text-align: left;
}
.elementor-54 .elementor-element.elementor-element-7df0857 {
z-index: 5;
}
.large {height: 125px;}
.large .mx-auto .logo_header {width: 300px;}
.small {height: 56px; background: rgba(255, 255, 255, 0.81) !important;}
.small .mx-auto .logo_header { width: 130px;}
.small, .small .mx-auto .logo_header, .large .mx-auto .logo_header {transition: .7s all; -moz-transition: .7s; -webkit-transition: .7s; -o-transition: .7s all; }
.navbar-light.small .navbar-nav .nav-link a { font-size: 15px !important;}
.text-right.Dostępne {font-weight: 400; color:#55b320;}
.text-right.Zarezerwowane {font-weight: 400; color:#fc8e01;}
.text-right.Sprzedane {font-weight: 400; color: #cc1f1f;}
.text-center.sorting_1 {font-weight: 600}
strong { font-weight: 600; }
a { color: #606E7C; text-decoration: none; transition: all .3s; }
a:hover, a:focus { color: #651009; text-decoration: none; transition: all .3s; }
h1{
margin-top: 10px;
font-family: 'Montserrat', sans-serif;
font-size: 38px;
font-weight: 300;
color: #555;
line-height: 50px;
}
h3 {
margin-top: 10px;
font-family: 'Montserrat', sans-serif;
font-size: 40px;
font-weight: 400;
color: #575757;
overflow: hidden;
text-align: center;
text-transform: uppercase;
}
h3:before,
h3:after {
background-color: #F2A73B;
content: "";
display: inline-block;
height: 3px;
position: relative;
vertical-align: middle;
width: 40px;
}
h3:before {
right: 1em;
margin-left: -50%;
}
h3:after {
left: 1em;
margin-right: -50%;
}
h4 {
font-family: 'Montserrat', sans-serif;
font-size: 36px;
font-weight: 400;
color: #651009;
text-align: center;
line-height: 44px;
padding: 45px 10px 45px 10px;
}
h5{
font-size: 32px;
font-weight: 500;
color:#651009;
}
p{
font-size: 20px;
color: #606E7C;
letter-spacing: 0.52px;
font-weight: 400;
}
img { max-width: 100%; }
.medium-paragraph {
font-size: 17px;
line-height: 32px;
}
.colored-text { color: #651009; }
::-moz-selection { background: #651009; color: #fff; text-shadow: none; }
::selection { background: #651009; color: #fff; text-shadow: none; }
/***** General style, all sections *****/
.container-fluid{
overflow: hidden;
}
.section-container {
margin: 0 auto;
padding-bottom: 80px;
}
.section-container-gray-bg {
background: #f8f8f8;
}
.section-container-black-bg {
background: rgba(0, 0, 0, 0.8);
}
.section-container-image-bg,
.section-container-image-bg h2,
.section-container-image-bg h3 {
color: #fff;
}
.section-container-image-bg .divider-1 span {
border-color: #fff;
}
.section-description {
margin-top: 60px;
padding-bottom: 10px;
}
.section-description p {
margin-top: 20px;
padding: 0 120px;
}
.section-container-image-bg .section-description p {
opacity: 0.8;
}
.section-bottom-button {
padding-top: 60px;
}
.btn-link-1 {
display: inline-block;
height: 50px;
margin: 0 5px;
padding: 0 28px;
background: #9b59b6;
background: rgba(155, 89, 182, 0.7);
border: 0;
font-size: 15px;
font-weight: 600;
line-height: 48px;
color: #fff;
border-radius: 4px;
transition: all .3s;
}
.btn-link-1:hover, .btn-link-1:focus, .btn-link-1:active, .btn-link-1:active:focus,
.btn-link-1.btn-primary:not(:disabled):not(.disabled):active,
.btn-link-1.btn-primary:not(:disabled):not(.disabled):active:focus {
background: #9b59b6;
background: rgba(155, 89, 182, 0.9);
outline: 0;
color: #fff;
box-shadow: none;
}
.btn-link-2 {
display: inline-block;
height: 50px;
margin: 0 5px;
padding: 0 28px;
background: #333;
background: rgba(0, 0, 0, 0.2);
border: 0;
font-size: 15px;
font-weight: 600;
line-height: 48px;
color: #fff;
border-radius: 4px;
transition: all .3s;
}
.btn-link-2:hover, .btn-link-2:focus, .btn-link-2:active, .btn-link-2:active:focus,
.btn-link-2.btn-primary:not(:disabled):not(.disabled):active,
.btn-link-2.btn-primary:not(:disabled):not(.disabled):active:focus {
background: #333; background: rgba(0, 0, 0, 0.4); outline: 0; color: #fff; box-shadow: none;
}
.btn-link-3 {
display: inline-block;
height: 50px;
margin: 0 5px;
padding: 0 28px;
background: none;
border: 0;
border-bottom: 2px solid #9b59b6;
font-size: 15px;
font-weight: 600;
line-height: 48px;
color: #9b59b6;
border-radius: 0;
transition: all .3s;
}
.btn-link-3:hover, .btn-link-3:focus, .btn-link-3:active, .btn-link-3:active:focus,
.btn-link-3.btn-primary:not(:disabled):not(.disabled):active,
.btn-link-3.btn-primary:not(:disabled):not(.disabled):active:focus {
padding: 0 10px;
background: none;
border: 0;
border-bottom: 2px solid #9b59b6;
outline: 0;
color: #9b59b6;
box-shadow: none;
}
/***** Divider *****/
.divider-1 span {
display: inline-block;
width: 200px;
border-bottom: 1px dashed #ccc;
}
/***** Top menu *****/
.bg-light {
background-color: #F8F8F8 !important;
}
.navbar-light .navbar-nav .nav-link {
font-family: 'Montserrat', sans-serif;
color: #000;
font-weight: 400;
font-size: 20px;
padding: 30px;
}
.topmenuleft .nav-link {
padding: 0 !important;
}
.navbar-light .navbar-nav .nav-link a {
font-family: 'Montserrat', sans-serif;
color: #000;
font-weight: 400;
font-size: 20px;
padding: 30px;
display: inline-block;
text-transform: uppercase;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
color: #651009 !important;
}
.navbar-light .navbar-nav .nav-link a:focus, .navbar-light .navbar-nav .nav-link a:hover {
color: #651009 !important;
}
.navbar {
background: #F8F8F8;
-o-transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -ms-transition: all .6s; transition: all .6s;
backface-visibility: hidden;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
.navbar.navbar-no-bg { background: #444; background: rgba(0, 0, 0, 0.2); }
.navbar-dark .navbar-nav { font-size: 15px; color: #fff; font-weight: 600; }
.navbar-dark .navbar-nav .nav-link { color: red; color:red; border: 0; }
.navbar-dark .navbar-nav .nav-link:hover { color: #fff; }
.navbar-dark .navbar-nav .nav-link:focus { color: #fff; outline: 0; }
.navbar-expand-md .navbar-nav .nav-link { padding-left: 1rem; padding-right: 1rem; }
.navbar-dark .navbar-nav .nav-link a { color: red; color:red; border: 0; }
.navbar-dark .navbar-nav .nav-link a:hover { color: #fff; }
.navbar-dark .navbar-nav .nav-link a:focus { color: #fff; outline: 0; }
.navbar-expand-md .navbar-nav .nav-link a{ padding-left: 1rem; padding-right: 1rem; }
.navbar-brand {
width: 136px;
height: 75px;
background: url(../img/logo.svg) left center no-repeat;
border: 0;
text-indent: -99999px;
}
.logo_header{
width: 300px;
}
.nav-link {
display: inline-block;
color: #2daae1;
text-decoration: none;
}
.nav-link::after {
content: '';
display: block;
width: 0;
height: 1px;
background: #2daae1;
transition: width .3s;
}
.topmenuleft a::after {
content: '';
display: block;
width: 0;
height: 1px;
background: #651009;
transition: width .3s;
}
.topmenuleft .nav-link::after {
display: none;
}
.nav-link:hover::after {
width: 100%;
transition: width .2s;
}
.topmenuleft a:hover::after {
width: 100%;
transition: width .2s;
}
.navbar.navbar .navbar-toggler-icon {
background-image: url('../img/menu.svg');
}
.navbar-light .navbar-toggler {
border-color: #651009;
}
/***** Top content *****/
.top-content {
padding: 210px 0;
}
.top-content .text {
color: #fff;
}
.top-content .text h1 {
margin-top: 25px;
color: #fff;
}
.top-content .description {
margin: 30px 0 10px 0;
}
.top-content .description p { opacity: 0.8; }
.top-content .top-big-link {
margin-top: 45px;
}
/***** O inwestycji *****/
.bg-grey
{
background-color: #Fff;
padding-top:80px;
padding-bottom:80px;
position: relative;
overflow: hidden;
}
.background-angle
{
z-index: 1;
}
.skos {
position: absolute;
right: 39%;
bottom: 0%;
left: 35%;
padding-top: 34px;
padding-bottom: 20px;
text-align: center;
background: #F6F6F6;
height: 100%;
width: 100%;
transform: skewX(-15deg);
z-index: 0;
}
.skos2 {
position: absolute;
right: 39%;
bottom: 0%;
left: 95%;
padding-top: 34px;
padding-bottom: 20px;
text-align: center;
background: #EFEFEF;
height: 100%;
width: 100%;
transform: skewX(-15deg);
z-index: 0;
}
.skos3 {
position: absolute;
bottom: 0%;
right: 95%;
padding-top: 34px;
padding-bottom: 20px;
text-align: center;
background: #EAEAEA;
height: 100%;
width: 100%;
transform: skewX(15deg);
z-index: 0;
}
.topbar {
background: #f41004;
color: #fff;
line-height: 2rem;
}
/***** Mieszkania *****/
.mieszkania
{
color:#fff;
}
.mieszkania_img
{
position: relative;
}
.mieszkania_img area:hover {
background: rgba(10, 72, 117, 0.86);
}
.mieszkania_search
{
position: absolute;
width: 100%;
bottom: 0px;
background: rgba(242, 167, 59, 0.52);
/* background: #F2A73B 0% 0% no-repeat padding-box ; */
/* opacity: 0.7; */
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
/* padding:25px; */
z-index: 9;
}
.text-control
{
float: left;
/* width: calc(100% - 200px); */
padding-right: 10px;
}
.control-slider1
{
float: right;
width: 200px;
}
.background_house
{
background-color: rgba(100, 16, 10, 0.4);
transform: skew(-15deg);
}
.background_house_in
{
transform: skew(15deg);
margin-left:20%;
}
.irs-line {
height: 3px;
top: 33px;
background: #2daae1!important;
}
.mieszkanie_info
{
font-weight: 600;
font-size:14px;
text-align: center;
margin-top:40px;
}
.logo_house
{
float: left;
}
.button_mieszkanie
{
display: inline-block;
font-weight: 500;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: .375rem .75rem;
font-size: 20px;
line-height: 1.5;
color: #fff;
}
.button_mieszkanie:hover
{
color: #E6E6E6;
}
.button_mieszkanie:focus
{
box-shadow: 0 0 0 0.2rem rgba(0,0,0,.0);
}
.container_2 {
position: relative;
text-align: center;
color: white;
}
.container_3{
position: absolute;
top: 10%;
left: 30%;
transform: translate(-50%, -50%);
}
/* TABELA */
table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
bottom: .5em;
}
.dataTables_wrapper
{
overflow: hidden;
}
.dataTables_length
{
display: none;
}
.dataTables_filter
{
display: none;
}
.dataTables_info
{
display:none;
}
ul.pagination{
display:none;
}
.sprzedane
{
color:#E74C3C;
}
/* Kredyty */
.telephone
{
font-size: 26px;
color: #641009;
font-weight: 500;
vertical-align: middle
}
.phone_div
{
margin-top:60px;
}
.bg-grey2
{
background-color: #Fff;
margin-top:80px;
margin-bottom:80px;
position: relative;
overflow: hidden;
}
/* Kontakt */
.bg-grey3
{
background-color: #F2F2F2;
padding-top:80px;
padding-bottom:80px;
position: relative;
overflow: hidden;
}
.kontakt-ico
{
margin-right: 10px;
}
.kontakt-ico-txt
{
vertical-align: middle;
}
/***** Footer *****/
footer {
padding: 20px 0 60px 50px;
background: #fff;
color: #aaa;
text-align: right;
}
.footer-left a { color: #ddd; border-bottom: 1px dashed #ddd; }
.footer-left a:hover, .footer-left a:focus { color: #ddd; border: 0; }
.footer-right {
text-align: right;
}
.footer-right a {
margin: 0 6px;
font-size: 32px;
color: #aaa;
}
.footer-right a:hover, .footer-right a:focus { color: #eee; }
.footer-bottom {
padding-bottom: 25px;
text-align: center;
}
.footer-bottom a {
font-size: 32px;
color: #666;
line-height: 40px;
}
.footer-bottom a:hover, .footer-bottom a:focus { color: #888; }
/* Stick footer */
.stick-footer
{
color: #fff;
padding: 5px 0px 5px 0px;
}
.stick-footer a
{
color: #fff;
}
.stick-footer a:hover
{
color: #E1E1E1;
}
.kontakt-footer-txt{
vertical-align: middle;
font-size: 19px;
}
.footer_down
{
position: sticky;
bottom: 0;
width: 100%;
z-index: 5;
}
/* Slider */
.carousel-item {
height: 100vh;
min-height: 350px;
background: no-repeat center center scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.display-4 {
font-size: 50px;
font-weight: 700;
line-height: 1.2;
color: #fff;
text-shadow: 0px 3px 6px #00000029;
margin-bottom: 50px;
letter-spacing: 1px;
}
.display-5 {
font-size: 34px;
font-weight: 700;
line-height: 1.2;
color: #651009;
text-shadow: 0px 3px 6px #00000029;
margin-bottom: 10px;
letter-spacing: 1px;
}
.lead {
font-size: 26px;
font-weight: 400;
margin-bottom: 50px;
line-height: 30pt;
color:#fff;
}
.more_info
{
font-size: 16px;
color: #fff;
}
.more_button
{
margin-bottom: 50px;
}
/* Counter */
.counter
{
padding: 60px 0;
background-color: #F7F7F7;
transform: skew(-15deg);
margin-left: -2rem;
}
.counter2 {
padding: 60px 0;
background-color: #EBEBEB;
transform: skew(-15deg);
margin-left: -2rem;
}
.content_counter{
padding-left: 2rem;
transform: skew(15deg);
}
.counter-icon .elementor-icon {
transform: skew(15deg);
margin-right: 48px;
}
.content_counter .elementor-counter-title {
line-height: 26px;
color: #606e7c;
font-weight: 500;
margin-top: 40px;
}
.count-title {
font-size: 60px;
color: #606e7c;
font-weight: 400;
margin-top: 10px;
margin-top: 50px;
margin-bottom: 0;
text-align: center;
}
.count-text {
font-size: 22px;
font-weight: 500;
margin-top: 40px;
margin-bottom: 0;
color: #606e7c;
text-align: center;
}
.icon-counter {
margin: 0 auto;
float: none;
display: table;
width:55px;
}
.liczniki
{
margin: 0px;
}
.licznik-tlo
{
background-color: #F7F7F7;
margin-top:50px;
}
.overs {
position: relative;
}
.overs:after {
content: '';
position: absolute;
right: 39%;
bottom: 0%;
left: 95%;
padding-top: 34px;
padding-bottom: 20px;
text-align: center;
background: #EFEFEF;
height: 100%;
width: 100%;
transform: skewX(-15deg);
z-index: 0;
display: none!important;
}
.overs-l {
position: relative;
}
.overs-l:after {
content: '';
position: absolute;
bottom: 0%;
right: 95%;
padding-top: 34px;
padding-bottom: 20px;
text-align: center;
background: #EAEAEA;
height: 100%;
width: 100%;
transform: skewX(15deg);
z-index: 0;
}
/* ustawienia podstrony */
.bodyPage {
padding-top: 130px;
}
.bodyPage h1 {
padding-bottom: 30px;
color: #651009;
}
@media(max-width: 992px){
.large .mx-auto .logo_header {width: 113px;}
.small .mx-auto .logo_header {width: 80px; margin: 0px;}
.small { height: 76px; }
.wizka {display: none;}
.counter, .counter2, .counter-icon .elementor-icon, .content_counter { transform: skew(0deg);}
}
div.img-map {
background-size: contain;
}
@media(max-width: 992px){
.large .mx-auto .logo_header {width: 113px;}
.small .mx-auto .logo_header {width: 80px; margin: 0px;}
.small { height: 76px; }
.wizka {display: none;}
.counter, .counter2, .counter-icon .elementor-icon, .content_counter { transform: skew(0deg);}
.navbar-collapse {background: #fff;}
}
div.img-map {
background-size: contain;
}
@media (max-width: 767px) {
p {font-size: 15px;}
h3 {font-size: 20px;}
#tableOffers .table-bordered.dataTable td { font-size: 10px;}
#tableOffers .dataTable thead > tr > th.sorting { padding-right: initial!important; }
.text-right.sorting {padding-right: initial!important;}
.table td, .table th { padding: .05rem;}
.text-center {font-size: 10px;}
.kontakt-footer-txt { vertical-align: middle; font-size: 12px;}
#myCustomPost, .text-right.sorting {font-size: 12px;}
.background_house { transform: skew(0deg);}
.section-description {margin-top: 0px;}
.kontakt-ico { margin-right: 10px; width: 20px;}
.mieszkania_search .row {margin: 0px!important;}
}
.container-fluid {
overflow: initial;
}
.dropdown-menu.show {
padding: 2px 20px;
box-shadow: 1px 5px 13px rgba(1, 1, 1, 0.13);
}
.devslider .n2-ss-slide-background-image {background-size:cover !important;}
@media (max-width: 1199px) {
.maphilighted {
height: auto !important;
background-repeat: no-repeat;
}
.mieszkania_search {
position: relative;
}
}