@import "http://fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=latin,latin-ext";
html,
body {
    width: 100%;
    height: 100%
}

body {
    margin: 0;
    padding: 0;
    font-family: Calibri;
    font-size: 12px
}

table {
    border-collapse: collapse
}

img {
    border: 0 #000 none
}

* {
    margin: 0;
    padding: 0
}

a,
a:visited {
    text-decoration: none;
    color: inherit
}

a:hover {
    text-decoration: none;
    color: inherit
}

.clear {
    clear: both;
    height: 0
}

.urunler .thumbnail {
    height: 200px!important;
    padding-bottom: 50px
}

.urunler img {
    width: 100%;
    object-fit: cover;
    height: 200px
}

.urun-detay img {
    width: 100%;
    height: 100%
}

.urun-kategori {
    width: 46%!important
}

.urun-kategori img {
    height: 300px!important
}

a.referans-img img {
    padding: 30px 0!important;
    height: 100%
}

.hBack {
    display: none!important
}

.slider ul#slider li .ortala .icerik {
    position: absolute;
    z-index: 2;
    width: 92%;
    top: 200px;
}

.slider ul#slider li .ortala .icerik h1 {
    float: right;
    display: inline;
    color: #fff;
    font-size: 28px!important;
    text-align: right
}

.slider ul#slider li .ortala .icerik h2 {
    float: right;
    display: inline;
    width: 80%!important;
    color: #fff;
    font-size: 4em;
    text-align: right;
    padding-top: 71px
}

.slider ul#slider li .ortala .icerik h3 {
    float: right;
    display: inline;
    width: 80%!important;
    color: #fff;
    font-size: 18px!important;
    text-align: right
}

