/*
    Theme Name: Moderna
    Theme URL: https://bootstrapmade.com/free-bootstrap-template-corporate-moderna/
    Author: BootstrapMade
    Author URL: https://bootstrapmade.com
*/
/* ==== Google font ==== */
@import url('https://fonts.googleapis.com/css?family=Noto+Serif:400,400italic,700|Open+Sans:300,400,600,700');

/* === prettify === */
@import url('../js/google-code-prettify/prettify.css');
/* === fontawesome === */
@import url('font-awesome.css');
/* === custom icon === */
@import url('custom-fonts.css');
/* ==== overwrite bootstrap standard ==== */
@import url('overwrite.css');
@import url('animate.css');

/* ===================================
1. General
==================================== */

@font-face {
	font-family: 'popping'; /* Give your font a unique name */
	src: url('/Content/SiteLayout/fonts/popins/Poppins-Light.ttf') format('truetype');
	font-weight: normal; /* Specify the font's weight */
	font-style: normal; /* Specify the font's style */
}
@font-face {
	font-family: 'icomoon'; /* Give your font a unique name */
	src: url('/Content/SiteLayout/fonts/icomoon.ttf') format('truetype');
	font-weight: normal; /* Specify the font's weight */
	font-style: normal; /* Specify the font's style */
}

@font-face {
	font-family: IcoFont;
	font-weight: 400;
	font-style: Regular;
	src: url(icon/icofont.woff2) format("woff2"),url(/Content/SiteLayout/fonts/icofont.woff2) format("woff")
}

/*neler yapıyoruz bolgesi baslangıç*/

@media (max-width: 768px) {
	.ikili {
		flex: 0 0 auto;
		width: 50%;
	}
}
.green-bg {
	color: #fff;
	background: #26c281;
	background-color: #26c281;
}
.oranj-bg {
	color: #fff;
	background: #ef6406;
	background-color: #ef6406;
}
.blue-bg {
	color: #fff;
	background: #11a6c5;
	background-color: #06081d;
}
nav.renkleri {
	background-color: #06081d !important ;
	color: #ffffff;
	font-size: 17px;
	font-weight: 600;
}
nav.fixed-bottom {
	position: fixed !important;
	bottom: 0 !important;
	width: 100%;
	z-index: 1030; /* navbarın görünür kalması için */
}
.info-box {
	margin-bottom: 30px;
	border-radius: 18px;
	padding: 10px;
	color: white;
	-webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 3px 1px -1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 3px 1px -1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 3px 1px -1px rgba(0, 0, 0, 0.1);
}

	.info-box i {
		display: block;
		height: 50px;
		font-size: 40px;
		line-height: 80px;
		width: 100%;
		float: left;
		text-align: center;
		margin-right: 20px;
		padding-right: 20px;
		color: rgba(255, 255, 255, 0.75);
	}
.elementor-section {
	position: relative;
}
	.elementor-section .elementor-container {
		display: flex;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}
.elementor-element {
	--widgets-spacing: 20px 20px;
	--widgets-spacing-row: 20px;
	--widgets-spacing-column: 20px;
	--flex-direction: initial;
	--flex-wrap: initial;
	--justify-content: initial;
	--align-items: initial;
	--align-content: initial;
	--gap: initial;
	--flex-basis: initial;
	--flex-grow: initial;
	--flex-shrink: initial;
	--order: initial;
	--align-self: initial;
	align-self: var(--align-self);
	flex-basis: var(--flex-basis);
	flex-grow: var(--flex-grow);
	flex-shrink: var(--flex-shrink);
	order: var(--order);
}


.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap {
	display: flex;
}

.elementor-widget-wrap {
	align-content: flex-start;
	flex-wrap: wrap;
	position: relative;
	width: 100%;
}

.elementor-column {
	display: flex;
	min-height: 1px;
	position: relative;
}
.elementor-widget-wrap > .elementor-element {
	width: 100%;
}


.elementor-widget {
	position: relative;
}

.elementor-element:where(.e-con-full,.elementor-widget) {
	align-content: var(--align-content);
	align-items: var(--align-items);
	flex-direction: var(--flex-direction);
	flex-wrap: var(--flex-wrap);
	gap: var(--row-gap) var(--column-gap);
	justify-content: var(--justify-content);
}
.elementor-element:where(:not(.e-con)):where(:not(.e-div-block-base)) .elementor-widget-container, .elementor-element:where(:not(.e-con)):where(:not(.e-div-block-base)):not(:has(.elementor-widget-container)) {
	transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, transform var(--e-transform-transition-duration, .4s);
}

.ltn__feature-area {
	padding-bottom: 10px;
	padding-top: 10px;
}
.section-title-style-3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.ltn__section-title-2 {
	margin-bottom: 40px;
}

.section-title-area {
	margin-bottom: 50px;
}
.ltn__secondary-color {
	color: var(--ltn__secondary-color) !important;
}
.ltn__section-title-2 .section-subtitle {
	text-transform: uppercase;
}


.ltn__section-title-2 .section-title {
	font-size: 55px;
	font-weight: 700;
	margin-bottom: 15px;
	line-height: 1;
	text-transform: capitalize;
	word-break: break-word;
}

.elementor *, .elementor :after, .elementor :before {
	box-sizing: border-box;
}
.UserName {
	font-size: 15px;
	/* font-weight: 600; */
	text-transform: capitalize;
	padding-bottom: 6px;
	padding-top: 5px;
	margin-left: 2px;
	line-height: 34px;
	font-weight: 700;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	color: #fe6d00 !important;
}
.section-title {
	margin-bottom: 5px;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.2;
}
.ltn__feature-info a:hover {
	color: var(--ltn__secondary-color);
}
.elementor img {
	border: none;
	border-radius: 0;
	box-shadow: none;
	height: auto;
	max-width: 100%;
}
.ltn__feature-item-3.text-right {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-flow: row-reverse;
	flex-flow: row-reverse;
}

.elementor *, .elementor :after, .elementor :before {
	box-sizing: border-box;
}

.ltn__feature-item-3 {
	padding: 35px 22px 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	border: 2px solid;
	border-color: #f4faff;
	margin-bottom: 20px;
	position: relative;
}

.ltn__feature-item {
	padding: 40px 25px 10px;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	position: relative;
}

.text-end {
	text-align: right !important;
}
.ltn__feature-item-3.text-right::before {
	right: -2px;
	left: auto;
}

.elementor *, .elementor :after, .elementor :before {
	box-sizing: border-box;
}

