/*	.renklerrenkler

	{		

		color: #B2E7E5;

		color: #4DC7C4;		

		color: #00AFAA;

		color: #0A7C78;

	}

 */




/*GRİ col*/

@media (min-width: 0px) and (max-width: 576px) {



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

  .headerbaslik .baslikUst .baslikUstSag, .headerbaslik .baslikUst .baslikUstSol

  {

    text-align:center !important;	

  }



  ul.navbar-nav > li > a

  {

    background-image:none !important;

    padding: 10px 0 !important;

  }

  .dropdown-menu

  {

    background-color:none !important;

    border:none !important;

  }

  .navbar-nav li > ul.dropdown-menu

  {

    background-color:none !important;	

  }

  .navbar

  {

    display:block !important;

    margin-top:0px !important;

    text-align: center !important;

  }	

  .large .content img, .large .content video

  {

    position:relative !important;

  }

  .headerbaslik .baslikMenu .baslikMenuOrta

  {

    text-align:center !important;

  }

  .headerbaslik .baslikMenu .baslikMenuOrta img

  {

    padding:20px 20px 20px 20px !important;

    max-height: 150px !important;

  }

  .headerbaslik .baslikMenu .baslikMenuSag

  {       

    text-align: center !important;

  }

  .anasayfaurungruplari li a, .anasayfaurungruplari li:first-child a

  {

    border: none !important;

  }

  .headerbaslik .baslikMenu .baslikMenuSag a

  {

    margin:25px !important;

    display:block !important;  

  }

  .navigasyon {

    height: 100px !important;  

  }

  .navigasyon .navigasyonici ol{

    margin-top: 30px !important;

  }

  





  

  



  

}



/*YEŞİL sm*/

@media (min-width: 576px) and (max-width: 768px) {

  /* body {background-color: rgb(79, 123, 15) !important;} */

  .headerbaslik .baslikUst .baslikUstSag, .headerbaslik .baslikUst .baslikUstSol

  {

    text-align:center !important;	

  }

  .headerbaslik .baslikMenu .baslikMenuOrta

  {

    text-align:center !important;

  }

  .headerbaslik .baslikMenu .baslikMenuOrta img

  {

    padding:20px 20px 20px 20px !important;

    max-height: 150px !important;

  }

  .headerbaslik .baslikMenu .baslikMenuSag

  {       

    text-align: center !important;

  }

  .headerbaslik .baslikMenu .baslikMenuSag a

  {

    margin:25px !important;

    display:block !important;  

  }

  .navbar

  {

    display:block !important;

    margin-top:0px !important;

    text-align: center !important;

  }

  .anasayfaurungruplari li a, .anasayfaurungruplari li:first-child a

  {

    border: none !important;

  }

  .navigasyon {

    height: 200px !important;  

  }

  .navigasyon .navigasyonici ol{

    margin-top: 80px !important;

  }

  

  



}



/*MAVİ md*/

@media (min-width: 768px) and (max-width: 992px) {

  /* body {background-color: rgb(26, 134, 167) !important;} */

  .headerbaslik .baslikMenu .baslikMenuOrta

  {

    text-align:center !important;

  }

  .headerbaslik .baslikMenu .baslikMenuOrta img

  {

    padding:20px 20px 20px 20px !important;

    max-height: 150px !important;

  }

  .headerbaslik .baslikMenu .baslikMenuSag

  {       

    text-align: center !important;

  }

  .headerbaslik .baslikMenu .baslikMenuSag a

  {

    margin:25px !important;

    display:block !important;  

  }

  .anasayfaurungruplari li a, .anasayfaurungruplari li:first-child a

  {

    border: none !important;

  }

  .navigasyon {

    height: 200px !important;  

  }

  .navigasyon .navigasyonici ol{

    margin-top: 80px !important;

  }

  

  



  

}



/*TRUNCU lg*/