@media screen and (max-width:480px) {
    .iletisim-col {
        padding: 50px
    }
    footer .bottomPhone span b {
        font-size: 20px!important
    }
    .deskop {
        visibility: hidden;
        display: none
    }
    .mobile {
        visibility: visible;
        display: block
    }
    .ortala {
        width: 100%
    }
    .slider .slideRight {display:none;}
    .slider .slideLeft {display:none;}

    header {
        width: 100%;
        /* height: 190px */
    }
    .right {
        float: right;
        display: inline
    }
    .hBack {
        height: 167px
    }
    ul.dil {
        margin-right: 25px;
        margin-top: 8px
    }
    .search {
        margin-top: 5px
    }
    ul.menu {
        margin-top: 18px
    }
    ul.menu li {
        padding: 10px 11px;
        padding-top: 17px
    }
    ul.menu li .acilir {
        top: 44px;
        width: 510px;
        height: 237px;
        padding: 20px 0 20px 40px
    }
    ul.menu li .acilir .acilirLogo {
        display: none!important
    }
    ul.menu.left li {
        padding: 0 8px 10px 0
    }
    ul.menu li a h1 {
        font-size: 11px
    }
    ul.menu.right {
        margin-top: 2px
    }
    a.logo {
        margin-left: 50px;
        margin-top: -20px
    }
    a.logo.en {
        margin-left: 28px
    }
    #menu {
        display: none !important;
    }
    #menu #logo {
        float: left;
        display: inline;
        background: url(../img/m-logo2.png) no-repeat!important;
        width: 171px;
        height: 63px;
        position: absolute;
        top: 0;
        left: 23px
    }
    #menu #MenuIcon {
        float: right;
        margin-right: 30px;
        margin-top: 14px;
        cursor: pointer
    }
    #menu #MenuIcon span.spanmenutext {
        display: none
    }
    #menu #MenuIcon span.kapat {
        float: right;
        display: block;
        background: url(../img/icon6.png) no-repeat;
        width: 36px;
        height: 36px;
        margin-top: 2px;
        cursor: pointer
    }
    #menu #MenuIcon span.ac {
        float: right;
        display: inline;
        background: url(../img/icon5.png) no-repeat;
        width: 36px;
        height: 36px;
        margin-top: 2px;
        cursor: pointer
    }
    #menu ul#menus {
        display: none;
        list-style: none;
        width: 80%;
        position: absolute;
        background-color: #fff;
        top: 63px;
        left: 9%;
        padding: 50px 10px 20px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        -webkit-box-shadow: 0 1px 16px 0 #000;
        -moz-box-shadow: 0 11px 24px 0 #000;
        box-shadow: 0 1px 16px 0 #000;
        z-index: -1
    }
    #menu ul#menus li {
        border-bottom: 7px #fff solid;
        padding: 0 10px 3px;
        position: relative;
        padding: 0 10px
    }
    #menu ul#menus li:hover {
        border-bottom: 7px #c00d0e solid
    }
    #menu ul#menus li a h1 {
        color: #0b0b0b;
        font-size: 14px
    }
    #menu ul#menus li a span {
        color: #666565;
        font-size: 11px;
        font-family: Arial
    }
    .icerik {
        /* position: absolute; */
        /* font-size: 8px; */
        /* top: 48px !important; */
    }
    .urunler {
        margin-top: 20px
    }
    .nerde {
        top: 190px;
        margin-top: 37px;
        z-index: 0!important;
        padding-left: 20px
    }
    .pageIcerik {
        width: 80%;
        float: none!important;
        display: block!important;
        margin: 10px auto
    }
    .pageMenu {
        width: 80%;
        float: none!important;
        display: block!important;
        margin: 10px auto
    }
    .slider {
        /* height: 500px */
    }
    .slider ul#slider li .resim {
        height: 300px;
    }
    .slider ul#slider {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        /* height: 500px */
    }
    .slider ul#slider li {
        display: none;
        width: 100%;
        /* height: 300px; */
    }
    .sliderAltiAnaContUstu {
        height: 171px
        
    }

    .altDuyurular ul.duyuru {display: block !important;}
    #anaCont {
        width: 80%;
        background: #f4f4f4;
        margin: 192px auto 0;
        position: relative;
        z-index: 2;
        overflow: hidden;
        list-style: none
    }
    #anaCont li {
        height: 191px;
        width: 80%;
        padding: 10px 15px;
        background: #fff;
        margin: 10px auto
    }
    #anaCont li .head {
        float: left;
        display: inline;
        
        padding: 5px;
        padding-left: 26px
    }
    #anaCont li .head h1 {
        color: #000;
        font-size: 16px;
        display: block
    }
    #anaCont li img {
        display: block;
        width: 100%;
        height: 80%;
        margin: 10px 0
    }
    .anaKatalog {
        width: 80%;
        background: url(../img/urunbg.png) no-repeat center bottom;
        border-bottom: 1px #b5b5b5 solid;
        padding: 13px 0;
        height: 150px;
        margin: 10px auto
    }
    .anaKatalog a#topkatmenu {
        width: 290px;
        margin: 15px auto 0!important
    }
    .anaKatalog a#centerkatmenu {
        width: 295px;
        margin: 1px auto 0!important
    }
    .anaKatalog a#bottomkatmenu {
        width: 290px;
        margin: -2px auto 0!important
    }
    .anaSosyal {
        width: 80%;
        margin: 110px auto 10px;
        border-top: 1px #b5b5b5 solid
    }
    .anaSosyal a {
        padding: 30px 100px 20px 0
    }
    .anaGaleri {
        width: 80%;
        padding: 0 20px;
        margin: 10px auto
    }
    .anaGaleri ul li a {
        padding: 6px 10px
    }
    .anaGaleri .video {
        width: 103px;
        height: 103px
    }
    .anaGaleri .video img {
        width: 103px;
        height: 103px
    }
    .anaGaleri .video .back {
        width: 103px;
        height: 103px
    }
    .anaGaleri .resim {
        width: 122px;
        float: none!important
    }
    .anaGaleri .resim a {
        width: 43px;
        height: 50px
    }
    .anaGaleri .resim a img {
        width: 50px;
        height: 50px
    }
    .altHarita {
        width: 80%;
        margin: 0 auto;
        background: url(../img/icon11.png) no-repeat center;
        border-bottom: 1px #b5b5b5 solid
    }
    .altHarita ul li {
        width: 130px
    }
    .altHarita .icHarita {
        border: none!important
    }
    .altDuyurular {
        width: 80%;
        margin: 10px auto;
        padding-right: 0;
        border-bottom: 1px #b5b5b5 solid
    }
    .altDuyurular ul.duyuru li {
        width: 255px
    }
    .altDuyurular ul.duyuru li a .icerik {
        width: 130px;
        height: 74px;
        overflow: hidden;
        margin-bottom: 3px
    }
    .altDuyurular ul.duyuru li a .icerik h2 {
        padding: 0
    }
    .altMail {
        width: 80%;
        margin: 0 auto;
        padding: 20px 0
    }
    .altMail form input[type=text] {
        width: 150px
    }
    footer {
        width: 80%
    }
    footer .left {
        width: 100%
    }
    footer .bottomPhone {
        background: url(../img/icon15.png) no-repeat center right;
        padding-top: 7px;
        padding-right: 70px;
        text-align: right
    }
    .bilgiler {
        width: 80%;
        padding: 10px 5px;
        margin: 10px auto;
        float: none!important;
        display: block!important
    }
    .bilgiler .maps {
        width: 355px
    }
    .bilgiler .maps iframe {
        width: 355px
    }
    .form {
        width: 80%;
        margin: 10px auto;
        padding: 10px 5px;
        float: none!important;
        display: block!important
    }
    .form input[type=text] {
        width: 250px
    }
    .form textarea {
        width: 250px
    }
    .aktuelDetay .icerik {
        width: 80%;
        float: none!important;
        display: block!important;
        margin: 9px auto!important
    }
    .aktuelDetay .icerik img.resimdetay {
        width: 100%;
        height:  100%;
    }
    .aktuelDetay .icerik .text .tabca {
        /* width: 427px */
    }
    .aktuelDetay #katnav {
        float: none!important;
        margin: 0 auto!important;
        width: 80%!important
    }
    .aktuelDetay #katnav .headeri {
        width: 97%!important
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .deskop {
        visibility: hidden;
        display: none
    }
    .mobile {
        visibility: visible;
        display: block
    }
    .ortala {
        width: 100%
    }
    header {
        width: 100%;
        height: 190px
    }
    .right {
        float: right;
        display: inline
    }
    .hBack {
        height: 167px
    }
    ul.dil {
        margin-right: 55px;
        margin-top: 8px
    }
    .search {
        margin-top: 5px
    }
    ul.menu {
        margin-top: 18px
    }
    ul.menu li {
        padding: 10px 11px;
        padding-top: 17px
    }
    ul.menu li .acilir {
        top: 44px;
        width: 510px;
        height: 237px;
        padding: 20px 0 20px 40px
    }
    ul.menu li .acilir .acilirLogo {
        display: none!important
    }
    ul.menu.left li {
        padding: 0 8px 10px 0
    }
    ul.menu li a h1 {
        font-size: 11px
    }
    ul.menu.right {
        margin-top: 2px
    }
    a.logo {
        margin-left: 50px;
        margin-top: -20px
    }
    a.logo.en {
        margin-left: 28px
    }
    #menu {
        display: none !important;
    }
    #menu #logo {
        float: left;
        display: inline;
        background: url(../img/logo3.png) no-repeat;
        width: 171px;
        height: 63px;
        position: absolute;
        top: -26px;
        left: 10px
    }
    #menu #MenuIcon {
        float: right;
        margin-right: 30px;
        margin-top: 14px;
        cursor: pointer
    }
    #menu #MenuIcon span.kapat {
        float: right;
        display: block;
        background: url(../img/icon6.png) no-repeat;
        width: 36px;
        height: 36px;
        margin-top: 2px;
        cursor: pointer
    }
    #menu #MenuIcon span.ac {
        float: right;
        display: inline;
        background: url(../img/icon5.png) no-repeat;
        width: 36px;
        height: 36px;
        margin-top: 2px;
        cursor: pointer
    }
    #menu ul#menus {
        display: none;
        width: 80%;
        position: absolute;
        background-color: #fff;
        top: 63px;
        left: 9%;
        padding: 50px 10px 20px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        -webkit-box-shadow: 0 11px 24px 0 #000;
        -moz-box-shadow: 0 11px 24px 0 #000;
        box-shadow: 0 11px 24px 0 #000;
        z-index: -1
    }
    #menu ul#menus li {
        border-bottom: 7px #fff solid;
        padding: 0 10px 3px;
        position: relative;
        list-style: none;
        padding: 0 10px
    }
    #menu ul#menus li:hover {
        border-bottom: 7px #c00d0e solid
    }
    #menu ul#menus li a h1 {
        color: #0b0b0b;
        font-size: 14px
    }
    #menu ul#menus li a span {
        color: #666565;
        font-size: 11px;
        font-family: Arial
    }
    .nerde {
        top: 174px;
        z-index: 0!important
    }
    .pageIcerik {
        width: 80%;
        float: none!important;
        display: block!important;
        margin: 10px auto
    }
    .pageMenu {
        width: 80%;
        float: none!important;
        display: block!important;
        margin: 10px auto
    }
    .slider {
        height: 500px
    }
    .slider ul#slider li .resim {
        height: 500px
    }
    .slider ul#slider {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 500px
    }
    .slider ul#slider li {
        display: none;
        width: 100%;
        height: 500px
    }
    .slider ul#slider li .icerik {
        position: absolute;
        z-index: 2;
        width: 92%;
        top: 200px
    }
    .sliderAltiAnaContUstu {
        height: 171px
    }
    #anaCont {
        width: 80%;
        background: #f4f4f4;
        margin: 192px auto 0;
        position: relative;
        z-index: 2;
        overflow: hidden
    }
    #anaCont li {
        height: 191px;
        width: 80%;
        padding: 10px 15px;
        background: #fff;
        margin: 10px auto
    }
    #anaCont li .head {
        float: left;
        display: inline;
        
        padding: 5px;
        padding-left: 26px
    }
    #anaCont li .head h1 {
        color: #000;
        font-size: 16px;
        display: block
    }
    #anaCont li img {
        display: block;
        width: 100%;
        height: 80%;
        margin: 10px 0
    }
    .anaKatalog {
        width: 80%;
        background: url(../img/urunbg.png) no-repeat center bottom;
        border-bottom: 1px #b5b5b5 solid;
        padding: 13px 0;
        height: 150px;
        margin: 10px auto
    }
    .anaKatalog a#topkatmenu {
        width: 290px;
        margin: 15px auto 0!important
    }
    .anaKatalog a#centerkatmenu {
        width: 295px;
        margin: 1px auto 0!important
    }
    .anaKatalog a#bottomkatmenu {
        width: 290px;
        margin: -2px auto 0!important
    }
    .anaSosyal {
        width: 80%;
        margin: 110px auto 10px;
        border-top: 1px #b5b5b5 solid
    }
    .anaSosyal a {
        padding: 30px 100px 20px 0
    }
    .anaGaleri {
        width: 80%;
        padding: 0 20px;
        margin: 10px auto
    }
    .anaGaleri ul li a {
        padding: 6px 10px
    }
    .anaGaleri .video {
        width: 103px;
        height: 103px
    }
    .anaGaleri .video img {
        width: 103px;
        height: 103px
    }
    .anaGaleri .video .back {
        width: 103px;
        height: 103px
    }
    .anaGaleri .resim {
        width: 122px;
        float: none!important
    }
    .anaGaleri .resim a {
        width: 43px;
        height: 50px
    }
    .anaGaleri .resim a img {
        width: 50px;
        height: 50px
    }
    .altHarita {
        width: 80%;
        margin: 0 auto;
        background: url(../img/icon11.png) no-repeat center;
        height: 187px;
        border-bottom: 1px #b5b5b5 solid
    }
    .altHarita ul li {
        width: 130px
    }
    .altHarita .icHarita {
        border: none!important
    }
    .altDuyurular {
        width: 80%;
        margin: 10px auto;
        padding-right: 0;
        border-bottom: 1px #b5b5b5 solid
    }
    .altDuyurular ul.duyuru li {
        width: 255px
    }
    .altDuyurular ul.duyuru li a .icerik {
        width: 130px;
        height: 74px;
        overflow: hidden;
        margin-bottom: 3px
    }
    .altDuyurular ul.duyuru li a .icerik h2 {
        padding: 0
    }
    .altMail {
        width: 80%;
        margin: 0 auto;
        padding: 20px 0
    }
    .altMail form input[type=text] {
        width: 150px
    }
    footer {
        width: 80%
    }
    footer .left {
        width: 100%
    }
    footer .bottomPhone {
        background: url(../img/icon15.png) no-repeat center right;
        padding-top: 7px;
        padding-right: 70px;
        text-align: right
    }
    .bilgiler {
        width: 80%;
        padding: 10px 5px;
        margin: 10px auto;
        float: none!important;
        display: block!important
    }
    .bilgiler .maps {
        width: 355px
    }
    .bilgiler .maps iframe {
        width: 355px
    }
    .form {
        width: 80%;
        margin: 10px auto;
        padding: 10px 5px;
        float: none!important;
        display: block!important
    }
    .form input[type=text] {
        width: 250px
    }
    .form textarea {
        width: 250px
    }
    .aktuelDetay .icerik {
        width: 80%;
        float: none!important;
        display: block!important;
        margin: 9px auto!important
    }
    .aktuelDetay .icerik img.resimdetay {
        width: 80%
    }
    .aktuelDetay .icerik .text .tabca {
        width: 427px
    }
    .aktuelDetay #katnav {
        float: none!important;
        margin: 0 auto!important;
        width: 80%!important
    }
    .aktuelDetay #katnav .headeri {
        width: 97%!important
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .deskop {
        display: block;
        visibility: visible
    }
    .mobile {
        display: none;
        visibility: hidden
    }
    .ortala {
        width: 768px
    }
    header {
        background: none !important;
        width: 100% !important;
        height: auto !important;
    }
    .left {
        float: left;
        display: inline
    }
    .right {
        float: right;
        display: inline
    }
    .hBack {
        height: 167px
    }
    ul.dil {
        margin-right: 10px;
        margin-top: 8px
    }
    .search {
        margin-top: 5px
    }
    ul.menu {
        margin-top: 18px
    }
    ul.menu li {
        padding: 10px 11px;
        padding-top: 17px
    }
    ul.menu li .acilir {
        top: 44px;
        width: 510px;
        height: 237px;
        padding: 20px 0 20px 40px
    }
    ul.menu li .acilir .acilirLogo {
        display: none!important
    }
    ul.menu.left li {
        padding: 0 8px 10px 0
    }
    ul.menu li a h1 {
        font-size: 11px
    }
    ul.menu.right {
        margin-top: 2px
    }
    a.logo {
        margin-left: 50px;
        margin-top: -20px
    }
    a.logo.en {
        margin-left: 28px
    }
    .nerde {
        top: 174px
    }
    .pageIcerik {
        width: 490px
    }
    .slider {
        height: 500px
    }
    .slider ul#slider li .resim {
        height: 500px
    }
    .slider ul#slider {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 500px
    }
    .slider ul#slider li {
        display: none;
        width: 100%;
        height: 500px
    }
    .slider ul#slider li .icerik {
        position: absolute;
        z-index: 2;
        width: 100%;
        top: 200px
    }
    .sliderAltiAnaContUstu {
        height: 122px
    }
    .anaCont {
        width: 768px
    }
    .anaCont li {
        width: 214px
    }
    .anaCont li img {
        width: 214px
    }
    .anaCont li .head {
        padding: 5px 5px 5px 18px
    }
    .anaKatalog {
        float: left;
        width: 265px;
        background: url(../img/urunbgtablet.png) no-repeat left bottom;
        display: inline;
        border-right: 1px #b5b5b5 solid;
        padding: 13px 0;
        margin-top: 20px;
        height: 150px;
        margin-top: 10px
    }
    .anaKatalog a#topkatmenu {
        width: 250px
    }
    .anaKatalog a#centerkatmenu {
        width: 240px
    }
    .anaKatalog a#bottomkatmenu {
        width: 265px
    }
    .anaSosyal {
        float: right;
        display: inline;
        width: 206px;
        margin: 10px 0;
        border-left: 1px #b5b5b5 solid;
        padding-left: 30px;
        margin-top: 20px
    }
    .anaSosyal a {
        padding-right: 100px
    }
    .anaGaleri {
        width: 225px;
        float: left;
        display: inline;
        padding: 0 20px
    }
    .anaGaleri ul li a {
        padding: 6px 10px
    }
    .anaGaleri .video {
        width: 103px;
        height: 103px
    }
    .anaGaleri .video img {
        width: 103px;
        height: 103px
    }
    .anaGaleri .video .back {
        width: 103px;
        height: 103px
    }
    .anaGaleri .resim {
        width: 122px
    }
    .anaGaleri .resim a {
        width: 43px;
        height: 50px
    }
    .anaGaleri .resim a img {
        width: 50px;
        height: 50px
    }
    .altHarita {
        float: left;
        width: 270px;
        display: inline;
        background: url(../img/icon11.png) no-repeat;
        height: 187px
    }
    .altHarita ul li {
        width: 130px
    }
    .altDuyurular {
        float: left;
        display: inline;
        margin-top: 20px;
        padding-right: 0;
        margin-left: 10px;
        border-right: 1px #b5b5b5 solid
    }
    .altDuyurular ul.duyuru li {
        width: 255px
    }
    .altDuyurular ul.duyuru li a .icerik {
        width: 130px;
        height: 74px;
        overflow: hidden;
        margin-bottom: 3px
    }
    .altDuyurular ul.duyuru li a .icerik h2 {
        padding: 0
    }
    .altMail {
        width: 220px;
        float: right;
        display: inline;
        padding: 20px 0
    }
    .altMail form input[type=text] {
        width: 150px
    }
    footer {
        width: 768px
    }
    footer .left {
        width: 555px
    }
    footer .bottomPhone {
        float: right;
        display: inline;
        background: url(../img/icon15.png) no-repeat center right;
        padding-top: 7px;
        padding-right: 70px;
        text-align: right
    }
    .bilgiler {
        width: 360px;
        padding: 10px 5px
    }
    .bilgiler .maps {
        width: 355px
    }
    .bilgiler .maps iframe {
        width: 355px
    }
    .form {
        width: 370px;
        padding: 10px 5px
    }
    .form input[type=text] {
        width: 250px
    }
    .form textarea {
        width: 250px
    }
    .aktuelDetay .icerik {
        width: 470px
    }
    .aktuelDetay .icerik img.resimdetay {
        width: 470px
    }
    .aktuelDetay .icerik .text .tabca {
        width: 427px
    }
}

