@charset "utf-8";

/* Open Sans*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,700&display=swap&subset=latin-ext');


/*OSWALD*/

@import url('https://fonts.googleapis.com/css?family=Oswald:400,500&display=swap&subset=latin-ext');

/* 'Petit Formal Script', cursive;;
'Alatsi', sans-serif;
'Open Sans', sans-serif;
'Lato', sans-serif;
 'Bebas Neue', cursive;
 'Oswald', sans-serif;
*/






:root {
    --anarenk1: #d49a1c;
    --anarenk2: #ffde6b;
    --anarenk3: #593913;
    --anarenk4: rgba(130, 96, 62, 0.65);
    --navrenk: #f9fdff;
    --navfont:  'Oswald', sans-serif;
    --footerfont: 'Alatsi', sans-serif;
    --genelyazirenk: #cccccc;
    --genelyazifont:  'Open Sans', sans-serif;
    --baslikfont: 'Oswald', sans-serif

}
.icerik { color:var(--genelyazirenk);
    font-family: var(--genelyazifont);}
.baslikfont {font-family: var(--baslikfont);color:var(--anarenk1)!important;  font-weight:400}

.footerbaslik {
    color:var(--anarenk1);
    font-family: var(--footerfont);
}

.anabaslik {
    font-size: 26px;
    color:var(--anarenk1);
}

.altbaslik {
    font-size: 20px;
    color:lightgray
}

.nav-link {
    color: var(--navrenk) !important;
    font-family:var(--navfont)!important;
    font-size: 21px;
}
body {
    font-family: var(--genelyazifont)!important;
    background-color:#1d1f23!important;
    font-weight: 400!important;
    line-height: 23px;

}
p { color: var(--genelyazirenk)!important
}
.imagestyle {

    padding: 8px;

}

.bw{}
.top-0 {
    top: 0px
}

.left-0 {
    left: 0px
}

.rigt-0 {
    right: 0px
}

.beyazyazi {
    color: white;
}


table td { border:none!important}



.table td, .table th {
    padding: 3px;
    font-size: 14px;
}

.products a {
    text-decoration: none:
    color: white;
    transition: all 300ms
}

.products a:hover {
    text-decoration: none:
    color: var(--anarenk1);
    transition: all 300ms
}

.products a:hover .bg-red {
    background: green;
    transition: all 300ms
}

.bg-red {
    background: black;
    transition: all 300ms
}


.list-group-item-var

(
--anarenk1

)
{
    color: gray
;
    background-color: var(anarenk1)
;
}

.list-group a {
    text-decoration: none;
    color: black;
}

.navbar-light .navbar-nav .nav-link {
    color: black;
}

.color-black {
    color: black;
}





.navbar-light .navbar-nav .nav-link:hover {
    color: gray !important;

    transition: all 100ms
}

.middlemenu a {
    color: inherit;
    text-decoration: inherit;
}

.middlemenu h5 {
    margin-top: 15px
}

.middlemenu p {
    min-height: 60px;
}

.arasearch {
    display: none !important;
}


.card {
    border-radius: 0px;
}

.card-img-top {
    border-radius: 0px;
}

.calendar {
    font-size: 14px;
}

.white {
    color: white!important
}

.telif {
    font-size: 12px;
    color: #gray;
}

.lang a {
    font-size: 10px;
    border: 1px solid lightgray;
    border-right: none;
    padding: 5px;
    display: inline-block;
    text-decoration: none;
    margin: -2px;
}

.lang a:last-child {
    border-right: 1px solid lightgray;
}

.hov .c {
    padding: 29px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    transform: scale(.6)
}

.hov .a {
    transform: scale(.8);
    opacity: 1;
    transition: all 500ms
}

.hov .b {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    transform: scale(.0);
    transition: all 500ms
}

.hov .e {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    transform: scale(0);
    opacity: 1;
    transition: all 300ms
}

.hov .d {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    transform: scale(.0);
    transition: all 700ms
}


.hov:hover .e {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    transform: scale(.8);
    opacity: 1;
    transition: all 300ms
}

.hov:hover .a {
    transform: scale(.6);
    opacity: .2;
    transition: all 500ms
}

.hov:hover .b {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    transform: scale(1);
    all 500ms
}

.hov:hover .d {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    transform: scale(.6);
    all 700ms
}

.dil a {
    padding: 3px;
    font-size: 12px;
    border: 1px solid gray;
}

footer .social a {
    display: inline-block;
    padding: 5px;
    border: 1px solid gray;
    color: gray;
}

footer .social a .fa {
    font-size: 22px;
    transition: all 300ms
}

footer .social a:hover .fa {
    font-size: 22px;
    color: white;
    transition: all 300ms
}

footer {
    background: rgba(0, 0, 0, .5);
    color: #b5b5b5;
}

footer ul {
    display: block;
    margin: 0px;
    padding: 0px;
    vertical-align: top;
}

footer .table td, .table th {
    padding: 4px 8px !important;
    border: none;
    align-content: center;
    color: gray;
    font-size: 16px;
}

footer ul li {

    list-style: none;
}

footer ul li a {
    font-size: 16px !important;
    color: gray;

    display: block;


    list-style: none;

    text-decoration: none !important;
}

footer ul li:last-child a {


}

.mt-6 {
    margin-top: 7rem;
}

.mt-7 {
    margin-top: 10rem;
}

.mb-6 {
    margin-bottom: 7rem;
}

.mh-700 {
    min-height: 1200px
}

.mt-8 {
    margin-top: 12rem;
}

.solmenu {
    list-style: none;
    margin: 0px;
    padding: 0px
}

.solmenu a {
    text-decoration: none;
    display: block;
    border-bottom: 1px dotted gray;
    padding: 10px;
    color:var(--genelyazirenk);
    transition: all 300ms;
}

.solmenu li:hover a {
    text-decoration: none;
    display: block;
    border-bottom: 1px dotted gray;
    padding: 10px;
    padding-left: 30px;
    color: var(--anarenk1);
    transition: all 300ms;
}

.solmenu .bs {
    display: block;
    border-bottom: 2px solid var(--anarenk1);
    padding: 10px;
    color: rblack;
    font-weight: bold
}

.solmenu li .fa {
    color: var(--anarenk1);
    margin-right: 10px
}

.gms {
    margin-top: 90px
}

.gms {
    margin-top: 70px
}

.urungors .ur {
    transform: scale(1);
    margin-top: inherit;
    transition: all 300ms
}

.urungors:hover .ur {
    transform: scale(1.1);
    margin-top: -20px;
    transition: all 300ms
}

@media (min-width: 200px) {
    .ortalimenu { display:none}
    .mobilnav { display:block}    .ortalogo { display: none!important}


}

@media (min-width: 576px) {
    .ortalimenu { display:none}
    .mobilnav { display:block}    .ortalogo { display: none!important}


}

@media (min-width: 768px) {
    .ortalimenu { display:none}
    .mobilnav { display: block}
    .ortalogo { display: block!important}

}

@media (min-width: 992px) {
    .ortalimenu { display:block}
    .mobilnav { display: none}
    .ortalogo { display: block!important}

}

@media (min-width: 1200px) {
    .ortalimenu { display:block}
    .mobilnav { display: none}
    .ortalogo { display: block!important}

}