@media (min-width: 992px) and (max-width: 1200px) {

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

  .headerbaslik .baslikMenu .baslikMenuOrta

  {

    text-align:center !important;

  }

  .headerbaslik .baslikMenu .baslikMenuOrta img

  {

    padding:20px 20px 20px 20px !important;

    max-height: 150px !important;

  }

  .headerbaslik .baslikMenu .baslikMenuSag

  {       

    text-align: center !important;

  }

  .headerbaslik .baslikMenu .baslikMenuSag a

  {

    margin:25px !important;

    display:block !important;  

  }

  .navigasyon {

    height: 200px !important;  

  }

  .navigasyon .navigasyonici ol{

    margin-top: 80px !important;

  }



  

}



/*KIRMIZI xl*/

@media (min-width: 1200px) and (max-width: 1400px) {

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



  

}



/*BORDO xxl*/

@media (min-width: 1400px) and (max-width: 2560px) {

  /* body { background-color: #6C1102 !important;} */



  

}



/*SİYAH xxxl*/

@media (min-width: 2560px) and (max-width: 4000px) {

  /* body { background-color: #00AFAA !important;} */



  

}



.kategoriBoyAyarla
{
  margin-bottom: 20px;
}

.kategoriBoyAyarla img
{
	height:400px !important;
}
.urunAyrintiBoyAyarla img
{
	height:600px !important;
  padding: 20px;
}
.kategoriBoyAyarla .baslik
{
margin-top: 10px !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: 'PT Sans', sans-serif;

  font-weight: 400;

  list-style: none !important;

  text-decoration: none !important;

  font-size: 12px;

}

body {

  background-color:#00AFAA !important;

}

hr

{

  border:1px solid #B2E7E5 !important;

  background-color: #B2E7E5 !important;

}

.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: white;

  font-size: 16px !important;

}

.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: #B2E7E5;

}

.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: white;

  font-size: 14px !important;

}

.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: #B2E7E5;

}

.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: white;

  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: #B2E7E5;

}

.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: white;

  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: #B2E7E5;

}

.devami, a .devami, .devami a, .devami p

{

  color: white;

  font-size: 12px !important;

  border:1px solid #B2E7E5;

  border-radius: 5px;

  background-color: #00AFAA;

  padding: 5px 10px 5px 10px;

}

.devami a:hover, a:hover .devami, .devami a:hover p

{

  color:  #00AFAA;

  border:1px solid #B2E7E5;

  background-color: white;

}

a {

  color: white;

  font-size: 12px;

}



a:hover {

  color: #B2E7E5;

  transition:ease-out 0.8s;

  -moz-transition:ease-out 0.8s;

  -webkit-transition:ease-out 0.8s;

  -o-transition:ease-out 0.8s;

}

.paddingYok {

  padding: 0px !important;

}

.red {

  outline: 1px solid red;

}



.yellow {

  outline: 1px solid yellow;

}



.green {

  outline: 1px solid green;

}



.boslukYok {

  padding: 0 !important;

  margin: 0 !important;

}



/* background resim */

.zeminResim{

  width: 100%;

  height: 200px;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  border: 1px solid #B2E7E5;

}

.zeminResimKucuk{

  width: 100%;

  height: 120px;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  border: 1px solid #B2E7E5;

}

.pagination .page-link

{

  color: white !important;

  background-color: #00AFAA !important;

  border: 1px solid white !important;

}

.pagination .page-link:hover

{

  color: #00AFAA !important;

  background-color: white !important;

  border: 1px solid #00AFAA !important;

}

.pagination .active

{

  color: #00AFAA !important;

  background-color: white !important;

  border: 1px solid white !important;

  font-weight: 700;

}

.cerceve

{

  outline: 1px solid white !important;

}



/* background resim */

/* GENEL */



/* ÜRÜN AYRINTI */

.urunayrinti

{



}

.urunayrinti .urunayrintiozellikler

{



}

.urunayrinti .urunayrintiresim .anaresim

{

  padding: 0px 20px 0px 10px;

}



.urunayrinti .urunayrintiresim ul

{

  padding: 0px;

  margin: 0px;

}