.ltn__feature-item-3::before {
	position: absolute;
	content: "";
	left: -2px;
	top: 50%;
	width: 4px;
	height: 0%;
	background-color: var(--ltn__secondary-color);
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.ltn__feature-item-3.text-right .ltn__feature-icon {
	margin: 0px 0 0 20px;
}



.elementor *, .elementor :after, .elementor :before {
	box-sizing: border-box;
}

.ltn__feature-icon {
	margin-bottom: 20px;
	font-size: 60px;
	line-height: 1;
}
[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-accumulator:before {
	content: "\e91e";
}

.icon-car-parts-3:before {
	content: "\e91f";
}

.icon-repair-1:before {
	content: "\e920";
}

.icon-carwash:before {
	content: "\e921";
}

.icon-car-parts-4:before {
	content: "\e922";
}

.icon-automobile:before {
	content: "\e923";
}

.icon-polisher:before {
	content: "\e924";
}

.icon-car-parts-5:before {
	content: "\e925";
}

.icon-gasoline:before {
	content: "\e926";
}

.icon-seat:before {
	content: "\e927";
}

.icon-car-parts-6:before {
	content: "\e928";
}

.icon-car-2:before {
	content: "\e929";
}

.icon-soap:before {
	content: "\e92a";
}

.icon-car-parts-7:before {
	content: "\e92b";
}

.icon-disc-brake:before {
	content: "\e92c";
}

.icon-car-parts-8:before {
	content: "\e92d";
}

.icon-wheel:before {
	content: "\e92e";
}

.icon-car-parts-9:before {
	content: "\e92f";
}

.icon-speedometer:before {
	content: "\e930";
}
.icon-electric-car:before {
	content: "\e943";
}

.icon-maintenance-1:before {
	content: "\e931";
}

.icon-shopping-bags:before {
	content: "\e932";
}
.icon-car-parts:before {
	content: "\e916";
}
.icon-exterior:before {
	content: "\e918";
}

.ltn__feature-icon {
	margin-bottom: 20px;
	font-size: 60px;
	line-height: 1;
}
/* feature-item-3 */
.ltn__feature-item-3 {
	padding: 35px 22px 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	border: 2px solid;
	border-color: #f4faff;
	margin-bottom: 20px;
	position: relative;
}

	.ltn__feature-item-3 h1, .ltn__feature-item-3 h2, .ltn__feature-item-3 h3, .ltn__feature-item-3 h4, .ltn__feature-item-3 h5, .ltn__feature-item-3 h6 {
		margin-bottom: 5px;
	}

	.ltn__feature-item-3 .ltn__feature-icon {
		margin: 0px 20px 0 0;
		font-size: 50px;
		color: var(--ltn__secondary-color);
		line-height: 1.5;
	}

	.ltn__feature-item-3 p {
		font-size: 14px;
	}

	.ltn__feature-item-3::before {
		position: absolute;
		content: "";
		left: -2px;
		top: 50%;
		width: 4px;
		height: 0%;
		background-color: var(--ltn__secondary-color);
		-webkit-transition: all 0.5s ease 0s;
		-o-transition: all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.ltn__feature-item-3:hover {
		-webkit-box-shadow: var(--ltn__box-shadow-1);
		box-shadow: var(--ltn__box-shadow-1);
	}

		.ltn__feature-item-3:hover::before {
			height: 80%;
			opacity: 1;
			visibility: visible;
		}

	.ltn__feature-item-3.text-right {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-flow: row-reverse;
		flex-flow: row-reverse;
	}

		.ltn__feature-item-3.text-right .ltn__feature-icon {
			margin: 0px 0 0 20px;
		}

		.ltn__feature-item-3.text-right::before {
			right: -2px;
			left: auto;
		}

.elementor-kit-5 {
	--e-global-color-primary: #6EC1E4;
	--e-global-color-secondary: #54595F;
	--e-global-color-text: #7A7A7A;
	--e-global-color-accent: #61CE70;
	--e-global-color-e380043: #FFFFFF;
	--e-global-color-e9b95cd: #E53E29;
	--e-global-typography-primary-font-family: "Roboto";
	--e-global-typography-primary-font-weight: 600;
	--e-global-typography-secondary-font-family: "Roboto Slab";
	--e-global-typography-secondary-font-weight: 400;
	--e-global-typography-text-font-family: "Roboto";
	--e-global-typography-text-font-weight: 400;
	--e-global-typography-accent-font-family: "Roboto";
	--e-global-typography-accent-font-weight: 500;
}
:root {
	--ltn__primary-color: #071c1f;
	--ltn__primary-color-2: #041113;
	--ltn__primary-color-3: #133236;
	--ltn__secondary-color: #e53e29;
	--ltn__secondary-color-2: #cb3421;
	--ltn__secondary-color-3: #fb412a;
	--ltn__heading-color: #071c1f;
	--ltn__paragraph-color: #071c1f;
	--ltn__heading-font: 'Rajdhani', sans-serif;
	--ltn__body-font: 'Open Sans', sans-serif;
	--ltn__color-1: #8cb2b2;
	--ltn__color-2: #ACD2D8;
	--ltn__color-3: #A3BCC0;
	--ltn__color-4: #84A2A6;
	--gradient-color-1: linear-gradient(90deg, rgba(242, 139, 194, 1) 0%, rgba(216, 177, 242, 1) 50%);
	--gradient-color-2: linear-gradient(to top, rgba(7, 28, 31, 0) 0%, rgba(7, 28, 31, 1) 90%);
	--gradient-color-3: linear-gradient(to bottom, rgba(7, 28, 31, 0) 0%, rgba(7, 28, 31, 1) 90%);
	--gradient-color-4: linear-gradient(to top, rgba(242, 246, 247, 0) 0%, rgba(242, 246, 247, 1) 90%);
	--section-bg-1: #F2F6F7;
	--section-bg-2: #071c1f;
	--border-color-1: #e5eaee;
	--border-color-2: #1e2021;
	--border-color-3: #576466;
	--border-color-4: #eb6954;
	--border-color-5: #bc3928;
	--border-color-6: #103034;
	--border-color-7: #d1dae0;
	--border-color-8: #f6f6f6;
	--border-color-9: #e4ecf2;
	--border-color-10: #ebeeee;
	--border-color-11: #ededed;
	--border-color-12: #e1e6ff;
	--ltn__box-shadow-1: 0 16px 32px 0 rgba(7, 28, 31, 0.1);
	--ltn__box-shadow-2: 0 0 4px rgba(0, 0, 0, 0.1);
	--ltn__box-shadow-3: 0 1px 6px 0 rgba(32, 33, 36, .28);
	--ltn__box-shadow-4: 0 5px 20px 0 rgba(23, 44, 82, 0.1);
	--ltn__box-shadow-5: 0 8px 16px 0 rgba(93, 93, 93, 0.1);
	--ltn__box-shadow-6: 0 0 25px 2px rgba(93, 93, 93, 0.2);
	--black: #000000;
	--black-2: #22355B;
	--white: #fff;
	--white-2: #F2F6F7;
	--white-3: #e8edee;
	--white-4: #e6ecf0;
	--white-5: #f0f4f7;
	--white-6: #f1f1f1;
	--white-7: #F7F7F7;
	--white-8: #FAFAFA;
	--white-9: #F2F7FA;
	--red: #FF0000;
	--red-2: #f34f3f;
	--red-3: #DB483B;
	--silver: #C0C0C0;
	--gray: #808080;
	--maroon: #800000;
	--yellow: #FFFF00;
	--olive: #808000;
	--lime: #00FF00;
	--green: #008000;
	--green-2: #79B530;
	--aqua: #00FFFF;
	--teal: #008080;
	--blue: #0000FF;
	--navy: #000080;
	--fuchsia: #FF00FF;
	--purple: #800080;
	--pink: #FFC0CB;
	--nude: #ebc8b2;
	--orange: #ffa500;
	--ratings: #FFB800;
	--facebook: #365493;
	--twitter: #3CF;
	--linkedin: #0077B5;
	--pinterest: #c8232c;
	--dribbble: #ea4c89;
	--behance: #131418;
	--google-plus: #dd4b39;
	--instagram: #e4405f;
	--vk: #3b5998;
	--wechat: #7bb32e;
	--youtube: #CB2027;
	--email: #F89A1E;
}

@media (max-width: 1599px) {
	.ltn__section-title-2 .section-title {
		font-size: 60px;
	}
}
@media (min-width: 768px) {
	.elementor-column.elementor-col-100, .elementor-column[data-col="100"] {
		width: 100%;
	}
}


/*neler yapıyoruz bölgesi bitiş*/
body {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.6em;
	color: #656565;
}
.Yazi {
	padding: 30px;
	text-align: center;
	font-size: 20px;
	font-family: 'Poppins', sans-serif;
	color: black;
}
.top-container {
	background-color: #000000;
	padding: 0px;
	z-index: 1000;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 45px;
	font-family: 'popping';
}
a:before, a:after, a > span:before, a > span:after {
	content: '';
	position: absolute;
	transition: transform .5s ease;
}
.effect-1 {
	padding: 10px;
}

	.effect-1:before {
		left: 0;
		bottom: 0;
		width: 100%;
		height: 2px;
		background: #ff0e0e;
		transform: scaleX(0);
	}

	.effect-1:hover:before {
		transform: scaleX(1);
	}

.effect-5 {
	width: 24%;
	margin: 6px;
	height: 200px;
	display: inline-block;
	overflow: hidden;
	float: left;
}

	.effect-5:before, .effect-5:after {
		right: 0;
		bottom: 0;
		background: #ff0e0e;
	}

	.effect-5:before {
		width: 100%;
		height: 2px;
		transform: translateX(-100%);
	}

	.effect-5:after {
		width: 2px;
		height: 100%;
		transform: translateY(100%);
	}

	.effect-5 > span {
		display: block;
		padding: 10px;
	}

		.effect-5 > span:before, .effect-5 > span:after {
			left: 0;
			top: 0;
			background: #ff0e0e;
		}

		.effect-5 > span:before {
			width: 100%;
			height: 2px;
			transform: translateX(100%);
		}

		.effect-5 > span:after {
			width: 2px;
			height: 100%;
			transform: translateY(-100%);
		}

	.effect-5:hover:before, .effect-5:hover:after, .effect-5:hover > span:before, .effect-5:hover > span:after {
		transform: translate(0, 0);
	}
.headeryeni {
	padding: 0px;
	font-family: 'popping', sans-serif;
	position: absolute;
	left: 0px;
	top: 45px;
	width: 100%;
	height: 130px;
	background: white;
	color: black;
	z-index: 10000;
	webkit-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.10);
	box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.10);
}

.dropdown-menu {
	display: block;
	opacity: 0;
	visibility: hidden;
	max-height: 0;
	overflow: hidden;
	transform: translateY(10px);
	transition: all 0.3s ease-in-out;
}
.dropdown-toggle:after {
	top: 45%;
	right: -20px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #000;
	border-width: 5px;
	margin-top: 0px;
}


/* Hover olduğunda menü aşağı doğru açılır */
.dropdown-menu {
	opacity: 1;
	visibility: visible;
	max-height: 500px; /* yeterince büyük bir değer, içeriğe göre açılır */
	transform: translateY(0);
}
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 100;
	font-size: 15px;
	background: transparent;
	color: black;
}

