@charset "utf-8";
/* CSS Document */

body {
	font-size:16px;
	color:#ff3a1d;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


body,td,th {
font-family: 'Roboto Slab', serif;
}
ul, li {
	list-style-type:none !important;
	margin:0px;
	padding:0px;
}
img {
	border:none;
}
a {
	text-decoration:none;
	color:#333333;
}


strong { 
}

	
#topmenu {
	position:absolute;
	font-weight:700;
	font-size:1em;
	width:990px;
	height:45px;
	left:0px;
	right:0px;
	margin:auto;
	top:50px;
}
#pagemain1 {
	display:block;
	margin:0px;
	padding:0px;
	width:1000px;
	left:0px;
	right:0px;
	top:0px;
	height:100px;
	margin:auto;
}
#pagemain2 {
	display:block;
	width:1000px;
	height:auto;
	left:0px;
	right:0px;
	top:auto;
	margin:auto;
	margin-top:50px;	
}
#logo {
	position:absolute;
	margin:0px;
	padding:0px;
	display:block;
	left:0px;
	top:-20px;
	width:20%;
	height:65px;
	cursor:pointer;
	z-index:99;
}
#righttoplogo {
	position:absolute;
	display:block;
	right:0px;
	top:0px;
/*	width:6%px;*/
    color: #ff3a1d;

	
}

#rotateimages {
/*	position:relative;*/
	left:0px;
	top:10px;
	height:auto;
	width:100%;
/*	min-width:1030px;*/
	overflow: hidden;
	border-bottom-color:#ff3a1d;
	border-bottom-width:25px;
	border-bottom-style:solid;
}

.crop {
    position:absolute;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    margin: auto;
	height:375px;
}

ul.menu {
	z-index:99;
	position:absolute;
	top:-20px;
    font-size: 1em;
    line-height:36px;
    margin: 0;
	margin-left:25%;
    padding: 0;
    list-style: none;
    text-align:center;
	vertical-align:central;
	width:65%;
	height:70px;
	display:block;
}
ul.menu li.menu {
    display: block;
    float: left;
    position:relative;
	width:18%;
	text-align:center;
	vertical-align:central;
	border-bottom-color:#ff3a1d;
	border-bottom-style:solid;
	border-bottom-width:1px;
}

ul.menu li.menu:nth-child(2) {	width:25%; }
ul.menu li.menu:nth-child(3) {	width:16%; }
ul.menu li.menu:last-child {
	width:17%;
}

ul.menu li.menu a {
    display: block;
    text-decoration: none;
	text-align:center;
	vertical-align:central;
    white-space: nowrap;
    width:100%;
    line-height:36px;
	color:#ff3a1d;
}
ul.menu li.menu:hover  {
	border-bottom-style:inset;
	border-bottom-width:5px;
	border-bottom-color:#ff3a1d;
	
	 
}
ul.menu li.menu:hover a {
	font-weight:700;
	font-size:0.9em;
	}
#text {
	display:block;
	text-align:justify;
	margin-left:45%;
	width:55%;
	font-size:1em;
	color:#333333;
	line-height:1.5em;/*ver2*/
}
#ind_left_wide {/*for works*/
	display:block;
	width:76%;
	height:520px;
	color:#FFF;
	margin-left:auto;
	margin-right:auto;
}

#ind_left_works { /*for works123456*/
	display:block;
	margin-left:0px;
	width:30%;
	height:auto;
	color:#FFF;
	float:left;

}
#ind_left_works img{
	width:100%;
}

#text_works  {/*for works123456*/
	display:block;
	text-align:justify;
	margin-left:34%;
	width:65%;
	font-size:1em;
	color:#333333;
	line-height:1.5em;/*ver2*/
	height:auto;
/*	padding-top:135px;
	padding-top:85px;*/
	
/*	min-height:300px;*/
}

#lawyertext  {/*for works123456*/
	display:block;
	text-align:justify;
	margin-left:35%;
	width:65%;
	font-size:1em;
	color:#333333;
	line-height:1.6em;/*ver2*/
	min-height:450px;
	margin-bottom:70px;
}

#ind_left_works>#quote1 {/*for index*/
	width:80%;
	height:auto;
	margin-bottom:0.6em;
}
#ind_left_works>#quote1>span {/*for index*/
	vertical-align:middle;
	color:#FF3A1D;
	font-size:3em;
	line-height:1em;
	font-weight:300;
}



