/*
Theme Name: KAZINI
Theme URI: https://www.kazini.com.tr/
Author: Dinamik Dizayn
Author URI: https://dinamikdizayn.net/
*/
*{
    transition: all;
    transition-duration: 0.2s;
}
body{
	font-family: 'Rajdhani', sans-serif;	
	-webkit-font-smoothing: antialiased;
    font-size: 17px;
    font-weight: 500;
}
.section_padding{
	padding: 80px 0;
}
.section_title h2 {
    font-weight: 700;
    margin-bottom: -15px;
    font-size: 45px;
}
.section_title img {
    margin-bottom: 30px;
    margin-top: 5px;
    width: 60px;
}
.page-title h1 {
    font-weight: 700;
    text-transform: uppercase;
}
label{
	width: 100%!important;
}

header{
	background-color: #FFF;
	border-bottom: 3px solid #ed1c24;
}
.navbar-default .navbar-brand {
    position: relative;
    z-index: 999;
}
.navbar-brand>img {
    position: relative;
    top: -63px;
	height: 97px!important;
}
.navbar-default {
    background-color: transparent;
    border: 0;
    margin-bottom: 0;
}
.navbar-nav>li{
    transform: skew(-28deg);
    border-radius: 10px;
}
.navbar-default .navbar-nav>li>a{
	font-weight: 600;
	color: #000;
	font-size: 20px;
	transform: skew(28deg);
}
.navbar-default .navbar-nav>li:hover{
	background-color: #333;
}
.navbar-default .navbar-nav>li:hover a{
	color: #FFF;
}
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover{
    background-color: transparent;
    color: #FFF;
}


#topbar {
    margin-top: 5px;
}
/*#topbar ul li:last-child {
    transform: skew(-28deg);
    border-radius: 10px;
    background-color: #ed1c24;
    margin-left: 15px;
}*/
/*#topbar ul li:last-child a {
	color: #FFF;
	transform: skew(28deg);
	display: inline-block;
	line-height: 1em;
    padding: 10px;
    font-size: 17px;
    font-weight: 700;
}*/
#topbar ul {
    margin: 0;
}
#topbar ul li a{
    line-height: 40px;
    font-weight: 600;
    color: #8b8b8b;
    font-size: 16px;
}

.carousel-control{
	background: transparent!important;
}

.urun_item {
    position: relative;
    overflow: hidden;
}
.urun_item .urun_content {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 5px;
    background-color: #df483d;
}
.urun_item .urun_content h4{
	color: #FFF;
    font-weight: 700;
    font-size: 20px;
}
.urun_item img{
    transition: transform .4s;
}
.urun_item:hover img{
    transform: scale(1.05);
}

#kimiz {
    background: url(images/bg-kimiz.jpg);
}
#kimiz .overlay{
	color: #FFF;
}
/*.kimiz_border {
    border: 1px solid #FFF;
    padding: 15px;
}*/
#kimiz h1{
	/*background-color: #575656;*/
    display: inline-block;
    position: relative;
    /*top: -60px;*/
    margin-bottom: 20px;
    padding: 0 5px;
}
#kimiz h1 span{
	font-weight: 400;
}
#kimiz p {
    font-size: 20px;
    font-weight: 600;
}
#kimiz a {
    /*position: relative;
    bottom: -35px;*/
    font-weight: 700;
    border-radius: 0;
}

.aksesuar_item {
    border: 1px solid #f1f1f1;
    position: relative;
    overflow: hidden;
}
.aksesuar_item img{
    transition: transform .4s;
}
.aksesuar_item:hover img{
    transform: scale(1.05);
}
.aksesuar_content h4 {
    color: #333;
    font-size: 18px;
    padding: 5px;
    /*border-bottom: 1px solid #f1f1f1;*/
    padding-bottom: 10px;
    font-weight: 600;
}
.aksesuar_item span {
    float: right;
    display: none;
}
.aksesuar_item span:hover {
    background-color: red;
    color: #FFF;
}
.btn-dark{
	background-color: #333;
    color: #FFF;
}
.radius-20{
	border-radius: 20px;
	margin: 30px 10px;
    margin-bottom: 10px;
}
footer{
	background-color: #282828;
	color: #FFF;
	padding: 45px 0;
}
footer a{
	color: #FFF;
	padding: 5px 0;
    display: inline-block;
}
footer h4 {
    margin-bottom: 20px;
    position: relative;
    font-size: 22px;
    font-weight: 700;
}
footer h4:after {
    content: '';
    position: absolute;
    bottom: -10px;
    width: 80px;
    height: 4px;
    left: 0;
    background-color: #d43f3a;
}
footer .form-control {
    height: 50px;
	border-radius: 0;
}
footer .fab {
    font-size: 20px;
}
footer .contact_footer li {
    padding: 5px 0;
}
footer ul {
	padding: 0;
	list-style: none;
}
footer ul li a:hover{
	color: #d43f3a;
}
#footer_bottom{
	background-color: #000;
}
#footer_bottom a{
	padding: 10px 0;
	display: inline-block;
	color: #FFF;
}


.owl-prev, .owl-next {
    color: #df483d!important;
    background-color: transparent!important;
    font-size: 50px!important;
    width: 25px;
    height: 50px;
    position: absolute;
    top: 40%;
    border-radius: 0!important;
    display: block!important;
    border: 0px solid black;
    padding: 15px 15px !important;
}
.owl-prev{
  left: -45px;
}
.owl-next{
  right: -45px;
}
.owl-theme .owl-dots .owl-dot span{
    background-color: transparent;
    border: 1px solid #d9534f;
    border-radius: 0;
}
.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #d9534f;
    border: 1px solid transparent;
    border-radius: 0;
}
.owl-dots {
    margin-top: 30px;
}

