/*
Theme Name: 444 Peyzaj
Theme URI: https://444peyzaj.com/
Description: https://444peyzaj.com/
Author URI:https://444peyzaj.com/
Author: 444SEO
Text Domain: cbskepenk
Version: plus
*/

/* CUSTOM FONTS */

	@font-face{font-display:swap;font-family:koza;src:url(fonts/koza.eot);src:url(fonts/koza.eot?#iefix) format("embedded-opentype"),url(fonts/koza.woff) format("woff"),url(fonts/koza.ttf) format("truetype"),url(fonts/koza.svg#koza) format("svg");font-weight:400;font-style:normal}
	@font-face{font-display:swap;font-family:kurumsal-line;src:url(fonts/kurumsal-line.eot);src:url(fonts/kurumsal-line.eot?#iefix) format("embedded-opentype"),url(fonts/kurumsal-line.woff) format("woff"),url(fonts/kurumsal-line.ttf) format("truetype"),url(fonts/kurumsal-line.svg#kurumsal-line) format("svg");font-weight:400;font-style:normal}

	.safiricon:before {
		font-family: "kurumsal-line" !important;
		content: attr(data-icon);
		font-style: normal !important;
		font-weight: normal !important;
		font-variant: normal !important;
		text-transform: none !important;
		line-height: inherit;
		float: left;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.safirSocial a:before, #topbar .topsearch button:before,
	.iconMenuWidget .item:after, .aboutWidget .description li:before,
	.advancedPostsWidget2 .item .date:before, .customerWidget .customerComments .item:before, .customerWidget .customerComments .item:after, footer .column.posts .item .detail .date:before, .metaBox .share a:before, #mobileHeader .mobileSearch .searchform button:before, #mobileHeader .mobileSearch .close:before, #overlay .close:before,
	#whatsappBlock .chat .header .close:before,
	.wp-block-gallery a .icon:before,
	#galleryContent .navButton:before,
	#search .searchButton:before,
	#search button:before,
	.safirCustomMenu .title:before,
	.safirCustomMenu .toggle.icon:before,
	.whatsappButton:before,
	#hamburgermenu span.close:before,
	#hamburgermenu .searchForm button:before,
	#mobileMenuContainer #menu .mobilearrow:before,
	#menu li.menu-item-has-children span.arrow:before,
	.safirTop:before,
	.crewWidget .item .icon:before,
	.galleryWidget .items a .icon:before,
	.owl-nav div:before, .contactWidget .infoBlock .item .icon:before, .metaBox .icon:before, .commentlist .comment-meta a:before, #comments a.comment-reply-link:before, #comments ol.children li .comment-body:before, .safir-faq .openclose:before{
		font-family: "koza" !important;
		content: attr(data-icon);
		font-style: normal !important;
		font-weight: normal !important;
		font-variant: normal !important;
		text-transform: none !important;
		line-height: inherit;
		float:left;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

/* SAFİR RESET  */

	*, *:before, *:after {
		outline:0;
		margin:0;
		padding:0;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		vertical-align: baseline;
	}

	ol {
		list-style-position:inside;
	}

	ul {
		list-style:none;
		list-style-position:outside;
	}

	blockquote {
		margin: 10px 0;
		padding: 15px;
		font-style: italic;
		background: #ECF0F1;
		border-left: 5px solid rgba(0,0,0,0.05);
	}

	blockquote p {
		margin: 0 !important;
		text-align: left !important;
	}

	a {
		text-decoration:none;
	}

	a:hover {
		text-decoration:none;
	}

	a img {
		border:none;
	}

	iframe {
		max-width:100%;
	}

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

	h1 {
		font-size:20px;
	}

	h2 {
		font-size:18px;
	}

	h3 {
		font-size:16px;
	}

/* DESIGN  */

	body {
		background: #f9f9f9;
		font: 14px "allotrope", sans-serif;
		color: #000;
	}

	input, select, textarea, button {
		font:14px "allotrope",sans-serif;
	}

	a:hover {
		color: #222;
	}

/* GENERAL CLASSES */

	rs-fullwidth-wrap i {
		vertical-align: middle;
	}

	.shiftTop {
		margin-top: 30px;
	}

	.widgetHeading {
		margin-bottom: 20px;
		position: relative;
		font-size: 26px;
		font-weight: 600;
		color: #111;
		overflow: hidden;
	}

	.widgetHeading.center {
		text-align: center;
	}

	.widgetHeading .slogan {
		font-size: 13px;
		color: #757575;
	}

	.widgetHeading .slogan .inner {
		display: inline-block;
		border-bottom: 1px solid #cacaca;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}

	.widgetHeading .title {
		display: flex;
		align-items: center;
	}

	.widgetHeading.center .title {
		justify-content: center;
	}

	.widgetHeading .icon {
		font-size: 20px;
		margin-right: 5px;
	}

	.darkBg .widgetHeading, .imageBg .widgetHeading {
		color: #f9f9f9;
	}

	.darkBg .widgetHeading .slogan .inner, .imageBg .widgetHeading .slogan .inner {
		border-color: #494949;
	}

	.darkBg .widgetHeading:before, .darkBg .widgetHeading:after, .imageBg .widgetHeading:before, .imageBg .widgetHeading:after {
		background: #f9f9f9;
	}

	aside .widgetHeading {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.stickyMenu #wpadminbar {
		z-index: 9999;
	}

	.innerContainer {
		max-width: 1190px;
		margin: auto;
		overflow: hidden;
		padding: 0 10px;
	}

	.safirBox {
		position: relative;
		overflow: hidden;
		background: #fff;
		box-shadow: 0 0 5px rgba(0,0,0,0.05);
		padding: 30px;
	}

	 .safirWidget {
		position: relative;
	}

	aside .safirWidget {
		position: relative;
	}

	aside .safirBox {
		padding: 0;
	}

	.safirEmbedContainer {
		padding-bottom: 52.25%;
		position: relative;
		height: 0;
	}

	.safirEmbedContainer.wide {
		padding-bottom: 35%;
	}

	.safirEmbedContainer iframe, .safirEmbedContainer embed, .safirEmbedContainer object, .safirEmbedContainer video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.reading, .reading p, .reading li {
		line-height: 1.8;
		text-align: justify;
		font-size: 16px;
	}

	.reading.center, .reading.center p, .reading.center li {
		text-align: center;
	}

	.reading>*+* {
		margin-top: 25px !important;
		margin-bottom: 0;
	}

	.reading {
		margin-bottom: 0;
	}

	.reading iframe {
		border:0;
	}

	.reading a {
		font-weight: 500;
	}

	.reading strong a {
		font-weight: bold;
	}

	.reading ul li {
		list-style-type: disc;
		list-style-position: inside;
	}

	.reading ol {
		list-style: none;
		counter-reset: item;
	 }

	 .reading ol li {
		counter-increment: item;
		margin-bottom: 5px;
	 }

	 .reading ol li:before {
		margin-right: 4px;
		content: counter(item) ". ";
		font-weight: bold;
	 }

	.reading a:hover, .nativeWidget a:hover {
		color: #333;
	}

	.reading table {
		border-collapse: collapse;
	}

	.reading th, .reading td {
		border: 1px solid #ddd;
		padding: 8px;
		vertical-align: top;
	}

	.float {
		overflow: hidden;
	}

	.bold {
		font-weight: bold;
	}

	.post img {
		width: 100%;
	}

	.categoryDesc {
		line-height: 1.5;
		background: #fafafa;
		padding: 15px;
		margin-bottom: 30px;
		font-size: 16px;
		border-radius: 4px;
	}

	.safirNoGallery .gallery, .safirNoGallery .wp-block-gallery {
		display: none !important;
	}

	.safirNoGallery p {
		margin-bottom: 20px;
	}

	@media all and (max-width: 1100px) {

		.innerContainer {
			padding: 0;
		}

	}

	@media all and (max-width: 900px) {

		.safirWidget .widgetHeading {
			font-size: 18px;
			margin-top: 10px;
			margin-bottom: 10px;
		}

		.widgetHeading .icon {
			font-size: 16px;
		}

		.categoryDesc {
			padding: 10px;
			margin-bottom: 10px;
		}

		.reading, .reading p, .reading li {
			text-align: left;
		}

		.reading h1, .reading h2, .reading h3, .reading h4, .reading h5, .reading h6 {
			margin-bottom: 10px;
		}

		.safirBox+.safirBox {
			margin-top: 10px;
		}

	}

/* THUMBS */

	.safirthumb {
		position: relative;
		overflow: hidden;
		background: #dfdfdf;
	}

	.safirthumb.square {
		padding-bottom: 100%;
	}

	.safirthumb.half {
		padding-bottom: 50%;
	}

	.safirthumb.nobg {
		background: none;
	}

	.safirthumb:before {
		position: absolute;
		display: block;
		content: "";
	}

	.safirthumb .thumbnail {
		overflow: hidden;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.safirthumb .center {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transform: translate(50%,50%);
	}

	.safirthumb img {
		position: absolute;
		top: 0;
		left: 0;
		transform: translate(-50%,-50%);
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.fitImage .safirthumb img {
		object-fit: contain;
	}

	img.lazy {
		opacity: 0;
		transition: opacity .75s ease-in;
	}

/* PIC HEADER */

	.picHeader {
		background-position: 50% 50%;
		background-size: cover;
		color: #fff;
		text-align: center;
		padding: 40px 0;
	}

	.picHeader .title {
		font-size: 40px;
		font-weight: bold;
		margin-bottom: 10px;
		line-height: 1.2;
		text-shadow: 0 0 3px rgba(0,0,0,0.2);
	}

	.picHeader a, .picHeader h1, .picHeader #crumbs, .picHeader #crumbs a {
		color: #fff;
	}

	.picHeader a:hover {
		color: #dfdfdf !important;
	}

	@media all and (max-width: 900px) {

		.picHeader {
			padding: 30px 10px;
		}

		.picHeader .title {
			font-size: 28px;
		}

	}

/* TOPBAR */

	#topbar {
		background: #f3f3f3;
		color: #384c58;
		z-index: 40;
		position: relative;
	}

	#topbar .share {
		float: left;
		padding: 10px 0;
	}

	#topbar .rightGroup {
		float: right;
	}

	#topbar .topsearch {
		border-left: 1px solid #e9e9e9;
		border-right: 1px solid #e9e9e9;
		position: relative;
		float: left;
	}

	#topbar .topsearch input {
		background: none;
		border: 0;
		color: #384c58;
		height: 40px;
		margin: 0;
		padding: 10px 50px 10px 10px;
		width: 200px;
		font-weight: normal;
	}

	#topbar .topsearch button {
		position: absolute;
		top: 0;
		right: 0;
		background: none;
		border: 0;
		cursor: pointer;
	}

	#topbar .topsearch button:before {
		display: block;
		content: "\E000";
		margin: 12px;
		width: 16px;
		height: 16px;
		line-height: 16px;
		font-size: 13px;
		text-align: center;
		color: #384c58;
	}

	/* Languages */

	.languageSelector {
		float: left;
		padding: 9px 0 9px 9px;
		overflow: hidden;
	}

	.languageSelector a {
		display: block;
		float: left;
		margin-left: 6px;
	}

	.languageSelector a:first-child {
		margin-left: 0;
	}

	.languageSelector img {
		display: block;
		height: 22px;
		width: 22px;
	}

/* HEADER */

	#header {
		position: relative;
		z-index: 40;
		padding: 12px 0;
		background: #fff;
	}

	#logo {
		display: table-cell;
		vertical-align: middle;
		z-index: 100;
		text-align: left;
	}

	#logo a {
		display: block;
		float: left;
	}

	#logo img {
		max-width: inherit;
		display: block;
	}

	#logo h1, #logo span {
		display: block;
	}

/* INFO BLOCK */

	#infoBlock {
	    display: table-cell;
		vertical-align: middle;
		position: relative;
		text-align: right;
	}

	#infoBlock .item {
	    display: inline-table;
	    min-height: 30px;
	    margin-left: 20px;
	    text-align: left;
	    overflow: hidden;
	    vertical-align: middle;
	}

	#infoBlock .item:first-child {
	    margin-left: 0;
	}

	#infoBlock .item .icon {
	    display: table-cell;
		vertical-align: middle;
	}

	#infoBlock .item .icon:before {
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
	    font-size: 20px;
		margin-right: 10px;
		border: 1px solid #d5dfec;
		border-radius: 50%;
	}

	#infoBlock .item .text {
	    margin-left: 40px;
		display: table-cell;
		vertical-align: middle;
	}

	#infoBlock .item .text span {
		display: block;
	}

	#infoBlock .item .text .title {
		font-size: 17px;
		font-weight: 500;
	}

	#infoBlock .item .text .data {
		font-size: 17px;
		font-weight: 600;
		max-width: 300px;
	}

