@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Satisfy&display=swap');
body{
	background-color: #fff;
	overflow-x: hidden;
	font-family: 'Titillium Web', sans-serif;
}

:root {
	--baslik: #036936;
	--acikyesil:#73a727;
	}

.logo-ust{
	width: 180px;
	height: 68px;
}
.logo-beyaz{
	width: 130px;
	height: 49px;
}
.navbar{
	background-color:#F0EDED;
	border:none;
	text-align: center;
}
.navbar-nav{
	font-family: 'Titillium Web', sans-serif;
}
.nav-item{
	padding: 0px 10px;	
	transform: scale(1);
	transition:all .5s;
	cursor: pointer;
}
.nav-item:hover{	
	color:var(--acikyesil)  !important;
	transform: scale(0.8);
	transition:all .5s;
}
.nav-link{		
	color:var(--baslik) !important;
}
.nav-link:hover{		
	color:var(--acikyesil) !important;
}
.aktif_menu{
	border-bottom: 2px solid var(--acikyesil) !important;
}
.logo-padding{
	padding-left: 55px;
}
.sosyal-medya {
	color:var(--acikyesil)  !important;
	padding:0px 50px;
}.sosyal-medya i{
	color:var(--acikyesil)  !important;
	padding-left: 5px;
}

.sosyal-medya i:hover{	
	transform: scale(2) !important;
	transition:all .5s;
}
.carousel{
	background-color: #222222;
	color:#fff;
}
.carousel-sol{
	height: 750px;
	background-image:url("../images/2.webp");
	background-position: center top;
	background-size: cover;
}
.carousel-sag{
	text-align: center !important;
	padding:0 50px !important;
}

.carousel-sag h1{
	font-size: 60px;
	font-weight: normal;
	padding-top: 70px;
}
.carousel-sag p{
	padding-top: 20px;
	font-size: 18px;
	color:#D3D1D1;
	text-align: justify;
	
}
.carousel-sag h2{
	padding-top: 50px;
	text-align: end;
	font-family: 'Satisfy', cursive;
	font-size: 18px;
	font-weight: normal;
}


@media (max-width: 992px){
	
.logo-padding{
	padding-left: 0px;
}
	.carousel-sag {
		background-image:url("../images/2.webp");
		background-position: center top;		
		padding:0px 0px !important;
		height: 718px;
	}
	.carousel-sag h1{
		font-size: 50px;
		padding-top: 200px;
	}
	.carousel-sag p{
		padding: 100px;
		color:#fff;
	}
	
	.carousel-sag h6{
		padding-right: 15px;
		padding-top: 40px;
	}
	.carousel-sol {
		display: none;	
	}
	.bg{
		position:inherit;
		background-color: rgba(0,0,0,.6);
		height: 100%;
		width: 100%;
		color:#fff;	
	}
}


@media (max-width: 778px){
	.carousel-sag h1{
		font-size: 30px;
		padding-top: 200px;
	}
	.carousel-sag {
		background-image:url("../images/2sml.webp");
		background-position: center top;		
		padding:0px 0px !important;
		height: 718px;
	}
	.carousel-sag p{
		padding: 50px;
		color:#fff;
	}
}

/*MOBİL MENÜ ANİMASYON*/
.menu-buton{
	box-shadow: none !important;/*MOBİL MENU BORDER KALDIRMA*/
}
.menu-buton span{
	display: block;
	background: #000;
	height: 2px;
	width: 30px;
	margin-top: 10px;
	transition: all .5s;
}
.menu-buton[aria-expanded=true] .ms1{
	transform: rotate(45deg);
}
.menu-buton[aria-expanded=true] .ms2{
	transform: rotate(-45deg);
	margin-top: -2px;
}
.menu-buton[aria-expanded=true] .ms3{
	opacity: 0
}
/*MOBİL MENÜ ANİMASYON BİTİŞ*/

/*Hakımızda*/
.hak-sol{
	padding-top: 100px;
	background-color:#fefbf9;
}

.warpper{
    display:flex;
    flex-direction: column;
    align-items: center;
}
.tab{
    cursor: pointer;
    padding:10px 50px;
    margin:0px 5px;
    background:linear-gradient(#000 5%, #fefbf9 0% );
    display:inline-block;
    color:#000; 
    transition: all .5s;
  /*border-top: 3px solid #000;*/
	
}
.panels{
   
    width:86%;
    border-radius:3px;
    overflow:hidden;
    padding:70px 35px; 
	
}
.panel{
    display:none;
    animation: fadein .8s;
	text-align: justify;
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
.panel-title{
    font-size:16px;
    font-weight:bold;
	font-weight: normal;
}
.radio{
   display:none;
}
#one:checked ~ .panels #one-panel,
#two:checked ~ .panels #two-panel,
#three:checked ~ .panels #three-panel{
   display:block
}
#one:checked ~ .tabs #one-tab,
#two:checked ~ .tabs #two-tab,
#three:checked ~ .tabs #three-tab{
   background:#000;
   color:#fff;
  /*border-top: 3px solid #000;*/
}

@media (max-width: 778px){
	.tab{ 		
    	padding:10px 10px;
 		margin:0px 2px;
	}
	.panels{   
		width:100%;
	}
}
.hak-sag{
	height: 600px;
	background-image: url("../images/hak.webp");
	background-position: center;
	background-size: cover;
 	background-repeat: no-repeat;
	text-align: center;
	color: #FFFAFA;
}

@media (max-width: 992px){
	.hak-sag{
		display: none;
	}
}
/*Hakımızda Bitiş*/

