body {
    padding: 0;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #000;
    background: #fff
}

table,
tr,
td,
ul,
li,
p,
form {
    padding: 0;
    margin: 0;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    list-style-type: none;
    border: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    display: block;
    padding: 0;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #000
}

h1 {
    font-size: 21px
}

h2 {
    font-size: 19px
}

h3 {
    font-size: 17px
}

h4 {
    font-size: 15px
}

h5 {
    font-size: 12px
}

h6 {
    font-size: 11px
}

input,
select,
textarea {
    font-family: 'Roboto', sans-serif;
    font-size: 12px
}

:focus {
    outline: none
}

::selection {
    background: #ccc;
    color: #fff
}

img {
    border: none
}

a {
    color: #000;
    text-decoration: none
}

a:hover,
a:focus {
    color: #959595
}

.ortala {
    width: 1170px;
    margin: 0 auto
}

.clear {
    clear: both
}

#popupload {
    display: none
}

#sepetekleload {
    display: none
}

#sepetsilload {
    display: none
}

#adressecimiload {
    display: none
}

#adreskontrolload {
    display: none
}

#kargosecimiload {
    display: none
}

#kargokontrolload {
    display: none
}

#videogosterload {
    display: none
}

.header-genel {
    width: 100%;
    min-width: 1170px;
    height: 140px;
    float: left;
    background: url(images/header-genel.png) 0 0 repeat-x
}

.header {
    position: relative;
    width: 1170px;
    height: 140px;
    float: left
}

.logo {
    display: block;
    position: absolute;
    left: 0;
    top: 19px;
    z-index: 98
}

.logo img {
    height: 60px
}

@media (max-width: 500px) {
    .urun_liste_takta {
        float: left;
        width: 100%!important;
        height: auto!important;
        background: none!important;
        margin-top: 0px!important;
        margin-left: 0px!important;
        margin-bottom: 0px!important;
    }
    .tahta_ic2 {
        width: 100%!important;
        height: auto;
        margin: 0px auto;
        display: block;
    }
}

@media (min-width:501px) and (max-width:700px) {
    .urun_liste_takta {
        float: left;
        width: 100%!important;
        height: 146px;
        background: url(images/takta.jpg) no-repeat center bottom;
        margin-top: -116px;
        margin-left: 0!important;
        margin-bottom: 50px;
    }
}

.urun_liste_takta {
    float: left;
    width: 1170px;
    height: 146px;
    background: url(images/takta.jpg) no-repeat center bottom;
    margin-top: -116px;
    margin-left: -35px;
    margin-bottom: -28px;
}

@media (max-width:320px) {
    .kargo_bilgi {
        float: left;
        width: 100%;
        height: 40px;
        background: #ac1010;
        position: relative;
        z-index: 99
    }
    .kargo_bilgi .kargo_bilgi_ic {
        margin: 8px auto!important;
        width: 100%!important;
        padding: 2px 0;
        text-align: center;
        border: solid 1px #fff;
        font-family: 'Roboto', sans-serif;
        font-size: 14px!important;
        font-weight: 300;
        color: #fff
    }
    .uyelik_buton {
        float: left;
        width: 100%;
        height: 30px!important;
        background: #333;
        position: relative;
        z-index: 99;
        border-bottom: 1px solid #4b4b4b!important;
        display: none!important;
    }
    .adres {
        float: left;
        margin-top: 0!important
    }
    .adres li>span {
        font-family: 'Roboto', sans-serif;
        font-weight: 400
    }
    .adres li {
        float: left;
        font-family: 'Roboto', sans-serif;
        color: #ccc;
        list-style: none;
        padding-right: 0!important;
        font-size: 13px
    }
    .adres li>a {
        float: left;
        color: #fff;
        border-right: 1px solid #4b4b4b!important;
        padding: 6px 10px 4px!important
    }
    .adres li a>i {
        font-size: 15px;
        padding-right: 5px
    }
    .sosyal {
        float: left;
        margin-top: 0;
        margin-left: -10px
    }
    .sosyal span:first-child {
        border: none
    }
    .sosyal span {
        float: left;
        list-style: none;
        margin-right: 0
    }
    .sosyal span a {
        color: #fff;
        float: left;
        padding: 9px 7px 4px;
        border-right: 1px solid #5a5858
    }
    .sosyal span a:hover {
        color: #fff
    }
    .sosyal span a i {
        font-size: 15px
    }
    .sosyal2 {
        float: left;
        margin-top: 10px
    }
    .sosyal2 span:first-child {
        border: none
    }
    .sosyal2 span {
        float: left;
        list-style: none;
        margin-right: 0
    }
    .sosyal2 span a {
        color: #fff;
        float: left;
        padding: 9px 7px 4px;
        border-right: 1px solid #5a5858
    }
    .sosyal2 span a:hover {
        color: #fff
    }
    .sosyal span a i {
        font-size: 15px
    }
    .uyelik_ul {
        float: left;
        margin-top: 0;
        width: 100%;
        height: auto;
        background: #333;
        padding: 6px 0 4px 2px
    }
    .uyelik_ul li {
        float: left;
        margin-right: 5px
    }
    .uyelik_ul li a {
        font-size: 9px;
        color: #fff;
        font-family: 'Roboto', sans-serif
    }
    .uyelik_ul li a:hover {
        color: #fff
    }
    .ust-arama {
        position: relative;
        z-index: 100;
        width: 100%;
        float: left;
        margin-top: 20px
    }
    .ust-arama input.input {
        width: 100%;
        height: 30px;
        line-height: 25px;
        float: left;
        padding: 7px 30px 7px 10px;
        margin: 0;
        font-family: 'Roboto', sans-serif;
        font-size: 13px;
        color: #ccc;
        background: #fff;
        border: solid 1px #ccc
    }
    .ust-arama input.input::-webkit-input-placeholder {
        color: #ccc;
        opacity: 1
    }
    .ust-arama input.input::-moz-placeholder {
        color: #ccc;
        opacity: 1
    }
    .ust-arama input.input:-ms-input-placeholder {
        color: #ccc;
        opacity: 1
    }
    .ust-arama input.input:focus {
        color: #333;
        background-position: 0 -28px
    }
    .ust-arama input.input:focus::-webkit-input-placeholder {
        color: #888
    }
    .ust-arama input.input:focus::-moz-placeholder {
        color: #888
    }
    .ust-arama input.input:focus:-ms-input-placeholder {
        color: #888
    }
    .ust-arama button.button {
        display: block;
        position: absolute;
        top: 4px;
        right: 7px;
        width: 22px;
        height: 22px;
        line-height: 100%;
        padding: 0;
        margin: 0;
        font-size: 16px;
        font-weight: 400;
        color: #ccc;
        text-align: center;
        cursor: pointer;
        background-color: transparent;
        border: none
    }
    .ust-arama input.input:focus+button.button {
        color: #ac1010
    }
    .ust-arama span.ustaraload {
        display: none;
        position: absolute;
        right: 0;
        top: 32px;
        z-index: 101;
        line-height: 100%;
        padding: 3px 4px;
        font-family: 'Roboto', sans-serif;
        font-size: 11px;
        font-weight: 400;
        color: #fff;
        text-align: right;
        background: #3d781c;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px
    }
    .ust-arama span#ustaraurunload {
        position: absolute;
        right: 0;
        top: 32px;
        z-index: 101
    }
    .ust-arama span .multiple {
        display: block;
        min-width: 258px;
        max-height: 198px;
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
        font-weight: 400;
        color: #000;
        text-align: left;
        text-decoration: none;
        overflow: auto;
        background: #fff;
        border: 1px solid #b9b9b9;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px
    }
    .ust-arama span .multiple:hover {
        border-color: #888
    }
    .ust-arama span .multiple:focus {
        border-color: #fff;
        outline: auto #0d8cd9
    }
    .ust-arama span .multiple ul {
        width: 100%;
        float: left
    }
    .ust-arama span .multiple ul li {
        width: 100%;
        line-height: 14px;
        float: left;
        padding: 4px 0;
        margin: 0;
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
        color: #000;
        background: #fff
    }
    .ust-arama span .multiple ul li.blue {
        background: #e4eef7
    }
    .ust-arama span .multiple ul li:hover,
    122 .ust-arama span .multiple ul li:focus {
        background: #7aff83
    }
    .ust-arama span .multiple ul li.blue:hover,
    .ust-arama span .multiple ul li.blue:focus {
        background: #7aff83
    }
    .ust-arama span .multiple ul li label {
        width: auto;
        height: auto;
        line-height: 14px;
        float: left;
        padding: 0 4px;
        margin: 0;
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
        font-weight: 400;
        color: #000;
        cursor: pointer
    }
    .ust-genel-bottom {
        float: right;
        margin-top: 2px;
        margin-left: 0
    }
    .ust-sepetim {
        float: right;
        margin-top: -6px;
    }
    .ust-sepetim li {
        float: left
    }
    .ust-sepetim li a {
        display: block;
        height: 25px;
        line-height: 30px;
        padding: 0 4px;
        font-family: 'Roboto', sans-serif;
        font-size: 9px;
        font-weight: 500;
        color: #fff
    }
    .ust-sepetim li a .sepet_bg {
        float: right;
        width: 24px;
        height: 26px;
        text-align: center;
        line-height: 36px;
        font-family: Arial;
        font-size: 10px;
        font-weight: 700;
        color: #fff;
        background: url(images/sepet.png) no-repeat;
        margin-left: 4px;
        background-size: 100%
    }
}

@media (min-width: 321px) and (max-width: 900px) {
    .kargo_bilgi {
        float: left;
        width: 100%;
        height: 40px;
        background: #ac1010;
        position: relative;
        z-index: 99
    }
    .kargo_bilgi .kargo_bilgi_ic {
        margin: 8px auto!important;
        width: 100%!important;
        padding: 2px 0;
        text-align: center;
        border: solid 1px #fff;
        font-family: 'Roboto', sans-serif;
        font-size: 14px!important;
        font-weight: 300;
        color: #fff
    }
    .uyelik_buton {
        float: left;
        width: 100%;
        height: 30px!important;
        background: #333;
        position: relative;
        z-index: 99;
        border-bottom: 1px solid #4b4b4b!important;
        display: none!important;
    }
    .adres {
        float: left;
        margin-top: 0!important
    }
    .adres li>span {
        font-family: 'Roboto', sans-serif;
        font-weight: 400
    }
    .adres li {
        float: left;
        font-family: 'Roboto', sans-serif;
        color: #ccc;
        list-style: none;
        padding-right: 0!important;
        font-size: 13px
    }
    .adres li>a {
        float: left;
        color: #fff;
        border-right: 1px solid #4b4b4b!important;
        padding: 6px 10px 4px!important
    }
    .adres li a>i {
        font-size: 15px;
        padding-right: 5px
    }
    .sosyal {
        float: left;
        margin-top: 0;
        margin-left: -10px
    }
    .sosyal span:first-child {
        border: none
    }
    .sosyal span {
        float: left;
        list-style: none;
        margin-right: 0
    }
    .sosyal span a {
        color: #fff;
        float: left;
        padding: 9px 7px 4px;
        border-right: 1px solid #5a5858
    }
    .sosyal span a:hover {
        color: #fff
    }
    .sosyal span a i {
        font-size: 15px
    }
    .sosyal2 {
        float: left;
        margin-top: 10px;
        width: 100%;
        text-align: center;
    }
    .sosyal2 span:first-child {
        border: none
    }
    .sosyal2 span {
        float: none;
        list-style: none;
        margin-right: 0;
        display: inline-block;
    }
    .sosyal2 span a {
        color: #fff;
        float: left;
        padding: 9px 7px 4px;
        border-right: 1px solid #5a5858
    }
    .sosyal2 span a:hover {
        color: #fff
    }
    .sosyal span a i {
        font-size: 15px
    }
    .uyelik_ul {
        float: left;
        margin-top: 0;
        width: 100%;
        height: auto;
        background: #333;
        padding: 6px 0 4px 7px
    }
    .uyelik_ul li {
        float: left;
        margin-right: 10px
    }
    .uyelik_ul li a {
        font-size: 10px;
        color: #fff;
        font-family: 'Roboto', sans-serif
    }
    .uyelik_ul li a:hover {
        color: #fff
    }
    .ust-arama {
        position: relative;
        z-index: 100;
        width: 100%;
        float: left;
        margin-top: 20px
    }
    .ust-arama input.input {
        width: 100%;
        height: 30px;
        line-height: 25px;
        float: left;
        padding: 7px 30px 7px 10px;
        margin: 0;
        font-family: 'Roboto', sans-serif;
        font-size: 13px;
        color: #ccc;
        background: #fff;
        border: solid 1px #ccc
    }
    .ust-arama input.input::-webkit-input-placeholder {
        color: #ccc;
        opacity: 1
    }
    .ust-arama input.input::-moz-placeholder {
        color: #ccc;
        opacity: 1
    }
    .ust-arama input.input:-ms-input-placeholder {
        color: #ccc;
        opacity: 1
    }
    .ust-arama input.input:focus {
        color: #333;
        background-position: 0 -28px
    }
    .ust-arama input.input:focus::-webkit-input-placeholder {
        color: #888
    }
    .ust-arama input.input:focus::-moz-placeholder {
        color: #888
    }
    .ust-arama input.input:focus:-ms-input-placeholder {
        color: #888
    }
    .ust-arama button.button {
        display: block;
        position: absolute;
        top: 4px;
        right: 7px;
        width: 22px;
        height: 22px;
        line-height: 100%;
        padding: 0;
        margin: 0;
        font-size: 16px;
        font-weight: 400;
        color: #ccc;
        text-align: center;
        cursor: pointer;
        background-color: transparent;
        border: none
    }
    .ust-arama input.input:focus+button.button {
        color: #ac1010
    }
    .ust-arama span.ustaraload {
        display: none;
        position: absolute;
        right: 0;
        top: 32px;
        z-index: 101;
        line-height: 100%;
        padding: 3px 4px;
        font-family: 'Roboto', sans-serif;
        font-size: 11px;
        font-weight: 400;
        color: #fff;
        text-align: right;
        background: #3d781c;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px
    }
    .ust-arama span#ustaraurunload {
        position: absolute;
        right: 0;
        top: 32px;
        z-index: 101
    }
    .ust-arama span .multiple {
        display: block;
        min-width: 258px;
        max-height: 198px;
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
        font-weight: 400;
        color: #000;
        text-align: left;
        text-decoration: none;
        overflow: auto;
        background: #fff;
        border: 1px solid #b9b9b9;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px
    }
    .ust-arama span .multiple:hover {
        border-color: #888
    }
    .ust-arama span .multiple:focus {
        border-color: #fff;
        outline: auto #0d8cd9
    }
    .ust-arama span .multiple ul {
        width: 100%;
        float: left
    }
    .ust-arama span .multiple ul li {
        width: 100%;
        line-height: 14px;
        float: left;
        padding: 4px 0;
        margin: 0;
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
        color: #000;
        background: #fff
    }
    .ust-arama span .multiple ul li.blue {
        background: #e4eef7
    }
    .ust-arama span .multiple ul li:hover,
    122 .ust-arama span .multiple ul li:focus {
        background: #7aff83
    }
    .ust-arama span .multiple ul li.blue:hover,
    .ust-arama span .multiple ul li.blue:focus {
        background: #7aff83
    }
    .ust-arama span .multiple ul li label {
        width: auto;
        height: auto;
        line-height: 14px;
        float: left;
        padding: 0 4px;
        margin: 0;
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
        font-weight: 400;
        color: #000;
        cursor: pointer
    }
    .ust-genel-bottom {
        float: right;
        margin-top: 2px;
        margin-left: 0
    }
    .ust-sepetim {
        float: right;
        margin-top: -6px;
    }
    .ust-sepetim li {
        float: left
    }
    .ust-sepetim li a {
        display: block;
        height: 25px;
        line-height: 30px;
        padding: 0 4px;
        font-family: 'Roboto', sans-serif;
        font-size: 11px;
        font-weight: 500;
        color: #fff
    }
    .ust-sepetim li a .sepet_bg {
        float: right;
        width: 24px;
        height: 26px;
        text-align: center;
        line-height: 36px;
        font-family: Arial;
        font-size: 10px;
        font-weight: 700;
        color: #fff;
        background: url(images/sepet.png) no-repeat;
        margin-left: 4px;
        background-size: 100%
    }
}

