@import url('font-awesome.min.css');
@import url('jquery.custom-scrollbar.css');

@font-face {
    font-family: 'MyriadPro';
    src: url('../fonts/MyriadPro-Regular.eot');
    src: url('../fonts/MyriadPro-Regular.eot?#iefix') format("embedded-opentype"),
    url('../fonts/MyriadPro-Regular.woff') format("woff"),
    url('../fonts/MyriadPro-Regular.ttf') format("truetype");
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'MyriadPro';
    src: url('../fonts/MyriadPro-Semibold.eot');
    src: url('../fonts/MyriadPro-Semibold.eot?#iefix') format("embedded-opentype"),
    url('../fonts/MyriadPro-Semibold.woff') format("woff"),
    url('../fonts/MyriadPro-Semibold.ttf') format("truetype");
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
}


body {
    margin: 0;
    font-family: 'MyriadPro', sans-serif !important;
    color: #333333;
    background: #ffffff;
    line-height: 1.42857143;
}

.header {
    width: 100%;
    height: auto;
    min-height: 210px;
    background: url(../img/header.png) repeat-x bottom #ffffff;
    float: left;
}

.headerTop {
    width: 100%;
    height: auto;
    min-height: 95px;
    float: left;
    line-height: 95px;
}

.headerTop.bgColor {
    background: #111c2e;
    border-bottom: 10px solid #806a3e;
}

.headerTop h1 {
    color: #ffffff;
    display: inline-block;
    vertical-align: middle;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 28px;
}

.logo {
    width: 180px;
    height: auto;
    min-height: 230px;
    float: left;
    background: url(../img/logo-bg.png) repeat-x #f0f0f0 top;
    padding: 0;
    text-align: center;
    margin: 0;
    position: absolute;
    z-index: 2;
    line-height: 210px;
    -webkit-box-shadow: 0px -4px 11px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px -4px 11px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px -4px 11px 0px rgba(0, 0, 0, 0.2);
}

.logo a img {
    display: inline-block;
    vertical-align: middle;
}

.uyelik {
    line-height: 16px;
    float: left;
    margin: 0;
}

.uyelik li {
    float: left;
    background: url(../img/uyelik-bg.png) repeat-x;
    margin: 0 4px 0 0;
    text-align: center;
}

.uyelik li a {
    color: #ffffff;
    font-size: 13px;
    padding: 2px 12px;
    text-align: center;
    float: left;
    min-height: 67px;
}

.uyelik li a i {
    background: url(../img/uyelik-icon.png) no-repeat;
    width: 18px;
    height: 20px;
    display: block;
    margin: 5px auto 6px auto;
}

.uyelik li a i.uyegiris {
    background-position: 0 0;
}

.uyelik li a i.uyeol {
    background-position: 0 -20px;
}

.uyelik li a i.cikis {
    background-position: 0 -40px;
}

.cart {
    background: url(../img/sepet-bg.png) repeat;
    width: 100%;
    height: 50px;
    float: left;
    margin: 12px 0 0 0;
    line-height: 1.42857143;
    color: #fff
}

.cartLeft {
    background: url(../img/cart-icon.png) no-repeat #4e4e4e center center;
    padding: 10px;
    width: 50px;
    height: 50px;
    float: left;
}

.cartRight {
    text-align: center;
}

.cartRight p {
    margin: 7px 0 0 0;
    font-size: 14px;
}

.cart a {
    color: #fff;
}

.cart a:hover,
.cart a:focus {
    color: #fff;
}

.pagination > li > a {
    color: #000000
}

.pagination > li > a:hover, .pagination > li > a.active {
    color: #d7002e;
    background: #eeeeee
}

.OverlayBg {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    display: none;
}

.OverlayContent {
    text-align: center;
    font-size: 14px;
    background: #f4f4f4;
    border-radius: 4px;
    padding: 20px;
}

.headerBottom {
    width: 100%;
    height: auto;
    min-height: 105px;
    float: left;
}

.menu {
    min-height: 105px;
}

.menu.bgColor {
    border-bottom: 5px solid #111c2e;
}

.header .navbar {
    margin: 0;
    min-height: 100px;
    position: relative;
    border-radius: 0;
}

.header .navbar-collapse {
    padding: 0;
}

.header .navbar-default {
    background: none;
    border: none;
    color: #ffffff;
}

.header .navbar-default .navbar-nav {
    margin: 0;
    padding: 0;
    width: 100%;
}

.header .navbar-default .navbar-nav li {
    float: left;
    margin: 0;
    padding: 0;
    cursor: pointer;
    width: 20%;
    text-align: center;
}

.header .navbar-default .navbar-nav li a {
    min-height: 100px;
    padding: 18px 0 0 0;
    font-weight: bold;
    color: #707070;
    font-size: 17px;
    text-align: center;
    border-right: 1px solid #d4d4d4;
}

.header .navbar-default .navbar-nav li a span {
    display: block;
    width: 34px;
    height: 34px;
    background: url(../img/menu-icons.png) no-repeat;
    text-align: center;
    margin: auto;
    margin-bottom: 15px;
}

.header .navbar-default .navbar-nav li a span.sinif-listeleri {
    background-position: 0 0;
}

.header .navbar-default .navbar-nav li a span.canta {
    background-position: 0 -34px;
}

.header .navbar-default .navbar-nav li a span.matara {
    background-position: 0 -68px;
}

.header .navbar-default .navbar-nav li a span.kalem-kutu {
    background-position: 0 -102px;
}

.header .navbar-default .navbar-nav li a span.kalem {
    background-position: 0 -136px;
}

.header .navbar-default .navbar-nav > li ul.megamenu li {
    padding: 5px;
    display: block;
    float: none;
    width: auto;
    text-align: left;
}

.header .navbar-default .navbar-nav > li ul.megamenu li a {
    color: #707070;
    font-size: 15px;
    min-height: auto;
    border: none;
    text-align: left;
    padding: 0;
}

.header .navbar-default .navbar-nav > li ul.megamenu li a:hover {
    color: #0a87ae
}

.header .navbar-default .navbar-nav li .dropdown-menu {
    left: auto;
    right: auto
}

.header .navbar-default .navbar-nav li:last-child .dropdown-menu {
    right: 0
}

.megamenu {
    padding: 20px 0px;
    border-radius: 0;
    background: #ffffff;
    border-top: 1px solid #d4d4d4;
    box-shadow: none;
}

.megamenu div ul li {
    display: block;
}

.megamenu div img {
    max-height: 200px;
    padding: 20px 10px;
    margin: auto;
}

.menu-large {
    position: static !important
}

.megamenu h4 {
    color: #333333;
    border-bottom: 1px solid #dddddd;
    padding: 5px 0
}

.megamenu h5 {
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    margin: 15px 0;
}

.megamenu h4 span {
    position: relative;
    top: 3px;
}

.header .navbar-default .navbar-nav > li:focus a {
    background: #ffffff;
    color: #707070;
}

.header .navbar-default .navbar-nav > li.active a {
    background: #ffffff;
    color: #707070;
}

.header .navbar-default .navbar-nav > li:hover {
    background: #ffffff;
    color: #707070;
}

.header .navbar-default .navbar-nav > li:hover a {
    color: #707070
}

.header .navbar-default .navbar-nav > li > a:focus {
    background-color: transparent;
}

.header .navbar-header h4 {
    display: none;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background: none;
    color: #fff;
}

.mainBg {
    margin: 30px 0
}

.mainBgRight {
    margin: 30px 0 0 0;
    position: relative;
    right: 5px
}

.mainBgRight img.bg-image {
    width: 100%;
}

.mainBgRight .caption {
    padding: 15px 10px;
}

.mainBgRight .caption h4 {
    color: #666666;
    padding: 5px 10px;
    border-bottom: 1px dashed #cccccc;
    margin-top: 0
}

