/* Homepage repairs; mobile navigation is isolated in home-mobile-menu.css. */
html{scroll-behavior:smooth}body{overflow-wrap:break-word}img{max-width:100%}#loader-wrapper{display:none!important}
.home-skip{position:absolute;left:12px;top:-100px;z-index:1000000;padding:12px;background:white;color:#922a1e}.home-skip:focus{top:12px}
a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #922a1e;outline-offset:3px}.top_bar1 a{color:inherit}.copy_right1 img{height:auto}
#menu li:focus-within>ul{display:block!important;opacity:1!important;visibility:visible!important}#menu ul ul{max-height:none;overflow:visible}
#w_il,#w_ilce{min-height:44px}#w_sonuc a{display:inline-block;padding:8px 0}.copy_right1 p a{overflow-wrap:anywhere}
@media(max-width:991.98px){.top_bar1 .container{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.top_bar1 .call_us,.top_bar1 .mail_us{float:none;max-width:100%;margin:0 5px}.top_bar1 .mail_us p{overflow-wrap:anywhere}.wrap-menu{position:relative}.header-block{float:right}.logo{max-width:75%}.logo img{max-width:100%;height:auto}.our_works{overflow:hidden}.client .row{margin-left:0;margin-right:0}.hotline-phone-ring-wrap{z-index:900}.blog_posts .bx-wrapper{max-width:100%!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
.slider-client img{height:auto}.logo img{height:auto}.logo a{display:flow-root}

/* Project appearance copied from the original ZIP theme. */
/*---- beba effect ----*/

figure.effect-beba {

  background: #e43d24;

  max-width: 100%;

  position: relative;

}

figure.effect-beba img {

  min-width: 100%;

  height: 100%;

  opacity: 1;

}

figure.effect-beba figcaption {

  padding: 2em;

}

figure.effect-beba figcaption::before,

figure.effect-beba figcaption::after {

  position: absolute;

  content: '';

  opacity: 0;

}

figure.effect-beba figcaption::before {

  top: 50px;

  right: 30px;

  bottom: 50px;

  left: 30px;

  border-top: 1px solid #fff;

  border-bottom: 1px solid #fff;

  -webkit-transform: scale(0,1);

          transform: scale(0,1);

  -webkit-transform-origin: 0 0;

          transform-origin: 0 0;

}

figure.effect-beba figcaption::after {

  top: 30px;

  right: 50px;

  bottom: 30px;

  left: 50px;

  border-right: 1px solid #fff;

  border-left: 1px solid #fff;

  -webkit-transform: scale(1,0);

          transform: scale(1,0);

  -webkit-transform-origin: 100% 0;

          transform-origin: 100% 0;

}

figure.effect-beba h2 {

  padding-top: 23%;

  opacity: 0;

  -webkit-transition: -webkit-transform 0.35s;

          transition: transform 0.35s;

}

.grid2 figure.effect-beba h2 {

  padding-top: 20%;

  opacity: 0;

  -webkit-transition: -webkit-transform 0.35s;

          transition: transform 0.35s;

}

figure.effect-beba p {

  padding: 0.5em 2em;

  text-transform: none;

  opacity: 0;

  -webkit-transform: translate3d(0,-10px,0);

          transform: translate3d(0,-10px,0);

}

figure.effect-beba img,

figure.effect-beba figcaption::before,

figure.effect-beba figcaption::after,

figure.effect-beba p {

  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

          transition: opacity 0.35s, transform 0.35s;

}

figure.effect-beba:is(:hover,.project-hover,.project-active,:focus-within) img {

  opacity: 0.2;

  -webkit-transform:scale(1.15); /* Safari and Chrome */

     -moz-transform:scale(1.15); /* Firefox */

      -ms-transform:scale(1.15); /* IE 9 */

       -o-transform:scale(1.15); /* Opera */

          transform:scale(1.15);

}

figure.effect-beba:is(:hover,.project-hover,.project-active,:focus-within) .link {

  display: block;

  position: absolute;

  left: 50%; 

  top: 60%;

  background-color: #fff;

  width: 40px; 

  height: 40px;

  margin-left: -20px;

  border-radius: 50%;

  text-align: center;

  opacity: 1;

  text-indent: 0;

}

figure.effect-beba .link i { 

  font-size: 20px ;

  color: #e43d24;

  line-height: 40px;

}

figure.effect-beba:is(:hover,.project-hover,.project-active,:focus-within) figcaption::before,

figure.effect-beba:is(:hover,.project-hover,.project-active,:focus-within) figcaption::after {

  opacity: 1;

  -webkit-transform: scale(1);

          transform: scale(1);

}

figure.effect-beba:is(:hover,.project-hover,.project-active,:focus-within) h2,

figure.effect-beba:is(:hover,.project-hover,.project-active,:focus-within) p {

  opacity: 1;

  -webkit-transform: translate3d(0,0,0);

          transform: translate3d(0,0,0);

}

figure.effect-beba:is(:hover,.project-hover,.project-active,:focus-within) figcaption::after,

figure.effect-beba:is(:hover,.project-hover,.project-active,:focus-within) h2,

figure.effect-beba:is(:hover,.project-hover,.project-active,:focus-within) p,

figure.effect-beba:is(:hover,.project-hover,.project-active,:focus-within) img {

  -webkit-transition-delay: 0.15s;

          transition-delay: 0.15s;

}


/* Fit the separately requested seventh navigation item without changing the
   original typography, project grid or mobile homepage layout. */
@media(min-width:1200px){.ca-menu>li,.fixed-header .wrap-menu .ca-menu>li{width:130px}}
@media(min-width:992px) and (max-width:1199px){.logo{width:130px}.ca-menu>li,.fixed-header .wrap-menu .ca-menu>li{width:106px}.ca-menu .ca-content,.fixed-header .wrap-menu .ca-content{left:34px}.ca-menu .ca-icon,.fixed-header .wrap-menu .ca-icon{width:28px;left:2px;font-size:15px}.ca-menu .ca-main,.fixed-header .wrap-menu .ca-main{font-size:13px}.ca-menu .ca-sub,.fixed-header .wrap-menu .ca-sub{font-size:10px}}