body {
    background: #fff;
    margin: 0;
    padding: 0
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.alt, .right {
    display: flex;
    flex-direction: row;
}
.butonlar {
    display: flex;
    flex-direction: column;
}
.big-title {
    text-align: center;
    text-transform: uppercase;
}
.bulten {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.kaliteimg {
    margin-bottom: 30px;
}
.flex-row {
    display: flex;
    flex-direction: row;
    width: 100%;
}
.flex-row > div:first-child{
    margin-left: 0!important;
}
.icerik img {
    max-width: 100%!important;

}
.sagkutu-50 .kurumsaltext, .sagkutu-50 .kalitetext {
    width: 93% !important;
    font-size: 21px!important;
}
.sagkutu-33 .kurumsaltext, .sagkutu-33 .kalitetext {
    width: 90% !important;
}
.mobile-contacts {
    display: none;
}

@media (max-width: 768px) {
    .flex-row {

        flex-direction: column;
    }
    .butonlar {
        display: none
    }
    .icerik {
        display: flex;
        flex-direction: column;
    }
    .alt, .right {

        flex-direction: column;
    }

    footer {
        clear: both
    }
    .mobile-contacts {
        display: flex;
        flex-direction: column;
        text-align: center;
    }
    .mobile-contacts a{
        color: #6b6b6b;
        text-decoration: none;
    }
    footer .genis {
        height: auto;
        background: #383838
    }
    .home .altkisim .solkisim .kataloglar {
        flex-direction: column;
    }

    footer .genis .ftdikmens {
        display: none
    }

    .home .altkisim .solkisim .bizdenhaberler {
        background: #eee;
        border: 1px solid #a0a0a0;
        height: 535px;
    }

    .home .altkisim .solkisim .bizdenhaberler .haberimg {
        display: none
    }

    .home .bulten {
        display: flex;
    }


    #navbar {
        padding-top: 15px;
        color: #6b6b6b;
    }

    header .orta .left {
        width: 231px;
        height: 88px
    }

    header .orta .right .linkler ul li {
        width: 100%;
        text-align: center;
        margin-left: 0 !important
    }

    .desktopmenu {
        display: none
    }

    .mobilbutons {
        width: 100%;
        height: 50px;
        background: #f7f7f7;
        display: inline-block;
        padding-top: 10px
    }

    .mobilbutons .uyegiris {
        height: 26px;
        border-radius: 5px;
        background: #2a3157;
        color: #fff;
        font: 13.44px 'DINTMedium';
        display: inline-block;
        text-align: center;
        padding-top: 5px;
        text-decoration: none;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 25px
    }

    .mobilbutons .uyegiris:hover {
        background: #e30613
    }

    .mobilbutons .sepetim:before {
        content: '';
        background: url('images/topsepet.png') no-repeat;
        width: 30px;
        height: 25px;
        float: left;
        position: relative;
        left: -5px
    }

    .mobilbutons .sepetim {
        font: 20.8px 'DINTMedium';
        color: #a0a0a0;
        display: inline-block;
        float: left;
        margin-right: 10px;
        text-decoration: none
    }

    .mobilbutons .bayilogged {
        font: 12px 'DINTMedium';
        float: left;
        color: #a0a0a0;
        margin-top: 5px
    }

    .mobilbutons .logout {
        font: 12px 'DINTMedium';
        color: #2a3157;
        float: left;
        margin-top: 5px;
        margin-left: 5px
    }

    .mobilbutons .tr {
        background: url('images/tricon.png') no-repeat;
        width: 26px;
        height: 25px;
        float: right;
        margin-left: 12px
    }

    .mobilbutons .en {
        background: url('images/enicon.png') no-repeat;
        width: 24px;
        height: 25px;
        float: right;
        margin-left: 4px
    }

    .home .slider {
        padding-bottom: 7px !important
    }

    .home .slider .resim {
        width: 100%
    }

    .slide1txt1 {
        font: 20px 'EurostileNextLTPro-Bold';
        color: #626262
    }

    .slide1txt2 {
        font: 18px 'EurostileNextLTPro-Light';
        color: #626262
    }

    .slide2txt1 {
        font: 16px 'EurostileNextLTPro-Regular';
        color: #5c5c5b
    }

    .slide2txt2 {
        font: 14px 'EurostileNextLTPro-Regular';
        color: #595959
    }

    .home .butonlarr {
        top: 3px !important
    }

    .home .slidebg {
        background: #ececec
    }

    .home .altkisim .solkisim .kataloglar .makaskatalog {
        background: url(images/mksekatalog.png) no-repeat #2a3157 50% !important;
        width: 100% !important;
        margin-bottom: 5px
    }

    .home .altkisim .solkisim .kataloglar .yedekparcakatalog {
        background: url(images/ydkekatalog.png) no-repeat #e30613 50% !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-bottom: 5px
    }

    .kurumsal .slider {
        width: 100% !important;
        min-width: 100% !important
    }

    .kurumsal .metinler {
        width: 100% !important;
        margin-left: 0 !important
    }

    .kurumsal .metinler p {
        width: 100% !important;
        padding: 25px
    }

    .urunler .slider {
        width: 100% !important;
        min-width: 100% !important;
        background: url(images/urunlerslider.jpg) 30% top no-repeat !important
    }

    .urunliste {
        width: 100% !important;
        margin-left: 0 !important
    }

    .urunler .sag .urunliste .urun {
        width: auto !important
    }

    .urunler .sag {
        width: 100% !important
    }

    .urunler .sag .arama {
        height: 71px !important;
        margin-left: 0 !important
    }

    .breadcrumb {
        height: 35px
    }

    .urunler .sag .urundetay {
        width: 100% !important
    }

    .mpopup {
        background: rgba(0, 0, 0, .5);
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        display: none
    }

    .mpopup .mbuton {
        width: 79px;
        height: 41px;
        background: transparent;
        border: 5px solid #fff;
        border-radius: 25px;
        position: relative;
        top: 20px;
        cursor: pointer;
        background: url('/Src/Css/images/tik.png') no-repeat;
        background-size: 23px;
        background-position-x: 20px;
        background-position-y: 5px
    }

    .mpopup .mtext {
        position: relative;
        top: 25px;
        color: #fff;
        font: 17.61px "EurostileNextLTPro-SmBd";
        background: #bd0e18;
        display: inline-block;
        padding: 5px;
        animation-name: mvlt;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        animation-timing-function: linear
    }

    .kalite .slider {
        background: url('images/kaliteslider.jpg') 50% top no-repeat;
        height: 191px;
        width: 100%
    }

    .kalite .slider h1.baslik {
        margin-top: 50px !important
    }

    .kalite .icerik .kalitebuyuk {
        width: 100% !important;
        height: auto !important
    }

    .kalite .icerik .kalitekucuk {
        width: 100% !important
    }

    .kalite .icerik .kalitekucuk img {
        width: 100%
    }

    .haberler .slider {
        background: url('images/haberlerslider.jpg') 50% top no-repeat;
        height: 191px;
        width: 100%
    }

    .haberler .icerik .sonhaber .alt .sag {
        width: 100% !important;
        float: none !important
    }

    .haberler .icerik .sonhaber .alt .sag .thumbs {
        float: right !important
    }

    .haberler .icerik .sonhaber .alt .habertext {
        left: 10px !important;
        top: 83px !important
    }

    .haberler .icerik .digerhaberler {
        height: 520px !important
    }

    .iletisim .slider {
        background: url('images/iletisimslider.jpg') 50% top no-repeat;
        height: 163px;
        width: 100%
    }

    .iletisim .iltadresler {
        height: auto !important
    }

    .iletisim .mailkutu span {
        float: left;
        margin-top: 23px !important;
        margin-left: 5px !important
    }

    .iletisim .iform {
        margin-left: 0 !important;
        width: 100% !important
    }

    .iletisim .iform .satir .ilabel {
        width: 100% !important
    }
    .home .altkisim .solkisim .bizdenhaberler .habertext {
        width: 100% !important;
    }

    .iletisim .iform .satir .input {
        width: 100% !important
    }

    .iletisim .telkutu span {
        margin-left: 25px !important
    }

    .iletisim .telkutu b {
        margin-top: -13px !important;
        margin-left: 2px !important
    }

    .iletisim .telkutu, #iletisim .mailkutu {
        display: inline-block;
        padding-top: 10px !important
    }

    .iletisim .icerik .ibilgi {
        width: 100% !important;
        margin-left: 0 !important
    }

    .iletisim .icerik .ibilgi .satir .ilabel {
        width: 100% !important
    }

    .iletisim .icerik .ibilgi .satir .input {
        width: 100% !important
    }

    #sureklibilgilendirme table {
        width: 100% !important
    }

    #bilgitoplama table {
        width: 100% !important
    }

    .uyegiris .slider {
        background: url('images/iletisimslider.jpg') 50% top no-repeat;
        height: 163px;
        width: 100%
    }

    .uyegiris .girisform {
        width: 100% !important
    }

    .sepet table {
        width: 100% !important
    }

    .home .altkisim .sagkisim .sagkutu {
        width: 100% !important;
        margin-left: 0 !important;
		margin-bottom: 20px;
    }

    header .orta .right .linkler ul li:hover {
        border-bottom: 0 !important;
        color: #000
    }

    header .orta .right .linkler ul li:hover a {
        color: #000 !important
    }
}

