@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&subset=latin,latin-ext);

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.bg {
    background-position: center center !important;
    background-attachment: scroll !important;
    background-size: cover !important;
}

.kutu {
    width: 1040px;
    height: 100%;
    float: left;
    left: 50%;
    margin-left: -520px;
    position: relative;
}

#header {
    width: 100%;
    height: 164px;
    float: left;
    position: relative;
    z-index: 99;
}

#logo {
    position: absolute;
    left: 0;
    top: 12px;
}

#dil {
    float: left;
    margin-top: 13px;
}

    #dil img {
        float: left;
        transition: 0.3s;
        -moz-transition: 0.3s;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        -ms-transition: 0.3s;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
        filter: alpha(opacity=40);
        -khtml-opacity: 0.4;
        -moz-opacity: 0.4;
        opacity: 0.4;
    }

        #dil img:hover {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: alpha(opacity=100);
            -khtml-opacity: 1;
            -moz-opacity: 1;
            opacity: 1;
        }

.daktif {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
    filter: alpha(opacity=100) !important;
    -khtml-opacity: 1 !important;
    -moz-opacity: 1 !important;
    opacity: 1 !important;
}

#ust {
    position: absolute;
    right: 0;
    top: 0;
}

#ustmenu {
    float: left;
}

    #ustmenu ul {
        float: left;
    }

        #ustmenu ul li {
            float: left;
        }

            #ustmenu ul li a {
                height: 40px;
                float: left;
                font: 400 14px/48px "Roboto Condensed";
                color: #636363;
                text-transform: uppercase;
                padding: 0 12px;
            }

                #ustmenu ul li a:hover {
                    background: #46a35e;
                    color: #fff;
                }

#butonlar {
    position: absolute;
    right: 0;
    top: 47px;
}

    #butonlar a {
        float: left;
        height: 46px;
        padding: 0 17px 0 50px;
        font: 400 16px/46px "Roboto Condensed";
        color: #fff;
        margin-left: 7px;
    }

        #butonlar a b {
            font: 700 16px/46px "Roboto Condensed";
        }

.faydali {
    background: url(../images/faydali.png) #e69d00 center left no-repeat;
}

    .faydali:hover {
        background: url(../images/faydali.png) #f3b736 center left no-repeat;
    }

.saglik {
    background: url(../images/saglik.png) #e9705a center left no-repeat;
}

    .saglik:hover {
        background: url(../images/saglik.png) #f09a8a center left no-repeat;
    }

#menu {
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 5px solid #3c9453;
    background: #46a35e;
    height: 58px;
    width: 100%;
}

    #menu ul {
        width: 100%;
        float: left;
        padding-left: 5px;
    }

        #menu ul li {
            float: left;
        }

            #menu ul li a {
                height: 58px;
                float: left;
                font: 700 15px/58px "Roboto Condensed";
                color: #fff;
                padding: 0 11px 0 10px;
                top: 0;
                position: relative;
                overflow: hidden;
            }

                #menu ul li a:Hover {
                    height: 68px;
                    top: -5px;
                    font: 700 18px/63px "Roboto Condensed";
                    background: #32373a;
                }

.mkd {
    background: url(../images/bos.png) center bottom no-repeat !important;
}

    .mkd:hover {
        background: url(../images/kurutulmusdomates.png) #32373a center bottom no-repeat !important;
    }

#slider {
    width: 100%;
    float: left;
    border-bottom: 11px solid #46a35e;
}

.sic {
    width: 100%;
    height: 507px;
    float: left;
    position: relative;
    display: table;
    text-align: center;
}

    .sic h4 {
        display: inline-block;
        margin-top: 160px;
        padding: 34px 58px;
        background: rgba(0, 0, 0, 0.15);
        font: 300 90px/90px "Roboto Condensed";
        color: #fff;
    }

        .sic h4 b {
            font: 400 90px/90px "Roboto Condensed";
        }

    .sic a {
        width: 157px;
        height: 35px;
        float: left;
        position: relative;
        left: 50%;
        margin-left: -79px;
        background: #fff;
        color: #32373a;
        font: 400 18px/35px "Roboto Condensed";
        text-align: center;
        letter-spacing: 1.2px;
    }

        .sic a:hover {
            background: #46a35e;
            width: 200px;
            margin-left: -100px;
            color: #fff;
        }

#anaslider {
    width: 100%;
    height: 507px;
    float: left;
}

#dortlu {
    width: 100%;
    float: left;
    padding: 38px 0;
    border-bottom: 1px solid #c4d7c9;
}

