@charset "utf-8";

body, html {
  	height: 100%;
}

/*Oldal tetején háttérkép*/
.parallax-top{
  	background-image: url('../images/top/divinus-danko-top1.webp');
  	background-attachment: fixed;
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
	/*box-shadow: inset 0 0 0 1000px rgba(0,0,0,.5);*/
}

.helyszin{
	background-color:#1F1F1F;
	padding: 0 0 20px 0;
}
.helyszin h2{
	text-align: center;
	color:#D2B96D;
	font-size:30px;
	padding:40px 10px 40px 10px;
}
.helyszin p{
	text-align:justify-all;
	color:#FFFFFF;
	font-size:20px;
	padding:10px 30px 0px 30px;
}

.helyszin ul {
	list-style-position:inside;
	margin: 0 0 20px 0;
}
.helyszin ul li {
  	padding: 5px 0;
  	font-size: 16px;
  	color: #fff;
}

.helyszin .helyszin-terkep{
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.helyszin .container img{
	padding: 50px 30px 50px 30px;
}


.lakaskinalat{
	background-color:#FFFFFF;
	padding:40px 0px 40px 0px;
}
.lakaskinalat .card{
	width: 25rem;
	background-color: #F5F5F5;
	margin: 10px 10px 10px 10px;
	display:inline-block;
	cursor: pointer;
}
@media only screen and (max-width:760px) {
	.lakaskinalat .card{
		width: 18rem;
	}
}

.lakaskinalat .card-img-top{
	width: 140px;
	text-align: center;
	margin: 40px auto 10px auto;
}
.lakaskinalat .card-title{
	color:#D2B96D;
	font-size:25px;
	padding:0px 10px 0px 10px;
	/*min-height: 75px;*/
}
.lakaskinalat .card-text{
	color:#000000;
	font-size:20px;
	padding:10px 10px 20px 10px;
	/*height: 150px!important;*/
}


.lakaskinalat .card button{
	font-size: 20px;
	text-decoration: none;
	color: #ffffff;
	background-color: #d2b96d;
	padding:5px 25px 8px 20px;
	border: none;
}
.lakaskinalat .card button:hover{
	color: #000000;
	transition: 0.5s;
}

.lakaslista .lakasokcimke{
	margin-top: 35px!important;
}

.divszures{
	/*xxxxx*/
	background-color: #D2B96D; /*#1f1f1f;*/
	padding-bottom: 50px;
}
.divszures h1{
	font-size:25px;
	color: #000; /*#D2B96D;*/
	padding: 50px 0px 20px 0px;
}
.divszures p.szures{
	font-size:18px;
	padding: 0px;
	margin: 0px;
}
.divszures .emelet-minmax{
	display: none;
}
.divszures .alapterulet-minmax{
	display: none;
}
.divszures .szobaszam-minmax{
	display: none;
}
.divszures .terasz-minmax{
	display: none;
}
.divszures .idotartam-minmax{
	display: none;
}
.divszures #emelet-min{
	width:48%;
	font-size: 14px;
	padding: 3px 0px 3px 0px;
}
.divszures #emelet-max{
	width:48%;
	font-size: 14px;
	padding: 3px 0px 3px 0px;
}
.divszures #alapterulet-min{
	width:48%;
	font-size: 14px;
	padding: 3px 0px 3px 0px;
}
.divszures #alapterulet-max{
	width:48%;
	font-size: 14px;
	padding: 3px 0px 3px 0px;
}
.divszures #szobaszam-min{
	width:48%;
	font-size: 14px;
	padding: 3px 0px 3px 0px;
}
.divszures #szobaszam-max{
	width:48%;
	font-size: 14px;
	padding: 3px 0px 3px 0px;
}
.divszures #terasz{
	width:98%;
	font-size: 14px;
	padding: 3px 0px 3px 0px;
}
.divszures #idotartam{
	width:98%;
	font-size: 14px;
	padding: 3px 0px 3px 0px;
}
.divszures #szures img{
	height: 25px;
}
#navbar-divszures{
	padding: 0 20px 50px 20px!important;
}

#szures{
	background-color: #D2B96D!important;
	border-top: #D2B96D solid 1px;
	cursor: pointer;
}
#szures:hover{
	animation: zinzout 1s ease infinite;
}
@keyframes zinzout {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.05, 1.05);
  }
  100% {
    transform: scale(1, 1);
  }
}
.btnszures{
	border: none;
	background-color: transparent;
}

.lakaslista .lathatatlan{
	display: none;	
}
.lakaslistacim{
	margin-top:30px;
	padding-bottom: 10px;
	/*border-bottom: #97692f solid 1px;*/
}


.lakaslistacim{
	margin-top:30px;
	padding: 10px 0 10px 0;
	background-color: #d8c488;
	border-bottom: #000 solid 1px;
}
.lakaslistacim p{
	padding: 0px;
	margin: 0px;
	color:#000; /*#D2B96D;*/
	font-size: 15px;
}
.lakaslistacim p.jobbra{
	padding: 0px;
	margin: 0px;
	color:#000;
	text-align:right;
}


.lakaslista{
	margin-top:0px;
	padding: 0px 0px 0px 0px;
}
.lakaslista .row:nth-child(odd) {
	background-color:#D2B96D; /*#D2B96D;*/
}
.lakaslista .row:nth-child(even) {
    background-color:#d8c488;
}
.lakaslista .row:nth-child(odd) p {
    color: #000000;   /* páratlan sor p színe */
}
.lakaslista .row:nth-child(even) p {
    color: #000000;   /* páros sor p színe */
}