#infoBlock .item .text .data a {
		color: #1c9521;
	}

/* SAFIR SOCIAL */

	.safirSocial ul {
		overflow: hidden;
	}

	.safirSocial li {
		float: left;
		margin-left: 6px;
	}

	.safirSocial li:first-child {
		margin-left: 0;
	}

	.safirSocial a {
		display: block;
		color: #fff;
		transition: all .3s;
	}

	.safirSocial a:hover {
		opacity: 0.9;
	}

	.safirSocial li a:before {
		display: block;
		width: 20px;
		height: 20px;
		line-height: 20px;
		font-size: 20px;
		text-align: center;
	}

	.safirSocial li.facebook a:before {
		content: "\E015";
	}

	.safirSocial li.twitter a:before {
		content: "\E019";
	}

	.safirSocial li.instagram a:before {
		content: "\E017";
	}

	.safirSocial li.linkedin a:before {
		content: "\E018";
	}

	.safirSocial li.youtube a:before {
		content: "\E016";
	}

	.safirSocial li.pinterest a:before {
		content: "\E01C";
	}

	.safirSocial li.whatsapp a:before {
		content: "\E01A";
	}

	.safirSocial li.rss a:before {
		content: "\E01B";
	}

	.safirSocial a {
		opacity: 1;
		overflow: hidden;
	}

	.safirSocial a:before {
		width: 24px;
		height: 24px;
		line-height: 24px;
		font-size: 24px;
	}

	.safirSocial a:hover {
		opacity: 0.8;
	}

	.safirSocial .facebook a {
		color: #597AC7;
	}

	.safirSocial .twitter a {
		color: #5BBCEC;
	}

	.safirSocial .instagram a {
		color: #AE318D;
	}

	.safirSocial .linkedin a {
		color: #0080B2;
	}

	.safirSocial .youtube a {
		color: #F70100;
	}

	.safirSocial .pinterest a {
		color: #C51D23;
	}

	.safirSocial .whatsapp a {
		color: #48A91F;
	}

	.safirSocial .rss a {
		color: #F8680B;
	}

/* MENU */

	#menuGroup {
		position: relative;
		z-index: 20;
		box-shadow: 0 8px 4px -4px rgba(0,0,0,0.08);
	}

	#menuGroup-sticky-wrapper {
		max-height: 60px;
	}

	#menuGroup .innerContainer {
		overflow: visible;
	}

	#menu {
    position: relative;
    display: flex; /* Menü elemanlarını bir satırda hizalamak için */
    justify-content: center; /* Ortalamak için */
    align-items: center; /* Dikey hizalama için */
}


	#menu li {
		float: left;
		position: relative;
		transition: all .3s;
	}

	#menu a {
    display: flex;
    position: relative;
    font-weight: 500;
    font-size: 17px;
    line-height: 20px;
    padding: 20px;
    color: #fff;
    transition: all .15s;

    /* Yazı gölgesi */
}


	#menu>ul>li:hover>a {
		background: rgba(255,255,255,0.05);
	}

	#menu>ul>li.active>a:after {
		content: "";
		width: 100%;
		height: 2px;
		position: absolute;
		bottom: 0;
		left: 0;
		display: block;
	}

	#menu .icon {
		float: left;
		margin-right: 5px;
	}

	#menu .icon:before {
		width: 18px;
		height: 18px;
		line-height: 18px;
		font-size: 18px;
		display: block;
	}

	#menu .text {
		float: left;
	}

	#menu li.menu-item-has-children>a {
		padding-right: 35px;
	}

	#menu li.menu-item-has-children span.arrow {
		width: 10px;
		height: 10px;
		display: block;
		position: absolute;
		right: 20px;
		top: 50%;
		margin-top: -5px;
	}

	#menu li.menu-item-has-children span.arrow:before {
		display: block;
		font-size: 8px;
		line-height: 10px;
		content: "\E00F";
	}

	#menu .sub-menu {
		text-align: left;
		position: absolute;
		background: #fff;
		box-shadow: 0px 8px 10px rgba(0,0,0,0.05),
        -10px 8px 15px rgba(0,0,0,0.05), 10px 8px 15px rgba(0,0,0,0.05);
		display: none;
	}

	#menu li:hover>.sub-menu {
		display: block;
	}

	#menu .sub-menu li {
		float:none;
		padding: 0;
		margin: 0;
		border: 0;
		border-top: 1px solid #ededed;
		position: relative;
	}

	#menu .sub-menu li.menu-item-has-children>a {
		padding-right: 15px;
	}

	#menu .sub-menu a {
		transition: all .3s;
		border-radius: 0;
		width: auto;
		min-width: 200px;
		line-height: 20px;
		padding: 15px;
		margin:0;
		border: 0;
		color: #111;
		font-size: 14px;
	}

	#menu .sub-menu a:hover {
		background: #f9f9f9;
	}

	#menu .sub-menu .icon:before {
		margin: 0;
	}

	#menu .sub-menu .sub-menu {
		left:100%;
		top: 0;
		margin: -1px 0 0 0;
		border-left: 1px solid #ededed;
	}

	#menu .sub-menu span.icon {
		width: 16px;
		height: 16px;
		display: inline-block;
		float: none;
		margin-right: 5px;
	}

	#menu .sub-menu span.icon:before {
		font-size: 16px;
		line-height: 16px;
		margin: 0;
		display: block;
	}

	#menu li.menu-item-has-children li.menu-item-has-children span.arrow {
		position: absolute;
		right: 5px;
		top: 50%;
		margin-top: -5px;
	}

	#menu li.menu-item-has-children li.menu-item-has-children span.arrow:before {
		color: #666;
		content: "\E008";
		font-size: 8px;
	}

/* DESIGN */

	#main {
		clear: both;
	}

	#home {
		min-height: 110px;
		clear: both;
		z-index: 2;
		position: relative;
	}

	#content {
		float: right;
		width: 71.7948717948718%;
		padding: 30px 0;
	}

	.sidebarRight #content {
		float: left;
	}

	.noSidebar #content {
		float:none;
		width:100%;
	}

	#content iframe {
		border: 0;
	}

	aside {
		float: left;
		width: 25.6410256410256%;
		padding: 30px 0;
	}

	.sidebarRight aside {
		float: right;
	}

	@media all and (max-width: 900px) {

		#content, aside {
			padding: 0;
			clear: both;
			float: none;
			width: 100%;
		}

		aside {
			margin-top: 10px;
		}

		.safirnavi {
			padding: 10px 10px 0;
			margin-top: 10px;
		}

	}

/* COLUMNS */

	.safirCol .items {
		margin: -15px;
		position: relative;
	}

	.safirCol .list {
		display: flex;
		flex-wrap: wrap;
		overflow: hidden;
	}

	.safirCol .item-container {
		padding: 15px;
	}

	.safirCol.col6 .items {
		margin: -10px;
	}

	.safirCol.col6 .item-container {
		padding: 10px;
	}

	.safirCol.col2 .list .item-container {
		width: 50%;
	}

	.safirCol.col3 .list .item-container {
		width: 33.33333333333%;
	}

	.safirCol.col4 .list .item-container {
		width: 25%;
	}

	.safirCol.col5 .list .item-container {
		width: 20%;
	}

	.safirCol.col6 .list .item-container {
		width: 16.666666666666%;
	}

	.sidebarWidget.safirCol .items {
		margin: -5px;
	}

	.sidebarWidget.safirCol .item-container {
		padding: 5px;
	}

	.sidebarWidget.safirCol .list .item-container {
		width: 100%;
	}

	@media all and (max-width:900px) {

		#safirPage .safirWidget.safirCol .items {
			margin: -5px;
		}

		#safirPage .safirWidget.safirCol .items .item-container {
			padding: 5px;
		}

		#safirPage .safirWidget.safirCol .items .list .item-container {
			width: 33.333333333%;
		}

	}

	@media all and (max-width:600px) {

		#safirPage .safirWidget.safirCol .items .list .item-container {
			width: 50%;
		}

	}

/* LISTING */

	.archive.advancedPostsWidget1 .item {
		background: none;
	}

	.archive.advancedPostsWidget1 .item .postthumb {
		border-radius: 4px;
		overflow: hidden;
		position: relative;
	}

	.archive.advancedPostsWidget1 .item .detail {
		padding: 10px 0 0;
	}

	.archive.advancedPostsWidget2 .item .readmore {
		border: 0;
	}

