body {font-family: 'Poppins', sans-serif; padding:0; margin:0; overflow-x: hidden;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;}
::-webkit-scrollbar {width: 10px;background-color: #eaeaea;border-left: 1px solid #ccc;}
::-webkit-scrollbar-thumb {background-color: #303945;}
::-webkit-scrollbar-thumb:hover {background-color: #303945;}


.ustbg { width:100%; min-height:100px; background:#fff;}

.carousel-caption {position: absolute;right: 15%;bottom: 24%;left: 15%;z-index: 10;padding-top: 20px;padding-bottom: 20px;color: #fff;text-align: center;}
.carousel-caption h5 { text-align:right; font-size:28px; color:#3B4652; font-weight:600;}
.carousel-caption p { text-align:right; font-size:18px; color:#4C596A;}

.slideralt { width:100%; min-height:295px; background:#fff; border:1px solid #EEEEEE; position:absolute; margin-top:-80px;}
.slideralt .sol { float:left; padding:10% 0 0 7%;}
.slideralt .sol h2 { font-size:24px; font-weight:bold; color:#3C4653; padding:0 0 8px 0; margin:0;}
.slideralt .sol h3 { font-size:18px; color:#3C4653; padding:0; margin:0; font-weight:lighter;}

.slideralt .sag  { float:left; padding:6% 0 0 5%;}
.slideralt .sag .kutu { width:165px; min-height:165px; border:3px solid #F1F4F9; float:left; margin-right:15px; padding:4.5% 0 0 0; color:#3A4652;}
.slideralt .sag .kutu:hover {border:3px solid #DA241A; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.slideralt .sag .kutu .ikon { width:39px; min-height:41px; margin: 0 auto 0 auto;}
.slideralt .sag .kutu h1 { width:100%; text-align:center; font-size:15px;  padding:20px 0 0 0; margin:0;}
.slideralt .sag .tumuikon { width:16px; height:16px; margin-left:35px; float:left;}
.slideralt .sag .tumuyazi { float:left; margin-left:35px; font-size:14px; font-weight:bold; color:#3A4652; margin-top:90px;}
.slideralt .sag .tumuyazi:hover {transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; color:#DA241A;}

@media only screen and (max-width: 959px) {
.slideralt { width:100%; min-height:295px; background:#fff; border:1px solid #EEEEEE; position:absolute; margin-top:-80px; display:none;}
}


.slideraltmavi { width:100%; min-height:400px; background:#303945;}
.slideraltmavi h2 { width:100%; font-size:20px; font-weight:bold; color:#fff; padding:0; margin:290px 0 0 0; text-align:left; position:absolute; padding-left:10px;}
.slideraltmavi p { width:100%; font-size:16px; color:#fff; text-align:left; position:absolute; margin:320px 0 0 0; padding-left:10px;}

.anasayfahakkimizda { width:100%; min-height:445px; float:left;}
.anasayfahakkimizda .hakkimizda { padding:45px 0 0 25px; font-size:14px; font-weight:lighter; margin:0;}

.anasayfahakkimizda .kirmizikutular { float:left;}
.anasayfahakkimizda .kirmizikutular .kutu {  width:290px; min-height:430px; background:#DA241A; padding:0; border-radius: 5px; position:absolute; margin-top:-105px; padding:55px 0 0 35px;}
.anasayfahakkimizda .kirmizikutular .kutu .ikon { width:70px; height:50px;}
.anasayfahakkimizda .kirmizikutular .kutu h3 { width:100%; text-align:left; font-size:18px; font-weight:bold; color:#fff; margin-top:60px;}
.anasayfahakkimizda .kirmizikutular .kutu p { width:100%; text-align:left; margin-top:50px; font-size:15px; font-weight:lighter; color:#fff;}
.anasayfahakkimizda .kirmizikutular .kutu .btn { width:170px; min-height:45px; background:#fff; font-size:13px; padding:0 0 0 10px; text-align:left; line-height:45px; color:#D92419; margin-top:60px;}
.anasayfahakkimizda .kirmizikutular .kutu .btn:hover {background:#303945; color:#fff;}

@media only screen and (max-width: 959px) {
.slideraltmavi { width:100%; min-height:400px; background:#303945; display:none;}
.anasayfahakkimizda .kirmizikutular { float:left; display:none;}
.anasayfahakkimizda { width:100%; min-height:345px; float:left;}
.anasayfahakkimizda .hakkimizda { padding:3% 0 0 6%; font-size:14px; font-weight:lighter; margin:0; width:90%;}
}


.tanitim { width:100%; margin-top:120px; min-height:700px; background: url(../img/genel/tanitimbg.jpg) no-repeat center; display:table; padding-top:60px;}
.tanitim h3 { width:100%; font-size:24px; font-weight:bold; color:#fff;}
.tanitim p { width:100%; font-size:14px; color:#fff; margin-top:38px;}
.tanitim .solresim { width: 205px; min-height:230px; float:left; margin-top:65px;}
.tanitim .kirmizialan { width:320px; min-height:305px; background:#DA241A; float: left; margin-top:65px; margin-left:10px; padding:50px 40px 0 40px;}
.tanitim .kirmizialan .ikon { width:185px; min-height:23px;}
.tanitim .kirmizialan p { color:#EE7B76;}
.tanitim .kirmizialan .telefon { font-size:15px; font-weight:bold; color:#fff; margin-top:50px;}

@media only screen and (max-width: 959px) {
.tanitim { width:100%; margin-top:120px; min-height:300px; background: #fff; display:table; padding-top:60px;}
.tanitim h3 { width:100%; font-size:24px; font-weight:bold; color:#fff; display:none;}
.tanitim p { width:100%; font-size:14px; color:#fff; margin-top:38px; display:none;}
.tanitim .solresim { width: 205px; min-height:230px; float:left; margin-top:65px; display:none;}
.tanitim .kirmizialan { width:320px; min-height:305px; background:#DA241A; float: left; margin-top:65px; margin-left:10px; padding:50px 40px 0 40px; display:none;}
}


.anasayfaurun { width:100%; display:table; margin-top:110px;}
.anasayfaurun .sol { float:left;}
.anasayfaurun .sol .mavi { width:300px; min-height:300px; border-radius: 5px; background:#1D2229; padding:45px 0 0 35px;}
.anasayfaurun .sol .mavi .ikon { width:59px; height:59px; float:left;}
.anasayfaurun .sol .mavi h3 { width:100%; text-align:left; font-size:20px; color:#fff; font-weight:bold; float:left; margin-top:47px;}
.anasayfaurun .sol .mavi p { width:100%; color:#50545A; font-size:13px; text-decoration:underline; float:left; margin-top:70px;}
.anasayfaurun .sol .mavi p:hover { color:#fff; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}

.anasayfaurun .sag { float:left;}
.anasayfaurun .sag .urun { float:left; width:275px; min-height:360px; margin-left:11px; margin-right:11px; padding:0; margin-bottom:30px;}
.anasayfaurun .sag .urun .isim { width:100%; min-height:40px; font-size:15px; font-weight:500; color:#1D2229; line-height:40px;}

@media only screen and (max-width: 959px) {
.anasayfaurun { width:100%; display:table; margin-top:50px;}
.anasayfaurun .sol .mavi { width:100%; min-height:300px; border-radius: 5px; background:#1D2229; padding:45px 0 0 35px; margin:0 0 0 2%;}
.anasayfaurun .sag { float:left; display:none;}
}


.anasayfabelge { width:100%; display:table; margin-top:90px; background:#1D2229; min-height:645px; padding-top:60px;}
.anasayfabelge h4 { width:100%; text-align:center; font-size:19px; font-weight:bold; color:#fff;}
.anasayfabelge .cizgi { width:170px; min-height:1px; background:#61656A; margin:15px auto 0 auto;}
.anasayfabelge .belgegenel { float:left; margin-top:40px;}
.anasayfabelge .belgegenel .belge { width:275px; min-height:360px;}

@media only screen and (max-width: 959px) {
.anasayfabelge { width:100%; display:table; background:#1D2229; min-height:645px; padding-top:60px; margin:90px 0 0 2.5%;}
}



.anasayfaharita { width:100%; min-height:345px;}
.anasayfaharita .harita { float:left;}
.anasayfaharita .harita .frame {width:95%; float:left; border-radius: 5px; position:absolute; margin-top:-38px;}
.anasayfaharita .video { float:left; padding:0;}
.anasayfaharita .video .kirmizi { width:295px; min-height:345px; background:#DA241A; position:absolute; margin-top:-38px; padding:80px 0 0 40px;}
.anasayfaharita .video .kirmizi .ikon { width:53px; height:53px; float:left;}
.anasayfaharita .video .kirmizi h3 { width:100%; color:#fff; font-size:17px; font-weight:bold; float:left; margin-top:38px;}
.anasayfaharita .video .kirmizi p { width:100%; font-size:14px; color:#F0A7A3; text-decoration:underline; float:left; margin-top:70px;}
.anasayfaharita .video .kirmizi p:hover {color:#fff; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}


@media only screen and (max-width: 959px) {
.anasayfaharita .video { float:left; padding:0; display:none;}
.anasayfaharita .harita .frame {width:95%; float:left; border-radius: 5px; position:absolute; margin-top:10px;}
}



.altbilgi { width:100%; background:#f4f4f4; min-height:280px; margin-top:70px;}
.altbilgi .hakkimizda { float:left; padding:0;}
.altbilgi .hakkimizda .logo { float:left; margin-top:30px;}
.altbilgi .hakkimizda p { float:left; font-size:14px; padding-right:40px;}

.altbilgi .siteharitasi { float:left; padding:0;}
.altbilgi .siteharitasi h4 { padding:0; margin:40px 0 30px 0; font-weight:bold;}
.altbilgi .siteharitasi .link { width:100%; min-height:30px; line-height:30px; font-size:14px;}

.altbilgi .urunlerimiz { float:left; padding:0;}
.altbilgi .urunlerimiz h4 { padding:0; margin:40px 0 30px 0; font-weight:bold;}
.altbilgi .urunlerimiz .link { width:100%; min-height:30px; line-height:30px; font-size:14px;}

.altbilgi .iletisim { float:left; padding:0;}
.altbilgi .iletisim h4 { padding:0; margin:40px 0 30px 0; font-weight:bold;}
.altbilgi .iletisim .link { width:100%; min-height:30px; line-height:30px; font-size:14px;}


.footer { background: #EAEAEA; width:100%; min-height:60px;}
.footer .copyright { float:left; font-size:14px; line-height:60px;}
.footer .yedirenk { float:right; margin-top:10px;}

@media only screen and (max-width: 959px) {
.footer .copyright { float:left; font-size:14px; line-height:60px; display:none;}
.altbilgi { width:100%; background:#f4f4f4; min-height:1000px; margin-top:70px;}
}


.icsayfaust {width:100%; min-height:250px; background: url(../img/genel/icsayfaust.jpg) no-repeat center top;}
.icsayfaust h1 { width:100%; text-align:center; color:#fff; font-size:26px; position:absolute; margin-top:130px; font-weight:bold;}
.icsayfaust p { width:100%; text-align:center; color:#fff; position:absolute; margin-top:170px; font-size:13px;}

.icsayfa { width:100%; margin-top:50px; display:table;}
.icsayfa .hakkimizda { font-size:14px; color:#4C596A; float:left;}
.icsayfa .hakkimizda h1 { width:100%; margin:0; padding:0; line-height:30px; font-size:22px; font-weight:bold; margin-bottom:30px;}
.icsayfa .hakkimizdaresim { float:left; width:400px; min-height:500px; padding:0;}


.icsayfa .urunler { width:100%; display:table; margin-top:110px;}
.icsayfa .urunler .sol { float:left;}
.icsayfa .urunler .sol .mavi { width:300px; min-height:500px; border-radius: 5px; background:#1D2229; padding:45px 0 0 35px;}
.icsayfa .urunler .sol .mavi .ikon { width:59px; height:59px; float:left;}
.icsayfa .urunler .sol .mavi h3 { width:100%; text-align:left; font-size:20px; color:#fff; font-weight:bold; float:left; margin-top:47px; margin-bottom:20px;}
.icsayfa .urunler .sol .mavi .link { width:100%; color:#fff; font-size:14px; float:left; line-height:35px; font-weight:500;}
.icsayfa .urunler .sol .mavi .link:hover { text-decoration:underline; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}

.icsayfa .urunler .sag { float:left;}
.icsayfa .urunler .sag .urun { float:left; width:275px; min-height:360px; margin-left:11px; margin-right:11px; padding:0; margin-bottom:30px;}
.icsayfa .urunler .sag .urun .isim { width:100%; min-height:40px; font-size:15px; font-weight:600; color:#1D2229; line-height:40px;}

.icsayfa .urunlerdetay h2 { width:100%; font-size:20px; font-weight:bold; padding:20px 0 20px 0; border-bottom:1px solid #f4f4f4; margin:0 0 20px 0; color:#242424;}
.icsayfa .urunlerdetay .resim { width:500px; min-height:655px; float:left; padding:0;}
.icsayfa .urunlerdetay .resim .kucukresimgenel { margin-top:10px;}
.icsayfa .urunlerdetay .resim .kucukresim { float:left; padding:0 5px 15px 0;}
.icsayfa .urunlerdetay .renk { float:left; padding:0; padding-left:20px;}
.icsayfa .urunlerdetay .renk h3 { width:100%; font-size:18px; font-weight:700; color:#da241a; padding:0 0 30px 0;}
.icsayfa .urunlerdetay .renk .kutu { width:100px; float:left; min-height:100px; border:1px solid #E9E9E9; padding:16px 0 0 0; margin:0 0 30px 5px}
.icsayfa .urunlerdetay .renk .kutu .isim { position:absolute; margin-top:20px; font-size:14px;}
.icsayfa .urunlerdetay .renk .kutu .oval { width:65px; min-height:65px; border-radius: 100%; border:2px solid #ccc; margin:auto;}
.icsayfa .urunlerdetay .kullanilan { float:left; padding:0 0 0 0;}
.icsayfa .urunlerdetay .kullanilan .ic { width:350px; float:right; }
.icsayfa .urunlerdetay .kullanilan .ic h3 { width:100%; font-size:18px; font-weight:700; color:#da241a; padding:0 0 30px 0;}
.icsayfa .urunlerdetay .kullanilan .ic img { margin-bottom:20px;}


.icsayfa .belgeler { width:100%; display:table; margin-top:110px;}
.icsayfa .belgeler .sol { float:left;}
.icsayfa .belgeler .sol .mavi { width:300px; min-height:500px; border-radius: 5px; background:#1D2229; padding:45px 0 0 35px;}
.icsayfa .belgeler .sol .mavi .ikon { width:59px; height:59px; float:left;}
.icsayfa .belgeler .sol .mavi h3 { width:100%; text-align:left; font-size:20px; color:#fff; font-weight:bold; float:left; margin-top:47px; margin-bottom:20px;}
.icsayfa .belgeler .sol .mavi .link { width:100%; color:#fff; font-size:14px; float:left; line-height:35px; font-weight:500;}
.icsayfa .belgeler .sol .mavi .link:hover { text-decoration:underline; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}

.icsayfa .belgeler .sag { float:left;}
.icsayfa .belgeler .sag .urun { float:left; width:420px; min-height:500px; margin-left:11px; margin-right:11px; padding:0; margin-bottom:30px;}


.icsayfa .iletisim { float:left; font-size:14px; color:#4C596A; }
.icsayfa .harita { float:left;}


.scrollup {width: 40px;height: 40px;position: fixed;bottom: 50px;right: 100px;display: none;text-indent: -9999px; background: url(../img/genel/yukari.png) no-repeat center #DA241A;}


#header{width:100%;position:relative}
#header:after{content:"";clear:both;display:block}
.diller{float:right; min-height:20px; border-left:1px solid #ccc; margin:38px 0 0 0; padding-left:17px;}
.diller .bayrak { width:24px; min-height:19px; float:left;  margin:0 2px 0 2px;}

.logo{float:left; line-height:100px;}
.logo a{font-size:28px;display:block;padding:0 0 0 0}
nav{float:right;}
nav>ul{float:left;position:relative}
nav li{list-style:none;float:left}
nav .dropdown{position:relative}
nav li a{float:left;padding:0 20px 0 20px; line-height:100px; font-size:14px; font-weight:600; color:#858C94;}
nav li a:hover{ color:#DA241A; text-decoration:none;}
nav li ul{display:none}
nav li:hover ul{display:inline}
nav li li{float:none}
nav .dropdown ul{position:absolute;left:0;top:100%;background:#fff;padding:0 0; z-index:9;}
nav .dropdown li{white-space:nowrap;}
nav .dropdown li a{padding:10px 35px;font-size:13px;min-width:200px; min-height:30px; line-height:30px; width:100%;}
#menu-icon{position:absolute;right:0;top:50%;margin-top:-12px;margin-right:30px;display:none}
#menu-icon span{border:2px solid #333;width:30px;margin-bottom:5px;display:block;-webkit-transition:all .2s;transition:all .1s}
@media only screen and (max-width: 1170px) {
nav >ul>li >a{padding:35px 15px}
}
@media only screen and (min-width: 960px) {
nav{display:block!important}
}
@media only screen and (max-width: 959px) {
nav{display:none;width:100%;clear:both;float:none;max-height:400px;overflow-y:scroll}
#menu-icon{display:inline;top:45px;cursor:pointer}
#menu-icon.active .first{transform:rotate(45deg);-webkit-transform:rotate(45deg);margin-top:10px}
#menu-icon.active .second{transform:rotate(135deg);-webkit-transform:rotate(135deg);position:relative;top:-9px;}
#menu-icon.active .third{display:none}
.search{float:none}
.search input{width:100%}
nav{padding:10px}
nav ul{float:none; width:100%;}
nav li{float:none; width:100%; padding:0;}
nav ul li a{float:none;padding:8px;display:block; line-height:20px;}
#header nav ul ul{display:block;position:static;background:none;border:none;padding:0}
#header nav a{color:#333;padding:8px}
#header nav a:hover{background:#fff;color:#333;border-radius:3px}
#header nav ul li li a:before{content:"- "}
.mega-col{width:100%}
}

@media only screen and (max-width: 959px) {
.diller{float:right; min-height:20px; border-left:1px solid #ccc; margin:38px 0 0 0; padding-left:17px; display:none;}
}