/*Header*/

.grup-header
{
width: 14.27%;
color:#fff;
border-right: 1px solid #ddd;
text-align: center;
height: 80px;

position: relative;
cursor: pointer;
display: table;

  
}



#grup-contain
{
   text-align: left;

}

#grup-contain>span
{
border: 1px solid #ddd;
margin: 10px 5px;
display: inline-block;
padding: 5px 10px;
border-radius: 10px;

}


#grup-contain>span>span
{

margin-left: 10px;
color:#ed6d00;

}








.grup-header:hover
{
   background-color: #ddd;

}

.grup-header a{
   display: inline-block;
}


.grup-header a .grup-resim
{
   position: absolute;
   top: 10px;
   left: 0px;
   width:60px;
   sbackground-color: red;

}


.grup-header a .grup-ad
{
   position: absolute;
   left: 60px;
   top:0px;
   width:calc(100% - 60px);
   height: 80px;

   display: flex;
   flex-direction: column-reverse;
   justify-content: center;

   sbackground-color: green;
   color:#000;
    vertical-align: middle;

}





    















.grup-header a img{
   width: 60px;
   height: 60px;
   height: auto;
}

.grup-header{
font-size: 13px !important;
font-weight: 500;
}






.grup-header:last-child
{
   border-right: none;

}





.grup-aciklama .col-sm-12
{
padding: 40px;
columns: 2;
text-align: justify;
column-gap: 30px;
}




a.mek img
{
transition: all 500ms ease-out;   
}


a.mek:hover img
{
   opacity: 0.4;
}





@media (max-width: 767.9999px) {


.grup-aciklama .col-sm-12
{

columns: 1;
}




}

@media (max-width: 991.9999px) {


.res-grup-menu
{
   display: none;
}




}



.grup-aciklama h2
{
font-size: 1.3rem;
}

.grup-aciklama a{
   font-weight: bold;
}

blockquote {
    margin-left: 2rem; 
    border-left: 2px solid #ff9800;
    padding-left: 1rem;
    font-style: italic;

}






.arama-div{
   position: relative;
}

.arama-div input{
   padding-right: 30px;
}

.arama-icon{
   position: absolute;
   right:10px;
   top:10px;
   border: none;
   background: none;
}


.top-bar .top-bar-text a{
   color:#ff9800;
   font-weight: 500;
}



.top-bar .top-bar-text:hover a{
  color:#d27e04;

}

.navbar-brand{ /*Mobil Teklif Alın Linki*/
   font-size: 16px;
   color:#f3f6ff !important;
  
}


.ekleme-1 .col-6{ /*Mobil*/
   padding-top: 15px;
}


.ekleme-1 i, .ekleme-2 i{/*Mobil*/
   font-size: 18px;
}

.ekleme-1 a{/*Mobil*/
color:#ff9800;
font-weight: bold;
}

.ekleme-1 a:hover{
   color:#d27e04;
}

.ekleme-2 a{/*Mobil*/
color:#f3f6ff;

}

a.mek img
{
transition: all 500ms ease-out;   
}


a.mek:hover img
{
   opacity: 0.4;
}


.navbar-brand:hover{
   color:#d27e04 !important;
}

@media (max-width: 991.9999px) {
    
.arama-div input{
   width: 100% !important;
}

.top-bar{
    height: 90px;
}

.ileti .row{
    float: right !important;
}



}



/*Header Son*/







/*Anasayfa*/

.carousel-caption a{
   margin: 10px; /*slider butonları*/
}



.blog-img{
  background-image: linear-gradient(top, transparent 0px,rgba(255,255,255,1) 50%, rgba(243,246,255,1) 50%);
    background-image: -webkit-linear-gradient(top, transparent 0px,rgba(255,255,255,1) 50%, rgba(243,246,255,1) 50%);
    background-image: -moz-linear-gradient(top, transparent 0px,rgba(255,255,255,1) 50%, rgba(243,246,255,1) 50%);
    background-image: -ms-linear-gradient(top, transparent 0px,rgba(255,255,255,1) 50%, rgba(243,246,255,1) 50%);
    background-image: -o-linear-gradient(top, transparent 0px,rgba(255,255,255,1) 50%, rgba(243,246,255,1) 50%);
    width: 100%;
    height: 50%;  

}