@media only screen and (min-width:1024px) {
    .deskop {
        display: block;
        visibility: visible;
        /* height: 122px; */
    }
    .mobile {
        display: none;
        visibility: hidden
    }
    header {
        width: 1037px;
        /* height: 260px */
    }
    .ortala {
        width: 999px
    }
    .hBack {
        height: 220px
    }
    .left {
        float: left;
        display: inline
    }
    .right {
        float: right;
        display: inline
    }
    ul.dil {
        /* margin-right: 40px; */
        /* margin-top: 12px */
        position:  absolute;
        top: 50px;
        right: 78px;
    }
    .search {
        margin-top: 9px
    }
    ul.menu {
        background: #0000007a;
        margin-top: 20px;
        padding: 10px 36px;
        border-radius: 50px;
        /* padding-right: 165px; */
        width: 70%;
    }
    ul.menu li {
        padding: 10px 11px;
        padding-top: 17px
    }
    ul.menu li .acilir {
        top: 65px;
        width: 710px;
        height: 237px;
        padding: 50px
    }
    ul.menu.left li {
        padding: 10px 10px;
        padding-top: 17px;
    }
    ul.menu li a h1 {
        font-size: 14px
    }
    ul.menu.right {
        width: 350px;
        margin-right: 15px
    }
    a.logo {
        z-index: 999999!important
    }
    a.logo.en {
        margin-left: 65px
    }
    ul.menu.right.tr li {
        padding-right: 35px
    }
    ul.menu.right li {
        padding-right: 20px
    }
    .nerde {
        top: 230px
    }
    .pageIcerik {
        width: 710px
    }
    .slider {
        height: 736px
    }
    .slider ul#slider li .resim {
        height: 736px
    }
    .slider ul#slider {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 736px
    }
    .slider ul#slider li {
        display: none;
        width: 100%;
        height: 736px
    }
    .slider ul#slider li .icerik {
        position: absolute;
        z-index: 2;
        width: 100%;
        top: 300px
    }
    .sliderAltiAnaContUstu {
        height: 307px
    }
    .anaCont {
        width: 999px
    }
    .anaCont li {
        /* width: 290px; */
    }
    .anaCont li img {
        width: 290px
    }
    .anaCont li .head {
        padding: 5px 5px 5px 26px
    }
    .anaKatalog {
        float: left;
        width: 340px;
        background: url(../img/urunbg.png) no-repeat left bottom;
        display: inline;
        border-right: 1px #b5b5b5 solid;
        padding: 13px 0;
        margin-top: 20px;
        height: 150px;
        margin-top: 10px
    }
    .anaKatalog a#topkatmenu {
        width: 296px
    }
    .anaKatalog a#centerkatmenu {
        width: 296px
    }
    .anaKatalog a#bottomkatmenu {
        width: 296px
    }
    .anaSosyal {
        float: right;
        width: 280px;
        display: inline;
        margin: 10px 0;
        border-left: 1px #b5b5b5 solid;
        padding-left: 30px;
        margin-top: 20px
    }
    .anaSosyal a {
        padding: 15px 0
    }
    .anaGaleri {
        width: 285px;
        float: left;
        display: inline;
        padding: 0 20px;
        margin-left: 15px
    }
    .anaGaleri ul li a {
        padding: 6px 18px
    }
    .anaGaleri .video {
        width: 129px;
        height: 129px
    }
    .anaGaleri .video img {
        width: 129px;
        height: 129px
    }
    .anaGaleri .video .back {
        width: 129px;
        height: 129px
    }
    .anaGaleri .resim a {
        width: 56px;
        height: 56px
    }
    .anaGaleri .resim a img {
        width: 56px;
        height: 56px
    }
    .altHarita {
        float: left;
        width: 290px;
        display: inline;
        background: url(../img/icon11.png) no-repeat;
        height: 187px
    }
    .altHarita ul li {
        width: 140px
    }
    .altDuyurular {
        float: left;
        display: inline;
        margin-top: 20px;
        padding-right: 30px;
        margin-left: 40px;
        border-right: 1px #b5b5b5 solid
    }
    .altDuyurular ul.duyuru li {
        width: 330px
    }
    .altDuyurular ul.duyuru li a .icerik {
        width: 205px
    }
    .altDuyurular ul.duyuru li a .icerik h2 {
        padding: 5px 0
    }
    .altMail {
        width: 250px;
        float: right;
        display: inline;
        padding: 20px 0
    }
    .altMail form input[type=text] {
        width: 170px
    }
    footer {
        width: 999px
    }
    footer .left {
        width: 600px
    }
    footer .bottomPhone {
        float: right;
        display: inline;
        background: url(../img/icon15.png) no-repeat center right;
        padding-top: 7px;
        padding-right: 70px;
        text-align: right
    }
    .bilgiler {
        width: 380px;
        padding: 45px
    }
    .bilgiler .maps {
        width: 380px
    }
    .bilgiler .maps iframe {
        width: 380px
    }
    .form {
        width: 420px;
        padding: 10px 5px
    }
    .form input[type=text] {
        width: 256px
    }
    .form textarea {
        width: 256px
    }
    .aktuelDetay .icerik {
        width: 700px
    }
    .aktuelDetay .icerik img.resimdetay {
        width: 696px
    }
    .aktuelDetay .icerik .text .tabca {
        width: 660px
    }
}