/* WIDGETS */

	.safirWidget.homeWidget {
		background: #fff;
		transition: all .2s;
	}

	.safirWidget .widgetContent {
		position: relative;
	}

	aside .widgetContent {
		padding: 15px;
		background: #fff;
		box-shadow: 0 0 5px rgba(0,0,0,0.05);
	}

	aside .widgetContent.nobg {
		padding: 0;
		background: none;
		box-shadow: none;
	}

	aside .widgetContent.nopad {
		padding: 0px;
	}

	.safirWidget.homeWidget.lightBg {
		background: #f9f9f9;
	}

	.safirWidget.homeWidget.darkBg {
		background: #222222;
		color: #f9f9f9;
	}

	.safirWidget.homeWidget.darkBg .mainHeading {
		color: #edf0f7;
	}

	.safirWidget.homeWidget .innerContainer {
		padding: 40px 10px;
	}

	.safirWidget.sidebarWidget .innerContainer {
		padding: 0;
		overflow: visible;
	}

	.sidebarWidget {
		margin-top: 30px;
	}

	.sidebarWidget:first-child {
		margin-top: 0;
	}

	aside .nativeWidget li {
		border-bottom:1px solid #ededed;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}

	aside .nativeWidget ul.menu .sub-menu {
		padding-left: 15px;
	}

	/* Owl Buttons */

	.safirOwlButtons .owl-nav {
		position: absolute;
		bottom: 5px;
		right: 0;
	}

	.safirOwlButtons .owl-nav.disabled {
		display: none;
	}

	.safirOwlButtons.notitle .owl-nav {
		margin-bottom: 20px;
	}

	.owl-nav div {
		display: block;
		float: left;
		transition: all .3s;
		color: #a9a9a9;
		border: 1px solid #a9a9a9;
		border-radius: 50%;
		cursor: pointer;
	}

	.owl-nav div:hover {
		color: #333;
		border-color: #333;
	}

	.darkBg .owl-nav div:hover {
		color: #656565;
		border-color: #656565;
	}

	.owl-nav div:before {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
		display: block;
		text-align: center;
	}

	.owl-nav .owl-prev:before {
		content: "\E028";
	}

	.owl-nav .owl-next:before {
		content: "\E027";
	}

	.safirOwlButtons .owl-nav .owl-next {
		margin-left: 40px;
		position: relative;
	}

	.safirOwlButtons .owl-nav .owl-next:after {
		content: "";
		display: block;
		position: absolute;
		left: -30px;
		top: 15px;
		width: 20px;
		height: 1px;
		background: #a9a9a9;
	}

	.sidebarWidget.safirOwlButtons .owl-nav,
	.safirOwlButtons.notitle .owl-nav {
		position: relative;
		top: 0;
		right: 0;
		margin: 15px auto 0;
		width: 104px;
		height: 32px;
	}

	.safirWidget .nogallery {
		text-align: center;
		padding: 30px;
		font-size: 18px;
	}

	.safirWidget.darkBg .nogallery a {
		color: #f9f9f9;
	}

	@media all and (max-width: 900px) {

		.sidebarWidget {
			margin-top: 10px;
		}

		.safirWidget.homeWidget .innerContainer {
			padding: 10px;
		}

		.safirOwlButtons .widgetHeading .owl-nav {
			bottom: 0;
		}

		.safirOwlButtons .widgetHeading.center .owl-nav {
			display: inline-block;
		}

		.owl-nav div:before {
			width: 24px;
			height: 24px;
			line-height: 24px;
			font-size: 12px;
			display: block;
			text-align: center;
		}

		.safirOwlButtons .owl-nav .owl-next:after {
		    left: -30px;
		    top: 12px;
		}

		.safirOwlButtons.notitle .owl-nav {
			position: relative;
			top: 0;
			right: 0;
			margin: 15px auto 0;
			width: 92px;
			height: 26px;
		}

		.safirBox, aside .widgetContent {
			padding: 10px;
		}

	}

	@media all and (max-width: 600px) {

		.safirOwlButtons .widgetHeading .owl-nav {
			position: relative;
			margin: 10px 0 0;
		}

		.safirOwlButtons .widgetHeading.left .owl-nav {
			margin: 10px auto 0;
		}

		.safirOwlButtons.notitle .owl-nav {
			position: relative;
			top: 0;
			right: 0;
			margin: 10px auto;
			width: 104px;
			height: 32px;
		}

	}

/* ICON MENU WIDGET */

	.revSliderWidget+.iconMenuWidget {
		position: relative;
		background: none;
		margin-top: -65px;
		z-index: 2;
	}

	.revSliderWidget+.iconMenuWidget .innerContainer {
		padding-top: 0;
		overflow: visible;
	}

	.iconMenuWidget .items {
		display: flex;
		flex-wrap: wrap;
		margin: -15px;
		align-items: center;
	    justify-content: center;
	}

	.iconMenuWidget .item-container {
		width: 25%;
		padding: 15px;
	}

	.iconMenuWidget .item {
		border-radius: 40px 6px 6px;
		position: relative;
		overflow: hidden;
		background-size: cover;
		transition: all .15s;
		box-shadow: 0px 10px 20px 0px rgba(101, 132, 169, 0.41);
	}

	.desktop .iconMenuWidget.homeWidget .item:hover {
		transform: translateY(-5px);
	}

	.iconMenuWidget .item .container {
		padding: 20px;
		display: block;
		position: relative;
	}

	.iconMenuWidget .item.nobg:before {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: rgba(255,255,255,0.075);
		z-index: 1;
	}

	.iconMenuWidget .item a, .iconMenuWidget .item .icon, .iconMenuWidget .item .text {
		position: relative;
		z-index: 2;
	}

	.iconMenuWidget .item .icon {
		border-radius: 50%;
		float: left;
		margin-right: 10px;
	}

	.iconMenuWidget .item .icon:before {
		width: 60px;
		height: 60px;
		text-align: center;
		line-height: 60px;
		font-size: 24px;
	}

	.iconMenuWidget .item .table {
		display: table;
	}

	.iconMenuWidget .item .cell {
		display: table-cell;
		vertical-align: middle;
		color: #fff;
		font-size: 16px;
		height: 60px;
	}

	.iconMenuWidget .item .title {
		line-height: 20px;
		text-shadow: 0 0 5px rgba(0,0,0,0.4);
	}

	.iconMenuWidget .item .cell:first-line {
		font-size: 20px;
		font-weight: 600;
	}

	.iconMenuWidget .item:after {
		content: "";
		display: block;
		width: 40px;
		height: 34px;
		line-height: 34px;
		text-align: center;
		position: absolute;
		right: 0;
		bottom: 0;
		content: "\E008";
		font-size: 12px;
		color: #fff;
		opacity: 0.35;
		border-radius: 20px 0 0 0;
		transition: all .4s;
	}

	.iconMenuWidget .item:hover:after {
		opacity: 0.55;
	}

	/* Sidebar */

	.iconMenuWidget.sidebarWidget .item-container {
		width: 100%;
	}

	@media all and (max-width:1100px) {

		.iconMenuWidget.safirWidget .innerContainer {
			padding-left: 10px;
			padding-right: 10px;
		}

		.iconMenuWidget .item-container {
			width: 33.333333333333%;
		}

		.iconMenuWidget.safirWidget .items {
			margin: -5px;
		}

		.iconMenuWidget.safirWidget .item-container {
			padding: 5px;
		}

	}

	@media all and (max-width:900px) {

		.revSliderWidget+.iconMenuWidget {
			margin-top: 0px;
		}

		.revSliderWidget+.iconMenuWidget .innerContainer {
			padding-top: 10px;
		}

		.iconMenuWidget.safirWidget .item-container {
			width: 50%;
		}

		.iconMenuWidget .item {
			border-radius: 6px;
		}

		.iconMenuWidget .item .container {
			padding: 10px;
		}

	}

	@media all and (max-width:450px) {

		.iconMenuWidget.safirWidget .item-container {
			width: 100%;
		}

	}

/* PRICE TABLE */

	.priceWidget .item-container {
		text-align: center;
	}

	.priceWidget .item {
		background: #fafafa;
		border-radius: 4px 4px 0 0;
		overflow: hidden;
	}

	.priceWidget .item .title {
		background: rgba(0,0,0,0.1);
		padding: 12px;
		color: #fff;
		font-weight: 600;
		font-size: 18px;
	}

	.priceWidget .item .priceInfo {
		padding: 20px 0;
		color: #fff;
	}

	.priceWidget .item .price {
		font-weight: 300;
		font-size: 48px;
		text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
	}

	.priceWidget .item .slogan {
		padding: 10px;
		font-weight: 500;
		font-size: 15px;
	}

	.priceWidget .item .desc {
		opacity: .65;
		padding: 0 10px;
	}

	.priceWidget .item .specs {
		background: #f5f5f5;
		color: #111;
	}

	.priceWidget .item .specs.left {
		text-align: left;
	}

	.priceWidget .item .spec {
		padding: 10px;
		border-top: 1px solid #e9e9e9;
		line-height: 20px;
	}

	.priceWidget .item .spec .icon, .priceWidget .item .spec .emoji {
		display: inline-flex !important;
		margin-right: 5px;
		font-size: 16px;
		line-height: 20px;
		vertical-align: middle !important;
	}

	.priceWidget .item a.link {
		display: block;
		color: #fff;
		padding: 10px;
		font-weight: 500;
		font-size: 15px;
		transition: all .3s;
	}

	.priceWidget .item a.link:hover {
		background: rgba(0,0,0,0.1);
	}

	.priceWidget.lightBg .item .specs {
		background: #fff;
	}

	.priceWidget.lightBg .item .spec {
		border-color: #f0f0f0;
	}

/* SIDEBAR YAN MENÜ */

	.safirCustomMenu .widgetHeading {
		padding: 15px;
		margin: 0;
	}

	.safirCustomMenu li {
		position: relative;
	}

	.safirCustomMenu a {
		display: block;
		color: #181818;
		border-top: 2px solid #f3f3f3;
		position: relative;
		z-index: 1;
		font-size: 14px;
		font-weight: 500;
		line-height: 50px;
	}

	.safirCustomMenu a.active {
		background: -moz-linear-gradient(left, rgba(0,0,0,0.03) 0%, transparent 100%);
		background: -webkit-linear-gradient(left, rgba(0,0,0,0.03) 0%,transparent 100%);
		background: linear-gradient(to right, rgba(0,0,0,0.03) 0%, transparent 100%);
	}

	.safirCustomMenu .inner {
		overflow: hidden;
	}

	.safirCustomMenu a .title {
		display: block;
		transition: all .2s;
	}

	.safirCustomMenu a .title:before {
		display: inline-block;
		content: "\E02C";
		float: left;
		width: 10px;
		margin: -1px 10px 0 15px;
		font-size: 10px;
		color: #999;
	}

	.safirCustomMenu .sub-menu a .title:before {
		display: none;
	}

	.safirCustomMenu .toggle.icon {
		width: 20px;
		height: 20px;
		line-height: 20px;
		text-align: center;
		display: block;
		position: absolute;
		right: 10px;
		top: 17px;
		font-size: 9px;
		color: #999;
		background: #f0f0f0;
		cursor: pointer;
		border-radius: 3px;
		z-index: 10;
	}

	.safirCustomMenu .toggle.icon:before {
		content: "\E00F";
		display: block;
		line-height: 20px;
		width: 20px;
		text-align: center;
	}

	.safirCustomMenu .toggle.icon.active:before {
		content: "\E009";
		font-size: 7px;
	}

	.safirCustomMenu .sub-menu {
		display: none;
	}

	.safirCustomMenu .sub-menu a {
		padding-left: 35px;
		color: #686868;
	}

	.safirCustomMenu .sub-menu .sub-menu a {
		padding-left: 55px;
	}

	.safirCustomMenu .sub-menu .sub-menu .sub-menu a {
		padding-left: 75px;
	}

/* NUMBER WIDGET */

	.numberWidget .innerContainer {
		position: relative;
	}

	.numberWidget .iconList {
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
	}

	.numberWidget.imageBg .iconList {
		margin-top: 60px;
	}

	.numberWidget .iconList .item-container {
		width: 100%;
	}

	.numberWidget .iconList .item {
		text-align: center;
	}

	.numberWidget .iconList .item .icon {
		margin-bottom: 10px;
		text-align: center;
		position: relative;
	}

	.numberWidget .iconList .item .icon:before {
		display: block;
		z-index: 2;
		position: relative;
		background: #fff;
		border-radius: 50%;
		padding: 10px;
		margin: auto;
		float: none;
		height: 60px;
		width: 60px;
		font-size: 24px;
		line-height: 40px;
		border: 1px solid #d9d9d9;
	}

	.numberWidget .iconList .item .number {
		font-size: 22px;
		line-height: 25px;
		font-weight: 600;
		margin-bottom: 8px;
	}

	.numberWidget .iconList .item .number .counter {
		margin: 0 3px;
	}

	.numberWidget .iconList .item .text {
		font-weight: 500;
		color: #121212;
		padding: 0 5px;
	}

	.numberWidget.homeWidget.imageBg {
		background: #162a61 url(images/numbersbg.png) 50% 0 no-repeat;
		background-size: 1920px 476px;
	}

	.numberWidget.whiteBg .iconList .item .icon:before {
		background: #fafafa;
	}

	.numberWidget.darkBg .iconList .item .text, .numberWidget.darkBg .iconList .item .number, .numberWidget.imageBg .iconList .item .text, .numberWidget.imageBg .iconList .item .number  {
		color: #f9f9f9;
	}

	/* Sidebar */

	.sidebarWidget.numberWidget .iconList {
		flex-wrap: wrap;
		margin: 10px 0;
	}

	.sidebarWidget.numberWidget .iconList .item-container {
		width: 50%;
		padding: 10px 0;
	}

	.sidebarWidget.numberWidget .iconList .item-container:nth-child(2n+1) .icon:after {
		width: 50%;
		left: 50%;
	}

	.sidebarWidget.numberWidget .iconList .item-container:nth-child(2n) .icon:after {
		width: 50%;
	}

	@media all and (max-width:900px) {

		.numberWidget.homeWidget.imageBg {
			background-image: none;
		}

		.numberWidget.homeWidget.imageBg .iconList {
			margin-top: 0;
		}

		.safirWidget.numberWidget .iconList {
		    flex-wrap: wrap;
		}

		.safirWidget.numberWidget .iconList .item-container {
		    width: 20%;
			padding: 10px 0;
		}

		.safirWidget.numberWidget .iconList .item-container .icon:after {
			display: none;
		}

	}

	@media all and (max-width:600px) {

		.safirWidget.numberWidget .iconList .item-container {
			width: 25%;
		}

	}

	@media all and (max-width:550px) {

		.safirWidget.numberWidget .iconList .item-container {
			width: 33.3333333333%;
		}

	}

	@media all and (max-width:374px) {

		.safirWidget.numberWidget .iconList .item-container {
			width: 50%;
		}

	}

/* ABOUT WIDGET */

	.aboutWidget .innerContent {
		overflow: hidden;
	}

	.aboutWidget .infoBlock {
		line-height: 1.6;
		font-size: 17px;
		float: left;
		width: 50%;
	}

	.aboutWidget.noimage .infoBlock {
		width: 100% !important;
	}

	.aboutWidget .description a {
		font-weight: 500;
	}

	.aboutWidget .description ul {
		display: flex;
		flex-wrap: wrap;
		margin: -8px;
		font-weight: 500;
	}

	.aboutWidget .description li {
		width: 50%;
		padding: 8px;
		font-size: 16px;
		overflow: hidden;
		line-height: 20px;
	}

	.aboutWidget.noimage .description li {
		width: 25%;
	}

	.aboutWidget .description li:before {
		display: block;
		float: left;
		content: "\E025";
		height: 20px;
		line-height: 20px;
		font-size: 20px;
		margin-right: 5px;
	}

	.aboutWidget .description h1, .aboutWidget .description h2, .aboutWidget .description h3, .aboutWidget .description p {
		margin-bottom: 15px;
	}

	.aboutWidget .imageBlock {
		width: 50%;
		float: right;
		padding-left: 65px;
		position: relative;
	}

	.aboutWidget .imageBlock .image {
		border-radius: 6px 6px 6px 120px;
		overflow: hidden;
	}

	.aboutWidget .imageBlock .aboutvideo {
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		border-radius: 6px 0 0 0;
		padding: 10px;
		color: #fff;
		font-weight: 500;
		line-height: 20px;
		font-size: 16px;
		transition: all .3s;
	}

	.aboutWidget .imageBlock .aboutvideo:before {
		margin-right: 5px;
	}

	.aboutWidget.homeWidget.darkBg .infoBlock h1, .aboutWidget.homeWidget.darkBg .infoBlock h2, .aboutWidget.homeWidget.darkBg .infoBlock h3, .aboutWidget.homeWidget.darkBg .infoBlock a {
		color: #fff;
	}

	.darkBg.aboutWidget .infoBlock {
		color: #f9f9f9;
	}

	/* Sidebar */

	.sidebarWidget.aboutWidget .infoBlock {
		width: 100%;
	}

	.sidebarWidget.aboutWidget .imageBlock {
		width: 100%;
		padding: 0;
		margin-bottom: 10px;
	}

	.sidebarWidget.aboutWidget .imageBlock .image {
		border-radius: 2px;
	}

	.sidebarWidget.aboutWidget .description li {
		width: 100%;
	}

	.sidebarWidget.aboutWidget .infoBlock {
		font-size: 15px;
	}

	@media all and (max-width:900px) {

		.safirWidget.aboutWidget .infoBlock {
			float: left;
			width: 60%;
			font-size: 15px;
		}

		.safirWidget.aboutWidget .imageBlock {
			float: right;
			width: 40%;
			padding-left: 20px;
		}

		.safirWidget.aboutWidget .imageBlock .image {
			border-radius: 2px;
		}

		.safirWidget.aboutWidget .description li {
			width: 50%;
		}

		.safirWidget.aboutWidget.noimage .description li {
			width: 25%;
		}

	}

	@media all and (max-width:600px) {

		.safirWidget.aboutWidget .infoBlock {
			width: 100%;
		}

		.safirWidget.aboutWidget .imageBlock {
			width: 100%;
			padding-left: 0;
			margin-bottom: 10px;
		}

		.safirWidget.aboutWidget .description li, .safirWidget.aboutWidget.noimage .description li {
			width: 50%;
		}

	}

	@media all and (max-width:450px) {

		.safirWidget.aboutWidget .description li, .safirWidget.aboutWidget.noimage .description li {
			width: 100%;
		}

	}

/* CATEGORIES WIDGET */

	.categoriesWidget .item {
		overflow: hidden;
		text-align: center;
		border-radius: 4px;
	}

	.categoriesWidget .item .detail {
		color: #000;
		transition: all .3s;
	}

	.categoriesWidget .item .inner {
		padding: 20px 20px 40px;
		background: #fafafa;
		border-radius: 0 0 4px 4px;
	}

	.categoriesWidget .item .title {
		font-size: 18px;
		font-weight: 600;
		position: relative;
		line-height: 20px;
	}

	.categoriesWidget .item .safirButton {
		display: table;
		margin: -20px auto 0;
	}

	.categoriesWidget.lightBg .item .inner {
		background: #fff;
	}

	.categoriesWidget.darkBg .item .inner {
		background: rgba(255,255,255,0.025);
	}

	.categoriesWidget.darkBg .item .detail {
		color: #e9e9e9;
	}

/* SLOGAN WIDGET */

	.sloganWidget .widgetSwitcher {
		display: none;
	}

	.sloganWidget .widgetContent {
		background-color: #232323;
		background-position: 50% 50%;
		background-size: cover;
		text-align: center;
		padding: 20px;
		color: #fff;
	}

	.sloganWidget .text {
		color: #fff;
		font-size: 28px;
		line-height: 1.5;
		font-weight: 500;
		text-shadow: 0 0 5px rgba(0,0,0,0.7);
	}

	.sloganWidget .text a:hover {
		color: #dedede;
	}

	.sloganWidget .safirButton {
		margin-top: 20px;
	}

	.sloganWidget .safirButton:before {
		margin-right: 5px;
	}

	@media all and (max-width: 900px) {

		.sloganWidget .text {
			font-size: 20px;
		}

	}

/* ADVANCED POSTS WIDGET 1 */

	.advancedPostsWidget1 .item {
		text-align: center;
		overflow: hidden;
		border-radius: 4px;
		background: #f9f9f9;
	}

	.advancedPostsWidget1 .item .postthumb {
		position: relative;
	}

	.advancedPostsWidget1 .item .postthumb .text {
		position: absolute;
		left: 0;
		bottom: 0;
		color: #000;
		background: rgba(255, 255, 255, 0.7);
		font-weight: 500;
		padding: 5px 8px;
		font-size: 12px;
		border-radius: 0 4px 0 4px;
		z-index: 2;
	}

	.advancedPostsWidget1 .item .detail {
		padding: 20px;
	}

	.advancedPostsWidget1 .item .title {
		font-size: 16px;
		font-weight: 500;
		overflow: hidden;
		line-height: 25px;
	}

	.advancedPostsWidget1 .item .title a {
		color: #000;
		transition: all .3s;
	}

	.advancedPostsWidget1.lightBg .item {
		background: #fff;
	}

	.advancedPostsWidget1.darkBg .item {
		background: rgba(255,255,255,0.025);
	}

	.advancedPostsWidget1.darkBg .item .title, .advancedPostsWidget1.darkBg .item .title a {
		color: #f9f9f9;
	}

	.advancedPostsWidget1.darkBg .item:hover .title a {
		color: #c9c9c9;
	}

	/* Sidebar */

	.sidebarWidget.advancedPostsWidget1 .item .detail {
		padding: 10px;
	}

	@media all and (max-width: 900px) {

		.safirWidget.advancedPostsWidget1 .item .detail {
			padding: 10px;
		}

	}

/* ADVANCED POSTS WIDGET 2 */

	.advancedPostsWidget2 .item .postthumb {
		position: relative;
		border-radius: 4px;
		overflow: hidden;
		margin-bottom: 10px;
	}

	.advancedPostsWidget2 .item .postthumb .text {
		position: absolute;
		left: 0;
		bottom: 0;
		line-height: 22px;
		color: #000;
		font-weight: 500;
		background: rgba(255, 255, 255, 0.7);
		padding: 0 8px;
		font-size: 12px;
		border-radius: 0 4px 0 4px;
		z-index: 2;
	}

	.advancedPostsWidget2 .item .date {
		font-size: 12px;
		font-weight: 500;
		margin-bottom: 10px;
		color: #9aa5b4;
		line-height: 20px;
	}

	.advancedPostsWidget2 .item .date:before {
		content: "\E026";
		display: block;
		float: left;
		line-height: 18px;
		margin-right: 5px;
		font-size: 14px;
	}

	.advancedPostsWidget2 .item .detail {
		color: #252525;
	}

	.advancedPostsWidget2 .item .detail .inner {
		line-height: 25px;
		max-height: 155px;
		overflow: hidden;
	}

	.advancedPostsWidget2 .item .title {
		font-size: 18px;
		font-weight: 600;
		transition: all .3s;
		margin-bottom: 5px;
		position: relative;
	}

	.advancedPostsWidget2 .item .title a {
		color: #000;
		transition: all .3s;
	}

	.advancedPostsWidget2 .item .readmore {
		display: inline-block;
		margin-top: 5px;
		font-weight: 500;
		line-height: 30px;
		border-bottom: 1px solid;
		transition: all .3s;
	}

	.advancedPostsWidget2 .item .readmore:hover {
		border-color: #222;
	}

	.advancedPostsWidget2.darkBg .item .title, .advancedPostsWidget2.darkBg .item .title a {
		color: #f9f9f9;
	}

	.advancedPostsWidget2.darkBg .item:hover .title a, .advancedPostsWidget2.darkBg .item .detail {
		color: #a9a9a9;
	}

	.advancedPostsWidget2.darkBg .item .readmore {
		color: #c0c0c0;
		border-color: #c0c0c0;
	}

	.advancedPostsWidget2.darkBg .item .readmore:hover {
		color: #909090;
		border-color: #909090;
	}

/* CREW WIDGET */

	.crewWidget .item .thumb {
		position: relative;
		overflow: hidden;
		transition: all .3s;
	}

	.crewWidget .item .thumb .inner {
		position: relative;
		overflow: hidden;
		transition: all .3s;
	}

	.crewWidget .item a {
		display: block;
		position: relative;
		overflow: hidden;
		transition: all .3s;
	}

	.crewWidget .item .icon {
		background: rgba(0,0,0,0.5);
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		color: #333;
		opacity: 0;
		transition: all .3s;
	}

	.crewWidget .item:hover .icon {
		opacity: 1;
	}

	.crewWidget .item .icon:before {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -15px 0 0 -15px;
		text-shadow: 0 0 4px rgba(0,0,0,.3);
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 30px;
		text-align: center;
		content: "\E000";
		color: #fff;
		transform: scale(.1);
		opacity: 0;
		transition: all .3s;
	}

	.crewWidget.pagelink .item .icon:before, .crewWidget.attachment .item .icon:before {
		content: "\E00E";
	}

	.crewWidget .item:hover .icon:before {
		transform: scale(1.1);
		opacity: 1;
	}

	.crewWidget .item a {
		display: block;
	}

	.crewWidget .item .info {
		background: #fff;
		line-height: 20px;
		padding: 20px;
	}

	.crewWidget .item .title {
		font-weight: 600;
		font-size: 16px;
	}

	.crewWidget .item .detail {
		color: #222;
		font-size: 14px;
	}

	.crewWidget.whiteBg .item .info {
		background: #f9f9f9;
	}

	.crewWidget.darkBg .item .info {
		background: rgba(255,255,255,0.02);
	}

	.crewWidget.darkBg .item a {
		color: #f9f9f9;
	}

	.crewModal {
		display: none;
	}

	.crewModal.fancybox-content {
		padding: 0;
		max-width: 700px;
	}

	.crewModal .thumb {
		float: left;
		width: 300px;
	}

	.crewModal .info {
		margin-left: 300px;
		padding: 25px;
		min-width: 300px;
	}

	.crewModal .info .title {
		font-size: 20px;
		font-weight: bold;
	}

	.crewModal .info .position {
		color: #454545;
		font-weight: 500;
	}

	.crewModal .info .social {
		overflow: hidden;
	}

	.crewModal .info .social li {
		margin-top: 15px;
	}

	.crewModal .info .social li a:before {
		width: 24px;
	    height: 24px;
	    line-height: 24px;
	    font-size: 24px;
	}

	.crewModal .info .detail {
	    line-height: 1.5;
	    font-size: 16px;
	    margin-top: 20px;
	}

	/* Sidebar */

	.sidebarWidget.crewWidget .item .info {
		padding: 10px;
	}

	@media all and (max-width: 700px) {

		.safirWidget.crewWidget .item .info {
			padding: 10px;
		}

		.crewModal.fancybox-content {
			max-width: 400px;
		}

		.crewModal .thumb {
			float: none;
			width: 100%;
		}

		.crewModal .info {
			margin-left: 0;
			padding: 10px;
		}

		.crewModal .info .title {
			font-size: 16px;
		}

	}

/* CUSTOMER WIDGET */

	.customerWidget .images {
		margin: auto;
		max-width: 420px;
		padding: 0 30px;
		position: relative;
	}

	.customerWidget .images .item {
		padding: 15%;
		transition: all .4s;
	}

	.customerWidget .images .center .item {
		padding: 0;
	}

	.customerWidget .item .safirthumb {
		border-radius: 50%;
		cursor: pointer;
	}

	.customerWidget .owl-nav div {
		position: absolute;
		top: 50%;
		margin-top: -15px;
		left: 0;
	}

	.customerWidget .owl-nav .owl-next {
		left: inherit;
		right: 0;
	}

	.customerWidget .customerComments .item-container:not(:first-child) {
		display: none;
	}

	.customerWidget .customerComments .item-container {
		border-radius: 5px;
		background: #f7f7f7;
		padding: 30px 60px;
		text-align: center;
		position: relative;
		max-width: 900px;
		margin: 30px auto 0;
	}

	.customerWidget .customerComments .item-container:before {
		content: "";
		display: block;
		border-radius: 5px;
		background: #f7f7f7;
		position: absolute;
		top: -7px;
		left: 50%;
		width: 20px;
		height: 20px;
		margin-left: -10px;
		transform: rotate(45deg);
	}

	.customerWidget .customerComments .item:before, .customerWidget .customerComments .item:after {
		display: block;
		position: absolute;
		width: 30px;
		height: 30px;
		color: #cacaca;
		font-size: 30px;
	}

	.customerWidget .customerComments .item:before {
		content: "\E029";
		top: 50px;
		left: 20px;
	}

	.customerWidget .customerComments .item:after {
		content: "\E02A";
		bottom: 30px;
		right: 20px;
	}

	.customerWidget .customerComments .item .name {
		font-weight: 600;
		margin-bottom: 10px;
		font-size: 16px;
	}

	.customerWidget .customerComments .item .title {
		color: #666;
		font-weight: 500;
	}

	.customerWidget .customerComments .item .name .title:before {
		content: "—";
		margin: 0 8px;
	}

	.customerWidget .customerComments .item .comment {
		color: #323232;
		font-size: 15px;
		line-height: 1.7;
	}

	.customerWidget.lightBg .customerComments .item-container, .customerWidget.lightBg .customerComments .item-container:before {
		background: #fff;
	}

	.customerWidget.darkBg .customerComments .item-container, .customerWidget.darkBg .customerComments .item-container:before {
		background: #2B2B2B;
	}

	.customerWidget.darkBg .customerComments .item-container .name, .customerWidget.darkBg .customerComments .item-container .comment {
		color: #a2a2a2;
	}

	/* Sidebar */

	.sidebarWidget.customerWidget .customerComments .item-container {
		margin-top: 20px;
		padding: 10px;
	}

	.sidebarWidget.customerWidget .customerComments .item:before, .sidebarWidget.customerWidget .customerComments .item:after {
		display: none;
	}

	@media all and (max-width:900px) {

		.customerWidget .owl-nav div {
			margin-top: -13px;
		}

		.safirWidget.customerWidget .customerComments .item-container {
			margin-top: 20px;
			padding: 15px 40px;
		}

		.safirWidget.customerWidget .customerComments .item:before, .safirWidget.customerWidget .customerComments .item:after {
			display: block;
		}

		.safirWidget.customerWidget .customerComments .item:before, .safirWidget.customerWidget .customerComments .item:after {
			width: 20px;
			height: 20px;
			font-size: 20px;
		}

		.safirWidget.customerWidget .customerComments .item:before {
			top: 50px;
			left: 10px;
		}

		.safirWidget.customerWidget .customerComments .item:after {
			bottom: 10px;
			right: 10px;
		}

	}

/* REFERENCES WIDGET */

	.referencesWidget .items a {
		display: block;
		padding: 10px;
		background: #fafafa;
		border-radius: 4px;
		overflow: hidden;
	}

	.referencesWidget.lightBg .items a, .referencesWidget.darkBg .items a {
		background: #fff;
		border: 0;
	}

	.referencesWidget.notitle.owl .items {
		padding: 0 50px;
		position: relative;
	}

	.referencesWidget.notitle.owl .owl-nav {
		margin: 0;
		height: 0;
		position: static;
	}

	.referencesWidget.notitle.owl .owl-nav div {
		position: absolute;
		top: calc(50% - 16px);
	}

	.referencesWidget.notitle.owl .owl-nav .owl-prev {
		left: 10px;
	}

	.referencesWidget.notitle.owl .owl-nav .owl-next {
		right: 10px;
	}

	.referencesWidget.notitle.owl .owl-nav .owl-next:after {
		display: none;
	}

	@media all and (max-width: 900px) {

		.referencesWidget.notitle.owl .owl-nav div {
			top: calc(50% - 13px);
		}
	}

/* GALLERY WIDGET */

	.galleryWidget.homeWidget .innerContainer {
		padding-bottom: 0;
	}

	.homeWidget.galleryWidget .group {
		width: 390px;
	}

	.galleryWidget .item-container {
		padding: 1px;
	}

	.galleryWidget .item-container.big {
		clear: both;
	}

	.galleryWidget .item-container.small {
		width: 50%;
		float: left;
	}

	.galleryWidget .item {
		position: relative;
	}

	.galleryWidget .item .thumb, .wp-block-gallery figure {
		position: relative;
		overflow: hidden;
		transition: all .3s;
	}

	.galleryWidget .item a, .wp-block-gallery a {
		display: block;
		transition: all .3s;
	}

	.galleryWidget .item a .icon, .wp-block-gallery a .icon {
		background: rgba(0,0,0,0.5);
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		color: #333;
		opacity: 0;
		transition: all .3s;
	}

	.galleryWidget .item a:hover .icon, .wp-block-gallery a:hover .icon {
		opacity: 1;
	}

	.galleryWidget .item a .icon:before, .wp-block-gallery a .icon:before {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -15px 0 0 -15px;
		text-shadow: 0 0 4px rgba(0,0,0,.3);
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 30px;
		text-align: center;
		content: "\E00E";
		color: #fff;
		transform: scale(.1);
		opacity: 0;
		transition: all .3s;
	}

	.galleryWidget .item a:hover .icon:before, .wp-block-gallery a:hover .icon:before {
		transform: scale(1);
		opacity: 1;
	}

	.galleryWidget .item a[href$= ".jpg"] .icon:before,
	.galleryWidget .item a[href$= ".jpeg"] .icon:before,
	.galleryWidget .item a[href$= ".png"] .icon:before,
	.galleryWidget .item a[href$= ".gif"] .icon:before,
	.wp-block-gallery a[href$= ".jpg"] .icon:before,
	.wp-block-gallery a[href$= ".jpeg"] .icon:before,
	.wp-block-gallery a[href$= ".png"] .icon:before,
	.wp-block-gallery a[href$= ".gif"] .icon:before {
		content: "\E014";
	}

/* BUTTON WIDGET */

	.buttonWidget.homeWidget {
		background: none;
	}

	.buttonWidget .widgetContent {
		box-shadow: 0 0 5px rgba(0,0,0,0.05);
	}

	.buttonWidget {
		transition: all .15s;
	}

	.buttonWidget a {
		background: #fff;
		display: block;
		overflow: hidden;
		color: #282828;
		padding: 15px;
	}

	.buttonWidget .icon {
		float: left;
		position: relative;
		padding: 15px;
	}

	.buttonWidget .icon:before {
		display: block;
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		font-size: 36px;
	}

	.buttonWidget .table {
		display: table;
		min-height: 70px;
	}

	.buttonWidget .cell {
		display: table-cell;
		vertical-align: middle;
	}

	.buttonWidget .header {
		font-size: 17px;
		font-weight: bold;
	}

	.buttonWidget .description {
		margin-top: 5px;
		color: #707070;
		font-size: 13px;
	}

	.safirWidget.homeWidget.buttonWidget .innerContainer {
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.safirWidget.homeWidget.buttonWidget:first-child .innerContainer {
		padding-top: 10px;
	}

	.safirWidget.homeWidget.buttonWidget + .safirWidget.homeWidget.buttonWidget {
		margin-bottom: 10px;
	}

	@media all and (max-width: 900px) {

		.safirWidget.buttonWidget {
			margin: 5px 5px 0;
		}

		.buttonWidget a {
			padding: 5px;
		}

		.safirWidget.homeWidget.buttonWidget .innerContainer {
			padding: 5px;
		}

	}

/* CONTACT WIDGET */

	.contactWidget.homeWidget .innerContainer {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	}

	.contactWidget .map {
		position: relative;
		overflow: hidden;
		z-index: 1;
	}

	.contactWidget .map iframe {
		width: 100%;
	}

	.contactWidget .infoBlock {
		width: 300px;
		position: absolute;
		z-index: 2;
		top: 30px;
		right: 10px;
		border-radius: 8px;
		background: rgba(255,255,255,0.95);
		box-shadow: 0 0 10px rgba(0,0,0,0.1);
		overflow: hidden;
	}

	.contactWidget .infoBlock .logo {
		padding: 20px;
		border-bottom: 2px solid;
	}

	.contactWidget .infoBlock .logo img {
		max-height: 40px;
		display: block;
	}

	.contactWidget .infoBlock .item {
		padding: 15px;
		font-size: 13px;
		font-weight: 500;
		border-top: 2px solid #f3f3f3;
		overflow: hidden;
	}

	.contactWidget .infoBlock .item:first-child {
		border-top: 0;
	}

	.contactWidget .infoBlock .item .icon {
		float: left;
		width: 30px;
		height: 30px;
	}

	.contactWidget .infoBlock .item .icon:before {
		display: block;
		width: 20px;
		height: 20px;
		font-size: 20px;
		text-align: center;
		line-height: 20px;
		margin: 5px;
	}

	.contactWidget .infoBlock .item.address .icon:before {
		content: "\E013";
	}

	.contactWidget .infoBlock .item.email .icon:before {
		content: "\E010";
	}

	.contactWidget .infoBlock .item.phone .icon:before {
		content: "\E011";
	}

	.contactWidget .infoBlock .item.cell .icon:before {
		content: "\E012";
	}

	.contactWidget .infoBlock .item .table {
		display: table;
		min-height: 30px;
	}

	.contactWidget .infoBlock .item .table .row {
		display: table-row;
	}

	.contactWidget .infoBlock .item .table .data {
		display: table-cell;
		vertical-align: middle;
		padding-left: 10px;
		color: #090909;
	}

	/* Sidebar */

	.sidebarWidget.contactWidget .infoBlock {
		width: 100%;
		position: relative;
		top: inherit;
		right: inherit;
		border-radius: 0;
		background: none;
		box-shadow: none;
	}

	@media all and (max-width: 900px) {

		.safirWidget.contactWidget .infoBlock {
			width: 100%;
			position: relative;
			top: inherit;
			right: inherit;
			border-radius: 0;
			background: none;
			box-shadow: none;
		}

		.contactWidget.homeWidget .innerContainer {
			position: relative;
		}

		.safirWidget.contactWidget .infoBlock .item, .safirWidget.contactWidget .infoBlock .logo {
			padding-left: 0;
			padding-right: 0;
		}

	}

/* READING LISTS */

	.reading ul li {
		padding: 15px;
		margin: 0;
		list-style: none;
		background: #fafafa;
		background: #e5e8ef;
		background: -moz-linear-gradient(left, #f5f5f5 0%, #fafafa 50px, #fafafa 100%);
		background: -webkit-linear-gradient(left, #f5f5f5 0%,#fafafa 50px, #fafafa 100%);
		background: linear-gradient(to right, #f5f5f5 0%,#fafafa 50px, #fafafa 100%);
		border: 1px solid #f5f5f5;
		border-radius: 5px;
		margin-bottom: 10px;
		line-height: 16px;
	}

	.reading ul li[class] {
		background: none;
		border-radius: 0;
		padding: 0;
		border: 0;
	}

	.reading ul li[class]:before {
		display: none;
	}

/* SINGLE */

	/* Single Block */

	#singleBlock.type1 {
		margin: 0 0 30px;
	}

	#singleBlock .thumb {
		position: relative;
		overflow: hidden;
	}

	#singleBlock .text {
		position: absolute;
		top: 15px;
		left: 15px;
		line-height: 36px;
		color: #fff;
		background: rgba(0,0,0,0.8);
		padding: 0 20px;
		font-size: 13px;
		font-weight: 500;
		z-index: 2;
	}

	#singleBlock.type3 .text {
		position: relative;
		top: 0;
		left: 0;
		float: left;
	}

	#singleBlock.type2 .thumb {
		float: left;
		width: 50%;
		margin: 0 10px 5px 0;
	}

	/* Post Price */

	.postprice {
		position: absolute;
		top: 15px;
		right: 0;
		line-height: 36px;
		color: #fff;
		background: rgba(255,255,255,0.8);
		padding: 0 15px;
		z-index: 2;
		font-size: 17px;
		font-weight: 600;
	}

	.postprice:before, .postprice:after {
		content: '';
		position: absolute;
		left: -8px;
		width: 8px;
	}

	.postprice:before {
		top: 0;
		border-top: 18px solid;
		border-left: 8px solid transparent !important;
	}

	.postprice:after {
		bottom: 0;
		border-bottom: 18px solid;
		border-left: 8px solid transparent !important;
	}

	.postprice span {
		text-decoration: line-through;
		font-weight: normal;
		margin-right: 8px;
		opacity: 0.75;
		font-size: 15px;
	}

	#singleBlock.type3 {
		overflow: hidden;
	}

	#singleBlock.type3 .postprice {
		position: relative;
		top: 0;
		right: 0;
		float: right;
		margin-bottom: 20px;
	}

	.safirWidget .postprice {
		top: 10px;
		line-height: 30px;
		padding: 0 10px;
		font-size: 15px;
		font-weight: 500;
	}

	.safirWidget .postprice :before, .safirWidget .postprice  .postprice:after {
		left: -5px;
		width: 5px;
	}

	.safirWidget .postprice :before {
		border-top: 15px solid;
		border-left: 5px solid transparent !important;
	}

	.safirWidget .postprice :after {
		border-bottom: 15px solid;
		border-left: 5px solid transparent !important;
	}

	/* Metabox */

	.metaBox {
		overflow:hidden;
		clear: both;
		color: #818181;
		background: -moz-linear-gradient(left, #f9f9f9 0%, transparent 100%);
		background: -webkit-linear-gradient(left, #f9f9f9 0%,transparent 100%);
		background: linear-gradient(to right, #f9f9f9 0%, transparent 100%);
		margin: 20px 0 0;
		border-radius: 3px;
		padding-left: 15px;
	}

	.metaBox:first-child {
		margin: 0 0 20px;
	}

	.metaBox .metas {
		float: left;
		overflow: hidden;
	}

	.metaBox .meta {
		float: left;
		font-weight: 500;
		font-size: 12px;
		line-height: 34px;
		margin-right: 20px;
	}

	.metaBox .meta a {
		color: #818181;
	}

	.metaBox .meta a:hover {
		color: #212121;
	}

	.metaBox .icon {
		float: left;
		position: relative;
		top: -1px;
	}

	.metaBox .icon:before {
		display: block;
		font-size: 16px;
		width: 20px;
		height: 34px;
		line-height: 34px;
	}

	.metaBox .category .icon:before {
		content: "\E002";
	}

	.metaBox .date .icon:before {
		content: "\E026";
	}

	.metaBox .hit .icon:before {
		content: "\E005";
	}

	.metaBox .comment .icon:before {
		content: "\E020";
	}

	.metaBox .share {
		float: right;
		overflow: hidden;
	}

	.metaBox .share a {
		display: block;
		float: left;
		color: #fff;
		margin: 2px;
		border-radius: 3px;
		overflow: hidden;
		transition: all .3s;
	}

	.metaBox .share a:hover {
		opacity: .8;
	}

	.metaBox .share a:before {
		display: block;
		width: 30px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		font-size: 16px;
	}

	.metaBox .share .facebook:before {
		content: "\E02D";
		background: #597AC7;
	}

	.metaBox .share .twitter:before {
		content: "\E02E";
		background: #5BBCEC;
	}

	.metaBox .share .whatsapp:before {
		content: "\E00A";
		background: #48A91F;
	}

	/* Tags */

	#single .tags {
		overflow: hidden;
		position: relative;
		margin: 20px -30px -30px;
		padding: 20px 30px;
		line-height: 20px;
		overflow:hidden;
		clear: both;
		color: #818181;
		border-top: 2px solid #f0f0f0;
	}

	#single .tags a {
		display: inline-block;
		border-radius: 3px;
		background: #f3f3f3;
		margin: 4px;
		padding: 4px 8px;
		transition: all .3s;
	}

	#single .tags a:hover {
		background: #e1e1e1;
	}

	#single .tags .title {
		margin-right: 5px;
		font-weight: bold;
	}

	/* Comment List */

	#comments {
		margin-top: 30px;
	}

	#comments ol {
		list-style: none;
	}

	#comments ol li {
		clear: both;
		line-height: 1.5;
		overflow: hidden;
	}

	#comments ol li .comment-meta+p {
		margin-top: 6px;
		position: relative;
		z-index: 1;
		font-size: 15px;
	}

	#comments .comment-awaiting-moderation {
		display: block;
	}

	#comments .reply {
		position: absolute;
		top: 20px;
		right: 0;
	}

	#comments a.comment-reply-link {
		display: inline-block;
		line-height: 20px;
		font-size: 13px;
		margin-top: 5px;
	}

	#comments a.comment-reply-link:before {
		content: "\E00D";
		line-height: 20px;
		margin-right: 4px;
		font-size: 12px;
	}

	#comments div.comment-body {
		overflow: hidden;
		position: relative;
		padding: 30px 0;
		border-top: 2px solid #f1f1f1;
	}

	#comments .commentlist>li:first-child>div.comment-body {
		border-top: 0;
	}

	#comments div.comment-body br {
		display:none;
	}

	#comments li li .comment-body {
		padding-left: 70px;
	}

	#comments li li li .comment-body {
		padding-left: 110px;
	}

	#comments .depth-1>ol.children>li:first-child>.comment-body:before {
		display: block;
		content: "\E00C";
		line-height: 20px;
		font-size: 14px;
		position: absolute;
		top: 60px;
		left: 45px;
		font-size: 18px;
	}

	#reply-title {
		display: block;
	}

	#comments .says {
		display: none;
	}

	.commentlist .avatar {
		float: left;
		margin: 0 10px 0 0;
		display: block;
		box-shadow: 0 0 5px rgba(0,0,0,0.1);
		padding: 5px;
		margin-left: 5px;
		background: #fff;
		position: relative;
		z-index: 2;
		border-radius: 50%;
	}

	.commentlist .comment-author {
		display: inline;
		color: #6e6e6e;
	}

	.commentlist .comment-author cite {
		margin-right: 10px;
		display: inline-block;
		font-style: normal;
		line-height: 20px;
		font-weight: bold;
	}

	.commentlist .comment-meta {
		color: #999;
		display: inline-block;
		line-height: 20px;
		font-size: 13px;
		padding-right: 70px;
	}

	.commentlist .comment-meta a {
		color: #a4a4a4;
	}

	.commentlist .comment-meta a:first-child:before {
		content: "\E026";
		margin-right: 2px;
		line-height: 20px;
		font-size: 14px;
	}

	/* Comment Form */

	#respond {
		overflow: hidden;
	}

	li #respond {
		margin-bottom: 30px;
	}

	#respond p {
		clear: both;
	}

	#respond .inputs p {
		clear: none;
	}

	#respond .inputs {
		overflow: hidden;
		margin: 0 -10px;
	}

	#respond .inputs .item {
		width: 50%;
		float: left;
		padding: 0 10px;
	}

	#respond p.warning {
		color: red;
		font-style: italic;
	}

	#comments input#author, #comments input#email, #comments input#url {
		display: block;
		width: 100%;
	}

	#content #comments form textarea {
		width: 100%;
		display: block;
		height: 80px;
	}

	#comments.logged-in textarea {
		margin-top: 10px;
	}

	#respond p.form-submit {
		clear: both;
		margin-top: 10px;
	}

	#respond p.form-submit input {
		-webkit-appearance: none;
	}

	@media all and (max-width:900px) {

		#singleBlock.type1 {
			margin: 0 0 10px;
		}

		#singleBlock .thumb .text {
			top: 8px;
			left: 8px;
		}

		#single .tags {
			margin: 10px -10px -10px;
			padding: 10px;
		}

		.metaBox {
			margin: 10px 0 0;
			padding-left: 10px;
		}

		.metaBox:first-child {
			margin: 0 0 10px;
		}

		#respond .inputs .item {
			width: 100%;
		}

		#comments {
			margin-top: 10px;
		}

		#respond {
			margin-bottom: 0;
		}

	}

	@media all and (max-width:550px) {

		.metaBox .metas {
			float: none;
		}

		.metaBox .share {
			float: none;
			margin: 5px 0 10px -5px;
		}

		.metaBox .share a {
			margin: 0 5px;
		}

		#comments .reply {
			position: relative;
			top: 10px;
			left: 0;
		}

		.commentlist .comment-meta {
			display: block;
		}

		#singleBlock.type2 .thumb {
			width: 100%;
			margin: 0 0 10px 0;
		}

	}

