@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

/**
   * ----------------------------------------------------------------------------
   * FARO FONT FACE YÜKLEME BAŞLANGIÇ
   * ----------------------------------------------------------------------------
    */

@font-face {
	font-family: 'normal';
	src: url('https://cdn.shopify.com/s/files/1/0508/3421/0985/files/Satoshi-Regular.eot?v=1729667615');
	src: url('https://cdn.shopify.com/s/files/1/0508/3421/0985/files/Satoshi-Regular.eot?v=1729667615?#iefix') format('embedded-opentype'), url('https://cdn.shopify.com/s/files/1/0508/3421/0985/files/Satoshi-Regular.woff2?v=1729667615') format('woff2'), url('https://cdn.shopify.com/s/files/1/0508/3421/0985/files/Satoshi-Regular.woff?v=1729667615') format('woff'), url('https://cdn.shopify.com/s/files/1/0508/3421/0985/files/Satoshi-Regular.ttf?v=1729667615') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'bold';
	src: url('https://cdn.shopify.com/s/files/1/0508/3421/0985/files/Satoshi-Bold.eot');
	src: url('https://cdn.shopify.com/s/files/1/0508/3421/0985/files/Satoshi-Bold.eot?#iefix') format('embedded-opentype'), url('https://cdn.shopify.com/s/files/1/0508/3421/0985/files/Satoshi-Bold.woff2') format('woff2'), url('https://cdn.shopify.com/s/files/1/0508/3421/0985/files/Satoshi-Bold.woff') format('woff'), url('https://cdn.shopify.com/s/files/1/0508/3421/0985/files/Satoshi-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
  
  /**
   * ----------------------------------------------------------------------------
   * FARO FONT FACE YÜKLEME BİTİŞ
   * ----------------------------------------------------------------------------
   */


body {
	font-family: 'normal';
	background-color: var(--erra-bg-color);
}

.home-bg-style {
	background-color: #fff;
	background-image: url(../images/desk-bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100%;
}

a {
	text-decoration: none;
	cursor: pointer;
}



html{

	font-size: 15px;
}

.pl-70 {
	padding-left: 70px;
}

ul {
	list-style: none;
}

.home-header {
	background-color: #A87E5F;
}

.person-icon {
	width: 24px;
	height: 24px;
}

.kamera-icon {
	width: 200px;
	height: 55px;
}

.not-gorsel {
	max-width: 93px;
	height: auto;
}

.kamera-button {
	background: #fff;
    border: 1px solid #b0b0b0;
    padding: 15px 10px;
    border-radius: 10px;
    transition: all .3s;
    margin-top: 5px;
    appearance: none;
}

.top-header {
	background-color: #3c362f;
	padding: 8px 0;
}

.top-header .top-header__text {
	font-size: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	color: #fff !important;
}

.top-header .top-header__text a {
	color: #fff !important;
}

.top-header .top-header__text::before {
	content: '';
	background-image: url(../images/ph_phone-call-thin.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 24px;
	height: 24px;
}

.navbar-brand {
	display: flex;

}

.navbar-brand .logo-text {
	color: var(--erra-yeni-primary-color);
	font-size: 14px;
	font-style: italic;
	font-weight: 600;
	background-color: #EEEDEB;
	border-radius: 50px;
	padding: 7px 25px;
	letter-spacing: 1.5px;
	display: inline-flex;
}

.navbar-brand .logo-text-trans {
	color: #CAB48B;
	font-size: 14px;
	font-style: italic;
	font-weight: 600;
	letter-spacing: 1.5px;
	display: inline-flex;
}

.navbar-brand img {
	max-width: 250px;
}

.erra-login {
	background-color: var(--erra-primary-color);
	color: #fff !important;
	border-radius: 50px;
	outline: 0;
	border: 0;
}

.show-apartments {
	background-color: var(--erra-logo-color);
	color: #fff !important;
	border-radius: 50px;
	outline: 0;
	border: 0;
	font-size: 14px;
}

button {
	outline: 0;
	border: 0;
	background-color: transparent;
}




.content-banner {
	background-image: url(../images/bg.svg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.content-banner img {
	max-height: 600px;
	border-bottom-left-radius: 20px;
	border-top-left-radius: 50%;
	border-top-right-radius: 50%;
	border-bottom-right-radius: 20px;
	object-fit: cover;
}

.content-banner h1 {
	letter-spacing: -1px;
	line-height: 1.2;
}

.content-banner p {
	font-size: 16px;
}

.content-banner .content-banner-button {
	background-color: var(--erra-primary-color);
	color: #fff;
	border-radius: 50px;
	text-decoration: none;
	font-size: 16px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	padding: 20px 50px;
	font-family: 'bold';
}

.content-banner .content-banner-button::before {
	content: '';
	background-image: url(../images/letter.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 26px;
	height: 20px;
}

.evini-kirala-container {
	padding: 0 30px;
}

.evini-kirala-container.right-image img {
	min-height: 550px;
	border-bottom-right-radius: 100px;
	width: 100%;
	object-fit: cover;
	height: 100%;
}

.evini-kirala-container.left-image img {
	min-height: 550px;
	border-top-left-radius: 100px;
	width: 100%;
	object-fit: cover;
	height: 100%;
}

.evini-kirala-container.right-image div {
	border-bottom-left-radius: 100px;
}

.evini-kirala-container.left-image div {
	border-top-right-radius: 100px;
}

.kare-button::before {
	width: 24px !important;
	height: 24px !important;
	background-image: url(../images/home.svg) !important;
}


body.offcanvas-active{
	overflow:hidden;
}

.offcanvas-header{ display:none; }

.screen-darken{
	height: 100%;
	width:0%;
	z-index: 30;
	position: fixed;
	top: 0;
	right: 0;
	opacity:0;
	visibility:hidden;
	background-color: #fff;
	transition:opacity .2s linear, visibility 0.2s, width 2s ease-in;
}

.screen-darken.active{
	z-index:100000; 
	transition:opacity .3s ease, width 0s;
    opacity:1;
    width:100%;
    visibility:visible;
}

.font-20 {
	font-size: 16px;
	font-family: 'normal';
}

.font-16 {
	font-size: 16px;
	font-family: 'normal';
}

.font-13 {
	font-size: 13px;
}

.font-14 {
	font-size: 14px;
}

.font-12 {
	font-size: 12px;
}

.green-color {
	color: var(--erra-primary-color);
}

.pets-button {
	padding: 0;
	font-family: 'bold';
	font-size: 1rem;
	width: max-content;
	text-decoration: underline;
}

.foto-galeri-buton {
	position: absolute;
	z-index: 2;
	bottom: 30px;
	left: 30px;
	border-radius: 10px;
	font-size: .9rem;
	padding: 6px 16px;
	background-color: #fff;
	border: none;
	box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 12px;

	border: 1px solid rgb(221, 221, 221);
    border-radius: 12px;




	display: flex;
	align-items: center;
	gap: 6px;
}

.foto-galeri-buton::before {
	content:'';
	background-image: url(../images/thumbnail-icon.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 14px;
	height: 14px;
}



.z-index-99 {
	z-index: 99;
}

.home-icon {
	width: auto;
	height: 64px;
}

.advantage-icon {
	width: 36px;
	height: 36px;
}

.content-icon {
	width: :auto;
	height: 60px;
}


.daire-info li, .daireler-liste li {
	flex: 1 0 auto;
}



.sss h3 {
	font-size: 18px !important;
}

.daire-details .job {
	font-size: 16px;
	font-weight: 500;
}

.daire-details .job::before {
	content: '';
	background-image: url(../images/workman.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 30px;
	height: 30px;
	display: inline-flex;
}

.daire-details .location {
	font-size: 16px;
	font-weight: 400;
}

.daire-details .location::before {
	content: '';
	background-image: url(../images/location.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 30px;
	height: 30px;
	display: inline-flex;
}


.daire-option ul {
	flex-wrap: wrap;
	align-items: center;
	gap: 20px;
}

.daire-option ul li {
	flex: 0 0 45%;
}

#optionsModal .daire-option ul li {
	flex: 0 0 100%;
}

.daire-price {
	position: -webkit-sticky;
	position: sticky;
    top: 2rem;
}

.rezervasyon-daire-bilgileri {
	border: 1px solid rgb(221, 221, 221);
    border-radius: 12px;
    padding: 24px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
	background-color: #fff;
}

.daire-price-container {
	border: 1px solid rgb(221, 221, 221);
    border-radius: 12px;
    padding: 24px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
	background-color: #fff;
}

.daire-price .daire-price__sale {
	background-color: rgba(168, 126, 95, .1);
	border-radius: 10px;
	color: var(--erra-primary-color);
	display: inline-flex;
}


.extra-fee {
	background-color: rgba(168, 126, 95, .1);
	border-radius: 10px;
	color: var(--erra-primary-color);
	font-size: 11px;
	padding: 5px 10px;
	border: 1px solid var(--erra-primary-color);
	font-family: 'normal';
}

.all-options {
	border-radius: 10px;
	color: var(--erra-primary-color);
	font-size: 16px;
	padding: 10px 20px;
	border: 1px solid var(--erra-primary-color);
}

#optionsModal .modal-content {
/*	max-height: 600px;
	overflow-y: auto; */
}

/*
#optionsModal .modal-body {
	margin-top: -70px;
} */

#cancelModal .modal-content {
/*	max-height: 600px; 
	overflow-y: auto;*/
}

#cancelModal .modal-body {
/*	margin-top: -70px; */
}

#cancelModal .cancel-list__item {
	list-style-type: none;
	margin: 10px 0;
}


/******** Slider Elements **********/

.slide-container {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	flex-direction: column;
  }
  
  .arrow {
	width: 2rem;
	margin: 0 1rem;
	cursor: pointer;
  }

  #apartments section, #references section {
	width: 100%;
	/* height: 300px; */
	margin: 0 auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: nowrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	/* border: 1px solid black; */
	transition: all 0.3s;
  }
  
  #apartments section::-webkit-scrollbar, #references section::-webkit-scrollbar {
	height: 4px;
	width: 1px;
	border: 1px solid #d5d5d5;
	background: #d5d5d5;
  }
  
  #apartments section::-webkit-scrollbar-track, #references section::-webkit-scrollbar-track {
	--webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  }
  
  #apartments section::-webkit-scrollbar-thumb, #references section::-webkit-scrollbar-thumb {
	background-color: var(--erra-logo-color);
	outline: 1px solid #eee;
	/* border-radius: 100px; */
  }
  
  #apartments section .thumbnail, #references section .thumbnail {
	flex: 0 0 auto;
	object-fit: cover;
	cursor: pointer;
	margin: 10px;
	overflow: hidden;
	transition: all 0.3s;
	position: relative;
	margin-bottom: 40px;
  }

  #apartments section .thumbnail:first-child, #references section .thumbnail:first-child {
	flex: 0 0 auto;
	object-fit: cover;
	cursor: pointer;
	margin: 10px 10px 40px 0;
	overflow: hidden;
	transition: all 0.3s;
  }
  
  /*
  section .thumbnail:hover {
	transform: scale(1);
  } */

  #apartments section .thumbnail img {
	max-height: 400px;
  }

  #references section .thumbnail img {
	max-height: 150px;
  }


  #apartments section .thumbnail::before {
	content: '';
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to bottom,transparent,black);
	z-index: 1;
  }
  
  .product-details {
	text-align: center;
	padding: 20px 30px;
    width: 100%;
	position: absolute;
	bottom: 0;
	z-index: 2;
	text-align: left;
  }
  
  .product-details h2 {
	font-size: 2rem;
  }

  .product-details h3 {
	font-size: 1.5rem;
  }


  .product-details h2, .product-details h3 {
	color: #fff;
	font-family: 'bold';
	font-weight: normal;
  }
  
  .product-details p {

  }
  
  .product-details p span {
	color: #fff;
	font-family: 'normal';
	padding: 0 10px;
	border-right: 1px solid #fff;
  }

  .product-details p span:first-child {
	padding: 0 10px 0 0;
  }

  .product-details p span:last-child {
	border-right: 0;
  }
  
  .product-details a {
	font-size: 1rem;
	text-decoration: none;
	background-color: var(--color-sec);
	color: #fff;
	padding: 0.5rem 1rem;
	border-radius: 3px;
  }
  
  .product-details a:hover {
	background-color: var(--color-primary);
  }
  
  .scroll-right {
	transform: translateX(250px);
  }

  .comments {
	padding: 100px 0;
  }

  .comments .col-12 {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
  }

  .daire-price__info .daire-price__info--text p:first-child {
	color: var(--erra-primary-color);
  }

  .daire-price__info .daire-price__info--date p {
	text-align: right;
  }

  .daire-price__info .daire-price__info--date p:last-child {
	color: var(--erra-logo-color);
  }

  .reservation-button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 10px;
	background-color: var(--erra-logo-color);
	color: #fff;
    font-size: 1rem;
    padding: 12px 20px;
    border: 1px solid var(--erra-logo-color);
  }

  .reservation-button::after {
	content: '';
	background-image: url(../images/material-symbols_keyboard-arrow-down.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 16px;
	height: 16px;
  }

  .reservation-button-text {
	border-radius: 50px;
	border: 2px solid var(--erra-primary-color);

	text-align: center;
  }



  .erraacademy img {
	  max-height: 450px;
	  width: 100%;
	height: auto;
	object-fit: cover;
	border-radius: 50px;
  }

  .daire-price__info--warning {
	font-size: 13px;
	color: var(--erra-dark-gray-color);
	background-color: var(--erra-light-gray-color);
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px 20px;
	border-radius: 10px;
	gap: 10px;
  }

  .daire-price__info--warning::before {
	content: '';
	background-image: url(../images/solar_info-circle-broken.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 48px;
	height: 48px;
  }


  


/*
  =========================================================================================
                                    Social Icons
  =========================================================================================
  */
  
	
  .round-btn {display: inline;float: left;}
  .round-btn a {display: block !important;padding: 7px 12px;font-size: 18px;border-radius: 50%;}
  .round-btn .icon {padding: 3px;}
  .round-btn .icon img{height: 24px; width: 32px;margin-top: 6px;}
  .standard_social_links {
	display: flex;
	gap:10px;
  }
  
	/*
	=========================================================================================
									  footer
	=========================================================================================
	*/

footer {
	margin-top: 50px;
}
	
	.footer-wrap {
	  padding-top: 43px;
	  background-size: cover;
  }
  
  .footer-wrap h3 {
	  font-size: 16px;
	  margin-bottom: 25px;
  }
  
  .footer-wrap p {
	  font-size: 14px;
	  margin-top: 15px;
  }
  
  .footer-wrap p a {
	  text-decoration: underline;
	  font-style: italic;
  }
  
  .footer-wrap p a:hover {
	  text-decoration: none;
  }

  .footer-links {
	display: flex;
	flex-direction: column;
	gap: 10px;
  }
  
  .footer-links li a {
	  font-size: 14px;
	  text-decoration: none;
  }
  
  .footer-category {
	display: flex;
	flex-direction: column;
	gap: 10px;
  }
  
  .footer-category li a {
	  font-size: 14px;
	  text-decoration: none;
  }

  
  .address {
	  
	  font-size: 14px;
	  position: relative;
	  padding-left: 30px;
	  line-height: 30px;
  }
  
  .address:before {
	  content: "\f277";
	  font-family: 'FontAwesome';
	  position: absolute;
	  top: 0;
	  left: 0;
  }
  
  .info a {
   
	  font-size: 14px;
	  line-height: 30px;
	  font-weight: normal;
  }
  
  .fa-phone:before {
	  content: "\f095";
  }
  
  .info a {
  
	  font-size: 14px;
	  line-height: 30px;
	  font-weight: normal;
  }
  
  .fa-fax:before {
	  content: "\f1ac";
  }
  
  .copyright {
	  border-top: 1px solid #111;
	  font-size: 14px;
	  padding-top: 15px;
	  text-align: center;
	  padding-bottom: 15px;
	  background: #222;
  }

  footer .first_class {
	  padding-bottom: 21px;
	  border-bottom: 1px solid #444;
  }
  footer .first_class p, footer .first_class h3{
	  margin: 0 0;
	  
  }
  footer{
	  border-top: 1px solid #9E978E;
  }
  
  footer .newsletter input[type="text"] {
	  width: 100%;
	  background: #fff;
	  color: #303030;
	  border: 1px solid var(--erra-light-gray-color);
	  padding: 14px 20px;
	  border-radius: 50px;
	  margin-top: 12px;
	  font-size: 14px;
  }

  footer .newsletter {
	position: relative;
  }
  
  .newsletter .newsletter_submit_btn {
	  background: #fff;
	  position: absolute;
	  right: 20px;
	  border: 0;
	  top: 22px;
	  font-size: 17px;
	  color: #333;
  }


  .newslatter-icon {
	width: 40px;
	  height: 21px;
  }
  
  footer .btn-envelop a {
	  color: #D6403A;
	  font-size: 15px;
	  padding: 12px 12px;
  }

	  
  footer dl, ol, ul {
	  padding-left: 0;
  }
	  footer li{
		  list-style: none;
	  }
  
/********* Modal *********/


.intro{
	background: #fff;
	padding: 60px 30px;
	color: #333;
	margin-bottom: 15px;
	line-height: 1.5;
	text-align: center;
 }
 .intro h1 {
	font-size: 18pt;
	padding-bottom: 15px;
 
 }
 .intro p{
	font-size: 14px;
 }
 
 .action{
	text-align: center;
	display: block;
	margin-top: 20px;
 }
 
 .github:before{content: "\f09b"}
 .down:before{content: "\f019"}
 .back:before{content:"\f112"}
 .credit{
	 background: #fff;
	 padding: 12px;
	 font-size: 9pt;
	 text-align: center;
	 color: #333;
	 margin-top: 40px;
 
 }
 .credit span:before{
	font-family: FontAwesome;
	color: #e41b17;
	content: "\f004";
 
 
 }
 .credit a{
	color: #333;
	text-decoration: none;
 }
 .credit a:hover{
	color: #1DBF73; 
 }
 .credit a:hover:after{
	 font-family: FontAwesome;
	 content: "\f08e";
	 font-size: 9pt;
	 position: absolute;
	 margin: 3px;
 }

 
 article li{
	color: #444;
	font-size: 15px;
	margin-left: 33px;
	line-height: 1.5;
	padding: 5px;
 }
 article h1,
 article h2,
 article h3,
 article h4,
 article p{
	padding: 14px;
	color: #333;
 }
 article p{
	font-size: 15px;
	 line-height: 1.5;
 }
  
 /*
 @media only screen and (min-width: 720px){
	 main{
	   max-width: 720px;
	   margin-left: auto;
	   margin-right: auto; 
	   padding: 24px;
	 }
 } */
 
 .set-overlayer,
 .set-glass,
 .set-sticky {
	 cursor: pointer;
	 height: 45px;
	 line-height: 45px;
	 padding: 0 15px;
	 color: #333;
	 font-size: 16px;
 }
 .set-overlayer:after,
 .set-glass:after,
 .to-active:after,
 .set-sticky:after {
	 font-family: FontAwesome;
	 font-size: 18pt;
	 position: relative;
	 float: right;
 }
 .set-overlayer:after,
 .set-glass:after,
 .set-sticky:after {
	 content: "\f204";
	 transition: .6s;
 }
 
 .to-active:after {
	 content: "\f205";
	 color: #008080;
	 transition: .6s;
 }
 .set-overlayer,
 .set-glass,
 .set-sticky,
 .source,
 .theme-tray {
	 margin: 10px;
	 background: #f2f2f2;
	 border-radius: 5px;
	 border: 2px solid #f1f1f1;
	 box-sizing: border-box;
 }
 /* Syntax Highlighter*/
 
 pre.prettyprint {
	 padding: 15px !important;
	margin: 10px;
	 border: 0 !important;
   background: #f2f2f2;
   overflow: auto;
 }
 
 .source {
	 white-space: pre;
	 overflow: auto;
	 max-height: 400px;
 }
 code{
	 border:1px solid #ddd;
	 padding: 2px;
	 border-radius: 2px;
 }

 .modal.show .modal-dialog {
	-webkit-transform: translate(0,0);
    transform: translate(0,0);
 }

 .modal-open .modal {
	overflow-y: hidden;
 }

 .modal-content {
	position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: var(--erra-bg-color);
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);

    outline: 0;

	box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.2);

	overflow: hidden !important;
	height: 100vh;
 }

 .modal-header {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
 }

 .close:not(:disabled):not(.disabled) {
	cursor: pointer;
 }

 .modal-header .close {
	padding: .5rem;
	margin-left: auto;
  /*  margin: -1rem -1rem -1rem auto; */
 } 

 button.close {
	padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
 }

 .close {
	float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
 }

 .modal-body {
	position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
	overflow-y: auto;
	height: max-content;
 }

 .form-group {
	margin-bottom: 1rem;
 }

 .btn:not(:disabled):not(.disabled) {
	cursor: pointer;
 }

 [type=reset], [type=submit], button, html [type=button] {
	-webkit-appearance: button;
 }

 .btn-block {
	display: block;
    width: 100%;
 }

