.katalogLink
{
	background-color:#0369b3 !important;
}



/* GENEL */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strong, sub, sup, var, b, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  font-family: 'Open Sans', sans-serif;
  list-style: none !important;
  text-decoration: none !important;
  font-size: 12px;
}
a {
  color: #686C79;
  font-size: 12px;
}
a:hover {
  color: #686C79;
  transition: ease-out 0.8s;
  -moz-transition: ease-out 0.8s;
  -webkit-transition: ease-out 0.8s;
  -o-transition: ease-out 0.8s;
}
.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
input , .form-select
{
  height: 50px !important;
  border-radius: 0px !important;
  font-size: 12px !important;
  color: #686C79 !important;
}
.form-control {
  font-size: 12px !important;
  color: #686C79 !important;
  border: 1px solid #AEB2BF !important;
  border-radius: 0px !important;
  transition: none !important;
}
.form-check-input {
  height: 1em !important;
}
.boslukYok {
  padding: 0px !important;
  margin: 0px !important;
}
.ustbosluk50 {
  margin-top: 50px;
}
.ustbosluk25 {
  margin-top: 25px;
}
.altborder {
  border-bottom: 1px solid #686C79 !important;
}
.cerceve {
  outline: 1px solid #686C79 !important;
}
.paddingYok {
  padding: 0px !important;
}
.solaYasla {
  text-align: left !important;
}
.sagaYasla {
  text-align: right !important;
}
.ortayaYasla {
  text-align: center !important;
}
.red {
  outline: 1px solid red;
}
.yellow {
  outline: 1px solid yellow;
}
.green {
  outline: 1px solid green;
}
hr {
  color: #686C79;
  opacity: 1;
}
.buyukbaslik, a .buyukbaslik, .buyukbaslik a, .buyukbaslik p, .buyukbaslik span, .buyukbaslik h1, .buyukbaslik h2, .buyukbaslik h3, .buyukbaslik h4, .buyukbaslik h5, .buyukbaslik h6, .buyukbaslik li, .buyukbaslik ul, .buyukbaslik div, .buyukbaslik strong, .buyukbaslik tr {
  color: #686C79;
  font-size: 16px !important;
  font-weight: 800;
}
.buyukbaslik a:hover, a:hover .buyukbaslik, .buyukbaslik a:hover p, .buyukbaslik a:hover span, .buyukbaslik a:hover h1, .buyukbaslik a:hover h2, .buyukbaslik a:hover h3, .buyukbaslik a:hover h4, .buyukbaslik a:hover h5, .buyukbaslik a:hover h6, .buyukbaslik a:hover li, .buyukbaslik a:hover ul, .buyukbaslik a:hover div, .buyukbaslik a:hover strong, .buyukbaslik a:hover tr {
  color: #9A9EAB;
}
.baslik, a .baslik, .baslik a, .baslik p, .baslik span, .baslik h1, .baslik h2, .baslik h3, .baslik h4, .baslik h5, .baslik h6, .baslik li, .baslik ul, .baslik div, .baslik strong, .baslik tr {
  color: #686C79;
  font-size: 14px !important;
  font-weight: 600;
  margin: 0px;
}
.baslik a:hover, a:hover .baslik, .baslik a:hover p, .baslik a:hover span, .baslik a:hover h1, .baslik a:hover h2, .baslik a:hover h3, .baslik a:hover h4, .baslik a:hover h5, .baslik a:hover h6, .baslik a:hover li, .baslik a:hover ul, .baslik a:hover div, .baslik a:hover strong, .baslik a:hover tr {
  color: #9A9EAB;
}
.aciklama, a .aciklama, .aciklama a, .aciklama p, .aciklama span, .aciklama h1, .aciklama h2, .aciklama h3, .aciklama h4, .aciklama h5, .aciklama h6, .aciklama li, .aciklama ul, .aciklama div, .aciklama strong, .aciklama tr {
  color: #686C79;
  font-size: 12px !important;
  text-align: justify;
}
.aciklama a:hover, a:hover .aciklama, .aciklama a:hover p, .aciklama a:hover span, .aciklama a:hover h1, .aciklama a:hover h2, .aciklama a:hover h3, .aciklama a:hover h4, .aciklama a:hover h5, .aciklama a:hover h6, .aciklama a:hover li, .aciklama a:hover ul, .aciklama a:hover div, .aciklama a:hover strong, .aciklama a:hover tr {
  color: #9A9EAB;
}
.tarih, a .tarih, .tarih a, .tarih p, .tarih span, .tarih h1, .tarih h2, .tarih h3, .tarih h4, .tarih h5, .tarih h6, .tarih li, .tarih ul, .tarih div, .tarih strong, .tarih tr {
  color: #686C79;
  font-size: 10px !important;
}
.tarih a:hover, a:hover .tarih, .tarih a:hover p, .tarih a:hover span, .tarih a:hover h1, .tarih a:hover h2, .tarih a:hover h3, .tarih a:hover h4, .tarih a:hover h5, .tarih a:hover h6, .tarih a:hover li, .tarih a:hover ul, .tarih a:hover div, .tarih a:hover strong, .tarih a:hover tr {
  color: #9A9EAB;
}
.devami, a .devami, .devami a, .devami p {
  color: #686C79;
  font-size: 12px !important;
  border: 1px solid #AEB2BF;
  border-radius: 5px;
  background-color: #AEB2BF;
  padding: 5px 10px 5px 10px;
}
.devami a:hover, a:hover .devami, .devami a:hover p {
  color: #9A9EAB;
  border: 1px solid #AEB2BF;
  background-color: white;
}
.pagination .page-link {
  color: white !important;
  background-color: #AEB2BF !important;
  border: 1px solid white !important;
}
.pagination .page-link:hover {
  color: white !important;
  background-color: #686C79 !important;
  border: 1px solid white !important;
}
.pagination .active {
  color: white !important;
  background-color: #686C79 !important;
  border: 1px solid white !important;
  font-weight: 700;
}
/* GENEL */