.mainBgRight .caption h4.telefon {
    color: #ff2e13;
    border: 0;
}

.mainBgRight .caption h4.yurtici {
    color: #0072bb;
    border: 0;
}

.mainBgRight .caption h4.yurtici span {
    color: #f68a2d;
}

.mainBgRight .caption h4.video {
    color: #c1263e;
    border-bottom: 1px dashed #cccccc;
}

.mainBgRight .caption h4.video i {
    padding: 6px;
    font-size: 13px;
    background: #c1263e;
    color: #ffffff;
    border-radius: 50%;
}

.mainBgRight .caption p.alt {
    border-top: 1px solid #dddddd;
    padding-top: 10px;
    margin: 0
}

.main {
    border: 1px solid #cfcfcf;
    width: 100%;
    height: auto;
    float: left;
    border-radius: 10px;
    overflow: hidden;
}

.mainBaslik {
    padding: 5px 15px;
    border-bottom: 1px solid #cfcfcf;
    padding: 5px 15px;
    border-bottom: 1px solid #cfcfcf;
    margin-bottom: 10px;
    background: #f6f6f6;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.mainBaslik h2 {
    margin: 0;
    font-size: 21px;
    padding: 5px 0;
    float: left;
}

.mainBaslik h2 img {
    float: left;
    margin: 0 10px 2px 0;
    max-height: 29px;
}

.mainBaslik h2 span {
    padding: 4px 0 0 0;
    float: left;
    color: #cd494c
}

.taksitSecenek {
    padding: 5px 0;
    text-align: center;
}

.taksitSecenek li {
    display: inline-block;
    margin: 5px;
    text-align: center;
}

.taksitSecenek li.akbank {
    background: url(../img/taksit-secenekleri.png) no-repeat 0 0;
    width: 97px;
    height: 9px;
}

.taksitSecenek li.finansbank {
    background: url(../img/taksit-secenekleri.png) no-repeat 0 -9px;
    width: 97px;
    height: 16px;
}

.taksitSecenek li.yapikredi {
    background: url(../img/taksit-secenekleri.png) no-repeat 0 -25px;
    width: 97px;
    height: 16px;
}

.taksitSecenek li.garanti {
    background: url(../img/taksit-secenekleri.png) no-repeat 0 -41px;
    width: 97px;
    height: 20px;
}

.taksitSecenek li.isbankasi {
    background: url(../img/taksit-secenekleri.png) no-repeat 0 -61px;
    width: 97px;
    height: 31px;
}


.search {
    background: none;
    display: table;
    width: 100%;
    border: 0;
    border-radius: 0;
    line-height: 1.42857143;
    margin: 5px 0 5px 0;
}

.search .form-group {
    padding: 0;
}

.search .form-group .form-control {
    border: none;
    box-shadow: none;
    font-size: 13px;
    padding: 0 10px;
    color: #666;
    float: left;
    background: #f0f0f0;
    border-radius: 0;
    border: 1px solid #cdcdcd;
    height: 38px;
}

.search .btn {
    padding: 7px 8px 8px 8px;
    background: #4e4e4e;
    margin-left: -2px;
}

.search .btn:hover,
.search .btn:focus,
.search .btn.focus {
    background: #5c5c5c;
}

.search .btn i {
    color: #fff;
    font-size: 16px;
}

/*autocomplete*/
.autocomplete-suggestions {
    cursor: default;
    max-width: 100%;
    max-height: auto !important;
    background: #f0f0f0;
    padding: 0;
    border: 1px solid #d4d4d4;
    border-top: 0;
    position: absolute;
    z-index: 9999;
    left: auto;
    overflow-y: scroll;
    margin-top: -1px
}

.autocomplete-suggestions strong {
    font-weight: 700
}

.autocomplete-suggestions .autocomplete-group {
    display: block;
    color: #b1a9b1;
    background-color: #f0f0f0;
    height: auto;
    font-size: 12px;
    font-weight: 400;
    padding: 0 10px;
}

.autocomplete-suggestions .autocomplete-group strong {
    display: block;
    border-top: 1px solid #d4d4d4;
    padding-top: 10px;
    color: #1e1e1e !important;
    font-size: 14px;
    font-weight: bold;
}

.autocomplete-suggestions .autocomplete-suggestion {
    background: #f0f0f0;
    min-height: 28px;
    overflow: hidden;
    color: #53534a;
    padding-left: 13px !important;
    margin-top: 5px;
    cursor: pointer;
    font-size: 13px;
}

.autocomplete-suggestions .autocomplete-suggestion:hover {
    background: #f0f0f0;
    min-height: 28px;
    overflow: hidden;
    color: #000;
    padding-left: 13px !important;
    margin-top: 5px;
    cursor: pointer;
}

.input-validation-error {
    border: 1px solid #ce0202;
}

.field-validation-error {
    color: #ce0202 !important;
    font-size: 11px !important;
    position: absolute;
    margin-bottom: 30px
}

.search-text {
    padding-left: 10px !important;
    border-right: 0;
    padding-right: 10px !important;
    border-radius: 0;
    width: 100%;
}

/*autocomplete*/


.list-group.siniflar {
    padding: 0;
    overflow: hidden;
    margin: 0 0 2px 0
}

.list-group.siniflar .list-group {
    margin-bottom: 0;
    padding-left: 20px;
}

.list-group.siniflar div {
    background: url(../img/sinif-bg-shadow.png) no-repeat bottom right;
    line-height: 54px;
    min-height: 60px;
}

.list-group.siniflar .list-group-item {
    background: url(../img/sinif-bg.png) repeat-x #eceaeb;
    padding: 0;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    display: block;
    margin-bottom: 7px;
    font-size: 15px;
    vertical-align: middle;
}

.list-group.siniflar .list-group-item img {
    float: left;
    padding: 5px;
    border-right: 1px solid #e5e5e5;
    margin: 0 12px 0 0;
    border-radius: 5px 0 0 5px;
    height: 52px;
}

.list-group.siniflar > .list-group-item:first-child {
    border-top-width: 0
}

.list-group.siniflar > .list-group > .list-group-item {
    padding-left: 30px
}

.list-group.siniflar > .list-group > .list-group > .list-group-item {
    padding-left: 45px
}

.list-group-item i {
    float: right;
    color: #d2d2d2;
    font-size: 30px;
    padding: 11px 10px 0 0;
}

.list-group.siniflar .list-group-item span {
    display: inline-block;
    vertical-align: middle
}


.footer {
    background: url(../img/footer-bg.png) repeat-x #ededed;
    margin: 20px 0 0 0;
    padding: 30px 20px;
    border: 1px solid #e1e1e1;
    border-left: 0;
    border-right: 0;
}

.footer .part {
    border-right: 1px solid #d3d3d3;
    border-left: 1px solid #ffffff;
    height: 220px;
}

.footer .part:first-child {
    border-left: 0
}

.footer .part:last-child {
    border-right: 0
}

.footer .part .media {
    margin: 30px 30px;
}

.footer .part .media-heading {
    font-size: 20px;
}

.footer .part .media .media-body h3 {
    color: #d7002e;
    margin: 5px 0;
    font-size: 22px
}

.footer .part a {
    color: #000000
}

.footer .search .btn.btn-primary {
    height: 38px;
    padding: 6px 6px;
    margin: 0 0 0 3px;
    font-size: 18px
}


.footer-menu {
    width: 100%;
    text-align: center;
    float: left;
    margin: 0
}

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

.footer-menu li a {
    padding: 5px 9px;
    border-radius: 5px;
    width: 68px;
    height: 84px;
    display: table;
    text-align: center;
}

.footer-menu li a.yonetici {
    color: #707070;
    text-align: center;
    border: 1px solid #bfbfbf;
}