.dort {
    width: 25%;
    height: 170px;
    float: left;
    border-right: 1px solid #e4e4e4;
    text-align: center;
    padding: 17px 15px 0;
}

    .dort:last-child {
        border: 0;
    }

    .dort img {
        margin-bottom: 24px;
    }

    .dort p {
        width: 100%;
        font: 700 24px/30px "Roboto Condensed";
        color: #32373a;
        white-space: nowrap;
        overflow: hidden;
    }

#urunler {
    width: 100%;
    float: left;
    padding: 30px 0;
}

    #urunler h5 {
        width: 100%;
        text-align: center;
        font: 300 36px/40px "Roboto Condensed";
        color: #46a35e;
    }

        #urunler h5 b {
            font: 700 36px/40px "Roboto Condensed";
        }

    #urunler span {
        width: 100%;
        float: left;
        font: 300 18px/24px "Roboto Condensed";
        color: #999;
        text-align: center;
        margin-bottom: 25px;
    }

.urun {
    width: 238px;
    height: 262px;
    float: left;
    border: 1px solid #46a35e;
    position: relative;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    margin: 0 29px 75px 0;
}

    .urun img {
        width: 236px;
        height: 236px;
    }

    .urun h2 {
        width: 170px;
        padding: 15px 0 10px;
        position: absolute;
        left: 50%;
        margin-left: -85px;
        top: 236px;
        background: #46a35e;
        font: 700 22px/26px "Roboto Condensed";
        color: #fff;
        text-align: center;
        transition: 0.3s;
        -moz-transition: 0.3s;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        -ms-transition: 0.3s;
    }

        .urun h2 i {
            width: 15px;
            height: 24px;
            background: url(../images/ysolkose.png) no-repeat;
            position: absolute;
            top: 0;
            left: -15px;
        }

            .urun h2 i:last-child {
                background: url(../images/ysagkose.png) no-repeat;
                right: -15px !important;
                left: auto;
            }

    .urun:hover {
        border: 1px solid #e69d00;
    }

        .urun:hover h2 {
            background: #e69d00;
        }

            .urun:hover h2 i {
                background: url(../images/tsolkose.png) no-repeat;
            }

                .urun:hover h2 i:last-child {
                    background: url(../images/tsagkose.png) no-repeat;
                }

#aurunler {
    width: 100%;
    float: left;
}

    #aurunler a:nth-child(4n+4) .urun {
        margin: 0 0 55px 0;
    }

.tumu {
    width: 314px;
    height: 48px;
    background: #e69d00;
    color: #fff;
    font: 700 24px/48px "Roboto Condensed";
    position: relative;
    left: 50%;
    margin-left: -157px;
    margin-top: 15px;
    float: left;
    text-align: center;
}

    .tumu:hover {
        background: #46a35e;
    }

#kurumsal {
    width: 100%;
    height: 309px;
    background: url(../images/kurumsal.jpg) center center no-repeat;
    float: left;
    padding: 37px 0;
}

    #kurumsal ul {
        width: 160px;
        float: right;
        height: 100%;
        padding: 26px 0;
        margin-right: 25px;
        border-left: 1px solid #fff;
    }

        #kurumsal ul li {
            width: 100%;
            float: left;
            padding: 0 0 0 23px;
            height: 43px;
            font: 300 18px/43px "Roboto Condensed";
            color: #fff;
            transition: 0.3s;
            -moz-transition: 0.3s;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            -ms-transition: 0.3s;
            margin-bottom: 4px;
            cursor: pointer;
        }

            #kurumsal ul li:hover {
                background: #fff;
                color: #626262;
            }

.tabic {
    width: 830px;
    float: left;
    height: 100%;
    padding: 30px 15px;
    display: none;
}

    .tabic h4 {
        width: 100%;
        float: left;
        font: 300 48px/48px "Roboto Condensed";
        color: #fff;
        margin-bottom: 10px;
    }

        .tabic h4 b {
            font: 700 48px/48px "Roboto Condensed";
        }

    .tabic p {
        width: 100%;
        float: left;
        font: 400 18px/24px "Roboto Condensed";
        color: #fff;
        max-height: 74px;
        overflow: hidden;
        margin-bottom: 15px;
    }

    .tabic a {
        height: 33px;
        float: left;
        padding: 0 25px;
        font: 400 18px/33px "Roboto Condensed";
        color: #525252;
        background: #fff;
    }

        .tabic a:hover {
            background: #e69d00;
            color: #fff;
        }

.taktif {
    background: white !important;
    color: #626262 !important;
}

.goster {
    display: block;
}

#uclualan {
    width: 100%;
    float: left;
    padding: 30px 0;
}