.reservationCalendar .modal-body #result-4 {
	margin-bottom: 10px !important;
	font-size: .9rem !important;
	display: none !important;
}

 .reservationCalendar .lightpick {
	box-shadow: none;
 }

 .reservationCalendar .lightpick__months {
	background-color: #fff;
 }



 .reservationCalendar .lightpick__months {
	background-color: var(--erra-bg-color) !important;
 }

 .lightpick__month {
	background-color: var(--erra-bg-color) !important;
	padding: 0 !important;
	color: var(--erra-primary-color) !important;

	width: 100% !important;
 }

 .lightpick__day.is-start-date.is-in-range, .lightpick__day.is-end-date.is-in-range.is-flipped {
	border-radius: 50px !important;
 }

 .lightpick__day.is-end-date.is-in-range, .lightpick__day.is-start-date.is-in-range.is-flipped {
	border-radius: 50px !important;
 }

 .lightpick__month-title-bar {
	margin-bottom: 0 !important;
	padding: 10px 0 !important;
 }

 .lightpick__month-title {
	display: flex !important;
    margin: 0 !important;
    width: 100% !important;
 }

 .lightpick {
	padding: 0 !important;
	border-radius: 0 !important;
	background-color: var(--erra-bg-color) !important;
	margin-top: 10px !important;
 }

 .lightpick__day-of-the-week {
	font-weight: normal !important;
	font-size: .8rem !important;
	padding: 15px 10px !important;
 }

 .lightpick__day {
	font-size: .8rem !important;
	padding: 15px !important;
	height: inherit !important;
 }

 .lightpick__month-title {
	font-size: 1rem !important;
	height: inherit !important;
 }

 .lightpick__day.is-start-date, .lightpick__day.is-end-date, .lightpick__day.is-start-date:hover, .lightpick__day.is-end-date:hover {
	font-weight: normal !important;
	font-family: 'bold' !important; 
 }

 .lightpick__month-title > .lightpick__select-months {
	font-weight: normal !important;
	font-family: 'bold' !important;
	color:var(--erra-primary-color) !important;
	width: max-content !important;
	margin-left: 10px !important;
 }

 .lightpick__month-title, .lightpick__select .lightpick__select-years {
	color:var(--erra-primary-color) !important;
 }

.lightpick__select-years {
	color:var(--erra-primary-color) !important;
 }

 .lightpick__previous-action, .lightpick__next-action, .lightpick__close-action {
	color:var(--erra-primary-color) !important;
	height: 40px !important;
	width: 40px !important;
 }

 .lightpick__day.is-end-date.is-in-range, .lightpick__day.is-start-date.is-in-range.is-flipped {
	background-color: var(--erra-primary-color) !important;
 }

 .lightpick__day.is-start-date.is-in-range {
	background-color: var(--erra-primary-color) !important;
 }

 .lightpick__day.is-start-date, .lightpick__day.is-end-date, .lightpick__day.is-start-date:hover, .lightpick__day.is-end-date:hover {
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%233c362f' cx='16' cy='16' r='16'/%3E%3C/svg%3E") !important;
 }
 
 .lightpick__months {
	grid-gap: 60px !important;
	
 }

 .lightpick--2-columns .lightpick__months {
	justify-content: center;
	min-height: 380px;
 }

 .date-list {
	display: flex;
	gap: 15px;


 }

 .date-list .date-list__item {
	border: 2px solid var(--erra-primary-color);
	border-radius: 10px;
 }

 .date-list .date-list__item p:first-child {
	background-color: rgba(168, 126, 95, .1);
 }




  .modal-dialog {
	width: 100%;
	max-width: 780px;
	margin: 0 auto;
	min-height: inherit !important;
    margin: 0 auto;
    height: 90vh;
    top: 50%;
    left: 0;
    transform: translate(0, -50%) !important;
  }

  .modal-dialog .modal-content {
	padding: 1rem;
  }



 


  
  
  .form-title {
	margin: -2rem 0rem 2rem;
  }
  
  .btn-round {
	border-radius: 3rem;
  }
  
  .delimiter {
	padding: 1rem;
  }
  
  .social-buttons .btn {
	margin: 0 0.5rem 1rem;
  }
  
  .signup-section {
	padding: 0.3rem 0rem;
  }




  /******** Accordion *********/

  .accordion {
	cursor: pointer;
	padding: 1.5rem 0;
	width: 100%;
	border-bottom: 1px solid #ddd;
	transition: all 0.4s;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: var(--erra-primary-color);
  }

  .accordion p {
	margin-bottom: 0 !important;
	color: var(--erra-primary-color);
	font-size: 1.2rem;
	max-width: 90%;
  }
  
  .active,
  .accordion:hover {

  }
  
  .accordion::after {
	content:'';
	background-image: url(../images/bottom-arrow.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 30px;
	height: 30px;
  }
  
  /*
  .active::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f068";
	color: var(--erra-primary-color);
  }
  */
  
  .desc {
	padding: 0;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease;
  }

  .desc p {
	padding: 1.5rem 0;
	margin-bottom: 0;
	font-size: 1.1rem;
  }


/******** Banner Slide *********/

.bx-wrapper {
	border: 0 !important;
	box-shadow: none !important;
	background: none !important;
}

.bx-wrapper img {
	width: 100% !important;
	object-fit: cover !important;
	max-height: 600px;
}


.select-box {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
	font-size: 18px;
	color: #60666d;
  }

  .select-box .filter-content {
	width: max-content;
	background-color: #fff;
	padding: 20px;
  }

  .select-box .lightpick {
	box-shadow: none;
  }
 /* @media (min-width: 768px) {
	.select-box {
	  width: 70%;
	}
  }
  @media (min-width: 992px) {
	.select-box {
	  width: 50%;
	}
  }
  @media (min-width: 1200px) {
	.select-box {
	  width: 30%;
	}
  } */
  .select-box__current {
	position: relative;
	box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.1);
	cursor: pointer;
	outline: none;
  }
  
  
  .select-box__current:focus + .select-box__list,
  .select-box__list:hover {
	opacity: 1;
	-webkit-animation-name: none;
			animation-name: none;
  }
  .select-box__current:focus + .select-box__list .select-box__option {
	cursor: pointer;
  }
  .select-box__current:focus .select-box__icon {
	transform: translateY(-50%) rotate(180deg);
  }
  .select-box__icon {
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	width: 12px;
	opacity: 0.3;
	transition: 0.2s ease;
  }
  .select-box__value {
	display: flex;
  }
  .select-box__input {
	display: none;
  }
  .select-box__input:checked + .select-box__input-text {
	display: block;
  }
  .select-box__input-text {
	display: none; 
	width: 100%;
	margin: 0;
	padding: 15px;
	background-color: #fff;
	font-size: 14px;
  }

  .select-box__input-text_open {
	display: block; 
	width: 100%;
	margin: 0;
	padding: 15px;
	background-color: #fff;
	font-size: 14px;
  }
  .select-box__list {
	position: absolute;
/*	width: 100%; */
	width: max-content;
	min-width: 250px;
	padding: 0;
	list-style: none;
	opacity: 0;
	-webkit-animation-name: HideList;
			animation-name: HideList;
	-webkit-animation-duration: 0.5s;
			animation-duration: 0.5s;
	-webkit-animation-delay: 0.5s;
			animation-delay: 0.5s;
	-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
	-webkit-animation-timing-function: step-start;
			animation-timing-function: step-start;
	box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.1);
  }
  .select-box__option {
	display: block;
	padding: 15px;
	background-color: #fff;
	font-size: 14px;
  }
  .select-box__option:hover, .select-box__option:focus {
	
  }
  
  @-webkit-keyframes HideList {
	from {
	  transform: scaleY(1);
	}
	to {
	  transform: scaleY(0);
	}
  }
  
  @keyframes HideList {
	from {
	  transform: scaleY(1);
	}
	to {
	  transform: scaleY(0);
	}
  }

  .daireler-ilce {
	width: 100%;

  }

.ilce-container {
	display: flex;
	cursor: pointer;
	font-size: 1.1rem;
	text-align: left;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	flex: 0 0 45%;
	align-items: center;
	gap: 15px;
	position: relative;
  }

  /* Hide the browser's default checkbox */
.ilce-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
  }
  
  /* Create a custom checkbox */
  .checkmark {
	position: relative;
	height: 24px;
	width: 24px;
	min-width: 24px;
	border-radius: 5px;
	background-color: #fff;
    border: 1px solid #B0B0B0;

  }
  
  /* On mouse-over, add a grey background color */
  .ilce-container:hover input ~ .checkmark {
	border: 1px solid var(--erra-primary-color);
  }
  
  /* When the checkbox is checked, add a blue background */
  .ilce-container input:checked ~ .checkmark {
	background-color: var(--erra-primary-color);
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
	content: "";
	position: absolute;
	display: none;
  }
  
  /* Show the checkmark when checked */
  .ilce-container input:checked ~ .checkmark:after {
	display: block;
  }
  
  /* Style the checkmark/indicator */
  .ilce-container .checkmark:after {
	left: 8px;
	top: 4px;
	width: 6px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
  }

  .rez-time, .rez-person {
	flex: 0 0 100%;
	width: 100%;
  }


/*  .rez-person svg > path {
	fill: var(--erra-primary-color);
	color: #fff;
} */
.rez-person label {
	user-select: none;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.rez-person .custom-number-input {
    display: flex;
    align-items: center;
    justify-content: space-between;
	margin-top: 20px;
	margin-bottom: 10px;
}

.rez-person .counter-input-group {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
    flex: 0 0 35%;
    max-width: 35%;
}
.rez-person .button {
	display: inline-block;
	padding: 0.5rem;
    border: 1px solid #ddd;
	border-radius: 100%;
	outline: none;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: 0.5s;
}
.rez-person .button svg {
	width: 1rem;
	height: 1rem;
	pointer-events: none;
}
.rez-person .button:hover {
	border: 1px solid var(--erra-primary-color);
}
.rez-person #custom-input-number {
	text-align: center;
	height: inherit;
	width: 100%;
	border: none;
	outline: none;
	color: var(--erra-primary-color);
}
.rez-person input[type="number"]::-webkit-outer-spin-button,
.rez-person input[type="number"]::-webkit-inner-spin-button
 {
	-webkit-appearance: none;
	appearance: none;
}
.rez-person input[type="number"]::-moz-inner-spin-button,
.rez-person input[type="number"]::-moz-outer-spin-button {
	-moz-appearance: none;
	appearance: none;
}
.rez-person input[type="number"]::-ms-inner-spin-button,
.rez-person input[type="number"]::-ms-outer-spin-button {
	-ms-appearance: none;
	appearance: none;
}


