.tg-chat-blackout {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .6);
    display: none;
    z-index: 999998;
}
.tg-chat-blackout.active {
    display: block;
}
.tg-chat-blackout.active ~ .tg-chat-wrapper {
    z-index: 999999;
}
.tg-chat-wrapper {
    width: 320px;
    visibility: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: fixed;
    bottom: 0;
    right: 0;
    visibility: hidden;
    z-index: 1000;
}
.tg-chat-wrapper.active {
    z-index: 9999;
}
.tg-chat-main-btn {
    width: 0;
    height: 0;
    background-color: #2db942;
    text-align: center;
    color: #FFF;
    font-weight: 600;
    padding: 8px 20px;
    border: 0;
    outline: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 9;
    opacity: 0;
}
.tg-chat-main-btn.animate {
    width: auto;
    height: 40px;
    opacity: 1;
}
.tg-chat-main-btn.hide {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    bottom: -100%;
}
/***************************************************
 * Generated by SVG Artista on 12/8/2020, 2:34:14 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

 @media screen and (max-width: 575px) {
   .contactMap {
     width: 100%;
   }
   .contactMap iframe {
     width: 100% !important;
     height: 500px !important;
   }

 }
 
  
  .svg-elem-1 {
    fill: rgb(255, 255, 255);
  }
  
  @-webkit-keyframes animate-svg-fill-2 {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(255, 255, 255);
    }
  }
  
  @keyframes animate-svg-fill-2 {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(255, 255, 255);
    }
  }
  
  .svg-elem-2 {
    -webkit-animation: animate-svg-fill-2 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both infinite;
            animation: animate-svg-fill-2 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both infinite;
  }
  
  @-webkit-keyframes animate-svg-fill-3 {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(255, 255, 255);
    }
  }
  
  @keyframes animate-svg-fill-3 {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(255, 255, 255);
    }
  }
  
  .svg-elem-3 {
    -webkit-animation: animate-svg-fill-3 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s both infinite;
            animation: animate-svg-fill-3 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s both infinite;
  }
  
  @-webkit-keyframes animate-svg-fill-4 {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(255, 255, 255);
    }
  }
  
  @keyframes animate-svg-fill-4 {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(255, 255, 255);
    }
  }
  
  .svg-elem-4 {
    -webkit-animation: animate-svg-fill-4 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9s both infinite;
            animation: animate-svg-fill-4 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9s both infinite;
  }
  
.tg-chat-buttons {
    width: 100%;
}
.tg-chat-btn {
    background-color: #fff;
    outline: 0;
    text-align: left;
    padding: 15px .75rem;
    border-radius: 0 !important;
}
[dir=rtl] .tg-chat-btn {
    text-align: right;
}
.tg-chat-btn span {
    width: 20px;
    margin-right: 8px;
    display: inline-block;
}
[dir=rtl] .tg-chat-btn span {
    margin-right: 0;
    margin-left: 8px;
}

.tg-chat-btn.btn-disabled {
    font-size: 1rem;
    background-color: #f2f2f2;
}
.tg-chat-buttons-wrapper {
    width: 100%;
    opacity: 0;
    -webkit-transform: translate(-20px, 125%);
            transform: translate(-20px, 125%);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    visibility: hidden;
    position: relative;
    bottom: -25px;
}
.tg-chat-buttons-wrapper.active {
    opacity: 1;
    -webkit-transform: translate(-20px, -30px);
            transform: translate(-20px, -30px);
    visibility: visible;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
}

.tg-chat-notification{
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #ec6724;
    line-height: 21px;
    text-align: center;
    color: #FFF;
    font-size: 1rem;
    position: fixed;
    bottom: 28px;
    right: 294px;
    z-index: 9;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    text-indent: inherit;
}
/* .tg-chat-notification.active {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    text-indent: inherit;
}
.tg-chat-notification.changed {
    width: auto;
    height: auto;
    line-height: 1;
    font-size: 1rem;
} */
.tg-chat-notification.hide {
    display: none;
}
.tg-chat-notification.show {
    display: block;
}
.tg-chat-sound {
    display: none;
}
.tg-chat-buttons-wrapper a {
    color: #000 !important;
}
.hero-wrapper {
  background-color: #fff8e8;
}
.hero-image {
  width: 100%;
  height: calc(100vh - 180px);
}
[lang=en] .hero-image {
  background: url(../images/slider/burak-ozcivit-desktop-en2.jpg) center center no-repeat;
  background-size: cover;
}
[lang=tr] .hero-image {
  background: url(../images/slider/burak-ozcivit-desktop-tr2.jpg) center center no-repeat;
  background-size: cover;
}

@media screen and (max-width: 575px) {
    .tg-chat-wrapper {
        width: 100%;
        bottom: 0;
        right: 0;
        text-align: right;
    }
    .tg-chat-wrapper ~ #WhatsAppMobile,
    .tg-chat-wrapper ~ #WeChatMobile {
        display: none !important;
    }
    .tg-chat-buttons-wrapper {
        position: initial;
        bottom: auto;
    }
    .tg-chat-buttons-wrapper.active {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    .tg-chat-main-btn {
        width: 65px;
        height: 65px;
        border-radius: 10px;
        padding: 13px;
        bottom: 10px;
        right: 10px;
    }
    .tg-chat-notification {
        bottom: 40px;
    }
    .hero-image {
      height: calc(100vh - 120px);
    }
    [lang=en] .hero-image {
      background: url(../images/slider/burak-ozcivit-mobil-en.jpg) center center no-repeat;
      background-size: cover;
    }
    [lang=tr] .hero-image {
      background: url(../images/slider/burak-ozcivit-mobil-tr.jpg) center center no-repeat;
      background-size: cover;
    }
}