.urunayrinti .urunayrintiresim ul li

{

  float: left;

  padding: 10px 20px 10px 10px;

}

.urunayrinti .urunayrintiresim ul li img

{

  height: 80px;

  margin: 20px;

}

/* ÜRÜN AYRINTI */







/* ÜRÜN KATEGORİ AYRINTI */

.kategorisidebar, .sidebar .cozumsidebar

{

  padding: 0px;

  margin: 0px;

}

.kategorisidebar li a

{

  border: 1px solid #B2E7E5;

  background-color: #00AFAA;

  color: white;

  font-size: 14px;

  display: block;

  padding: 13px;

}

.kategorisidebar li a:hover

{

  border: 1px solid #B2E7E5;

  background-color: white;

  color: #00AFAA;

}

.kategorisidebar li a.active

{

  border: 1px solid #B2E7E5;

  background-color: white;

  color: #00AFAA;

}

.kategorisidebar li a i

{

  margin: 0px 5px 0px 5px;

}



.cozumsidebar li a

{

  border: 1px solid #B2E7E5;

  background-color: #00AFAA;

  color: white;

  font-size: 14px;

  display: block;

  padding: 10px 10px 15px 10px;

}

.cozumsidebar li a:hover

{

  border: 1px solid #B2E7E5;

  background-color: white;

  color: #00AFAA;

}

.cozumsidebar li a:hover p

{

  color: #00AFAA;

}

.cozumsidebar li a img

{

  height: 30px;

  float: left;

  margin: 0px 8px 0px 0px;

}

.cozumsidebar li a p

{

  padding: 0px;

  margin: 5px 0px 0px 0px;

}

/* ÜRÜN KATEGORİ AYRINTI */





/* BLOG */
.blog a {

  display:block;

}

.blog a .blogBuyukResim .blogResimEkle {

  width: 100%;

  height: 300px;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

}

.blog a:hover .blogBuyukResim {

  filter: grayscale(100%);

  -webkit-filter: grayscale(100%);

}

/* BLOG */



/* HABERLER */

.haberler .haber .baslik

{

  height: 30;

  margin-bottom: 0px;

  line-height: 13px;

}



/* HABERLER */



/* DÖKÜMANLAR */

.dokumanlar .dokuman .baslik

{

  height: 30;

  margin-bottom: 0px;

  line-height: 13px;

}

.dokumanlar .dokuman img

{

  height: 150;

  margin-top: 10px;

  margin-bottom: 20px;

}

/* DÖKÜMANLAR */



/* İLETİŞİM */

.iletisimmap

{

}

.iletisimbilgilerimiz

{

}

.iletisimmesaj textarea,

.iletisimmesaj label,

.iletisimmesaj textarea,

.iletisimmesaj input {

  border: 1px solid #B2E7E5;

  background-color: #00AFAA;

  color: white;

  font-size: 16px;

  padding: 10px;

}



.iletisimmesaj textarea:focus,

.iletisimmesaj label:focus,

.iletisimmesaj textarea:focus,

.iletisimmesaj input:focus {

  border: 1px solid #B2E7E5;

  background-color: #00AFAA;

  color: white;

  font-size: 16px;

}



.iletisimmesaj button {

  border: 1px solid #B2E7E5;

  background-color: #00AFAA;

  color: white;

  font-size: 16px;

  padding: 10px 20px;

}



.iletisimmesaj button:hover {

  border: 1px solid #B2E7E5;

  background-color: #4DC7C4;

  color: white;

}

/* İLETİŞİM */





/* NAVİGASYON */

.navigasyon {

  color: white;

  background-image: url(../images/navigasyon_ustbanner.jpg);

  background-position: center;

  height: 300px;

  border-bottom: 1px solid #B2E7E5;

  text-align: center;

}

.navigasyon .navigasyonici {

  color: white;

  display:block;

}

.navigasyon .navigasyonici ol{

  display: inline-block;

  margin-top: 120px;

}







.navigasyon .navigasyonici i {

  margin-right: 5px;

}





