body {font-family: 'Poppins', sans-serif; font-weight: 400;}
.poppinsFont {font-family: 'Poppins', sans-serif;}

.pageBanner {z-index: 5; position:relative; height: 550px;}
.anasayfaIlanResim { position: relative; z-index: 2; display: table; margin:auto;}
.anasayfaIlanResim::after {content:''; position:absolute; width: 100%; height: 100%; top:35px; right:-35px; border-radius: 30px; background:#586BA6; z-index: 1}
.anasayfaIlanResim img {position: relative; z-index: 2; width: 100%; border-radius: 30px; overflow: hidden; width: 100%;}

.detailSearchBtn {
    background: #F27C38 !important;
    border-radius: 50px;
    color: #FFF !important;
    font-size: 24px;
    font-weight: 600;
    float: left;
    border: none;
    padding: 12px 30px;
    box-shadow: 0px 4px 15px 0px rgba(242,124,56,0.35);
    transition: all 0.3s ease;
    cursor: pointer;
}
.detailSearchBtn:hover {
    background: #e06a2a !important;
    transform: translateY(-2px);
    box-shadow: 0px 6px 20px 0px rgba(242,124,56,0.5);
    color: #FFF !important;
}

.navbarMT {margin-top: 20px;}
.navbarMT.navbar-stick {margin-top: 0px;}

.navbarButtons li {background:#FFF; width:40px; text-align: center; height: 40px; border-radius: 5px;}
.navbarButtons li.randevuAl {color:#FFF; background: #F27C38; border-radius: 50px;}
.navbarButtons li a {color:#FFF;}

.mutludonusler {background-position: center;  background-repeat: no-repeat; background-size:100%;}
.iletisimbar {background-size:100%;}
.iletisimBolum {border-left:4px solid #586BA6}

.ilanTurResim {position: absolute; top:-24px}
.ilanresim {height:580px!important; background: #f5f5f5;}
.ilanresim figure {height:580px!important; text-align: center;}
.ilanresim figure img {width: auto!important; height: 100%!important; border-radius: 0px;}

#offcanvas-info {width: 500px;}

#iletisim .text {font-size:20px;}
#iletisim form input[type="text"]{height: 70px;}
#iletisim form input[type="text"]:nth-child(2) {width:49%; margin-top:10px;}
#iletisim form input[type="text"]:nth-child(3) {width:49%; margin-left:2%; margin-top:10px;}
#iletisim form textarea {height:100px; margin-top:10px;}
#iletisim form input[type="submit"] {border:0px; background: transparent; font-size: 33px; color:#FFF; font-weight:500; margin-top:20px;}

#iletisim .iletisimBilgi {padding:0px; list-style: none; margin-top:20px;}
#iletisim .iletisimBilgi li {width: 100%; float: left; margin-bottom:10px;}
#iletisim .iletisimBilgi li .icon {width:15%; height: 80px; float:left; display: table; background: #FFF; border-radius: 5px; text-align: center;}
#iletisim .iletisimBilgi li .icon span {display: table-cell; vertical-align: middle;}
#iletisim .iletisimBilgi li .icon span i {font-size: 40px;}
#iletisim .iletisimBilgi li .iletisimText {width:80%; height: 80px; float:left; display: table;}
#iletisim .iletisimBilgi li .iletisimText span {display: table-cell; vertical-align: middle; padding-left:20px; color:#FFF; font-size: 18px; font-weight: 700;}

.homeSearch .title {font-weight: 600; font-size: 25px;}


.pageTitle {text-align:center; color:#FFF; font-size:40px; position:absolute; margin:auto; bottom:20px;padding:0px 40px 0px 40px; font-weight: 700; font-size: 60px;}
.pageTitle::after {border-bottom:10px solid #F27C38; content:''; width: 100%;  background: #F27C38; position: absolute; bottom: -30px; left:0px; border-radius:10px; }

.hakkimizda .title {font-weight: 500; font-size:35px; font-weight: 700}
.hakkimizda .content {font-size:20px; font-weight: 600; color:#000}

.kurumsalPdf {background: #F2BB9B; }
.kurumsalPdf .pdfText {color:#586BA6; font-size:18px; font-weight: 500; font-style: italic;}
.kurumsalPdf .pdfBtn {background: #F27C38; border-radius: 50px; color:#FFF; padding-left:35px!important; padding-right:35px!important;}


#blog { list-style:none; padding:0px;  }
#blog li {padding-bottom: 10px;}
#blog li .img1 {padding-bottom: 10px; display: block;}
#blog li .img2 {padding-bottom: 10px; display: none;}
#blog li .text {background:#ecdbdb; height: 80%; position: absolute; margin-left: -100px; width: 100%;}
#blog li:nth-child(2n+2) .img1 {padding-bottom: 10px; display:none;}
#blog li:nth-child(2n+2) .img2 {padding-bottom: 10px; display: block;}
#blog li:nth-child(2n+2) .textBox .text {background:#ecdbdb; height: 80%; position: absolute; margin-left:50px;  width: 100%;}
#blog li .textBox .button { background:#F27C38; position: absolute; bottom:20px; color:#FFF; }

.ilanBilgi {color:#732C02; font-size: 22px;}
.ilanTitle {font-size: 25px;}
.ilanFiyat {font-size: 43px;}

.projelerText1 { font-size: 50px; font-weight: 600; line-height: 60px; }
.projelerText2 { font-size:30px; line-height:40px; font-weight: 600; }

.projeTitle {color:#303230; font-size: 55px; font-weight:500; line-height:60px;}
.projeBtn {background: #F27C38; font-size: 23px; color:#FFF; font-weight: 600; float: left; border-radius:5px;}

.danismanText1 {font-size: 40px; font-weight: 600; line-height: 60px;}
.danismanText2 {font-size:20px; line-height:30px; font-weight: 600;}

.danismanOzellik {color:#F27C38; font-size:30px!important;}
.danismanTextArea {background: #dedede; border:0px; height:70%;}

.homeSliderHeight .sliderIcon img {width:50%;}
/*.homeSliderHeight .yeniIlanImage {width: 50%!important; margin-left: 25%;} */

#price-bar {
    background: #e0e0e0 !important;
    border-radius: 10px !important;
    border: none !important;
    height: 8px !important;
}

#price-bar.ui-slider .ui-slider-handle,
#price-bar .ui-slider-handle,
.ui-widget-content #price-bar .ui-slider-handle {
    background: #F27C38 !important;
    border-radius: 50% !important;
    width: 26px !important;
    height: 26px !important;
    border: 4px solid #FFF !important;
    box-shadow: 0 3px 10px rgba(242,124,56,0.5) !important;
    top: -9px !important;
    cursor: pointer !important;
    outline: none !important;
}

#price-bar.ui-slider .ui-slider-handle:hover,
#price-bar .ui-slider-handle:hover {
    background: #e06a2a !important;
    box-shadow: 0 4px 15px rgba(242,124,56,0.6) !important;
}

#price-bar .ui-slider-range,
#price-bar.ui-slider .ui-slider-range {
    background: #586BA6 !important;
    border-radius: 10px !important;
}

.swiper-container {
    width: 100%; 
    margin: 20px auto;
}

.swiper-slide-container {
  text-align: center;
  font-size: 18px;
  background: #fff;
  height:100%;
  max-width: 600px;
  margin:auto;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.gallery-top {
    height: 80%;
    width: 100%;
}
.gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
    width: 20%;
    height: 100%;
    opacity: 0.4;
}
.gallery-thumbs .swiper-slide-active {
    opacity: 1;
}


@media only screen  and (min-width:992px) and (max-width:1200px) {

  #iletisim .text {font-size:14px;}
  #iletisim form input[type="text"]{height: 50px;}
  #iletisim form input[type="text"]:nth-child(2) {width:49%; margin-top:10px;}
  #iletisim form input[type="text"]:nth-child(3) {width:49%; margin-left:2%; margin-top:10px;}
  #iletisim form textarea {height:80px; margin-top:10px;}
  #iletisim form input[type="submit"] { font-size: 25px;}

  #iletisim .iletisimBilgi li .icon {width:15%; height: 50px;}
  #iletisim .iletisimBilgi li .icon span {height: 50px;}
  #iletisim .iletisimBilgi li .icon span i {font-size: 35px;}
  #iletisim .iletisimBilgi li .iletisimText {width:85%; height: 50px;}
  #iletisim .iletisimBilgi li .iletisimText span {font-size: 14px; height: 50px;}
  


}

@media only screen  and (min-width:993px) and (max-width:1200px) {
    #blog { list-style:none; padding:0px;  }
  #blog li {padding-bottom: 10px;}
  #blog li .img1 {padding-bottom: 10px; display: block;}
  #blog li .img2 {padding-bottom: 10px; display: none;}
  #blog li .text {height: 100%;margin-left:0px;}
  #blog li:nth-child(2n+2) .img1 {padding-bottom: 10px; display:block;}
  #blog li:nth-child(2n+2) .img2 {padding-bottom: 10px; display: none;}
  #blog li:nth-child(2n+2) .textBox .text { margin-left:0px; height: auto; position: relative;}
  #blog li .textBox .text { background:#F2BB9B; height:auto; position:relative; margin-left:0px; width: 100%; }
  #blog li .textBox .button { background:#F27C38; position: relative; bottom:-10px; color:#FFF; }
}


@media only screen  and (min-width:768px) and (max-width:992px) {

  #iletisim .text {font-size:16px;}
  .homeSearch .title {font-weight: 600; font-size: 20px;}
  .iletisimBolum {border-left:0px; margin-top: 30px;}

  .ilanBilgi {color:#732C02; font-size: 20px; margin-bottom:10px; text-align: center;}
  .ilanTitle {font-size: 25px; text-align: center;}
  .ilanFiyat {font-size:35px; text-align: center;}

    .danismanOzellik {color:#F27C38; font-size:25px!important;}
    .pageBanner {height: 300px;}

    #blog { list-style:none; padding:0px;  }
  #blog li {padding-bottom: 10px;}
  #blog li .img1 {padding-bottom: 10px; display: block;}
  #blog li .img2 {padding-bottom: 10px; display: none;}
  #blog li .text {height: 100%;margin-left:0px;}
  #blog li:nth-child(2n+2) .img1 {padding-bottom: 10px; display:block;}
  #blog li:nth-child(2n+2) .img2 {padding-bottom: 10px; display: none;}
  #blog li:nth-child(2n+2) .textBox .text { margin-left:0px; height: auto; position: relative;}
  #blog li .textBox .text { background:#F2BB9B; height:auto; position:relative; margin-left:0px; width: 100%; }
  #blog li .textBox .button { background:#F27C38; position: relative; bottom:-10px; color:#FFF; }

}


@media only screen  and (min-width:576px) and (max-width:768px) {

  #iletisim .text {font-size:14px;}
  .iletisimBolum {border-left:0px; margin-top: 30px;}

  #iletisim .iletisimBilgi li .icon {width:10%; height: 50px;}
  #iletisim .iletisimBilgi li .icon span {height: 50px;}
  #iletisim .iletisimBilgi li .icon span i {font-size: 35px;}
  #iletisim .iletisimBilgi li .iletisimText {width:90%; height: 50px;}
  #iletisim .iletisimBilgi li .iletisimText span {fontnt-size: 15px; height: 50px;}
  .pageBanner {z-index: 5; position:relative; height:350px;}
  .pageTitle {bottom:10px;padding:0px 30px 0px 30px;font-size: 40px;}

  .ilanBilgi {color:#732C02; font-size: 13px; margin-bottom:10px; text-align: center;}
  .ilanTitle {font-size: 20px; text-align: center;}
  .ilanFiyat {font-size:30px; text-align: center;}
    
    .projelerText1 { font-size: 25px; line-height: 30px; margin-bottom:20px;}
    .projelerText2 { font-size:18px; line-height:25px; }
       .danismanOzellik {color:#F27C38; font-size:20px!important;}
       .danismanTextArea {height:200px;}

       #blog { list-style:none; padding:0px;  }
  #blog li {padding-bottom: 10px;}
  #blog li .img1 {padding-bottom: 10px; display: block;}
  #blog li .img2 {padding-bottom: 10px; display: none;}
  #blog li .text {height: 100%;margin-left:0px;}
  #blog li:nth-child(2n+2) .img1 {padding-bottom: 10px; display:block;}
  #blog li:nth-child(2n+2) .img2 {padding-bottom: 10px; display: none;}
  #blog li:nth-child(2n+2) .textBox .text { margin-left:0px; height: auto; position: relative;}
  #blog li .textBox .text { background:#F2BB9B; height:auto; position:relative; margin-left:0px; width: 100%; }
  #blog li .textBox .button { background:#F27C38; position: relative; bottom:-10px; color:#FFF; }
}


@media only screen  and (max-width:576px) {


  .detailSearchBtn {width: 100%!important}
  #iletisim .text {font-size:14px;}
  .iletisimBolum {border-left:0px; margin-top:40px;}

  #iletisim .iletisimBilgi li .icon {width:10%; height: 50px;}
  #iletisim .iletisimBilgi li .icon span {height: 50px;}
  #iletisim .iletisimBilgi li .icon span i {font-size: 30px;}
  #iletisim .iletisimBilgi li .iletisimText {width:90%; height: 50px;}
  #iletisim .iletisimBilgi li .iletisimText span {font-size: 15px; height: 50px;}
  .mutludonusler {background-position: center;  background-repeat: no-repeat; background-size:auto 100%;}
  .mutludonusler .title {}
  .iletisimbar { background-size:auto 100%;  }
  .logo {max-width: 150px; }
  .ilanTurResim {top:-12px;}
  .ilanTurResim img {width: 50px;}


  .ilanresim {height:auto; width: 100%; background: #f5f5f5;}
  .ilanresim figure {height:auto; text-align: center;}
  .ilanresim figure img {width: 100%!important; height: auto!important; border-radius: 0px;}

  #iletisim .text {font-size:14px;}
  #iletisim form input[type="text"]{height: 50px;}
  #iletisim form input[type="text"]:nth-child(2) {width:100%; margin-top:10px;}
  #iletisim form input[type="text"]:nth-child(3) {width:100%; margin-left:0px; margin-top:10px;}
  #iletisim form textarea {height:80px; margin-top:10px;}
  #iletisim form input[type="submit"] { font-size: 25px;}

  .pageBanner {z-index: 5; position:relative; height:250px;}
  .pageTitle {bottom:10px;padding:0px 30px 0px 30px;font-size: 40px;}

  .hakkimizda .title {font-weight: 500; font-size:25px; font-weight: 700}
    .hakkimizda .content {font-size:15px; font-weight: 500; line-height: 25px; color:#000}

  .ilanBilgi {color:#732C02; font-size: 13px; margin-bottom:10px; text-align: center;}
  .ilanTitle {font-size: 20px; text-align: center;}
  .ilanFiyat {font-size:30px; text-align: center;}

    .projelerText1 { font-size: 22px; line-height: 30px; margin-bottom:20px;}
    .projelerText2 { font-size:15px; line-height:25px; }

    .projeTitle {color:#303230; font-size: 25px; font-weight:500; line-height:35px;}
    .projeBtn {background: #F27C38; font-size: 17px; color:#FFF; font-weight: 600; float: left; border-radius:5px;}

    .danismanText1 {font-size:25px; font-weight: 600; line-height: 35px;}
    .danismanText2 {font-size:15px; line-height:25px; font-weight: 600; margin-top:15px;}
    .danismanOzellik {color:#F27C38; font-size:15px!important;}

    .danismanTextArea {height: 300px;}

  #blog { list-style:none; padding:0px;  }
  #blog li {padding-bottom: 10px;}
  #blog li .img1 {padding-bottom: 10px; display: block;}
  #blog li .img2 {padding-bottom: 10px; display: none;}
  #blog li .text {height: 100%;margin-left:0px;}
  #blog li:nth-child(2n+2) .img1 {padding-bottom: 10px; display:block;}
  #blog li:nth-child(2n+2) .img2 {padding-bottom: 10px; display: none;}
  #blog li:nth-child(2n+2) .textBox .text { margin-left:0px; height: auto; position: relative;}
  #blog li .textBox .text { background:#F2BB9B; height:auto; position:relative; margin-left:0px; width: 100%; }
  #blog li .textBox .button { background:#F27C38; position: relative; bottom:-10px; color:#FFF; }

  #offcanvas-info {width: auto;}

    .navbarMT {margin-top: 0px;}
}