#ind_left { /*for index*/
	display:block;
	margin-left:0px;
	width:45%;
	height:auto;
	color:#FFF;
	float:left;

}
#ind_left>#quote1 {/*for index*/
	width:80%;
	height:auto;
}
#ind_left>#quote1>span {/*for index*/
	line-height:35px;/*ver2*/
	vertical-align:middle;
	background-color:#FF3A1D;
	font-size:26px;
	font-weight:700;
}


#ind_right { /*for iletisim*/
	display:block;
	margin-left:0px;
	width:40%;
	height:auto;
	color:#666;
	float:right;
	font-size:1em;
}
#ind_right>#quote1 {/*for iletisim*/
	width:85%;
	height:auto;
}
#ind_right>#quote1>span {/*for iletisim*/
	line-height:35px;/*ver2*/
	vertical-align:middle;
	background-color:#FF3A1D;
	font-weight:700;
}




span {
	margin-bottom:0px;
	padding-bottom:0px;
}
	

#text span:nth-child(1) {	
margin-left:150px; 

}

#lawyers {
	position:absolute;
	top:105px;
	left:26%;
	width:73%;
	font-size:12px;
	color:#333333;
	z-index:0;
	cursor:pointer;
}

/*#lawyers img:hover {
    /* add other prefixes as required 
	webkit-transform: scale(1.33);
  -webkit-transform-origin: 50% 50%;


    filter: blur(10px);
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: url(blur.svg#blur);

filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5'); 
}*/

	
#lawyer1 {
	position:absolute;
	top:560px;
	left:27%;
	width:60%;
	font-size:12px;
	color:#333333;
	z-index:0;
}


#lawyer2 {
	position:absolute;
	top:560px;
	left:27%;
	width:11%;
	font-size:12px;
	color:#333333;
	z-index:0;
}

#lawyertop {
	position:absolute;
	left:38%;
	top:105px;
	height:130px;
	width:62%;
}

/*works.php*/
#bullets {
	position:absolute;
	top:250px;
	left:32%;
	width:68%;
	font-size:12px;
	color:#333333;
}
#bull1, #bull2, #bull3, #bull4, #bull5, #bull6 {
	position: absolute;
	width: 209px;
	height: 25px;
	text-wrap: normal;
	word-wrap: normal;
	vertical-align: middle;
	margin-top: auto;
	margin-bottom: auto;
	line-height: 14px;
	text-align: left;
	font-size:11px;
	color:#8a8a8d;
	}

		

#workstext {
	position:absolute;
	top:365px;
	left:250px;
	width:680px;
	font-size:13px;
	color:#333333;
}

#workstext span:nth-child(1) {	
color:#ff3a1d;
font-weight:700;
font-size:13px;
line-height:14px;
margin-left:150px; 

}






.renkli {
	display:block;
	float:left;
	color:#ff3a1d;
	font-weight:700;
	font-size:1em;
	width:23%;
}
.renksiz {
	display:block;
	padding-left:23%;
	font-size:1em;
	width:60%;
}

.linkedin img{
		vertical-align:middle;
		width:80px;
		cursor:pointer;
/*		height:21px;*/
}


/*contact.php*/
#formdiv {
	position:relative;
	width: 80%;
	height: 300px;
	z-index: 1;	
	left: 10%;
	top: 0px;
}


#baslik1 {
	font-size:1em;
  width : 100%;
  height:24px;
  color:#fff;
 /* background-image:url(images/iletisim.png);
  background-repeat:no-repeat;
  background-position:right;*/
		  background-color:#ff3a1d;
		  display:block;
		  margin-bottom:5px;
		  margin-top:7px;
		  vertical-align:middle;
}

  .textbox { 
    background-color: transparent;  
    border-style: solid;  
    border-width: 0px 0px 1px 0px;  
    border-color: #ff3a1d; 
    outline:0; 
  } 


input, select, textarea {
	font-size: 12px;
    width : 100%;
    height:20px;
		  color:#333333;
		  background-color:#b9b9bc;
		  border:none;
		  display:block;
		  margin-bottom:5px;
		  padding-left:5px;
}
textarea {
	height:100px;
	border:none;
}

#text1 { border:none; }
/*#formtel,#formsehir,#formgonder {
	width:125px;
	height:20px;
	float:left;
}*/

#formsehir { height:23px; }

input:focus, input:active, select:focus, select:active, textarea:focus, textarea:active {
	border:none;
/*	background-color:#e8e8ea;*/

}
/*
#formsehir {
	float:left;
	width:132x;
	margin-right:1px;
	
}
#formtel {
	width:113px;
}
*/




#sagda {
	font-size: 12px;
	width:190px;
	height:250px;
	display:block;
	float:right;
	margin-right:80px;
	text-align:justify;

}