.credit-card-content .form-container .field-container:first-of-type {
	grid-area: name;
  }
  
  .credit-card-content .form-container .field-container:nth-of-type(2) {
	grid-area: number;
  }
  
  .credit-card-content .form-container .field-container:nth-of-type(3) {
	grid-area: expiration;
  }
  
  .credit-card-content .form-container .field-container:nth-of-type(4) {
	grid-area: security;
  }
  
  .credit-card-content .field-container input {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
  }
  
  .credit-card-content .field-container {
	position: relative;
  }
  
  .credit-card-content .form-container {
	display: grid;
	grid-column-gap: 10px;
	grid-template-columns: auto auto;
	grid-template-rows: 70px 70px 70px;
	grid-template-areas: "name name" "number number" "expiration security";
	max-width: 450px;
	padding: 0;
	color: var(--erra-primary-color);
  }
  
  .credit-card-content label {
	padding-bottom: 5px;
	font-size: 13px;
  }
  
 /* .credit-card-content input {
	margin-top: 3px;
	padding: 15px;
	font-size: 16px;
	width: 100%;
	border-radius: 3px;
	border: 1px solid #dcdcdc;
  } */
  
  .credit-card-content .ccicon {
	height: 38px;
	position: absolute;
	right: 6px;
	top: calc(50% - 17px);
	width: 60px;
  }
  
  /* CREDIT CARD IMAGE STYLING */
  .credit-card-content .preload * {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-ms-transition: none !important;
	-o-transition: none !important;
  }
  
  .credit-card-content .container {
	width: 100%;
	max-width: 400px;
	max-height: 251px;
	height: 54vw;
	padding: 0;
	margin-left: 0;
  }
  
  .credit-card-content #ccsingle {
	position: absolute;
	right: 15px;
	top: 20px;
  }
  
  .credit-card-content #ccsingle svg {
	width: 100px;
	max-height: 60px;
  }
  
  .credit-card-content .creditcard svg#cardfront,
  .credit-card-content .creditcard svg#cardback {
	width: 100%;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 6px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 6px;
	border-radius: 22px;
  }
  
  .credit-card-content #generatecard {
	cursor: pointer;
	float: right;
	font-size: 12px;
	color: #fff;
	padding: 2px 4px;
	background-color: #909090;
	border-radius: 4px;
	cursor: pointer;
	float: right;

	opacity: 0;
  }
  
  /* CHANGEABLE CARD ELEMENTS */
  .credit-card-content .creditcard .lightcolor,
  .credit-card-content .creditcard .darkcolor {
	-webkit-transition: fill 0.5s;
	transition: fill 0.5s;
  }
  
  .credit-card-content .creditcard .lightblue {
	fill: #03a9f4;
  }
  
  .credit-card-content .creditcard .lightbluedark {
	fill: #0288d1;
  }
  
  .credit-card-content .creditcard .red {
	fill: #ef5350;
  }
  
  .credit-card-content .creditcard .reddark {
	fill: #d32f2f;
  }
  
  .credit-card-content .creditcard .purple {
	fill: #ab47bc;
  }
  
  .credit-card-content .creditcard .purpledark {
	fill: #7b1fa2;
  }
  
  .credit-card-content .creditcard .cyan {
	fill: #26c6da;
  }
  
  .credit-card-content .creditcard .cyandark {
	fill: #0097a7;
  }
  
  .credit-card-content .creditcard .green {
	fill: #66bb6a;
  }
  
  .credit-card-content .creditcard .greendark {
	fill: #388e3c;
  }
  
  .credit-card-content .creditcard .lime {
	fill: #d4e157;
  }
  
  .credit-card-content .creditcard .limedark {
	fill: #afb42b;
  }
  
  .credit-card-content .creditcard .yellow {
	fill: #ffeb3b;
  }
  
  .credit-card-content .creditcard .yellowdark {
	fill: #f9a825;
  }
  
  .credit-card-content .creditcard .orange {
	fill: #ff9800;
  }
  
  .credit-card-content .creditcard .orangedark {
	fill: #ef6c00;
  }
  
  .credit-card-content .creditcard .grey {
	fill: #bdbdbd;
  }
  
  .credit-card-content .creditcard .greydark {
	fill: #616161;
  }
  
  /* FRONT OF CARD */
  .credit-card-content #svgname {
	text-transform: uppercase;
  }
  
  .credit-card-content #cardfront .st2 {
	fill: #ffffff;
  }
  
  .credit-card-content #cardfront .st3 {
	font-family: "Source Code Pro", monospace;
	font-weight: 600;
  }
  
  .credit-card-content #cardfront .st4 {
	font-size: 54.7817px;
  }
  
  .credit-card-content #cardfront .st5 {
	font-family: "Source Code Pro", monospace;
	font-weight: 400;
  }
  
  .credit-card-content #cardfront .st6 {
	font-size: 33.1112px;
  }
  
  .credit-card-content #cardfront .st7 {
	opacity: 0.6;
	fill: #ffffff;
  }
  
  .credit-card-content #cardfront .st8 {
	font-size: 22px;
  }
  
  .credit-card-content #cardfront .st9 {
	font-size: 36.5498px;
  }
  
  .credit-card-content #cardfront .st10 {
	font-family: "Source Code Pro", monospace;
	font-weight: 300;
  }
  
  .credit-card-content #cardfront .st11 {
	font-size: 16.1716px;
  }
  
  .credit-card-content #cardfront .st12 {
	fill: #4c4c4c;
  }
  
  /* BACK OF CARD */
  .credit-card-content #cardback .st0 {
	fill: none;
	stroke: #0f0f0f;
	stroke-miterlimit: 10;
  }
  
  .credit-card-content #cardback .st2 {
	fill: #111111;
  }
  
  .credit-card-content #cardback .st3 {
	fill: #f2f2f2;
  }
  
  .credit-card-content #cardback .st4 {
	fill: #d8d2db;
  }
  
  .credit-card-content #cardback .st5 {
	fill: #c4c4c4;
  }
  
  .credit-card-content #cardback .st6 {
	font-family: "Source Code Pro", monospace;
	font-weight: 400;
  }
  
  .credit-card-content #cardback .st7 {
	font-size: 27px;
  }
  
  .credit-card-content #cardback .st8 {
	opacity: 0.6;
  }
  
  .credit-card-content #cardback .st9 {
	fill: #ffffff;
  }
  
  .credit-card-content #cardback .st10 {
	font-size: 24px;
  }
  
  .credit-card-content #cardback .st11 {
	fill: #eaeaea;
  }
  
  .credit-card-content #cardback .st12 {
	font-family: "Rock Salt", cursive;
  }
  
  .credit-card-content #cardback .st13 {
	font-size: 37.769px;
  }
  
  /* FLIP ANIMATION */
  .credit-card-content .container {
	perspective: 1000px;
  }
  
  .credit-card-content .creditcard {
	width: 100%;
	max-width: 400px;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transition: -webkit-transform 0.6s;
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	transition: transform 0.6s, -webkit-transform 0.6s;
	cursor: pointer;
  }
  
  .credit-card-content .creditcard .front,
  .credit-card-content .creditcard .back {
	position: absolute;
	width: 100%;
	max-width: 400px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
	color: #47525d;
  }
  
  .credit-card-content .creditcard .back {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);

	top: -20px;
  }
  
  .credit-card-content .creditcard.flipped {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
  }


  .wrapper {
	display: flex;
	flex-direction: column;
  }
  
 
  .time-radio-filter {
	border-color: var(--erra-primary-color) !important;
    border-width: 1px !important;
    border-style: solid;
    color: var(--erra-primary-color);
    appearance: none;
    background: #fff;
    width: 20px;
    height: 20px;
    border: 1px solid var(--erra-primary-color);
    border-radius: 100%;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
	cursor: pointer;
  }

  .time-radio-filter:checked[type=radio] {
	border-width: 7px !important;
  }

  .rez-time ul label:not(:last-child) {
	border-bottom: 1px solid #ddd;
  }
  

  .rez-time label {
	cursor: pointer;
  }

  
  .wrapper .price-input {
	display: flex;
	width: 100%;

  }
  
  .wrapper .price-input .field {
	display: flex;
	width: 100%;
	height: 45px;
	align-items: center;
  }
  
  .price-input input {
	width: 100%;
	height: 100%;
	outline: none;
	border: 1px solid #999;
	border-radius: 5px;
	text-align: center;
	font-size: 18px;
	margin-left: 12px;
  }
  
  .price-input input::-webkit-outer-spin-button,
  .price-input input::-webkit-inner-spin-button {
	display: none;
  }
  
  .wrapper .seperator {
	width: 130px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 19px;
  }
  
  .wrapper .slider {
	height: 5px;
	position: relative;
	background-color: #ddd;
	border-radius: 5px;
  }
  
  .wrapper .progress {
	position: absolute;
	height: 100%;
	left: 5%;
	right: 65%;
	background-color: var(--erra-primary-color);
	border-radius: 5px;
  }
  
  .wrapper .range-input {
	position: relative;
  }
  
  .wrapper .range-input input {
	position: absolute;
	width: 100%;
	height: 5px;
	top: -5px;
	left: 0;
	pointer-events: none;
	background: none;
	appearance: none;
	accent-color: var(--erra-primary-color);
  }
  
  .wrapper .range-input input::-webkit-slider-thumb {
	height: 15px;
	width: 15px;
	background-color: var(--erra-primary-color);
	border-radius: 50%;
	pointer-events: auto;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
  }

  .save-button {
	color: #60666d;
    margin: 0;
    padding: 10px;
    background-color: #fff;
    font-size: 14px;
    border: 1px solid transparent;
    box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.1);
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	font-family: 'bold';
  }

  .save-button::before {
	content: '';
	background-image: url(../images/ph_bell-ringing-light.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 24px;
	height: 24px;
  }

  .daireler-harita {
	height: 100vh;
	position: fixed;
	overflow-y: hidden;
  }

  #rezervasyon-back {
	padding: 20px 0;
	transition: all .2s;
	}

  #daireler-filtre {

  }

  #daireler-filtre .row {
	position: relative;
	z-index: 10000;
	}


  .filtre-sticky {
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    z-index: 10000;
    background: var(--erra-bg-color);
    padding: 15px 20px;
	max-width: inherit;
	box-shadow:4px 4px 20px rgba(0, 0, 0, 0.2);
	transition: all .2s;
  }

  .foto-galeri-sticky {
    position: fixed !important;
    top: 0px;
    left: 0;
    width: 100%;
    z-index: 90;
    background: var(--erra-bg-color);
    padding: 15px 20px;
	max-width: inherit;
/*	box-shadow:4px 4px 20px rgba(0, 0, 0, 0.2); */
	transition: all .2s;
  }

  .rezervasyon-sticky {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 90;
    background: var(--erra-bg-color);
	max-width: inherit;
/*	box-shadow:4px 4px 20px rgba(0, 0, 0, 0.2); */
	transition: all .2s;
  }

  .harita-sticky {
    position: fixed !important;
    top: 100px;
    right: 0;
  }

  .daireler-liste ul img {
	width: 20px;
	height: 20px;
  }

  .daireler-liste .daire-item {
	padding: 10px;
	background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 1px rgba(39,54,86,.1), 0 1px 6px rgba(39,54,86,.2);
    display: flex;
    flex-direction: column;
    position: relative;
    transition: all .3s ease;
	border: 2px solid transparent;
  }

  .rezervasyon-content {
	margin-top: 150px;
  }

  

  /*

  .daireler-liste .daire-item:hover {
	border: 2px solid var(--erra-primary-color);
  } */

  .daireler-liste .bx-wrapper {
	margin-bottom: 0;
  }

  .daireler-liste .bx-wrapper .bx-pager {
	bottom: 10px;
  }

  .daireler-liste .daire-item .daire-etiket-fiyat {
	background-color: var(--erra-primary-color);
	z-index: 2;
	font-size: 13px;
	padding: 5px 10px;
	color: #fff;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	gap: 10px;

  }

  .daireler-liste .daire-price__info {
	background-color: rgba(168, 126, 95, .1);
	border-radius: 10px;
	padding: 10px;
	border-radius: 6px;

	}

	.daireler-liste .daire-price__info--date p {
		font-size: .8rem;
	}

	.daireler-liste .daire-price__info--date .date-p {
		font-size: 1rem;
	}

  .daireler-liste .daire-item .daire-etiket-fiyat__line, .daire-price__info .daire-etiket-fiyat__line, .daire-price__cart .daire-etiket-fiyat__line {
	font-size: 12px;
/*	text-decoration: line-through; */
	line-height: 1;
	text-align: right;
	color: var(--erra-logo-color);
  }

  .daireler-liste .daire-item .daire-etiket-fiyat__net, .daire-price__info .daire-etiket-fiyat__net, .daire-price__cart .daire-etiket-fiyat__net {
	font-size: 1.4rem;
	font-family: 'normal';
	line-height: 1;
	color: var(--erra-primary-color);
  }

  .daireler-liste .daire-item .daire-etiket-fiyat__time, .daire-price__info .daire-etiket-fiyat__time, .daire-price__cart .daire-etiket-fiyat__time {
	font-size: 12px;
	line-height: 1;
  }

  .daire-etiket-fiyat__time {
	margin-left: 5px;
  }

  /*
  .daireler-liste .daire-etiket-fiyat__price::before {
	content: '';
	background-image: url(../images/info-icon.svg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
  }
  */

  .daire-price__info .daire-etiket-fiyat__net {
	font-size: 1.4rem;
  }

 .pets-module .qty .count {
    color: #000;
    display: inline-block;
    vertical-align: top;
    font-size: 24px;
    line-height: 26px;
    padding: 0 2px
    ;min-width: 35px;
    text-align: center;
}
.pets-module .qty .plus {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: white;
    width: 30px;
    height: 30px;
    font: 30px/1 Arial,sans-serif;
    text-align: center;
    border-radius: 50%;
    }
	.pets-module .qty .minus {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: white;
    width: 30px;
    height: 30px;
    font: 30px/1 Arial,sans-serif;
    text-align: center;
    border-radius: 50%;
    background-clip: padding-box;
}
.pets-module .minus:hover{
    background-color: #717fe0 !important;
}
.pets-module .plus:hover{
    background-color: #717fe0 !important;
}
/*Prevent text selection*/
.pets-module span{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.pets-module input{  
    border: 0;
    width: 2%;
}
.pets-module input::-webkit-outer-spin-button,
.pets-module input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.pets-module input:disabled{
    background-color:white;
}
         
.text-right {
	text-align: right !important;
}

  footer {
	position: relative;
	background-color: var(--erra-bg-color);
  }

  .more-options .select-box__list {
	max-height: 400px;
	overflow-y: auto;
  }

  .view-apartment {
	color: var(--erra-primary-color);
	font-size: 14px;
	font-family: 'bold';
	text-transform: uppercase;
	margin: 10px 0;
	width: max-content;
	border-radius: 50px;
	padding: 5px 30px;
	display: flex;
	align-items: center;
	gap: 10px;
	border: .5px solid var(--erra-primary-color);
  }

  .view-apartment:hover {
	color: #fff;
	background-color: #f87966;
  }

  .view-apartment::after {
	content: '';
	background-image: url(../images/right22.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 10px;
	height: 10px;
  }

  
  .info-wrap {
	
}
	.info-wrap h3 {
	 }
	.info-wrap .dbox {
	  width: 100%;
	 
	  margin-bottom: 10px; }
	  .info-wrap .dbox:last-child {
		margin-bottom: 0; }
	  .info-wrap .dbox p {
		margin-bottom: 0; }
		.info-wrap .dbox p span {
		  font-weight: 500;
		   }
		.info-wrap .dbox p a {
		   }
	  .info-wrap .dbox .icon {
		width: 36px;
		height: 36px;
		border-radius: 50%;
		border: 2px solid rgba(255, 255, 255, 0.2); }
		.info-wrap .dbox .icon span {
		  font-size: 20px;
		  color: #A87E5F;
		   }
	  .info-wrap .dbox .text {
		width: calc(100% - 50px); }

#contactForm .form-control, #contactForm .form-select {
	border-radius: 5px;
	padding: 1rem 1rem !important;
}

.grid-banner-container {
	border-radius: 45px;
    box-shadow: 0 2px 1px rgba(39,54,86,.1), 0 1px 6px rgba(39,54,86,.2);
    width: 100%;
	margin-bottom: 50px;
    background-color: var(--erra-yeni-bg-gray-color);
}

.new-home-banner-container {
	border-radius: 90px;
	box-shadow: 0 2px 1px rgba(39,54,86,.1), 0 1px 6px rgba(39,54,86,.2);
	width: 100%;
	margin: 0 auto;
	background-color: var(--erra-yeni-bg-gray-color);
	position: relative;
}

.new-home-banner__button {
	font-size: 1rem;
	border: 1px solid var(--erra-primary-color);
	border-radius: 50px;
	width: max-content;
	text-decoration: none;
	padding: 1rem 2rem;
	transition: all .2s;
}

.new-home-banner__button:hover {
	background-color: var(--erra-primary-color);
	color: #fff;
}


.new-home-banner-container .home-banner__content h2 {
	font-size: 32px;
	font-weight: 700;
	letter-spacing: 6px;
	line-height: 1.6;
}

.new-home-banner-container .home-banner__content h3 {
	font-size: 24px;
	letter-spacing: 4px !important;
	font-weight: 500 ;
	font-style: italic !important;
}

.new-home-banner-container .home-banner__content h4 {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 3px !important;
}

.new-home-banner-container .home-banner__content p {
	font-size: 14px;
	letter-spacing: 1.5px !important;
}




.new-small-banner-container .home-banner__content h2 {
	font-size: 24px;
	font-weight: 600 ;
	letter-spacing: 2px !important;
	line-height: 1.6;
	text-align: center;
}

.new-small-banner-container .home-banner__content h3 {
	font-size: 30px;
	letter-spacing: 6px !important;
	font-weight: 400 ;
	font-style: italic !important;
}

.new-small-banner-container .home-banner__content h4 {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 3px !important;
	text-align: center;
	line-height: 1.6;
}

.new-small-banner-container .home-banner__content p {
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 1.5px !important;
	text-align: center;
}

.new-home-banner-container .home-banner__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-top-right-radius: 90px;
	border-bottom-right-radius: 90px;
}

.new-home-banner-container .home-banner__svg-img {
	max-width: 65px;
}



.grid-system h2 {
	font-size: 24px;
	font-weight: 600;
	letter-spacing: 3px !important;
	line-height: 1.8;
}

