@import url('https://fonts.googleapis.com/css2?family=Roboto&family=Roboto+Condensed&display=swap');

body{font-family: 'Roboto Condensed', sans-serif;}

#TTTUstMenu{background:#f2f2f2; position: fixed; width: 100%; top: 0; z-index:9;}
#MenuMesafe{height:106px;}
#TTTUstMenu .navbar-toggler{border:0px;}
#TTTUstMenu .navbar-brand img{width:150px; height:80px;}
#TTTUstMenu .nav-link:focus, .nav-link{color:rgb(141 141 141); font-size:15px;}
#TTTUstMenu .nav-link:focus, .nav-link:hover{color:rgb(0 179 187);}
#TTTUstMenu #TTTCaliperMenu{margin-top:15px; position:relative;}
#TTTUstMenu #aramakutusu{position:relative; margin-right:15px; margin-bottom:-10px;}
#TTTUstMenu #aramakutusu .form-control{width:280px; height:32px; font-size:14px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; color:#6e6e6e;}
#TTTUstMenu #aramakutusu .form-control:focus{color:#6e6e6e;}
#TTTUstMenu #aramakutusu .form-control::placeholder{color:#a9a9a9;}
#TTTUstMenu #aramakutusu .btn{background:#00b3bb; height:32px; padding:0px 15px; border:0; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;}
#TTTUstMenu #aramakutusu .btn img{height:20px;}
#TTTUstMenu #menudil{position:relative; padding-bottom:7px;}
#TTTUstMenu #menudil .dropdown-toggle:hover{background:transparent; color:#6c757d;}
#TTTUstMenu #menudil .dropdown-toggle:focus{background:transparent; color:#6c757d;}
#TTTUstMenu #menudil .dropdown-toggle:active{background:transparent; color:#6c757d;}
#TTTUstMenu #menudil .dropdown-toggle:after{vertical-align: 0.1em;}
#TTTUstMenu #menudil .btn{border:1px solid #ced4da; margin-top:1px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;}
#TTTUstMenu #menudil img{height:20px; margin-right:6px;}
#TTTUstMenu #menudil .dropdown-menu{border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; font-size:14px;}

#ttt_akordiyon_rw {cursor: grab;}
#ttt_akordiyon_rw:active {cursor: grabbing;}
#ttt_akordiyon_rw * {user-select: none;}
#ttt_akordiyon #listele {cursor: pointer !important; user-select: none;}

#ttt_akordiyon{background:url('../img/akordiyon_bg.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow:hidden;}
#ttt_akordiyon #listele{height:100%; width:76px; background:rgb(0 0 0 / 70%); color:#fff; text-align:center; writing-mode:vertical-rl; border-left:1px solid #00b3bb; font-weight:bold; font-size:18px; cursor:pointer; transition: all .8s ease; overflow:hidden; line-height:normal; display:table-cell; vertical-align:middle;}
#ttt_akordiyon #listele:hover{height:100%; width:86px; background:#27aebb; color:#fff; text-align:center; writing-mode:vertical-rl; border-left:1px solid #00b3bb; font-weight:bold; font-size:18px; cursor:pointer; line-height:normal; display:table-cell; vertical-align:middle;}
#ttt_akordiyon #acilirlist{height:100%; min-width:250px; background:rgb(0 0 0 / 70%); color:#fff; text-align:center; border-left:1px solid #00b3bb; font-size:14px; cursor:pointer; overflow-y:scroll;}
#ttt_akordiyon #acilirlist::-webkit-scrollbar{width: 10px;}
#ttt_akordiyon #acilirlist::-webkit-scrollbar-track {background: #f1f1f1;}
#ttt_akordiyon #acilirlist::-webkit-scrollbar-thumb {background: #868584;}
#ttt_akordiyon #acilirlist::-webkit-scrollbar-thumb:hover {background: #555;}
#ttt_akordiyon #acilirlist #ustdproduct{color:#fff; min-width:250px; font-size:18px; font-weight:bold; text-align:left; margin-top:23px; margin-bottom:30px;}
#ttt_akordiyon #acilirlist #ustdproduct img{height:15px;}
#ttt_akordiyon #acilirlist #ustproduct{color:#fff; min-width:250px; font-size:18px; font-weight:bold; text-align:left; margin-top:30px; margin-bottom:30px;}
#ttt_akordiyon #acilirlist #ustproduct img{height:15px;}
#ttt_akordiyon #acilirlist #urunler{background:#00b3bb; margin-top:20px;}
#ttt_akordiyon #acilirlist #urunler a{color:#fff; text-decoration:none;}
#ttt_akordiyon #acilirlist #urunler img{width:260px;}
#ttt_akordiyon #acilirlist #kategoriler{background:#00b3bb; margin-top:5px;}
#ttt_akordiyon #acilirlist #kategoriler:hover{background:#095d66; color:#fff; margin-top:5px;}