/* WP IMAGES */

	img.alignleft {
		border: 1px solid #cdc;
		float: left;
		margin: 0 10px 10px 0;
		padding: 1px;
	}

	img.alignright {
		border: 1px solid #cdc;
		float: right;
		margin: 0 0 10px 10px;
		padding: 1px;
	}

	.alignleft {
		float: left;
	}

	.alignright {
		float: right;
	}

	.aligncenter {
		display: block;
		text-align: center;
		margin: 5px auto;
	}

	.wp-caption {
		max-width: 100%;
	}

/* ATTACHMENT */

	#galleryContent .image {
		margin-bottom: 15px;
		position: relative;
	}

	#galleryContent .image img {
		display: block;
		margin: auto;
	}

	#galleryContent .navButton {
		position: absolute;
		width: 50%;
		height: 100%;
		display: block;
		top: 0;
		transition: all .3s;
		opacity: 0.7;
	}

	#galleryContent .navButton:hover {
		opacity: 1;
	}

	#galleryContent .navButton:before {
		position: absolute;
		width: 60px;
		height: 60px;
		display: block;
		top: 50%;
		margin-top: -30px;
		line-height: 60px;
		text-align: center;
		font-size: 40px;
		color: #fff;
		text-shadow: 0 0 20px #000;
	}

	#galleryContent .navButton.prev {
		left: 0;
	}

	#galleryContent .navButton.next {
		right: 0;
	}

	#galleryContent .navButton.prev:before {
		content: "\E007";
		left: 10px;
	}

	#galleryContent .navButton.next:before {
		content: "\E008";
		right: 10px;
	}

	#single.attachment .gallery-nav {
		text-align: center;
		margin: 15px 0;
	}

	#single.attachment .reading p {
		text-align: center;
	}

	#single.attachment .gallery-nav a {
		display: inline-block;
		color: #999;
		text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.59);
		background: #ECECEC;
		padding: 7px 0;
		width: 36px;
		font-weight: 600;
		text-align: center;
		border: 1px solid #D8D8D8;
		border-bottom: 1px solid #CCC;
		border-radius: 3px;
		overflow: visible;
		box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.027), inset 0px 1px 0px rgba(255, 255, 255, 0.69), inset 0px -1px 0px rgba(0, 0, 0, 0.0187), inset 0px 15px 14px rgba(255, 255, 255, 0.57);
		margin: 2px;
		transition:all .2s;
	}

	#single.attachment .gallery-nav a:hover, #single.attachment .gallery-nav a.active {
		color: #888;
		text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.69);
		background: #ddd;
		box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.027), inset 0px 1px 0px rgba(255, 255, 255, 0.69), inset 0px -1px 0px rgba(0, 0, 0, 0.0187);
	}

