@charset "utf-8";
/* CSS Document */


a {  text-decoration:none; }

ul , li { list-style:none; list-style-type:none; padding:0; margin:0; }

.mobile-nav {
    display: none;
    margin-top: 0px;
	width:100%;
	text-align:left;
	color:#FFF;
	background:#000000;
}
.mobile-nav a { color:#FFF; }

    .mobile-nav ul {
        position: absolute;
        z-index: 98;
        top: 100%;
        left: 5%;
		right:5%;
        width: 90%;
        margin-top: 15px;
        padding: 14px 15px 15px;
        border-radius: 10px;
        background: rgba(243,242,242,0.6);
        opacity: 0;
        pointer-events: none;
        transform: translate(270px,0);
        -ms-transform: translate(270px,0);
        -moz-transform: translate(270px,0);
        -webkit-transform: translate(270px,0);
        transition: opacity 0.3s, transform 0.3s;
        -ms-transition: opacity 0.3s, -ms-transform 0.3s;
        -moz-transition: opacity 0.3s, -moz-transform 0.3s;
        -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    }

        .mobile-nav ul.opened {
            z-index: 99;
            opacity: 1;
            pointer-events: all;
            transform: translate(0,0);
            -ms-transform: translate(0,0);
            -moz-transform: translate(0,0);
            -webkit-transform: translate(0,0);
        }

        .mobile-nav ul.closed {
            z-index: 98;
            opacity: 0;
            pointer-events: none;
            transform: translate(-270px,0);
            -ms-transform: translate(-270px,0);
            -moz-transform: translate(-270px,0);
            -webkit-transform: translate(-270px,0);
        }

        .mobile-nav ul li {
            margin-top: 1px;
        }

        .mobile-nav ul a {
            position: relative;
            display: block;
            padding: 10px 0 10px 15px;
            border-radius: 5px;
            background: #ebebeb;
            font-size: 16px;
            line-height: 16px;
            color: #FFF;
			background:#424242;
			font-weight:600;
        }

            .mobile-nav ul a:hover,
            .mobile-nav ul a.active {
                color: #e4a51e;
            }

        .mobile-nav ul i {
            display: block;
            float: right;
            width: 36px;
            height: 16px;
            font-size: 14px;
            line-height: 16px;
            text-align: center;
        }

        .mobile-nav ul .back {
            background: #e1e1e1;
            text-align: center;
        }

            .mobile-nav ul .back em {
                position: relative;
                top: -1px;
                font-style: normal;
            }

        .mobile-nav ul:nth-child(2) {
            text-transform: uppercase;
            transform: translate(0,20px);
            -ms-transform: translate(0,20px);
            -moz-transform: translate(0,20px);
            -webkit-transform: translate(0,20px);
        }

            .mobile-nav ul:nth-child(2).opened {
                transform: translate(0,0);
                -ms-transform: translate(0,0);
                -moz-transform: translate(0,0);
                -webkit-transform: translate(0,0);
            }

            .mobile-nav ul:nth-child(2).closed {
                transform: translate(-270px,0);
                -ms-transform: translate(-270px,0);
                -moz-transform: translate(-270px,0);
                -webkit-transform: translate(-270px,0);
            }

    .mobile-nav .switcher {
        display: block;
        font-size: 20px;
        line-height: 35px;
margin-top:-8px;


font-weight:600;

            text-align: center;
		   
    }

        .mobile-nav .switcher:after 
		{
            content: 'MENÜ';
        }

        .mobile-nav .switcher i {
            margin-right: 6px;
            color: #fff;
        }

        .mobile-nav .switcher.opened:after 
		{
            content: 'KAPAT';
        }

        .mobile-nav .switcher.opened i {
            line-height: 30px;
        }

            .mobile-nav .switcher.opened i:before {
                content: "\f00d";
            }

@media screen and (max-width: 1023px) { /* phone */
    .mobile-nav {
        display: block;
    }
}