#aramasonucu{position:absolute; background:#f2f2f2; width:327px; margin-top:-15px; z-index:999;}
#aramasonucu .aramasonucu{border-bottom:1px solid #bebebe;}
#aramasonucu .aramasonucu:hover{background:#fff;}
#aramasonucu a{text-decoration:none; color:#888;}

#katalogtalebi{font-size:14px;}
#katalogtalebi .form-control{border-radius:0px;}
#katalogtalebi .btn-primary{border-radius:0px;}

#icerikalani{font-size:14px;}
#icerikalani ul{padding-left:0px;}
#icerikalani ul li{display:block; background: url(../img/ikon/icrk_icn.jpg) no-repeat 100% 50%; border-bottom:1px solid #e8e8e8; padding:7px;}
#icerikalani ul li a{text-decoration:none; color:#000;}
#icerikalani ul a{text-decoration:none; color:#000;}
#icerikalani ul a{text-decoration:none; color:#000;}
#icerikalani #urundetayaalni{background: #f3f3f3; padding: 15px; color: #353636;}

#anasayfahakkimizda h1{color:#21b8c8; font-weight:bold; margin-bottom:35px; font-size:30px; margin-bottom:10px;}
#anasayfahakkimizda p{font-size:14px; margin-bottom:5px;}
#anasayfahakkimizda a{text-decoration:none; color:#000; font-size:13px;}
#anasayfahakkimizda #kutu{text-align:center; font-size:14px;}
#anasayfahakkimizda #kutu h5{font-weight:bold; color:#21b8c8;}

#anasayfayeniurunler{margin-top:20px;}
#anasayfayeniurunler h1{text-align:center; font-size:25px; font-weight:bold; color:#21b8c8;}

#anasayfametin{font-size:14px; text-align:center; padding:5px;}

#urunlistele{border:1px solid #e5e5e5; background:#e5e5e5; padding:1px;}
#urunlistele a{text-decoration:none; color:#353636; font-size:13px;}
#urunlistele .baslik{font-weight:bold; font-size:14px; height:48px;}

#imgbordermini{border:10px solid #fff;}

.secili{background:#dae7e8;}
.icindekiurun:hover{background:#dae7e8;}
#urundetayimg{width:480px;height:auto}}
#ilgiliurunler h4{margin:0;font-size:17px;font-weight:700;padding-bottom:25px}#ilgiliurunler a{text-decoration:none;color:#353636}#ilgilitable tr td{padding:2px;border-bottom:1px solid transparent;font-size:13px}
#urundetay{background:#f3f3f3;padding:15px;color:#353636}#urundetay a{text-decoration:none;color:#353636}#urundetay a:hover{text-decoration:none;color:#21b8c8}#urundetay tr td{padding:5px;border-bottom:1px solid #e8e8e8}#urundetayimg{width:480px;height:320px}
.tooltip-inner {
    background-color: #dae7e8;
	color:#000;
    opacity: 1 !important;
	max-width: 250px;
    width: 250px; 
}
.tooltip.bs-tooltip-right .tooltip-arrow::before {
    border-right-color: #dae7e8 !important;
}
.tooltip.bs-tooltip-left .tooltip-arrow::before {
    border-left-color: #dae7e8 !important;
}
.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #dae7e8 !important;
}
.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #dae7e8 !important;
}