.grid-system h4 {
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1.5px !important;
	line-height: 1.5;
}

.grid-banner-img {
	width: 100%;
	object-fit: cover;
}

.bottom-radius {
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
}

.top-radius {
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
}

.full-radius {
	border-radius: 30px;
}


.example-grid .column, .example-grid .columns {
    margin-bottom: 15px;
}

.example-grid .column, .example-grid .columns {
    border-radius: 4px;
    font-size: 1rem;
    padding: 10px 0 10px 0;
    letter-spacing: 0.1rem;
}
    
.hero-banner-container {
	position: relative;
	padding: 0;
	margin: 0;
}

.hero-banner-container .hero-banner-content {
	position: absolute;
	top: 50%;
	left: 35%;
	transform: translate(-35%, -50%);
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	z-index: 2;
}

.hero-banner-container .hero-banner-content h1 {
	text-shadow: rgba(0, 0, 0, 0.3) 0px 6px 16px;
}

.hero-banner-container .hero-banner-content p {
	max-width: 40%;
	text-shadow: rgba(0, 0, 0, 0.3) 0px 6px 16px;
}

.hero-banner-container .hero-banner-container-img {
	width: 100%;
	min-height: 70vh;
	max-height: 70vh;
	object-fit: cover;
	filter: brightness(0.9);
}

.hero-banner-button {
	background-color: var(--erra-bg-color);
    color: var(--erra-primary-color);
    border-radius: 50px;
    text-decoration: none;
    font-size: 1rem;
    padding: 1rem 3rem;
	transition: all .2s;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 6px 16px;
}

.hero-banner-button:hover {
	background-color: var(--erra-logo-color);
	color: #fff;
}

.owl-carousel .owl-dots {
	margin-top: 2rem !important;
}

.owl-carousel .owl-nav {
    align-items: center;
    justify-content: center;
	margin-top: 2.5rem !important;
	gap: .5rem !important;
	display: none !important;
}


.owl-carousel .owl-nav button {
	display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    color: #fff !important;
    border-radius: 100% !important;
    background-color: var(--erra-primary-color) !important;
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .1);
    transform-origin: center;
    transition: all ease .25s;
	cursor: pointer;
}

.owl-carousel .owl-nav button:hover {
	scale: 1.2;
}

.owl-carousel .owl-nav button span {
	font-size: 1.5rem;
    font-family: 'normal';
    align-items: center;
    justify-content: center;
    display: flex;
    font-weight: normal;
    line-height: 1;
    padding: 0;
    margin: 0;
    margin-top: -3px;
}

.daire-fotolari .owl-carousel .owl-nav {
	display: none !important;
}

.daire-fotolari .owl-carousel .owl-dots {
	margin-top: 10px !important;
}

.one-cikan-daireler .owl-carousel .owl-item img {
	border-radius: 1rem;
}

.one-cikan-daireler .one-cikan-daireler-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
  /*  box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.12); */
    padding: 16px;
    border-radius: 1rem;
	gap: 1rem;
    text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
	transition: all .3s;
}

.one-cikan-daireler .one-cikan-daireler-item:hover {
/*	box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.3);
	scale: 1.03; */
	border: 1px solid var(--erra-dark-gray-color);
}

.one-cikan-daireler .owl-carousel .owl-stage {
	padding-left: 0 !important;
}

.one-cikan-daireler .home-owl-img {
	width: 20px;
	height: 20px;
}


.one-cikan-daireler .one-cikan-daireler-item .daire-info span {
	font-size: .9rem;
}

button:has(.hamburger-icon) {
	padding: 0;
} 

.hamburger-icon {
	width: 28px;
	height: 28px;
}

.text-underline {
	text-decoration: underline !important;
}

.font-normal {
	font-weight: 400 !important;
}

.font-medium {
	font-weight: 500 !important;
}


.font-semibold {
	font-weight: 600 !important;
}


.daireler-liste.favoriler .daire-item {
	width: 31%;
  }

  .daire-info img {
	  max-width: 24px;
  }







.daire-fav-icon {
	background-image: url(../images/carbon_favorite.svg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	width: 36px;
	height: 36px;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 2;
}

.daire-fav-icon:focus {
	background-image: url(../images/carbon_favorite-filled.svg);
}

.daire-fav-icon.aktif {
	background-image: url(../images/carbon_favorite-filled.svg);
}

.daire-fav-icon.aktif:focus {
	background-image: url(../images/carbon_favorite.svg);
}









/********* YENİ KODLAR   ******/

.bx-wrapper .bx-controls-direction a {
	z-index: 9 !important;
}

.owl-theme .owl-dots .owl-dot span {
	width: 6px !important;
	height: 6px !important;
}

.daire-option img {
	height: 28px !important;
	width: 28px !important;
}

.daire-option ul li span {
	font-size: 1.1rem;
}

.icon-img {
	width: 26px;
}

.tooltip-img {
	width: 16px;
	margin-top: -2px;
	margin-left: 2px;
	cursor: pointer;
}

.pxp-sp-pois-nav {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: .9rem !important;
	align-items: center !important;
}

.pxp-sp-pois-nav > div {
	font-weight: normal !important;
	font-family: 'bold' !important;
	margin: 0 !important;
	border: 1px solid var(--erra-light-gray-color) !important;
	padding: 8px 16px !important;
	background: #fff !important;
	border-radius: 5px !important;
}

.pxp-sp-pois-nav > div.pxp-active {
	border: none !important; 
	color: var(--erra-primary-color) !important;
	background: var(--erra-logo-color) !important;
	color: #fff !important;
}

.arrow-img {
	width: 20px;
}

.profile-img {
	width: 36px;
}

.close-icon-img {
	width: 20px;
}

.font-info {
	font-style: italic;
	color: #8d9196;
}

.msger {
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	width: 100%;
	border-radius: 5px;
	padding: 20px;
    border: 1px solid #dddddd;
    border-radius: 10px;
	min-height: 410px;
	max-height: 410px;
	overflow-y: auto;
  }
  
  .msger-chat {
	overflow-y: auto;
	padding: 0;
	background: transparent;
	margin: 0;
  }
  .msger-chat::-webkit-scrollbar {
	width: 6px;
  }
  .msger-chat::-webkit-scrollbar-track {
	background: #ddd;
  }
  .msger-chat::-webkit-scrollbar-thumb {
	background: #bdbdbd;
  }
  .msg {
	display: flex;
	align-items: flex-end;
	margin-bottom: 10px;
	gap: 10px;
  }
  .msg:last-of-type {
	margin: 0;
  }
  .msg-img {
	width: 42px;
	height: 42px;
	background: #F4F6F9;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 70%;
	border-radius: 50%;
  }


  .msg-bubble {
	padding: 15px;
	border-radius: 15px;
	background: #fff;
	border: 1px solid #b0b0b0;
  }
  .msg-info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
  }
  .msg-info-name {
	margin-right: 10px;
	font-weight: normal;
	font-family: 'bold';
  }
  .msg-info-time {
	font-size: 0.8rem;
  }
  
  .left-msg .msg-bubble {
	border-bottom-left-radius: 0;
  }

  
  .right-msg {
	flex-direction: row-reverse;
  }

  .right-msg .msg-bubble {
	background: rgba(39,90,92,.8);
	color: #fff;
	border-bottom-right-radius: 0;
  }
  
  .msger-inputarea {
	display: flex;
	padding: 5px 10px;
	align-items: center;
	border-radius: 15px;
    background: #fff;
    border: 1px solid #b0b0b0;
	margin-top: 20px;
  }
  .msger-inputarea * {
	border: none;
	border-radius: 3px;
	font-size: 1rem;
  }
  .msger-input {
	flex: 1;
	border-radius: 10px;
	padding: 10px;
  }
  .msger-send-btn {
	margin-left: 10px;
	color: #fff;
	font-weight: normal;
	font-family: 'bold';
	cursor: pointer;
	background-image: url(../images/send.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 20px;
	height: 20px;
	-webkit-appearance: none;
	appearance: none;
	transition: background 0.23s;
  }



  
  



.bold {
	font-family: 'bold';
	font-weight: normal;
}

 .logo-img {
	width: 100%;
	max-width: 160px;
}



.border-bottom-gray {
	border-bottom: 1px solid #ececec;
}

.kiraci-header {
	border-bottom: 1px solid #ececec;
	max-width: 1440px;
	margin: 0 auto;
	padding-left: 6%;
	padding-right: 6%;
}

.kiraci-list-item__icon {
	width: 32px;
	height: 32px;
}

.kiraci-page-container {
	margin: 0 auto;
    width: auto;
    padding: 0 24px;
	background: transparent;
	margin-bottom: 50px;
	margin-top: 50px;
}


.kiraci-page-container__satir {
	margin-top: 30px;
	margin-bottom: 15px;
}

.kiraci-page-container__text {
	font-size: 1.125rem;
    line-height: 1.5rem;
    margin-top: 8px;
    margin-bottom: 16px;
	flex-wrap: wrap;
}

.kiraci-page-container__heading {
	font-size: 2rem;
    line-height: 2.25rem;
	font-family: 'bold';
    font-weight: normal;
}

.kiraci-page-container__span {
	font-size: 1.125rem;
    line-height: 1.5rem;
}

.kiraci-page-container__bread {
	font-size: 1rem;
}

.kiraci-list-item {
	padding-left: 8px;
    padding-right: 8px;
}

.kiraci-list-item__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    min-height: 156px;
    box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.12);
    margin: 8px 0;
    padding: 16px;
    border-radius: 12px;
    text-decoration: none;
	background-color: #fff;
	transition: all .3s;
}

.kiraci-list-item__link:hover .kiraci-list-item__content {
	box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.3);
	scale: 1.03;
}

.kira-list-item__content {
	flex-direction: row;
	align-items: center;
	min-height: 50px;
	justify-content: flex-start;
	gap: 10px;
}

.kiraci-list-item__heading {
	font-family: 'bold';
	font-weight: normal;
	font-size: 1.1rem;
}

.kira-list-item__heading {
	font-size: 1rem;
}

.kiraci-list-item__text {
	font-family: 'normal';
	font-weight: normal;
	color: #717171;
	line-height: 1.3;
	margin-top: 5px;
}

form.is-readonly .btn-save {
	display: none;
  }


form.is-readonly input[disabled], form.is-readonly textarea[disabled], form.is-readonly select[disabled] {
	cursor: text;
	border-color: transparent;
	outline-color: transparent;
	box-shadow: none;
	background: transparent;
	padding: 0;
	transition: all .2s;
}

form.is-editing .btn-edit {
	display: none;
}

.bilgi-alani-field {
	display: flex;
	flex-direction: column;
	width: 90%;
}

.kiraci-form-control {
	background: #fff;
	color: var(--erra-primary-color);
	border: 1px solid #b0b0b0;
	padding: 15px 10px;
	border-radius: 10px;
	transition: all .3s;
	margin-top: 5px;
	width: 100%;
	appearance: none;
}



