/*
Theme Name: Fason Sabun
Theme URI: https://iletken.net.tr
Author: İletken
Author URI: https://iletken.net.tr
Description: Asıl hedefimiz, Wordpress ekosistemine her sektörden çeşitli web siteleri kazandırarak, daima güncel alt yapı ile SEO uyumlu web sitesi sahibi olmanız.Çıktığımız bu yolda, kendimizi daima geliştirdik. Biz geliştikçe web sitelerinizide geliştirdik. Wordpress ile çeşitli mimarileri entegre yaparak çeşitli projelere imza attık. Yaptığımız işler arasında Sektör lideri haber sitesi, eklentisiz e-ticaret girişimleri, sanal ödeme yapıları, kurumsal ve diğer kişisel projeler.
Version: 3.0
Text Domain: iletkennettr
*/



@import url('assets/css/bootstrap.min.css');
@import url('assets/css/owl.carousel.min.css');
@import url('assets/css/owl.theme.default.min.css');
@import url('assets/css/magnific-popup.min.css');
@import url('assets/css/theme.css');

.shortcut_container{display:none;position:fixed;left:10px;bottom:20px;width:54px;height:auto;z-index:9999999;text-align:right}
.shortcut_icon{display:block;width:48px;height:48px;border-radius:32px;-webkit-box-shadow:0 0 15px 0 rgb(0 0 0 / .25);

ul.list-icon.list-icon-check li::before {
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
}

.borderx2 {
	-webkit-text-stroke: 2px #f4f8fc;
	margin-bottom: 15px;
}

.borderx3 {
	-webkit-text-stroke: 3px #f4f8fc;
	margin-bottom: 15px;
}


.ucnokta2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.ucnokta3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.ucnokta4 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

/* Home Blog Max Size */
.add-max-size {
	max-height: 360px;
	min-height: 360px;
	height: 360px;
}


.gallery-wrapper.border-radius .gallery-box .gallery-img {
	max-height: 250px;
	min-height: 250px;
	height: 250px;
}

/* Gallery Magnifer
.gallery-wrapper.hover-style-2 .gallery-box .gallery-img a:hover::before {
  background: rgba(18, 21, 24, 0.41);
  content: "\f002";
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(255, 255, 255, 0.51);
  font: normal normal normal 14px/1 FontAwesome;
  webkit-text-stroke: 3px #fff;
  font-size: 30px;
}
*/

footer .list-dash ul {
	padding: 0 !important;
	margin: 0 !important;
}

.logo_footer_link {
	display: flex;
	justify-content: left;
	align-items: center;
}

.logo_footer {
	max-width: 190px;
}

.bg-image {
	max-height: 600px;
}

.foot_social_fix a {
	color: #fff;
}

.sidebar-box .popular-post img {
	width: 80px;
	height: 70px;
	object-fit: cover;
}

.cat_page_img {
	width: 100%;
	max-height: 500px;
	object-fit: cover;
}

div[class^="hoverbox"] {
	width: 100%;
}

div[class^="hoverbox"] img {
	width: 100%;
}


.owl-carousel.owl-nav-overlay .owl-nav button.owl-next,
.owl-carousel.owl-nav-overlay .owl-nav button.owl-prev,
.owl-carousel.owl-nav-overlay-left .owl-nav button.owl-next,
.owl-carousel.owl-nav-overlay-left .owl-nav button.owl-prev,
.owl-carousel.owl-nav-overlay-right .owl-nav button.owl-next,
.owl-carousel.owl-nav-overlay-right .owl-nav button.owl-prev {
	font-size: 14px;
}

.footer_copyright {
	color: #fff;
}

.the_content .alignleft {
	float: left;
	margin-right: 15px;
	margin-top: 8px;
}

.the_content .alignright {
	float: right;
	margin-left: 15px;
	margin-top: 8px;
}

.sidebar_ads img {
	width:100%;
}

div[class^="circle-box"], div[class*=" circle-box"] {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Mobile Fix */
@media only screen and (max-width: 799px) {
	.bg-image {
		height: 480px;
		max-height: 480px;
	}
	div[class^="hoverbox"] img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.borderx3 {
		-webkit-text-stroke: 2px #f4f8fc;
	}
}

/*********************************/
/* TR-WP.COM Mini Alert Classes */
/*******************************/
.tr-wp-alert {
	padding: 20px;
	background-color: #f44336;
	color: white;
	opacity: 1;
	transition: opacity 0.6s;
	margin-bottom: 15px;
	width: 100%;
	margin-left: 15px;
	margin-right: 15px;
}

.tr-wp-alert.basarili {
	background-color: #4CAF50 !important;
}

.tr-wp-alert.bilgi {
	background-color: #2196F3 !important;
}

.tr-wp-alert.uyari {
	background-color: #ff9800 !important;
}

.tr-wp-alert_close_btn {
	margin-left: 15px;
	color: white;
	font-weight: bold;
	float: right;
	font-size: 22px;
	line-height: 20px;
	cursor: pointer;
	transition: 0.3s;
}

.tr-wp-alert_close_btn:hover {
	color: inherit;
}

/* Alert Box */
.alert-box {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 99999;
	box-shadow: 4px 4px 50px 0 rgba(0, 0, 0, 0.37);
	-webkit-animation: show-alert-box .7s ease-in-out;
	animation: show-alert-box .7s ease-in-out;
	border-radius: 10px 10px 10px 10px;
	background: #fff;
	max-width: 300px;
	text-align: center;
	max-height: 220px;
}

.alert-box .title {
	position: relative;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	margin: 14px 0 5px 0;
}

.alert-box p {
	margin: 0 auto;
	font-size: 14px;
	font-weight: 300;
	padding: 0 15px;
}

.alert-box .button {
	cursor: pointer;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	font-weight: 400;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0px 0px 10px 10px;
}

.modal-con {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin-top: 30px;
	margin-bottom: 40px;
}

.alert-box .kapat {
	position: absolute;
	right: 10px;
	top: 10px;
	border: solid 1px;
	font-size: 12px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	padding-top: 0;
	color: #5e5e5e;
	cursor: pointer;
	padding-left: 1px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.alert-box.hidden {
	-webkit-animation: hide-alert-box .6s ease-in-out both;
	animation: hide-alert-box .6s ease-in-out both;
}

.alert-box .button {
	color: #1b1e21;
	background-color: #d6d8d9;
	border-color: #c6c8ca;
}

.alert-box .kirmizi {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}

.alert-box .yesil {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
}

.alert-box .sari {
	color: #856404;
	background-color: #fff3cd;
	border-color: #ffeeba;
	;
}

@-webkit-keyframes show-alert-box {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	60% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	80% {
		-webkit-transform: scale(0.95);
		transform: scale(0.95);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes show-alert-box {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	60% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	80% {
		-webkit-transform: scale(0.95);
		transform: scale(0.95);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@-webkit-keyframes hide-alert-box {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	20% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
}

@keyframes hide-alert-box {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	20% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
}

.beyaz-zemin {
  background-color:#ffffff;
  border: 1px solid #e2e6ea;
  margin-bottom: 20px;
  padding: 30px;
}
.button-text a:hover{
	color:#ffffff;
}
.sari{
	color:#b29d75;
}

.text-turquiose {
	color: #000000 !important;
}

.tnx {
	font-size:14px;
	color: #fff;
	background-color: #4CAF50;
	border-radius: 15px;
	padding: 30px;
	margin-bottom: 30px;
}

.tnx h1 {
	color: #fff !important;
	font-size:18px;
}

.tnx p {
	color: #fff !important;
	font-size:14px;
}
.header.center .header-menu .nav {
	font-size: 15px !important;
}
.img {  max-width: 100%;  height: auto;}

body.loaded {
  opacity: max-width: 100%;  height: auto;
}