@media (min-width: 768px) {
    .home .slider {
        width: 1320px !important;
        height: 425px !important;
        width: 100%;
        min-width: 1320px
    }

    .wrapper {
        width: 1320px;
        max-width: 1320px;
        display: block;
        margin: auto;
        height: 100%;
        position: relative
    }

    .ftwrapper {
        width: 1320px;
        max-width: 1320px;
        display: block;
        margin: auto;
        position: relative
    }

    header .orta {
        width: 1320px;
        height: 105px;
        margin: auto;
        float: left;
        position: relative
    }

    .home .slidebg {
        background: url('images/slidebg.jpg') 50% top no-repeat;
        height: 425px;
        width: 100%;
        min-width: 1320px
    }

    .home .slider ul li {
        position: relative;
        width: 1320px !important;
        height: 425px !important
    }

    footer {
        clear: both;
        height: 375px;
        width: 100%;
        min-width: 1320px
    }

    footer .genis {
        height: 377px;
        padding-top: 61px;
        background: #383838 url('images/ftbg.png') center top no-repeat
    }

    footer .genis .ftcol:after {
        content: '';
        position: absolute;
        top: -35px;
        right: 0;
        width: 4px;
        height: 341px;
        background: url(images/ftgolge.png) no-repeat
    }

    footer .genis .ftcol {
        width: 228px;
        float: left;
        position: relative;
        padding-left: 31px
    }

    footer .genis .ftdikmens {
        width: 426px;
        float: right;
        margin-top: -39px;
        margin-right: 130px;
        height: 105px
    }

    footer .genis .ftdikmens .ftdikmenlogos {
        background: url('images/ftdikmenlogos.png') no-repeat;
        width: 426px;
        height: 51px
    }

    footer .genis .ftdikmens .adres {
        width: 200px;
        text-align: left;
        font: 14.52px 'DIN-Regular';
        color: #fff;
        float: left;
        line-height: 22px
    }

    footer .genis .ftdikmens .telmail {
        width: 174px;
        height: 45px;
        margin-left: 52px;
        float: left;
        margin-top: 19px
    }

    footer .genis .ftdikmens .telmail .tel {
        width: 205px;
        height: 21px;
        float: left;
        color: #fff;
        font: 13.11px 'NewsGothicBT-Bold';
        text-decoration: none;
        position: relative
    }

    footer .genis .ftdikmens .telmail .tel:before {
        content: '';
        background: url('images/fttelicon.png') no-repeat;
        width: 20px;
        height: 20px;
        position: absolute;
        left: -21px;
        top: -2px
    }

    footer .genis .ftdikmens .telmail .mail {
        width: 205px;
        height: 21px;
        float: left;
        color: #fff;
        font: 12.21px 'NewsGothicBT-Bold';
        text-decoration: none;
        position: relative;
        margin-top: 3px
    }

    footer .genis .ftdikmens .telmail .mail:before {
        content: '';
        background: url('images/ftmailicon.png') no-repeat;
        width: 21px;
        height: 20px;
        position: absolute;
        left: -21px;
        top: -2px
    }

    .home .altkisim .solkisim {
        width: 586px;
        height: 511px;
        float: left
    }

    .home .altkisim .solkisim .bizdenhaberler {
        width: 572px;
        height: 335px;
        background: #eee;
        border: 1px solid #a0a0a0
    }

    .home .bulten {
        height: 50px;
        margin-top: 10px
    }

    header {
        height: 112px
    }

    header .orta .right {
        height: 88px;
        float: right
    }

    header .orta .alt {
        height: 88px;
        width: 100%
    }

    header .orta .right .linkler {
        height: 30px;
        width: 100%;
        margin-top: 0px
    }

    header .orta .left {
        width: 231px;
        height: 88px;
        float: left
    }

    .navbar {
        display: none
    }

    .mobilbutons {
        display: none
    }

    .slide1txt1 {
        font: 81.23px 'EurostileNextLTPro-Bold';
        color: #626262;
        left: 50px;
        top: 65px;
        position: absolute
    }

    .slide1txt2 {
        font: 70.18px 'EurostileNextLTPro-Light';
        color: #626262;
        left: 50px;
        top: 140px;
        position: absolute
    }

    .slide2txt1 {
        font: 28.18px 'EurostileNextLTPro-Regular';
        color: #5c5c5b;
        left: 57px;
        top: 189px;
        position: absolute
    }

    .slide2txt2 {
        font: 48.99px 'EurostileNextLTPro-Regular';
        color: #595959;
        left: 159px;
        top: 225px;
        position: absolute
    }

    .mpopup {
        background: rgba(0, 0, 0, .5);
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        display: none
    }

    .mpopup .mbuton {
        width: 79px;
        height: 41px;
        background: transparent;
        border: 5px solid #fff;
        border-radius: 25px;
        position: relative;
        top: 20px;
        cursor: pointer;
        background: url('/Src/Css/images/tik.png') no-repeat;
        background-size: 23px;
        background-position-x: 20px;
        background-position-y: 5px
    }

    .mpopup .mtext {
        position: relative;
        top: 25px;
        color: #fff;
        font: 17.61px "EurostileNextLTPro-SmBd";
        background: #bd0e18;
        display: inline-block;
        padding: 5px;
        transform: translateX(-35%);
        animation-name: mvlt;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        animation-timing-function: linear
    }

    .kalite .slider {
        background: url('images/kaliteslider.jpg') 50% top no-repeat;
        height: 191px;
        width: 100%;
        min-width: 1320px
    }

    .haberler .slider {
        background: url('images/haberlerslider.jpg') 50% top no-repeat;
        height: 191px;
        width: 100%;
        min-width: 1320px
    }

    .iletisim .slider {
        background: url('images/iletisimslider.jpg') 50% top no-repeat;
        height: 163px;
        width: 100%;
        min-width: 1320px
    }

    .uyegiris .slider {
        background: url('images/iletisimslider.jpg') 50% top no-repeat;
        height: 163px;
        width: 100%;
        min-width: 1320px
    }
}