.kiraci-form-control-select {
	background: #fff;
	color: var(--erra-primary-color);
	border: 1px solid #b0b0b0;
	padding: 15px 10px;
	border-radius: 10px;
	transition: all .3s;
	margin-top: 5px;
	width: 100%;

	background-image: url(../images/bot-arrow.svg);
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.talep-olustur .kiraci-form-control:disabled {
	background: rgba(60,54,47, .1) !important;
}



.kiraci-form-control:focus-visible, .kiraci-form-control:focus {
	-webkit-outline: #F08375 auto 1px;
	outline: #F08375 auto 1px;
}

.daire-secimi-content {
	position: relative;
	width: max-content;
}

.select-daire-secimi {
	background: #fff;
	color: var(--erra-primary-color);
	border: 1px solid #b0b0b0;
	padding: 15px 30px 15px 40px;
	border-radius: 10px;
	transition: all .3s;
	margin-top: 5px;
	width: max-content;

	background-image: url(../images/bot-arrow.svg);
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.select-daire-secimi-icon {
	width: 20px;
	height: 20px;
	position: absolute;
	z-index: 2;
	left: 6%;
	top: 55%;
	transform: translate(-6%, -55%);
}


.bilgi-alani-buton button {
	text-decoration: underline !important;
	padding: 0 !important;
	line-height: 1;
}

.kiraci-info-container {
	border: 1px solid #ececec;
	padding: 30px;
	border-radius: 10px;
}

.kira-odemesi-yap {
	border-radius: 50px;
	padding: 10px 25px;
	background: #1b1918;
	color: #fff;
	text-decoration: none;
	transition: all .2s;
}

.kira-odemesi-yap:hover {
	color: #fff;
	background: #F08374;
}

.talepler .esya-listesi__content:first-child {
	width: 30%;
	max-width: 30%;
	min-width: 160px;
}

.talepler .esya-listesi__content:last-child {
	width: 60%;
}



.esya-listesi-buton {
	color: #1b1918;
	text-decoration: none;
	transition: all .2s;
	display: flex;
	align-items: center;
	gap: 10px;
}

.esya-listesi-buton::before {
	content:'';
	background-image: url(../images/esyalist.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	display: inline-flex;
	width: 20px;
	height: 20px;

}

.esya-listesi-buton:hover {
	text-decoration: underline;
	color: #275A5C;
}

.sozlesme-gecmisi .sozlesme-baslangic-tarihi, .sozlesme-gecmisi .sozlesme-bitis-tarihi {
	flex: 0 0 30%;
	max-width: 30%;
}


.border-button {
	padding: 10px;
	border: 1px solid #dddddd;
	border-radius: 10px;
	width: max-content;
	background-color: #fff;
}

.border-button .form-check-input {
	margin-left: 0 !important;
	margin-right: 10px !important;
	width: 2.5em !important;
	height: 1.5em !important;
	margin-top: 0 !important;
}

.border-button .form-check-label {
	font-size: .9rem;
	cursor: pointer;
}



.bildirim-uyarisi {
	padding: 20px;
	border: 1px solid #dddddd;
	border-radius: 10px;
}

.bildirim-kutusu {
	padding: 20px;
	border: 1px solid #dddddd;
	border-radius: 10px;
	margin-bottom: 15px;
	transition: all .3s;
}

.bildirim-kutusu .bildirim-content {
	margin-right: auto;
}

.bildirim-kutusu__icon {
	width: 50px;
	height: 50px;
	transition: all .3s;
}

.small-icon {
	width: 32px;
	height: 32px;
	transition: all .3s;
}

.small-padding {
	padding: 10px 20px;
}

.button-icon {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 18px;
	height: 18px;
}

.minus-icon {
	background-image: url(../images/minus.svg);
}

.plus-icon {
	background-image: url(../images/add.svg);
	
}

.genel-tercihler-p {
	font-size: 1rem;
}

.servis-urunu {
	width: 100%;
	max-width: 200px;
}

.kiraci-kisisel-bilgiler .accordion {
	font-size: .8rem;
}


.not-ekle-button {
	background-color: var(--erra-primary-color);
    color: #fff;
    border-radius: 50px;
    text-decoration: none;
    font-size: .9rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 8px 16px;
	transition: all .2s;
}

.not-ekle-button:hover {
	background-color: #F08374;
	color: #fff;
}

.not-ekle-button::before {
	content:'';
	background-image: url(../images/notepad_8733610.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 18px;
	height: 18px;
}

.kiraci-button {
	background-color: var(--erra-primary-color);
    color: #fff;
    border-radius: 50px;
    text-decoration: none;
    font-size: 1rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 15px 30px;
	transition: all .2s;
}

.kiraci-button:hover {
	background-color: #F08374;
	color: #fff;
}

.kiraci-login-img {
	max-width: 100%;
}

.login-icon {
	width: 30px;
	height: 30px;
}



.lang-icon {
	width: 16px;
	height: 16px;
}


.not-ekle-icon {
	width: 20px;
	height: 20px;
}

.calendar {
	margin: 10px auto;
	border: 1px solid #DDD;
	box-sizing: border-box;
	overflow: auto;
	border-radius: 10px;
  }
  
  .calendar-body {
	padding: 10px;
	overflow: auto;
	background-color: #F4F6F9;
  }
  
  .calendar p {
	float: left;
	width: 14%;
	text-align: center;
	box-sizing: border-box;
	margin: 0;
		-webkit-user-select: none; /* Safari, iOS, and Android */
		 -moz-user-select: none; /* Firefox */
		  -ms-user-select: none; /* Internet Explorer/Edge */
			  user-select: none; /* Non-prefixed version, currently
									supported by Chrome and Opera */
  }
  
  .calendar p.day {
	font-size: .9rem;
	color: #1b1918;
	padding: 5px 0;
  }
  
  .calendar p.date {
	font-size: .9rem;
	color: #717171;
	padding: 11px;
	cursor: pointer;
	margin-bottom: 4px;
	border-radius: 50px;
  }
  
  .calendar-head {
	background-color: #F4F6F9;
	position: relative;
	display: flex;
    align-items: center;
    justify-content: space-between;
		-webkit-user-select: none; /* Safari, iOS, and Android */
		 -moz-user-select: none; /* Firefox */
		  -ms-user-select: none; /* Internet Explorer/Edge */
			  user-select: none; /* Non-prefixed version, currently
									supported by Chrome and Opera */
  }
  
  .calendar-head .arrow-left,
  .calendar-head .arrow-right {
	position: absolute;
	cursor: pointer;
	padding: 15px;
  }
  
  .calendar-head .arrow-left svg,
  .calendar-head .arrow-right svg {
	color: #FFF;
	stroke: #FFF;
	transition: color 0.5s, stroke 0.5s;
  }
  
  .calendar-head .arrow-left:hover svg,
  .calendar-head .arrow-right:hover svg {
	color: #A0D9D6;
	stroke: #A0D9D6;
  }
  
  .calendar-head .arrow-left {
	left: 0;
  }
  
  .calendar-head .arrow-right {
	right: 0;
  }
  
  .calendar h3.month {
	font-size: .9rem;
	margin: 0;
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	color: #1b1918;
	text-align: center;
  }
  
  .calendar p.date:hover {
	background-color: #F0F0F0;
  }
  
  .calendar p.today,
  .calendar p.today:hover {
	color: #F08374;
  }
  
  .calendar p.selected,
  .calendar p.selected:hover {
	color: #FFF;
	background-color: #F08374;
  }
  
  .calendar p.show,
  .calendar p.show:hover {
	background-color: transparent;
	cursor: default;
  }

  .calendar-arrow-icon {
	width: 12px;
	height: 12px;
  }

.colorful-orange {
	color: #E1604D;
}

        /****************
VERTICAL TIMELINE 
****************/
.todo-timeline {
		max-width: 320px;
		margin: 0 auto;
  }
  .todo-timeline .timeline-text {
	display: flex;
	justify-content: space-between;
  }
  .todo-timeline .timeline-text .timeline-number {
	margin-right: 60px;
  }
  .todo-timeline .todo-title {
	font-size: 3rem;
	color: #1b1918;
	white-space: nowrap;
  }
  .todo-timeline .v-timeline {
	margin-top: 30px;
  }
  .todo-timeline .v-timeline ul {
	position: relative;
  }
  .todo-timeline .v-timeline li {
	list-style-type: none;
	padding: 0 0 50px;
	position: relative;
	overflow: hidden;
  }
  .todo-timeline .v-timeline li .top-bold-label {
	font-size: 1.2rem;
	display: inline-flex;
	line-height: 1;
  }
  .todo-timeline .v-timeline li .mid-paragraph {
	font-size: .8rem;
	margin: 0;
	display: inline-flex;
  }
  .todo-timeline .v-timeline li .bottom-link {
	color: #1b1918;
	font-size: 1.2rem;
  }
  .todo-timeline .v-timeline .pl-30 {
	padding-left: 40px;
  }
  .todo-timeline .v-timeline .v-timeline-icon:before {
	content: " ";
	height: 23px;
	position: absolute;
	top: 0;
	left: 0;
	width: 23px;
	border-radius: 50%;
	background: #1b1918;
	border: 2px solid #1b1918;
  }
  .todo-timeline .v-timeline .v-timeline-icon:after {
	content: " ";
	border-left: 2px solid #1b1918;
	display: inline-block;
	position: absolute;
	left: 11px;
	height: 400px;
	z-index: 400;
	top: 23px;
  }
  .todo-timeline .v-timeline .v-timeline-icon.v-last:before {
	border: 2px solid #1b1918;
	background: transparent;
  }
  .todo-timeline .v-timeline .v-timeline-icon.v-last:after {
	height: 0;
  }
  .todo-timeline .v-timeline .v-timeline-icon.v-not:before {
	color: #1b1918;
  }
  .todo-timeline .v-timeline .v-timeline-icon.v-line-color:after {
	border-left: 2px dashed #D9E5D6;
  }



  /****** EŞYA LİSTESİ *******/

  .steps {
    display: flex;
  /*  justify-content: space-between; */
    align-items: center;
    margin-bottom: 20px;
    position: relative;
    gap: 10px;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.steps::-webkit-scrollbar {
  display: none;
}


.step-button {
    border-radius: 50px;
    border: 2px solid #F08374;
    transition: .4s;
    font-size: .8rem;
    padding: 10px 15px;
    background: var(--erra-bg-color);
	color: #1b1918;
    display: inline-block;
  vertical-align: middle;
}

.step-button[aria-expanded="true"] {
    background-color: #F08374;
    color: #fff;
}

.done {
    background-color: #F08374;
    color: #fff;
}

.step-item {
    z-index: 10;
    text-align: center;

    display: inline-block;
  vertical-align: middle;
}

.card {
    border: 0;
}

.card-body {
	padding: 0;
}

.esya-list-item {
    border: 1px solid #dddddd;
    border-radius: 10px;
}

.esya-listesi__image {
	width: 80px;
	height: 80px;
	object-fit: cover;
	border-radius: 50%;
}

.span-servis-durumu {
	font-size: .8rem;
}

.esya-listesi__servis-durumu {
	background: #DA1414;
	color: #fff;
	border-radius: 6px;
	font-size: .8rem;
	padding: 5px 10px;
	display: flex;
	align-items: center;
	gap: 5px;
}

.esya-listesi__servis-durumu:hover {
	color: #fff;
}

.esya-listesi__servis-durumu::before {
	content:'';
	background-image: url(../images/esya-ikon.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 16px;
	height: 16px;
}


.esya-listesi__urun-bilgisi {
	background: var(--erra-primary-color);
	color: #fff;
	border-radius: 6px;
	font-size: .8rem;
	padding: 5px 10px;
	display: flex;
	align-items: center;
	gap: 5px;
}

.esya-listesi__urun-bilgisi:hover {
	color: #fff;
}

.esya-listesi__urun-bilgisi::before {
	content:'';
	background-image: url(../images/blendr.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 16px;
	height: 16px;
}

.sozlesme-bilgileri__odemeplani {
	background: var(--erra-primary-color);
	color: #fff;
	border-radius: 6px;
	font-size: .8rem;
	padding: 5px 10px;
	display: flex;
	align-items: center;
	gap: 5px;
}

.sozlesme-bilgileri__odemeplani:hover {
	background-color: var(--erra-logo-color);
	color: #fff;
}

.esya-listesi__servis-talebi {
	background: #275A5C;
	color: #fff;
	border-radius: 6px;
	font-size: .8rem;
	padding: 5px 10px;
	display: flex;
	align-items: center;
	gap: 5px;
}

.esya-listesi__servis-talebi:hover {
	color: #fff;
}

.esya-listesi__servis-talebi::before {
	content:'';
	background-image: url(../images/esya-ikon.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 16px;
	height: 16px;
}

.kira-durumu {
	border-radius: 6px;
	font-size: .8rem;
	padding: 5px 10px;
	color: #fff;
}

.kira-durumu:hover {
	color: #fff;
}

.flag-icon {
	width: 18px;
	height: 18px;
}

.select-lang-icon {
	width: 32px;
	height: 32px;
}

.sozlesme-alani .desc p {
	padding: 0;
	margin-bottom: 5px;
}

.sozlesme-alani .desc br {
	display: none;
}

.talep-ekle-button {
    border-radius: 50px;
    border: 2px solid transparent;
    transition: .4s;
    font-size: .8rem;
    padding: 10px 15px;
    background: var(--erra-bg-color);
	color: #1b1918;
    display: inline-block;
  vertical-align: middle;
}

.w-40 {
	width: 40%;
  }

  .w-49 {
	width: 49%;
  }

  .w-50 {
	width: 50%;
  }

  .sabit-sayfa {
	max-width: 700px;
}

.odeme-yap {
	text-decoration: underline;
	font-size: .8rem;
	font-family: 'bold';
}

.selective-apply {
	
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 99;
	background-color: var(--erra-bg-color);
	padding: 1rem;
}


.language-switcher {
	position: relative;
	display: inline-block;
	width: calc(42px * 2);
	height: 42px;
	cursor: pointer;
/*	-webkit-transform: translateY(40%);
	-moz-transform: translateY(40%);
	-ms-transform: translateY(40%);
	-o-transform: translateY(40%);
	transform: translateY(40%); */
	-webkit-transition: transform 0.17s cubic-bezier(0.26, 0.48, 0.08, 0.9);
	-moz-transition: transform 0.17s cubic-bezier(0.26, 0.48, 0.08, 0.9);
	-ms-transition: transform 0.17s cubic-bezier(0.26, 0.48, 0.08, 0.9);
	-o-transition: transform 0.17s cubic-bezier(0.26, 0.48, 0.08, 0.9);
	transition: transform 0.17s cubic-bezier(0.26, 0.48, 0.08, 0.9);
  }
  .language-switcher input {
	opacity: 0;
	width: 0;
	height: 0;
  }
  .language-switcher .select-tr,
  .language-switcher .select-en {
	position: absolute;
	font-size: .7rem;
	top: 6px;
	color: #1b1918;
	display: flex;
    align-items: center;
	flex-direction: column;
	justify-content: center;
    gap: 1px;
	line-height: 1;
  }
  .language-switcher .select-tr {
	left: 12px;
  }
  .language-switcher .select-en {
	right: 12px;
  }
  
  /* The slider */
  .language-switcher .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #F08374;
	box-shadow: 0 3px 64px rgba(30, 52, 112, 0.1);
	-webkit-transition: 0.4s;
	transition: 0.4s;
  }
  
  .language-switcher .slider:before {
	position: absolute;
	content: "";
	height: 42px;
	width: 42px;
	left: 0;
	bottom: 0;
	background-color: white;
	box-shadow: 0 3px 64px rgba(30, 52, 112, 0.16);
	-webkit-transition: 0.4s;
	transition: 0.4s;
  }
  
  .language-switcher input:checked + .slider {
	background-color: #F08374;
  }
  
  .language-switcher input:focus + .slider {
	box-shadow: none;
  }
  
  .language-switcher input:checked + .slider:before {
	-webkit-transform: translateX(42px);
	-ms-transform: translateX(42px);
	transform: translateX(42px);
  }
  
  /* Rounded sliders */
  .language-switcher .slider.round {
	border-radius: 42px;
  }
  
  .language-switcher .slider.round:before {
	border-radius: 50%;
  }


  .daire-id {
	font-size: 14px !important;
}

.daire-option {
	padding-bottom: 5rem;
}

.daireler-intro {
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
	width: 100%;
}


.daireler-liste {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
	gap: 2rem;
	width: 100%;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.daire-secimi {
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.daireler-liste .bxslider > div {
	width: 100% !important;
}

.daireler-liste .daire-item-link .daire-item h4 {
	text-transform: capitalize;
}

.phone-desktop-view {
	display: none;
}

.tablet-view {
	display: block;
}

.intro-banner img {
	max-height: 55vh;
	width: 100%;
	object-fit: cover;
}

.border-radius {
	border-radius: 1rem;
}

.intro-banner {
	background-color: #fff;
}

.daireler-liste__img {
	max-width: 100%;
  height: auto;
}

.rezervasyon__img {
	max-width: 100%;
  height: auto;
  width: 30%;
  border-radius: 10px;
}

.kiraci-harita {
	padding-left: 100px;
}



/****** PRICE RANGE *******/

.fiyat-araligi #app input,
.fiyat-araligi #app select,
.fiyat-araligi #app button,
.fiyat-araligi #app textarea {
  font-family: inherit;
  color: var(--erra-primary-color);
  background: #fff;
  
  padding: 0.875em;
  border-radius: 8px;
  width: clamp(50%, 20em, 100%);
  border: 1px solid #ddd;
  outline: 1px solid transparent;
  accent-color: var(--erra-primary-color);
 /* box-shadow: 0 3px 2px -3px var(--bor); */
  transition: border 0.3s ease-in, outline 0.6s ease-in, box-shadow 0.6s ease-in;
}
.fiyat-araligi #app input:focus,
.fiyat-araligi #app select:focus,
.fiyat-araligi #app button:focus,
.fiyat-araligi #app textarea:focus {

  outline-color: var(--erra-logo-color);
  transition: border 0.6s ease-out, outline 0.3s ease-out, box-shadow 0.3s ease-out;
}
.fiyat-araligi #app input::-moz-placeholder, .fiyat-araligi #app select::-moz-placeholder, .fiyat-araligi #app button::-moz-placeholder, .fiyat-araligi #app textarea::-moz-placeholder {
  opacity: 0.33;
  font-style: italic;
}
.fiyat-araligi #app input:-ms-input-placeholder, .fiyat-araligi #app select:-ms-input-placeholder, .fiyat-araligi #app button:-ms-input-placeholder, .fiyat-araligi #app textarea:-ms-input-placeholder {
  opacity: 0.33;
  font-style: italic;
}
.fiyat-araligi #app input::placeholder,
.fiyat-araligi #app select::placeholder,
.fiyat-araligi #app button::placeholder,
.fiyat-araligi #app textarea::placeholder {
  opacity: 0.33;
  font-style: italic;
}

.fiyat-araligi #app textarea {
  width: 100%;
  min-height: 10em;
  resize: vertical;
  display: block;
}

.fiyat-araligi #app select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url('data:image/svg+xml; utf8, <svg width="16px" height="16px" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M12.2929,5.292875 C12.6834,4.902375 13.3166,4.902375 13.7071,5.292875 C14.0976,5.683375 14.0976,6.316555 13.7071,6.707085 L8.70711,11.707085 C8.31658,12.097605 7.68342,12.097605 7.29289,11.707085 L2.29289,6.707085 C1.90237,6.316555 1.90237,5.683375 2.29289,5.292875 C2.68342,4.902375 3.31658,4.902375 3.70711,5.292875 L8,9.585765 L12.2929,5.292875 Z"  style="fill: hsl(222,20%,40%);"/></svg>');
  background-size: 1em;
  background-position: calc(100% - 1em) 50%;
  background-repeat: no-repeat;
}
.fiyat-araligi #app .dark select {
  background-image: url('data:image/svg+xml; utf8, <svg width="16px" height="16px" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M12.2929,5.292875 C12.6834,4.902375 13.3166,4.902375 13.7071,5.292875 C14.0976,5.683375 14.0976,6.316555 13.7071,6.707085 L8.70711,11.707085 C8.31658,12.097605 7.68342,12.097605 7.29289,11.707085 L2.29289,6.707085 C1.90237,6.316555 1.90237,5.683375 2.29289,5.292875 C2.68342,4.902375 3.31658,4.902375 3.70711,5.292875 L8,9.585765 L12.2929,5.292875 Z"  style="fill: hsl(222,20%,70%);"/></svg>');
}

.fiyat-araligi #app input[type=radio],
.fiyat-araligi #app input[type=checkbox] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  width: calc(1em + 8px);
  height: calc(1em + 8px);
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 100%;
}
.fiyat-araligi #app input[type=radio], .fiyat-araligi #app input[type=radio]:after,
.fiyat-araligi #app input[type=checkbox],
.fiyat-araligi #app input[type=checkbox]:after {
  transition: all 0.6s ease-in;
}
.fiyat-araligi #app input[type=radio]:focus, .fiyat-araligi #app input[type=radio]:focus:after,
.fiyat-araligi #app input[type=checkbox]:focus,
.fiyat-araligi #app input[type=checkbox]:focus:after {
  transition: all 0.3s ease-out;
}
.fiyat-araligi #app input[type=radio]:after,
.fiyat-araligi #app input[type=checkbox]:after {
  content: "";
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  background: transparent;
  border-radius: 100%;
  opacity: 0.9;
}
.fiyat-araligi #app input[type=radio]:checked:after,
.fiyat-araligi #app input[type=checkbox]:checked:after {
  background: var(--fg);
}
.fiyat-araligi #app input[type=radio]:focus,
.fiyat-araligi #app input[type=checkbox]:focus {
  background-color: var(--tint);
}
.fiyat-araligi #app input[type=radio]:focus:after,
.fiyat-araligi #app input[type=checkbox]:focus:after {
  opacity: 1;
}
.fiyat-araligi #app input[type=radio] + label,
.fiyat-araligi #app input[type=checkbox] + label {
  text-transform: none;
  display: inline-flex;
  padding: 0 0.25em;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: none;
}
.fiyat-araligi #app input[type=radio]:checked + label,
.fiyat-araligi #app input[type=checkbox]:checked + label {
  font-weight: bold;
  font-style: italic;
  color: var(--fg);
}