#cssmenu {
	line-height: 1;
	border-bottom: 0px solid white;
	width: 100%;
	text-align: Left;
}

	#cssmenu:after,
	#cssmenu ul:after {
		content: '';
		display: block;
		clear: both;
	}

	#cssmenu a {
		background: transparent;
		display: block;
		padding: 10px 10px;
		text-decoration: none;
	}

	#cssmenu ul {
		list-style: none;
		background-color: transparent;
		padding-bottom: 10px;
		padding-top: 10px;
	}

	#cssmenu > ul > li {
		display: inline-block;
		float: right;
		margin: 0;
	}

	#cssmenu.align-center {
		text-align: right;
	}

		#cssmenu.align-center > ul > li {
			float: none;
		}

		#cssmenu.align-center ul ul {
			text-align: left;
		}

	#cssmenu.align-right > ul {
		float: right;
	}

	#cssmenu.align-right ul ul {
		text-align: right;
	}

	#cssmenu > ul > li > a {
		font-size: 12px;
	}

	#cssmenu > ul > li:hover:after {
		content: '';
		display: block;
		width: 0;
		height: 0;
		position: absolute;
		left: 50%;
		bottom: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 0px solid white;
		margin-left: 0px;
		color: transparent;
	}

	#cssmenu > ul > li:first-child > a {
		border-radius: 5px 0 0 0;
		-moz-border-radius: 5px 0 0 0;
		-webkit-border-radius: 5px 0 0 0;
	}

	#cssmenu.align-right > ul > li:first-child > a,
	#cssmenu.align-center > ul > li:first-child > a {
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
	}

	#cssmenu.align-right > ul > li:last-child > a {
		border-radius: 0 5px 0 0;
		-moz-border-radius: 0 5px 0 0;
		-webkit-border-radius: 0 5px 0 0;
	}

	#cssmenu > ul > li.active > a,
	#cssmenu > ul > li:hover > a {
		color: transparent;
		box-shadow: inset 0 0 0px #000000;
		-moz-box-shadow: inset 0 0 0px #000000;
		-webkit-box-shadow: inset 0 0 0px #000000;
	}

	#cssmenu .has-sub {
		z-index: 1;
	}

		#cssmenu .has-sub:hover > ul {
			display: block;
		}

		#cssmenu .has-sub ul {
			display: none;
			position: absolute;
			width: 250px;
			top: 103%;
			left: 0;
		}

.sticky {
	position: fixed;
	top: 0;
	width: 100%;
}

	.sticky + .content {
		padding-top: 102px;
	}

a, a > span {
	position: relative;
	color: inherit;
	text-decoration: none;
	line-height: 16px;
}
	#cssmenu.align-right .has-sub ul {
		left: auto;
		right: 0;
	}

	#cssmenu .has-sub ul li {
		*margin-bottom: -1px;
	}

		#cssmenu .has-sub ul li a {
			background: white;
			border-bottom: 0px solid #ccc;
			font-size: 14px;
			filter: none;
			display: block;
			line-height: 100%;
			padding: 15px 20px;
			color: black;
		}

		#cssmenu .has-sub ul li:hover a {
			background: white;
			color: red;
			font-weight: 100;
		}

	#cssmenu ul ul li:hover > a {
		color: red;
	}

	#cssmenu .has-sub .has-sub:hover > ul {
		display: block;
	}

	#cssmenu .has-sub .has-sub ul {
		display: none;
		position: absolute;
		left: 100%;
		top: 0;
	}

	#cssmenu.align-right .has-sub .has-sub ul,
	#cssmenu.align-right ul ul ul {
		left: auto;
		right: 100%;
	}

	#cssmenu .has-sub .has-sub ul li a {
		background: black;
		border-bottom: 0px solid black;
	}

		#cssmenu .has-sub .has-sub ul li a:hover {
			background: transparent;
			color: #ff6a00;
		}

	#cssmenu ul ul li.last > a,
	#cssmenu ul ul li:last-child > a,
	#cssmenu ul ul ul li.last > a,
	#cssmenu ul ul ul li:last-child > a,
	#cssmenu .has-sub ul li:last-child > a,
	#cssmenu .has-sub ul li.last > a {
		border-bottom: 0;
	}
@media only screen and (min-width: 990px) {
	.masaustu {
		display: normal
	}

	.mobil {
		display: none;
	}
}

@media only screen and (max-width: 989px) and (min-width: 480px) {
	.masaustu {
		display: none
	}

	.mobil {
		display: normal
	}
}

@media only screen and (max-width: 479px) {
	.masaustu {
		display: none
	}

	.mobil {
		display: normal
	}
}



	
a:active {
	outline:0;
}

.clear {
	clear:both;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 700;
	line-height: 1.1em;
	margin-bottom: 0px;
	margin-top: 5px;
}

/* ===================================
2. layout
==================================== */

.container {
	padding:130px 20px 0 20px;
	position:relative;
}

#wrapper{
	width:100%;
	margin:0;	
	padding:0;
}


.row,.row-fluid {
	margin-bottom:30px;
}

.row .row,.row-fluid .row-fluid{
	margin-bottom:30px;
}

.row.nomargin,.row-fluid.nomargin {
	margin-bottom:0;
}



/* ===================================
3. Responsive media
==================================== */

.video-container,.map-container,.embed-container 		{ position:relative; margin:0 0 15px 0;	padding-bottom:51%; padding-top:30px; height:0; overflow:hidden; border:none; }
.embed-container iframe,
.embed-container object,
.embed-container embed,
.video-container iframe,
.map-container iframe,
.map-container object,
.map-container embed,
.video-container object,  
.video-container embed 					{ position:absolute; top:0; left:0; width:100%; height:100%; }
iframe {
	border:none;
}

img.img-polaroid {
	margin:0 0 20px 0;
}
.img-box {
	max-width:100%;
}
/* ===================================
4. Header
==================================== */

/* --- header -- */


header .navbar {
    margin-bottom: 0;
}

.navbar-default {
    border: none;
}

.navbar-brand {
    color: #222;
	text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
    line-height: 1em;
	letter-spacing: -1px;
    margin-top: 30px;
    padding: 0 0 0 15px;
}


header .navbar-collapse  ul.navbar-nav {
    float: right;
    margin-right: 0;
}

header .navbar-default{
    background-color: #fff;
}

header .nav li a:hover,
header .nav li a:focus,
header .nav li.active a,
header .nav li.active a:hover,
header .nav li a.dropdown-toggle:hover,
header .nav li a.dropdown-toggle:focus,
header .nav li.active ul.dropdown-menu li a:hover,
header .nav li.active ul.dropdown-menu li.active a{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}


header .navbar-default .navbar-nav > .open > a,
header .navbar-default .navbar-nav > .open > a:hover,
header .navbar-default .navbar-nav > .open > a:focus {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}


header .navbar {
    min-height: 100px;
}

header .navbar-nav > li  {
    padding-bottom: 30px;
    padding-top: 30px;
}

	header .navbar-nav > li > a {
		padding-bottom: 6px;
		padding-top: 5px;
		margin-left: 2px;
		line-height: 30px;
		font-weight: 700;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-ms-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;
		color: #000000;
	}


.dropdown-menu li a:hover {
    color: #fff !important;
}

header .nav .caret {
    border-bottom-color: #f5f5f5;
    border-top-color: #f5f5f5;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background-color: #fff;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color:  #fff;
}

.liste i::marker {	
	unicode-bidi: isolate;
	font-variant-numeric: tabular-nums;
	text-transform: none;
	text-indent: 0px !important;
	text-align: start !important;
	text-align-last: start !important;
}


.dropdown-menu  {
    box-shadow: none;
    border-radius: 0;
	border: none;
}

.dropdown-menu li:last-child  {
	padding-bottom: 0 !important;
	margin-bottom: 0;
}

header .nav li .dropdown-menu  {
   padding: 0;
}

header .nav li .dropdown-menu li a {
   line-height: 28px;
   padding: 3px 12px;
}

/* --- menu --- */

header .navigation {
	float:right;
}

header ul.nav li {
	border:none;
	margin:0;
}

header ul.nav li a {	
	font-size:12px;
	border:none;
	font-weight:700;
	text-transform:uppercase;
}

header ul.nav li ul li a {	
	font-size:12px;
	border:none;
	font-weight:300;
	text-transform:uppercase;
}


.navbar .nav > li > a {
  color: #111;
  text-shadow: none;
}
	.navbar .nav > li > a:before, .navbar .nav > li > a:after, .navbar .nav > li > a > span:before, .navbar .nav > li > a > span:after {
		content: '';
		position: absolute;
		transition: transform .5s ease;
	}

.navbar .nav a:hover {
	background:none;
}

.navbar .nav > .active > a,.navbar .nav > .active > a:hover {
	background:none;
	font-weight:700;
}

