@charset "utf-8";
/* CSS Document */

body {
	font-family:'Roboto', sans-serif;
	font-size:15px;
}

#page-header{
	background-color:#00345F;
}

#header-linkler a{
	color:#DBDBDB;
}

#header-linkler a:hover{
	color:#fff ;
}

#page-footer {
	background-color:#00345F;
}

.temel_resim {
	min-height:80px; 
	max-height:100px
}

.temel_resim_ilk {
	padding-left:30px;
}

.temel_resim_son {
	padding-right:30px;
}


@media (min-width:1192px){
	.menu-ana-link {
		padding-left:10px !important;
		padding-right:10px !important;	
	}
}

body {
	background:#fff;
	color:#494949;
}

@media (min-width:992px){

	
	.menu-dil-link {
		display:none !important;
	}	

	#menu-wrap {
		background-color:#FFFFFF !important;
		box-shadow:0 -1px 3px rgba(0,0,0,0.1);

		
	}
	
	.menu-nav{
		box-shadow:0 0 6px rgba(0,0,0,0.1);
	}	
	
	#menu-logo-wrap {
		margin-right:17px;
	}	
	
	
	#mobile-menu-opener {
		display:none;
	}
	
	.menu-ana-link {
		padding-top:24px !important;
		height:100px !important;
	}
	
	.ana-alt-menu {
		background-color:rgba(255,255,255,0.95) !important;
		backdrop-filter:blur(13px);
		top:100px !important;
		box-shadow:0 1px 4px rgba(0,0,0,0.2);
		margin:0 !important;
		padding:0 !important;
		border:1px solid #fff !important;
	}
	
	.ana-alt-menu::after {
		content: " x";
		position: absolute;
		display:block;
		height:18px;
		width:100%;
		background-color:rgba(255,255,255,0.9);
		backdrop-filter:saturation(10%) !important;
		border:1px solid #fff !important;
		border-top:none;
        filter: blur(10px);
	
	}
		
	
	.ana-alt-menu-wrap {
		padding:0 !important;
		margin:14px;
		/*margin-top:0; */
	}
	
	.ana-menu-li {
		padding-left:0!important;
		padding-right:0 !important;
		
		display:block !important;
		float:left;
		
	}

	.home-link-li {
		width:100px !important;
	}

	.home-link-a {
		width:100% !important;
		text-align:right !important;
		padding-right:12px !important;
	}
	
	.home-link-a:hover {
		background-color:transparent !important;
	}
	
	.ana-menu-li:hover > .menu-ana-link >.menu-down-arrow {
		color:#fff !important;
	}	
	
	.home-link-a i {
		color:rgba(0,0,0,0.00) !important;
		transition:all 0.5s !important;		
	}
	
	.home-link-a:hover>i {
		color:#EC0003 !important;
	}
	
	.wsmenu-list{
		background-image:url(../images/kirmizi-kose.png) !important; 
		background-position:0 0;
		background-repeat:no-repeat;
	  }

	/* 
	::alternatif::
	Menünün sağdan soldan renk olarak devamı 
	*/
	#menu-wrap {
		 /* background-color:rgba(255,255,255,1.00);  */
	}
	
	#header-linkler {
		padding-top:14px;
		padding-bottom:14px;
		font-size:13px;
		font-weight:400;
	}

	.header-sol-links{
		margin-left:4px;
	}
	
	.header-sag-links{
		margin-right:4px;
	}
	


	.header-sol-links a{
		margin-right:24px;
	}
	
	.header-sol-links a i{
		margin-right:4px;
	}	
	
	#header-linkler a {
		text-decoration:none;
	}

	#menu-logo-wrap {
		float:right !important;
		margin-bottom:14px;
	}
	
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
	.menu-ana-link {
		padding-left:5px !important;
		padding-right:5px !important;	
	}	
	
	.menu-ana-link img{
		display:none;
	}
	
	i.menu-down-arrow {
		margin-left:0;
	}

	.temel_resim {
		min-height:70px; 
		max-height:90px
	}
	
	.temel_resim_ilk {
		padding-left:20px;
	}
	
	.temel_resim_son {
		padding-right:20px;
	}
	
	
}

