/*
		*	Creator : ZirveSunucum Information
	*/
	 
	/*  Tum stil yapilandirilmalarini sifirlama basladi. 
		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		b, u, i, center,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td,
		article, aside, canvas, details, embed, 
		figure, figcaption, footer, header, hgroup, 
		menu, nav, output, ruby, section, summary,
		time, mark, audio, video {
			margin: 0;
			padding: 0;
			border: 0;
			font-size: 100%;
			font: inherit;
			vertical-align: baseline;
		}
		
		article, aside, details, figcaption, figure, 
		footer, header, hgroup, menu, nav, section {
			display: block;
		}
		body {
			line-height: 1;
		}
		ol, ul {
			list-style: none;
		}
		blockquote, q {
			quotes: none;
		}
		blockquote:before, blockquote:after,
		q:before, q:after {
			content: '';
			content: none;
		}
		table {
			border-collapse: collapse;
			border-spacing: 0;
		}

		
	Tum stil yapilandirilmalarini sifirlama bitti. */ 

	article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }	
	
	@import url(https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@300;500&display=swap);	
	
	:root {
		--zs-systemdark: #242935;
		--zs-blue: #4e9cff;
		--zs-indigo: #bba4ff;
		--zs-purple: #de8cff;
		--zs-pink: #f34fa0;
		--zs-red: #ff6060;
		--zs-orange: #ff9f0c;
		--zs-yellow: #f9e80d;
		--zs-green: #1ecc33;
		--zs-teal: #3cd2a5;
		--zs-cyan: #30beff;
		--zs-white: #ffffff;
		--zs-gray: #526872;
		--zs-gray-dark: #35434a;
		--zs-gray-100: #c0cacf;
		--zs-gray-200: #a8b6bc;
		--zs-gray-300: #90a2aa;
		--zs-gray-400: #798e98;
		--zs-gray-500: #617a86;
		--zs-gray-600: #526872;
		--zs-gray-700: #44555e;
		--zs-gray-800: #35434a;
		--zs-gray-900: #273136;
		--zs-default: #a8b6bc;
		--zs-theme: #3cd2a5;
		--zs-primary: #4e9cff;
		--zs-secondary: #798e98;
		--zs-warning: #ff9f0c;
		--zs-danger: #ff6060;
		--zs-success: #3cd2a5;
		--zs-info: #30beff;
		--zs-dark: #35434a;
		--zs-black: #000000;
		--zs-white: #ffffff;
		--zs-purple: #de8cff;
		--zs-indigo: #bba4ff;
		--zs-red: #ff6060;
		--zs-pink: #f34fa0;
		--zs-green: #1ecc33;
		--zs-yellow: #f9e80d;
		--zs-teal: #3cd2a5;
		--zs-muted: #617a86;
		--zs-light: #c0cacf;
		--zs-lime: #81f32d;
		--zs-gray-100: #c0cacf;
		--zs-gray-200: #a8b6bc;
		--zs-gray-300: #90a2aa;
		--zs-gray-400: #798e98;
		--zs-gray-500: #617a86;
		--zs-gray-600: #526872;
		--zs-gray-700: #44555e;
		--zs-gray-800: #35434a;
		--zs-gray-900: #273136;
		--zs-default-rgb: 168, 182, 188;
		--zs-theme-rgb: 60, 210, 165;
		--zs-primary-rgb: 78, 156, 255;
		--zs-secondary-rgb: 121, 142, 152;
		--zs-warning-rgb: 255, 159, 12;
		--zs-danger-rgb: 255, 96, 96;
		--zs-success-rgb: 60, 210, 165;
		--zs-info-rgb: 48, 190, 255;
		--zs-dark-rgb: 53, 67, 74;
		--zs-black-rgb: 0, 0, 0;
		--zs-white-rgb: 255, 255, 255;
		--zs-purple-rgb: 222, 140, 255;
		--zs-indigo-rgb: 187, 164, 255;
		--zs-red-rgb: 255, 96, 96;
		--zs-pink-rgb: 243, 79, 160;
		--zs-green-rgb: 30, 204, 51;
		--zs-yellow-rgb: 249, 232, 13;
		--zs-teal-rgb: 60, 210, 165;
		--zs-muted-rgb: 97, 122, 134;
		--zs-light-rgb: 192, 202, 207;
		--zs-lime-rgb: 129, 243, 45;
		--zs-gray-100-rgb: 192, 202, 207;
		--zs-gray-200-rgb: 168, 182, 188;
		--zs-gray-300-rgb: 144, 162, 170;
		--zs-gray-400-rgb: 121, 142, 152;
		--zs-gray-500-rgb: 97, 122, 134;
		--zs-gray-600-rgb: 82, 104, 114;
		--zs-gray-700-rgb: 68, 85, 94;
		--zs-gray-800-rgb: 53, 67, 74;
		--zs-gray-900-rgb: 39, 49, 54;
		--zs-white-rgb: 255, 255, 255;
		--zs-black-rgb: 0, 0, 0;
		--zs-body-color-rgb: 255, 255, 255;
		--zs-body-bg-rgb: 39, 49, 54;
		--zs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		--zs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
		--zs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
		--zs-body-font-family: Chakra Petch, sans-serif;
		--zs-body-font-size: 0.875rem;
		--zs-body-font-weight: 400;
		--zs-body-line-height: 1.5;
		--zs-body-color: rgba(255, 255, 255, 0.75);
		--zs-body-bg: #273136;
	}
	*,
	::after,
	::before {
		box-sizing: border-box;
	}
		
	@media (prefers-reduced-motion: no-preference) {
		:root {
			scroll-behavior: smooth;
		}
	}

	body {
		background-color: transparent;
		background-image: url('../img/tema/zs_pattern.png');
		background-size: 4.6875rem;
		background-repeat: repeat;
		background-attachment: fixed;
		font-weight: 300;
		letter-spacing: .04688rem;
		min-height: 100vh;

		margin: 0;
		font-family: var(--zs-body-font-family);
		font-size: var(--zs-body-font-size);
		font-weight: var(--zs-body-font-weight);
		line-height: var(--zs-body-line-height);
		text-align: var(--zs-body-text-align);
		background-color: var(--zs-body-bg);
		-webkit-text-size-adjust: 100%;
		-webkit-tap-highlight-color: transparent;
	}
		
	/* ZSI - Scroll Bar Başladı */
	
		/* width */
		::-webkit-scrollbar { width: 5px; }

		/* Track */
		::-webkit-scrollbar-track { background: unset; }

		/* Handle */
		::-webkit-scrollbar-thumb { background: #888; }

		/* Handle on hover */
		::-webkit-scrollbar-thumb:hover { background: #555; }

	/* ZSI - Scroll Bar Bitti */

	/* ZSI - Top Bar Başladı */
	
	/*
		.zirvesunucum_top-bar {
			background: rgba(0, 0, 0, 0.33);
			height: 32px;
			font-size: 0.8em;
		}

		.zirvesunucum_top-bar li a {
			color: #fff;
			display: flex;
			text-decoration: unset;
		}

		.zirvesunucum_top-bar li a:hover {
			text-decoration: underline;
		}

		.zirvesunucum_top-bar li:first-child a {
			padding-left: 0px;
		}

		.zirvesunucum_top-bar li:last-child a {
			border: none;
		}
	*/
	
	.zirvesunucum_ustbar {
		padding: 5px 0;
		background: #242935;
	}
	
	.zirvesunucum_ustbar .top-bar-right {
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
	
	.zirvesunucum_ustbar .top-bar-left a {
		position: relative;
		font-size: 15px;
		font-weight: 500;
		padding: 5px 20px 5px 0;
		text-decoration: none;
	}
	
	.zirvesunucum_ustbar .top-bar-right a {
		position: relative;
		font-size: 15px;
		font-weight: 500;
		padding: 5px 20px 5px 0;
		text-decoration: none;
	}
	
	.zirvesunucum_ustbar .top-bar-left a i {
		position: relative;
		top: 2px;
		font-size: 19px;
		margin-right: 3px;
	}

	
	.zirvesunucum_ustbar .top-bar-right a i {
		position: relative;
		top: 2px;
		font-size: 19px;
		margin-right: 3px;
	}
	
	.zirvesunucum_ustbarmobil {
		position: relative;
		z-index: 3;
		background: #242935;
		color: #fff;
		display: -ms-flexbox;
		display: flex;
		justify-content: flex-end;
		list-style: none;
		margin: 0;
	}
	
	.zirvesunucum_ustbarmobil a {
		display: block;
		width: 100%;
		text-decoration:none;
	}
	
	.zirvesunucum_ustbarmobil ul.toplink1 {
		font-size: 13px;
		font-weight: 600;
		display: -ms-flexbox;
		display: flex;
		justify-content: flex-start;
		margin-left: -10px;
	}
	
	.zirvesunucum_ustbarmobil ul.toplink2 {
		font-size: 14px;
		font-weight: 600;
		display: -ms-flexbox;
		display: flex;
		justify-content: flex-end;
		margin-right: -10px;
	}
	
	.zirvesunucum_ustbarmobil ul.toplink1 li {
		padding-right: 20px;
	}
	
	.zirvesunucum_ustbarmobil ul.toplink1 li:last-child {
		padding-right: 0;
	}
		
	.zirvesunucum_ustbarmobil ul.toplink1 li a {
		position: relative;
		color: #fff;
	}
			
	.zirvesunucum_ustbarmobil ul.toplink2 {
		font-size: 14px;
		font-weight: 600;
		display: -ms-flexbox;
		display: flex;
		justify-content: flex-end;
		margin-right: -10px;
	}
		
	.zirvesunucum_ustbarmobil ul.toplink2 li {
		padding-left: 10px;
	}
	
	.zirvesunucum_ustbarmobil ul.toplink2 li a {
		position: relative;
		color: #fff;
	}
		
	/* ZSI - Top Bar Bitti */
	
	/* ZSI - SEPET */
	.zirvesunucum_nav-cart {
		padding-left: 10px;
		margin-left: 5px;
		border-left: 1px solid #e7e7e8;
	}
	
	.zirvesunucum_nav-cartmobil {
		padding-left: 10px;
		margin-left: 0px;
		border-left: 1px solid #e7e7e8;
	}
	/* ZSI - SEPET */


	
	
	
	/* ZSI - RIDER START*/
	
	.zirvesunucum_knightrider_one, .zirvesunucum_knightrider_two, .zirvesunucum_knightrider_three, .zirvesunucum_knightrider_four, .zirvesunucum_knightrider_five, .zirvesunucum_knightrider_six, .zirvesunucum_knightrider_seven, .zirvesunucum_knightrider_eight, .zirvesunucum_knightrider_nine, .zirvesunucum_knightrider_ten {
	  width: 14px;
	  height: 14px;
	  background: #122949;
	  margin: 0;
	  display: inline-block;
	  -webkit-box-shadow: 0 0 30px #122949, inset 0 0 5px rgba(255,255,255, 0.5);
	  border-radius: 5px;
	  -webkit-animation-duration: 0.7s;
	  -webkit-animation-iteration-count: infinite;
	  -webkit-animation-direction: alternate;
	}
	.zirvesunucum_knightrider_one {
	   -webkit-animation-name: first ;
	}
	.zirvesunucum_knightrider_two {
	  -webkit-animation-name: second ;
	}
	.zirvesunucum_knightrider_three {
	  -webkit-animation-name: third ;
	}
	.zirvesunucum_knightrider_four {
	  -webkit-animation-name: fourth ;
	}
	.zirvesunucum_knightrider_five {
	  -webkit-animation-name: fifth ;
	}
	.zirvesunucum_knightrider_six {
	  -webkit-animation-name: sixth ;
	}
	.zirvesunucum_knightrider_seven {
	  -webkit-animation-name: seventh ;
	}
	.zirvesunucum_knightrider_eight {
	  -webkit-animation-name: eighth ;
	}
	.zirvesunucum_knightrider_nine {
	  -webkit-animation-name: ninth ;
	}
	.zirvesunucum_knightrider_ten {
	  -webkit-animation-name: tenth ;
	}
	@-webkit-keyframes first {
	  0%   {opacity:0.2;}
	  10%  {opacity:1;}
	  20%  {opacity:0.2;}
	  100% {opacity:0;}
	}
	@-webkit-keyframes second {
	  0%   {opacity:0;}
	  10%   {opacity:0.2;}
	  20%  {opacity:1;}
	  30%  {opacity:0.2;}
	  100% {opacity:0;}
	}
	@-webkit-keyframes third {
	  0%   {opacity:0;}
	  20%  {opacity:0.2;}
	  30%  {opacity:1;}
	  40%  {opacity:0.2;}
	  100% {opacity:0;}
	}
	@-webkit-keyframes fourth {
	  0%   {opacity:0;}
	  30%  {opacity:0.2;}
	  40%  {opacity:1;}
	  50%  {opacity:0.2;}
	  100% {opacity:0;}
	}
	@-webkit-keyframes fifth {
	  0%   {opacity:0;}
	  40%  {opacity:0.2;}
	  50%  {opacity:1;}
	  60%  {opacity:0.2;}
	  100% {opacity:0;}
	}
	@-webkit-keyframes sixth {
	  0%   {opacity:0;}
	  50%  {opacity:0.2;}
	  60%  {opacity:1;}
	  70%  {opacity:0.2;}
	  100% {opacity:0;}
	}
	@-webkit-keyframes seventh {
	  0%   {opacity:0;}
	  60%  {opacity:0.2;}
	  70%  {opacity:1;}
	  80%  {opacity:0.2;}
	  100% {opacity:0;}
	}
	@-webkit-keyframes eighth {
	  0%   {opacity:0;}
	  70%  {opacity:0.2;}
	  80%  {opacity:1;}
	  90%  {opacity:0.2;}
	  100% {opacity:0;}
	}
	@-webkit-keyframes ninth {
	  0%   {opacity:0;}
	  80%  {opacity:0.2;}
	  90%  {opacity:1;}
	  100% {opacity:0.2;}
	}
	@-webkit-keyframes tenth {
	  0%   {opacity:0;}
	  90%  {opacity:0.2;}
	  100%  {opacity:1;}
	}
	
	/* ZSI - RIDER END */
	
	/* ZSI - Anasayfa Karşılama Banner Başladı */
	.zirvesunucum_karsilama {
		background-color: #196f3e;
		padding: 45px 0 50px;
		background-image: url('../img/tema/home_banner.jpg');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: bottom;
	}
	
	@media only screen and (min-width: 1200px) {
		.zirvesunucum_karsilama_ozelmargin{
			margin-right: 100px; 
			margin-left: 170px;
			margin-top:20px;
		}			
	}
	
	@media only screen and (min-width: 768) {
		.zirvesunucum_karsilama_ozelmargin{
			margin-right: 100px; 
			margin-left: 180px;		
		}			
	}
	/* ZSI - Anasayfa Karşılama Banner Bitti */
	
	/* ZSI - Minik Mobil Başladı */
	.zirvesunucum_btngroup_mobilmini{
		position: relative;
		display: inline-flex;
		vertical-align: middle;
	}

	@media only screen and (max-width: 1024px) {
		.zirvesunucum_btngroup_mobilmini{
			position: relative;
			display: inline-flex;
			vertical-align: middle;
			
		}	
		
		.zirvesunucum_img_mobilmini{
			width: 10.10rem;
			position: absolute;
			top: 5px;
			/*width: 5.90rem;
			width: 5.4375rem;
			height: 1.3em;*/
		}
	}

	/* ZSI - Minik Mobil Bitti */
	
	/* ZirveSunucum - Header General Section Başladı */
	
		.header-image-product {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0
		}

		.header-image-product img {
			width: 100%;
			height: 100%;
			object-fit: cover
		}
	
		.header-background-image {
			background-color: #383838;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: 50%;
			padding: 50px 0 50px;
		}

		@media (min-width:768px) and (max-width:1199px) {
			.header-background-image {
				padding: 40px 0 51px
			}
		}

		@media (max-width:767px) {
			.header-background-image {
				padding: 25px 0 36px
			}
		}
		
		ol.zirvesunucum_breadcrumb li:nth-child(odd) a {
			background-color: hsla(0,0%,100%,.2);
			border-radius: 4px;
			padding: 5px 10px;
			color: #fff;
			display: block;
			text-decoration: none;
			transition: background-color .1s;
		}
		
		ol.zirvesunucum_breadcrumb li:nth-child(odd) {
			padding: 0 4px;
		}
		ol.zirvesunucum_breadcrumb li {
			line-height: 1em; color:white; 
			
		}
		
		ol.zirvesunucum_breadcrumb .breadcrumb-item.active {
			line-height: 1.8em; color:white;
		}
		
		ol.zirvesunucum_breadcrumb .breadcrumb-item+.breadcrumb-item::before {
			float: left;
			padding-top:1px;
			padding-right: .5rem;
			color: white !IMPORTANT;
			
			font-family: "Font Awesome 6 Free";
			content: "\f105";
			display: inline-block;
			vertical-align: middle;
			font-weight: 900;
		}
		
	/* ZirveSunucum - Header General Section Bitti */
		
	/* ZirveSunucum - Footer Section Başladı */
	
		footer a,
		footer a:focus,
		footer a:hover {
			color: #fff
		}	

		.logo {
			max-height: 50px;
			max-width: 250px
		}

		.logo-xs {
			width: 100px
		}

		.logo-footer {
			margin-top: 20px;
			max-width: 250px
		}

		.zirvesunucum_footer_ust-section {
			background-color: #116c41;
			padding: 21px 0px 8px;
		}

		.zirvesunucum_footer_ust-section .zirvesunucum_footer_ust-section-element {
			font-weight: 500;
			color: #fff;
			text-align: center;
			font-size: 1.2rem
		}

		.zirvesunucum_footer_ana-section {
			padding: 60px 0 0;
			/* background-color: #383838; */
			background-color: #122949;
			color: #fff
		}

		.zirvesunucum_footer_ana-section ul li {
			line-height: 30px
		}

		.zirvesunucum_footer_ana-section ul li a {
			text-decoration: none !important;
			color: #fff;
			border: none
		}

		.zirvesunucum_footer_ana-section ul li a:active,
		.zirvesunucum_footer_ana-section ul li a:focus,
		.zirvesunucum_footer_ana-section ul li a:hover {
			border: none
		}

		.zirvesunucum_footer-enalt-section {
			/* background-color: #383838; */
			background-color: #122949;
			padding: 20px 0 30px;
			color: #9a9a9a;
			text-align: center
		}

	/* ZirveSunucum - Footer Section Bitti */
	
	


	/* Giriş Yap Sayfası 
	
		html, body { height: 100%; }

		body {
		  display: flex;
		  align-items: center;
		  padding-top: 40px;
		  padding-bottom: 40px;
		} 
	*/

	.zirvesunucum_form_giris {
	  width: 100%;
	  max-width: 330px;
	  padding: 15px;
	  margin: auto;
	}
	
	.zirvesunucum_form_giris .form-floating {
	  color:black;
	}
	
	.zirvesunucum_form_giris .checkbox {
	  font-weight: 400;
	}

	.zirvesunucum_form_giris .form-floating:focus-within {
	  z-index: 2;
	}

	.zirvesunucum_form_giris input[type="email"] {
	  margin-bottom: -1px;
	  border-bottom-right-radius: 0;
	  border-bottom-left-radius: 0;
	}

	.zirvesunucum_form_giris input[type="password"] {
	  margin-bottom: 10px;
	  border-top-left-radius: 0;
	  border-top-right-radius: 0;
	}
	
	
	/* ZirveSunucum Supplement Section Başladı*/
		.zirvesunucum_supplement-section {
			position: relative;
			top: -61px;
			z-index: 98
		}

		.zirvesunucum_supplement-section h4 {
			font-family: Montserrat, sans-serif;
			text-transform: uppercase;
			font-weight: 500;
			color: #fff;
			margin: 8px
		}

		.zirvesunucum_supplement-section .supplement-element-left,
		.zirvesunucum_supplement-section .supplement-element-middle,
		.zirvesunucum_supplement-section .supplement-element-right {
			position: absolute;
			display: inline-block
		}

		.zirvesunucum_supplement-section .supplement-element-left,
		.zirvesunucum_supplement-section .supplement-element-right {
			width: 2%;
			height: 0
		}

		.zirvesunucum_supplement-section .supplement-element-left {
			border-top: 11px solid transparent;
			border-bottom: 11px solid transparent;
			border-right: 14px solid #fff
		}

		.zirvesunucum_supplement-section .supplement-element-left.supplement-element-grey {
			border-right: 14px solid #ededed
		}

		.zirvesunucum_supplement-section .supplement-element-left.supplement-element-light-grey {
			border-right: 14px solid #f5f5f5
		}

		.zirvesunucum_supplement-section .supplement-element-left.supplement-element-red {
			border-right: 14px solid #d50c2d
		}

		.zirvesunucum_supplement-section .supplement-element-left.supplement-element-black {
			border-right: 14px solid #383838
		}
		
		.zirvesunucum_supplement-section .supplement-element-left.supplement-element-darkblue {
			border-right: 14px solid #122949;
		}
		
		.zirvesunucum_supplement-section .supplement-element-left.supplement-element-darkgreen {
			border-right: 14px solid #116c41;
		}
		
		.zirvesunucum_supplement-section .supplement-element-left.supplement-element-white {
			border-right: 14px solid #fff;
		}

		.zirvesunucum_supplement-section .supplement-element-left.supplement-element-darkred {
			border-right: 14px solid #7a170e;
		}
		
		.zirvesunucum_supplement-section .supplement-element-left.supplement-element-darkorange {
			border-right: 14px solid #e25a06;
		}

		.zirvesunucum_supplement-section .supplement-element-middle {
			background-color: #fff;
			height: 22px;
			left: 2%;
			width: 96%
		}

		@media (max-width:444px) {
			.zirvesunucum_supplement-section .supplement-element-middle {
				left: 3.5%;
				width: 93%
			}
		}

		@media (min-width:445px) and (max-width:513px) {
			.zirvesunucum_supplement-section .supplement-element-middle {
				left: 3%;
				width: 94%
			}
		}

		@media (min-width:514px) and (max-width:609px) {
			.zirvesunucum_supplement-section .supplement-element-middle {
				left: 2.5%;
				width: 95%
			}
		}

		.zirvesunucum_supplement-section .supplement-element-middle.supplement-element-grey {
			background-color: #ededed
		}

		.zirvesunucum_supplement-section .supplement-element-middle.supplement-element-light-grey {
			background-color: #f5f5f5
		}

		.zirvesunucum_supplement-section .supplement-element-middle.supplement-element-red {
			background-color: #d50c2d
		}

		.zirvesunucum_supplement-section .supplement-element-middle.supplement-element-black {
			background-color: #383838
		}
		
		.zirvesunucum_supplement-section .supplement-element-middle.supplement-element-darkblue {
			background-color: #122949;
		}
		
		.zirvesunucum_supplement-section .supplement-element-middle.supplement-element-darkgreen {
			background-color: #116c41;
		}
		
		.zirvesunucum_supplement-section .supplement-element-middle.supplement-element-white {
			background-color: #fff;
		}
		
		
		

		.zirvesunucum_supplement-section .supplement-element-right {
			border-top: 11px solid transparent;
			border-bottom: 11px solid transparent;
			border-left: 14px solid #fff;
			right: 0
		}

		.zirvesunucum_supplement-section .supplement-element-right.supplement-element-grey {
			border-left: 14px solid #ededed
		}

		.zirvesunucum_supplement-section .supplement-element-right.supplement-element-light-grey {
			border-left: 14px solid #f5f5f5
		}

		.zirvesunucum_supplement-section .supplement-element-right.supplement-element-red {
			border-left: 14px solid #d50c2d
		}

		.zirvesunucum_supplement-section .supplement-element-right.supplement-element-black {
			border-left: 14px solid #383838
		}
		
		.zirvesunucum_supplement-section .supplement-element-right.supplement-element-darkblue {
			border-left: 14px solid #122949 
		}
		
		.zirvesunucum_supplement-section .supplement-element-right.supplement-element-darkgreen {
			border-left: 14px solid #116c41
		}
		
		.zirvesunucum_supplement-section .supplement-element-right.supplement-element-white {
			border-left: 14px solid #fff
		}
		
	/* ZirveSunucum Supplement Section Bitti */

	/* ZirveSunucum Domain Section Verileri Başladı	*/
	
		.background-image-cta-domain {
			background: #fff url('../img/tema/zs_pattern_domain.png') no-repeat 0;
			background-size: cover
		}
		
		.search-row {
			padding: 50px 5px
		}

		.domain-input-prefix {
			line-height: 1.6em;
			font-size: 1.8rem
		}

		.search-bar-instructions {
			padding: 20px 0 0;
			line-height: 1.6em
		}

		@media (max-width:767px) {
			.search-bar-instructions {
				padding: 20px 0;
				text-align: center
			}
		}

		.box-pre-gradient:after {
			content: "";
			position: absolute;
			z-index: -1;
			top: -30px;
			bottom: 100%;
			width: 100%;
			height: 45px;
			left: -10%;
			right: -10%;
			background: -webkit-radial-gradient(60% 100%, ellipse cover, rgba(0, 0, 0, .2), rgba(97, 97, 97, 0) 50%)
		}

		.box-post-gradient {
			position: relative
		}

		.box-post-gradient:after {
			content: "";
			position: absolute;
			z-index: -4;
			top: 100%;
			bottom: 0;
			width: 100%;
			height: 55px;
			left: -10%;
			right: -10%;
			background: -webkit-radial-gradient(60% -3%, ellipse cover, rgba(0, 0, 0, .2), rgba(97, 97, 97, 0) 50%)
		}

		.input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn {
			line-height: 1.6em;
		}
		.input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn {
			height: 46px;
			padding: 10px 16px;
			font-size: 18px;
			line-height: 1.3333333;
			border-radius: 6px;
		}


	/* ZirveSunucum Domain Section Verileri Bitti	*/
	
	/*	ZirveSunucum Özel Buton Ayarları Başladı	*/

.btn {
    letter-spacing: normal;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    border-radius: 3px;
    padding: 6px 12px;
    border: 0;
    box-shadow: inset 0 -3px 0 0 rgba(34, 34, 34, 0.1);
    -webkit-box-shadow: inset 0 -3px 0 0 rgba(34, 34, 34, 0.1);
    -moz-box-shadow: inset 0 -3px 0 0 rgba(34, 34, 34, 0.1);
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.btn-default {
    background-color: #f6f7fa;
    color: #333
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus {
    background-color: #e6e8f1;
    color: #333
}

.btn-orange {
    background-color: #f60;
    color: #fff
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange.focus {
    background-color: #e66700;
    color: #fff
}

.btn-green {
    background-color: #116c41;
    color: #fff
}

.btn-green:hover,
.btn-green:focus,
.btn-green.focus {
    background-color: #075f35;
    color: #fff
}

.btn-darkblue {
    background-color: #122949;
    color: #fff
}

.btn-darkblue:hover,
.btn-darkblue:focus,
.btn-darkblue.focus {
    background-color: #0c2446;
    color: #fff
}

.btn-darkgreen {
    background-color: #116c41;
    color: #fff
}

.btn-darkgreen:hover,
.btn-darkgreen:focus,
.btn-darkgreen.focus {
    background-color: #1d5f40;
    color: #fff
}

.btn-darkred {
    background-color: #7a170e;
    color: #fff
}

.btn-darkred:hover,
.btn-darkred:focus,
.btn-darkred.focus {
    background-color: #7a170e;
    color: #fff
}


.btn-darkorange {
    background-color: #e25a06;
    color: #fff
}

.btn-darkorange:hover,
.btn-darkorange:focus,
.btn-darkorange.focus {
    background-color: #e25a06;
    color: #fff
}

.btn-blue {
    background-color: #3bafda;
    color: #fff
}

.btn-blue:hover,
.btn-blue:focus,
.btn-blue.focus {
    background-color: #28a5d4;
    color: #fff
}

.btn-dark_grey {
    background-color: #656d78;
    color: #fff
}

.btn-dark_grey:hover,
.btn-dark_grey:focus,
.btn-dark_grey.focus {
    background-color: #59606a;
    color: #fff
}

.btn-dark {
    background-color: #333;
    color: #fff
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark.focus {
    background-color: #212121;
    color: #fff
}

.btn-big,
.btn-group-big>.btn {
    font-size: 25px;
    padding: 15px 30px
}

.btn-xs,
.btn-group-xs>.btn {
    font-size: 12px;
    padding: 3px 6px
}

.btn-sm,
.btn-group-sm>.btn {
    font-size: 12px;
    padding: 5px 10px
}

.btn-support {
    background-color: #f60;
    font-size: 14px;
    padding: 3px 12px;
    font-weight: 300;
    border: 0;
    box-shadow: inset 0 -3px 0 0 rgba(34, 34, 34, 0.1);
    -webkit-box-shadow: inset 0 -3px 0 0 rgba(34, 34, 34, 0.1);
    -moz-box-shadow: inset 0 -3px 0 0 rgba(34, 34, 34, 0.1);
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    border-radius: 3px
}

.btn-support:hover {
    background-color: #e77100
}

.btn-lg,
.btn-group-lg>.btn {
    font-size: 18px;
    padding: 8px 16px
}

.btn-xlg,
.btn-group-xlg>.btn {
    font-size: 20px;
    padding: 10px 20px
}

.btn-justified {
    display: block
}

.btn-orange.btn-bordered {
    position: relative;
    color: #f60;
    background-color: transparent
}

.btn-orange.btn-bordered::after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    border-width: 2px;
    border-style: solid;
    border-color: #f60;
    border-image: initial
}

.btn-orange.btn-bordered:hover {
    color: #fff;
    background-color: #f60
}

.btn-blue.btn-bordered {
    position: relative;
    color: #3bafda;
    background-color: transparent
}

.btn-blue.btn-bordered:hover {
    color: #fff;
    background-color: #3bafda
}

.btn-blue.btn-bordered::after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    border-width: 2px;
    border-style: solid;
    border-color: #3bafda;
    border-image: initial
}

.btn-dark_grey.btn-bordered {
    position: relative;
    color: #656d78;
    background-color: transparent
}

.btn-dark_grey.btn-bordered::after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    border-width: 2px;
    border-style: solid;
    border-color: #656d78;
    border-image: initial
}

.btn-dark_grey.btn-bordered:hover {
    color: #fff;
    background-color: #656d78
}

h2,
.h2 {
    font-size: 40px;
    margin-top: 0;
    font-weight: bold
}

section div.container h2,
h3 {
    text-align: center
}

.tab-container .panel-title {
    text-align: left
}

h3,
.h3 {
    font-size: 25px;
    margin-top: 10px;
    line-height: 1.25;
    letter-spacing: .5px
}

h4,
.h4 {
    font-size: 20px
}

.text-thin {
    font-weight: 100
}

.text-light {
    font-weight: 300
}

.text-normal {
    font-weight: 400
}

.text-bold {
    font-weight: 700
}

.text-bolder {
    font-weight: 900
}

.bg-blue {
    background-color: #3bafda
}

.bg-darkblue {
    background-color: #122949
}

.bg-darkgreen {
    background-color: #116c41
}

.bg-darkred {
    background-color: #7a170e
}

.bg-darkorange {
    background-color: #e25a06
}


.zs-text-darkblue{
	color: #122949
}

.zs-text-darkgreen{
	color: #116c41
}

.bg-grey {
    background-color: #e6e9ed
}

.bg-grey-light {
    background-color: #f6f7fa
}

.bg-white {
    background-color: #fff
}

.bg-navydark {
    background-color: #434a54;
    color: #fff
}

.bg-light_grey {
    background-color: #f6f7fa
}

.bg-grey {
    background-color: #e6e9ed
}

.bg-dark {
    background-color: #333
}

.bg-dark_grey {
    background-color: #4d4d4d !important
}

.bg-green {
    background-color: #81bc00
}

.text-medium_grey {
    color: #b3b7bd
}

div .toggle .btn {
    box-shadow: none;
    margin-top: 1px
}

div .toggle {
    margin-top: -2px
}

	/*	ZirveSunucum Özel Buton Ayarları Bitti	*/
	
	
	
	/* ZirveSunucum Info Box Başladı */

	.zirvesunucum_info-box {
		text-align: center;
		background-color: #fff
	}

	.zirvesunucum_info-box.zirvesunucum_info-box-with-icon {
		margin-top: 70px;
		border-radius: 50px;
	}

	.zirvesunucum_info-box.zirvesunucum_info-box-with-icon .zirvesunucum_info-box-content {
		line-height: 1.6em;
		padding: 70px 20px 20px
	}

	@media (min-width:768px) and (max-width:991px) {
		.zirvesunucum_info-box.zirvesunucum_info-box-with-icon .zirvesunucum_info-box-content {
			min-height: 200px
		}
		.zirvesunucum_info-box.zirvesunucum_info-box-with-icon .zirvesunucum_info-box-content.zirvesunucum_info-box-content-cta {
			min-height: 0
		}
		.zirvesunucum_info-box.zirvesunucum_info-box-with-icon .zirvesunucum_info-box-content.zirvesunucum_info-box-content-support {
			min-height: 260px
		}
	}

	@media (min-width:992px) and (max-width:1199px) {
		.zirvesunucum_info-box.zirvesunucum_info-box-with-icon .zirvesunucum_info-box-content {
			min-height: 170px
		}
		.zirvesunucum_info-box.zirvesunucum_info-box-with-icon .zirvesunucum_info-box-content.zirvesunucum_info-box-content-support {
			min-height: 260px
		}
		.zirvesunucum_info-box.zirvesunucum_info-box-with-icon .zirvesunucum_info-box-content.zirvesunucum_info-box-content-startpage {
			min-height: 246px;
			padding: 70px 10px 20px;
			-webkit-hyphens: auto;
			-moz-hyphens: auto;
			-ms-hyphens: auto;
			hyphens: auto
		}
	}

	@media (min-width:1200px) {
		.zirvesunucum_info-box.zirvesunucum_info-box-with-icon .zirvesunucum_info-box-content {
			min-height: 230px
		}
		.zirvesunucum_info-box.zirvesunucum_info-box-with-icon .zirvesunucum_info-box-content.zirvesunucum_info-box-content-support {
			min-height: 260px
		}
	}

	.zirvesunucum_info-box.zirvesunucum_info-box-with-icon .zirvesunucum_info-box-content.zirvesunucum_info-box-content-startpage h3>a {
		text-decoration: none
	}

	.zirvesunucum_info-box.zirvesunucum_info-box-with-icon .zirvesunucum_info-box-content.zirvesunucum_info-box-content-startpage h3>a:active,
	.zirvesunucum_info-box.zirvesunucum_info-box-with-icon .zirvesunucum_info-box-content.zirvesunucum_info-box-content-startpage h3>a:focus,
	.zirvesunucum_info-box.zirvesunucum_info-box-with-icon .zirvesunucum_info-box-content.zirvesunucum_info-box-content-startpage h3>a:hover {
		color: #383838
	}

	.zirvesunucum_info-box.zirvesunucum_info-box-with-icon .zirvesunucum_info-box-icon-container {
		position: relative;
		display: block
	}

	.zirvesunucum_info-box.zirvesunucum_info-box-with-icon .zirvesunucum_info-box-icon-container .zirvesunucum_info-box-icon {
		left: 50%;
		top: -55px;
		position: absolute;
		display: inline-block
	}

	.zirvesunucum_info-box.zirvesunucum_info-box-with-icon .zirvesunucum_info-box-icon-container .zirvesunucum_info-box-icon a {
		display: block
	}

	.zirvesunucum_info-box.zirvesunucum_info-box-with-icon .zirvesunucum_info-box-icon-container .zirvesunucum_info-box-icon img {
		width: 110px;
		height: 110px;
		border-radius: 50%;
		margin-left: -100%;
		-webkit-transition: all .5s ease;
		transition: all .5s ease
	}

	.zirvesunucum_info-box.zirvesunucum_info-box-with-icon .zirvesunucum_info-box-icon-container .zirvesunucum_info-box-icon img:hover {
		-webkit-transition: all .5s ease;
		transition: all .5s ease;
		-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
		box-shadow: 0 0 10px rgba(0, 0, 0, .4)
	}

	.zirvesunucum_info-box.zirvesunucum_info-box-with-icon .zirvesunucum_info-box-icon-container .zirvesunucum_info-box-icon img.hover-none:hover {
		box-shadow: none;
		transition: none
	}

	.zirvesunucum_info-box.zirvesunucum_info-box-with-border-top {
		border-top: 3px solid #dedede
	}

	.zirvesunucum_info-box .zirvesunucum_info-box-pre {
		text-align: center;
		color: #fff;
		background-color: #383838;
		padding: 10px
	}

	.zirvesunucum_info-box .zirvesunucum_info-box-pre h4 {
		font-size: 1.2rem;
		margin: 0
	}

	.zirvesunucum_info-box .zirvesunucum_info-box-content {
		padding: 20px
	}

	.zirvesunucum_info-box .zirvesunucum_info-box-ref {
		color: #fff;
		padding: 17px 20px;
		background-color: #383838;
		border-bottom-right-radius: 50px;
		border-bottom-left-radius: 50px;	
	}

	.zirvesunucum_info-box .zirvesunucum_info-box-ref .zirvesunucum_info-box-price {
		padding: 0 0 10px;
		color: #7bcca6;
		font-size: 1.2rem;
		font-weight: 500;
		line-height: 1em
	}

	.zirvesunucum_info-box .zirvesunucum_info-box-ref .zirvesunucum_info-box-price span {
		font-size: .8rem;
		margin-left: -10px
	}

	.zirvesunucum_info-box .zirvesunucum_info-box-ref.zirvesunucum_info-box-ref-small {
		padding: 10px
	}

	.btn.btn-white-light, .btn.btn-white-light:hover {
		color: #fff;
		box-shadow: inset 0 0 0 2px #fff;
		transition: all .2s;
		-webkit-transition: all .2s;
	}

	.btn.btn-white-light {
		background-color: transparent;
	}


	.zirvesunucum_info-box.zirvesunucum_info-box-with-icon .zirvesunucum_info-box-content.zirvesunucum_info-box-content-startpage h3>a:active, .zirvesunucum_info-box.zirvesunucum_info-box-with-icon .zirvesunucum_info-box-content.zirvesunucum_info-box-content-startpage h3>a:focus, .zirvesunucum_info-box.zirvesunucum_info-box-with-icon .zirvesunucum_info-box-content.zirvesunucum_info-box-content-startpage h3>a:hover {
		color: #383838;
	}

	.zirvesunucum_info-box.zirvesunucum_info-box-with-icon .zirvesunucum_info-box-content.zirvesunucum_info-box-content-startpage h3>a {
		text-decoration: none;
	}
	
	/* ZirveSunucum Info Box Bitti */
	
	/* ZirveSunucum Swipe Slider Başladı */

		.startpage-slider {
			position: relative;
		}
		
		.startpage-slider .swiper-pagination-bullet {
			width: 20px;
			height: 20px;
			border: 2px solid #fff;
			background: 0 0;
			opacity : 1;
			padding-top: 1px;
			padding-left: 0.6px;
		}
		
		.startpage-slider .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
			display: block;
			width: 8px;
			height: 8px;
			background-color: #fff;
			content: "";
			border-radius: 50%;
			transform: translate(50%,50%);
		}
		
		.swiper-pagination-bullet {
			cursor: pointer;
		}
		
		.swiper-container {
			background: 0 0;
		}

		.swiper-container {
			margin-left: auto;
			margin-right: auto;
			position: relative;
			overflow: hidden;
			z-index: 1;
		}

		.header-image-product {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
		}

		.container-slider-startpage {
			padding-right: 65px;
			padding-left: 65px;
		}

		.row-flex-center-all {
			display: flex;
			align-items: center;
		}
		
		.startpage-slider .swiper-left i, .startpage-slider .swiper-right i {
			color: #fff;
		}

		.startpage-slider .swiper-left, .startpage-slider .swiper-right {
			background-color: hsla(0,0%,100%,.2);
			margin-top: 0;
			background-image: none;
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 4px;
			transition: background-color 50ms ease-in;
		}

		.swiper-container .swiper-button-next:focus,
		.swiper-container .swiper-button-prev:focus {
			outline: 0
		}

		.swiper-container .swiper-button-next:after,
		.swiper-container .swiper-button-prev:after {
			display: none
		}
		
		
	/* ZirveSunucum Swipe Slider Bitti */
	
	
	/* ZirveSunucum Sayfa Sidebar Navigasyon Başladı */
	
	.zirvesunucum_innercontent_topbotout{
		padding: 40px 0;
	}
	
	.sidebar-nav {
		border-color: #e9eaed #e0e1e5 #d4d5d9;
		border-style: solid;
		border-width: 1px;
		background-color: #fff;
		margin-bottom: 20px;
		
		border-radius: 20px;
	}

	.sidebar-nav .sidebar-nav-header {
		padding: 11px 20px;
		background-color:#116c41;
		
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
	}

	.sidebar-nav .sidebar-nav-header h3 {
		color: #fff;
		margin: 0
	}

	.sidebar-nav .sidebar-nav-content {
		padding: 15px 20px
	}

	.sidebar-nav .sidebar-nav-content .checkbox {
		padding-left: 8px;
		line-height: 1.6em
	}

	.sidebar-nav .sidebar-nav-content .form-group {
		margin: 0
	}

	.sidebar-nav .sidebar-nav-content label {
		font-weight: 500
	}

	.sidebar-benefits {
		background-color: #fff;
		border-color: #e9eaed #e0e1e5 #d4d5d9;
		border-style: solid;
		border-width: 1px;
		border-radius: 2px;
		padding: 20px
	}

	@media (max-width:767px) {
		.sidebar-benefits {
			margin: 0 0 20px
		}
	}

	.sidebar-benefits ul.list-benefits {
		margin: 0;
		padding-left: 20px
	}

	.sidebar-benefits ul.list-benefits li {
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
		font-size: 14px;
		line-height: 1.4em;
		margin-bottom: 5px
	}

	.sidebar-benefits ul.list-benefits li:last-child {
		margin-bottom: 0
	}

	.sidebar-benefits ul.list-benefits li:before {
		left: 37px;
		content: "\F05D";
		font-family: "Font Awesome 6 Free";
		display: inline-block;
		text-decoration: none;
		position: absolute;
		color: #59a219
	}

	.list-sidebar-navigation {
		margin: 0
	}

	.list-sidebar-navigation li.list-sidebar-navigation-item {
		margin: 0 0 3px
	}

	.list-sidebar-navigation li.list-sidebar-navigation-item:last-child {
		margin: 0
	}

	.list-sidebar-navigation li.list-sidebar-navigation-item a {
		text-decoration: none;
		font-weight: 400
	}

	.list-sidebar-navigation li.list-sidebar-navigation-item a:hover {
		text-decoration: underline
	}

	.list-sidebar-navigation li.list-sidebar-navigation-item a.link-active {
		font-weight: 500;
		color: #036e00;
	}

	.list-card {
		margin: 0
	}

	.list-card li {
		border-color: #e9eaed #e0e1e5 #d4d5d9;
		border-style: solid;
		border-width: 1px;
		border-radius: 2px;
		background-color: #fff;
		padding: 20px;
		margin: 0 0 3px
	}

	.list-card li:last-child {
		margin: 0
	}

	.list-card li.additional-info h4 {
		color: #59a219
	}

	.list-card li.additional-info p {
		font-style: italic;
		color: #5a5a5a
	}

	.list-card li.additional-info p:last-child {
		margin: 0
	}
		
	.border-card {
		border-color: #e9eaed #e0e1e5 #d4d5d9;
		border-style: solid;
		border-width: 1px;
		border-radius: 35px;
	}
	
	.dis-baglanti {
		color: #383838; text-decoration: underline; font-weight: 500; font-size:16px;
	}
	
	a:hover {
	  color: #116c41;
	}
	
	/* ZirveSunucum Sayfa Sidebar Navigasyon Bitti */
	
	/* ZirveSunucum İletişim Formu Başladı */
		.form-group { margin-bottom: 15px; }
	/* ZirveSunucum İletişim Formu Bitti */

	/* ZirveSunucum Product Addons CSS Başladı*/

		/* Grid */

		.zscore_addon_card_grid {
			display: grid;
			grid-gap: 0.1em;
			margin: 0;
			padding: 0;
		
			@media (min-width: 60em) {
			grid-template-columns: repeat(2, 1fr);
			}
			
			@media (min-width: 90em) {
			grid-template-columns: repeat(3, 1fr);
			}
		}
		
		/* Card Styles */
		
		.zscore_addon_card {
			background: #fff;
			border: 1px solid #e2ebf6;
			/* border-radius: 0.25em; */
			border-radius: 1.5em;
			cursor: pointer;
			display: flex;
			padding: 1em;
			position: relative;
			transition: all 0.2s;
			
			&:hover {
			border-color: #c4d1e1;
			box-shadow: 0 4px 10px -4px rgba(0, 0, 0, 0.15);
			transform: translate(-4px, -4px);
			}
		}
		
		.zscore_addon_card__image {
			border-radius: 0.25em;
			height: 6em;
			min-width: 6em;
		}
		
		.zscore_addon_card__content {
			flex: auto;
			padding: 0 1em;
		}
		
		.zscore_addon_card h2 {
			font-weight: 700;
			margin: 0;
			font-size:16px;
		}
		
		.zscore_addon_card p {
			color: #546e7a;
			margin: 0;
			font-size:12px;
		}
		
		/* Checkbox Styles */
		
		.zscore_addon_card_checkbox {
			-webkit-appearance: none;
			-moz-appearance: none;
			cursor: pointer;
			background: #e2ebf6;
			border-radius: 50%;
			height: 2em;
			margin: 0;
			margin-left: auto;
			flex: none;
			outline: none;
			position: relative;
			transition: all 0.2s;
			width: 2em; 
			
			&:after {
			border: 2px solid #fff;
			border-top: 0;
			border-left: 0;
			content: '';
			display: block;
			height: 1em;
			left: 0.780em;
			position: absolute;
			top: 0.32em;
			transform: rotate(45deg);
			width: 0.5em;
			}
			
			&:focus {
				box-shadow: 0 0 0 2px rgba(100, 193, 117, 0.6);
			}
			
			&:checked {
				background: #116c41;
				border-color: #116c41;
			}
		}
		
		.zscore_addon_card_checkbox-control__target { bottom: 0; cursor: pointer; left: 0; opacity: 0; position: absolute; right: 0; top: 0; }
		
		/* SVG Styles */
		.zscore_addon_card_color_nude { fill: #f4f0ed; }
		.zscore_addon_card_color_yellow { fill: #ffcb65; }
		.zscore_addon_card_color_red { fill: #f96149; }
		.zscore_addon_card_color_sunburn { fill: #fe9d7d; }
		.zscore_addon_card_color_eggplant { fill: #422b42; }
		.zscore_addon_card_color_blue { fill: #4473e9; }
		.zscore_addon_card_color_flamingo { fill: #ffb3da; }
		.zscore_addon_card_color_violet { fill: #4450c7; }
		.zscore_addon_card_color_poppy { fill: #ffa128;}
		.zscore_addon_card_color_orange { fill: #ff8e56; }

	/* ZirveSunucum Product Addons CSS Bitti*/



	/* zirvesunucum toast basladi */

		.toastify {
			padding: 12px 16px;
			color: #fff;
			display: inline-block;
			-webkit-box-shadow: 0 3px 6px -1px rgba(0, 0, 0, .12), 0 10px 36px -4px rgba(77, 96, 232, .3);
			box-shadow: 0 3px 6px -1px rgba(0, 0, 0, .12), 0 10px 36px -4px rgba(77, 96, 232, .3);
			background: var(--tb-success);
			position: fixed;
			opacity: 0;
			-webkit-transition: all .4s cubic-bezier(.215, .61, .355, 1);
			transition: all .4s cubic-bezier(.215, .61, .355, 1);
			border-radius: 2px;
			cursor: pointer;
			text-decoration: none;
			max-width: calc(50% - 20px);
			z-index: 2147483647
		}

		.toastify.on {
			opacity: 1
		}

		.toast-close {
			opacity: .4;
			padding: 0 5px;
			position: relative;
			left: 4px;
			margin-left: 4px;
			border: none;
			background: 0 0
		}

		.toastify-right {
			right: 15px
		}

		.toastify-left {
			left: 15px
		}

		.toastify-left .toast-close {
			left: -4px;
			margin-left: 0;
			margin-right: 4px
		}

		.toastify-top {
			top: -150px
		}

		.toastify-bottom {
			bottom: -150px
		}

		.toastify-rounded {
			border-radius: 25px
		}

		.toastify-avatar {
			width: 1.5em;
			height: 1.5em;
			margin: -7px 5px;
			border-radius: 2px
		}

		.toastify-center {
			margin-left: auto;
			margin-right: auto;
			left: 0;
			right: 0;
			max-width: -webkit-fit-content;
			max-width: fit-content;
			max-width: -moz-fit-content
		}

		@media only screen and (max-width:360px) {
			.toastify-left,
			.toastify-right {
				margin-left: auto;
				margin-right: auto;
				left: 0;
				right: 0;
				max-width: -webkit-fit-content;
				max-width: -moz-fit-content;
				max-width: fit-content
			}
		}

		.toast:not(:last-child) {
			margin-bottom: .75rem
		}

		.toast-border-primary .toast-body {
			color: var(--tb-primary);
			border-bottom: 3px solid var(--tb-primary)
		}

		.toast-border-secondary .toast-body {
			color: var(--tb-secondary);
			border-bottom: 3px solid var(--tb-secondary)
		}

		.toast-border-success .toast-body {
			color: var(--tb-success);
			border-bottom: 3px solid var(--tb-success)
		}

		.toast-border-info .toast-body {
			color: var(--tb-info);
			border-bottom: 3px solid var(--tb-info)
		}

		.toast-border-warning .toast-body {
			color: var(--tb-warning);
			border-bottom: 3px solid var(--tb-warning)
		}

		.toast-border-danger .toast-body {
			color: var(--tb-danger);
			border-bottom: 3px solid var(--tb-danger)
		}

		.toast-border-light .toast-body {
			color: var(--tb-light);
			border-bottom: 3px solid var(--tb-light)
		}

		.toast-border-dark .toast-body {
			color: var(--tb-dark);
			border-bottom: 3px solid var(--tb-dark)
		}
	/* zirvesunucum toast bitti. */

	/*ZIRVESUNUCUM BAZI SEYLER BASLADI*/
		
	.zirvesunucum_card_ust{
		color:white; font-family: Montserrat,sans-serif; font-weight: 500;
	}
		
	hr {
		margin: 0
	}

	.hr-dark {
		background-color: #5a5a5a
	}

	.hr-dark,
	.hr-grey {
		height: 2px;
		border-top: 0;
		border-bottom: 0
	}

	.hr-grey {
		background-color: #ededed
	}

	.hr-light {
		background: #fff;
		height: 2px;
		border-top: 0;
		border-bottom: 0
	}
	
	.hr-darkblue {
		background: #122949;
		height: 2px;
		border-top: 0;
		border-bottom: 0
	}
	
	.padding-5,
	.padding-default {
		padding: 5px
	}

	.padding-10 {
		padding: 10px
	}

	.padding-0-0-5-0 {
		padding: 0 0 5px
	}

	.padding-0-0-10-0 {
		padding: 0 0 10px
	}

	.padding-5-0-0-0 {
		padding: 5px 0 0
	}

	.padding-20 {
		padding: 20px
	}

	.padding-0-20 {
		padding: 0 20px
	}

	.padding-50-20 {
		padding: 50px 20px
	}

	.padding-70-20 {
		padding: 70px 20px
	}

	.padding-10-20 {
		padding: 20px
	}

	.padding-20-0-0-0 {
		padding-top: 20px
	}

	.padding-30-0-0-0 {
		padding-top: 30px
	}

	.padding-20-5 {
		padding: 20px 5px
	}

	.padding-70-10-0-10 {
		padding: 70px 10px 0
	}

	.padding-70-20-20-20 {
		padding: 70px 20px 20px
	}

	.padding-0 {
		padding: 0
	}

	.padding-0-20-0-0 {
		padding-right: 20px
	}

	.padding-10-20 {
		padding: 10px 20px
	}

	.padding-30 {
		padding: 30px
	}

	.margin-0 {
		margin: 0
	}

	.margin-0-0-20-0 {
		margin-bottom: 20px
	}

	.margin-0-0-5-0 {
		margin-bottom: 5px
	}

	.margin-20-0-0-0 {
		margin-top: 20px
	}

	.margin-0-0-40-0 {
		margin-bottom: 40px
	}

	@media (max-width:768px) {
		.margin-xs-0-0-40-0 {
			margin-bottom: 40px
		}
	}

	.margin-0-0-80-0 {
		margin-bottom: 80px
	}

	.margin-30-0-0-0 {
		margin-top: 30px
	}

	.margin-50-0-0-0 {
		margin-top: 50px
	}

	.margin-100-0-0-0 {
		margin-top: 100px
	}
	
	/*ZIRVESUNUCUM BAZI SEYLER BITTI*/

	/* GENEL TANIMLAMALAR */

	body h3 {
		font-size: 1.17rem;
		margin: 0 0 .83em;
	}

	body h1, body h2, body h3, body h4, body h5, body h6 {
		font-family: Montserrat,sans-serif;
		/* text-transform: uppercase; */
		font-weight: 500;
	}
		
	body p, body ul {
		line-height: 1.6em;
	}
	p {
		margin: 0 0 10px;
	}

	@media (max-width:768px) {
		.img-responsive-xs {
			width: 100%
		}
	}	

	.zirvesunucum_header_alani{position: sticky; top: 0; z-index: 1020;}

	.container {
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
	}

	a {
		color: #383838;
		text-decoration: underline;
		font-weight: 500;
	}
	
	a:focus {
		text-decoration: none
	}
	
	.zivesunucum_section {
		padding: 60px 0;
		display:block;
	}
	
	.zirvesunucum_partnerler_swiper {
		margin-left: auto;
		margin-right: auto;
		position: relative;
		overflow: hidden;
		list-style: none;
		padding: 0;
		z-index: 1;
	}
	
	.zirvesunucum_paketler_swiper {
		margin-left: auto;
		margin-right: auto;
		position: relative;
		overflow: hidden;
		list-style: none;
		padding: 0;
		z-index: 1;
	}
	
	.zivesunucum_gray_section {
		background-color: #ededed;
		padding: 50px 0;
		font-size: 12px;
		display:block;
	}
	
	.zivesunucum_whitegray_section{
		padding: 50px 0;
		background-image: url('../img/tema/zs_pattern_gray.png');
		background-repeat: repeat;
		color: #333;
		font-size: 12px;
		/*font-family: 'Ubuntu', sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: normal;
		margin: 0;
		position: relative;
		webkit-font-smoothing: antialiased;*/
		display:block;
	}
	
	.zivesunucum_white_section{
		padding: 50px 0;
		background-color: white;
		background-repeat: repeat;
		color: #333;
		font-size: 12px;
		/*font-family: 'Ubuntu', sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: normal;
		margin: 0;
		position: relative;
		webkit-font-smoothing: antialiased;*/
		display:block;
	}
	
	.fa.square-border-icon {
		padding: 16px 19px;
		font-size: 32px;
		color: #00a63f;
		border: 2px solid #00a63f;
		width: 80px;
		height: 80px;
		vertical-align: middle;
		line-height: 49px;
		text-align: center;
		border-radius: 0.5em;
		-webkit-box-shadow: 1px 4px 28px -5px rgb(0 166 63);
		-moz-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
		box-shadow: 1px 4px 28px -5px rgb(0 166 63);
	}
	
	.fa.square-icon {
		padding: 16px 19px;
		font-size: 32px;
		color: #fff;
		width: 80px;
		height: 80px;
		vertical-align: middle;
		line-height: 50px;
		text-align: center;
	}
	
	.text-shadow-default {
		text-shadow: 0 0 5px #000;
	}
	.color-white {
		color: #fff;
	}
	
	.row-flex-center {
		display: flex;
		align-items: center;
	}

	/*
		ZirveSunucum Footer Menu Area.
	*/

	/*
		ZirveSunucum Client Area Styles Start.
	*/

		.zsbg-dark{ 
			background-color: var(--zs-systemdark) !important; 
		}
	
		#zirvesunucum_clientinfo_card_id>.card-header{
			background: #242935; 
			color:white;
			border-start-start-radius: 20px;
			border-start-end-radius: 20px;
		}
		
		#zirvesunucum_clientinfo_card_id>.card-body{
			background:white;
			color:dark;
		}

		#zirvesunucum_client_hovered_id:hover{
			background-color: #e0e7e7;
		}

	  .alert { border-radius: 1.25rem !important;}

		#zirvesunucum_datatablelistcard_withid>.card-header{
			background: #242935; 
			color:white;
			border-start-start-radius: 20px;
			border-start-end-radius: 20px;
		}
		
		#zirvesunucum_datatablelistcard_withid>.card-body{
			background:white;
			color:dark;
			border-end-start-radius: 20px;
			border-end-end-radius: 20px;
		}

		.zs-remove-padding{
			padding: 0px 0;
		}

		.dropdown-item{ 
			font-size:12px !important; 
			color:#e80d0d important;
		}

		.dropdown-item.active, .dropdown-item:active { 
			color: #116c41 !important; background-color: #fff !important;
		 }

		.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { 
			color: #fff !important; background-color: #116c41 !important;
		 }

		div.product-details {
			margin: 0 0 20px 0
		}

		div.product-details div.product-icon {
			margin: 0;
			padding: 0;
			background-color: #242935;  /* #efefef */
			border-radius: 10px;
			padding: 30px;
			font-size: 60px;
			line-height: 1em;
			color:white;
		}

		.product-status {
			margin: 0 0 20px 0;
			padding: 0;
			border-radius: 10px
		}

		.product-status-passive {
			background-color: #dc3545
		}

		.product-status-pending {
			background-color: #f89406
		}

		.product-status-active {
			background-color: #116c41
		}

		.product-status-suspended {
			background-color: #0768b8
		}

		.product-status-cancelled,.product-status-terminated {
			background-color: #666
		}

		.product-status-fraud {
			background-color: #000
		}

		.product-status-text {
			padding: 5px;
			color: #fff;
			text-align: center;
			text-transform: uppercase
		}

		div:where(.swal2-container).swal2-center>.swal2-popup {
			border-radius: 30px;	
		}


		.zs-inorder-product-info{ margin: 0 0 20px 0; padding: 6px 15px; font-size: .85em; background-color: #f8f8f8; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; }
		.zs-inorder-product-title{ margin: 0; font-size: 1.6em; }
		
		.zs-inorder-sub-heading {
			height: 0;
			border-top: 1px solid #ddd;
			text-align: center;
			margin-top: 20px;
			margin-bottom: 30px;
		}

		.zs-inorder-sub-heading span {
			display: inline-block;
			position: relative;
			padding: 0 17px;
			top: -11px;
			font-size: 16px;
			color: #242935;
			background-color: #fff;
		}



	/*
		ZirveSunucum Client Area Styles End.
	*/


	.visible-lg,
	.visible-lg-block,
	.visible-lg-inline,
	.visible-lg-inline-block,
	.visible-md,
	.visible-md-block,
	.visible-md-inline,
	.visible-md-inline-block,
	.visible-sm,
	.visible-sm-block,
	.visible-sm-inline,
	.visible-sm-inline-block,
	.visible-xs,
	.visible-xs-block,
	.visible-xs-inline,
	.visible-xs-inline-block {
		display: none !important
	}
	
	@media (max-width:767px) {
		.visible-xs {
			display: block !important
		}
		table.visible-xs {
			display: table !important
		}
		tr.visible-xs {
			display: table-row !important
		}
		td.visible-xs,
		th.visible-xs {
			display: table-cell !important
		}
		.visible-xs-block {
			display: block !important
		}
		.visible-xs-inline {
			display: inline !important
		}
		.visible-xs-inline-block {
			display: inline-block !important
		}
	}
	
	@media (min-width:768px) and (max-width:991px) {
		.visible-sm {
			display: block !important
		}
		table.visible-sm {
			display: table !important
		}
		tr.visible-sm {
			display: table-row !important
		}
		td.visible-sm,
		th.visible-sm {
			display: table-cell !important
		}
		.visible-sm-block {
			display: block !important
		}
		.visible-sm-inline {
			display: inline !important
		}
		.visible-sm-inline-block {
			display: inline-block !important
		}
	}
	
	@media (min-width:992px) and (max-width:1199px) {
		.visible-md {
			display: block !important
		}
		table.visible-md {
			display: table !important
		}
		tr.visible-md {
			display: table-row !important
		}
		td.visible-md,
		th.visible-md {
			display: table-cell !important
		}
		.visible-md-block {
			display: block !important
		}
		.visible-md-inline {
			display: inline !important
		}
		.visible-md-inline-block {
			display: inline-block !important
		}
	}
	
	@media (min-width:1200px) {
		.visible-lg {
			display: block !important
		}
		table.visible-lg {
			display: table !important
		}
		tr.visible-lg {
			display: table-row !important
		}
		td.visible-lg,
		th.visible-lg {
			display: table-cell !important
		}
		.visible-lg-block {
			display: block !important
		}
		.visible-lg-inline {
			display: inline !important
		}
		.visible-lg-inline-block {
			display: inline-block !important
		}
	}
	
	@media (max-width:767px) {
		.hidden-xs {
			display: none !important
		}
	}
	
	@media (min-width:768px) and (max-width:991px) {
		.hidden-sm {
			display: none !important
		}
	}
	
	@media (min-width:992px) and (max-width:1199px) {
		.hidden-md {
			display: none !important
		}
	}
	
	@media (min-width:1200px) {
		.hidden-lg {
			display: none !important
		}
	}

	ul.list-domains li {
		background-color: #fff;
		border-color: #e9eaed #e0e1e5 #d4d5d9;
		border-radius: 2px;
		border-style: solid;
		border-width: 1px;
		font-size: 14px;
		margin: 5px 0;
		padding: 7px 14px
	}

	ul.list-domains li i {
		vertical-align: middle
	}

	@media (max-width:768px) {
		ul.list-domains li i {
			font-size: 1rem
		}
	}

	ul.list-domains li.not-available {
		box-shadow: inset 3px 0 0 0 #d50c2d;
		font-size: .8rem
	}

	ul.list-domains li.not-available label {
		color: #5a5a5a;
		font-weight: 400;
		margin: 0
	}

	ul.list-domains li.not-available i {
		color: #d50c2d
	}

	ul.list-domains li.available {
		box-shadow: inset 3px 0 0 0 #59a219
	}

	ul.list-domains li.available i.icon-availability {
		color: #59a219
	}

	ul.list-domains li.loading {
		box-shadow: inset 3px 0 0 0 #5a5a5a
	}

	ul.list-domains li.loading label {
		color: #5a5a5a;
		font-size: .8rem;
		font-weight: 400;
		margin: 0
	}

	ul.list-domains li.loading i {
		color: #5a5a5a
	}

	ul.list-domains li.error {
		box-shadow: inset 3px 0 0 0 #fdc400
	}

	ul.list-domains li.error label {
		color: #5a5a5a;
		font-family: Montserrat, sans-serif;
		font-weight: 500;
		margin: 0;
		text-transform: uppercase
	}

	ul.list-domains li.error i {
		color: #fdc400
	}

	ul.list-domains li:last-child {
		margin-bottom: 0
	}

	ul.list-domains li .domain {
		word-break: break-all
	}

	ul.list-domains li .domain,
	ul.list-domains li .price {
		font-size: 1rem;
		font-weight: 500
	}

	@media (max-width:767px) {
		ul.list-domains li .domain,
		ul.list-domains li .price {
			font-size: .8rem
		}
	}
	.check-category-tld {
		color: #d50c2d;
		cursor: pointer;
		font-weight: 500
	}


	.headline-container {
		background-color: #242935;
		color: #fff;
		padding: 11px 20px
	}

	.headline-container h1,
	.headline-container h2,
	.headline-container h3,
	.headline-container h4,
	.headline-container h5,
	.headline-container h6 {
		font-size: 1rem;
		margin: 0
	}
	
	.list-inline,
	.list-unstyled {
		list-style: none;
		padding-left: 0
	}
	
	.list-inline {
		margin-left: -5px
	}
	
	.list-inline>li {
		display: inline-block;
		padding-left: 5px;
		padding-right: 5px
	}

	.form-check-input:checked {
		background-color: #116c41;
		border-color: #116c41;
	}

	.zsinfosystem-section-head {
		margin-bottom: 50px;
		text-align: center;
	}
	.zsinfosystem-section-head .title {
		font-size: 25px;
		font-weight: 700;
	}
	.zsinfosystem-section-head .subtitle {
		font-size: 15px;
		line-height: 30px;
		color: #464646;
		font-weight: 400;
		opacity: 0.8;
		max-width: 550px;
		margin: auto;
	}
	.zsinfosystem-feature-box-1 {
		text-align: center;
		margin-bottom: 24px;
		padding: 10px;
	}
	.zsinfosystem-feature-box-1 .icon {
		height: 64px;
		width : 64px;
		margin: auto;
		background-color: #116c41;
		color: #fff;
		border-radius: 12px;
		margin-bottom: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		padding-top: 9px;
	}
	.zsinfosystem-feature-box-1 .title {
		font-size: 20px;
	}
	.zsinfosystem-feature-box-1 .icon i {
		font-size: 30px;
	}

	/* Offer */
	.zs-offer {
		background-color: var(--blue);
		color: #fff;
		padding: 50px 40px;
		border-radius: 15px;
		margin-top: 60px;
		position: relative;
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	@media (max-width: 992px) {
		.zs-offer {
			display: block;
		}
		.zs-offer .left {
			margin-bottom: 20px;
		}
		.zs-offer .btn-white {
			width: 170px;
		}
	}
	.zs-offer .title {
		font-size: 36px;
	}
	.zs-offer p {
		font-size: 20px;
	}
	.zs-offer .btn-white {
		font-weight: 600;
		padding: 0 30px;
		height: 46px;
		text-transform: uppercase;
	}
	.zs-offer .img-overlay {
		position: absolute;
		right: 300px;
		top: 30px;
		transform: rotate(-10deg);
		pointer-events: none;
		user-select: none;
	}


	/* YENI MOBIL/MASAUSTU MENU SISTEMLERI - PLATINUM YAZANLAR AKORDIYONLAR ICIN */

	/* Sadece bu offcanvas için geçerli */
	.offcanvas-platinum {
		background-color: #e5e5e5 !important; /* Platin ton */
		color: #222;
		border-left: 1px solid #ccc;
	  }
  
	  /* Close butonu görünür olsun */
	  .offcanvas-platinum .btn-close {
		filter: invert(1); /* Beyaz ikonları koyulaştırır */
		opacity: 0.8;
	  }
  
	  .text-neon {
		color: #116c41;
		font-family: 'Orbitron', sans-serif;
	  }
  
	  /* Genel grid yapısı */
	  .sci-fi-menu-grid {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
		gap: 1rem;
		margin-top: 1rem;
	  }
  
	  /* Kutular */
	  .sci-fi-box {
		background: linear-gradient(145deg, #d4d4d4, #f0f0f0); /* Platin/Gümüş geçişi */
		border: 1px solid #b0b0b0;
		border-radius: 8px;
		padding: 1rem;
		text-align: center;
		cursor: pointer;
		transition: all 0.3s ease;
		font-family: 'Rajdhani', sans-serif;
		color: #333;
		box-shadow: 0 2px 5px rgba(0,0,0,0.1);
	  }
  
	  .sci-fi-box:hover {
		border-color: #999;
		box-shadow: 0 0 10px rgba(160,160,160,0.5);
	  }
  
	  /* İkonlar */
	  .sci-fi-box i {
		display: block;
		font-size: 1.8rem;
		margin-bottom: 0.5rem;
		color: #666;
	  }
  
	  /* Yazı */
	  .sci-fi-box span {
		font-size: 14px;
		font-weight: 600;
	  }
  
	  .sci-fi-box.safe-exit {
		background: linear-gradient(145deg, #f2dede, #f9e6e6); /* Pastel kırmızı geçiş */
		border: 1px solid #ebcccc;
		color: #a94442;
		box-shadow: 0 2px 5px rgba(169, 68, 66, 0.1);
	  }
  
	  .sci-fi-box.safe-exit:hover {
		border-color: #dca7a7;
		box-shadow: 0 0 10px rgba(169, 68, 66, 0.3);
	  }
  
	  /* İkon ve yazı uyumu */
	  .sci-fi-box.safe-exit i {
		color: #a94442;
	  }
  
	  .sci-fi-box.safe-exit span {
		font-weight: 600;
	  }


		/* Platinum Accordion Başlık - Normal Durum */
		.platinum-accordion .accordion-button {
			background-color: #f8f9fa;
			color: #2c3e50;
			font-weight: 600;
			transition: background-color 0.3s ease, color 0.3s ease;
		  }
  
		  /* Hover Durumu */
		  .platinum-accordion .accordion-button:hover {
			background-color: #eaeaea;
			color: #1a1a1a;
		  }
  
		  /* Seçili (Açık) Durum */
		  .platinum-accordion .accordion-button:not(.collapsed) {
			background-color: #2c3e50;
			color: #ffffff;
			box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1);
		  }
  
		  /* İkon Renkleri */
		  .platinum-accordion .accordion-button::after {
			filter: brightness(0.7);
		  }
  
		  .platinum-accordion .accordion-button:not(.collapsed)::after {
			filter: brightness(2);
		  }
  
		  /* Focus Durumları */
		  .platinum-accordion .accordion-button:focus,
		  .platinum-accordion .accordion-button:focus-visible {
			outline: none;
			box-shadow: none;
		  }
  
		  /* Alternatif Focus Border (isteğe bağlı) */
		  .platinum-accordion .accordion-button:focus {
			box-shadow: 0 0 0 1px #ccc;
		  }
				  
		  .platinum-accordion .accordion-button .fa {
			vertical-align: middle;
		  }

		/* SSS, ACCORDION */
		.sss-accordion .accordion-body {
			background: #eb9f9f6b;
		}
		.sss-accordion .accordion-button:not(.collapsed) {
			color: #122949;
			background-color: #ffffff;
			box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
		}
		.sss-accordion .accordion-button:focus {
			z-index: 3;
			border-color: #86b7fe;
			outline: 0;
			box-shadow: 0 0 0 .25rem rgb(237 237 237);
		}

		/*
			MAYKIL MAYK TARZI NAVBAR : 
		*/
		.nav-link {
			position: relative;
			font-weight: 500;
			letter-spacing: 0.5px;
			transition: color 0.3s ease;
		  }
		  .nav-link::after {
			content: "";
			position: absolute;
			bottom: 0;
			left: 50%;
			transform: translateX(-50%);
			width: 0%;
			height: 2px;
			background: linear-gradient(90deg, #00f0ff, #ff00c8);
			transition: width 0.4s ease;
		  }
		  .nav-link:hover::after {
			width: 80%;
		  }
		  .nav-link:hover {
			color: #00ffe0;
		  }


		/* ZIRVESUNUCUM YENI MENULER MOBIL  */

		.zirvesunucum-header-user-dropdown {
			position: absolute;
			/* transform: translateY(50px); */
			border-radius: 12px;
			box-shadow: 0 0 20px rgba(0,0,0,0.2);
			background-color: #fff;
			min-width: 280px;
			z-index: 999;
			font-size: 0.875rem;
			max-height: 80vh; /* Mobilde ekranın %80’i kadar */
			overflow-y: auto;
			overscroll-behavior: contain;
			scrollbar-width: thin;
			scrollbar-color: #ccc transparent;
		  }
		  
		  
		  .zirvesunucum-header-user-dropdown-diamond {
			position: absolute;
			top: -10px;
			right: 20px;
			width: 16px;
			height: 16px;
			background: #fff;
			transform: rotate(45deg);
			box-shadow: -1px -1px 3px rgba(0,0,0,0.1);
			z-index: -1;
		  }
		  
		  .zirvesunucum-header-user-dropdown-list {
			list-style: none;
			padding-left: 0;
			margin-bottom: 0;
		  }
		  
		  .zirvesunucum-header-user-dropdown-item {
			display: flex;
			align-items: center;
			gap: 8px;
			padding: 8px 12px;
			color: #212529;
			text-decoration: none;
		  }
		  
		  .zirvesunucum-header-user-dropdown-item:hover {
			background-color: #f8f9fa;
			text-decoration: none;
		  }
		  
		  .zirvesunucum-header-user-dropdown-header {
			background-color: #f8f9fa;
			padding: 12px 16px;
			display: flex;
			align-items: center;
			border-bottom: 1px solid #dee2e6;
		  }
		  
		  /* Chrome ve diğer WebKit tarayıcılar için */
		  .zirvesunucum-header-user-dropdown::-webkit-scrollbar {
			width: 6px;
		  }
		  .zirvesunucum-header-user-dropdown::-webkit-scrollbar-thumb {
			background-color: #ccc;
			border-radius: 4px;
		  }
		  .zirvesunucum-header-user-dropdown::-webkit-scrollbar-track {
			background-color: transparent;
		  }
		  
		  .zirvesunucum-header-user-dropdown-section {
			font-size: 0.75rem;
			font-weight: 600;
			margin-top: 8px;
			margin-bottom: 4px;
		  }


		  /* ZIRVESUNUCUM FOOTER YENI ACCORDION */

		  .zirvesunucum-footer-accordion .accordion-item {
			background: none;
			border: none;
		  }
  
		  .zirvesunucum-footer-accordion .accordion-button {
			background: none !important;
			box-shadow: none !important;
			border: none;
			padding: 0.25rem 0;
			color: #e0e0e0; /* Açık renkli yazı */
			font-size: 1rem;
			font-weight: 500;
			display: flex;
			align-items: center;
		  }
  
		  .zirvesunucum-footer-accordion .accordion-button:focus {
			outline: none;
			box-shadow: none;
		  }
  
		  .zirvesunucum-footer-accordion .accordion-button::after {
			display: none;
		  }
  
		  .zirvesunucum-footer-accordion .accordion-body {
			padding: 0.5rem 0 0.5rem 1rem;
			color: #c0c0c0;
			font-size: 0.95rem;
		  }
  
		  .zirvesunucum-footer-accordion a {
			color: #c0c0c0;
			text-decoration: none;
		  }
  
		  .zirvesunucum-footer-accordion a:hover {
			color: #ffffff;
			text-decoration: underline;
		  }
  
		  .zirvesunucum-footer-accordion i {
			color: #e0e0e0;
			transition: transform 0.3s ease;
		  }
  
		  .zirvesunucum-footer-accordion .accordion-button[aria-expanded="true"] i {
			transform: rotate(180deg);
		  }


	/* MOBILDE MODAL SINIRLA */
	@media (max-width: 768px) {
		body.modal-open {
			padding-right: 0 !important;
		}
	}

	/* TOAST ÖZEL RENKLER */

	.toast-border-success {
		border-left: 5px solid #198754;
		background-color: #d1e7dd;
		color: #0f5132;
	}
	
	.toast-border-warning {
		border-left: 5px solid #ffc107;
		background-color: #fff3cd;
		color: #664d03;
	}
	
	.toast-border-danger {
		border-left: 5px solid #dc3545;
		background-color: #f8d7da;
		color: #842029;
	}
	
	.toast-border-info {
		border-left: 5px solid #0dcaf0;
		background-color: #cff4fc;
		color: #055160;
	}

	/* ZSCORE NEW PACKAGE MANAGER CSS CODES */

	.card.zirvesunucumnewmanager-card {
		border: none;
		border-radius: 15px;
		background: linear-gradient(145deg, #ffffff, #e6e6e6);
		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
		transition: transform 0.3s;
	}
	.card.zirvesunucumnewmanager-card:hover {
		transform: translateY(-5px);
	}
	.card-header.zirvesunucumnewmanager-card-header {
		background: linear-gradient(90deg, #2e4372, #3f5ba9);
		color: #fff;
		border-radius: 15px 15px 0 0;
		font-weight: 700;
		font-size: 1.5rem;
		padding: 15px;
	}
	.btn-primary.zirvesunucumnewmanager-btn-primary {
		background: linear-gradient(90deg, #2e4372, #3f5ba9);
		border: none;
		border-radius: 50px;
		padding: 12px 24px;
		transition: transform 0.2s, box-shadow 0.2s;
	}
	.btn-primary.zirvesunucumnewmanager-btn-primary:hover {
		transform: scale(1.05);
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
	}
	.btn-secondary.zirvesunucumnewmanager-btn-secondary {
		background: linear-gradient(90deg, #6c757d, #5a6268);
		border: none;
		border-radius: 50px;
		padding: 12px 24px;
		transition: transform 0.2s, box-shadow 0.2s;
	}
	.btn-secondary.zirvesunucumnewmanager-btn-secondary:hover {
		transform: scale(1.05);
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
	}
	.btn-danger.zirvesunucumnewmanager-btn-danger {
		border-radius: 50px;
		padding: 12px 24px;
	}
	.btn.zirvesunucumnewmanager-btn-copy {
		background: linear-gradient(90deg, #28a745, #34c759);
		border: none;
		border-radius: 50px;
		padding: 4px 8px;
		font-size: 0.8rem;
		transition: transform 0.2s;
	}
	.btn.zirvesunucumnewmanager-btn-copy:hover {
		transform: scale(1.05);
	}
	.zirvesunucumnewmanager-status-dot {
		height: 12px;
		width: 12px;
		border-radius: 50%;
		display: inline-block;
		margin-right: 8px;
		animation: zirvesunucumnewmanager-pulse 2s infinite;
	}
	.zirvesunucumnewmanager-status-active {
		background-color: #28a745;
	}
	.zirvesunucumnewmanager-status-warning {
		background-color: #ff6f61;
	}
	.zirvesunucumnewmanager-next-payment {
		font-size: 12px;
		font-weight: 600;
		color: #ff6f61;
	}
	.zirvesunucumnewmanager-info-section {
		background: #fff;
		border: 1px solid #e0e0e0;
		border-radius: 10px;
		padding: 20px;
		position: relative;
		margin-bottom: 20px;
		overflow: hidden;
	}
	.zirvesunucumnewmanager-info-section::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 5px;
		background: linear-gradient(90deg, #2e4372, #ff6f61);
	}
	.zirvesunucumnewmanager-info-section h5 {
		color: #2e4372;
		font-weight: 600;
		margin-bottom: 15px;
	}
	.zirvesunucumnewmanager-info-section h5 i {
		font-size: 1.5rem;
		margin-right: 10px;
		transition: transform 0.2s;
	}
	.zirvesunucumnewmanager-info-section h5:hover i {
		transform: scale(1.2);
	}
	.zirvesunucumnewmanager-password-toggle {
		cursor: pointer;
		color: #2e4372;
		transition: color 0.2s;
	}
	.zirvesunucumnewmanager-password-toggle:hover {
		color: #ff6f61;
	}
	.progress-bar.zirvesunucumnewmanager-progress-bar {
		background: linear-gradient(90deg, #28a745, #34c759);
		transition: width 1s ease-in-out;
	}
	.accordion-button.zirvesunucumnewmanager-accordion-button {
		background: #f8f9fa;
		color: #2e4372;
		font-weight: 600;
		border: none !important;
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	}
	.accordion-button.zirvesunucumnewmanager-accordion-button:not(.collapsed) {
		background: linear-gradient(90deg, #2e4372, #3f5ba9);
		color: #fff;
		border: none !important;
		box-shadow: none !important;
	}
	.accordion-button.zirvesunucumnewmanager-accordion-button:focus {
		outline: none !important;
		box-shadow: none !important;
	}
	.accordion-item.zirvesunucumnewmanager-accordion-item {
		border: none !important;
	}
	.footer.zirvesunucumnewmanager-footer {
		background: linear-gradient(90deg, #1a2b4a, #2e4372);
		color: #fff;
		padding: 30px 0;
		margin-top: 40px;
	}
	.footer.zirvesunucumnewmanager-footer a {
		color: #adb5bd;
		text-decoration: none;
		transition: color 0.2s;
	}
	.footer.zirvesunucumnewmanager-footer a:hover {
		color: #ff6f61;
	}
	.zirvesunucumnewmanager-help-btn {
		position: fixed;
		bottom: 20px;
		right: 20px;
		background: linear-gradient(90deg, #2e4372, #3f5ba9);
		color: #fff;
		border-radius: 50%;
		width: 50px;
		height: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 1.5rem;
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
		transition: transform 0.2s;
	}
	.zirvesunucumnewmanager-help-btn:hover {
		transform: scale(1.1);
	}
	.zirvesunucumnewmanager-notification-btn {
		position: fixed;
		top: 20px;
		right: 20px;
		background: linear-gradient(90deg, #2e4372, #3f5ba9);
		color: #fff;
		border-radius: 50%;
		width: 40px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 1.2rem;
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
		transition: transform 0.2s;
	}
	.zirvesunucumnewmanager-notification-btn:hover {
		transform: scale(1.1);
	}
	.zirvesunucumnewmanager-btn-copy i {
		font-size: 0.8rem;
	}
	[data-bs-toggle="tooltip"] {
		cursor: pointer;
	}
	@keyframes zirvesunucumnewmanager-pulse {
		0% { transform: scale(1); }
		50% { transform: scale(1.2); }
		100% { transform: scale(1); }
	}
	@media (max-width: 768px) {
		.card-header.zirvesunucumnewmanager-card-header {
			font-size: 1.2rem;
		}
		.btn-primary.zirvesunucumnewmanager-btn-primary,
		.btn-secondary.zirvesunucumnewmanager-btn-secondary,
		.btn-danger.zirvesunucumnewmanager-btn-danger {
			padding: 10px 20px;
		}
		.zirvesunucumnewmanager-notification-btn {
			top: 10px;
			right: 10px;
			width: 35px;
			height: 35px;
			font-size: 1rem;
		}
	}

	.zirvesunucumnewmanagesystem-badge {
		display: inline-block;
		padding: 6px 14px;
		font-size: 0.85rem;
		font-weight: 600;
		border-radius: 50px;
		line-height: 1.4;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		box-shadow: 0 0 0.25rem rgba(0,0,0,0.1);
		transition: all 0.3s ease;
	  }
	  
	  .zirvesunucumnewmanagesystem-status-box {
		width: 100%;
		text-align: center;
		padding: 12px 0;
		font-size: 1rem;
		font-weight: 600;
		border-radius: 8px;
		margin-top: 10px;
		text-transform: uppercase;
		letter-spacing: 0.6px;
		box-shadow: 0 0 0.25rem rgba(0,0,0,0.1);
	  }
	  
	  /* Durumlara göre renk */
	  .zirvesunucumnewmanagesystem-status-pending {
		background-color: #ffc107;
		color: #212529;
	  }
	  
	  .zirvesunucumnewmanagesystem-status-active {
		background-color: #28a745;
		color: #fff;
	  }
	  
	  .zirvesunucumnewmanagesystem-status-cancelled {
		background-color: #dc3545;
		color: #fff;
	  }
	  
	  .zirvesunucumnewmanagesystem-status-suspended {
		background-color: #343a40;
		color: #fff;
	  }
	  
	  .zirvesunucumnewmanagesystem-status-box:hover {
		transform: scale(1.02);
		box-shadow: 0 0 0.5rem rgba(0,0,0,0.15);
		cursor: default;
	  }
	  
	  @media (max-width: 576px) {
		.zirvesunucumnewmanagesystem-status-box {
		  font-size: 0.9rem;
		  padding: 10px;
		}
	  }

	  /* RE SWAL DESIGN */
		.swal2-popup {
			font-size: 1rem !important;
			font-weight: 600;
			border-radius: 12px !important;
			padding: 24px 32px !important;
			box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15) !important;
			background: linear-gradient(135deg, #f8f9fa, #ffffff) !important;
		}
		
		.swal2-title {
			font-size: 1.4rem !important;
			font-weight: 700 !important;
			color: #343a40 !important;
			margin-bottom: 12px !important;
			text-transform: uppercase;
			letter-spacing: 0.5px;
		}
		
		.swal2-content {
			font-size: 1rem !important;
			color: #495057 !important;
			line-height: 1.6;
		}
		
		.swal2-confirm {
			background-color: #28a745 !important;
			color: #fff !important;
			font-weight: 600;
			border-radius: 50px !important;
			padding: 10px 24px !important;
			box-shadow: 0 0.25rem 0.5rem rgba(40, 167, 69, 0.4);
			transition: all 0.3s ease;
		}
		
		.swal2-confirm:hover {
			background-color: #218838 !important;
		}
		
		.swal2-icon {
			transform: scale(1.2);
			margin-bottom: 16px !important;
		}

		/* ZS NEW SYSTEMS */


		.zirvesunucumnewalertsystems_radarpulse {
			width: 64px;
			height: 64px;
			border: 4px solid #116c41;
			border-radius: 50%;
			animation: zirveRadarPulse 1.5s infinite ease-in-out;
		  }
	  
		  @keyframes zirveRadarPulse {
			0% { transform: scale(1); opacity: 1; }
			100% { transform: scale(1.5); opacity: 0; }
		  }
	  
		  .zirvesunucumnewalertsystems_codestream {
			width: 100%;
			height: 40px;
			background: repeating-linear-gradient(
			  90deg,
			  #116c41 0px,
			  #116c41 16px,
			  #28a745 16px,
			  #28a745 32px
			);
			background-size: 64px 100%;
			animation: zirveCodeStreamFix 1s linear infinite;
			border-radius: 4px;
		  }
	  
		  @keyframes zirveCodeStreamFix {
			0% { background-position: 0 0; }
			100% { background-position: 64px 0; }
		  }
	  
		  .zirvesunucumnewalertsystems_progressbar-container {
			width: 100%;
			height: 8px;
			background: #3a4b3f;
			border-radius: 4px;
			overflow: hidden;
		  }
	  
		  .zirvesunucumnewalertsystems_progressbar-fill {
			height: 100%;
			background: linear-gradient(90deg, #116c41, #28a745);
			transition: width 0.3s ease;
		  }
	  
	  
		  /* ZSCORE ANTI DDOS PANEL  */
		  .zirvesunucumnewsystem_antiddos_panel {
			background: #1c1f26;
			color: #cce7d0;
			padding: 20px;
			border-radius: 12px;
			box-shadow: 0 0 12px rgba(17, 108, 65, 0.4);
			text-align: center;
			font-family: 'Segoe UI', sans-serif;
		  }
	  
		  .zirvesunucumnewsystem_antiddos_title {
			font-size: 20px;
			margin-bottom: 8px;
			color: #28a745;
		  }
	  
		  .zirvesunucumnewsystem_antiddos_subtext {
			font-size: 14px;
			margin-bottom: 16px;
			color: #ccc;
		  }
	  
		  .zirvesunucumnewsystem_antiddos_shield {
			position: relative;
			width: 64px;
			height: 64px;
			margin: auto;
		  }
	  
		  .zirvesunucumnewsystem_antiddos_pulse {
			width: 100%;
			height: 100%;
			border-radius: 50%;
			background: radial-gradient(circle, #116c41 30%, #28a745 70%);
			animation: zirvesunucumnewsystem_antiddosPulse 1.2s ease-in-out infinite;
		  }
	  
		  .zirvesunucumnewsystem_antiddos_wave {
			position: absolute;
			top: 0;
			left: 0;
			width: 64px;
			height: 64px;
			border-radius: 50%;
			border: 2px solid #28a745;
			animation: zirvesunucumnewsystem_antiddosWave 2s linear infinite;
		  }
	  
		  @keyframes zirvesunucumnewsystem_antiddosPulse {
			0% { transform: scale(1); opacity: 0.8; }
			50% { transform: scale(1.2); opacity: 1; }
			100% { transform: scale(1); opacity: 0.8; }
		  }
	  
		  @keyframes zirvesunucumnewsystem_antiddosWave {
			0% { transform: scale(1); opacity: 0.6; }
			100% { transform: scale(1.8); opacity: 0; }
		  }
	  
		  .zirvesunucumnewsystem_antiddos_statusbar {
			width: 100%;
			height: 8px;
			background: #3a4b3f;
			border-radius: 4px;
			margin: 20px 0;
			overflow: hidden;
		  }
	  
		  .zirvesunucumnewsystem_antiddos_statusfill {
			height: 100%;
			background: linear-gradient(90deg, #116c41, #28a745);
			transition: width 0.3s ease;
		  }
	  
		  .zirvesunucumnewsystem_antiddos_log {
			font-size: 13px;
			color: #aaa;
		  }
	  
	  
		  /* ZSCORE ALERT STARTUP SECTION */
		  .zirvesunucumnewsystem_startup_panel {
			background: #182026;
			color: #d0f0ff;
			padding: 20px;
			border-radius: 12px;
			box-shadow: 0 0 12px rgba(0, 255, 170, 0.3);
			text-align: center;
		  }
	  
		  .zirvesunucumnewsystem_startup_title {
			font-size: 20px;
			color: #00d084;
			margin-bottom: 8px;
		  }
	  
		  .zirvesunucumnewsystem_startup_subtext {
			font-size: 14px;
			color: #ccc;
			margin-bottom: 16px;
		  }
	  
		  .zirvesunucumnewsystem_startup_loader {
			display: flex;
			justify-content: center;
			gap: 8px;
			margin: 16px 0;
		  }
	  
		  .zirvesunucumnewsystem_startup_dot {
			width: 12px;
			height: 12px;
			background: #00d084;
			border-radius: 50%;
			animation: zirvesunucumnewsystem_dotPulse 1s infinite ease-in-out;
		  }
	  
		  .zirvesunucumnewsystem_startup_dot:nth-child(2) {
			animation-delay: 0.2s;
		  }
		  .zirvesunucumnewsystem_startup_dot:nth-child(3) {
			animation-delay: 0.4s;
		  }
	  
		  @keyframes zirvesunucumnewsystem_dotPulse {
			0%, 100% { transform: scale(1); opacity: 0.6; }
			50% { transform: scale(1.5); opacity: 1; }
		  }
	  
		  .zirvesunucumnewsystem_startup_log {
			font-size: 13px;
			color: #aaa;
		  }
	  
		  /* ZSCORE ALERT SHUTDOWN SECTION */
		  .zirvesunucumnewsystem_shutdown_panel {
			background: #2a1e1e;
			color: #ffdede;
			padding: 20px;
			border-radius: 12px;
			box-shadow: 0 0 12px rgba(255, 0, 0, 0.3);
			text-align: center;
		  }
	  
		  .zirvesunucumnewsystem_shutdown_title {
			font-size: 20px;
			color: #ff4d4d;
			margin-bottom: 8px;
		  }
	  
		  .zirvesunucumnewsystem_shutdown_subtext {
			font-size: 14px;
			color: #f0cfcf;
			margin-bottom: 16px;
		  }
	  
		  .zirvesunucumnewsystem_shutdown_warning {
			background: #4d0000;
			color: #fff;
			padding: 10px;
			border-radius: 6px;
			font-weight: bold;
			margin-bottom: 12px;
		  }
	  
		  .zirvesunucumnewsystem_shutdown_log {
			font-size: 13px;
			color: #aaa;
		  }
		  
		  /* LOGIN LOADER */
		  .zirvesunucumnewsystem_loginloader {
			text-align: center;
			font-weight: bold;
			color: #28a745;
			animation: zirveLoginPulse 1s ease-in-out infinite;
		  }
	  
		  @keyframes zirveLoginPulse {
			0%, 100% { opacity: 0.6; }
			50% { opacity: 1; }
		  }
		  /* LOGOUT */ 
		  .zirvesunucumnewsystem_logoutpanel {
			text-align: center;
			font-weight: bold;
			color: #ff4d4d;
			animation: zirveLogoutBlink 0.8s linear infinite;
		  }
	  
		  @keyframes zirveLogoutBlink {
			0% { opacity: 0.8; }
			50% { opacity: 0.4; }
			100% { opacity: 0.8; }
		  }
	  
		  /* FIREWALL ACTIVE */
		  .zirvesunucumnewsystem_firewallactive {
			background: #116c41;
			color: #fff;
			padding: 10px;
			border-radius: 6px;
			text-align: center;
			box-shadow: 0 0 10px #28a745;
		  }
	  
		  /* FIREWALL PASSIVE */
		  .zirvesunucumnewsystem_firewallpassive {
			background: #3a4b3f;
			color: #ccc;
			padding: 10px;
			border-radius: 6px;
			text-align: center;
			box-shadow: inset 0 0 6px #666;
		  }
		  /* BACKUP START */
		  .zirvesunucumnewsystem_backupstart {
			color: #00d084;
			font-weight: bold;
			text-align: center;
			animation: zirveBackupPulse 1.2s ease-in-out infinite;
		  }
	  
		  @keyframes zirveBackupPulse {
			0% { transform: scale(1); opacity: 0.6; }
			50% { transform: scale(1.1); opacity: 1; }
			100% { transform: scale(1); opacity: 0.6; }
		  }
		  /* BACKUP DONE */
		  .zirvesunucumnewsystem_backupdone {
			background: #28a745;
			color: #fff;
			padding: 10px;
			border-radius: 6px;
			text-align: center;
			box-shadow: 0 0 8px #28a745;
		  }
		  /* BACKUP STOPED */
		  .zirvesunucumnewsystem_backupstopped {
			background: #660000;
			color: #fff;
			padding: 10px;
			border-radius: 6px;
			text-align: center;
			box-shadow: 0 0 8px #ff0033;
		  }

		  .zirvesunucum_log_container {
			background-color: #1e1e1e;
			border: 1px solid #444;
			border-radius: 6px;
			padding: 12px;
			max-height: 400px;
			overflow-y: auto;
			font-family: 'Courier New', monospace;
			color: #e0e0e0;
			box-shadow: 0 0 8px rgba(0,0,0,0.3);
		}
	
		.zirvesunucum_log_container_server_log {
			white-space: pre-wrap;
			line-height: 1.4;
		}
	
		@media (max-width: 768px) {
			.zirvesunucum_log_container {
				font-size: 12px;
			}
		}
		
	
		/* Base Alert Style */
		.zirvesunucum-bs-customalert {
			padding: 16px;
			border-radius: 8px;
			font-size: 14px;
			line-height: 1.6;
			box-shadow: 0 1px 2px rgba(0,0,0,0.05);
			margin-bottom: 16px;
			border: 1px solid transparent;
		}
		
		.zirvesunucum-bs-customalert strong {
			display: block;
			margin-bottom: 6px;
			font-weight: bold;
		}
		
		.zirvesunucum-bs-customalert a {
			font-weight: bold;
			text-decoration: none;
		}
		
		/* bg-warning (Soft Amber) */
		.zirvesunucum-bs-customalert.bg-warning {
			background-color: #fff8e1 !important;
			border-color: #ffe082 !important;
			color: #795548 !important;
		}
		.zirvesunucum-bs-customalert.bg-warning a {
			color: #5d4037 !important;
		}
		
		/* bg-success (Soft Green) */
		.zirvesunucum-bs-customalert.bg-success {
			background-color: #f1f8e9 !important;
			border-color: #c5e1a5 !important;
			color: #33691e !important;
		}
		.zirvesunucum-bs-customalert.bg-success a {
			color: #2e7d32 !important;
		}
		
		/* bg-danger (Soft Red) */
		.zirvesunucum-bs-customalert.bg-danger {
			background-color: #fbe9e7 !important;
			border-color: #ef9a9a !important;
			color: #b71c1c !important;
		}
		.zirvesunucum-bs-customalert.bg-danger a {
			color: #c62828 !important;
		}
		
		/* bg-white (Neutral Info) */
		.zirvesunucum-bs-customalert.bg-white {
			background-color: #ffffff !important;
			border-color: #e0e0e0 !important;
			color: #333333 !important;
		}
		.zirvesunucum-bs-customalert.bg-white a {
			color: #212121 !important;
		}

	/* 3RDHERESSSSSSSSSSSS */
	/* 3RDHERESSSSSSSSSSSS */
	/* 3RDHERESSSSSSSSSSSS */
	/* 3RDHERESSSSSSSSSSSS */
	/* 3RDHERESSSSSSSSSSSS */
	/* 3RDHERESSSSSSSSSSSS */
	/* 3RDHERESSSSSSSSSSSS */
	/* 3RDHERESSSSSSSSSSSS */
	/* 3RDHERESSSSSSSSSSSS */

	
	/* ZSCORE ADDITIONAL PACKAGE CSS STYLES START */




	/* ZSCORE ADDITIONAL PACKAGE CSS STYLES START */


	
	/* PACKAGES */