/* .renklerrenkler {
     color: #AEB2BF;
     color: #9A9EAB;
     color: #686C79;
     color: #004F9F;
}
 */
/*GRİ col*/
@media (min-width: 0px) and (max-width: 576px) {
  /* body {background-color: gray !important;} */
  .header .headersol {text-align: center !important;}
  .header .headerorta { text-align: center !important;}
  .header .headersag {text-align: center !important; }
  .navbar ul.navbar-nav>li {width: 100% !important;}
  .navbar ul.navbar-nav>li>a {padding: 20px 0 !important;}
  .anasayfakategoriler .kategoriler ul li a { background-image: none !important; outline:1px solid #AEB2BF !important;}
  .anasayfakategoriler .kategoriler ul li a h3, .anasayfakategoriler .kategoriler ul li a h3 p { padding: 10px 0px 10px 0px !important;}
  .anasayfakategoriler .kategoriler ul li a img {margin-top: 5px !important;}
  .footer .footerlogo{height: 30px !important;}
  .zeminResim-sira-6 {height: 130px !important;}
  .zeminResim-sira-3 {height: 250px !important;}
  .urunAyrintiSayfasi .zeminResimAyrinti { height: 270px !important;}
  .urunAyrintiSayfasi img {height: 50px !important;}
  .aciklamaboy3 { height: 90px !important;}
  .navigasyon .navsag { justify-content:center !important;}
  .navigasyon .navsag h1 { padding:  0px !important; margin: 0px !important;}
  .navigasyon .navsol { justify-content:center !important; padding: 0px 0px 10px 0px !important;}
  

}
/*YEŞİL sm*/
@media (min-width: 576px) and (max-width: 768px) {
  /* body {background-color: rgb(79, 123, 15) !important; } */
  .header .headersol {text-align: center !important;}
  .header .headerorta {text-align: center !important;}
  .header .headersag {text-align: center !important;}
  .navbar ul.navbar-nav>li {width: 100% !important;}
  .navbar ul.navbar-nav>li>a {padding: 20px 0 !important;}
  .anasayfakategoriler .kategoriler ul li a {background-image: none !important;}
  .footer .footerlogo{height: 30px !important;}
  .zeminResim-sira-6 {height: 190px !important;}
  .zeminResim-sira-3 {height: 250px !important;}
  .urunAyrintiSayfasi .zeminResimAyrinti { height: 400px !important;}
  .urunAyrintiSayfasi img {height: 80px !important;}
  .aciklamaboy3 { height: 130px !important;}
}
/*MAVİ md*/
@media (min-width: 768px) and (max-width: 992px) {
  /* body {background-color: rgb(26, 134, 167) !important;} */
  .header .headersol {text-align: center !important;}
  .header .headerorta {text-align: center !important;}
  .header .headersag {text-align: center !important;}
  .anasayfakategoriler .kategoriler ul li a {background-image: none !important;}
  .footer .footerlogo{height: 30px !important;}
  .zeminResim-sira-6 {height: 150px !important;}
  .zeminResim-sira-3 {height: 150px !important;}
  .urunAyrintiSayfasi .zeminResimAyrinti { height: 350px !important;}
  .urunAyrintiSayfasi img {height: 60px !important;}
  .aciklamaboy3 { height: 150px !important;}
}
/*TRUNCU lg*/
@media (min-width: 992px) and (max-width: 1200px) {
  /* body {background-color: orange !important;} */
  .header .headersol {text-align: center !important;}
  .header .headerorta {text-align: center !important;}
  .header .headersag {text-align: center !important;}
  .footer .footerlogo{height: 40px !important;}
  .zeminResim-sira-6 {height: 130px !important;}
  .zeminResim-sira-3 {height: 150px !important;}
  .urunAyrintiSayfasi .zeminResimAyrinti { height: 400px !important;}
  .urunAyrintiSayfasi img {height: 80px !important;}
  .aciklamaboy3 { height: 170px !important;}
}
/*KIRMIZI xl*/
@media (min-width: 1200px) and (max-width: 1400px) {
  /* body {background-color: red !important;} */
  .header .headersol {text-align: center !important;}
  .zeminResim-sira-6 {height: 170px !important;}
  .footer .footerlogo{height: 45px !important;}
  .zeminResim-sira-3 {height: 200px !important;}
  .urunAyrintiSayfasi .zeminResimAyrinti { height: 650px !important;}
  .urunAyrintiSayfasi img {height: 100px !important;}
  .aciklamaboy3 { height: 120px !important;}
}
/*BORDO xxl*/
@media (min-width: 1400px) and (max-width: 2560px) {
  /* body {background-color: #6C1102 !important;} */
  .zeminResim-sira-6 { height: 170px !important;}
  .zeminResim-sira-3 {height: 350px !important;}
  .urunAyrintiSayfasi .zeminResimAyrinti { height: 650px !important;}
  .urunAyrintiSayfasi img {height: 100px !important;}
  .aciklamaboy3 { height: 100px !important;}
}
/*SİYAH xxxl*/
@media (min-width: 2560px) and (max-width: 4000px) {
 /* body {background-color: #00AFAA !important;} */
 /* body {background-color: #FFF !important;} */
  .zeminResim-sira-6 {height: 230px !important;}
  .zeminResim-sira-3 {height: 400px !important;}
  .urunAyrintiSayfasi .zeminResimAyrinti { height: 900px !important;}
  .urunAyrintiSayfasi img {height: 150px !important;}
  .aciklamaboy3 { height: 80px !important;}
}
body {
  background-color: #FFF !important;
}





/* urunAyrintiSayfasi */
.card {
  --bs-card-border-width:none !important;
  border: none !important;

}

.urunAyrintiSayfasi li
{
  border: 1px solid #686C79 !important;
  border-radius: none !important;
}

.urunAyrintiSayfasi .zeminResimAyrinti
{
}

.urunAyrintiSayfasi img {
  display: block;
  width: 100% !important;

}

.urunAyrintiSayfasi ul {
  list-style: none outside none;
  padding-left: 0;
  margin-bottom: 0;
}

.urunAyrintiSayfasi li {
  display: block;
  float: left;
  margin-right: 6px;
  cursor: pointer;
}

.urunAyrintiSayfasi * , .urunAyrintiSayfasi *:hover
{
  border-radius: none !important;
}
.urunAyrintiSayfasi .card {
    border-radius: none !important;
}

.urunAyrintiSayfasi .demo {
    width: 100%;
}
.urunAyrintiSayfasi .demo .item .max {

}





.urunAyrintiSayfasi .badge {
    padding: 5px !important;
    padding-bottom: 6px !important;
}

.urunAyrintiSayfasi .badge i {
    font-size: 10px;
}

.urunAyrintiSayfasi .profile-image {
    width: 35px;
}



.urunAyrintiSayfasi .btn-long {
    padding-left: 35px;
    padding-right: 35px;
}

.urunAyrintiSayfasi .buttons {
    margin-top: 15px;
}

.urunAyrintiSayfasi .buttons .btn {
    height: 46px
}

.urunAyrintiSayfasi .buttons .cart {
    border-color: #8f8f8f;
    color: #ff7676;
}

.urunAyrintiSayfasi .buttons .cart:hover {
    background-color: #8f8f8f !important;
    color: #123274;
}

.urunAyrintiSayfasi .buttons .buy {
    color: #fff;
    background-color: #8f8f8f;
    border-color: #ff7676;
}

.urunAyrintiSayfasi .buttons .buy:focus,
.urunAyrintiSayfasi .buy:active {
    color: #fff;
    background-color: #123274;
    border-color: #123274;
    box-shadow: none;
}

.urunAyrintiSayfasi .buttons .buy:hover {
    color: #fff;
    background-color: #123274;
    border-color: #123274;
}

.urunAyrintiSayfasi .buttons .wishlist {
    background-color: #fff;
    border-color: #8f8f8f;
}

.urunAyrintiSayfasi .buttons .wishlist:hover {
    background-color: #8f8f8f;
    border-color: #e86464;
    color: #fff;
}


.urunAyrintiSayfasi .store-image {
    width: 42px;
}

.urunAyrintiSayfasi .dot {
    height: 10px;
    width: 10px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}

.urunAyrintiSayfasi .bullet-text {
    font-size: 14px;
}

.urunAyrintiSayfasi .my-color {
    margin-top: 10px;
    margin-bottom: 10px;
}

.urunAyrintiSayfasi label.radio {
    cursor: pointer;
}

.urunAyrintiSayfasi label.radio input {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    pointer-events: none;
}

.urunAyrintiSayfasi label.radio span {
    border: 2px solid #8f8f8f;
    display: inline-block;
    color: #8f8f8f;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-transform: uppercase;
    transition: 0.5s all;
}

.urunAyrintiSayfasi label.radio .red {
    background-color: red;
    border-color: red;
}

.urunAyrintiSayfasi label.radio .blue {
    background-color: blue;
    border-color: blue;
}

.urunAyrintiSayfasi label.radio .green {
    background-color: green;
    border-color: green;
}

.urunAyrintiSayfasi label.radio .orange {
    background-color: orange;
    border-color: orange;
}

.urunAyrintiSayfasi label.radio input:checked+span {
    color: #fff;
    position: relative;
}

.urunAyrintiSayfasi label.radio input:checked+span::before {
    opacity: 1;
    content: '\2713';
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    left: 4px;
}

.urunAyrintiSayfasi .card-body {
    padding: 0.3rem 0.3rem 0.2rem;
}
/* urunAyrintiSayfasi */

















/* RESIM AYAR */
.zeminResim-sira-6 {height: 230px;}
.zeminResim-sira-3 {height: 400px;}
.zeminResim {
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  outline: 1px solid #686C79 !important;
  border-radius: 1px;
  position:relative;
}
.zeminResim .kategoriAciklama {
  position:absolute;
  top: 0;
  left: 0;
  background-color: #686C79;
  color: #fff;
  font-size: 12px;
  padding: 5px;
  text-align: left;
}
/* RESIM AYAR */
/* KUTU AYAR */
.kutu {
  width: 100%;
  height: 50px;
  line-height: 12px;
  border: 1px solid #AEB2BF !important;
  margin: 0px !important;
}
.aciklamaboy3 {
  height: 80px;
  padding: 10px;
  line-height: 13px;
  outline: 1px solid #686C79 !important;
  margin: 0px !important;
}
.kutuboy {
  width: 100%;
  height: 50px;
  padding: 15px;
  line-height: 13px;
  outline: 1px solid #686C79 !important;
  margin: 0px !important;
}
.zeminDarBanner {
  height: 300px;
}

.Link, a .Link, a.Link
{
  cursor: pointer !important;
}
 .kutuLink, a.kutuLink, a .kutuLink
{
  font-size: 12px !important;
}

.kutuLinkKoyu, a.kutuLinkKoyu, a .kutuLinkKoyu
{
  color: #fff !important;
  background-color: #686C79 !important;
}
a:hover.kutuLinkKoyu, a:hover .kutuLinkKoyu
{
  color: #fff !important;
  background-color: #AEB2BF !important;
}

.kutuLinkAcik, a .kutuLinkAcik, a.kutuLinkAcik
{
  color: #686C79 !important;
  background-color: #fff !important;
}
 a:hover .kutuLinkAcik, a.kutuLinkAcik:hover
 {
  color: #FFF !important;
  background-color: #AEB2BF !important;
}

.kutuLinkGri, a.kutuLinkGri, a .kutuLinkGri
{
  color: #fff !important;
  background-color: #AEB2BF !important;
}
 a:hover .kutuLinkGri, a.kutuLinkGri:hover
 {
  color: #fff !important;
  background-color: #686C79 !important;
}


/* .Link, a .Link, a.Link, a.Link *, a .Link *, a .Link a, a .Link p, a .Link span, a .Link h1, a .Link h2, a .Link h3, a .Link h4, a .Link h5, a .Link h6, a .Link li, a .Link ul, a .Link div, a .Link strong, a .Link tr {
  cursor: pointer !important;
}
a .kutuLink,a.kutuLink,a.kutuLink *, a .kutuLink *, a .kutuLink a, a .kutuLink p, a .kutuLink span, a .kutuLink h1, a .kutuLink h2, a .kutuLink h3, a .kutuLink h4, a .kutuLink h5, a .kutuLink h6, a .kutuLink li, a .kutuLink ul, a .kutuLink div, a .kutuLink strong, .a .kutuLink tr {
  font-size: 12px !important;
}
.kutuLinkKoyu,a.kutuLinkKoyu,a.kutuLinkKoyu *, .kutuLinkKoyu *, a .kutuLinkKoyu,a .kutuLinkKoyu *, a .kutuLinkKoyu, a .kutuLinkKoyu a, a .kutuLinkKoyu p, a .kutuLinkKoyu span, a .kutuLinkKoyu h1, a .kutuLinkKoyu h2, a .kutuLinkKoyu h3, a .kutuLinkKoyu h4, a .kutuLinkKoyu h5, a .kutuLinkKoyu h6, a .kutuLinkKoyu li, a .kutuLinkKoyu ul, a .kutuLinkKoyu div, a .kutuLinkKoyu strong, a .kutuLinkKoyu tr {
  color: #fff !important;
  background-color: #686C79 !important;
}

a:hover.kutuLinkKoyu, a:hover .kutuLinkKoyu, a:hover .kutuLinkKoyu *, a:hover .kutuLinkKoyu, a:hover .kutuLinkKoyu a, a:hover .kutuLinkKoyu p, a:hover .kutuLinkKoyu span, a:hover .kutuLinkKoyu h1, a:hover .kutuLinkKoyu h2, a:hover .kutuLinkKoyu h3, a:hover .kutuLinkKoyu h4, a:hover .kutuLinkKoyu h5, a:hover .kutuLinkKoyu h6, a:hover .kutuLinkKoyu li, a:hover .kutuLinkKoyu ul, a:hover .kutuLinkKoyu div, a:hover .kutuLinkKoyu strong, a:hover .kutuLinkKoyu tr {
  color: #fff !important;
  background-color: #AEB2BF !important;
}
.kutuLinkAcik,a.kutuLinkAcik,a.kutuLinkAcik *, .kutuLinkAcik *, a .kutuLinkAcik,a .kutuLinkAcik *, a .kutuLinkAcik, a .kutuLinkAcik a, a .kutuLinkAcik p, a .kutuLinkAcik span, a .kutuLinkAcik h1, a .kutuLinkAcik h2, a .kutuLinkAcik h3, a .kutuLinkAcik h4, a .kutuLinkAcik h5, a .kutuLinkAcik h6, a .kutuLinkAcik li, a .kutuLinkAcik ul, a .kutuLinkAcik div, a .kutuLinkAcik strong, a .kutuLinkAcik tr {
  color: #686C79 !important;
  background-color: #fff !important;
}
 a:hover .kutuLinkAcik, a.kutuLinkAcik:hover,a.kutuLinkAcik:hover *, a:hover .kutuLinkAcik *, a:hover .kutuLinkAcik, a:hover .kutuLinkAcik a, a:hover .kutuLinkAcik p, a:hover .kutuLinkAcik span, a:hover .kutuLinkAcik h1, a:hover .kutuLinkAcik h2, a:hover .kutuLinkAcik h3, a:hover .kutuLinkAcik h4, a:hover .kutuLinkAcik h5, a:hover .kutuLinkAcik h6, a:hover .kutuLinkAcik li, a:hover .kutuLinkAcik ul, a:hover .kutuLinkAcik div, a:hover .kutuLinkAcik strong, a:hover .kutuLinkAcik tr {
  color: #FFF !important;
  background-color: #AEB2BF !important;
}
.kutuLinkGri, a.kutuLinkGri, a.kutuLinkGri *,a .kutuLinkGri,a .kutuLinkGri *, a .kutuLinkGri, a .kutuLinkGri a, a .kutuLinkGri p, a .kutuLinkGri span, a .kutuLinkGri h1, a .kutuLinkGri h2, a .kutuLinkGri h3, a .kutuLinkGri h4, a .kutuLinkGri h5, a .kutuLinkGri h6, a .kutuLinkGri li, a .kutuLinkGri ul, a .kutuLinkGri div, a .kutuLinkGri strong, a .kutuLinkGri tr {
  color: #fff !important;
  background-color: #AEB2BF !important;
}
 a:hover .kutuLinkGri, a.kutuLinkGri:hover, a.kutuLinkGri:hover *, a:hover .kutuLinkGri *, a:hover .kutuLinkGri a, a:hover .kutuLinkGri p, a:hover .kutuLinkGri span, a:hover .kutuLinkGri h1, a:hover .kutuLinkGri h2, a:hover .kutuLinkGri h3, a:hover .kutuLinkGri h4, a:hover .kutuLinkGri h5, a:hover .kutuLinkGri h6, a:hover .kutuLinkGri li, a:hover .kutuLinkGri ul, a:hover .kutuLinkGri div, a:hover .kutuLinkGri strong, a:hover .kutuLinkGri tr {
  color: #fff !important;
  background-color: #686C79 !important;
} */
/* KUTU AYAR */






















/* SSS */
.accordion
{
  /* border: 1px solid #686C79 !important; */
  /* border: none !important; */
  --bs-accordion-border-color: none !important;
  --bs-accordion-border-width: none !important;
  --bs-accordion-border-radius: 0 !important;
}
.accordion i
{
  margin-right: 5px;
}
.accordion *
{
  box-shadow: none !important;
}
.accordion-item {
  outline: 1px solid #AEB2BF !important;
  border: 1px solid #AEB2BF !important;
  margin-top: 10px !important;

}
.accordion-button:not(.collapsed)::after {
  background-image: none !important;
}
.accordion-button:not(.collapsed) {
  color: #fff !important;
  background-color: #AEB2BF !important;
  box-shadow: none !important;
}
.accordion-button {
  color: #686C79 !important;
  border: none !important;
}
/* SSS */

/* FOOTER */
.footer
{
  background-color: #686C79 !important;
}
.footer .container
{
  padding: 20px;
}
.footer .footerlogo
{
  height: 50px;
  margin-bottom: 5px;
}
.footer .baslik
{
  margin-top: 10px;
}
.footer div, .footer p, .footer *, .footer a
{
  color: #FFF !important;
}
.footer a:hover , .footer a:hover *
{
  color: #AEB2BF !important;
}
.footer i
{
  margin-right: 5px;
  font-size: 16px;
}
.footer hr
{
  margin-top: 5px;
}
.footer ul
{
  margin: 0px !important;
  padding: 0px !important;
}
.footer ul li
{
  margin-top: 10px;
}
.footer .footerAlt
{
  background-color: #AEB2BF !important;
}
.dizayn
{
  display: flex;
  justify-content: flex-end;
  align-items: center;

}
.dizayn p
{
 margin: 10px;
}
.dizayn a
{
  background-color: #4C5356;
  border-radius: 5px;
}
.dizayn a:hover
{
  background-color: #AEB2BF;
}
.dizayn .dudulogo
{
  height: 40px;
  margin: 10px;
}
/* FOOTER */





/* ANASAYFA HAKKIMIZDA */
.anasayfaHakkimizda .anasayfaHakkimizdasag
{

}
.anasayfaHakkimizdasag .logo
{
  margin-top: 20px !important;
  height: 70px;
}
/* ANASAYFA HAKKIMIZDA */





/* ANASAYFA KATEGORİLER */
.anasayfakategoriler .row {
  padding: 0px !important;
  margin: 0px !important;
}
.anasayfakategoriler .kategoriler {
  padding: 0px !important;
  margin: 0px !important;
}
.anasayfakategoriler .kategoriler ul {
  list-style: none;
  padding: 0px !important;
  margin: 0px !important;
}
.anasayfakategoriler .kategoriler ul li {
  float: left;
  padding: 0px !important;
  margin: 0px !important;
}
.anasayfakategoriler .kategoriler ul li a {
  color: white;
  font-size: 12px;
  display: block;
  background-image: url(../images/ortacizgi.png);
  background-position: left, center;
  background-repeat: no-repeat;
  background-color: #686C79;
}
.anasayfakategoriler .kategoriler ul li:first-child a {
  background-image: none;
}
.anasayfakategoriler .kategoriler ul a:hover {
  color: white;
  font-size: 12px;
  background-color: #AEB2BF
}
.anasayfakategoriler .kategoriler ul li a img {
  height: 70px;
  margin-top: 5px;
}
.anasayfakategoriler .kategoriler ul li a h3, .anasayfakategoriler .kategoriler ul li a h3 p {
  color: white;
  font-size: 12px;
  padding: 10px 0px 10px 0px;
  margin: 0px !important;
}
.anasayfakategoriler .altkategoriler {
  outline: 1px solid #686C79;
  padding: 5px 0 !important;
}
.anasayfakategoriler .altkategoriler .kategoribolum {
  margin: 5px 0 !important;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: white !important;
  background-color: #AEB2BF !important;
  border-radius: 0px !important;
  border: none !important;
  border-top-left-radius: none !important;
  border-top-right-radius: none !important;
}
.nav-tabs .nav-link {
  border-radius: 0px !important;
  border: none !important;
  border-top-left-radius: none !important;
  border-top-right-radius: none !important;
}
/* ANASAYFA KATEGORİLER */



/* HEADER */
.header {
  background-color: #FFF;
}
.header .headersol {
  text-align: left;
}
.header .headersol img {
  height: 42px;
  margin: 13px 0px;
}
.header .headerorta {
}
.header .headersag {
  padding: 25px;
  text-align: right;
}
.header .headersag a {
  padding: 8px;
}
.header .headersag a, .header .headersag a i, .header .headersag a span {
  font-size: 12px;
  color: #686C79;
}
.header .headersag i {
  margin-right: 5px;
}
.header .headersag a:hover, .header .headersag a:hover i, .header .headersag a:hover span {
  font-size: 12px;
  color: #AEB2BF;
}
.selectpicker, .selectpicker:before, .selectpicker:hover, .selectpicker option, .selectpicker option:hover {
  background-color: #FFF;
  border: none !important;
  font-size: 12px;
  color: #686C79;
  border-radius: none !important;
}


/* MENU */
.navbar {
  padding: 0px !important;
  margin: 0px !important;
  text-align: center !important;
}
.navbar ul {
  background-color: none;
  color: white;
  border: none;
}
.navbar ul.navbar-nav>li {
  width: 15.5%;
}
.navbar ul.navbar-nav>li>a {
  display: block !important;
  padding: 24px 0;
  font-size: 14px;
  font-weight: 700;
  background-color: none;
  color: #686C79;
}
.navbar ul.navbar-nav>li>a:hover, ul.navbar-nav>li.active>a {
  color: #FFF;
  background-color: #AEB2BF;
  transition: ease-out 0.8s;
  -moz-transition: ease-out 0.8s;
  -webkit-transition: ease-out 0.8s;
  -o-transition: ease-out 0.8s;
}
.navbar-toggler {
  background-color: #AEB2BF !important;
  padding: 15px 40px 15px 40px !important;
  border: 1px solid #686C79 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 10px;
  margin-top: 15px;
}
media-29101.navbar-toggler:hover {
  background-color: white !important;
  border: 1px solid #686C79 !important;
}
.navbar-toggler span {
  color: #fff !important;
}
.navbar-toggler:hover span {
  color: #686C79 !important;
}
/* MENU */
/* HEADER */


/* CAROUSEL */
.owlcarousel * {
  text-align: left !important;
}
.owlcarousel .media-29101 {
  border: 1px solid #686C79 !important;
}
.owlcarousel .media-29101 a{
  color: #686C79;
  font-size: 20px;
  font-weight: 700;
  display: block;
}
.owlcarousel .media-29101 a:hover {
  color: #aeb2bf;
}
.owlcarousel a .kutuboy {
  display: flex !important;
  justify-content:flex-start !important;
  align-items: center !important;
}
.bayrak {
  height: 25px !important;
  width: 50px !important;
  margin-right: 5px;
}
a .bayrak {
  height: 25px !important;
  width: 50px !important;
  margin-right: 5px;
}
/* a:hover .bayrak {
  opacity: 0.5;
} */



.carousel-caption {
  position: absolute;
  top: 25%;
  left: 15%;
  width: 300px;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: white;
  -webkit-text-stroke: 1px white;
  text-shadow: 2px 2px #1a1d2b;
  text-align: left;
}
.carousel-caption h5 {
  font-size: 80px;
}
/*.carousel-caption {
  position:absolute;
  right:15%;
  bottom:1.25rem;
  left:15%;
  padding-top:1.25rem;
  padding-bottom:1.25rem;
  color:#fff;
  text-align:left;
}
*/
.large .content .spacer {
  width: 100%;
  padding-top: 56.25%;
}
/* .container {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
*/
.large .content {
  position: relative;
  display: flex;
  min-height: 60vh;
  max-height: calc(100vh - 108px);
}
.large .content {
  overflow: hidden;
  width: 100%;
  max-width: 1800px;
}
.large .content img {
  z-index: -3;
}
.large .content img, .large .content video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.large .content video {
  z-index: -2;
}
#accordion a {
  color: #474747;
}
#accordion a:hover {
  color: #123274;
  transition: ease-out 0.8s;
  -moz-transition: ease-out 0.8s;
  -webkit-transition: ease-out 0.8s;
  -o-transition: ease-out 0.8s;
}
#accordion .panel {
  border: none;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: -5px;
}
#accordion .panel-heading {
  padding: 0;
  border: none;
  border-radius: 0;
}
#accordion .panel-title a {
  display: block;
  padding: 15px 70px 15px 5px;
  background: #474747;
 /* font-size: 18px;
  font-weight: 700;
 */
  letter-spacing: 1px;
  color: #fff;
  position: relative;
  font-size: 14px;
  font-weight: 500;
}
#accordion .panel-title a:hover {
  background: #123274;
  color: #fff;
  transition: ease-out 0.8s;
  -moz-transition: ease-out 0.8s;
  -webkit-transition: ease-out 0.8s;
  -o-transition: ease-out 0.8s;
}
#accordion .title a.collapsed {
  color: #fff;
}
#accordion .title a.collapsed:hover {
  color: #474747;
}
#accordion .title a:before, #accordion .title a:after {
  content: "";
  width: 3px;
  height: 10px;
  background: #474747;
  font-size: 15px;
  position: absolute;
  top: 20px;
  right: 35px;
  transform: rotate(-45deg);
  transition: all 0.3s ease-in-out 0s;
}
#accordion .title a:after {
  right: 29px;
  transform: rotate(45deg);
}
#accordion .title a.collapsed:before {
  transform: rotate(45deg);
  background: #fff;
}
#accordion .title a.collapsed:after {
  transform: rotate(-45deg);
  background: #fff;
}
#accordion .title a.collapsed:hover:before, #accordion .title a.collapsed:hover:after {
  background: #474747;
}
#accordion .panel-body {
  padding: 10px 10px;
  border-top: none;
  font-size: 15px;
  color: #FFF;
  line-height: 25px;
}
/* CAROUSEL */