header .soldis {
    float: left;
    background: #2a3157;
    height: 17px;
    width: calc((100% - 1320px) / 2);
    width: -webkit-calc((100% - 1320px) / 2);
    width: -moz-calc((100% - 1320px) / 2);
    width: -o-calc((100% - 1320px) / 2);
    width: -ms-calc((100% - 1320px) / 2)
}

header .sagdis {
    float: right;
    background: #e30613;
    height: 17px;
    width: calc((100% - 1320px) / 2);
    width: -webkit-calc((100% - 1320px) / 2);
    width: -moz-calc((100% - 1320px) / 2);
    width: -o-calc((100% - 1320px) / 2);
    width: -ms-calc((100% - 1320px) / 2)
}

header .orta .ust {
    height: 17px;
    width: 100%;
    background: url('images/bgtop.png') center top no-repeat
}

header .orta .left .logo {
    background: url('images/logo.png') no-repeat;
    width: 231px;
    height: 61px;
    float: left;
    margin-top: 16px
}

header .orta .right .butonlar {
    height: 26px;
    width: 70%;
    margin-top: 11px
}

header .orta .right .butonlar .headtel {
    float: left;
    color: #898989;
    font: 16px 'NewsGothicBT-Bold';
    text-decoration: none;
    position: relative;
    margin-left: 70px
}

header .orta .right .butonlar .headtel:before {
    content: '';
    background: url('images/hdtelicon.png') no-repeat;
    width: 23px;
    height: 23px;
    position: absolute;
    left: -25px;
    top: -2px
}

header .orta .right .butonlar .headtel span.kucuk {
    font: 12.38px 'NewsGothicBT-Bold'
}

header .orta .right .butonlar .headmail {
    float: left;
    color: #898989;
    font: 14.15px 'NewsGothicBT-Bold';
    text-decoration: none;
    position: relative;
    margin-left: 36px
}

header .orta .right .butonlar .headmail:before {
    content: '';
    background: url('images/hdmailicon.png') no-repeat;
    width: 24px;
    height: 23px;
    position: absolute;
    left: -26px;
    top: -2px
}

header .orta .right .butonlar .sagbtns {
    height: 26px;
    float: right;
    margin-right: 12px
}

header .orta .right .butonlar .sagbtns .uyegiris {
    height: 26px;
    border-radius: 5px;
    background: #2a3157;
    color: #fff;
    font: 13.44px 'DINTMedium';
    display: inline-block;
    text-align: center;
    padding-top: 5px;
    text-decoration: none;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 8px
}

header .orta .right .butonlar .sagbtns .uyegiris:hover {
    background: #e30613
}

header .orta .right .butonlar .sagbtns .sepetim:before {
    content: '';
    background: url('images/topsepet.png') no-repeat;
    width: 30px;
    height: 25px;
    float: left;
    position: relative;
    left: -5px
}

header .orta .right .butonlar .sagbtns .sepetim {
    font: 20.8px 'DINTMedium';
    color: #a0a0a0;
    display: inline-block;
    float: left;
    margin-right: 10px;
    text-decoration: none
}

header .orta .right .butonlar .sagbtns .bayilogged {
    font: 12px 'DINTMedium';
    float: left;
    color: #a0a0a0;
    margin-top: 5px
}

header .orta .right .butonlar .sagbtns .logout {
    font: 12px 'DINTMedium';
    color: #2a3157;
    float: left;
    margin-top: 5px;
    margin-left: 5px
}

header .orta .right .butonlar .sagbtns .tr {
    background: url('images/tricon.png') no-repeat;
    width: 26px;
    height: 25px;
    float: left;
    margin-left: 12px
}

header .orta .right .butonlar .sagbtns .en {
    background: url('images/enicon.png') no-repeat;
    width: 24px;
    height: 25px;
    float: left;
    margin-left: 4px
}

header .orta .right .linkler ul {
    list-style: none
}

header .orta .right .linkler ul li {
    float: left;
    margin-left: 25px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 8px
}

header .orta .right .linkler ul li:hover {
    border-bottom: 6px solid #f00
}

header .orta .right .linkler ul li a {
    font: 18px 'EurostileNextLTPro-Light';
    color: #626262;
    text-decoration: none
}

.home .butonlarr {
    position: relative;
    top: -4px;
    z-index: 9999
}

.home .butonlarr .btn {
    background: #a0a0a0;
    width: 96px;
    height: 6px;
    float: left;
    margin-left: 3px
}

.home .butonlarr .btn:hover {
    background: #f00
}

.home .butonlarr .btn.aktif {
    background: #f00
}

.home .bulten span {
    color: #fff;
    font: 18px 'DINTLight';
    margin-left: 400px;
    margin-top: 18px;
    display: inline-block;
    float: left
}

.home .bulten .golge {
    background: url('images/bultengolge.png') no-repeat;
    width: 6px;
    height: 55px;
    float: left;
    margin-left: 35px
}

.home .bulten .email {
    float: left;
    margin-top: 16px;
    margin-left: 90px;
    border: none;
    border-radius: 7px;
    width: 248px;
    height: 31px;
    color: #bebebe;
    font: 18px 'DINTLight';
    padding: 10px 30px
}

.home .bulten .gonder {
    width: 124px;
    height: 31px;
    margin-top: 16px;
    margin-left: 30px;
    float: left;
    background: #2a3157;
    border-radius: 7px;
    text-align: center;
    padding-top: 5px;
    font: 18px 'DINTMedium';
    text-decoration: none;
    color: #fff
}

.home .bulten .bultensoldis {
    background: #2a3157;
    height: 50px;
    width: calc((100% - 1320px) / 2);
    width: -webkit-calc((100% - 1320px) / 2);
    width: -moz-calc((100% - 1320px) / 2);
    width: -o-calc((100% - 1320px) / 2);
    width: -ms-calc((100% - 1320px) / 2);
    float: left
}

