.logo_mobil{width:100%;float:left}.mobile_right{width:20%;float:left;border-left:1px solid #01813e}.mobile_right .left, .mobile_right .right{width:100%;float:left;text-align:center;height:55px;color:#01813e;font-size:25px;line-height:55px}.mobile_right .right{border-left:1px solid #01813e;position:relative}.mobile_right .right a{color:#fff}.search-box{z-index:1;background:#01813e;position:absolute;width:100%;right:auto;left:0;line-height:60px;box-shadow:0 0 10px rgba(0, 0, 0, 0.5);border-top:1px solid #fff;display:none}.search-box:before{content:"";position:absolute;top:-28px;right:5%;border-left:12px solid transparent;border-right:12px solid transparent;border-top:14px solid transparent;border-bottom:14px solid #fff}.search-box .form-control{width:75%;display:inline-block;font-size:12px;padding:10px;outline:none;color:#000;background-color:#fff}.search-box .btnAraMobile{width:15%;display:inline-block;background:#01813e;color:#fff;font-size:24px;outline:none;cursor:pointer;line-height:normal;border:1px solid #01813e}.icon{width:100%;height:50px;float:left;padding:5px 0;border-top:2px solid #01813e;border-bottom:2px solid #01813e}nav{position:relative}.logo_mobil a img{margin:0 auto}.mobile_menu{position:absolute;border-top:1px solid #fff;width:100%;height:auto;background:#01813e;left:0;top:auto;display:none;z-index:9999}.mobile_menu ul li a{line-height:50px;font-size:16px;font-weight:bold;color:#fff;cursor:pointer;padding:0 10px;display:block;text-decoration:none;text-align:center}.mobile_menu ul li.mobil_user{background:#1c1c1c}.toggle-wrap{padding:5px;position:relative;cursor:pointer}.toggle-bar, .toggle-bar::before, .toggle-bar::after, .toggle-wrap.active .toggle-bar, .toggle-wrap.active .toggle-bar::before, .toggle-wrap.active .toggle-bar::after{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;cursor:pointer}.toggle-bar{width:30px;margin:10px auto;position:relative;border-top:3px solid #01813e;display:block;cursor:pointer}.toggle-bar::before,.toggle-bar::after{content:"";display:block;background:#01813e;height:3px;width:30px;position:absolute;top:-10px;-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);-ms-transform-origin:13%;-webkit-transform-origin:13%;transform-origin:13%;cursor:pointer}.toggle-bar::after{top:5px}.toggle-wrap.active .toggle-bar{border-top:6px solid transparent}.toggle-wrap.active .toggle-bar::before{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.toggle-wrap.active .toggle-bar::after{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.nav{display:inline-block;padding:50px;text-align:center;margin:0px 10px;position:absolute}.nav li:hover{background:#4fa9d8}.nav>ul{list-style:none;padding:0;margin:0;display:inline-block;background:#3B95C4;border-radius:5px;color:rgba(255,255,255,0.7)}.nav>ul>li{float:left;width:120px;height:50px;line-height:50px;position:relative;font-size:14px;cursor:pointer}ul.drop-menu{position:absolute;top:100%;left:auto;min-width:180px;max-width:100%;text-align:left;z-index:9999}ul.drop-menu li{display:none;background:#fff;border-bottom:1px #01813e dashed}ul.drop-menu li a{display:block;color:#000;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:32px;font-weight:bold;padding:0 15px}ul.drop-menu li:hover{background:#f7f7f7}ul.drop-menu li a:hover{color:#01813e}ul.drop-menu li:first-child{border-radius:2px 2px 0 0}ul.drop-menu li:last-child{border-radius:0 0 5px 5px}li:hover > ul.drop-menu li{display:block}li:hover>ul.drop-menu.menu-1{perspective:1000px}li:hover > ul.drop-menu.menu-1 li{transform-origin:top left;opacity:0}li:hover > ul.drop-menu.menu-1 li:nth-child(1){animation-name:menu-1;animation-duration:300ms;animation-delay:-150ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-1 li:nth-child(2){animation-name:menu-1;animation-duration:300ms;animation-delay:0ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-1 li:nth-child(3){animation-name:menu-1;animation-duration:300ms;animation-delay:150ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-1 li:nth-child(4){animation-name:menu-1;animation-duration:300ms;animation-delay:300ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-1 li:nth-child(5){animation-name:menu-1;animation-duration:300ms;animation-delay:450ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-1 li:nth-child(6){animation-name:menu-1;animation-duration:300ms;animation-delay:600ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}@keyframes menu-1{0%{opacity:0;transform:rotateZ(90deg)}70%{transform:skewX(10deg)}100%{opacity:1;transform:rotateZ(0deg)}}li:hover>ul.drop-menu.menu-2{perspective:1000px}li:hover > ul.drop-menu.menu-2 li{transform-origin:top center;opacity:0}li:hover > ul.drop-menu.menu-2 li:nth-child(1){animation-name:menu-2;animation-duration:300ms;animation-delay:-150ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-2 li:nth-child(2){animation-name:menu-2;animation-duration:300ms;animation-delay:0ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-2 li:nth-child(3){animation-name:menu-2;animation-duration:300ms;animation-delay:150ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-2 li:nth-child(4){animation-name:menu-2;animation-duration:300ms;animation-delay:300ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-2 li:nth-child(5){animation-name:menu-2;animation-duration:300ms;animation-delay:450ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-2 li:nth-child(6){animation-name:menu-2;animation-duration:300ms;animation-delay:600ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}@keyframes menu-2{0%{opacity:0;transform:rotateX(-90deg)}50%{transform:rotateX(20deg)}100%{opacity:1;transform:rotateX(0deg)}}li:hover>ul.drop-menu.menu-3{perspective:1000px}li:hover > ul.drop-menu.menu-3 li{transform-origin:top center;opacity:0}li:hover > ul.drop-menu.menu-3 li:nth-child(1){animation-name:menu-3;animation-duration:300ms;animation-delay:-150ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-3 li:nth-child(2){animation-name:menu-3;animation-duration:300ms;animation-delay:0ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-3 li:nth-child(3){animation-name:menu-3;animation-duration:300ms;animation-delay:150ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-3 li:nth-child(4){animation-name:menu-3;animation-duration:300ms;animation-delay:300ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-3 li:nth-child(5){animation-name:menu-3;animation-duration:300ms;animation-delay:450ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-3 li:nth-child(6){animation-name:menu-3;animation-duration:300ms;animation-delay:600ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}@keyframes menu-3{0%{opacity:0;transform:rotateY(90deg)}70%{transform:rotateY(-10deg)}100%{opacity:1;transform:rotateY(0deg)}}li:hover>ul.drop-menu.menu-4{perspective:1000px}li:hover > ul.drop-menu.menu-4 li{transform-origin:top center;opacity:0}li:hover > ul.drop-menu.menu-4 li:nth-child(1){animation-name:menu-4;animation-delay:-150ms;animation-duration:300ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-4 li:nth-child(2){animation-name:menu-4;animation-delay:0ms;animation-duration:300ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-4 li:nth-child(3){animation-name:menu-4;animation-delay:150ms;animation-duration:300ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-4 li:nth-child(4){animation-name:menu-4;animation-delay:300ms;animation-duration:300ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-4 li:nth-child(5){animation-name:menu-4;animation-delay:450ms;animation-duration:300ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-4 li:nth-child(6){animation-name:menu-4;animation-delay:600ms;animation-duration:300ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}@keyframes menu-4{0%{opacity:0;transform:translateX(-100px)}70%{transform:translateX(20px)}100%{opacity:1;transform:translateX(0px)}}li:hover>ul.drop-menu.menu-5{perspective:1000px}li:hover > ul.drop-menu.menu-5 li{transform-origin:top center;opacity:0}li:hover > ul.drop-menu.menu-5 li:nth-child(1){animation-name:menu-5;animation-duration:175ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-5 li:nth-child(2){animation-name:menu-5;animation-duration:275ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-5 li:nth-child(3){animation-name:menu-5;animation-duration:375ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-5 li:nth-child(4){animation-name:menu-5;animation-duration:475ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-5 li:nth-child(5){animation-name:menu-5;animation-duration:575ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-5 li:nth-child(6){animation-name:menu-5;animation-duration:675ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-5 li:nth-child(7){animation-name:menu-5;animation-duration:775ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-5 li:nth-child(8){animation-name:menu-5;animation-duration:875ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-5 li:nth-child(9){animation-name:menu-5;animation-duration:975ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-5 li:nth-child(10){animation-name:menu-5;animation-duration:1000ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}@keyframes menu-5{0%{opacity:0;transform:scale(0)}50%{opacity:1}90%{transform:scale(1.1)}100%{transform:scale(1);opacity:1}}li:hover>ul.drop-menu.menu-6{perspective:1000px}li:hover > ul.drop-menu.menu-6 li{transform-origin:top right;opacity:0}li:hover > ul.drop-menu.menu-6 li:nth-child(1){animation-name:menu-6;animation-delay:-150ms;animation-duration:300ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-6 li:nth-child(2){animation-name:menu-6;animation-delay:0ms;animation-duration:300ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-6 li:nth-child(3){animation-name:menu-6;animation-delay:150ms;animation-duration:300ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-6 li:nth-child(4){animation-name:menu-6;animation-delay:300ms;animation-duration:300ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-6 li:nth-child(5){animation-name:menu-6;animation-delay:450ms;animation-duration:300ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-6 li:nth-child(6){animation-name:menu-6;animation-delay:600ms;animation-duration:300ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}@keyframes menu-6{0%{opacity:0;margin-top:50px;transform:rotate(-45deg)}90%{margin-top:-10px;transform:rotate(0deg)}100%{opacity:1;margin-top:0px}}li:hover>ul.drop-menu.menu-7{perspective:1000px}li:hover > ul.drop-menu.menu-7 li{transform-origin:top left;opacity:0}li:hover > ul.drop-menu.menu-7 li:nth-child(1){animation-name:menu-7;animation-delay:-150ms;animation-duration:600ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-7 li:nth-child(2){animation-name:menu-7;animation-delay:0ms;animation-duration:600ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-7 li:nth-child(3){animation-name:menu-7;animation-delay:150ms;animation-duration:600ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-7 li:nth-child(4){animation-name:menu-7;animation-delay:300ms;animation-duration:600ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-7 li:nth-child(5){animation-name:menu-7;animation-delay:450ms;animation-duration:600ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-7 li:nth-child(6){animation-name:menu-7;animation-delay:600ms;animation-duration:600ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}@keyframes menu-7{0%{opacity:0;transform:rotateY(90deg);margin-top:-100px}80%{margin-top:0px;transform:rotateY(90deg)}90%{transform:rotateY(-10deg);margin-top:5px}100%{opacity:1;margin-top:0px;transform:rotateY(0deg)}}li:hover>ul.drop-menu.menu-8{perspective:1000px}li:hover > ul.drop-menu.menu-8 li{transform-origin:top left;opacity:0}li:hover > ul.drop-menu.menu-8 li:nth-child(1){animation-name:menu-8;animation-delay:75ms;animation-duration:300ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-8 li:nth-child(2){animation-name:menu-8;animation-delay:150ms;animation-duration:300ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-8 li:nth-child(3){animation-name:menu-8;animation-delay:225ms;animation-duration:300ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-8 li:nth-child(4){animation-name:menu-8;animation-delay:300ms;animation-duration:300ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-8 li:nth-child(5){animation-name:menu-8;animation-delay:375ms;animation-duration:300ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}li:hover > ul.drop-menu.menu-8 li:nth-child(6){animation-name:menu-8;animation-delay:450ms;animation-duration:300ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}@keyframes menu-8{0%{opacity:0;transform:skewX(45deg) skewY(-45deg)}80%{transform:skewX(-10) skewY(-10)}100%{opacity:1;transform:skewX(0deg) skewY(0deg)}}@media(max-width:767px){.open>.dropdown-menu{position:relative;width:100%;border:none;border-radius:0}.mobile_menu ul li a{line-height:24px;font-size:12px}.mobile_menu ul li.open > .dropdown-menu li a{color:#000}.mobile_menu ul li.open > .dropdown-menu li:first-child{border:none}.mobile_menu ul li.open > .dropdown-menu li{border-top:1px solid #000}ul.drop-menu{width:100%;top:auto}}