/* FORMS */

	form p {
		overflow: hidden;
		position: relative;
	}

	form .wpcf7-form-control-wrap {
		width: 100%;
	}

	form p>span {
		display: block;
	}

	form input[type=text],
	form input[type=password],
	form input[type=tel],
	form input[type=date],
	form input[type=email],
	form textarea,
	form select {
		font-family: "allotrope", sans-serif;
		width: 100%;
		height: 50px;
		outline: none;
		border: 2px solid #ededed;
		background: #fff;
		margin: 10px 0;
		padding: 15px;
		transition: all .25s;
		color: #191919;
		line-height: 20px;
		font-weight: 500;
		-webkit-appearance: none;
	}

	form input[type=text]:focus,
	form input[type=password]:focus,
	form input[type=tel]:focus,
	form input[type=date]:focus,
	form input[type=email]:focus,
	form textarea:focus,
	form select:focus {
		border-color: #dedede;
	}

	form input[type=checkbox] {
		margin: 7px 7px 7px 0;
	}

	form textarea {
		max-width: 100%;
		width: 100%;
		height: 190px;
		display: block;
		float: left;
	}

	form input[type=submit] {
		border: 0;
		font-size: 15px;
		cursor: pointer;
		color: #fff;
		line-height: 50px;
		padding: 0 50px;
		transition: all .3s;
		border-radius: 3px;
		display: block;
		font-weight: 500;
		-webkit-appearance: none;
	}

	form input[type=submit]:hover {
		background: #333;
	}

	/* Contact Form 7 */

	div.wpcf7-validation-errors {
		border:0 !important;
		text-align: center !important;
	}

	div.wpcf7-response-output {
		margin: 20px 0 0 0 !important;
		padding: 10px !important;
		background: #fafafa;
		border-radius: 4px;
	}

	span.wpcf7-not-valid-tip {
		position: absolute;
		font-size: 12px !important;
		line-height: 20px;
		right: 15px;
		top: 25px;
	}

	/* Safir Form */

	.safirForm {
		overflow: hidden;
	}

	.safirForm p.safiricon {
		line-height: 1;
	}

	.safirForm input[type=text],
	.safirForm input[type=password],
	.safirForm input[type=tel],
	.safirForm input[type=date],
	.safirForm input[type=email],
	.safirForm textarea,
	.safirForm select {
		padding-left: 40px;
	}

	.safirForm .safirLeft {
		float: left;
		width: 50%;
		padding-right: 10px;
	}

	.safirForm .safirRight {
		float: right;
		width: 50%;
		padding-left: 10px;
	}

	.safirForm .safirButton {
		width: 100%;
		margin-top: 10px;
	}

	.safirForm .safirButton:hover {
		background: #000;
	}

	.safirForm .safirButton.inline {
		width: inherit;
	}

	.safirForm p>span {
		overflow: hidden;
		position: relative;
	}

	.safirForm p.safiricon:before {
		width: 30px;
		height: 50px;
		line-height: 50px;
		z-index: 10;
		font-size: 16px;
		text-align: center;
		margin: 0;
		position: absolute;
		top: 10px;
		left: 10px;
		display: block;
	}

	#comments .inputs p.safiricon:before {
		left: 20px;
	}

	.safirForm p span.ajax-loader {
		margin: 0;
		display: block;
	    margin: 0;
	    position: absolute;
	    top: 25px;
	    left: 15px;
	    width: 20px;
	    height: 20px;
	    margin: 0;
	    background: url(images/loading.gif) 50% 50% no-repeat;
		background-size: contain;
	}

	@media all and (max-width:900px) {

		.safirForm .safirLeft {
			padding-right: 5px;
		}

 		.safirForm .safirRight {
			padding-left: 5px;
		}

		form input[type=submit], #respond p.form-submit {
			width: 100%;
			float: none;
		}

	}

	@media all and (max-width:600px) {

		.safirForm .safirLeft, .safirForm .safirRight {
			width: 100%;
			padding: 0;
		}

	}