@media (min-width: 901px) {
    .sosyal {
        float: left;
        margin-top: 0
    }
    .sosyal span:first-child {
        border: none
    }
    .sosyal span {
        float: left;
        list-style: none;
        margin-right: 0
    }
    .sosyal span a {
        color: #fff;
        float: left;
        padding: 13px 7px 8px;
        border-right: 1px solid #5a5858
    }
    .sosyal span a:hover {
        color: #fff
    }
    .sosyal span a i {
        font-size: 15px
    }
    .uyelik_ul {
        float: right;
        margin-top: 12px
    }
    .uyelik_ul li {
        float: left;
        margin-right: 15px
    }
    .uyelik_ul li a {
        font-size: 13px;
        color: #333;
        font-family: 'Roboto', sans-serif
    }
    .uyelik_ul li a:hover {
        color: #333
    }
    .ust-arama {
        position: relative;
        z-index: 100;
        width: 230px;
        float: right;
        margin: 5px 0 0 0
    }
    .ust-arama input.input {
        width: 230px;
        height: 30px;
        line-height: 35px;
        float: left;
        padding: 7px 30px 7px 10px;
        margin: 0;
        font-family: 'Roboto', sans-serif;
        font-size: 13px;
        color: #ccc;
        background: #fff;
        border: solid 1px #ccc
    }
    .ust-arama input.input::-webkit-input-placeholder {
        color: #ccc;
        opacity: 1
    }
    .ust-arama input.input::-moz-placeholder {
        color: #ccc;
        opacity: 1
    }
    .ust-arama input.input:-ms-input-placeholder {
        color: #ccc;
        opacity: 1
    }
    .ust-arama input.input:focus {
        color: #333;
        background-position: 0 -28px
    }
    .ust-arama input.input:focus::-webkit-input-placeholder {
        color: #888
    }
    .ust-arama input.input:focus::-moz-placeholder {
        color: #888
    }
    .ust-arama input.input:focus:-ms-input-placeholder {
        color: #888
    }
    .ust-arama button.button {
        display: block;
        position: absolute;
        top: 4px;
        right: 7px;
        width: 22px;
        height: 22px;
        line-height: 100%;
        padding: 0;
        margin: 0;
        font-size: 16px;
        font-weight: 400;
        color: #ccc;
        text-align: center;
        cursor: pointer;
        background-color: transparent;
        border: none
    }
    .ust-arama input.input:focus+button.button {
        color: #ac1010
    }
    .ust-arama span.ustaraload {
        display: none;
        position: absolute;
        right: 0;
        top: 32px;
        z-index: 101;
        line-height: 100%;
        padding: 3px 4px;
        font-family: 'Roboto', sans-serif;
        font-size: 11px;
        font-weight: 400;
        color: #fff;
        text-align: right;
        background: #3d781c;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px
    }
    .ust-arama span#ustaraurunload {
        position: absolute;
        right: 0;
        top: 32px;
        z-index: 101
    }
    .ust-arama span .multiple {
        display: block;
        min-width: 258px;
        max-height: 198px;
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
        font-weight: 400;
        color: #000;
        text-align: left;
        text-decoration: none;
        overflow: auto;
        background: #fff;
        border: 1px solid #b9b9b9;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px
    }
    .ust-arama span .multiple:hover {
        border-color: #888
    }
    .ust-arama span .multiple:focus {
        border-color: #fff;
        outline: auto #0d8cd9
    }
    .ust-arama span .multiple ul {
        width: 100%;
        float: left
    }
    .ust-arama span .multiple ul li {
        width: 100%;
        line-height: 14px;
        float: left;
        padding: 4px 0;
        margin: 0;
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
        color: #000;
        background: #fff
    }
    .ust-arama span .multiple ul li.blue {
        background: #e8e428
    }
    .ust-arama span .multiple ul li:hover,
    122 .ust-arama span .multiple ul li:focus {
        background: #3d781c;
        color: #fff;
    }
    .ust-arama span .multiple ul li.blue:hover,
    .ust-arama span .multiple ul li.blue:focus {
        background: #3d781c;
        color: #fff;
    }
    .ust-arama span .multiple ul li label {
        width: auto;
        height: auto;
        line-height: 14px;
        float: left;
        padding: 0 4px;
        margin: 0;
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
        font-weight: 400;
        color: #000;
        cursor: pointer
    }
    .ust-genel-bottom {
        float: right;
        margin-top: -15px;
        margin-left: 0
    }
    .ust-sepetim {
        float: right
    }
    .ust-sepetim li {
        float: left
    }
    .ust-sepetim li a {
        display: block;
        height: 35px;
        line-height: 45px;
        padding: 5px 10px;
        font-family: 'Roboto', sans-serif;
        font-size: 15px;
        font-weight: 500;
        color: #56565a
    }
    .ust-sepetim li a .sepet_bg {
        float: right;
        width: 30px;
        height: 33px;
        text-align: center;
        line-height: 45px;
        font-family: Arial;
        font-size: 13px;
        font-weight: 700;
        color: #fff;
        background: url(images/sepet.png) no-repeat;
        margin-left: 4px
    }
}

.bilgi_liste {
    float: left;
    width: 100%;
    height: auto;
    border: solid 1px #ccc;
    margin-top: 20px;
    padding: 10px 0
}

.bilgi_liste_icon {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    border-right: 1px solid #ccc;
    padding: 10px
}

.bilgi_liste_icon img {
    height: 28px;
    margin-top: -4px
}

.bilgi_liste_baslik1 {
    float: left;
    width: 100%;
    height: auto;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #333;
    padding-left: 5px;
    margin-top: 3px
}

.bilgi_liste_baslik2 {
    float: left;
    width: 100%;
    height: auto;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #333;
    padding-left: 5px
}

.kargo_bilgi {
    float: left;
    width: 100%;
    height: 40px;
    background: #ac1010;
    position: relative;
    z-index: 99
}

.kargo_bilgi .kargo_bilgi_ic {
    margin: 4px auto;
    width: 700px;
    padding: 2px 0;
    text-align: center;
    border: solid 1px #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #fff
}

.uyelik_buton {
    float: left;
    width: 100%;
    height: 40px;
    background: #fff;
    position: relative;
    z-index: 99;
    margin-top: 12px;
}

.adres {
    float: left;
    margin-top: 12px
}

.adres li>span {
    font-family: 'Roboto', sans-serif;
    font-weight: 400
}

.adres li {
    float: left;
    font-family: 'Roboto', sans-serif;
    color: #ccc;
    list-style: none;
    padding-right: 15px;
    font-size: 13px
}

.adres li>a {
    color: #fff
}

.adres li>i {
    font-size: 15px;
    padding-right: 5px
}

.uye-screen {
    display: block;
    position: absolute;
    right: 0;
    top: 34px;
    z-index: 98;
    line-height: 14px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #333
}

.uye-screen a {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #333
}

.uye-screen a:hover,
.uye-screen a:focus {
    color: #ac1010;
    text-decoration: underline
}

.ust-uyelik {
    float: right
}

.ust-uyelik li {
    float: left
}

.ust-uyelik li span {
    width: 1px;
    height: 14px;
    float: left;
    margin: 0 7px;
    background: #888
}

.ust-uyelik li a {
    height: 14px;
    line-height: 14px;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #333
}

.ust-uyelik li a:hover,
.ust-uyelik li a:focus {
    color: #ac1010;
    text-decoration: underline
}

.ust-uyelik ul {
    display: none
}

.ust-menuler {
    position: relative;
    z-index: 97;
    margin-right: 0px;
    margin-top: 1px;
    min-width: 100%;
    padding-top: 0;
    /* width: 1327px; */
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    right: 0;
    top: 10px;
    text-align: center;
    float: left;
}

.ust-menuler li {
    float: none;
    display: inline-block
}

.ust-menuler li span {
    width: 1px;
    height: 26px;
    float: left;
    margin: 7px 0;
    display: none;
}

.ust-menuler li:nth-child(1) a,.ust-menuler li:nth-child(2) a{
    text-decoration: underline!important;
    font-weight: 700;
}

.ust-menuler li a {
    line-height: 13px;
    float: left;
    padding: 7px 5px 7px 5px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    font-weight: 700;
    color: #333;
    cursor: pointer;
    text-transform: uppercase
}

.ust-menuler li a:hover,
.ust-menuler li a:focus {
    color: #333;
    text-decoration: none
}

.ust-menuler li.aktif a {
    color: #333;
    text-decoration: none
}

.ust-menuler li.active a {
    color: #333
}

.ust-menuler li:last-child {}

.ust-menuler ul {
    display: none;
    position: absolute;
    z-index: 99;
    left: 0;
    bottom: auto;
    width: 700px;
    margin: 43px 0 0;
    background-color: #fff;
    background-image: none;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: auto 310px;
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 1px 5px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 5px 4px rgba(0, 0, 0, 0.4)
}

.ust-menuler ul li {
    float: left
}

.ust-menuler ul li.menu1 {
    width: 230px
}

.ust-menuler ul li.menu2 {
    width: 140px
}

.ust-menuler ul li.menu3 {
    width: 180px
}

.ust-menuler ul li.menu4 {
    width: 430px
}

.ust-menuler ul li a {
    display: none;
    width: auto;
    line-height: 16px;
    float: none;
    padding: 8px 15px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #333!important;
    text-align: left;
    cursor: auto;
    background: #ececec!important;
    border: none!important
}

.ust-menuler ul li a:hover,
.ust-menuler ul li a:focus {
    color: #333!important;
    background-color: #ececec!important
}