.navbar .nav > .active > a:active,.navbar .nav > .active > a:focus {
	background:none;
	outline:0;
	font-weight:700;
}

.navbar .nav li .dropdown-menu {
	z-index:2000;
}

header ul.nav li ul {
	margin-top:1px;
}
header ul.nav li ul li ul {
	margin:1px 0 0 1px;
}
.dropdown-menu .dropdown i {
	position:absolute;
	right:0;
	margin-top:3px;
	padding-left:20px;
}

.navbar .nav > li > .dropdown-menu:before {
  display: inline-block;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-bottom-color: none;
  content:none;
}



ul.nav li.dropdown a {
	z-index:1000;
	display:block;
}

 select.selectmenu {
	display:none;
}

/* ===================================
5. Section: Featured
==================================== */

#featured {
	width: 90%;
	background: #fcfcfc;
	position: relative;
	margin: 0;
	padding: 0;
	margin: 0 5%;
}

/* ===================================
6. Sliders
==================================== */
/* --- flexslider --- */

#featured .flexslider {
	padding:0;
	margin: 50px 0 30px; 
	background: #fff; 
	position: relative; 
	zoom: 1;
}

.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption { bottom: 35px; background-color: rgba(0, 0, 0, 0.8); color: #fff; margin: 0; padding: 25px 25px 25px 30px; position: absolute; right: 45px; width: 295px;}
.flex-caption h3 {color: #fff; letter-spacing: 1px; margin-bottom: 8px; text-transform: uppercase;}
.flex-caption p {margin: 0 0 15px;}



/* ===================================
7. Section: call action
==================================== */
section.callaction {
	background:#f9f9f9;
	padding:50px 0 0 0;
}



/* ===================================
8. Section: Content
==================================== */

#content {
	position: relative;
	background: #fff;
	padding: 50px 0 40px 0;
	
}

#content img {
	max-width:100%;
	height:auto;
}

/* --- Call to action --- */

.cta-text {
	text-align: center;
	margin-top:10px;
}


.big-cta .cta {
	margin-top:10px;
}

/* --- box --- */

.box {
	width: 100%;
}
.box-gray  {
	background: #f8f8f8;
	padding: 20px 20px 30px;
}
.box-gray  h4,.box-gray  i {
	margin-bottom: 20px;
}
.box-bottom {
	padding: 20px 0;
	text-align: center;
}
.box-bottom a {
	color: #fff;
	font-weight: 700;
}
.box-bottom a:hover {
	color: #eee;
	text-decoration: none;
}


/* ===================================
9. Section: Bottom
==================================== */

#bottom {
	background:#fcfcfc;
	padding:50px 0 0;

}
/* twitter */
#twitter-wrapper {
    text-align: center;
    width: 70%;
    margin: 0 auto;
}
#twitter em {
    font-style: normal;
    font-size: 13px;
}

#twitter em.twitterTime a {
	font-weight:600;
}

#twitter ul {
    padding: 0;
	list-style:none;
}
#twitter ul li {
    font-size: 20px;
    line-height: 1.6em;
    font-weight: 300;
    margin-bottom: 20px;
    position: relative;
    word-break: break-word;
}


/* ===================================
10. Inner - Section: page headline
==================================== */

#inner-headline{
	background:#252525;
	position:relative;
	margin:0;
	padding:0;
	color:#fefefe;
}


#inner-headline .inner-heading h2 {
	color:#fff;
	margin:20px 0 0 0;
}

/* --- breadcrumbs --- */
#inner-headline ul.breadcrumb {
	margin:30px 0 0;
	float:left;
}

#inner-headline ul.breadcrumb li {
	margin-bottom:0;
	padding-bottom:0;
}
#inner-headline ul.breadcrumb li {
	font-size:13px;
	color:#fff;
}

#inner-headline ul.breadcrumb li i{
	color:#dedede;
}

#inner-headline ul.breadcrumb li a {
	color:#fff;
}

ul.breadcrumb li a:hover {
	text-decoration:none;
}

/* ============================
11. Forms
============================= */

/* --- contact form  ---- */
form#contactform input[type="text"] {
  width: 100%;
  border: 1px solid #f5f5f5;
  min-height: 40px;
  padding-left:20px;
  font-size:13px;
  padding-right:20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;

}

form#contactform textarea {
border: 1px solid #f5f5f5;
  width: 100%;
  padding-left:20px;
  padding-top:10px;
  font-size:13px;
  padding-right:20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;

}

form#contactform .validation {
	font-size:11px;
}

.validation {
    color: red;
    display:none;
    margin: 0 0 20px;
    font-weight:400;
    font-size:13px;
}

#sendmessage {
    color: green;
    border:1px solid green;
    display:none;
    text-align:center;
    padding:15px;
    font-weight:600;
    margin-bottom:15px;
}

#errormessage {
    color: red;
    display:none;
    border:1px solid red;
    text-align:center;
    padding:15px;
    font-weight:600;
    margin-bottom:15px;
}

#sendmessage.show, #errormessage.show, .show {
	display:block;
}

/* --- comment form ---- */
form#commentform input[type="text"] {
  width: 100%;
  min-height: 40px;
  padding-left:20px;
  font-size:13px;
  padding-right:20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	-webkit-border-radius: 2px 2px 2px 2px;
		-moz-border-radius: 2px 2px 2px 2px;
			border-radius: 2px 2px 2px 2px;

}

form#commentform textarea {
  width: 100%;
  padding-left:20px;
  padding-top:10px;
  font-size:13px;
  padding-right:20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	-webkit-border-radius: 2px 2px 2px 2px;
		-moz-border-radius: 2px 2px 2px 2px;
			border-radius: 2px 2px 2px 2px;
}


/* --- search form --- */
.search{
	float:right;
	margin:35px 0 0;
	padding-bottom:0;
}

#inner-headline form.input-append {
	margin:0;
	padding:0;
}



/* ===============================
12. Portfolio
================================ */

.work-nav #filters {
	margin: 0;
	padding: 0;
	list-style: none;
}

.work-nav #filters li {
	margin: 0 10px 30px 0;
	padding: 0;
	float:left;
}

.work-nav #filters li a {
	color: #7F8289;
	font-size: 16px;
	display: block;	
}

.work-nav #filters li a:hover {

}

.work-nav #filters li a.selected {
	color: #DE5E60;
}

#thumbs {
	margin: 0;
	padding: 0;	
}

#thumbs li {
	list-style-type: none;
}

.item-thumbs {
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
	cursor: pointer;
}

.item-thumbs a + img {
	width: 100%;	
}

.item-thumbs .hover-wrap {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	
	opacity: 0;
	filter: alpha(opacity=0);
	
	-webkit-transition: all 450ms ease-out 0s;	
	   -moz-transition: all 450ms ease-out 0s;
		 -o-transition: all 450ms ease-out 0s;
		    transition: all 450ms ease-out 0s;
		  
	-webkit-transform: rotateY(180deg) scale(0.5,0.5);
	   -moz-transform: rotateY(180deg) scale(0.5,0.5);
		-ms-transform: rotateY(180deg) scale(0.5,0.5);
		 -o-transform: rotateY(180deg) scale(0.5,0.5);
			transform: rotateY(180deg) scale(0.5,0.5);	
}

.item-thumbs:hover .hover-wrap,
.item-thumbs.active .hover-wrap {
	opacity: 1;
	filter: alpha(opacity=100);
	
	-webkit-transform: rotateY(0deg) scale(1,1);
	   -moz-transform: rotateY(0deg) scale(1,1);
		-ms-transform: rotateY(0deg) scale(1,1);
		 -o-transform: rotateY(0deg) scale(1,1);
		    transform: rotateY(0deg) scale(1,1);
}

.item-thumbs .hover-wrap .overlay-img {
	position: absolute;
	width: 50%;
	height: 100%;
	opacity: 0.80;
	filter: alpha(opacity=80);
	background: #000;
}

.item-thumbs .hover-wrap .overlay-img-thumb {
	position: absolute;
	border-radius: 60px;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -16px;
	color: #fff;
	font-size: 32px;
	line-height: 1em;	
	opacity: 1;
	filter: alpha(opacity=100);
}


/* --- Portolio filter --- */

ul.portfolio-categ{
	margin:10px 0 30px 0;
	padding:0;
	float:left;
	list-style:none;
}

ul.portfolio-categ li{
	margin:0;
	padding:0 20px 0 0;
	float:left;
	list-style:none;
	font-size:13px;
	font-weight:600;
}

ul.portfolio-categ li a{
	display:block;
	padding:35x 0 35x 0;
	color:#353535;
}

ul.portfolio-categ li.active a:hover, ul.portfolio-categ li a:hover,ul.portfolio-categ li a:focus,ul.portfolio-categ li a:active {
	text-decoration:none;
	outline:0;
}
    


