body, div, h1, h2, h3, h4, h5, h6, a {
    margin: 0;
    padding: 0;
    text-decoration: none;
    color: inherit;
    font-size:inherit;
}
.ustbanner{
        display:block;
    }
.limit{
    width:1026px;
    margin:0 auto;
}
.ustmenu{
    height:146px;
    background:rgba(255, 255, 255 , .6);
    position: absolute;
    width: 100%;
    z-index:5000;
    text-align:center;
}
.ustmenu > .logo{
    width:327px;
    height:101px;
    margin:0 auto;
}
.slider1{
    width:100%;
    margin:0 auto;
}
.urunline{
    width:100%;
    height:44px;
    background:#e2c0bc;
    margin:75px 0;

}


.hexagon {
    width: 136px;
    height: 149px;
    background: #1e90ff;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    display: inline-block;
    margin: -50px 9px 0 9px;
}

.footerbaslik{
    color:#231f20;
    font-family: 'Open Sans', sans-serif;
    font-weight:600;
    background:#fff;
    padding:0 20px;
    position: relative;
    top: -30px;
    margin: 0 auto;
    display:inline-block;
}
.footerlink{
    color:#231f20;
    font-size:12px;
    font-family: 'Open Sans', sans-serif;
    font-weight:300;
}
    .footerlink:hover {
        color:#a03021;
        text-decoration:underline;
    }
.menu{
    display:inline-block;
    color:#a03021;
    padding:0px 12px 10px 12px;
    border-bottom:5px solid transparent;
    font-family: 'Open Sans', sans-serif;
    font-weight:600;
    margin-top: 9px;
}

    .menu:hover {
        border-bottom: 5px solid #a03021;
    }
.banner{
    width:100%;
    text-align:center;
}
.banner2{
    display:none;
}
.maske1{
    width:678px;
    height:390px;
    margin:0 auto;
    overflow:hidden;
    display:inline-block;
    position:relative;
    margin:20px 0;
}
.maske{
    background:url(maske.png);
    width:678px;
    height:390px;
    position:relative;
    top:-390px;
}
.hareket{
    height:390px;
    position:relative;
    left:0px;
    top:0px;
}
.hareket>img{
    width:678px;
    float:left;
}

.ok1, .ok2{
    background:url(ok1.png) right no-repeat;
    width:18px;
    height:59px;
    cursor:pointer;
    position: relative;
    -webkit-transition:  all 1s ease-out;
    -moz-transition: all 1s ease-out ;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
    display:inline-block;
}
.ok2 {
    background: url(ok2.png) left  no-repeat;
}
.ok1:hover, .ok2:hover {
    width:38px;
} 
.okkasa{
    width:38px;
    top: -183px;
    height:59px;
    display:inline-block;
    position: relative;
}
.quality{
    color:#231f20;
    font-size:12px;
    column-count:2;
    font-family: 'Open Sans', sans-serif;
    font-weight:600;
    
}
.production{
    color:#231f20;
    font-size:12px;
    font-family: 'Open Sans', sans-serif;
    font-weight:600;
}
.kurumsal{
    width:555px;
    margin:30px auto;
}
.iletisim{
    width:705px;
    margin:30px auto;
}
    .kurumsal > hr {
        width: 40px;
        margin: 0 10px 0 0;
        border: 0;
        height: 2px;
        background: #e5e5e5;
        display:inline-block;
        top: -9px;
        position: relative;
    }   
.kurumsalbaslik{
    color:#a03021;
    font-size:30px;
    font-family: 'Open Sans', sans-serif;
    font-weight:600;
    display: inline-block;
}
.kurumsalmetin{
    color:#231f20;
    font-size:12px;
    font-family: 'Open Sans', sans-serif;
    font-weight:600;
    margin:10px 0 10px 90px ;
}
.form{
    display:inline-block;
    vertical-align:top;
        width: 350px;
}
.adres{
    display:inline-block;
    vertical-align:top;
        width: 350px;
}
.foot{
    margin-top:108px;
}
/*.menuicon{
    position: absolute;
    right: 1%;
    top: 40px;
    display:none;
}*/

.urunlermenusu{
            /*-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
            clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);*/
            display:inline-block;
            background:red;
            width: 174px;
	        height: 192px;
            filter: blur(20px) grayscale(20%);
            -webkit-filter: grayscale(100%) brightness(75%) contrast(100%);
        }
        .urunlermenusu:hover, .aktif{
            -webkit-filter: grayscale(0%) brightness(100%) contrast(100%);
        }
        .banner>a:nth-child(1){
            margin-top:23px;
            margin-right:9px;
        }
        .banner>a:nth-child(2){
            margin-top:23px;
            margin-right:9px;
        }
        .banner>a:nth-child(3){
            margin-top:23px;
        }
        .banner>a:nth-child(4){
            top: -34px;
            position: relative;
            margin-right:9px;
        }
        .banner>a:nth-child(5){
            top: -34px;
            position: relative;
            margin-right:9px;
        }
        .banner>a:nth-child(6){
            top: -34px;
            position: relative;
        }

        .urungaleri{
            width: 302px;
	        height: 334px;
	        background: #1e90ff;
	        -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
            clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
            margin:0 auto;
        }
        .div {
            width: 195px;
            height: 156px;
            background: #000;
            -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 67%, 50% 100%, 0% 67%, 0% 25%);
            clip-path: polygon(50% 0%, 100% 25%, 100% 67%, 50% 100%, 0% 67%, 0% 25%);
            margin: auto;
            position: relative;
            z-index: -1;
            top: -120px;
        }

        
        .tekresim {
           width: 300px;
            height: 357px;
            display: inline-block;
            position: relative;
            transition: all 2s;
            margin:0 3px;
            width:343px;
            vertical-align:top;
            text-align:left;
        }
            
        .tekresimmask {
            width: 300px;
            height: 357px;
            position: relative;
            z-index: 5;
            top: -334px;
            background: url(/style/urungaleri.png) no-repeat center;
        }
        .urundetaybaslik{
            color:#a03021;
            font-size:36px;
            font-family: 'Open Sans', sans-serif;
            font-weight:600;
            max-width:201px;
        }
