:root { --particular: url(../uploads/headline.webp); }

@media (max-width: 768px) {
    :root { --particular: url(../uploads/mobile-headline.webp); }
}


@-webkit-keyframes notify {
    from { top:-500px;  }
    to { top:15px; }
}
@-moz-keyframes notify {
    from { top:-500px;  }
    to { top:15px; }
}
@keyframes notify {
    from {  top:-500px;  }
    to {  top:15px; }
}


@-webkit-keyframes fadeInDown {
    from { top:-500px;  }
    to { top:0px; }
}
@-moz-keyframes fadeInDown {
    from { top:-500px;  }
    to { top:0px; }
}
@keyframes fadeInDown {
    from {  top:-500px;  }
    to {  top:0px; }
}


.no-margin { margin-bottom:0px; }

.link, .link:hover { color:darkblue;text-decoration:underline; }

.whatsapp {
    position: fixed;
    transform:translate(150px,0px);
    bottom:25%;
    right:0;
    width:200px;
    display: flex;align-items: center;justify-content: flex-start;
    overflow: hidden;
    background-color: #0C6431;
    color: #FFF;
    border-radius: 4px 0 0 4px;
    padding:10px;
    z-index: 56;
    transition: all 0.5s ease-in-out;
}

.whatsapp span {
    font-size: 15px;
    line-height: 16px;
    font-weight: bold;
}

.whatsapp i {
    margin-right: 15px;
    font-size: 40px;
    line-height: 40px;
    text-align:center;
}

.whatsapp:hover {
    color: #FFFFFF;
    transform:translate(0px,0px);
}

