body {
    margin:0px;
    /*padding:65px 0px 45px 0px;*/
    font-family: 'Josefin Sans', sans-serif;
    font-weight:400;
    background:#2e2e2e;
   /*background-image:url(../images/mermer-back.jpg)*/ 
}
a {
    text-decoration:none;

}
header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    height: 65px;
    background-color: #0a0a0a;
    padding: 1px 0px;
    box-sizing: border-box;
    z-index:100;
}
header .logo {
    float:left;
    height:63px;
	border:none;
}
header .logo a {
    float:left;
	outline:none;
}
header .logo img{
	border:0px;
	border:none;
}
header .logo .slogan {
    font-size: 17px;
    color: #808080;
    float: left;
    height: 63px;
    line-height: 66px;
}
header .MainMenu {
    float:right;
    margin-right:15px;
}
header .MainMenu li {
    list-style:none;
    display:inline-block;
    float:left;
    margin:0px 5px;
}
header .MainMenu nav {margin-top:22px;}
header .MainMenu nav a {
    color: #B3B3B3;
    padding:8px;
    font-size:13px;
}
header .MainMenu nav a:hover, header .MainMenu nav a.active, .menu-item-has-children:hover a {
    background-color:#ccc;
    color:#000;
}
.menu-item-has-children {
    position:relative;
}

.sub-menu {
    display:none;
    position:absolute;
    width:120px;
    left:-5px;
    top:23px;
    padding:0;
}

.sub-menu li {
    display:block;
    width:120px;
    
}

.menu-item-has-children:hover .sub-menu {
    display:block;
}

.sub-menu a {
    display:block;
    background-color: #4d4d4d;
    color: #000;
    margin-top:1px;
}

footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    height: 45px;
    background-color: #0a0a0a;
    padding: 1px 0px;
    box-sizing: border-box;
    line-height:45px;
    color:#fff;
    font-size:11px;
    z-index:100;
}
footer .mescomedia {
    float:left;
    
}
footer .social {
    float:right;    
    margin-right:15px;
    padding-top:9px;
}
footer a {
    color:#fff;
}
    footer .social a {
    width:26px;
    height:26px;
    margin-left:4px;
    display:inline-block;
    }

    
    .navigasyon {
        width:1200px;
        margin:90px auto 0px auto;
    }
    .navigasyon ul {margin:0; padding:0;}
    .navigasyon ul li {list-style:none; float:left; font-size:12px; margin-right:5px;}
        .navigasyon ul li a{
            color: #808080;
            margin-right:5px;
        }
    .galeri {
        width:870px;
        margin: 15px auto 50px auto;
    }
    .galeri a {
    width: 200px;
    height: 150px;
    overflow: hidden;
    display: block;
    float: left;
    margin: 4px;
    }
    .galeri img {
        width:200px;
    }
    .icerik {
        width:870px;
        margin: 15px auto 50px auto;
    }
    .icerik .bilgialan {
        width:500px;
        padding:20px;
        /*background-color:#fff;*/
		margin:auto;
        color:#b3b3b3;
    }
    .icerik .kategori {
        float:left;
        margin:0px 10px 10px 0px;
        width:280px;
        height:140px;
        text-align:center;
	overflow:hidden;
    }
    .icerik .kategori a {
        color:#fff;
        font-size:11px;
        position:relative;
        display:block;
        height:140px;

    }
    .icerik .kategori img {
        width:100%;    
    }

        .icerik .kategori a span {
            position: absolute;
            bottom: 14px;
            z-index: 99;
            display: inline-block;
            background-color: rgba(0,0,0,0.3);
            padding: 5px;
            left: 8px;
        }
    .icerik .urunresim {
        width:350px;
        padding:20px;
        border:solid 1px #808080;
        float:left;
    }
        .icerik .urunresim img {
        width:100%;
        }
        .icerik .urunresim .paylas {
            font-size:12px;
            text-align:right;
            color:#fff;
        }

    .icerik .solsutun {
        width:392px;
        float:left;
        box-sizing:border-box;
        margin-right:20px;

    }
.paylas {
    float: left;
    padding: 20px;
    width: 350px;
}
.paylas img{
    height:45px;
}



    .icerik .urundetay {
        color:#A5A5A5;
        font-size:14px;
        font-weight:600;
    }

            .icerik .urunresim .paylas img{
            width:30px;
        }

    #slider-wrapper ul {
    margin: 0px;
}

#slider-wrapper ul .bx-viewport, #slider-wrapper ul .bx-wrapper {
    position: relative;
    width: 100%;
    height: 100% !important;
    top: 0;
    left: 0;
}

#anaslayt {padding:0px;}

#anaslayt, #anaslayt li {
    height: 100vh !important;
}

#anaslayt li {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

#anaslayt li .slayttext {
    top: 50%;
    position: absolute;
    left: 50%;
    margin-left: -600px;
    margin-top:-50px;
    width: 1200px;
    color:#fff;
    font-weight:400;
}