.home .bulten .bultensagdis {
    background: #e30613;
    height: 50px;
    width: calc((100% - 1320px) / 2);
    width: -webkit-calc((100% - 1320px) / 2);
    width: -moz-calc((100% - 1320px) / 2);
    width: -o-calc((100% - 1320px) / 2);
    width: -ms-calc((100% - 1320px) / 2);
    float: left
}

.home .bulten .wrapper {
    height: 50px;
    background: url('images/bultenorta.png') no-repeat;
    float: left
}

.home .altkisim {
    margin-top: 25px
}

.home .altkisim .ust .text {
    margin: 0;
    padding: 0;
    color: #626262;
    font: 24.81px 'EurostileNextLTPro-Regular';
    margin-left: 20px;
    margin-top: 13px;
    display: inline-block
}

.home .altkisim .solkisim .bizdenhaberler .ust {
    height: 43px;
    width: 100%
}

.home .altkisim .solkisim .bizdenhaberler .cizgi {
    height: 4px;
    width: 100%;
    background: #a0a0a0
}

.home .altkisim .solkisim .bizdenhaberler .cizgi .sol {
    background: #f00;
    width: 17.247386%;
    height: 4px
}

.home .altkisim .solkisim .bizdenhaberler .habertext {
    margin-left: 21px;
    margin-top: 41px;
    width: 265px;
    text-align: left;
    font: 20.68px 'PFHandbookPro-Light';
    color: #6b6b6b;
    float: left
}

.home .altkisim .solkisim .bizdenhaberler .haberimg {
    float: right;
    margin-right: 12px;
    margin-top: 9px
}

.home .altkisim .solkisim .kataloglar {
    width: 100%;
   //* height: 125px; *//
    margin-top: 10px;
    display: flex;

}

.home .altkisim .solkisim .kataloglar .makaskatalog {
    width: 283px;
    height: 134px;
    background: url('images/mksekatalog.png') no-repeat;
    float: left
}

.home .altkisim .solkisim .kataloglar .yedekparcakatalog {
    width: 282px;
    height: 127px;
    background: url('images/ydkekatalog.png') no-repeat;
    float: left;
    margin-left: 9px;
    margin-top: 5px
}

.home .altkisim .sagkisim {
    float: left
}

.home .altkisim .sagkisim .sagkutu {
    width: 355px;
    height: auto;
    background: #eee;
    border: 1px solid #a0a0a0;
    margin-left: 12px;
    float: left
}

.home .altkisim .sagkisim .sagkutu.sagkutu-50 {
    width: 50%;
    float: none;
    margin-bottom: 20px;
}
.home .altkisim .sagkisim .sagkutu.sagkutu-33 {
    width: 33%;
    float: none;
    margin-bottom: 20px;
}

.home .altkisim .sagkisim .sagkutu .ust {
    height: 43px;
    width: 100%
}

.home .altkisim .sagkisim .sagkutu .cizgi {
    height: 4px;
    width: 100%;
    background: #a0a0a0
}

.home .altkisim .sagkisim .sagkutu .cizgi .sol {
    background: #f00;
    width: 17.247386%;
    height: 4px
}

.home .altkisim .sagkisim .sagkutu .kurumsalimg {
    width: 326px;
    height: 192px;
    background: url('images/homekurumsalimg.png') no-repeat;
    margin-top: 15px;
    margin-left: 14px
}

.home .altkisim .sagkisim .sagkutu .kurumsaltext {
    width: 315px;
    margin-left: 24px;
    font: 21px 'PFHandbookPro-Light';
    color: #6b6b6b;
    text-align: left;
    margin-bottom: 20px;
}

.home .altkisim .sagkisim .sagkutu .kaliteimg {
    width: 321px;
    height: 165px;
    background: url('images/homekaliteimg.png') no-repeat;
    margin-top: 15px;
    margin-left: 22px
}

.home .altkisim .sagkisim .sagkutu .kalitetext {
    width: 315px;
    margin-left: 24px;
    font: 21px 'PFHandbookPro-Light';
    color: #6b6b6b;
    text-align: left;
    letter-spacing: -.5px;
    margin-bottom: 20px;
}

.kurumsal .slider {
    background: url('/Src/Css/images/kurumsalslider.jpg') 50% top no-repeat;
    height: 163px;
    width: 100%;
    min-width: 1320px
}

.kurumsal h1.baslik {
    color: #626262;
    font: 41.74px 'EurostileNextLTPro-Regular';
    margin-left: 45px;
    margin-top: 97px;
    display: inline-block
}

.kurumsal .kurumsalkats {
    width: 324px;
    float: left
}

.kurumsal .kurumsalkats ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.kurumsal .kurumsalkats ul li.kat {
    height: 48px;
    width: 324px;
    background: #f1f1f1
}

.kurumsal .kurumsalkats ul li.kat a {
    text-decoration: none;
    color: #a0a0a0;
    font: 18px 'FuturaBT-Medium';
    height: 48px;
    position: relative;
    left: 10px
}

.kurumsal .kurumsalkats ul li.kat:hover > a:before {
    background: #f00
}

.kurumsal .kurumsalkats ul li.kat.aktif > a:before {
    background: #f00
}

.kurumsal .kurumsalkats ul li.kat a:before {
    content: '-';
    width: 18px;
    height: 48px;
    background: #a0a0a0;
    color: #fff;
    font: 25px 'FuturaBT-Medium';
    display: inline-block;
    padding-left: 9px;
    position: relative;
    left: -10px
}

.kurumsal .metinler {
    width: 780px;
    float: left;
    margin-left: 95px;
    margin-top: 50px
}

.kurumsal .metinler p {
    text-indent: 37px;
    font: 22px 'FuturaBT-Book';
    color: #706f6f;
    width: 780px;
    text-align: justify
}

.kurumsal .bolum {
    display: none
}

.kurumsal .goster {
    display: block
}

.kurumsal table {
    border: 1px solid #ccc
}

.kurumsal td {
    border: 1px solid #ccc;
    color: #7b7b7b;
    font: 18px 'NewsGothicBT-Roman'
}

.kurumsal .pdf {
    float: left;
    width: 150px;
    font: 15px 'FuturaBT-Book';
    color: #000;
    margin-top: 10px
}

.kurumsal .pdf + .pdf {
    margin-left: 3px
}

.kalite .slider h1.baslik {
    color: #626262;
    font: 41.74px 'EurostileNextLTPro-Regular';
    margin-left: 45px;
    margin-top: 97px;
    display: inline-block
}

.kalite .icerik {
    padding: 35px 35px 60px 35px
}

.kalite .icerik p {
    text-align: left;
    margin-top: 10px;
    color: #616161;
    font: 20px 'NewsGothicBT-Roman';
    position: relative;
    text-indent: 20px
}

.kalite .icerik p:before {
    content: '•';
    position: absolute;
    left: -22px;
    top: 0
}

.kalite .icerik .kalitekucuk {
    width: 427px;
    height: 91px;
    margin: 0 auto;
    margin-top: 36px;
    margin-left: auto;
    margin-right: auto
}

.kalite .icerik .kalitebuyuk {
    width: 1260px;
    height: 436px;
    margin: 0 auto;
    margin-top: 60px
}

.kalite .icerik .kalitebuyuk .img {
    float: left
}