.lakaslista p{
	padding: 5px 0px 5px 0px;
	margin: 0px;
	color: #FFFFFF;
	font-size: 15px;
}
.lakaslista p.jobbra{
	padding: 5px 0px 5px 0px;
	margin: 0px;
	font-size: 15px;
	text-align: right;
}
.lakaslista p.szoba{
	padding: 5px 0px 5px 0px;
	margin: 0px;
	color: #FFFFFF;
	font-size: 15px;
}
.lakaslista .row:nth-child(odd) a{
	padding: 5px 0px 5px 0px;
	margin: 0px;
	color: #000000;
	text-decoration: none;
}.lakaslista .row:nth-child(even) a{
	padding: 5px 0px 5px 0px;
	margin: 0px;
	color: #000;
	text-decoration: none;
}
.lakaslista a:hover{
	color: #FFFFFF;
	transition: 0.5s;
}


.elhelyezkedes{
	/*
	background-color:#f2ecd8;
	*/
	background-color:#ffffff;
	padding: 0;
}
.elhelyezkedes h2{
	font-size:30px;
	padding:40px 10px 40px 10px;
	color: #000000;
}
.elhelyezkedes h3{
	font-size:25px;
	padding:40px 10px 40px 10px;
	color: #000000;
	text-align: center;
}
.elhelyezkedes p{
	font-size:20px;
	color: #000000;
	padding:0px 10px 0px 10px;
	text-align: justify;
}
.elhelyezkedes a{
	font-size:20px;
	color: #000000;
	padding:0px 10px 0px 10px;
	text-align: justify;
	text-decoration: none;
}
.elhelyezkedes a:hover{
	color: #cfb86f;
}
@media only screen and (max-width:760px) {
	.elhelyezkedes p{
		padding:0px 0px 0px 0px;
	}	
}

.kepgaleria{
	background-color:#ffffff;
	padding: 0 0 30px 0;
}
.kepgaleria h2{
	font-size:30px;
	padding:40px 10px 30px 10px;
	color: #000000;
}
.kepgaleria .img1{
	height: 400px;
}
.kepgaleria .img2{
	height: 825px;
}
.kepgaleria .tovabb{
	margin: 40px 0px 30px 0px;
}

.kepgaleria .tovabb .input-submit {
  border-radius: 4px;
  background-color: #D2B96D;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 18px;
  padding: 20px;
  width: 220px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}
.kepgaleria .tovabb .input-submit span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
.kepgaleria .tovabb .input-submit span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}
.kepgaleria .tovabb .input-submit:hover span {
  padding-right: 25px;
}
.kepgaleria .tovabb .input-submit:hover span:after {
  opacity: 1;
  right: 0;
}


.kapcsolat{
	background-color:#000000;
	padding: 0 0 40px 0;
}
.kapcsolat h2{
	font-size:30px;
	padding:40px 10px 20px 10px;
	background-image: -webkit-linear-gradient(bottom left, #f5ed9e, #97692f);
	background-image: -o-linear-gradient(bottom left, #f5ed9e, #97692f);
	background-image: linear-gradient(to top right, #f5ed9e, #97692f);
  	background-size:100%;
  	background-repeat:repeat;
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
  	-moz-background-clip: text;
  	-moz-text-fill-color: transparent;
}
.kapcsolat .kapcsolatadatok{
	margin: 70px 0 0 0;
}
.kapcsolat a{
	font-size:20px;
	padding:40px 10px 40px 10px;
	background-image: -webkit-linear-gradient(bottom left, #f5ed9e, #97692f);
	background-image: -o-linear-gradient(bottom left, #f5ed9e, #97692f);
	background-image: linear-gradient(to top right, #f5ed9e, #97692f);
  	background-size:100%;
  	background-repeat:repeat;
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
  	-moz-background-clip: text;
  	-moz-text-fill-color: transparent;
}
.kapcsolat a:hover{
	color: #ffffff;
	transition: 0.5s;
}
.kapcsolat a img{
	padding: 0 20px 0 0;
}
.kapcsolat .logoimg{
	padding-top: 0px;
	width: 200px;
}



.gyik{
	/*background-color: #f1ecdb;*/
	background-color: #ffffff;
	padding: 60px 10px 60px 0px;
}
.gyik h2{
	font-size: 30px;
	color: #000000;
}
.gyik h3{
	font-size: 25px;
	color: #000000;
	padding: 20px 0px 0px 0px;
}
.gyik p{
	font-size: 20px;
	color: #000000;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	text-align: justify;
}

.parallax{
  	background-image: url("../images/gyik/berlakas.hu-gyakran-ismetelt-kerdesek.webp");
  	background-attachment: fixed;
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
	height: 250px;
	margin: 30px 0px 30px 0px;
}



.no-padding{
	padding: 0px;
}

.row{
	border:0px;
	margin-right:0;
	margin-left:0;
	max-width:100%;
}


.gallery-grid {
  	display: grid;
  	/*grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));*/
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));	
  	gap: 16px;
  	margin-bottom: 2rem;
}

.gallery-img {
	width: 100%;
	border-radius: 0.5rem;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	margin-bottom: 0;
	display: block;
}