.blog-img img{
border-radius: 50%;
z-index: 1;
border-top:solid 3px #ff9800;
border-left:solid 3px #ff9800;
border-right:solid 3px #ff9800;

}


/*Anasayfa Son*/






/*Ürün detay sayfası*/

/*sol*/

.urun-resimler
{
position: relative;
width: 100%;
aspect-ratio: 1;


}

.urun-resim{
position: absolute;
left: 0px;
top:0px;
height: 100%;
background-color: #fff;

}

.urun-resim img{
object-fit: contain !important;
object-position: 50% 50% !important;
}



.onizleme-resimler{
   position: relative;
   width: 100%;
   min-height: 100px;
   border-top: 1px solid #ddd;
   display: table;
   

}


.onizleme-resim
{
   width: 23.2%;
   aspect-ratio: 1;

   float: left;
   cursor: pointer;
   border:1px solid #ddd;
   margin-right: 2.4%;
}

.onizleme-resim:nth-child(4n)
{
   margin-right: 0px;

}






.onizleme-resimler img
{
  object-fit: contain !important;
  object-position: 50% 50% !important;

}







/*sol son*/


@media (min-width: 992px) {
.sag-cizgi
{
       border-right: 1px solid #ddd;
}

}



/*sağ*/


.urun-aciklama h2, .urun-aciklama h3{
   color:#ff0000;
   font-size: 20px;
}

div.renkler, div.bedenler, div.markalar{
margin-bottom: 20px;
height: auto;
}


div.markalar img{
height: 100px;
width: 100px;
display: inline-block;
margin: 5px;
}


div.renkler span, div.bedenler span{
   color:#fff;
   padding: 2px 6px;
   font-size: 14px;
   font-weight: 400;
   white-space: nowrap;
   box-sizing: border-box;
}


div.renkler span{
   padding-right: 24px;
   position: relative;
   overflow: hidden !important;
   display: inline-block;
   box-sizing: border-box;
}


div.bedenler span:nth-child(1n){   
background-color: #7f45b6;
sborder:1px solid #50138A;
}

div.bedenler span:nth-child(2n){
background-color: #224bb7;
sborder:1px solid #0A2777;
}

div.bedenler span:nth-child(3n){
background-color: #41aed7;
sborder:1px solid #0685B5;
}

div.bedenler span:nth-child(4n){
background-color: #31a55e;
sborder:1px solid #087430;
}

div.bedenler span:nth-child(5n){
background-color: #e3501c;
sborder:1px solid #8C2400;
}