.ortala {
    margin: 0 auto
}

header {
    margin: 0 auto;
    position: relative;
    z-index: 2
}

.hBack {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    /* border-bottom: 1px #c6c6c6 solid */
}

.search {
    float: right;
    display: inline;
    background: url(../img/icon2.png) no-repeat;
    width: 172px;
    height: 22px
}

.search input[type=text] {
    float: left;
    display: inline;
    width: 122px;
    height: 10px;
    padding: 5px 10px;
    border: 0;
    margin: 1px;
    background: none;
    color: #818181;
    font-size: 11px;
    font-family: Arial;
    outline: 0
}

.search button {
    float: left;
    display: inline;
    width: 26px;
    height: 20px;
    margin: 1px;
    border: 0;
    background: none
}

ul.dil {
    float: right;
    display: inline
}

ul.dil li {
    float: left;
    display: inline;
    margin-left: 5px
}

ul.dil li a {
    display: block;
    width: 38px;
    height: 25px
}

ul.dil li span {font-size: 13px;color:#fff;margin-left: 9px;}

ul.dil li a.TR {
    background: url(../img/tr.png) no-repeat
}

ul.dil li a.EN {
    background: url(../img/en.png) no-repeat
}

ul.dil li a.AR {
    background: url(../img/ar.png) no-repeat
}

ul.menu.left {
    margin-left: 19px
}

ul.menu.right {
    margin-right: 15px
}

ul.menu li {
    float: left;
    display: inline;
    border-bottom: solid 7px transparent;
    margin-left: 5px;
    position: relative
}

ul.menu li:hover {
    border-bottom: 7px #c00d0e solid
}

ul.menu li.acilir:hover {
    background: #c00d0e
}

ul.menu li a h1 {
    color: #fff
}

ul.menu li.acilir:hover a h1 {
    color: #fff
}

ul.menu li a span {
    color: #fff;
    font-size: 11px;
    font-family: Arial
}

ul.menu li.acilir:hover a span {
    color: #fff
}

ul.menu li .acilir {
    position: absolute;
    left: -50px;
    background: #c00d0e;
    display: none
}

ul.menu li.ar-acilir .acilir {
    
    left: -333px !important
}

ul.menu li .acilir h1 {
    display: block;
    color: #fff;
    font-size: 24px
}

ul.menu li .acilir strong {
    display: block;
    color: #fff;
    font-size: 12px;
    font-family: Arial;
    font-weight: 400;
    padding-bottom: 20px
}

ul.menu li .acilir .acilirLogo {
    float: right;
    display: inline;
    background: url(../img/logo2.png) no-repeat;
    width: 164px;
    height: 121px;
    margin-top: 30px;
    margin-right: 30px
}

ul.menu li .acilir .aResim {
    float: left;
    display: inline;
    width: 167px;
    height: 167px
}

ul.menu li .acilir .aResim a {
    display: none
}

ul.menu li .acilir .aResim img {
    width: 167px;
    height: 167px
}

ul.menu li .acilir .aKategori {
    float: left;
    display: inline;
    width: 300px;
    margin-left: 20px
}

ul.menu li .acilir .aKategori a {
    display: block;
    color: #fff;
    font-size: 14px;
    font-family: Arial;
    background: transparent;
    padding: 5px;
    padding-left: 10px;
    margin-top: 6px
}

a.logo {
    float: left;
    display: inline;
    background: url(../img/karpan-logo.png) no-repeat;
    width: 171px;
    height: 127px;
    z-index: 9999!important
}

.slider {
    display: block;
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    border-bottom: 2px #aaa solid;
}

.slider .ortala {
    position: relative
}

.slider .prev {
    position: absolute;
    left: 10px;
    top: 45%;
    margin-top: -30px;
    z-index: 4;
    background: url(../img/prev.png) no-repeat;
    width: 70px;
    height: 70px;
    display: none
}

.slider .next {
    position: absolute;
    right: 10px;
    top: 45%;
    margin-top: -30px;
    z-index: 4;
    background: url(../img/next.png) no-repeat;
    width: 70px;
    height: 70px;
    display: none
}

.slider .slideLeft {
    position: absolute;
    left: 0;
    bottom: 100px;
    z-index: 3;
    width: 50%;
    height: 400px
}

.slider .slideLeft:hover .prev {
    display: block
}

.slider .slideRight {
    position: absolute;
    right: 0;
    bottom: 100px;
    z-index: 3;
    width: 50%;
    height: 400px
}

.slider .slideRight:hover .next {
    display: block
}

.slider ul#slider li .resim {
    position: absolute;
    width: 100%;
    z-index: 1
}