#harita {
	margin-top:20px;
	margin-bottom:20px;
	cursor:pointer;
}


#contacttext {
	width:100%;
	font-size:12px;
	color:#333333;
}

#alt {
	position:absolute;
	display:block;
	height:30px;
	width:100%;
}



#bottomline {/*bottom alt çizgi*/
	position:inherit;
	top:0px;
	width:100%;
	border-bottom:10px;
	border-bottom-color:#ff3a1d;
	border-bottom-style:solid;
	margin-left:0px;
	left:0px;
	margin-left:0px;
	
}

#bottomcopy { /*copyright yazısı*/
	position:relative;
	top:10px;
	height:15px;
	width:auto;
	color:#ff3a1d;
	margin-left:0px;
	left:0px;
	font-size:10px;
	font-weight:700;
}

#bottomright {/*bottom soldaki kutu*/
	position:relative;
	top:-5px;
	left:100%;
	margin-left:-40px;
	width:36px;
	height:18px;
}
/*
#overlay {
	position:absolute;
	left:0px;
	top:0px;
	margin:0px;
	width:100%;
	height:100%;
background:rgba(0,0,0,.75);
               padding:45px 0 66px 0;
               opacity:0;
               -webkit-transition: opacity .25s ease;
-moz-transition: opacity .25s ease;
	width:595px;
	height:56px;
}

#gokce:hover #overlay { opacity:1; }
	
	*/
	
#articles {
	position:absolute;
	top:242px;
	left:331px;
	width:640px;
	cursor:pointer;
	}
	
#article1 {
	position:absolute;
	top:242px;
	left:400px;
	width:500px;
	height:400px;
	cursor:pointer;
	border:1px;
	border-style:solid;
	}
	

.legal {
	width:100%;
	height:auto;
	margin-bottom:150px;
}
.grow img {
  height: auto;
  width: 80px;
  border-radius:5px;
	float:left;
	
    -webkit-transition: all 100ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 100ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 100ms ease-in;
    -moz-transform: scale(1);
    transition: all 100ms ease-in;
    transform: scale(1);     
	z-index:1;
}

.grow img:hover {
-webkit-transition: all 100ms ease-in;
    -webkit-transform: scale(1.2);
    -ms-transition: all 100ms ease-in;
    -ms-transform: scale(1.2);   
    -moz-transition: all 100ms ease-in;
    -moz-transform: scale(1.2);
    transition: all 100ms ease-in;
    transform: scale(1.2);
	z-index:4;
	}
ul.logolar {
	display:block;
	width:100%;
	min-height:40%;
	left:0px;
	right:0px;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	text-align:center;
	padding-top:1em;
}




li.logo0 { 
	position:relative;
	display:inline-block;
	width:210px;
	height:210px;
	margin-right:2%;
	margin-bottom:2%;
	

	}

#logo1 {
	position:relative;
	width:210px;
	height:210px;
	top:0px;
	left:0px;
	margin-right:2%;
	margin-bottom:2%;
}
#logo2 {
	position:relative;
	width:28%;
	height:210px;
	top:-180px;
	left:30%;
}
#logo3 {
	position:relative;
	width:28%;
	height:210px;
	top:-390px;
	left:60%;
}
#logo4 {
	position:relative;
	width:28%;
	height:210px;
	top:-370px;
	left:0px;
}

#logo5 {
	position:relative;
	width:28%;
	height:210px;
	top:-580px;
	left:30%;
}

#logo6 {
	position:relative;
	width:28%;
	height:210px;
	top:-790px;
	left:60%;
}

.lang1, .lang1 a {
	    color: #ff3a1d;
		font-size:14px;
}		
	
.image_donen {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 206px;
    height: 206px;
    margin:-103px 0 0 -103px;
	cursor:pointer;
	z-index:1;
}
.sabit {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin:-100px 0 0 -100px;
}

#yazi_donen {
    position: absolute;
    top: 50%;
    left: 60px;
    width: 150px;
    height: auto;
    margin:30px 0 0 -30px;
	color:#FF3A1D;
	font-size:16px;
	font-weight:700;
	z-index:0;
	text-align:center;
}


#yazi_donen_art {
    position: absolute;
    top: 20%;
    left: 60px;
    width: 150px;
    height: auto;
    margin:30px 0 0 -30px;
	color:#FF3A1D;
	font-size:16px;
	font-weight:700;
	z-index:0;
	text-align:center;
}

@-webkit-keyframes rotation {
		from {
				-webkit-transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(-360deg);
		}
}