.uclu {
    width: 33.333333%;
    float: left;
    height: 250px;
    padding: 0 18px;
    position: relative;
}

    .uclu h5 {
        width: 100%;
        float: left;
        height: 55px;
        padding: 0 4px;
        font: 300 24px/55px "Roboto Condensed";
        color: #46a35e;
        border-bottom: 1px solid #d5d5d5;
        margin-bottom: 5px;
    }

        .uclu h5 b {
            font: 700 24px/55px "Roboto Condensed";
        }

.uic {
    width: 100%;
    float: left;
    height: 255px;
}

    .uic img {
        width: 100%;
        height: 165px;
        float: left;
    }

    .uic p {
        width: 100%;
        float: left;
        font: 400 18px/24px "Roboto Condensed";
        color: #464646;
        max-height: 66px;
        overflow: hidden;
    }

#fslider {
    width: 100%;
    float: left;
    height: 255px;
}

.fileri {
    width: 20px;
    height: 20px;
    background: url(../images/sagok.jpg) center center no-repeat;
    position: absolute;
    right: 18px;
    top: 20px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -khtml-opacity: 0.3;
    -moz-opacity: 0.3;
    opacity: 0.3;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    cursor: pointer;
}

    .fileri:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -khtml-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
    }

.fgeri {
    width: 20px;
    height: 20px;
    background: url(../images/solok.jpg) center center no-repeat;
    position: absolute;
    right: 45px;
    top: 20px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -khtml-opacity: 0.3;
    -moz-opacity: 0.3;
    opacity: 0.3;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    cursor: pointer;
}

    .fgeri:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -khtml-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
    }

#sslider {
    width: 100%;
    float: left;
    height: 255px;
}

.sileri {
    width: 20px;
    height: 20px;
    background: url(../images/sagok.jpg) center center no-repeat;
    position: absolute;
    right: 18px;
    top: 20px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -khtml-opacity: 0.3;
    -moz-opacity: 0.3;
    opacity: 0.3;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    cursor: pointer;
}

    .sileri:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -khtml-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
    }

.sgeri {
    width: 20px;
    height: 20px;
    background: url(../images/solok.jpg) center center no-repeat;
    position: absolute;
    right: 45px;
    top: 20px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -khtml-opacity: 0.3;
    -moz-opacity: 0.3;
    opacity: 0.3;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    cursor: pointer;
}

    .sgeri:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -khtml-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
    }

#ahaberler {
    width: 100%;
    float: left;
}

    #ahaberler a {
        width: 100%;
        float: left;
        padding: 12px 13px;
        font: 700 18px/24px "Roboto Condensed";
        color: #32373a;
        border-bottom: 1px solid #f2f2f2;
    }

        #ahaberler a:hover {
            background: #f2f2f2;
            color: #46a35e;
        }

        #ahaberler a:last-child {
            border: 0;
        }

.hepsi {
    width: 100%;
    height: 33px;
    float: left;
    font: 400 18px/33px "Roboto Condensed";
    text-align: center;
    background: #e69d00;
    color: #fff;
}

    .hepsi b {
        font: 700 18px/33px "Roboto Condensed";
    }

    .hepsi:hover {
        background: #46a35e;
    }

#footer {
    width: 100%;
    float: left;
    background: #32373a;
    padding: 30px 0;
}

#fadres {
    width: 500px;
    float: left;
}

    #fadres h6 {
        width: 100%;
        float: left;
        font: 700 24px/30px "Roboto Condensed";
        color: #e69d00;
        text-transform: uppercase;
        margin-bottom: 20px;
    }

    #fadres p {
        width: 100%;
        float: left;
        font: 400 14px/22px "Roboto Condensed";
        color: #fff;
    }

        #fadres p b {
            width: 140px;
            float: left;
            height: 22px;
            background: url(../images/ikinokta.png) right center no-repeat;
            font: 400 14px/22px "Roboto Condensed" !important;
            color: #999ea1 !important;
            margin-right: 5px;
        }

#fmenu {
    width: 160px;
    float: left;
}

    #fmenu h6 {
        width: 100%;
        float: left;
        font: 700 24px/30px "Roboto Condensed";
        color: #e69d00;
        text-transform: uppercase;
        margin-bottom: 20px;
    }

    #fmenu ul {
        width: 100%;
        float: left;
    }

        #fmenu ul li {
            width: 100%;
            float: left;
        }

            #fmenu ul li a {
                font: 400 14px/18px "Roboto Condensed";
                color: #999ea1;
                float: left;
                margin-bottom: 4px;
            }

                #fmenu ul li a:hover {
                    color: #fff;
                }