.slider ul#slider li a h1 {
    float: right;
    display: inline;
    color: #fff;
    font-size: 34px;
    text-align: right
}

.slider ul#slider li a h2 {
    float: right;
    display: inline;
    width: 600px;
    color: #fff;
    font-size: 52px;
    text-align: right
}

.slider ul#slider li a h3 {
    float: right;
    display: inline;
    width: 420px;
    color: #fff;
    font-size: 16px;
    text-align: right
}

.anaCont {
    height: 191px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    overflow: hidden;
    padding-top: 125px;
}

.anaCont li {
    float: left;
    display: inline;
    padding: 15px;
    background: rgba(255, 255, 255, 0.95);
    margin-top: 128px;
    margin-left: 12px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-sizing: border-box;
    width: 310px;
}

.anaCont li img {
    display: block;
    height: 108px;
    margin: 10px 0;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    width: 100% !important;
}

.anaCont li .head {
    float: left;
    display: inline;
    padding-left: 5px;
}

.anaCont li .head h1 {
    color: #e50000;
    font-size: 16px;
    font-weight: 800;
    font-family: 'Montserrat', sans-serif !important;
    display: block;
    margin-bottom: 2px;
}

.anaCont li .ac {
    float: right;
    display: inline;
    background: url(../img/icon5.png) no-repeat;
    width: 36px;
    height: 36px;
    margin-top: 2px;
    cursor: pointer
}