.footer-menu li a.yonetici img {
    font-size: 18px;
}

.footer-menu li a.klogo {
    color: #707070;
    background: #fceb3b;
    text-align: center;
    border: 0;
}

.footer .part .search {
    text-align: center;
}

.footer .part .search .search-text {
    background: #ffffff;
}

.gizlilik {
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    padding: 15px;
    max-height: 360px;
    overflow-y: auto
}

input[type="checkbox"] {
    margin: 2px 0 0
}

#tableResponsive {
}

#tableResponsive td .baslik {
    display: none;
}

#tableResponsive td .detay {
    width: auto;
}

#tableResponsive td .detay .form-control.adet {
    width: 50px;
    padding: 3px 6px;
    margin: 3px auto
}

#tableResponsive td .kullanici {
    display: none;
}

#tableResponsive td .detay span {
    margin: 15px 0;
}

#tableResponsive td .detay a.btn {
    margin: 10px 0;
    display: block;
}

.table.sinif {
    margin: 15px 0;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    padding: 0 30px
}

.table.sinif.havale {
    background: none;
    box-shadow: none
}

.table.sinif thead {
    border-top: 0;
    background: #f6f6f6;
}

.table.sinif thead th {
    font-size: 15px;
    padding: 2px;
}

.table.sinif thead tr th {
    border-bottom: 1px solid #e0e0e0;
    padding: 10px;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

.table.sinif tbody tr td {
    padding: 10px;
    vertical-align: middle;
    text-align: center;
}

.table.sinif tbody tr td.bgcolor {
    background: #f4ad49;
    padding: 0
}

.table.sinif tbody tr td a {
    color: #333333;
    font-size: 14px;
}

.table.sinif tbody tr td a.bedenTablosu {
    color: #1a0dab;
    font-size: 14px;
    text-decoration: underline !important;
}

.table.sinif tbody tr td img {
    max-height: 90px;
    border: 0;
    padding: 0;
    margin: auto;
    max-width: 130px;
}

.table.sinif tbody tr th {
    padding: 0
}

.table.sinif tbody tr td.adet-alan {
    width: 15%;
}

#bedenTablosu.modal {
    margin: 0 !important;
}

.table tr td {
    border-bottom: 1px solid #ddd;
    border-top: 0 !important;
}

.rotate {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    white-space: nowrap;
    padding: 0;
    vertical-align: middle;
    width: 20px;
    color: #000;
    margin: auto;
    text-align: center;
}

.table.sinif.sepetim thead tr th:first-child {
    text-align: left;
    width: 55%
}

.table.sinif thead tr th:nth-child(2) {
    text-align: center;
}

.table.sinif.sepetim tbody tr td:first-child {
    text-align: left;
}

.table.sinif.sepetim tbody tr td:nth-child(2) {
    text-align: center;
}

.table.sinif.sepetim tbody tr td:nth-child(3) {
    text-align: center;
}

#tableResponsive .table.sinif.sepetim td .detay .form-control.isim {
    width: 70%;
    padding: 3px 6px;
    margin: 3px 0
}

.cinsiyet {
    background: url(../img/cinsiyet.png) no-repeat;
    width: 17px;
    height: 21px;
    float: left;
    margin: -2px 5px 0 0
}

.cinsiyet.kiz {
    background-position: 0 -21px;
}

.cinsiyet.erkek {
    background-position: 0 0;
}

.categoryFilter {
    border-bottom: 1px solid #f2f2f2;
    padding: 10px 15px;
}

.categoryFilter h3 {
    font-size: 17px;
}

.categoryFilter .btn.btn-primary {
    height: 30px;
    padding: 6px 6px;
    margin: 3px 0 0 3px
}

.urunListe {
}

.urunListe .thumbnail {
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 3px;
    height: 280px
}

.urunListe .thumbnail:hover {
    border: 1px solid #cccccc;
}

.urunListe .thumbnail .picture {
    width: 100%;
    height: 165px;
    float: left;
    text-align: center;
}

.urunListe .thumbnail .picture img {
    margin: auto;
    max-height: 160px;
}

.urunListe .thumbnail .caption {
    width: 100%;
    height: 105px;
    float: left;
    text-align: center;
    padding: 0;
}

.urunListe .thumbnail .caption h5 {
    font-size: 14px;
    font-weight: 400;
    margin: 5px 0;
    height: 45px;
    overflow: hidden;
}

.urunListe .thumbnail .caption p {
    font-size: 16px;
    color: #838383;
    margin: 0;
}

.urunListe .thumbnail .caption p span.price {
    font-size: 17px;
    color: #000;
}

.quantity-alan {
    margin: 14px auto 13px auto;
    width: 90%;
}

.btn.btn-quantity {
    background: none;
    color: #4A494B !important;
    border-radius: 0;
    width: 26px;
    padding: 8px 0;
    font-size: 9px;
    margin: 0 !important
}

.btn.btn-quantity:hover {
    background: #fff;
    color: #d7002e !important;
    border: 1px solid #ffffff;
    outline: none;
}

.btn.btn-quantity:focus {
    background: #fff;
    color: #d7002e !important;
    border: 1px solid #ffffff;
    outline: none;
}

.input-number {
    border-radius: 10px;
    border: 1px solid #e0e0e0;
    background: #ffffff;
    box-shadow: none;
    width: 100%;
    padding: 5px 3px 4px 3px;
    text-align: center;
    font-size: 14px;
    color: #333333;
}

/******checkbox******/
.checkbox-group {
    height: auto;
    margin: 10px 0
}

.checkbox-ss {
    padding-left: 20px
}

.checkbox-ss label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
    font-weight: normal;
}

.checkbox-ss label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 18px;
    height: 18px;
    left: 0;
    margin: 0 0 0 -20px;
    border: 1px solid #ccc;
    background-color: #fff;
}

.checkbox-ss label:hover::before {
    border: 1px solid #d7002e;
    content: '\f00c';
    font-family: 'FontAwesome';
    font-size: 11px;
    text-align: center;
}

.checkbox-ss label:hover {
    color: #d7002e;
}

.checkbox-ss label::after {
    display: inline-block;
    position: absolute;
    width: 18px;
    height: 18px;
    left: 0;
    top: 0;
    margin-left: -20px;
    font-size: 11px;
}

.checkbox-ss input[type="checkbox"]:checked + label::before,
.checkbox-ss input[type="radio"]:checked + label::before {
    background-color: #d7002e;
    border-color: #ffffff;
    content: '\f00c';
    font-family: 'FontAwesome';
    font-size: 11px;
    color: #fff;
    text-align: center;
    line-height: 18px;
}

.checkbox-ss input[type="checkbox"]:checked + label::after,
.checkbox-ss input[type="radio"]:checked + label::after {
    color: #fff;
}

.checkbox-ss input[type="checkbox"].styled {
    display: none;
}

/******checkbox******/


/****CloudZoom*****/
.sliderThumb {
    width: auto;
    display: inline-block;
    width: auto;
    height: 75px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    padding: 5px;
    cursor: pointer;
    margin: 2px;
    border-radius: 3px;
    border: 2px solid transparent
}

.sliderThumb.cloudzoom-gallery-active {
    border: 2px solid #FAD201
}

.img-large {
    border: 1px solid #e0e0e0;
    margin: 20px 30px;
    padding: 10px;
    text-align: center;
    cursor: crosshair;
}

.img-thumbs {
    text-align: center;
}

.cloudzoom {
    border: 0;
    width: 100%;
    height: auto;
    cursor: crosshair;
}

img.cloudzoom {
    width: auto;
    max-width: 100%;
    max-height: 450px;
    text-align: center;
    margin: auto;
    cursor: crosshair;
}

.cloudzoom-zoom-inside {
    cursor: crosshair;
}

.cloudzoom-blank div:last-child {
    display: none !important;
}