#urundetayaalni .carousel-indicators [data-bs-target]{width:110px; height:95px; border:1px;}
#urundetayaalni .carousel-indicators .active{background:#fff; border:1px solid #009fe3; width:110px; height:95px;}
#urundetayaalni .carousel-indicators{margin-bottom:-110px;}


.form-control:focus{border-color:#ced4da; box-shadow:0 0 0 0.25rem rgb(255 255 255 / 0%);}

/*--*/
.navbar-nav .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}

.navbar-nav .dropdown {
    position: static;
}

.mega-dropdown {
    /*position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;*/
    max-width: none !important;
    /*height: 200px;*/
    padding: 0;
    border: none;
    border-radius: 0;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    z-index: 1050;
    transform: none !important;
    margin: 0 !important;
}

.dropdown-content {
    display: flex;
    height: 100%;
}

.dropdown-links {
    flex: 1;
    padding: 20px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
	justify-content: flex-start;
}

.dropdown-links .dropdown-item {
    padding: 8px 0;
    border: none;
    font-weight: 500;
    color: #333;
    text-decoration: none;
    transition: color 0.3s ease;
}

.dropdown-links .dropdown-item:hover {
    background-color: transparent;
    color: #00b3bb;
}

.dropdown-image {
    flex: 1;
    height: 200px;
    overflow: hidden;
    border-radius: 0;
}

.dropdown-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.placeholder-image {
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 16px;
    font-weight: 500;
	background-repeat:no-repeat;
	background-size: contain;
    background-position: center;
}

.page-navigation {
    padding: 10px 0;
    border-bottom: 1px solid #e0e0e0;
    z-index: 1;
	top:108px;
}

.page-nav-pills .nav-link {
    color: #666;
    font-weight: 500;
    font-size: 14px;
    padding: 8px 12px;
    margin: 0 5px;
    border-radius: 20px;
    transition: all 0.3s ease;
    text-decoration: none;
    border: 1px solid transparent;
}

.page-nav-pills .nav-link:hover {
    color: #00b3bb;
    background-color: rgba(0, 179, 187, 0.1);
    border-color: #00b3bb;
}

.page-nav-pills .nav-link.active {
    color: white;
    background-color: #00b3bb;
    border-color: #00b3bb;
}

@media (min-width: 992px) {
	.navbar-nav .dropdown > .nav-link,
	.navbar-nav .dropdown > .dropdown-toggle {
		pointer-events: none; 
	}

	.navbar-nav .dropdown-menu a {
		pointer-events: auto;
	}	
}

@media (min-width: 993px) {
    #ttt_akordiyon_rw {
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth;
        scrollbar-width: none;
        -ms-overflow-style: none;
        flex-wrap: nowrap !important; 
    }
    
    #ttt_akordiyon_rw::-webkit-scrollbar {
        display: none;
    }
    
    #ttt_akordiyon_rw > * {
        flex-shrink: 0 !important;
    }
    
}

@media (max-width: 992px) {
    #ttt_akordiyon {
        display: block !important;
    }
    
    #ttt_akordiyon_rw {
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth;
        scrollbar-width: none;
        -ms-overflow-style: none;
        flex-wrap: nowrap !important; 
    }
    
    #ttt_akordiyon_rw::-webkit-scrollbar {
        display: none;
    }
    
    #ttt_akordiyon #listele {
        height: 100%;
        min-height: 60px;
        width: auto !important;
        min-width: 40px;
        font-size: 14px;
        padding: 15px 10px;
        flex-shrink: 0 !important;
        white-space: nowrap;
    }
    
    #ttt_akordiyon #listele:hover {
        width: auto !important;
        min-width: 40px;
    }
    
    #ttt_akordiyon_rw > * {
        flex-shrink: 0 !important;
    }
}

@media (max-width: 991px) {
    .navbar-nav .dropdown:hover .dropdown-menu {
        /*display: none;*/
    }
    
    .mega-dropdown {
        position: static !important;
        width: 100%;
        max-width: none;
        height: auto;
        margin-top: 0;
    }
    
    .dropdown-content {
        flex-direction: column;
    }
    
    .dropdown-image {
        height: 150px;
        border-radius: 0;
    }
    
    .page-nav-pills {
        flex-direction: column;
    }
    
    .page-nav-pills .nav-link {
        margin: 2px 0;
        text-align: center;
    }
	
	#alt{
		text-align:center;
	}
}