.widget ul {
    padding: 0;
    list-style: none;
}
.widget {
    border: 1px solid #f1f1f1;
    padding: 10px;
    margin-top: 20px;
}
.widget h4 {
    font-weight: 700;
    font-size: 30px;
    position: relative;
	margin-bottom: 15px;
	padding-bottom: 5px;
}
.widget h4:after {
    content: '';
    position: absolute;
    width: 25%;
    height: 3px;
    left: 0;
    bottom: 0;
    background-color: red;
}
.widget ul li a {
    color: #333;
    font-weight: 600;
    padding: 7px 0;
    display: block;
    font-size: 18px;
	padding-left: 5px;
}
.widget ul li:last-child a{
    border-bottom: 0;
    margin-bottom: -7px;
}
.widget ul li.current-cat > a{
	text-decoration: none;
    background-color: #ed1c24;
    color: #FFF;
	cursor: pointer;
}
.widget ul li.current-cat > a:hover{
	color: #FFF;
}
.widget ul li a:hover{
    color: #ed1c24;
	cursor: pointer;
}
/* ul.product-categories > li.cat-item > ul.children > li > a{
    padding-left: 10px
} */
ul.children{
	padding-left: 10px;
}
ul.product-categories > li.cat-item > ul.children > li > a:before {
    content: "\f0da";
    font: normal normal normal 14px/1 FontAwesome;
	padding-right: 5px;
}
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering,
.product_meta,
.woocommerce ul.products li.product .button,
.woocommerce div.product .woocommerce-tabs ul.tabs,
.wc-tab h2{
	display: none!important;
}
h2.woocommerce-loop-product__title {
    background-color: #df483d;
    color: #FFF;
    font-weight: 700;
    text-transform: uppercase;
	padding-left: 5px!important;
	padding-top: 10px!important;
    padding-bottom: 10px!important;
}
.woocommerce ul.products li.product a img {
    margin-bottom: 0!important;
}
.woocommerce ul.products[class*=columns-] li.product, 
.woocommerce-page ul.products[class*=columns-] li.product {
    border:2px solid #df483d;
}
.woocommerce div.product div.summary {
    margin-bottom: 2em;
    float: left;
    width: 100%;
}
.summary.entry-summary {
    width: 100%!important;
    margin-bottom: 1em!important;
}
h1.product_title.entry-title {
    font-weight: 700;
    position: relative;
}
h1.product_title.entry-title:after {
	content: '';
	position: absolute;
	width:100px;
	height: 3px;
	background-color: #ed1c24;
	bottom: -5px;
    left: 0;
}
.wp-block-gallery .blocks-gallery-image figcaption, 
.wp-block-gallery .blocks-gallery-item figcaption {
    font-size: 14px;
    font-weight: 700;
}
section.related{
/* 	display: inline-block; */
	clear: both;
}
@media only screen and (max-width: 767px){
    header{
        position: relative;
        margin-top: 5px;
    }
    .navbar-brand>img {
		top: -18px;
    	height: 50px!important;
    }    
    .navbar-default .navbar-toggle {
        border: 0;
        position: relative;
        top: -2px;
    }    
    .navbar-default .navbar-collapse, 
    .navbar-default .navbar-form{
        border: 0;
		padding: 0;
    }
    .section_padding {
        padding: 30px 0;
    }
    footer .col-sm-3{
        margin-bottom: 30px;
    }    
    footer .col-sm-3:last-child{
        margin-bottom: 0;
    }
    .section_title h2{
        font-size: 35px;
    }
    .navbar-default .navbar-toggle:focus, 
    .navbar-default .navbar-toggle:hover, 
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #db473b;
        border-radius: 0;
    }
    .navbar-default .navbar-toggle:focus .icon-bar,
    .navbar-default .navbar-toggle:hover .icon-bar{
        background-color: #FFF;
    }    
    .navbar-toggle .icon-bar {
        width: 30px;
        height: 3px;
    } 
    .navbar-toggle span:nth-child(2){
        width: 15px;
    }   
    .navbar-toggle span:nth-child(3){
        width: 23px;
    }   
    .urun_item .urun_content h4,
    .aksesuar_content h4 {
        font-size: 14px;
    }    
    .navbar-default .navbar-nav>li:hover{
        background-color: transparent;
    }
    .navbar-default .navbar-nav>li:hover a{
        color: #333;
    }
    .navbar-nav>li,
    .navbar-default .navbar-nav>li>a{
        transform: skew(0deg);
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a{
        color: #333;
        font-weight: 500;
    }
	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
		width: 100%!important;
	}
	.widget h4 a {
		color: #333;
		text-transform: uppercase;
		text-decoration: none;
		font-size: 16px;
	}
	footer h4{
		font-size: 18px;
	}
	.widget {
		border: 0;
		margin-top: 0px;
		padding: 0;
	}	
	#wooswipe {
		margin-top: 30px;
	}	
}

@media only screen and (min-width: 768px){
    .navbar-default .navbar-nav>.active{
        background-color: #333;
        transform: skew(-28deg);
    }    
	.modal-dialog {
		top: 50px;
	}
	.woocommerce div.product div.images.woocommerce-product-gallery{
		width: 60%;
	}
	#wooswipe{
		width: 70%;
	}
	#aksesuar .owl-item img{
		object-fit: center;
		object-position: -20% 0;
		width: 450px!important;
		height: 300px!important;
	}
	
}