body {font-family: 'Poppins', sans-serif; padding:0; margin:0; overflow-x: hidden; background:#F8F8F8;}

.ustmenubg { width:100%; height:98px; border-top:2px solid #01A5D4; background:#fff;}
.slideralt { width:100%; margin-top:50px; display:table;}
.slideralt .menu { float:left; padding:0;}
.slideralt .menu .mavi { width:360px; background:#03A3D4; min-height:350px; padding-bottom:30px;}
.slideralt .menu .mavi h2 { width:90%; color:#fff; font-weight:bold; font-size:15px; margin:0 auto 25px auto; min-height:60px; line-height:60px; border-bottom:1px solid #fff;}
.slideralt .menu .liste { width:90%; color:#fff; font-size:14px; margin:0 auto 0 auto; font-weight:500; min-height:40px; line-height:40px; border-bottom:1px solid #80e1ff;}
.slideralt .menu .liste:hover {cursor:pointer; border-bottom:1px solid #fff;}


.slideralt .urunler { float:left; padding:0;}
.slideralt .urunler .urun { width:260px; float:left; min-height:260px; margin:0 3px 20px 3px; padding:0;}
.slideralt .urunler .urun .isim { width:100%; min-height:30px; line-height:30px; font-size:14px; font-weight:600; color:#242424;}

.altikongenel {margin-top:75px; min-height:280px;}
.altikongenel .siyah {background-color: rgba(16,14,16,.6); z-index:9; position: absolute;  width:100%; min-height:280px; }
.altikongenel .resim { z-index:-1; min-height:280px; width:100%; position:absolute;}
.altikongenel .siyah .kutu { float:left; padding:75px 0 0 0;}
.altikongenel .siyah .kutu .ikon { width:65px; height:65px; margin:0 auto 0 auto;}
.altikongenel .siyah .kutu h1 { width:100%; text-align:center; font-size:18px; font-weight:bold; color:#fff; margin-top:20px;}
.altikongenel .siyah .kutu p { width:100%; text-align:center; font-size:16px; font-weight:500; color:#fff;}

.anasayfailetisim { width:100%; min-height:435px; padding:50px 0 0 0;}
.anasayfailetisim .hakkimizda { float:left;}
.anasayfailetisim .hakkimizda h3 { color:#121515; font-size:20px; font-weight:bold;}
.anasayfailetisim .hakkimizda .cizgi { width:110px; min-height:3px; background:#03A3D4;}
.anasayfailetisim .hakkimizda p { color:#545454; font-weight:300; font-size:14px; margin-top:30px;}
.anasayfailetisim .harita { float:left;}

.altbilgi { width:100%; background:#EEEEEE; min-height:60px;}
.altbilgi .copyright { float:left; line-height:60px; font-size:14px; font-weight:300;}
.altbilgi .limon { float: right; font-size:14px; font-weight:300; line-height:60px;}

.icsayfaust {width:100%; min-height:300px; background:#333; background: url(../img/genel/icsayfaust.jpg) no-repeat center top; display:table;}
.icsayfaust h1 { width:100%; color:#fff; text-align:center; font-size:24px; font-weight:bold; padding-top:120px;}
.icsayfaust p { width:100%; text-align:center; color:#fff; font-size:14px; font-weight:300;}

.icsayfa { width:100%; margin-top:40px; padding:0 0 50px 0; display:table;}
.icsayfa .hakkimizdaresim { float:left;}
.icsayfa .hakkimizdayazi { float:left;}
.icsayfa .hakkimizdayazi h3 { color:#121515; font-size:20px; font-weight:bold;}
.icsayfa .hakkimizdayazi .cizgi { width:110px; min-height:3px; background:#03A3D4;}
.icsayfa .hakkimizdayazi p { color:#545454; font-weight:300; font-size:14px; margin-top:30px;}



.icsayfa .menu { float:left; padding:0;}
.icsayfa .menu .mavi { width:360px; background:#03A3D4; min-height:350px; padding-bottom:30px; }
.icsayfa .menu .mavi h2 { width:90%; color:#fff; font-weight:bold; font-size:15px; margin:0 auto 25px auto; min-height:60px; line-height:60px; border-bottom:1px solid #fff;}
.icsayfa .menu .liste { width:90%; color:#fff; font-size:14px; margin:0 auto 0 auto; font-weight:500; min-height:40px; line-height:40px;}


.icsayfa .urunler { float:left; padding:0;}
.icsayfa .urunler .urun { width:260px; float:left; min-height:260px; margin:0 3px 20px 3px; padding:0;}
.icsayfa .urunler .urun .isim { width:100%; min-height:30px; line-height:30px; font-size:14px; font-weight:600; color:#242424;}

.icsayfa .iletisim { float:left; font-size:14px;}
.icsayfa .harita { float:left;}

.navigation {
height: 90px;
}
.sosyalmedya {float: right; border-left:1px solid #f4f4f4; min-height:25px; line-height:25px; padding-left:15px; margin-top:33px;}
.sosyalmedya .ikon { float:left; background:#121414; width:20px; height:20px; color:#fff; text-align:center; font-size:13px; margin-left:2px;}

.brand {
position: absolute;
float: left;
line-height: 90px;
text-transform: uppercase;
font-size: 1.4em;
}
.brand a,
.brand a:visited {
color: #333;
text-decoration: none;
}

.nav-container {
margin: 0 auto;
}

nav {
float: right;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
}
nav ul li {
float: left;
position: relative;
}
nav ul li a,
nav ul li a:visited {
display: block;
padding: 0 20px;
line-height: 90px;
background: #fff;
color: #333;
text-decoration: none;
font-weight:600;
font-size:14px; color:#444444;

}
nav ul li a:hover,
nav ul li a:visited:hover {
color: #242424;
text-decoration:none;
}
nav ul li a:not(:only-child):after,
nav ul li a:visited:not(:only-child):after {
padding-left: 4px;
}
nav ul li ul li {
min-width: 350px;

}
nav ul li ul li a {
padding: 15px;
line-height: 20px;
font-size:14px;
}

.nav-dropdown {
position: absolute;
display: none;
z-index: 1;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
}

/* Mobile navigation */
.nav-mobile {
display: none;
position: absolute;
top: 0;
right: 0;
background: #262626;
height: 90px;
width: 90px;
}

@media only screen and (max-width: 798px) {
.nav-mobile {
display: block;
}

nav {
width: 100%;
padding: 90px 0 15px;
}
nav ul {
display: none;
}
nav ul li {
float: none;
}
nav ul li a {
padding: 15px;
line-height: 20px;
}
nav ul li ul li a {
padding-left: 30px;
}

.nav-dropdown {
position: static;
}
}
@media screen and (min-width: 799px) {
.nav-list {
display: block !important;
}
}
#nav-toggle {
position: absolute;
left: 18px;
top: 22px;
cursor: pointer;
padding: 10px 35px 16px 0px;
}
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
cursor: pointer;
border-radius: 1px;
height: 5px;
width: 35px;
background: #ffffff;
position: absolute;
display: block;
content: '';
transition: all 300ms ease-in-out;
}
#nav-toggle span:before {
top: -10px;
}
#nav-toggle span:after {
bottom: -10px;
}
#nav-toggle.active span {
background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
top: 0;
}
#nav-toggle.active span:before {
transform: rotate(45deg);
}
#nav-toggle.active span:after {
transform: rotate(-45deg);
}