/* Menu desktop css */ .menu {width:100%; height:48px;} .menu > ul {width:100%; height:48px;display: -webkit-box;display: -ms-flexbox; display: -webkit-flex;display: flex;} .menu > ul > li {-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; position:relative;} .menu > ul > li.selected > a {background-color: #d0d0d0;color:#272e37;} .menu > ul > li > a {display:block; color:#272e37; line-height:48px; text-decoration:none; text-align:center; font-size:16px; font-weight:300; transition:0.3s;font-family: 'robotobold', sans-serif;} .menu > ul > li > a:hover {background-color:#d0d0d0;} .menu > ul > li > a:after {content:"|";text-decoration: none;color:#a4a7aa; font-size:18px; font-family:arial; width:1px; height:48px;float:right;} .menu > ul > li:last-child a:after {display:none;} .menu > ul > li > ul.dropdown {display:none; border:2px solid #ffc600; border-top:none; position:absolute; left:0px; top:48px; background-color:#f7f7f7;min-width:160px; z-index:10; padding:10px 0px;font-family: 'robotomedium', sans-serif;} .menu > ul > li > ul.dropdown > li {width:100%; height:30px;} .menu > ul > li > ul.dropdown > li > a{display:block; color:#272e37; line-height:30px;text-decoration:none; box-sizing:border-box;padding:0 10px; } .menu > ul > li > ul.dropdown > li > a:hover {background-color:#d0d0d0;} .mobilMask {position: fixed; width: 100%;height: 100%;z-index: 500; background: rgba(0,0,0,0.7);} .menu > ul > li:last-child > ul.dropdown {left:inherit;right:0px;} /* .menu > ul > li:last-child {width:40px; flex-basis:30px;} .menu > ul > li:last-child > a {text-indent:-9999px;} .menu > ul > li:last-child > ul > li > a:before {content:"\f0c8"; font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: none;color:#d81921;font-size:5px; width:5px; height:30px;float:left; line-height:30px; margin-right:5px;} .menu > ul > li:last-child > a:hover{text-decoration:none;background-color:transparent;} .menu > ul > li:last-child > a:before {content:"\f0c9"; color:#929292; font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: none; text-indent:0px; float:right;} .menu > ul > li:last-child > a:after {display:none;} .menu > ul > li:last-child .dropdown {left:inherit; right:0px; width:180px;} .menu > ul > li:nth-last-child(2) a:after {display:none;} */ .show-navobile {display:none; width:50px; height:50px; text-align:center; line-height:50px;} /* aƧ kapat button clone */ .show-navobile-clone { position: absolute;top: 5px;left: 5px;color: #ffffff;z-index: 50;font-size:25px;width: 50px;height: 50px;text-align: center;line-height: 50px; } .navobile-navigation > ul { margin-top:50px; display:block; height:auto;} .menu.navobile-navigation > ul > li {float:none; display:block; height:auto; border-top:1px solid #0A0A0A; border-bottom:1px solid #3E3D3D; cursor:pointer;} .menu.navobile-navigation > ul > li > a {float:left;font-family: 'robotomedium', sans-serif;width:100%; color:#ffffff; padding:0 20px; font-size:19px; box-sizing:border-box; height: 40px;line-height: 40px;} .menu.navobile-navigation > ul > li > ul.dropdown {width:100%; background-color:#444444; position:relative; top:0px; padding:0 20px; padding-bottom:20px; box-sizing:border-box;} .menu.navobile-navigation > ul > li > ul.dropdown > li {width:100%;display:block;} .navobile-mobile-only,.onMobile { display: none;} #navobile-device-pixel { width: 0;} @media screen and (min-width: 0px) and (max-width: 992px) { .show-navobile {display:block; position:absolute; right:0px; top:-50px;color: #333333;font-size: 35px;} .menu > ul > li > a {text-align:left;} .menu > ul > li > a:after {display:none;} .menu > ul > li:last-child {width:100%;} .menu > ul > li:last-child > a{text-indent:0px;text-align:left;} .onMobile {display:block;} .notMobile {display:none !important;} html, .navobile-bound { overflow-x: hidden; overflow-y: visible; height: auto; width: 100%; } .overflowscrolling { -webkit-overflow-scrolling: touch; } #navobile-device-pixel { width: 1px; } .navobile-mobile-only { display: block; } .navobile-desktop-only { display: none; } .navobile-navigation { height: 100%; right: -100%; overflow: auto; position: absolute; top: -100%; width: 50%; z-index: -1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .navobile-bound .navobile-navigation { position: fixed; top: 0; z-index: 1000; margin:0px; height:100%; background-color:#000000; transition: 0.2s; } .navobile-bound .navobile-navigation.navobile-navigation-visible {right:0;} .navobile-navigation ul { overflow: hidden; } .navobile-navigation li { float: none; overflow: hidden; } .navobile-content { position: relative; z-index: 3; -webkit-transition: -webkit-transform 0.2s linear; -moz-transition: -moz-transform 0.2s linear; -o-transition: -ms-transform 0.2s linear; -ms-transition: -o-transform 0.2s linear; transition: transform 0.2s linear; } .csstransforms #content.navobile-content-hidden { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .csstransforms #content.navobile-content-hidden { -webkit-transform: translate3d(-50%,0,0); -moz-transform: translate3d(-50%,0,0); -ms-transform: translate3d(-50%,0,0); -o-transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0); } } @media screen and (max-width: 480px) { .menu.navobile-navigation > ul > li > a {font-size:15px;} }