@media (max-width:991px){
	
	body {
		margin-top:76px;
	}
	
	.header-sag-links {
		/* display:none; */
	}
	
	.ust-user-dropdown {
		display:none;
	}
	
	.tellink {
		display:none;
	}
	
	.show_on_normal_menu {
		display:none;
	}
	
	#header-linkler {
		padding-top:12px;
		padding-bottom:12px;
		font-size:12px;
		text-align:center;
	}	
	
	#header-linkler a{	
		text-decoration:none;
	}

	.header-sol-links a{
		margin-right:14px;
	}	
	
	.menu-down-arrow{
		display:none !important ;
	}
	
	.menu-nav {
		width:100% !important; 
		position:fixed !important;
		z-index:99999 !important;
		margin:0 !important;
		padding:0 !important;
		left:0 !important;
		top:0 !important;
		box-shadow:0 0 8px rgba(0,0,0,0.3);
		border:1px solid #fff !important;
	}
	
	.wsmenu-list {
		max-height:calc(100vh - 76px);
		overflow:auto;
	}
	
	#mobile-menu-opener {
		background-image:url(../images/kirmizi-kose.png);
		background-repeat:no-repeat;
		color:#323232;
		padding:8px;
		background-position:-12px -12px;
		background-size:auto 100%;
		background-position:top left;
		height:76px;
		display:flex;
		align-items:center;
		width:100vw;
	}
	
	.desktop-menu-li {
		display:none !important;
	}
	
	.logo-mobile-wrap {
		padding-left:40px;
		text-align:center !important;
		width:100vw !important;
		padding-right:18px;
	}

	.logo-mobile-img {
		max-width:calc(40vw + 30px) !important;
	}
	
	.home-link-li {
		border-top:1px solid #dedede;
	}

	 .home-link-a {
		text-align:center !important;
		padding-left:32px !important;
	 }
	
	 .home-link-a i{
		 margin-right:0 !important;
	 }
	 
	.temel_resim {
		min-height:60px; 
		max-height:70px
	}
	
	.temel_resim_ilk {
		padding-left:12px;
	}
	
	.temel_resim_son {
		padding-right:12px;
	}
		 
	
}

@media (max-width:767px){

	.temel_resim {
		min-height:50px; 
		max-height:60px
	}
	
	.temel_resim_ilk {
		padding-left:4px;
	}
	
	.temel_resim_son {
		padding-right:4px;
	}
	
	
}


@media (max-width:576px){

	.header-sol-links {
		margin-left:5px;
	}

	.kataloglink {
		display:none;
	}

	.header-sol-links .tellink{
		margin-right:0 !important;
	}
	
	.temel_resim {
		min-height:35px; 
		max-height:50px
	}
	
	.temel_resim_ilk {
		padding-left:0;
	}
	
	.temel_resim_son {
		padding-right:0;
	}	
	
	
}

.menu-down-arrow{ 
	margin-left:8px;
	margin-right:0 !important;
	color:#A4A4A4 !important;
}

.std-altmenu-a {
	font-size:14px !important;
}

.std-altmenu-a i{
	color:#F00003;
}

.std-altmenu-a:hover >i{
	color:#FFF;
}

.menu-nav {
	background-color:#fff !important;
}

.ust-user-dropdown .dropdown-menu  {
	box-shadow:0 1px 4px rgba(0,0,0,0.1);
}

.ust-user-dropdown .dropdown-item{
	padding:8px;
	color:#6F6F6F !important;
}

.ust-user-dropdown .dropdown-item:hover{
	background-color:#E3E3E3;
	color:#6F6F6F !important;
}

.std-altmenu-a {
	padding-top:10px !important;
	padding-bottom:10px !important;	
	padding-right:22px !important;	
	border-top:1px solid rgba(255,255,255,0.00);
	border-bottom:1px solid rgba(255,255,255,0.00);			
}

.std-altmenu-a:hover{
	background-color:#F1F1F1 !important;
	color:#000 !important;
	border-top:1px solid #D9D9D9;
	border-bottom:1px solid  #D9D9D9;			
}	

.std-altmenu-a:hover >i{
	color:#E00003 !important;
}

.std-altmenu-a i{
	color:#F00003;
	margin-right:8px;
	font-size:16px;
}

.home-link-li:hover>a{
	background-color:transparent !important;
	background:none !important;
}

#sharediv {
	margin:auto;
	text-align:center;
}

#sharetitle {
	font-size:13px !important;
	background-color:#F1F1F1;
	padding:6px;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}

.jssocials-shares {
	padding:8px;
	border:1px solid #F1F1F1;
}

.jssocials-share {
	margin:3px !important;
	text-align:center !important;
}

.jssocials-shares {
	margin:0 !important;
}

