.some-css-selector {font-size:13px;}



@media only screen and (min-width : 1921px){
  .container {
       width: 94% !important;
 }
}

@media only screen and (max-width : 1440px){
     .container {
          width: 94% !important;
    }
}

@media only screen and (min-width : 1200px) and (max-width : 1440px){
     .container {
          width: 94% !important;
    }
}

@media only screen and (min-width : 1200px){
     .container {
          width: 94% !important;
    }
}

@media only screen and (max-width: 1199px){


}

@media only screen and (min-width: 992px) and (max-width: 1199px){

}

@media only screen and (min-width: 992px){


}

@media only screen and (max-width: 991px) {

}

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

}

@media only screen and (min-width: 768px) {

}

@media only screen and (max-width: 768px) {

      .hidden-xxs {display: none!important; }
}

@media only screen and (max-width : 480px) {

      .hidden-xxs {display: none!important; }
}

@media only screen and (max-width : 320px) {
      .hidden-xxs {display: none!important; }

}

.site-header .header-links-container {float: right; height:auto; margin-right: 10px !important;}


.mb-02{
      margin-bottom: 2px;
}
.mb-04{
      margin-bottom: 4px;
}
.mb-04{
      margin-bottom: 6px;
}
.mb-08{
      margin-bottom: 8px;
}
.mb-2{
      margin-bottom: 20px;
}
.mb-4{
      margin-bottom: 40px;
}
.mb-5{
      margin-bottom: 50px;
}
.mb-6{
      margin-bottom: 60px;
}
.mb-8{
      margin-bottom: 80px;
}
.mb-10{
      margin-bottom: 100px;
}

.mt-02{
      margin-top: 2px;
}
.mt-04{
      margin-top: 4px;
}
.mt-04{
      margin-top: 6px;
}
.mt-08{
      margin-top: 8px;
}
.mt-1{
      margin-top: 10px;
}
.mt-2{
      margin-top: 20px;
}
.mt-4{
      margin-top: 40px;
}
.mt-5{
      margin-top: 50px;
}
.mt-6{
      margin-top: 60px;
}
.mt-8{
      margin-top: 80px;
}
.mt-10{
      margin-top: 100px;
}

.mt-150{
      margin-top: 150px;
}

.mt-160{
      margin-top: 160px !important;
}

.mt-170{
      margin-top: 170px !important;
}

.mt-175{
      margin-top: 175px !important;
}

.mt-180{
      margin-top: 180px !important;
}

.mt-190{
      margin-top: 190px !important;
}

.mt-200{
      margin-top: 200px !important;
}


.ml-10{
      margin-left: 10px;
}
.ml-20{
      margin-left: 20px;
}
.ml-30{
      margin-left: 30px;
}
.ml-40{
      margin-left: 40px;
}



.mr-10{
      margin-right: 10px;
}
.mr-20{
      margin-right: 20px;
}
.mr-30{
      margin-right: 30px;
}
.mr-40{
      margin-right: 40px;
}

.fs-6{
      font-size: 6px !important;
      line-height: 1;
}

.fs-8{
      font-size: 8px !important;
      line-height: 1;
}
.fs-10{
      font-size: 10px !important;
      line-height: 1;
}
.fs-11{
      font-size: 11px !important;
      line-height: 1;
}
.fs-12{
      font-size: 12px !important;
      line-height: 1;
}
.fs-13{
      font-size: 13px !important;
      line-height: 1;
}
.fs-14{
      font-size: 14px !important;
      line-height: 1;
}
.fs-15{
      font-size: 15px !important;
      line-height: 1;
}
.fs-16{
      font-size: 16px !important;
      line-height: 1;
}
.fs-18{
      font-size: 18px !important;
      line-height: 1;
}
.fs-20{
      font-size: 20px !important;
      line-height: 1;
}
.fs-22{
      font-size: 22px !important;
      line-height: 1;
}
.fs-24{
      font-size: 24px !important;
      line-height: 1;
}
.fs-26{
      font-size: 26px !important;
      line-height: 1;
}
.fs-28{
      font-size: 28px !important;
      line-height: 1;
}
.fs-30{
      font-size: 30px !important;
      line-height: 1;
}
.fs-40{
      font-size: 40px !important;
      line-height: 1;
}
.fs-50{
      font-size: 50px !important;
      line-height: 1;
}
.fs-60{
      font-size: 60px !important;
      line-height: 1;
}
.fs-70{
      font-size: 70px !important;
      line-height: 1;
}
.fs-75{
      font-size: 75px !important;
      line-height: 1;
}
.fs-80{
      font-size: 80px !important;
      line-height: 1;
}
.fs-90{
      font-size: 90px !important;
      line-height: 1;
}
.fs-price-tax{
      color: #aaa;

}

.fw-100{
      font-weight: 100!important;
}
.fw-200{
      font-weight: 200!important;
}
.fw-300{
      font-weight: 300!important;
}
.fw-400{
      font-weight: 400!important;
}
.fw-500{
      font-weight: 500!important;
}

.fs-ls-1{
   letter-spacing: 1px !important;
}
.fs-ls-2{
   letter-spacing: 2px !important;
}
.fs-ls-3{
   letter-spacing: 3px !important;
}
.fs-ls-4{
   letter-spacing: 4px !important;
}
.fs-ls-5{
   letter-spacing: 5px !important;
}
.fs-ls-6{
   letter-spacing: 6px !important;
}

