﻿.flexy-menu{margin: 25px 0 0 0 !important;}
.flexy-menu{width: 100%;margin:0;padding: 0;position:relative;float:left;font-family: 'PT Sans Narrow', sans-serif, Arial;list-style: none;}
.flexy-menu li{display:inline-block;font-size:13px;margin:0;padding:0;float:left;line-height: 20px;position:relative;}
.flexy-menu > li > a{padding:5px 10px;color:#fff;text-decoration:none;display:block;font-family: 'PT Sans Narrow', sans-serif; float:left; font-size: 18px;line-height: 36px;}
.flexy-menu li:hover > a,.flexy-menu li.active a{color: #fff;}
.flexy-menu > li > a h2{color:#fff;text-decoration:none;display:block;font-family: 'PT Sans Narrow', sans-serif; float:left; font-size: 18px; text-shadow:none; margin:0;}
.flexy-menu li:hover > a h2,.flexy-menu li.active a h2{color: #fff;}
.flexy-menu li.right{float: right;}
.flexy-menu ul, .flexy-menu ul li ul{list-style: none;margin: 0;padding: 0;display: none;position: absolute;z-index: 99999;width: 132px;background: #333333;box-shadow: 0 1px 1px rgba(0,0,0,0.3);}
.flexy-menu ul{top: 60px;left: 0;}
.flexy-menu ul li ul{top: 0;left: 100%;}
.flexy-menu ul li{clear:both;width:100%;border: none;font-size:12px;}
.flexy-menu ul li a{padding:10px 20px;width:100%;color:#dedede;font-size:13px;text-decoration:none;display:inline-block;float:left;clear:both;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-transition:color 0.2s linear, background 0.2s linear;-moz-transition:color 0.2s linear, background 0.2s linear;-o-transition:color 0.2s linear, background 0.2s linear;transition:color 0.2s linear, background 0.2s linear;}
.flexy-menu > li .indicator{position: absolute;color: #dedede;top: 20px;right: 8px;font-size: 17px;}
.flexy-menu ul > li .indicator{top: 10px;right: 8px;}
.thin > li > a{padding: 10px 22px;}
.thin ul{top: 40px;}
.thin > li .indicator{top: 10px;}
.thick > li > a{padding: 40px 22px;}
.thick ul{top: 100px;}
.thick > li .indicator{top: 40px;}
.flexy-menu i{line-height: 20px !important;margin-right: 6px;font-size: 18px;float: left;width: 100%;background-repeat: no-repeat;}
.flexy-menu > li.showhide{display: none;width: 100%;height: 50px;cursor: pointer;color:#dedede;border-bottom: solid 1px rgba(0, 0, 0, 0.1);background: #333333;}
.flexy-menu > li.showhide span.title{margin: 16px 0 0 25px;float: left;}
.flexy-menu > li.showhide span.icon{margin: 17px 20px;float: right;}
.flexy-menu > li.showhide .icon em{margin-bottom: 3px;display: block;width: 20px;height: 2px;background: #ccc;}

.flexy-menu.vertical{width: 200px;}
.flexy-menu.vertical li{width: 100%;}
.flexy-menu.vertical li a{display: inline-block !important;width: 100%;padding:18px 20px 16px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.flexy-menu.vertical ul li{width: 100%;}
.flexy-menu.vertical ul, .flexy-menu.vertical ul li ul{width: 150px;}
.flexy-menu.vertical ul{top: 0;left: 100%;}
.flexy-menu.vertical ul li ul{top: 0px;}
.flexy-menu.vertical.right{float: right !important;}
.flexy-menu.vertical.right ul{left: -150px !important;}
.flexy-menu.vertical > li .indicator{top: 17px;right: 15px;font-size: 17px;}
.flexy-menu.vertical ul > li .indicator{top: 18px;right: 15px;}

.anasayfa {background: url(../menu1/home.png)center;width:40px;height:40px;}
.konut {background: url(../menu1/kurumsal.png)center;width:40px;height:40px;}
.isyeri {background: url(../menu1/urunler.png)center;width:40px;height:40px;}
.arsa {background: url(../menu1/proje.png)center;width:40px;height:40px;}
.hakkimizda {background: url(../menu1/referans.png)center;width:40px;height:40px;}
.iletisim {background: url(../menu1/iletisim.png)center;width:40px;height:40px;}
.toggleMenu {
display: none;
width: 100%;
height: 50px;
cursor: pointer;
color: #dedede;
background: #65A504;
color: #fff;
}
.toggleMenu:hover {
background: #B47B00;
color: #fff;
}
.toggleMenu span.title {
margin: 16px 0 0 18px;
float: left;
}
.toggleMenu span.icon {
margin: 17px 20px;
float: right;
}
.toggleMenu .icon em {
margin-bottom: 3px;
display: block;
width: 20px;
height: 2px;
background: #ccc;
}


@media only screen and (max-width: 768px){.flexy-menu{width: 100%;margin: 0px 0 10px 0 !important;}
.flexy-menu li{display: block;width: 100%;}
#header .menualani, #header .toggleMenu {float: none;text-align: center;}
.flexy-menu > li > a{padding-top:5px;padding-bottom:5px;text-align:center;}
.flexy-menu > li > a h2{padding-top:5px;padding-bottom:5px;text-align:center;}
.flexy-menu a{width: 100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.flexy-menu a h2{width: 100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.flexy-menu ul, .flexy-menu ul li ul,.flexy-menu.vertical ul, .flexy-menu.vertical ul li ul{width: 100%;left: 0;border-left: none;position: static;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.flexy-menu ul li{border-left: none;border-right: none;}
.flexy-menu ul li a,.flexy-menu.vertical ul li a{padding-top:10px;padding-bottom:10px;}
.flexy-menu ul > li > a{padding-left: 40px !important;}
.flexy-menu > li .indicator{top: 15px;right: 25px;font-size: 17px;}
.flexy-menu ul > li .indicator{right: 24px;}
.flexy-menu.vertical ul > li .indicator{top: 10px;right: 15px;}
.flexy-menu > li > ul > li > a{padding-left: 40px !important;}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  .flexy-menu > li > ul > li > ul > li > a{padding-left: 60px !important;}.flexy-menu > li > ul > li > ul > li > ul > li > a{padding-left: 80px !important;}}