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:#000000; border-bottom:2px solid #EEEEEE;}
.ustbg .sosyalmedya {float:right; min-height:30px; margin-top:33px; border-left:1px solid #f4f4f4;}
.ustbg .sosyalmedya .facebook { width:30px; min-height:30px; background:#E5E5E5; border-radius: 100%; margin-left:15px; text-align:center; padding-top:3px; float:left;}
.ustbg .sosyalmedya .facebook: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; background:#05a9f7; color:#fff;}
.ustbg .sosyalmedya .instagram { width:30px; min-height:30px; background:#E5E5E5; border-radius: 100%; margin-left:10px; text-align:center; padding-top:3px; float:left;}
.ustbg .sosyalmedya .instagram: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; background:#05a9f7; color:#fff;}

.anasayfahakkimizda { width:100%; display:table; margin-top:80px;}
.anasayfahakkimizda .hakkimizdaresim { float:left;}
.anasayfahakkimizda .hakkimizdayazi { float:left;}
.anasayfahakkimizda .hakkimizdayazi h1 { font-size:17px; color:#777777; font-weight:500; margin-top:30px; width:100%;}
.anasayfahakkimizda .hakkimizdayazi p { font-size:14px; color:#777777; width:100%; margin-top:20px; line-height:26px;}
.anasayfahakkimizda .hakkimizdayazi .btn { border:1px solid #777777; float:left; margin-top:20px; width:160px; min-height:34px; line-height:34px; font-size:14px; color:#777;}
.anasayfahakkimizda .hakkimizdayazi .btn: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; background:#05a9f7; color:#fff; border:1px solid #05a9f7;}


.anasayfaurun { width:100%; display:table; margin-top:55px;}
.anasayfaurun .gri { width:100%; min-height:300px; background:#F4F4F4;}
.anasayfaurun .urungenel { width:100%; margin-top:-230px;}
.anasayfaurun .urungenel h2 { width:100%; font-size:20px; color:#242424; font-weight:800;}
.anasayfaurun .urungenel .cizgi { width:100px; height:2px; background:#05a9f7; margin-top:10px; margin-bottom:50px;}
.anasayfaurun .urungenel .urungrup { float:left; width:290px; padding:0; min-height:400px; margin-left:5px; margin-right: 5px;}
.anasayfaurun .urungenel .urungrup .isim { width:100%; min-height:50px; line-height:50px; font-size:15px; font-weight:500; border-bottom:2px solid #F4F4F4; margin-bottom:20px; text-align:center;}

.altbilgi { width:100%; min-height:70px; background:#000000; margin-top:85px;}
.altbilgi .copyright { float:left; line-height:70px; font-size:14px; color:#f4f4f4;}
.altbilgi .yedirenk { float:right; padding-top:20px;}


.icsayfaust {width:100%; min-height:250px; background: url(../img/genel/icsayfaust.jpg) no-repeat center top;}
.icsayfaust h1 { width:100%; font-size:22px; color:#fff; font-weight:700; padding-top:12%; text-align:center;}
.icsayfaust p { width:100%; font-size:15px; color:#fff; padding-top:10px; text-align:center;}

.icsayfa { width:100%; display:table; margin-top:50px;}
.icsayfa .hakkimizdaresim { float:left;}
.icsayfa .hakkimizdayazi { float:left;}
.icsayfa .hakkimizdayazi h3 {font-size:17px; color:#777777; font-weight:500; margin-top:30px; width:100%;}
.icsayfa .hakkimizdayazi  p { font-size:14px; color:#777777; width:100%; margin-top:20px; line-height:26px;}


.icsayfa .kategori { float:left; width:290px; padding:0; min-height:400px; margin-left:5px; margin-right: 5px;}
.icsayfa .kategori .isim { width:100%; min-height:50px; line-height:50px; font-size:15px; font-weight:500; border-bottom:2px solid #F4F4F4; margin-bottom:20px;text-align:center;}

.icsayfa .urun { float:left; width:270px; padding:0; min-height:400px; margin-left:5px; margin-right: 5px;}
.icsayfa .urun .isim { width:100%; min-height:50px; line-height:50px; font-size:15px; font-weight:500; border-bottom:2px solid #F4F4F4; margin-bottom:20px; text-align:center;}
.icsayfa .urunkategori { background:#f4f4f4; display:table; padding-top:20px; padding-bottom:30px;}
.icsayfa .urunkategori .liste { width:100%; border-bottom:1px solid #e4e4e4; min-height:60px; line-height:60px; font-size:14px;}
.icsayfa .urunkategori .liste:hover {border-bottom:1px solid #05a9f7; 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:#05a9f7;}

.icsayfa .kampanyaliurun { float:left; width:394px; min-height:400px; margin:0 3px 20px 3px;}

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


.header {width: 100%;z-index: 3;min-height:100px;}
.header ul {margin: 0;padding: 0;list-style: none;overflow: hidden;background-color: #000000; padding-top:20px;}
.header li {width:100%; padding:20px 0 20px 0;}
.header li a {display: block;text-decoration: none; color:#ffffff; font-size:14px; font-weight:500; }
.header li a:hover,
.header .menu-btn:hover { color:#05a9f7;}
.header .logo {display: block;float: left; margin-top:10px; margin-left:10px;}
/* menu */
.header .menu {clear: both;max-height: 0;transition: max-height .2s ease-out;}
/* menu icon */
.header .menu-icon {cursor: pointer;display: inline-block;float: right;padding: 28px 20px;position: relative;user-select: none;}
.header .menu-icon .navicon {background: #333;display: block;height: 2px;position: relative;transition: background .2s ease-out;width: 18px;}
.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {background: #333;content: '';display: block;height: 100%;position: absolute;transition: all .2s ease-out;width: 100%;}
.header .menu-icon .navicon:before {top: 5px;}
.header .menu-icon .navicon:after {top: -5px;}
/* menu btn */
.header .menu-btn {display: none;}
.header .menu-btn:checked ~ .menu {max-height: 400px;}
.header .menu-btn:checked ~ .menu-icon .navicon {background: transparent;}
.header .menu-btn:checked ~ .menu-icon .navicon:before {transform: rotate(-45deg);}
.header .menu-btn:checked ~ .menu-icon .navicon:after {transform: rotate(45deg);}
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {top: 0;}
/* 48em = 768px */
@media (min-width: 48em) {
.header ul {margin: 0;padding: 0;list-style: none;overflow: hidden;background-color: #000000; padding-top:0;}
.header li {float: left; width:auto; padding:0;}
.header li a {padding: 39px 15px; }
.header .menu {clear: none;float: right;max-height: none;}
.header .menu-icon {display: none;}}
.carousel-caption {position: absolute;right: 15%;bottom: 20%;left: 15%;z-index: 10;padding-top: 20px;padding-bottom: 20px;color: #fff;text-align: center; }
.carousel-item h5 { text-align:left; font-size:40px; font-weight:600; line-height:55px; font-family: 'Khand', sans-serif;}
.carousel-item p { text-align: left; font-size:20px; font-family: 'Khand', sans-serif; font-size:22px;}
.carousel-item .btn { border:1px solid #fff; float:left; margin-top:20px; width:160px; min-height:34px; line-height:34px; font-family: 'Khand', sans-serif; font-size:17px;}
.carousel-item .btn: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; background:#05a9f7; color:#fff; border:1px solid #05a9f7;}