#furunler {
    width: 380px;
    float: left;
}

    #furunler h6 {
        width: 100%;
        float: left;
        font: 700 24px/30px "Roboto Condensed";
        color: #e69d00;
        text-transform: uppercase;
        margin-bottom: 20px;
    }

    #furunler ul {
        width: 100%;
        float: left;
    }

        #furunler ul li {
            width: 50%;
            float: left;
        }

            #furunler ul li a {
                font: 400 14px/18px "Roboto Condensed";
                color: #999ea1;
                float: left;
                margin-bottom: 4px;
            }

                #furunler ul li a:hover {
                    color: #fff;
                }

#alt {
    width: 100%;
    height: 88px;
    float: left;
    background: #32373a;
    border-top: 1px solid #505659;
    padding-top: 26px;
}

#sosyal {
    float: left;
}

    #sosyal b {
        font: 400 18px/35px "Roboto Condensed";
        color: #999ea1;
        float: left;
        margin-right: 10px;
    }

    #sosyal img {
        float: left;
        transition: 0.3s;
        -moz-transition: 0.3s;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        -ms-transition: 0.3s;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
        filter: alpha(opacity=30);
        -khtml-opacity: 0.3;
        -moz-opacity: 0.3;
        opacity: 0.3;
        margin-right: 7px;
    }

        #sosyal img:hover {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: alpha(opacity=100);
            -khtml-opacity: 1;
            -moz-opacity: 1;
            opacity: 1;
        }

.copy {
    float: right;
}

    .copy a {
        float: right;
        margin-top: 3px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
        filter: alpha(opacity=40);
        -khtml-opacity: 0.8;
        -moz-opacity: 0.8;
        opacity: 0.8;
    }

        .copy a:hover {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: alpha(opacity=100);
            -khtml-opacity: 1;
            -moz-opacity: 1;
            opacity: 1;
        }

    .copy p {
        float: right;
        font: 400 14px/35px "Roboto Condensed";
        color: #6b6f71;
        margin-right: 20px;
    }

#band {
    width: 100%;
    float: left;
    height: 43px;
    border-bottom: 1px solid #c9c9c9;
}

    #band a {
        float: left;
        font: 400 14px/43px "Roboto Condensed";
        color: #888;
        text-transform: uppercase;
        padding: 0 15px 0 10px;
        background: url(../images/bandok.png) right center no-repeat;
    }

        #band a:hover {
            color: #46a35e;
        }

    #band b {
        float: left;
        font: 400 14px/43px "Roboto Condensed";
        color: #888;
        text-transform: uppercase;
        padding: 0 15px 0 10px;
    }

#icerik {
    width: 100%;
    float: left;
}

#sol {
    width: 200px;
    padding: 22px 0 0;
    float: left;
    border-right: 1px solid #d7d7d7;
    margin-bottom: 30px;
}

#sag {
    width: 840px;
    padding: 30px;
    float: left;
    margin-bottom: 30px;
}

    #sag h1 {
        width: 100%;
        float: left;
        font: 700 36px/40px "Roboto Condensed";
        color: #e69d00;
        text-transform: uppercase;
        margin-bottom: 15px;
    }

#solmenu {
    width: 100%;
    float: left;
}

    #solmenu ul {
        width: 100%;
        float: left;
    }

        #solmenu ul li {
            width: 100%;
            float: left;
            background: url(../images/smok.png) right top 13px no-repeat;
        }

            #solmenu ul li a {
                width: 100%;
                float: left;
                text-align: right;
                padding: 10px 23px;
                color: #46a35e;
                font: 700 18px/18px "Roboto Condensed";
                text-transform: uppercase;
            }

                #solmenu ul li a:hover {
                    color: #e69d00;
                    padding: 10px 28px 10px 0;
                }

            #solmenu ul li ul {
                width: 100%;
                float: left;
            }

                #solmenu ul li ul li {
                    width: 100%;
                    float: left;
                    background: none;
                }

                    #solmenu ul li ul li a {
                        width: 100%;
                        float: left;
                        text-align: right;
                        padding: 5px 23px;
                        color: #767676;
                        font: 700 14px/14px "Roboto Condensed";
                        text-transform: uppercase;
                    }

                        #solmenu ul li ul li a:hover {
                            color: #e69d00;
                            padding: 5px 28px 5px 0;
                        }

#solbutonlar {
    width: 100%;
    float: left;
    margin-top: 20px;
}

    #solbutonlar a {
        width: 181px;
        float: right;
        height: 90px;
        padding: 16px 10px 0 54px;
        font: 400 22px/24px "Roboto Condensed";
        color: #fff;
        position: relative;
        margin-top: 3px;
    }

        #solbutonlar a b {
            font: 700 22px/30px "Roboto Condensed";
        }

        #solbutonlar a i {
            width: 7px;
            height: 13px;
            position: absolute;
            right: 10px;
            bottom: 10px;
            background: url(../images/yok.png) no-repeat;
        }

        #solbutonlar a:hover {
            width: 100%;
        }

