/* Theme Name: LEXCOM 
   Description: LEXCOM to firma, która skupia w sobie dwie bardzo ważne dla nas rzeczy – pasję do informatyki oraz ciągłą potrzebę rozwoju. Odkąd sięgamy pamięcią komputery zawsze były blisko nas.  Od samego początku naszej działalności zależało nam na tym, aby dostarczać klientom w pełni funkcjonalny i gotowy do użytku produkt. Właśnie dlatego cały czas poszerzamy wiedzę i doskonalimy warsztat. Projektujemy i wdrażamy strony internetowe oraz sklepy. W razie potrzeby wyposażamy je w dedykowane rozwiązania, które usprawniają ich działanie.   Doradzamy w sprawie domen i hostingu oraz świadczymy usługi z zakresu pozycjonowania
   Author: LEXCOM
   Version: 1.0.0
   Author URI: https://lexcom.pl
*/


/* USTAWIENIE GŁOWNA 
-------------------------------------------------------------- */
body {
	font-size: 15px;
	font-family: 'Century Gothic', sans-serif;
	font-weight: 300;
    -webkit-transition: 0.5s background ease;
    -moz-transition: 0.5s background ease;
    -o-transition: 0.5s background ease;
    transition: 0.5s background ease;
	color: #000;
	letter-spacing: 2px;	
	 background-color: #fff;
}
a {
	outline: none !Important;
	text-decoration: none;
	color: #000;
	transition: color 0.4s ease 0s;
}
.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 0 rgba(38,143,255,.5);
}
a:hover {
	outline: none !Important;
	text-decoration: none;
	color: #287d5c;
	transition: color 0.4s ease 0s;
}
header {
        margin-top: 20px;
}
html {
	scroll-behavior: smooth; /* Powolne przewijanie */
}
.rozciagnij {
	transform: scale(1, 1.3);
	-webkit-transform: scale(1, 1.3); /* Safari and Chrome */
	-moz-transform: scale(1, 1.3); /* Firefox */
	-ms-transform: scale(1, 1.3); /* IE 9+ */
	-o-transform: scale(1, 1.3); /* Opera */
}
.bez_padding {
    padding: 0;
}
.padding_box, .padding_box2 {
	padding: 50px 40px;
    font-size: 22px;
    line-height: 33px;
    letter-spacing: 0.01em;
}
h2 {
	font-weight: 300;
	font-size: 50px;
	margin-bottom: 50px;
}
h3 {
    font-weight: 300;
    font-size: 26px;
    margin-bottom: 20px;
}
#domy {
	margin: 50px auto 75px;
}
#domy h2 {
	text-align: center;
}
.modal-dialog img {
    width: 100%;
}
@media (min-width: 576px) {
.modal-dialog {
    max-width: 1200px;
}
}
@media (min-width: 1600px) {
.container {
    max-width: 1400px;
}
}
@media (min-width: 769px) { 
.odwrotnie {
	flex-direction: row-reverse;
}
}

@media (max-width: 769px) { 

.padding_box, .padding_box2 {
    padding: 60px 40px !important;
    font-size: 18px !important;
    line-height: 28px !important;
}
h3, h2 {
    font-size: 30px !important;
    margin-bottom: 40px !important;
}
}


#opis_glowny h2 {
	text-align: center;
}

/* KONIEC USTAWIEŃ GŁÓWNYCH
-------------------------------------------------------------- */




/* MENU 
-------------------------------------------------------------- */

@media (min-width: 768px) and (max-width: 991px)  {
.container {
    max-width: 100%;
}
.navbar-light .navbar-brand {
    max-width: 164px;
}
.navbar-expand-md .navbar-nav li {
    margin: 0 5px !Important;
}
.justify-content-end {
    margin-top: -2px !important;
}
}

.navbar-light .navbar-brand img {
	    width: auto;
	max-height: 83px;
}
.navbar-light .navbar-brand {
	z-index: 2000;
}
#main_navbar {
    margin-bottom: 20px;
}
.dropdown-menu {
    padding: .5rem 0;
    margin: .125rem 0 0;
    border: 0
}

