/*----------  HEADER START---------- */
#top-bar {
	background-color: rgb(215, 215, 215, 0.1);
}

.health-button {
	/*position: absolute;
	right: 60px;
	top: 0px;*/
}

.health-button .button {
	margin: 0px;
}

#top-social li {
	border: none !important;
}

.ik {
	font-weight: 400;
	font-size: 15px;
	margin-left: 1.5rem;
	color: #444;
}

.ik:hover {
	color: var(--themecolor) !important;
	font-weight: 600;
}
.phone,
.email {
	transition: 0.5s ease-in;
	-webkit-transition: 0.5s ease-in;
	-moz-transition: 0.5s ease-in;
	-ms-transition: 0.5s ease-in;
	-o-transition: 0.5s ease-in;
}

.phone i,
.email i {
	font-size: 22px !important;
}

.phone p,
.email p {
	font-size: 16px;
}

.phone:hover i,
.phone:hover a,
.email:hover i,
.email:hover a {
	color: var(--themecolor);
}

.e-btn {
	display: block;
	padding: 6px 12px;
	margin-bottom: 0px !important;
}

.header-extras {
	margin: unset;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}

.online_button_1 {
	position: absolute;
	top: 40px;
	right: 159px;
}
.online_button_2 {
	position: absolute;
	top: 40px;
	right: 0px;
}

/* todo: MENU START */
#primary-menu {
	background-color: #fff !important;
	transition: background-color 0.3s ease-in;
	-webkit-transition: background-color 0.3s ease-in;
	-moz-transition: background-color 0.3s ease-in;
	-ms-transition: background-color 0.3s ease-in;
	-o-transition: background-color 0.3s ease-in;
}

#primary-menu.style-2 {
	border-top: none;
}

body:not(.device-md):not(.device-sm):not(.device-xs)
	#primary-menu.style-2.center
	> div {
	padding-left: 0 !important;
}

#primary-menu.style-2 > div > ul > li > a.first-link {
	padding-left: 0 !important;
}

#primary-menu ul li > a {
	padding: 39px 14px;
	font-weight: 500;
}

#header.dark.sticky-header #primary-menu {
	background-color: #ae2c2f !important;
	color: #fff !important;
}

#header.dark.sticky-header #primary-menu div.container {
	border: none;
	color: #fff !important;
	margin-bottom: 0px !important;
}
#header.dark.sticky-header #primary-menu ul ul {
	background-color: #fff !important;
	border: none;
}
/* #header.dark.sticky-header #primary-menu a:not(.whatsapp) {
    color:#444 !important;
} */

#header.dark.sticky-header #primary-menu ul li ul li:hover > a,
#header.dark.sticky-header #primary-menu ul li ul li.current:hover > a {
	color: var(--themecolor) !important;
}

.dark
	#header-wrap:not(.not-dark)
	#primary-menu
	> .container
	> ul
	> li.current
	> a {
	color: #fff !important;
}

.dark #header-wrap:not(.not-dark) #primary-menu > .container > ul > li > a {
	color: #fff !important;
}

body:not(.device-md):not(.device-sm):not(.device-xs)
	#primary-menu.style-2.center
	> ul,
body:not(.device-md):not(.device-sm):not(.device-xs)
	#primary-menu.style-2.center
	> div {
	width: 1170px;
	border-bottom: 1px solid lightgray;
	border-top: 1px solid lightgray;
	margin-bottom: 30px !important;
}

#header #primary-menu .renk {
	background-color: #ae2c2f !important;
}

.e-sonuc {
	position: absolute;
	right: 160px;
	top: 10px;
	background-color: #ae2c2f;
	color: #fff !important;
	padding: 6px 18px;
	font-weight: 600;
	font-size: 14px;
	z-index: 9999;
	border-radius: 4px;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.h-randevu {
	position: absolute;
	right: 0;
	top: 10px;
	background-color: #ae2c2f;
	color: #fff !important;
	padding: 6px 18px;
	font-weight: 600;
	font-size: 14px;
	z-index: 9999;
	border-radius: 4px;
	transition: all 0.2s ease-in-out;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}

.e-sonuc:hover,
.h-randevu:hover {
	background-color: #222;
}

.sticky-header .e-sonuc {
	background-color: #fff;
	color: #ae2c2f !important;
}
.sticky-header .h-randevu {
	background-color: #fff;
	color: #ae2c2f !important;
}

.sticky-header .e-sonuc:hover,
.sticky-header .h-randevu:hover {
	background-color: #222;
	color: #fff !important;
}

/* todo: MENU END */

#top-search form input {
	font-size: 15px !important;
	font-weight: 300 !important;
}
.dark #top-search form input::placeholder {
	color: #fff !important;
}

.btn-danger {
	color: #fff;
	background-color: #ae2c2f;
	border-color: #ae2c2f;
}

/*----------  HEADER END---------- */