/****CloudZoom*****/

.urunDetay {
    padding: 10px 0;
    border: 1px solid #e0e0e0;
    border-left: 0;
    border-right: 0;
    display: block;
    margin: 10px 0 20px 0
}

.urunDetay li {
    display: block;
    color: #444444;
    font-size: 15px
}

.urunDetay li span {
    color: #333333;
    min-width: 80px;
    float: left;
    font-weight: bold;
}

h3.fiyat {
    margin: 5px 0 0 0;
}

h3.fiyat span {
    font-size: 14px;
    font-weight: normal;
}

.odemeBilgisi {
    background: #f8f8f8;
    border: 1px solid #d2d2d2;
    margin-top: 15px;
    margin-bottom: 20px;
}

.odemeBilgisi .baslik {
    background: #666666;
    margin: auto;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
    height: 49px;
    float: left;
}

.odemeBilgisi .baslik h4 {
    color: #ffffff;
    margin: 15px 0 0 0
}

.odemeBilgisi .table tbody tr:last-child td {
    font-weight: bold;
    border: 0
}

.odemeAdimlari {
    background: url(../img/odeme-adimlari.png) repeat-x 0 0;
    width: 100%;
    height: 76px;
    float: left;
    border-radius: 5px;
    overflow: hidden;
    margin: 10px 0 0 0;
    border-bottom: 2px solid #ffb048;
}

.odemeAdimlari li {
    height: 76px;
    padding: 13px 0;
    float: left;
    width: 33.33333333%;
}

.odemeAdimlari li a {
    text-align: center;
    border-right: 1px solid #cccccc;
    width: 100%;
    height: 50px;
    float: left;
}

.odemeAdimlari li a span {
    background: url(../img/odeme-icon.png) no-repeat left center;
    width: auto;
    height: 50px;
    display: inline-block;
    padding: 15px 0 0 60px;
    font-size: 18px;
    color: #333;
}

.odemeAdimlari li a span.teslimat {
    background-position: 0 0;
}

.odemeAdimlari li a span.odeme {
    background-position: 0 -50px;
}

.odemeAdimlari li a span.siparisOzet {
    background-position: 0 -100px;
}

.odemeAdimlari li.active {
    background: url(../img/odeme-adimlari.png) repeat-x 0 -76px;
}

.odemeAdimlari li.active a span {
    color: #ffffff;
    text-shadow: 0px 2px 3px rgba(53, 53, 53, 0.6)
}

.odemeAdimlari li:last-child a {
    border: none;
}

.styled-select {
    height: 34px;
    overflow: hidden;
    width: 100%;
    color: #999;
    border-radius: 3px;
    border: 1px solid #d3d3d3;
}

.styled-select select {
    background: transparent;
    border: none;
    padding: 0;
    width: 100%;
    text-align: center;
}

.styled-select.slate {
    background: url(../img/select.png) no-repeat #ffffff right center;
    height: 34px;
    width: 100%;
    text-align: center;
}

.styled-select.slate select {
    height: 34px;
    text-align: center;
    padding-right: 28px;
    padding-left: 3px;
    font-size: 13px;
    text-indent: 1px;
}

.styled-select .form-control {
    border-radius: 0;
    padding-top: 0
}

.text-icon {
    position: relative;
    margin: -20px 0 0 0;
    color: #8dc63f;
}

.text-icon.user:before {
    content: "\f007";
    font-family: 'FontAwesome';
    float: right;
    position: relative;
    top: 25px;
    right: 7px
}

.text-icon.tanim:before {
    content: "\f041";
    font-family: 'FontAwesome';
    float: right;
    position: relative;
    top: 25px;
    right: 7px
}

.text-icon.adres:before {
    content: "\f0ac";
    font-family: 'FontAwesome';
    float: right;
    position: relative;
    top: 25px;
    right: 7px
}

.text-icon.kartNo:before {
    content: "\f023";
    font-family: 'FontAwesome';
    float: right;
    position: relative;
    top: 25px;
    right: 7px
}

.text-icon .form-control {
    padding-right: 20px;
}

.kargoUyari {
    background: #ffcf52;
    border: 1px solid #ffa92c;
    padding: 15px
}

.odemeSecenekleri {
    background: none;
    float: left;
    width: 100%;
    padding: 0;
}

.odemeSecenekleri li {
    width: 25%;
    padding: 13px 3px;
    float: left;
}

.odemeSecenekleri li a {
    text-align: center;
    border: 1px solid #cdcdcd;
    width: 100%;
    float: left;
    color: #333333;
    font-size: 16px;
    padding: 15px;
    border-radius: 5px;
}

.odemeSecenekleri li a span {
    display: block;
    padding: 5px 0;
    font-size: 18px;
    color: #333;
    text-align: center;
    margin: auto;
}

.odemeSecenekleri li a span.odeme {
    display: block;
    padding: 5px 0;
    font-size: 18px;
    color: #333;
    text-align: center;
    margin: auto;
}

.odemeSecenekleri li a span.odeme.tekCekim {
    width: 81px;
    height: 81px;
    background: url(../img/odeme-secenekleri.png) no-repeat 0 0;
}

.odemeSecenekleri li a span.odeme.taksitli {
    width: 81px;
    height: 81px;
    background: url(../img/odeme-secenekleri.png) no-repeat 0 -81px;
}

.odemeSecenekleri li a span.odeme.garanti-pay {
    height: 81px;
    background: url(../img/garanti-pay-kucuk.png) no-repeat
}

.odemeSecenekleri li a span.odeme.havale {
    width: 81px;
    height: 81px;
    background: url(../img/odeme-secenekleri.png) no-repeat 0 -162px;
}

.odemeSecenekleri li a span.odeme.diger {
    width: 81px;
    height: 81px;
    background: url(../img/odeme-secenekleri.png) no-repeat 0 -243px;
}

.odemeSecenekleri li a:hover {
    border: 4px solid #ffb656;
    padding: 12px
}

.odemeSecenekleri li a.active {
    border: 4px solid #ffb656;
    padding: 12px
}

.sozlesmeMetni {
    background: #fcfcfc;
    border: 1px solid #cccccc;
    padding: 20px;
    max-height: 230px;
    overflow-y: auto;
}

.taksitTable {
    margin: 0;
}

.taksitTable thead {
    border-top: 0;
    text-align: center;
}

.taksitTable thead th {
    text-align: center;
}

.taksitTable tbody tr {
    text-align: center;
}

.taksitTable tbody th {
    text-align: center;
}

.taksitTable > thead > tr > th {
    padding: 10px;
}

.taksitTable thead.bgblack > tr > th {
    background: #2d3035;
    border: 1px solid #e5e5e5;
}

.banka {
    width: 100% !important;
    height: 44px;
    text-align: center;
}

.garantibg {
    background: #9cc435
}

.banka.garantibg:after {
    content: "";
    width: 100px;
    height: 44px;
    display: inline-block;
    background: url(../img/sprite-banks.png);
    background-repeat: no-repeat;
}

.yapikredibg {
    background: #650c6f
}

.banka.yapikredibg:after {
    content: "";
    width: 100px;
    height: 44px;
    display: inline-block;
    background: url(../img/sprite-banks.png) 0 -44px;
    background-repeat: no-repeat;
}

.isbankasibg {
    background: #c12a72
}

.banka.isbankasibg:after {
    content: "";
    width: 100px;
    height: 44px;
    display: inline-block;
    background: url(../img/sprite-banks.png) 0 -88px;
    background-repeat: no-repeat;
}

.finansbankbg {
    background: #103993
}

.banka.finansbankbg:after {
    content: "";
    width: 100px;
    height: 44px;
    display: inline-block;
    background: url(../img/sprite-banks.png) 0 -132px;
    background-repeat: no-repeat;
}

.akbankbg {
    background: #efa222
}

