@charset "UTF-8";

.special-marker{
  transition: all .2s ease-in-out;
}
.special-marker:hover{
  height: 50px !important;
  width: 35px !important;
}

.harita {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  -webkit-box-shadow: 0px 0px 3px #2a2f41;
          box-shadow: 0px 0px 3px #2a2f41;
  z-index: -1;
}

.harita-form {
  width: 20%;
  padding: 20px;
  background:url(https://hhp-detoxbody.com/assets/images/heroarea2.jpg);  
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #fff;
}

.harita-form form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.harita-form form > button {
  cursor: pointer;
  margin-top: 1.5rem;
  margin-left: auto;
  height: 4rem;
  padding: .5rem 2rem;
  background: #df833e;
  color: #fff;
  font-weight: 100;
  font-size: 1.3rem;
  border: none;
}

.harita-form h3 {
  margin: 2rem 0 .5rem 0;
  font-size: 2rem;
  font-weight: 450;
}

.harita-form > p {
  line-height: 150%;
  font-size: 1rem;
  margin-bottom: 1rem;
  color: #bcbdc4;
}

.harita-form .input-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.harita-form .input-holder label {
  font-size: 1.2rem;
  font-weight: 100;
}

.harita-form .input-holder input,
.harita-form .input-holder select {
  color: #fff;
  border: 1px solid #4a4f63;
  background: #3a3f4f;
  height: 3rem;
  font-size: 1.2rem;
  margin: .5rem 0;
  text-indent: 10px;
}

.harita-form .harita-datalar .harita-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.harita-form .harita-datalar .harita-data .data-circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.harita-form .harita-datalar .harita-data .data-circle > p {
  margin-left: 1rem;
  color: #999ca7;
  font-weight: 500;
}

.harita-form .harita-datalar .harita-data .data-circle .small {
  background: none;
  margin-right: auto;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.harita-form .harita-datalar .harita-data .data-circle .small > span {
  font-size: 1.5rem;
}

.harita-form .harita-datalar .harita-data .data-circle .small::after {
  display: none;
}

.harita-itself {
  background: #000;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.liste-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 80%;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

@-webkit-keyframes don {
  to {
    -webkit-transform: rotate(365deg);
            transform: rotate(365deg);
  }
}

@keyframes don {
  to {
    -webkit-transform: rotate(365deg);
            transform: rotate(365deg);
  }
}

.liste-holder .liste-eleman {
  width: 20%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 300px;
  margin: 3rem 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.liste-holder .liste-eleman:hover .eleman-img::before {
  -webkit-animation-name: don;
          animation-name: don;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

.liste-holder .liste-eleman h3 {
  margin-top: .5rem;
  color: #3a3f4f;
  font-size: 1.5rem;
  text-align: center;
}

.liste-holder .liste-eleman p {
  color: #d96b8a;
  font-weight: 600;
  margin: .5rem 0;
}

.liste-holder .liste-eleman .eleman-img {
  position: relative;
}

.liste-holder .liste-eleman .eleman-img::before {
  content: '';
  width: 105%;
  height: 105%;
  position: absolute;
  top: -.5rem;
  left: -.5rem;
  background-size: contain;
  background-image: url("../img/circle.png");
  background-repeat: no-repeat;
}

.liste-holder .liste-eleman img {
  width: 10vw;
  height: 10vw;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1000px;
}

.liste-holder .liste-eleman > a {
  background-color: #67abcf;
  text-decoration: none;
  color: #fff;
  padding: .5rem 1rem;
  margin-top: auto;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  position: relative;
}

.liste-holder .liste-eleman > a::after {
  content: '';
  width: 0%;
  height: 15%;
  background-color: #144057;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.liste-holder .liste-eleman > a:hover {
  background-color: #487d99;
}

.liste-holder .liste-eleman > a:hover::after {
  width: 100%;
}

.liste-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: rgba(0, 0, 0, 0.445);
  top: 0;
  left: 0;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.liste-popup .popup-holder {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  margin: 0 auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 4rem;
}

.liste-popup .popup-holder .popup-kapat {
  cursor: pointer;
  position: absolute;
  top: -3rem;
  right: 0;
  color: #fff;
  border: 1px solid #fff;
  padding: .5rem 1rem;
}

.liste-popup .popup-holder img {
  width: 10px;
}

.liste-popup .popup-holder .popup-map {
  display: block;
  width: 98%;
  height: 15rem;
  background: #000;
  margin-bottom: auto;
  margin-top: 10px;
  position: absolute;
  top: 0;
}

.liste-popup .popup-holder .popup-img {
  position: relative;
  border: 10px solid #fff;
  border-radius: 1000px;
  margin-top: 5rem;
}

.liste-popup .popup-holder .popup-img img {
  width: 10vw;
  height: 10vw;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1000px;
}

.liste-popup .popup-holder > h3 {
  color: #67abcf;
}

.liste-popup .popup-holder .popup-contact {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.liste-popup .popup-holder .popup-contact > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 0 1rem;
  text-align: center;
}

.liste-popup .popup-holder .popup-contact > div > h3 {
  font-weight: 100;
  font-size: 1rem;
  font-size: 1.5rem;
  margin: 1rem 0;
  color: #fff;
  width: 10rem;
  padding: 5px 0;
  text-align: center;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.liste-popup .popup-holder .popup-contact .popup-iletisim > h3 {
  background: #67abcf;
}

.liste-popup .popup-holder .popup-contact .popup-iletisim > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: .5rem 0;
}

.liste-popup .popup-holder .popup-contact .popup-iletisim a {
  color: #454750;
  text-decoration: none;
}

.liste-popup .popup-holder .popup-contact .popup-iletisim img {
  margin-right: .5rem;
  width: .8rem;
}

.liste-popup .popup-holder .popup-contact .popup-adres > h3 {
  background: #e59a39;
}

.liste-popup .popup-holder .popup-contact .popup-adres > p {
  font-size: 1.1rem;
}

.liste-popup .popup-holder .popup-contact .popup-sosyal > h3 {
  background: #d96b8a;
}

.liste-popup .popup-holder .popup-contact .popup-sosyal > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: .5rem 0;
  white-space: nowrap;
}

.liste-popup .popup-holder .popup-contact .popup-sosyal img {
  margin-right: .5rem;
  width: 1rem;
}

.liste-popup .popup-holder .popup-contact .popup-sosyal a {
  color: #2a2f41;
  text-decoration: none;
}

.liste-popup .popup-holder p.acc-owner {
  position: absolute;
  bottom: 5px;
  right: 10px;
}

.liste-popup .popup-holder p.acc-owner a {
  color: #67abcf;
  text-decoration: none;
}

.liste-popup-fixed {
  max-width: 80%;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: rgba(255, 255, 255, 0.445);
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#mapid {
    width: 100%;
    height: 100%;
    z-index: 1;
}

.map-page {
    padding-top: 77px;
}

    .map-page .navbar {
        background: transparent;
    }

.harita {
    height: calc(100vh - 60px);
}

header .navbar {
    flex-direction: row;
}

.harita-form {
    background: left / cover no-repeat url(/visbodypoint/assets/images/heroarea2.jpg);
}

@media (max-width:778px) {
    .harita-itself {
        min-height: calc(100vh - 200px);
        ;
    }

    .harita {
        height: 100vh;
    }

    .harita-form h3 {
        display: none;
    }

    .harita-form p {
        display: none;
    }

    .harita-form form {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
    }

        .harita-form form [type=submit] {
            font-size: 15px;
            height: 3rem;
            margin-bottom: 8px;
            margin-left: 0;
        }

        .harita-form form select {
            font-size: 15px !important;
            min-width: 180px;
            margin-right: 5px !important;
        }
}


@media only screen and (max-width: 600px) {
  .liste-popup-fixed {
    max-width: 100%;
    width: 100%;
  }
  .navbar .menu .menu-btn p{
    font-size:.56rem;
  }
}

.liste-popup-fixed .popup-holder {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  margin: 0 auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 4rem;
}

.liste-popup-fixed .popup-holder .popup-kapat {
  cursor: pointer;
  position: absolute;
  top: -3rem;
  right: 0;
  color: #fff;
  border: 1px solid #fff;
  padding: .5rem 1rem;
}

.liste-popup-fixed .popup-holder img {
  width: 10px;
}

.liste-popup-fixed .popup-holder .popup-map {
  display: block;
  width: 98%;
  height: 15rem;
  background: #000;
  margin-bottom: auto;
  margin-top: 10px;
  position: absolute;
  top: 0;
}

.liste-popup-fixed .popup-holder .popup-img {
  position: relative;
  border: 10px solid #fff;
  border-radius: 1000px;
  margin-top: 5rem;
}

.liste-popup-fixed .popup-holder .popup-img img {
  width: 10vw;
  height: 10vw;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1000px;
}

.liste-popup-fixed .popup-holder > h3 {
  color: #67abcf;
}

.liste-popup-fixed .popup-holder .popup-contact {
  width: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.liste-popup-fixed .popup-holder .popup-contact > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 0 1rem;
  text-align: center;
}

.liste-popup-fixed .popup-holder .popup-contact > div > h3 {
  font-weight: 100;
  font-size: 1rem;
  font-size: 1.5rem;
  margin: 1rem 0;
  color: #fff;
  width: 10rem;
  padding: 5px 0;
  text-align: center;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.liste-popup-fixed .popup-holder .popup-contact .popup-iletisim > h3 {
  background: #67abcf;
}

.liste-popup-fixed .popup-holder .popup-contact .popup-iletisim > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: .5rem 0;
}

.liste-popup-fixed .popup-holder .popup-contact .popup-iletisim a {
  color: #454750;
  text-decoration: none;
}

.liste-popup-fixed .popup-holder .popup-contact .popup-iletisim img {
  margin-right: .5rem;
  width: .8rem;
}

.liste-popup-fixed .popup-holder .popup-contact .popup-adres > h3 {
  background: #e59a39;
}

.liste-popup-fixed .popup-holder .popup-contact .popup-adres > p {
  font-size: 1.1rem;
}

.liste-popup-fixed .popup-holder .popup-contact .popup-sosyal > h3 {
  background: #d96b8a;
}

.liste-popup-fixed .popup-holder .popup-contact .popup-sosyal > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: .5rem 0;
  white-space: nowrap;
}

.liste-popup-fixed .popup-holder .popup-contact .popup-sosyal img {
  margin-right: .5rem;
  width: 1rem;
}

.liste-popup-fixed .popup-holder .popup-contact .popup-sosyal a {
  color: #2a2f41;
  text-decoration: none;
}

.liste-popup-fixed .popup-holder p.acc-owner {
  position: absolute;
  bottom: 5px;
  right: 10px;
}

.liste-popup-fixed .popup-holder p.acc-owner a {
  color: #67abcf;
  text-decoration: none;
}

.programlar-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #f8f8f8;
  padding-bottom: 10rem;
}

.programlar-holder > h2 {
  margin: 2rem 2rem 0.1rem 2rem;
  color: #494b53;
  font-size: 1.7rem;
  font-weight: 550;
}

.programlar-holder > p {
  margin: 0.1rem 2rem 0.1rem 2rem;
  color: #494b53;
  font-size: 1rem;
}

.programlar-holder .programlar {
  padding: 0 2rem;
}

.programlar-holder .programlar .program {
  /*background: #efefef;*/
  width: 100%;
  margin: 1rem;
  text-decoration: none;
  color: #fff;
}

.programlar-holder .programlar .program.d p {
  background: #CA90C0 ;
  color: #fff;
}

.programlar-holder .programlar .program.d h2 {
  color: #CA90C0 ;
}

.programlar-holder .programlar .program.d h2 > span {
  background: #CA90C0 ;
  color: #FFF;
}

.programlar-holder .programlar .program.s p {
  background: #d16987;
  color: #fff;
}

.programlar-holder .programlar .program.s h2 {
  color: #d16987;
}

.programlar-holder .programlar .program.s h2 > span {
  background: #d16987;
  color: #FFF;
}

.programlar-holder .programlar .program.m p {
  background: #5fb2ad;
  color: #fff;
}

.programlar-holder .programlar .program.m h2 {
  color: #5fb2ad;
}

.programlar-holder .programlar .program.m h2 > span {
  background: #5fb2ad;
  color: #FFF;
}

.programlar-holder .programlar .program.l p {
  background: #e59a39;
  color: #fff;
}

.programlar-holder .programlar .program.l h2 {
  color: #e59a39;
}

.programlar-holder .programlar .program.l h2 > span {
  background: #e59a39;
  color: #FFF;
}

.programlar-holder .programlar .program.xl p {
  background: #67abcf;
  color: #fff;
}

.programlar-holder .programlar .program.xl h2 {
  color: #67abcf;
}

.programlar-holder .programlar .program.xl h2 > span {
  background: #67abcf;
  color: #FFF;
}

.programlar-holder .programlar .program > h1,
.programlar-holder .programlar .program h2 {
  margin: 0 1rem;
}

.programlar-holder .programlar .program h1 {
  color: #494b53;
  font-size: 2.7rem;
  margin-top: 2rem;
  position: relative;
}

.programlar-holder .programlar .program h1::after {
  content: '®';
  position: absolute;
  font-size: 1rem;
  top: -.3rem;
  left: 6rem;
}

.programlar-holder .programlar .program h1 span {
  margin-left: .2rem;
  font-weight: 100;
}

.programlar-holder .programlar .program h2 {
  margin-bottom: 2rem;
  font-weight: 450;
}

.programlar-holder .programlar .program h2 > span {
  margin-left: .3rem;
  padding: 0 10px;
}

.programlar-holder .programlar .program p {
  padding: 1rem;
  font-weight: 100;
}

.programlar-holder .programlar .program .program-detay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.programlar-holder .programlar .program .program-detay a{
  text-decoration: none;
  color: #fff;
}

.programlar-holder .programlar .program .program-detay > img{
  padding-top: 1rem;
  min-width: 100%;
  min-height: 100%;
  margin-bottom: 2rem;
  object-fit: cover;
}
.programlar-holder .programlar .program .program-detay .super-btn {
  display:flex;
  justify-content: center;
  width:70%;
  flex-direction: column;
}
.programlar-holder .programlar .program .program-detay .super-btn .btn-ic{
  display:flex;
  width: 75%;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  margin-top: 10px;
}
.programlar-holder .programlar .program .program-detay .super-btn .program-buton-incele{
  width: 75%;
  height: 100%;
  flex-shrink: 0;
  background-color: #3b3c3c;
  padding: 0 .3rem;
  text-align: center;
  font-size: 1.1rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 3px;
}
.programlar-holder .programlar .program .program-detay .program-buton-video{
  background: #b69d8e;
  height: 100%;
  width: 20%;
  min-width: 80px;;
  display:flex;
  justify-content: center;
  align-items: center;
}
.programlar-holder .programlar .program .program-detay .program-buton-video img{
  object-fit: scale-down;
  width: 30%;
  height: 50%;
  margin: 0;
  margin-right: 5px;
  padding: 0;
}
.programlar-holder .programlar .program .program-detay .program-buton-d{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-align: center;
  padding: .7rem .3rem;
  font-size: 1.1rem;
  font-weight: 500;
  background: #CA90C0 ;
}
.programlar-holder .programlar .program .program-detay .program-buton-s{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-align: center;
  padding: .7rem .3rem;
  font-size: 1.1rem;
  font-weight: 500;
  background: #d16987;
}

.programlar-holder .programlar .program .program-detay .program-buton-m{
  width: 100%;
  text-align: center;
  padding: .7rem .3rem;
  font-size: 1.1rem;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #5fb2ad;
}

.programlar-holder .programlar .program .program-detay .program-buton-l{
  width: 100%;
  text-align: center;
  padding: .7rem .3rem;
  font-size: 1.1rem;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #e59a39;
}

.programlar-holder .programlar .program .program-detay .program-buton-xl{
  width: 100%;
  text-align: center;
  padding: .7rem .3rem;
  font-size: 1.1rem;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;  background: #67abcf;
}


.programlar-holder .programlar .program .program-detay img {
  margin-top: auto;
}

.programlar-holder .owl-nav{
  position: absolute;
  top:50%;
  width: 100%;
  display:flex;
  justify-content: space-between;
  left: 0;
  margin: 0;
  padding: 0 20px;
}

footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #e1e2e3;
  padding: 6.5rem;
}

footer .footer-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

footer .footer-top .smile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

footer .footer-top .smile h3 {
  margin-top: 0;
  font-size: 2.7rem;
  color: #656870;
}

footer .footer-top .smile p {
  color: #b3b5b8;
  font-size: 1.7rem;
  width: 75%;
}

footer .footer-top .smile img {
  margin-top: .8rem;
  width: 80px;
  margin-right: 1rem;
}

footer .footer-top .hhp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  width: 45%;
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-top: -1rem;
}