.anaCont li .kapat {
    float: right;
    display: none;
    background: url(../img/icon6.png) no-repeat;
    width: 36px;
    height: 36px;
    margin-top: 2px;
    cursor: pointer
}

.anaKatalog a h1 {
    display: block;
    color: #000;
    font-size: 16px;
    padding: 10px 0 0 20px;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600
}

.anaKatalog a strong {
    display: block;
    color: #fff;
    font-size: 7px;
    font-family: Arial;
    font-style: Italic
}

.anaKatalog .icerik {
    float: right;
    display: inline;
    width: 170px;
    margin-right: 20px
}

.anaKatalog .icerik h1 {
    display: block;
    color: #1d1f1d;
    font-size: 14px;
    padding: 13px 0
}

.anaKatalog .icerik strong {
    display: block;
    color: #1d1f1d;
    font-size: 12px;
    font-family: Arial;
    font-weight: 400;
    background: url(../img/icon1.jpg) no-repeat bottom left;
    padding-bottom: 20px
}

.anaKatalog a#topkatmenu {
    height: 41px;
    margin: 15px 0 0 3px;
    display: block;
    overflow: hidden;
    font-size: 18px;
    background: url(../img/top.png) no-repeat;
    background-position: -300px 0;
    border-radius: 20px;
    cursor: pointer
}

.anaKatalog a#centerkatmenu {
    height: 41px;
    margin: 1px 0 0 3px;
    display: block;
    overflow: hidden;
    font-size: 18px;
    background: url(../img/center.png) no-repeat;
    background-position: 300px 0;
    border-radius: 20px;
    cursor: pointer
}

.anaKatalog a#bottomkatmenu {
    height: 41px;
    margin: -2px 0 0 3px;
    display: block;
    overflow: hidden;
    font-size: 18px;
    background: url(../img/bottom.png) no-repeat;
    background-position: -300px 0;
    border-radius: 20px;
    cursor: pointer
}

.anaSosyal a {
    display: block;
    padding-right: 100px;
    text-align: right
}

.anaSosyal a h1 {
    display: block;
    color: #1d1f1d;
    font-size: 14px;
    padding: 13px 0
}

.anaSosyal a strong {
    display: block;
    color: #1d1f1d;
    font-size: 12px;
    font-family: Arial;
    font-weight: 400;
    background: url(../img/icon2.jpg) no-repeat bottom right;
    padding-bottom: 20px
}

.anaGaleri ul {
    display: block;
    height: 29px;
    border-bottom: 1px #717171 solid
}

.anaGaleri ul li {
    float: left;
    display: inline;
    margin-left: 5px
}

.anaGaleri ul li a {
    display: block;
    background: #717171;
    font-size: 14px;
    color: #fff
}

.anaGaleri ul li a:hover {
    background: #c00d0e
}

.anaGaleri .video {
    float: left;
    display: inline;
    position: relative
}

.anaGaleri .video img {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0
}