.banka.akbankbg:after {
    content: "";
    width: 100px;
    height: 44px;
    display: inline-block;
    background: url(../img/sprite-banks.png) 0 -176px;
    background-repeat: no-repeat;
}

.asyacardbg {
    background: #45c3d9
}

.banka.asyacardbg:after {
    content: "";
    width: 100px;
    height: 44px;
    display: inline-block;
    background: url(../img/sprite-banks.png) 0 -220px;
    background-repeat: no-repeat;
}

.hsbcbg {
    background: #f77b00
}

.banka.hsbcbg:after {
    content: "";
    width: 100px;
    height: 44px;
    display: inline-block;
    background: url(../img/sprite-banks.png) 0 -264px;
    background-repeat: no-repeat;
}

.parafbg {
    background: #00ddff
}

.banka.parafbg:after {
    content: "";
    width: 100px;
    height: 44px;
    display: inline-block;
    background: url(../img/sprite-banks.png) 0 -308px;
    background-repeat: no-repeat;
}

.bankalar {
    width: 100%;
    height: auto;
    float: left;
    border-radius: 0 0 5px 5px;
    background: #fcfcfc;
    border: 1px solid #cccccc;
    text-align: center;
    margin-bottom: 5px
}

.bankalar h4 {
    background: #f9f9f9;
    margin: 0;
    padding: 10px 0;
    color: #333333;
    border-bottom: 1px solid #cecece;
}

.bankabg {
    min-width: 99px;
    min-height: 37px;
    margin-bottom: 0;
}

.bankabg li {
    display: block;
    height: auto;
    text-align: center;
}

.bankabg span {
    background: url(../img/bankalar.png) no-repeat;
    width: 100%;
    height: 37px;
    float: left;
    border-top: 1px solid #cccccc;
}

.bankabg div {
    color: #8dc63f;
    font-size: 13px;
    text-align: right;
    padding-right: 10px;
}

.bankabg span.akbank {
    background-position: top center;
}

.bankabg span.garanti {
    background-position: center -42px;
}

.bankabg span.yapikredi {
    background-position: center -84px;
}

.bankabg span.finansbank {
    background-position: center -126px;
}

.bankabg span.isbankasi {
    background-position: center -168px;
}

.bankabg span.hsbc {
    background-position: center -210px;
}

.bankabg span.ziraat {
    background-position: center -252px;
}

.bankabg span.vakifbank {
    background-position: center -286px;
}

.bankabg span.kuveytturk {
    background-position: center -320px;
}

.taksitUyari {
    background: #effeb9;
    border: 1px solid #a1ce42;
    padding: 10px;
    margin-bottom: 15px;
    float: left;
    width: 100%;
}

.taksitUyari.havaleOdeme {
    margin-top: 120px;
}

#tekCekimOdeme {
    display: block;
}

#taksitliOdeme, #havaleOdeme, #digerOdeme {
    display: none;
}

.table.havaleTable {
    margin: 15px 0;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    padding: 0 30px
}

.table.havaleTable thead {
    border-top: 0;
    background: #f6f6f6;
}

.table.havaleTable thead th {
    font-size: 15px;
    padding: 2px;
}

.table.havaleTable thead tr th {
    border-bottom: 1px solid #e0e0e0;
    padding: 10px;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

.table.havaleTable tbody tr td {
    padding: 10px;
    vertical-align: middle;
    text-align: center;
}

.table.havaleTable tbody tr td.bgcolor {
    background: #f4ad49;
    padding: 0
}

.table.havaleTable tbody tr td:first-child {
    min-width: 110px;
}

.table.havaleTable tbody tr td a {
    color: #333333;
    font-size: 15px;
}

.table.havaleTable tbody tr th {
    padding: 0
}

.table.havaleTable input[type="radio"] {
    margin: 12px 10px 0 10px;
    float: left;
}

.table.havaleTable .bankabg {
    float: left
}

.table.havaleTable .bankabg span {
    border: 0
}

.hesabim {
    padding: 0;
    margin: 20px 0;
}

.hesabim li {
    display: block;
    padding: 10px 0;
}

.hesabim li a {
    color: #777;
    font-size: 13px;
    padding-bottom: 10px!important;
    width: 100%;
}

.hesabim li a:hover {
    color: #777;
    font-weight: bold;
}

.hesabim li a.active {
    color: #333;
    font-weight: bold;
}

.urunSorgu .headerTop.bgColor {
    background: #4e4e4e;
    border-bottom: 10px solid #93191b
}

.urunSorgu .menu.bgColor {
    border-bottom: 5px solid #4e4e4e;
}

.urunSorgu .logo {
    padding: 0 10px;
    width: 260px;
    min-height: 200px
}

.urunSorgu .search {
    margin-top: 30px;
}

.sorguImg {
    padding: 0;
    float: none;
    text-align: center
}

.sorguImg img {
    max-height: 150px;
    margin: auto;
}

.empty-cart-lg {
    padding: 30px 0;
    margin-bottom: 15px;
    text-align: center;
}

.empty-cart-lg p i {
    font-size: 90px;
}

.empty-cart-lg p {
    font-size: 20px;
    margin-bottom: 30px;
}

.table.havaleTable tbody tr td a i {
    width: 21px;
}

.footer-msj {
    position: relative;
    z-index: 1000;
    top: -7px;
    left: 5px;
}

.filterScroll {
    max-height: 250px;
    overflow-y: auto
}

h3.filtreBaslik {
    margin: 10px 0;
    font-size: 18px;
}

h3.filtreBaslik a {
    color: #333333;
}

.btn-fixed a.btn {
    float: right;
}

.btn-fixed div {
    margin-left: -15px;
}

#tableResponsive .table.sinif.sinifListe thead tr th.tumunu-sec span {
}

#tableResponsive .table.sinif.sinifListe thead tr th.tumunu-sec input[type="checkbox"] {
    margin: 0px 3px 0 0;
}


.row.row-margin-right20 {
    margin-right: -20px;
}

.row.row-margin-right {
    margin-right: -30px;
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important
}

a {
    color: #777777
}

a:focus {
    outline: none
}

a:hover,
a:focus {
    color: #4A494B;
    text-decoration: none;
}

.btn {
    border-radius: 0;
    background: #df1324;
    color: #fff;
}

.btn:hover,
.btn:focus,
.btn.focus {
    background: #bc000a;
    outline: none !important;
}

.btn:active,
.btn.active {
    box-shadow: none
}

.btn.btn-default {
    background: url(../img/btn.png) repeat-x #429c00 0 0;
    height: 30px;
    border-radius: 3px;
    outline: none !important;
    border: 0;
    color: #fff !important;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 12px;
    margin-bottom: 15px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 67, 79, 1);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 67, 79, 1);
    box-shadow: 0px 1px 3px 0px rgba(0, 67, 79, 1);
    text-shadow: 1px 1px 3px rgba(53, 53, 53, 0.6);
    margin-bottom: 10px
}

.btn.btn-default i {
    background: #479c01;
    padding: 1px 4px 1px 6px;
    color: #ffffff;
    border-radius: 50%;
    text-align: center;
    margin-right: 5px;
}

.btn.btn-default:hover,
.btn.btn-default:focus,
.btn.btn-default.focus {
    background: #92d900;
    outline: none !important;
}

.btn.btn-primary {
    background: url(../img/btn.png) repeat-x #bc000a 0 -30px;
    height: 30px;
    border-radius: 3px;
    outline: none !important;
    border: 0;
    color: #fff !important;
    padding: 6px 12px;
    margin-bottom: 10px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 67, 79, 1);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 67, 79, 1);
    box-shadow: 0px 1px 3px 0px rgba(0, 67, 79, 1);
    text-shadow: 1px 1px 3px rgba(53, 53, 53, 0.6);
}

