<style>
* {
  box-sizing: border-box;
}

body {
  background-color: #56565656;
}

.astcontainer{max-width: 1300px;height: 100%;padding: 5px;position: relative;margin: 0 auto;}

.astcontainer1{background-image: url("../images/limanci-logo.jpg");background: fixed;padding:10px;background-color:#ffffff;position:relative;margin: auto;}


#dis1{position:fixed;max-width: 1100px;height: 800px;margin-top: 200px;margin-left: 180px;}

#disic1{width:1100px;height: 150px;margin-top: 0px auto;margin-left: 230px;}
#disic2{width: 1400px;height: 300px;margin-top: 0px;margin-top: auto;position: relative;background: fixed;}

#disicres1{background-image: url("../images/ulusn1ak1.png");background-repeat: no-repeat;background-color: #56555555;border-radius:10px;
background-size: 160px 140px;
background-position: 25px 10px;
width: 220px;
height: 220px;
margin-top: 20px;
margin-left: 15px;
float: left;
transition-duration: 0,7s;
box-shadow: 2px 5px 15px #111111;
}
#disicres1:hover{
background-image: url("../images/ulusnak1.png");
background-repeat: no-repeat;
background-size: 160px 140px;
margin-left:15px;
border-style: 3px solid;
box-shadow: 2px 5px 15px #2912f3;
width: 220px;
height: 220px;
margin-top: 20px;
transition-duration: 0,7s;
float: left;
}
#disicres1 span {
color: #fff;
font-family: verdana;
font-size:15px bold;
padding: 60px 40px;
transition: 0.7s;

}
#disicres1 span:after {
color: #ff6600;
padding: 60px 40px;
transition: 0.7s;
}
#disicres1:hover span{
color: #2912f3;
font-size:15px bold;
margin-left: 0px;
transition: 0.7s;
}




#disicres2{
background-image: url("../images/icnakliye.png");
background-repeat: no-repeat; 
background-color:#56555555;
box-shadow: 2px 5px 15px #111111;
border-radius:10px;
background-size: 160px 140px;
background-position: 25px 10px;
width: 220px;
height: 220px;
margin-top: 20px;

float: left;
transition-duration: 0,7s;
}
#disicres2:hover{
background-image: url("../images/icnakliye.png");
background-repeat: no-repeat;
background-size: 160px 140px;

border-style: 3px solid;
box-shadow: 2px 5px 15px #2912f3;
width: 220px;
height: 220px;
margin-top: 20px;
transition-duration: 0,7s;
float: left;
}
#disicres2 span {
color: #fff;
font-family: verdana;
font-size:15px bold;
padding: 60px 40px;
transition: 0.7s;

}
#disicres2 span:after {
color: #fff;
font-size:15px bold;
padding: 60px 40px;

transition: 0.7s;
}
#disicres2:hover span{
  color: #2912f3;
  font-size:15px bold;
margin-left: 0px;
transition: 0.4s;
}
#disicres3{  
background-image: url("../ikonlar/solMenu/lashing.png");
background-repeat: no-repeat; 
background-color: #56555555;
border-radius:10px;
background-size: 160px 140px;
background-position: 25px 10px;
width: 220px;
height: 220px;
margin-top: 20px;
margin-left: 15px;
float: left;
transition-duration: 0,7s;
box-shadow: 2px 5px 15px #111111;
}
#disicres3:hover{  
background-image: url("../ikonlar/solMenu/lashing.png");
background-repeat: no-repeat;
background-size: 160px 140px;
margin-left:15px;
border-style: 3px solid;
box-shadow: 2px 5px 15px #2912f3;
width: 220px;
height: 220px;
margin-top: 20px;
transition-duration: 0,7s;
float: left;
}
#disicres3 span {
color: #fff;
font-family: verdana;
font-size:15px bold;
padding: 40px 30px;
transition: 0.7s;

}
#disicres3 span:after {
color: #fff;
font-size:15px bold;
padding: 60px 40px;
transition: 0.7s;
}
#disicres3:hover span{
color: #2912f3;
font-size:15px bold;
margin-left: 0px;
transition: 0.4s;
}
#disicres4{
background-image: url("../images/gumruk.png");
background-repeat: no-repeat; 
background-color: #56555555;
border-radius:10px; 
background-size: 160px 140px;
background-position: 25px 10px;
width: 220px;
height: 220px;
margin-top: 20px;
margin-left: 15px;
float: left;
transition-duration: 0,7s;
box-shadow: 2px 5px 15px #111111;
}

