/* .projeler.view-article #sp-main-body .container {
    width: 100%;
    max-width: 100%;
    padding: 0 0;
}
.ictasiyici{
    margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px;
}
@media (min-width: 576px) {
  .projeler.view-article #sp-main-body .ictasiyici {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .projeler.view-article #sp-main-body .ictasiyici {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .projeler.view-article #sp-main-body .ictasiyici {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .projeler.view-article #sp-main-body .ictasiyici {
    max-width: 1140px;
  }
} */
.projeler.view-article #sp-main-body {
    padding-top: 20px;
}
.projeler.view-article .article-details .article-header h1, .projeler.view-article .article-details .article-header h2 {

  color: #000;
}
.ictasiyici {
    padding: 25px;
    margin: 50px;
    margin-top: -100px;
    position: relative;
    z-index: 2;
    background: #fff;
    border-radius: 4px 4px 0 0;
}
.projeler.view-article .article-details .article-header {
    padding-top: 0;
}
.projeler.view-article .article-details .article-header:before {
   top:auto;
    bottom: 0;
}
.projeler.view-article  .article-details .article-info {
    margin-bottom: 0;
}
.projeler.view-article .field-label {
    font-weight: 600;
}
.projeler.view-article .field-entry {
    display: inline-block;
    font-size: 14px;
}
.projeler.view-article .ictasiyici .tags {
    margin: 0;
    float: right;
    position: relative;
    z-index: 2;
}
h3.baslik {
    border-bottom: 1px solid #ededed;
    padding-bottom: 10px;
    margin-bottom: 25px;
}
a.projeImage img {
    border: 1px solid #ededed;
    padding: 5px;
    background: #fff;
    transition: all 0.3s ease-in-out 0s;
}
a.projeImage .buyut {
    display: block;
    width: 40px;
    height: 40px;
    background: #000;
    color: #fff;
    text-align: center;
    line-height: 40px;
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: all 0.3s ease-in-out 0s;
}
a.projeImage:hover .buyut {
    opacity: 1;
    top: 50%;
    transform: translate(-50%, -50%);
}
a.projeImage:hover img {
    box-shadow: 0 10px 20px -5px rgba(0,0,0,0.4);
    transform: scale(1.05);
}
.lg-backdrop{
    z-index: 10040;
}
.lg-outer{
    z-index:10050;
}
#sppb-addon-1602918616655 .sp-slider-content-align-left, #sppb-addon-1602918616655 .sp-slider-image-align-left {
    width: 87%!important;
}
div.hero-slider .sp-slider-content-align-center, div.hero-slider .sp-slider-content-align-left, div.hero-slider .sp-slider-content-align-right {
    padding: 20px;
    margin-right: 0;
}
.sp-dropdown-inner {
    background-color: #efefef!important;
}
.sp-menu-item a {
    color: #000!important;
}
.sp-menu-item a:hover{
color: #326c8e!important;
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
    color: #326c8e!important;
}
ul.sp-mega-group {
    text-align: center;
}
.projeler .article-list .article {
    position: relative;
    padding:0;
    box-shadow: 5px 5px 20px #ddd;
}
.projeler .article-list .article:hover{
    box-shadow: 5px 5px 20px #bfbfbf;
}
.projeler .article-list .article .article-body {
    position: absolute;
    left: 0;
    bottom: 25px;
}
.projeler .article-list .article .article-intro-image {
    margin: 0 0;
    overflow: hidden;
}
.projeler .article-list .article:hover .article-intro-image img {
    transform: scale(1.2);
}
.projeler .article-list .article .article-intro-image img {
    transition: all 0.3s ease-in-out 0s;
}
.projeler .article-list .article .article-header h2 {
    margin-bottom: 0;
    padding-bottom: 0;
    padding: 5px 10px 10px 10px;
    background: rgba(0,0,0,0.75);
}
.projeler .article-list .article .article-header a {
    color: #fff;
}
.projeler .article-list .article .article-info, .projeler .article-list .article .article-intro-text {
    display: none;
}
.offcanvas-menu {
    background-color: #fff;
}
#sp-bottom a, #sp-bottom-top a, #sp-footer a {
    color: #fff;
}
ul.pager.pagenav a {
    color: #000;
}
ul.pager.pagenav a:hover {
    color: #fff;
}

a.projeImage img {
    margin-bottom: 30px;
}
@media(max-width:576px){
  .sp-slider .sp-item .sp-background{
    background-position:70%
  }
}

.floating-buttons {
    position: fixed;
    bottom: 76px;
    right: 30px;
    z-index: 1000;
    width: 36px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.floating-buttons a {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius:3px;
    color: #fff;
    font-size:25px
}
.floating-buttons a.floating-btn-whatsapp{
    background: #25d366;
}
.floating-buttons a.floating-btn-phone{
    background: #326c8e;
}

.floating-buttons a.floating-btn-whatsapp:hover{
    background: #1eb656;
}
.floating-buttons a.floating-btn-phone:hover{
    background: #225775;
}

@media(max-width:575.98px){
    .sp-scroll-up{
        bottom:60px
    }
    .floating-buttons {
       
        bottom: 0;
        right: 0px;
        z-index: 1000;
        width: 100%;
        flex-direction: row;
        gap: 0px;
    }
    .floating-buttons a {
        width: 50%;
        height: 50px;
        border-radius:0px;
    }

    .floating-buttons a span {
       font-size:16px;
       padding-left: 5px;
    }
}