/* --- portfolio detail --- */
.top-wrapper {
	margin-bottom:20px;
}

/* ===============================
13. Elements
================================ */

/* --- blockquote --- */
blockquote {
	font-size:16px;
	font-weight:400;
	font-family:'Noto Serif', serif;
	font-style:italic;
	padding-left:0;
	color:#a2a2a2;
	line-height:1.6em;
	border:none;
}

blockquote cite 							{ display:block; font-size:12px; color:#666; margin-top:10px; }
blockquote cite:before 					{ content:"\2014 \0020"; }
blockquote cite a,
blockquote cite a:visited,
blockquote cite a:visited 				{ color:#555; }

/* --- pullquotes --- */

.pullquote-left {
	display:block;
	color:#a2a2a2;
	font-family:'Noto Serif', serif;
	font-size:14px;
	line-height:1.6em;
	padding-left:20px;
}

.pullquote-right {
	display:block;
	color:#a2a2a2;
	font-family:'Noto Serif', serif;
	font-size:14px;
	line-height:1.6em;
	padding-right:20px;
}

/* --- button --- */
.btn-theme {
	color: #fff;
}
.btn-theme:hover {
	color: #eee;
}

/* --- list style --- */

ul.general {
	list-style:none;
	margin-left:0;
}

ul.link-list{
	margin:0;
	padding:0;
	list-style:none;
}

ul.link-list li{
	margin:0;
	padding:2px 0 2px 0;
	list-style:none;
}

footer ul.link-list li a{
	color:#fff;
}
footer ul.link-list li a:hover {
	color:#eee;
}
/* --- Heading style --- */

h4.heading {
	font-weight:700;
}

.heading { margin-bottom: 30px; }

.heading {
	position: relative;
	
}


.widgetheading {
	width:100%;

	padding:0;
}

#bottom .widgetheading {
	position: relative;
	border-bottom: #e6e6e6 1px solid;
	padding-bottom: 9px;
}

aside .widgetheading {
	position: relative;
	border-bottom: #e9e9e9 1px solid;
	padding-bottom: 9px;
}

footer .widgetheading {
	position: relative;
}

footer .widget .social-network {
	position:relative;
}


#bottom .widget .widgetheading span, aside .widget .widgetheading span, footer .widget .widgetheading span {	
	position: absolute;
	width: 60px;
	height: 1px;
	bottom: -1px;
	right:0;

}

/* --- Map --- */
.map{
	position:relative;
	margin-top:100px;
	margin-bottom:40px;
}

/* google map */
#google-map{
    position:relative;
    height: 450px;
}

/* --- our team --- */

ul.team-detail{
	margin:-10px 0 0 0;
	padding:0;
	list-style:none;
}

ul.team-detail li{
	border-bottom:1px dotted #e9e9e9;
	margin:0 0 15px 0;
	padding:0 0 15px 0;
	list-style:none;
}

ul.team-detail li label {
	font-size:13px;
}

ul.team-detail li h4, ul.team-detail li label{
	margin-bottom:0;
}

ul.team-detail li ul.social-network {
	border:none;
	margin:0;
	padding:0;
}

ul.team-detail li ul.social-network li {
	border:none;	
	margin:0;
}
ul.team-detail li ul.social-network li i {
	margin:0;
}

/* --- Pricing box --- */


.pricing-title{
	background:#fff;
	text-align:center;
	padding:10px 0 10px 0;
}

.pricing-title h3{
	font-weight:600;
	margin-bottom:0;
}

.pricing-offer{
	background: #fcfcfc;
	text-align: center;
	padding:40px 0 40px 0;
	font-size:18px;
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
}

.pricing-box.special .pricing-offer{
	color:#fff;
}

.pricing-offer strong{
	font-size:78px;
	line-height:89px;
}

.pricing-offer sup{
	font-size:28px;
}

.pricing-content{
	background: #fff;
	text-align:center;
	font-size:14px;
}

.pricing-content strong{
color:#353535;
}

.pricing-content ul{
	list-style:none;
	padding:0;
	margin:0;
}

.pricing-content ul li{
	border-bottom:1px solid #e9e9e9;
	list-style:none;
	padding:15px 0 15px 0;
	margin:0 0 0 0;
	color: #888;
}

.pricing-action{
	margin:0;
	background: #fcfcfc;
	text-align:center;
	padding:20px 0 30px 0;
}

.pricing-wrapp{
	margin:0 auto;
	width:100%;
	background:#fd0000;
}

/* --- pricing box alt 1 --- */
.pricing-box-alt {
border: 1px solid #e6e6e6;
	background:#fcfcfc;
	position:relative;
	margin:0 0 20px 0;
	padding:0;
  -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.03);
  -moz-box-shadow: 0 2px 0 rgba(0,0,0,0.03);
  box-shadow: 0 2px 0 rgba(0,0,0,0.03);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.pricing-box-alt .pricing-heading {
	background: #fcfcfc;
	text-align: center;
	padding:40px 0 0px 0;
	display:block;
}
.pricing-box-alt.special .pricing-heading {
	background: #fcfcfc;
	text-align: center;
	padding:40px 0 1px 0;
	border-bottom:none;
	display:block;
	color:#fff;
}
.pricing-box-alt.special .pricing-heading h3 {
	color:#fff;
}

.pricing-box-alt .pricing-heading h3 strong {
	font-size:32px;
	font-weight:700;
	letter-spacing:-1px;
}
.pricing-box-alt .pricing-heading h3 {
	font-size:32px;
	font-weight:300;
	letter-spacing:-1px;
}

.pricing-box-alt .pricing-terms {
	text-align: center;
	background:#333;
	display:block;
	overflow:hidden;
	padding:30px 0 20px;
}

.pricing-box-alt .pricing-terms  h6 {
	font-style:italic;
	margin-top:10px;
	color:#fff;
	
	font-family:'Noto Serif', serif;
}

.pricing-box-alt .icon .price-circled {
    margin: 10px 10px 10px 0;
    display: inline-block !important;
    text-align: center !important;
    color: #fff;
    width: 68px;
    height: 68px;
	padding:12px;
    font-size: 16px;
	font-weight:700;
    line-height: 68px;
    text-shadow:none;
    cursor: pointer;
    background-color: #888;
    border-radius: 64px;
    -moz-border-radius: 64px;
    -webkit-border-radius: 64px;
}

.pricing-box-alt  .pricing-action{
	margin:0;
	text-align:center;
	padding:30px 0 30px 0;
}


/* ===============================
14. Blog & article
================================ */

article{
	margin-bottom:40px;
}

article .post-heading h3 {
	margin-bottom:20px;
}

article .post-heading h3 a {
	font-weight:700;
	color:#353535;
}

article .post-heading h3 a:hover {
	text-decoration:none;
}


/* --- post meta --- */
.post-meta {
	background:#fcfcfc;
	border:1px solid #e6e6e6;
	border-top:none;
	text-align:center;
}

.post-meta .format {
	border-bottom:1px solid #e6e6e6;
	padding:10px 0 10px;
}

.post-meta i{
	margin:0;
}

.post-meta .date {
	border-bottom:1px solid #e6e6e6;
	padding:10px 0 10px;
}

.post-meta .date span {
	text-align:center;
	color:#999;
	font-size:12px;
	font-weight:600;
}

.post-meta .comments {
	padding:10px 0 10px;
}

.post-meta .comments a {
	color:#999;
	font-size:12px;
	font-weight:700;
}

.post-meta .comments a:hover {
	text-decoration:none;
}

/* --- post format --- */

.post-image {
	margin-bottom:20px;
}

.post-quote {
	margin-bottom:20px;
}

.post-video {
	margin-bottom:20px;
}

.post-audio {
	margin-bottom:20px;
}

.post-link {
	margin-bottom:20px;
}

.post-slider {
	margin-bottom:20px;
}


.post-quote blockquote {
	font-size:16px;
	color:#999;
	font-family:'Noto Serif', serif;
	font-style:italic;
	line-height:1.6em;
}