.haberler .slider h1.baslik {
    color: #626262;
    font: 41.74px 'EurostileNextLTPro-Regular';
    margin-left: 45px;
    margin-top: 97px;
    display: inline-block
}

.haberler .icerik {
    margin-top: 20px
}

.haberler .icerik i {
    display: inline-block;
    margin-top: 7px;
    margin-left: 13px;
    float: left
}

.haberler .icerik .sonhaber {
    height: 428px
}

.haberler .icerik .sonhaber .ust {
    background: #535353;
    height: 53px
}

.haberler .icerik .sonhaber .ust i.sonhabericon {
    background: url('images/habericon.png') no-repeat;
    width: 42px;
    height: 36px
}

.haberler .icerik .sonhaber .ust .sontext {
    font: 30px 'NewsGothicBT-Roman';
    color: #fff;
    float: left;
    display: inline-block;
    margin-top: 10px;
    margin-left: 10px
}

.haberler .icerik .sonhaber .alt {
    height: 375px;
    position: relative
}

.haberler .icerik .sonhaber .alt .habertext {
    display: inline-block;
    position: absolute;
    left: 70px;
    top: 45px;
    width: 285px;
    font: 25.75px 'NewsGothicBT-Roman';
    color: #535353
}

.haberler .icerik .sonhaber .alt .sag {
    width: 700px;
    height: 350px;
    float: right;
    margin-right: 95px;
    margin-top: 25px
}

.haberler .icerik .sonhaber .alt .sag .thumbs {
    width: 110px;
    height: 350px;
    float: left;
    text-align: center
}
.sagkutu-1 {
    font-size: 21px!important;
}
.haberler .icerik .sonhaber .alt .sag .thumbs .yukari {
    background: url('images/hbrtopicon.png');
    width: 39px;
    height: 21px;
    display: inline-block
}

.haberler .icerik .sonhaber .alt .sag .thumbs .asagi {
    background: url('images/hbrbottomicon.png');
    width: 39px;
    height: 21px;
    display: inline-block;
    margin-top: 5px
}

.haberler .icerik .sonhaber .alt .sag .thumbs .resim {
    margin-top: 5px;
    display: inline-block
}

.haberler .icerik .sonhaber .alt .sag .buyukresim {
    width: 566px;
    height: 350px;
    float: right
}

.haberler .icerik .digerhaberler {
    height: 400px;
    margin-top: 30px
}

.haberler .icerik .digerhaberler .ust {
    background: #535353;
    height: 53px
}

.haberler .icerik .digerhaberler .ust i.digerhabericon {
    background: url('images/habericon.png') no-repeat;
    width: 42px;
    height: 36px
}

.haberler .icerik .digerhaberler .ust .digertext {
    font: 30px 'NewsGothicBT-Roman';
    color: #fff;
    float: left;
    display: inline-block;
    margin-top: 10px;
    margin-left: 10px
}

.haberler .icerik .kutular {
    height: 151px;
    width: 100%;
    float: left;
    clear: both
}

.haberler .icerik .kutular .kutu {
    background: #e8e6e9;
    height: 151px;
    width: 427px;
    float: left
}

.haberler .icerik .kutular .kutu:not(:last-child) {
    margin-right: 19px
}

.haberler .icerik .kutular .kutu .text {
    width: 150px;
    color: #535353;
    display: inline-block;
    margin-left: 20px;
    margin-top: 20px;
    float: left;
    font: 16px 'NewsGothicBT-Roman'
}

.haberler .icerik .kutular .kutu .haberimg {
    margin-top: 20px;
    display: inline-block;
    float: right
}

.urunler .slider {
    background: url('images/urunlerslider.jpg') 50% top no-repeat;
    height: 163px;
    width: 100%;
    min-width: 1320px
}

.urunler .slider h1.baslik {
    color: #626262;
    font: 41.74px 'EurostileNextLTPro-Regular';
    margin-left: 45px;
    margin-top: 97px;
    display: inline-block
}

.urunler .icerik {
    min-height: 500px
}

.urunler .kurumsalkats {
    width: 324px;
    float: left
}

.urunler .kurumsalkats ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.urunler .kurumsalkats ul li.kat {
    width: 324px;
    background: #f1f1f1
}

.urunler .kurumsalkats ul li.kat a {
    text-decoration: none;
    color: #a0a0a0;
    font: 20px 'FuturaBT-Medium';
    height: 48px;
    position: relative;
    left: 10px;
    margin-top: -2px;
    display: inline-block
}

.urunler .kurumsalkats ul li.kat.ydk:hover > a:before {
    background: #f00
}

.urunler .kurumsalkats ul li.kat.ydk a:before {
    content: '+';
    width: 18px;
    height: 38px;
    background: #a0a0a0;
    color: #fff;
    font: 25px 'FuturaBT-Medium';
    display: inline-block;
    padding-left: 9px;
    position: relative;
    left: -10px;
    padding-top: 10px;
    padding-right: 2px;
    top: 2px
}

.urunler .kurumsalkats ul li.kat ul {
    float: left
}

.urunler .kurumsalkats ul li.kat ul li {
    height: 25px;
    width: 324px;
    float: left;
    cursor: pointer
}

.urunler .kurumsalkats ul li.kat ul li a {
    font: 16px 'FuturaBT-Medium';
    height: 25px
}

.urunler .kurumsalkats ul li.kat ul li a span {
    margin-left: 4px;
    position: relative;
    top: -5px
}

.urunler .kurumsalkats ul li.kat ul li:hover {
    background: #fff
}

.urunler .kurumsalkats ul li.kat.ydk ul li a:before {
    content: '' !important;
    background: #fff !important;
    width: 18px;
    height: 25px !important;
    display: inline-block;
    padding-left: 9px;
    position: relative;
    left: -10px;
    padding-top: 0 !important
}

.urunler .kurumsalkats ul li.kat.ydk ul li a span:before {
    content: '•' !important;
    color: #a0a0a0;
    position: relative;
    left: -2px
}

.urunler .kurumsalkats ul li.kat.aktif.ydk a:before {
    content: '-';
    width: 18px;
    height: 38px;
    background: #fff;
    color: #fff;
    font: 25px 'FuturaBT-Medium';
    display: inline-block;
    padding-left: 9px;
    position: relative;
    left: -10px;
    background: #f00
}

.urunler .kurumsalkats ul li.kat.aktif ul {
    display: block
}

.urunler .kurumsalkats ul li.kat span {
    position: relative
}

.urunler .kurumsalkats ul li.kat.mks span {
    margin-left: 27px
}

.urunler .kurumsalkats ul li ul {
    display: none
}

.urunler .breadcrumb {
    margin-left: 35px;
    margin-top: 7px
}

.urunler .sol {
    float: left
}

.urunler .sag {
    float: left;
    width: 960px
}

.urunler .sag .arama {
    margin-left: 35px;
    height: 36px;
    margin-top: 7px;
    background: #a0a0a0;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px
}

.urunler .sag .arama input[type=text] {
    height: 30px;
    width: 308px;
    -webkit-box-shadow: 1px 1px 5px rgba(15, 16, 16, .23);
    -moz-box-shadow: 1px 1px 5px rgba(15, 16, 16, .23);
    box-shadow: 1px 1px 5px rgba(15, 16, 16, .23);
    border: none;
    padding-left: 5px;
    float: left
}