.image_donen:hover {
/*    -webkit-animation:spin 1s linear infinite;*/
/*    -webkit-animation:spin 1s linear;*/
	-webkit-animation: rotation 1s linear;	
    -moz-animation:rotation 1s linear;
    animation:rotation 1s linear;
	transition-timing-function:ease-in-out;
	-moz-transition-timing-function:ease-in-out;
	-webkit-animation-timing-function:ease-in-out;
	transition-timing-function: ease-in-out;
}




ul.lawyers {
	display:block;
	text-align:justify;
	width:100%;
	min-width:320px;
	height:auto;
	font-size:15px;
	color:#333333;
	line-height:20px;/*ver2*/
/*	min-height:450px;*/
/*	margin-bottom:70px;*/
/*	margin-left:-50px;*/
}





li.lawyers {
	list-style:none;
	display:table;
	float:left;
	width:43%;
	min-width:200px;
	background-color:#8A8A8D;
	font-size:25px;
	color:#FFF !important;
	line-height:36px;
	vertical-align:middle;
	text-align:left;
	height:40px;
	padding-left:25px;
    
	background-size: 200% 100%;
    background-image: linear-gradient(to right, #8A8A8D 50%, #ff3a1d 50%);
    transition: background-position 1s;

-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 75%, 5% 50%, 0% 25%);
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 75%, 5% 50%, 0% 25%);

margin-right:2%;
margin-bottom:2%;
cursor:pointer;
}

li.lawyers>span {
	display:table-cell;
	vertical-align:middle;
	line-height:46px;
	top:0px;
	bottom:0px;
	margin-bottom:auto;
	margin-top:auto;
	color:#FFF !important;
}
li.lawyers a {
	color:#FFF !important;
	text-decoration:none;
}

li.lawyers:hover { 
 background-position: -100% 0;
}


#slash {
	width:100%;
	height:110px;
	display:block;
	background-image:url("images/slash.png");
	background-repeat:repeat-x;
	background-position:left top;
	margin-bottom:3%;
	
}


ul.articles {
	display:block;
	width:90%;
	height:auto;
	min-height:40%;
	margin-top:40px;
	left:0px;
	margin-left:10%;
}
ul.articles>li.articles {
	display:inline-block;
	width:40%;
	height:100px;
	margin-right:10%;
	margin-bottom:3%;
	background-color:#ff3a1d;
	
	cursor:pointer;
	background-size: 200% 100%;
    background-image: linear-gradient(to right, #ff3a1d 50%, #8A8A8D 50%);
    transition: background-position 1s;
	text-align:center;
	vertical-align:middle;

}

ul.articles>li.articles:hover {  background-position: -100% 0; }

ul.articles>li.articles>span { display:block; vertical-align:middle; text-align:center; height:auto; margin-top:1em;}

ul.articles>li.articles>span>a { display:inline-block; vertical-align:middle; color:#FFF; }


#menu-icon {

	display:none;
	position:absolute;
	width:14%;
	height:100%;
	margin-top:-25px;
	right:2%;
	background: url(images/menu.png)  center;
	background-size: 100% auto;
    background-repeat: no-repeat;
	z-index:999;
}


@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }



@media screen and (min-width: 1201px) {
	#righttoplogo
	{
		right:0px;
	 	left:auto; 
	}
	 #alt { width:100%; }
	 #bottomline { width:100%; }
	 #rotateimages { width:100%; }
	 ul.menu {
		 margin-left:30%;
		 width:70%;
	 }
	.legal {
		width:100%;
	}
	li.lawyers { width:43%;}

}

@media (max-width: 1200px) {
	#righttoplogo
	{
		right:0px;
		left:auto;
	}
	 #alt { width:100%; }
	 #bottomline { width:100%; }
	 #rotateimages { width:100%; }
	 #pagemain1 { width:100%; }
	 #pagemain2 { width:90%; }
	 	 ul.menu {
		 width:70%;
	 }
	 	.legal {
		width:100%;
	}
	li.lawyers { width:43%;}

}

@media (max-width: 1000px) {
	
#ind_left_works>#quote1>span { font-size:2.7em; line-height:1em; }
	#ind_left_works img { width:80%; }
	#pagemain1{ min-width:auto; }
	ul.menu { margin-left:20%; width:70%; }
	ul.menu li.menu { width: 16%; }
	ul.menu li.menu:nth-child(1) { width: 20%; }
	ul.menu li.menu:nth-child(4) {	width:20%; }
	#logo { height:32%; }
	#topmenu { width:100%; }
	#ind_right { font-size:0.8em; }
	#ind_left_wide { margin-bottom:20px; }
	li.lawyers { width:40%; font-size:1.2em;}
	li.lawyers a { font-size:1.2em; }
	.legal {
		width:100%;
	}
}
@media (max-width: 900px) {
	#ind_left_wide {	width:100%; }
		.legal {
		width:100%;
	}

}

