@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


body{
    background-color:#FFF;
    font-family: 'Open Sans', sans-serif;
    font-size:16px;
    font-weight: 400;
    color: #222;
    }


/* GENERAL */





.karsilama{background: #FCFCFC; text-align: center; color:#626262; }
.karsilama .row{padding-top: 70px; padding-bottom: 50px;}

.karsilama .row .item{border-right: 1px solid #e5e5e5}

.karsilama .row .item.last{border:none;}
.karsilama .icon { background: white;     border:5px solid #f8f8f8; display: inline-block;position: relative; width: 110px; height: 110px; line-height: 100px; text-align: center; border-radius: 50%; margin-bottom: 20px; font-size: 34px; transition:all .5s;  }
.karsilama .title{font-family: 'Open Sans'; font-weight: 400; font-size: 20px; line-height: 25px; margin: 20px; }
.karsilama .desc{ font-weight: 100; font-size: 12px; line-height: 25px; margin: 0 50px;}


.spot-bg-bottom{padding-top: 80px;padding-bottom: 350px; text-align: center;background:url(../images/content/spot-bg-bottom.png) #F2F3F5 center bottom no-repeat ; background-size: container;}
.spot-bg-bottom .title{font-weight: 300; font-size: 42px; color:#161922; padding-bottom:40px; }
.spot-counter .count{font-weight: 400; font-size: 65px; line-height: 90px;  padding-bottom: 20px; text-align: center;}
.spot-counter .desc{font-weight: 100; font-size: 18px; line-height: 29px; color:#161922; padding-bottom: 20px; text-align: center;}
.spot-counter .hr-narrow{ background-color: rgba(0,0,0,.1);color: rgba(0,0,0,.08); width: 40%; height: 1px; margin: auto;}
.spot-color{padding-top: 40px;padding-bottom: 40px; text-align: center; }
.spot-color .title{font-weight: 300; line-height: 54px;  }


.wellcome{background-color: #f8f8f8; padding: 60px 0;}
.wellcome .bg{width:100%; height:350px; display:block;  box-shadow: 0 0 10px rgba(0,0,0,0.4); border:2px solid white;}n



/* hizmetlerimiz-bg-image */
.hizmetlerimiz-bg-image {background: transparent}
.hizmetlerimiz-bg-image .item{position: relative; height: 400px; }
.hizmetlerimiz-bg-image .item .bg-img{position: relative; height: 100%; background-size: cover; background-position: center center; transition: all .5s;text-align: center; }
.hizmetlerimiz-bg-image .item .bg-img:hover{background-position: center bottom; cursor: pointer;}
.hizmetlerimiz-bg-image .item .bg-img span.title{font-weight: 100; font-size:42px; padding-top:150px; display: inline-block; background: rgba(255,255,255,0.8); width: 100%; height: 100%; transition: all .5s; }
.hizmetlerimiz-bg-image .item .bg-img:hover span.title{opacity: 1;transition: all .5s;}
/* hizmetlerimiz-bg-image */


/* blog hizmetlerimiz*/
.blog ,.hizmetlerimiz {background: #fff; position: relative; padding:0px;}
.blog {padding-top:0px; }
.blog-page{background-color: transparent;}
.blog .content-item,.hizmetlerimiz .item{background: white;   position: relative; width: 100%; position: relative; }
.hizmetlerimiz .item{ margin-bottom: 60px; }
.blog .content-item{margin-bottom: 60px;}

.hizmetlerimiz .item{border:1px solid #e5e5e5;}
.blog .title,.hizmetlerimiz .title{font-weight: 800; font-size: 42px; font-family: 'Open Sans', sans-serif; text-align: center;}
.content-item .bg-img{position: relative;  background-position: center center; transition: all .5s;text-align: center;}
.hizmetlerimiz .item .bg-img{position: relative; width: 100%; height: 150px; background-size: cover; background-position: center center; transition: all .5s;text-align: center; border:0px solid #F8F8F8;}
.content-item .title, .content-item-fw .title{font-weight: 800; font-size: 26px; line-height: 34px; padding: 20px 20px 5px 20px;  }
.hizmetlerimiz .item .title{font-weight: 300; font-size: 20px; line-height: 80px;text-align:center;}


.content-item .desc,.hizmetlerimiz .item .desc, .content-item-fw .desc{padding: 10px; text-align: center; transition: all 0.5s; font-weight: 600; height: 60px; overflow:hidden;}
.hizmetlerimiz .item .desc .shortdesc{margin-top: 300px}
.hizmetlerimiz .item:hover .desc{box-shadow: 0px 0px 5px rgba(0,0,0,0.3)}
.hizmetlerimiz .item:hover .desc a.linked{color:#fff; text-decoration: none; padding-top: 120px }
.content-item-fw .link, .content-item .link, .hizmetlerimiz .item .link {text-align: right; padding: 20px; position:relative; }
.btn-faaliyet{    width: 100%;text-align: left;border-bottom: 1px solid #bf8970;}
.btn-faaliyet a{text-decoration: none}
.btn-faaliyet:hover a{text-decoration: none}
.btn-faaliyet:hover{    width: 100%;text-align: left;border-bottom: 1px solid red;}

.blog .bg-img{height: 250px; border: 10px solid #F8F8F8; background-size: cover;width: 100%;  }
.content-item-fw .bg-img{height: 350px; border:none;background-size: cover; background-repeat: no-repeat; margin-bottom: 40px; width: 100%; margin: auto; border:10px solid #f4f4f4; background-position: center center }
.content-item-fw .title{text-align: center;}
.content-item-fw .desc{text-align: center; margin: auto; width: 90%}
.content-item .title{text-align: left;}


.uygulama-ul ul {margin:0; padding: 0;}
.uygulama-ul ul li{list-style: none; margin: 0; padding: 5px 0;}

.opacity-dark{    background: rgba(0,0,0,0.75);width: 100%;height: 100%;position: absolute;left: 0;top: 0;  }
.opacity-light{    background: rgba(255,255,255,0.75);width: 100%;height: 100%;position: absolute;left: 0;top: 0;  }
/* blog */


/* ÜRÜNLER */
.product{padding: 100px 0; background-color: #f5f5f5}
.product .item{background:white; margin-top: 60px; margin-bottom: 30px; color:white; border:1px solid #e5e5e5; padding: 30px; text-align: center; transition:all .5s;}


.product .item .img.scale{background-color: white; text-align: center; height: 100px; background-size:cover;}
.product .item .img.scale img{max-width: 100%; max-height:100%}
.product .item .img.scale.h300{height:300px;}
.product .item .img.scale.h400{height:400px;}
.product .item .img.scale.h500{height:500px;}

.product .item .desc .title{text-transform:capitalize;  font-size: 16px; text-align: center; color:#009EE3;}
.product .item .desc h3.title a{ color:#009EE3;}
.product .item .desc .desc{ text-align: left; font-size:100;;font-size: 16px}
.product .item .btn{ padding: 5px 40px; margin-top: 30px}

/* ÜRÜNLER */
.imgs img{width:18%; height:auto; margin-bottom: 5px;border-radius: 5px; border:2px solid white; }

/* REFERANSLARIMIZ */

.polaroid-img{width: 100%; height: 300px; background-size: cover; border: 8px solid #fff; border-bottom:60px solid #fff; margin-bottom: 30px}
#grid .mix {
  display: none;
  opacity: 0;
}

/** Portfolio Page **/
.portfolio-item {
  margin-top: 40px;
}

.portfolio-image {
  position: relative;
}

.portfolio-image img {
  width: 100%;
}

.portfolio-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.portfolio-image:hover .portfolio-overlay {
  opacity: 1;
}

.portfolio-overlay .portfolio-title {
  position: absolute;
  font-size: 18px;
  font-weight: 700;
  margin: 0;
  left: 25px;
  bottom: 20px;
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

/** Portfolio Single **/
.portfolio-single-image {
  width: 100%;
}


@media (min-width: 768px) and (max-width: 991px) {

  .our-work-1-item-description h6 {
    width: 65%;
  }

  .our-work-1-item-description p {
    width: 33%;
  }

}

/* MARKALAR*/

.makina-item{border-radius: 4px; border: 1px solid rgba(24,80,90,0.35); padding: 20px; margin: 20px;     min-height: 250px;
    box-shadow: 0px 0px 10px rgba(24,80,90,0.15);
        -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
        display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    transition:all .4s;
}
.makina-item:hover{
    box-shadow: 0px 0px 10px rgba(24,80,90,0.5);
}
.makina-item .itemm{    
overflow:hidden;}

/* PAGE */
.page{}
.page h1{  }
.page .img-parallax{width: 100%; }
.page .page-img{width: 90%; height: auto; box-shadow: inset 0 0 5px 2px rgba(0,0,0,.7); border:5px solid #e2e2e2; display:inline-block; margin-bottom: 40px}
.page .page-img img{opacity: 0.9; width:100%; height:auto}
.page .parallax-window{ height:200px;}
.page .gallery-item{width: 135px; height: 100px; border-radius: 0px; border:3px solid white; display: inline-block; position: relative; box-shadow: 0px 0px 5px rgba(0,0,0,.12); margin: 10px;}
.bg-text{background: rgb(116 184 239 / 20%); padding: 10px;   line-height:30px;}

/**/
.spot-1{padding: 100px 0}
.spot-1 .title{font-size: 77px; font-weight: 400}
.hizmetler{border-top: 2px solid #29c9fc}
.hizmetler .item{ padding:10px; transition: all .4s; text-align: center; border:1px solid rgba(0,0,0,0.1);}
.hizmetler .item:hover{box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.hizmetler .item img{padding: 30px 0;}
.hizmetler .item .img{height: 150px; overflow:hidden; margin-bottom: 20px}
.hizmetler .item h4{  color:#29c9fc; font-weight: 300; margin: 20px; height: 50px}
.hizmetler .btn{background-color: transparent; border:#dedede 1px solid; font-size: 12px; padding: 0}
.hizmetler .btn a{font-size: 12px; padding: 5px 30px}
.hizmetler .item.bg-primary .btn a{color:white; }
.hizmetler .item:hover .btn{background-color: #129da1;}
.hizmetler .item:hover .btn a{color:white;}



/*FOOTER */


#map{width:100%; height: 450px; margin: 0px; border-radius: 0px}

/* İLETİŞİM */
.form-control{margin-bottom: 20px; border-radius: 0; border:3px solid #129da1;border-left:1px solid #129da1;  border-top: 1px solid #129da1; box-shadow: none; }