/* html5lightbox */
.lightboxcontainer {
  width: 100%;
  text-align: left;
}
.lightboxleft {
  width: 40%;
  float: left;
}
.lightboxright {
  width: 60%;
  float: left;
}
.lightboxright iframe {
  min-height: 390px;
}
.divtext {
  margin: 36px;
}
@media (max-width: 800px) {
  .lightboxleft {
      width: 100%;
 }
  .lightboxright {
      width: 100%;
 }
  .divtext {
      margin: 12px;
 }
}
.shadow-01 {
  position: relative;
}
.shadow-01::before, .shadow-01::after {
  content: '';
  position: absolute;
  top: 80%;
  bottom: 13px;
  display: block;
  width: 50%;
  -webkit-box-shadow: 0 15px 10px #474747;
  box-shadow: 0 15px 10px #474747;
  z-index: -1;
  left: 10px;
}
.shadow-01::before {
  background: transparent;
  right: 10px;
  left: auto;
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}
.shadow-01::after {
  background: transparent;
  -webkit-transform: rotate(-4deg);
  transform: rotate(-4deg);
}
.shadow-02 {
  position: relative;
}
.shadow-02::before {
  content: '';
  position: absolute;
  top: 80%;
  bottom: 13px;
  display: block;
  width: 50%;
  -webkit-box-shadow: 0 15px 10px #474747;
  box-shadow: 0 15px 10px #474747;
  z-index: -1;
  right: 10px;
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}
.shadow-03 {
  position: relative;
}
.shadow-03::after {
  content: '';
  position: absolute;
  top: 80%;
  bottom: 13px;
  display: block;
  width: 50%;
  -webkit-box-shadow: 0 15px 10px #474747;
  box-shadow: 0 15px 10px #474747;
  z-index: -1;
  left: 10px;
  -webkit-transform: rotate(-4deg);
  transform: rotate(-4deg);
}
.shadow-04 {
  position: relative;
  -webkit-box-shadow: 0 24px 10px -20px rgba(0, 0, 0, 0.5);
  box-shadow: 0 24px 10px -20px rgba(0, 0, 0, 0.5);
}
.shadow-05 {
  position: relative;
}
.shadow-05::before {
  content: '';
  position: absolute;
  bottom: 3px;
  display: block;
  width: 80%;
  height: 10px;
  border-radius: 100px / 10px;
  -webkit-box-shadow: 0 7px 13px rgba(0, 0, 0, 0.5);
  box-shadow: 0 7px 13px rgba(0, 0, 0, 0.5);
  z-index: -1;
  background: transparent;
}
.shadow-06 {
  position: relative;
}
.shadow-06::before, .shadow-06::after {
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  top: 0;
  bottom: 0;
  left: 10px;
  right: 10px;
  -moz-border-radius: 100px / 10px;
  border-radius: 100px / 10px;
}
.shadow-06::after {
  right: 10px;
  left: auto;
  -webkit-transform: skew(8deg) rotate(3deg);
  -moz-transform: skew(8deg) rotate(3deg);
  -ms-transform: skew(8deg) rotate(3deg);
  -o-transform: skew(8deg) rotate(3deg);
  transform: skew(8deg) rotate(3deg);
}
.shadow-07 {
  position: relative;
}
.shadow-07::before, .shadow-07::after {
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  top: 10px;
  bottom: 10px;
  left: 0;
  right: 0;
  -moz-border-radius: 100px / 10px;
  border-radius: 100px / 10px;
}
.shadow-07::after {
  right: 10px;
  left: auto;
  -webkit-transform: skew(8deg) rotate(3deg);
  -moz-transform: skew(8deg) rotate(3deg);
  -ms-transform: skew(8deg) rotate(3deg);
  -o-transform: skew(8deg) rotate(3deg);
  transform: skew(8deg) rotate(3deg);
}
/* html5lightbox */