input[placeholder] {
    border: none;
    outline: none
}

.urunler .sag .arama input[type=submit] {
    width: 124px;
    height: 31px;
    margin-left: 5px;
    float: left;
    background: #2a3157;
    border-radius: 7px;
    text-align: center;
    font: 18px 'DINTMedium';
    text-decoration: none;
    color: #fff;
    border: none;
    outline: none;
    cursor: pointer
}

.urunler .sag .breadcrumb ul {
    float: left;
    list-style: none;
    padding: 0;
    margin: 0
}

.urunler .sag .breadcrumb ul li {
    float: left;
    color: #626262;
    font: 20.54px 'EurostileNextLTPro-Regular'
}

.urunler .sag .breadcrumb ul li + li:before {
    content: '>';
    padding: 0 5px
}

.urunler .sag .breadcrumb ul li a {
    text-decoration: none;
    color: #626262
}

.urunler .sag .breadcrumb ul li a:hover {
    text-decoration: underline
}

.urunler .sag .urunliste {
    margin-top: 10px;
    margin-left: 25px;
    width: 960px;
    min-height: 500px;
    float: left
}

.urunler .sag .urunliste .urun {
    width: 310px;
    height: 226px;
    float: left;
    margin-bottom: 11px;
    border: 1px solid #a0a0a0;
    margin-left: 10px;
    text-align: center
}

.urunler .sag .urunliste .urun .ust {
    background: url('images/urunbaslikbg.png') no-repeat;
    width: 308px;
    height: 36px
}

.urunler .sag .urunliste .urun .ust span.urunbaslik {
    color: #fff;
    font: 25.61px 'EurostileNextLTPro-SmBd';
    float: left;
    margin-left: 10px;
    margin-top: 4px
}

.urunler .sag .urunliste .urun .urunbilgiler .urunbilgi {
    clear: both
}

.urunler .sag .urunliste .urun .urunbilgiler .urunbilgi .blgsol {
    width: 135px;
    float: left
}

.urunler .sag .urunliste .urun .urunbilgiler .urunbilgi .blgsol:after {
    content: ':';
    float: right;
    color: #626262;
    font: 10.86px 'FuturaBT-Bold';
    margin-top: 4px
}

.urunler .sag .urunliste .urun .urunbilgiler .urunbilgi .blgsol span {
    color: #626262;
    font: 10.86px 'FuturaBT-Bold'
}

.urunler .sag .urunliste .urun .urunbilgiler .urunbilgi .blgsag {
    width: 162px;
    float: left;
    max-height: 36px;
    overflow: hidden
}

.urunler .sag .urunliste .urun .urunbilgiler .urunbilgi .blgsag span {
    color: #626262;
    font: 10.86px 'FuturaBT-Medium'
}

.urunler .sag .urunliste .urun .urunresim img {
    max-height: 110px;
    max-width: 300px
}

.urunler .sag .urunliste .urun .sepeteekle {
    background: url(images/sepetbyz.png) no-repeat;
    width: 21px;
    height: 18px;
    text-align: center;
    display: inline-block;
    margin-top: 8px;
    float: right;
    margin-right: 9px
}

.urunler .sag .urunliste .urun .sepeteekle:hover {
    background: url(images/sepethover.png) no-repeat
}

.urunler .sag .urundetay {
    margin-top: 32px;
    margin-left: 25px;
    width: 960px;
    min-height: 500px;
    float: left
}

.urunler .sag .urundetay .urun {
    border: 1px solid #a0a0a0;
    width: 310px;
    height: 315px;
    text-align: center;
    float: left
}

.urunler .sag .urundetay .ust {
    background: url('images/urunbaslikbg.png') no-repeat;
    width: 308px;
    height: 36px
}

.urunler .sag .urundetay .ust span.urunbaslik {
    color: #fff;
    font: 25.61px 'EurostileNextLTPro-SmBd';
    float: left;
    margin-left: 10px;
    margin-top: 4px
}

.urunler .sag .urundetay .urunresim img {
    max-width: 270px;
    max-height: 305px
}

.urunler .sag .urundetay .detay {
    width: 620px;
    margin-left: 30px;
    float: left
}

.urunler .sag .urundetay .detay .detaylar .satir {
    width: 100%;
    float: left
}

.urunler .sag .urundetay .detay .detaylar .satir .sol {
    width: 180px;
    float: left;
    color: #626262;
    font: 17px 'FuturaBT-Bold'
}

.urunler .sag .urundetay .detay .detaylar .satir .sol:after {
    content: ':';
    float: right
}

.urunler .sag .urundetay .detay .detaylar .satir .sag {
    width: 370px;
    float: left;
    color: #626262;
    font: 17px 'FuturaBT-Medium';
    margin-left: 5px
}

.urunler .sag .urundetay .detay .sepeteekle {
    background: url('images/sepet.png') no-repeat;
    width: 21px;
    height: 18px;
    text-align: center;
    display: inline-block;
    margin-top: 3px;
    margin-bottom: 3px
}

.urunler .sag .urundetay .detay .sepeteekle:hover {
    background: url('images/sepethover.png') no-repeat
}

.urunler .sag .sayfalama {
    list-style: none;
    float: right
}

.urunler .sag .sayfalama li {
    float: left;
    text-align: center
}

.urunler .sag .sayfalama li a {
    text-decoration: none;
    color: #626262;
    font: 15px 'FuturaBT-Medium';
    float: left;
    padding: 2px
}

.urunler .sag .sayfalama li:hover > a {
    background: #f00;
    color: #fff
}

.urunler .sag .sayfalama li.aktif a {
    background: #f00;
    color: #fff
}

.sepet .siparistamamla {
    background: #686868;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    float: right;
    font: 20px 'NewsGothicBT-Roman';
    transition: all ease-in .5s
}

.sepet .siparistamamla:hover {
    background: #2a3157;
    transition: all ease-in .5s
}

.sepet .aciklama {
    width: 100%;
    height: 30px;
    float: right;
}

.sepet input.adet {
    width: 50px;
    text-align: center;
    padding: 3px
}

.uyegiris .slider h1.baslik {
    color: #626262;
    font: 41.74px 'EurostileNextLTPro-Regular';
    margin-left: 45px;
    margin-top: 97px;
    display: inline-block
}

.uyegiris .icerik {
    padding-top: 45px;
    margin-bottom: 45px
}

.uyegiris .icerik p {
    text-align: left;
    margin-top: 10px;
    color: #414141;
    font: 22.38px 'PFAgoraSansPro-Regular';
    line-height: 45px;
    letter-spacing: -1px
}

.uyegiris .girisform .usttext {
    font: 21px 'NewsGothicBT-Bold';
    color: #626262;
    display: inline-block;
    margin-top: 17px
}

.uyegiris .girisform {
    width: 500px;
    margin: 0 auto;
    background: #cecece;
    border: 1px solid #9e9e9e;
    text-align: center;
    height: 300px
}

