/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */

@import url('https://use.fontawesome.com/releases/v5.1.1/css/all.css');
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600&subset=latin-ext');
@import url('owl.carousel.min.css');
@import url('owl.theme.default.min.css');

body {font-family: 'Oswald', sans-serif; font-size:16px;}
.form-control{border-radius:0;}
.breadcrumb{background: none; padding: 01rem 0; font-weight:300; color:#8e8e8e;}
.breadcrumb-item a{color:#8e8e8e;}
.breadcrumb-item a:hover{text-decoration:none;}
.owl-theme .owl-nav.disabled+.owl-dots{margin-top:0;}
.owl-theme .owl-dots .owl-dot span { width: 30px; height: 3px; border-radius:0; background:#36404b; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #d13f3f;}
.carousel-item {
  height: 65vh; min-height: 300px; background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.carousel-caption{color: #000;}
.carousel-indicators li{background-color: rgba(0,0,0,.5);}
.carousel-indicators .active{background-color: #000;}
.portfolio-item { margin-bottom: 30px;}
.ic_banner{height: 30vh!important}

#return-to-top {
	position: fixed; bottom: 20px; right: 20px; 
	background:#FB4848; width: 40px; height: 40px; 
	text-decoration: none; display: none; border-radius: 10px; z-index : 999;  
}
#return-to-top i { font-size: 25px; color: #fff; position: relative;  margin: 0; left: 9px; top: 7px;}

.dropdown-toggle::after { color: #aaa;}
.bg-dark:focus, .bg-dark:hover{ background-color: none!important; box-shadow: none!important;}

/* Custom CSS */
.genel_basliklar{font-size:30px; text-align:center; font-weight:700; text-transform:uppercase;}
.navbar-brand{padding-top:1rem;}
.navbar{padding:0!important;}
.navbar-expand-lg .navbar-nav .nav-link { padding-right: 1.5rem; padding-left: 1.5rem; color:#3a3a3a;}
.nav-link {display: block;padding: 1rem 0rem; text-transform:uppercase;}
.navbar-nav .active>.nav-link,
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show, 
.navbar-nav .show>.nav-link{color:#fb4848; background:#f4f4f4;}
.navbar-toggler {position: relative; padding: 9px 10px; margin:5px 15px 8px 0; background-color: transparent; background-image: none; border: 1px solid transparent;}
.navbar-toggler .icon-bar {background-color: #fb4848;}
.sr-only {position: absolute; width: 1px; height: 2px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.navbar-toggler .icon-bar {display: block; width: 22px; height: 3px; border-radius: 1px;}
.navbar-toggler .icon-bar+.icon-bar {margin-top: 4px;}
.top_bar{background:#fb4848; color:#fff; height:50px; padding:12px 0; font-size:14px;}
.page-item.active .page-link{background-color: #2674a9; border-color: #2674a9;}

#hizmet1{background: #f8f8f8 url("../images/memnuniyet.jpg") no-repeat right bottom; height:200px;}
#hizmet2{background: #36404b url("../images/servis.jpg") no-repeat right bottom; height:200px; color:#fff;}
#hizmet3{background: #f8f8f8 url("../images/satis.jpg") no-repeat right bottom; height:200px;}
.hizmet_baslik{font-size:24px; color:#36404b; padding:10px 0;}
.line-bottom {position: relative; padding-bottom:10px;}
.line-bottom:after {border-bottom: 1px solid #fb4848; bottom: -1px; content: ""; height: 2px; left: 0; position: absolute; width: 50px;}
    
/* Sosyal Medya Sayfası */
.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:6px!important;}
.sosyal_medya a {color: #3a3a3a; width: 40px; height: 40px; display: inline-block; border-radius: 50%; text-align: center; border: 1px solid #3a3a3a; font-size:20px; padding-top:2px;}

/* 404 Sayfa Bulunamadı Sayfası*/
#nopage {background-color: #342643; min-height: 80vh;}
.text-wrapper { min-height: 80vh; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.title {font-size: 6em; font-weight: 700; color: #EE4B5E;}
.subtitle { font-size: 40px; font-weight: 700; color: #1FA9D6;}
.buttons { margin: 30px;}
.buttons a.button { font-weight: 700; border: 2px solid #EE4B5E;
  text-decoration: none; padding: 15px; text-transform: uppercase;
  color: #EE4B5E; border-radius: 26px; transition: all 0.2s ease-in-out;
}
.buttons a.button:hover { background-color: #EE4B5E; color: white; transition: all 0.2s ease-in-out;}

/* İletişim Sayfası */
.harita{width:100%; height:350px; border: 1px solid #ccc; margin: 30px 0;}
.iletisim_radius{
	width:120px; height:120px; border:1px solid #fff; color:#fff; border-radius:50%; 
	display: inline-block; text-align:center; padding:30px 0 0 0; margin-right:10px;}
.iletisim_acikla{color:#fff; padding:10px 0 0 0; display:block;}
/*.madde{list-style:none; padding:0;}
.madde i{float:left; padding:5px 8px 0 0; color:#d13f3f;}*/

/* Ürün Detay Sayfası */
a.urun-item {display:inline-block; }
a.urun-item span.urun-img { width: 265px; height: 310px; display: block;}
a.urun-item span.urun-title { 
	-webkit-clip-path: polygon(12% 0, 89% 0, 100% 100%, 0% 100%);
	clip-path: polygon(12% 0, 89% 0, 100% 100%, 0% 100%); 
	background:#2674a9; opacity:0.8; width: 250px; height: 40px; overflow:hidden;  margin:0 auto; display: block; 
	font-size: 17px; font-weight: 700; color: #fff; top:-52px; position: relative; word-break: break-word; text-align:center; padding:10px;}
a.urun-item:hover { text-decoration: none;}
#categoryMenu ul.list-group { list-style: none; padding: 5px; }
#categoryMenu ul.list-group li.list-group-item { position: relative; padding: 7px; }
#categoryMenu ul.list-group li.list-group-item a { display: block; text-decoration: none; color: #343a40;}
#categoryMenu ul.list-group li.list-group-item a.active { color: #007bff; }
#categoryMenu .list-group-item.active{border-left:10px solid #0066b3; background: none;}
#carouselProductGallery .carousel-indicators { position: relative; bottom: 0; margin: 0 0 10px 0; display:block;}
#carouselProductGallery .carousel-indicators > li { width: inherit; height: inherit; text-indent: initial; opacity: .7; background:none; }
#carouselProductGallery .carousel-indicators > li.active { opacity: 1; }
#carouselProductGallery .carousel-inner .carousel-item { height: auto; min-height: auto;}
.urun_baslik{font-size:18px;color:#499bda;}
#categoryMenu ul.list-group li.list-group-item .urun_listele a{padding-left:10px; color:#747474;}

/* Haberler */
ul.i_haber{width:100%; margin:0; padding:0; list-style:none!important;}
ul.i_haber li {padding:20px 0; font-size:18px; border-bottom:1px solid #808080;}
ul.i_haber a span{color:#808080;}
ul.i_haber a:hover{ text-decoration:none!important;}
ul.i_haber a span:hover{color:#fb4848!important;}

/* Mega Menu */
.megamenu { position: static; }
.megamenu > .dropdown-menu { width: 100%; }

ul#urunler-menu { list-style: none; column-count: 5; padding-left:10px;}
ul#urunler-menu > li { break-inside: avoid-column; float: left; clear: both; width: 100%; margin-bottom: 10px; font-size: 15px; }
ul#urunler-menu > li > ul { column-count: 1; list-style: none; padding: 0; margin: 0; }
ul#urunler-menu > li a { color: #000;}
ul#urunler-menu > li > ul > li { margin: 2px 0; position: relative; white-space: nowrap; overflow: hidden; }
ul#urunler-menu > li > ul > li > a { color: #000; }
ul#urunler-menu > li > div { margin: 10px 0; }

span.paragraph-end {
	width: 80%;
    height: 24px;
    position: absolute;
    top: 0;
    right: 0;
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,1)));
    background-image: -webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
    background: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#00ffffff',EndColorStr='#ffffff');
}


/* Renkler */
.breadcrumb_bg{  background-image: -moz-linear-gradient( -90deg, rgb(255,255,255) 0%, rgb(238,238,238) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(255,255,255) 0%, rgb(238,238,238) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(255,255,255) 0%, rgb(238,238,238) 100%);}
.gri_bg{background: #f4f4f4;}
.kirmizi_bg{background: #fb4848;}
.lacivert_bg{background: #1b2128;}
.mavi_bg{background: #2674a9;}
.lacivert{color:#36404b;}


/* --------------------------*/
/* RESPONSIVE UP (min-width) */
/* --------------------------*/

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.carousel-item { height: 40vh; }
	footer { font-size: 14px; }
	.sosyal_medya a { width: 34px; height: 34px; font-size:18px; }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
  	footer img { float: right!important; }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
}

/*-----------------------------*/
/* RESPONSIVE DOWN (max-width) */
/*-----------------------------*/

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	.megamenu > .dropdown-menu { display: none; }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	.icerik img { width: 100% !important; height: auto !important; }
	#carouselProductGallery .carousel-indicators{float:left!important;}
	#carouselProductGallery .carousel-indicators li {
    float: left;
    width: auto!important;
    height: auto!important;
    margin: 10px 5px;}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	.d_none{display:none;}
	.sosyal_medya{float:right;}
	.carousel-item {height: 40vh;}
	.res_center{text-align:center;}
	.ic_banner { height: 30vh!important; min-height: 215px;}
	a.urun-item span.urun-img {width: auto; height: auto; margin: 0 auto;}
	a.urun-item{display:block;}
	a.urun-item span.urun-title{width:100%; text-align:center; font-size: 15px; top:-22px; font-weight:400;}
	.caroufredsel_wrapper{width:100%important;}

}