@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');

footer {
    background: rgba(0,0,0,.6);
    color: var(--footercolor);
    padding-top: 35px;
    font-size: 12px;
}
immi{box-shadow:0px 0px 0px 0px var(--renk2)!important; transition:all 400ms}
.immi:hover {  box-shadow:4px 5px 34px -2px var(--renk2)!important; transition:all 400ms}

div.scrollmenu {

    overflow: auto;
    white-space: nowrap;
    margin-top: -20px;
    text-align: center;
    display: flex;
}

div.scrollmenu a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 7px 14px;
    text-decoration: none;
    border: 1px solid #eeeeee;
    font-size: 14px;
}

div.scrollmenu a:hover {
    background-color: #d6d6d6;
}
.footerul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    font-size: 12px;
    color: var(--footercolor);
!important;
    font-weight: 300
}

.footerul > li > a {
    border-bottom: 1px dotted black;
    margin: 5px 0px;
    display: inline-block;
	color:white!important;
}
a:hover { color: inherit!important; text-decoration: none!important}
.footerul > li > a::before {
    content: " ";
    background: red;
    color: red;

    display: inline-block;
    margin-right: 4px;
    margin-bottom: 5px;
    width: 3px;
    height: 3px;
}


:root {
    --genelyazifont: #d4d4d4;
    --footercolor: #d0d0d0;
    --footerzemin: #343434;
    --zemin: white;
    --background: #242424;
    --renk2: #3e9eff;
}
.anasayfabaslik {   margin-bottom: 20px; display: inline-block; font-size:19px;}
.anasayfabaslik::after {  content: " ";

    color: red;
    border-bottom: 1px dashed var(--renk2);
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 5px;

    width: 110px;
    height: 10px;
}
.renk2 { color:var(--renk2)!important}
[class*='col-'] {
    padding-left: 15px;
    padding-right: 15px
}

[class*='row'] {
    margin-left: -15px;
    margin-right: -15px
}
.card { background: none!important; background: rgba(0,0,0,.3)!important}


.table { color:var(--genelyazifont)}



.det{ margin-top: 160px}
body {
    font-family: 'Poppins', sans-serif!important;
     color: var(--genelyazifont) !important;
    background: var(--background);
font-size: 14px;


}
.shadow { }

.form-control { color:var(--genelyazifont)!important; background: rgba(255, 255, 255, 0.2) !important; border: none!important; border:1px solid #373737!important}
  nav .nav-link, .nav-item {
font-size: 14px!important;
      font-weight: 600!important;
     color:white!important;
    text-transform: uppercase!important;

}





table td { color:white;}
footer td, tr {
    padding-top: 0px !important
}

footer ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

footer ul li {
    float: left;
}

footer ul li a {
    display: inline-block;
    padding: 4px 12px;
    padding-top: 7px;
    border: 1px solid gray
}


@media (min-width: 200px) {
    .bbb { margin-top: 80px}
    .vinc {
        background: url(../../uploads/images/settings/5d63ce69a945d22.jpg)no-repeat center fixed!important;
        background-size: cover;
    }
}

@media (min-width: 576px) {
    .bbb { margin-top:80px}
    .vinc {
        background: url(../../uploads/images/settings/5d63ce69a945d22.jpg)no-repeat center fixed!important;
        background-size: cover;
    }

}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {

    .bbb { margin-top: 110px}
    .vinc {
        background: url(../../uploads/images/settings/5d63ce69a945d22.jpg)no-repeat center fixed!important;
        background-size: cover;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .bbb { margin-top: 110px}
    .vinc {
        background: url(../../uploads/images/settings/5d63ce69a945d22.jpg)no-repeat center fixed!important;
        background-size: cover;
    }
    }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.bbb { margin-top: 110px!important}
}


.fz-32 {
    font-size: 32px !important;
}

.fz-21 {
    font-size: 21px !important;
}

.fz-19 {
    font-size: 19px !important;
}

.fz-17 {
    font-size: 17px !important;
}

.fz-12 {
    font-size: 12px !important;
}

.fz-13 {
    font-size: 13px !important;
}

.fz-14 {
    font-size: 14px !important;
}

.fz-15 {
    font-size: 15px !important;
}

.fz-16 {
    font-size: 16px !important;
}

.fz-25 {
    font-size: 25px !important;
}

.fz-27 {
    font-size: 27px !important;
}

.fz-28 {
    font-size: 28px !important;
}

.fz-29 {
    font-size: 29px !important;
}

.fw700 {
    font-weight: 700
}

.fw600 {
    font-weight: 600
}

.fw50 {
    font-weight: 500
}
.text-white { color: var(--genelyazifont)}