@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
* {
	text-decoration: none
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
	content: " ";
	display: table
}

*,
::before,
::after {
	box-sizing: border-box
}

body {
	margin: 0;
	padding: 0;
	font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 18px;  
	color:#000;
}

/*
.row > [class*='col-'] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
} */



/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

@-moz-document url-prefix() {
  .scroller {
    scrollbar-width: thin;
    scrollbar-color: #ff0;
  }
}



img {
	vertical-align: middle;
	border-style: none;
	max-width: 100%;
	height: auto
}

a {
	color:#666366;
	text-decoration: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects
}

a:hover {
	color:#000;
}

.h1,
h1 {
	font-size: 2.5rem
}

.h2,
h2 {
	font-size: 2rem
}

.h3,
h3 {
	font-size: 1.75rem
}

.h4,
h4 {
	font-size: 1.5rem
}

.h5,
h5 {
	font-size: 1.25rem
}

.h6,
h6 {
	font-size: 1rem
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-bottom: .5rem;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.2;
	color: inherit
}

.fw-100 {
	font-weight: 100
}

.fw-900 {
	font-weight: 900
}




.header-shadow {
    -webkit-box-shadow: 0 0px 35px rgb(2 6 32 / 20%);
    -moz-box-shadow: 0 0px 35px rgba(2, 6, 32, 0.2);
    -ms-box-shadow: 0 0px 35px rgba(2, 6, 32, 0.2);
    -o-box-shadow: 0 0px 35px rgba(2, 6, 32, 0.2);
    box-shadow: 0 0px 35px rgb(2 6 32 / 20%);
}




#logo {
	width: 100%;
	padding: 0 60px 0 0;
}






.menu {
	text-align: center;
}

.menu-mobile {
	display: none
}

.menu-dropdown-icon:before {
	content: "▼";
	display: none;
	cursor: pointer;
	float: right;
	padding: 1.5em 2em;
	font-size: 18px;
    color: #ddd;
}

.menu>ul {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
	box-sizing: border-box;
}

.menu>ul>li {
display: inline-block;
	padding: 0;
	margin: 0
}

.menu>ul>li>a {
	display: block;
	padding: 5px 20px;
	color: #000;
	    font-size: 16px;
	    font-weight: 400;
			background: #fff;
 
}

.menu>ul>li:hover>a {
	
	border-bottom: 1px solid #ddd;
}

.menu>ul>li>ul {
	display: none;

	overflow: hidden;
	padding: 0;
	position: absolute;
	z-index: 99;
	left: -40%;
	margin: 0;
	list-style: none;
	box-sizing: border-box
}

.menu>ul>li>ul>li {
	margin: 0;
	padding-bottom: 0;
	list-style: none;

	background: none; 
}

.menu>ul>li>ul>li a {
	padding:10px;
	width: 100%;
	display: block;



}

.menu>ul>li>ul>li a:hover {
border-bottom: 1px solid #ddd;
color:#fff;
}

.menu>ul>li>ul>li>ul {
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
	box-sizing: border-box
}

.menu>ul>li>ul>li>ul>li {
	float: left;
	width: 100%;
	margin: 0;
	font-size: 14px
}

.menu>ul>li>ul>li>ul>li a {
	font-size: 14px;
	font-weight: 100
}

.menu>ul>li>ul.normal-sub {

	background-color: #000;
	left: auto;
	padding: 0
}

.menu>ul>li>ul.normal-sub>li {

}

@media only screen and (max-width: 959px) {
	.menu-mobile {
		display: inline-block;
 float:right;
    text-align: center;
		padding-right:20px;
    z-index: 99999;
    position: relative;
    background: #fff;
	}
	.menu-mobile:after {
		content: "☰";
		font-size: 30px;
		padding: 10px;
		color:  #666366
	}
	.menu-dropdown-icon:before {
		display: block
	}
	.menu>ul {
		display: none
	}
	.menu>ul>li {
		width: 100%;
		float: none;
		display: inline-block
	}
	.menu>ul>li a {
		padding: 1.5em;
		width: 100%;
		display: block
	}
	.menu>ul>li>ul {
		position: relative
	}
	.menu>ul>li>ul.normal-sub {
		width: 100%
	}
	.menu>ul>li>ul>li {
		float: none;
		width: 100%
	}
	.menu>ul>li>ul>li:first-child {
		margin: 0
	}
	.menu>ul>li>ul>li>ul {
		position: relative
	}
	.menu>ul>li>ul>li>ul>li {
		float: none
	}
	.menu .show-on-mobile {
		display: block
	}
}