@media (max-width: 768px) {
	#ind_left_works img { display:none; }
#ind_left_works>#quote1>span { font-size:3em; line-height:1em; }
	#ind_left_wide {	width:100%; }
	#slash { display:none; }
	#pagemain1, #pagemain2, #rotateimages, #alt{ min-width:680px; }
	ul.menu { margin-left:20%; width:80%; }
	ul.menu li.menu { width: 16%; }
	ul.menu li.menu:nth-child(1) { width: 20%; }
	ul.menu li.menu:nth-child(4) {	width:20%; }
	#logo { height:25%; }
	#topmenu { width:100%; }
	#toplogo_img { display:none;}
	li.lawyers { width:90%; margin-left:4%; font-size:1.2em;}
	li.lawyers a { font-size:1.2em; }
	#text_works { margin-left:35%; width:64%; }
	
	.renkli {
	width:30%;
}
.renksiz {
	padding-left:30%;
}
	body {
		font-size:13px;
	}
}

	 

@media screen and (max-width: 568px) {
	#slash { display:none; }
	#text_works  {/*for works123456*/
	margin-left:1%;
	margin-right:0px;
	width:96%;
}
ul.articles {
	width:80%;
	margin-left:10%;
	margin-right:10%;
}

	#lawyertext { 
	width:100%;
	margin-left:0px;
	font-size:0.7em;
	}
	.renkli { font-size:0.9em; width:30% }
	.renksiz { padding-left:30%; font-size:1em; padding-left:30%;}

	#toplogo_img
	{
		display:none; 
	}
	 #alt { width:100%; min-width:320px;}
	 #bottomline { width:100%; min-width:320px;}
	 #pagemain1 { width:100%;  min-width:320px;}
	 #pagemain2 { width:100%;  min-width:320px;}
	 #topmenu { width:100%;  min-width:320px;}
	 #rotateimages { width:100%;  min-width:320px; border-bottom-width:5px;}
	 #celenhukukburosu { font-size:18px !important; }
/*	 ul.menu { font-size:6px; }
	 ul.menu li:nth-child(1) a { font-size:6px !important; }*/
	 #ind_left>#quote1>span {/*for index*/
	line-height:22px;/*ver2*/
	font-size:18px;
}
#ind_left_works>#quote1>span { font-size:3em; line-height:1em; }
.grow img {
  width: 10%;
}
	#ind_right { font-size:1em; width:90%; margin-left:5%; margin-right:5%; }
	ul.articles>li.articles { width:100%; margin-left:0px; margin-right:0px; }
}

@media (max-width: 568px) {
/*	ul.menu { display:none; }
		# { width:15%; right:1%; }
	# { content:url(images/menu.png); }*/
	#text { width:96%; margin-left:2%; }
	#ind_left { display:none; }
	
	#ind_left_wide {	width:100%; }
	ul.logolar { left:0px; right:0px; margin-left:auto; margin-right:auto; }
	#logo1, li.logo0 {  left:0px; right:0px; margin-left:auto; margin-right:auto; }


#ind_left_works { /*for works123456*/
	margin-left:0px;
	width:100%;
	height:auto;
	color:#FFF;
	float:none;
	margin-top:0px;
	margin-bottom:0px;

}




	#logo { width:30%; height:auto; margin-left:5%; margin-top:auto; margin-bottom:auto; }
	#toplogo_img { display:none; }
	ul.menu li.menu { width: 100% !important; }
	.grow { display:none !important; }
		nav ul.menu, nav:active ul.menu { 

		display: none;
		position: absolute;
		background-color:#fff !important;
		right: 2%;
		margin-top:40px;
		width: 96% !important;
		height:auto;
		border:none;
	}

	nav ul.menu li.menu {
		
		float:none;
		text-align: center;
		width: 100%;
		margin: 0;
		background-color:#fff !important;
		font-size:1em !important;
		border-width:1px !important;
		border:solid;
		border-color:#8a8a8d;
		border-left:none;
		border-right:none;
	}

/*	nav ul.menu li.menu:hover {
		
		background-color:#fff !important;
		font-size:1.1em !important;
	}
	
	nav ul.menu li.menu:hover a {
		
		background-color:#fff !important;
		font-size:1.1em !important;

	}*/

	nav ul.menu li.menu:active {
		background-color:#fff !important;
	}
	nav:hover ul.menu {

		display: block;

	}
	#menu-icon {

		display:block;

	}
		

}