@media (min-width: 768px) {
li.dropdown:hover ul.dropdown-menu{ 
	display: block; 
}
.navbar-expand-md .navbar-nav .dropdown-menu {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.dropdown-menu {
    top: 40px;
}
ul.dropdown-menu li {
	width: 100% !important;
}
ul.dropdown-menu li a {
    line-height: 30px !Important;
}
.navbar-expand-md .navbar-nav {
	width: 100%;
	}
.navbar-expand-md .navbar-nav li {
	margin: 0 10px;
	border-bottom: 2px solid #fafafa;
}
.navbar-expand-md .navbar-nav li:hover {
    border-bottom: 2px solid #287d5c; 
}	
	
	
}
.navbar-expand-md .navbar-nav li a {
	text-decoration: none !Important;
	text-transform: uppercase;
    font-weight: 400;
    padding: 10px 0px 4px;
	display: inline-block;
}
.navbar-light .navbar-toggler {
	outline: none !Important;
	    z-index: 200;
}
@media (max-width: 768px) {
.navbar-nav .dropdown-menu {
    text-align: center;
}
.navbar-expand-md .navbar-nav li a {

}
.justify-content-end {
    margin-top: 40px;
	text-align: right;
    margin-bottom: 25px;
}
}

@media (max-width: 450px) {
.navbar-light .navbar-brand {
    width: 60%;
}
}
/* KONIE MENU
-------------------------------------------------------------- */











/* SLIDER
-------------------------------------------------------------- */

.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .6s;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}


/* KONIEC SLIDER 
-------------------------------------------------------------- */









/* O INWESTYCJI
-------------------------------------------------------------- */



@media (max-width: 991px) {
#o_inwestycji .col-md-4,
#o_inwestycji .col-md-8,
#o_inwestycji .col-sm-6 {
	-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
#lokalizacja .col-md-4,
#lokalizacja .col-md-8,
#lokalizacja .col-sm-6 {
	-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
}
.tlo_duze {
    height: 800px;
    background-repeat: no-repeat;
    min-height: 400px;
    background-position: center center;
    background-size: cover;
}
.tlo_male {
    height: 400px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.tlo_najmniejsze {
    height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
}
@media (min-width: 992px) {
#o_inwestycji .padding_box {
    padding: 40px;
    font-size: 14px;
	line-height: 25px;
    letter-spacing: 0;
}
#lokalizacja .padding_box {
    padding: 40px;
    font-size: 14px;
	line-height: 25px;
    letter-spacing: 0;
}
}
@media (max-width: 767px) {
.tlo_duze, .tlo_najmniejsze, .tlo_male {
    height: 350px;
    min-height: auto;
}
}
@media (max-width: 992px) {
h3 {
	font-weight: 300;
	font-size: 50px;
	margin-bottom: 50px;
}
}

/* KONIEC O INWESTYCJI
-------------------------------------------------------------- */







/* LOKALIZACJA
-------------------------------------------------------------- */

@media (max-width: 768px) {

#lokalizacja .col-sm {
	flex: 0 0 100%;
}
}






/* KONIEC LOKALIZACJA
-------------------------------------------------------------- */





/* SEKCJA TABELA
-------------------------------------------------------------- */

#flat-table {
	width: 100%;
}
@media (min-width: 1600px) {
.mt-4 {
    max-width: 1230px;
	margin: 0 auto;
}
}
@media (min-width: 1200px) and (max-width: 1599px) {
.mt-4 {
    max-width: 1110px;
	margin: 0 auto;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.mt-4 {
    max-width: 930px;
	margin: 0 auto;
}
}
@media (max-width: 991px) {
.mt-4 {
    padding: 0 15px;
}

#domy .container {
	max-width: 100% !important;
}

}

.mt-4 {
	width: 100%;
	position: relative;
}

table.dataTable thead th, table.dataTable tfoot th {
	text-align: center !important;
	font-weight: 400 !important;
}
#flat-table {
    margin-top: -30px;
}

.dataTables_scrollHeadInner {
    background: #000;
	color: #fff;
	text-transform: uppercase;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 0px !important;
}

.flat-table-navbar {
	display: flex;
	flex-direction: row;
}
.flat-table-navbar .flat-table-controls {
	margin-left: auto;
}
.table-controls .btn {
	white-space: nowrap;
}



#flat-table_wrapper {
    border-bottom: 20px solid;
}

#flat-table thead {
	text-transform: uppercase;
}

#flat-table thead th,
#flat-table tfoot th {
	font-weight: normal;
}

#flat-table tbody tr {
	background: transparent;
}

.dataTable thead tr .sorting:last-child,
.dataTable thead tr .sorting_desc:last-child,
.dataTable thead tr .sorting_asc:last-child,
.dataTable thead tr .sorting:nth-child(6),
.dataTable thead tr .sorting_desc:nth-child(6),
.dataTable thead tr .sorting_asc:nth-child(6) {
    background-image: none !Important;
}

