/* General Styles */

	.safiricon {
		display: block;
	}

	.safiricon svg {
		display: block;
		fill: currentColor;
		width: 20px;
		height: 20px;
		margin-right: 5px;
	}

	.safirGutenbergBlockContainer.overflow {
		overflow: hidden;
	}

	.safirGutenbergBlockContainer .safirbutton {
		float: left;
	}

	/* Safir Button */
	
	.safirbutton {
		display: inline-flex;
		align-items: center;
		border-radius: 2px;
		padding: 8px 15px;
		transition: all .4s;
		font-weight: bold;
		font-size: 14px;
		background: var(--c2);
		color: var(--c1);
	}

	.safirbutton:hover {
		background: var(--c2);
		color: var(--c1);
	}
	
	.safirbutton span {
		font-weight: normal;
		margin-right: 3px;
	}

	.safirbutton.alt {
		color: var(--c1);
		background: var(--c2);
	}

	.safirbutton.alt:hover {
		color: var(--c2);
		background: var(--c1);
	}

/* Single Heading */

	.singleHeading {
		margin-bottom: 15px;
		color: #2e2e2e;
		font-weight: normal;
		font-size: 20px;
		line-height: 20px;
		font-family: var(--headFont);
	}

	.singleHeading .icon {
		float: left;
		width: 40px;
		height: 20px;
		color: var(--c1);
	}

	.singleHeading .icon svg {
		margin: auto;
	}

	.singleHeading:after {
		content: "";
		display: block;
		height: 2px;
		margin: 15px 0 25px;
		background: -moz-linear-gradient(left, var(--c1) 0%, var(--c1) 40px, #f1f1f1 40px, #f1f1f1 100%);
		background: -webkit-linear-gradient(left, var(--c1) 0%,var(--c1) 40px, #f1f1f1 40px,#f1f1f1 100%);
		background: linear-gradient(to right, var(--c1) 0%, var(--c1) 40px,#f1f1f1 40px,#f1f1f1 100%);
	}

/* Soru Cevap */

	.safirGutenbergBlockContainer .safir-faq .question:hover, .safirGutenbergBlockContainer .safir-faq .question.active {
		cursor: inherit;
		background: #F0F5F6;
	}

	.safir-faq {
		margin-bottom: 10px;
	}
	
	.safir-faq + .safir-faq {
		margin-top: 10px !important;
	}
	
	.safir-faq .question {
		cursor: pointer;
		background: #f4f4f4;
		color: var(--c1);
		border-radius: 3px;
		padding: 10px;
		font-weight: 500;
		position: relative;
		display: flex;
		align-items: center;
	}
	
	.safir-faq .question.active {
		background: #e4e4e4;
	}
	
	.safir-faq .question .text {
		line-height: 16px;
		display: block;
	}
	
	.safir-faq .icon svg {
		width: 16px;
		height: 16px;
	}
	
	.safir-faq .openclose {
		color: #1bbc9b;
		margin-left: auto;
	}
		
	.safir-faq .openclose svg {
		width: 16px;
		height: 16px;
	}
	
	.safir-faq .openclose .themeicon:first-child, .safir-faq .active .openclose .themeicon:last-child {
		display: block;
	}
	
	.safir-faq .active .openclose .themeicon:first-child, .safir-faq .openclose .themeicon:last-child {
		display: none;
	}
	
	.safir-faq .answer {
		display: none;
		margin: 10px 0 0 30px;
	}
	
/* Description Box */

	.descriptionbox {
		border-radius: 3px;
		overflow: hidden;
		margin-bottom: 10px;
		color: #fff;
		background-size: cover !important;
		text-shadow: 0 0 4px rgba(0,0,0,0.5);
	}

	.descriptionbox.coffee {
		background: url(../../../images/descriptionbox/coffee.jpg) 50% 50%;
	}

	.descriptionbox.desk {
		background: url(../../../images/descriptionbox/desk.jpg) 50% 50%;
	}

	.descriptionbox.environment {
		background: url(../../../images/descriptionbox/environment.jpg) 50% 50%;
	}

	.descriptionbox.flowers {
		background: url(../../../images/descriptionbox/flowers.jpg) 50% 50%;
	}

	.descriptionbox.notes {
		background: url(../../../images/descriptionbox/notes.jpg) 50% 50%;
	}

	.descriptionbox.question {
		background: url(../../../images/descriptionbox/question.jpg) 50% 50%;
	}

	.descriptionbox.railways {
		background: url(../../../images/descriptionbox/railways.jpg) 50% 50%;
	}

	.descriptionbox.buildings {
		background: url(../../../images/descriptionbox/buildings.jpg) 50% 50%;
	}

	.descriptionbox.sky {
		background: url(../../../images/descriptionbox/sky.jpg) 50% 50%;
	}

	.descriptionbox .inner {
		padding: 3%;
		overflow: hidden;
		background: rgba(var(--c1RGBA), 0.85) url(../../../images/pattern1.png);
	}

	.descriptionbox .icon {
		float: left;
	}

	.descriptionbox .icon svg {
		width: 75px;
		height: 75px;
		margin-right: 20px;
	}

	.descriptionbox .header {
		font-size: 16px;
		font-weight: 500;
	}

	.descriptionbox .content {
		text-align: left;
		line-height: 1.5;
	}

/* Safir List */

	.safir-list ul, .safir-list ol {
		overflow: hidden;
		display: flex;
		flex-wrap: wrap;
		margin: 0 0 -10px -10px !important;
		padding-left: 0 !important;
		color: #444;
	}

	.safir-list ul li, .safir-list ol li {
		width: calc(100% - 10px);
		padding: 10px 15px;
		border: 2px solid #f3f3f3;
		list-style: none !important;
		margin-left: 10px !important;
		margin-bottom: 10px !important;
		display: flex;
		align-items: center;
		text-align: left;
		background: #fafafa;
		border-radius: 5px;
	}

	.safir-list[data-col="1"] ul li, .safir-list[data-col="1"] ol li {
		width: calc(100% - 10px);
	}

	.safir-list[data-col="2"] ul li, .safir-list[data-col="2"] ol li {
		width: calc(50% - 10px);
	}

	.safir-list[data-col="3"] ul li, .safir-list[data-col="3"] ol li {
		width: calc(33.333333333333% - 10px);
	}

	.safir-list[data-col="4"] ul li, .safir-list[data-col="4"] ol li {
		width: calc(25% - 10px);
	}

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

		.safir-list[data-col="2"] ul li, .safir-list[data-col="2"] ol li {
			width: calc(100% - 10px);
		}

		.safir-list[data-col="3"] ul li, .safir-list[data-col="3"] ol li {
			width: calc(50% - 10px);
		}

		.safir-list[data-col="4"] ul li, .safir-list[data-col="4"] ol li {
			width: calc(33.333333333% - 10px);
		}

	}

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

		.safir-list[data-col="3"] ul li, .safir-list[data-col="3"] ol li {
			width: calc(100% - 10px);
		}

		.safir-list[data-col="4"] ul li, .safir-list[data-col="4"] ol li {
			width: calc(50% - 10px);
		}

	}

	.safir-list li:before {
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI2OC44MzJweCIgaGVpZ2h0PSIyNjguODMycHgiIHZpZXdCb3g9IjAgMCAyNjguODMyIDI2OC44MzIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI2OC44MzIgMjY4LjgzMjsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTI2NS4xNzEsMTI1LjU3N2wtODAtODBjLTQuODgxLTQuODgxLTEyLjc5Ny00Ljg4MS0xNy42NzgsMGMtNC44ODIsNC44ODItNC44ODIsMTIuNzk2LDAsMTcuNjc4bDU4LjY2MSw1OC42NjFIMTIuNQ0KCQljLTYuOTAzLDAtMTIuNSw1LjU5Ny0xMi41LDEyLjVjMCw2LjkwMiw1LjU5NywxMi41LDEyLjUsMTIuNWgyMTMuNjU0bC01OC42NTksNTguNjYxYy00Ljg4Miw0Ljg4Mi00Ljg4MiwxMi43OTYsMCwxNy42NzgNCgkJYzIuNDQsMi40MzksNS42NCwzLjY2MSw4LjgzOSwzLjY2MXM2LjM5OC0xLjIyMiw4LjgzOS0zLjY2MWw3OS45OTgtODBDMjcwLjA1MywxMzguMzczLDI3MC4wNTMsMTMwLjQ1OSwyNjUuMTcxLDEyNS41Nzd6Ii8+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==);
		background-size: contain;
		content: "";
		display: block;
		margin-right: 8px;
		width: 10px;
		height: 10px;
		flex-shrink: 0;
	}