.btn.btn-primary i {
    background: #880c0c;
    padding: 1px 4px 1px 6px;
    color: #ffffff;
    border-radius: 50%;
    text-align: center;
    margin-right: 5px;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary.focus {
    background: #ff0917;
    outline: none !important;
}

.btn.btn-secondary {
    background: url(../img/btn.png) repeat-x #e1e1e1 0 -60px;
    height: 30px;
    border-radius: 3px;
    border: 1px solid #e1e1e1;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 7px 2px 7px;
    color: #4e4e4e !important;
    -webkit-box-shadow: 0px 1px 3px 0px #949494;
    -moz-box-shadow: 0px 1px 3px 0px #949494;
    box-shadow: 0px 1px 3px 0px #949494;
}

.btn.btn-secondary i {
    margin-right: 5px;
}

.btn.btn-secondary:hover,
.btn.btn-secondary:focus,
.btn.btn-secondary.focus {
    background: #e1e1e1;
    outline: none !important;
    border-color: #a2c731;;
}

input[type="radio"] {
    margin: 3px 0 0;
}

input[type="checkbox"] {
    margin: 2px 0 0;
}

.xl-checkbox {
    -ms-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    padding: 10px;
}

#tableResponsive .table.sinif.sinifListe span.not {
    color: #d7002e;
    display: block;
    font-size: 13px;
}

#tableResponsive .table.sinif.sinifListe tr td.aciklama-alan {
    text-align: left;
    max-width: 500px;
}

.table > tbody + tbody {
    border: 0
}

.sepetDuzenleBtn {
    display: block;
    float: none
}

.sepetdenSinifSilBtn {
    display: block;
    float: none;
    margin-left: 10px
}

.sepetIslem {
    text-align: right;
    margin: 0px;
    padding: 0
}

.error-page {
    text-align: center;
    padding: 0 0 50px 0
}

.error-page h1 {
    font-size: 30px;
    line-height: 40px;
    margin: 20px 0;
    padding: 0 10px
}

.error-page h3 {
    font-size: 20px;
}

.oneriListe {
}

.oneriListe .thumbnail {
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 3px;
    height: 202px;
    padding: 0;
}

.oneriListe .thumbnail:hover {
    border: 1px solid #dddddd;
}

.oneriListe .thumbnail .picture {
    width: 100%;
    height: 165px;
    float: left;
    text-align: center;
}

.oneriListe .thumbnail .picture img {
    margin: auto;
    max-height: 160px;
    vertical-align: middle;
    display: table-cell
}

.oneriListe .thumbnail .caption {
    width: 100%;
    height: 35px;
    float: left;
    text-align: center;
    padding: 8px 0;
    background: #f3f3f3;
    border-top: 1px solid #dddddd;
}

.oneriListe .thumbnail .caption h3 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}

.flash-messages {
    position: fixed;
    top: 50px;
    right: 30px;
    z-index: 5000;
}

.alert {
    position: relative;
    display: block;
    right: 0;
    padding-left: 35px;
}

a.gonderiIcerigi {
    cursor: pointer;
    color: #1a0dab !important;
    text-decoration: underline !important;
    position: relative;
    top: 4px;
}

a.kargoTakipUrl {

    cursor: pointer;
    color: #1a0dab !important;
    text-decoration: underline !important;
    position: relative;
    top: 4px;

}

.gonderiUrunler {
    border: 1px solid #ddd;
}

.gonderiUrunler.table thead {
    background: none;
}

.gonderiUrunler.table thead th {
    font-weight: bold;
    border-bottom: 2px solid #479f01;
}

.gonderiUrunler.table tbody {
    border: 2px solid #479f01;
}

.closeDiv {
    position: relative;
    bottom: -20px;
}

.closeDiv .btn {
    width: 80px;
}

.okulBaslik {
    text-align: center;
    padding: 10px 0;
}

.okulBaslik h5 {
    font-size: 20px;
    margin: 0;
}

.orders .tab-content {
    padding: 10px 0;
}

.orders .nav-tabs {
    border: 0;
}

.orders .nav-tabs li a {
    border-radius: 0;
    border: 1px solid #ddd;
    font-weight: bold;
}

.orders .nav-tabs li.active a {
    background: #eee;
    border: 1px solid #ddd;
}

.faq {
    font-size: 14px;
    color: #666666;
}

.faq p {
    font-size: 14px;
    color: #666666;
}

.faq .panel.panel-default {
    border: 0;
    box-shadow: none;
    border-radius: 0;
    border-top: 1px solid #e0e0e0;
    margin: 0;
}

.faq .panel-title {
    border: 0;
}

.faq .panel-title a {
    padding: 15px;
    border: 0;
    display: block;
    font-size: 14px;
    color: #666666;
    font-weight: bold;
}

.faq .panel-title a .fa {
    float: right;
}

.faq .active {
    background: #f4f4f4;
}

.faq .panel-title a.active {
    font-weight: bold;
}

.faq p {
    padding: 15px;
}

.beden .img-responsive {
    display: none;
}


p.pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}