.post-image img:hover {
  -webkit-box-shadow: 0 0 2px #979797;
     -moz-box-shadow: 0 0 2px #979797;
          box-shadow: 0 0 2px #979797;	
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

ul.meta-post{
	float:left;
	margin: 0;
	padding:0;
	list-style:none;
}

ul.meta-post li{
	float:left;
	margin:0 10px 0 0;
	padding:0;
	list-style:none;
	border-right:1px dotted #e9e9e9;
	padding-right:10px;
}

ul.meta-post li i {
	float:left;
	font-size:12px;
	margin:2px 5px 0 0;
}

ul.meta-post li a{
	color:#999;
	float:left;
	font-size:12px;
	font-weight:600;
}

/* --- single post --- */
.bottom-article{
	overflow: hidden;
	border-top:1px solid #f5f5f5;
	border-bottom:1px solid #f5f5f5;
	padding:10px 0 10px 0;
	margin-top:20px;
}

/* --- author info --- */

.about-author {
	border:1px solid #f5f5f5;
	padding:20px;
	float:left;
	margin-bottom:5px;
}

.about-author h5 {
	margin-bottom:10px;
}



/* --- Comment --- */

.comment-area {
	float:left;
	width:100%;
	margin-top:30px;	
}


.media-content{
	overflow:hidden;
	margin-left:12px;
	border-bottom:1px dotted #d5d5d5;
	padding-bottom:20px;
}

.media-content h6 {
	font-size:14px;
	font-weight:700;
}

.media-content span{
	color:#a9a9a9;
	font-size:14px;
	font-weight:300;
}

.comment-area .thumbnail > img {
  display: block;
	width:60px;
	height:60px;
}
.filter-list{
	margin-top:20px;
}

/* --- pagination --- */

#pagination a,
#pagination span {
    display: block;
    float: left;
    margin: 0 7px 0 0;
    padding: 7px 10px 6px 10px;
    font-size: 12px;
    line-height:12px;
    color: #888;
	font-weight:600;
}

#pagination a:hover {
    color: #fff;
	text-decoration:none;
}

#pagination span.current {
    background: #333;
    color: #fff;
    font-weight: bold;
}


/* ===============================
15. Aside, sidebar
================================ */

aside{
	position:relative;
	margin-bottom:40px;
}

.sidebar-nav{
	float:left;
	width:100%;
}

.right-sidebar{
	border-left:1px solid #f5f5f5;
	padding:0 0 0 30px;
-webkit-box-shadow:inset 1px 0 0 0 rgba(0,0,0,.01);
box-shadow:inset 1px 0 0 0 rgba(0,0,0,.01);

}


.left-sidebar{
	border-right:1px solid #f5f5f5;
	padding:0 30px 0 0;
-webkit-box-shadow:inset 1px 0 0 0 rgba(0,0,0,.01);
box-shadow:inset 1px 0 0 0 rgba(0,0,0,.01);
}


.left-sidebar .widget h3, .left-sidebar .widget .widget-content{
	padding-right:20px;
}



aside .widget {
	margin-bottom:40px;
}


ul.cat, ul.recent, ul.folio-detail, ul.contact-info{
	margin:0;
	padding:0;
	list-style:none;
}

ul.cat li, ul.recent li, ul.folio-detail li, ul.contact-info li{
	margin:0 0 15px 0;
	list-style:none;
}

ul.cat li a, ul.folio-detail li a{
	color:#656565;
}

ul.folio-detail li label{
	display:inline;
	cursor:default;
	color:#353535;
	font-weight:bold;
}

.widget ul.recent li {
	margin-bottom:20px;
}

ul.recent li h6 {
	margin:0 0 10px 0;
}

ul.recent li h6 a{
	color:#353535;
	font-size:16px;
	font-weight:600;
}


.widget ul.tags {
	list-style:none;
	margin:0;
	margin-left: 0;
	padding-left:0;
}

.widget ul.tags li {
	margin:0 5px 15px 0;
	display:inline-block;
}


.widget ul.tags li a {
	background:#e6e6e6;
	color:#333;
	padding:5px 10px;
}

.widget ul.tags li a:hover {
	text-decoration:none;
	color:#fff;
}

/* ===== Widgets ===== */

/* --- flickr --- */
.widget .flickr_badge {
	width:100%;
}
.widget .flickr_badge img { margin: 0 9px 20px 0; }

footer .widget .flickr_badge {
    width: 100%;
}
footer .widget .flickr_badge img {
    margin: 0 9px 20px 0;
}

.flickr_badge img {
    width: 50px;
    height: 50px;
    float: left;
	margin: 0 9px 20px 0;
}

/* --- latest tweet widget --- */

.twitter ul{
	margin-left:0;
	list-style:none;
}

.twitter  img{
    float: left;
    margin-right: 15px;
}
.twitter span.tweet_time{
    display: block;
    padding-bottom: 5px;

}
.twitter li{    
    border-bottom: 1px dashed #efefef;    
    padding-bottom: 20px;
    margin-bottom: 20px;
    list-style: none;
}
.twitter li:last-child{border: none;}

/* --- Recent post widget --- */

.recent-post{
	margin:20px 0 0 0;
	padding:0;
	line-height:18px;
}

.recent-post h5 a:hover {
	text-decoration:none;
}

.recent-post .text h5 a {
	color:#353535;
}


ul.time-post{
	float:left;
	width:120px;
	padding:0;
	list-style:none;
	margin:0 20px 0 0;
	text-align:center;
	color: #0e0f0f;
}

ul.time-post li{
	float:none;
	background:#f8f8f8;
	list-style:none;
	margin:0 0 2px 0;
	padding:0;
}

ul.time-post li a img:hover{
	opacity: 0.8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";	
}
 	
ul.time-post li.time{
	float:none;
	padding:5px 0 5px 0;
	text-shadow: none;	
}

.recent-post ul.time-post li.time{
	color:#121214;
}

.post-meta{
	margin-bottom:20px;
}

.post-meta span{
	padding:0 10px 0 10px;
	margin-bottom:10px;
}

.post-meta span a{
	color:#919191;
}

.post-meta strong{
	font-weight:200px;
	color:#c7c7c7;
}

.item .text {
	margin-left:140px;
	margin-bottom:20px;
}

/* ===============================
16. Footer
================================ */

footer{
	padding:50px 0 0 0;
	color:#f8f8f8;
}

footer a {
	color:#fff;
}

footer a:hover {
	color:#eee;
}

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6{
	color:#fff;
}

footer address {
	line-height:1.6em;
}

footer h5 a:hover, footer a:hover {
	text-decoration:none;
}

ul.social-network {
	list-style:none;
	margin:0;
}

ul.social-network li {
	display:inline;
	margin: 0 5px;
}

#sub-footer{
	text-shadow:none;
	color:#f5f5f5;
	padding:0;
	padding-top:30px;
	margin:20px 0 0 0;
}

#sub-footer p{
	margin:0;
	padding:0;
}

#sub-footer span{
	color:#f5f5f5;
}

.copyright {
	text-align:left;
	font-size:12px;
}

#sub-footer ul.social-network {
	float:right;
}


/* ===============================
 Live preview purpose
================================ */
/* --- buttons --- */

.bs-docs-example {
	margin:0 0 10px 0;
}

.demobtn a.btn {
	margin:0 10px 10px 0;
}

section.demogrid .col-lg-1,section.demogrid .col-lg-2,section.demogrid .col-lg-3,section.demogrid .col-lg-4,section.demogrid .col-lg-5,section.demogrid .col-lg-6,section.demogrid .col-lg-7,section.demogrid .col-lg-8,section.demogrid .col-lg-9,section.demogrid .col-lg-10,section.demogrid .col-lg-11 {
	background:#f6f6f6;
	text-align:center;
	padding:20px 0 20px;
}

section.demogrid .show-grid .row,section.demogrid .show-grid .row-fluid {
	margin-bottom:0;
}

section.demogrid .show-grid .nest {
	background:#ddd;
	text-align:center;
	padding:20px 0 20px;
}

section.demogrid .col-lg-12.nest {
	background:#f6f6f6;
	text-align:center;
	padding:20px 0 0;
}

.demoinline p {
	display:inline;
	margin-right:20px;
}


/* ===============================
17. Divider, Line & Misc
================================ */

.solidline {
	border-top:1px solid #f5f5f5;
	margin:0 0 30px;
}

.dottedline {
	border-top:1px dotted #f5f5f5;
	margin:0 0 30px;
}

.dashedline {
	border-top:1px dashed #f5f5f5;
	margin:0 0 30px;
}

.blankline {
	height:1px;
	margin:0 0 30px;
}


/* scroll to top */
.scrollup{
    position:fixed;
	width:32px;
	height:32px;
    bottom:0px;
    right:20px;
	background: #222;
	
}

a.scrollup {
	outline:0;
	text-align: center;
}

a.scrollup:hover,a.scrollup:active,a.scrollup:focus {
	opacity:1;
	text-decoration:none;
}
a.scrollup i {
	margin-top: 10px;
	color: #fff;
}
a.scrollup i:hover {
	text-decoration:none;
}




/* =============================
18. Position & alignment
============================= */

.absolute{
	position:absolute;
}

.relative{
	position:relative;
}

.aligncenter{
	text-align:center;
}

.aligncenter span{
	margin-left:0;
}

.floatright {
	float:right;
}

.floatleft {
	float:left;
}

.floatnone {
	float:none;
}

.aligncenter {
	text-align:center;
}

/* --- Image allignment style --- */

img.pull-left, .align-left{
	float:left;
	margin:0 15px 15px 0;
}

.widget img.pull-left {
	float:left;
	margin:0 15px 15px 0;
}

img.pull-right, .align-right {
	float:right;
	margin:0 0 15px 15px;
}

