/****************** HAMBURGER MENU START ***********************/
.menu {
	position:absolute;
	right:-230px;
	top:0px;
	z-index: 999;
	height: 100%;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
.menu.visib {
	right: 0px;
}
.menulist {
	background:#303030;
	width:230px;
	height:100vh;
	box-shadow: 0px 0px 20px #adadad;
}
.menu ul.menulist {
	float: left;
	padding: 30px;
}
.menu ul.menulist li {
	margin-bottom: 17px;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
.menu ul.menulist li:hover {
	padding-left: 10px;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
ul.menulist li a {
	color: #fff;
	font-size: 18px;
}
.menu .bar {
	float: left;
	cursor: pointer;
	margin-left: 10px;
	padding: 24px;
	height: 70px;
}
.menu .diller {
	float: left;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	height: 70px;
}
.menu .bar:before {
	content: "\f0c9";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 30px;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	color: #fff;
}
.menu.visib .bar:before {
	content: "\f00d";
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
/****************** HAMBURGER MENU FINISH ***********************/
.detay {
	padding: 2px 20px;
	background: #e8e8e8;
	margin-top: 10px;
	display: inline-block;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
.detay:hover {
	background: #ccae64;
	color: #fff;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
.sorfixed {
	position: fixed;
	left: -67px;
	top: 150px;
	transform: rotate(-90deg);
	background: #ccae64;
	z-index: 999;
	padding: 5px 30px;
	border-radius: 10px;
}
.sorfixed h4 {
	color: #FFFFFF;
	cursor: pointer;
}
.sect1 .foto {
	width: 300px;
	margin: 10px auto;
}
.sect1 p {
	font-size: 17px;
	line-height: 30px;
}
.slider {
	padding-top: 55px;
}
.sect2 .foto , .sect2 .foto img {
	height: 150px;
}
.sect3 .foto , .sect3 .foto img {
	height: 150px;
}
.sect3 .kutu:hover h4 {
	color: #ccae64;
}
.btn {
	background: #a58330;
	color: #fff;
	font-weight: bold;
}
.btn.focus, .btn:focus, .btn:hover {
	color: #fff;
}
.btn:hover{
	background: #303030;
}
footer .btn {
	background: #a58330;
}
footer .btn:hover {
	background: #b99c52;
	font-weight: bold;
}
section.uyari {
	margin: 20px 0px;
}
h4.uyari {
	margin-top: 20px;
	border: 1px solid rgba(255,255,255,0.5);
	display: inline-block;
	padding: 3px 20px;
}
h4.uyari:hover {
	background: #fff;
}
h4.uyari:hover a {
	color: #4f2345;
	font-weight: 500;
}
.footer-bottom {
	background: #252525;
	padding-top: 10px;
}
.footer-bottom p {
	color: #fff;
}
.sect2 h4 {
	color: #ccae64;
	font-weight: 500;
}
.sect3 .detay {
	margin: 0px auto;
	display: table;
}
.sor {
	background: #e8e8e8;
	padding: 15px 0px;
}
.arayalim .form-group {
	margin: 0px;
}
.search {
	position: relative;
}
.search input {
	padding-left: 37px;
}
.search svg {
	position: absolute;
	top: 15px;
	left: 11px;
}
.arayalim label {
	font-size: 28px;
	line-height: 28px;
	font-weight: 400;
	color: #ccae64;
}
footer h3 {
	font-size: 24px;
	line-height: 28px;
	font-weight: 400;
	color: #a58330;
	text-transform: uppercase;
}
footer .arayalim button{
	width: 100%;
}
footer .arayalim .form-group {
	margin-bottom: 10px;
}
#owl-box .foto , #owl-box .foto img {
	height: 235px;
}
#owl-box .kutu {
	min-height: 150px;
}
.hakki .renk1 {
	background: #ccc;
}
.hakki .renk2 {
	background: #b1582e;
}
.hakki .tablo {
	height: 350px;
}
.hakki .foto , .hakki .foto img {
	height: 350px;
}
.hakki .textcont {
	padding: 30px;
}
.hakki p {
	font-size: 17px;
	line-height: 30px;
	color: #fff;
}
.hakki h2 {
	color: #fff;
	font-weight: 500;
}
.hakki [class*=col-] {
	padding-left: 0px;
	padding-right: 0px;
}
.hakki [class*=row] {
	margin-left: 0px;
	margin-right: 0px;
}
section {
	padding: 50px 0px;
}
.hakki2 img {
	width: 255px;
	margin: 0px auto;
	display: table;
}

.btn-primary:hover {
	background-color: #511e46;
	border-color: #511e46;
}
.diller a {
	font-weight: bold;
	font-size: 19px;
	line-height: 70px;
	border-left: 1px solid #cccc;
	padding: 0px 16px;
	color: #fff;
}
.diller a:first-child {
	border-left: none;
}
.menulist .diller a {
	color: #fff;
}
.uyari .textcont {
	background: #ffede3;
	padding: 15px;
	border-radius: 13px;
}
.uyari img {
	height : 70px;
	margin: 10px auto;
}
.uyari h2 {
	font-weight: bold;
	text-transform: uppercase;
}
.uyari [class*=col-] {
	padding-left: 15px;
	padding-right: 15px;
}
.uyari [class*=row] {
	margin-left: -15px;
	margin-right: -15px;
}
@media(max-width:767px) {
	.slider2 ul.home-header li {
		-webkit-box-flex: 0;
		-ms-flex: 0;
		flex: 0;
	}
	.uyari .textcont {
		margin-bottom: 15px;
	}
	.slider h2 {
		font-size: 17px;
		line-height: 24px;
	}
	.slider .textcont {
		padding: 0px 0px 0px 40px;
		height: 135px;
	}
	.slider {
		padding-top: 78px;
	}
	.detay {
		margin-top: 0px;
	}
	.arayalim .form-group {
		margin-bottom: 10px;
	}
	footer [class*=col-] {
		margin: 15px 0px;
	}
	header {
		background: #303030;
	}
	body .icsayfa .zemin {
		padding: 20px;
	}
	.menu .bar {
		height: 68px;
	}
	.menu.visib .bar {
		background: #ccae64;
		padding: 20px;
		border: 1px solid #ccae64;
		color: white;
	}
	.menu.visib ul.menulist {
		margin-left: 0px;
	}
}
.breadcrumb{
	background-color:#ccae64;
	border-radius: 0;
}
.breadcrumb > li a{
	color: rgba(255,255,255,0.8);
}
.breadcrumb > li a:hover{
	color: #fff;
}
.breadcrumb li.active{
	color: #fff;
}
.icsayfa.hakkimda {
	padding: 0px;
}
.hakkimda h2 {
	font-weight: 500;
	color: #ccae64;
}
.hakkimda p {
	font-size: 20px;
	line-height: 38px;
}
.kutu.border{
	border: 2px solid #b77b5f;
	padding: 10px;
	border-radius: 3px;
}
.mt20 {
	margin-top: 20px;
}
.icsayfa > .container-fluid > .row {
	margin-left: -20px;
}
.icsayfa p {
	font-size: 16px;
	line-height: 27px;
}
.res .foto {
	position: relative;
	height: 500px;
}
.res .cerceve {
	position: absolute;
	right: -1px;
	top: 0px;
	z-index: 1;
}
.res .cerceve img {
	display: block;
	height: 501px;
}
.estetik-kat .res .foto {
	height: 250px;
}
.estetik-kat .res .cerceve {
	top: -1px;
}
.estetik-kat .res .cerceve img {
	display: block;
	height: 252px;
}
.estetik-kat .kutu {
	border: 2px solid #e2b595;
	background: #e3b696;
}
.estetik-kat .tablo {
	height: 250px;
}
.estetik-kat figure {
	padding-right: 30px;
}
.estetik-kat h1 {
	color: #fff;
	margin-right: 30px;
	text-shadow: 1px 4px 5px #ad572e;
}
.icsayfa ul li {
	position: relative;
	font-size: 16px;
	line-height: 27px;
}
.icsayfa ul li:before {
	position: absolute;
	left: -30px;
	z-index: 9;
	content: "\f00c";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #ccae64;
}
.icsayfa.blog ul li:before {
	display: none;
}
.icsayfa ul.navbar-nav li:before {
	display: none;
}
.icsayfa ul.navbar-nav li {
	margin-left: 15px;
}
.icsayfa .textcont h1, .icsayfa .textcont h2, .icsayfa .textcont h3 {
	color: #9c4f2d;
}
.blog .kutu {
	min-height: 115px;
}
#textcont {
	height: 460px;
	padding: 20px 30px;
	margin: 20px 0px
}
.icsayfa {
	padding: 20px 0px;
}
.icsayfa.klinik {
	padding: 0px;
}
.galeri .kutu {
	border: 1px solid #ccc;
}
.galeri .kutu a {
	cursor: crosshair;
}
/******************** KLİNİKLER START **********************/

.kutu {
	cursor: crosshair;
}
.kutu:hover h4 {
	color: #a58330;
}
.klinikler .kutu .foto {
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
.klinikler .kutu:hover {
	background: #eeeeee;
}
.klinikler h3 , .klinikler h4 {
	margin: 0px;
	font-size: 16px;
}
figure {
	overflow: hidden;
}
.klinikler .kutu:hover .foto {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
.klinikler .kutu h3 {
	margin: 0px;
}
/******************** KLİNİKLER FINISH **********************/

/******************** KLİNİKLER START **********************/
.klinikler2 {
	margin-top: 15px;
}
.klinikler2 figure {
	float: left;
	width: 40%;
	overflow: hidden;
}
.klinikler2 .textcont {
	float: left;
	width: 60%;
	padding: 0px 10px;
}
.klinikler2 .foto {
	height: 134px;
}
.klinikler2 p {
	margin-bottom: 0px;
}
.klinikler2 .kutu {
	padding: 10px;
	cursor: crosshair;
}
.klinikler2 .kutu:hover {
	background: #eeeeee;
}
.klinikler2 .kutu:hover .foto {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
.klinikler2 .kutu .foto {
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
/******************** KLİNİKLER FINISH **********************/
figure .foto {
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
.kutu:hover figure .foto {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
#map {
	margin-bottom: 40px;
}
.icsayfa.iletisim {
	padding: 0px 0px 20px 0px;
}
.ustcover {
	background: #a6532b;
	margin-bottom: 25px;
}
.ustcover .foto {
	float: left;
	width: 70%;
	height: 300px;
}
.ustcover .textcont {
	float: left;
	width: 30%;
	padding: 0px 20px;
}
.ustcover .textcont h3 {
	color: #fff;
	line-height: 35px;
}
.ustcover .tablo {
	height: 300px;
}
.yazilar a {
	cursor: crosshair;
}
#uyari img {
	width: 60px;
	margin: 20px auto;
}
#sormodal .modal-body {
	padding: 40px;
}
.modal-body {
	padding: 0px 70px 20px 70px;
}
@media (min-width: 1500px) {
	.hakki .tablo {
		height: 450px;
	}
	.hakki .foto, .hakki .foto img {
		height: 450px;
	}
}

/****************************** slider2 start ***************************/
.slider2 ul.home-header,
.slider2 ul.home-header li {
	list-style: none;
	margin: 0;
	padding: 0
}
.slider2 ul.home-header .partial-hr,
.slider2 ul.home-header .subtitle,
.slider2 ul.home-header .title,
.slider2 ul.home-header li .partial-hr,
.slider2 ul.home-header li .subtitle,
.slider2 ul.home-header li .title {
	color: #fff;
	margin-left: 50px
}
.slider2 ul.home-header .title,
.slider2 ul.home-header li .title {
	font-size: 2em;
	margin-top: auto;
	text-align: left
}
.slider2 ul.home-header .title a,
.slider2 ul.home-header li .title a {
	color: #fff
}
.slider2 ul.home-header .title a:hover,
.slider2 ul.home-header li .title a:hover {
	text-decoration: none
}
.slider2 ul.home-header .partial-hr,
.slider2 ul.home-header li .partial-hr {
	margin-bottom: 50px
}
.slider2 ul.home-header .subtitle,
.slider2 ul.home-header li .subtitle {
	margin-bottom: 50px;
	margin-top: 10px;
	text-align: left
}
.slider2 ul.home-header .aligner,
.slider2 ul.home-header li .aligner {
	bottom: 0;
	position: relative;
	width: 100%;
	left: 0;
	background: -webkit-linear-gradient(top, rgba(125, 185, 232, 0) 60%, #303030) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(125, 185, 232, 0)), to(#303030)) !important;
	background: -o-linear-gradient(top, rgba(125, 185, 232, 0) 60%, #303030) !important;
	background: linear-gradient(180deg, rgba(125, 185, 232, 0) 60%, #303030) !important;
}
.slider2 ul.home-header .title-page-wrapper,
.slider2 ul.home-header li .title-page-wrapper {
	-ms-flex-item-align: end;
	align-self: flex-end
}
.slider2 ul.home-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100vh;
	width: 100%
}
.slider2 ul.home-header li {
	color: hsla(0, 0%, 100%, 0);
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	/* padding: 2%; */
	text-align: center;
	-webkit-transition: color .6s ease-out, -webkit-box-flex .9s ease-out;
	transition: color .6s ease-out, -webkit-box-flex .9s ease-out;
	-o-transition: flex .9s ease-out, color .6s ease-out;
	transition: flex .9s ease-out, color .6s ease-out;
	transition: flex .9s ease-out, color .6s ease-out, -webkit-box-flex .9s ease-out, -ms-flex .9s ease-out
}
.slider2 ul.home-header li:first-child {
	background-position: 50% !important;
	background-size: cover !important;
	cursor: pointer;
	position: relative;
}
.slider2 ul.home-header li:nth-child(2) {
	background-position: 50%, top !important;
	background-size: cover !important;
	cursor: pointer;
	position: relative;
}
.slider2 ul.home-header li:nth-child(3) {
	background-position: 100%, top !important;
	background-size: cover !important;
	cursor: pointer;
	position: relative;
}
.slider2 ul.home-header li:hover {
	color: #fff;
	-webkit-box-flex: 2;
	-ms-flex: 2;
	flex: 2
}


/****************************** slider2 finish ***************************/

.devami {
	border: none;
	height: 40px;
	line-height: 42px;
	padding: 0;
	background: transparent;
	color: #ccae64;
	cursor: pointer;
	display: table;
	margin: 0px auto;
	font-weight: 500;
	outline: none!important;
	position: relative;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.devami div {
	height: 100%;
	padding: 0 30px;
	position: relative;
}
.devami:after,
.devami:before {
	background: #ccae64;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.devami:before {
	height: 20px;
	width: 2px;
}
.devami:after {
	height: 2px;
	width: 20px;
}
.devami:hover:before {
	height: 100%;
}
.devami:hover:after {
	width: 100%;
}
.devami div:after,
.devami div:before {
	background: #ccae64;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.devami div:before {
	height: 20px;
	width: 2px;
}
.devami div:after {
	height: 2px;
	width: 20px;
}
.devami:hover div:before {
	height: 100%;
}
.devami:hover div:after {
	width: 100%;
}
.gray {
	background: #f7f7f7;
}
.baslik {
	margin: 30px 0px;
}
.baslik h2 {
	color: #ccae64;
}
.icsayfa .zemin {
	position: relative;
	margin-top: -150px;
	background: #fff;
	padding: 40px;
}
.show-on-hover:hover > ul.dropdown-menu {
	display: block;
}
.icsayfa.blog .form-group {
	position: relative;
	margin: 0px;
}
.icsayfa.blog .dropdown-menu {
	background: #fff;
	margin: 0px;
	border: 1px solid #ccc;
}
.icsayfa.blog .dropdown-menu a {
	padding: 7px;
}
.yazilar .kutu {
	min-height: 132px;
}
.boxe {
	margin: 20px 0px;
}
.boxe input {
	margin-right: 10px;
}
.fotimg {
	width: 100px;
	height: 100px;
	float: left;
	margin-right: 10px;
	background: #fff;
}
.print, .pdf {
	display: inline-block;
}
.print a {
	background: #00a41c;
	padding: 6px 10px;
	color: #fff;
}
.pdf a{
	background: red;
	padding: 6px 10px;
	color: #fff;
}
@media(max-width:767px) {
	.slider2 ul.home-header {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		height: calc(100vh - 78px);
		margin-top: 78px;
	}
	header.home ul.home-header li:first-child {
		background: -webkit-linear-gradient(top,rgba(125,185,232,.1) 10%,#007391),url(/app/themes/brinkhof/dist/images/brinkhof-mensen_6dc5b720.jpg);
		background: -webkit-gradient(linear,left top,left bottom,color-stop(10%,rgba(125,185,232,.1)),to(#007391)),url(/app/themes/brinkhof/dist/images/brinkhof-mensen_6dc5b720.jpg);
		background: -o-linear-gradient(top,rgba(125,185,232,.1) 10%,#007391),url(/app/themes/brinkhof/dist/images/brinkhof-mensen_6dc5b720.jpg);
		background: linear-gradient(180deg,rgba(125,185,232,.1) 10%,#007391),url(/app/themes/brinkhof/dist/images/brinkhof-mensen_6dc5b720.jpg);
		background-position: center 15%!important;
		background-size: cover;
		cursor: pointer;
		position: relative;
	}
}