/* SAFIRNAVI */

	.safirnavi {
		overflow:hidden;
		clear: both;
		margin: 30px -30px -30px;
		padding: 20px;
		border-top: 2px solid #f3f3f3;
		text-align: center;
	}

	.safirnavi span, .safirnavi a {
		display: inline-block;
		min-width: 28px;
		padding: 0 15px;
		text-align: center;
		margin: 3px;
		line-height: 35px;
		border: 0;
		color: #fff;
		font-weight: 500;
		border-radius: 2px;
		transition: all .4s;
	}

	.safirnavi a:hover, .safirnavi .current {
		background: #333;
	}

	@media all and (max-width: 900px) {

		.safirnavi {
			margin: 10px -10px -10px;
			padding: 10px;
		}

	}

/* FOOTER */

	footer {
		clear: both;
		position: relative;
		z-index: 10;
		background: #fff;
		box-shadow: 0 0 10px rgba(0,0,0,0.05);
	}

	footer .footerHeading {
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: 2px solid #f3f3f3;
		font-size: 18px;
		font-weight: 600;
	}

	footer .columns {
		overflow: hidden;
		margin: 30px -20px;
	}

	footer .column {
		float: left;
		width: 33.33333333333%;
		padding: 0 20px;
	}

	footer .column.about .columnContent {
		font-size: 14px;
		line-height: 1.8;
	}

	footer .column.menu ul {
		margin: -5px;
		overflow: hidden;
		display: flex;
		flex-wrap: wrap;
	}

	footer .column.menu ul .sub-menu {
		display: none;
	}

	footer .column.menu li {
		padding: 5px;
		width: 50%;
		line-height: 30px;
	}

	footer .column.menu a {
		display: block;
		padding: 5px 10px;
		background: #f7f7f7;
		border-radius: 3px;
		color: #000;
		transition: all .3s;
		font-weight: 500;
	}

	footer .column.menu a .text {
		display: inline;
	}

	footer .column.menu a:hover {
		background: #f2f2f2;
	}

	footer .column.menu .icon {
		width: 20px;
		float: left;
	}

	footer .column.posts .item {
		overflow: hidden;
	}

	footer .column.posts .item:not(:first-child) {
		margin-top: 25px;
	}

	footer .column.posts .item .thumb {
		width: 110px;
		border-radius: 3px;
		overflow: hidden;
		float: left;
	}

	footer .column.posts .item .detail {
		margin-left: 120px;
	}

	footer .column.posts .item .detail .date {
		color: #898989;
		line-height: 20px;
		font-size: 12px;
		font-weight: 500;
		margin-bottom: 3px;
	}

	footer .column.posts .item .detail .date:before {
		content: "\E026";
		float: left;
		margin-right: 5px;
		line-height: 20px;
		font-size: 13px;
		display: block;
	}

	footer .column.posts .item .detail .title a {
		font-weight: 500;
		color: #000;
		transition: all .3s;
	}

	footer .column.posts .item .detail .title a:hover {
		color: #666;
	}

	.safirTop {
		position: fixed;
		right: 0;
		bottom: -50px;
		cursor: pointer;
		z-index: 200;
		opacity: .9;
		border-radius: 4px 0 0 0;
		transition: all .3s;
		color: #fff;
	}

	.safirTop.show {
		bottom: 0;
	}

	.safirTop:before {
		display: block;
		content: "\E02B";
		width: 44px;
		height: 44px;
		line-height: 44px;
		text-align: center;
		font-size: 16px;
		transition: all .3s;
	}

	@media all and (max-width: 1100px) {

		footer .innerContainer {
			padding: 0 10px;
		}

	}

	@media all and (max-width: 900px) {

		footer {
			margin-top: 10px;
		}

		footer .columns {
			margin: 0;
		}

		footer .column {
			width: 100%;
			padding: 30px 10px;
		}

	}

	@media all and (max-width: 500px) {

		footer .column.menu li {
			width: 100%;
		}

	}