/* videoikon */
/* Container needed to position the overlay. Adjust the width as needed */
.videoicon {
  position: relative;
  width: 100%;
  height: 100%;
}
/* Make the image to responsive */
.videoicon .image {
  width: 100%;
  height: 100%;
}
/* The overlay effect (full height and width) - lays on top of the container and over the image */
.videoicon .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .3s ease;
  background-color: #F1F1F1;
}
/* When you mouse over the container, fade in the overlay icon*/
.videoicon:hover .overlay {
  opacity: 0.5;
}
/* The icon inside the overlay is positioned in the middle vertically and horizontally */
.videoicon .icon {
  color: #8f8f8f;
  font-size: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
/* When you move the mouse over the icon, change color */
.videoicon .fa-user:hover {
  color: #123274;
}
.example-image:hover {
  outline: 2px solid #474747;
}
/* videoikon */

/*HOT SPOTS*/
.map {
  position: relative;
  max-width: 1100px;
  margin: auto;
  background-color: #ccc;
}
.map img {
  display: block;
  width: 100%;
}
.map-popup {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 99;
  width: 60%;
  padding: 2rem;
  background-color: #fff;
  transition: all 300ms ease-in;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.22);
  opacity: 0;
  visibility: hidden;
}
.map-popup>*:first-child {
  margin-top: 0;
}
.map-popup>*:last-child {
  margin-bottom: 0;
}
.map-popup.open {
  opacity: 1;
  visibility: visible;
}
.marker {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #686C79;
  opacity: 0.8;
  color: #FFF;
  font-size: 15px;
  font-weight: 600;
  line-height: 21px;
  text-align: center;
}
.marker:hover {
  cursor: pointer;
}
.marker:after {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 40px;
  height: 40px;
  content: '';
  -webkit-animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  opacity: .0;
  border: 3px solid #686C79;
  -webkit-border-radius: 100px;
}
.top {
  top: 0;
}
.left {
  left: 0;
}
.right {
  right: 0;
}
.bottom {
  bottom: 0;
}
.center-y{
  top: 50%;
  transform: translateY(-50%);
}
.center-x{
  left: 0;
  right: 0;
  margin: 0 auto;
}
@-webkit-keyframes pulsate {
  0% {
      -webkit-transform: scale(.1, .1);
      opacity: .0;
 }
  50% {
      opacity: .5;
 }
  100% {
      -webkit-transform: scale(1.2, 1.2);
      opacity: .0;
 }
}
.marker1 {
  top: 30%;
  left: 20%;
}
.marker2 {
  top: 50%;
  left: 64%;
}
.marker3 {
  top: 80%;
  left: 40%;
}
@media only screen and (min-width:48em) {
  .map-item {
      position: absolute;
      width: 36px;
      height: 36px;
 }
  .map-item .marker {
      top: auto;
      left: auto;
 }
  .map-item1 {
      top: 60%;
      left: 60%;
 }
  .map-item2 {
      top: 80%;
      left: 80%;
 }
  .map-item3 {
      top: 80%;
      left: 40%;
 }
  .map-popup {
      position: absolute;
      left: 58px;
      width: 280px;
      transform: translateY(-50%);
 }
  .map-popup:before {
      content: "";
      position: absolute;
      top: 50%;
      left: -16px;
      margin-top: -16px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 16px 16px 16px 0;
      border-color: transparent #fff transparent transparent;
 }
  .map-popup.edge {
      left: auto;
      right: calc(100% + 24px);
 }
  .map-popup.edge:before {
      left: auto;
      right: -16px;
      border-width: 16px 0 16px 16px;
      border-color: transparent transparent transparent #fff;
 }
}
/*HOT SPOTS*/
/*SIDEBAR*/
ul.sidebar-menu {

}
.sidebar-menu li a i {
	margin-right: 5px;
  color: #686C79;
}
.sidebar-menu li.baslik
{
	color: #FFF;
	background-color: #686C79;
  outline: 1px solid #686C79 !important;

	display: block;
	text-decoration: none;
  width: 100%;
  height: 50px;
  padding: 20px 15px 10px 15px;
  line-height: 13px;
}
.sidebar-menu li a  {
  color: #686C79;
	background-color: #FFF;
  outline: 1px solid #686C79 !important;

	display: block;
	text-decoration: none;
  width: 100%;
  height: 50px;
  padding: 20px 15px 10px 15px;
  line-height: 13px;
}
.sidebar-menu li a.aktif  {
  color: #FFF;
	background-color: #AEB2BF;
}

.sidebar-menu li a:hover  {
	background-color: #AEB2BF;
	color: #fff;
  padding-left: 40px;
}
.sidebar-menu li.have-children ul {
	padding: 0px;
}
.sidebar-menu li.have-children ul li a {
	color: #686C79;
	background-color: #FFF;
	padding-left: 30px;
}
.sidebar-menu li.have-children ul li a:hover {
  background-color: #AEB2BF;
	color: #fff;
	padding-left: 50px;
}
.sidebar-menu li.have-children, li {
	position: relative;
}
.sidebar-menu .have-children > a > i::after {
  position: absolute;
  right: 30px;
  content: "\f054";
  color: #686C79;
  transition: all .5s;
}

.sidebar-menu li.active.have-children ul li a > i::after {
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.sidebar-menu .have-children > ul {
    display: none;
}
/*SIDEBAR*/
/*NAVIGASYON*/
.navigasyon
{
}
.navigasyon .navsag
{
  display: flex;
  justify-content:flex-start;
  align-items: center;
}
.navigasyon .navsag .baslik
{
  padding: 15px !important;
}
.navigasyon .navsol
{
  display: flex;
  justify-content:flex-end;
  align-items: center;
}
/*NAVIGASYON*/