.anaGaleri .video .back {
    background: url(../img/icon10.png) no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.anaGaleri .resim {
    float: left;
    display: inline
}

.anaGaleri .resim a {
    float: left;
    display: inline;
    margin: 4px 7px
}

.anaGaleri .resim a img {
    display: block
}

.cizgi {
    display: block;
    background: url(../img/icon9.png) no-repeat center center;
    width: 100%;
    height: 19px
}

.altHarita .icHarita {
    display: block;
    border-right: 1px #b5b5b5 solid;
    padding-bottom: 20px
}

.altHarita h1 {
    display: block;
    color: #000;
    font-size: 16px
}

.altHarita ul {
    display: block;
    margin: 10px 0
}

.altHarita ul li {
    float: left;
    display: inline;
    margin: 8px 2px
}

.altHarita ul li a {
    display: block;
    color: #5c5959;
    font-size: 12px;
    background: url(../img/icon12.png) no-repeat left;
    padding-left: 10px
}

.altDuyurular h1 {
    display: block;
    color: #000;
    font-size: 16px;
    padding: 10px 0
}

.altDuyurular ul.duyuru {
    list-style: none;
    display: block;
    padding: 10px 0
}

.altDuyurular ul.duyuru li {
    display: none
}

.altDuyurular ul.duyuru li a img {
    float: left;
    display: inline;
    width: 96px;
    height: 72px;
    border: 1px #c7c4c4 solid
}

.altDuyurular ul.duyuru li a .icerik {
    float: right;
    display: inline;
    margin-right: 10px
}

.altDuyurular ul.duyuru li a .icerik h2 {
    display: block;
    color: #000;
    font-size: 13px
}

.altDuyurular ul.duyuru li a .icerik strong {
    display: block;
    color: #5c5959;
    font-size: 12px;
    font-style: Italic;
    font-weight: 400;
    font-family: Arial
}

.altDuyurular ul.btn {
    float: right;
    display: inline;
    margin-right: 30px;
    margin-top: 2px
}

.altDuyurular ul.btn li {
    float: left;
    display: inline;
    background: url(../img/icon13.png) no-repeat;
    width: 13px;
    height: 12px;
    cursor: pointer;
    margin-right: 3px
}

.altDuyurular ul.btn li:hover,
.altDuyurular ul.btn li.aktif {
    background: url(../img/icon14.png) no-repeat
}

.altDuyurular a.tumHaber {
    float: right;
    display: inline;
    color: #878787;
    font-size: 12px;
    font-family: Arial;
    font-style: Italic;
    text-decoration: underline;
    margin-right: 15px
}

.altMail h1 {
    display: block;
    color: #000;
    font-size: 16px;
    padding: 8px 0
}

.altMail strong {
    display: block;
    color: #5c5959;
    font-size: 12px;
    font-family: Arial;
    font-weight: 400;
    font-style: Italic;
    width: 200px
}

.altMail form {
    display: block;
    padding: 5px 0
}

.altMail form input[type=text] {
    float: left;
    display: inline;
    height: 20px;
    padding: 5px 10px;
    background: #898784;
    color: #fff;
    font-size: 12px;
    font-family: Arial;
    font-style: Italic;
    border: 0;
    outline: 0
}

.altMail form button {
    float: left;
    display: inline;
    width: 50px;
    height: 30px;
    color: #fff;
    font-size: 14px;
    background: #c00d0e;
    border: 0;
    outline: 0
}

ul.sosyal li {
    float: left;
    display: inline;
    width: 24px;
    height: 24px;
    margin-right: 5px
}

ul.sosyal li a {
    display: block;
    width: 24px;
    height: 24px
}

ul.sosyal li a.facebook {
    background: url(../img/facebook.png) no-repeat
}

ul.sosyal li a.twitter {
    background: url(../img/twitter.png) no-repeat
}

ul.sosyal li a.tumblr {
    background: url(../img/tumblr.png) no-repeat
}

ul.sosyal li a.google {
    background: url(../img/google.png) no-repeat
}

ul.sosyal li a.pinterest {
    background: url(../img/pinterest.png) no-repeat
}

ul.sosyal li a.blog {
    background: url(../img/blog.png) no-repeat
}

.altCizgi {
    display: block;
    height: 22px;
    background: #c00d0e
}

footer {
    display: block;
    border-top: 1px #999b98 solid;
    padding-top: 8px;
    margin: 0 auto
}

footer .left {
    margin-top: 12px;
    padding-top: 20px
}

footer .left strong {
    display: block;
    color: #717374;
    font-size: 12px;
    padding-bottom: 5px
}

footer .left span {
    display: block;
    color: #747872;
    font-size: 12px;
    padding-bottom: 5px;
    font-family: Arial
}

footer .left a {
    color: #717374;
    font-size: 12px
}

footer a.birNC {
    float: left;
    display: inline;
    background: url(../img/icon28.png) no-repeat;
    width: 61px;
    height: 14px;
    margin-top: 5px
}

footer .bottomPhone span {
    color: #4a4c49;
    font-size: 16px;
    font-family: Arial;
    display: block
}

footer .bottomPhone span b {
    color: #3c3e3a;
    font-size: 36px
}

.nerde {
    display: block;
    width: 100%;
    border-bottom: 1px #c6c6c6 solid;
    position: unset;
    padding-top: 25px;
    z-index: 3;
    float: left;
    padding-bottom: 10px;
}

.nerde ul {
    float: left;
    display: inline
}

.nerde ul li {
    float: left;
    display: inline;
    margin-left: 1px;
    padding: 2px 0;
    padding-top: 3px
}

.nerde ul li a.home {
    display: block;
    background: url(../img/icon16.png) no-repeat left;
    padding-left: 23px
}

.nerde ul li a {
    display: block;
    color: #646464;
    font-size: 12px;
    font-family: Arial
}

.nerde ul li a.aktif {
    color: #000;
    font-weight: 700;
    text-decoration: underline
}

.pageHead {
    display: block;
    padding-left: 15px
}

.pageHead h1 {
    float: left;
    display: inline;
    color: #000;
    font-size: 24px;
    font-family: Arial;
    font-weight: 700
}

.pageHead h1 b {
    color: #000
}

.pageHead a.geriDon {
    float: right;
    display: inline;
    background: url(../img/icon19.png) no-repeat;
    width: 132px;
    height: 30px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    padding: 7px 0
}

ul.kategori li {
    float: left;
    display: inline;
    background: url(../img/icon17.png) no-repeat;
    width: 220px;
    height: 237px;
    margin: 10px 14px
}

ul.kategori li:hover {
    background: url(../img/icon18.png) no-repeat
}

ul.kategori li img {
    display: block;
    width: 170px;
    height: 154px;
    margin: 15px auto
}

ul.kategori li a h1 {
    display: block;
    color: #000;
    font-size: 16px;
    font-family: Arial;
    font-weight: 700;
    text-align: center;
    padding: 0 5px
}

ul.kategori li:hover a h1 {
    color: #fff
}

ul.urunler li {
    float: left;
    display: inline;
    width: 115px;
    height: 160px;
    margin: 5px 25px
}

ul.urunler li img {
    width: 115px;
    height: 105px
}

ul.urunler li a h1 {
    display: block;
    color: #000;
    font-size: 16px;
    font-family: Arial;
    text-align: center
}

.pageIcerik {
    float: left;
    display: inline;
    min-height: 500px
}

.pageIcerik h1.head {
    display: block;
    color: #000;
    font-size: 24px;
    font-family: Arial;
    padding-bottom: 10px
}

.pageIcerik strong.text {
    display: block;
    color: #000;
    font-size: 12px;
    font-family: Arial;
    font-weight: 400
}

.pageMenu {
    float: right;
    display: inline;
    background: url(../img/icon20.png) repeat-y;
    width: 263px;
    min-height: 300px
}

.pageMenu ul {
    background: url(../img/icon4.jpg) no-repeat center top;
    padding: 40px 0
}

.pageMenu ul li {
    display: block;
    padding: 7px 25px;
    position: relative;
    margin-bottom: 10px
}

.pageMenu ul li.aktif,
.pageMenu ul li:hover {
    background: #635f5c
}

.pageMenu ul li a {
    background: url(../img/icon23.png) no-repeat left;
    padding: 5px;
    padding-left: 10px;
    color: #fff;
    font-size: 13px;
    font-family: Arial
}

.pageMenu ul li span.left {
    display: none;
    position: absolute;
    left: 0;
    bottom: -19px;
    background: url(../img/icon21.png) no-repeat;
    width: 18px;
    height: 19px
}

.pageMenu ul li span.right {
    display: none;
    position: absolute;
    right: 0;
    bottom: -19px;
    background: url(../img/icon22.png) no-repeat;
    width: 18px;
    height: 19px
}

.pageMenu ul li.aktif span.left,
.pageMenu ul li.aktif span.right,
.pageMenu ul li:hover span.left,
.pageMenu ul li:hover span.right {
    display: block
}

.haberler {
    display: block;
    margin-top: 20px
}

.haberler li {
    float: left;
    display: inline;
    width: 230px;
    height: 310px;
    margin: 5px 49px
}

.haberler li a h1 {
    display: block;
    color: #c10d0e;
    font-size: 14px;
    font-family: Arial
}

.haberler li a img {
    display: block;
    width: 230px;
    height: 145px;
    margin: 7px 0
}

.haberler li a strong {
    display: block;
    color: #000;
    font-size: 12px;
    font-family: Arial;
    text-align: center;
    font-weight: 400
}

.haberler li a .detay {
    display: block;
    background: url(../img/icon5.jpg) no-repeat left;
    padding: 2px;
    padding-left: 15px;
    color: #c10d0e;
    font-size: 12px;
    font-family: Arial;
    width: 49px;
    margin: 5px auto
}

.aktuelDetay {
    display: block;
    min-height: 500px
}

.aktuelDetay img.resim {
    display: block;
    width: 200px;
    float: left
}

.aktuelDetay #katnav {
    float: left;
    width: 280px;
    min-height: 200px;
    border: 1px solid #f4f4f4;
    border-radius: 10px;
    background: #f4f4f4
}