article img.pull-left, article .align-left{
	float:left;
	margin:5px 15px 15px 0;
}

article img.pull-right, article .align-right{
	float:right;
	margin:5px 0 15px 15px;
}

/* =============================
20. Spacer, margin
============================= */

.clear-marginbot{
	margin-bottom:0;
}

.marginbot10{
	margin-bottom:10px;
}
.marginbot20{
	margin-bottom:20px;
}
.marginbot30{
	margin-bottom:30px;
}
.marginbot40{
	margin-bottom:40px;
}

.clear-margintop{
	margin-top:0;
}

.margintop10{
	margin-top:10px;
}

.margintop20{
	margin-top:20px;
}

.margintop30{
	margin-top:30px;
}

.margintop40{
	margin-top:40px;
}
.ilan-icerik {
	float: left;
	width: 100%;
	padding-left: 30px;
	margin: 0px 0;
}
@media (max-width: 767px) {
	.tab

{
	width: 31%;
	font-size: 12px;
}

}
.tab input[type=radio], .tab input[type=radio] + label:before {
	display: none;
}
input[type=radio] + label {
	display: block !important;
	margin: .2em;
	cursor: pointer;
	padding: .2em;
}
.tab-label i {
	font-size: 26px;
}
.icofont-car-alt-1:before {
	content: "\ee1b";
}
.tab-content {
	position: absolute;
	z-index: 1;
	top: 18em;
	left: 0;
	opacity: 0;
	transition: all .35s;
	width: 100%;
	background: #fff;
}
@media (max-width: 767px) {
	.tab-content {
		top: 37em;
	}

}
.table-responsive.table-bordered {
	border: 0;
}

.table-responsive.table-bordered {
	border: 0;
}

.iscilik-listesi {
	width: 100%;
	font-size: 1em !important;
	display: inline-table !important;
}

.table-responsive {
	display: block;
	width: 100%;
	overflow-x: auto;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

.table-bordered {
	border: 1px solid #eceeef;
}

.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 1rem;
}

@media (max-width: 992px) {
	.table {
		font-size: 1.2em;
	}
}

@media (max-width: 750px) {
	.table {
		font-size: 0.8em !important;
	}
}

.table-responsive {
	display: block;
	width: 100%;
	overflow-x: auto;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

.table-bordered {
	border: 1px solid #eceeef;
}

.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 1rem;
	font-size: 1.2em;
}
	.table th, .table td {
		padding: .45rem;
		vertical-align: top;
		border-top: 1px solid #eceeef;
	}
.iscilik-listesi tr td:first-child {
	min-width: 10px !important;
	width: 10px;
}

.table tr td:first-child {
	min-width: 100px;
}

.table-bordered th, .table-bordered td {
	border: 1px solid #eceeef;
}

.table th, .table td {
	padding: .45rem;
	vertical-align: top;
	border-top: 1px solid #eceeef;
}

@media (max-width: 750px) {
	.table th, .table td {
		font-size: 14px;
	}
}

.laci-table th, .laci-table td {
	border: 1px solid #1a237e !important;
}

.table-bordered th, .table-bordered td {
	border: 1px solid #eceeef;
}

.table th, .table td {
	padding: .20rem .40rem;
	vertical-align: top;
	border-top: 1px solid #eceeef;
	text-align: left;
	line-height: 18px;
}
.iscilik-listesi input[type=checkbox] + label {
	margin: 0px;
	display: none;
}

input[type=checkbox] + label {
	/*display: block !important;*/
	margin: .2em;
	cursor: pointer;
	padding: .2em;
}
input[type=checkbox]:checked + label:before {
	background-color: #ef7c02;
	border-color: #ef7c02;
	color: #fff;
}

input[type=checkbox] + label:before {
	content: "\2714";
	border: .1em solid #aeb1b1;
	border-radius: .2em;
	display: inline-block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	padding-bottom: .3em;
	margin-right: .2em;
	vertical-align: middle;
	color: transparent;
	transition: .2s;
}
.table-bordered th, .table-bordered td {
	border: 1px solid #eceeef;
}

.table th, .table td {
	padding: .45rem;
	vertical-align: top;
	border-top: 1px solid #eceeef;
}

@media (max-width: 750px) {
	.table th, .table td {
		font-size: 14px;
	}
}
.icofont-car-alt-1:before {
	content: "\ee1b";
}
.tab-switch:checked + .tab-label {
	background: #ff6600;
	border-radius: 8px;
	color: #FFF;
	border-bottom: 0;
	border-right: .125rem solid #fff;
	transition: all .35s;
	z-index: 1;
	top: -.0625rem;
}
.laci-table th, .laci-table td {
	border: 1px solid #1a237e !important;
}
.table {
	border-collapse: collapse;
	border-spacing: 0;
}
.table thead th {
	vertical-align: bottom;
	border-bottom: 2px solid #eceeef;
}
.tab-content {
	position: absolute;
	z-index: 1;
	top: 37em;
	left: 0;
	opacity: 0;
	transition: all .35s;
	width: 100%;
	background: #fff;
}
*, ::before, ::after {
	box-sizing: inherit;
}

*, ::before, ::after {
	box-sizing: border-box;
}

.tab-label i {
	font-size: 26px;
}
[class*=" icofont-"], [class^=icofont-] {
	font-family: IcoFont !important;
	speak: none;
	font-display: swap;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	line-height: 1;
	-webkit-font-feature-settings: liga;
	-webkit-font-smoothing: antialiased;
}
@media (max-width: 767px) {
	.tab-label {
		height: 5em;
	}
}

.tab-label {
	position: relative;
	display: block;
	font-size: 12px;
	/* line-height: 2.75em; 
	height: 4em;*/
	padding: 0 1.618em;
	cursor: pointer;
	height: 92px;
	top: 0;
	transition: all .25s /*;background:#1abc9c;border-right:.125rem solid #16a085;color:#fff*/;
}
.tab {
	float: left;
	width: 18%;
	margin: 1%;
	border: 1px solid #CCC;
	border-radius: 8px;
	padding: 2px;
	text-align: center;
}
.tab-switch:checked + label + .tab-content {
	z-index: 2;
	opacity: 1;
	transition: all .35s;
}
@media (max-width: 767px) {
	.tabs {
		min-height: 1000px;
	}
}
.tabs::before, .tabs::after {
	content: "";
	display: table;
}
.tabs {
	position: relative;
	min-height: 800px /*;margin:3rem 0;background:#1abc9c;height:14.75rem*/;
}
@media (max-width: 992px) {
	.ilan-icerik {
		padding: 0px;
	}
}

@media (max-width: 750px) {
	.ilan-icerik {
		padding-left: 0px;
	}
}


@media (max-width: 767px) {
	.tab {
		width: 31%;
		font-size: 12px;
		height: 100px;
	}
}
/* =============================
21. Media queries 
============================= */

@media (min-width: 768px) and (max-width: 990px) {

	
		header .navbar-nav > li {
			padding-bottom: 0;
			padding-top: 0;
			width:100%;
		}

	.dropdown-menu {
		position: absolute;
		top: 0;
		left: 40px;
		z-index: 1000;
		display: none;
		float: left;
		min-width: 160px;
		padding: 5px 0;
		margin: 2px 0 0;
		font-size: 13px;
		list-style: none;
		background-color: #fff;
		background-clip: padding-box;
		border: 1px solid #f5f5f5;
		border: 1px solid rgba(0, 0, 0, .15);
		border-radius: 0;
		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
		box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	}


	.top-container {
		display: none;
	}
	a.detail{
		background:none;
		width:100%;
	}


	
	footer .widget form  input#appendedInputButton {
		  display: block;
		  width: 91%;
		  -webkit-border-radius: 4px 4px 4px 4px;
			 -moz-border-radius: 4px 4px 4px 4px;
				  border-radius: 4px 4px 4px 4px;
	}
	
	footer .widget form  .input-append .btn {
		  display: block;
		  width: 100%;
		  padding-right: 0;
		  padding-left: 0;
		  -webkit-box-sizing: border-box;
			 -moz-box-sizing: border-box;
				  box-sizing: border-box;
				  margin-top:10px;
	}

	ul.related-folio li{
		width:156px;
		margin:0 20px 0 0;
	}	
}