.custom-link:hover {
  color: #fff !important
}



.hoverBorder {overflow: hidden;}
.hoverBorder  { position: relative; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: -webkit-transform .15s ease-out; transition: -webkit-transform .15s ease-out; transition: transform .15s ease-out; transition:transform .15s ease-out, -webkit-transform .15s ease-out; opacity:1;border-radius:0;}
.hoverBorder:hover  { -webkit-transform:scale(1.03); -ms-transform:scale(1.03); transform:scale(1.03); opacity:1;}
.hoverBorder:after {display: none;}


.hoverBorderZoomUp { overflow: hidden; }
.hoverBorderZoomUp {
    position: relative;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.15s ease-out, transform 0.15s ease-out, translate 0.15s ease-out;
    transition: -webkit-transform 0.15s ease-out, transform 0.15s ease-out, translate 0.15s ease-out;
    opacity: 1;
    border-radius: 0;
}
.hoverBorderZoomUp:hover {
    -webkit-transform: scale(1.03) translateY(-10px); /* Hafif yukarı kayma */
    -ms-transform: scale(1.03) translateY(-10px);
    transform: scale(1.03) translateY(-10px); /* Yukarı kalkma ve zoom */
    opacity: 1;
}
.hoverBorderZoomUp:after { display: none; }



.hoverBorderUp { overflow: hidden; }
.hoverBorderUp {
    position: relative;
    transform: translateY(0); /* Varsayılan pozisyon */
    transition: transform 0.15s ease-out; /* Hareket geçiş süresi */
    opacity: 1;
    border-radius: 0;
}
.hoverBorderUp:hover {
    transform: translateY(-10px); /* Hafif yukarı kalkma */
    opacity: 1;
}
.hoverBorderUp:after { display: none; }




.projectImage {
      position: relative;
      display: inline-block;
      width: 100%; /* Proje genişliği */
      max-width: 400px; /* İsteğe bağlı, genişliği sınırlandırmak için */
      overflow: hidden;
}

.projectImage a {
      display: block;
      width: 100%;
      height: 100%;
      text-decoration: none;
      color: inherit;
}

.projectImage img {
      width: 100%;
      height: auto; /* Yükseklik genişliğe göre orantılı olarak ayarlanacak */
      object-fit: cover;
}

.thumbsImage {
      position: absolute;
      bottom: 30px; /* İlk başta gizli */
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      justify-content: center;
      gap: 5px;
      opacity: 0; /* Görünmez halde başlar */
      transition: opacity 0.3s ease, bottom 0.3s ease;
}

.thumbsImage img {
      width: 80px;
      height: 80px;
      object-fit: cover;
      border: 1px solid white;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.projectImage:hover .thumbsImage {
      bottom: 50px; /* Görüntülenen konuma kayacak */
      opacity: 1; /* Görünür olacak */
}

.thumbsImage img:hover {
      cursor: pointer;
}

/* Aşağıdan yukarıya animasyon */
@keyframes slide-up {
      0% {
          opacity: 0;
          transform: translateY(20px);
    }
    100% {
          opacity: 1;
          transform: translateY(0);
    }
}

.projectImage:hover .thumbsImage img {
      animation: slide-up 0.5s ease forwards;
}


/*  e003 e060 */ 
.playImageShow {display:block; width:80px; height:80px; border:2px solid #fff; border-radius:50%; cursor: pointer; margin: 0 auto;  
      -webkit-transform: scale(.95) translate3d(0,0,0); -ms-transform: scale(.95) translate3d(0,0,0); transform: scale(.95) translate3d(0,0,0); 
      -webkit-transition: -webkit-transform .25s ease-in-out; transition: transform .25s ease-in-out; -webkit-backface-visibility: hidden; 
      vertical-align: middle;text-align: center; color: #fff; line-height: 76px; font-size: 18px;}
      .playImageShow:before { content: "\e060"; font-family: 'Glyphicons Halflings'; }
      .playImageShow:hover { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); color:#fff;}
      .playImageShow ~ h5 {  margin:40px auto 0; }


      .playVideo {
            display: block;
            width: auto; 
            height: 100%; 
            border: 0px solid #fff;
            border-radius: 50%;
            cursor: pointer;
            margin: 0 auto;  
            -webkit-transform: scale(0.90) translate3d(0,0,0); 
            -ms-transform: scale(0.90) translate3d(0,0,0); 
            transform: scale(0.90) translate3d(0,0,0); 
            -webkit-transition: -webkit-transform .25s ease-in-out; 
            transition: transform .25s ease-in-out; 
            -webkit-backface-visibility: hidden; 
            vertical-align: middle;
            text-align: center; 
            color: transparent; 
            overflow: hidden; 
      }

      .playVideo:before { 
            content: "\e072"; 
            font-family: 'Glyphicons Halflings'; 
            color: #fff;
            opacity: 0.50;
            font-size: 50px; 
            visibility: hidden; 
      }

      .playVideo:hover:before {
            visibility: visible; 
      }

      .playVideo:hover { 
            -webkit-transform: scale(1); /* On hover scale down */
            -ms-transform: scale(1); 
            transform: scale(1); 
            color: #fff; /* Metin rengi hover sırasında beyaz olacak */

      }