.navigasyon .navigasyonici ol span {

  margin: 0 10px 0 10px;

}



.navigasyon .navigasyonici li {

  list-style: none;

  display: inline;

  margin-left: 5px;

  color: white;  

}



.navigasyon .navigasyonici li.active {

  font-weight: 700;

}



.navigasyon .navigasyonici li.active i {

  margin-right: 5px;

}

.medya a {
  display: block;
  border: 1px solid #fff;
}
.medya a i {
  font-size: 70px;
  color: #fff;
  margin-top: 60px;
}

.medya a p {
  font-size: 20px;
  color: #fff;
  margin-top: 20px;
  margin-bottom: 70px;
}
.medya a:hover {
  border: 1px solid #4DC7C4;
}

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


.navigasyon .navigasyonici li a {

  color: white;

}



.navigasyon .navigasyonici li a:hover {

  color: #B2E7E5;

}



.navigasyon h1 {

  color: white;

  margin-top: 20px;

  font-size: 14px;

}

/* NAVİGASYON */







/* FOOTER */

.footer {

  border-top: 1px solid #B2E7E5;

}



.footer .footerAlt {

  background-image: url(../images/footerzemin.jpg);

  margin-top: 20px;

  height: 200px;

}

.footer .footerlogo {

  max-height: 50px;

}



.footer p.footerBaslik {

  color: white;

  font-size: 14px;

  margin-top: 20px;

}



.footer p.footerHakkimizda {

  color: white;

  margin-top: 10px;

  text-align: justify;

}



.footer hr {

  color: white;

}



.footer ul {

  padding: 0 !important;

  margin: 0 !important;

  color: white;

}



.footer ul li {

  color: white;

  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: white;

}



.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: #B2E7E5;

}



.footer ul li a p i,

.footer i {

  color: white;

  margin-right: 5px;

}



/* FOOTER */

























/* ANASAYFA HAKKIMIZDA */

.anasayfahakkimizda

{

}

.anasayfahakkimizda .baslik

{

  border-bottom: 1px solid #4DC7C4;

  margin-top: 20px;

}

.anasayfahakkimizda .baslik , .anasayfahakkimizda .baslik p

{

  font-size: 14;

  color: white;  

}

.anasayfahakkimizda .aciklama

{

  margin-top: 10px;

}

.anasayfahakkimizda .aciklama, .anasayfahakkimizda .aciklama p , .anasayfahakkimizda .aciklama a , .anasayfahakkimizda .aciklama a:hover

{

  font-size: 12;

  color: white;

  text-align: justify;

}

/* ANASAYFA HAKKIMIZDA */





/* ANASAYFA ÇÖZÜMLER */

.anasayfacozumler

{

  color: white;

  font-size: 14px; 

}

.anasayfacozumler a

{

  color: white;

  font-size: 14px;

  display:block;

  outline: 1px solid #B2E7E5;

  padding: 20px;

  margin-top: 20px;

}

.anasayfacozumler a:hover

{

  color: #B2E7E5;

  font-size: 14px;

  background-color: #4DC7C4;

}

.anasayfacozumler a img

{

  height: 70px;

}

.anasayfacozumler a p

{

  color: white;

  font-size: 14px;

}

.anasayfacozumler a:hover p

{

  color: #B2E7E5;

  font-size: 14px;

}

/* ANASAYFA ÇÖZÜMLER */





/* SLIDER */

.slide

{

  border-bottom: 1px solid #B2E7E5;

}

/* SLIDER */



/* ANASAYFA ÜRÜN GRUPLARI */

.anasayfaurungruplari

{

  color: white;

  font-size: 14px;

}

.anasayfaurungruplari ul

{

  padding: 0px !important;

  margin:0px !important;

  list-style: none

}

.anasayfaurungruplari ul li

{

  float: left;

  padding: 0px !important;

  margin:0px !important;

}

.anasayfaurungruplari li a

{

  color: white;

  font-size: 14px;

  display:block;

  border-right: 1px solid #B2E7E5;

}