p.pre a {
    float: left
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

h3 {
    font-size: 21px
}

.req {
    color: #ff0000
}

.half {
    width: 50% !important;
}

.form-control {
    border-radius: 3px;
    border: 1px solid #d3d3d3;
}

.form-control:focus {
    border-color: #d4d4d4;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.validation-summary {
    color: #d7002e;
    font-size: 14px;
    margin: 10px 0;
}

.validation-advice {
    color: #d7002e;
    font-size: 14px;
}

.validation-failed {
    border: 1px solid #d7002e;
!important;
}

.width-full {
    width: 100%
}

.width-auto {
    width: auto;
}

.no-radius {
    border-radius: 0 !important
}

.no-padding {
    padding: 0 !important
}

.no-padding-mb {
    padding: 0
}

.no-border {
    border: none !important
}

.border-bottom {
    border-bottom: 1px solid #e0e0e0;
}

.no-bg {
    background: none !important
}

.no-margin {
    margin: 0 !important
}

.no-shadow {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.bold {
    font-weight: bold !important;
}

.regular {
    font-weight: normal
}

.underline {
    text-decoration: underline
}

.italic {
    font-style: italic
}

.m-left {
    margin-left: 10px
}

.m-right {
    margin-right: 20px !important
}

.m-right10 {
    margin-right: 10px
}

.m-bottom0 {
    margin-bottom: 0
}

.m-bottom {
    margin-bottom: 20px !important
}

.m-bottom5 {
    margin-bottom: 5px !important
}

.m-bottom10 {
    margin-bottom: 10px !important
}

.m-top0 {
    margin-top: 0 !important;
}

.m-top30 {
    margin-top: 30px
}

.m-top25 {
    margin-top: 25px
}

.m-top20 {
    margin-top: 20px
}

.m-bottom20 {
    margin-bottom: 20px;
}

.m-top3 {
    margin-top: 3px !important
}

.m-top15 {
    margin-top: 15px
}

.m-top10 {
    margin-top: 10px
}

.m-left20 {
    margin-left: 20px
}

.mleftright {
    margin-left: 15px;
    margin-right: 15px;
}

.p-top10 {
    padding-top: 10px
}

.mtopbottom {
    margin: 10px 0
}

.p-top20 {
    padding-top: 20px
}

.p-top30 {
    padding-top: 30px
}

.p-bot10 {
    padding-bottom: 10px !important
}

.p-bot20 {
    padding-bottom: 20px !important
}

.p-bot30 {
    padding-bottom: 30px !important
}

.p-top40 {
    padding-top: 40px
}

.p-left10 {
    padding-left: 10px !important
}

.margin {
    margin: 0 20px
}

.no-padding-right {
    padding-right: 0
}

.no-padding-right-mb {
    padding-right: 0
}

.no-padding-left {
    padding-left: 0
}

.pleftright {
    padding-left: 30px;
    padding-right: 30px;
}

.pleftright10 {
    padding-left: 10px;
    padding-right: 10px;
}

.pleftright15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.pad {
    padding: 10px 15px
}

.pad15 {
    padding: 15px
}

.pad20 {
    padding: 20px
}

.pad50 {
    padding: 10px 50px
}

.pad3 {
    padding: 3px !important
}

.pad5 {
    padding: 5px !important
}

p.small {
    font-size: 12px
}

.small {
    font-size: 11px !important;
    font-weight: normal;
}

.medium {
    font-size: 13px
}

.smallest {
    font-size: 10px !important;
}

p.medium {
    font-size: 13px
}

.white {
    color: #ffffff !important
}

.gray {
    color: #555555;
}

.red {
    color: #d7002e !important;
}

.green {
    color: #50a700 !important;
}

.font16 {
    font-size: 16px;
}

.font18 {
    font-size: 18px;
}

.btn-position {
    position: absolute;
    left: 15px
}

@media only screen and (max-width: 767px) {
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        position: relative;
        min-height: 1px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .mainBaslik h3 {
        margin-bottom: 10px
    }

    .row-margin-right {
        margin-right: -15px !important
    }

    .mainBg {
        background: none;
        padding-right: 5px !important;
        padding-left: 5px !important;
    }

    .header {
        min-height: inherit;
    }

    .headerTop {
        min-height: 100px;
    }

    .headerTop.bgColor {
        border-width: 5px;
    }

    .headerTop h2 {
        font-size: 26px;
        min-height: 90px
    }

    .logo {
        width: auto;
        min-height: 90px;
        max-height: 101px !important;
        line-height: inherit;
        padding: 5px;
    }

    .logo a img {
        max-width: 80px;
        max-height: 91px;
    }

    .menu {
        height: 94px;
        min-height: inherit;
    }

    .header .navbar-default .navbar-nav li a {
        min-height: 87px;
        font-size: 14px;
        padding: 5px 2px;
    }

    .search {
        margin-top: 10px;
        float: right;
    }

    .search .form-group .form-control {
        height: 31px;
    }

    .search .btn {
        padding: 4px 6px
    }

    .uyelik {
        margin-top: 14px;
    }

    .uyelik li a {
        padding: 2px 5px;
        min-height: inherit;
        font-size: 12px;
    }

    .uyelik li a span {
        display: none;
    }

    .header .navbar-default .navbar-nav > li ul.megamenu li a {
        height: auto;
        min-height: auto;
    }

    .header .navbar-default .navbar-nav li:last-child a {
        border-right: 0
    }

    .header-mb {
        float: right;
    }

    .uyelik {
        float: right
    }

    .header .navbar-default .navbar-nav li a span {
        margin-bottom: 5px;
    }

    .headerBottom {
        min-height: 90px;
    }

    .header .navbar {
        min-height: 95px;
    }

    .cart {
        background: none;
        height: auto;
        margin: 10px 0 0 0
    }

    .cartLeft {
        background-color: none;
        padding: 0;
        width: 37px;
        height: 35px;
        margin-top: 5px;
    }

    .cartRight p {
        display: none;
    }

    .footer {
        padding: 10px 0 0 0;
        margin: 5px 0 0 0
    }

    .footer .part {
        border: 0;
        margin: 0;
        height: auto;
    }

    .footer .part .media {
        padding: 0 5px;
        margin: 0;
        float: left;
    }

    .footer .part .media-heading {
        font-size: 16px;
    }

    .footer .part .media .media-body h3 {
        color: #d7002e !important;
        font-size: 20px
    }

    .footer h5 {
        float: left;
        width: 48%;
        padding: 0 5px;
    }

    .media-left {
        display: none;
    }

    .categoryFilter h3 {
        margin: 5px 0
    }

    #tableResponsive table {
        border-collapse: separate;
    }

    #tableResponsive table,
    #tableResponsive thead,
    #tableResponsive tbody,
    #tableResponsive th,
    #tableResponsive td,
    #tableResponsive tr {
        display: block
    }

    #tableResponsive thead tr {
        position: absolute;
        top: -9999px;
        left: 0;
    }

    #tableResponsive tr {
        border-bottom: 1px solid #e5e5e5;
        margin-bottom: 0;
    }

    #tableResponsive tr td {
        border: none;
        border-bottom: 1px solid #e5e5e5;
        position: relative;
        white-space: normal;
        text-align: left;
        width: 100%;
        display: table;
        padding: 4px 4px;
    }

    #tableResponsive td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
        padding: 6px 0;
    }

    #tableResponsive td:before {
        content: attr(data-title)
    }

    #tableResponsive td .baslik {
        display: block;
        width: 30%;
        padding: 0 10px;
        background: none;
        float: left;
        margin: 0;
    }

    #tableResponsive td .detay {
        display: block;
        width: 70%;
        padding: 0 10px;
        background: none;
        float: left;
    }

    #tableResponsive td .detay img {
        margin: 0
    }

    #tableResponsive td .baslik span {
        color: #d7002e;
    }

    #tableResponsive img.profil-sm {
        margin: 5px 10px;
    }

    #tableResponsive td .kullanici {
        display: block;
    }

    .table.sinif {
        padding: 10px
    }

    .table.sinif tr td {
        height: auto !important;
    }

    .table.sinif tr td:first-child .rotate {
        margin: 0 !important;
    }

    .fancybox-wrap {
        width: 340px !important;
    }

    .fancybox-inner {
        width: 340px !important;
    }

    .fancybox-inner img {
        max-width: 100%;
        height: auto;
    }

    .img-large {
        margin: 10px
    }

    .pad15 {
        padding: 5px !important
    }

    .form-horizontal .form-group {
        margin: 0 0 10px 0
    }

    .main .navbar-collapse {
        padding: 0;
        margin-right: -15px
    }

    .odemeSecenekleri {
        padding: 0
    }

    .odemeSecenekleri li {
        width: 50%;
        padding: 5px
    }

    .odemeSecenekleri li a {
        padding: 5px
    }

    .odemeSecenekleri li a.active {
        padding: 2px
    }

    .odemeSecenekleri li a span.odeme {
        display: none
    }

    .odemeAdimlari li a span {
        background: none;
        padding: 5px
    }

    .taksitUyari.havaleOdeme {
        margin-top: 0;
    }

    .table.havaleTable {
        padding: 5px
    }

    .m-left20 {
        margin-left: 0
    }

    .row.row-margin-right20 {
        margin-right: -5px
    }

    #tableResponsive td .detay .form-control.adet {
        margin: 3px 0
    }

    .dropdown-menu.megamenu {
        display: none !important
    }

    .list-group.siniflar .list-group {
        padding-left: 10px
    }

    .list-group.siniflar div {
        background: none;
        line-height: 1.42857143
    }

    .list-group.siniflar .list-group-item {
        padding: 3px 0;
        min-height: 58px;
    }

    .rotate {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        width: auto
    }

    .list-group-item i {
        padding: 11px 4px 0 4px
    }

    .urunListe .thumbnail {
        background: #ffffff;
        border: 1px solid #dddddd;
        border-radius: 3px;
        height: auto;
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }

    .urunListe .thumbnail:hover {
        border: 1px solid #cccccc;
    }

    .urunListe .thumbnail .picture {
        width: 40%;
        height: auto;
        float: left;
        text-align: center;
        margin-right: 10px;
    }

    .urunListe .thumbnail .picture img {
        margin: auto;
        max-height: 120px;
    }

    .urunListe .thumbnail .caption {
        width: 56%;
        height: auto;
        float: left;
        text-align: center;
        padding: 0;
        margin: 5px 0
    }

    .urunListe .thumbnail .caption h5 {
        font-size: 14px;
        font-weight: 400;
        margin: 5px 0;
        height: auto;
        text-align: left;
    }

    .urunListe .thumbnail .caption p {
        font-size: 16px;
        color: #838383;
    }

    .urunListe .thumbnail .caption p span.price {
        font-size: 17px;
        color: #000;
    }

    .urunListe .thumbnail {
        height: auto !important
    }

    .hesabim {
        margin: 0px 0
    }

    .hesabim li {
        width: 50%;
        float: left;
    }

    h3.fiyat span {
        display: block;
    }

    .mainBaslik h2 span {
        float: none;
    }

    .form-group {
        margin-bottom: 10px;
    }

    #tableResponsive .table.sinif.sinifListe {
        width: 100%;
        float: left;
        padding: 0;
        border: 0;
        margin: 0
    }

    #tableResponsive .table.sinif.sinifListe thead tr th {
        display: none;
    }

    #tableResponsive .table.sinif.sinifListe thead tr th.tumunu-sec {
        display: block;
        float: right;
        border: 0;
        padding: 0 5px;
    }

    #tableResponsive .table.sinif.sinifListe thead tr th.tumunu-sec span {
        margin-left: 5px;
        font-size: 12px;
        display: block;
        float: right;
        font-weight: normal;
    }

    #tableResponsive .table.sinif.sinifListe tr td {
        width: auto;
        border: 0;
        float: left;
    }

    #tableResponsive .table.sinif.sinifListe tr td.ders-alan {
        width: 100%;
        margin-bottom: 2px;
        padding: 2px 0;
    }

    #tableResponsive .table.sinif.sinifListe tr td a {
    }

    #tableResponsive .table.sinif.sinifListe tr td.resim-alan {
        width: 32%;
        min-height: 100px;
    }

    #tableResponsive .table.sinif.sinifListe tr td.aciklama-alan {
        width: 60%;
        float: left;
        min-height: 100px;
    }

    #tableResponsive .table.sinif.sinifListe tr td.beden-alan {
        width: 30%;
        float: left;
    }

    #tableResponsive .table.sinif.sinifListe tr td.secim-alan {
        width: 15%;
        float: left;
    }

    #tableResponsive .table.sinif.sinifListe tr td.adet-alan {
        width: 26%;
        position: relative;
        float: left;
        bottom: 7px;
        left: 0;
    }

    #tableResponsive .table.sinif.sinifListe tr td.sepet-adet-alan {
        width: 40%;
        position: relative;
        left: 0;
        float: left;
    }

    #tableResponsive .table.sinif.sinifListe tr td.sepet-detay-adet-alan {
        width: 32%;
        position: relative;
        left: 0;
        float: left;
        bottom: -3px;
    }

    #tableResponsive .table.sinif.sinifListe tr td.fiyat-alan {
        width: 29%;
        text-align: right;
        font-size: 16px;
        font-weight: bold;
        float: right;
    }

    #tableResponsive .table.sinif.sinifListe tr td.sec-alan {
        width: 5%;
        position: absolute;
        bottom: 70px;
        right: 5px;
    }

    .erkek-alan {
        width: 30%;
        text-align: right;
        font-size: 16px;
        font-weight: bold;
        left: 14px;
    }

    .kiz-alan {
        width: 25%;
        text-align: right;
        font-size: 16px;
        font-weight: bold;
        float: right;
        bottom: 29px;
        right: -8px;
    }

    #tableResponsive .table.sinif.sinifListe span.not {
        color: #d7002e;
        display: block;
        font-size: 13px;
    }

    #tableResponsive .table.sinif.sinifListe tr td img {
        margin: auto;
        max-width: 75px;
    }

    #tableResponsive .table.sinif.sinifListe tr {
        float: left;
        position: relative;
        top: 0;
        padding: 3px 0;
        border-radius: 0;
        width: 94%;
        left: 10px;
    }

    .quantity-alan {
        margin: 0;
        width: 100%;
    }

    .sepetIslem {
        text-align: center;
        margin-top: 5px;
    }

    .sepetIslem .btn.btn-secondary {
        float: left;
    }

    .sozlesmeMetni #tableResponsive .table.sinif.sinifListe tr td.aciklama-alan {
        min-height: 50px;
    }

    .btn-fixed {
        position: fixed;
        bottom: 0;
        background: #ffffff;
        z-index: 2000000;
        border-top: 1px solid #cfcfcf;
        left: 0;
        padding: 12px 7px 6px 7px;
        margin: 0
    }

    .btn-fixed div {
        margin: 5px 0 0 0;
    }

    #tableResponsive .table.sinif.sinifListe tr td.sepet-sec-alan {
        position: absolute;
        top: 15px;
        right: 10px
    }

    .error-page h1 {
        font-size: 20px;
        line-height: 24px;
    }

    .error-page h3 {
        font-size: 14px;
    }

    .btn-position {
        position: inherit;
        left: 0
    }

    #bedenTablosu.modal {
        bottom: 10%;
    }

    #bedenTablosu .modal-dialog {
        height: 100%;
        overflow-y: auto;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .slider {
        height: auto;
    }

    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .row {
        margin-left: -10px;
        margin-right: -10px
    }

    .logo {
        margin: 0;
        padding: 0;
        float: right;
    }

    .logo img {
        width: auto;
        float: none;
        margin: 0 auto
    }

    .uyelik li {
        margin: 0
    }

    .uyelik li a {
        padding: 2px 2px
    }

    .cartLeft {
        display: none;
    }

    .header .navbar-default .navbar-nav > li ul.megamenu li a {
        height: auto;
        min-height: auto;
    }

    .odemeSecenekleri {
        padding: 0 10px
    }

    .odemeSecenekleri li a {
        min-height: 192px
    }

    .taksitUyari.havaleOdeme {
        margin-top: 0;
    }

    .list-group.siniflar .list-group {
        padding-left: 10px
    }

    .list-group.siniflar div {
        background: none;
        line-height: 1.42857143
    }

    .list-group.siniflar .list-group-item {
        padding: 3px 0;
        min-height: 60px
    }

    .footer .part .media .media-body h3 {
        color: #d7002e !important;
        font-size: 20px
    }

    .table.havaleTable tbody tr td a {
        margin-right: 0;
    }

    .quantity-alan {
        width: 62%;
    }

    #tableResponsive .table.sinif.sinifListe {
        padding: 10px;
    }

    .btn-fixed div {
        margin: 0
    }

    .error-page h1 {
        font-size: 28px;
        line-height: 36px;
    }

    .error-page h3 {
        font-size: 18px;
    }

    .cinsiyet-secim {
        margin-top: 10px;
    }

}

@media (min-width: 1024px) {
    .btn-margin {
        margin-right: -15px;
    }

    a.accordion-toggle {
        display: none
    }

    .filtrele.panel-collapse.collapse {
        display: block;
    }

    .cinsiyet-secim {
        margin-top: 20px;
    }

    #tableResponsive .table.sinif.sinifListe thead tr th.tumunu-sec {
        width: 8%;
    }
}

@media (min-width: 991px) and (max-width: 1024px) {
    .headerTop h1 {
        margin-left: 25px;
    }

    .uyelik li a {
        padding: 2px 5px;
    }

    .footer .part .media {
        margin: 30px 0
    }

    .error-page h1 {
        font-size: 30px;
        line-height: 40px;
    }

    .cinsiyet-secim {
        margin-top: 20px;
    }

}

tr:nth-child(even) {
    background-color: #f8f8f8
}

.selectedBeden {
    background: #e0f2c2 !important;
}

.red-text {
    color: #e10917;
    font-weight: bold;
}

.fa-size {
    font-size: 25px;
}
.button-ayarlama{
    width: 117px!important;
    margin-top: 6px!important;
}

.button-ayarlamas{
    width: 129px!important;
    margin-top: 6px!important;
}