.jssocials-share-email a:hover {background-color:rgba(91,166,185,1.00);}
.jssocials-share-twitter a:hover {background-color:rgba(0,133,219,1.00);}
.jssocials-share-facebook a:hover {background-color:rgba(36,50,134,1.00);}
.jssocials-share-linkedin a:hover {background-color:rgba(36,131,200,1.00);}
.jssocials-share-pinterest a:hover {background-color:rgba(231,2,2,1.00);}
.jssocials-share-whatsapp a:hover {background-color:rgba(63,197,0,1.00);}

.jssocials-share-link {
	background-color:#939393;
	color:#fff !important;
	border-radius:100% !important;
	border-color:#fff !important;
	box-shadow:1px 2px 3px rgba(0,0,0,0.1) inset;
}

.jssocials-share-logo {
	font-size:18px !important;
}

.menu-social-links {
	margin-right:12px;
}

.menu-social-links a {
	background-color:rgba(128,128,128,1.00);
	display:inline-block;
	border:1px solid #575757;
	border-radius:100%;
	padding:6px;
	font-size:16px;
	color:#fff;
	text-align:center;
	width:36px;
	height:36px;
	margin-right:8px;
}

.menu-social-links a:hover{
	color:#fff !important;
	background-color:#CB0003 !important;
	border-color:#CB0003;
}

.sistem-baslik {
	font-size:14px;
	font-weight:600;
	border-bottom:1px solid #ECECEC;
	padding-bottom:4px;
	margin-top:6px;
}

.sistem-menu i {
	color:#E00003;
	margin-right:4px;
}

.sistem-menu a {
	display:block;
	color:#5E5E5E;
	padding:6px;
	padding-top:4px;
	padding-bottom:4px;
	text-decoration:none;
	font-size:14px;
}

.sistem-menu a:hover {
	text-decoration:none;	
	background-color:#E9E9E9;
}

h1 {
	font-size:26px;
}

h2 {
	font-size:22px;
}

h3 {
	font-size:18px;
}

h4 {
	font-size:16px;
}

h5 {
	font-size:14px;
}

h5 {
	font-size:14px;
}

.giris_h2 {
	font-size:24px;
	color:#00345F;
	margin:0;
	margin-bottom:18px;
	border-bottom:1px solid #F00004;
	padding:8px;
	padding-top:12px;
/*	background-image:url(/finder/images/kirmizi-ok-1.png); */
	background-repeat:no-repeat;
	background-position:left 4px;
	text-align:center;
	box-shadow:0 -2px 6px rgba(0,0,0,0.06);
	letter-spacing:0.05em;
}

.giris_kategori_link {
	display:block;
	text-align:center;
	color:#00345F;
	border:1px solid #DCDCDC;
	transition:all 0.3s linear;
	margin-bottom:22px;
}

.giris_kategori_link h2, .giris_kategori_link h3{
	font-weight:bold;
	font-size:16px;
	padding-top:8px;
	padding-bottom:8px;
	padding:8px;
	background-color:#F9F9F9;
	margin:0;
	border-top:1px solid #DCDCDC;
	transition:all 0.3s linear;
}

.giris_kategori_link:hover {
	text-decoration:none;
	box-shadow:2px 2px 8px rgba(0,0,0,0.3);
	border:1px solid #fff;
	
}

.giris_kategori_link:hover > img {
	filter:brightness(120%); 
	filter:contrast(110%); 	
	
}

.giris_kategori_link:hover > h2 {
	color:#00658F;

}


.giris_kategori_img {
  transition:all 0.3s linear;
  border: 6px solid white; 
}

.laci-color {
	color:#00345f;
}

.btn-laci {
	background-color:#00345f;
	color:#fff !important;
}

.btn-laci:hover {
	background-color:#0078BB;
	color:#fff !important;	
}

.btn-laci:focus {
	outline:2px #FFFFFF solid;
	box-shadow:0 0 10px rgba(0,0,0,0.4);
}

.normal-link {
	color:#00345f;
}

.normal-link:hover {
	color:#F40004;
	text-decoration:none;
}

.fs10 { font-size:10px;}
.fs11 { font-size:11px;}
.fs12 { font-size:12px;}
.fs13 { font-size:13px;}
.fs14 { font-size:14px;}
.fs15 { font-size:15px;}
.fs16 { font-size:16px;}
.fs18 { font-size:18px;}
.fs20 { font-size:20px;}
.fs22 { font-size:22px;}
.fs24 { font-size:24px;}

