/** liste **/
.menusbl{position:relative}.menusbl .listrkm{position:absolute;color:#fff;right:10px;top:0;font-size:43px;opacity:.4}.menusbl .secimbtn{position:absolute;color:#fff;transform:translateY(-50%);cursor:pointer;left:10px;top:50%;font-size:23px;background:#333;padding:10px;border:2px solid #fff;}.menusbl .secimbtn:hover{transform:translateY(-50%) scale(1.2);transition:1s;}.menusbl .secimbtn.aktif{background:#fff;color:#333}.secimbtn.aktif:hover{transform:translateY(-50%);cursor:auto;}
.menucontainer .menus0 li{list-style:none;}
/** genel **/
*,::before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.menusbl a{position:relative;display:inline-block;outline:0;padding:10px;color:#fff;text-decoration:none;letter-spacing:1px;font-weight:400;text-shadow:0 0 1px rgba(255,255,255,.3);font-size:1.35em;}
.menusbl a:focus,.menusbl a:hover{outline:0}
/** renkler **/
.colorx-1{background:#43b39d}.colorx-2{background:#27ae61}.colorx-3{background:#2a80b9}.colorx-4{background:#8f44ad}.colorx-5{background:#2d3e50}.colorx-6{background:#f1c40f}.colorx-7{background:#eb974e}.colorx-8{background:#e84c3d}.colorx-9{background:#bec3c7}.colorx-10{background:#95a5a5}
/* menü 1 */
.menusbl.menus1>li> a::after, .menusbl.menus1>li> a::before{display:inline-block!important;opacity:0;-webkit-transition:-webkit-transform .3s,opacity .2s;-moz-transition:-moz-transform .3s,opacity .2s;transition:transform .3s,opacity .2s;background:none!important;position:absolute!important;}
.menus1>li> a::before{left:-2px;content:'['!important;-webkit-transform:translateX(20px);-moz-transform:translateX(20px);transform:translateX(20px)}
.menus1>li> a::after{right:-0px;content:']'!important;-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);transform:translateX(-20px)}
.menus1>li> a:focus::after,.menus1>li>s a:focus::before,.menus1>li> a:hover::after,.menus1>li> a:hover::before{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}
.menus1>li.secili> a::before,.menus1>li.secili> a::after{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}

.menucontainer .menus1 a::after, .menucontainer .menus1 a::before{display:inline-block!important;opacity:0;-webkit-transition:-webkit-transform .3s,opacity .2s;-moz-transition:-moz-transform .3s,opacity .2s;transition:transform .3s,opacity .2s;background:none!important;position:absolute!important;}
.menucontainer .menus1 a::before{left:-2px;content:'['!important;-webkit-transform:translateX(20px);-moz-transform:translateX(20px);transform:translateX(20px)}
.menucontainer .menus1 a::after{right:-0px;content:']'!important;-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);transform:translateX(-20px)}
.menucontainer .menus1 a:focus::after,.menus1s a:focus::before,.menucontainer .menus1 a:hover::after,.menucontainer .menus1 a:hover::before{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}

/* menü 2 */
.menus2>li>a{line-height:44px;-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px;padding:0px;}
.menus2>li>a span{position:relative;display:inline-block;padding:0 14px;background:#1b6f3f;-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;text-align:center;}
.csstransforms3d .menus2>li>a span::before{position:absolute;top:100%;left:0;width:100%;height:100%;background:#0b6431;content:attr(data-hover);-webkit-transition:background .3s;-moz-transition:background .3s;transition:background .3s;-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0}
.menus2>li>a:focus span,.menus2>li>a:hover span{-webkit-transform:rotateX(90deg) translateY(-22px);-moz-transform:rotateX(90deg) translateY(-22px);transform:rotateX(90deg) translateY(-22px)}
.csstransforms3d .menus2>li>a:focus span::before,.csstransforms3d .menus2>li>a:hover span::before{}

.menus2 >a{line-height:44px;-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px}.menus2 a span{position:relative;display:inline-block;padding:0 14px;background:#1b6f3f;-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}.csstransforms3d .menus2 >a span::before{position:absolute;top:100%;left:0;width:100%;height:100%;background:#0b6431;content:attr(data-hover);-webkit-transition:background .3s;-moz-transition:background .3s;transition:background .3s;-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0}.menus2> a:focus span,.menus2> a:hover span{-webkit-transform:rotateX(90deg) translateY(-22px);-moz-transform:rotateX(90deg) translateY(-22px);transform:rotateX(90deg) translateY(-22px)}.csstransforms3d .menus2> a:focus span::before,.csstransforms3d .menus2> a:hover span::before{background:#07582a}
/* menü 3 */
.menus3>li>a{padding:10px;padding-bottom:2px;}
.menus3>li>a::after{display:inline-block!important;position:absolute;top:100%;left:0;width:100%;height:4px;background:#fff;content:'';opacity:0;-webkit-transition:opacity .3s,-webkit-transform .3s;-moz-transition:opacity .3s,-moz-transform .3s;transition:opacity .3s,transform .3s;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);transform:translateY(10px);}
.menus3>li>a:focus::after,.menus3>li>a:hover::after{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);}
.menus3>li.secili>a::after{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);}

.menus3 a{padding:10px;padding-bottom:2px;}.menus3 a::after{position:absolute;top:100%;left:0;width:100%;height:4px;background:#fff;content:'';opacity:0;-webkit-transition:opacity .3s,-webkit-transform .3s;-moz-transition:opacity .3s,-moz-transform .3s;transition:opacity .3s,transform .3s;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);transform:translateY(10px)}.menus3 a:focus::after,.menus3 a:hover::after{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}
/* menü 4 */
.menus4>li>a{padding:10px;padding-bottom:2px;}
.menus4>li>a::after{display:inline-block!important;position:absolute;top:100%;left:0;width:100%;height:1px;background:#fff;content:'';opacity:0;-webkit-transition:height .3s,opacity .3s,-webkit-transform .3s;-moz-transition:height .3s,opacity .3s,-moz-transform .3s;transition:height .3s,opacity .3s,transform .3s;-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);transform:translateY(-10px)}
.menus>li> a:focus::after,.menus4>li>a:hover::after{height:5px;opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}
.menus4>li.secili> a::after{height:5px;opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}

.menus4 a{padding:10px;padding-bottom:2px;}.menus4 a::after{position:absolute;top:100%;left:0;width:100%;height:1px;background:#fff;content:'';opacity:0;-webkit-transition:height .3s,opacity .3s,-webkit-transform .3s;-moz-transition:height .3s,opacity .3s,-moz-transform .3s;transition:height .3s,opacity .3s,transform .3s;-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);transform:translateY(-10px)}.menus4 a:focus::after,.menus4 a:hover::after{height:5px;opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}
/* menü 5 */
.menus5>li>a{padding:0px 10px;padding-bottom:2px;overflow:hidden;margin:10px 0px;}
.menus5>li>a span{position:relative;display:inline-block;-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s}
.menus5>li>a span::before{position:absolute;top:100%;content:attr(data-hover);font-weight:100;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.menus5>li>a:focus span,.menus5>li>a:hover span{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);transform:translateY(-100%)}

.menus5 a{padding:0px 10px;padding-bottom:2px;overflow:hidden;margin:10px 0px;}.menus5 a span{position:relative;display:inline-block;-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s}.menus5 a span::before{position:absolute;top:100%;content:attr(data-hover);font-weight:100;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.menus5 a:focus span,.menus5 a:hover span{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);transform:translateY(-100%)}
/* menü 6 */
.menus6>li>a{margin:0px;padding:10px;}
.menus6>li>a::before{display:inline-block!important;position:absolute;top:0;left:0;width:100%;height:2px;background:#fff;content:'';-webkit-transition:top .3s;-moz-transition:top .3s;transition:top .3s}
.menus6>li>a::after{display:inline-block!important;position:absolute;top:0;left:0;width:2px;height:2px;background:#fff;content:'';-webkit-transition:height .3s;-moz-transition:height .3s;transition:height .3s}
.menus6>li>a:hover::before{top:100%;opacity:1}
.menus6>li.secili> a::before{top:100%;opacity:1}
.menus6>li>a:hover::after{height:100%}
.menus6>li.secili>a::after{height:100%}

.menus6 a{margin:0px;padding:10px;}.menus6 a::before{position:absolute;top:0;left:0;width:100%;height:2px;background:#fff;content:'';-webkit-transition:top .3s;-moz-transition:top .3s;transition:top .3s}.menus6 a::after{position:absolute;top:0;left:0;width:2px;height:2px;background:#fff;content:'';-webkit-transition:height .3s;-moz-transition:height .3s;transition:height .3s}.menus6 a:hover::before{top:100%;opacity:1}.menus6 a:hover::after{height:100%}
/* menü 7 */
.menus7>li>a{padding:10px 10px;color:#fff;text-shadow:none;font-weight:700}
.menus7>li>a::after,.menus7>li>a::before{display:inline-block!important;position:absolute;top:100%;left:0;width:100%;height:3px;background:#fff;content:'';-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s;-webkit-transform:scale(.85);-moz-transform:scale(.85);transform:scale(.85)}
.menus7>li>a::after{display:inline-block!important;opacity:0;-webkit-transition:top .3s,opacity .3s,-webkit-transform .3s;-moz-transition:top .3s,opacity .3s,-moz-transform .3s;transition:top .3s,opacity .3s,transform .3s}
.menus7>li>a:focus::after,.menus7>li>a:focus::before,.menus7>li>a:hover::after,.menus7>li>a:hover::before{display:inline-block!important;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}
.menus7>li.secili>a::after,.menus7>li.secili>a::before{display:inline-block!important;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}
.menus7>li>a:focus::after,.menus7>li>a:hover::after{display:inline-block!important;top:0;opacity:1}
.menus7>li.secili>a::after{display:inline-block!important;top:0;opacity:1}


.menus7 a{padding:10px 10px;color:#fff;text-shadow:none;font-weight:700}.menus7 a::after,.menus7 a::before{position:absolute;top:100%;left:0;width:100%;height:3px;background:#fff;content:'';-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s;-webkit-transform:scale(.85);-moz-transform:scale(.85);transform:scale(.85)}.menus7 a::after{opacity:0;-webkit-transition:top .3s,opacity .3s,-webkit-transform .3s;-moz-transition:top .3s,opacity .3s,-moz-transform .3s;transition:top .3s,opacity .3s,transform .3s}.menus7 a:focus::after,.menus7 a:focus::before,.menus7 a:hover::after,.menus7 a:hover::before{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}.menus7 a:focus::after,.menus7 a:hover::after{top:0;opacity:1}
/* menü 8 */
.menus8>li>a{padding:10px 20px}
.menus8>li>a::after,.menus8>li>a::before{display:inline-block!important;position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid #fff;content:'';-webkit-transition:-webkit-transform .3s,opacity .3s;-moz-transition:-moz-transform .3s,opacity .3s;transition:transform .3s,opacity .3s}
.menus8>li>a::after{border-color:#fff;opacity:0;-webkit-transform:translateY(-7px) translateX(6px);-moz-transform:translateY(-7px) translateX(6px);transform:translateY(-7px) translateX(6px)}
.menus8>li>a:focus::before,.menus8>li>a:hover::before{display:inline-block!important;opacity:0;-webkit-transform:translateY(5px) translateX(-5px);-moz-transform:translateY(5px) translateX(-5px);transform:translateY(5px) translateX(-5px)}
.menus8>li>a:focus::after,.menus8>li>a:hover::after{display:inline-block!important;opacity:1;-webkit-transform:translateY(0) translateX(0);-moz-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}


.menus8 a{padding:10px 10px}.menus8 a::after,.menus8 a::before{position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid #fff;content:'';-webkit-transition:-webkit-transform .3s,opacity .3s;-moz-transition:-moz-transform .3s,opacity .3s;transition:transform .3s,opacity .3s}.menus8 a::after{border-color:#fff;opacity:0;-webkit-transform:translateY(-7px) translateX(6px);-moz-transform:translateY(-7px) translateX(6px);transform:translateY(-7px) translateX(6px)}.menus8 a:focus::before,.menus8 a:hover::before{opacity:0;-webkit-transform:translateY(5px) translateX(-5px);-moz-transform:translateY(5px) translateX(-5px);transform:translateY(5px) translateX(-5px)}.menus8 a:focus::after,.menus8 a:hover::after{opacity:1;-webkit-transform:translateY(0) translateX(0);-moz-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}
/* menü 9*/
.menus9>li>a{margin:0 0px;padding:10px}
.menus9>li>a::after,.menus9>li>a::before{position:absolute;top:0;left:0;width:100%;height:1px;background:#fff;content:'';opacity:.2;-webkit-transition:opacity .3s,height .3s;-moz-transition:opacity .3s,height .3s;transition:opacity .3s,height .3s}
.menus9>li>a::after{display:inline-block!important;top:100%;opacity:0;-webkit-transition:-webkit-transform .3s,opacity .3s;-moz-transition:-moz-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);transform:translateY(-10px)}
.menus9>li>a span:first-child{z-index:2;display:block;font-weight:300}
.menus9>li>a span:last-child{z-index:1;display:block;padding:8px 0 0 0;color:rgba(0,0,0,.4);text-shadow:none;text-transform:none;font-style:italic;font-size:.75em;font-family:Palatino,"Palatino Linotype","Palatino LT STD","Book Antiqua",Georgia,serif;opacity:0;-webkit-transition:-webkit-transform .3s,opacity .3s;-moz-transition:-moz-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);transform:translateY(-100%)}
.menus9>li>a:focus::before,.menus9>li>a:hover::before{height:6px}
.menus9>li.secili>a::before{height:6px}
.menus9>li>a:focus::after,.menus9>li>a:focus::before,.menus9>li>a:hover::after,.menus9>li>a:hover::before{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}
.menus9>li.secili>a::after,.menus9>li.secili>a::before{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}
.menus9>li>a:focus span:last-child,.menus9>li>a:hover span:last-child{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}
.menus9>li.secili>a span:last-child{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}


.menus9 a{margin:0 0px;padding:10px}.menus9 a::after,.menus9 a::before{position:absolute;top:0;left:0;width:100%;height:1px;background:#fff;content:'';opacity:.2;-webkit-transition:opacity .3s,height .3s;-moz-transition:opacity .3s,height .3s;transition:opacity .3s,height .3s}.menus9 a::after{top:100%;opacity:0;-webkit-transition:-webkit-transform .3s,opacity .3s;-moz-transition:-moz-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);transform:translateY(-10px)}.menus9 a span:first-child{z-index:2;display:block;font-weight:300}.menus9 a span:last-child{z-index:1;display:block;padding:8px 0 0 0;color:rgba(0,0,0,.4);text-shadow:none;text-transform:none;font-style:italic;font-size:.75em;font-family:Palatino,"Palatino Linotype","Palatino LT STD","Book Antiqua",Georgia,serif;opacity:0;-webkit-transition:-webkit-transform .3s,opacity .3s;-moz-transition:-moz-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);transform:translateY(-100%)}.menus9 a:focus::before,.menus9 a:hover::before{height:6px}.menus9 a:focus::after,.menus9 a:focus::before,.menus9 a:hover::after,.menus9 a:hover::before{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}.menus9 a:focus span:last-child,.menus9 a:hover span:last-child{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}
/* menü 10 */
.menus10{position:relative;z-index:1}
.menus10>li>a{overflow:hidden;margin:0px;padding:0px;}
.menus10>li>a span{display:block;padding:10px 20px;background:#0f7c67;-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s}
.menus10>li>a::before{position:absolute;top:0;left:0;z-index:-1;padding:10px 20px;width:100%;height:100%;background:#fff;color:#0f7c67;content:attr(data-hover);-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s;-webkit-transform:translateX(-25%)}
.menus10>li>a:focus span,.menus10>li>a:hover span{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transform:translateX(100%)}
.menus10>li.secili>a span{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transform:translateX(100%)}
.menus10>li>a:focus::before,.menus10>li>a:hover::before{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}
.menus10>li.secili>a::before{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}


.menus10{position:relative;z-index:1}.menus10 a{overflow:hidden;margin:0px;padding:0px;}.menus10 a span{display:block;padding:10px 20px;background:#0f7c67;-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s}.menus10 a::before{position:absolute;top:0;left:0;z-index:-1;padding:10px 20px;width:100%;height:100%;background:#fff;color:#0f7c67;content:attr(data-hover);-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s;-webkit-transform:translateX(-25%)}.menus10 a:focus span,.menus10 a:hover span{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transform:translateX(100%)}.menus10 a:focus::before,.menus10 a:hover::before{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}

/* menü 11 */
.menus11>li>a{padding:10px 5px;border-top:2px solid #333;color:#333;text-shadow:none}
.menus11>li>a::before{position:absolute;top:0;left:0;overflow:hidden;padding:10px 0px;margin:0px 5px ;max-width:0;border-bottom:2px solid #fff;color:#fff;content:attr(data-hover);-webkit-transition:max-width .5s;-moz-transition:max-width .5s;transition:max-width .5s}
.menus11>li>a:focus::before,.menus11>li>a:hover::before{max-width:100%}
.menus11>li.secili>a::before{max-width:100%}


.menus11 a{padding:10px 5px;border-top:2px solid #333;color:#333;text-shadow:none}.menus11 a::before{position:absolute;top:0;left:0;overflow:hidden;padding:10px 0px;margin:0px ;max-width:0;border-bottom:2px solid #fff;color:#fff;content:attr(data-hover);-webkit-transition:max-width .5s;-moz-transition:max-width .5s;transition:max-width .5s}.menus11 a:focus::before,.menus11 a:hover::before{max-width:100%}
/* menü 12 */
.menus12>li>a::after,.menus12>li>a::before{position:absolute;top:50%;left:50%;width:100px;height:100px;border:2px solid rgba(0,0,0,.1);border-radius:50%;content:'';opacity:0;-webkit-transition:-webkit-transform .3s,opacity .3s;-moz-transition:-moz-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transform:translateX(-50%) translateY(-50%) scale(.2);-moz-transform:translateX(-50%) translateY(-50%) scale(.2);transform:translateX(-50%) translateY(-50%) scale(.2)}
.menus12>li>a::after{width:90px;height:90px;border-width:6px;-webkit-transform:translateX(-50%) translateY(-50%) scale(.8);-moz-transform:translateX(-50%) translateY(-50%) scale(.8);transform:translateX(-50%) translateY(-50%) scale(.8)}
.menus12>li>a:focus::after,.menus12>li>a:focus::before,.menus12>li>a:hover::after,.menus12>li>a:hover::before{display:inline-block!important;opacity:1;-webkit-transform:translateX(-50%) translateY(-50%) scale(1);-moz-transform:translateX(-50%) translateY(-50%) scale(1);transform:translateX(-50%) translateY(-50%) scale(1)}
.menus12>li.secili>a::after,.menus12>li.secili>a::before{display:inline-block!important;opacity:1;-webkit-transform:translateX(-50%) translateY(-50%) scale(1);-moz-transform:translateX(-50%) translateY(-50%) scale(1);transform:translateX(-50%) translateY(-50%) scale(1)}

.menus12 a::after,.menus12 a::before{position:absolute;top:50%;left:50%;width:100px;height:100px;border:2px solid rgba(0,0,0,.1);border-radius:50%;content:'';opacity:0;-webkit-transition:-webkit-transform .3s,opacity .3s;-moz-transition:-moz-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transform:translateX(-50%) translateY(-50%) scale(.2);-moz-transform:translateX(-50%) translateY(-50%) scale(.2);transform:translateX(-50%) translateY(-50%) scale(.2)}.menus12 a::after{width:90px;height:90px;border-width:6px;-webkit-transform:translateX(-50%) translateY(-50%) scale(.8);-moz-transform:translateX(-50%) translateY(-50%) scale(.8);transform:translateX(-50%) translateY(-50%) scale(.8)}.menus12 a:focus::after,.menus12 a:focus::before,.menus12 a:hover::after,.menus12 a:hover::before{opacity:1;-webkit-transform:translateX(-50%) translateY(-50%) scale(1);-moz-transform:translateX(-50%) translateY(-50%) scale(1);transform:translateX(-50%) translateY(-50%) scale(1)}
/* menü 13 */
.menus13>li>a{-webkit-transition:color .3s;-moz-transition:color .3s;transition:color .3s}.menus13 a:focus,.menus13 a:hover{color:#ba7700}

.menus13 a{-webkit-transition:color .3s;-moz-transition:color .3s;transition:color .3s}.menus13 a:focus,.menus13 a:hover{color:#ba7700}
/* menü 14 */
.menus14>li{margin:0px;overflow:hidden}
.menus14>li>a{padding:0 10px;height:35px;line-height:35px;margin:0px;}
.menus14>li>a::after,.menus14>li>a::before{position:absolute;width:45px;height:1px;background:#fff;content:'';opacity:.2;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;pointer-events:none}
.menus14>li>a::before{top:0;left:0;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;transform-origin:0 0}
.menus14>li>a::after{display:inline-block!important;right:0;bottom:0;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;transform-origin:100% 0}
.menus14>li>a:focus::after,.menus14>li>a:focus::before,.menus14>li>a:hover::after,.menus14>li>a:hover::before{opacity:1}
.menus14>li>a:focus::before,.menus14>li>a:hover::before{left:50%;-webkit-transform:rotate(0) translateX(-50%);-moz-transform:rotate(0) translateX(-50%);transform:rotate(0) translateX(-50%)}
.menus14>li.secili>a::before{left:50%;-webkit-transform:rotate(0) translateX(-50%);-moz-transform:rotate(0) translateX(-50%);transform:rotate(0) translateX(-50%)}
.menus14>li>a:focus::after,.menus14>li>a:hover::after{right:50%;-webkit-transform:rotate(0) translateX(50%);-moz-transform:rotate(0) translateX(50%);transform:rotate(0) translateX(50%)}
.menus14>li.secili>a::after{right:50%;-webkit-transform:rotate(0) translateX(50%);-moz-transform:rotate(0) translateX(50%);transform:rotate(0) translateX(50%)}

.menus14>li{margin:0px;overflow:hidden}.menus14 a{padding:0 20px;height:35px;line-height:35px}.menus14 a::after,.menus14 a::before{position:absolute;width:45px;height:1px;background:#fff;content:'';opacity:.2;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;pointer-events:none}.menus14 a::before{top:0;left:0;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;transform-origin:0 0}.menus14 a::after{right:0;bottom:0;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;transform-origin:100% 0}.menus14 a:focus::after,.menus14 a:focus::before,.menus14 a:hover::after,.menus14 a:hover::before{opacity:1}.menus14 a:focus::before,.menus14 a:hover::before{left:50%;-webkit-transform:rotate(0) translateX(-50%);-moz-transform:rotate(0) translateX(-50%);transform:rotate(0) translateX(-50%)}.menus14 a:focus::after,.menus14 a:hover::after{right:50%;-webkit-transform:rotate(0) translateX(50%);-moz-transform:rotate(0) translateX(50%);transform:rotate(0) translateX(50%)}
/* menü 15 */
.menus15>li>a{color:rgba(0,0,0,.2);font-weight:700;text-shadow:none;}
.menus15>li>a::before{content:attr(data-hover);position:absolute;-webkit-transition:-webkit-transform .3s,opacity .3s;-moz-transition:-moz-transform .3s,opacity .3s;transition:transform .3s,opacity .3s}
.menus15>li>a:focus::before,.menus15>li>a:hover::before{-webkit-transform:scale(.9);-moz-transform:scale(.9);transform:scale(.9);opacity:0}
.menus15>li.secili>a::before{-webkit-transform:scale(.9);-moz-transform:scale(.9);transform:scale(.9);opacity:0}
 
.menus15 a{color:rgba(0,0,0,.2);font-weight:700;text-shadow:none}.menus15 a::before{color:#fff;content:attr(data-hover);position:absolute;-webkit-transition:-webkit-transform .3s,opacity .3s;-moz-transition:-moz-transform .3s,opacity .3s;transition:transform .3s,opacity .3s}.menus15 a:focus::before,.menus15 a:hover::before{-webkit-transform:scale(.9);-moz-transform:scale(.9);transform:scale(.9);opacity:0}
/* menü 16 */
.menus16>li>a{color:#5f157d;text-shadow:0 0 1px rgba(111,134,134,.3);padding:10px;}
.menus16>li>a::before{color:#fff;content:attr(data-hover);position:absolute;opacity:0;text-shadow:0 0 1px rgba(255,255,255,.3);-webkit-transform:scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);-moz-transform:scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);transform:scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);-webkit-transition:-webkit-transform .3s,opacity .3s;-moz-transition:-moz-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;pointer-events:none}
.menus16>li>a:focus::before,.menus16>li>a:hover::before{-webkit-transform:scale(1) translateX(0) translateY(0) rotate(0);-moz-transform:scale(1) translateX(0) translateY(0) rotate(0);transform:scale(1) translateX(0) translateY(0) rotate(0);opacity:1}

.menus16 a{color:#5f157d;padding:10px;text-shadow:0 0 1px rgba(111,134,134,.3)}.menus16 a::before{color:#fff;content:attr(data-hover);position:absolute;opacity:0;text-shadow:0 0 1px rgba(255,255,255,.3);-webkit-transform:scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);-moz-transform:scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);transform:scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);-webkit-transition:-webkit-transform .3s,opacity .3s;-moz-transition:-moz-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;pointer-events:none}.menus16 a:focus::before,.menus16 a:hover::before{-webkit-transform:scale(1) translateX(0) translateY(0) rotate(0);-moz-transform:scale(1) translateX(0) translateY(0) rotate(0);transform:scale(1) translateX(0) translateY(0) rotate(0);opacity:1}
/* menü 17 */
.menus17>li>a{color:#04385b;text-shadow:none;padding:10px;}
.menus17>li>a::before{color:#fff;text-shadow:0 0 1px rgba(255,255,255,.3);content:attr(data-hover);position:absolute;-webkit-transition:-webkit-transform .3s,opacity .3s;-moz-transition:-moz-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;pointer-events:none}
.menus17>li>a::after{display:inline-block!important;content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:#04385b;opacity:0;-webkit-transform:translateY(5px);-moz-transform:translateY(5px);transform:translateY(5px);-webkit-transition:-webkit-transform .3s,opacity .3s;-moz-transition:-moz-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;pointer-events:none}
.menus17>li>a:focus::before,.menus17>li>a:hover::before{opacity:0;-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);transform:translateY(-2px)}
.menus17>li.secili>a::before{opacity:0;-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);transform:translateY(-2px)}
.menus17>li>a:focus::after,.menus17>li>a:hover::after{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}
.menus17>li.secili>a::after{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}


.menus17 a{color:#04385b;text-shadow:none;padding:10px;}.menus17 a::before{color:#fff;text-shadow:0 0 1px rgba(255,255,255,.3);content:attr(data-hover);position:absolute;-webkit-transition:-webkit-transform .3s,opacity .3s;-moz-transition:-moz-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;pointer-events:none}.menus17 a::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:#04385b;opacity:0;-webkit-transform:translateY(5px);-moz-transform:translateY(5px);transform:translateY(5px);-webkit-transition:-webkit-transform .3s,opacity .3s;-moz-transition:-moz-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;pointer-events:none}.menus17 a:focus::before,.menus17 a:hover::before{opacity:0;-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);transform:translateY(-2px)}.menus17 a:focus::after,.menus17 a:hover::after{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}
/* menü 18 */
.menus18{position:relative;z-index:1;padding:10px;}
.menus18>li>a{padding:0 5px;color:#0c502a;font-weight:700;-webkit-transition:color .3s;-moz-transition:color .3s;transition:color .3s}
.menus18>li>a::after,.menus18>li>a::before{display:inline-block!important;position:absolute;width:100%;left:0;top:50%;height:2px;margin-top:-1px;background:#0c502a;content:'';z-index:-1;-webkit-transition:-webkit-transform .3s,opacity .3s;-moz-transition:-moz-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;pointer-events:none}
.menus18>li>a::before{-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);transform:translateY(-20px)}.menus18 a::after{-webkit-transform:translateY(20px);-moz-transform:translateY(20px);transform:translateY(20px)}
.menus18>li>a:focus,.menus18>li>a:hover{color:#fff}
.menus18>li>a:focus::after,.menus18>li>a:focus::before,.menus18>li>a:hover::after,.menus18>li>a:hover::before{opacity:.7}
.menus18>li>a:focus::before,.menus18>li>a:hover::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}
.menus18>li.secili>a::before,.menus18>li.secili>a::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}
.menus18>li>a:focus::after,.menus18>li>a:hover::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);}
.menus18>li.secili>a::after,.menus18>li.secili>a::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);}

.menus18{position:relative;z-index:1}.menus18 a{padding:0 5px;color:#0c502a;font-weight:700;-webkit-transition:color .3s;-moz-transition:color .3s;transition:color .3s}.menus18 a::after,.menus18 a::before{position:absolute;width:100%;left:0;top:50%;height:2px;margin-top:-1px;background:#0c502a;content:'';z-index:-1;-webkit-transition:-webkit-transform .3s,opacity .3s;-moz-transition:-moz-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;pointer-events:none}.menus18 a::before{-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);transform:translateY(-20px)}.menus18 a::after{-webkit-transform:translateY(20px);-moz-transform:translateY(20px);transform:translateY(20px)}.menus18 a:focus,.menus18 a:hover{color:#fff}.menus18 a:focus::after,.menus18 a:focus::before,.menus18 a:hover::after,.menus18 a:hover::before{opacity:.7}.menus18 a:focus::before,.menus18 a:hover::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}.menus18 a:focus::after,.menus18 a:hover::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}
/* menü 19 */
.menus19>li>a{line-height:2em;margin:0px;padding:10px;-webkit-perspective:800px;-moz-perspective:800px;perspective:800px;width:200px;text-align:center;}
.menus19>li>a span{position:relative;display:inline-block;width:100%;padding:0 14px;background:#137763;-webkit-transition:-webkit-transform .4s,background .4s;-moz-transition:-moz-transform .4s,background .4s;transition:transform .4s,background .4s;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:50% 50% -100px;-moz-transform-origin:50% 50% -100px;transform-origin:50% 50% -100px}
.csstransforms3d .menus19>li>a span::before{position:absolute;top:0;left:100%;width:100%;height:100%;background:#137763;content:attr(data-hover);-webkit-transition:background .4s;-moz-transition:background .4s;transition:background .4s;-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);transform:rotateY(90deg);-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;transform-origin:0 50%;pointer-events:none}
.menus19>li>a:focus span,.menus19>li>a:hover span{background:#137763;-webkit-transform:rotateY(-90deg);-moz-transform:rotateY(-90deg);transform:rotateY(-90deg)}.csstransforms3d .menus19 a:focus span::before,.csstransforms3d .menus19 a:hover span::before{background:#137763}


.menus19 a{line-height:2em;margin:0px;padding:10px;-webkit-perspective:800px;-moz-perspective:800px;perspective:800px;width:200px;text-align:center;}.menus19 a span{position:relative;display:inline-block;width:100%;padding:0 14px;background:#137763;-webkit-transition:-webkit-transform .4s,background .4s;-moz-transition:-moz-transform .4s,background .4s;transition:transform .4s,background .4s;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:50% 50% -100px;-moz-transform-origin:50% 50% -100px;transform-origin:50% 50% -100px}.csstransforms3d .menus19 a span::before{position:absolute;top:0;left:100%;width:100%;height:100%;background:#137763;content:attr(data-hover);-webkit-transition:background .4s;-moz-transition:background .4s;transition:background .4s;-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);transform:rotateY(90deg);-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;transform-origin:0 50%;pointer-events:none}.menus19 a:focus span,.menus19 a:hover span{background:#137763;-webkit-transform:rotateY(-90deg);-moz-transform:rotateY(-90deg);transform:rotateY(-90deg)}.csstransforms3d .menus19 a:focus span::before,.csstransforms3d .menus19 a:hover span::before{background:#137763}
/* menü 20 */
.menus20>li>a{line-height:2em;-webkit-perspective:800px;-moz-perspective:800px;perspective:800px;text-align: center;padding:0px;}
.menus20>li>a span{position:relative;padding:5px 10px;display:inline-block;background:#587285;box-shadow:inset 0 3px #2f4351;-webkit-transition:background .6s;-moz-transition:background .6s;transition:background .6s;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;transform-origin:0 50%}
.menus20>li>a span::before{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;color:#2f4351;content:attr(data-hover);-webkit-transform:rotateX(270deg);-moz-transform:rotateX(270deg);transform:rotateX(270deg);-webkit-transition:-webkit-transform .6s;-moz-transition:-moz-transform .6s;transition:transform .6s;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;transform-origin:0 0;pointer-events:none}.menus20>li>a:focus span,.menus20>li>a:hover span{background:#2f4351}
.menus20>li>a:focus span::before,.menus20>li>a:hover span::before{-webkit-transform:rotateX(10deg);-moz-transform:rotateX(10deg);transform:rotateX(10deg);padding:5px 10px;}

.menus20>li.secili>a span::before{-webkit-transform:rotateX(10deg);-moz-transform:rotateX(10deg);transform:rotateX(10deg);padding:5px 10px;}

.menus20 a{line-height:2em;-webkit-perspective:800px;-moz-perspective:800px;padding:0px;perspective:800px;text-align: center;}.menus20 a span{position:relative;padding:5px 10px;display:inline-block;background:#587285;box-shadow:inset 0 3px #2f4351;-webkit-transition:background .6s;-moz-transition:background .6s;transition:background .6s;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;transform-origin:0 50%}.menus20 a span::before{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;color:#2f4351;content:attr(data-hover);-webkit-transform:rotateX(270deg);-moz-transform:rotateX(270deg);transform:rotateX(270deg);-webkit-transition:-webkit-transform .6s;-moz-transition:-moz-transform .6s;transition:transform .6s;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;transform-origin:0 0;pointer-events:none}.menus20 a:focus span,.menus20 a:hover span{background:#2f4351}.menus20 a:focus span::before,.menus20 a:hover span::before{-webkit-transform:rotateX(10deg);-moz-transform:rotateX(10deg);transform:rotateX(10deg);padding:5px 10px;}
/* menü 21 */
.menus21>li>a{padding:10px;color:#0a3858;font-weight:700;text-shadow:none;-webkit-transition:color .3s;-moz-transition:color .3s;transition:color .3s}
.menus21>li>a::after,.menus21>li>a::before{position:absolute;left:0;width:100%;height:2px;background:#fff;content:'';opacity:0;-webkit-transition:opacity .3s,-webkit-transform .3s;-moz-transition:opacity .3s,-moz-transform .3s;transition:opacity .3s,transform .3s;-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);transform:translateY(-10px)}
.menus21>li>a::before{top:0;-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);transform:translateY(-10px)}
.menus21>li>a::after{display:inline-block!important;bottom:0;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);transform:translateY(10px)}
.menus21>li>a:focus,.menus21>li>a:hover{color:#fff}
.menus21>li>a:focus::after,.menus21>li>a:focus::before,.menus21>li>a:hover::after,.menus21>li>a:hover::before{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}

.menus21>li.secili>a,.menus21>li.secili>a::before,.menus21>li.secili>a::after{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}


.menus21 a{padding:10px;color:#0a3858;font-weight:700;text-shadow:none;-webkit-transition:color .3s;-moz-transition:color .3s;transition:color .3s}.menus21 a::after,.menus21 a::before{position:absolute;left:0;width:100%;height:2px;background:#fff;content:'';opacity:0;-webkit-transition:opacity .3s,-webkit-transform .3s;-moz-transition:opacity .3s,-moz-transform .3s;transition:opacity .3s,transform .3s;-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);transform:translateY(-10px)}.menus21 a::before{top:0;-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);transform:translateY(-10px)}.menus21 a::after{bottom:0;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);transform:translateY(10px)}.menus21 a:focus,.menus21 a:hover{color:#fff}.menus21 a:focus::after,.menus21 a:focus::before,.menus21 a:hover::after,.menus21 a:hover::before{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);}