/* WHATSAPP BUTTON */

	.whatsappButton {
		z-index: 15;
		position: fixed;
		left: 40px;
		bottom: 40px;
		border-radius: 50%;
		color: #fff;
		background: #48A91F;
		cursor: pointer;
		box-shadow: 0 0 8px rgba(0,0,0,0.2);
	}

	.whatsappButton:before {
		display: block;
		width: 50px;
		height: 50px;
		line-height: 50px;
		font-size: 25px;
		content: "\E00A";
		text-align: center;
		transition: all .3s;
	}

	.whatsappButton:hover:before {
		font-size: 29px;
		color: #000;
	}

	#whatsappBlock {
		bottom: 110px;
		left: 40px;
		position: fixed;
		width: 300px;
		transition: all .25s;
		transform: scale(.8);
		opacity: 0;
		z-index: -1;
		box-shadow: 0 0 30px rgba(0,0,0,0.2);
		border-radius: 10px;
		overflow: hidden;
	}

	#whatsappBlock.opened {
		transform: scale(1);
		opacity: 1;
		height: auto;
		z-index: 15;
	}

	#whatsappBlock .chat {
		overflow: hidden;
	}

	#whatsappBlock .chat .header {
		padding: 15px;
		overflow: hidden;
		background: #095e54;
		color: #fff;
		position: relative;
	}

	#whatsappBlock .chat .header .thumb {
		float: left;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		background: #fff;
		overflow: hidden;
	}

	#whatsappBlock .chat .header .thumb img {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}

	#whatsappBlock .chat .header .name {
		margin-left: 50px;
		line-height: 40px;
		font-weight: 500;
		font-size: 15px;
	}

	#whatsappBlock .chat .header .close {
		display: block;
		position: absolute;
		top: 10px;
		cursor: pointer;
		right: 10px;
	}

	#whatsappBlock .chat .header .close:before {
		display: block;
		float: left;
		width: 16px;
		height: 16px;
		line-height: 16px;
		font-size: 14px;
		text-align: center;
		content: "\E009";
		color: #82ada8;
	}

	#whatsappBlock .chat .message {
		padding: 15px 10px 15px 20px;
		background: url(images/whatsapp-bg.jpg);
		background-size: cover;
	}

	#whatsappBlock .chat .message .bubble {
		background: #fff;
		width: 75%;
		padding: 10px;
		position: relative;
		border-radius: 0 5px 5px 5px;
		box-shadow: 3px 3px 5px rgba(0,0,0,0.05);
		transform: scale(0);
	    animation-duration: .1s;
	    animation-timing-function: ease-in-out;
	    animation-delay: .6s;
		animation-fill-mode: forwards;
	}

	#whatsappBlock.opened .chat .message .bubble {
		animation-name: lateFade;
	}

	@keyframes lateFade {
	    0% {
	        transform: scale(.5);
			opacity: 0;
	    }

	    100% {
	        transform: scale(1);
			opacity: 1;
	    }
	}

	#whatsappBlock .chat .message .bubble:before {
		display: block;
		content: "";
		position: absolute;
		top: 0;
		left: -10px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 10px 8px 0;
		border-color: transparent #fff transparent transparent;
	}

	#whatsappBlock .chat .message .bubble .name {
		font-weight: bold;
		color: #b7b7b7;
		font-size: 12px;
	}

	#whatsappBlock .chat .reply {
		background: #fff;
		padding: 10px;
		overflow: hidden;
	}

	#whatsappBlock .chat .reply a {
		font-weight: 500;
		display: block;
		border-radius: 18px;
		background: #14c656;
		line-height: 36px;
		text-align: center;
		color: #fff;
		transition: all .3s;
		font-size: 14px;
	}

	#whatsappBlock .chat .reply a:hover {
		background: #48A91F;
	}

	#whatsappBlock.right {
		left: auto !important;
		right: 40px;
	}

	.whatsappButton.right {
		left: auto !important;
		right: 40px;
	}

/* OWL */

	.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

