body {
font-family: 'Mulish', sans-serif!important;
}

::selection {
background: #075e54;
color:#fff;
}

a {
text-decoration: none!important;
}

.navbar {
transition: all 0.4s;

}



.navbar .nav-link {
color:#0e6861;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus {
color: rgb(0, 0, 0);
text-decoration: none;
}

.navbar .navbar-brand {
color: #fff;
}


/* Change navbar styling on scroll */
.navbar.active {
background: #fff;
box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
opacity: 0;
}




.navbar.active .nav-link {
color: #6ca08d;
}

.navbar.active .nav-link:hover,
.navbar.active .nav-link:focus {
color: #555;
text-decoration: none;
}

.navbar.active .navbar-brand div:hover {
color: #555;
}

.navbar-toggler {
color:#0e6861!important;
}


/* Change navbar styling on small viewports */
@media (max-width: 991.98px) {
.navbar {
background: rgb(189, 189, 189);


}

.hakkimizda h1 {
text-align:center;
}

.hakkimizda p {
text-align:center;
margin:0 auto;
}

.ozellik {
margin-top:8px;
}

.header-bg {
margin-top:100px;
}

.navbar .navbar-brand, .navbar .nav-link {
color: #0e6861;
}

.karar-baslik {
font-size:18px!important; 
font-weight: lighter!important;
}

.head-body {
text-align:center;
}


}




.text-small {
font-size: 0.9rem !important;
}





.header-bg {
background-image: url("../img/19.jpg");
min-height: 900px;

}

.head-body {
padding-top: 15%;
}

.head-form {
width:75%;
padding:15px;
outline:none;
background-color: #273932;
color:#6ca08d;
border:1px solid #fff;

}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #6ca08d;
opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #6ca08d;
}



.head-body-iki {
padding-top: 15%;
}

.head-body-iki img {
width:80%;
}

.head-button {
outline:none !important;
padding:10px !important;
margin-left:-110px;
margin-top:-5px;
background-color: #1c2a25!important ;
border:none!important;
color:#6ca08d!important;
}

.head-button:hover {
background-color: #121b18!important ;
}


.btn:focus, .btn:active {
outline: none !important;
box-shadow: none !important;
}

.head-body h2 {
font-size:65px;
color:#6ca08d;
}

.p-bir {
color:#6ca08d;
}

.p-iki {
color:#fff;
font-size: 20px;
}

.ozellik {
text-align: center;
color:rgb(44, 44, 44);
font-size:23px;
}

.ozellik i {
font-size:40px;
padding-bottom: 16px;
color: #1c2a25 ;
}

.kategori {
width:100%;
height:150px;
min-height:150px;
max-height: 150px;
background: linear-gradient(to bottom, rgba(39, 57, 50, 0.8), rgba(39, 57, 50, 0.8)), url("../img/powermax.jpg");
background-size: cover;
background-repeat: no-repeat;
-webkit-box-shadow: 0px 0px 34px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 34px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 34px 0px rgba(0,0,0,0.1);
margin-top: 30px;
padding:10px;
transform: scale(1);
transition: transform 0.5s;
}

.kategori:hover {
transform: scale(1.05);
z-index: 999;
position: relative;
}

.kategori-iki {
width:100%;
height:150px;
min-height:150px;
max-height: 150px;
background: linear-gradient(to bottom, rgba(39, 57, 50, 0.8), rgba(39, 57, 50, 0.8)), url("../img/cleaning.jpg");
background-size: cover;
background-repeat: no-repeat;
-webkit-box-shadow: 0px 0px 34px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 34px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 34px 0px rgba(0,0,0,0.1);
margin-top: 30px;
padding:10px;
transform: scale(1);
transition: transform 0.5s;
}

.kategori-iki:hover {
transform: scale(1.05);
z-index: 999;
position: relative;
}

.kategori-uc {
width:100%;
height:150px;
min-height:150px;
max-height: 150px;
background: linear-gradient(to bottom, rgba(39, 57, 50, 0.8), rgba(39, 57, 50, 0.8)), url("../img/dustbin.jpg");
background-size: cover;
background-repeat: no-repeat;
-webkit-box-shadow: 0px 0px 34px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 34px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 34px 0px rgba(0,0,0,0.1);
margin-top: 30px;
padding:10px;
transform: scale(1);
transition: transform 0.5s;
}

.kategori-uc:hover {
transform: scale(1.05);
z-index: 999;
position: relative;
}

