/*@import url(jquery-ui.min.css);*/
@import url(animate.css);
@import url(css-plugin-collections.css);
@import url(custom-bootstrap-margin-padding.css);
/*@import url(preloader.css);*/
@import url(colors/colors.css);

.bottom-bar {position:fixed;bottom:0;left:0;width:100%; background: #fff; display: none; visibility: hidden; z-index: 999;  padding-bottom:30px;}
.bottom-menu {list-style-type:none;margin:0;padding:0;columns:5;column-gap:0}
.bottom-menu li {padding-top:10px;border-top:#252a2d solid 5px}
.bottom-menu li:nth-child(2) {border-color:#82C9B9}
.bottom-menu li a {text-decoration:none;display:flex;justify-content:center;align-items:center;flex-direction:column}
.bottom-menu li a span {margin-top:10px;font-size:12px;color:#252A2D}

ul.ks-cboxtags {list-style:none;margin:0;padding:0;width:fit-content;margin:0 auto}
ul.ks-cboxtags li {display:inline;text-align:center}
ul.ks-cboxtags li label {display:inline-block;background-color:rgba(255, 255, 255, .9);border:2px solid rgba(139, 139, 139, .3);color:#adadad;border-radius:25px;white-space:nowrap;margin:3px 0px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:all .2s}
ul.ks-cboxtags li label {padding:6px 9px;cursor:pointer; font-size:13px;}
ul.ks-cboxtags li label::before {display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;font:normal normal normal 14px/1 FontAwesome;font-weight:normal;font-size:12px;padding:2px 6px 2px 2px;content:"\f067";transition:transform .3s ease-in-out}
ul.ks-cboxtags li input[type="text"] { line-height: 35px;}
ul.ks-cboxtags li input[type="checkbox"]:checked+label::before {content:"\f00c";transform:rotate(-360deg);transition:transform .3s ease-in-out}
ul.ks-cboxtags li input[type="checkbox"]:checked+label {border:2px solid #252A2D;background-color:#252A2D;color:#fff;transition:all .2s}
ul.ks-cboxtags li input[type="checkbox"] {display:absolute}
ul.ks-cboxtags li input[type="checkbox"] {position:absolute;opacity:0}
ul.ks-cboxtags li input[type="checkbox"]:focus+label {border:2px solid #252A2D}
.teklif-al-area {padding:20px}
.teklif-al-area .title {font-weight:600;font-size:12px;color:#444}
.teklif-al-area .subtitle {font-weight:300;font-size:12px;color:#444;margin-bottom:15px}
.bottom-bar-form {}
.bottom-bar-form input {padding-left:20px;width:100%;height:36px;background:transparent;border:1px solid #eee;font-weight:300;font-size:12px;color:#8b8b8b;margin-bottom:10px}


.bottom-bar-form input::placeholder {font-weight:300;font-size:12px;color:#8b8b8b}
.bottom-button {width:100%;height:42px;background:#836241;font-weight:600;font-size:14px;color:#fff;border:none;margin-top:20px}
.bottom-button:disabled {background:#8d7154; }

@media only screen and (max-width:700px){
  .bottom-bar { display: block !important; visibility: visible !important; }
}



@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) {
        .bottom-bar { padding-bottom:20px;}
    }


    
.g-0,
.gx-0 {
  --bs-gutter-x: 0 !important;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0 !important;
}  

.flex-row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(-1 * var(--bs-gutter-y));

}
.flex-row > * {
flex-shrink: 0;
width: 100%;
max-width: 100%;

margin-top: var(--bs-gutter-y);
}



.flex-col {
flex: 1 0 0%;
}

.row-cols-auto > * {
flex: 0 0 auto;
width: auto;
}

.row-cols-1 > * {
flex: 0 0 auto;
width: 100%;
}

.row-cols-2 > * {
flex: 0 0 auto;
width: 50%;
}

.row-cols-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}

.row-cols-4 > * {
flex: 0 0 auto;
width: 25%;
}

      
@media (min-width: 576px) {
    .row-cols-sm-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
      }
      .row-cols-sm-4 > * {
        flex: 0 0 auto;
        width: 25%;
      }
}
@media (min-width: 1200px) {
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
    .row-cols-xl-5 > * {
        flex: 0 0 auto;
        width: 20%;
      }
      .row-cols-xl-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
      }
}


.reference-item {
    border-top: 1px solid #d2d2d2;
    padding: 15px;
  }
  .reference-item:hover img {
    filter: grayscale(0);
  }
  .reference-item img {
    margin: 0 auto;
    max-width: 100%;
    max-height: 100px;
    object-fit: contain;
    display: block;
    filter: grayscale(100%);
    transition: all 0.2s linear;
  }


  @media (prefers-reduced-motion: reduce) {
    .reference-item img {
      transition: none;
    }
  }
  
  @media (min-width: 1200px) {
    .ref-list .flex-col:nth-child(6n+7) .reference-item {
      border-left: none !important;
    }
    .ref-list .flex-col:nth-child(-n+6) .reference-item {
      border-top: none;
    }
  }
  @media (min-width: 576px) and (max-width: 1199.98px) {
    .ref-list .flex-col:nth-child(4n+5) .reference-item {
      border-left: none !important;
    }
    .ref-list .flex-col:nth-child(-n+4) .reference-item {
      border-top: none;
    }
  }
  @media (max-width: 575.98px) {
    .ref-list .flex-col:nth-child(2n+3) .reference-item {
      border-left: none !important;
    }
    .ref-list .flex-col:nth-child(-n+2) .reference-item {
      border-top: none;
    }
  }
  .ref-list .flex-col:nth-child(n+2):nth-child(-n+600) .reference-item {
    border-left: 1px solid #d2d2d2;
  }

  .hizmetlerbg {
    background: url(/images/headerbg.webp) no-repeat center center;
    background-size: cover;
  }
  @media (max-width: 768px) {
    .hizmetlerbg {
      background: url(/images/headerbg-mobile.webp) no-repeat center center;
      background-size: cover;
    }
  }