.fiyat-araligi #app input[type=checkbox] {
  border-radius: 5px;
}
.fiyat-araligi #app input[type=checkbox]:after, .fiyat-araligi #app input[type=checkbox]:focus:after {
  background-size: 1.2em;
  background-position: center;
  opacity: 0;
}
.fiyat-araligi #app input[type=checkbox]:checked:after {
  background: url('data:image/svg+xml; utf8, <svg width="16px" height="16px" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M13.7071,4.29289 C14.0976,4.68342 14.0976,5.31658 13.7071,5.70711 L7.70711,11.7071 C7.31658,12.0976 6.68342,12.0976 6.29289,11.7071 L3.29289,8.70711 C2.90237,8.31658 2.90237,7.68342 3.29289,7.29289 C3.68342,6.90237 4.31658,6.90237 4.70711,7.29289 L7,9.58579 L12.2929,4.29289 C12.6834,3.90237 13.3166,3.90237 13.7071,4.29289 Z"  style="fill: hsl(222,20%,40%);"/></svg>');
  background-size: 1.2em;
  background-position: center;
  opacity: 1;
}
.fiyat-araligi #app .dark input[type=checkbox]:checked:after {
  background-image: url('data:image/svg+xml; utf8, <svg width="16px" height="16px" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M13.7071,4.29289 C14.0976,4.68342 14.0976,5.31658 13.7071,5.70711 L7.70711,11.7071 C7.31658,12.0976 6.68342,12.0976 6.29289,11.7071 L3.29289,8.70711 C2.90237,8.31658 2.90237,7.68342 3.29289,7.29289 C3.68342,6.90237 4.31658,6.90237 4.70711,7.29289 L7,9.58579 L12.2929,4.29289 C12.6834,3.90237 13.3166,3.90237 13.7071,4.29289 Z"  style="fill: hsl(222,20%,95%);"/></svg>');
}

.fiyat-araligi #app .range {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-block: 1em;
}
.fiyat-araligi #app .range label {
  margin: 0;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  text-transform: none;
  font-size: 0.75em;
}
.fiyat-araligi #app .range:first-child {
  text-align: right;
}
.fiyat-araligi #app .range:last-child {
  text-align: left;
}

.fiyat-araligi #app input[type=range] {
  --pad: 4px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: calc(100% - 1em);
  height: calc(1em + var(--pad) * 2);
  background: var(--b);
  border: none;
  outline: none;
  padding: 0 var(--pad);
  margin-inline: 0.5em;
  border-radius: 1em;
}
.fiyat-araligi #app input[type=range], .fiyat-araligi #app input[type=range]* {
  transition: all 0.5s ease;
}

.fiyat-araligi #app input[type=range]::-webkit-slider-runnable-track {
  background: linear-gradient(90deg, var(--tint) -25%, var(--tint2) 125%);
  display: block;
  width: calc(100% + var(--pad) * 2);
  height: calc(1em + var(--pad) * 2);
  border-radius: 1em;
  margin-inline: calc(var(--pad) * -1);
  -webkit-transition: opacity 0.5s ease-in, background 0.5s ease-in;
  transition: opacity 0.5s ease-in, background 0.5s ease-in;
  opacity: 0;
  will-change: opacity, background;
  background: var(--b);
  padding: 0.25em var(--pad);
  opacity: 1;
}

.fiyat-araligi #app input[type=range]::-moz-range-track {
  background: linear-gradient(90deg, var(--tint) -25%, var(--tint2) 125%);
  display: block;
  width: calc(100% + var(--pad) * 2);
  height: calc(1em + var(--pad) * 2);
  border-radius: 1em;
  margin-inline: calc(var(--pad) * -1);
  -moz-transition: opacity 0.5s ease-in, background 0.5s ease-in;
  transition: opacity 0.5s ease-in, background 0.5s ease-in;
  opacity: 0;
  will-change: opacity, background;
}

.fiyat-araligi #app input[type=range]::-ms-track {
  background: linear-gradient(90deg, var(--tint) -25%, var(--tint2) 125%);
  display: block;
  width: calc(100% + var(--pad) * 2);
  height: calc(1em + var(--pad) * 2);
  border-radius: 1em;
  margin-inline: calc(var(--pad) * -1);
  -ms-transition: opacity 0.5s ease-in, background 0.5s ease-in;
  transition: opacity 0.5s ease-in, background 0.5s ease-in;
  opacity: 0;
  will-change: opacity, background;
}

.fiyat-araligi #app input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 1em;
  height: 1em;
  border: none;
  outline: none;
  background: var(--fg);
  border-radius: 1em;
  transform: translate3d(0, 0, 0);
}

.fiyat-araligi #app input[type=range]::-moz-range-thumb {
  -moz-appearance: none;
       appearance: none;
  width: 1em;
  height: 1em;
  border: none;
  outline: none;
  background: var(--fg);
  border-radius: 1em;
  transform: translate3d(0, 0, 0);
}

.fiyat-araligi #app input[type=range]::-ms-thumb {
  appearance: none;
  width: 1em;
  height: 1em;
  border: none;
  outline: none;
  background: var(--fg);
  border-radius: 1em;
  transform: translate3d(0, 0, 0);
}

.fiyat-araligi #app input[type=range]:focus::-webkit-slider-runnable-track {
  -webkit-transition: background 0.5s ease-out;
  transition: background 0.5s ease-out;
  background: linear-gradient(90deg, var(--tint) -25%, var(--tint2) 125%);
  opacity: 1;
}

.fiyat-araligi #app input[type=range]:focus::-moz-range-track {
  -moz-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
  opacity: 1;
}

.fiyat-araligi #app input[type=range]:focus::-ms-track {
  -ms-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
  opacity: 1;
}

.fiyat-araligi #app input[type=color] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  max-width: 4em;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.5em;
  padding: 5px;
  border-radius: 10em;
}

.fiyat-araligi #app input[type=color]::-moz-color-swatch,
.fiyat-araligi #app input[type=color]::-webkit-color-swatch {
  border: inherit;
  border-radius: inherit;
  display: block;
}

.fiyat-araligi #app .buttons {
  display: flex;
  justify-content: flex-end;
  gap: 0.5em;
}

.fiyat-araligi #app button {
  display: flex;
  align-items: center;
  gap: 0.5em;
  background: hsl(var(--h), var(--s), 90%);
  text-transform: uppercase;
  width: auto;
  padding-inline: 2em;
  box-shadow: inset 0 0 0 1px transparent;
  transition: all 0.3s ease;
}
.fiyat-araligi #app .dark button {
  background: hsl(var(--h), var(--s), 15%);
}
.fiyat-araligi #app button:hover {
  opacity: 0.8;
  box-shadow: inset 0 0 0 1px var(--fg);
}
.fiyat-araligi #app button[type=submit] {
  --svg: var(--bg);
  background: var(--fg);
  color: var(--bg);
  font-weight: 600;
}

.fiyat-araligi #app svg {
  fill: var(--svg);
  height: 1.5em;
  width: auto;
}

.fiyat-araligi #app .group {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  margin-block: 1em;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.fiyat-araligi #app .group input + label {
  display: inline-block;
  margin-block: 0;
  padding: 0.5em 1em;
  -webkit-margin-end: 2em;
          margin-inline-end: 2em;
}


.fiyat-araligi #app label {
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: 0.875rem;
  text-transform: uppercase;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-after: 0.5em;
          margin-block-end: 0.5em;
  color: var(--labels);
  transition: all 0.5s ease;
}

.fiyat-araligi #app .field:focus-within label {
  color: var(--erra-logo-color);
}

.fiyat-araligi #app .field {
  margin-block: 2.5em;
}

.fiyat-araligi #app .field:nth-of-type(1) {
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
}

.fiyat-araligi #app .field:nth-last-of-type(1) {
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
}

.fiyat-araligi #app fieldset {
  min-width: 100%;
  width: 100%;
  border-radius: 5px;
}

.fiyat-araligi #app legend {
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 0 2em;
  transform: translateX(-1em);
}

.fiyat-araligi #app form {
  min-width: 100%;
  width: 100%;
  background-color: var(--bg);
  color: var(--fg);
  padding: 10px calc(var(--pads) * 2);
  border-radius: 8px;
}

.fiyat-araligi #app form {
  --bor: hsl(var(--h), var(--s), 85%);
  --bg: var(--light);
  --fg: var(--dark);
  --labels: hsl(var(--h), var(--s), 40%);
  --b: hsla(var(--h), var(--s), 100%, 1);
  --svg: var(--fg);
}

.fiyat-araligi #app form.dark {
  --bor: hsl(var(--h), var(--s), 35%);
  --bg: var(--dark);
  --fg: var(--light);
  --labels: hsl(var(--h), var(--s), 65%);
  --b: hsla(var(--h), var(--s), 12%, 1);
  --tint: hsl(260, 85%, 60%);
  --tint2: hsl(300, 85%, 60%);
}

.fiyat-araligi #app {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--pads);
}

@media screen and (min-width: 900px) {
  .fiyat-araligi #app {
    grid-template-columns: 1fr 1fr;
  }
}
:root {
  --pads: max(1vw, 10px);
}



.fiyat-araligi #app header {
  grid-column: 1/-1;
}
.fiyat-araligi #app header h1 {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}
.fiyat-araligi #app header p {
  -webkit-margin-before: 0.5em;
          margin-block-start: 0.5em;
}


.fiyat-araligi #app {
	grid-template-columns: 1fr;
  }
  .fiyat-araligi #app .rangeSlider.pips {
	--range: var(--tint);
	--rangebg: #ddd;
	background: var(--rangebg);
	margin: 6.5em 5px 2em;
  }
  .fiyat-araligi #app .rangeSlider.pips:after {
	content: "";
	height: 5px;
	border-radius: 5px;
	background: inherit;
	width: calc(100% + 1em);
	position: absolute;
	bottom: 0;
	left: -0.5em;
  }
  .fiyat-araligi #app .rangeSlider,
  .fiyat-araligi #app .rangeSlider .rangeBar {
	height: 5px;
  }
  .fiyat-araligi #app .rangeSlider .rangePips {
	bottom: 5px;
  }
  .fiyat-araligi #app .rangeSlider .pip {
	width: 3px;
	min-height: 10px;
	top: auto;
	bottom: 0;
	translate: -1px 0;
	background-color: var(--rangebg);
	background-image: linear-gradient(0deg, transparent 20px, rgba(255, 255, 255, 0.2) 50px);
	-webkit-animation: pipIn 0.5s cubic-bezier(0.36, 1.35, 0.48, 1.02) both 0.2s;
			animation: pipIn 0.5s cubic-bezier(0.36, 1.35, 0.48, 1.02) both 0.2s;
	transition: all 0.5s ease;
	opacity: 0.8;
	transform-origin: bottom center;
	border-radius: 10px 10px 0 0;
  }
  .fiyat-araligi #app .rangeSlider .pip {
	width: 1px;
  }
  
  .fiyat-araligi #app .rangeSlider .pip.in-range,
  .fiyat-araligi #app .rangeSlider .pip.selected {
	background-color: #FF8674;
	-webkit-animation-delay: 0s;
			animation-delay: 0s;
  }
  .fiyat-araligi #app .rangeSlider .rangeHandle {
	width: 19px;
	height: 19px;
  }
  .fiyat-araligi #app .rangeSlider .rangeHandle .rangeNub {
	background: #FF8674;
  }
  .fiyat-araligi #app .rangeSlider:not(.focus) .rangeHandle .rangeNub {
	background: var(--bg);
  }
  .fiyat-araligi #app .rangeSlider.range:not(.min):not(.max) .rangeNub {
	border-radius: 100%;
	box-shadow: inset 0 0 0 4px white;
  }
  .fiyat-araligi #app .rangeFloat {
	background: white;
	color: var(--bg);
	border-radius: 5px;
	padding: 0.4em 0.6em 0.3em;
	top: -0.5em;
  }
  
  .fiyat-araligi #app .rangeSlider.focus .rangeBar {
	background-color: #FF8674;
  }
  
  .fiyat-araligi #app fieldset {
	width: auto;
	min-width: none;
  }
  
  .fiyat-araligi #app .prices {
	min-height: 5px;
	margin: 6.5em 5px 2em;
  }
  
  .fiyat-araligi #app .fields {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 10px;
  }

 
  
  .fiyat-araligi #app .fields hr {
	width: 100%;
	height: 1px;
	background: var(--bor);
	border: none;
	justify-self: center;
	align-self: end;
	margin: 0 0 23px;
	display: none;
  }
 
  
  .fiyat-araligi #app .ui {
	color: var(--erra-primary-color);
  }
  
  .fiyat-araligi #app {
	width: min(720px, 95%);
  }
  
  .fiyat-araligi #app h1 {
	font-size: 1.8rem;
	font-weight: 300;
	margin: 0 0 1rem;
	color: white;
  }
  
  .fiyat-araligi #app .fiyat-araligi #app input,
  select,
  .fiyat-araligi #app button,
  .fiyat-araligi #app textarea {
	border: 1px solid var(--bor);
	border-radius: 4px;
	background: transparent;
	width: 100%;
  }
  
  .fiyat-araligi #app .ui .field {
	margin: 0;
	display: grid;
	grid-template-rows: auto 1fr;
  }
  .fiyat-araligi #app .ui .field:after {
	content: "TL";
	grid-row: 2;
	grid-column: 1;
	justify-self: flex-end;
	align-self: center;
	text-align: center;
	width: 2.5em;
	height: 2em;
	line-height: 2em;
	border-left: 1px solid var(--bor);
  }
  
  .fiyat-araligi #app .ui .field input {
	grid-row: 2;
	grid-column: 1;
	-moz-appearance: textfield;
  }
  
  .fiyat-araligi #app .ui .field input::-webkit-outer-spin-button,
  .fiyat-araligi #app .ui .field input::-webkit-inner-spin-button {
	-webkit-appearance: none;
  }
  
  .fiyat-araligi #app label {
	color: var(--erra-primary-color);
	text-transform: none;
  }
  
  
  .fiyat-araligi #app > :not(.ui) * {
	text-shadow: 0 2px 1px rgba(0, 0, 0, 0.4);
  }
  
  @-webkit-keyframes pipIn {
	0% {
	  scale: 1 0;
	}
	100% {
	  scale: 1 1;
	}
  }
  
  @keyframes pipIn {
	0% {
	  scale: 1 0;
	}
	100% {
	  scale: 1 1;
	}
  }

  

.sirala-content .kiraci-form-control {
	padding: 10px 0 10px 27px;
	font-size: .9rem;
	margin-top: 0;
	min-width: 170px;
	max-width: 170px;
	border: 1px solid #ddd;
	display: flex;
	align-items: center;
	transition: all 0.3s;
}

.sirala-content::before {
	content: '';
	background-image: url(../images/search-box.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 12px;
	height: 12px;
	position: absolute;
	left: 10px;
}


.sirala-content .kiraci-form-control:focus-visible, .sirala-content .kiraci-form-control:focus {
	outline: 0;
	min-width: 180px;
	max-width: 180px;
}

/*.sirala-content .kiraci-form-control:focus-visible + .search-button-icon, .sirala-content .kiraci-form-control:focus + .search-button-icon {
	display: inline-flex;
	opacity: 1;
}*/



.sirala-content .search-button-icon {
	/*display: none;*/
	background-image: url(../images/search-button.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 42px;
	height: 42px;
	cursor: pointer;
	/*opacity: 0;*/
	margin: 0;
	transition: all .2s;
	outline: 0;
	border: 0;
	overflow: hidden;
}




.harita-button {
	position: fixed;
	z-index: 99;
	left: 50%;
	bottom: 3%;
	transform: translate(-50%, -3%);
	background-color: var(--erra-primary-color);
	color: #fff;
	box-shadow: 0 2px 4px rgba(39,54,86,.14),0 1px 10px rgba(39,54,86,.2);

	padding: 12px 20px;
	outline: 0;
	border: 0;
	border-radius: 50px;
	width: max-content;

	display: flex;
	align-items: center;
	gap: 5px;

	font-size: .9rem;
}

.harita-button::before {
	content:'';
	background: transparent url("../images/map-icon.svg") no-repeat center center;
	background-size: contain;
	width: 18px;
	height: 18px;
  }

#haritaModal .modal-dialog{
	max-width: inherit;
	left: 0;
	top: 0;
	transform: none !important;
	height: 100vh;
  }

#haritaModal .modal-content, #haritaModal .modal-content .modal-body {
	padding: 0;
	height: 100vh;
	max-height: inherit;
	border-radius: 0;
	position: fixed;
    width: 100%;
    overflow: hidden !important;
    top: 0;
}

#haritaModal .modal-content .modal-body {
	max-height: inherit;
}


#haritaModal .modal-content .close {
	background: #fff;
	position: absolute;
	right: 15px;
	top: 15px;
	z-index: 9999999;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	box-shadow: 0 2px 4px rgba(39,54,86,.14),0 1px 10px rgba(39,54,86,.2);
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;

}