.aktuelDetay #katnav .headeri {
    background: #c00d0e;
    color: #FFF;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    width: 265px;
    height: 30px;
    padding: 10px 0 0 15px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px
}

.aktuelDetay #katnav ul {
    width: 250px;
    margin: 10px auto
}

.aktuelDetay #katnav ul li {
    width: 250px;
    margin: 5px auto;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 12px;
    list-style: none;
    position: relative
}

.aktuelDetay #katnav ul li a:hover {
    color: #9F0002
}

.aktuelDetay #katnav ul li:before {
    content: "\203A\203A";
    color: #9F0002;
    font-size: 14px;
    padding: 3px
}

.aktuelDetay .icerik img.resimdetay {
    border: 1px solid #f4f4f4;
    margin: 0 auto 20px
}

.aktuelDetay .icerik .tabbtn {
    width: 45%;
    height: 35px;
    margin: 0px;
    float: left;
    border: none;
    background: #c9c8c8;
    color: #000;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 12px;
}

.aktuelDetay .icerik .tabbtn:hover {
    /* background: #666; */
    color: #fff;
}

.aktuelDetay .icerik .currenttab {
    width: 45%;
    height: 35px;
    padding: 10px;
    margin: 0px;
    float: left;
    border: none;
    background: #c00d0e;
    color: #FFF;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 12px;
}

.aktuelDetay .icerik .text .tabca {
    min-height: 100px;
    padding: 10px 20px;
    border: 1px solid #ccc;
    margin: 0 auto;
    display: block
}

.aktuelDetay .icerik .text .dnone {
    display: none
}

.aktuelDetay .icerik .text .dblock {
    display: block;
}

.aktuelDetay .icerik {
    float: right;
    display: inline
}

.aktuelDetay h1.head {
    display: block;
    color: #c10d0e;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    padding-bottom: 20px
}

.aktuelDetay strong.text {
    display: block;
    color: #000;
    font-size: 12px;
    font-family: Arial;
    font-weight: 400
}

.ikForm {
    width: 400px;
    background: #e2e5e8;
    border: 1px #c1c2c3 solid;
    padding: 85px
}

.ikForm h1 {
    display: block;
    color: #393737;
    font-size: 18px;
    font-family: Arial;
    padding-bottom: 25px
}

.ikForm table tr td {
    color: #040405;
    font-size: 12px;
    font-family: Arial;
    padding: 8px
}

.ikForm table tr td input[type=text] {
    width: 245px;
    height: 23px;
    border: 1px #b7b4b4 solid
}

.ikForm table tr td textarea {
    width: 245px;
    height: 73px;
    border: 1px #b7b4b4 solid
}

.ikForm table tr td button {
    width: 110px;
    height: 35px;
    border: 1px #6c706f solid;
    background-color: #f7f7f7;
    font-size: 14px;
    color: #222e2a;
    font-family: Arial;
    font-weight: 700;
    float: right;
    display: inline
}

.ikCevap {
    color: #000;
    font-size: 12px;
    font-family: Arial;
    font-weight: 700;
    text-align: center;
    padding-bottom: 5px
}

.bilgiler {
    float: left;
    display: inline;
    background: #e2e5e8;
    border: 1px #c1c2c3 solid
}

.bilgiler h1 {
    display: block;
    color: #393737;
    font-size: 18px;
    font-family: Arial;
    padding-bottom: 25px
}

.bilgiler .maps {
    display: block;
    height: 210px
}

.bilgiler .maps iframe {
    height: 210px
}

.bilgiler table {
    display: block;
    margin-top: 20px
}

.bilgiler table tr td {
    color: #393737;
    font-size: 12px;
    font-family: Arial;
    padding: 10px 5px
}

.bilgiler table tr td ul.fSosyal {
    float: left;
    display: inline;
    margin: 0
}

.form {
    float: right;
    display: inline;
    height: 455px;
    background: #e2e5e8;
    border: 1px #c1c2c3 solid
}

.form h1 {
    display: block;
    color: #393737;
    font-size: 18px;
    font-family: Arial;
    padding-bottom: 25px
}

.form table tr td {
    padding: 5px;
    color: #393737;
    font-size: 12px;
    font-family: Arial
}

.form table tr td.TD {
    padding: 5px 20px
}

.form input[type=text] {
    height: 36px;
    background: #fff;
    border: 1px #b7b4b4 solid
}

.form textarea {
    display: block;
    height: 88px;
    border: 1px #b7b4b4 solid
}

.form input[type=submit] {
    float: right;
    display: inline;
    background: #f6f6f6;
    color: #363b3f;
    font-size: 16px;
    font-family: Arial;
    font-weight: 700;
    border: 1px #7a7a7a solid;
    padding: 8px 5px;
    cursor: pointer
}

strong.sosyalText {
    display: block;
    color: #000;
    font-size: 12px;
    font-family: Arial;
    font-weight: 400;
    text-align: justify
}

ul.belge li {
    float: left;
    display: inline;
    width: 227px;
    height: 321px;
    margin: 4px
}

ul.belge li img {
    width: 227px;
    height: 321px
}

.teknik img {
    width: 100%;
    height: 100%
}

/* --- BAYRAK TAŞMA DÜZELTMESİ --- */
@media only screen and (min-width: 1024px) {
    ul.menu {
        width: 78% !important; 
    }
}