/*Hizmetlerimiz*/
.hakkimizda{
	padding: 0px 0px 40px 0px;
}
.hizmetlerimiz{
	padding: 120px 0px 40px 0px;
	font-weight: normal;
	font-size: 15px;
}
.hizmetlerimiz ul{
	list-style-type: none;	
    margin:0;
    padding:0;
	
}
.hizmetlerimiz h2{
	text-align: center;
	color:#000;
	padding-bottom: 50px;
	font-size: 50px;
}
.hizmetlerimiz h3{
	font-size: 20px;
	text-align: center;
	width: 100%;
	background-color:var(--baslik) !important;
	color:#FFFFFF;
	padding:10px;
}
.hizmetlerimiz ul i{	
	color:var(--acikyesil) !important;
	font-size: 25px;
	font-weight: bolder;
}
.hiz{
	padding-bottom: 80px;
}
.hiz img{
	padding-right: 25px;
	width: 70px;
	height: 70px;
	object-fit:contain;
}
.is-sureci{
	padding: 110px 0px 100px  0px;
	text-align: center;	
}
.is-sureci-alt{
	padding-top: 50px;
}

.is-sureci-alt i{
	font-size: 50px;
	
}

.is-sureci-alt p{
	font-size: 13px;
	height: 30px;
	font-weight: bolder;
}
.is-sureci-alt h3{
	font-size: 30px;
	display: inline-block;
	padding-top: 30px;	
}
@media (max-width: 992px){
	.is-sureci-alt i{
		font-size: 20px;

	}
	.is-sureci-alt h3{
	font-size: 20px;
}
}
@media (max-width: 778px){

	.is-sureci-alt p{
	font-size: 11px;
}
}
.is-sureci span{
	background-color:#000;
    height: 2px;
    font-size: 28px;
    display: block;
    position: relative;
}
.is-ciz{
	width: 0%;
}
.is-sureci-rakam{
	text-align: center;	
}

.is-sureci-click{
	cursor: pointer;
}
.is-sureci-aktif{
	color:var(--acikyesil) !important;
}
.is-sureci-click:hover{
	color:var(--acikyesil) !important;
}
.is-sureci .max-width{	
	max-width: 800px;
}

.is-sureci h2{
	text-align: center;
	color:var(--baslik) !important;
	padding-bottom: 50px;
	font-size: 50px;
}

.is-sureci-yazi p{
	font-size: 15px;
	font-weight: normal;
}	
.iletisim{
	background-color: #222222;
	color:#fff;
	padding: 100px 0px 70px 0px !important;
}
.iletisim h2{
	font-size: 50px;
	font-weight: normal;
}
.iletisim h3{
	font-size: 20px;
}
.iletisim a{
	text-decoration: none;
	color:#fff;
}
.iletisim .max-width{	
	max-width: 800px;
}
.iletisim-adres{
	padding-top: 50px;
	text-align: justify !important;
}

.iletisim-adres i{
	color:var(--acikyesil) !important;
	padding-right: 15px;
}
.iletisim-form{
	padding-left: 100px;
	text-align: center;
}
@media (max-width: 992px){
	.iletisim-form{
	padding-left: 8px;
	}
}
.iletisim-form input, textarea{
	width: 100%;
	height: 50px;
	background-color: #f4f4f6;
	border: none;
	padding: 0px 10px;
	color:#000 !important;
}
.iletisim-form textarea{	
	height: 200px;
	padding-top: 15px;
	margin-top: 10px;
}
.iletisim-form textarea:focus, input:focus{
    outline:solid 1px #182d3e  !important;
}
.iletisim-form button{
	color:#fff !important;
	border: solid 0px;
	background-color:var(--baslik) !important;
	text-align: center;
	transition: all .5s;
	width:100%;
	padding: 10px 0px;
}
.iletisim-form button i{
	color:#fff !important;
	transition: all .5s;
}
.iletisim-form button:hover i{
	padding-left: 20px;
	color:#000 !important;
}
.iletisim-form button:hover{
	color:#000 !important;
}
.iletisim-form div{
	padding-top: 10px;
}
.ilet-sosyalmedya{
	padding-top: 50px;
}
.ilet-sosyalmedya i{
	font-size:25px !important;
	padding: 0px 10px 0px 10px !important;
	color:#fff !important;
	transition:all .5s;
}
.ilet-sosyalmedya a i:hover{	
	color:var(--acikyesil)  !important;
}
.footer a{
	text-decoration: none;
	padding-left: 20px;
	color:var(--acikyesil) !important;
}
.footer{
	padding: 50px 0px;
	border-top: 2px solid #666363;
	background-color: #222222;
	color:#fff;
	text-align: center;	
}
.item{
	position: relative;
}
.portfolyo{
	padding-top: 50px;
}
.portfolyo h2{
	font-size: 50px;
	text-align: center;
	padding: 50px 0px 50px 0px;
}
.portfolyo img{
	width: 100%;
	height: 400px;
	object-fit: cover;
	position: inherit;
}
.portfolyo a{
	text-decoration: none;
}
.portfolyo h3{
	transition: all .5s;
	font-size: 20px;
	padding: 0px;
	margin: 0px;
	padding-top: 40%;
	text-align: center;
	position:absolute;
	color:#FFFFFF;
	background-color: rgba(0,0,0,.76);
	width: 100%;
	height: 100%;
	opacity: 0;
	font-weight: normal;
}
.portfolyo h3 b{
	font-size: 25px;	
	color:var(--acikyesil) !important;
}
@media (max-width: 992px){
	.portfolyo h3{
		padding-top: 45%;
	}
}
@media (max-width: 778px){
	.portfolyo h3{
		padding-top: 35%;
	}
}
.portfolyo a:hover h3{
	opacity: 1;	
}