.page404 {  position: absolute;top:0;bottom:0;left:0;right:0;display: flex;align-items: center;justify-content: center;flex-direction: column;font-size:14px;width:100%;height:100%; }
.page404 strong { font-size: 140px;line-height: 140px;font-weight: 900;color:#2c2c2c; }
.page404 span { margin-bottom:5px; }
.page404 .btn-link { margin-top:15px; }



 .success , .failed  { padding:50px 30px;line-height:1;text-align: center; }
 .success .fal, .failed .fal{ display: block;font-size:30px;margin-bottom:10px; }
 .success p, .failed p { font-size:14px !important;margin-bottom:15px; }

.success .buttons, .failed .buttons { margin-top:30px; }

    
.success .fal, .failed .fal { display:inline-block;;height:75px;line-height:75px;font-size:26px;width:75px;border-radius:100%; margin-bottom:20px;  }
.success h1, .failed h1 { display: block;margin-bottom:10px;font-size:25px;font-weight:bold; }
.success p, .failed p  { display: block;font-size:16px;color:#343434; }
.success .fal { border:2px solid #2ecc71; color:#2ecc71; }  
.failed .fal { border:2px solid #e74c3c; color:#e74c3c; }


.notify {
    position: fixed;
    top:15px;right:15px;
    max-width: 400px;
    padding: 30px;
    background: rgba(250, 250, 250, 1);
    border-radius: 5px;
    box-shadow: 0 15px 90px -10px rgba(0, 0, 0, 0.2);
    z-index: 9999999;
    font-size:14px;
    animation-name: notify;  
    animation-fill-mode: both; 
    animation-duration: 1s;
}
.notify .content { display:flex;align-items:flex-start;justify-content:flex-start;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #EEE; }
.notify .content-left { max-width:70px;min-width:70px;width:70px;margin-right:15px; }
.notify .content-right strong{ display:block;margin-bottom:10px;color: rgba(51, 51, 51); }
.notify .content-right a{ color:rgba(20, 102, 120); }

.notify .btn-default, .notify .btn-primary { padding:8px;flex:1; flex-grow: 1;font-size: 13px;}
.notify .btn-default{ background:#EEE; }

.notify .notify-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
}

.notification .btn-primary {
    margin-left: 10px
}


.top {position:fixed;top:0;left:0;border-bottom: 1px solid rgba(255, 255, 255, .07);padding: 0px; z-index: 9998;width:100%; }


.top .call, .top .call:hover { padding:10px 15px !important;background:#128c7e;color:#FFF; }


.top .container { display: flex;align-items: center;justify-content: center; }

.top .left { margin-right:auto; }

.top .left a { margin-right:10px; }
.top .left a .far { margin-right:5px; }

.top a {  display: inline-block; position: relative; font-size: 14px; color:#FFF; }

.top .right a { margin-left:10px; }

.header { position:fixed;top:42px;left:0;   width: 100%;z-index: 9999; }

.header .container { position:relative;display: flex;align-items: center;justify-content: center;z-index:2;}
.header .logo { display: inline-block;max-width: 200px;min-width: 200px;width:200px;margin-right:auto; }
.header .logo img{ width: 100%; }



.header nav > ul > li { display: inline-block; }
.header nav > ul > li:last-child a {padding-right:0px; }
.header nav > ul > li > a {  position: relative; display: block; text-align: center; font-size: 15px; font-weight: 600; color:#FFF; padding: 10px; transition: all 300ms ease;overflow: hidden;}
.header nav > ul > li > a:before { content:'';position:absolute;bottom:-200px;left:0;right:0;height:3px;border-radius:50px;background:#128c7e; transition: all 300ms ease;}
.header nav > ul > li:hover > a:before, .header nav > ul > li.active > a:before { bottom:0px; }

.header nav:hover > ul > li.active > a:before { display: none; }

.header nav > ul > li > a.search-toggle { background:#FFF;color:#646464;padding:10px 15px !important;font-size:13px;width:175px;min-width:175px;max-width:175px;text-align:left; border-radius:50px;}

.header nav > ul > li > a.search-toggle .fal { margin-right:5px; }

.header .tools {display: none;}




body.fixed .top { background:#FFF;border-bottom:1px solid #EEE; }

body.fixed .top a { color:#242424; }

body.fixed .top a.call { color:#FFF; }

body.fixed .header { top:40px;background:#FFF;-webkit-transition:all .1s ease; box-shadow: 0px 10px 20px -2px rgba(0, 0, 0, 0.1); }

body.fixed .header nav > ul > li > a { color:#242424; }

body.fixed .header nav > ul > li > a.search-toggle{ border:1px solid #DDD; }


.search { display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);text-align:center;padding:60px 0px;z-index:9999;  }
.search .form { position:relative;display:inline-block;max-width:70%;min-width:70%;width:70%;}
.search .form-control { padding:20px 30px 20px 70px;border-radius:4px;background:#FFF; box-shadow:inset 0 0px 10px rgb(0 0 0 / 10%), 0 -1px 1px #FFF, 0 1px 0 #FFF; }
.search .fal { position:absolute;top:18px;left:30px;font-size:25px;color:#666; }
.search .results  { background:#FFF;border-radius:4px;margin-top:15px;max-height:500px;overflow-x:auto; }
.search .results .item { display:flex;align-items:center;justify-content:flex-start; padding:10px 30px;}
.search .results .item:hover { background: #FBFBFB; }
.search .results .item + .item { border-top:1px solid #EEE;}
.search .results .item .left { max-width:40px;min-width:40px;width:40px;margin-right:30px; }


.search .results .price{ display: flex;align-items: center;justify-content: flex-start; font-size:13px;}
.search .results span.new{ font-weight: 700; }
.search .results span.old{ text-decoration: line-through;color: #999999;font-weight: 400;margin-right: 5px; }




body.search-open, body.searching{  overflow:hidden; }
body.search-open .search{ display:block; }


.hero {  position: relative;display:flex;align-items:center;justify-content:flex-end;background:url(../uploads/hero.webp) center center no-repeat;background-size:cover;min-height:140px;text-align: center;overflow: hidden;}
.hero:before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 280px; background-image: linear-gradient(to bottom, rgba(24,24,24,.7), rgba(255, 255, 255, 0)); z-index: 1; }
.hero::after {content: '';position: absolute;background:rgba(0,0,0,.5);top: 0;left: 0;width: 100%;height: 100%;}  


.hood { padding:75px 0px;text-align:center; }
.hood h1 { font-size:30px;font-weight:900; }
.hood h2 { font-size:16px;font-weight:500;color:#343434; }


.headline { position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#128c7e url(../uploads/headline.webp) center center no-repeat; background-size:cover; padding-top:87.92px;height:600px;min-height: 600px;max-height:600px; text-align:center;overflow: hidden; }


.headline:before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 280px; background-image: linear-gradient(to bottom, rgba(24,24,24,1), rgba(255, 255, 255, 0)); z-index: 1; }
.headline::after {content: '';position: absolute;background:rgba(0,0,0,.5);top: 0;left: 0;width: 100%;height: 100%;}  


.headline > * { position:relative; z-index:2; }
.headline .heading{ color: rgb(255, 255, 255);line-height: 1.2;font-weight: bold;font-size: 40px;letter-spacing:-1px;margin-bottom:5px; }
.headline .description {  color: rgb(255, 255, 255);max-width: 764px;font-size:18px;font-weight:bold; }



.title { display:flex;align-items:center;justify-content:center;margin-bottom:30px;padding-bottom:15px; }
.title h1, .title h2, .title h3, .title h4, .title h5, .title h6 {font-weight: bold;font-size:23px;margin-right:auto;}

.title h1::after,
.title h2::after,
.title h3::after,
.title h4::after,
.title h5::after,
.title h6::after{
    display: flex;
    position: absolute;
    content: "";
    height: 6px;
    width: 50px;
    background-color: #128c7e;
    border-radius: 10px;
    margin-top: 15px;
    transition: width 0.2s ease;
}



.title .nav_button { display:inline-block;font-size:13px;border-radius:4px;border:2px solid #EEE;padding:5px 10px;color:#444;transition:all .5s ease; } 
.title .nav_button + .nav_button { margin-left:5px; }
.title .nav_button:hover { color:#222;border-color:#222; }

.wrapper{ position:relative;display: flex;justify-content: space-between;z-index: 55;margin-bottom:50px; }
.wrapper .blockquote { line-height: 1.2; background: #fafafa; border-radius: 4px; padding: 20px; margin-bottom:20px; font-size: 16px;}


.grid { display:grid; grid-template-columns:  minmax(0, 25%)  minmax(0, 25%)  minmax(0, 25%) minmax(0, 25%); gap: 20px;min-width: 72.5%; flex-grow: 1;background:#FFF; padding:20px; }

    

.article { background:#FFF;font-size: 15px;line-height: 26px;color:rgba(0,0,0,.8);padding:20px;box-shadow: 0px 5px 20px 0px rgb(225 225 225 / 100%);border: 1px solid #F5F5F5;border-radius: 4px;width:100%; }
.article header { margin-bottom:15px;  }
.article figure { margin-bottom:15px; }
.article figure img { width:100%;max-width:100%;border-radius:2px; }
.article h2, .article h3, .article h4, .article h5, .article h6{  position: relative;  font-weight: bold; margin:15px 0; font-size: 20px; z-index:2;  }
.article h1 { font-size:30px;font-weight:bold;margin-bottom:10px; }

.article p {color:#454545;line-height: 1.4; }
.article a { color: #454545!important;text-decoration:underline; }
.article p + p { margin-top:15px; }


.article ul, .article ol { padding-left:40px;margin:15px 0px; }

.article ul li, .article ol li { list-style-type:disc;text-align:left; }

.article table { width:100%;margin-bottom:15px; }

.article table:not(.table) tr:nth-child(1) td { background:#5e5e5e;color:#FFF;padding:10px;}
.article table tr td { padding:5px;border-bottom:1px solid #DDD; border-left:1px solid #DDD; width:auto !important;text-align:center; }
.article table tr td:first-child { text-align: left; }
.article table tr td:last-child { border-right:1px solid #DDD; }


.article .table tr th { background:#5e5e5e;color:#FFF;padding:10px 5px; }
.article .table tr th:first-child { text-align: left; }


.table_of_contents { display:inline-block; background:#EEE;border-radius:4px;padding:20px 30px;margin-bottom:15px; }
.table_of_contents::before { content: "İçindekiler"; display: block;font-size: 20px; font-weight: bold;  margin-bottom: 5px; }

.table_of_contents ol { margin:0px !important; }
.table_of_contents > ol { padding-left:15px; }
.table_of_contents ol ol { margin-top:5px !important;padding-left:30px; }
.table_of_contents ol li + li{ margin-top:5px; } 
.table_of_contents a { text-decoration:none;font-size:14px; }

.aside {  width: 27.5%;flex-shrink: 0;margin-right:30px; }

.aside .widget { display:flex;align-items:center;background:#FFF;padding:15px;margin-bottom:15px;box-shadow: 0px 5px 20px 0px rgb(225 225 225 / 100%);border: 1px solid #F5F5F5;border-radius:4px;  }
.aside .widget .fa, .aside .widget .fab { width:40px;min-width:40px;height:40px;line-height:40px;margin-right:15px; border-radius: 100%; background: #eee;text-align: center;color:#FFF; }
.aside .widget .fa-phone { background:#128c7e; }
.aside .widget .fa-whatsapp { background:#25D366;}
.aside .widget .fa-envelope-open { background:#242424;}
.aside .widget p { font-size:13px; }
.aside .widget strong { display:block;font-size:15px;}


.category_list { max-width:calc(72.5% - 30px);width:calc(72.5% - 30px); }

.category_item + .category_item { margin-top:50px; }

.lastest { background:#FFF;margin-bottom:15px;box-shadow: 0px 5px 20px 0px rgb(225 225 225 / 100%);border-radius:4px;overflow:hidden; }
.lastest .heading {display: flex;align-items:center;justify-content:center;font-size:15px;font-weight: bold; padding:20px 20px 20px 20px;background:#404143;color:#FFF;text-transform: uppercase;font-weight: 900;}

.lastest .heading .fal { margin-left:auto;font-size:20px; }
.lastest ul li a { display:block;padding:15px 20px;font-size:14px; }
.lastest ul li a img { width:20px;min-width:20px;margin-right:5px; }
.lastest ul li.active a { background:#128c7e; color:#FFF; }
.lastest ul li.active a img { filter: brightness(0) invert(100%);}

.product { padding-bottom: 75px; background: #FAFAFA;}

.product .inset { background:#FFF;padding:30px; }
.product .content { display:flex;align-items:flex-start;justify-content:center; } 
.product .left, .product .right { flex:1;flex-grow:1; }

.product .left { padding-right:30px;max-width:500px; }
.product .left img { width:100%;min-width:100%;max-width:100%; }


.product h1 { font-size:30px;font-weight:900;text-align:center;padding-top:10px; }
.product .text { display:block;font-size: 1rem;font-weight: 400; color: #474747;line-height:21px;margin-bottom:20px; }

.product .text h2, 
.product .text h3, 
.product .text h4, 
.product .text h5, 
.product .text h6{  position: relative;  font-weight: bold; margin-bottom:20px; font-size: 24px; z-index:2;  }


.product .text ul, .product .text ol { padding-left:50px;margin:15px 0px; }
.product .text ul li, .product .text ol li { padding-left: 0px !important; }

.product .text ul li{ list-style-type:disc;}
.product .text ol li { list-style-type:numeric;}

.product .description { padding-top:30px;} 

.product .form {display: flex;align-items: center;justify-content: center;margin-bottom:30px;}

.product .form .btn-primary {height: 45px;padding: 0 10px;font-size:14px;}


 .qty  { display: inline-flex;align-content: center;justify-content: center; margin-right:15px;font-size: 1rem;color: #515151;background: #FFFFFF;border: 1px solid #CFCFCF;text-align: center;border-radius:4px;overflow: hidden; }
 .qty input { background: none;border:none;text-align: center;-moz-appearance: textfield; border-left:1px solid #EEE;border-right:1px solid #EEE;border-radius:0px;min-width:50px;max-width:70px; }
 .qty input::-webkit-outer-spin-button,  .qty input::-webkit-inner-spin-button {  -webkit-appearance: none; margin: 0; }


    
 .qty .btn{ display:block;background: none;border: none;font-size: 16px;color: #222222;padding:0 10px;}

 .qty .btn, .qty input{  height: 43px;line-height:43px;z-index: 222;}

.product .price{ display:flex;align-items:center;margin-right:auto;flex-direction:column-reverse;color:#121212;margin:30px 0px; }

.product .price span.new{ font-size: 30px;font-weight: 700; }
.product .price span.old{ font-size: 20px;text-decoration: line-through;color: #999999;font-weight: 400; }



.product .mobile-price {  display:none; }


.product .share-icons { margin-top:20px;padding-top:20px;border-top:1px solid #EEE; }
.product .share-icons a { display:inline-block;padding:2px 6px;background:#F5F5F5;font-size:13px;margin-right:10px;margin-bottom:10px;border-radius:4px; }


.maintext { margin-bottom:50px; }

.services { margin-bottom:75px;display:grid; grid-template-columns:  minmax(0, 25%) minmax(0, 25%) minmax(0, 25%) minmax(0, 25%); gap: 15px; }
.services .item { position: relative; box-shadow: 0px 5px 20px 0px rgb(225 225 225 / 100%);text-align:center; border: 1px solid #F5F5F5;border-radius: 4px;overflow: hidden;}
.services .item img { border-radius: 4px; }
.services .item h2  { position: absolute;bottom:0;left:0; width:100%; background-image: linear-gradient(to top, rgb(24,24,24), rgba(255, 255, 255, 0)); }
.services .item h2 a { display: block;font-size: 17px;padding:50px 0px 20px 0px;overflow: hidden;line-height: 20px;color:#FFF;}

.services .item p { padding:0px 15px 15px 15px;color:rgba(0,0,0,.8);font-size:14px; }



.catalog {   display: grid;grid-template-columns:  minmax(0, 25%)  minmax(0, 25%)  minmax(0, 25%)  minmax(0, 25%); grid-gap:20px; gap : 20px; } 
.catalog-item { position: relative;text-align:center;box-shadow:0px 5px 20px 0px rgb(225 225 225 / 100%);border-radius:4px;overflow:hidden;padding-bottom:15px; }
.catalog-figure { border-bottom:1px solid #EEE; }

.catalog-price { font-size:15px;font-weight:bold; }
.catalog-title{ font-size:15px;font-weight:500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding:15px 10px 5px 10px;width:100%;}



.btn-catalog{ font-size:10px;background:#128c7e;color:#242424;color:#FFF;transition:all .5s ease;border-radius:50px;padding:0px 15px;height:40px;line-height:40px;}


.products { position:relative;padding:50px 0px; }
 .products + .products { border-top:1px solid #EEE; }

.categories {  display: grid;grid-template-columns: auto auto auto auto;row-gap:15px;gap:15px;grid-gap:15px; } 

.category-item {  display:flex; align-items:flex-start; justify-content:flex-start; flex-direction:column; height:200px; padding:30px;  background:rgba(255, 255, 255, .1); border:1px solid rgba(255,255,255,.1); width:100%;  border-radius:10px;  min-width: 100%; max-width: 100%;  transition: all .1s ease; }
.category-item h3 { margin-top:auto;margin-bottom:0px;font-weight:normal;font-size:18px; }
.category-item h3 a{ color:#FFF; }

.category-item:hover { background:rgba(255,255,255,.3);color:#FFF; }
.category-item:hover h3 a{ color:#FFF; }


.category-item img { filter:brightness(0) invert(100%); width:60px; max-width:60px; }


.about  { position: relative;background:#FFFFFF;color: #222;text-align:justify;padding-bottom:70px;  }
.about h1, .about h2{  letter-spacing: -1px;font-size: 30px;line-height: 1.2;font-weight: bold;margin-bottom:15px; }
.about p { color: #333;  }
.about p + p { margin-top:15px; }
.about img { border-radius:4px; }

.about .left { max-width:40%;margin-right:30px; }

.boxes { display: grid; grid-template-columns: repeat(4, minmax(0, 25%)); gap: 25px;margin-top: 30px;  color:#FFF; }
.boxes .item { background: rgba(90,116,225,.07); border-radius: 4px;padding: 20px; color:#333; text-align:justify;font-size:13px; }
.boxes  strong { display: block; font-weight: 600;margin-bottom: 5px; }
.boxes .fal, .boxes .fab{ font-size:20px;color:#128c7e;border-radius: 100%;margin-bottom:10px;}



.index .blog { background:rgba(90,116,225,.04);padding:100px 0px; }
.blog .item { display:flex;align-items:flex-start;justify-content:center;flex-direction:column;position: relative; box-shadow: 0px 5px 20px 0px rgb(225 225 225 / 100%);background: #FFF;border: 1px solid #F5F5F5; margin-bottom: 30px;text-align: left;padding-bottom:20px; }
.blog .item h3 { padding:20px 20px 5px 20px;}
.blog .item h3 a { displaY:block;font-size: 16px;font-weight: 600;line-height: 21px;}
.blog .item p { padding:0 20px; color: rgba(0,0,0,.8);margin-bottom:15px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp:3; }
.blog .item .more { display:inline-block;border-radius: 50px;padding: 5px 15px;margin-top:auto;background: #404143;color: #FFF;font-size:12px;margin-left:20px;font-weight:400; }


.blog .listing{ display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 20px;
    gap: 20px; }


.empty{ padding:50px 0px;line-height:1;text-align: center;border:1px solid #EEE;border-radius:4px;box-shadow:0px 5px 20px 0px rgb(225 225 225 / 100%); }
.empty .fal{ display: block;font-size:30px;margin-bottom:10px; }
.empty p{ font-size:14px !important;margin-bottom:15px; }

.overlay{ display: none;position: fixed;top:0;left:0;background:rgba(0,0,0,.5);width:100%;height:100%;z-index: 9999; }

.alertify { 
    position: fixed;left: 0;right: 0;display: flex;align-items: center;justify-content: center;
    background: #FFFFFF;padding:15px 0px;font-size: 17px; animation-name: fadeInDown;  animation-fill-mode: both; animation-duration: 1s; z-index: 999999999999;
}


.alertify .fa { display:inline-block; width:22px; height:22px; line-height: 22px; font-size:14px; margin-right:10px;text-align: center; border-radius: 100%; }

.alertify.success{ background: #27ae60;color:#FFFFFF; }
.alertify.success .fa { background: #FFFFFF;color:#27ae60; }

.alertify.error { background: #E74C3C;color:#FFFFFF; }
.alertify.error .fa { background: #FFFFFF;color:#E74C3C; }

.alertify.warning { background: #f39C12;color:#FFFFFF; }
.alertify.warning .fa { background: #FFFFFF;color:#f39C12; }





.checkout { margin-bottom:100px; }
.checkout .title { text-align:left;margin-bottom:15px; }
.checkout .title h1 { font-weight:bold;font-size:25px;  }

.checkout .btn-offer { margin-top:30px;border-radius:10px; }

.summary { display: block; background: #f4f5f7;;color: #212121;font-size:13px;font-weight: 300;border-radius: 10px;overflow: hidden; }

.summary .item { display: flex;align-items: center;justify-content: center;border-bottom:1px solid #eee;padding:20px; }
.summary .item.red .left, .summary .item.red .right { color:red; }
.summary .item.blue .left, .summary .item.blue .right { color:blue; }

.summary .item:last-child { border-bottom:0px; }
.summary .item .left, .summary .item .right{ flex:1;flex-grow: 1;  }

.summary .left { color: #212121;font-weight: 600;}
.summary .right { text-align: right;color:#212121;font-weight: 500; }


.baskets .item{ display: flex; align-items: center; -webkit-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 8%); box-shadow: 0 1px 2px 0 rgb(0 0 0 / 8%); border-radius: 10px;border: solid 1px #eee; padding:15px;margin-bottom: 30px; cursor: pointer; }


.baskets .item .child:nth-child(1) { width:50px;margin-right: 10px; } 
.baskets .item .child:nth-child(1) img {width: 100%;border-radius:4px; } 

.baskets .item .child:nth-child(2) {max-width:250px;margin-right: 10px; } 
.baskets .item .child:nth-child(2) strong { display:block; } 


.baskets .item .child:nth-child(3) { width:125px;text-align: center;margin-left: auto; } 
.baskets .item .child:nth-child(3) .qty{ margin-right: 0px; }

.baskets .item .child:nth-child(4){ width:200px;text-align: center; } 
.baskets .item .child:nth-child(4) strong{ display: block;font-size:15px; }

.baskets .item .child:last-child { width:40px; }


.contacts { position:relative;background: #FFF; font-size: 15px; line-height: 26px; margin-bottom:100px; color: rgba(0,0,0,.8); z-index:2;}
.contacts h2 { font-size:20px;margin-bottom:30px;font-weight:bold; }

.contacts .boxes { margin-top:0px; }
.contacts .boxes .fal, .contact .boxes .fab {font-size:30px; }
.contacts .boxes .item {font-size:17px;line-height: 17px;text-align: center;}
.contacts .boxes strong {font-weight: bold;}

.contacts .boxes a { display:block; }
.contacts .boxes p { font-size:16px; }

.contacts .form { background:rgba(90,116,225,.07);padding:30px;margin-top:30px;border-radius: 4px; }



.socials a  { display:inline-block;text-align: center;margin-right: 5px;margin-bottom:5px; } 
.socials a .fab {  display: block;position: relative;font-size:12px;width:20px;height:20px;line-height: 20px;color:#FFFFFF;border-radius: 3px;-webkit-transition: all .4s; -moz-transition: all .4s; transition: all .4s; }
.socials a:hover .fab:before { transform: rotate(360deg); }

.socials .fa-facebook-f { background: #3b5999; }
.socials .fa-instagram { background: #e4405f; }
.socials .fa-twitter { background: #55acee; }
.socials .fa-youtube { background: #cd201f; }
.socials .fa-pinterest { background: #c8232c; }
.socials .fa-linkedin-in { background: #0077B5; }


 .steel {
     background:#FFF;
    font-size: 15px;
    line-height: 26px;
    color:rgba(0,0,0,.8);
    width:100%;
}

 .steel h2, .article h3, .article h4, .article h5, .article h6{
     position: relative;
     font-weight: bold;
     margin:15px 0;
     font-size: 24px;
     z-index:2;
}
 .steel h1 {
     font-size:30px;
    font-weight:bold;
    margin-bottom:10px;
}
 .steel p {
    color:#454545;
    line-height: 1.4;
}
 .steel a {
     color: #454545;
}
 .steel p + p {
     margin-top:15px;
}
 .steel > ul, .steel > ol {
     padding-left:40px;
    margin:15px 0px;
}
 .steel > ul li, .steel > ol li {
     list-style-type:disc;
    text-align:left;
}

 .mini-gallery {
     display:flex;
    align-items:stretch;
    justify-content:center;
    margin-bottom:30px;
}
 .mini-gallery .left, .mini-gallery .right {
     flex:1;
    flex-grow:1;
}
 .mini-gallery .left li {
     display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:30px;
    padding:20px 0px;
    padding-right:20px;
    border-bottom:1px solid rgba(0,0,0,.2);
     background: linear-gradient(to bottom, #000000 0%, #000000 98%);
     background-size: 0;
     background-repeat: no-repeat;
     background-position: left 100%;
     transition: all 0.8s;
}
 .mini-gallery .left li:hover {
     background-size: 100%;
     background-position: 0% 100%;
     color: #FFFFFF;
     padding-left:20px;
}
 .mini-gallery .left li:hover > * {
     color:#FFF;
}
 .mini-gallery .left li svg {
     transition: 0.5s;
}
 .mini-gallery .left li:hover svg {
     filter: brightness(0) invert(1);
}
 .mini-gallery .left li:first-child {
     border-top:1px solid rgba(0,0,0,.2);
}
 .mini-gallery .left li em {
     padding-right:15px;
     color:#00000099;
     font-style: normal;
     font-size: 16px;
     font-weight: 400;
     line-height: 1;
     letter-spacing: 0.02em;
     transition: 0.5s;
     text-decoration: none;
}
 .mini-gallery .left li span {
     color: #000;
     font-size: 16px;
     font-weight: bold;
     line-height: 1;
     letter-spacing: 0.01em;
     -webkit-text-decoration-skip-ink: none;
     text-decoration-skip-ink: none;
     text-decoration-thickness: 2px;
     text-underline-offset: 5px;
     transition: 0.5s;
}
 .mini-gallery .right .tab-pane{
    display:none;
    height: 100%;
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
}
 .mini-gallery .right .tab-pane.active{
    display:block;
    height: 100%;
}
 .mini-slider {
     background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
     position:relative;
    display:grid;
    grid-template-columns:repeat(4, minmax(0,25%));
     margin:50px 0px;
     -webkit-transition: background-image 500ms ease;
     -ms-transition: background-image 500ms ease;
     transition: background-image 500ms ease;
}
 .mini-slider:before {
     content:'';
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
     background: rgb(255, 255, 255);
     background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #000000 100%);
}
 .mini-slider .item {
     position:relative;
    height:400px;
     display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
    background: none;
    z-index:5;
     color:#FFF;
     padding:30px;
     z-index: 2;
     background-image:none !important;
}
 .mini-slider .item >* {
     position:relative;
    z-index:6;
}
 .mini-slider .item:hover::after {
     height: 100px;
}
 .mini-slider .item::after {
     content:'';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 0;
     z-index: 5;
     content: "";
     background-color: rgba(255, 255, 255, 0.3);
     backdrop-filter: blur(20px);
     -webkit-backdrop-filter: blur(20px);
     transition: all 0.4s ease-in-out;
    ;
}
 .mini-slider .item + .item {
     border-left:1px solid rgba(255,255,255,.3);
}
 .mini-slider .item h3 {
     color:#FFF;
}
 .mini-services {
     position:relative;
    display:grid;
    grid-template-columns:repeat(2, minmax(0,50%));
    gap:30px;
    margin-top:50px;
    margin-bottom:50px;
}
 .mini-services .container {
     position:relative;
    z-index:2;
}
 .mini-services .single {
     -webkit-box-shadow: 0 0 25px rgb(0 0 0 / .08);
     box-shadow: 0 0 25px rgb(0 0 0 / .08);
     -webkit-transition: all 350ms cubic-bezier(.37,0,.63,1);
     transition: all 350ms cubic-bezier(.37,0,.63,1);
    background: #FFFFFF;
    transition:all 0.3s ease;
     overflow: hidden;
}
 .mini-services .single h3 {
     display: -webkit-box;
    margin-bottom:20px;
     font-size: 20px;
    font-weight: bold;
     overflow: hidden;
}

 .mini-services .single .caption {
     padding:40px;
}
 .mini-services .single .image {
     display:block;
    position:relative;
    height:400px;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    transition: all ease .2s;
}
 .mini-services .single img {
     display:none;
}
 .mini-services .single .image .fa-search {
     display:block;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:30px;
     position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.5);
    opacity:0;
     color:#FFF;
    transition: all ease .2s;
}
 .mini-services .single:hover .image .fa-search {
     opacity:1;
}

    .mini-whatsapp {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    background-color: #0C6431;
    color: #FFF !important;
    border-radius: 4px 0 0 4px;
    padding: 10px;
    z-index: 56;
    transition: all 0.5s ease-in-out;
    text-align: left;
}


.mini-whatsapp span {
    font-size: 15px;
    line-height: 16px;
    font-weight: bold;
}

.mini-whatsapp i {
    margin-right: 15px;
    font-size: 30px;
    line-height: 30px;
    text-align:center;
}

.mini-whatsapp:hover {
    color: #FFFFFF;
    transform:translate(0px,0px);
}





.footer {  position: relative;padding:75px 0px 20px 0px;background:#242424; }
.footer .logo  { display: block;margin-bottom:15px;  }
.footer .logo img { max-width: 100%;max-height: 60px;filter:brightness(0) invert(100%); }

.footer p { color:rgba(255,255,255,.8); line-height:27px; }


.footer .widget-title{  position:relative;font-size: 19px;letter-spacing: normal;font-weight: 600;color: #FFFFFF;margin-bottom: 25px; }
.footer .widget-title:after { content: "";display: block; height: 3px; width: 50px; background: #128c7e;  margin: 15px 0 30px;}
.footer .widget ul li { display: block; margin-bottom: 15px; }
.footer .widget ul li a { display: block;color:rgba(255,255,255,.8); }
.footer .widget ul li a:hover{ text-decoration: none; }
.footer .widget ul li .fal, .footer .widget ul li .fab{ font-size: 16px;width: 25px;min-width: 25px;max-width: 25px; }



.copyright { background:#242424;padding: 25px 0px;text-align: center;color:rgba(255,255,255,.8);text-align: center; border-top: 1px solid rgba(255,255,255,.1); }



@media (min-width:767px) {

  .header .toggle { display: none; }
  .mobimenu{display: none;}

  .header .logo { height:100px;line-height:100px; }


  .footer .container { display: flex;align-items: flex-start;justify-content: center;  }


  .footer .widget { flex:1;flex-grow:1;margin-bottom:30px;  border-right: 1px solid rgba(255,255,255,.1);padding:0 30px;}
  .footer .widget:first-child {padding-left:0px;}
  .footer .widget:last-child { border-right:0px; padding-right:0px;}





}

@media (max-width:767px) {

    .top { display:none; }

    .notify { left:15px; }

    .header{ position: fixed;top:0 !important;left:0;background:#FFF;display: flex;align-items: center;justify-content: center;height:90px;padding: 0px;width:100%;border-bottom:1px solid #EEE;box-shadow:none !important }
    .header .container { width:100%; }
    .header .logo{  width:150px;min-width:150px;max-width:150px; }
    .header .right { display:none; }
    .header .tools { display: block; margin-left:auto; }
    .header .tools a { position:relative;display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;background:#128c7e;color:#FFF;border-radius:100%;font-size:18px;}
    .header .tools a span { position:absolute;top:0;right:0;width:18px;height:18px;line-height:18px;font-size:9px;background:#16423C;color:#FFF;border-radius:100%; }

    .title { margin-bottom:30px; }
    .title h1, .title h2, .title h3, .title h4, .title h5, .title h6{ font-size:20px;font-weight:bold; }
    .title p{ font-size:12px;margin-top:5px; }


    .hood { padding:75px 0px 30px 0px; }
    .hood h1{ font-size:30px; }

    .hero { min-height: 90px; }

    .breadcrumb { font-size:11px;text-align:center; }

    .search { display:block;top:90px;padding:0px;background:#FFF;height:auto;max-height:100vh; }
    .search.showing {bottom: 0px;}
    .search .form{ width:100%;min-width:100%;max-width:100%; }
    .search .fal { top:12px;font-size:16px; }
    .search .form-control { height:40px;box-shadow:none;border-radius:0px;padding:10px 30px 10px 70px;border:none;box-shadow: 0px 10px 20px -2px rgba(0, 0, 0, 0.1); }
    .search .results  { display:none;margin-top:0px;border-radius:0px;max-height:100%; }
    .search .results .item { border-bottom:1px solid #EEE; }
    .showing .results {position: fixed;top:130px;width: 100%;bottom: 0px;}
    .showing .form-control  {border-bottom:1px solid #EEE;}

    .mobimenu {  position:fixed;top:0px;bottom:0;left:-250px;background: #FFF;width:250px; display: flex;flex-direction: column;text-align:left;overflow-y: auto; -webkit-transition:left .3s linear; -moz-transition:left .3s linear; -o-transition:left .3s linear; transition:left .3s linear; z-index: 10000;  }
    .mobimenu.show {  left:0;  }
    .mobimenu .heading { background: #FFF;padding:20px;border-bottom:1px solid #EEE;text-align:center; }
    .mobimenu .heading img { max-width:150px; }
    .mobimenu .middle{margin-bottom: auto;}
    .mobimenu .middle > li > a{ position: relative;display:block;padding:15px;border-bottom: 1px solid #EEE;color:#191919; }
    .mobimenu .middle > li > a > .fal { position:absolute;right:15px;font-size:20px;top: calc(50% - 12px); }
    .mobimenu .middle > li.open > a > .fal:before { content: "\f106"; }


    .mobimenu li.active > a {
    background-color: #128c7e;
    color: #FFF;
}

    .mobimenu .open .submenu { display:block; }
    .mobimenu .submenu{ display:none;background:#F9F9F9;padding:10px 0px; }
    .mobimenu .submenu > li > a{ display: block; padding:10px 15px;font-size:13px; }

    .baskets .item.thead{ display: none; }
    .baskets .item { display: block;position: relative;overflow: hidden; }
    .baskets .item .child { float:left;text-align: left !important;width: auto !important;}
    .baskets .item .child:nth-child(1)  { margin-bottom:15px; }
    .baskets .item .child:nth-child(1) img { width:65px; }
    .baskets .item .child:nth-child(3) { clear:both;margin-right:15px;line-height: 19px; }
    .baskets .item .child:last-child { float:right;padding-top:5px; }

    .wrapper { display:block; }

    .article { border:none;padding:0px; box-shadow:none; text-align:justify; }
    .article .table tr th, .article .table tr td { font-size:13px; }
    
    .table_of_contents { display:block;text-align:left !important;padding:20px;margin-bottom:20px; }
    .table_of_contents::before { font-size:15px;text-transform:uppercase;}

    .aside {  margin-right:0px;margin-top:0px;padding:0px;width:100%;background:none; }
    .aside.affix { position:fixed !important;top:130px;left:0;width:100%;z-index:555; }
    .aside.affix .lastest{border-radius: 0px;}
    .aside.affix .lastest .heading { padding-left:30px; }
    .aside .widget { display:none; }
    .aside .lastest { box-shadow:none ; }
    .aside .lastest ul { display:none; }  
    .aside .lastest.active .heading .fal { transform:rotate(180deg); }
    .aside .lastest.active ul { display:block; }

    .about h2 { font-size:25px; }

    .boxes { grid-template-columns: 1fr 1fr; }
    .boxes .item { text-align:left; }

    .share-icons { text-align:center; }

    .product .content { display:block;padding:15px;}
    .product .inset{ padding:0px; }
    .product .left { padding-right:0px;margin-bottom:30px; }

    .product h1 { margin-bottom:30px; }

    .product .form {  position:fixed;bottom:0;left:0;background:#0C6431;padding:15px;width:100%;z-index:666; margin-bottom:0px; justify-content: center;}
    .product .form .btn-primary {display:inline-block;padding:0px 15px;background: #FFF;color:#0C6431;font-size:12px; }
    .product .form .btn-primary span { display:block; }


    .product .price{ margin-right:0px;color:#FFF;padding:0 15px;margin-right:auto; }
    .product .price span.new{ color:rgb(255,255,255);font-size:20px; }
    .product .price span.old{ color:rgba(255,255,255,.6);font-size:16px; }


    .product .desktop-price {display: none !important;}
    .product .price.mobile-price {display: flex; padding:0px;margin:0px;margin-right:auto; }

    .product .qty { width: 125px;min-width: 125px;max-width: 125px;border:none;}
    .product .qty .btn { display:block;  width: 30px;max-width: 30px;min-width: 30px;  }
    .product .qty .btn, .product .qty input {  color:#0C6431;  }

    .product .description { padding: 0px 15px 15px 15px; }

    .product .text h2, .product .text h3, .product .text h4, .product .text h5, .product .text h6{ text-align:center; }

    .contacts .boxes { display: block;  }   
    .contacts .boxes .item + .item { margin-top:30px; }



    .catalog-item  { display:flex;align-items:center;justify-content:center;flex-direction:column; }
    .catalog-item .quantity { margin-top:auto; }

    .categories { grid-template-columns:auto auto; }
    .category-item { padding:20px;height:125px; }
    .category-item img { max-width:30px; }
    .category-item h3{ font-size:16px; }


    .checkout .btn-offer { position: fixed;bottom:0;left:0;border-radius:0px;z-index:555;padding:20px 0px;}

    .modal.offer  { background:#FFF;padding:0px; }
    .modal.offer form { position:fixed;top:0;left:0;width:100%; height:100%;border-radius:0px;padding-top:70px; }
    .modal.offer .panel-heading { position:fixed;left:0;top:0;width:100%; }
    .modal.offer .btn-send { position:fixed;left:0;bottom:0;width:100%;border-radius:0px;padding:20px 0px;}

    
    .category_list { width:100% !important;min-width:100% !important; }
    .services {  display:grid; grid-template-columns:  minmax(0, 50%) minmax(0, 50%); gap: 15px; }

    .mini-gallery .left li { padding:30px; }
    .mini-gallery .right { display:none; }

    .mini-slider { grid-template-columns:100%; }
    .mini-slider:before { display:none; }

    .mini-slider .item { height:200px; }

    .mini-slider .item:nth-child(1) { background-image:url(uploads/endustriyel-tesis-celik-konstruksiyon-projesi-1.jpg) !important; }
    .mini-slider .item:nth-child(2) { background-image:url(uploads/lojistik-depo-konstruksiyon-projesi-1.jpg) !important; }
    .mini-slider .item:nth-child(3) { background-image:url(uploads/construction/13.jpg) !important; }
    .mini-slider .item:nth-child(4) { background-image:url(uploads/construction/16.jpg) !important; }



    .mini-slider .item + .item {border-left:none;}
    .mini-slider .item {background-repeat: no-repeat;background-size:cover;background-position: center;}
    .mini-slider .item:before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgb(255, 255, 255);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #000000 100%);
    }

    .mini-slider .item::after { display:none; }
    .mini-services { grid-template-columns:100%; }
    .mini-services .single .image { height:250px; }




    .blog .listing  { overflow-x:scroll; }
    .blog .listing .item { width:300px;max-width:300px;min-width:300px; }

    .footer { text-align: center; }
    .footer .container { display: block; }
    .footer .left, .footer .center, .footer .right { width:auto; }
    .footer .widget { margin-bottom:50px !important; }
    .footer .logo{display: block;margin-bottom: 1.25rem;}
    .footer .contact {display: block;}

    .footer .widget-title:after{ margin:15px auto; }

}