/*	.renkler
	{		
		color: #aeb2bf;
		color: #535c77;		
		color: #1a1d2b;
		color: #0e121a;
		color: #85754E;
	}
 */
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: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  list-style: none !important;
  text-decoration: none !important;
  font-size: 14px;
}

/*BEYAZ col*/
@media (min-width: 0px) and (max-width: 576px) {

  /*body {background-color: white !important;}*/

  .baslik .baslikUst .baslikUstSag {
    text-align: center !important;
    margin-top: 20px !important;
  }

  .baslik .baslikUst .baslikUstSol {
    text-align: center !important;
    margin-top: 10px !important;
    margin-bottom: 30px !important;
  }

  .baslik .baslikUst .baslikUstSol a.is {
    margin-right: 30px !important;
  }

  .baslikMenu .baslikMenuSag {
    text-align: center !important;
  }

  .baslikMenu .baslikMenuSag a img {
    width: 90% !important;
  }

  .baslik .baslikUst i {
    padding: 15px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .ucgenDolu {
    height: 50px !important;
  }

  .owl-anasayfagaleri .media-29101 img {
    height: 200px !important;
  }

  .urunlerAyrintiCartResim a .cart .cartResim {
    height: 250px !important;
  }
  .dokumanlar .dokuman a
  {
    width: 100% !important;
  }
  .zeminResimKucuk{
    height: 250px !important;
  }
}

/*AÇIKSARI sm*/
@media (min-width: 576px) and (max-width: 768px) {
  /*body {background-color: #FFFF99 !important;}*/

  .baslik .baslikUst .baslikUstSag {
    text-align: center !important;
  }

  .baslik .baslikUst .baslikUstSol {
    text-align: center !important;
  }

  .baslik .baslikUst .baslikUstSol a.is {
    margin-right: 30px !important;
  }

  .baslikMenu .baslikMenuSag {
    text-align: center !important;
  }

  .baslikMenu .baslikMenuSag a img {
    width: 90% !important;
  }

  .baslik .baslikUst i {
    padding: 8px !important;
    margin: 10px 0 !important;
  }

  .baslikMenu .baslikMenuSol a span {
    font-size: 16px !important;
  }

  .baslikMenu .baslikMenuSol a {
    padding: 15px !important;
  }

  .ucgenDolu {
    height: 60px !important;
  }

  .owl-anasayfagaleri .media-29101 img {
    height: 150px !important;
  }

  .urunlerAyrintiCartResim a .cart .cartResim {
    height: 300px !important;
  }
  .dokumanlar .dokuman a
  {
    width: 100% !important;
  }
  .zeminResim{
    height: 150px !important;
  }
  .zeminResimKucuk{
    height: 150px !important;
  }

}

/*SARI md*/
@media (min-width: 768px) and (max-width: 992px) {
  /*body {background-color: yellow !important;}*/

  .baslik .baslikUst .baslikUstSag {
    text-align: center !important;
  }

  .baslik .baslikUst .baslikUstSol {
    text-align: center !important;
  }

  .baslik .baslikUst .baslikUstSol a.is {
    margin-right: 20px !important;
  }

  .baslikMenu .baslikMenuSag {
    text-align: center !important;
  }

  .baslikMenu .baslikMenuSag a img {
    width: 90% !important;
  }

  .baslikMenu .baslikMenuSol a span {
    font-size: 10px !important;
  }

  .ucgenDolu {
    height: 80px !important;
  }

  .owl-anasayfagaleri .media-29101 img {
    height: 200px !important;
  }

  .urunlerCartResim a .cart .cartResim {
    height: 200px !important;
  }

  .urunlerAyrintiCartResim a .cart .cartResim {
    height: 200px !important;
  }  
  .zeminResim{
    height: 150px !important;
  }
  .zeminResimKucuk{
    height: 150px !important;
  }
}

/*TRUNCU lg*/
@media (min-width: 992px) and (max-width: 1200px) {
  /*body {background-color: orange !important;}*/

  .baslikMenu .baslikMenuSag {
    text-align: center !important;
  }

  .baslikMenu .baslikMenuSag a img {
    width: 80% !important;
  }

  .carousel-caption h5 {
    font-size: 60px !important;
  }

  .ucgenDolu {
    height: 80px !important;
  }

  .owl-anasayfagaleri .media-29101 img {
    height: 250px !important;
  }

  .urunlerAyrintiCartResim a .cart .cartResim {
    height: 300px !important;
  }  
  .zeminResim{
    height: 200px !important;
  }
  .zeminResimKucuk{
    height: 180px !important;
  }
}

/*KIRMIZI xl*/
@media (min-width: 1200px) and (max-width: 1400px) {
  /*body { background-color: red !important;}*/

  .baslikMenu .baslikMenuSag {
    text-align: center !important;
  }

  .baslikMenu .baslikMenuSag a img {
    width: 100% !important;
    margin-top: 20px !important;
  }

  .carousel-caption h5 {
    font-size: 60px !important;
  }

  .ucgenDolu {
    height: 80px !important;
  }

  .owl-anasayfagaleri .media-29101 img {
    height: 300px !important;
  }

  .urunlerCartResim a .cart .cartResim {
    height: 220px !important;
  }

  .urunlerAyrintiCartResim a .cart .cartResim {
    height: 320px !important;
  }  
  .zeminResim{
    height: 230px !important;
  }
  .zeminResimKucuk{
    height: 130px !important;
  }
}

/*BORDO xxl*/
@media (min-width: 1400px) and (max-width: 2560px) {
  /*body { background-color: #6C1102 !important;}*/

  .baslikMenu .baslikMenuSag a img {
    width: 100% !important;
    margin-top: 10px !important;
  }

  .baslikMenu .baslikMenuSol a i {
    font-size: 30px !important;
    margin: 20px 0 0 0 !important;
  }

  .baslikMenu .baslikMenuSol a span {
    margin: 15px 0 0 0 !important;
    font-size: 20px !important;
  }

  .carousel-caption h5 {
    font-size: 80px !important;
  }

  .owl-anasayfagaleri .media-29101 img {
    height: 400px !important;
  }

  .urunlerAyrintiCartResim a .cart .cartResim {
    height: 350px !important;
  }
}

/*SİYAH xxxl*/
@media (min-width: 2560px) and (max-width: 4000px) {
  /*body { background-color: #0e121a !important;}*/

  .baslikMenu .baslikMenuSol a i {
    font-size: 30px !important;
    margin: 40px 0 0 0 !important;
  }

  .baslikMenu .baslikMenuSol a span {
    margin: 15px 0 0 0 !important;
    font-size: 30px !important;
  }

  .carousel-caption h5 {
    font-size: 120px !important;
  }

  .owl-anasayfagaleri .media-29101 img {
    height: 500px !important;
  }

  .urunlerCartResim a .cart .cartResim {
    height: 250px !important;
  }

  .urunlerAyrintiCartResim a .cart .cartResim {
    height: 350px !important;
  }
}

body {
  background-color:#0e121a !important;;
}

/* background resim */
.zeminResim{
  width: 100%;
  height: 280px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #85754E;
}
.zeminResimKucuk{
  width: 100%;
  height: 120px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #85754E;
}
/* background resim */

.normalyazi,
.normalyazi p,
.normalyazi p a {
  font-size: 14px;
  color: #aeb2bf;
}

a {
  color: #85754E;
}

a:hover {
  color: #000000;
}

/* başlık */
.baslik {
  background-color: #0e121a;
  outline: 1px solid #85754E;
}

.baslik,
.baslik .baslikUst,
.baslik,
.baslik .baslikUst .baslikUstSol,
.baslik .baslikUst .baslikUstSag,
.baslik .baslikUst a,
.baslik .baslikUst i,
.baslik .baslikUst span {
  font-size: 16px;
  color: #85754E;
}

.baslik .baslikUst .baslikUstSag {
  text-align: left;
}

.baslik .baslikUst .baslikUstSol {
  text-align: right;
}

.baslik .baslikUst .baslikUstSol a.is {
  margin-right: 50px;
}

.baslik .baslikUst i {
  padding: 8px;
  margin: 30px 0;
}

.baslik .baslikUst {
  background-image: url(../images/baslikzemin.svg);
  background-color: #0e121a;
}

.baslikMenu {
  background-color: #0e121a;
  border-top: 1px solid #85754E;
  border-bottom: 1px solid #85754E;
  font-weight: 700;
}

.baslikMenu .baslikMenuSag {}

.baslikMenu .baslikMenuSag a {}

.baslikMenu .baslikMenuSag a img {
  padding: 10px;
  width: 100%;
}

.baslikMenu .baslikMenuSag a:hover img {}

.baslikMenu .baslikMenuSol {
  margin: 0px !important;
  padding: 0px !important;
  text-align: center !important;
}

.baslikMenu .baslikMenuSol a {
  float: left;
  width: 14.28571428571429%;
  height: 100%;
  outline: 1px solid #85754E;
  padding: 20px;
  text-align: center;
  margin: 0px;
  color: #85754E;
  background-color: #0e121a;
}

.baslikMenu .baslikMenuSol a.aktif {
  color: #0e121a;
  background-color: #85754E;
}

.baslikMenu .baslikMenuSol a:hover {
  color: #0e121a;
  background-color: #85754E;
}

.baslikMenu .baslikMenuSol a i {
  font-size: 20px;
  margin: 10px 0 0 0;
}

.baslikMenu .baslikMenuSol a span {

  display: list-item;
  margin: 10px 0 0 0;
  font-size: 16px;
  font-weight: 400;
}


.telefonMenu {
  color: #85754E;
  background-color: #0e121a;
  text-align: center;
}

.telefonMenu a {
  color: #85754E !important;
  text-align: center;
  font-size: 16px !important;
  margin-top: 10px;
}

.telefonMenu a:hover {
  color: #FFFFFF !important;
}

.telefonMenu a:active {
  color: #FFFFFF !important;
}

.navbar-toggler {
  color: #000000 !important;
  background-color: #85754E !important;
  border: #000000 !important;
  padding: 10px !important;
  margin: 20px !important;
}

/* başlık */



.carousel-caption {
  position: absolute;
  top: 25%;
  left: 15%;
  width: 300px;

  padding-top: 1.25rem;
  padding-bottom: 1.25rem;


  color: #1a1d2b;
  -webkit-text-stroke: 1px #85754E;
  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;
}
*/

.paddingYok {
  padding: 0px !important;
}

.ucgenDolu {
  background-image: url(../images/ucgen1.png), url(../images/ucgen1parca.png);
  background-repeat: no-repeat, repeat-x;
  background-position: top center, top center;
  background-size: contain, contain;
  height: 200px;
  width: 100%;
  padding: 0px !important;
  position: absolute;
}

.bolumBaslikResim {
  position: relative;
  top: 0px;
  z-index: -999;
  width: 100%;
  padding: 0px !important;
}

.bolumBaslikResim img {
  width: 100% !important;
}


.anasayfacarousel {
  text-align: center;
}

.anasayfacarousel .carouselborder {
  border-top: 1px solid #85754E !important;
  border-bottom: 1px solid #85754E !important;
  padding: 18px !important;
}

.anasayfacarousel .media-29101 {
  border: 1px solid #85754E !important;
  text-align: center;
}

.anasayfacarousel .media-29101 h3 a,
.anasayfaUrun .owl-anasayfa .media-29101 h3 {
  color: #85754E;
  font-size: 20px;
  font-weight: 700;
}

.anasayfacarousel .owl-anasayfa h3 a:hover {
  color: #aeb2bf;
}

.owl-anasayfagaleri .media-29101 img {
  margin-bottom: 0px !important;
  height: 500px;
}

.owl-anasayfahaberler .media-29101 img {
  margin-bottom: 0px !important;
  height: 300px;
}

.owl-anasayfahaberler .media-29101 a p.tarih,
.owl-anasayfahaberler .media-29101 a {
  color: #85754E;
  font-size: 16px;
  margin-top: 10px;
}

.owl-anasayfahaberler .media-29101 a:hover p.tarih {
  color: #aeb2bf;
}

.owl-anasayfahaberler .media-29101 a p.kisayazi {
  color: #85754E;
  font-size: 16px;
  height: 60px;
  padding: 0px !important;
  margin: 0px !important;
}

.owl-anasayfahaberler .media-29101 a {
  color: #85754E;
  font-size: 16px;
}

.owl-anasayfahaberler .media-29101 a:hover p.kisayazi,
.owl-anasayfahaberler .media-29101 a:hover {
  color: #aeb2bf;
}

.owl-anasayfareferanslar .media-29101 img {
  margin-bottom: 0px !important;
  max-height: 200px;
}

.buyukBaslik {
  margin-top: 50px !important;
  font-size: 50px;
  color: #1a1d2b;
  -webkit-text-stroke: 1px #85754E;
  text-shadow: 2px 2px #1a1d2b;
}

/* FOOTER */
.footer {
  margin-top: 40px;
}

.footer .footerAlt {
  background-image: url(../images/baslikzemin.svg);
  background-color: #0e121a;
  margin-top: 20px;
  height: 100px;
}

.footer p.footerBaslik {
  color: #85754E;
  font-size: 20px;
}

.footer p.footerHakkimizda {
  color: #85754E;
  margin-top: 10px;
  text-align: justify;
}

.footer hr {
  color: #85754E;
}

.footer ul {
  padding: 0 !important;
  margin: 0 !important;
  color: #85754E;
}

.footer ul li {
  color: #85754E;
  margin-top: 10px;
}

.footer ul li a,
.footer ul li a p,
.footer p,
.footer a,
.footer a i,
.footer p.footerHakkimizda a,
.footer a p.footerHakkimizda {
  color: #85754E;
}

.footer ul li a:hover,
.footer ul li a:hover p,
.footer a:hover,
.footer a:hover i,
.footer p.footerHakkimizda a:hover,
.footer a:hover p.footerHakkimizda {
  color: #aeb2bf;
}

.footer ul li a p i,
.footer i {
  color: #85754E;
  margin-right: 5px;
}

/* FOOTER */


.navigasyon {
  color: #85754E;
}

.navigasyon ol {
  padding: 0 !important;
  margin: 0 !important;
  color: #85754E;
}

.navigasyon ol span {
  margin: 0 10px 0 10px;
}

.navigasyon li {
  list-style: none;
  display: inline;
  margin-left: 5px;
  color: #85754E;
}

.navigasyon li.active {
  font-weight: 700;
}

.navigasyon li.active i {
  margin-right: 5px;
}

.navigasyon li a {
  color: #85754E;
}

.navigasyon li a:hover {
  color: #aeb2bf;
}

.navigasyon h1 {
  color: #85754E;
  margin-top: 20px;
  font-size: 30px;
}

p.yazi,
.yazi,
.yazi a,
p.yazi a,
p.yazi p,
p.yazi span,
p.yazi ul,
p.yazi li {
  color: #aeb2bf;
  font-size: 16px;
  text-align: justify;
}

.yazi a:hover,
p.yazi a:hover {
  color: #85754E;
}

p.yaziBaslik,
.yaziBaslik,
.yaziBaslik a,
p.yaziBaslik a,
p.yaziBaslik p,
p.yaziBaslik span,
p.yaziBaslik ul,
p.yaziBaslik li {
  color: #85754E;
  font-size: 20px;
  text-align: justify;
}

.yaziBaslik a:hover,
p.yaziBaslik a:hover {
  color: #aeb2bf;
}


.hakkimizda .row div {
  margin-top: 30px;
}

.iletisim {
  margin-top: 50px;
  margin-bottom: 50px;
}

.iletisim hr {
  color: #85754E;
}

.iletisim,
.iletisim a,
.iletisim span,
.iletisim a p,
.iletisim i,
.iletisim p,
.iletisim p span,
.iletisim p i,
.iletisim p a {
  color: #85754E;
  font-size: 16px;
}

.iletisim i {
  margin-right: 5px;
}

.iletisim a:hover {
  color: #aeb2bf;
}


.iletisim textarea,
.iletisim label,
.iletisim textarea,
.iletisim input {
  border: 1px solid #85754E;
  background-color: #0e121a;
  color: #aeb2bf;
  font-size: 16px;
  padding: 10px;
}

.iletisim textarea:focus,
.iletisim label:focus,
.iletisim textarea:focus,
.iletisim input:focus {
  border: 1px solid #85754E;
  background-color: #0e121a;
  color: #aeb2bf;
  font-size: 16px;
}

.iletisim button {
  border: 1px solid #85754E;
  background-color: #0e121a;
  color: #85754E;
  font-size: 16px;
  padding: 10px 20px;
}

.iletisim button:hover {
  border: 1px solid #0e121a;
  background-color: #85754E;
  color: #0e121a;
}

.iletisim .iletisimBaslik {
  font-size: 16px;
  color: #85754E;
}

.iletisim .iletisimyazi {
  font-size: 14px;
  color: #aeb2bf;
}

.iletisim .bolum {
  margin-top: 30px;
  width: 100%;
}

.urunlerIcerik a .resim {}

.urunlerIcerik a .resim img {
  border: 1px solid #85754E;
}

.urunlerIcerik img {
  border: 1px solid #85754E;
}

.urunlerIcerik a:hover .resim img {
  border: 1px solid #aeb2bf;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}

.page-link {
  color: #85754E !important;
  background-color: #0e121a !important;
  border: 1px solid #85754E !important;
}

.page-link:hover {
  color: #0e121a !important;
  background-color: #85754E !important;
  border: 1px solid #0e121a !important;
}

/* ürünler */
.urunlerCartResim a {
  display: block;
  font-size: 16px;
  border: 1px solid #85754E;
  color: #85754E;
  padding: 10px;
  margin-top: 20px;
}

.urunlerCartResim a:hover {
  border: 1px solid #aeb2bf;
  color: #aeb2bf;
}

.urunlerCartResim a .cart {}

.urunlerCartResim a .cart .cartResim {
  height: 250px;
}

.urunlerCartResim a .cart .cartResim img {
  width: 100% !important;
  height: 100% !important;
}

.urunlerCartResim a:hover .cart .cartResim {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}

.urunlerCartResim a .cart .cartgovde {
  margin-bottom: 10px;
}

.urunlerCartResim a .cart .cartgovde .cartbaslik {
  font-size: 20px;
  background-color: #85754E;
  color: #0e121a;
  padding: 10px;
}

.urunlerCartResim a:hover .cart .cartgovde .cartbaslik {
  background-color: #aeb2bf;
  color: #0e121a;
}

.urunlerCartResim a .cart .cartgovde .cartyazi {
  font-size: 16px;
  margin-top: 5px;
  height: 50px;
}

.urunlerCartResim a .cart .cartgovde .cartdevami {
  border: 1px solid #85754E;
  background-color: #85754E;
  border-radius: 5px;
  color: #0e121a;
  font-size: 16px;
  padding: 5px 10px;
  display: inline;
}

.urunlerCartResim a:hover .cart .cartgovde .cartdevami {
  border: 1px solid #aeb2bf;
  background-color: #0e121a;
  color: #aeb2bf;
}




.urunlerAyrintiCartResim a {
  display: block;
  font-size: 16px;
  border: 1px solid #85754E;
  color: #85754E;
  padding: 10px;
  margin-top: 20px;
}

.urunlerAyrintiCartResim a:hover {
  border: 1px solid #aeb2bf;
  color: #aeb2bf;
}

.urunlerAyrintiCartResim a .cart {}

.urunlerAyrintiCartResim a .cart .cartResim {
  height: 350px;
}

.urunlerAyrintiCartResim a .cart .cartResim img {
  width: 100% !important;
  height: 100% !important;
}

.urunlerAyrintiCartResim a:hover .cart .cartResim {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}

.urunlerAyrintiCartResim a .cart .cartgovde {}

.urunlerAyrintiCartResim a .cart .cartgovde .cartbaslik {
  font-size: 20px;
  background-color: #0e121a;
  color: #85754E;
  padding: 10px;
  margin: 0px;
}

.urunlerAyrintiCartResim a:hover .cart .cartgovde .cartbaslik {
  background-color: #aeb2bf;
  color: #0e121a;

}


.urunAyrinti {}

.urunAyrinti .urunAyrintiResim {}

.urunAyrinti .urunAyrintiResim img {
  width: 80%;
}

.urunbrosuru {
  width: 100px;
}

.urunbrosuru:hover {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}

/* ürünler */
/* haberler */
.haberler {
  color: #85754E;
}

.haberler a {
  color: #85754E;
  display: block;
  border: 1px solid #85754E;
  padding: 10px;
  margin-top: 20px;
}

.haberler a:hover {
  color: #aeb2bf;
  border: 1px solid #aeb2bf;
}

.haberler a .haberlerBuyukResim {}

.haberler a .haberlerBuyukResim img {
  border: 1px solid #85754E;
}

.haberler a:hover .haberlerBuyukResim {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}

.haberler a p,
.haberler a i,
.haberler a span {
  color: #85754E;
}

.haberler a:hover p,
.haberler a:hover i,
.haberler a:hover span {
  color: #aeb2bf;
}

.haberler a .haberlerbaslik {
  font-size: 20px;
  color: #85754E;
  margin-top: 10px;
}

.haberler a:hover .haberlerbaslik {
  color: #aeb2bf;
}

.haberler a .haberlertarih {
  font-size: 12px;
  color: #85754E;
}

.haberler a:hover .haberlertarih {
  color: #aeb2bf;
}

.haberler a .haberleryazi {
  color: #aeb2bf;
  font-size: 16px;
  text-align: justify;
}

.haberler a:hover .haberleryazi {}

.haberler a .haberlerdevami {
  border: 1px solid #85754E;
  background-color: #85754E;
  border-radius: 5px;
  color: #0e121a;
  font-size: 16px;
  padding: 5px 10px;
  display: inline;
}

.haberler a:hover .haberlerdevami {
  border: 1px solid #aeb2bf;
  background-color: #0e121a;
  color: #aeb2bf;
}

.haberler a .haberlerBuyukResim {}

.haberler a .haberlerBuyukResim .haberResimEkle {
  width: 100%;
  height: 400px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* haberler */





/* haberler ayrıntı*/
.haberAyrinti {}

.haberAyrinti .haberlerBuyukResim {}

.haberAyrinti .haberlerBuyukResim .haberResimEkle {
  width: 100%;
  height: 600px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #85754E;
}

.haberAyrinti img {
  border: 1px solid #85754E;
  margin-bottom: 20px;
}

.haberAyrinti .haberlerbaslik {
  font-size: 20px;
  color: #85754E;
}

.haberAyrinti .haberlertarih {
  font-size: 12px;
  color: #85754E;
}

.haberAyrinti .haberleryazi {
  color: #aeb2bf;
  font-size: 16px;
  text-align: justify;
}

/* haberler ayrıntı*/

/* medya */
.medya {}

.medya a {
  display: block;
  border: 1px solid #85754E;
}

.medya a i {
  font-size: 70px;
  color: #85754E;
  margin-top: 60px;
}

.medya a p {
  font-size: 20px;
  color: #85754E;
  margin-top: 20px;
  margin-bottom: 70px;
}


.medya a:hover {
  border: 1px solid #aeb2bf;
}

.medya a:hover i {
  color: #aeb2bf;
}

.medya a:hover p {
  color: #aeb2bf;
}

/* medya */

/* dökümanlar */
.dokumanlar .dokuman
{
  
}
.dokumanlar .dokuman a {
  display: block;
  border: 1px solid #85754E;
  position: relative;
  padding: 60px;
  width: 90%;
  margin-top:auto;
  margin-bottom:auto;  
}

.dokumanlar .dokuman a i {
  font-size: 70px;
  color: #85754E;
  border: 1px solid #0e121a;
  background-color: #0e121a;
  position:absolute !important;
  top: 50px !important;
  left: -28px !important;
  z-index: 999;
}

.dokumanlar .dokuman a p {
  font-size: 20px;
  color: #85754E;
  margin: 0px;
}


.dokumanlar .dokuman a:hover {
  border: 1px solid #aeb2bf;
}

.dokumanlar .dokuman a:hover i {
  color: #aeb2bf;  
}

.dokumanlar .dokuman a:hover p {
  color: #aeb2bf;
}
/* dökümanlar */



/* hakkımızda */
/* hakkımızda */

/* footer */
/* footer */

/* iletisim */
/* iletisim */

/* haberler */
/* haberler */

/* ürünler */
/* ürünler */

/* ürünlerAlt */
/* ürünlerAlt */

/* urunAyrintiSayfasi */
/* urunAyrintiSayfasi */




/* haberlerayrıntı */
/* haberlerayrıntı */





/* iletisim */



.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.3s;
  -moz-transition: ease-out 0.3s;
  -webkit-transition: ease-out 0.3s;
  -o-transition: ease-out 0.3s;
}

#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.3s;
  -moz-transition: ease-out 0.3s;
  -webkit-transition: ease-out 0.3s;
  -o-transition: ease-out 0.3s;
}

#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;
}