.uyegiris .girisform .satir {
    margin-top: 15px;
    display: block;
    margin-top: 10px;
    display: block;
    width: 100%
}

.uyegiris .girisform .satir .ilabel {
    color: #626262;
    font: 17px 'NewsGothicBT-Roman';
    height: 37px;
    width: 221px
}

.uyegiris .girisform .satir .ilabel .text {
    padding-top: 8px;
    float: left;
    display: inline-block
}

.uyegiris .girisform .satir .input {
    font: 15px 'NewsGothicBT-Roman';
    height: 37px;
    -webkit-box-shadow: 1px 1px 5px rgba(15, 16, 16, .23);
    -moz-box-shadow: 1px 1px 5px rgba(15, 16, 16, .23);
    box-shadow: 1px 1px 5px rgba(15, 16, 16, .23);
    border: none;
    width: 348px;
    padding-left: 10px
}

.uyegiris .girisform .satir .input:focus {
    outline: none
}

.uyegiris .girisform .satir textarea {
    font: 21.26px 'NewsGothicBT-Roman';
    height: 140px;
    -webkit-box-shadow: 1px 1px 5px rgba(15, 16, 16, .23);
    -moz-box-shadow: 1px 1px 5px rgba(15, 16, 16, .23);
    box-shadow: 1px 1px 5px rgba(15, 16, 16, .23);
    border: none;
    width: 100%;
    float: left
}

.uyegiris .girisform .satir textarea:focus {
    outline: none
}

.uyegiris .girisform .girisyap {
    background: #686868;
    width: 123px;
    height: 37px;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    padding-top: 7px;
    margin-top: 15px;
    margin-bottom: 10px;
    float: right;
    font: 20px 'NewsGothicBT-Roman';
    color: #fff
}

.uyegiris .girisform .girisyap:hover {
    background: #414141
}

.uyegiris .girisform #sonuc {
    color: #000;
    font: 17px 'NewsGothicBT-Roman';
    float: left;
    margin-top: 19px
}

.uyegiris .kayitform .usttext {
    font: 21px 'NewsGothicBT-Bold';
    color: #626262;
    display: inline-block;
    margin-top: 17px
}

.uyegiris .kayitform {
    width: 850px;
    margin: 0 auto;
    background: #cecece;
    border: 1px solid #9e9e9e;
    text-align: center;
    display: table
}

.uyegiris .kayitform .satir {
    margin-top: 15px;
    display: block;
    margin-top: 10px;
    display: block;
    width: 100%
}

.uyegiris .kayitform .satir .ilabel {
    color: #626262;
    font: 17px 'NewsGothicBT-Roman';
    height: 37px;
    width: 348px;
    float: left
}

.uyegiris .kayitform .satir .ilabel .text {
    padding-top: 8px;
    float: left;
    display: inline-block
}

.uyegiris .kayitform .satir .input {
    font: 15px 'NewsGothicBT-Roman';
    height: 37px;
    -webkit-box-shadow: 1px 1px 5px rgba(15, 16, 16, .23);
    -moz-box-shadow: 1px 1px 5px rgba(15, 16, 16, .23);
    box-shadow: 1px 1px 5px rgba(15, 16, 16, .23);
    border: none;
    width: 348px;
    padding-left: 10px;
    float: left
}

.uyegiris .kayitform .satir .input:focus {
    outline: none
}

.uyegiris .kayitform .satir textarea {
    font: 21.26px 'NewsGothicBT-Roman';
    height: 140px;
    -webkit-box-shadow: 1px 1px 5px rgba(15, 16, 16, .23);
    -moz-box-shadow: 1px 1px 5px rgba(15, 16, 16, .23);
    box-shadow: 1px 1px 5px rgba(15, 16, 16, .23);
    border: none;
    width: 100%;
    float: left
}

.uyegiris .kayitform .satir textarea:focus {
    outline: none
}

.uyegiris .kayitform .kaydol {
    background: #686868;
    width: 123px;
    height: 37px;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    padding-top: 7px;
    margin-top: 15px;
    margin-bottom: 10px;
    float: right;
    font: 20px 'NewsGothicBT-Roman';
    color: #fff;
    margin-right: 35px
}

.uyegiris .kayitform .kaydol:hover {
    background: #414141
}

.uyegiris .kayitform #sonuc {
    color: #000;
    font: 17px 'NewsGothicBT-Roman';
    float: left;
    margin-top: 19px
}

.uyegiris .kayitform .sol {
    width: 348px;
    float: left;
    margin-left: 26px
}

.uyegiris .kayitform .sag {
    width: 348px;
    float: left;
    margin-left: 62px
}

.uyegiris .kayitform .orta {
    width: 820px;
    margin: 0 auto
}

.uyegiris .girisform .orta {
    width: 348px;
    margin: 0 auto
}

.iletisim .slider h1.baslik {
    color: #626262;
    font: 41.74px 'EurostileNextLTPro-Regular';
    margin-left: 45px;
    margin-top: 97px;
    display: inline-block
}

.iletisim .icerik {
    padding-top: 45px
}

.iletisim .icerik p {
    text-align: left;
    margin-top: 10px;
    color: #414141;
    font: 22.38px 'PFAgoraSansPro-Regular';
    line-height: 45px;
    letter-spacing: -1px
}

.iletisim .icerik .ust {
    height: 54px;
    background: #535353
}

.iletisim .icerik .ust .usttext {
    font: 20px 'NewsGothicBT-Roman';
    color: #fff;
    float: left;
    display: inline-block;
    margin-top: 17px;
    margin-left: 25px
}

.iletisim .icerik .gonder {
    background: #686868;
    width: 123px;
    height: 37px;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    padding-left: 29px;
    padding-top: 7px;
    margin-top: 15px;
    margin-bottom: 10px;
    float: right;
    font: 20px 'NewsGothicBT-Roman';
    color: #fff
}

.iletisim .icerik .gonder:hover {
    text-decoration: underline
}

.clear {
    clear: both
}

.iletisim .icerik .iform {
    width: 296px;
    float: left
}

.iletisim .icerik .iform .alt .satir {
    width: 100%;
    float: left;
    margin-top: 15px
}
.social img{
    width: 36px;
    margin: 10px;
}

.iletisim .icerik .iform .alt .satir .iconback {
    width: 29px;
    height: 24px;
    background: #686868;
    float: left;
    margin-top: 6px
}

.iletisim .icerik .iform .alt .icon {
    background-repeat: no-repeat;
    display: inline-block;
    margin: 1px 0 0 4px;
    width: 19px;
    height: 21px
}

.iletisim .icerik .iform .alt .icon.home {
    background-image: url('images/iletisimhomeicon.png')
}

.iletisim .icerik .iform .alt .icon.tel {
    background-image: url('images/iletisimtelicon.png')
}

.iletisim .icerik .iform .alt .icon.faks {
    background-image: url('images/iletisimfaksicon.png')
}

.iletisim .icerik .iform .alt .icon.eposta {
    background-image: url('images/iletisimmailicon.png');
    width: 22px;
    height: 15px
}

.iletisim .icerik .iform .alt .satir .top {
    border-bottom: 1px solid #858585;
    display: inline-block;
    width: 100%;
    height: 31px
}

