@import url("css/uploadifive.css");
@import url("css/jquery.fancybox.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/Swiper/5.3.7/css/swiper.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.2.0/css/material-design-iconic-font.min.css");
@import url("css/material-design-color-palette.min.css");
@import url("js/tour/css/bootstrap-tour.min.css");
@import url("https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css");
@import url('https://fonts.googleapis.com/css?family=Poppins:400,400i,500,500i,600,600i,700,700i&display=swap&subset=latin-ext');
@import url("https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css");

body{font-family: "Poppins", sans-serif; font-size: 15px; }

/* Sticky footer styles
-------------------------------------------------- */
html { position: relative; min-height: 100%;}
body { padding-bottom: 10px; background-color: #fff; }
p{white-space: pre-line; margin-bottom:5px;}

.navbar-light .navbar-nav .nav-link { position: relative; color: #000; font-weight: 600; padding: 5px; display: block;}
.navbar-nav .active > .nav-link{background: #000; color: #fff !important; border-radius: 5px 0;}
.navbar-nav .nav-link:hover{background: #000; color: #fff !important; border-radius: 5px 0;}

.sitelerSlider{margin: 0;}
.sitelerSlider .carousel-item{filter: grayscale(100%);}

.dilBars{margin:0; padding: 10px 0; list-style: none;}
.dilBars li{display: inline-block; background: #fff; color: #000; border:solid #000 1px; text-align: center; width: 26px; height: 26px; line-height: 24px; border-radius: 5px 0;}
.dilBars li.active{background: #000; color: #fff;}
.dilBars li a{ color: #000; text-decoration: none; font-size: 12px;}
.dilBars li.active a{ color: #fff;}


.hosgeldiniz{padding: 100px 10px; color: #6f8398;}
.hosgeldiniz h1, .hosgeldiniz h2{ font-weight: bold;}
.hosgeldiniz h1{font-size: 24px; color: #5c6b78;}
.hosgeldiniz h2{font-size: 18px; color: #cb2741; margin-bottom: 40px;}


.swiper-button-next,
.swiper-button-prev{color: #fff; top:150px !important;}
.swiper-pagination-bullet{background-color: #fff;}


.urunguruplari {padding: 70px 0 30px 0;}
.urunguruplari h3{color: #6f8398; font-size: 18px; position: relative; margin-bottom: 30px;}
.urunguruplari h3 span{background: #f6fbfe; padding-right: 10px; font-weight: bold; z-index: 2; position: relative; text-transform: uppercase;}
.urunguruplari h3:before{content:""; position:absolute; bottom:10px; left:0; right:0; height:2px; background: #cb2741; z-index: 0;}
.urunguruplari .row > div{margin-bottom:30px; }
.urunguruplari .row > div .resim{position:relative;  display: block; height: 250px; border-radius: 3px; box-shadow:0px 2px 5px rgba(0,0,0,0.2);transition: .3s all ease; overflow: hidden; background-size: cover; background-position: center;}
.urunguruplari .row > div .resim:hover{ box-shadow:0px 5px 25px rgba(0,0,0,0.4); transform: scale(1.02) ; transition: .3s all ease;}
.urunguruplari .row > div .resim::before{position: absolute; content: ""; display: block; width: 100%; top:0px; left:0; top:0; bottom:0; z-index: 0; background:linear-gradient(to bottom, rgb(220, 53, 69,0) 30%, rgb(220, 53, 69,.8) 100%);}
.urunguruplari .row > div .resim h1{position: absolute; bottom: 10px; left: 10px; font-size:36px; font-weight: bold; color: #fff;  z-index: 1;}

.referanslar .resim {display:block; height:270px; margin-bottom:30px; border-radius: 3px; box-shadow:0px 2px 5px rgba(0,0,0,0.2);transition: .3s all ease; }

.urunlistesi div a{position: relative; display:block; height: 300px; color: #fff; border-radius: 3px; box-shadow:0px 2px 5px rgba(0,0,0,0.2);transition: .3s all ease; overflow: hidden; background-size: 100% auto;}
.urunlistesi div a:before{content:""; position: absolute; background:linear-gradient(to bottom, rgb(220, 53, 69,0) 30%, rgb(220, 53, 69,.8) 100%); top:0; left:0; bottom:0; right:0; z-index:1;}
.urunlistesi div a:hover{ box-shadow:0px 5px 25px rgba(0,0,0,0.4); transform: scale(1.02); transition: .3s all ease;}
.urunlistesi div a .resim{display:block; height: 100%; transition: .3s all ease; z-index:0;}
.urunlistesi div a:hover .resim{display:block; height: 100%; transform: rotate(10deg) scale(1.2); transition: .5s all ease;}
.urunlistesi div a b{position: absolute; left: 0; right: 0; bottom:0; padding:10px; z-index:3;}

#kategoriMenu{display: block !important;}
#kategoriMenu li{display: block !important; border-bottom:solid rgba(0,0,0,.2) 1px;}
#kategoriMenu li:last-child{border: none;}
#kategoriMenu li a{color:#fff; font-size:16px;}

.navbar-toggler:focus,
.navbar-toggler:hover{outline: 0;outline: none; background: #eee;}
.navbar-toggler {padding:10px 15px;}
.navbar-toggler i{border-color: #cb2741;}

.kategoriler .resim{position: relative; display:block; height: 270px; border-radius:15px 0; background: #ccc; content-visibility: auto; contain-intrinsic-size: 270px; filter: grayscale(1); }
.kategoriler .resim:hover{background: #aaa; box-shadow: 0 5px 15px rgba(0,0,0,.3); filter:grayscale(0);}
.kategoriler .resim h5{position: absolute; bottom:10px; left: 15px; padding: 10px 15px; background: #fff; color:#000; font-size: 20px; font-weight: 700; z-index: 2; border-radius: 15px 0; mix-blend-mode: lighten;  transition: all .3s cubic-bezier(0.47, 0, 0.745, 0.715);}
.kategoriler .resim:hover h5{font-size: 26px;}


.onlinekatalog{position: relative; display:block; opacity:0.8;  transition: .3s all ease; border:solid white 2px; overflow:hidden;}
.onlinekatalog:hover{opacity:1; transition: .5s all ease; border:solid #000 2px; border-radius:15px;}
.onlinekatalog:hover img{display:block; height: 100%; transform: rotate(7deg) scale(1.2); transition: .5s all ease;}
.copyright{font-size:10px;}



@media (max-width : 1400px){
}
@media (max-height : 480px){
}
@media (max-width : 1199px){
}
@media (max-width : 991px){
	/*.sitelerSlider .carousel-item{height: 400px;}*/
}

@media (max-width : 1024px){
	
}
@media (max-width : 1023px){
	
}

@media (max-width : 767px){
	/*.sitelerSlider .carousel-item{height: 300px;}*/
}


@media (max-width : 576px){
}
@media (max-width : 480px){
	/*.sitelerSlider .carousel-item{height: 250px;}*/
}
@media (max-width : 360px){
}
@media (max-height : 768px){
}