.anasayfaurungruplari li:first-child a

{

  border-left: 1px solid #B2E7E5;

}

.anasayfaurungruplari a:hover

{

  color: #B2E7E5;

  font-size: 14px;

  background-color: #4DC7C4;

}

.anasayfaurungruplari li a img

{



}

.anasayfaurungruplari li a p

{

  color: white;

  font-size: 14px;

}

.anasayfaurungruplari li a:hover p

{

  color: #B2E7E5;

  font-size: 14px;

}

/* ANASAYFA ÜRÜN GRUPLARI */



/* MENU */



.headerbaslik,

.headerbaslik .baslikUst,

.headerbaslik .baslikUst .baslikUstSol,

.headerbaslik .baslikUst .baslikUstSag,

.headerbaslik .baslikUst a,

.headerbaslik .baslikUst a i,

.headerbaslik .baslikUst a span {

  font-size: 12px;

  color: white;

}

.headerbaslik .baslikUst a:hover,

.headerbaslik .baslikUst a:hover i,

.headerbaslik .baslikUst a:hover span,

.headerbaslik .baslikUst a:hover p,

.headerbaslik .baslikUst a:hover select,

.headerbaslik .baslikUst a:hover option{

  font-size: 12px;

  color: #B2E7E5;

}



.headerbaslik, .headerbaslik .baslikUst{

  border-bottom: 1px solid #B2E7E5;

}



.headerbaslik .baslikUst .baslikUstSag {

  text-align: left;

}



.headerbaslik .baslikUst .baslikUstSol {

  text-align: right;

}



.headerbaslik .baslikUst .baslikUstSol a.is {

  margin-right: 50px;

}



.headerbaslik .baslikUst i {

  padding: 8px;

  margin: 8px 0;

}



.headerbaslik .baslikMenu .baslikMenuSol

{



}

.headerbaslik .baslikMenu .baslikMenuOrta

{



}

.headerbaslik .baslikMenu .baslikMenuOrta img

{

 padding:10px 10px 10px 0px;

 max-height: 100px;

}

.headerbaslik .baslikMenu .baslikMenuSag

{



}

.headerbaslik .baslikMenu .baslikMenuSag a

{

  display:flex;

  border-radius: 5px;

  border: 1px solid #B2E7E5;

  color: white;

  background-color: #00AFAA;

  padding: 10px;

  margin-top: 25px;

  text-align: center;

}

.headerbaslik .baslikMenu .baslikMenuSag a:hover

{

  border: 1px solid #B2E7E5;

  color: #00AFAA;

  background-color: white;

  transition:ease-out 0.8s;

  -moz-transition:ease-out 0.8s;

  -webkit-transition:ease-out 0.8s;

  -o-transition:ease-out 0.8s;

}





.navbar-nav {

	margin-top: 50px;

}

.navbar-nav li > ul.dropdown-menu {

	background-color: #4DC7C4;

}



.navbar-nav li:hover > ul.dropdown-menu {

  display: block;

  color: white;

  margin-top:-1px;

  transition:ease-out 0.8s;

  -moz-transition:ease-out 0.8s;

  -webkit-transition:ease-out 0.8s;

  -o-transition:ease-out 0.8s;

  

}

.dropdown-submenu {

  position:relative;

}

.dropdown-submenu>.dropdown-menu {

  top: 0;

  left: 100%;

  margin-top:-6px;

}



.dropdown-menu > li > a

{

}



/* rotate caret on hover */

.dropdown-menu > li > a:hover:after {

  text-decoration: underline;

  transform: rotate(-90deg);

  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: #00AFAA !important;

  display:flexbox !important;

  padding: 20px 50px 20px 50px !important;

  border: 1px solid #B2E7E5 !important;

}

.navbar-toggler:hover

{

  background-color: white !important;

  border: 1px solid #B2E7E5 !important;

}

.navbar-toggler span

{

  color: white !important;

}

.navbar-toggler:hover span