.sfaydali {
    background: url(../images/faydali.png) #e69d00 center left no-repeat;
}

    .sfaydali:hover {
        background: url(../images/faydali.png) #f3b736 center left no-repeat;
    }

.ssaglik {
    background: url(../images/saglik.png) #e9705a center left no-repeat;
}

    .ssaglik:hover {
        background: url(../images/saglik.png) #f09a8a center left no-repeat;
    }

#hakkimizda {
    width: 100%;
    float: left;
}

    #hakkimizda p {
        width: 100%;
        float: left;
        text-align: justify;
        font: 400 16px/22px "Roboto Condensed";
        color: #666;
        margin-bottom: 15px;
    }

    #hakkimizda ul {
        margin-left: 17px;
    }

        #hakkimizda ul li {
            width: 100%;
            float: left;
            text-align: justify;
            font: 400 16px/17px "Roboto Condensed";
            color: #666;
            margin-bottom: 15px;
            list-style: circle;
        }

#listeleme {
    width: 100%;
    float: left;
    margin-top: 10px;
}

    #listeleme a:nth-child(3n+3) .urun {
        margin: 0 0 55px 0;
    }

#sayfalama {
    width: 100%;
    float: left;
    text-align: center;
    display: table;
    margin-top: 10px;
}

    #sayfalama a {
        display: inline-block;
        font: 700 22px/22px "Roboto Condensed";
        color: #7b7b7b;
        margin: 0 5px;
        padding: 7px;
    }

        #sayfalama a:hover {
            background: #e69d00;
            color: #fff;
        }

    #sayfalama b {
        display: inline-block;
        font: 700 22px/22px "Roboto Condensed";
        background: #e69d00;
        color: #fff;
        margin: 0 5px;
        padding: 7px;
    }

#haberler {
    width: 100%;
    float: left;
    margin-bottom: 25px;
}

.haber {
    width: 100%;
    float: left;
    padding: 18px 0;
    border-bottom: 1px dashed #909090;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}

    .haber h2 {
        width: 100%;
        float: left;
        font: 700 18px/24px "Roboto Condensed";
        color: #32373a;
    }

    .haber p {
        width: 100%;
        float: left;
        font: 400 14px/20px "Roboto Condensed";
        color: #909090;
    }

    .haber:hover {
        background: #f4f4f4;
        padding: 18px;
    }

#galeriler {
    width: 100%;
    float: left;
    margin: 25px 0;
    padding-left: 10px;
}

    #galeriler a:nth-child(4n+4) .galeri {
        margin: 0 0 34px 0;
    }

.bg {
    background-position: center center !important;
    background-attachment: scroll !important;
    background-size: cover !important;
}

.galeri {
    width: 167px;
    height: 166px;
    float: left;
    position: relative;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    -o-border-radius: 90px;
    -ms-border-radius: 90px;
    border-radius: 90px;
    overflow: hidden;
    margin: 0 34px 34px 0;
}

    .galeri i {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url(../images/zoom.png) rgba(255, 255, 255, 0.7) center center no-repeat;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -khtml-opacity: 0;
        -moz-opacity: 0;
        opacity: 0;
        transition: 0.3s;
        -moz-transition: 0.3s;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        -ms-transition: 0.3s;
    }

    .galeri:hover i {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -khtml-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
    }

#adres {
    width: 50%;
    float: left;
    padding: 25px 25px;
}

    #adres h5 {
        width: 100%;
        float: left;
        margin-bottom: 15px;
        font: 700 24px/24px "Roboto Condensed";
        color: #4f4f4f;
    }

    #adres p {
        width: 100%;
        float: left;
        font: 700 14px/16px "Roboto Condensed";
        color: #5a5a5a;
        padding: 7px 5px 7px 30px;
    }

.ihome {
    background: url(../images/ihome.png) left center no-repeat;
    margin-top: 10px;
}

.itel {
    background: url(../images/itel.png) left center no-repeat;
}

.ifax {
    background: url(../images/ifax.png) left center no-repeat;
}

.imail {
    background: url(../images/imail.png) left center no-repeat;
}

.itext {
    width: 49%;
    float: left;
    height: 25px;
    border: 0;
    background: #e5e5e5;
    font: 400 14px/25px "Roboto Condensed";
    color: #32373a;
    padding: 0 10px;
    border-left: 0 solid #46a35e;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    outline: none;
}

    .itext:focus {
        border-left: 5px solid #46a35e;
    }