@media (max-width: 768px) {
    .page-nav-pills .nav-link {
        font-size: 12px;
        padding: 6px 8px;
    }
}

.section-image {
    background-color: #666666;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 18px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.content-section {
    padding: 60px 0;
    scroll-margin-top: 120px; 
}

.section-title {
    color: #00b3bb;
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 20px;
}

.section-text {
    font-size: 16px;
    line-height: 1.8;
    text-align: justify;
    color: #333;
}

.process-number {
    color: #00b3bb;
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 15px;
}

.process-title {
    color: #333;
    font-size: 1.3rem;
    font-weight: bold;
    margin-bottom: 15px;
}

.process-description {
    font-size: 14px;
    line-height: 1.6;
    color: #555;
}

 #haberodulstil {
	margin-bottom: 20px;
}

#haberodulstil .card {
	border: none;
	border-radius: 0;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
	background: white;
	overflow: hidden;
	height: 100%;
}

#haberodulstil .card:hover {
	transform: translateY(-5px);
}

#haberodulstil .card-img-container {
	position: relative;
	overflow: hidden;
	height: 200px;
}

#haberodulstil .card-img-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

#haberodulstil .card:hover .card-img-container img {
	transform: scale(1.05);
}

#haberodulstil .card-img-container::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 50px;
	background: linear-gradient(transparent, rgba(0, 0, 0, 0.3));
}

#haberodulstil .card-body {
	padding: 1.5rem;
	position: relative;
}

#haberodulstil .card-title {
	font-size: 1.1rem;
	font-weight: 600;
	color: #333;
	line-height: 1.4;
	margin-bottom: 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	min-height: 4.2rem;
}

#haberodulstil .card-accent {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, #00b3bb 0%, #e5e5e5 100%);
}

#haberodulstil .card-category {
	position: absolute;
	top: 10px;
	right: 10px;
	background: rgba(0, 179, 187, 0.9);
	color: white;
	padding: 4px 8px;
	border-radius: 0;
	font-size: 0.75rem;
	font-weight: 500;
	backdrop-filter: blur(10px);
}

#haberodulstil a {
	text-decoration: none;
	color: inherit;
	display: block;
	height: 100%;
}

#haberodulstil a:hover {
	color: inherit;
}

/* Responsive tasarım */
@media (max-width: 768px) {
	#haberodulstil .card-img-container {
		height: 150px;
	}
	
	#haberodulstil .card-body {
		padding: 1rem;
	}
	
	#haberodulstil .card-title {
		font-size: 1rem;
		min-height: 3.6rem;
	}
}

#uretimargesld .carousel-item {
	height: 500px;
}

#uretimargesld .carousel-item img {
	height: 100%;
	object-fit: cover;
}

#uretimargesld .carousel-control-prev-icon,
#uretimargesld .carousel-control-next-icon {
	border-radius: 50%;
	width: 50px;
	height: 50px;
}
/*--*/

#alt{background:#f2f2f2; padding:15px;}
#alt #altlogo{width:150px; height:80px;}
#alt .tttauto{font-weight:bold; font-size:16px;}
#alt .copyright{font-size:14px;}

@media (max-width:1200px){
	#TTTUstMenu #aramakutusu .form-control{width:140px;}
}

@media (max-width:992px){
	#TTTUstMenu #TTTCaliperMenu{text-align:center; margin-top:0px;}
	#TTTUstMenu #aramakutusu{position:relative; top:0px; right:0px;}
	#TTTUstMenu #menudil{position:relative; top:0px; right:0px; text-align:center;}
	
	#aramasonucu{position:relative; background:#f2f2f2; width:100%; margin-top:-15px; z-index:999; margin-bottom:15px;}
	
	#ilgiliurunler{background:#dae7e8; padding-top:15px;}
	#ilgiliurunler h4{text-align:center;}
}