.red {
  outline: 1px solid red;
}

.yellow {
  outline: 1px solid yellow;
}

.green {
  outline: 1px solid green;
}

.boslukYok {
  padding: 0 !important;
  margin: 0 !important;
}

.galeri {
  margin-bottom: 30px;
}

.galeri .galeriResimZemin {}

.galeri:hover .galeriResimZemin {
  border-radius: .25rem;
  outline: 1px solid #474747;
  transition: ease-out 0.3s;
  -moz-transition: ease-out 0.3s;
  -webkit-transition: ease-out 0.3s;
  -o-transition: ease-out 0.3s;
}

.backgroundResim {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: 50% 50% !important;
  margin: 0px !important;
  padding: 0px !important;
  width: 100% !important;
  height: 100% !important;
}

.genislikbackgroundResim {
  background-size: 100% auto !important;
  background-repeat: no-repeat !important;
  background-position: 50% 50% !important;
  margin: 0px !important;
  padding: 0px !important;
  width: 100% !important;
  height: 100% !important;
}

.tamBackgroundResim {
  background-size: 100%;
  background-repeat: no-repeat !important;
  background-position: 50% 50% !important;
  margin: 0px !important;
  padding: 0px !important;
  width: 100% !important;
  height: 100% !important;
}


.example-image:hover {
  outline: 2px solid #474747;
}


/* 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;
}

/* videoikon */