.kategori-dort {
width:100%;
height:150px;
min-height:150px;
max-height: 150px;
background: linear-gradient(to bottom, rgba(39, 57, 50, 0.8), rgba(39, 57, 50, 0.8)), url("../img/hesa.jpg");
background-size: cover;
background-repeat: no-repeat;
-webkit-box-shadow: 0px 0px 34px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 34px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 34px 0px rgba(0,0,0,0.1);
margin-top: 30px;
padding:10px;
transform: scale(1);
transition: transform 0.5s;
}

.kategori-dort:hover {
transform: scale(1.05);
z-index: 999;
position: relative;
}

.kategori-bes {
width:100%;
height:150px;
min-height:150px;
max-height: 150px;
background: linear-gradient(to bottom, rgba(39, 57, 50, 0.8), rgba(39, 57, 50, 0.8)), url("../img/gida.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
-webkit-box-shadow: 0px 0px 34px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 34px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 34px 0px rgba(0,0,0,0.1);
margin-top: 30px;
padding:10px;
transform: scale(1);
transition: transform 0.5s;
}

.kategori-bes:hover {
transform: scale(1.05);
z-index: 999;
position: relative;
}

.kategori-alti {
width:100%;
height:150px;
min-height:150px;
max-height: 150px;
background: linear-gradient(to bottom, rgba(39, 57, 50, 0.8), rgba(39, 57, 50, 0.8)), url("../img/toilet.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
-webkit-box-shadow: 0px 0px 34px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 34px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 34px 0px rgba(0,0,0,0.1);
margin-top: 30px;
padding:10px;
transform: scale(1);
transition: transform 0.5s;
}

.kategori-alti:hover {
transform: scale(1.05);
z-index: 999;
position: relative;
}

.kategori-yedi {
width:100%;
height:150px;
min-height:150px;
max-height: 150px;
background: linear-gradient(to bottom, rgba(39, 57, 50, 0.8), rgba(39, 57, 50, 0.8)), url("../img/cart.jpg");
background-size: cover;
background-repeat: no-repeat;
-webkit-box-shadow: 0px 0px 34px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 34px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 34px 0px rgba(0,0,0,0.1);
margin-top: 30px;
padding:10px;
transform: scale(1);
transition: transform 0.5s;
}

.kategori-yedi:hover {
transform: scale(1.05);
z-index: 999;
position: relative;
}

.kategori-sekiz {
width:100%;
height:150px;
min-height:150px;
max-height: 150px;
background: linear-gradient(to bottom, rgba(39, 57, 50, 0.8), rgba(39, 57, 50, 0.8)), url("../img/ambalaj.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
-webkit-box-shadow: 0px 0px 34px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 34px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 34px 0px rgba(0,0,0,0.1);
margin-top: 30px;
padding:10px;
transform: scale(1);
transition: transform 0.5s;
}

.kategori-sekiz:hover {
transform: scale(1.05);
z-index: 999;
position: relative;
}

.kategori-baslik {
font-size:20px;
text-align: center;
line-height: 140px;
color:#fff;
}


.hakkimizda h1 {
font-weight:bolder;
font-size: 50px;
}


.hakkimizda p {
margin-top: 40px;
font-size:19px;
font-weight: 500;
width:78%;
}


.hakkimizda-resim {
width:100%;
height:250px;

margin-top: 25%;
}


.hakkimizda-resim img {
width:100%;

}

.soru-form {
width:100%;
padding:20px;
color:#6ca08d;
font-size:17px;
}

.form-bir {
width:100%;
padding:10px;   
margin-top:15px;
color:#6ca08d;
font-size:17px;
}

.head-button-iki {
outline:none !important;
padding:10px !important;
background-color: #1c2a25!important ;
border:none!important;
color:#fff!important;
margin-top:17px;

}

.baslik-form {
color:#1c2a25;
font-size:35px;
font-weight: bolder;
margin-top: 100px;
margin-left:13px;

}

.baslik-form span{
color:#1c2a25;
font-size:15px;
margin-left:13px;
}

.karar-baslik {
width:100%;
height:150px;
background: rgb(28,42,37);
background: linear-gradient(90deg, rgba(28,42,37,1) 0%, rgba(87,135,118,1) 100%);
color:#fff;
padding:20px;
line-height: 110px;
font-size:35px;
border-radius:10px;
font-weight: bolder;
margin-top:100px;
float:left;
}

.head-button-uc {
outline:none !important;
padding:10px !important;
background-color: #fff!important ;
border:none!important;
color:#1c2a25!important;
margin-top:35px;
margin-right:35px;
float:right;
}

.head-button-uc:hover{
outline:none !important;
padding:10px !important;
background-color: #1c2a25!important ;
border:none!important;
color:#fff!important;
margin-top:35px;
margin-right:35px;
float:right;
}

.footer-logo-alti {
font-size:15px;
text-align: center;
}

.footer-logo {

display: block;
margin-left: auto;
margin-right: auto;
}



.breadcumbs {
background-color: #f5fdfa;
margin-top:150px;
padding:15px;
border-radius:10px;



}

.breadcumbs a {
color:rgb(37, 37, 37);


}

.breadcumbs a:hover {
color:rgb(0, 0, 0);


}

.urun-resim img {
width:100%;
height:525px;
object-fit: contain;

}

.urun-resim:hover {
transform: scale(1.1);
transition: transform 0.5s;
}

.urun-resim {
transform: scale(1);
transition: transform 0.5s;
cursor:pointer;
}

.urun-aciklama h1 {
font-weight:900;
color: #3b584e;

}

.alt-baslik {
font-size:22px;
font-weight:900;
margin-top:60px;
margin-bottom:-20px;
}

.urun-aciklama ul {
font-size:20px;
padding:23px;
}


.urun-buton {
width:100%;
padding:20px;
color:#fff;
background-color: #075e54;
font-size:20px;
margin-top:30px;
text-align:center;
transition: background-color 0.5s;

}

.urun-buton:hover {
background-color: #04332e;

}

.urun-buton i {

font-size:30px;

}

.urun-buton-iki {
width:100%;
padding:20px;
color:#fff;
background-color: #1f6481;
margin-top:30px;
font-size:20px;
text-align:center;
transition: background-color 0.5s;
}

.urun-buton-iki:hover {
background-color: #123949;

}

.urun-buton-iki i {

font-size:30px;

}


.benzer-baslik {
font-size: 25px;
color:#3b584e;
margin-top: 30px;
margin-left: 15px;
font-weight: 900;
}

.urun {
width:100%;

}

.urun a {
color:#50917a;

}
.urun a:hover{
color:#254238;

}

.urun-res img {
width:100%;
height:250px;
object-fit: contain;
}

.urun-baslik {
text-align: center;
}


.sayfa-baslik {

padding:50px;
background: url(../img/19.jpg);
color:#fff;
margin-top:150px;
background-position: center;
}

.sayfa-baslik-iki {

padding:50px;
background: url(../img/19.jpg);
color:#fff;
margin-top:150px;
background-position: center;
text-align:center;
}
.sayfa-baslik-iki h1 {
font-weight:900;

}

.sayfa-baslik h1 {
font-weight:900;

}

.kategori-bas {
font-weight: 900;
font-size:30px;
margin-top: 50px;
}

.kategors {
list-style-type: none;
font-size:15px;
padding: 0px;

}

.kategors li {
    margin:0 auto;
margin-top:15px;
background-color:#04332e;
padding:10px;
color:#fff;
transition: all 0.5;
width:75%;
text-align: center;


}

.kategors li img {
height:25px;
}


.kategors a {
color:#fff;
}

.kategors li:hover {
background-color:#031b19 ;
color:#fff;
transition: all 0.5;
}

.arama-arama {
margin-top:50px;
padding:30px;
width:95%;
font-size:18px;
position: relative;
float: left;
}

.head-arama {
outline:none !important;
padding:33.5px 10px 33.5px 10px !important;
background-color: #1c2a25!important ;
border:none!important;
color:#6ca08d!important;
float:left;
margin-top: 50px;
}



.uyari {
margin-top:30px;
font-size:50px;
text-align:center;
}


.sepet-urun {
margin-top:25px;
margin-left:12%;
}

.sepet-urun img {
height:50px;

}


.sepet-urun input {
margin-top:15px;
}


.sepet-urun h5 {
margin-top:15px;
}


.sepet-urun i {
margin-top:15px;
font-size:25px;
}

.iletisim-bilgi h1 {
font-weight:900;
color:#04332e;
} 

.iletisim-bilgi ul{
list-style-type: none;
padding:0px;
font-size:18px;
margin-top:20px!important;
}


.iletisim-bilgi li{
margin-top:20px;
}

.iletisim-bilgi li b {
color:#04332e;

}




.urun-res-iki img {
width:100%;
height:250px;
object-fit: contain;
-webkit-filter: grayscale(100%); 
filter: grayscale(100%); 
}



.urun-res-iki img:hover {

transition: filter .5s ease-in-out;
-webkit-filter: grayscale(0%);
filter: grayscale(0%); 
}






.hakkimizda-icerik {
text-align:center;

}


.hakkimizda-icerik h1{
    font-weight:900;
    color:#04332e;
    margin-top:50px;
    }

    .hakkimizda-icerik p{
font-size:19px;
        }