footer .footer-top .hhp img {
  width: 10rem;
}

footer .footer-top .hhp p {
  margin-top: 2rem;
  color: #abadb1;
  font-size: 1rem;
}

footer .footer-bot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 3rem;
}

footer .footer-bot .footer-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 20%;
  margin-right: auto;
}

footer .footer-bot .footer-logo img {
  width: 100%;
}

footer .footer-bot .footer-logo .social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1rem;
}

footer .footer-bot .footer-logo .social img {
  width: 2rem;
}

footer .footer-bot .footer-logo .social a {
  margin: 0 1rem;
}

footer .footer-bot .link-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-right: 1rem;
}

footer .footer-bot .link-bar h4 {
  font-weight: 500;
  color: #676767;
  font-size: 1.3rem;
}

footer .footer-bot .link-bar ul {
  list-style: none;
}

footer .footer-bot .link-bar ul li {
  white-space: nowrap;
  font-size: 1.2rem;
  font-weight: 100;
  color: #676767;
}

footer .footer-bot .link-bar ul li a {
  color: #676767;
  text-decoration: none;
}

.copyright{
  background: #3A3F4F;
  color: #fff;
  display:flex;
  justify-content: center;
  align-items: center;
  padding: 15px 0;
}
#whatsapp{
  position: fixed;
  bottom: 2rem;
  left: 2rem;
  z-index: 99;
  background-image: url("../img/whatsapp.png");
  width: 66px;
  height: 66px;
  cursor:pointer;
  background-size: contain;
}
#whatsapp_m{
  display:none;
}
@media only screen and (max-width: 600px) {
  #whatsapp{
    display:none;
  }
  #whatsapp_m{
    display:flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 50px;
    background: #4AC958;
    color: #fff;
    text-decoration: none;
    font-size: 1.5rem;
  }
  #whatsapp_m img{
    margin-right: 1rem;
     width: 40px;
    height: 40px;
    object-fit: scale-down;
  }
  .navbar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .navbar .logo {
    padding: 10px;
    width: 100%;
  }
  .navbar .logo a {
    height: 3rem;
  }
  .navbar .logo a img {
    width: 100%;
    height: 100%;
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }
  .navbar .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
  }
  .navbar .menu .menu-btn {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 3rem;
    font-size: .7rem;
    margin: 0;
    text-align: center;
    z-index: 999;
  }

  .navbar .menu .menu-btn:nth-child(1) {
    margin-left: 0;
  }
  .navbar .menu .menu-btn img {
    width: 100%;
    height: 1rem;
  }
  .navbar .menu .menu-btn .arama-box {
    position: fixed;
    left: -300%;
    right: unset;
    width: 100vw;
  }
  .navbar .menu .menu-btn .arama-box input {
    font-size: .8rem;
  }
  .navbar .menu .menu-btn .arama-box button {
    padding: 1rem 3px;
    font-size: .8rem;
  }
  .navbar .logreg {
    margin: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .navbar .logreg > a {
    margin: 0;
    width: 100%;
    height: 30px;
    font-size: .8rem;
  }
  .harita {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .harita .harita-form {
    width: 100%;
  }
  .harita .harita-itself {
    height: 100vw;
    width: 100%;
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
  }
  .liste-popup .popup-holder {
    -ms-flex-item-align: end;
        align-self: flex-end;
    bottom: 0;
    width: 98%;
    padding: 0;
    padding-bottom: 5rem;
    margin-bottom: 5px;
  }
  .liste-popup .popup-holder .popup-map {
    height: 20vh;
  }
  .liste-popup .popup-holder .popup-img {
    margin-top: 3rem;
  }
  .liste-popup .popup-holder .popup-img img {
    width: 30vw;
    height: 30vw;
  }
  .liste-popup .popup-holder .popup-contact {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .liste-popup .popup-holder .popup-contact > div {
    margin: 0;
    width: 50%;
    padding: 0 .5rem;
  }
  .liste-popup .popup-holder .popup-contact .popup-sosyal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .liste-popup .popup-holder .popup-contact .popup-sosyal > div {
    margin: .3rem 0;
  }
  .liste-popup .popup-holder .popup-contact .popup-sosyal img {
    width: 1rem;
  }
  .liste-popup .popup-holder p.acc-owner {
    text-align: center;
    padding: 0 5px;
  }
  .liste-popup-fixed .popup-holder {
    -ms-flex-item-align: end;
        align-self: flex-end;
    bottom: 0;
    width: 98%;
    padding: 0;
    padding-bottom: 5rem;
    margin-bottom: 5px;
  }
  .liste-popup-fixed .popup-holder .popup-map {
    height: 20vh;
  }
  .liste-popup-fixed .popup-holder .popup-img {
    margin-top: 3rem;
  }
  .liste-popup-fixed .popup-holder .popup-img img {
    width: 30vw;
    height: 30vw;
  }
  .liste-popup-fixed .popup-holder .popup-contact {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .liste-popup-fixed .popup-holder .popup-contact > div {
    margin: 0;
    width: 50%;
    padding: 0 .5rem;
  }
  .liste-popup-fixed .popup-holder .popup-contact .popup-sosyal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .liste-popup-fixed .popup-holder .popup-contact .popup-sosyal > div {
    margin: .3rem 0;
  }
  .liste-popup-fixed .popup-holder .popup-contact .popup-sosyal img {
    width: 1rem;
  }
  .liste-popup-fixed .popup-holder p.acc-owner {
    text-align: center;
    padding: 0 5px;
  }
  .liste-holder {
    width: 100%;
  }
  .liste-holder .liste-eleman {
    width: 50%;
    height: 300px;
  }
  .liste-holder .liste-eleman h3 {
    margin-top: 2rem;
  }
  .liste-holder .liste-eleman img {
    width: 30vw;
    height: 30vw;
  }
  .programlar-holder {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .programlar-holder > h2 {
    margin: 3rem 0;
    text-align: center;
  }
  .programlar-holder .programlar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .programlar-holder .programlar .program {
    width: 100%;
    margin: 2rem 0;
  }
  footer {
    padding: 1.5rem;
  }
  footer .footer-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 2rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  footer .footer-top .smile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
    margin: 0;
  }
  footer .footer-top .smile .smile-text h3 {
    text-align: center;
  }
  footer .footer-top .smile .smile-text > p {
    margin: 0;
    padding: 0;
    font-size: 1.4rem;
    text-align: center;
    width: 100%;
  }
  footer .footer-top .smile img {
    width: 25%;
    margin: 0 auto;
  }
  footer .footer-top .hhp {
    margin-top: 2rem;
    width: 100%;
  }
  footer .footer-bot {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  footer .footer-bot .footer-logo {
    width: 100%;
  }
  footer .footer-bot .link-bar {
    text-align: center;
    margin-bottom: 1.5rem;
  }
}

.harita-marker-popup{
  text-align: center;
}

.harita-marker-popup .marker-yetkili{
  cursor: pointer;
  font-weight: bold;
  font-size: 1.2rem;
  color: #606575;
  text-decoration: none;
  margin-top: -.2rem;
}

.harita-marker-popup .marker-unvan{
  cursor: pointer;
  font-weight: bold;
  font-size: 1.1rem;
  color: rgb(172, 172, 172);
  text-decoration: none;
  margin-top: -.8rem;
}

.harita-marker-popup > p > a {
  cursor: pointer;
  margin-top: 0.5rem;
  margin-left: auto;
  height: 2.4rem;
  padding: .3rem 1.5rem;
  background: #606575;
  color: #fff;
  font-weight: 100;
  font-size: 1.3rem;
  border: none;
  text-decoration: none;
  display: block;
  margin-top: -.2rem;
}