@import url('https://fonts.googleapis.com/css?family=Muli:300,400,600,700,800&subset=latin-ext"');

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

@import url('https://use.fontawesome.com/releases/v5.0.13/css/all.css');

@import "bootstrap.min.css";

@import "owl.carousel.min.css";

@import "owl.theme.default.min.css";

@import "jquery.fancybox.min.css";

body{font-family: 'Muli', sans-serif; font-size:15px;}

.sayfa_baslik{font-family: 'Oswald', sans-serif; color:000; font-weight:700; font-size:25px;}
.img-thumbnail{border-radius:0; border:1px solid #000;}
.form-control{border-radius:0; background:#c9c9c9; border:none;}
::placeholder {color: #000!important;}
a.whatsapp-single {
    display: inline-block;
    background-color: #25d366;
    color: #fff;
    width: 70px;
    height: 70px;
    padding: 10px;
    bottom: 5rem;
    left: 2rem;
    z-index: 15;
    text-align: center;
}

/*Header*/
.navbar{background: linear-gradient(rgba(238,238,238), rgba(255,255,255)); border-bottom:2px solid #eaeaea;}
.nav-item{padding:0 15px;}
.navbar-expand-lg .navbar-nav .nav-link{color:#363d41; font-weight:600; }
ul.navbar-nav li:hover, ul.navbar-nav li.active {background: url(../images/menu_top_bg.png) no-repeat center top;}
.sosyal_medya{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:row;margin-bottom:0;list-style:none;}
.sosyal_medya li{padding-right:8px!important;}
.sosyal_medya .fab{
	text-align:center; color: #010101; height: 45px; width: 45px; border-radius: 50%; border: 2px solid #eaeaea; line-height: 42px; 
    -webkit-transition:all ease-in-out 0.35s; -moz-transition:all ease-in-out 0.35s; -o-transition: all ease-in-out 0.35s;
    -ms-transition:all ease-in-out 0.35s; transition: all ease-in-out 0.20s,background-color ease-in-out 0.05s;}
.sosyal_medya .fab:hover{background-color: #eaeaea; color: #010101; border: 1px solid #eaeaea;
	-moz-box-shadow: inset 0px 0px 0px 5px #ffffff; -o-box-shadow: inset 0px 0px 0px 5px #ffffff; 
	-ms-box-shadow: inset 0px 0px 0px 5px #ffffff; -webkit-box-shadow: inset 0px 0px 0px 5px #ffffff;
	box-shadow: inset 0px 0px 0px 5px #ffffff; -ms-transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2);
    -moz-transform          : scale(1.2,1.2); -o-transform: scale(1.2,1.2); transform: scale(1.2,1.2);}
.banner_yerlesim{position:absolute; z-index:2; top:0; right:0; width:546px; height:464; background:url('../images/banner_bg.png') no-repeat top center;}
#ana_banner .carousel{z-index:1;}
.bedava_kargo{font-size: 26px;
    font-style: italic;
    font-weight: 700;
    color: #1b8880;
    text-align: center; margin-top:45px; display:inline-block; font-family: 'Oswald', sans-serif;   }
/*Header*/

/*Anasayfa*/
.eksra_genel_kapsayici{position:relative !important;}
.ekstra_icerik {display:none;width:40%;position:absolute;z-index:2;top:0;bottom:0;left:0;right:0;margin: auto; text-align:center; background-color:#edecec; padding: 50px 20px;}
.ekstra_icerik_yazi {height:200px; overflow:hidden;}
.ekstra_icerik_btn {position:relative;}
.ekstra_icerik_btn > a {text-decoration:none; color:#898484 !important;}
.ekstra_icerik_btn .geri_btn {position:absolute;left:165px;}
.ekstra_icerik_btn .ileri_btn {position:absolute;right:165px;}
.number{font-size: 28px; color: #898484 ;}
/*Anasayfa*/

/*Urunler*/
.urun_baslik{font-family: 'Oswald', sans-serif; color:000; font-weight:700; font-size:16px; text-align:center; padding-top:10px;}
.urun_menu_baslik{margin-bottom:0; font-size:16px; font-weight:700; color:#fff; background:#333333;border-left:15px solid #ee2324; padding: .75rem 1.25rem;}
.urun_menu_baslik a{color:#fff; text-decoration:none;}
.list-group-item{background-color:#eeeeee; color:#333;}
.list-group-item:hover{color:#333;}
.urun_aciklama{list-style:none; padding-top:15px;}
.urun_aciklama li{line-height:30px;}
.thumb{margin-top:10px;}
#urunResimSlider .list-inline { white-space:nowrap; overflow-x:auto; overflow-y:hidden;}
#urunResimSlider .item{	height: 260px; text-align: center;}
#urunResimSlider .item img { max-height: 100%;	max-width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
#urunResimSlider .carousel-indicators { position: static; left: initial; width: initial;}
#urunResimSlider .carousel-indicators > li {
    width: initial;
    height: initial;
    text-indent: initial;
}
#urunResimSlider .carousel-indicators > li.active img {
    opacity: 0.7;
}
#urunResimSlider .carousel-control {
    position: absolute;
    top: 90px;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    /*opacity: .5;*/
}
#urunResimSlider .carousel-control.right {
    right: 0;
    left: auto;
}
/*Urunler*/

/*İletişim*/
#map-canvas{width:100%; height:240px;}
.iletisim_border{border-right: 1px solid #bebebe; max-width: 10px; margin: 30px 20px 80px;}
/*İetişim*/

.owlright{padding-right: 160px;}
.owlleft{padding-left: 160px;}

@media (max-width: 480px) {
	ul.navbar-nav li:hover, ul.navbar-nav li.active{background: none;}
	.ekstra_icerik{padding: 10px 0;}
	.res_baslik{font-size: 18px; height: 50px; margin-bottom: .50rem!important;}
	.ekstra_icerik_btn .geri_btn {left:0px;}
	.ekstra_icerik_btn .ileri_btn {right:0px;}
	.owlright{padding-right: 0;}
	.owlleft{padding-left: 0;}
	.res_center{text-align:center;}
	.bedava_kargo{font-size:18px!important; margin-top:0;}
}
@media (min-width: 768px) and (max-width: 1024px) {
	ul.navbar-nav li:hover, ul.navbar-nav li.active{background: none;}
	.ekstra_icerik_btn .geri_btn{left:60px;}
	.ekstra_icerik_btn .ileri_btn{right:60px;}
	.ekstra_icerik{padding:0 20px;}
	
}