@media (max-width: 767px) {

  body {
    padding-right: 0;
    padding-left: 0;
  }
	#featured {
		width: 100%;
		background: #fcfcfc;
		position: relative;
		margin: 0;
		padding: 0;
		margin: 0 0%;
	}
	.container {
		padding: 70px 8px 0 5px;
		position: relative;
	}
	.top-container {
		display: none;
	}
	.ovaldiv {
		width:50% !important;
	}
	.Yazi {
		padding: 10px;
		text-align: center;
		font-size: 16px;
	}
	.navbar-brand {
		margin-top: 10px;
		border-bottom: none;
	}
	.navbar-header {
		margin-top: 20px;
		border-bottom: none;
	}
	
	.navbar-nav {
		border-top: none;
		float: none;
		width: 100%;
	}

	header .navbar-nav > li {
		padding-bottom: 0;
		padding-top: 0;
		border-bottom: solid 2px #fff;
	}
	
	header .nav li .dropdown-menu  {
		margin-top: 0;
	}
	.menunavbar {
		padding: 0px!important
	}
	.UserName {
		font-size: 15px;
		/* font-weight: 600; */
		text-transform: capitalize;
		padding-bottom: 6px;
		padding-top: 5px;
		margin-left: 2px;
		line-height: 30px;
		font-weight: 700;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-ms-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;
		color: #fe6d00;
	}
	.dropdown-menu {
		position: absolute;
		top: 0;
		left: 40px;
		z-index: 1000;
		display: none;
		float: left;
		min-width: 160px;
		padding: 5px 0;
		margin: 2px 0 0;
		font-size: 13px;
		list-style: none;
		background-color: #fff;
		background-clip: padding-box;
		border: 1px solid #f5f5f5;
		border: 1px solid rgba(0, 0, 0, .15);
		border-radius: 0;
		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
		box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	}

	body {
		padding-top: 0px;
		padding-bottom: 20px;
	}
	.imgLogo {
		height:50px;
	}
		
	.navbar-collapse.collapse {
		overflow: hidden;
		box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.10);
		background-color: white;
		text-align: left;
		font-weight: 400;
		z-index: 20;
		font-size: 14px;
		/* display: none; */
		position: absolute;
		left: 0px;
		top: 90px;
		padding: 10px;
		line-height: 30px;
		width: 300px;
		height: 90%;
	}

	
	.box {
		border-bottom:1px solid #e9e9e9;
		padding-bottom:20px;
	}

	#featured .flexslider .slide-caption {
		width: 90%; 
		padding: 2%; 
		position: absolute; 
		left: 0; 
		bottom: -40px; 
	}


	#inner-headline .breadcrumb {
		float:left;
		clear:both;
		width:100%;
	}

	.breadcrumb > li {
		font-size:13px;
	}

	
	ul.portfolio li article a i.icon-48{
		width:20px;
		height:20px;
		font-size:16px;
		line-height:20px;
	}


	.left-sidebar{
		border-right:none;
		padding:0 0 0 0;
		border-bottom: 1px dotted #e6e6e6;
		padding-bottom:10px;
		margin-bottom:40px;
	}
	
	.right-sidebar{
		margin-top:30px;
		border-left:none;
		padding:0 0 0 0;
	}
	
	
	footer .col-lg-1, footer .col-lg-2, footer .col-lg-3, footer .col-lg-4, footer .col-lg-5, footer .col-lg-6, 
	footer .col-lg-7, footer .col-lg-8, footer .col-lg-9, footer .col-lg-10, footer .col-lg-11, footer .col-lg-12{
		margin-bottom:20px;
	}

	#sub-footer ul.social-network {
		float:left;
	}
	

	
  [class*="span"] {
		margin-bottom:20px;
  }

}

@media (max-width: 480px) {
	.bottom-article a.pull-right {
		float:left;
		margin-top:20px;
	}


	.search{
		float:left;
	}

	.flexslider .flex-caption {
		display:none;
	}


	.cta-text {
		margin:0 auto;
		text-align:center;	
	}
	
	ul.portfolio li article a i{
		width:20px;
		height:20px;
		font-size:14px;
	}


}

@media (max-width: 768px) {
	.rwmenu {
		/*width: 23%;*/
		float: left;
	}

	.neler {
		padding: 3px 2px 0 2px;
	}

	.section-title-area {
		margin-bottom: 0px;
	}

	.ltn__section-title-2 .section-title {
		font-size: 36px;
	}

	.ltn__feature-item-3 {
		padding: 0px 22px 0px;
	}

	.ltn__feature-item-3 {
		margin-bottom:0px;
}
		.ltn__feature-item-3 .ltn__feature-icon {
			margin: 0px 20px 0 0;
			font-size: 34px;
			color: var(--ltn__secondary-color);
			line-height: 1.5;
		}
	.elementor-section .elementor-container {
		display: inline;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}

	.feature-banner-img img {
		vertical-align: middle;
		width: 30%;
		height: auto;
	}
	.ltn__feature-info a {
		font-size: 16px;
	}
}
/*yeniyaptıgım mobile göre olan düzeltme aşağıda

	*/
@media (max-width: 768px) {
	table {
		width: 100% !important;
		min-width: auto !important;
		max-width: 100% !important;
	}
	/* Form kart içindeki input ve selectleri modern yap */
	.card .form-control {
		border-radius: 12px;
		border: 1px solid #ced4da;
		padding: 0px 15px;
		font-size: 16px;
		box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
		transition: all 0.2s;
	}
	.effect-1 {
		padding: 0px;
	}
		.card .form-control:focus {
			border-color: #0d6efd;
			box-shadow: 0 0 0 0.2rem rgba(13,110,253,.25);
		}

	.card label {
		font-weight: 600;
		margin-bottom: 5px;
		display: block;
	}


	.btn {
		border-radius: 7px;
		padding: 10px 10px;
		font-size: 10px;
		font-weight: 600;
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
		transition: all 0.2s;
	}

		.btn:hover {
			transform: translateY(-2px);
			box-shadow: 0 4px 8px rgba(0,0,0,0.2);
		}

	.form-group {
		margin-bottom: 0px;
		margin-left: 10%;
		margin-right: 10%;
	}

	
	
	
	

	/* Durum badge’lerini daha modern yap */
	.bg-success {
		background-color: #28a745 !important;
		color: white !important;
	}

	.bg-warning {
		background-color: #ffc107 !important;
		color: #212529 !important;
	}

	.bg-danger {
		background-color: #dc3545 !important;
		color: white !important;
	}

	.bg-secondary {
		background-color: #6c757d !important;
		color: white !important;
	}

	.quote-cards {
		display: flex;
		flex-wrap: wrap;
		gap: 15px;
		justify-content: flex-start;
	}
	body {
		padding-top: env(safe-area-inset-top);
		padding-left: env(safe-area-inset-left);
		padding-right: env(safe-area-inset-right);
		padding-bottom: env(safe-area-inset-bottom);
	}

	.quote-card {
		flex: 1 1 100%; /* Minimum 300px, büyüyebilir */
		
	}

	.card {
		border-radius: 0px;
		margin-top: 0px;
		transition: all 0.2s;
		padding-bottom: 8px;
		border-bottom: 1px solid #817f7f;
	}

		.card:hover {
			transform: translateY(-3px);
			box-shadow: 0 8px 16px rgba(0,0,0,0.15);
		}

	.badge {
		font-size: 0.85rem;
		padding: 6px 12px;
		border-radius: 12px;
		display: inline-block;
		margin-bottom: 4px;
		transition: all 0.2s;
	}

		.badge:hover {
			transform: translateY(-1px);
			box-shadow: 0 2px 4px rgba(0,0,0,0.15);
		}

	.bg-success {
		background-color: #28a745 !important;
		color: white !important;
	}

	.bg-warning {
		background-color: #ffc107 !important;
		color: #212529 !important;
	}

	.bg-danger {
		background-color: #dc3545 !important;
		color: white !important;
	}

	.bg-secondary {
		background-color: #6c757d !important;
		color: white !important;
	}

	.flexslider .slides img {
		width: 100%;
		display: block;
		height: 300px;
		object-fit: cover;
	}

	#featured .flexslider {
		padding: 0;
		margin: 1px 0 10px;
		background: #fff;
		position: relative;
		zoom: 1;
		margin-left: -15px;
		margin-right: -15px;
	}
	.servislogosu {
		width:33%
	}
	.servisaciklama {
		width: 67%
	}
	
}

.service-card {
	transition: transform 0.2s, box-shadow 0.2s;
}

	.service-card:hover {
		transform: translateY(-5px);
		box-shadow: 0 8px 20px rgba(0,0,0,0.15);
	}

.rating-stars i {
	font-size: 1rem;
}

.service-logo {
	max-height: 80px;
	object-fit: contain;
}

@media(max-width: 767px) {
	.row{
		margin-left:-5px;
		margin-right:-5px;
	}
	.service-card {
		font-size: 0.95rem;
	}

	.rating-stars i {
		font-size: 0.9rem;
	}

	.service-logo {
		max-height: 60px;
	}
	.toast-info {
		background-color: red !important; /* istediğin renk #3498db */
		color: white !important;
		

	}

	.toast-success {
		background-color: red !important; /*#2ecc71*/
		color: white !important;
	}

	.toast-warning {
		background-color: red !important; /*#f39c12*/
		color: white !important;
	}

	.toast-error {
		background-color: #e74c3c !important;
		color: white !important;
		
	}
}


/*yeniyaptıgım mobile göre olan düzeltme yukarda

	*/