.bradiusgenel { border-radius: 100px 0 100px 0;  overflow:hidden;     box-shadow: 10px 10px #ddd; }
.bradiusbuton { border-radius: 30px 0 30px 0;  overflow:hidden; }
.cerceve { padding:0 40px; }

.card-title { font-size:50px; }

.slaytheight { height:600px !important; }


.webtextfloat { text-align: right; }

@media (max-width: 575.98px) {

.webtextfloat { text-align: center; }

.detaylibilgi { opacity: 1 !important; }

.one:before { display: none !important; }

 
	#logo {
		width: 50%!important;
		float: left
	}  

.slaytheight { height:400px !important; }

.card-title { font-size:30px; }
.bradiusgenel { border-radius: 30px 0 30px 0;  overflow:hidden; }

.cerceve { padding:0 10px; }

}










   .radial-gradient {
 background-image: radial-gradient(at 0% 0%, rgba(0,0,0,1), rgba(255,0,0,0));
 position: absolute;
 top: 0;
 width: 100%;
 height: 100%;
 z-index: 99;

}

.h1title {
    position: relative;
    padding-top: 20px;

    font-size: 40px;
    letter-spacing: -1.18px;
    margin-bottom: 40px;

    text-transform: uppercase;
    color:#2b2a29;
}

.h1title:before {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -25px;
    top: 0;
    height: 2px;
    width: 50px;
    background-color: #eee;
}


.h2title {
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: -1.28px;
    margin-bottom: 20px;
}


.abuton {

background: #d42e12;
padding: 20px 30px;
display: inline-block;
color:#fff;
font-weight: bold;

}
.abuton:hover {
background: #bb2c14;
color:#fff;
}
.hover01 { display: block; }

.gradientsiyah { position: absolute; top: 0; width: 100%; height: 100%; z-index: 99; }
.hover01:hover  .gradientsiyah { background: rgba(0,0,0,0.6); 	transition: .5s ease-out; }
.hover01:hover  .detaylibilgi { opacity: 1; }
 
.hover01 img { 	transition: transform 2.2s cubic-bezier(0.14, 0.4, 0.09, 0.99) !important; }
 .hover01:hover img { 
z-index: 1;
	transform: scale(1.1); 
	transition: transform 2.2s cubic-bezier(0.14, 0.4, 0.09, 0.99) !important;


 }

.detaylibilgi { opacity: 0; width: 92%;  display: inline-block; text-align: center; position: absolute; top: 10px; left:10px;   }
.detaylibilgi span {  color:#fff; font-weight: bold; border:1px solid #fff; padding: 10px 20px; }

.sektorkutu:first-of-type {
  border-radius: 100px 0 0 0; overflow: hidden;
}

.sektorkutu:last-of-type {
  border-radius: 0 0 100px 0; overflow: hidden;
}








.pagination {
	text-align: center;
	padding-top: 20px;
	line-height: 30px
}

.pagination {
	display: inline-block
}

.pagination li {
	float: left;
	margin: 0 5px;
	list-style-type: none
}

.pagination li a {
	display: block;
	padding: 0 15px;
	line-height: 35px;
	border-radius: 2px;
	background: #eee;
	font-weight: 400;
	color: #222
}

.pagination li a:hover {
	background: rgba(0, 0, 0, 0.1)
}

.pagination li.active a {
	background-color: #32373c;
	color: #fff
}

a.current { background: #ddd !important;}


.yanmenusu { padding: 10px; background: #ddd;  }
.yanmenusu li { list-style-type: none; position: relative; }

.yanmenusu li a:before {
	 content: "―";
	 font-size: 16px;
	 display: inline-block;
	 vertical-align: middle;
	 line-height: 1;
	 margin: 0 10px 0 0;

	 color:#ddd;
}



.yanmenusu > li >a {
	font-weight: bold;
}



#aktifmenu { padding: 10px; background: #666; color:#fff; display: block;

background-size: 200%;
transition: .5s ease-out;
}
#pasifmenu { padding: 10px; background: #ddd; color:#666; display: block;

	background-size: 200%;
	transition: .5s ease-out;

}

#pasifmenu:hover  {  background-position: left;
  color:#666 !important;
	border-bottom:1px solid #fff;
 }



#site_alti { 
border-top:1px solid #eee;
border-bottom:1px solid #eee;
padding-top:50px;
background: #000;
color:#fff;
}
#site_alti a { color:#fff; }