.beyaz-b{background-color: #ddd; color:#777 !important;} 
.gri-b{background-color: #8c8a93; } 
.sari-b{background-color: #fcb335;} 
.kirmizi-b{background-color: #a81f23;} 
.mavi-b{background-color: #274a7e;} 
.siyah-b{background-color: #323b40}
.turuncu-b{background-color: #e3501c;}
.lacivert-b{background-color: #22324b;}



.beyaz-k:after,.siyah-k:after,.gri-k:after, .sari-k:after{
content: "";
position: absolute;
right:-19.4px;
top:7px;
height: 36px;
width: 36px;
transform: rotate(45deg);
border:1px solid #fff;
}


.beyaz-k:after{background-color: #ddd;}
.siyah-k:after{background-color: #323b40;}
.gri-k:after{background-color: #8c8a93;}
.sari-k:after{background-color: #fcb335;}
.k-yok{padding-right: 6px !important;}



.urun-aciklama h4{
   font-size: 16px !important;
   color: #ff0000;
   clear: both;
}

.urun-aciklama ul{
   padding-left: 10px;
}

.urun-aciklama ul li{
   list-style: none;
   font-size: 14px !important;
}

.urun-aciklama ul li:before
{
   content: "\f058";
   font-family: "Font Awesome 5 Free";
   font-weight: 500;
   margin-right: 10px;
}


.teklif-iste, .paylas{
   width: 100%;
   height: 100px;
   border-bottom: 1px solid #ddd;
   display: table;
   padding-bottom: 10px;
}



.teklif-iste a.btn , .paylas a.btn {
    position: relative;
    margin-top: 15px;
    padding: 0px;
    font-weight: 500;
    font-size: 24px;
    vertical-align: middle;
    line-height: 38px;
    width:38px;
    height: 38px;
    color: #ff9800;
    border-radius: 0;
    transition: .3s;
    color:#fff;

}

.wapp-pa, .wapp-ti{background-color: #4dc247 !important;font-size: 30px !important;}


.fb-pa{background-color: #3b5998 !important;}



.tw-pa{background-color: #1da1f2 !important; }


.pi-pa{background-color: #cb1e27 !important; }

.mail-ti{background-color: #0084ff !important; }



.tel-ti{background-color: #7b519d !important; }


.teklif-iste a.btn:not(:nth-of-type(1))
{
    margin-left: 8px;
}

.paylas a.btn:not(:nth-of-type(4)) {
    margin-right: 8px;
}


.teklif-iste a.btn:hover, .paylas a.btn:hover {
    color: #f3f6ff;
}


.paylasin, .teklif-isteyin{
   width: auto;
   position: relative;
   font-weight: 600;
}

.paylasin i{
   padding-bottom: 0px;
}

.paylasin:after, .teklif-isteyin:before{
font-family: "Font Awesome 5 Free";
position: absolute;
color:#666;
font-size: 20px;
font-weight: 700;
}


.paylasin:after{
content:"\f3be";
right: -15px;
top:10px;
}

.teklif-isteyin:before{
content:"\f3bf";
left: -15px;
top:9px;
transform: rotate(180deg);
}

.teklif-isteyin i{
      transform: rotate(-180deg) !important;
      padding-bottom: 15px;
}


.urun-aciklama{
   margin-top: 10px;
}


.eldiven-olcu{
width: 100%;
border:1px solid #ddd;

}

.eldiven-olcu tr:first-child{
   font-weight: bold;
}

.eldiven-olcu td{
   border:1px solid #ddd;
   Spadding: 10px;
   text-align: center;
}

.eldiven-olcu tr td:nth-child(5){
   width: 35%;
}




/*sağ son*/




/*Ürün detay sayfası Son*/





/*İletişim*/



.contact .col-md-6{
   background: none !important;
   padding: 0px !important;
}







.contact .col-md-12 {
    background: none;
    padding: 0px;

}


/*İletişim Son*/





.banka-bilgileri{
   width: 100%;
   border:1px solid #ddd;
}

.banka-bilgileri td{
padding: 10px;
   border:1px solid #ddd;
}


@media (min-width: 992px){
   .dropdown-menu .dropdown-toggle:after{
      border-top: .3em solid transparent;
       border-right: 0;
       border-bottom: .3em solid transparent;
       border-left: .3em solid;
   }
   .dropdown-menu .dropdown-menu{
      margin-left:0; margin-right: 0;
   }
   .dropdown-menu li{
      position: relative;
   }
   .nav-item .submenu{ 
      display: none;
      position: absolute;
      left:100%; top:-7px;
   }
   .nav-item .submenu-left{ 
      right:100%; left:auto;
   }
   .dropdown-menu > li:hover{ background-color: #f1f1f1 }
   .dropdown-menu > li:hover > .submenu{
      display: block;
   }

   .mg
   {
      display: none;
   }
}

@media (max-width: 999.999px){

.s1
{
   padding-left:10px;
}

.s2
{
   padding-left:20px;
}


.s3
{
   padding-left:30px;
}


 .mg
   {
      float:right;
   }

   .mg:hover
   {
      color:#019ee3;
   }

}