.ust-menuler ul ul {
    display: inline;
    position: inherit;
    z-index: inherit;
    left: inherit;
    bottom: inherit;
    width: 100%;
    float: left;
    margin: 0;
    padding: 20px 0;
    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.ust-menuler ul ul ul {
    display: none;
    position: inherit;
    z-index: inherit;
    left: inherit;
    bottom: inherit;
    width: 190px;
    float: left;
    margin: 0;
    padding: 0 20px;
    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.ust-menuler ul li.menu4 ul font {
    width: 215px;
    float: left
}

.ust-menuler ul ul li {
    width: 100%;
    float: left;
    border-left: 1px solid #ccc
}

.ust-menuler ul ul ul li {
    width: 100%;
    float: left;
    border-left: 1px solid #ccc
}

.ust-menuler ul li.menu1 ul li {
    border-left: none
}

.ust-menuler ul ul li a {
    display: block;
    width: auto;
    line-height: 18px;
    float: none;
    padding: 3px 15px;
    font-size: 13px;
    font-weight: 400!important;
    color: #4c4c4c!important;
    text-align: left;
    cursor: pointer;
    background: none!important;
    font-family: 'Roboto', sans-serif
}

.ust-menuler ul ul ul li a {
    display: block;
    width: auto;
    line-height: 14px;
    float: none;
    padding: 3px 15px;
    font-size: 12px;
    font-weight: 400!important;
    color: #333!important;
    text-align: left;
    cursor: pointer;
    background: none!important
}

.ust-menuler ul li.menu4 ul li a {
    width: 215px;
    float: left;
    padding: 3px 0
}

.ust-menuler ul li.menu4 ul li a b {
    width: 35px;
    height: 30px;
    float: left;
    background: url(images/ust-menuler-icon.png) 0 0 no-repeat
}

.ust-menuler ul li.menu4 ul li a b.icon1 {
    background-position: 0 0
}

.ust-menuler ul li.menu4 ul li a b.icon2 {
    background-position: 0 -30px
}

.ust-menuler ul li.menu4 ul li a b.icon3 {
    background-position: 0 -60px
}

.ust-menuler ul li.menu4 ul li a b.icon4 {
    background-position: 0 -90px
}

.ust-menuler ul li.menu4 ul li a b.icon5 {
    background-position: 0 -120px
}

.ust-menuler ul li.menu4 ul li a b.icon6 {
    background-position: 0 -150px
}

.ust-menuler ul li.menu4 ul li a b.icon7 {
    background-position: 0 -180px
}

.ust-menuler ul li.menu4 ul li a b.icon8 {
    background-position: 0 -210px
}

.ust-menuler ul li.menu4 ul li a b.icon9 {
    background-position: 0 -240px
}

.ust-menuler ul li.menu4 ul li a b.icon10 {
    background-position: 0 -270px
}

.ust-menuler ul li.menu4 ul li a b.icon11 {
    background-position: 0 -300px
}

.ust-menuler ul li.menu4 ul li a b.icon12 {
    background-position: 0 -330px
}

.ust-menuler ul li.menu4 ul li a b.icon13 {
    background-position: 0 -360px
}

.ust-menuler ul li.menu4 ul li a b.icon14 {
    background-position: 0 -390px
}

.ust-menuler ul li.menu4 ul li a b.icon15 {
    background-position: 0 -420px
}

.ust-menuler ul li.menu4 ul li a b.icon16 {
    background-position: 0 -450px
}

.ust-menuler ul li.menu4 ul li a b.icon17 {
    background-position: 0 -480px
}

.ust-menuler ul li.menu4 ul li a b.icon18 {
    background-position: 0 -510px
}

.ust-menuler ul li.menu4 ul li a b.icon19 {
    background-position: 0 -540px
}

.ust-menuler ul li.menu4 ul li a b.icon20 {
    background-position: 0 -570px
}

.ust-menuler ul li.menu4 ul li a b.icon21 {
    background-position: 0 -600px
}

.ust-menuler ul li.menu4 ul li a b.icon22 {
    background-position: 0 -630px
}

.ust-menuler ul li.menu4 ul li a b.icon23 {
    background-position: 0 -660px
}

.ust-menuler ul li.menu4 ul li a b.icon24 {
    background-position: 0 -690px
}

.ust-menuler ul li.menu4 ul li a b.icon25 {
    background-position: 0 -720px
}

.ust-menuler ul li.menu4 ul li a b.icon26 {
    background-position: 0 -750px
}

.ust-menuler ul li.menu4 ul li a b.icon27 {
    background-position: 0 -780px
}

.ust-menuler ul li.menu4 ul li a b.icon28 {
    background-position: 0 -810px
}

.ust-menuler ul li.menu4 ul li a b.icon29 {
    background-position: 0 -840px
}

.ust-menuler ul li.menu4 ul li a b.icon30 {
    background-position: 0 -870px
}

.ust-menuler ul li.menu4 ul li a b.icon31 {
    background-position: 0 0
}

.ust-menuler ul li.menu4 ul li a b.icon32 {
    background-position: 0 -30px
}

.ust-menuler ul li.menu4 ul li a b.icon33 {
    background-position: 0 -60px
}

.ust-menuler ul li.menu4 ul li a b.icon34 {
    background-position: 0 -90px
}

.ust-menuler ul li.menu4 ul li a b.icon35 {
    background-position: 0 -120px
}

.ust-menuler ul li.menu4 ul li a b.icon36 {
    background-position: 0 -150px
}

.ust-menuler ul li.menu4 ul li a b.icon37 {
    background-position: 0 -180px
}

.ust-menuler ul li.menu4 ul li a b.icon38 {
    background-position: 0 -210px
}

.ust-menuler ul li.menu4 ul li a b.icon39 {
    background-position: 0 -240px
}

.ust-menuler ul li.menu4 ul li a b.icon40 {
    background-position: 0 -270px
}

.ust-menuler ul li.menu4 ul li a b.icon41 {
    background-position: 0 -300px
}

.ust-menuler ul li.menu4 ul li a b.icon42 {
    background-position: 0 -330px
}

.ust-menuler ul li.menu4 ul li a b.icon43 {
    background-position: 0 -360px
}

.ust-menuler ul li.menu4 ul li a b.icon44 {
    background-position: 0 -390px
}

.ust-menuler ul li.menu4 ul li a b.icon45 {
    background-position: 0 -420px
}

.ust-menuler ul li.menu4 ul li a b.icon46 {
    background-position: 0 -450px
}

.ust-menuler ul li.menu4 ul li a b.icon47 {
    background-position: 0 -480px
}

.ust-menuler ul li.menu4 ul li a b.icon48 {
    background-position: 0 -510px
}

.ust-menuler ul li.menu4 ul li a b.icon49 {
    background-position: 0 -540px
}

.ust-menuler ul li.menu4 ul li a b.icon50 {
    background-position: 0 -570px
}

.ust-menuler ul li.menu4 ul li a b.icon51 {
    background-position: 0 -600px
}

.ust-menuler ul li.menu4 ul li a b.icon52 {
    background-position: 0 -630px
}

.ust-menuler ul li.menu4 ul li a b.icon53 {
    background-position: 0 -660px
}

.ust-menuler ul li.menu4 ul li a b.icon54 {
    background-position: 0 -690px
}

.ust-menuler ul li.menu4 ul li a b.icon55 {
    background-position: 0 -720px
}

.ust-menuler ul li.menu4 ul li a b.icon56 {
    background-position: 0 -750px
}

.ust-menuler ul li.menu4 ul li a b.icon57 {
    background-position: 0 -780px
}

.ust-menuler ul li.menu4 ul li a b.icon58 {
    background-position: 0 -810px
}

.ust-menuler ul li.menu4 ul li a b.icon59 {
    background-position: 0 -840px
}

.ust-menuler ul li.menu4 ul li a b.icon60 {
    background-position: 0 -870px
}

.ust-menuler ul li.menu4 ul li a b.icon61 {
    background-position: 0 0
}

.ust-menuler ul li.menu4 ul li a b.icon62 {
    background-position: 0 -30px
}

.ust-menuler ul li.menu4 ul li a b.icon63 {
    background-position: 0 -60px
}

.ust-menuler ul li.menu4 ul li a b.icon64 {
    background-position: 0 -90px
}

.ust-menuler ul li.menu4 ul li a b.icon65 {
    background-position: 0 -120px
}

.ust-menuler ul li.menu4 ul li a b.icon66 {
    background-position: 0 -150px
}

.ust-menuler ul li.menu4 ul li a b.icon67 {
    background-position: 0 -180px
}

.ust-menuler ul li.menu4 ul li a strong {
    width: 160px;
    line-height: 14px;
    float: left;
    padding: 0 15px 0 5px;
    font-weight: 400
}

.ust-menuler ul li.menu4 ul li a span {
    width: 160px;
    height: auto;
    line-height: 10px;
    float: left;
    padding: 0 15px 0 5px;
    margin: 0;
    font-size: 10px;
    color: #666;
    background: none
}

.ust-menuler ul ul li a:hover,
.ust-menuler ul ul li a:focus {
    font-weight: 400!important;
    color: #ac1010!important;
    text-decoration: underline!important;
    background: url(images/ust-menuler-ul-li-hover.png) 0 50% no-repeat!important
}

.ust-menuler ul li.menu4 ul li a:hover,
.ust-menuler ul li.menu4 ul li a:focus {
    font-weight: 400!important;
    color: #ac1010!important;
    text-decoration: none!important;
    background: none!important
}

.ust-menuler ul li.menu4 ul li a:hover strong,
.ust-menuler ul li.menu4 ul li a:focus strong {
    font-weight: 400!important;
    text-decoration: underline!important;
    background: none!important
}

.urun-menuler {
    display: block;
    margin: 0 0 10px
}

.urun-menuler li {
    float: none
}

@media (max-width: 767px) {
    .urun-menuler li.xs {
        margin-top: 20px
    }
}

@media (max-width: 479px) {
    .urun-menuler li.xss {
        margin-top: 10px
    }
}

.urun-menuler li a {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #212121;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.urun-menuler li a i {
    padding-right: 7px;
    font-size: 18px
}

.urun-menuler li a:hover,
.urun-menuler li a:focus {
    color: #212121;
    text-decoration: underline
}

.urun-menuler li.active a {
    color: #212121;
    text-decoration: underline
}

.back-link-genel {
    min-height: 42px;
    padding: 10px 0;
    margin-bottom: 10px;
    background: #fbfbfb;
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    margin-top: 20px;
}

.back-link {
    display: block
}

.back-link li {
    height: 20px;
    line-height: 20px;
    float: left;
    margin: 0 5px 0 0
}

.back-link li:last-child {
    margin-right: 0
}

.back-link li a {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #a2a2a2
}

.back-link li a i {
    padding-right: 4px;
    font-size: 14px
}

.back-link li a:hover,
.back-link li a:focus {
    text-decoration: underline
}

.back-link li a.disabled:hover,
.back-link li a.disabled:focus {
    text-decoration: none;
    cursor: default
}

.title {
    margin: 20px 0
}

.title h3 {
    line-height: 24px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #454545
}

@media (max-width: 767px) {
    .title h3 {
        line-height: 20px;
        font-size: 16px
    }
}

@media (max-width: 479px) {
    .title h3 {
        line-height: 16px;
        font-size: 13px
    }
}

.content {
    min-height: 200px;
    margin: 0 0 0px
}

.content-genel {
    width: 100%;
    float: left
}

.content-genel h4 {
    line-height: 100%;
    padding: 10px 0 5px;
    margin: 0 0 10px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #ac1010;
    border-bottom: 1px solid #ddd
}

.content-genel span.baslik-adres {
    display: block;
    width: 100%;
    margin: 0 0 15px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #454545
}

.content-orta {
    display: block;
    line-height: 20px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #454545
}

.content-k {
    display: block
}

.content-k a {
    display: block;
    height: 30px;
    line-height: 20px;
    padding: 5px 10px;
    margin-bottom: 25px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    background-color: #ac1010;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.content-k a i {
    top: 2px;
    padding-right: 5px;
    font-size: 15px
}

.content-k a:hover,
.content-k a:focus {
    text-decoration: none
}

@media (min-width: 1000px) {
    .content-sol {
        margin-top: 0!important;
        height: 100vh!important;
        margin-bottom: -10px!important
    }
}

.content-sol {
    display: block;
    margin-bottom: 25px;
    background: #f6f6f6;
    padding: 20px;
    border-right: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1
}

.content-sol.disable {
    display: none!important
}

@media (min-width: 480px) {
    .content-sol.disable {
        display: block!important
    }
}

.content-sol.home {
    line-height: 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #454545
}

.content-sol h3 {
    line-height: 100%;
    margin: 0 0 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #ac1010;
    text-transform: uppercase
}

.content-sol.home h3 {
    padding: 0;
    margin: 0 0 10px;
    font-size: 20px;
    font-weight: 700;
    color: #212121
}

.content-sol ul.menu {
    width: 100%;
    float: left;
    margin-bottom: 20px
}

.content-sol ul.menu li {
    width: 100%;
    float: left;
    border-top: 1px solid #ddd
}

.content-sol ul.menu li a {
    display: block;
    line-height: 16px;
    padding: 7px 10px 7px 0;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #999;
    background: url(images/content-sol-menu-inactive.png) 100% 50% no-repeat
}

.content-sol ul.menu li a span {
    padding: 0 0 0 5px;
    color: #de0000
}

.content-sol ul.menu li a.inactive {
    background: url(images/content-sol-menu-inactive.png) 100% 50% no-repeat
}

.content-sol ul.menu li a.active {
    background: url(images/content-sol-menu-active.png) 100% 50% no-repeat
}

.content-sol ul.menu li a:hover,
.content-sol ul.menu li a:focus {
    color: #656565;
    text-decoration: none
}

.content-sol ul.menu li.current a {
    color: #656565
}

.content-sol ul.menu ul {
    display: none
}

.content-sol ul.menu ul li a {
    color: #999!important
}

.content-sol ul.menu ul li a:hover,
.content-sol ul.menu ul li a:focus {
    color: #656565!important
}

.content-sol ul.menu ul li.current a {
    color: #656565!important
}

.content-sol ul.menu ul ul {
    display: none
}

.content-sol ul.filter {
    display: block;
    background-color: transparent
}

.content-sol ul.filter li {
    display: block;
    width: 100%
}

.content-sol ul.filter li a {
    display: block;
    width: 100%
}

.content-sol ul.filter li a:hover,
.content-sol ul.filter li a:focus {
    text-decoration: none
}

.content-sol ul.filter ul {
    display: block;
    width: 100%
}

.content-sol ul.filter ul li {
    display: block;
    width: 100%;
    margin: 20px 0 0
}

.content-sol ul.filter ul li.ilk {
    margin-top: 0
}

.content-sol ul.filter ul li a {
    display: block;
    width: 100%;
    line-height: 16px;
    padding: 2px 0 2px 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #454545
}

.content-sol ul.filter ul li a.inactive {
    background: url(images/filter-li-a-inactive.png) 0 0 no-repeat
}

.content-sol ul.filter ul li a.active {
    background: url(images/filter-li-a-active.png) 0 0 no-repeat
}

.content-sol ul.filter ul li a:hover,
.content-sol ul.filter ul li a:focus {
    color: #ac1010
}

.content-sol ul.filter ul li.current a {
    color: #ac1010
}

.content-sol ul.filter ul ul {
    display: block;
    width: 100%
}

.content-sol ul.filter ul ul li {
    display: block;
    width: 100%;
    margin: 0
}

.content-sol ul.filter ul ul li a {
    display: block;
    width: 100%;
    font-weight: 400!important;
    color: #666!important
}

.content-sol ul.filter ul ul.checkbox li a {
    background: url(images/filter-ul-checkbox-li-a.png) 0 50% no-repeat
}

.content-sol ul.filter ul ul li a strong {
    display: inline-block;
    width: 75%;
    font-weight: 400
}

.content-sol ul.filter ul ul li a span {
    display: inline-block;
    width: 25%;
    text-align: right
}

.content-sol ul.filter ul ul li a:hover,
.content-sol ul.filter ul ul li a:focus {
    color: #ac1010!important;
    text-decoration: underline;
    background: url(images/filter-ul-li-hover.png) 0 50% no-repeat
}

.content-sol ul.filter ul ul.checkbox li a:hover,
.content-sol ul.filter ul ul.checkbox li a:focus {
    background: url(images/filter-ul-checkbox-li-a-hover.png) 0 50% no-repeat
}

.content-sol ul.filter ul ul li a:hover strong,
.content-sol ul.filter ul ul li a:focus strong {
    text-decoration: underline
}

.content-sol ul.filter ul ul li a:hover span,
.content-sol ul.filter ul ul li a:focus span {
    text-decoration: underline
}

.content-sol ul.filter ul ul li.current a {
    color: #666!important;
    text-decoration: underline;
    background: url(images/filter-ul-li-current.png) 0 50% no-repeat
}

.content-sol ul.filter ul ul.checkbox li.current a {
    color: #ac1010!important;
    text-decoration: underline;
    background: url(images/filter-ul-checkbox-li-a-hover.png) 0 50% no-repeat
}

.content-sol ul.filter ul ul li.current a:hover,
.content-sol ul.filter ul ul li.current a:focus {
    color: #ac1010!important;
    text-decoration: underline;
    background: url(images/filter-ul-li-current-hover.png) 0 50% no-repeat
}

.content-sol ul.filter ul ul.checkbox li.current a:hover,
.content-sol ul.filter ul ul.checkbox li.current a:focus {
    color: #ac1010!important;
    text-decoration: underline;
    background: url(images/filter-ul-checkbox-li-a-hover.png) 0 50% no-repeat
}

.content-sol ul.filter ul ul.checkbox li.current a strong {
    text-decoration: underline
}

.content-sol ul.filter ul ul.checkbox li.current a span {
    text-decoration: underline
}

.content-sol ul.filter ul ul ul {
    display: none
}

.content-sol ul.uyelik {
    width: 100%;
    float: left;
    margin-bottom: 20px
}

.content-sol ul.uyelik li {
    width: 100%;
    float: left
}

.content-sol ul.uyelik li a {
    display: block;
    line-height: 16px;
    padding: 7px 10px 7px 0;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #212121
}

.content-sol ul.uyelik li a:hover,
.content-sol ul.uyelik li a:focus {
    color: #212121;
    text-decoration: none
}

.content-sol ul.uyelik li.current a {
    color: #212121
}

.content-sol ul.uyelik ul {
    margin: 0 0 20px
}

.content-sol ul.uyelik ul li {
    border-top: 1px solid #ddd
}

.content-sol ul.uyelik ul li:first-child {
    border-top: none
}

.content-sol ul.uyelik ul li a {
    font-weight: 400;
    color: #999!important
}

.content-sol ul.uyelik ul li a span {
    padding: 0 0 0 5px;
    color: #de0000
}

.content-sol ul.uyelik ul li a:hover,
.content-sol ul.uyelik ul li a:focus {
    color: #656565!important
}

.content-sol ul.uyelik ul li.current a {
    color: #656565!important
}

.content-sol ul.uyelik ul ul {
    display: none
}

.content-sag {
    display: block;
    line-height: 20px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #454545
}

.content-sag.home {
    line-height: inherit;
    font-family: inherit;
    font-size: inherit;
    color: inherit
}

.hata404 {
    width: 100%;
    border-collapse: collapse;
    border: none
}

.hata404 td {
    line-height: 100%;
    padding: 80px 0;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #888;
    vertical-align: middle
}

.hata404 td.left {
    line-height: 100%;
    font-size: 200px
}

.hata404 td.right {
    padding-left: 30px
}

.hata404 td.right span {
    display: block;
    line-height: 100%;
    padding: 0 0 10px;
    font-size: 35px
}

.hata404 td.right a {
    color: #888;
    text-decoration: underline
}

@media (max-width: 479px) {
    .hata404 td {
        padding: 30px 0;
        font-size: 9px
    }
    .hata404 td.left {
        font-size: 60px
    }
    .hata404 td.right {
        padding-left: 10px
    }
    .hata404 td.right span {
        font-size: 12px
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .hata404 td {
        padding: 40px 0;
        font-size: 11px
    }
    .hata404 td.left {
        font-size: 100px
    }
    .hata404 td.right {
        padding-left: 15px
    }
    .hata404 td.right span {
        font-size: 14px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hata404 td {
        padding: 60px 0;
        font-size: 16px
    }
    .hata404 td.left {
        font-size: 140px
    }
    .hata404 td.right {
        padding-left: 20px
    }
    .hata404 td.right span {
        font-size: 25px
    }
}

.footer-genel {
    background-color: #202020;
    margin-top: 10px;
}

.footer-top {
    position: relative;
    padding: 30px 0 15px;
    border-bottom: 1px solid #353535
}

.footer-top .footer-menu {
    display: inline-block;
    margin-bottom: 10px;
}

@media (max-width: 991px) {
    .footer-top .footer-menu.sm {
        margin-top: 20px
    }
}

@media (max-width: 479px) {
    .footer-top .footer-menu.xss {
        margin-top: 1px
    }
}

.footer-top .footer-menu h4 {
    width: 100%;
    line-height: 100%;
    float: left;
    padding: 0;
    margin: 0 0 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #fff
}

.footer-top .footer-menu h4.bulten {
    margin-top: 20px
}

@media (min-width: 480px) and (max-width: 991px) {
    .footer-top .footer-menu h4.bulten {
        margin-top: 0
    }
}

.footer-top .footer-menu ul.link {
    width: 100%;
    float: left
}

.footer-top .footer-menu ul.link.social {
    width: 50%;
    float: left
}

.footer-top .footer-menu ul.link li {
    width: 100%;
    float: left;
    border-bottom: dotted 1px #4b4b4b;
    padding: 2px 0
}

.footer-top .footer-menu ul.link li a {
    display: block;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    color: #959595;
    font-size: 13px;
    cursor: pointer;
    font-weight: 500
}

.footer-top .footer-menu ul.link.social li a {
    line-height: 22px;
    font-size: 12px;
    color: #959595
}

.footer-top .footer-menu ul.link li a i {
    width: 16px;
    height: 16px;
    line-height: 16px;
    margin: 3px 7px 3px 0;
    color: #fff;
    text-align: center
}

.footer-top .footer-menu ul.link li a i.fa-facebook {
    font-size: 14px
}

.footer-top .footer-menu ul.link li a i.fa-twitter {
    font-size: 14px
}

.footer-top .footer-menu ul.link li a i.fa-instagram {
    font-size: 14px
}

.footer-top .footer-menu ul.link li a i.fa-linkedin {
    font-size: 14px
}

.footer-top .footer-menu ul.link li a i.fa-pinterest {
    font-size: 14px
}

.footer-top .footer-menu ul.link li a i.fa-google-plus {
    font-size: 14px
}

.footer-top .footer-menu ul.link li a span {
    float: none
}

.footer-top .footer-menu ul.link li a:hover,
.footer-top .footer-menu ul.link li a:focus {
    color: #666;
    text-decoration: underline
}

.footer-top .footer-menu ul.link.social li a:hover,
.footer-top .footer-menu ul.link.social li a:focus {
    color: #888;
    text-decoration: none
}

.footer-bottom {
    line-height: 16px;
    margin: 0;
    padding: 5px 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666
}

.footer-bottom .left {
    float: left
}

.footer-bottom .right {
    float: right
}

@media (max-width: 479px) {
    .footer-bottom .right {
        float: left;
        margin-top: 10px
    }
}

.footer-bottom a {
    color: #666
}

.footer-bottom a:hover,
.footer-bottom a:focus {
    color: #666;
    text-decoration: underline
}

.e-bulten {
    display: inline-block;
    position: relative;
    width: 100%
}

.e-bulten input.input {
    display: inline-block;
    width: 100%;
    height: 28px;
    line-height: 14px;
    padding: 7px 60px 7px 10px;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #ccc;
    background: #202020;
    border: 1px solid #444
}

.e-bulten input.input::-webkit-input-placeholder,
.e-bulten input.input::-moz-placeholder,
.e-bulten input.input:-ms-input-placeholder {
    color: #ccc;
    opacity: 1
}

.e-bulten input.input:focus {
    color: #333;
    background-position: 0 -28px
}

.e-bulten input.input:focus::-webkit-input-placeholder,
.e-bulten input.input:focus::-moz-placeholder,
.e-bulten input.input:focus:-ms-input-placeholder {
    color: #888
}

.e-bulten input.submit {
    display: block;
    position: absolute;
    top: 4px;
    right: 4px;
    width: auto;
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    margin: 0;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background: #444;
    border: none
}

.e-bulten input.input:focus+input.submit {
    background-color: #ac1010
}

.e-bulten span.ebultenload {
    display: none;
    position: absolute;
    right: 0;
    top: 32px;
    z-index: 99;
    line-height: 100%;
    padding: 3px 4px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    font-weight: 400;
    color: #fff;
    text-align: right;
    background: #888;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.eklenmis-resim1 {
    width: 100%;
    float: left
}

.eklenmis-resim1 li {
    width: 150px;
    height: 135px;
    float: left;
    margin: 0 16px 0 0
}

.eklenmis-resim1 li a {
    display: block;
    width: 150px;
    height: 135px;
    cursor: pointer
}

.eklenmis-resim1 li a span.resim {
    width: 150px;
    height: 115px;
    float: left;
    padding: 4px;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.eklenmis-resim1 li a span.resim span.overflow {
    width: 140px;
    height: 105px;
    float: left;
    overflow: hidden
}

.eklenmis-resim1 li a span.resim span.overflow img {
    width: 140px;
    min-height: 105px
}

.eklenmis-resim1 li a span.aciklama {
    width: 150px;
    height: 20px;
    line-height: 16px;
    float: left;
    overflow: hidden;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #454545;
    text-align: center
}

.eklenmis-resim2 {
    width: 100%;
    float: left
}

.eklenmis-resim2 li {
    width: 136px;
    height: 125px;
    float: left;
    margin: 0 15px 0 0
}

.eklenmis-resim2 li a {
    display: block;
    width: 136px;
    height: 125px;
    cursor: pointer
}

.eklenmis-resim2 li a span.resim {
    width: 126px;
    height: 95px;
    float: left;
    padding: 4px;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.eklenmis-resim2 li a span.resim span.overflow {
    width: 126px;
    height: 95px;
    float: left;
    overflow: hidden
}

.eklenmis-resim2 li a span.resim span.overflow img {
    width: 126px;
    min-height: 95px
}

.eklenmis-resim2 li a span.aciklama {
    width: 136px;
    height: 20px;
    line-height: 15px;
    float: left;
    overflow: hidden;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #454545;
    text-align: center
}

.eklenmis-resim3 {
    width: 100%;
    float: left
}

.eklenmis-resim3 li {
    width: 145px;
    height: 131px;
    float: left;
    margin: 0 16px 0 0
}

.eklenmis-resim3 li a {
    display: block;
    width: 145px;
    height: 131px;
    cursor: pointer
}

.eklenmis-resim3 li a span.resim {
    width: 135px;
    height: 101px;
    float: left;
    padding: 4px;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.eklenmis-resim3 li a span.resim span.overflow {
    width: 135px;
    height: 101px;
    float: left;
    overflow: hidden
}

.eklenmis-resim3 li a span.resim span.overflow img {
    width: 135px;
    min-height: 101px
}

.eklenmis-resim3 li a span.aciklama {
    width: 145px;
    height: 20px;
    line-height: 16px;
    float: left;
    overflow: hidden;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #454545;
    text-align: center
}

.eklenmis-resim4 {
    width: 100%;
    float: left
}

.eklenmis-resim4 li {
    width: 105px;
    height: 109px;
    float: left;
    margin: 0 16px 0 0
}

.eklenmis-resim4 li a {
    display: block;
    width: 105px;
    height: 109px;
    cursor: pointer
}

.eklenmis-resim4 li a span.resim {
    width: 105px;
    height: 89px;
    float: left;
    padding: 4px;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.eklenmis-resim4 li a span.resim span.overflow {
    width: 95px;
    height: 79px;
    float: left;
    overflow: hidden
}

.eklenmis-resim4 li a span.resim span.overflow img {
    width: 95px;
    min-height: 79px
}

.eklenmis-resim4 li a span.aciklama {
    width: 105px;
    height: 20px;
    line-height: 16px;
    float: left;
    overflow: hidden;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #454545;
    text-align: center
}

.eklenmis-video1 {
    width: 100%;
    float: left
}

.eklenmis-video1 li {
    width: 150px;
    height: 135px;
    float: left;
    margin: 0 16px 0 0
}

.eklenmis-video1 li a {
    display: block;
    position: relative;
    width: 150px;
    height: 135px;
    cursor: pointer
}

.eklenmis-video1 li a span.video {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40px;
    height: 30px;
    margin: -25px 0 0 -20px;
    background: url(images/eklenmis-video-icon.png) 0 0 no-repeat
}

.eklenmis-video1 li a:hover span.video,
.eklenmis-video1 li a:focus span.video {
    background-position: 0 -30px
}

.eklenmis-video1 li a span.resim {
    width: 140px;
    height: 105px;
    float: left;
    padding: 4px;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.eklenmis-video1 li a span.resim span.overflow {
    width: 140px;
    height: 105px;
    float: left;
    overflow: hidden
}

.eklenmis-video1 li a span.resim span.overflow img {
    width: 140px;
    height: 105px
}

.eklenmis-video1 li a span.aciklama {
    width: 150px;
    height: 20px;
    line-height: 16px;
    float: left;
    overflow: hidden;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #454545;
    text-align: center
}

.eklenmis-video2 {
    width: 100%;
    float: left
}

.eklenmis-video2 li {
    width: 136px;
    height: 125px;
    float: left;
    margin: 0 15px 0 0
}

.eklenmis-video2 li a {
    display: block;
    position: relative;
    width: 136px;
    height: 125px;
    cursor: pointer
}

.eklenmis-video2 li a span.video {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40px;
    height: 30px;
    margin: -25px 0 0 -20px;
    background: url(images/eklenmis-video-icon.png) 0 0 no-repeat
}

.eklenmis-video2 li a:hover span.video,
.eklenmis-video2 li a:focus span.video {
    background-position: 0 -30px
}

.eklenmis-video2 li a span.resim {
    width: 126px;
    height: 95px;
    float: left;
    padding: 4px;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.eklenmis-video2 li a span.resim span.overflow {
    width: 126px;
    height: 95px;
    float: left;
    overflow: hidden
}

.eklenmis-video2 li a span.resim span.overflow img {
    width: 126px;
    height: 95px
}

.eklenmis-video2 li a span.aciklama {
    width: 136px;
    height: 20px;
    line-height: 15px;
    float: left;
    overflow: hidden;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #454545;
    text-align: center
}

.eklenmis-video3 {
    width: 100%;
    float: left
}

.eklenmis-video3 li {
    width: 145px;
    height: 131px;
    float: left;
    margin: 0 16px 0 0
}

.eklenmis-video3 li a {
    display: block;
    position: relative;
    width: 145px;
    height: 131px;
    cursor: pointer
}

.eklenmis-video3 li a span.video {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40px;
    height: 30px;
    margin: -25px 0 0 -20px;
    background: url(images/eklenmis-video-icon.png) 0 0 no-repeat
}

.eklenmis-video3 li a:hover span.video,
.eklenmis-video3 li a:focus span.video {
    background-position: 0 -30px
}

.eklenmis-video3 li a span.resim {
    width: 135px;
    height: 101px;
    float: left;
    padding: 4px;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.eklenmis-video3 li a span.resim span.overflow {
    width: 135px;
    height: 101px;
    float: left;
    overflow: hidden
}

.eklenmis-video3 li a span.resim span.overflow img {
    width: 135px;
    height: 101px
}

.eklenmis-video3 li a span.aciklama {
    width: 145px;
    height: 20px;
    line-height: 16px;
    float: left;
    overflow: hidden;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #454545;
    text-align: center
}

.eklenmis-video4 {
    width: 100%;
    float: left
}

.eklenmis-video4 li {
    width: 105px;
    height: 109px;
    float: left;
    margin: 0 16px 0 0
}

.eklenmis-video4 li a {
    display: block;
    position: relative;
    width: 105px;
    height: 109px;
    cursor: pointer
}

.eklenmis-video4 li a span.video {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40px;
    height: 30px;
    margin: -25px 0 0 -20px;
    background: url(images/eklenmis-video-icon.png) 0 0 no-repeat
}

.eklenmis-video4 li a:hover span.video,
.eklenmis-video4 li a:focus span.video {
    background-position: 0 -30px
}

.eklenmis-video4 li a span.resim {
    width: 95px;
    height: 79px;
    float: left;
    padding: 4px;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.eklenmis-video4 li a span.resim span.overflow {
    width: 95px;
    height: 79px;
    float: left;
    overflow: hidden
}

.eklenmis-video4 li a span.resim span.overflow img {
    width: 95px;
    height: 79px
}

.eklenmis-video4 li a span.aciklama {
    width: 105px;
    height: 20px;
    line-height: 16px;
    float: left;
    overflow: hidden;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #454545;
    text-align: center
}

.eklenmis-dosya1 {
    width: 100%;
    float: left
}

.eklenmis-dosya1 li {}

.eklenmis-dosya1 li a {
    display: block;
    width: 130px;
    height: 30px;
    padding: 5px;
    background: #ddd
}

.eklenmis-dosya1 li a span.resim {
    width: 30px;
    height: 30px;
    float: left
}

.eklenmis-dosya1 li a span.resim span.overflow {
    width: 30px;
    height: 30px;
    float: left;
    overflow: hidden
}

.eklenmis-dosya1 li a span.resim span.overflow img {
    max-width: 30px;
    height: 30px
}

.eklenmis-dosya1 li a span.aciklama {
    width: 100px;
    height: 30px;
    line-height: 30px;
    float: left;
    overflow: hidden;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #454545;
    text-align: left
}

.eklenmis-dosya2 {
    width: 100%;
    float: left
}

.eklenmis-dosya2 li {
    width: 126px;
    height: 40px;
    float: left;
    margin: 0 15px 15px 0;
    padding: 4px;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.eklenmis-dosya2 li a {
    display: block;
    width: 116px;
    height: 30px;
    padding: 5px;
    background: #ddd
}

.eklenmis-dosya2 li a span.resim {
    width: 30px;
    height: 30px;
    float: left
}

.eklenmis-dosya2 li a span.resim span.overflow {
    width: 30px;
    height: 30px;
    float: left;
    overflow: hidden
}

.eklenmis-dosya2 li a span.resim span.overflow img {
    max-width: 30px;
    height: 30px
}

.eklenmis-dosya2 li a span.aciklama {
    width: 86px;
    height: 30px;
    line-height: 30px;
    float: left;
    overflow: hidden;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #454545;
    text-align: left
}

.eklenmis-dosya3 {
    width: 100%;
    float: left
}

.eklenmis-dosya3 li {
    width: 135px;
    height: 40px;
    float: left;
    margin: 0 16px 16px 0;
    padding: 4px;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.eklenmis-dosya3 li a {
    display: block;
    width: 125px;
    height: 30px;
    padding: 5px;
    background: #ddd
}

.eklenmis-dosya3 li a span.resim {
    width: 30px;
    height: 30px;
    float: left
}

.eklenmis-dosya3 li a span.resim span.overflow {
    width: 30px;
    height: 30px;
    float: left;
    overflow: hidden
}

.eklenmis-dosya3 li a span.resim span.overflow img {
    max-width: 30px;
    height: 30px
}

.eklenmis-dosya3 li a span.aciklama {
    width: 95px;
    height: 30px;
    line-height: 30px;
    float: left;
    overflow: hidden;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #454545;
    text-align: left
}

.haber-liste {
    display: block
}

.haber-liste li {
    display: block;
    padding: 10px 0;
    border-top: 1px solid #ddd
}

.haber-liste li:first-child {
    padding-top: 0;
    border-top: none
}

.haber-liste li a {
    display: block
}

.haber-liste li a span.resim {
    display: inline-block;
    padding: 4px;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.haber-liste li a span.resim img {
    max-width: 100%
}

.haber-liste li a span.aciklama {
    display: inline-block;
    line-height: 20px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #454545
}

.haber-liste li a span.aciklama span.baslik {
    display: block;
    font-size: 16px;
    font-weight: 700
}

.haber-liste li a span.aciklama span.spot {
    display: block;
    color: #888
}

.haber-liste li a span.aciklama span.tarih {
    display: block;
    font-size: 11px;
    color: #888;
    text-align: right
}

.haber-liste li a:hover span.aciklama span.baslik,
.haber-liste li a:focus span.aciklama span.baslik {
    color: #ac1010
}

.haber-detay {
    width: 100%;
    float: left
}

.haber-detay span.spot {
    display: block;
    padding: 0 0 10px;
    margin: 0 0 10px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #454545;
    border-bottom: 1px solid #ddd
}

.haber-detay span.genel {
    width: 100%;
    float: left;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #454545
}

.haber-detay span.genel img {
    width: 290px;
    float: left;
    padding: 4px;
    margin: 0 20px 0 0;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.haber-detay span.genel span.aciklama {
    color: #454545
}

.haber-detay span.genel span.tarih {
    color: #888
}

.etiket-liste {
    width: 100%;
    float: left;
    margin: 17px 0
}

.etiket-liste li {
    float: left;
    margin: 3px 3px 0 0
}

.etiket-liste li:last-child {
    margin-left: 0
}

.etiket-liste li a {
    display: block;
    height: 20px;
    line-height: 14px;
    float: left;
    padding: 3px 5px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    font-weight: 400;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.etiket-liste li a.etiket1 {
    color: #fff;
    background: #6488d8
}

.etiket-liste li a.etiket2 {
    color: #fff;
    background: #35a7ae
}

.etiket-liste li a.etiket3 {
    color: #fff;
    background: #35ce4a
}

.etiket-liste li a.etiket4 {
    color: #fff;
    background: #7979ff
}

.etiket-liste li a.etiket5 {
    color: #fff;
    background: #335ab0
}

.etiket-liste li a.etiket6 {
    color: #fff;
    background: #ff8a00
}

.etiket-liste li a.etiket7 {
    color: #fff;
    background: #b3298b
}

.etiket-liste li a.etiket8 {
    color: #fff;
    background: #656565
}

.etiket-liste li a.etiket9 {
    color: #fff;
    background: #479229
}

.etiket-liste li a.etiket10 {
    color: #fff;
    background: #f77620
}

.etiket-liste li a:hover,
.etiket-liste li a:focus {
    color: #fff;
    background: #212121;
    text-decoration: none
}

.page-list {
    display: inline-block;
    width: 100%;
    padding: 10px 0 0;
    margin: 10px 0;
    border-top: 1px solid #ddd
}

.page-list li {
    width: 100%;
    float: left
}

.page-list li span {
    float: left
}

.page-list li span.total {
    height: 24px;
    line-height: 24px;
    float: right;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #454545
}

.page-list li span.list {
    float: left
}

.page-list li span.list span.passive {
    height: 24px;
    line-height: 24px;
    float: left;
    margin: 0 3px 0 0;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #454545
}

.page-list li span.list a {
    height: 24px;
    line-height: 15px;
    float: left;
    padding: 4px 9px;
    margin: 0 3px 3px 0;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #454545;
    cursor: pointer;
    background: #f9f9f9;
    border: 1px solid #ccc;
    text-decoration: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.page-list li span.list a.last {
    margin-right: 0
}

.page-list li span.list a::selection {
    background: transparent;
    color: #454545
}

.page-list li span.list a.disable {
    color: #ccc;
    cursor: default;
    background: #f9f9f9;
    border-color: #e9e9e9
}

.page-list li span.list a.disable::selection {
    color: #ccc
}

.page-list li span.list a:hover,
.page-list li span.list a:focus {
    text-decoration: none;
    background: #fff
}

.page-list li span.list a.hover::selection {
    color: #454545
}

.page-list li span.list a.disable:hover,
.page-list li span.list a.disable:focus {
    color: #ccc;
    background: #f9f9f9;
    border-color: #e9e9e9
}

.page-list li span.list a.disable.hover::selection {
    color: #ccc
}

.page-list li span.list a.active {
    color: #ac1010;
    cursor: default;
    background: #fff;
    border-color: #ac1010
}

.page-list li span.list a.active::selection {
    color: #ac1010
}

@media (min-width: 0px) and (max-width: 991px) {
    .page-list li span.total {
        float: left;
        margin-bottom: 5px
    }
    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        width: 100%;
        margin-top: 45px;
    }
}

.table {
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd
}

.table td {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #454545;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.table.taksit td {
    line-height: 14px;
    font-size: 11px;
    color: #333
}

.table thead td {
    font-weight: 700;
    color: #212121;
    vertical-align: middle;
    background: #ededed url(images/table-thead.png) 0 0 repeat-x
}

.table.taksit thead td {
    font-weight: 400;
    color: #333;
    background: #fff
}

.table.taksit thead td img {
    height: 16px
}

.table tbody td {
    font-weight: 400;
    vertical-align: middle;
    background: #fff
}

.table.taksit tbody td b {
    font-size: 12px;
    color: #212121
}

.table tbody tr:hover td,
.table tbody tr:focus td {
    background-color: #f1f1f1
}

.table td.left {
    float: none;
    text-align: left;
    padding: 7px
}

.table.taksit td.left {
    padding: 5px 2px
}

.table td.right {
    float: none;
    text-align: right;
    padding: 7px
}

.table.taksit td.right {
    padding: 5px 2px
}

.table td.center {
    float: none;
    text-align: center;
    padding: 7px
}

.table.taksit td.center {
    padding: 5px 2px
}

.table td a {
    height: 16px;
    line-height: 16px;
    float: left;
    padding: 1px 4px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
    background-image: url(images/table-button.png);
    background-position: 0 0;
    background-repeat: repeat;
    background-color: #ac1010;
    border: 1px solid #4c812f;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.table td a::selection {
    background: transparent
}

.table td a:hover,
.table td a:focus {
    background: #4c812f
}

.referans-modul1 {
    width: 100%;
    float: left
}

.referans-modul1 li {
    width: 180px;
    height: 178px;
    float: left;
    margin: 0 20px 0 0
}

.referans-modul1 li a {
    display: block;
    width: 180px;
    height: 178px;
    cursor: pointer
}

.referans-modul1 li a span.resim {
    width: 170px;
    height: 128px;
    float: left;
    padding: 4px;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.referans-modul1 li a span.resim span.overflow {
    width: 170px;
    height: 128px;
    float: left;
    overflow: hidden
}

.referans-modul1 li a span.resim span.overflow img {
    width: 170px;
    min-height: 128px
}

.referans-modul1 li a span.aciklama {
    width: 180px;
    height: 40px;
    line-height: 16px;
    float: left;
    overflow: hidden;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #454545;
    text-align: center
}

.page-sort {
    display: inline-block;
    width: 100%;
    padding: 5px 10px;
    margin: 0 0 25px;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.page-sort span.left {
    float: left
}

.page-sort span.left ul.order {
    display: block
}

.page-sort span.left ul.order li {
    height: 20px;
    float: left;
    margin: 0 0 0 15px
}

.page-sort span.left ul.order li:first-child {
    margin-left: 0
}

.page-sort span.left ul.order li a {
    display: block;
    line-height: 20px;
    padding: 0 14px 0 0;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #333;
    cursor: pointer;
    background: url(images/page-sort-a.png) 100% 0 no-repeat
}

.page-sort span.left ul.order li a::selection {
    background: transparent;
    color: #333
}

.page-sort span.left ul.order li a:hover,
.page-sort span.left ul.order li a:focus {
    color: #333;
    text-decoration: none
}

.page-sort span.left ul.order li a.asc {
    background: url(images/page-sort-a.png) 100% -20px no-repeat
}

.page-sort span.left ul.order li a.desc {
    background: url(images/page-sort-a.png) 100% -40px no-repeat
}

.page-sort span.left ul.order li a.asc:hover,
.page-sort span.left ul.order li a.asc:focus {
    background: url(images/page-sort-a.png) 100% -20px no-repeat
}

.page-sort span.left ul.order li a.desc:hover,
.page-sort span.left ul.order li a.desc:focus {
    background: url(images/page-sort-a.png) 100% -40px no-repeat
}

.page-sort span.right {
    float: right
}

.page-sort span.right span.form {
    float: left
}

.page-sort span.right span.form select {
    width: auto;
    height: 20px;
    line-height: 20px;
    float: left;
    padding: 1px 1px 1px 0;
    margin: 0 -5px 0 0;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    cursor: auto;
    text-align: left;
    text-decoration: none;
    background: #fff;
    border: 1px solid #b9b9b9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.page-sort span.right span.form select:focus {
    border-color: #888
}

@media (min-width: 0px) and (max-width: 639px) {
    .page-sort span.left ul.order li {
        float: none;
        margin-left: 0
    }
    .page-sort span.left ul.order li a {
        padding: 0 0 0 14px;
        background-position: 0 0
    }
    .page-sort span.left ul.order li a.asc,
    .page-sort span.left ul.order li a.asc:hover,
    .page-sort span.left ul.order li a.asc:focus {
        background-position: 0 -20px
    }
    .page-sort span.left ul.order li a.desc,
    .page-sort span.left ul.order li a.desc:hover,
    .page-sort span.left ul.order li a.desc:focus {
        background-position: 0 -40px
    }
    .page-sort span.right span.form {
        float: none
    }
}

.page-kelime {
    width: 720px;
    line-height: 20px;
    float: left;
    padding: 6px 10px 4px;
    margin: 0 0 15px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #333;
    background: #ffd1d1;
    border: 1px solid #f8acac;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.page-kelime span.left {
    float: left
}

.page-kelime span.right {
    float: right
}

.urun-teklif {
    display: block;
    margin-bottom: 10px
}

.urun-teklif h3 {
    display: block;
    line-height: 100%;
    padding: 0;
    margin: 0 0 10px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #212121
}

.urun-teklif a {
    display: block;
    cursor: pointer;
    border: 1px solid #e1e1e1
}

@media (max-width: 479px) {
    .urun-teklif a.xss {
        margin-top: 20px
    }
}

@media (max-width:740px) {
    .urun-liste li {
        display: inline-block;
        position: relative;
        width: 100%;
        ;
        background: none!important;
        margin-bottom: 20px!important;
        height: 455px!important
    }
}

@media (min-width:501px) and (max-width:900px) {
    .tahta_ic2 {
        width: 100%!important;
        height: auto;
        margin: 0px auto;
        display: block;
    }
}

.tahta_ic2 {
    width: 1070px;
    height: auto;
    margin: 0px auto;
    display: block;
}

.urun-teklif a img {
    max-width: 100%
}

.urun-liste {
    display: block
}

.urun-liste li {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 0 0 0px;
}

.urun-liste li a {
    display: block;
    position: relative;
    z-index: 7
}

.urun-liste li a span.baslik {
    position: relative;
    width: 100%;
    height: 25px;
    background: #fff;
    line-height: 25px;
    float: left;
    margin-top: 9px;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #000;
    text-align: left;
    overflow: hidden;
    text-align: center;
    border-radius: 10px;
}

.urun-liste li a span.fiyat_bg {
    float: left;
    width: 100%;
    height: 20px;
    margin-top: 5px;
}

.urun-liste li a span.fiyat_bg .kg {
    float: left;
    width: 108px;
    text-align: center;
    color: #fff;
    font-weight: 300;
    font-size: 15px;
}

.urun-liste li a span.fiyat_bg .fiyat {
    float: left;
    width: 108px;
    text-align: center;
    color: #fff;
    font-weight: 300;
    font-size: 15px;
    margin-left: 15px;
}

.urun-liste li a span.indirim {
    position: absolute;
    z-index: 9;
    left: 10px;
    top: 10px;
    width: 50px;
    height: 50px;
    line-height: 12px;
    padding: 13px 0;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    background-color: transparent;
    background-image: url(images/urun-liste-indirim.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 50px 50px
}

.urun-liste li a span.indirim strong {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 2px 0 0;
    background-color: transparent;
    background-image: url(images/urun-liste-indirim-strong.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 8px 8px
}

.urun-liste li a span.kargo {
    position: absolute;
    z-index: 9;
    right: -3px;
    top: -3px;
    width: 89px;
    height: 89px;
    background-color: transparent;
    background-image: url(images/urun-liste-kargo.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 89px 89px
}

.urun-liste li a span.stok-yok {
    position: absolute;
    z-index: 9;
    right: -3px;
    top: -3px;
    width: 109px;
    height: 109px;
    text-indent: -99999px;
    background-color: transparent;
    background-image: url(images/urun-liste-stok-yok.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 109px 109px
}

.urun-liste li a span.on-siparis {
    position: absolute;
    z-index: 9;
    right: -3px;
    top: -3px;
    width: 89px;
    height: 89px;
    text-indent: -99999px;
    background-color: transparent;
    background-image: url(images/urun-liste-on-siparis.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 89px 89px
}

.urun-liste li a span.resim {
    display: block;
    position: relative;
    z-index: 8;
    width: 100%;
    padding: 0px
}

.urun-liste li a span.resim span.overflow {
    display: block;
    width: 100%;
    height: 325px;
    text-align: center
}

@media(max-width: 990px) {
    .urun-liste li a span.baslik {
        position: relative;
        width: 100%;
        height: 25px;
        background: #fff;
        line-height: 25px;
        float: left;
        margin-top: 9px;
        font-family: 'Roboto', sans-serif;
        font-size: 21px!important;
        font-weight: 500;
        color: #000;
        text-align: left;
        overflow: hidden;
        text-align: center;
        border-radius: 10px;
    }
    .urun-liste li a span.detay .button {
        float: left;
        width: 100%;
        color: #fff;
        border-radius: 10px;
        text-align: center;
        padding: 0px 13px;
        border: solid 1px #fff;
        background: #72b550!important;
        margin-left: 0px;
        height: 30px!important;
        line-height: 29px!important;
    }
    .urun-liste li a span.detay .button1 {
        float: left;
        width: 100%;
        color: #fff;
        border-radius: 10px;
        text-align: center;
        padding: 0px 13px;
        border: solid 1px #fff;
        background: #72b550!important;
        margin-left: 0px;
        height: 30px!important;
        line-height: 29px!important;
    }
    .urun-liste li a span.detay .button:hover {
        background: #3d781c!important;
        color: #fff!important;
    }
    .urun-liste li a span.detay .button1:hover {
        background: #3d781c!important;
        color: #fff!important;
    }
    .urun-liste li a span.fiyat_bg .kg {
        float: left;
        width: 100%;
        text-align: center;
        color: #000!important;
        font-weight: 300;
        font-size: 15px;
    }
    .urun-liste li a span.fiyat_bg .fiyat {
        float: left;
        width: 100%;
        text-align: center;
        color: #000!important;
        font-weight: 300;
        font-size: 15px;
        margin-left: 15px;
    }
}

@media (min-width: 768px) and (max-width: 991px),
(min-width: 480px) and (max-width: 559px) {
    .urun-liste li a span.resim span.overflow {
        height: 173px
    }
}

.urun-liste li a span.resim span.overflow img {
    height: 325px
}

@media (min-width: 768px) and (max-width: 991px),
(min-width: 480px) and (max-width: 559px) {
    .urun-liste li a span.resim span.overflow img {
        max-height: 150px
    }
}

.urun-liste li a span.baslik {
    position: relative;
    width: 100%;
    height: 25px;
    background: #fff;
    line-height: 25px;
    float: left;
    margin-top: 23px;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #000;
    text-align: left;
    overflow: hidden;
    text-align: center;
    border-radius: 10px;
}

.urun-liste li a span.fiyat_bg {
    float: left;
    width: 100%;
    height: 20px;
    margin-top: 5px;
}

.urun-liste li a span.fiyat_bg .kg {
    float: left;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: 300;
    font-size: 15px;
}

.urun-liste li a span.fiyat_bg .fiyat {
    float: left;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: 300;
    font-size: 15px;
    margin-left: 15px;
}


/*
.urun-liste li a span.fiyat{display:block;position:relative;z-index:8;width:100%;height:20px;line-height:20px;font-family:'Roboto',sans-serif;font-size:14px;font-weight:400;color:#888;text-align:center;overflow:hidden}
.urun-liste li a span.fiyat.kdvli{font-size:14px;font-weight:700;color:#ac1010}
.urun-liste li a span.fiyat span.fiyat1{padding-right:10px;font-size:14px;color:#de0000;text-decoration:line-through}
.urun-liste li a span.fiyat span.fiyat2{font-size:15px;font-weight:700;color:#212121}
.urun-liste li a span.fiyat span.fiyat2 span{font-size:12px;font-weight:400}
*/

.urun-liste li a span.detay {
    float: left;
    margin-top: 5px;
    display: block;
    position: relative;
    z-index: 8;
    width: 100%;
    text-align: center
}

.urun-liste li a span.detay .button {
    float: left;
    width: 100%;
    color: #333;
    border-radius: 10px;
    text-align: center;
    padding: 0px 13px;
    border: solid 1px #fff;
    background: #fff;
    margin-left: 0px;
    height: 19px;
    line-height: 19px;
}

@media(max-width:479px) {
    .urun-liste li a span.detay .button {
        color: #fff;
    }
}

.urun-liste li a span.detay .button:hover {
    text-decoration: underline;
}

.urun-liste li a span.detay .button1 {
    float: left;
    width: 100%;
    color: #333;
    background: #fff;
    border-radius: 10px;
    text-align: center;
    padding: 0px 13px;
    border: solid 1px #fff;
    margin-left: 0px;
    height: 19px;
    line-height: 19px;
}

@media(max-width:479px) {
    .urun-liste li a span.detay .button1 {
        color: #fff;
    }
}

.urun-liste li a span.detay .button1:hover {
    text-decoration: underline;
}

.urun-liste li a:hover,
.urun-liste li a:focus {
    text-decoration: none
}

@media (min-width: 768px) and (max-width: 991px),
(min-width: 480px) and (max-width: 559px),
(min-width: 0px) and (max-width: 359px) {
    .urun-liste li a span.kargo,
    .urun-liste li a span.stok-yok,
    .urun-liste li a span.on-siparis {
        width: 64px;
        height: 64px;
        background-size: 64px 64px
    }
    .urun-liste li a span.baslik {
        height: 14px;
        line-height: 14px;
        font-size: 10px
    }
    .urun-liste li a span.fiyat {
        height: 14px;
        line-height: 14px;
        font-size: 12px
    }
    .urun-liste li a span.fiyat.kdvli {
        font-size: 12px
    }
    .urun-liste li a span.fiyat span.fiyat1 {
        font-size: 12px
    }
    .urun-liste li a span.fiyat span.fiyat2 {
        font-size: 13px
    }
    .urun-liste li a span.fiyat span.fiyat2 span {
        font-size: 10px
    }
    .urun-liste li a span.detay .button {
        height: 20px;
        line-height: 20px;
        padding: 0 4px;
        font-size: 9px
    }
    .urun-liste li a span.detay .button i {
        font-size: 11px
    }
    .urun-liste li a span.detay .button1 {
        height: 20px;
        line-height: 20px;
        padding: 0 4px;
        font-size: 9px
    }
    .urun-liste li a span.detay .button1 i {
        font-size: 13px
    }
}

.urun-detay {
    display: block;
    margin: 0 0 30px
}

.urun-detay span.sol {
    display: block;
    position: relative;
    z-index: 99;
}

.urun-detay span.sol span.resim {
    display: block;
    padding: 5px;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: center
}

.urun-detay span.sol span.resim img {
    max-width: 100%;
    max-height: 440px
}

.urun-detay span.sol span.bresim {
    display: block;
    line-height: 15px;
    margin: 10px 0 0;
    font-family: 'Roboto', sans-serif
}

.urun-detay span.sol span.bresim a {
    color: #212121;
    text-decoration: underline;
    cursor: pointer
}

.urun-detay span.sol span.bresim a i {
    margin-right: 5px
}

.urun-detay span.sol span.bresim a:hover,
.urun-detay span.sol span.bresim a:focus {
    text-decoration: none
}

.urun-detay span.sol span.yorum {
    display: block;
    line-height: 15px;
    margin: 10px 0 0;
    font-family: 'Roboto', sans-serif
}

.urun-detay span.sol span.yorum img {
    display: inline-block;
    height: 15px;
    margin: 0 10px 0 0
}

.urun-detay span.sol span.yorum a {
    display: inline-block;
    color: #212121;
    text-decoration: underline;
    cursor: pointer
}

.urun-detay span.sol span.yorum a:hover,
.urun-detay span.sol span.yorum a:focus {
    text-decoration: none
}

.urun-detay span.sol span.share {
    display: block;
    line-height: 16px;
    padding: 0;
    margin: 20px 0 0;
    font-family: 'Roboto', sans-serif;
    font-size: 14px
}

.urun-detay span.sag {
    display: block
}

.urun-detay span.sag table {
    width: 100%;
    border-collapse: collapse
}

.urun-detay span.sag table td {
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    font-weight: 400;
    color: #454545;
    vertical-align: middle;
    background: none;
    border-bottom: 1px solid #ddd
}

.urun-detay span.sag table td.sepet {
    border-bottom: none
}

.urun-detay span.sag table td.left {
    float: none;
    text-align: left;
    padding: 17px 30px 17px 0
}

.urun-detay span.sag table td.sepet.left {
    padding: 20px 0;
    min-width: 190px
}

.urun-detay span.sag table td.sepet.right {
    padding: 20px 7px 20px 0
}

.urun-detay span.sag table td.right {
    float: none;
    text-align: right;
    padding: 5px 0 5px 7px
}

.urun-detay span.sag table td.center {
    float: none;
    text-align: center;
    padding: 5px 0
}

.urun-detay span.sag table td a.link {
    color: #454545;
    text-decoration: underline
}

.urun-detay span.sag table td a.link:hover,
.urun-detay span.sag table td a.link:focus {
    text-decoration: none
}

.urun-detay span.sag table td span.line {
    text-decoration: line-through
}

.urun-detay span.sag table td span.fiyat {
    font-size: 19px;
    font-weight: 700;
    color: #ac1010
}

.urun-detay span.sag table td span.birim {
    display: inline-block;
    line-height: 26px;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #454545;
    cursor: default
}

.urun-detay span.sag table td span.firsat {
    display: inline-block;
    line-height: 14px;
    padding: 5px 7px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    background: #b0313f
}

.urun-detay span.sag table td span.firsat span {
    display: inline-block;
    padding: 0 7px 0 0;
    margin: 0 7px 0 0;
    text-align: center;
    border-right: 1px solid #fff
}

.urun-detay span.sag table td span.firsat img {
    display: inline-block;
    height: 20px;
    margin-top: 4px;
    vertical-align: top
}

.urun-detay span.sag table td span.firsat strong {
    display: inline-block;
    margin: 0 0 0 7px
}

.urun-detay span.sag table td input.input {
    display: inline-block;
    float: left;
    width: 40px;
    height: 40px;
    line-height: 20px;
    padding: 2px 3px;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #888;
    text-align: center;
    cursor: auto;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.urun-detay span.sag table td input.input:focus {
    border-color: #888
}

.urun-detay span.sag table td select.select {
    display: inline-block;
    width: auto;
    min-width: 140px;
    height: 26px;
    line-height: 26px;
    padding: 1px 1px 1px 0;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #888;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.urun-detay span.sag table td select.select:focus {
    border-color: #888
}

.urun-detay span.sag table td span.button {
    display: inline-block;
    width: auto;
    height: 40px;
    line-height: 28px;
    padding: 8px 10px;
    margin: 0 0 0 6px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    background-color: #72b550;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.urun-detay span.sag table td span.button i {
    padding-right: 7px;
    font-size: 18px
}

.urun-detay span.sag table td span.button::selection {
    background: transparent
}

.urun-detay span.sag table td span.button:hover,
.urun-detay span.sag table td span.button:focus {
    background-color: #4e8134;
    color: #fff
}

.urun-detay span.sag table td span.takipet {
    display: inline-block;
    line-height: 14px;
    padding: 3px 5px 3px 22px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
    background: #ac1010 url(images/button-takipet.png) 0 50% no-repeat;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.urun-detay span.sag table td span.takipet.disabled {
    background: #a1a1a1 url(images/button-takipet-disabled.png) 0 50% no-repeat
}

.urun-detay span.sag table td span.takipet::selection {
    background: transparent
}

.urun-detay span.sag table td span.takipet:hover,
.urun-detay span.sag table td span.takipet:focus {
    background-color: #4c812f;
    color: #fff
}

.urun-detay span.sag table td span.takipet.disabled:hover,
.urun-detay span.sag table td span.takipet.disabled:focus {
    background-color: #959595;
    color: #fff
}

.urun-yorum {
    width: 100%;
    float: left
}

.urun-yorum li {
    width: 100%;
    line-height: 15px;
    float: left;
    padding: 10px 0;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #212121;
    border-top: 1px solid #ccc
}

.urun-yorum li:first-child {
    border-top: none
}

.urun-yorum li.none {
    width: 100%;
    padding: 7px 10px;
    border: 1px solid #ddd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.urun-yorum li span.adsoyad {
    width: 100%;
    float: left
}

.urun-yorum li span.adsoyad span.tarih {
    float: right;
    margin: 0 0 0 10px;
    font-size: 11px;
    color: #888
}

.urun-yorum li span.adsoyad span.oy {
    float: right
}

.urun-yorum li span.adsoyad span.oy img {
    height: 15px
}

.urun-yorum li span.yorum {
    width: 100%;
    line-height: 16px;
    float: left;
    margin: 5px 0 0;
    font-family: 'Roboto', sans-serif;
    font-size: 12px
}

.marka-liste {
    display: block
}

.marka-liste li {
    display: block;
    padding: 10px 20px;
    margin: 0 0 25px;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.marka-liste li a span.resim {
    display: table;
    width: 100%;
    height: 98px;
    text-align: center
}

.marka-liste li a span.resim span.overflow {
    display: table-cell;
    vertical-align: middle
}

.marka-liste li a span.resim span.overflow img {
    max-width: 100%;
    max-height: 98px
}

.marka-liste li a span.baslik {
    display: block;
    height: 20px;
    line-height: 20px;
    margin: 10px 0 0;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #454545;
    text-align: center;
    overflow: hidden
}

.marka-liste li a span.baslik strong {
    padding: 0 0 0 5px;
    font-weight: 400;
    color: #de0000
}

.firsat-liste {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 15px;
    margin: 30px 0 0;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.firsat-liste h3 {
    display: block;
    line-height: 100%;
    margin: 0 0 15px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #ac1010
}

.firsat-liste .prev {
    position: absolute;
    left: 3px;
    top: 40%;
    width: 14px;
    height: 14px;
    text-indent: -99999px;
    background-color: transparent;
    background-image: url(images/carousel-arrow.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 28px 28px
}

.firsat-liste .prev.disabled {
    background-position: 0 -14px;
    cursor: default
}

.firsat-liste .next {
    position: absolute;
    right: 3px;
    top: 40%;
    width: 14px;
    height: 14px;
    text-indent: -99999px;
    background-color: transparent;
    background-image: url(images/carousel-arrow.png);
    background-repeat: no-repeat;
    background-position: -14px 0;
    background-size: 28px 28px
}

.firsat-liste .next.disabled {
    background-position: -14px -14px;
    cursor: default
}

.firsat-liste .carousel {
    position: relative;
    margin: 0;
    visibility: hidden;
    border: none
}

.firsat-liste .carousel ul {
    display: block
}

.firsat-liste .carousel ul li {
    display: inline-block;
    position: relative;
    width: 100%
}

.firsat-liste .carousel ul li span.stok-yok {
    position: absolute;
    z-index: 9;
    right: 2px;
    top: 2px;
    width: 89px;
    height: 89px;
    text-indent: -99999px;
    background-color: transparent;
    background-image: url(images/urun-liste-stok-yok.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 89px 89px
}

.firsat-liste .carousel ul li span.on-siparis {
    position: absolute;
    z-index: 9;
    right: 2px;
    top: 2px;
    width: 89px;
    height: 89px;
    text-indent: -99999px;
    background-color: transparent;
    background-image: url(images/urun-liste-on-siparis.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 89px 89px
}

.firsat-liste .carousel ul li a span.resim {
    display: block;
    width: 100%;
    padding: 5px
}

.firsat-liste .carousel ul li a span.resim span.overflow {
    display: block;
    width: 100%;
    height: 150px;
    padding: 5px;
    text-align: center;
    border: 1px solid #ccc
}

@media (min-width: 768px) and (max-width: 991px),
(min-width: 480px) and (max-width: 559px),
(min-width: 0px) and (max-width: 359px) {
    .firsat-liste .carousel ul li a span.resim span.overflow {
        height: 80px
    }
}

.firsat-liste .carousel ul li a span.resim span.overflow img {
    max-width: 100%;
    max-height: 140px
}

@media (min-width: 768px) and (max-width: 991px),
(min-width: 480px) and (max-width: 559px),
(min-width: 0px) and (max-width: 359px) {
    .firsat-liste .carousel ul li a span.resim span.overflow img {
        max-height: 70px
    }
}

.firsat-liste .carousel ul li a span.baslik {
    display: block;
    width: 100%;
    height: 32px;
    line-height: 16px;
    padding: 0;
    margin: 10px 0;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #212121;
    text-align: center;
    overflow: hidden
}

.firsat-liste .carousel ul li a:hover span.baslik,
.firsat-liste .carousel ul li a:focus span.baslik {
    text-decoration: underline
}

.firsat-liste .carousel ul li span.fiyat {
    display: block;
    position: relative;
    width: 100%;
    height: 40px;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #888;
    overflow: hidden
}

.firsat-liste .carousel ul li span.fiyat span.indirim {
    height: 40px;
    line-height: 20px;
    float: left;
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;
    font-size: 14px;
    color: #212121;
    text-align: right;
    border-right: 1px solid #ddd
}

.firsat-liste .carousel ul li span.fiyat span.indirim.i1 {
    font-size: 12px;
    font-weight: 400;
    color: #de0000;
    text-decoration: line-through
}

.firsat-liste .carousel ul li span.fiyat span.indirim strong {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 2px 0 0;
    background-color: transparent;
    background-image: url(images/firsat-liste-indirim-strong.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 10px 10px
}

.firsat-liste .carousel ul li span.fiyat span.kargo {
    position: absolute;
    left: 0;
    top: 0
}

.firsat-liste .carousel ul li span.fiyat span.fiyat1 {
    line-height: 20px;
    font-weight: 400;
    color: #de0000;
    text-decoration: line-through;
    font-family: 'Roboto', sans-serif
}

.firsat-liste .carousel ul li span.fiyat span.fiyat1.f1 {
    font-size: 15px;
    font-weight: 700;
    color: #212121;
    text-decoration: none;
    font-family: 'Roboto', sans-serif
}

.firsat-liste .carousel ul li span.fiyat span.fiyat1 span {
    font-size: 12px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif
}

.firsat-liste .carousel ul li span.fiyat span.fiyat2 {
    display: block;
    line-height: 20px;
    font-size: 15px;
    font-weight: 700;
    color: #212121
}

.firsat-liste .carousel ul li span.fiyat span.fiyat2.f1 {
    font-weight: 700;
    color: #ac1010
}

.firsat-liste .carousel ul li span.fiyat span.fiyat2 span {
    font-size: 12px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif
}

.firsat-liste .carousel ul li span.fiyat span.fiyat2.f1 span {
    font-size: 14px;
    font-weight: 700
}

.firsat-liste .carousel ul li span.fiyat span.fiyat2.firsat {
    line-height: 40px;
    text-align: center
}

@media (max-width: 559px) {
    .firsat-liste h3 {
        margin: 0 0 10px;
        font-size: 10px
    }
}

@media (min-width: 768px) and (max-width: 991px),
(min-width: 480px) and (max-width: 559px),
(min-width: 0px) and (max-width: 359px) {
    .firsat-liste .carousel ul li span.stok-yok,
    .firsat-liste .carousel ul li span.on-siparis {
        right: 3px;
        top: 3px;
        width: 64px;
        height: 64px;
        background-size: 64px 64px
    }
    .firsat-liste .carousel ul li a span.baslik {
        height: 28px;
        line-height: 14px;
        font-size: 10px
    }
    .firsat-liste .carousel ul li span.fiyat {
        height: 30px;
        font-size: 12px
    }
    .firsat-liste .carousel ul li span.fiyat span.indirim {
        height: 30px;
        line-height: 15px;
        padding: 0 4px 0 0;
        margin: 0 4px 0 0;
        font-size: 12px
    }
    .firsat-liste .carousel ul li span.fiyat span.indirim.i1 {
        font-size: 10px
    }
    .firsat-liste .carousel ul li span.fiyat span.fiyat1 {
        line-height: 15px
    }
    .firsat-liste .carousel ul li span.fiyat span.fiyat1.f1 {
        font-size: 13px
    }
    .firsat-liste .carousel ul li span.fiyat span.fiyat1 span {
        font-size: 10px
    }
    .firsat-liste .carousel ul li span.fiyat span.fiyat2 {
        line-height: 15px;
        font-size: 13px
    }
    .firsat-liste .carousel ul li span.fiyat span.fiyat2 span {
        font-size: 10px
    }
    .firsat-liste .carousel ul li span.fiyat span.fiyat2.f1 span {
        display: none
    }
    .firsat-liste .carousel ul li span.fiyat span.fiyat2.firsat {
        line-height: 30px
    }
}

.benzer-urun {
    position: relative;
    display: block;
    margin: 10px 0 0;
    overflow: hidden
}

.benzer-urun h3 {
    display: block;
    line-height: 20px;
    padding: 0 0 10px;
    margin: 0 0 15px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    border-bottom: 1px solid #ddd
}

.benzer-urun .prev {
    position: absolute;
    right: 10px;
    top: 3px;
    width: 14px;
    height: 14px;
    text-indent: -99999px;
    background-color: transparent;
    background-image: url(images/carousel-arrow.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 28px 28px
}

.benzer-urun .prev.disabled {
    background-position: 0 -14px;
    cursor: default
}

.benzer-urun .next {
    position: absolute;
    right: 0;
    top: 3px;
    width: 14px;
    height: 14px;
    text-indent: -99999px;
    background-color: transparent;
    background-image: url(images/carousel-arrow.png);
    background-repeat: no-repeat;
    background-position: -14px 0;
    background-size: 28px 28px
}

.benzer-urun .next.disabled {
    background-position: -14px -14px;
    cursor: default
}

.benzer-urun .carousel {
    position: relative;
    visibility: hidden;
    padding: 4px 0 0!important;
    border: none
}

.benzer-urun .carousel ul {
    display: block
}

.benzer-urun .carousel ul li {
    display: block;
    width: 97px;
    margin: 0 10px 0 0;
    background: #fff;
    border: 1px solid #ddd;
    overflow: inherit!important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: relative
}

.benzer-urun .carousel ul li span.stok-yok {
    position: absolute;
    z-index: 9;
    right: -4px;
    top: -4px;
    width: 53px;
    height: 53px;
    text-indent: -99999px;
    background-color: transparent;
    background-image: url(images/urun-liste-stok-yok.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 53px 53px
}

.benzer-urun .carousel ul li span.on-siparis {
    position: absolute;
    z-index: 9;
    right: -4px;
    top: -4px;
    width: 53px;
    height: 53px;
    text-indent: -99999px;
    background-color: transparent;
    background-image: url(images/urun-liste-on-siparis.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 53px 53px
}

.benzer-urun .carousel ul li a span.resim {
    display: block;
    width: 93px;
    height: 84px;
    padding: 10px
}

.benzer-urun .carousel ul li a span.resim span.overflow {
    display: block;
    text-align: center
}

.benzer-urun .carousel ul li a span.resim span.overflow img {
    max-width: 100%;
    max-height: 64px
}

.benzer-urun .carousel ul li a span.baslik {
    display: block;
    height: 24px;
    line-height: 12px;
    padding: 0 5px;
    margin: 10px 0;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    font-weight: 400;
    color: #212121;
    text-align: center;
    overflow: hidden
}

.benzer-urun .carousel ul li a:hover span.baslik,
.benzer-urun .carousel ul li a:focus span.baslik {
    text-decoration: underline
}

.benzer-urun .carousel ul li span.fiyat {
    display: block;
    position: relative;
    height: 26px;
    padding: 0 5px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    font-weight: 400;
    color: #888;
    overflow: hidden
}

.benzer-urun .carousel ul li span.fiyat span.indirim {
    height: 26px;
    line-height: 13px;
    float: left;
    padding: 0 5px 0 0;
    margin: 0 5px 0 0;
    font-size: 11px;
    color: #212121;
    text-align: right;
    border-right: 1px solid #ddd
}

.benzer-urun .carousel ul li span.fiyat span.indirim strong {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin: 0 2px 0 0;
    background-color: transparent;
    background-image: url(images/benzer-urun-indirim-strong.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 7px 7px
}

.benzer-urun .carousel ul li span.fiyat span.kargo {
    position: absolute;
    left: 0;
    top: 0
}

.benzer-urun .carousel ul li span.fiyat span.fiyat1 {
    line-height: 13px;
    font-weight: 400;
    color: #de0000;
    text-decoration: line-through
}

.benzer-urun .carousel ul li span.fiyat span.fiyat2 {
    display: block;
    line-height: 13px;
    font-size: 11px;
    font-weight: 700;
    color: #212121
}

.benzer-urun .carousel ul li span.fiyat span.fiyat2 span {
    font-size: 9px;
    font-weight: 400
}

.benzer-urun .carousel ul li span.fiyat span.fiyat2.firsat {
    line-height: 26px;
    text-align: center
}

.cok-satilanlar {
    position: relative;
    width: 740px;
    float: left;
    margin: 20px 0 0;
    overflow: hidden
}

.cok-satilanlar h3 {
    display: block;
    line-height: 20px;
    padding: 0 0 10px;
    margin: 0 0 15px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    border-bottom: 1px solid #ddd
}

.cok-satilanlar .prev {
    position: absolute;
    right: 10px;
    top: 3px;
    width: 14px;
    height: 14px;
    text-indent: -99999px;
    background-color: transparent;
    background-image: url(images/carousel-arrow.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 28px 28px
}

.cok-satilanlar .prev.disabled {
    background-position: 0 -14px;
    cursor: default
}

.cok-satilanlar .next {
    position: absolute;
    right: 0;
    top: 3px;
    width: 14px;
    height: 14px;
    text-indent: -99999px;
    background-color: transparent;
    background-image: url(images/carousel-arrow.png);
    background-repeat: no-repeat;
    background-position: -14px 0;
    background-size: 28px 28px
}

.cok-satilanlar .next.disabled {
    background-position: -14px -14px;
    cursor: default
}

.cok-satilanlar .carousel {
    position: relative;
    visibility: hidden
}

.cok-satilanlar .carousel ul {
    width: 115px;
    height: 167px
}

.cok-satilanlar .carousel ul li {
    width: 113px;
    height: 165px;
    margin: 0 10px 0 0;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.cok-satilanlar .carousel ul li a span.resim {
    width: 93px;
    height: 70px;
    float: left;
    padding: 10px
}

.cok-satilanlar .carousel ul li a span.resim span.overflow {
    display: block;
    width: 93px;
    height: 70px;
    text-align: center
}

.cok-satilanlar .carousel ul li a span.resim span.overflow img {
    max-width: 93px;
    max-height: 70px
}

.cok-satilanlar .carousel ul li a span.baslik {
    width: 103px;
    height: 24px;
    line-height: 12px;
    float: left;
    padding: 0 5px;
    margin: 10px 0;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    font-weight: 400;
    color: #212121;
    text-align: center;
    overflow: hidden
}

.cok-satilanlar .carousel ul li a:hover span.baslik,
.cok-satilanlar .carousel ul li a:focus span.baslik {
    text-decoration: underline
}

.cok-satilanlar .carousel ul li span.fiyat {
    position: relative;
    width: 103px;
    height: 26px;
    float: left;
    padding: 0 5px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    font-weight: 400;
    color: #888;
    overflow: hidden
}

.cok-satilanlar .carousel ul li span.fiyat span.indirim {
    height: 26px;
    line-height: 13px;
    float: left;
    padding: 0 5px 0 0;
    margin: 0 5px 0 0;
    font-size: 11px;
    color: #212121;
    text-align: right;
    border-right: 1px solid #ddd
}

.cok-satilanlar .carousel ul li span.fiyat span.indirim strong {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin: 0 2px 0 0;
    background-color: transparent;
    background-image: url(images/benzer-urun-indirim-strong.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 7px 7px
}

.cok-satilanlar .carousel ul li span.fiyat span.kargo {
    position: absolute;
    left: 0;
    top: 0
}

.cok-satilanlar .carousel ul li span.fiyat span.fiyat1 {
    line-height: 13px;
    font-weight: 400;
    color: #de0000;
    text-decoration: line-through
}

.cok-satilanlar .carousel ul li span.fiyat span.fiyat2 {
    display: block;
    line-height: 13px;
    font-size: 11px;
    font-weight: 700;
    color: #212121
}

.cok-satilanlar .carousel ul li span.fiyat span.fiyat2 span {
    font-size: 9px;
    font-weight: 400
}

.cok-satilanlar .carousel ul li span.fiyat span.fiyat2.firsat {
    line-height: 26px;
    text-align: center
}

.firsat-resim {
    display: block;
    width: 100%;
    padding: 10px;
    margin: 20px 0 0;
    background: #fff;
    border: 1px solid #ddd
}

.firsat-resim a {
    display: block;
    text-align: center
}

.firsat-resim a img {
    max-width: 100%
}

.fancybox-sozlesme {
    display: block;
    max-width: 600px;
    max-height: 400px;
    line-height: 20px;
    padding: 15px;
    overflow: scroll;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #454545
}

.form-baslik {
    width: 100%;
    line-height: 100%;
    float: left;
    padding: 0 0 10px;
    margin: 0 0 20px;
    border-bottom: 1px solid #ddd;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #454545
}

.form-baslik.uyelik {
    margin-top: 20px
}

.form-baslik.yorum {
    margin-top: 20px
}

.form-left {
    display: inline-block;
    width: 100%;
    line-height: 28px
}

.form-left.uyelik {
    width: 100%;
    line-height: inherit
}

.form-left.uyegirisi {
    width: 100%;
    line-height: inherit
}

@media (min-width: 992px) {
    .form-left.uyegirisi {
        padding-right: 29px;
        border-right: 1px solid #ccc
    }
}

.form-left.sepet {
    width: 100%;
    line-height: inherit
}

.form-right {
    display: block;
    width: 100%
}

.form-right.uyelik {
    width: 100%
}

.form-right.uyegirisi {
    width: 100%
}

.form-right.sepet {
    width: 100%
}

.form-right.iletisim {
    padding: 30px 0 0;
    margin: 20px 0 0;
    border-top: 1px solid #ddd
}

.form-border {
    display: block;
    padding: 29px 10px;
    margin: 0 0 20px;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.form-border.iletisim {
    padding: 29px 20px;
    margin: 22px 0
}

.form-border.uyelik {
    padding: 29px 20px
}

.form-genel {
    width: 100%;
    float: left;
    margin: 0 0 0px
}

.form-genel.sepet {
    margin: 20px 0 0
}

.form-genel .baslik {
    width: 100%;
    height: 30px;
    line-height: 30px;
    float: left;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #454545
}

.form-genel.kart .baslik {
    height: 24px;
    line-height: 24px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    color: #333
}

.form-genel .baslik.sepet {
    width: 100%;
    line-height: 20px;
    margin: 0 0 10px
}

.form-genel .baslik.sepet h3 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400
}

.form-genel.uyegirisi .baslik {
    width: 100px
}

.form-genel .baslik span {
    display: inline-block;
    line-height: 34px;
    margin: 0 0 0 5px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 15px;
    color: #de0000
}

.form-genel.kart .baslik span {
    line-height: 28px;
    font-size: 13px
}

.form-genel .number {
    position: absolute;
    z-index: 2;
    width: 12px;
    height: 40px;
    line-height: 41px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #888;
    text-align: right
}

.form-genel input {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 40px;
    line-height: 18px;
    float: left;
    padding: 5px;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #888;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.form-genel input.telefon {
    width: 100%;
    padding-left: 12px
}

.form-genel.kart input {
    height: 24px;
    line-height: 14px;
    padding: 4px 5px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #454545
}

.form-genel.uyelik input {
    width: 180px
}

.form-genel.uyelik input.telefon {
    width: 180px;
    padding-left: 12px
}

.form-genel.uyegirisi input {
    width: 260px
}

.form-genel input.hata {
    border-color: #de0000
}

.form-genel input:disabled {
    color: #ccc
}

.form-genel input:focus {
    border-color: #888
}

.form-genel select {
    width: 100%;
    height: 40px;
    line-height: 40px;
    float: left;
    padding: 1px 1px 1px 0;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #888;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.form-genel.uyelik select {
    width: 180px
}

.form-genel.kart select {
    height: 24px;
    line-height: 24px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #454545
}

.form-genel select.hata {
    border-color: #de0000
}

.form-genel select:disabled {
    color: #ccc
}

.form-genel select:focus {
    border-color: #888
}

.form-genel textarea {
    width: 100%;
    height: 102px;
    line-height: 18px;
    float: left;
    padding: 5px;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #888;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.form-genel.uyelik textarea {
    width: 230px
}

.form-genel.yorum textarea {
    width: 100%
}

.form-genel textarea.hata {
    border-color: #de0000
}

.form-genel textarea:disabled {
    color: #ccc
}

.form-genel textarea:focus {
    border-color: #888
}

.form-genel input.radio {
    width: 14px;
    height: 14px;
    line-height: 100%;
    float: left;
    padding: 0;
    margin: 8px 5px 8px 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    background: inherit;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.form-genel.yorum input.radio {
    margin-right: 15px
}

.form-genel input.checkbox {
    width: 14px;
    height: 14px;
    line-height: 100%;
    float: left;
    padding: 0;
    margin: 8px 5px 8px 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    background: inherit;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.form-genel.kart input.checkbox {
    display: inline-block;
    float: none;
    margin: 0 3px 0 0;
    vertical-align: middle
}

.form-genel span.text {
    line-height: 30px;
    float: left;
    margin: 0 0 0 5px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    color: #212121
}

.form-genel.kart span.text {
    width: 100%;
    margin: 0 0 5px;
    line-height: 18px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px
}

.form-genel span.text.sepet {
    width: 100%;
    margin: 0 0 10px;
    line-height: 16px;
    font-size: 12px
}

.form-genel.yorum span.text {
    margin-left: 0
}

.form-genel.yorum span.text span {
    color: #de0000
}

.form-genel.kart span.space {
    width: 5px;
    height: 24px;
    float: left
}

.form-genel.kart span.line {
    line-height: 24px;
    float: left;
    margin: 0 5px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #888
}

.form-genel label {
    height: 30px;
    line-height: 30px;
    float: left;
    padding: 0;
    margin: 0;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #888
}

.form-genel.kart label {
    display: inline-block;
    width: auto;
    height: auto;
    line-height: 14px;
    float: none;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    font-weight: 400;
    color: #888
}

.form-genel.yorum label {
    margin: 0 15px 0 0;
    font-family: 'Roboto', sans-serif;
    color: #212121
}

.form-genel label.hata {
    color: #de0000
}

.form-genel label a {
    color: #454545;
    cursor: pointer
}

.form-genel label.hata a {
    color: #de0000
}

.form-genel label a:hover,
.form-genel label a:focus {
    text-decoration: underline
}

.form-genel .guvenlik {
    float: left
}

.form-genel #tckimlikload {
    line-height: 30px;
    float: left;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    color: #de0000
}

.form-genel #tckimlikload span {
    color: #888
}

.form-genel span.sozlesme {
    line-height: 30px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #888
}

.form-genel.kart span.sozlesme {
    line-height: 14px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px
}

.form-genel span.sozlesme a {
    color: #454545;
    cursor: pointer
}

.form-genel span.sozlesme a:hover,
.form-genel span.sozlesme a:focus {
    text-decoration: underline
}

.form-genel a.button,
.form-genel input.button {
    width: auto;
    height: 30px;
    line-height: 28px;
    float: left;
    padding: 0 8px;
    margin: 0 4px 0 0;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
    background: #72b550 url(images/table-button.png) 0 0 repeat-x;
    border: 1px solid #72b550;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.form-genel a.button.disabled,
.form-genel input.button.disabled {
    color: #fff;
    cursor: default;
    background: #e1e1e1;
    border-color: #e1e1e1
}

.form-genel.uyegirisi a.button {
    margin-top: 10px
}

.form-genel.sepet a.button,
.form-genel.sepet input.button {
    float: right
}

.form-genel.kart a.button,
.form-genel.kart input.button {
    margin-top: 20px
}

.form-genel input.button {
    height: 30px
}

.form-genel a.button::selection,
.form-genel input.button::selection {
    background: transparent
}

.form-genel a.button:hover,
.form-genel a.button:focus,
.form-genel input.button:hover,
.form-genel input.button:focus {
    text-decoration: none;
    background: #4c812f;
    border-color: #4c812f
}

.form-genel a.button.disabled:hover,
.form-genel a.button.disabled:focus,
.form-genel input.button.disabled:hover,
.form-genel input.button.disabled:focus {
    text-decoration: none;
    background: #e1e1e1;
    border-color: #e1e1e1
}

.form-genel a.button1,
.form-genel input.button1 {
    width: auto;
    height: 30px;
    line-height: 28px;
    float: left;
    padding: 0 8px;
    margin: 0 4px 0 0;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
    background: #3d781c url(images/table-button.png) 0 0 repeat-x;
    border: 1px solid #3d781c;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.form-genel input.button1 {
    height: 30px
}

.form-genel a.button1::selection,
.form-genel input.button1::selection {
    background: transparent
}

.form-genel a.button1:hover,
.form-genel a.button1:focus,
.form-genel input.button1:hover,
.form-genel input.button1:focus {
    text-decoration: none;
    background: #ab0f0f;
    border-color: #ab0f0f
}

.form-hata {
    width: 100%;
    float: left;
    padding: 20px 0 10px;
    margin: -20px 0 0
}

.form-hata span {
    display: block;
    position: relative;
    line-height: 20px;
    padding: 5px 30px 5px 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #333;
    background: #ffd1d1;
    border: 1px solid #f8acac;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.form-hata span img {
    height: 10px;
    float: left;
    margin: 5px 5px 5px 0
}

.form-hata span a {
    position: absolute;
    right: 10px;
    top: 50%;
    width: 12px;
    height: 12px;
    margin: -6px 0 0;
    cursor: pointer;
    background: url(images/form-hata-span-a.png) 0 0 no-repeat
}

@media (min-width: 992px) {
    .form-genel .col-margin-left {
        margin-left: -29px
    }
}

@media (min-width: 1024px) {
    .form-genel .col-margin-left {
        margin-left: -49px
    }
}

.sepet-adres {
    display: block;
    width: 100%
}

.sepet-adres .left {
    display: block
}

.sepet-adres .right {
    display: block
}

.sepet-adres .box {
    display: block;
    margin: 0 0 20px;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.sepet-adres .box h5 {
    display: block;
    padding: 5px 10px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    background: #959595;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0
}

.sepet-adres .box .icerik {
    display: inline-block;
    padding: 20px 10px 10px
}

.sepettumusil {
    line-height: 100%;
    float: right;
    margin: 0 0 20px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #333;
    cursor: pointer
}

.sepettumusil:hover,
.sepettumusil:focus {
    color: #333;
    text-decoration: underline
}

.tab-menu {
    display: block;
    position: relative;
    width: 100%
}

.tab-menu div.odemesekli {
    position: absolute;
    left: 15px;
    top: 18px;
    height: 12px;
    line-height: 12px;
    padding: 0 10px 0 0;
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    font-weight: 700;
    color: #3d781c;
    background: url(images/odemesekli-icon.png) 100% 50% no-repeat
}

.tab-menu ul.tab-list {
    display: block
}

.tab-menu ul.tab-list li {
    display: inline-block;
    margin: 0 -2px -1px 0
}

.tab-menu ul.tab-list.kart li {
    margin: 0 1px -1px 0
}

.tab-menu ul.tab-list.kart li:first-child {
    margin-left: 140px
}

@media (max-width: 767px) {
    .tab-menu ul.tab-list.kart li:first-child {
        margin-left: 0
    }
}

.tab-menu ul.tab-list li a {
    display: block;
    position: relative;
    z-index: 11;
    height: 32px;
    line-height: 20px;
    padding: 6px 14px 4px;
    margin: 1px 0 0;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #454545;
    background: #e9e9e9;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0
}

.tab-menu ul.tab-list.kart li a {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    color: #333;
    background: #fff;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0
}

.tab-menu ul.tab-list.kart li a i {
    display: none;
    top: 2px;
    padding-left: 5px;
    font-size: 12px;
    color: #333
}

.tab-menu ul.tab-list li.active a {
    padding: 6px 14px 5px;
    color: #ac1010;
    cursor: default;
    background-color: #fff;
    border-bottom-color: transparent
}

.tab-menu ul.tab-list.kart li.active a {
    height: 38px;
    line-height: 25px;
    padding: 9px 14px 2px;
    font-size: 14px;
    color: #333;
    background: #fff url(images/tab-list-kart-li-active.png) 0 0 repeat-x
}

@media (max-width: 519px) {
    .tab-menu ul.tab-list.kart li {
        display: block;
        margin: 0 0 -1px
    }
    .tab-menu ul.tab-list.kart li a {
        margin: 0;
        font-size: 10px
    }
    .tab-menu ul.tab-list.kart li.active a {
        font-size: 12px;
        border-bottom-color: #ccc
    }
    .tab-menu ul.tab-list.kart li.active a i {
        display: inline
    }
}

.tab-menu ul.tab-list li a:hover,
.tab-menu ul.tab-list li a:focus {
    text-decoration: none
}

.tab-menu div.tab-detail {
    display: block;
    position: relative;
    z-index: 10;
    width: 100%;
    padding: 14px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #454545;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 0 3px 3px 3px;
    -moz-border-radius: 0 3px 3px;
    border-radius: 0 3px 3px 3px
}

.tab-menu div.tab-detail form {
    display: inline-block
}

.tab-menu div.tab-detail.kart {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.tab-menu div.tab-detail h1 {
    display: block;
    margin: 0 0 10px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #454545
}

.tab-menu div.tab-detail.kart div.left {
    display: block
}

.tab-menu div.tab-detail.kart div.right {
    display: block
}

.user-table {
    width: 100%;
    border-collapse: collapse
}

.user-table td {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #454545;
    vertical-align: middle;
    background: none;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.user-table td.ilk {
    border-left: none
}

.user-table thead td {
    font-weight: 700
}

.user-table tbody.adres tr td {
    cursor: pointer
}

.user-table tbody.adres tr:hover td,
.user-table tbody.adres tr:focus td {
    background: #fff
}

.user-table td.left {
    float: none;
    text-align: left;
    padding: 5px 10px
}

.user-table td.ilk.left {
    padding-left: 0
}

.user-table td.right {
    float: none;
    text-align: right;
    padding: 5px 10px
}

.user-table td.son.right {
    padding-right: 0
}

.user-table td.center {
    float: none;
    text-align: center;
    padding: 5px 10px
}

.user-table tbody.adres tr td label {
    display: block;
    cursor: pointer
}

.user-table td span.urun {
    font-size: 13px
}

.user-table td span.marka {
    font-size: 12px;
    color: #959595
}

.user-table td span.birim {
    line-height: 24px
}

.user-table td input.text {
    display: inline-block;
    width: 28px;
    height: 24px;
    line-height: 16px;
    padding: 3px;
    margin: 0 5px;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #888;
    text-align: center;
    cursor: auto;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.user-table td input.text:focus {
    border-color: #888
}

.user-table td input.radio {
    width: 14px;
    height: 14px;
    float: none;
    padding: 0;
    margin: 0;
    border: none
}

.user-table td select.select {
    width: auto;
    height: 24px;
    line-height: 24px;
    float: none;
    padding: 1px 1px 1px 0;
    margin: 0 0 0 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #888;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.user-table td select.select:focus {
    border-color: #888
}

.user-table td a img.sepet {
    max-width: 43px;
    height: 43px;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.user-table td a.link {
    font-weight: 700;
    color: #454545;
    text-decoration: underline
}

.user-table td a.link:hover,
.user-table td a.link:focus {
    text-decoration: none
}

.user-table td a.sil {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(images/sepetim-toplam-sil.png) 0 0 no-repeat;
    cursor: pointer
}

.user-table td a.sil:hover,
.user-table td a.sil:focus {
    text-decoration: none;
    background-position: 0 -20px
}

.user-table td a.button1,
.user-table td input.button1 {
    display: inline-block;
    width: auto;
    height: 24px;
    line-height: 24px;
    float: none;
    padding: 0 8px;
    margin: 0;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #656565;
    cursor: pointer;
    background: #d5d5d5 url(images/table-button.png) 0 0 repeat-x;
    border: 1px solid #d5d5d5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.user-table td input.button1 {
    height: 24px
}

.user-table td a.button1::selection,
.user-table td input.button1::selection {
    background: transparent
}

.user-table td a.button1:hover,
.user-table td a.button1:focus,
.user-table td input.button1:hover,
.user-table td input.button1:focus {
    text-decoration: none;
    background: #d5d5d5;
    border-color: #d5d5d5
}

.user-table td a.button2,
.user-table td input.button2 {
    display: inline-block;
    width: auto;
    height: 24px;
    line-height: 24px;
    float: none;
    padding: 0 8px;
    margin: 0;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
    background: #ac1010 url(images/table-button.png) 0 0 repeat-x;
    border: 1px solid #ac1010;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.user-table td input.button2 {
    height: 24px
}

.user-table td a.button2::selection,
.user-table td input.button2::selection {
    background: transparent
}

.user-table td a.button2:hover,
.user-table td a.button2:focus,
.user-table td input.button2:hover,
.user-table td input.button2:focus {
    text-decoration: none;
    background: #4c812f;
    border-color: #4c812f
}

.user-table table {
    width: 100%;
    border-collapse: collapse
}

.user-table table td {
    border: none
}

.user-table table td.left {
    padding: 0 2px
}

.user-table table td.ilk.left {
    padding-left: 0
}

.user-table table td.right {
    padding: 0 2px
}

.user-table table td.son.right {
    padding-right: 0
}

.user-table table td.center {
    padding: 0 2px
}

.siparis-baslik {
    display: block;
    width: 100%;
    margin: 0 0 10px;
    font-size: 13px;
    font-weight: 700;
    color: #ac1010
}

.siparis-table {
    width: 100%;
    border-collapse: collapse
}

.siparis-table td {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #454545;
    vertical-align: middle;
    background: none;
    border: none
}

.siparis-table td.left {
    float: none;
    text-align: left;
    padding: 2px 7px 2px 0
}

.siparis-table td.right {
    float: none;
    text-align: right;
    padding: 2px 0 2px 7px
}

.siparis-table td.center {
    float: none;
    text-align: center;
    padding: 2px 0
}

.siparis-toplam {
    display: block;
    width: 100%;
    margin: 10px 0 0;
    text-align: right
}

.siparis-toplam span.text {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #454545;
    text-align: right
}

.siparis-toplam span.kargo {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #454545;
    text-align: right
}

.sepetim-adim {
    display: block;
    width: 100%;
    padding: 5px 20px;
    margin: 10px 0 30px;
    background: #fff;
    border: 1px solid #ccc
}

.sepetim-adim ul {
    display: block;
    width: 100%;
    min-height: 30px
}

.sepetim-adim ul li {
    height: 30px;
    line-height: 30px;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #959595
}

.sepetim-adim ul li span {
    width: 22px;
    height: 22px;
    line-height: 22px;
    float: left;
    padding: 0;
    margin: 4px 10px 4px 0;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    color: #888;
    text-align: center;
    background: #ddd;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

@media (max-width: 991px) {
    .sepetim-adim ul li {
        height: 24px;
        line-height: 24px;
        float: none;
        font-size: 14px;
        border-top: 1px solid #ccc
    }
    .sepetim-adim ul li:first-child {
        border-top: none
    }
    .sepetim-adim ul li span {
        width: 16px;
        height: 16px;
        line-height: 16px;
        margin: 4px 10px 4px 0;
        font-size: 11px
    }
}

.sepetim-adim ul li i {
    top: 0;
    float: right;
    margin: 0 37px;
    font-size: 30px;
    color: #ccc
}

@media (max-width: 1023px) {
    .sepetim-adim ul li i {
        margin: 0 30px
    }
}

.sepetim-adim ul li.active {
    color: #4b812e
}

.sepetim-adim ul li.active span {
    color: #fff;
    background: #4b812e
}

.sepetim-onay {
    display: inline-block;
    margin: 10px 0 20px;
    padding: 10px 20px 10px 80px;
    background: #fff url(images/sepetim-onay.png) 0 50% no-repeat;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.sepetim-onay .onay1 {
    width: 100%;
    float: left;
    font-size: 15px;
    font-weight: 400;
    color: #454545
}

.sepetim-onay .onay2 {
    width: 100%;
    float: left;
    font-size: 15px;
    font-weight: 700;
    color: #de0000
}

.sepetim-onay .onay3 {
    width: 100%;
    float: left;
    font-size: 13px;
    color: #888
}

.sepetim-onay .onay3 a {
    font-weight: 700;
    font-size: 13px;
    color: #454545;
    text-decoration: underline;
    cursor: pointer
}

.sepetim-onay .onay3 a:hover,
.sepetim-onay .onay3 a:focus {
    text-decoration: none
}

.hizli-urun {
    display: block;
    width: 100%;
    margin: 0 0 20px
}

.hizli-urun .form {
    display: inline-block;
    width: 100%;
    margin: 0 0 10px
}

.hizli-urun .form .input {
    width: 200px;
    height: 26px;
    line-height: 18px;
    float: left;
    padding: 3px 4px;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #000;
    text-align: left;
    text-decoration: none;
    background: #fff;
    border: 1px solid #b9b9b9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.hizli-urun .form .input:hover {
    border-color: #888
}

.hizli-urun .form .input:focus {
    border-color: #fff;
    outline: auto #0d8cd9
}

.hizli-urun .form .click {
    width: auto;
    height: 26px;
    line-height: 26px;
    float: left;
    padding: 0 5px;
    margin: 0 0 0 5px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
    background: #3d781c;
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.hizli-urun .form .click::selection {
    background: transparent
}

.hizli-urun .form .click:hover,
.hizli-urun .form .click:focus {
    color: #fff;
    text-decoration: none;
    background-color: #3d781c
}

.hizli-urun .form .search {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    font-weight: 400;
    color: #de0000;
    text-align: left
}

.hizli-urun .form .search.load {
    color: #000
}

.hizli-urun .form .search.load img {
    display: inline-block;
    vertical-align: middle
}

.hizli-urun .form .multiple {
    display: block;
    width: 100%;
    height: 198px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #000;
    text-align: left;
    text-decoration: none;
    overflow: auto;
    background: #fff;
    border: 1px solid #b9b9b9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.hizli-urun .form .multiple:hover {
    border-color: #888
}

.hizli-urun .form .multiple:focus {
    border-color: #fff;
    outline: auto #0d8cd9
}

.hizli-urun .form .multiple .none {
    padding: 4px
}

.hizli-urun .form .multiple ul {
    width: 100%;
    min-width: 960px;
    float: left
}

.hizli-urun .form .multiple ul li {
    width: 100%;
    line-height: 14px;
    float: left;
    padding: 4px 0;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #000;
    background: #fff
}

.hizli-urun .form .multiple ul li:hover,
.hizli-urun .form .multiple ul li:focus {
    background: #7aff83
}

.hizli-urun .form .multiple ul li.blue {
    background: #e4eef7
}

.hizli-urun .form .multiple ul li.blue:hover,
.hizli-urun .form .multiple ul li.blue:focus {
    background: #7aff83
}

.hizli-urun .form .multiple ul li label {
    width: auto;
    height: auto;
    line-height: 14px;
    float: left;
    padding: 0 0 0 4px;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #000
}

.hizli-urun .form .multiple ul li label b {
    width: 70px;
    float: left
}

.hizli-urun .form .multiple ul li strong {
    line-height: 14px;
    float: right;
    padding: 0 4px 0 0;
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    font-weight: 400;
    color: #000
}

.hizli-urun .form .multiple ul li strong .birim {
    line-height: 14px;
    float: left;
    margin: 0 3px 0 0
}

.hizli-urun .form .multiple ul li strong input {
    width: 20px;
    height: 14px;
    line-height: 12px;
    float: left;
    padding: 0 2px;
    margin: 0 3px 0 0;
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    font-weight: 400;
    color: #000;
    text-align: left;
    text-decoration: none;
    background: #fff;
    border: 1px solid #b9b9b9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.hizli-urun .form .multiple ul li strong input:hover {
    border-color: #888
}

.hizli-urun .form .multiple ul li strong input:focus {
    border-color: #fff;
    outline: auto #0d8cd9
}

.hizli-urun .form .multiple ul li strong .button {
    width: auto;
    height: 14px;
    line-height: 14px;
    float: left;
    padding: 0 3px;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
    background: #3d781c;
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.hizli-urun .form .multiple ul li strong .button::selection {
    background: transparent
}

.hizli-urun .form .multiple ul li strong .button.disable {
    background-color: #ddd;
    color: #fff;
    cursor: default
}

.hizli-urun .form .multiple ul li strong .button:hover,
.hizli-urun .form .multiple ul li strong .button:focus {
    background-color: #3d781c;
    color: #fff
}

.hizli-urun .form .multiple ul li strong .button.disable:hover,
.hizli-urun .form .multiple ul li strong .button.disable:focus {
    background-color: #ddd;
    color: #fff
}

.hizli-iskonto {
    display: inline-block;
    width: 100%;
    margin: 20px 0
}

.hizli-iskonto form {
    float: right
}

.hizli-iskonto form span {
    line-height: 24px;
    float: left;
    margin: 0 5px 0 0;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #454545
}

.hizli-iskonto form .input {
    width: 100px;
    height: 24px;
    line-height: 16px;
    float: left;
    padding: 3px 4px;
    margin: 0 5px 0 0;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #000;
    text-align: left;
    text-decoration: none;
    background: #fff;
    border: 1px solid #b9b9b9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.hizli-iskonto form .input:hover {
    border-color: #888
}

.hizli-iskonto form .input:focus {
    border-color: #fff;
    outline: auto #0d8cd9
}

.hizli-iskonto form .button {
    width: auto;
    height: 24px;
    line-height: 24px;
    float: left;
    padding: 0 5px;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
    background: #3d781c;
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.hizli-iskonto form .button::selection {
    background: transparent
}

.hizli-iskonto form .button:hover,
.hizli-iskonto form .button:focus {
    color: #fff;
    text-decoration: none;
    background-color: #3d781c
}

.detay_resim_liste {
    display: block;
    margin-top: 12px
}

.detay_resim_liste li {
    display: inline-block;
    width: 61px;
    height: 61px;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 2px;
    text-align: center;
    margin: 0 5px 5px 0;
    text-align: center;
}

.detay_resim_liste li img {
    height: 61px
}

.detay_resim_liste li .over {
    display: inline-block;
    width: 55px;
    height: 55px;
    overflow: hidden
}

a.onsiparis {
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0 10px;
    background-color: #208a33;
    border-radius: 3px;
    text-align: center;
    color: #fff
}

a.onsiparis:hover,
a.onsiparis:focus {
    text-decoration: none
}

.clear {
    clear: both
}

.zoomWrapper {
    width: 100%!important;
    text-align: center
}

.hidden {
    display: none!important
}

.hidden-480 {
    display: inline-block
}

.mobil_goster {
    display: none!important
}

@media (max-width: 480px) {
    .hidden-480,
    .zoomWrapper {
        display: none!important
    }
    .mobil_goster {
        display: inline-block!important
    }
}

.urun_detay_secenek_buton {
    float: left;
    width: 15%;
    height: 40px;
    line-height: 35px;
    background: #f6f6f6;
    text-align: center;
    cursor: pointer;
    color: #000;
    text-decoration: none;
    font-size: 17px;
    border-right: 1px solid #e4e5e4;
    margin-right: 5px;
}

.urun_detay_secenek_buton2 {
    float: left;
    width: 15%;
    height: 40px;
    line-height: 35px;
    background: #f6f6f6;
    text-align: center;
    cursor: pointer;
    color: #000;
    text-decoration: none;
    font-size: 17px;
    border-left: 1px solid #e4e5e4;
    margin-left: 5px;
}

.coklu_dosya1 {
    float: left;
    width: 100%;
    height: auto;
    margin-top: 0px;
}

.coklu_dosya1 .dosya_liste {
    float: left;
    width: 100%;
    border: 1px solid #eee;
    margin-bottom: 20px;
    margin-right: 10px;
    position: relative;
}

.coklu_dosya1 .dosya_liste .dosya-icon {
    text-align: center;
    font-size: 65px;
    color: #666;
    padding: 20px 10px 20px 10px;
    display: block;
    min-height: auto;
}

.coklu_dosya1 .dosya_liste .dosya-aciklama {
    padding: 10px;
    background: #f4f4f4;
    display: block;
    float: left;
    width: 100%;
    min-height: 60px;
    display: grid;
    align-items: center;
}

.coklu_dosya1 .dosya_liste .dosya-aciklama .baslik {
    float: left;
    width: 100%;
    height: auto;
    color: #666;
}

.coklu_dosya1 .dosya_liste .dosya-aciklama .baslik i {
    padding-right: 5px;
}

.coklu_dosya1 .dosya_liste .dosya-indir-icon {
    color: #999;
    font-size: 12px;
    display: block;
    position: absolute;
    top: 105px;
    right: 8px;
}

.videobtn {
    float: right;
    width: auto;
    font-weight: 500;
    font-size: 14px;
    border: 1px solid #ccc;
    padding: 4px 10px;
    margin-top: 5px;
    border-right: 0px;
    background: #3d781c;
    color: white;
}

.videobtn a {
    color: white;
}

.coklu_video1 {
    float: left;
    width: 100%;
    height: auto;
    margin-top: 0px;
}

.coklu_video1 .video_liste {
    float: left;
    width: 100%;
    height: auto;
    position: relative;
}

.coklu_video1 .video_liste .video {
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

.coklu_video1 .video_liste .resimlist_text {
    left: 0px;
    bottom: 0px;
    background: #ffffffb8;
    width: 100%;
    height: auto;
    text-align: center;
    color: #333;
    z-index: 999;
    position: relative;
    font-weight: 500;
    font-size: 14px;
    float: left;
    padding: 0px 5px;
    font-weight: 600;
}

.coklu_video1 .video_liste .video .play {
    position: absolute;
    left: 0px;
    top: 40%;
    width: 100%;
    height: auto;
    text-align: center;
    z-index: 9;
}

.coklu_video1 .video_liste .video .play i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    background: #fff;
    box-shadow: 0px 2px 3px #ababab;
    color: #999;
}