.dataTable thead th:last-child,
.dataTable thead th:last-child,
.dataTable thead th:last-child,
.dataTable td:last-child,
.dataTable td:last-child,
.dataTable td:last-child {
	padding: 15px 0px !important;
}

#flat-table tbody tr:nth-child(even) {

}

#flat-table tbody tr:hover {

}


table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
	
	background: transparent;
}

#flat-table td {
		padding: 5px 15px;
		border-bottom: 1px solid;
	}

#flat-table_wrapper {
	margin-bottom: 100px;
	overflow: hidden;
}

#flat-table {
    border-bottom: 0px;
	text-align: center;
}

.dataTables_scrollBody thead .sorting_desc,
.dataTables_scrollBody thead .sorting_asc,
.dataTables_scrollBody thead .sorting {
	background-size: 0px;

}

.dataTables_scrollBody thead th,
.dataTables_scrollBody thead td {

}

	#flat-table thead .table-id,
	#flat-table tbody .table-id {
		flex-basis: 20%;
	}

	#flat-table thead .table-number,
	#flat-table tbody .table-number {
		flex-basis: 25%;
	}



	#flat-table td .btn.btn-primary {
	font-size: 16px;
	background: transparent;
	border: 2px solid #000000; 
	color: #000000;
	padding: 6px 20px;
}
	#flat-table td .btn.btn-primary:hover {
	background: #287d5c;
	border-color: #fff;
	color: #fff;
}
	#flat-table td .btn.btn-primary.disabled {
  opacity: 0.65; 
  cursor: not-allowed;
  color: #000000 !important;
}
#flat-table td .btn.btn-primary.disabled:hover {
	background: transparent;
}

#flat-table td {
    border-bottom: 0;
}

table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1,
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
	background: transparent !important;
}

#flat-table tr:hover {
	background-color: #287d5c;
	color: #fff;
}

#flat-table tr:hover span.text-danger,
#flat-table tr:hover span.text-success,
#flat-table tr:hover span.text-muted {
	color: #fff !Important;
}



@media (min-width: 768px) {
	#flat-table tbody {
		font-size: 16px;
	}

	#flat-table tbody {
		font-size: 18px;
	}

	#flat-table td {
		padding: 10px 10px;
	}
}

@media (max-width: 767px) {
	#flat-table {
		display: block;
		box-sizing: border-box;
	}

	#flat-table thead {
		font-size: 14px;
	}

	#flat-table tbody {
		font-size: 16px;
	}

	#flat-table * {
		box-sizing: inherit;
	}

	#flat-table th,
	#flat-table td {
		font-size: inherit !important;
		max-width: 100%;
		flex-grow: 1;
		flex-basis: 0;
	}

	#flat-table td {
		padding: 5px;
	}

	#flat-table th {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	#flat-table thead,
	#flat-table tbody {
		display: block;
		width: 100%;
		    margin-top: 15px;
	}

	#flat-table th .table-id,
	#flat-table tbody .table-id {
		flex-basis: 10%;
	}

	#flat-table tbody .table-id {
		text-align: center;
	}

	#flat-table th.table-number.sorting,
	#flat-table tbody .table-number {
		flex-basis: 20% !Important;
	}

	#flat-table tbody .table-number {
		text-align: right;
	}

	#flat-table thead .table-text,
	#flat-table tbody .table-text {
		flex-basis: 35%;
	}

	#flat-table tr {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

	#flat-table td,
	#flat-table th {
		display: block;
	}

	#flat-table thead .table-controls {
		display: none;
	}

	#flat-table tbody .table-controls {
		flex: 1 1 50%;
	}

	#flat-table tbody .table-controls:empty {
		display: none;
	}
	
	
	td.cena {
		padding: 23px 0 !Important;
    text-align: center !important;
	}
	
}

@media (max-width: 405px) { 
	td.cena {
	padding: 5px 0 !Important;
    text-align: center !important;
	}
	#flat-table tbody .table-controls {
		 text-align: center !important;
	}
	
}

/* KONIEC TABELA
-------------------------------------------------------------- */






/* FORMULARZ 
-------------------------------------------------------------- */