/* MOBILE */

	#mobileHeader {
		z-index: 100000;
		width: 100%;
		display: table;
		background: #fff;
		position: relative;
	}

	#mobileButtons {
		display: none;
		position: absolute;
		z-index: 2;
		top: 50%;
		right: 0;
		margin-top: -18px;
		overflow: hidden;
	}

	#mobileButtons .mobileButton {
		display: block;
		float: left;
		cursor: pointer;
		margin-right: 5px;
		border-radius: 50%;
		background: #f3f3f3;
	}

	#mobileButtons .mobileButton:before {
		display: block;
		width: 36px;
		height: 36px;
		line-height: 36px;
		font-size: 18px;
		text-align: center;
	}

	#mobileButtons .toggleMenu:before {
		color: #fff;
		font-size: 14px;
	}

	#mobileHeader .mobileSearch {
		display: none;
	}

	#hamburgermenu .searchForm {
		padding: 10px;
		border-bottom: 2px solid #f0f0f0;
	}

	#hamburgermenu .searchForm form {
		position: relative;
	}

	#hamburgermenu .searchForm input[type=text] {
		width: 100%;
		display: block;
		padding: 5px 40px 5px 10px;
		height: 40px;
		transition: all .25s;
		margin: 0;
		background: #fafafa !important;
	}

	#hamburgermenu .searchForm button {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 40px;
		border:0;
		background: none;
		color: #fff;
		cursor: pointer;
	}

	#hamburgermenu .searchForm button:before {
		content: "\E000";
		color: #222;
		display: block;
		margin: 12px;
		width: 16px;
		height: 16px;
		font-size: 16px;
		line-height: 16px;
	}

	#hamburgermenu {
		position: fixed;
		z-index: 999999;
		top: 0;
		right: -300px;
		width: 300px;
		height: 100%;
		overflow-y: scroll;
		background: #fff;
	}

	#hamburgermenu .logoBlock {
		padding: 10px ;
		border-bottom: 2px solid #f0f0f0;
	}

	#mobileMenuContainer {
		overflow: hidden;
	}

	#mobileMenuContainer #menu {
		position: relative;
		display: block;
		float: none;
	}

	#mobileMenuContainer #menu .icon:before {
		margin: 0;
	}

	#mobileMenuContainer #menu li {
		position: relative;
		float: none;
		margin: 0;
	}

	#mobileMenuContainer #menu a {
		border-bottom: 2px solid #f0f0f0;
		padding: 15px 10px;
		line-height: 20px;
		font-size: 16px;
		color: #191919;
		font-weight: 500;
		border-radius: 0;
	}

	#mobileMenuContainer #menu>ul>li.active>a:after {
		display: none;
	}

	#mobileMenuContainer #menu a:hover {
		color: #000;
		background: none;
	}

	#mobileMenuContainer #menu a:before {
		display: none;
	}

	#mobileMenuContainer #menu .sub-menu {
		background: #fafafa;
		position: relative;
		box-shadow: none;
		display: none;
		opacity: 1;
		visibility: visible;
		transition: none;
	}

	#mobileMenuContainer #menu .sub-menu .sub-menu {
		margin: 0;
		border: 0;
		left: 0;
	}

	#mobileMenuContainer #menu .sub-menu li {
		border: 0;
	}

	#mobileMenuContainer #menu .sub-menu a {
		padding-left: 30px;
	}

	#mobileMenuContainer #menu .sub-menu a:hover {
		background: none;
	}

	#mobileMenuContainer #menu .sub-menu .sub-menu a {
		padding-left: 50px;
	}

	#mobileMenuContainer #menu .menu-item-has-children>a {
		padding-right: 30px;
	}

	#mobileMenuContainer #menu .mobilearrow {
		display: block;
		position: absolute;
		top: 15px;
		right: 10px;
		text-align: center;
		border-radius: 3px;
		background: #f0f0f0;
		color: #0f0f0f;
	}

	#mobileMenuContainer #menu .mobilearrow:before {
		display: block;
		line-height: 20px;
		width: 20px;
		height: 20px;
		text-align: center;
		font-size: 10px;
		content: "\E00F";
	}

	#mobileMenuContainer #menu .mobilearrow.active:before {
		content: "\E009";
		font-size: 8px;
	}

	#mobileMenuContainer #menu>ul>li:hover>a {
		background: none;
	}

	#mobileMenuContainer #menu li span.icon {
		margin: 0 5px 0 0;
	}

	#mobileMenuContainer #menu .sub-menu {
		transform: none;
		top: 0;
		z-index: 1;
	}

	#mobileMenuContainer #menu .sub-menu li span.icon {
		margin: 2px 5px 2px 0;
	}

	#mobileMenuContainer #menu li span.icon:before {
		width: 20px;
		height: 20px;
		float: left;
		margin: 0 4px 0 0;
		font-size: 16px;
		text-align: center;
		line-height: 20px;
	}

	#mobileMenuContainer #menu li.menu-item-has-children span.arrow {
		display: none;
	}

	#mobileSocial {
		margin: 20px 10px;
		float: right;
	}
	#mobileSocial .safirSocial li a:before {
	    width: 22px;
	    height: 22px;
	    line-height: 22px;
	    font-size: 22px;
	}

	#hamburgermenu .languageSelector {
		margin: 10px 0 10px 8px;
		text-align: center;
		float: left;
		border-radius: 2px;
		background: #fafafa;
		padding: 10px;
	}

	#overlay {
		display: none;
		width: 100%;
		height: 100%;
		position: fixed;
		background: rgba(0,0,0,0.9);
		z-index: 999998;
		top: 0;
		left: 0;
	}

	#overlay .close {
		display: block;
		position: absolute;
		right: 0;
		top: 10px;
	}

	#overlay .close:before {
		content: "\E009";
		display: block;
		width: 20px;
		height: 20px;
		line-height: 20px;
		font-size: 16px;
		text-align: center;
		color: #fff;
	}

	.hamburgerMenuButton {
		display: none;
		cursor: pointer;
		opacity: 0.9;
		position: fixed;
		z-index: 100;
		right: 5px;
		top: 10px;
		border-radius: 50%;
		box-shadow: 0 0 4px rgba(0,0,0,0.1);
	}

	.hamburgerMenuButton:before {
		display: block;
		width: 36px;
		height: 36px;
		line-height: 36px;
		text-align: center;
		color: #fff;
		font-size: 14px;
	}

	@media all and (max-width:1100px) {

		#topbar, #menuGroup, #menuGroup-sticky-wrapper, #infoBlock {
			display: none;
		}

		#mobileButtons {
			display: block;
		}

		#header {
			padding: 0;
			background: #fff;
		}

		#header .innerContainer {
			overflow: visible;
		}

		#mobileHeader {
			box-shadow: 0 10px 5px -5px rgba(0,0,0,0.05);
			min-height: 40px;
			display: block;
		}

		#logo {
			display: block;
			width: 100%;
			padding: 15px;
		}

		#logo a {
			float: none;
		}

		#logo img {
			max-width: 100%;
		}

		/* Search */

		#mobileHeader .mobileSearch {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 10;
			height: 100%;
			width: 100%;
			background: #fff;
		}

		#mobileHeader .mobileSearch .searchform {
			width: calc(100% - 60px);
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			padding-right: 60px;
		}

		#mobileHeader .mobileSearch .searchform input {
			border: 0;
			width: 100%;
			padding: 10px 50px 10px 10px;
			height: 30px;
			font-size: 18px;
			display: block;
			position: absolute;
			top: 50%;
			left: 0;
			margin-top: -15px;
		}

		#mobileHeader .mobileSearch .searchform button {
			position: absolute;
			top: 50%;
			right: 0;
			margin-top: -15px;
			background: none;
			border: 0;
			color: #666;
		}

		#mobileHeader .mobileSearch .searchform button:before {
			display: block;
			content: "\E000";
			width: 50px;
			height: 30px;
			line-height: 30px;
			text-align: center;
			font-size: 20px;
			cursor: pointer;
		}

		#mobileHeader .mobileSearch .close {
			position: absolute;
			top: 0;
			right: 0;
			z-index: 10;
			background: #f3f3f3;
			height: 100%;
			width: 60px;
		}

		#mobileHeader .mobileSearch .close:before {
			display: block;
			content: "\E009";
			position: absolute;
			top: 50%;
			left: 0;
			width: 100%;
			height: 30px;
			line-height: 30px;
			margin-top: -15px;
			text-align: center;
			font-size: 20px;
			cursor: pointer;
		}

	}


#menuGroup {
    background: rgb(76 175 80) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3), 0 6px 20px rgba(0, 0, 0, 0.25); /* Gölge ekleme */
}

/* Logo Div */
.cbs-logo {
    font-size: 35px; /* Yazı boyutu */
    font-weight: 700; /* Kalın yazı */
    color: #ffffff; /* Beyaz renk */
    text-shadow: 4px 4px 6px rgba(0, 0, 0, 0.4); /* Gölgeli efekt */
    display: inline-block;
    position: relative;
    overflow: hidden;
    letter-spacing: 2px; /* Harf aralığı */
    text-transform: uppercase; /* Tüm harfler büyük */
    animation: slide-in 2s ease-in-out; /* Animasyon efekti */
}

/* "Kepenk" yazısını vurgulamak için */
.cbs-logo span {
    color: #d6d5d4; /* Altın sarısı ton */
    text-shadow: 4px 4px 10px rgb(55 51 39 / 80%); /* Sarıya özel gölge */
}

/* Animasyon Efekti */
@keyframes slide-in {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }
    50% {
        transform: translateY(-10%);
        opacity: 0.7;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}






/* Peyzaj Teması İçin Özel Animasyonlar - Tamamen Çalışan Versiyon */

/* Ana konteyner ayarları */
.themeholy-hero-slide {
  position: relative;
  overflow: hidden;
}

/* 1. BÜYÜLEYEN ÇİÇEK AÇMA EFEKTİ */
.growing-flower {
  position: absolute;
  width: 30px;
  height: 30px;
  pointer-events: none;
  z-index: 10;
  opacity: 0;
}

.flower-center {
  position: absolute;
  width: 10px;
  height: 10px;
  background: radial-gradient(circle at center, #FFD700, #FF8C00);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.flower-petal {
  position: absolute;
  width: 12px;
  height: 12px;
  background: radial-gradient(ellipse at center, var(--petal-color, #FF69B4), transparent);
  border-radius: 50% 50% 0 50%;
  top: 50%;
  left: 50%;
  transform-origin: 0 0;
}

.themeholy-hero-slide:hover .growing-flower {
  animation: flowerAppear 5s forwards;
}

@keyframes flowerAppear {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  10% {
    opacity: 1;
    transform: scale(0.3);
  }
  30% {
    transform: scale(1);
  }
  80% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.1);
  }
}

/* 2. UÇUŞAN YAPRAKLAR */
.floating-leaf {
  position: absolute;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 5;
  opacity: 0;
}

.themeholy-hero-slide:hover .floating-leaf {
  animation: leafFloat 10s linear forwards;
}

@keyframes leafFloat {
  0% {
    opacity: 0;
    transform: translate(0, 0) rotate(0deg);
  }
  10% {
    opacity: 0.8;
  }
  70% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    transform: translate(var(--end-x, 300px), var(--end-y, -200px)) rotate(var(--rotate, 360deg));
  }
}

/* 3. ÇİM SALLANMA EFEKTİ */
.grass-element {
  position: absolute;
  bottom: 0;
  width: 8px;
  height: 50px;
  background: linear-gradient(to top, #4CAF50, #8BC34A);
  transform-origin: bottom center;
  border-radius: 10px 10px 0 0;
  z-index: 3;
  pointer-events: none;
}

.themeholy-hero-slide:hover .grass-element {
  animation: grassSway 4s ease-in-out infinite;
}

@keyframes grassSway {
  0%, 100% {
    transform: rotate(var(--default-angle, 0deg));
  }
  25% {
    transform: rotate(var(--left-angle, -10deg));
  }
  75% {
    transform: rotate(var(--right-angle, 10deg));
  }
}

/* 4. KELEBEK UÇUŞU */
.butterfly {
  position: absolute;
  width: 30px;
  height: 30px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path fill="%23ff9cee" d="M50 30c-10-20-40-20-40 5s30 20 40 40c10-20 40-15 40-40s-30-25-40-5z"/><path fill="%23000" d="M50 45c0 0 0 0 0 15M42 35c2 0 8 5 8 10M58 35c-2 0-8 5-8 10"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 20;
  opacity: 0;
  filter: hue-rotate(var(--hue, 0deg));
}

.themeholy-hero-slide:hover .butterfly {
  animation: butterflyFly 15s linear forwards;
}

.butterfly::before, .butterfly::after {
  content: '';
  position: absolute;
  top: 30%;
  width: 50%;
  height: 40%;
  background-image: inherit;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.9;
}

.butterfly::before {
  left: 0;
  animation: wingLeft 0.2s ease-in-out infinite alternate;
}

.butterfly::after {
  right: 0;
  animation: wingRight 0.2s ease-in-out infinite alternate;
  transform: scaleX(-1);
}

@keyframes butterflyFly {
  0% {
    opacity: 0;
    transform: translate(var(--start-x, -50px), var(--start-y, 50px)) rotate(var(--start-angle, 0deg));
  }
  10% {
    opacity: 1;
  }
  25% {
    transform: translate(var(--mid1-x, 100px), var(--mid1-y, 20px)) rotate(var(--mid1-angle, -10deg));
  }
  50% {
    transform: translate(var(--mid2-x, 200px), var(--mid2-y, 80px)) rotate(var(--mid2-angle, 20deg));
  }
  75% {
    transform: translate(var(--mid3-x, 300px), var(--mid3-y, 30px)) rotate(var(--mid3-angle, -15deg));
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate(var(--end-x, 400px), var(--end-y, -50px)) rotate(var(--end-angle, 10deg));
  }
}

@keyframes wingLeft {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(60deg);
  }
}

@keyframes wingRight {
  0% {
    transform: scaleX(-1) rotateY(0deg);
  }
  100% {
    transform: scaleX(-1) rotateY(60deg);
  }
}

/* 5. GÜN IŞIĞI EFEKTİ */
.sunlight {
  position: absolute;
  top: -20%;
  left: -20%;
  width: 140%;
  height: 140%;
  background: radial-gradient(ellipse at top left, rgba(255, 255, 190, 0.3), transparent 70%);
  pointer-events: none;
  opacity: 0;
  z-index: 1;
  transition: opacity 2s ease;
}

.themeholy-hero-slide:hover .sunlight {
  opacity: 1;
}

/* 6. ÇİY DAMLASI */
.dew-drop {
  position: absolute;
  width: 10px;
  height: 15px;
  border-radius: 50%;
  background: radial-gradient(ellipse at 30% 30%, rgba(255, 255, 255, 0.9), rgba(173, 216, 230, 0.6));
  pointer-events: none;
  opacity: 0;
  z-index: 4;
  transform: translateY(0);
  filter: drop-shadow(0 3px 2px rgba(0, 0, 0, 0.2));
}

.themeholy-hero-slide:hover .dew-drop {
  animation: dewAppear 7s linear forwards;
}

@keyframes dewAppear {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  10% {
    opacity: 0.9;
    transform: scale(1);
  }
  60% {
    opacity: 0.9;
    transform: scale(1);
  }
  65% {
    transform: scale(1.1) translateY(0);
  }
  80% {
    opacity: 0.8;
    transform: scale(0.9) translateY(30px);
  }
  100% {
    opacity: 0;
    transform: scale(0.7) translateY(50px);
  }
}

/* 7. DOĞA SESLERİ İKONU */
.nature-sound-icon {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 100;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.nature-sound-icon svg {
  width: 20px;
  height: 20px;
  fill: #4CAF50;
}

.themeholy-hero-slide:hover .nature-sound-icon {
  opacity: 1;
}

.playing .bar {
  display: inline-block;
  width: 3px;
  height: 12px;
  background-color: #4CAF50;
  margin: 0 1px;
  border-radius: 2px;
  animation: soundBars 1.2s ease-in-out infinite;
}

.bar:nth-child(1) {
  animation-delay: 0s;
}
.bar:nth-child(2) {
  animation-delay: 0.3s;
}
.bar:nth-child(3) {
  animation-delay: 0.6s;
}

@keyframes soundBars {
  0%, 100% {
    height: 5px;
  }
  50% {
    height: 12px;
  }
}