#iform {
    width: 50%;
    float: left;
    padding: 25px;
}

    #iform h5 {
        width: 100%;
        float: left;
        margin-bottom: 15px;
        font: 700 24px/24px "Roboto Condensed";
        color: #4f4f4f;
    }

.fr {
    float: right;
}

.iarea {
    width: 100%;
    float: left;
    height: 70px;
    border: 0;
    background: #e5e5e5;
    font: 400 14px "Roboto Condensed";
    color: #32373a;
    padding: 10px;
    border-left: 0 solid #46a35e;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    outline: none;
    resize: none;
    margin-top: 7px;
}

    .iarea:focus {
        border-left: 5px solid #46a35e;
    }

.ibuton {
    width: 100%;
    float: left;
    height: 25px;
    margin-top: 7px;
    border: 0;
    background: #46a35e;
    font: 400 14px/25px "Roboto Condensed";
    color: #fff;
    text-align: center;
    padding: 0 10px;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    cursor: pointer;
}

    .ibuton:hover {
        background: #e69d00;
    }

#harita {
    width: 100%;
    float: left;
    height: 330px;
    padding-right: 25px;
}

    #harita iframe {
        width: 100% !important;
        height: 330px !important;
    }

#iletisim {
    width: 100%;
    float: left;
}

#detay {
    width: 100%;
    float: left;
}

#dresim {
    width: 513px;
    height: 313px;
    float: left;
    overflow: hidden;
}

    #dresim img {
        width: 100%;
    }

#ozellik {
    width: 240px;
    float: right;
}

    #ozellik h3 {
        width: 100%;
        float: left;
        font: 700 16px/20px "Roboto Condensed";
        color: #686868;
        text-transform: uppercase;
        margin-top: 12px;
    }

    #ozellik p {
        width: 100%;
        float: left;
        font: 700 15px/20px "Roboto Condensed";
        color: #e69d00;
        text-transform: uppercase;
    }

#aciklama {
    width: 100%;
    float: left;
    margin: 20px 0;
}

    #aciklama p {
        width: 100%;
        float: left;
        font: 400 16px/22px "Roboto Condensed";
        color: #6b6b6b;
    }

#ilginicekebilir {
    width: 100%;
    float: left;
    margin-top: 30px;
}

    #ilginicekebilir h5 {
        width: 100%;
        height: 50px;
        background: url(../images/cizgi.png) center left repeat-x;
        display: table;
        text-align: center;
    }

        #ilginicekebilir h5 span {
            display: inline-block;
            background: #fff;
            height: 50px;
            padding: 0 20px;
            font: 300 36px/50px "Roboto Condensed";
            color: #e69d00;
        }

            #ilginicekebilir h5 span b {
                font: 700 36px/50px "Roboto Condensed";
            }

    #ilginicekebilir #listeleme {
        margin-top: 25px !important;
    }

.owl-controls {
    bottom: -5px;
}

.mgoster {
    display: none;
}

.mustmenu {
    display: none;
}

@media(max-width:1400px) {

    #anaslider {
        height: 360px;
    }

    .sic {
        height: 360px;
    }
}