.urundetay {
    margin: 0 auto;
    text-align: center;
}

.downloadlimit{
    width:575px;
}
.downloadhr {
            border:0;
            height:1px;
            background:#cccccc;
            margin:10px 0 13px; 
        }
        .downloadbaslik{
            width:200px;
            display:inline-block;
            padding:50px 0;
            color:#231f20;
            font-family: 'Open Sans', sans-serif;
            font-size:12px;
            vertical-align:top;
        }
        .downloadbaslik > img,.downloadbaslik > div {
            display:inline-block;
                vertical-align: top;
        }
            .downloadbaslik > div {
                padding-top: 10px;
                margin-left:15px;
            }
        .box{
            margin-right:46px;
            display:inline-block;
            color:#231f20;
            font-family: 'Open Sans', sans-serif;
            font-size:9.5px;
            text-align:center;
            width:110px;
            vertical-align:top;
        }
        .box1{
            margin-right:46px;
            display:inline-block;
            color:#231f20;
            font-family: 'Open Sans', sans-serif;
            font-size:9.5px;
            text-align:left;
            width:136px;
            vertical-align:top;
            float:right;
        }
.mobilscreen {
    display: none;
}
.fullscreen {
    display: block;
}
.productionmetin{
    width:500px;
}
.qualitymetin {
    width: 500px;
    padding-left: 50px;
    margin:0 auto;
}
.desktop{
    display:block;
}
.mobile{
    display:none;
}
@media (max-width: 1000px) {
    .ustmenu{
        position:static;
            height: 111px;

    }
    .desktop{
        display:none;
    }
    .mobile{
        display:block;
    }
    .logom{
        background:#000;
        border-bottom:7px solid #a03021;
        min-height:50px;
        text-align:left;
    }
    .menuicon {
        position: absolute;
        right: 4%;
        top: 5%;
        cursor:pointer;
    }
    .swiper-slide img{
        width:100%;
    }
    .menuler{
        position:absolute;
        z-index:99999;
        width:100%;
        top:120px;
    }
        .menuler > .menu {
            padding: 5px 3% 3px 5%;
            width: 85%;
            background: #000;
            border-bottom: 1px solid #fff;
            text-align: left;
            margin: 0;
            display: none;
                margin: auto;
        }
            .menuler > .menu > a {
                width:100%;
            }
            .menuler > .menu > div {
                display:none;
            }
    .submenu {
        background: #3c3c3c;
        border-left: 10px solid #a03021;
        color:#a03021;
        font-weight:bold;
        padding: 5px;
        border-bottom: 1px solid #fff;
        font-size: 15px;
    }
    .menu > div > a:last-child > .submenu{
        border-bottom:0;
    }
    .fastfoot {
        background: #a03021;
        padding: 4px 10%;
        color: #000;
        font-family: 'Open Sans', sans-serif;
        font-size: 28px;
        font-weight:bold;
    }
    .footmenu{
        background:#000;
        width:90%;
        padding-left:10%;
    }
        .footmenu > a {
            color:#a03021;
            margin:10px;
            font-size:23px;
        }
    .limit {
        width: 98%;
        margin:1px;
    }

    .ustmenu {
        height: auto;
        position: static;
        width: 100%;
        z-index: 5000;
    }

        .ustmenu > .logo {
            width: 327px;
            height: 101px;
            margin: 0 auto;
        }

    .slider1 {
        width: 100%;
    }

    .menu {
        display: block;
    }

   

    .kurumsal {
        width: 98%;
        margin: 30px 1%;
    }
    .iletisim {
        width: 100%;
        margin: 30px 1%;
    }
    .iletisim > .form, .iletisim > .adres{
        width:100%;
    }
        .iletisim > .adres {
            margin-top: 60px;
        }
    .menuicon {
        display: block;
        cursor:pointer;
    }
    .menu{
        display:none;
    }
    .tekresim {
        width: 300px;
    }
    .urundetaybaslik {
        max-width: 100%;
    }
    .downloadlimit {
        width: 100%;
        text-align:center;
    }
    .downloadbaslik{
        width:100%;
    }
    .box,.box1{
        margin:1%;
        float:none;
    }
    .mobilscreen{
        display:block;
    }
    .fullscreen{
        display:none;
    }
    .swiper-slide > img{
        width:100%;
    }
    .banner{
        width:100%;
        display:none;
    }
        .banner > img {
            display: none;
        }
    .banner2 {
        width:100%;
        display:block;
    }
        .banner2 > img {
            width:100%;
        }
    .productionmetin {
        width: 94%;
        margin: 3%;
        padding: 0;
    }
    .qualitymetin{
        width: 94%;
        margin: 3%;
        padding: 0;
    }
    .quality {
        column-count: 1;
    }
    body{
        overflow-x:hidden;
    }
    .urunlermenusu{
        zoom:.5;
    }
    .ustbanner{
        display:none;
    }
}