* {
				font-family: 'Exo', sans-serif;
			}
			
			.tl {
				text-align: left;
			}
			.fs-12 {font-size: 12px; }
			.fs-14 {font-size: 14px; }
			.fs-16 {font-size: 16px; }
			.fs-18 {font-size: 18px; }
			.bold {font-weight: bold;}

			.c1 {color:#fff; }
			.c2 {color:#CBCBCB; }
			.c3 {color:#A8A8A8; }
			.c4 {color:#8A8A8A; }
			.c5 {color:#5E5E5E; }
			.c6 {color:#1C1C1C; }


			

			.tab-content {
    			padding: 10px;
    			background-color: #f9f9f9;
    			border:1px solid #CFCFCF;
    			border-top: 0px;
			}

			.nav-tabs .nav-link {
			    margin-bottom: -1px;
			    background: 0 0;
			    border: 1px solid transparent;
			   	border-radius: 0px;
			}
			.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
				background-color: #e3e3e3;
				color:#4E4E4E;
			    font-size: 13px;
			    margin-right: 2px;

			}
			.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
			    color: #ffffff;
			    background-color: #636363;
			    border-color: #dee2e6 #dee2e6 #fff;
			    border-bottom: 0px;
			}

			.form-label {
			    margin-bottom: .1rem;
			    font-size: 14px;
			}

			
			.nav-tabs {
			    border-bottom: 0px;
			    border-bottom:1px solid #CFCFCF;
			}

			header {
			    position: fixed;
			    width: 100%;
			    z-index: 30;
			    background-color: #ffffff;
			    box-shadow: 0px 0px 10px #999;
			}
		
			.main-menu a {
				padding: 7px;
			    color: #333;
    			font-size: 14px;
			}
			.main-menu a:hover {
				color:#FF0707 !important;
			}
			.card-body span.desc {
				font-size: 13px;
				display: block;
				color: #8B8B8B;
				line-height: 22px;
			}
			.card-body span.price {
				font-size: 16px;
				display: block;
				margin-top: 5px;
				margin-bottom: 8px;
				color: #333;
				font-weight: bold;
			}
			.lighter {
				font-weight: lighter;
			}
			.card {
				margin-bottom: 20px;
				text-align: center;
			}
			.btn-xsm {
				--bs-btn-padding-y: .25rem; --bs-btn-padding-x: .5rem; --bs-btn-font-size: .75rem; border-radius: 0px;
			}
			.footer a {
				color:#EAEAEA;
				text-decoration: none;
			}
			.footer p {
				color: #fff;
				line-height: 20px;
				font-size: 12px;
			}
			.footer hr {
				color:#F5F3F3;
			}
			.main-menu2 {
				position: fixed;
			}
			.menu-button {
				color:#fff;
				font-size: 36px;
				float: right;
			}
			.main-menu {
				padding: 3px;
				margin: 0px;
				text-align: right;
			}
			.main-menu li {
				display: inline-block;
				padding: 5px 5px;
			}
			
			.short {
				text-align: right;
				font-family: Roboto,sans-serif;
				letter-spacing: .2px;
				line-height: 1.5;
				padding: 5px;
				font-weight: 500;
				font-size: 12px;
				font-weight: bold;
				color: #5C5C5C;
			}
			.btn {
				border-radius: 0px;
			}
			.web-section {
				background-color: #000;
				padding: 20px 5px;
				color:#fff;
			}
			.web-section i {
				font-size: 46px;
			}
			.slide-alan {
				background-color: #393939bf;
			    margin-bottom: 10px;
			    position: absolute;
			    width: 95%;
			    padding: 20px;
			    color: #fff;
			    bottom: 20px;
			}
			.rakam {
				display: inline-block;
				padding: 10px;
				font-size: 22px;
				background-color: #CC00FF;
				color: #fff;
				text-align: center;
				width: 40px;
				font-weight: bold;
				position: absolute;
			}
			#splide3 p {
				font-size: 14px;
			}
			#splide3 h4 {
				font-size: 18px;
			}

			#splide2 h2 {
				font-size: 14px;
				font-weight: bold;
				margin-left: 45px;
			}
			#splide2 h4 {
				font-size: 12px;
				margin-left: 45px;
			}

			.ust-social i {
				display: inline-block;
				font-size: 16px;
			}
			.ust-social {
				font-size: 13px;
			}
			
			.card p {
				font-size: 12px;
				margin-bottom: 3px;
				text-overflow: ellipsis;
    			white-space: nowrap;
    			overflow: hidden;
			}
			.ust-social a {
				color:#f9f9f9;
				padding: 5px;
				display: inline-block;
				text-decoration: none;
			}

			.slider-margin {
				padding-top:85px;
			}
			
			.container {
				--bs-gutter-x: 0.1em;
				--bs-gutter-y: 0;
			}
			.avantaj img {
				width: 80px;
				margin:0 auto;
				display: block;
			}
			.number {
				padding: 5px 5px;
				margin: 10px ;
				width: 35px;
				color:#fff;
				font-size: 20px;
				display: inline-block;
				font-weight: bold;
				background-color: #000000;
			}
			.splide__progress__bar {
			  height: 3px;
			  background: #ccc;
			}

			.splide__arrow {
			    -ms-flex-align: center;
			    align-items: center;
			    background: none;
			    border: 0;
			    border-radius: 0%;
			    background-color: #fff;
			    cursor: pointer;
			    display: -ms-flexbox;
			    display: flex;
			    height: 2em;
			    -ms-flex-pack: center;
			    justify-content: center;
			    opacity: .7;
			    padding: 0;
			    position: absolute;
			    top: 50%;
			    transform: translateY(-50%);
			    width: 2em;
			    margin: 0px -15px;
			    z-index: 1;
			}

			.tepe {
				padding: 5px;
				background-color: #ffc107;
				color:#555555;
				font-size: 13px;
				display: inline-block;
			}
			.top {
				padding-top: 87px;
			}

			.table>:not(caption)>*>* {
			    padding: 0.4rem;
			    background-color: var(--bs-table-bg);
			    border-bottom-width: 1px;
			    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
			}
			.share {
			    text-align: right;
			    position: absolute;
			    margin-top: -30px;
			    margin-right: -31px;
			}
			.share i {
				padding: 3px 7px;
			    font-size: 14px;
			    margin: 0px;
			    color: #ffffff;
			    display: inline-block;
			    background-color: #636363;
			}


			.btn-sm {
				padding: 4px 4px;
				font-size: 12px;
			}
			
			@media only screen and (max-width: 600px) {
				.video-content {
					margin-top :-2px;
					margin-bottom: -6px;
				}
				.main-menu {
					position: absolute;
					background-color: #000;
					width: 100%;
					right: 0px;
					text-align: center;
					z-index: 9;
				}
				.main-menu a {
					color:#fff;
				}

				.center {
					text-align: center;
				}

				.table>:not(caption)>*>* {
				    padding: 0.2rem;
				    background-color: var(--bs-table-bg);
				    border-bottom-width: 1px;
				    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
				}
					
				
				.carousel-item img {
					height: 200px;
				}
				.slide-alan {
					background-color: #393939bf;
					margin-bottom: 0px;
					width: 100%;
					position: absolute;
					color: #fff;
					padding: 10px;
					bottom:0px;
				}
				.slide-alan h2 {
					font-size: 14px;
				}
				.slider-margin {
					padding-top:135px;
				}
				.top {
					padding-top: 138px;
				}


			
			}
				

			@media only screen and (min-width: 601px) {
			
			
			}


		.baslik {
			background-color: #ddd;
			margin-bottom: 5px;
			color: #333;
			font-size: 13px;
			padding: 3px;
		}

		.minilabel {
			width: 130px;
			font-size: 10px;
			display: inline-block;
			line-height: 16px;
		}

		.minilabel label {
			width: 100px;
			margin-left: 2px;
			cursor: pointer;
			display: inline-block;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			vertical-align: middle;
			margin-top: 0px;
			color: #6B6B6B;
		}

		.minilabel input:checked:after {
			content: "+";
			background-color: #1565c0;
			width: 16px;
			height: 16px;
			color: #fff;
			text-align: center;
			display: inline-block;
		}


		.isaret {
		   display: inline-block;
		   padding: 0px 2px;
		   font-size: 11px;
		   line-height: 17px;
		   text-shadow: 1px 1px #000;
		   cursor: pointer;
		   text-align: center;
		   width: auto;
		   min-width: 18px;
		   border-radius: 2px;
		   margin-bottom: 1px;
		}

		td > span.isaret {
		   min-width: 18px !important;
		}

		.secili {
		   text-align: right;
		}

		.secili span {
		   float: left;
		   font-size: 11px;
		   cursor: pointer;
		}

		.color1 {
		   background-color: #C51C1C;
		   color: #fff;
		}

		.color2 {
		   background-color: #4A7EC5;
		   color: #fff;
		}

		.color3 {
		   background-color: #38C50D;
		   color: #fff;
		}

		.color4 {
		   background-color: #C549C1;
		   color: #fff;
		}

		.color5 {
		   background-color: #1EBACF;
		   color: #fff;
		}

		.color6 {
		   background-color: #420038;
		   color: #fff;
		}

		.color7 {
		   background-color: #654833;
		   color: #fff;
		}

		.color8 {
		   background-color: #002CCA;
		   color: #fff;
		}

		.color9 {
		   background-color: #BD8100;
		   color: #fff;
		}

		.color10, .color10 td {
		   background-color: #ffe1e1;
		   color: #676767;
		}

		.nav-link {
    		display: block;
    		padding: 0.5rem 0.5rem;
		}

		.yesilt {
			color:#3C8D05;
		}

		.kirmizit {
			color:#B40A0A;
		}