#disicres4:hover{
background-image: url("../images/gumruk.png");
background-repeat: no-repeat;
background-size: 160px 140px;
margin-left:15px;
border-style: 3px solid;
box-shadow: 2px 5px 15px #2912f3;
width: 220px;
height: 220px;
margin-top: 20px;
transition-duration: 0,7s;
float: left;
}
#disicres4 span {
color: #fff;
font-family: verdana;
font-size:15px bold;
padding: 60px 40px;
transition: 0.7s;

}
#disicres4 span:hover {
color: #fff;
font-size:15px bold;
padding: 60px 40px;
transition: 0.7s;
}
#disicres4:hover span{
color: #2912f3;
font-size:15px bold;
margin-left: 0px;
transition: 0.4s;
}
#disicres5{
background-image: url("../images/dile.png");
background-repeat: no-repeat;
background-color: #56555555;
border-radius:10px; 
background-size: 140px 120px;
background-position: 25px 10px;
width: 220px;
height: 220px;
margin-top: 20px;
margin-left: 15px;
float: left;
transition-duration: 0,7s;
box-shadow: 2px 5px 15px #111111;
}

#disicres5:hover
{
background-image: url("../images/dile.png");
background-repeat: no-repeat;
background-size: 140px 120px;
margin-left:15px;
border-style: 3px solid;
box-shadow: 2px 5px 15px #2912f3;
width: 220px;
height: 220px;
margin-top: 20px;
transition-duration: 0,7s;
float: left;
}
#disicres5 span {
color: #fff;
font-family: verdana;
font-size:15px bold;
transition: 0.7s;

}
#disicres5 span:after {
color: #fff;
font-size:150px bold;
padding: 60px 40px;

transition: 0.7s;
}
#disicres5:hover span{
  color:#2912f3;
  font-size:15px bold;
margin-left: 0px,
}



#yazi{
  font-size: 15px;
  color:#fff;
  font-family: tahoma;
  transition-duration: 6,0s;
  margin-left:10px;
  margin-top: 1px;

}
#yazi:hover{
  font-size: 17px;
  color:#ff0814;
  font-family: tahoma;
  transition-duration: 6,0s;
  margin-left:10px;
  margin-top: 1px;

}

#custom-search-input {
        margin:0;
        margin-top: 10px;
        padding: 0;
        border:0px;
    }
 #search {

}

#search {

}

#search input[type="text"] {
    background: url(../images/ara.png) no-repeat 10px 6px #fcfcfc;
    border: 1px solid #d1d1d1;
    background-size: 25px 25px;
    font: bold 12px Arial,Helvetica,Sans-serif;
    position: fixed;
    border:0px;
    margin-left: 160px;
    color: #000;
    width: 400px;
    height: 30px;
    padding: 6px 15px 6px 35px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-shadow: 0 5px 3px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    }

#search input[type="text"]:focus {
    width: 400px;
    background-color:#00688888;
    color:#fff; }



/* uyeleik*/

#container{

background-color: #56555555;
margin-top: 160px;
margin-left: 600px;
width:400px; 
height:400px;
border-radius: 15px;

text-align:center;
}
#container img{
  margin-top: -70px;
box-shadow: #2912f3;
width: 130px;
height:120px; 

}

#containeruyekay
{

background-color: #56555555;
margin-top: 160px;
margin-left: 550px;
width:500px; 
height:450px;
border-radius: 15px;
text-align:center;

}
#containeruyekay1
{

background-color: #56555555;
margin-top: 160px;
margin-left: 650px;
width:300px; 
height:300px;
border-radius: 15px;
text-align:center;

}

#containeruyekay1 img{
  margin-top: -70px;
box-shadow: #2912f3;
width: 130px;
height:120px; 

}
#containertex
{
margin-top: -10px;
margin-left: 5px;
margin-right: 5px;
width:390px; 
height:200px;
border-radius: 15px;

text-align:center;

}
#containeruyekay img{
  margin-top: -70px;
box-shadow: #2912f3;
width: 130px;
height:120px; 

}
</style>