@media(max-width:900px) {

    .faydalibilgiler1x {
        display: none;
    }

    .mgizle {
        display: none;
    }

    .mgoster {
        display: block;
    }

    .kutu {
        width: 100%;
        left: 0;
        margin-left: 0;
    }

    #header {
        height: 151px;
        z-index: 999;
    }

    #logo img {
        width: 188px;
    }

    #dil {
        margin-top: 23px;
        margin-right: 5px;
    }

    #butonlar {
        right: auto;
        left: 0;
        top: 68px;
        width: 100%;
    }

    .mac {
        width: 100%;
        height: 40px;
        position: absolute;
        bottom: 5px;
        left: 0;
        background: url(../images/mmenu.png) center center no-repeat;
        cursor: pointer;
        z-index: 9;
    }

    #menu {
        height: 45px;
    }

        #menu ul {
            width: 60%;
            position: absolute;
            left: 0;
            top: 45px;
            padding: 0;
            background: #3c9453;
            display: none;
        }

            #menu ul li {
                width: 100%;
            }

                #menu ul li a {
                    height: 35px;
                    font: 700 14px/35px "Roboto Condensed";
                    width: 100%;
                    white-space: nowrap;
                    overflow: hidden;
                }

                    #menu ul li a:Hover {
                        height: 35px;
                        top: 0;
                        font: 700 14px/35px "Roboto Condensed";
                        background: #32373a;
                    }

    #butonlar a {
        float: left;
        height: 37px;
        padding: 0 0 0 34px;
        font: 400 14px/37px "Roboto Condensed";
        color: #fff;
        margin-left: 0;
        width: 50%;
        background-size: 28px;
    }

        #butonlar a b {
            font: 700 14px/37px "Roboto Condensed";
        }

    .mustmenu {
        float: left;
        width: 40%;
        position: absolute;
        right: 0;
        background: #fff;
        top: 151px;
        padding-bottom: 5px;
        display: none;
    }

        .mustmenu ul {
            float: left;
        }

            .mustmenu ul li {
                float: left;
                width: 100%;
            }

                .mustmenu ul li a {
                    width: 100%;
                    height: 40px;
                    float: left;
                    font: 400 14px/40px "Roboto Condensed";
                    color: #636363;
                    text-transform: uppercase;
                    padding: 0 12px;
                    white-space: nowrap;
                    overflow: hidden;
                }

                    .mustmenu ul li a:hover {
                        background: #46a35e;
                        color: #fff;
                    }

    #anaslider {
        height: 200px;
    }

    .sic {
        height: 200px;
    }

    #dortlu {
        width: 100%;
        float: left;
        padding: 0;
        border-bottom: 0;
    }

    .dort {
        width: 50%;
        height: 141px;
        float: left;
        border-left: 1px solid #e4e4e4 !important;
        border-right: 0;
        text-align: center;
        padding: 17px 0 0;
        border-bottom: 1px solid #e4e4e4 !important;
    }

        .dort img {
            margin-bottom: 11px;
        }

        .dort p {
            font: 700 16px/20px "Roboto Condensed";
        }

    #urunler {
        padding: 10px 0 20px;
    }

        #urunler h5 {
            font: 300 24px/30px "Roboto Condensed";
        }

            #urunler h5 b {
                font: 700 24px/30px "Roboto Condensed";
            }

        #urunler span {
            width: 100%;
            float: left;
            font: 300 14px/16px "Roboto Condensed";
            color: #999;
            text-align: center;
            margin-bottom: 19px;
            padding: 0 2px;
        }

    .urun {
        width: 48%;
        height: 164px;
        margin: 0 1% 32px !important;
    }

        .urun img {
            width: 85%;
            height: 86%;
            float: left;
            position: relative;
            left: 10px;
        }

        .urun h2 {
            width: 80%;
            padding: 7px 0 7px;
            position: absolute;
            left: 10%;
            margin-left: 0;
            top: 139px;
            font: 400 15px/17px "Roboto Condensed";
        }

    .tumu {
        width: 100%;
        height: 35px;
        font: 700 15px/35px "Roboto Condensed";
        position: relative;
        left: 0;
        margin-left: 0;
        margin-top: 0;
    }

    #kurumsal ul {
        width: 30%;
        float: right;
        height: 100%;
        padding: 24px 0;
        margin-right: 0;
        border-left: 1px solid #fff;
    }

        #kurumsal ul li {
            width: 100%;
            padding: 0 0 0 7px;
            height: 45px;
            font: 300 14px/45px "Roboto Condensed";
        }

    .tabic {
        width: 70%;
        float: left;
        height: 100%;
        padding: 15px;
    }

        .tabic h4 {
            width: 100%;
            float: left;
            font: 300 24px/30px "Roboto Condensed";
            color: #fff;
            margin-bottom: 10px;
        }

            .tabic h4 b {
                font: 700 24px/30px "Roboto Condensed";
            }

        .tabic p {
            font: 400 14px/17px "Roboto Condensed";
            max-height: 121px;
        }

        .tabic a {
            height: 27px;
            font: 400 13px/27px "Roboto Condensed";
        }

    #kurumsal {
        height: 275px;
        padding: 19px 0;
    }

    #uclualan {
        padding: 10px 0;
    }

    .uclu {
        width: 100%;
        float: left;
        height: 250px;
        padding: 0 18px;
        position: relative;
    }

    #fslider {
        height: 194px;
    }

    .uic {
        height: 194px;
    }

    .uclu h5 {
        height: 50px;
        font: 300 18px/50px "Roboto Condensed";
    }

        .uclu h5 b {
            font: 700 18px/50px "Roboto Condensed";
        }

    #ahaberler a {
        padding: 11px 13px;
        font: 700 16px/24px "Roboto Condensed";
    }

    #footer {
        padding: 10px;
    }

    #fadres {
        width: 100%;
        margin-bottom: 15px;
    }

        #fadres h6 {
            font: 700 18px/24px "Roboto Condensed";
            margin-bottom: 12px;
        }

    #furunler h6 {
        font: 700 18px/24px "Roboto Condensed";
        margin-bottom: 12px;
    }

    #fmenu h6 {
        font: 700 18px/24px "Roboto Condensed";
        margin-bottom: 12px;
    }

    #fadres p b {
        width: 100%;
        float: left;
        height: 16px;
        background: none;
        font: 400 14px/21px "Roboto Condensed" !important;
        color: #999ea1 !important;
        margin-right: 0;
    }

    #fadres p {
        font: 400 14px/27px "Roboto Condensed";
        width: 50%;
    }

    #fadres c {
        font: 400 14px/27px "Roboto Condensed";
        width: 100%;
        float: left;
        color: #fff;
    }

        #fadres c b {
            width: 100%;
            float: left;
            height: 16px;
            background: none;
            font: 400 14px/21px "Roboto Condensed" !important;
            color: #999ea1 !important;
            margin-right: 0;
        }

    #fmenu {
        width: 50%;
        float: left;
    }

    #furunler {
        width: 50%;
        float: left;
    }

        #furunler ul li {
            width: 100%;
            float: left;
        }

            #furunler ul li a {
                width: 100%;
                white-space: nowrap;
                overflow: hidden;
            }

    #sosyal b {
        display: none;
    }

    #sosyal img {
        float: none;
        margin: 0 4px;
    }

    #sosyal {
        float: left;
        width: 100%;
        text-align: center;
    }

    #alt {
        height: auto;
    }

    .copy {
        float: left;
        width: 100%;
        padding: 13px 0;
    }

        .copy p {
            float: left;
            font: 400 12px/17px "Roboto Condensed";
            margin-right: 0;
            width: 162px;
            text-align: center;
        }

        .copy a {
            float: right;
            margin-right: 16px;
        }

    #sol {
        display: none;
    }

    #sag {
        width: 100%;
        padding: 15px;
        margin-bottom: 0;
    }

        #sag h1 {
            font: 700 24px/30px "Roboto Condensed";
            margin-bottom: 10px;
        }

    #hakkimizda p {
        font: 400 14px/22px "Roboto Condensed";
    }

    #hakkimizda img {
        width: 100%;
        margin-bottom: 10px;
    }

    .haber img {
        display: none;
    }

    .haber:hover {
        padding: 18px 0 18px 5px;
    }

    #adres {
        width: 100%;
        float: left;
        padding: 15px 9px;
    }

        #adres h5 {
            margin-bottom: 0;
            font: 700 18px/24px "Roboto Condensed";
        }

    #iform {
        width: 100%;
        float: left;
        padding: 15px 9px;
    }

        #iform h5 {
            margin-bottom: 10px;
            font: 700 18px/24px "Roboto Condensed";
        }

    .zorunluAlanlar span {
        display: none;
    }

    #harita {
        width: 100%;
        float: left;
        height: 200px;
        padding: 0 9px !important;
    }

        #harita iframe {
            width: 100% !important;
            height: 200px !important;
        }

    #band {
        overflow: hidden;
        height: 35px;
    }

        #band a {
            font: 400 11px/35px "Roboto Condensed";
            color: #888;
            text-transform: uppercase;
            padding: 0 10px 0 5px;
        }

        #band b {
            font: 400 11px/35px "Roboto Condensed";
            color: #888;
            text-transform: uppercase;
            padding: 0 10px 0 5px;
        }

    #dresim {
        width: 100%;
        height: auto;
    }

    #ozellik h3 {
        width: 100%;
        font: 700 14px/18px "Roboto Condensed";
    }

    #ozellik p {
        width: 100%;
        font: 700 14px/18px "Roboto Condensed";
        overflow-x: hidden;
    }

    #ozellik {
        width: 100%;
        float: left;
    }

    #aciklama p {
        font: 400 14px/22px "Roboto Condensed";
    }

    #ilginicekebilir {
        margin-top: 0;
    }

        #ilginicekebilir h5 {
            height: 35px;
        }

            #ilginicekebilir h5 span {
                height: 35px;
                font: 300 24px/35px "Roboto Condensed";
            }

                #ilginicekebilir h5 span b {
                    font: 700 24px/35px "Roboto Condensed";
                }
}

.hatavarADostlar {
    position: absolute;
    width: 252px;
    color: #e9705a;
    right: 0px;
    top: 117px;
    font: 12px Arial;
}

#fadres c {
    font: 400 14px/27px "Roboto Condensed";
    width: 100%;
    float: left;
    color: #fff;
}

    #fadres c b {
        width: 100%;
        float: left;
        height: 16px;
        background: none;
        font: 400 14px/21px "Roboto Condensed" !important;
        color: #999ea1 !important;
        margin-right: 0;
    }

.formBasarili2 {
    float: left;
    width: 100%;
    font: 14px Arial;
    color: #c21010;
}

.formBasarili {
    float: left;
    width: 100%;
    font: 14px Arial;
    color: #46a35e;
}