.personel-durum > div {
	flex: 0 0 32% !important;
	max-width: 32% !important;
	gap:3px !important;
}

.randevu-tarihi {
	position: absolute;
	right: -1rem;
	top: -1rem;
	color: #fff;
	padding: 4px 6px;
	border-radius: 6px;
	font-size: 13px;
}

.arama-yap-butonu {
	color: #fff;
	padding: 4px 6px;
	border-radius: 6px;
	font-size: 12px;
	cursor: pointer;
	background-color: var(--erra-logo-color);
}

.arama-yap-butonu:hover {
	color: #fff;
}


@media (max-width: 640px) {

	/**** PHONE ***/
	.msg-img {
		width: 32px;
		height: 32px;
		flex: 0 0 12%;
	  }

	.fiyat-araligi #app .fields {
		display: flex;
	  }

	  .kiraci-list-item__content {
		flex-direction: row;
		gap: 15px;
		min-height: inherit;
	}

	.kiraci-list-item__content > div {
		flex: 0 0 85%;
		max-width: 85%;
	}

	.kiraci-list-item__icon {
		width: 26px;
		height: 26px;
	}

	.kiraci-list-item__heading {
		font-size: .9rem;
	}
	
	.kiraci-list-item__text {
		font-size: .8rem;
	}

	.kiraci-page-container__span:first-child {
		width: 100%;
	}

	.kiraci-thumb-list .kiraci-list-item__heading {
		font-size: 1rem;
	}

	.kiraci-thumb-list .kiraci-list-item__text {
		font-size: .9rem;
	}

	.bilgi-alani-field {
		width: 80%;
	}

	.kiraci-form-control {
		padding: 12px 10px;
	}

	/* .calendar-content {
		padding-left: 0;
	} */
	

	

	.kiraci-harita iframe {
		height: 400px;
	}

	.todo-timeline .v-timeline li {
		padding: 0 0 40px;
	  }

	.esya-listesi__image {
		width: 50px;
		height: 50px;
	}

	.esya-listesi__gorsel h5 {
		font-size: 1rem;
		margin-bottom: 0 !important;
	}

	.w-40 {
		width: 68%;
	  }

	 

	  .w-49 {
		width: 100%;
	  }

	  .talepler .esya-listesi__content:first-child {
		min-width: 100px;
	  }

	  .daire-option ul li {
		flex: 0 0 100%;
	}

	#optionsModal .daire-option ul li {
		flex: 0 0 100%;
	}

	.phone-desktop-view {
		display: block;
	}

	.tablet-view {
		display: none;
	}

	.toplam-fiyat .border-button {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.toplam-fiyat .border-button .form-check-input {
		margin-right: 0;
		order: 2;
	}

	.navbar-brand img {
		max-width: 155px;
	}
  
	#navbar_main .navbar-brand img {
		max-width: 180px;
	}
  
	.daireler-liste.favoriler .daire-item {
		width: 100%;
	  }

	  .ilce-container {
		flex: 0 0 100%;
		justify-content: space-between;
	  }

	  .ilce-container .checkmark {
		order:2;
	  }


	  .hero-banner-container .hero-banner-content {
		justify-content: center;
		align-items: center;
		text-align: center;
		top: 80%;
		left: 50%;
		transform: translate(-50%, -80%);
	}
	
	.hero-banner-container .hero-banner-content p {
		max-width: 100%;
	}

	.intro-banner img {
		max-height: 40vh;
	}

	.accordion p {
		font-size: 1.1rem;
	  }

	.desc p {
		font-size: 1rem;
	  }
}


@media (min-width: 376px) and (max-width: 640px) {
	.sirala-content .kiraci-form-control:focus-visible, .sirala-content .kiraci-form-control:focus {
		min-width: 220px;
		max-width: 220px;
	}
} 




@media (max-width: 999px) { 

	/**** PHONE AND TABLET ***/


	html{
		overflow-x:hidden;
	}

	body {
		overflow-x:hidden;
	}
	
	footer {
		padding-bottom: 100px;
	}

	.cd-filter .daireler-ilce {
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		-ms-scroll-snap-type: x mandatory;
		scroll-snap-type: x mandatory;
		white-space: nowrap;
	  }

	.erraacademy img {
		min-height: 350px;
		border-radius: 25px;
	}

	.daire-details .job {
		font-size: 16px;
		flex: 0 0 100%;
	}
	
	.daire-details .job::before {
		width: 24px;
		height: 24px;
	}
	
	.daire-details .location {
		font-size: 14px;
		flex: 0 0 65%
	}
	
	.daire-details .location::before {
		width: 24px;
		height: 24px;
	}

	.w-m-100 {
		width: 100%;
	}

	.grid-banner-container {
		margin-bottom: 30px;
	}

	.content-banner img {
		max-height: 360px;
	}


	.grid-system h2 {
		font-size: 22px;
	}
	
	.grid-system h4 {
		font-size: 13px;
	}

	.one-cikan-daireler .one-cikan-daireler-item .daire-info span {
		font-size: 12px;
	}
	

	.home-bg-style {
		background-image: url(../images/mobile-bg.jpg);
	}

	.new-home-banner-container {
		border-radius: 30px;
	}
	
	.new-home-banner__button {
		font-size: .8rem;
	}

	
	.new-home-banner-container .home-banner__content h2 {
		font-size: 24px;
		letter-spacing: 3px;
		font-weight: 600;
	}
	
	.new-home-banner-container .home-banner__content h3 {
		font-size: 20px;
		letter-spacing: 2px !important;
	}
	
	
	.new-home-banner-container .home-banner__content p {
		font-size: 12px;
		letter-spacing: 1px !important;
	}
	
	.new-home-banner-container .home-banner__img {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-bottom-left-radius: 30px;
		border-bottom-right-radius: 30px;

	}
	
	.new-home-banner-container .home-banner__svg-img {
		max-width: 40px;
	}

	.new-home-banner-container .home-banner__content h4 {
		font-size: 13px;
		line-height: 1.6;
		letter-spacing: 2px !important;
	}

	.new-small-banner-container .home-banner__content h2 {
		font-size: 18px;
		font-weight: 600 ;
		letter-spacing: 2px !important;
		line-height: 1.8;
	}
	
	.new-small-banner-container .home-banner__content h3 {
		font-size: 30px;
		letter-spacing: 3px !important;
		font-weight: 400 ;
		font-style: italic !important;
	}
	
	.new-small-banner-container .home-banner__content h4 {
		font-size: 16px;
		font-weight: 400;
		letter-spacing: 3px !important;
		text-align: center;
		line-height: 1.4;
	}
	
	.new-small-banner-container .home-banner__content p {
		font-size: 20px;
		font-weight: 400;
		letter-spacing: 1.5px !important;
		text-align: center;
	}

	.new-small-banner-container .home-banner__svg-img {
		max-width: 60px;
	}
	

	.mobile-full-screen {
		position: fixed;
		overflow: hidden;
		width: 100%;
		height: 100%;
		background-color: #fff;
		z-index: 99999999;
		top: 0;
		left: 0;
	}
	
	.offcanvas-header{ display:block; }

	.mobile-offcanvas{
		visibility: hidden;
		transform:translateX(-100%);
	    border-radius:0; 
		display:block;
	    position: fixed;
	    top: 0; left:0;
	    height: 100%;
	    z-index: 100001;
	    width:80%;
	    overflow-y: scroll;
	    overflow-x: hidden;
	    transition: visibility .3s ease-in-out, transform .3s ease-in-out;

		background-color: var(--erra-yeni-primary-color);
	}

	.mobile-offcanvas.show{
		visibility: visible;
    	transform: translateX(0);
	}
	.mobile-offcanvas .container, .mobile-offcanvas .container-fluid{
		display: block;
	}

	.mobile-logo {
		max-width: 170px;
	}

	.top-header .top-header__text {
		font-size: 13px;
	}

	

	.content-banner .content-banner-button {
		display: flex;
		padding: 16px 20px;
		font-size: 16px;
		width: 100%;
	}

	

	.content-banner h1 {
		font-size: 30px;
		letter-spacing: -1px;
	}
	
	.content-banner p {
		font-size: 16px;
	}

	.content-banner .content-banner-button {
		display: flex;
	}

	

	.home-icon {
		height: 54px;
	}

	#apartments section .thumbnail, #references section .thumbnail {
		flex: 0 0 auto;
		object-fit: cover;
		cursor: pointer;
		margin: 10px;
		overflow: hidden;
		transition: all 0.3s;
		margin-bottom: 40px;
	  }

	  .pl-70 {
		padding-left: var(--bs-gutter-x, 0.75rem);
	}

	#apartments section .thumbnail img {
		max-height: 260px;
	  }

	  #references section .thumbnail img {
		max-height: 80px;
	  }

	  .product-details {
		padding: 10px 20px;
	  }

	  .product-details h2 {
		font-size: 1.4rem;
	  }
	
	  .product-details h3 {
		font-size: 1rem;
	  }

	  .product-details p span {
		font-size: 14px;
	  }

	  .product-details p span {
		padding: 0 5px;
	  }

	  .product-details p span:first-child {
		padding: 0 5px 0 0;
	  }

	  .comments {
		padding: 60px 0;
	  }

	  .navbar-nav .nav-item {
		border-bottom: 1px solid var(--erra-light-gray-color) !important;
	  }

	

	  .evini-kirala-container {
		padding: inherit;
	}
	
	.evini-kirala-container.right-image img {
		min-height: 300px;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
		border-top-right-radius: 70px;
		border-top-left-radius: 70px;

	}
	
	.evini-kirala-container.left-image img {
		min-height: 300px;
		border-top-left-radius: 70px;
		border-top-right-radius: 70px;
	}
	
	.evini-kirala-container.right-image div {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-bottom-right-radius: 70px;
		border-bottom-left-radius: 70px;
	}
	
	.evini-kirala-container.left-image div {
		border-top-right-radius: 0;
		border-top-left-radius: 0;
		border-bottom-right-radius: 70px;
		border-bottom-left-radius: 70px;
	}

	.bx-wrapper img {
		max-height: 220px;
	}

	.daire-info img {
		width: 20px;
		height: 20px;
	}

	.daire-info span {
		font-size: 14px;
	}



	.daire-about p {
		font-size: 14px;
		line-height: 1.8;
	}

	


	.daire-option ul {
		flex-wrap: wrap;
		align-items: center;
		gap: 30px;
	}
	
	

	.daire-option ul.permission {
		gap: 30px !important;
	}

	.daire-option ul.permission li {
		flex: 0 0 100%;
	}

	.erra-login {
		width: 100%;
	}

	.daire-price {
		position: relative;
		z-index: 9;
		
	}

	.daire-price-container {
		position: fixed !important;
		bottom: 0 !important;
		left:0 !important;
		background: var(--erra-bg-color) !important;
		width: 100%;
		border: 1px solid rgb(221, 221, 221);
		border-radius: 0;
		padding: 24px;
		box-shadow: rgba(0, 0, 0, 0.1) 0px -10px 16px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap:10px;
		padding: 20px;
		justify-content: space-between;
	}
	.daire-fiyat-ayrintilari {
		order: 2;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.daire-price__info {
		flex: 0 0 40%;
		margin: 0 !important;
	}

	.daire-price__info .daire-etiket-fiyat__net {
		font-size: 1.5rem;
	}

	.reservation-button {
		padding: 12px 10px !important;
		margin: 0 !important;
		width: max-content !important;
		font-size: .9rem !important;
	}



	.daire-price__info--text {
		flex: 0 0 50%
	}

	.reservation-button-text {
		font-size:12px;
	}

	.date-scroller {
		overflow: hidden !important;
	 }

	 .date-scroller__inner {
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		-ms-scroll-snap-type: x mandatory;
		scroll-snap-type: x mandatory;
		white-space: nowrap;
	 }

	 .date-list {
		white-space: nowrap;
    	flex-flow: row nowrap;
	 }

	 .date-list__item {
		flex: 0 0 auto;
		white-space: normal;
		scroll-snap-align: center;
	 }

	



	 .select-box__list {
		width: 100%; 
		min-width: 300px;
	  }

	  

	  .order-sort .select-box__list .select-box__option {
		text-align: right;
		padding: 10px 15px;
	  }

	  

	  #daireler-filtre .select-box__list {
		min-width: 350px;
	  }

	  .order-sort .select-box__list {
		right: 0;
		width: inherit; 
		min-width: 200px !important;
	  }


	  .filters .select-box__list {
		left: -80px;
		width: inherit; 
		min-width: 300px !important;
		max-height: 380px;
		overflow-y: auto;
	  }

	  .filters .select-box__list .wrapper {
		width: inherit;
		padding: 0;
	  }

	  .filters .select-box__list .ilce-container {
		padding-left: 25px;
	  }

	  
	  .map-button {
		text-decoration: none;
		cursor: pointer;
		transition: all 0.3s ease-out;
		position: fixed;
		left: 50%;
		bottom: 3%;
		transform: translate(-50%, -3%);
		background-color: var(--erra-logo-color);
		border-radius: 50px;
		z-index: 99999;
		font-size: 14px;
		padding: 6px 20px;
		color: #fff;
		text-transform: uppercase;
		display: flex;
		align-items: center;
		gap: 10px;
		box-shadow: 0 2px 4px rgba(39,54,86,.14),0 1px 10px rgba(39,54,86,.2);
		font-family: 'bold';
	  }

	  .map-button:hover {
		color: #fff;
	  }

	  .map-button::before {
		content: '';
		background-image: url(../images/fluent_map-16-regular.svg);
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		width: 20px;
		height: 20px;
	  }
	  
	  .overlay {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: rgba(0, 0, 0, 0.7);
		transition: opacity 500ms;
		visibility: hidden;
		opacity: 0;
		z-index: 10000000;
	  }
	  .overlay:target {
		visibility: visible;
		opacity: 1;
	  }
	  
	  .popup {
		margin: 0 auto;
		width: 100%;
		position: relative;
		transition: all 5s ease-in-out;
		width: 100%;
		height: 100vh;
	  }
	  
	  .popup h2 {
		margin-top: 0;
		color: #333;
		font-family: Tahoma, Arial, sans-serif;
	  }
	  .popup .close {
		position: absolute;
		top: 10px;
		right: 10px;
		transition: all 200ms;
		font-size: 20px;
		text-decoration: none;
		color: var(--erra-primary-color);
		opacity: 1;
		background: #fff;
		border-radius: 50%;
		padding: 0 15px;
		font-family: 'normal';
		line-height: 2;
		box-shadow: 0 2px 1px rgba(39,54,86,.1), 0 1px 6px rgba(39,54,86,.2);
	  }
	  .popup .content {
		width: 100%;
		height: 100vh;
		overflow: hidden;
	  }

	  .sss h3 {
		font-size: 16px !important;
	}

	.bottom-container .home-banner__svg-img {
		max-width: 64px !important;
	}

	.bottom-container h2 {
		font-size: 18px !important;
		letter-spacing: 1px !important;
	}

	.bottom-container h4 {
		font-size: 16px !important;
		letter-spacing: 1px !important;
	}

	.bottom-container p {
		font-size: 16px !important;
		letter-spacing: 1px !important;
	}

	 .grid-button2 {
		position: absolute;
		font-size: 14px;
		font-weight: 500;
		color: #fff;
		background-color: #CAB48B;
		border-top-left-radius: 50px;
		border-bottom-left-radius: 50px;
		width: max-content;
		top: 40%;
		right: 0;
		transform: translate(0, -40%);
		text-decoration: none;
		padding: 10px 20px;
	}

	 .grid-button3 {
		position: absolute;
		font-size: 14px;
		font-weight: 500;
		color: #fff;
		border-top-left-radius: 50px;
		border-bottom-left-radius: 50px;
		width: max-content;
		top: 50%;
		right: 0;
		transform: translate(0, -50%);
		text-decoration: none;
		padding: 10px 20px;
		background-color: #B69686;
	}

	 .grid-button4 {
		position: absolute;
		font-size: 14px;
		font-weight: 500;
		color: #fff;
		border-top-left-radius: 50px;
		border-bottom-left-radius: 50px;
		width: max-content;
		top: 60%;
		right: 0;
		transform: translate(0, -60%);
		text-decoration: none;
		padding: 10px 20px;
		background-color: #AC9F84;
	}

	.modal-dialog {
		max-width: inherit;
		width: 100%;
		height: 100vh;
		margin: 0;
		left:0;
		top:0;
		transform: none !important;
	  }

	  .new-home-banner__button {
		padding: 10px 30px;
		font-size: 14px;
	}
  
	.foto-galeri-buton {
		/*display: none;*/
		bottom:50px;
	  }

	  .fiyat-araligi #app input,
	.fiyat-araligi #app select,
	.fiyat-araligi #app button,
	.fiyat-araligi #app textarea {
	  width: clamp(50%, 25em, 100%);
	}

	

	.kiraci-harita {
		padding-left: 0;
	}

	.rez-time, .rez-person {
		padding-bottom: 20px;
	}

	.rezervasyon-content {
		margin-top: 50px;
	}

	.modal-content {
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		backface-visibility: hidden;
		overflow: hidden;
	}

	.modal-body {
		max-height: 100vh;
		position: relative;
		overflow: auto !important;
	}
	
}

  @media screen and (min-width: 641px) {

	/**** TABLET AND UP ***/

	.fiyat-araligi #app .fields hr {
		display: block;
	  }

	.fiyat-araligi #app .fields {
	  grid-template-columns: 1fr 24px 1fr;
	}

	.fiyat-araligi #app .rangeSlider .pip {
		width: 3px;
		translate: -1.5px 0;
	  }

	  .fiyat-araligi #app .rangeSlider .pip {
		width: 4px;
		translate: -2px 0;
	  }

	  .fiyat-araligi #app .group {
		grid-template-columns: repeat(2, auto 1fr);
	  }

	  .date-list {
		justify-content: center;
	 }

	 .sirala-content .kiraci-form-control:focus-visible, .sirala-content .kiraci-form-control:focus {
		outline: 0;
		min-width: 350px;
	}

	.sirala-content .kiraci-form-control {
		padding: 10px 10px 10px 30px;
		min-width: 250px;
	}

	.esya-listesi__content:first-child {
	/*	border-right: 1px solid #ddd;
		 padding-right: 40px; */
		flex: 0 0 50%;
		max-width: 50%;
	}

	.w-d-60 {
		width: 60%;
	}
  }

  @media all and (min-width: 641px) and (max-width: 999px) {

	/**** TABLET ***/
	
	.ilce-container {
		flex: 0 0 45%;
	  }

	.content-banner h1 {
		font-size: 24px;
	}

	.content-banner p {
		font-size: 12px;
	}

	.daireler-liste.favoriler .daire-item {
		width: 48%;
	  }

	  .daire-price-container {
		padding: 20px 35px;
	}

	.daire-price__info .daire-etiket-fiyat__net {
		font-size: 1.6rem;
	}

	.reservation-button {
		padding: 10px 15px !important;
		font-size: 1rem !important;
	}
	  .modal-dialog {
		height: 100vh;
	  }

	  .hero-banner-container .hero-banner-content p {
		max-width: 70%;
	}


	.selective-apply {
		position: fixed;
	}

  }







