/*!
 * Start Bootstrap - Shop Homepage (https://startbootstrap.com/template-overviews/shop-homepage)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-shop-homepage/blob/master/LICENSE)
 */

body {
    padding-top: 54px;
background-image: linear-gradient(to bottom, #f4f4f4, #f0eef1, #eee7ed, #ede1e6, #eddade);

}








.kullanici_girisi_baslik {
    margin-top: 15px;
    margin-bottom: 0px;
}



.list-group-item {
    height: auto;
    transition: all 0.1s;
    margin: 3px !important;


}




.list-group-item:hover {
    background-color:antiquewhite;
    padding-left: 5px;
    color: #ff0000;


}








.sektor_baslik {
    font-weight: 800px;
    margin-bottom: 0px;
}

.sektor_bolge {
    margin-top: 15px;
    margin-bottom: 0px;
}


input {
    transition: all 0.5s !important;
}
input:hover {
border : 2px solid red !important;

outline-color : blue !important;
}


.sektorler {
    margin-top: 0;
}
.sektorler a {
    padding-top: 2px !important;
}

.sektorler:hover .list-group-item {

}







.menu-bosluk {
    height: 10px;
}








.ust_firma_banner {
    margin-top: 15px;
    transition: all 1.5s;
}

.ust_firma_banner:hover {
    border: 3px solid #ff0000;
}







.firma_ekle,.gold_uye_ol {
    padding: 14px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 700;
    transition: all 1.5s;
}
.firma_ekle:hover {
    font-size: 18px;
    background-color: #ffffff;
    border: 3px solid #ff0000;
    color: #ff0000;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: -4px;
    padding-left: -4px;

}

.gold_uye_ol:hover {
    font-size: 18px;
    background-color: #000000;
    border: 3px solid #fec300;
    color: #fec300;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: -4px;
    padding-left: -4px;

}

.card-text .btn .btn-primary {
    padding-bottom: 150px;
}


.haftanin_ve_ayin_firmasi {
    margin-top: 15px;
    margin-bottom: 15px;
}



.vitrin_resim {
    padding: 5px;
}

.slayt_css {
    top: -20px;
}

























.firma_footer {
    padding: 2px;
    padding-left: 5px;
}




.ana_sayfa_firma_yorumlar {
    padding: 3px;
    margin-top: 3px;
    margin-bottom: 1px;
    transition: all 1s;
}

.ana_sayfa_firma_yorumlar:hover {
    background-color: antiquewhite;
}





.son_eklenen_firmalar_baslik {
    margin-top: 15px;
    margin-bottom: 0px;
    margin-left: 2px;
    margin-right: 2px;
}

.ana_sayfa_son_eklenen_firmalar:hover {
    background-color: antiquewhite;
}



.son_eklenen_firmalar_ana {
    margin-bottom: 15px;
}





.card-header {
    padding: 2px;
}

.card-body {
    padding: 8px !important;
    padding-left: 2px;
    padding-right: 2px;
}




.firma_detay_baslik {
    margin-bottom: 0px;

}

.firma_detay_en_ust_taraf {
    margin-top: 25px;
}

.firma_detay_bilgi_baslik {
    margin: 0 auto;
}


/* FİRMA DETAY SAYFASI */
.ust_firma_banner_firma_detay {
    margin-top: 120px;
}



.firma_detay_list-group li {
    height: auto;
    padding: 3px;
}
   
.firma_detay_sosyal_medya {
    height: 50px !important;
    width: 50px !important;
}



.firma_detay_sag_taraf_gold_uye_iconu {
    transition: all 2s ease-in-out;
}

.firma_detay_sag_taraf_gold_uye_iconu:hover {
        transform: rotate(1080deg) scale(0.8);
        -webkit-transform: rotate(1080deg) scale(0.8);
        color:#ffffff;
}

















.shadow {
    position:relative;
    margin:100px auto 0;
    color:gold;
    text-align:center;
    line-height:35px;
    font-size:25px;
    font-weight:bold;
    width:auto;
    height:auto;
    background:linear-gradient(0deg,#000,#262626);
    margin-bottom: 50px;

}
.shadow:before,
.shadow:after {
    content:'';
    position:absolute;
    top:-2px;
    left:-2px;
    background:linear-gradient(45deg,#fb0094,#0000ff,#00ff00,#ffff00,#ff0000,#fb0094,#0000ff
    ,#00ff00,#ffff00,#ff0000);
    background-size:400%;
    width:calc(100% + 4px);
    height:calc(100% + 4px);
    z-index: 500;
    animation:animate 20s linear infinite;
}

.shadow:after {
    filter:blur(20px);
}

@keyframes animate {
    0% {
        background-position:0 0;
    }
    50% {
        background-position:300% 0;
    }
    100% {
        background-position:0 0;
    }
}









@media (min-width: 992px) {
  body {
    padding-top: 56px;
  }
}



.container a {
  padding: .2em !important;
}

@media (any-pointer: coarse) {
  .container a {
    padding: .8em !important;
  }
}