.iletisim .icerik .iform .alt .satir .baslik {
    float: left;
    font: 21px 'NewsGothicBT-Roman';
    color: #7b7b7b;
    margin-left: 5px;
    margin-top: 6px
}

.iletisim .icerik .iform .alt .satir hr {
    float: left;
    width: 100%;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0
}

.iletisim .icerik .iform .alt .satir .bilgi {
    color: #7b7b7b;
    font: 18px 'NewsGothicBT-Roman';
    margin-top: 2px;
    text-decoration: none
}

.iletisim .icerik .iform .alt .satir a.bilgi:hover {
    text-decoration: underline
}

.iletisim .icerik .ibilgi {
    width: 617px;
    float: left;
    margin-left: 30px
}

.iletisim .icerik .ibilgi .satir {
    margin-top: 15px;
    display: block;
    margin-top: 10px;
    display: block;
    width: 100%;
    height: 37px
}

.iletisim .icerik .ibilgi .satir .ilabel {
    background: #686868;
    color: #fff;
    font: 21.26px 'NewsGothicBT-Roman';
    height: 37px;
    width: 221px;
    float: left
}

.iletisim .icerik .ibilgi .satir .ilabel .text {
    padding-top: 8px;
    padding-left: 15px;
    display: inline-block
}

.iletisim .icerik .ibilgi .satir .input {
    font: 21.26px 'NewsGothicBT-Roman';
    height: 37px;
    -webkit-box-shadow: 1px 1px 5px rgba(15, 16, 16, .23);
    -moz-box-shadow: 1px 1px 5px rgba(15, 16, 16, .23);
    box-shadow: 1px 1px 5px rgba(15, 16, 16, .23);
    border: none;
    width: 396px;
    float: left;
    padding-left: 10px
}

.iletisim .icerik .ibilgi .satir .input:focus {
    outline: none
}

.iletisim .icerik .ibilgi .satir textarea {
    font: 21.26px 'NewsGothicBT-Roman';
    height: 140px;
    -webkit-box-shadow: 1px 1px 5px rgba(15, 16, 16, .23);
    -moz-box-shadow: 1px 1px 5px rgba(15, 16, 16, .23);
    box-shadow: 1px 1px 5px rgba(15, 16, 16, .23);
    border: none;
    width: 100%;
    float: left
}

.iletisim .icerik .ibilgi .satir textarea:focus {
    outline: none
}

.iletisim .icerik .imap {
    width: 346px;
    margin-left: 30px;
    float: left
}

.iletisim .insankaynaklari {
    margin-bottom: 50px;
    width: 100%;
    float: left
}

.iletisim .insankaynaklari .insust {
    background: #535353;
    height: 54px
}

.iletisim .insankaynaklari .insust h2.usttext {
    display: inline-block;
    float: left;
    margin-top: 15px;
    margin-left: 20px;
    color: #fff;
    font: 20px 'NewsGothicBT-Roman'
}

.iletisim .insankaynaklari p {
    text-align: left;
    margin-top: 10px;
    color: #231f20;
    font: 16.36px 'NewsGothicBT-Roman';
    padding-left: 40px;
    padding-right: 40px
}

.iletisim .insankaynaklari p:first-child {
    margin-top: 25px
}

.iletisim .insankaynaklari a.basvuruformu {
    background: #535353;
    width: 169px;
    height: 37px;
    padding-top: 7px;
    padding-left: 25px;
    font: 17.72px 'NewsGothicBT-Roman';
    float: right;
    color: #fff;
    text-decoration: none
}

.iletisim .insankaynaklari a.basvuruformu:hover {
    text-decoration: underline
}

footer .genis .ftcol h4.baslik {
    color: #fff;
    font: 21.48px 'DINTMedium';
    margin-bottom: 0;
    margin-top: 0
}

footer .genis .ftcol ul {
    list-style: none;
    padding: 0;
    margin-top: 0
}

footer .genis .ftcol ul li {
    padding-left: 0;
    margin-top: 14px;
    font: 16.05px 'DINTMedium';
    color: #fff
}

footer .genis .ftcol ul li:before {
    content: '-'
}

footer .genis .ftcol ul li a {
    text-decoration: none;
    font: 16.05px 'DINTMedium';
    color: #fff;
    padding-left: 10px
}

footer .alt {
    background: #161a32;
    height: 54px
}

footer .alt .ftyazi {
    color: #fff;
    font: 20.36px 'MyriadPro-Regular';
    margin-top: 20px;
    display: inline-block
}

footer .alt .medyavuz {
    display: inline-block;
    float: right;
    margin-top: 20px;
    width: 89px;
    height: 22px;
    background: url('images/medyavuzz.png') no-repeat;
    margin-right: 65px
}

footer .alt .medyavuz:hover {
    background: url('images/medyavuzz_hover.png') no-repeat
}

@-webkit-keyframes mvlt {
    0% {
        background: #bd0e18;
        color: #fff
    }
    100% {
        background: #ff000e;
        color: #fff
    }
}

.sepet table {
    width: 100%;
    float: left;
    background-color: #fff;
    position: relative;
    box-shadow: rgba(227, 6, 19, 0.39) 0px 0px 10px;
    position: relative;
    margin-bottom: 10px;
    min-height: 120px;
    height: auto;
    border-radius: 10px;
    font-family: 'Open Sans';
    padding: 10px;
    text-align: left;
    z-index: 2
}

.sepet table thead {
    width: 100%;
    color: #f00;
    font-weight: bold;
}

.sepet table th {
    border-bottom: solid 1px #f00;
    height: 40px;
    padding-top: 10px;
    font-size: 14px;
    text-align: left;
    padding: 10px 5px 5px 3px
}

.sepet table tr td {
    font: 14px 'Open Sans';
    text-align: left;
    padding: 15px 5px;
}

.sepet table.sepett tbody tr:hover {
    background-color: rgba(227, 6, 19, 0.30);
    transition: all ease .5s
}

.sepet table.sepett tbody tr:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.sepeteekle {
    padding: 10px 5px;
    text-decoration: none;
    background-color: #cc2525;
    color: #fff;
    width: 120px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    transition: all ease .4s;
}

.sepeteekle:hover {
    background-color: rgba(42, 49, 87, 0.83);
    transition: all ease .4s;
}

.sepetaratxt {
    padding: 10px;
    float: left;
    width: 100%;
    border: 3px;
}

table.aratable {
    width: 100%;
    float: left;
    background-color: #eee;
    border-radius: 0px;
    box-shadow: none
}

table.aratable:last-child {
    margin: 0px;
    box-shadow: rgba(227, 6, 19, 0.39) 0px 1px 10px;
}

table.siparisokey {
    width: 100%;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    margin-top: -30px;
    z-index: 1
}

table.siparisokey tr:hover {
    background-color: #fff
}

@media (min-width: 767px) {
.sagkutu-1 {
    height: 482px!important;
}
.mobile-only{display:none;}
}

@media (max-width: 768px) {
.sagkisim {
margin-top: 6px !important;	
}

.genis .wrapper {
  padding: 20px;
}
.desktop-only {display:none}

}