{

  color: #00AFAA !important;

}

.navbar ul

{

	background-color:none;

	color: white ;

	border: none;

}

ul.navbar-nav > li

{

	

}

ul.navbar-nav > li > a

{

	display: block !important;

	color: white;

	padding: 30px 0;

}

.navbar-nav li ul a:hover

{

	color: #00AFAA;

}

.navbar-nav li ul

{

  min-width: 100%;

}

.navbar-nav li ul li a

{

  padding-top: 5px;

  padding-bottom: 5px;

}

ul.navbar-nav > li:first-child > a

{

	display: block !important;

	border-left:none;

	padding: 30px 0;	

	background-image:none;

}



.navbar a

{

  /* alt menu yazıları*/

  font-size: 14px;

  background-color:none;

  color: white;

}

.navbar a:hover

{

	color: #B2E7E5;

	transition:ease-out 0.8s;

	-moz-transition:ease-out 0.8s;

	-webkit-transition:ease-out 0.8s;

	-o-transition:ease-out 0.8s;

}

.selectpicker, .selectpicker:hover, .selectpicker option, .selectpicker option:hover

{

  background-color: #00AFAA;

  border: none;

  font-size: 12px;

  color: white;

}

/* MENU */



/* CAROUSEL */



.owl-anasayfareferanslar .media-29101 img {

  margin-bottom: 0px !important;

  max-height: 200px;

}



.buyukBaslik {

  font-size: 14px;

  color: white;

}



.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;

}

*/

.anasayfahaberlercarousel {

  text-align: center;

}



.anasayfahaberlercarousel .carouselborder {

  border-top: 1px solid #B2E7E5 !important;

  border-bottom: 1px solid #B2E7E5 !important;

  padding: 18px 18px 18px 18px !important;

}



.anasayfahaberlercarousel .media-29101 {

  text-align: center;

}

.anasayfahaberlercarousel .media-29101:hover {

  background-color: #4DC7C4;

  transition:ease-out 0.8s;

  -moz-transition:ease-out 0.8s;

  -webkit-transition:ease-out 0.8s;

  -o-transition:ease-out 0.8s;

}



.anasayfahaberlercarousel .media-29101 h3 a,

.anasayfaUrun .owl-anasayfa .media-29101 h3 {

  color: white;

  font-size: 12px;

  font-weight: 700;

}



.anasayfahaberlercarousel .owl-anasayfa h3 a:hover {

  color: #B2E7E5;

}



.owl-anasayfagaleri .media-29101 img {

  margin-bottom: 0px !important;

  height: 200px;

}



.owl-anasayfahaberler .media-29101 img {

  margin-bottom: 0px !important;

  height: 200px;

}



.owl-anasayfahaberler .media-29101 a p.tarih,

.owl-anasayfahaberler .media-29101 a {

  color: white;

  font-size: 10px;

  margin-top: 10px;

  margin-bottom: 5px !important;

}



.owl-anasayfahaberler .media-29101 a:hover p.tarih {

  color: white;

}



.owl-anasayfahaberler .media-29101 a p.kisayazi {

  color: white;

  font-size: 12px;

  height: 50px;

  padding: 0px !important;

  margin: 0px !important;

}



.owl-anasayfahaberler .media-29101 a {

  color: white;

  font-size: 16px;

}



.owl-anasayfahaberler .media-29101 a:hover p.kisayazi,

.owl-anasayfahaberler .media-29101 a:hover {

  color: white;

}



.owl-anasayfareferanslar .media-29101 img {

  margin-bottom: 0px !important;

  max-height: 200px;

}



.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 */















































.galeri {

  margin-bottom: 30px;

}



.galeri .galeriResimZemin {}



.galeri:hover .galeriResimZemin {

  border-radius: .25rem;

  outline: 1px solid #474747;

  transition: ease-out 0.8s;

  -moz-transition: ease-out 0.8s;

  -webkit-transition: ease-out 0.8s;

  -o-transition: ease-out 0.8s;

}



.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;

}