.kirmizi_renk {
	 color:#F00004;
}

.kirmizi_zemin {
	background-color:#F00004;
}

.h1_genel, .h1_kategori, .h1_urun, .h1_sayfa, .h1_sistem, .h1_blog {
	border-bottom:1px solid #F00004; 
	background-image:url(../images/kirmizi-ok-1.png);
	background-repeat:no-repeat; 
	background-position:left 14px;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:18px;
	font-weight:normal;
	margin-bottom:32px;
	margin-top:16px;
	color:#00345f;
}

/* Footer bölümünün her zaman sayfada en altta durması için -->> */
.body_class {
	display:flex;
	flex-direction:column;
    min-height: 100vh;
}

#page-footer {
	margin-top:auto;
}
/* <<-- Footer bölümünün her zaman sayfada en altta durması için  */

.sh_breadcrumb {
	background-color:#F4F4F4;
	border-radius:0;
	font-size:13px;
	margin:0;
	padding-top:16px;
	padding-bottom:16px;
	color:#8C8C8C;
}

.sh_breadcrumb a {
	color:#00345f !important;
}

.sh_breadcrumb a:hover {
	color:#F00004 !important;
	text-decoration:none;
}


.sh-link {
	color:#00345f;
}

.sh-link:hover {
	text-decoration:none;
	color:#F00004;
}

.user-content h1,.user-content h2,.user-content h3,.user-content h4,.user-content h5,.user-content h6{
	color:#000;
}

.user-content h2 {
	font-size:18px;
}

.user-content h3 {
	font-size:16px;
}

.user-content h4 {
	font-size:15px;
}

.user-content a{
	color:#00345f;
}

.user-content a:hover{
	text-decoration:none;
	color:#F00004;
}

.user-content ul{
	padding-left:2em;
}

.user-content li{
	padding:3px;
}

.user-content table{
	border-collapse:collapse;
	border:1px solid #D5D5D5;
	width:100%;
}

.user-content table td, .user-content table th {
	border:1px solid #D5D5D5;
	padding:8px;
}

.user-content tr:nth-child(even) {
  background-color:#F5F5F5;
}
/*
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	background-color:#00345f;
	color:#fff;
}

.nav>li>a:focus, .nav>li>a:hover {
	background-color:#00345f;
	color:#fff;
}
*/

.nav-tabs {
	border-bottom:none;
	background-color:#F5F5F5;
	padding-top:3px;
	padding-bottom:0;
}

.nav-tabs .nav-item {
	border-bottom:none;
	background-color:#fff;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:hover  {
	background-color:#4B4B4B;
	color:#fff;
	border:rgba(0,0,0,0.00);
}

.nav-tabs .nav-link {
	color:#4B4B4B;	
	border:1px solid #EDEDED;
	border-bottom:none;
}

.nav-tabs .nav-link:hover {
	color:#F00004;
}

.force-break{
	overflow-wrap: break-word;
}

.sag_menu_baslik {
	border-bottom:1px solid #F00004; 
	padding-top:8px;
	padding-bottom:8px;
	font-weight:normal;
	margin-bottom:32px;
	margin-top:20px;
	color:#00345f;	
}

.sag_menu ul, .sag_menu ul li {
	margin:0;
	padding:0;
	list-style:none;
}

.sag_menu_wrap {
	color:#00345f;
}

.sag_menu_wrap i{
	color:#F00004;
}

.sag_menu ul li i {
	margin-right:4px;
}

.sag_menu ul li a{
	display:block;
	padding:6px;
	padding-top:10px;
	padding-bottom:10px;
	color:#494949;
	border-bottom:1px solid #ECECEC;
}

.sag_menu ul li a:hover{
	text-decoration:none;
	background-color:#ECECEC;
	color:#000;
}

.giris_kategori_isim {
	  display: flex;
	  justify-content: center;
	  align-items: center;	
	width:100%;
	min-height:55px;
	align-items:center;
}

.caption .kirmizi {
 color:#F00004 !important;
}

.caption .lacivert {
 color:#00345f !important;
}

.caption h3{
	border:none !important;
	background:none !important;
	background-color:transparent !important;
	font-size:36px !important;
	margin:0  !important;
	padding:0 !important;
}

.caption h4{
	font-weight:normal;
	border:none !important;
	background:none !important;
	background-color:transparent !important;
	font-size:24px !important;
	margin:0  !important;
	padding:0 !important;	
}