@media (min-width: 1000px) {

	/**** DESKTOP ***/



	.daire-content {
		padding-right: 80px;
	}

	.pl-20 {
		padding-left: 20px !important;
	}
  
	.pr-20 {
		padding-right: 20px !important;
	}
  
	.new-home-banner-container .home-banner__img {
		max-height: 600px;
	}
  
	.max-height {
		max-height: 550px;
	}
  
	.erra-login {
		margin-left: 20px;
	}
  
	.hero-banner h1 {
		margin-bottom: 20px;
	}

	.fiyat-araligi #app .group {
		grid-template-columns: repeat(4, auto 1fr);
	  }

	  .modal-dialog {
	  max-width: 780px;
	}

	.modal-dialog:has(.rez-time) {
		max-width: 500px;
	}

	.modal-dialog:has(.rez-person) {
		max-width: 420px;
	}

	.modal-dialog .modal-content {
	  padding: 1rem;
	}



	.lightpick__months {
		grid-gap: 40px !important;
	}

	.daire-fotolari .owl-stage {
		display: grid !important;
		width: 100% !important;
		transform: none !important;
		gap: 5px !important;
		grid-template-columns: 25% 25% 25% 25%;
		  grid-template-rows: auto auto;
	}

	.daire-fotolari .owl-stage .owl-item {
		width: inherit !important;
	}

	.daire-fotolari .owl-stage .owl-item:first-child {
		grid-column: 1/3 !important;
		grid-row: 1/3 !important;
	}

	.daire-fotolari .owl-stage .owl-item:nth-child(2) {
		grid-column: 3/4 !important;
		grid-row: 1/2 !important;
	}

	.daire-fotolari .owl-stage .owl-item:nth-child(3) {
		grid-column: 3/4 !important;
		grid-row: 2/3 !important;
	}

	.daire-fotolari .owl-stage .owl-item:nth-child(4) {
		grid-column: 4/5 !important;
		grid-row: 1/2 !important;
	}

	.daire-fotolari .owl-stage .owl-item:nth-child(5) {
		grid-column: 4/5 !important;
		grid-row: 2/3 !important;
	}

	.daire-fotolari .owl-stage .owl-item:nth-child(n+6) {
		display: none !important;
	}

	.daire-fotolari .owl-carousel .owl-dots {
		display: none !important;
	}

	.daire-fotolari .owl-carousel .owl-stage .owl-item:first-child .item img {
		min-height: 430px;
		max-height: 430px;
		object-fit: cover;
	}


	.daire-fotolari .owl-carousel .owl-stage .owl-item:not(:first-child) .item img {
		min-height: 212px;
		max-height: 212px;
		object-fit: cover;
	}

	

	.modal-content {
			border-radius: 12px;
			height: max-content;
			max-height: 90vh;
		 }

	.daire-option {
		padding-bottom: 0;
	}


	.max-height {
		max-height: 580px;
	}
  
	.font-20 {
		font-size: 20px;
	}

	.musteri-sozlesme-formu-container {
		padding-left: 20%;
		padding-right: 20%;
	}
  
	.daire-price__info .daire-etiket-fiyat__net {
		font-size: 1.6rem;
	  }
  
	  .ilce-container {
		font-size: 1rem;
	  }

	  .kiraci-page-container {
		max-width: 1080px;
	}

	.select-lang-icon {
		width: 24px;
		height: 24px;
	}

	.calendar p.day {
		font-size: 1rem;
	  }
	  
	  .calendar p.date {
		font-size: 1rem;
	  }

	.calendar p.date {
		padding: 16px;
	  }

	  .calendar h3.month {
		font-size: 1rem;
	  }

	  .calendar-content {
		padding-left: 100px;
	}

	.phone-desktop-view {
		display: block;
	}

	.tablet-view {
		display: none;
	}

	.harita-button {
		left: 50%;
		bottom: 6%;
		transform: translate(-50%, -6%);
		font-size: 1rem;
	}

	.owl-carousel .owl-nav {
		display: flex !important;
	}

	.owl-carousel .owl-dots {
		display: none !important;
	}
	
	.rezervasyon-daire-bilgileri {
		margin-top: 30px;
	}

	.harita-desk-container {
		right: 0;
		top: 0;
		position: sticky;
		height: 100vh;
	}

	.harita-button {
		display: none;
	}
	#loginModal .modal-dialog {
		max-width: 400px;
	}
}

.daire-info h4 {
	text-transform: capitalize;
}

.kredi-karti-not {
	border: 1px solid rgb(221, 221, 221);
	border-radius: 12px;
	padding: 24px;
	background-color: #fff;
}

.kredi-karti-ikon {
	width: 58px;
	height: 39px;
}
.top-1rem {
	top: 1rem;
}

.wishlist-container {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .8rem;
	line-height: 1.7;
}

.wishlist-img {
	max-width: 20px;
	display: block;
}

.not-have-favorite-building {
	margin: 0 auto;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	padding: 12px 24px;
	font-size: 1rem;
	border-radius: 1rem;
}
.otpverifyCodeInput {
	width: 19%;
	height: 16%;
	font-size: 50px;
	display: inline;
	text-align: center;
}






/******** YENİ EKLEMELER *******/

.cizelge-list {
	list-style-type: circle !important;
}

.cizelge-item {
	width: 100%;
}

.cizelge-item:not(:last-child)::before {
	content:'';
	border-left: 1px dashed var(--erra-dark-gray-color);
    left: 6.5px;
    top: 12px;
	width: 5px;
	display: inline-flex;
	position: relative;

}

.cizelge-item .indicator {
	background-color: #000;
    border-radius: 50%;
    float: left;
    height: 4px;
	top: 8px;
    margin: 0 10px 0 0;
    position: relative;
    width: 4px;
    z-index: 1;
}

.radiocheck {
	width: 20px;
	height: 20px;
	
}


.rezervasyon-iletisim-bilgileri input, .rezervasyon-iletisim-bilgileri label, .odeme-plani-container input, .odeme-plani-container label {
	cursor: pointer;
}

.kisisel-bilgiler-content,
.is-dunyasi-bilgiler-content,
.misafir-detaylari-content{
  display: none;
}

.rezervasyon-iletisim-bilgileri:has(.rb-kisisel:checked) ~ .kisisel-bilgiler-content {
  display: flex;
}

.rezervasyon-iletisim-bilgileri:has(.rb-is-dunyasi:checked) ~ .is-dunyasi-bilgiler-content {
  display: flex;
}
  
  .rezervasyon-iletisim-bilgileri:has(.rb-hayir:checked) ~ .misafir-detaylari-content {
	display: flex;
  }

  .odeme-plani-container label {
	width: 100%;
  }


.tek-odeme-content,
.uc-taksitli-odeme-content,
.aylik-odeme-content{
  display: none;
}


.odeme-plani-container:has(.rb-tek-odeme:checked) ~ .tek-odeme-content {
	display: flex;
  }

  .odeme-plani-container:has(.rb-3-taksitli-odeme:checked) ~ .uc-taksitli-odeme-content {
	display: flex;
  }

  .odeme-plani-container:has(.rb-aylik-odeme:checked) ~ .aylik-odeme-content {
	display: flex;
  }

 

  .on-rezerve-ikon .form-check-input {
    margin-left: 0 !important;
    margin-right: 10px !important;
    width: 2.5em !important;
    height: 1.5em !important;
    margin-top: 0 !important;
}

.odeme-goruntule {
	color: var(--erra-logo-color);
	font-family: 'bold';
	font-weight: normal !important;
}

.iptal-erken-fesih button {
	color: var(--erra-logo-color);
}

.bg-arakutu-black {
	background-color: var(--erra-primary-color);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 1rem 2rem;
}

.arakutu-baslik-img {
	width: 100% !important;
	height: inherit !important;
	max-width: 24px !important;
}


.bg-arakutu-black h4 {
	font-size: 1.4rem;
	line-height: 1.4;
}

.bg-arakutu-black p {
	font-size: .9rem;
}

.arakutu-content li {
	font-size: .95rem;
}

.arakutu-content li::before {
	content:'';
	background-image: url(https://cdn.shopify.com/s/files/1/0508/3421/0985/files/check-circle-zuccini.491a92ea8e040cd2bf6e.svg?v=1727771956);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 18px;
	height: 18px;
	display: inline-flex;
	min-width: 8%;
}

.arakutu-content .bx-controls-direction {
	display: none;
}

.arakutu-content .arakutu-button {
	font-size: .9rem;
    border: 1px solid var(--erra-primary-color);
    border-radius: 50px;
    width: 90%;
	margin: 0 auto;
    text-decoration: none;
    padding: .75rem 2rem;
    transition: all .2s;
	display: block;
	text-align: center;
}

.arakutu-content .daire-item {
	height: 100%;
}

.arakutu-content .daire-item .bx-wrapper {
	height: 100%;
	padding-bottom: 50px;
}

.duyuru-kutu-content .duyuru-kutu-ikon {
	width: 40px;
}

.duyuru-kutu-content {
	padding: 1.2rem 1rem;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 1px rgba(39, 54, 86, .1), 0 1px 6px rgba(39, 54, 86, .2);
    display: flex;
    transition: all .3s ease;
    border: 2px solid transparent;
	font-size: .85rem;
}

.duyuru-kutu-content .duyuru-content-close {
	position: absolute;
	right: 10px;
	top: 10px;
}


.duyuru-kutu-content .duyuru-content-close-icon {
	width: 14px;
}

.renkli-link {
	color: var(--erra-logo-color);
	display: inline-flex;
	transition: all .2s;
}

.renkli-link:hover {
	color: var(--erra-logo-color);
	text-decoration: underline;
}

@media (min-width: 1000px) { 
	.duyuru-kutu-content {
		font-size: 1rem;
	}

	.bg-arakutu-black {
		padding: 2rem 2rem;
	}

	.arakutu-baslik-img {
		max-width: 32px !important;
	}

	.arakutu-content li::before {
		width: 22px;
		height: 22px;
	}

	.arakutu-content li {
		font-size: 1rem;
	}

	.arakutu-content .arakutu-button {
		font-size: 1rem;
		padding: .8rem 2rem;
	}

	.arakutu-content .daire-item .bx-wrapper {
		padding-bottom: 0;
	}
}


.rezervasyon-daire-bilgileri .slider, .reservationCalendar .slider {
	--slider-padding: 1rem;
	--slider-column-gap: 1rem;
	--slide-width: 25%;
	--slide-min-width: 11rem;
	position: relative;
	overflow: hidden;
  }
  .rezervasyon-daire-bilgileri .slider__track, .reservationCalendar .slider__track {
	display: flex;
	overflow-x: auto;
	-ms-scroll-snap-type: x mandatory;
		scroll-snap-type: x mandatory;
	padding-inline: var(--slider-padding);
	scroll-behavior: smooth;
	list-style-type: none;
	padding: 0;
	margin-right: calc(var(--slider-column-gap) * -1);
	scrollbar-width: none;
  }
  .rezervasyon-daire-bilgileri .slider__track > *, .reservationCalendar .slider__track > * {
	flex: 0 0 var(--slide-width);
	min-width: var(--slide-min-width);
	scroll-snap-align: start;
	scroll-snap-stop: always;
	padding-right: var(--slider-column-gap);
  }
  .rezervasyon-daire-bilgileri .slider__track::-webkit-scrollbar, .reservationCalendar .slider__track::-webkit-scrollbar {
	display: none;
  }
  .rezervasyon-daire-bilgileri .slider__buttons, .reservationCalendar .slider__buttons {
	margin-top: 1rem;
  }
  .rezervasyon-daire-bilgileri .slider__buttons [disabled], .reservationCalendar .slider__buttons [disabled] {
	opacity: 0.5;
  }
  
  
  .rezervasyon-daire-bilgileri .rezervasyon-kar-item p:first-child, .reservationCalendar .rezervasyon-kar-item p:first-child {
	  background-color: rgba(168, 126, 95, .1);
  }

  .rezervasyon-daire-bilgileri .rezervasyon-kar-item, .reservationCalendar .rezervasyon-kar-item {
	display: block;
	transition: all .2s;
	border: 2px solid var(--erra-light-gray-color);
	border-radius: 10px;
	cursor: pointer;
  }


  .rezervasyon-daire-bilgileri .active, .reservationCalendar .active {
	border: 2px solid var(--erra-logo-color);
  }

  .rezervasyon-daire-bilgileri .rezervasyon-kar-item:hover, .reservationCalendar .rezervasyon-kar-item:hover {
	border: 2px solid var(--erra-logo-color);
	border-radius: 12px;
  }

  .direction-arrow {
	align-items: center;
    background-color: #fff;
    border-radius: 100%;
    box-shadow: 0 2px 4px rgba(39, 54, 86, .14), 0 1px 10px rgba(39, 54, 86, .2);
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    width: 32px;
    z-index: 1;
  }

  .property-rates__arrow-area .rates-arrow {
	background-color: #fff;
        height: 24px;
        padding: 4px;
        pointer-events: all;
        width: 24px;
  }

  .direction-arrow img {
	height: 24px;
    width: 24px;
  }

  .direction-arrow--left img {
	transform: rotate(180deg);
  }

  .rezervasyon-daire-bilgileri .slider__buttons, .reservationCalendar .slider__buttons {
	display: none;
	justify-content: center;
	align-items: center;
	padding-bottom: 5px;
  }

  @media (min-width: 1000px) { 
	.rezervasyon-daire-bilgileri .slider__buttons, .reservationCalendar .slider__buttons {
		display: flex;
	}
  }

/* marquee div container */
.marquee {
	font-size: .85rem;
	color: #fff;
	height: 24px;
	overflow: hidden;
	position: relative;
}
	/* nested div inside the container */
	.marquee div {
		display: block;
		/* width: 225%; */
		width: max-content;
		position: absolute;
		overflow: hidden;
		top: 50%;
		transform: translateY(-50%);
		animation: marquee 50s linear infinite;
	}
	/* span with text */
	.marquee span {
		float: left;
		width: 50%;
	}

	.marquee .tenant-link {
		margin-right: 100px;
		margin-left: 100px;
		color: #fff;
	}
/* keyframe */
@media screen and (max-width: 999px) {
	.marquee div {
		-webkit-animation: marquee 20s linear infinite;
		animation: marquee 20s linear infinite;
	}
}
@keyframes marquee {
	0% {
		left: 0;
	}

	100% {
		left: -100%;
	}
}