.formularz_kontaktowy form.wpcf7-form input, form.wpcf7-form textarea  {
    width: 100%;
	border-left: 0px solid #fff;
	border-right: 0px solid #fff;
	border-top: 0px solid #fff;
	background: none;
	border-bottom: 1px solid #fff;
	padding: 10px;
	outline: none !Important;
	transition: color 0.4s ease 0s;
	font-weight: 300;
	color: #fff;
}
.formularz_kontaktowy form.wpcf7-form input:hover, form.wpcf7-form textarea:hover  {
	outline: none !Important;
	transition: color 0.4s ease 0s;	
}
.formularz_kontaktowy input.wpcf7-form-control.wpcf7-submit {
	border-bottom: 1px solid #fff;
	outline: none !Important;
	transition: color 0.8s ease 0s;
	color: #fff;
	font-weight: 300;
}
.formularz_kontaktowy input.wpcf7-form-control.wpcf7-submit:hover {
	background: #fff;
	color: #000000;
	transition: color 0.8s ease 0s;
}
::-webkit-input-placeholder { /* WebKit browsers */
color: #fff !important;
opacity: 1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #fff !important;
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #fff !important;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #fff !important;
opacity: 1;
}
.formularz_kontaktowy .wpcf7-validation-errors,
.formularz_kontaktowy  .wpcf7 .ajax-loader{
	display: none !important;
}
.formularz_kontaktowy .wpcf7-response-output {
    margin: 0;
    padding: 0;
    text-align: center;
    color: #f;
	margin-bottom: 20px;
}
.formularz_kontaktowy .wpcf7-mail-sent-ok {
    border: 0;
}
@media (max-width: 768px) {
.formularz_kontaktowy .col-6 {
	-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

#kontakt .col-sm,
#inwestor .col-sm {
	flex: 0 0 100%;
}
}


/* KONIEC FORMULARZ
-------------------------------------------------------------- */






/* STOPKA 
-------------------------------------------------------------- */

.footer {
    width: 100%;
}
.footer .container {
	margin: 50px auto;
}
.copy {
    background-color: #fafafa;
	text-align: center;
	float: left;
    width: 100%;
	padding: 13px 0;
}
.copy span.nowa_linia {
    line-height: 30px;
	width: 100%;
    float: left;
	text-transform: uppercase;
}
@media (max-width: 768px) {
.footer {

    text-align: center;
}
.copy {
	padding: 10px 0;
}
.copy span.nowa_linia {
    width: 100%;
    float: left;
	line-height: 30px;
}
}
/* KONIEC STOPKA
-------------------------------------------------------------- */



span.historia_cen_icon {
	top: 1px;
    position: relative;
    background: url(/wp-content/themes/lexcom/img/clock-rotate-left-icon.svg) no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
}
button.btn.btn-primary.historia_ceny {
	border: 0 !Important;
	padding: 0 !Important;
}
.historia_cen .modal-content {
	color: #6c757d !important;
}

.historia_cen .modal-content table {
    width: 100%;
}

.historia_cen .modal-content table tr {
    border-top: 1px solid rgba(0, 0, 0, 0.15) !Important;
}
.historia_cen .modal-content table tr:first-child {
    border-top: 0px solid rgba(0, 0, 0, 0.15) !Important;
}
.historia_cen .modal-content table tr:hover {
    background-color: #fff !Important;
    color: #6c757d !Important;
}

.historia_cen .modal-content table td {
    width: 33.3333% !Important;
	font-size: 12px;
	line-height: 14px;
}


@media (min-width: 576px) {
.historia_cen .modal-dialog {
    max-width: 500px !Important;
}
}




.row.justify-content-center.pdfs_row .padding_box {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.row.justify-content-center.pdfs_row .padding_box .btn-primary {
	width: 100%;
	font-size: 16px;
    background: transparent;
    border: 2px solid #6a6a6a;
    color: #6a6a6a;
    padding: 6px 20px;
}
.row.justify-content-center.pdfs_row .padding_box .btn-primary {
    margin-bottom: 30px;
}
.row.justify-content-center.pdfs_row .padding_box .btn-primary:hover {
    background-color: #287d5c;
    color: #fff;
    border-color: #287d5c;
}

.row.justify-content-center.pdfs_row .padding_box .col-lg-4:nth-child(1) {
	padding-left: 0;
}
.row.justify-content-center.pdfs_row .padding_box .col-lg-4:nth-child(3) {
	padding-right: 0;
}


@media (min-width: 992px) {
.row.justify-content-center.pdfs_row .padding_box {
	flex-direction: row;
	justify-content: space-between;
}	
.row.justify-content-center.pdfs_row .padding_box .btn-primary {
	width: calc(33.3333% - 15px);
}	
}

@media (max-width: 991px) {
.row.justify-content-center.pdfs_row .padding_box {
	padding-top: 0 !important;
}	
	
}