body {
    background: #fff;
    font-size: 15px !important;
    font-weight: 400 !important;
    font-family: 'Poppins', sans-serif;
    color: #232323;
    overflow-x: hidden;
}

html {
    height: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
}

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
    margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
    border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    /* 1 */
    overflow: visible;
    outline: none;
}

button:focus {
    outline: 0;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 10px 0;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
    display: none;
}

ul, ol {
    margin: 0;
    padding: 0;
    list-style: none
}

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

a:hover {
    text-decoration: none;
    color: #232323;
}

a:focus {
    outline: none
}

button::-moz-focus-inner {
    border: 0
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}

blockquote {
    border-left: 5px solid #eee;
    padding-left: 15px
}

.header-top {
    height: 110px;
    float: left;
    width: 100%;
        background: #fff;
}

/* logo */

.logo {
    float: left;
    width: 100%;
    height: 95px;
    background: url(../img/logo.png);
	background-size:cover;
}


.menu-list {
    float: left;
    margin-left: 20px;
    margin-right: -20px;
}

.menu-list li {
    float: left;
}

.menu-list li a {
    line-height: 30px;
    color: #3c3c3c;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.5px;

    display: block;

    padding: 0 15px;
}

.menu-list li a:hover {
    background: #fff;
    color: #ff0000;
}

/* header-global */

.header-global {
    float: left;
    width: 100%;
    padding: 28px 0 30px 300px;
}


/* header-right-list */
.header-right-list {
    float: right;
}
.header-right-list li {
    float: left;
    margin-right: 15px;
}
.header-right-list li:last-child {
    margin: 0;
}
.header-right-list li a i {
    display:inline-block;
    font-size: 28px;
    color: #ff0000;
    vertical-align: middle;
    margin-right: 10px
}
.header-right-list li div {
    display:inline-block;
    vertical-align: middle;
}
.header-right-list li a span {
    font-size: 12px;
    color: #888;
}
.header-right-list li a p {
    font-size: 14px;
    font-weight: 600;
    color: #232323;
    padding: 0;
    margin: 0;
}


/* menu */

.menu {
    float: left;
    width: 100%;
    height: 70px;
    background: #ff0000;
}

.all-category-btn {
    float: left;
    height: 70px;
    position: relative;
    width: 100%;
}

.all-category-btn a i {
    margin: 0 5px;
}

.all-category-btn .dropdown-menu {
    width: 100%;
    max-width: 100%;
    padding: 10px;
    background: #ff0000;
    border-radius: 0;
    margin: 0;
    border: 0;
    box-shadow: none;
}

.all-category-btn .category-nav {
    position: absolute;
    padding: 0;
}

.all-category-btn .category-nav .popover {
    border: 0;
    padding: 20px;
    height: 100% !important;
    box-shadow: 10px 4px 15px rgba(0, 0, 0, .06);
    top: 0 !important
}

.all-category-btn .category-nav>li>a.maintainHover {
    background: #fff;
}

.all-category-btn .category-nav>li>a i {
    color: #232323;
}

.all-category {
    float: left;
    width: 100%;
    height: 70px;
    line-height: 70px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    display: block;
    border-right: 1px solid #e4af3e;
}
.all-category i {
    margin-left: 10px;
}


/* searchform */

#searchform {
    position: relative;
}

#searchform>input {
    width: 100%;
    border-radius: 4px;
    padding: 12px 80px 12px 20px;
    font-size: 15px;
    font-weight: 400;

    border: 1px solid #fff;
}

#searchform .getir {
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 500;
    width: 50px;
    height: 50px;
    padding: 0;
    font-size: 14px;
    border-radius: 0 4px 4px 0;
    border: 0;
}

#searchform .getir.active {
    background: #232323;
}

#searchform .getir.active i {
    color: #fff;
}

#searchform .search-button {
    margin: 0 10px;
}


/* user-buttons */

.user-buttons {
    float: right;
    margin-left: 30px;
}

/* user-login */

.user-login {
    float: left;
    position: relative;
}

.user-login .btn {
    font-size: 16px;
    font-weight: 400;

    color: #3c3c3c;
    border-color: #ff0000;
    padding: 10px 0;
    border-radius: 4px;
}

.user-login .btn i {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 18px;
}
.user-login .btn i:last-child {
    display: inline-block;
    vertical-align: bottom;
    color: #fff;
    font-size: 14px;
}

.dropdown-toggle::after {
    display: none;
}

.user-login .btn .login-text {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 6px;
}

.user-login .btn .login-text span {
    line-height: 1;
    display: block;
    color: #ffffff;
    font-weight: 600;
}

.user-login .btn .login-text p {
    font-size: 13px;
    color: #232323;
    padding: 0;
    margin: 0 0 2px;
    line-height: 14px;
    text-align: left;
}

.user-login .dropdown-menu {
    margin: 10px 0 0;
    padding: 10px;
    min-width: 100%;
}

.user-login .dropdown-menu:after, .user-login .dropdown-menu:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.user-login .dropdown-menu:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 5px;
    margin-left: -5px;
}

.user-login .dropdown-menu:before {
    border-color: rgba(207, 207, 207, 0);
    border-bottom-color: #cfcfcf;
    border-width: 6px;
    margin-left: -6px;
}

.user-login .dropdown-menu>li>a {
    font-size: 16px;
    font-weight: 400;

}

.user-login .dropdown-menu hr {
    border: none;
    border-top: 1px solid #e5e5e5;
    height: 0;
    margin: 6px 0;
}

/* user-login */

.user-cart {
    float: left;
    margin-left: 15px;
    position: relative;
}

.user-cart .btn {
    font-size: 16px;
    font-weight: 400;
    color: #3c3c3c;
    border-color: #ff0000;
    padding: 10px 0;
    border-radius: 4px;
}


.user-cart .btn  .sepet-text {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 6px;
}

.user-cart .btn  .sepet-text span {
    line-height: 1;
    display: block;
    color: #fff;
    font-weight: 600;
}

.user-cart .btn .sepet-text p {
    font-size: 13px;
    color: #232323;
    padding: 0;
    margin: 0 0 2px;
    line-height: 14px;
    text-align: left;
}

.user-cart .btn i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    color: #fff;
    font-size: 18px;
}
.user-cart .btn i:last-child {
    display: inline-block;
    vertical-align: bottom;
    color: #fff;
    font-size: 14px;
}

/* cart-item-count */

.cart-item-count {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 16px;
    height: 16px;
    background: #93DE7C;
    border-radius: 50%;
    text-align: center;
}

.cart-item-count label {
    font-size: 10px;
    font-weight: 600;

    color: #232323;
    line-height: 16px;
}

/* dropdown-menu */

.user-cart .dropdown-menu {
    width: 300px;
    right: 0;
    left: inherit;
    margin: 10px 0 0;
    padding: 0;
}

.user-cart .dropdown-menu:after, .user-cart .dropdown-menu:before {
    bottom: 100%;
    left: 80%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.user-cart .dropdown-menu:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 5px;
    margin-left: -5px;
}

.user-cart .dropdown-menu:before {
    border-color: rgba(207, 207, 207, 0);
    border-bottom-color: #cfcfcf;
    border-width: 6px;
    margin-left: -6px;
}

/* my-basket-list */

.my-basket-list {
    padding: 0;
}

.my-basket-list ul {
    display: inline-block;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 220px;
}

.my-basket-list ul li {
    float: left;
    padding: 20px;
    width: 100%;
    border-bottom: 1px solid #ebebeb;
    position: relative;
    border-left: 2px solid #fff;
}

.my-basket-list ul li:last-child {
    border-bottom: 0
}

.my-basket-list ul li:hover {
    border-left: 2px solid #3c3c3c;
}

.my-basket-list li img {
    float: left;
    display: block;
    margin: 0 auto;
    width: 70px;
    height: 70px;
}

.my-basket-list li .product-name {
    font-size: 15px;
    font-weight: 400;
	width:170px;
    line-height: 20px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 20px;
}

.my-basket-list li .product-number {
    float: left;
    width: 140px;
}

.my-basket-list li .product-number .num {
    font-size: 15px;
    color: gray;
    display: block;
    float: left;
    font-weight: 400;
    line-height: 25px;
    padding-left: 20px;
    text-align: left;
}

.my-basket-list li .new-price {
    font-size: 15px;
    font-weight: 400;

    float: left;
    color: #3c3c3c;
    display: inline-block;
    padding: 0 5px 0 20px;
    margin-top: 0;
}

.my-basket-list li .old-price {
    font-weight: 400;

    font-size: 12px;
    line-height: 20px;
    color: #666;
    text-decoration: line-through;
    float: left;
    display: inline-block;
    padding-left: 0;
    position: relative;
}

.remove-btn {
    position: absolute;
    right: 10px;
    top: 40px;
    width: 20px;
    height: 20px;
    background: #b5b7b9;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    z-index: 1;
    display: none;
}

.remove-btn i {
    color: #fff;
    font-size: 10px;
}

.my-basket-list ul li:hover .remove-btn {
    display: block;
}

.basket-footer {
    width: 100%;
    float: left;
    background: #f5f5f5;
    padding: 20px;
}

.basket-total {
    text-align: center;
    width: 100%;
}

.basket-total .price-title {
    font-weight: 400;

    color: gray;
    display: inline-block;
    text-align: right;
}

.basket-total .price {
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    margin-left: 10px;
    font-weight: 400;

}

.basket-footer .go-basket {
    margin: 18px 0 0;
    width: 100%;
    font-size: 13px;
    font-weight: 500;

    color: #fff;

}

/* category */

.category {
    float: left;
    width: 100%;
    height: 470px;
    background: #E6E6E6;
    margin: 30px 0 0 0;
}

.category-list {
    padding: 20px 0;
}

.category-nav {
    position: relative;
}

.category-nav>li>a {
    font-size: 15px;
    line-height: 50px;
    color: #3c3c3c;
    font-weight: 400;

    display: block;
    padding: 0 40px;
    position: relative;
}

.category-nav>li>a img {
    width: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.category-nav>li>a.maintainHover {
    background: #ff0000;
}

.category-nav>li>a.maintainHover i {
    color: #3c3c3c;
}

.category-nav>li>a i {
    position: absolute;
    font-size: 14px;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    color: #3c3c3c;
}

.category-nav .popover {
    width: 900px;
    height: 470px !important;
    max-width: 982px;
    overflow: hidden;
    border: 0;
    border-left: 2px solid #ff0000;
    border-radius: 0;
    top: -20px !important;
    padding: 30px;
    border-bottom: 2px solid #dbdcdf;
    box-shadow: none;
}

.category-nav .popover .submenu-title {
    font-size: 20px;
    font-weight: 300;

    padding-bottom: 12px;
    color: #3c3c3c;
    display: block;
}

.category-nav .popover .submenu-title:hover {
    text-decoration: underline;
}

.category-nav .popover .submenu-title i {
    font-size: 16px;
    color: #A0A0A0;
    margin-left: 5px;
}

.submenu-list li a {
    font-size: 15px;
    line-height: 20px;
    color: #666;
    display: inline-block;
    margin: 4px 0;
    font-weight: 400;

    border-bottom: 1px dotted #fff;
}

.submenu-list li a:hover {
    border-bottom: 1px dotted #000;
    text-decoration: none;
}

.submenu-image {
    position: absolute;
    top: 0;
    right: 0;
    width: 700px;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

.submenu-image:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
    background: -moz-linear-gradient(100deg, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(100deg, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(100deg, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

/* slideshow */

.slideshow {
    float: left;
    width: 100%;
    height: 470px;
    background: #fff;
    margin: 30px 0 0 0;
}

.slider-image {
    width: 100%;
    height: 470px;
    background-size: cover;
    background-repeat: no-repeat;
}

.slider-text {
    position: absolute;
    left: 100px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.slider-text h1 {
    font-size: 42px;
    line-height: 52px;
    color: #232323;

    font-weight: 500;
    text-shadow: 0 1px rgba(255, 255, 255, .5);
    padding: 0;
    margin: 0;
}

.slider-text span {
    margin: 30px 0 0;
    font-size: 13px;
    font-weight: 500;

    color: #fff;

    padding: 12px 20px;
}

.slider-carousel.owl-theme .owl-dots {
    margin-top: 10px;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
}

.slider-carousel.owl-theme .owl-dots .owl-dot.active span, .slider-carousel.owl-theme .owl-dots .owl-dot:hover span {
    background: #ff0000;
}

.slider-carousel.owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 0px 3px;
    background: #fff;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}

.slider-carousel.owl-theme .owl-nav {
    margin: 0;
    width: 100%;
    display: none;
}

.slider-carousel.owl-theme:hover .owl-nav {
    display: block;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.slider-carousel.owl-theme .owl-nav .owl-prev {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.slider-carousel.owl-theme .owl-nav .owl-next {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.slider-carousel.owl-theme .owl-nav [class*=owl-] {
    color: #fff;
    margin: 0;
    padding: 0;
    background: #ff0000;
    cursor: pointer;
    border-radius: 0;
    height: 50px;
    width: 50px;
    text-align: center;
    display: inline-block;
    font-size: 18px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 53px;
}

.slider-carousel.owl-theme .owl-nav [class*=owl-]:hover {
    background: #ff0000;
    color: #232323;
    text-decoration: none;
}


.baslik-top {
    float: left;
    width: 100%;
    height: 100px;
    border: 1px solid #e1e1e1;
    margin: 30px 0;
}

.baslik-top li {
    float: left;
    width: 20%;
    position: relative;
    text-align: center;
    display: table;
}

.baslik-top li:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100px;
    background: #e1e1e1;
}

.baslik-top li:last-child:after {
    display: none;
}

.baslik-top-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 18px;
}

.baslik-top-icon .table-cell {
    vertical-align: middle;
    display: table-cell;
    height: 100px;
    position: relative;
}

.baslik-top-icon .table-cell .baslik-top-icon-bg {
    background: #f5f5f5;
    padding: 12px 0px;
    border-radius: 50%;
    width: 58px;
    height: 58px;
}

.baslik-top-icon .table-cell img {
    height: 35px;
}

.baslik-top-text {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.baslik-top-text h3 {
    font-size: 18px;
    color: #3c3c3c;
    font-weight: 400;

    padding: 0;
    margin: 0;
    line-height: 1;
}

.baslik-top-text span {
    font-size: 12px;
    color: #888;
    font-weight: 400;

    letter-spacing: .5px;
}

/* main-vitrin */
.main-vitrin {
    float: left;
    width: 100%;
    margin: 30px 0 0;
}
.main-vitrin-title {
    font-size: 28px;
    color: #232323;
    font-weight: 600;
    text-align: center;
    width: 100%;
    margin: 0 0 30px;
}

/* firsat */

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

.firsat-tab-title {
    font-size: 24px;
    color: #3c3c3c;
    font-weight: 300;

    margin: 0 0 30px 0;
}

.firsat-tab-content {
    background: #fff;
    padding: 30px;
    border-bottom: 2px solid #dbdcdf;
}


/* btn */

.new-btn {
    position: absolute;
    left: 12px;
    top: 12px;
    padding: 0 10px;
    height: 30px;
    background: #3993d3;
    text-align: center;
    line-height: 30px;
    font-weight: 400;

    font-size: 10px;
    color: #fff;
}

/* product-list */

.product-list {
    margin: 0;
}

.product-list li {
    border: 1px solid #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}
.main-vitrin .product-list li {
    min-height: 360px;
}

.product-list li:hover {
    border: 1px solid #e1e1e1;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
}

.product-list li .product-list-image {
    width: 100%;
    height: 180px;
    display: table;
    text-align: center;
}

.product-list.small-product-list li {
    border: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.product-list.small-product-list li .product-list-image {
    width: 100%;
    height: 124px;
    display: table;
    text-align: center;
}

.product-list.small-product-list li .product-list-image a img {
    height: 94px;
}

.product-list.small-product-list li .product-list-detail .price-container .price.old {
    font-size: 13px;
    height: 14px;
    line-height: 14px;
}

.product-list.small-product-list li .product-list-detail .price-container .price {
    font-size: 16px;
    color: #3c3c3c;
}

.product-list li .product-list-image a {
    display: table-cell;
    vertical-align: middle;
}

.product-list li .product-list-image a img {
    display: block;
    margin: 0 auto;
    height: 200px;
    width: auto;
}

/* rating */

.rating {
    width: 100%;
    margin: 0 0 10px 0;
}

.rating span {
    display: inline-block;
}

.rating span i {
    color: #ff0000;
    font-size: 14px;
}

/* ratings-container */

.ratings-container {
    width: 100%;
    height: 14px;
    line-height: 1;
}

.ratings-container .reviews-number {
    display: inline-block;
    font-size: 12px;
    color: #666;
    vertical-align: top;
    padding-left: 3px;
}

.ratings-container .ratings {
    width: 82px;
    height: 13px;
    display: inline-block;
    margin: 0 auto;
    background-image: url(../img/rating_disabled_star.png);
    background-repeat: no-repeat;
    background-size: cover
}

.ratings-container .ratings.active {
    display: block;
    float: left;
    background-image: url(../img/rating_star.png);
    background-size: cover;
    text-indent: -9999px
}

.ratings-container.big {
    height: 18px
}

.ratings-container.big .ratings {
    width: 114px;
    height: 18px
}

.ratings-container.bigger {
    height: 22px;
}

.ratings-container.bigger .ratings {
    width: 140px;
    height: 22px;
}

.ratings-container.biggest {
    height: 32px
}

.ratings-container.biggest .ratings {
    width: 204px;
    height: 32px
}

.product-list-detail {
    text-align: center;
    position: relative;
    margin: 5px 0 0 0;
}

.product-list-detail .ratings-container {
    margin: 0 0 10px 0;
}

.product-list-detail h1 {
    font-size: 16px;
    color: #3c3c3c;
    margin: 0;
    font-weight: 500;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 30px;
}

.product-list li:hover .product-list-detail .price-container {
    display: none;
}
.search-listing .product-list li:hover .product-list-detail .price-container {
    display: inline-table;
}

.product-list-detail .price-container {
    display: inline-table;
    margin-top: 10px;
	height:45px;
}

.search-listing .product-list li .quantity-wrapper {
    margin: 20px 0 0;
}
.search-listing .product-list li .quantity-wrapper #qty {
    background: #dedede;
    border-radius: 4px;
    display: inline-block;
    height: 40px;
    margin: 0;
    width: 100%;
    padding: 0;
}
.search-listing .product-list li .quantity-wrapper #qty .value-button {
    color: #3c3c3c;
    line-height: 40px;
}
.search-listing .product-list li .quantity-wrapper #qty input#number {
    line-height: 40px;
}

.product-list-detail .price-container .badge {
    display: table-cell;
    width: 42px;
    right: 15px;
    text-align: center;
    vertical-align: middle;
    padding: 5px 4px 3px;
    line-height: 13px;
    background-color: #f13e38;
    color: #FFF;
    font-size: 15px;
	height:42px;
}

.product-list-detail .price-container .badge>small {
    font-size: 15px;
}

.product-list-detail .price-container .price {
    font-size: 19px;
    color: #3c3c3c;
    font-weight: 500;

    padding-left: 10px;
}

.product-list-detail .price-container .price.old {
    font-size: 14px;
    color: #888;
    font-weight: 400;

    text-decoration: line-through;
    padding-left: 10px;
    height: 16px;
    line-height: 16px;
    text-align: left;
    margin: 0;
}

.product-list-detail .shipping-status {
    width: auto;
    color: #26A65B;
    display: block;
    margin: 10px 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;

}

.product-list-detail .add-cart {
    margin-top: 10px;
    display: none;
}

.product-list li:hover .product-list-detail .add-cart {
    display: block;
}

.product-list-detail .btn {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    color: white!important;
    padding: 10px 20px;
}

/* all-btn */

.all-btn {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 30px 0 0;
}

.all-btn .btn {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;

    color: #3c3c3c;

    padding: 12px 25px;
}

/* sis */

.sis {
    float: left;
    width: 100%;
    margin: 50px 0 0 0;
}

.sis-title {
    float: left;
    width: 100%;
    height: 54px;
    line-height: 54px;
    text-align: center;
}

.sis-title h1 {
    color: #232323;
    font-size: 28px;
    font-weight: 600;


    margin: 0;
    padding: 0;
    line-height: 54px;
}

.sis-list {
    float: left;
    width: 100%;
    border: 1px solid #e1e1e1;
    margin: 30px 0 0;
}

/* sis-carousel */

.sis-carousel {
    padding: 30px 30px 0 30px;
}

.sis-carousel.owl-theme .owl-nav {
    margin: 0;
    position: absolute;
    right: 0px;
    top: -84px;
}

.sis-carousel.owl-theme .owl-nav [class*=owl-] {
    color: #3c3c3c;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border-radius: 0;
    width: 54px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    display: inline-block;
    font-size: 14px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.sis-carousel.owl-theme .owl-nav .owl-prev {
    border-right: 1px solid #d2cdcd;
}

.sis-carousel.owl-theme .owl-nav [class*=owl-]:hover {
    background: #232323;
    color: #fff;
    text-decoration: none;
}

.sis .all-btn {
    margin: 0 0 30px 0;
}



/* footer */

footer {
    float: left;
    width: 100%;
    margin: 50px 0 0;
    background: #F0F3F3;
    padding: 80px 0 0;
}


/* footer-left */

.footer-left {
    float: left;
    width: 350px;
}

.newsletter {
    float: left;
    width: 100%;
}

.newsletter h3 {
    font-size: 14px;
    font-weight: 600;


    margin: 0 0 20px 0;
}

.newsletter p {
    font-size: 15px;
    line-height: 25px;
    color: #666;
    font-weight: 400;

}

/* searchform */

#newsletter-form {
    position: relative;
    float: left;
    width: 100%;
    margin: 14px 0 0;
}

#newsletter-form input {
    width: 100%;
    border-radius: 4px;
    padding: 12px 80px 12px 20px;
    font-size: 16px;
    font-weight: 400;

    border: 1px solid #FEC42A;
}

#newsletter-form .getir {
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 500;
    width: 50px;
    height: 50px;
    padding: 0;
    font-size: 14px;
}

#newsletter-form .search-button {
    margin: 0 10px;
}

#newsletter-form .getir.active {
    background: #232323;
}

#newsletter-form .getir.active i {
    color: #fff;
}

/* musteri-hizmetleri */

.musteri-hizmetleri {
    float: left;
    margin: 50px 0 0;
}

.musteri-hizmetleri h3 {
    font-size: 16px;
    font-weight: 600;


    margin: 0 0 20px 0;
}

.musteri-hizmetleri p {
    font-size: 16px;
    color: #3c3c3c;
    font-weight: 600;

    margin: 0;
    padding: 0;
    vertical-align: middle;
}

.musteri-hizmetleri p i {
    color: #FEC42A;
    font-size: 24px;
    margin-right: 10px;
    vertical-align: middle;
}

.musteri-hizmetleri h3,
.footer-socials h3 {
    display: none;
}

/* footer-socials */

.footer-socials {
    float: left;
    margin: 50px 0 0 50px;
}

.footer-socials h3 {
    font-size: 14px;
    font-weight: 600;


    margin: 0 0 20px 0;
}

/* foot-socials */

.foot-socials {
    float: left;
}

.foot-socials li {
    float: left;
    margin-right: 20px;
}

.foot-socials li a {
    color: #aaa;
    font-size: 16px;
}

.foot-socials li a:hover {
    color: #ff0000;
}

/* footer-right */

.footer-right {
    float: right;
}

/* footer-menu */

.footer-menu {
    margin-left: -100px;
}

.footer-menu li {
    float: left;
    margin-left: 100px;
}

.footer-menu li h3 {
    font-size: 14px;
    font-weight: 600;


    padding-bottom: 5px;
}

.footer-menu li a {
    font-size: 14px;
    color: #666;
    font-weight: 400;

    display: block;
    padding: 7px 0;
}

.footer-menu li a:hover {
    color: #3c3c3c;
}

/* footer-end */

.footer-end {
    float: left;
    width: 100%;
    height: 120px;
    background: #fff;
    margin-top: 80px;
}

.footer-copy {
    float: left;
}

.footer-copy p {
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #888;
    font-weight: 400;

    line-height: 120px;
}

.footer-cards {
    float: right;
    padding: 50px 0;
}

/* main */

main {
    float: left;
    width: 100%;
}

/* breadcrumb */
#breadcrumb {
    background: #f5f5f5;
    margin: 0 0 20px;
}
.breadcrumb {
    margin: 0;
    background: transparent none;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    vertical-align: middle;
    color: #ffffff;
    padding: 20px 0;
}

.breadcrumb>li {
    display: inline-block;
}

.breadcrumb>li+li:before {
    content: "/\00a0";
    padding: 0 10px;
    color: #666;
    font-weight: 300;
    font-size: 12px;
}

.breadcrumb a {
    font-size: 14px;
    color: #666;
    font-weight: 400;

}

.breadcrumb a:hover {
    text-decoration: underline;
}

/* page-options */

.page-options {
    padding-right: 0;
}

.title-wrapper {
    padding: 10px 0 14px 0;
    background: #fff;
    border-bottom: 1px solid #e9ebee;
}

.title-wrapper .search-results-title {
    font-size: 18px;
    font-weight: 500;

    padding: 0;
    margin: 0;
}

.title-wrapper .search-results-count {
    font-size: 14px;
    color: #666;
    font-weight: 300;

}

.filter-title {
    font-size: 12px;
    font-weight: 700;
    color: #888;

    display: block;

    margin: 0 0 20px 0;
}

.other-cotegory {
    padding: 20px 0;
    background: #fff;
    border-bottom: 1px solid #e9ebee;
}

.other-cotegory li a {
    display: block;
    font-size: 15px;
    color: #666;
    padding: 0 0 10px 0;
}

.other-cotegory li:last-child a {
    padding: 0;
}

.other-cotegory li a:hover {
    text-decoration: underline;
}

.other-cotegory li a span {
    font-size: 12px;
    color: #888;
}

/* box-container */

.box-container {
    padding: 20px 0;
    background: #fff;
    border-bottom: 1px solid #e9ebee;
    position: relative;
}

.show-all-brands {
    width: 100%;
    max-height: 140px;
}

.show-all-brands>li {
    margin: 0 0 10px 0;
}

.show-all-brands>li label {
    color: #666;
    font-size: 15px;
    line-height: 16px;
    font-weight: 300;

}

.show-all-brands>li label input[type="radio"] {
    margin: 0 10px 0 0;
    font-size: 18px;
}

.show-all-brands>li label input[type="checkbox"] {
    margin: 0 10px 0 0;
    font-size: 18px;
    vertical-align: middle;
}

.category-count {
    font-size: 12px;
    color: #888;
}

.show-all-brands>li .ratings-container {
    width: auto;
    display: inline-block;
}

.filter-search-btn i {
    color: #fff;
}

.filter-search-btn span {
    padding-left: 6px;
}

.filter-search-btn {
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    color: #fff;

    padding: 12px 20px;
}

.price-range-container {
    margin-bottom: 20px;
    overflow: hidden;
}

.range-contain-row input {
    width: 100%;
    border-color: #ccc;
    border-width: 1px;
    font-size: 14px;
    padding: 6px 10px;
}

.range-contain-row input::-moz-placeholder {
    color: #bbb;
    opacity: 1
}

.range-contain-row input:-ms-input-placeholder {
    color: #bbb
}

.range-contain-row input::-webkit-input-placeholder {
    color: #bbb
}

/* scroll */

.track3 {
    width: 10px;
    background: #eee;
    margin-right: 2px;
    border-radius: 10px;
    -webkit-transition: background 250ms linear;
    transition: background 250ms linear;
}

.track3:hover, .track3.dragging {
    background: #eee;
}

.handle3 {
    width: 10px;
    right: 0;
    background: #ccc;
    border-radius: 10px;
    -webkit-transition: width 250ms;
    transition: width 250ms;
}

.track3:hover .handle3, .track3.dragging .handle3 {
    width: 10px;
}

/* page-content */

.page-content {
    position: relative;
}

.page-content .slideshow {
    float: initial;
    width: 100%;
    height: 400px;
    background: #fff;
    margin: 0 0 10px 0;
}

.page-content .slideshow .slider-image {
    height: 400px;
}

.product-results {
    background: #fff;
}

.sort-wrapper {
    position: relative;
}

.search-listing-sort {
    height: 76px;
    border-bottom: 1px solid #e9ebee;
}

.button-group {
    padding: 22px 0;
    display: inline-table;
    width: 100%;
}

.button-group .btn {
    border-color: #e1e1e1;
    background: #fff;
    color: #666;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 500;

    margin-right: 5px;
}

.button-group .btn.active {
    background: #ff0000;
    color: #3c3c3c;
    border-color: #ff0000;
}

.button-group .btn:hover {
    color: #3c3c3c;
    border-color: #ff0000;
    background: #ff0000;
}


/* search-listing */

.search-listing {
    padding: 30px 0;
}

.search-listing .row {
    margin: 0;
}

.search-listing .product-list li {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #eee;
}

.search-listing .product-list li:hover {
    border: 0 -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    z-index: 1;
}

.search-listing .product-list-detail .shipping-status {
    margin-bottom: 0;
}

/* sayfalama */

nav[role="navigation"] {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.cd-pagination {
    width: 100%;
    max-width: 768px;
    margin: 1em 0 0 0;
    text-align: center;
}

.cd-pagination li {
    /* hide numbers on small devices */
    display: none;
    margin: 0 .2em;
}

.cd-pagination li.button {
    /* make sure prev next buttons are visible */
    display: inline-block;
}

.cd-pagination a, .cd-pagination span {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* use padding and font-size to change buttons size */
    padding: .6em .8em;
    font-size: 1.6rem;
}

.cd-pagination {
    border: 1px solid #e6e6e6;
}

.cd-pagination a {
    border: 1px solid #e6e6e6;
    border-radius: 0.25em;
    color: #888;
}

.no-touch .cd-pagination a:hover {
    background-color: #ddd;
    color: #3c3c3c;
}

.cd-pagination a:active {
    /* click effect */
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}

.cd-pagination a.disabled {
    /* button disabled */
    color: rgba(46, 64, 87, 0.4);
    pointer-events: none;
}

.cd-pagination a.disabled::before, .cd-pagination a.disabled::after {
    opacity: .4;
}

.cd-pagination .button:first-of-type a::before {
    content: '\00ab  ';
}

.cd-pagination .button:last-of-type a::after {
    content: ' \00bb';
}

.cd-pagination .current {
    /* selected number */
    background-color: #ff0000;
    border-color: #ff0000;
    color: #3c3c3c;
    pointer-events: none;
}

@media only screen and (min-width: 768px) {
    .cd-pagination li {
        display: inline-block;
    }
}

@media only screen and (min-width: 1170px) {
    .cd-pagination {
        margin: 2em auto 0;
    }
}

/* --------------------------------

No space - remove distance between list items

-------------------------------- */

.cd-pagination.no-space {
    width: auto;
    max-width: none;
    display: inline-block;
    border-radius: 0.25em;
    background: #fff;
}

.cd-pagination.no-space::after {
    clear: both;
    content: "";
    display: table;
}

.cd-pagination.no-space li {
    margin: 0;
    float: left;
    border-right: 1px solid #eee;
}

.cd-pagination.no-space li:last-of-type {
    border-right: none;
}

.cd-pagination.no-space a, .cd-pagination.no-space span {
    float: left;
    border-radius: 0;
    padding: .8em 1em;
    border: none;
}

.cd-pagination.no-space li:first-of-type a {
    border-radius: 0.25em 0 0 0.25em;
}

.cd-pagination.no-space li:last-of-type a {
    border-radius: 0 0.25em 0.25em 0;
}

/* --------------------------------

move buttons - move prev and next buttons to the sides

-------------------------------- */

.cd-pagination.move-buttons::after {
    clear: both;
    content: "";
    display: table;
}

.cd-pagination.move-buttons .button:first-of-type {
    float: left;
}

.cd-pagination.move-buttons .button:last-of-type {
    float: right;
}

.cd-pagination.no-space.move-buttons {
    width: 90%;
    max-width: 768px;
    display: block;
    overflow: hidden;
}

.cd-pagination.no-space.move-buttons li {
    float: none;
    border: none;
}

.cd-pagination.no-space.move-buttons a, .cd-pagination.no-space.move-buttons span {
    float: none;
}

/* --------------------------------

custom icons - customize the small arrow inside the next and prev buttons

-------------------------------- */

.cd-pagination.custom-icons .button a {
    position: relative;
}

.cd-pagination.custom-icons .button:first-of-type a {
    padding-left: 2.4em;
}

.cd-pagination.custom-icons .button:last-of-type a {
    padding-right: 2.4em;
}

.cd-pagination.custom-icons .button:first-of-type a::before, .cd-pagination.custom-icons .button:last-of-type a::after {
    content: '';
    position: absolute;
    display: inline-block;
    /* set size for custom icons */
    width: 16px;
    height: 16px;
    top: 50%;
    /* set margin-top = icon height/2 */
    margin-top: -8px;
    background: transparent url("../img/cd-icon-arrow-1.svg") no-repeat center center;
}

.cd-pagination.custom-icons .button:first-of-type a::before {
    left: .8em;
}

.cd-pagination.custom-icons .button:last-of-type a::after {
    right: .8em;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* --------------------------------

custom buttons - replace prev and next buttons text with a custom icon

-------------------------------- */

.cd-pagination.custom-buttons a, .cd-pagination.custom-buttons span {
    vertical-align: middle;
}

.cd-pagination.custom-buttons .button a {
    /* set custom width */
    width: 40px;
    /* image replacement */
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    color: transparent;
    background-image: url("../img/cd-icon-arrow-2.svg");
    background-repeat: no-repeat;
    background-position: center center;
}

.cd-pagination.custom-buttons .button:last-of-type a {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.no-touch .cd-pagination.custom-buttons .button:last-of-type a:active {
    -webkit-transform: scale(0.9) rotate(180deg);
    -moz-transform: scale(0.9) rotate(180deg);
    -ms-transform: scale(0.9) rotate(180deg);
    -o-transform: scale(0.9) rotate(180deg);
    transform: scale(0.9) rotate(180deg);
}

.cd-pagination.no-space.custom-buttons .button:last-of-type a {
    border-radius: 0.25em 0 0 0.25em;
}

/* --------------------------------

animated buttons - animate the text inside prev and next buttons

-------------------------------- */

.cd-pagination.animated-buttons a, .cd-pagination.animated-buttons span {
    padding: 0 1.4em;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    font-size: 16px;
}

.cd-pagination.animated-buttons .button a {
    position: relative;
    padding: 0 2em;
    font-size: 15px;
}

.cd-pagination.animated-buttons .button:first-of-type a::before, .cd-pagination.animated-buttons .button:last-of-type a::after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    right: auto;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}

.cd-pagination.animated-buttons .button:last-of-type a::after {
    -webkit-transform: translateX(-50%) rotate(180deg);
    -moz-transform: translateX(-50%) rotate(180deg);
    -ms-transform: translateX(-50%) rotate(180deg);
    -o-transform: translateX(-50%) rotate(180deg);
    transform: translateX(-50%) rotate(180deg);
}

.cd-pagination.animated-buttons i {
    display: block;
    height: 100%;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}

.no-touch .cd-pagination.animated-buttons .button a:hover i {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.no-touch .cd-pagination.animated-buttons .button:first-of-type a:hover::before {
    -webkit-transform: translateX(-50%) translateY(-50px);
    -moz-transform: translateX(-50%) translateY(-50px);
    -ms-transform: translateX(-50%) translateY(-50px);
    -o-transform: translateX(-50%) translateY(-50px);
    transform: translateX(-50%) translateY(-50px);
}

.no-touch .cd-pagination.animated-buttons .button:last-of-type a:hover::after {
    -webkit-transform: translateX(-50%) rotate(180deg) translateY(50px);
    -moz-transform: translateX(-50%) rotate(180deg) translateY(50px);
    -ms-transform: translateX(-50%) rotate(180deg) translateY(50px);
    -o-transform: translateX(-50%) rotate(180deg) translateY(50px);
    transform: translateX(-50%) rotate(180deg) translateY(50px);
}

/* product-list */

.product-list.product-list-list li {
    width: 100% !important;
    padding-top: 15px;
    padding-bottom: 15px;
    min-height: auto;
}

.product-list.product-list-list li .product-list-image {
    float: left;
    width: 160px;
    height: 160px;
    display: table;
    text-align: center;
}

.product-list.product-list-list li .product-list-image span {
    top: 10px;
    left: 0;
    right: inherit;
    border-radius: 100px;
    width: initial;
    height: auto;
    line-height: inherit;
    padding: 4px 6px;
    display: inline-block;
}

.product-list.product-list-list li .product-list-detail {
    width: calc(100% - 190px);
    height: 160px;
    margin-left: 30px;
    margin-top: 0;
    float: left;
    position: relative;
    text-align: left;
}

.product-list.product-list-list li .product-list-detail .rating {
    text-align: left;
}

.product-list.product-list-list li .product-list-detail h1 {
    padding: 0;
}

.product-list.product-list-list li .product-list-detail .add-cart {
    position: absolute;
    left: 0;
    bottom: 10px;
    display: block;
}

.product-list.product-list-list li .product-list-detail .price-container {
    position: absolute;
    right: 0;
    top: 0;
}

.product-list.product-list-list li:hover .product-list-detail .price-container {
    display: inline-table;
}


.price-wrapper {
    min-height: 70px;
}

/* qty */

.quantity-wrapper {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    position: relative;
    height: 50px;
}

#qty {
    background: #dedede;
    border-radius: 4px;
    display: inline-block;
    height: 50px;
    margin: 0;
    width: 114px;
    padding: 0;
}

#qty .value-button {
    color: #3c3c3c;
    line-height: 48px;
    font-weight: 400;

    text-align: center;
    width: 32px;
    float: left;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 20px;
}

#qty .value-button:hover {
    cursor: pointer;
}

#qty input#number {
    border: none;
    color: #3c3c3c;
    font-weight: 400;

    font-size: 14px;
    float: left;
    line-height: 50px;
    text-align: center;
    width: 50px;
    -webkit-font-smoothing: antialiased;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    padding: 0;
    margin: 0;
    float: left;
    outline: none;
}

#qty input[type=number]::-webkit-inner-spin-button, #qty input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* mobile-category */

.mobile-category {
    display: none;
}

.mobile-filter-text {
    display: none;
}



/* product-detail-content */

.product-detail-content {
    width: 100%;
    background: #fff;
    padding: 50px 0;
}

.product-detail-left {
    padding: 0;
    background: #fff;
    -webkit-box-shadow: 0 40px 55px -10px rgba(0, 0, 0, .08);
    box-shadow: 0 40px 55px -10px rgba(0, 0, 0, .08);
    border: 1px solid #eee;
}

.carousel-wrapper {
    text-align: center;
    position: relative;
    min-height: 100%;
    overflow: hidden;
    padding: 30px;
}

#big {
    height: 340px;
}

#big a {
    display: block;
    position: relative;
    overflow: hidden;
}

#big a img {
    width: initial;
    min-height: 340px;
    height: 340px;
    display: block;
    margin: 0 auto;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: scale(var(--zoom, 1));
    transform: scale(var(--zoom, 1));
    -webkit-transform-origin: var(--x) var(--y);
    transform-origin: var(--x) var(--y);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

#big a:hover {
    --zoom: 2;
}

#big.owl-theme {
    position: relative;
}

#big.owl-theme .owl-next, #big.owl-theme .owl-prev {
    background: #fff;
    width: 40px;
    line-height: 40px;
    height: 40px;
    margin-top: -20px;
    position: absolute;
    text-align: center;
    top: 50%;
    border: 1px solid #e1e1e1;
    color: #232323;
    font-size: 20px;
    display: none;
    cursor: pointer;
}

#big.owl-theme:hover .owl-next, #big.owl-theme:hover .owl-prev {
    display: block;
}

#big.owl-theme .owl-prev {
    left: 10px;
}

#big.owl-theme .owl-next {
    right: 10px;
}

#thumbs {
    width: 100%;
    position: relative;
    padding: 0 50px;
    max-width: 500px;
    display: inline-block;
    margin: 50px 0 0;
    text-align: center;
}

#thumbs img {
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -o-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -ms-webkit-radius: 5px !important;
    zoom: 1;
    zoom: 1;
    background-color: #FFF !important;
    border: 3px solid #FFF;
    cursor: pointer;
    width: 52px;
    height: 52px;
    padding: 0;
    margin: 0 auto;
    display: block;
}

#thumbs .current img {
    border: 3px solid #fec42e;
}

#thumbs.owl-theme .owl-next, #thumbs.owl-theme .owl-prev {
    background: #333;
}

#thumbs.owl-theme .owl-nav {
    margin: 0;
    width: 100%;
}

#thumbs.owl-theme .owl-nav [class*=owl-] {
    color: #3c3c3c;
    margin: 0;
    padding: 0;
    background: #fff;
    cursor: pointer;
    border-radius: 0;
    height: 50px;
    width: 50px;
    text-align: center;
    display: inline-block;
    font-size: 22px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 50px;
}

#thumbs.owl-theme .owl-nav .owl-prev {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

#thumbs.owl-theme .owl-nav .owl-next {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

#thumbs.owl-carousel .owl-item {
    float: left;
}

#thumbs.owl-carousel .owl-stage-outer {
    height: 52px;
}

#thumbs.owl-carousel .owl-stage {
    display: inline-block;
}

/* product-detail-right */

.product-detail-right {
    padding: 0 30px;
}

.product-info .product-rating {
    width: inherit;
    float: right;
}

.product-info .product-rating .ratings-container {
    text-align: right;
    margin-bottom: 10px;
}

.product-comment a {
    display: block;
    color: #666;
    font-size: 14px;
}

.product-comment a:hover {
    text-decoration: underline;
}

.product-comment a i {
    margin-right: 3px;
    font-size: 14px;
    color: #acacac;
}

.product-info-title h1 {
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 5px 0;
    font-weight: 500;

}

.product-info-title p {
    color: #666;
    font-size: 13px;
}

.product-info-title p span {
    font-weight: 500;

}

.product-campaign {
    padding: 10px 0;
    display: block;
    color: #090;
    font-size: 13px;
}

.price-wrapper {
    min-height: 70px;
}

.product-price {
    margin: 10px 0;
    display: inline-table;
}

.product-discount-rate {
    display: table-cell;
    width: 64px;
    height: 54px;
    background-color: #92de7c;
    color: #232323;
    right: 15px;
    text-align: center;
    vertical-align: middle;
    padding: 5px 4px 3px;
    line-height: 13px;
    border-radius: 4px;
    font-size: 13px;
}

.product-discount-rate .discount-amount {
    display: block;
    padding-bottom: 6px;
    font-size: 20px;
    font-weight: 500;

    letter-spacing: -1px;
}

.product-old-price {
    padding-left: 10px;
    display: block;
    height: 20px;
    margin: 1px 0;
    font-size: 19px;
    color: #9e9e9e;
    line-height: 16px;
    text-align: left;
    text-decoration: line-through;
    font-weight: 300;

}

.product-new-price {
    padding-left: 10px;
    display: block;
    height: 30px;
    font-size: 30px;
    color: #484848;
    line-height: 30px;
    text-align: left;
    font-weight: 500;

}

.best-installment-option {
    padding-top: 10px;
}

.best-installment-option a {
    font-size: 13px;
    color: #666;
}

.best-installment-option a span {
    font-weight: 600;

}

.product-info hr {
    border-top: 1px solid #e1e1e1;
    margin: 20px 0;
}

/* select-wrapper */

.select-wrapper {
    margin: 0 0 20px;
}
.select-wrapper .row {
    margin-right: -5px;
    margin-left: -5px;
}
.select-wrapper .row > div{
    padding: 0 5px;
}

.select-wrapper .form-group {
    display: inline-block;
    padding: 0 5px;
    vertical-align: top;
}

.select-wrapper .col {
    width: 110px;
}

.select-wrapper select {
    width: 100%;
    display: block;
    border-radius: 4px;
    border: 1px solid #e1e1e1;
}

.select-wrapper select:last-child {
    margin: 0;
}


.add-cart-button {
    display: inline-block;
    vertical-align: top;
}

.add-cart-button .btn {
    width: 164px;
    padding: 14px 0px;
    font-size: 14px;
    font-weight: 500;

    border-radius: 4px;
    margin-right: 10px;
    background: #3894D3;
    color: #fff;
}

.add-cart-button .btn.btn-outline {
    border-color: #3894D3;
    border-width: 2px;
    background: #fff;
    color: #3c3c3c;
}

.add-cart-button .btn.btn-outline:hover {
    background: #3894D3;
    color: #fff;
}

.add-cart-button .btn i {
    margin-right: 5px;
}

/* product-featured-details */

.product-featured-details {
    display: inline-block;
    margin: 30px 0 0 0;
    width: 100%;
}

.product-featured-list {
    margin-right: -5px;
}

.product-featured-list li {
    float: left;
    display: table;
    padding: 0;
    margin-right: 20px;
}

.product-featured-list-icon {
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px;
}

.product-featured-list-icon i {
    color: #3993d3;
    font-size: 20px;
    display: block;
}

.product-featured-list-text {
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 4px;
}

.product-featured-list-text span {
    color: #888;
    font-size: 11px;
}

.product-featured-list-text h4 {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    color: #888;
    display: block;
    font-weight: 400;

}

/* product-nav-list */

.product-nav-list {
    margin: 28px 0 30px 0;
}

.product-nav-list ul {
    margin-right: -20px;
}

.product-nav-list ul li {
    display: inline-block;
    margin-right: 20px;
}

.product-nav-list ul li a {
    display: block;
    color: #666;
    font-size: 14px;
}

.product-nav-list ul li a:hover {
    text-decoration: underline;
}

.product-nav-list ul li a i {
    margin-right: 3px;
    font-size: 14px;
    color: #acacac;
}

.product-nav-list ul li a.active i {
    color: #F03434;
}

/* product-share */

.product-share {
    width: 100%;
    margin: 28px 0 0;
}

.product-share-socials li {
    display: inline-block;
    margin-right: 5px;
}

.product-share-socials li a {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #ccc;
    border-radius: 50%;
    color: #aaa;
    font-size: 13px;
}

.product-share-socials li a i {
    color: #fff;
}

.product-share-socials li a.facebook {
    background: #3C5998;
}

.product-share-socials li a.twitter {
    background: #59AFEA;
}

.product-share-socials li a.googleplus {
    background: #E14029;
}

.product-share-socials li a:hover {
    color: #fec42e;
}

/* product-detail-container */

.product-detail-container {
    float: left;
    width: 100%;
    margin: 20px 0 0;
}

.product-detail-container .tab-basliklar .row {
    margin-left: -2px;
    margin-right: -2px;
}

.product-detail-container .nav-tabs {
    border: 0;
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
}

.product-detail-container .nav-tabs>li {
    padding-left: 2px;
    padding-right: 2px;
}

.product-detail-container .nav-tabs>li>a {
    background: #fff;
    color: #232323;
    margin-right: 0;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    padding: 20px 10px;
    font-weight: 400;

}

.product-detail-container .nav-tabs>li.active>a, .product-detail-container .nav-tabs>li.active>a:hover, .product-detail-container .nav-tabs>li.active>a:focus {
    color: #3c3c3c;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    margin-right: 0;
    background: #fff;
    border-bottom: 2px solid #3894D3;
    font-weight: 700;
}

.product-detail-container .product-tab-content {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    border-radius: 0 0 4px 4px;
    background: #fff;
    padding: 30px 0;
    overflow: auto;
}

.product-detail-container section {
    padding: 20px 0;
    border-bottom: 1px solid #dbdbdb;
}

.product-detail-container section:first-child {
    padding: 0 0 20px 0;
}

.product-detail-container section:last-child {
    border: 0;
}

.product-detail-container .full li {
    width: 98%;
}

.product-detail-container .arrowList li {
    font-size: 15px;
    background-position: left 5px;
    font-family: Verdana, Arial, Tahoma, Sans-serif, caption;
    margin-bottom: 10px;
    line-height: 22px;
    color: #575757;
    margin-right: 2%;
    display: inline-block;
    background: url(../img/arrow.png) no-repeat left 5px;
    background-size: 7px 8px;
    padding-left: 14px;
    text-align: justify;
    float: left;
}

.product-detail-container .tab-content h2 {
    font-size: 24px;
    margin-bottom: 10px;
    margin-top: 0;
    font-weight: 700;
}

.product-detail-container .tab-content p {
    color: #888;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 20px;
    text-align: justify;
}

.product-detail-container .tab-content p:last-child {
    margin-bottom: 0;
}

/* product-video */

#video .col {
    margin-bottom: 20px;
}

.product-video {
    width: 100%;
    height: 300px;
}

/* product-pdf-list */

.product-pdf h1 {
    font-size: 16px;
    color: #3c3c3c;
    font-weight: 400;

    margin: 0 0 15px 0;
}

.product-pdf {
    float: left;
    width: 100%;
    background: #fff;
    border: 1px solid #e1e1e1;
    margin: 30px 0 0;
    padding: 30px;
}
.product-pdf-list {
    float: left;
    width: 100%;
    padding: 26px;
    background: #f9f9f9;
    border: 1px solid #eee;
    margin: 0;
}

.product-pdf-list li {
    float: left;
    width: 120px;
    text-align: center;
}

.product-pdf-list li a {
    display: block;
}

.product-pdf-list li a img {
    display: inline-block!important;
    width: 50% !important;
    text-align: center;
    margin: 0 0 10px;
}

.product-pdf-list li a h3 {
    margin: 0;
}

.product-pdf-list li a:hover h3 {
    text-decoration: underline;
}

/* technicial */

.technicial-title {
    font-size: 16px;
    color: #232323;
    font-weight: 600;

    margin: 0 0 15px 0;
}

.technicial table {
    width: 100%;
}

.technicial table, .technicial td {
    margin: 0;
    border: none;
}

.technicial .tech-list.tech-spec {
    margin: 0 0 10px;
}

.technicial .tech-list.tech-spec caption {
    text-align: left;
    font-weight: 700;
    padding: 4px 0;
}

.technicial .tech-list.tech-spec tr:nth-of-type(odd) {
    background-color: #f1f1f1;
}

.technicial .tech-list.tech-spec tr td, .technicial .tech-list.tech-spec tr th {
    border: none;
    padding: 6px 10px;
}

.technicial .tech-list.tech-spec tr th {
    width: 40%;
    text-align: left;
    font-size: 15px;
    font-weight: 500;
}

/* bank-list */

.bank-list {
    margin: 10px 0;
    display: inline-block;
    width: 100%;
}

.bank-list .bank-table {
    margin-bottom: 30px;
}

.bank-list .bank-table .bank-name {
    height: 50px;
    text-align: center;
    background-size: 100px;
    background-position: center;
    background-repeat: no-repeat;
}

.bank-list .bank-table.first-table .bank-name {
    margin-left: 25px;
}

.bank-list .bank-table table {
    width: 100%;
    margin: 0;
    font-size: 13px;
}

.bank-list .bank-table table td, .bank-list .bank-table table th {
    padding: 10px 5px;
    height: 26px;
    text-align: center;
    border: 1px solid #e1e1e1;
    vertical-align: middle;
    color: #666;
}

.bank-list .bank-table table th {
    color: #3c3c3c;
    height: 36px;
    font-size: 13px;
    font-weight: 300;

}

.bank-list .bank-table table td:first-child, .bank-list .bank-table table th:first-child {
    color: #e4b22e;
    font-weight: 700;
    display: none;
}

.bank-list .bank-table.first-table td:first-child, .bank-list .bank-table.first-table th:first-child {
    display: table-cell;
    width: 25px;
}

.bank-list .bank-table table tr:nth-child(even) {
    background-color: #f6f6f6;
}

/* all-reviews-name */

.all-reviews-title {
    float: left;
    width: 100%;
}

.all-reviews-name {
    float: left;
    width: 70%;
    font-weight: 600;
}

.all-reviews-name span {
    font-size: 18px;
    color: #3c3c3c;
    font-weight: 600;

}

.see-all-reviews {
    display: inline-block;
    float: right;
    font-size: 14px;
    font-weight: 500;
    color: #888;

}

.see-all-reviews:hover {
    text-decoration: underline;
}

/* reviews */

.reviews {
    float: left;
    width: 100%;
    padding: 30px;
    position: relative;
    background: #fff;
    margin: 20px 0;
    border: 1px solid #eee;
}

.reviews .col {
    padding: 0;
}

/* product-image */

.reviews .product-image img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$msVal)";
    filter: alpha(opacity=100);
    opacity: 1;
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: 200px;
}

/* rating-table */

.all-reviews .ratings-table {
    padding: 0;
}

.all-reviews .ratings-table .ratings-row {
    margin-bottom: 5px;
    line-height: 1px;
    display: block;
}

.all-reviews .ratings-table .ratings-row::after {
    clear: both;
    content: "";
    display: table;
}

.all-reviews .ratings-table .ratings-image-and-text {
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    transition: all .2s ease-in;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -webkit-border-radius: 30px;
    -ms-webkit-radius: 30px;
    zoom: 1;
    width: auto;
    min-width: 240px;
    display: inline-block;
    margin-right: 25px;
    padding: 10px 15px;
    float: left;
}

.all-reviews .ratings-table .ratings-image-and-text:hover {
    background-color: #f1f1f1;
}

.all-reviews .ratings-table .rating-img-col {
    display: inline-block;
    vertical-align: middle;
}

.all-reviews .ratings-table .rating-text-col {
    width: auto;
    display: inline-block;
    margin-left: 10px;
    line-height: 1;
}

.all-reviews .ratings-table .rating-text-col .rating-text {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
}

.all-reviews .ratings-table .rating-text-col .rating-count {
    display: inline-block;
    font-size: 13px;
    color: #919191;
}

.all-reviews .ratings-table .rating-percentage-col {
    zoom: 1;
    width: 380px;
    height: 10px;
    display: inline-block;
    margin-top: 14px;
    padding: 0;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    position: relative;
    float: left;
    white-space: nowrap;
    z-index: 0;
}

.all-reviews .ratings-table .rating-percentage-col .percent {
    width: auto;
    height: 12px;
    font-size: 12px;
    position: absolute;
    left: 400px;
    bottom: 0;
    color: #919191;
    line-height: 1;
    font-weight: 700;
}

.all-reviews .ratings-table .rating-percentage-col .rating-percentage {
    zoom: 1;
    height: 8px;
    display: block;
    background-color: #fec42e;
    text-indent: -9999px;
}

.all-reviews .average-ratings {
    margin-top: 10px;
    padding: 36px 0;
    position: absolute;
    right: 30px;
    background: #f9f9f9;
}

.all-reviews .average-ratings .product-rating {
    text-align: center;
}

.all-reviews .average-ratings .rating-number {
    font-weight: 500;

    margin: 0 auto;
    width: 100%;
    color: #3c3c3c;
    font-size: 82px;
    line-height: 1;
    text-align: center;
}

/* reviews-tab-btn */

.reviews-tab-btn {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
}

.reviews-tab-btn a {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;

    letter-spacing: 1px;
    border-radius: 4px;
    background: #fff;
    border: 2px solid #fec42e;
    height: 50px;
    line-height: 46px;
    text-align: center;
    width: 100%;
}

.reviews-tab-btn li.active a {
    background: #fec42e;
}

.reviews-tab-btn a i {
    margin-right: 5px;
    color: #3c3c3c;
    font-size: 16px;
}

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

/* review-container */

.review-container {
    float: left;
    width: 100%;
}

.reviews-title {
    float: left;
    width: 100%;
}

.reviews-title-name {
    float: left;
    width: 70%;
    line-height: 38px;
}

.reviews-title-name span {
    font-size: 18px;
    color: #3c3c3c;
    font-weight: 600;

}

.reviews-title-buttons {
    display: inline-block;
    float: right;
}

.add-comment-btn {
    font-size: 14px;
    font-weight: 500;

}

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

/* review-list */

.review-list {
    float: left;
    width: 100%;
    margin: 20px 0 0;
}

.review-list li {
    position: relative;
    padding: 20px;
    border: 1px solid #e1e1e1;
    line-height: 1;
    z-index: 0;
    border-radius: 4px;
    margin-left: 5px;
    margin-bottom: 20px;
}

.review-list li:after, .review-list li:before {
    right: 100%;
    top: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.review-list li:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 6px;
    margin-top: -6px;
}

.review-list li:before {
    border-color: rgba(225, 225, 225, 0);
    border-right-color: #e1e1e1;
    border-width: 7px;
    margin-top: -7px;
}

.review-list li .subject {
    width: 70%;
    display: block;
    padding-right: 150px;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.2;
    color: #3c3c3c;
    font-weight: 600;

}

.review-list li .review-date {
    color: #666;
    font-size: 12px;
    position: absolute;
    top: 20px;
    right: 124px;
}

.review-list li .ratings-container {
    width: 84px;
    height: 14px;
    position: absolute;
    top: 19px;
    right: 20px;
}

.review-list li .review-text {
    font-size: 14px;
    color: #666;
    margin-bottom: 20px;
    line-height: 1.4;
}

.review-list li .comment-provider span {
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
    font-size: 13px;
    color: #3c3c3c;
    font-weight: 400;

}

.review-list li .comment-provider span:after {
    content: "/\00a0";
    padding: 0 0 0 5px;
    color: #666;
    font-weight: 300;
    font-size: 14px;
}

.review-list li .comment-provider span:last-child:after {
    display: none;
}

.review-list li .review-response .question {
    display: inline-block;
    font-size: 13px;
    font-style: italic;
    color: #3c3c3c;
    margin: 0;
}

.review-list li .review-response .answer {
    display: inline-block;
    padding-left: 27px;
    font-weight: 700;
    font-size: 12px;
}

.review-list li .review-response .answer a {
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    transition: all .2s ease-in;
    display: inline-block;
    margin-right: 20px;
}

.review-list li .review-response .answer a i {
    color: #666;
    margin-right: 4px;
}

.review-list li .review-response .answer a:hover {
    text-decoration: underline;
}

.review-list li .review-response .answer a span {
    font-weight: 400;
    color: #666;
}

/* modal-box */

.modal-box {
    width: 460px;
    padding: 20px;
    display: none;
}

.alert {
    display: none;
}

/* star-rating */

.star-rating {
    direction: rtl;
    display: inline-block;
}

.star-rating input[type=radio] {
    display: none
}

.star-rating label {
    display: inline-block;
    color: #bbb;
    font-size: 18px;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.star-rating label:hover, .star-rating label:hover~label, .star-rating input[type=radio]:checked~label {
    color: #fec42e
}

/* benzer */

.benzer {
    float: left;
    width: 100%;
    margin: 30px 0 0;
}


.benzer-title {
    float: left;
    width: 100%;
    height: 54px;
    line-height: 54px;
    text-align: center;
}

.benzer-title h1 {
    color: #232323;
    font-size: 28px;
    font-weight: 600;


    margin: 0;
    padding: 0;
    line-height: 54px;
}

.benzer-list {
    float: left;
    width: 100%;
    background: #fff;
}

/* benzer-carousel */

.benzer-carousel {
    padding: 30px;
}

.benzer-carousel.owl-theme .owl-nav {
    margin: 0;
    position: absolute;
    right: 0px;
    top: -54px;
}

.benzer-carousel.owl-theme .owl-nav [class*=owl-] {
    color: #3c3c3c;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border-radius: 0;
    width: 54px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    display: inline-block;
    font-size: 14px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.benzer-carousel.owl-theme .owl-nav .owl-prev {
    border-right: 1px solid #d2cdcd;
}

.benzer-carousel.owl-theme .owl-nav [class*=owl-]:hover {
    background: #232323;
    color: #fff;
    text-decoration: none;
}

/* login-container */
.login-container {
    float: left;
    width: 100%;
    margin: 50px 0;
}

.login-text h1 {
    font-size: 34px;
    line-height: 50px;
    font-weight: 700;
    color: #3c3c3c;
    margin: 0 0 20px;
    padding: 0;
}

.login-text p {
    font-size: 16px;
    line-height: 28px;
    color: #888;
    padding: 0;
    margin: 0 0 40px;
}

.login-box {
    padding: 30px;
    -webkit-box-shadow: 0 10px 45px 0px rgba(0, 0, 0, .1);
    box-shadow: 0 10px 45px 0px rgba(0, 0, 0, .1);
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
}

.login-box h1 {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 20px;
}

.register-form-container .form-group .control-label {
    color: #7c92a9;
    font-size: 14px;
    text-align: left;
}

.sifremi-unuttum {
    float: right;
}

.sifremi-unuttum:hover {
    text-decoration: underline;
}

.sifremi-unuttum i {
    color: #3894D3;
    margin-right: 5px;
}

.send-button {
    width: 100%;
    margin: 20px 0 0;
}


.contact-adress {
    margin: 40px 0 0;
}

.contact-adress p {
    font-size: 16px;
    line-height: 26px;
    color: #888;
}

.contact-adress a {
    display: block;
    font-size: 16px;
    line-height: 40px;
    color: #888;
}

.contact-adress a i {
    color: #3894D3;
    margin-right: 10px;
}


/* pwstrength_viewport_progress */

.pwstrength_viewport_progress {
    position: absolute;
    top: 14px;
    right: 30px;
    z-index: 99999;
    width: 100px;
}

.password-verdict {
    position: absolute;
    right: 0;
    bottom: -46px;
    color: #3c3c3c;
}

.pwstrength_viewport_progress .progress {
    overflow: hidden;
    height: 16px;
    background-color: #ebebeb;
    border-radius: 100px;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding: 4px;
}

.progress-bar {
    border-radius: 100px;
}

/* register-tab-btn */

.register-tab-btn {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    border: 1px solid #e1e1e1;
    overflow: hidden;
    box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, .05);
}

.register-tab-btn li {
    float: left;
    width: 50%;
    border-right: 1px solid #e1e1e1;
}

.register-tab-btn li:last-child {
    border: 0;
}

.register-tab-btn a {
    color: #888;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;

    border-radius: 0;
    background: #fff;
    height: 42px;
    line-height: 40px;
    text-align: center;
    width: 100%;
}

.register-tab-btn li.active a {
    background: #f9f9f9;
    color: #3c3c3c;
    font-weight: 400;

}

.register-tab-btn a i {
    margin-right: 5px;
    color: #3c3c3c;
    font-size: 16px;
}

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

/* checkoutPage */

.checkoutPage {
    float: left;
    width: 100%;
    margin: 30px 0;
}

/* checkoutTitle */

.checkoutTitle {
    width: 100%;
    text-align: center;
    margin: 0 0 30px 0;
}

.checkoutTitle h1 {
    font-size: 24px;
    font-weight: 600;
    color: #3c3c3c;
    margin: 0 0 8px;
}

.checkoutTitle span {
    color: #666;
    font-size: 18px;
    display: block;
}

.checkoutTitle hr {
    width: 80px;
    display: inline-block;
    margin: 30px 0 0 0;
    background: none;
    border: none;
    border-top: 1px solid #ccc;
}

/* checkoutLeft */

.checkoutLeft {
}

.checkoutLeft.bgLight {
    border: 1px solid #e1e1e1;
}

.checkoutLeft.noPad .checkoutBox {
    padding: 0;
}

.checkoutLeft.noPad .cart {
    padding: 0;
}

.checkoutRight.noPad {
    padding: 0;
}

/* cart */

.cart {
    padding: 20px;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
    -webkit-box-shadow: 0 10px 40px 0px rgba(0, 0, 0, .1);
    box-shadow: 0 10px 40px 0px rgba(0, 0, 0, .1);
}

#basket-table {
    width: 100%;
}

#basket-table .table-headings {
    background: #f8f8f8;
    border-radius: 3px;
}

#basket-table>thead>tr>th {
    padding: 15px 30px;
    font-size: 14px;
    color: #888;
    font-weight: 600;
    text-align: center;
}

#basket-table>thead>tr>th:first-child {
    text-align: left;
    border-radius: 3px 0 0 3px;
}

#basket-table>thead>tr>th:last-child {
    border-radius: 0 3px 3px 0;
}


#basket-table>thead>tr>th>span {
    position: relative;
    display: inline-block;

    font-weight:600;
}

#basket-table>tbody>tr>td {
    text-align: center;
}
#basket-table>tbody>tr {
    border-bottom: 1px solid #e1e1e1;
}
#basket-table>tbody>tr:last-child {
    border: 0;
}

#basket-table>tbody>tr>td.product {
    text-align: left;

    font-weight: 400;
}

#basket-table>tbody>tr>td.product>.image {
    display: block;
    float: left;
    position: absolute;
    width: 110px;
    height: 110px;
}

#basket-table>tbody>tr>td.product>.image>img {
    height: 110px;
    max-width: 250px;
    position: absolute;
    z-index: 1;
    padding: 20px;
    background-color: #fff;
    left: 0;
    top: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#basket-table>tbody>tr>td.product>.image:hover>img {
    z-index: 2;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    transform: scale(2);
    -webkit-box-shadow: 0 0 20px 0 rgba(50, 50, 50, 0.1);
    -moz-box-shadow: 0 0 20px 0 rgba(50, 50, 50, 0.1);
    box-shadow: 0 0 20px 0 rgba(50, 50, 50, 0.1);
    border-radius: 3px;
}

#basket-table>tbody>tr>td.product>.product-info {
    padding: 0 0 0 120px;
    font-size: 15px;
    line-height: 1.42857;
    height: 110px;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

#basket-table>tbody>tr>td.product>.product-info>.product-info-tc {
    display: table-cell;
    vertical-align: middle;
    height: 110px;
}

#basket-table>tbody>tr>td.product>.product-info>.product-info-tc .ng-binding {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 150px;
    display: inline-block;
    color: #232323;
}

#basket-table>tbody>tr>td.product>.product-info>.size {
    font-size: 12px;
}

#basket-table>tbody>tr .remove {
    font-size: 14px;
    color: #3894D3;
}

.removeFromBasket {
    cursor: pointer;
    font-size: 13px;
    color: gray;
    background: url(../img/odeme/sil.png) no-repeat left center;
    padding-left: 15px;
    background-size: 9px;
}

.modal-body p {
    font-size: 16px;
    color: #666;
    margin-bottom: 30px;
}

.modal-body .btn {}

.removeFromBasket:hover {
    text-decoration: underline;
}

#basket-table>tbody>tr>td.price {
    color: #666;
    font-size: 15px;
    line-height: 1.42857;

    font-weight: 400;
}

#basket-table>tbody>tr>td.price span.new {
    color: #666;
}

#basket-table>tbody>tr>td.qty {
    width: 50px;
    display: table-cell;
    vertical-align: middle;
}

#basket-table>tbody>tr>td.total {
    font-size: 15px;
    line-height: 1.42857;

    font-weight: 500;
}

.btn-back {
    width: 50%;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 15px;
    color: #666;
    position: relative;

    font-weight: 600;
    letter-spacing: 1px;
}

.btn-back i.shop-continue {
    background: url(../img/odeme/shopbag.png) no-repeat right center;
    width: 16px;
    height: 70px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.btn-back:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #e1e1e1;
}

.btn-okey {
    width: 50%;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 15px;
    color: #81C461;

    font-weight: 600;
    letter-spacing: 1px;
}

.btn-okey i.shop-complete {
    background: url(../img/odeme/right-arrow.png) no-repeat right center;
    width: 24px;
    height: 12px;
    display: inline-block;
    margin-left: 10px;
}

/* qty */

#basket-table #qty {
    height: 40px;
}

#basket-table #qty .value-button {
    line-height: 38px;
}

#basket-table #qty input#number {
    line-height: 40px;
}

#basket-table #qty input#number {
    box-shadow: inset 0px 0px 0px 2px #dedede;
}

/* checkoutRight */
.checkoutRight {
    background: #fff;
    -webkit-box-shadow: 0 10px 40px 0px rgba(0, 0, 0, .1);
    box-shadow: 0 10px 40px 0px rgba(0, 0, 0, .1);
    border-radius: 3px;
    overflow: hidden;
    padding: 20px;
}

.checkoutRight.bgLight {
    border: 1px solid #e1e1e1;
}

.checkoutRight .checkoutRightTitle {
    background: #f8f8f8;
    padding: 15px 30px;
    font-size: 14px;
    color: #888;
    font-weight: 600;
    border-radius: 3px;
    position: relative;
}

.checkoutRight .checkoutRightTitle .cartEdit {
    position: absolute;
    top: 10px;
    right: 30px;
    width: 30px;
    height: 30px;
    background: #fff url(../img/cartEdit.png) no-repeat center;
    border-radius: 50%;
}


.checkoutRight .basket-total {
    min-height: 170px;
    padding: 20px 0;
    border-bottom: 1px dashed #e1e1e1;
}

.checkoutRight .basket-total .payment-list {
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0;
}

.checkoutRight .basket-total .payment-list>li {
    font-size: 16px;
    margin-bottom: 10px;
    display: block;
    height: 20px;
    line-height: 20px;
}

.checkoutRight .basket-total .payment-list>li span {
    display: inline-block;
}

.checkoutRight .basket-total .payment-list>li .payment-total {
    width: 50%;
    text-align: left;
    color: #666;
    font-size: 15px;
}

.checkoutRight .basket-total .payment-list>li .payment-discount {
    width: 50%;
    text-align: right;
    color: #666;
    float: right;

    font-weight: 400;
}

.checkoutRight .basket-total .payment-list>li.last {
    margin: 40px 0 0 0;
    font-size: 20px;
    font-weight: 600;
}

.checkoutRight .basket-total .payment-list>li.last .payment-discount {

    font-weight: 600;
    color: #3c3c3c;
}

.checkoutRight .basket-item {
    height: 140px;
    border-bottom: 1px solid #e1e1e1;
    padding: 25px 0 0 0;
}

.checkoutRight .basket-item:last-child {
    border-bottom: 0;
}

.checkoutRight .basket-item figure {
    width: 100px;
    display: inline-block;
    height: 100px;
    float: left;
    text-align: center;
    line-height: 100px;
    margin-right: 20px;
}

.checkoutRight .basket-item figure img {
    height: 80%;
    vertical-align: middle;
}

.checkoutRight .basket-item .info {
    padding: 0 10px;

    font-weight: 400;
}

.checkoutRight .basket-item .info .title {
    line-height: 1.42857;
    font-size: 14px;
    color: #232323;
    margin: 9px 0 5px 0;
    display: block;
    line-height: 1.2em;
}

.checkoutRight .basket-item .info .skuCode {
    display: block;
    font-size: 12px;
    line-height: 1.42857;
    color: #585858;
}

.checkoutRight .basket-item .info .priceLine {
    display: block;
    margin: 5px 0 0 0;
}

.checkoutRight .basket-item .info .priceLine.normalPrice {
    color: #62a8e2;
    font-size: 14px;
    line-height: 1.42857;
}

.checkoutRight .couponCode {
    width: 100%;
    margin: 20px 0 0 0;
    padding: 0;
}

.checkoutRight .couponCode label {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #666;
    font-weight: 600;
    margin: 0 0 10px 0;
}

.checkoutRight .couponCode input[type=text] {
    float: left;
    width: calc(70% - 5px);
    margin-right: 5px;
    height: 50px;
    background: #fff;
    border: 1px solid #e1e1e1;
    outline: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    color: #888;
    padding-left: 10px;
}

.checkoutRight .couponCode input[type=submit] {
    width: calc(30% - 5px);
    margin-left: 5px;
    height: 50px;
    padding: 0;
    text-align: center;
    outline: none;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.checkoutRight .couponCode input:focus {
    border: 1px solid #3c3c3c !important;
}

.checkoutRight .completeButton {
    width: 100%;
    text-align: center;
    padding: 20px 0 0;
}

.checkoutRight .completeButton a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 15px;
    font-weight: 600;
}

/* breadcrumbs */

.breadcrumbs {
    background-color: #fff;
    border-radius: 10px;
    float: left;
    width: 100%;
    margin: 0 0 30px 0;
    overflow: hidden;
}

.breadcrumbs ul {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.breadcrumbs li {
    float: left;
    width: 20%;
}

.breadcrumbs a {
    position: relative;
    display: block;
    padding: 19px;
    font-size: 14px;
    text-align: center;
    color: #666;
    cursor: pointer;
    border-right: 1px solid #e1e1e1;
}

.breadcrumbs li:last-child a {
    border-right: 0;
}

.breadcrumbs a:hover {
    background: #62a8e2;
    color: #fff;
}

.breadcrumbs a.active {
    color: #fff;
    background-color: #81c461;
    border-right: 0;
}

.breadcrumbs a span:first-child {
    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    margin-right: 5px;
    border: 1px solid #62a8e2;
    border-radius: 50%;
    background-color: #fff;
    color: #62a8e2;
    font-size: 12px;
}

.breadcrumbs a.active span:first-child {
    color: #666;
    border-color: #fff;
    background-color: #fff;
}

/* checkoutBox */

#checkoutForm {
    float: left;
    background: #fff;
    -webkit-box-shadow: 0 10px 40px 0px rgba(0, 0, 0, .1);
    box-shadow: 0 10px 40px 0px rgba(0, 0, 0, .1);
    border-radius: 3px;
}
.checkoutBox {
    padding: 20px;
}

.checkoutBox .checkoutBoxItem .checkoutBoxHeader {
    float: left;
    width: 100%;
    background: #f8f8f8;
    padding: 15px 30px;
    font-size: 14px;
    color: #888;
    font-weight: 600;
    border-radius: 3px;
    cursor: pointer;
    margin: 0 0 20px 0;
}

.checkoutBox .checkoutBoxItem .checkoutBoxHeader a {
    color: inherit;
}

.checkoutBox .checkoutBoxItem .checkoutBoxHeader a i:first-child {
    color: #888;
    display: inline-block;
    font-size: 18px;
    margin-right: 8px;
    top: 2px;
    position: relative;
}

.checkoutBox .checkoutBoxItem .checkoutBoxHeader a i {
    color: #26A65B;
    display: inline-block;
    font-size: 22px;
    margin-left: 5px;
    top: 2px;
    position: relative;
}

.checkoutBox .checkoutBoxItem .checkoutBoxHeader .toggleHeader {
    float: right;
    background: url(../img/toggle-plus.png) no-repeat center;
    width: 11px;
    height: 11px;
    top: 0;
    right: 30px;
}

.checkoutBox .checkoutBoxItem .checkoutBoxHeader .toggleHeader.toggleHeaderOff {
    background: url(../img/toggle-plusoff.png) no-repeat center;
}

.checkoutBox .checkoutBoxItem .checkoutBoxHeader.active {
    color: #232323;
}

.checkoutBox .checkoutBoxItem {
    float: left;
    width: 100%;
}

.checkoutBox .checkoutBoxItem section {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
}

.checkoutBox .checkoutBoxItem section .noAdress {
    text-align: center;
    border: 1px solid #e1e1e1;
    padding: 20px 0;
    border-radius: 3px;
    display: none;
    box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.04);
}

.checkoutBox .checkoutBoxItem section .noAdress p {
    color: #666;
    font-size: 15px;
}

.checkoutBox .checkoutBoxItem section .checkoutAdress {
    float: left;
    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
}

.checkoutBox .checkoutBoxItem section .checkoutAdress.noBorder {
    border: none;
    box-shadow: none;
}

.checkoutBox .checkoutBoxItem section .checkoutAdress .adressList {
    position: relative;
    min-height: 70px;
    border-bottom: 1px solid #e1e1e1;
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
}

.checkoutBox .checkoutBoxItem section .checkoutAdress .adressList:last-child {
    border-bottom: 0;
}

.checkoutBox .checkoutBoxItem section .checkoutAdress .adressListHead {
    font-size: 16px;
    color: #666;
    height: 70px;
    line-height: 70px;
    padding: 0 30px;
    width: 100%;
    display: inline-block;
    float: left;
}

.checkoutBox .checkoutBoxItem section .checkoutAdress .adressListComment {
    font-size: 14px;
    color: #333;
    line-height: 22px;
    padding: 30px;
    width: 100%;
    display: inline-block;
    float: left;
}

.checkoutBox .checkoutBoxItem section .checkoutAdress .adressList .toggleAdress {
    float: right;
    background: url(../img/toggle-plus.png) no-repeat right 30px center;
    width: 100%;
    height: 70px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.checkoutBox .checkoutBoxItem section .checkoutAdress .adressList .toggleAdress.toggleAdressoff {
    background: url(../img/toggle-plusoff.png) no-repeat right 30px center;
}

.checkoutBox .checkoutBoxItem section .checkoutAdress .adressListHead .checkBoxSelect {
    float: left;
    line-height: 70px;
    position: relative;
    z-index: 2;
}

.checkoutBox .checkoutBoxItem section .checkoutAdress .adressListHead .checkBoxSelect .bankList {
    display: inline-block;
    vertical-align: middle;
    padding-left: 15px;
}

.checkoutBox .checkoutBoxItem section .checkoutAdress .adressListHead .checkBoxSelect label .checkTitle {
    color: #666;
    font-size: 16px;
    display: inline-block;
    float: left;
    padding-left: 15px;
}

.checkoutBox .checkoutBoxItem section .checkoutAdress .adressListHead .checkBoxSelect label .checkTitle.yurtici {
    background: url(../img/kargo/1.png) no-repeat center;
    background-size: 100px;
    width: 102px;
    height: 70px;
    margin-left: 15px;
}

.checkoutBox .checkoutBoxItem section .checkoutAdress .adressListHead .checkBoxSelect label .checkTitle.surat {
    background: url(../img/kargo/2.png) no-repeat center;
    background-size: 100px;
    width: 102px;
    height: 70px;
    margin-left: 15px;
}

.checkoutBox .checkoutBoxItem section .checkoutAdress .adressListHead .checkBoxSelect label .checkTitle.mng {
    background: url(../img/kargo/3.png) no-repeat center;
    background-size: 96px;
    width: 102px;
    height: 70px;
    margin-left: 15px;
}

.checkoutBox .checkoutBoxItem section .checkoutAdress .adressListHead .checkBoxSelect label .checkTitle.ups {
    background: url(../img/kargo/4.png) no-repeat center;
    background-size: 30px;
    width: 102px;
    height: 70px;
    margin-left: 15px;
}

.checkoutBox .checkoutBoxItem section .checkoutAdress .adressListHead .checkBoxSelect label .checkBank {
    color: #666;
    font-size: 16px;
    display: inline-block;
    float: left;
    line-height: 20px;
}

.checkoutBox .checkoutBoxItem section .checkoutAdress .adressListHead .checkBoxSelect .bankList.garanti {
    background: url(../img/banka/1.png) no-repeat left center;
    background-size: 100px;
    margin-left: 15px;
    padding-left: 120px;
    margin-left: 15px;
}

.checkoutBox .checkoutBoxItem section .checkoutAdress .adressListHead .checkBoxSelect .bankList.yapikredi {
    background: url(../img/banka/2.png) no-repeat left center;
    background-size: 100px;
    margin-left: 15px;
    padding-left: 120px;
}

.checkoutBox .checkoutBoxItem section .checkoutAdress .adressListHead .checkBoxSelect .bankList.akbank {
    background: url(../img/banka/3.png) no-repeat left center;
    background-size: 100px;
    margin-left: 15px;
    padding-left: 120px;
}

.checkoutBox .checkoutBoxItem section .checkoutAdress .adressListHead .checkBoxSelect label .checkIban {
    font-size: 13px;
    display: inline-block;
    width: 100%;
    color: #666;
    float: left;
    line-height: 20px;
    font-weight: 500;
}

.checkoutBox .checkoutBoxItem section .checkoutAdress .adressListHead .checkBoxSelect label .checkAmount {
    font-size: 84%;
    display: inline-block;
    margin: 0 0 0 10px;
    color: #585858;
    text-transform: uppercase;
}

.checkoutBox .checkoutBoxItem section .checkoutAdress .adressListHead .checkBoxSelect label .kapidaOdeme {
    font-size: 13px;
    display: inline-block;
    margin: 0 0 0 15px;
    color: #585858;
    float: left;
}

.checkoutBox .checkoutBoxItem section .checkoutAdress .adressListHead .checkBoxSelect label input {
    margin: 26px 0 0px 0;
    float: left;
    border: none;
    box-shadow: inset 0px 2px 1px -1px rgba(0, 0, 0, 0.3);
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: #f3f3f3;
}

.checkoutBox .checkoutBoxItem section .checkoutAdress .adressListHead .cargoPrice {
    float: right;
    font-size: 13px;
    color: #666;
    line-height: 70px;

    font-weight: 500;
}

.checkoutBox .checkoutBoxItem section .checkoutAdress .adressListBottom {
    font-size: 16px;
    line-height: 26px;
    color: #8d8d8d;
    padding: 0 30px 30px 30px;
    width: 100%;
    float: left;
    display: none;
}

.checkoutBox .checkoutBoxItem .checkoutBoxFooter {
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
}

.checkoutBox .checkoutBoxItem .checkoutBoxFooter a {
    border-radius: 3px;
}

.checkoutBox .checkoutBoxItem section .checkoutPayment {
    float: left;
    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
}

.checkoutBox .checkoutBoxItem section .checkoutPayment .checkoutPaymentHead .paymentTypesWrapper {
    padding: 30px;
    border-bottom: 1px solid #e1e1e1;
}

.checkoutBox .checkoutBoxItem section .checkoutPayment .paymentTypesWrapper ul li {
    display: inline-block;
    color: #666;
    font-size: 15px;
    margin-right: 25px;
}

.checkoutBox .checkoutBoxItem section .checkoutPayment .paymentTypesWrapper ul li label {
    line-height: 18px;
}

.checkoutBox .checkoutBoxItem section .checkoutPayment .paymentTypesWrapper ul li label span {

    font-weight: 400;
}

.checkoutBox .checkoutBoxItem section .checkoutPayment .paymentTypesWrapper ul li label span i {
    display: inline-block;
    position: relative;
    top: 2px;
}

.checkoutBox .checkoutBoxItem section .checkoutPayment .paymentTypesWrapper ul li label input {
    margin: 0 15px 0px 0;
    float: left;
    border: none;
    box-shadow: inset 0px 2px 1px -1px rgba(0, 0, 0, 0.3);
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: #f3f3f3;
}

.checkoutBox .checkoutBoxItem section .checkoutPayment .paymentTypesContainer>div {
    display: none;
}

.checkoutBox .checkoutBoxItem section .checkoutPayment .paymentTypesContainer .paymentCreditCard {
    padding: 30px;
}

.checkoutBox .checkoutBoxItem section .checkoutPayment .paymentTypesContainer>.active {
    display: block;
}

.checkoutBox .checkoutBoxItem section .checkoutPayment .paymentTypesContainer .paymentCreditCard .cardDiv {
    width: 44%;
    display: inline-block;
}

.checkoutBox .checkoutBoxItem section .checkoutPayment .paymentTypesContainer .paymentCreditCard .cardDiv>div {
    width: 100%;
    display: inline-block;
    margin: 0 0 20px 0;
}

.checkoutBox .checkoutBoxItem section .checkoutPayment .paymentTypesContainer .paymentCreditCard .cardDiv>div label {
    display: block;
    font-size: 13px;
    max-width: 100%;
    margin-bottom: 10px;
    color: #232323;
}

.checkoutBox .checkoutBoxItem section .checkoutPayment .paymentTypesContainer .paymentCreditCard .cardDiv .cc-last {
    display: inline-block;
    margin: 0 20px 0 0;
    width: initial;
    float: left;
}

.checkoutBox .checkoutBoxItem section .checkoutPayment .paymentTypesContainer .paymentCreditCard .cardDiv .cc-cvv2 {
    display: inline-block;
    margin: 0;
    width: 96px;
    position: relative;
}

.checkoutBox .checkoutBoxItem section .checkoutPayment .paymentTypesContainer .paymentCreditCard .cardDiv .cc-month {
    width: 76px;
    float: left;
    display: inline-block;
    margin-right: 10px;
}

.checkoutBox .checkoutBoxItem section .checkoutPayment .paymentTypesContainer .paymentCreditCard .cardDiv .cc-year {
    width: 94px;
    float: left;
    display: inline-block;
}

.checkoutBox .checkoutBoxItem section .checkoutPayment .paymentTypesContainer .paymentCreditCard .cardDiv>div select {
    background: #fff;
    border: 1px solid #e1e1e1;
    font-size: 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.whatCvv2 {
    position: absolute;
    right: 10px;
    top: 40px;
    width: 20px;
    height: 20px;
    background: #f1f1f1 url(../img/cvv2.png) no-repeat center;
    border-radius: 50%;
    background-size: 9px;
    cursor: pointer;
}

.card-wrapper {
    width: 50%;
    float: right;
    margin: 10px 0 0 0;
}

.card-comment {
    width: 100%;
    margin: 30px 0 0 0;
}

.card-comment p {
    font-size: 14px;
    line-height: 20px;
    color: #666;
    padding-bottom: 10px;
    margin: 0;
}

.card-comment p:last-child {
    padding-bottom: 0;
}

.installment-content {
    float: left;
    width: 100%;
    margin: 30px 0;
}
.installment-title {
    font-size: 15px;
    color: #232323;
    margin: 0 0 10px;
    font-weight: 400;

}
.installment-header {
    float: left;
    width: 100%;
}
.installment-header p {
    float: left;
    padding: 0 10px;
    color: #888;
}
.installment-header p:nth-child(1) {
    width: 20%;
}
.installment-header p:nth-child(2) {
    width: 20%;
}
.installment-header p:nth-child(3) {
    width: 20%;
}

.installment-list {
    float: left;
    width: 100%;
    margin: 10px 0 0;
}
.installment-list li:nth-child(odd) {
    background-color: #f5f5f5;
}
.installment-list li {
    float: left;
    width: 100%;
    padding: 10px;
    margin: 5px 0;
    border-bottom: none;
    cursor: pointer;
    font-weight: 700;
}
.installment-list li .installment-item {
    width: 20%;
    float: left;
}
.installment-list li .installment-item input[type="radio"] {
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 1px;
}
.installment-list li .installment-item label {
    display: inline-block;
}

.payment-agreement {
    float: left;
    width: 100%;
    display: block !important;
    padding: 30px;
    border-top: 1px solid #e1e1e1;
}

.payment-agreement a {
    color: #62a8e2;
}

.payment-agreement a:hover {
    text-decoration: underline;
}

.payment-agreement input[type=checkbox] {
    border: none;
    box-shadow: inset 0px 2px 1px -1px rgba(0, 0, 0, 0.3);
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: #f3f3f3;
}

.agreement-box {
    color: #727272;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    background-color: #fff;
    height: 500px;
    overflow: auto;
    border: 5px solid #e5e5e5;
    padding: 10px;
}

.agreement-box p {
    color: #727272;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    margin: 0 0 10px;
}

.agreement-modal-controls span {
    display: inline-block;
}

.agreement-modal-controls .left {
    float: left;
}

.agreement-modal-controls .btn {
    margin: 5px;
}

.agreement-modal-controls span {
    display: inline-block;
}

.agreement-modal-controls .right {
    float: right;
}

.input-hata {
    border: 1px solid red !important;
}

.ng-hide {
    display: none !important;
}

/* page-container */

.page-container {
    width: 100%;
    background: #fff;
    margin: 30px 0 0;
    border-bottom: 2px solid #dbdcdf;
    border: 1px solid #e1e1e1;
}

.page-container-title {
    padding: 0 0 30px 0;
}

.page-container-title h1 {
    margin: 0;
}

.page-content-box {
    padding: 30px;
}

.page-content-box.bg-gray {
    background: #f9f9f9;
}

.page-content-box p {
    color: #666;
    font-size: 16px;
    line-height: 26px;
}

.page-content-image {
    float: right;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 400px;
    height: 400px;
    margin: 0 0 30px 30px;
}

/* about */

.about {
    float: left;
    width: 100%;
    margin: 30px 0;
    position: relative;
}

.about-left {
    float: left;
    width: 850px;
    padding: 50px 100px 50px 50px;
    background: #fff;
    min-height: 470px;
}

.about-left h1 {
    font-size: 34px;
    color: #3c3c3c;

    font-weight: 300;
    margin: 0 0 15px 0;
    border-bottom: 1px solid #fec42e;
    padding-bottom: 10px;
    line-height: 34px;
    margin-bottom: 30px;
    display: inline-block;
}

.about-left p {
    font-size: 18px;
    color: #888;
    line-height: 28px;
    padding-bottom: 20px;
}

.about-left a {
    color: #00418d;
    padding: 6px 30px;
    margin: 10px 0 0 0;
}

.about-right {
    position: absolute;
    top: 50px;
    right: 0;
    width: 480px;
    height: 420px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* about-list */

.about-list {
    margin: 30px 0;
}

.about-list ul {
    margin-left: -15px;
    margin-right: -15px;
}

.about-list ul li {
    float: left;
}

.about-list ul li .about-list-image {
    float: left;
    width: 100%;
    height: 280px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.about-list ul li .about-list-detail {
    float: left;
    width: 100%;
    height: 270px;
    background: #fff;
    padding: 30px;
}

.about-list ul li .about-list-detail h2 {
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 400;

}

.about-list ul li .about-list-detail p {
    font-size: 18px;
    line-height: 26px;
    color: #888;
    margin-bottom: 20px;
}

/* partners */

.partners {
    float: left;
    width: 100%;
    margin: 30px 0;
}

.partners h1 {
    font-size: 30px;
    color: #3c3c3c;

    font-weight: 300;
    margin: 0 0 15px 0;
    line-height: 34px;
    margin-bottom: 30px;
    display: inline-block;
}

.partners-carousel {
    padding: 0 20px;
    background: #fff;
    height: 120px;
    border-bottom: 2px solid #dbdcdf;
    text-align: center;
}

.partners-carousel li {
    display: table;
    height: 120px;
    text-align: center;
    width: 100%;
}

.partners-carousel li a {
    display: table-cell;
    vertical-align: middle;
}

.partners-carousel li a img {
    margin: 0 auto;
    display: block;
    width: auto !important;
}

/* page-map*/

.page-map {
    height: 300px;
    display: table;
    width: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

#map {
    height: 300px;
    display: table;
    width: 100%;
    position: relative;
    z-index: 1;
}

.contact-map {
    width: 100%;
    height: 100%;
    border: none;
}

/* iletisim-bilgi */

.iletisim-bilgi {
    margin: 30px 0 0;
}

.iletisim-bilgi .content {
    width: 100%;
    height: 540px;
    float: left;
    background: #fff;
    padding: 30px;
    position: relative;
    border-bottom: 2px solid #dbdcdf;
}

.iletisim-bilgi .content h2 {
    margin: 0 0 5px 0;
    font-size: 13px;

    font-weight: 400;
    letter-spacing: 1px;
}

.iletisim-bilgi .content h2 i {
    margin-right: 8px;
    color: #888;
}

.iletisim-bilgi .content div {
    margin: 0 0 15px;
}

.iletisim-bilgi .content p {
    color: #666;
    line-height: 26px;
    font-size: 16px;
    padding-bottom: 0;
    margin: 0;
}

.iletisim-bilgi .content p a {
    color: #666;
    line-height: 26px;
}

.iletisim-bilgi .content p a span {
    color: #888;
    font-size: 12px;

    font-weight: 400;
    letter-spacing: 1px;
    margin-right: 10px;
    width: 100px;
    display: inline-block;
}

/* iletisim-formu */

.iletisim-formu .content {
    width: 100%;
    min-height: 540px;
    float: left;
    background: #fff;
    margin: 30px 0 0;
    padding: 30px;
    position: relative;
    border-bottom: 2px solid #dbdcdf;
}

/* error-container */

.error-container {
    margin: 0 0 50px;
    text-align: center;
}

.error-container-title {
    line-height: 1;
    color: #fec42e;

    font-weight: 400;
    margin-bottom: -50px;
}

.error-container-text p {
    font-size: 16px;
    color: #666;
    margin: 0 0 10px;
    padding: 0;
}


.account-menu-list {
    margin: 10px 0;
    float: left;
    width: 100%;
}

.account-menu-list .col {
    text-align: center;
    margin: 0 0 30px 0;
}

.account-menu-list .col .account-icon {
    width: 100px;
    height: 100px;
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    margin-bottom: 10px;
    position: relative;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.account-menu-list .col .account-icon .table {
    display: table;
}

.account-menu-list .col .account-icon .table-cell {
    height: 100px;
}

.account-menu-list .col .account-icon .table-cell i {
    color: #fec42e;
    font-size: 34px;
}

.account-menu-list .col h1 {
    font-size: 16px;

    font-weight: 300;
    margin: 0 0 3px 0;
}

.account-menu-list .col a {
    display: block;
    line-height: 26px;
}

.account-menu-list .col a:hover {
    text-decoration: underline;
    color: #fec42e;
}

/* siparis-tarihi */

.siparis-tarihi {
    float: right;
    margin: 16px 0;
    width: 220px;
}

.siparis-tarihi span {
    float: left;
    line-height: 34px;
    margin-right: 10px;
    font-size: 14px;
    color: #666;
    font-weight: 400;

}

.siparis-tarihi .form-group {
    width: 110px;
    display: inline-block;
    margin: 0;
}

.siparis-tarihi .form-control {
    height: 34px;
    padding: 6px 12px;
    font-size: 13px;
}

.siparis-sayisi {
    float: left;
    padding: 20px 0;
}

.siparis-sayisi span {
    font-weight: 600;

}
.iptal-olan {
    float: right;
    padding: 20px 0;
        font-weight: 500;
        color: #3c3c3c;

}
.iptal-olan:hover {
    text-decoration: underline;
}

/* siparis-container */
.siparis-container {
    float: left;
    width: 100%;
    margin: 0 0 20px;
}
.siparis-content {
     float: left;
    width: 100%;
    border: 1px solid #e1e1e1;
}
.siparis-content-bg {
     float: left;
    width: 100%;
    background: #f9f9f9;
     padding: 0;
}
.siparis-content-left {
    float: left;
    padding: 10px 15px;
    width: 24%;
}
.siparis-content-left-row {
    float: left;
    width: 100%;
    margin-bottom: 25px;
    font-size: 12px;
}
.siparis-content-left-row .order-date-text {
    float: left;
    width: 100%;
    display: block;
}
.siparis-content-left-row .order-date {
    float: left;
    width: 100%;
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 28px;
}
.siparis-content-left-row .order-no-text, .siparis-content-left-row .order-total-text, .siparis-content-left-row .order-cust-text {
    float: left;
    display: block;
    font-weight: bold;
    line-height: 20px;
}
.siparis-content-left-row .order-no {
    float: left;
    display: block;
    font-weight: bold;
    margin-left: 3px;
    color: #dea512;
    line-height: 20px;
}
.siparis-content-left-row .order-cust {
    float: left;
    display: block;
    margin-left: 3px;
    width: 100%;
    line-height: 20px;
     text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.siparis-content-left-row .order-total {
    float: left;
    display: block;
    margin-left: 3px;
    line-height: 20px;
}
.siparis-content-left-row .order-link-cont {
    float: left;
    margin-top: 10px;
    width: 100%;
}

.siparis-content-right01 {
    float: left;
    padding: 18px;
    width: 76%;
    border-bottom: 1px solid #dbdbdb;
    background: #ffffff;
}
.order-delivery-stat-cont {
    float: left;
    width: 100%;
}
.order-delivery-stat-text {
    float: left;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    color: #dea512;
}
.delivery-status-FT {
    color: #666666;
    float: right;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 2px;
    margin-left: 10px;
    text-decoration: underline;
}

.siparis-content-right02 {
    float: left;
    padding: 15px;
    width: 76%;
    background: #ffffff;
    min-height: 205px;
}

.order-list-item-cont {
    float: left;
    border-right: 1px solid #dbdbdb;
    width: 70%;
    min-height: 205px;
}
.order-list-item {
    float: left;
    padding: 10px 0;
    border-bottom: 1px solid #dbdbdb;
    width: 100%;
}
.order-list-item img {
    margin: 0 10px;
    float: left;
    width: 80px;
    height: 80px;
    display: block;
}
.order-list-item-name {
    float: left;
    font-size: 14px;
}
.order-list-more-link {
    float: left;
    font-size: 12px;
    width: 100%;
    margin-top: 15px;
}
.order-list-more-link a {
    color: #dea512;
}
.order-list-more-link a:hover {
    text-decoration: underline;
}

.order-list-item-btn-cont {
    float: left;
    padding-left: 10px;
    width: 30%;
    margin-top: 10px;
}
.order-list-item-btn-cont a {
    width: 100%;
}

/* msg-tablo */
.msg-tablo {
  margin: 0 0 40px 0;
  width: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  display: table;
}
@media screen and (max-width: 580px) {
  .msg-tablo {
    display: block;
  }
}

.msg-tablo .row {
  display: table-row;
  background: #f6f6f6;
}
.msg-tablo .row:nth-of-type(odd) {
  background: #fff;
}
.msg-tablo .row.header {
  color: #9d9d9d;
  background: #fff;
  font-size: 11px;

}
@media screen and (max-width: 580px) {
  .msg-tablo .row {
    padding: 14px 0 7px;
    display: block;
  }
  .msg-tablo .row.header {
    padding: 0;
    height: 6px;
  }
  .msg-tablo .row.header .cell {
    display: none;
  }
  .msg-tablo .row .cell {
    margin-bottom: 10px;
  }
  .msg-tablo .row .cell:before {
    margin-bottom: 3px;
    content: attr(data-title);
    min-width: 98px;
    font-size: 10px;
    line-height: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #969696;
    display: block;
  }
}

.msg-tablo .row .cell {
  padding: 24px 20px;
  display: table-cell;
  text-align: center;
  color: #3c3c3c;
  font-size: 14px;

}
.msg-tablo .row.header .cell {
    color: #9d9d9d;
    font-weight: 600;
}
.msg-tablo .row .cell i {
    font-size: 24px;
    color: #85BD6D;
    position: relative;
}
@media screen and (max-width: 580px) {
  .msg-tablo  .row .cell {
    padding: 2px 16px;
    display: block;
  }
}
.mobile-title {
    display: none;
}
.msg-tablo .row .cell .message {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
}
.msg-tablo .row .cell.message {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.msg-tablo .row .cell.message-read {
    text-align: left;
}
.msg-tablo .row .cell.date {
    width: 200px;
}
.msg-tablo .row .cell.message-read .soru-title {

}

#hesaplayici input {
    width: 100%;
    height: 40px;
    font-size: 14px;
    border-radius: 4px;
    border: 2px solid #e1e1e1;
    text-indent: 10px;
}
#hesaplayici select {
    width: 100%;
    height: 40px;
    font-size: 14px;
    border-radius: 4px;
    border: 2px solid #e1e1e1;
    outline: none;
    box-shadow: none;
}
#hesaplayici button {
    width: 100%;
}

.hesap-sonuc {
    height: 40px;
    line-height: 36px;
    border: 2px solid #fec42e;
    background: #fff;
    border-radius: 4px;
    text-align: center;
}
.hesap-sonuc span {

}


.pdf-carousel.owl-theme .owl-nav {
    margin: 0;
    position: absolute;
    right: 0;
    top: -50px;
    border: 1px solid #e1e1e1;
}

.pdf-carousel.owl-theme .owl-nav [class*=owl-] {
    color: #A0A0A0;
    margin: 0;
    padding: 0;
    background: #ffffff;
    cursor: pointer;
    border-radius: 0;
    height: 36px;
    width: 40px;
    text-align: center;
    display: inline-block;
    font-size: 14px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 36px;
}

.pdf-carousel.owl-theme .owl-nav .owl-prev {
    border-right: 1px solid #e1e1e1;
}

.pdf-carousel.owl-theme .owl-nav [class*=owl-]:hover {
    background: #f1f1f1;
    color: #888;
    text-decoration: none;
}


.page-box {
    padding: 50px 0;
}

.page-box-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 420px;
}

.g-item h1 {
    font-size: 15px;
    color: #3894D3;
    margin: 0 0 10px;
    font-weight: 700;
    display: inline-block;
    border-radius: 100px;
}

.g-item h2 {
    font-size: 26px;
    line-height: 36px;
    color: #3c3c3c;
    margin: 0 0 30px;
    font-weight: 500;
}

.g-item p {
    font-size: 16px;
    line-height: 26px;
    color: #888;
}


/* site-content */

.site-list-box-content {
    background-color: #fff;
}

.site-list-box-content .site-list-box {
    padding: 20px 0;
    border-bottom: 1px solid #e5e5e5;
}

.site-list-box-content .site-list-box.title .icon {
    margin-right: 12px;
    margin-top: 0px;
    font-size: 20px;
    float: left;
    color: #909090;
    line-height: 1;
}

.site-list-box-content .site-list-box.title {
    font-weight: 400;

}

.site-list-box-content .site-list-box.title a:hover {
    text-decoration: underline;
}

.site-list-box-content .site-list-box span.site-list-title-text {
    font-weight: 500;

    padding-top: 3px;
    font-size: 15px;
}

.site-list-box-content .site-list-box span.site-list-title-text.small {
    font-size: 12px;
    font-weight: 600;

    letter-spacing: 1px;
    float: none;
}

.site-list-box-content .site-list-box .site-list-item-content {
    width: 100%;
    display: block;
    padding-top: 16px;
}

.site-list-box-content .site-list-box .site-list-item-content>.site-list-item {
    padding: 0 0 10px;
}

.site-list-box-content .site-list-box .site-list-item-content>.site-list-item a {
    position: relative;
}

.site-list-box-content .site-list-box .site-list-item-content>.site-list-item a i {
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 15px;
    color: #919191;
    position: absolute;
    right: 0;
}

.site-list-box-content .site-list-box .site-list-item-content>.site-list-item a.active {
    color: #fec42e;
}

.site-list-box-content .site-list-box .site-list-item-content>.site-list-item a.active i {
    color: #fec42e;
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 2px !important;
}

.site-list-box-content .site-list-box .site-list-item-content>.site-list-item a.active+.list-item-menu {
    display: block;
}

.site-list-box-content .site-list-box .site-list-item-content>.site-list-item:last-child {
    padding: 0;
}

.site-list-box-content .site-list-box .site-list-item-content>.site-list-item .site-list-title-text {
    display: block;
    padding-right: 24px;
    position: relative;
    cursor: pointer;
    color: #3c3c3c;
    font-size: 15px;
}

.site-list-box-content .site-list-box .site-list-item-content>.site-list-item .site-list-title-text:hover {
    text-decoration: underline;
}

.site-list-box-content .site-list-box .site-list-item-content>.site-list-item .list-item-menu {
    margin: 10px 0;
    border-left: 1px solid #e1e1e1;
    padding-left: 10px;
    display: none;
}

.site-list-box-content .site-list-box .site-list-item-content>.site-list-item .list-item-menu li a {
    display: block;
    color: #666;
    padding-bottom: 10px;
}

.site-list-box-content .site-list-box .site-list-item-content>.site-list-item .list-item-menu li:last-child a {
    padding: 0;
}

.site-list-box-content .site-list-box .site-list-item-content>.site-list-item .list-item-menu li a:hover {
    text-decoration: underline;
}

.site-page-content {
    background-color: #fff;
    padding: 0 20px;
}

.site-page-content-title {
    padding-bottom: 10px;
}

.site-page-content-title h1 {
    font-size: 22px;
    font-weight: 600;
}

.site-page-content-title p {
    margin: 0;
    color: #666;
}


.siparis-head {
    background: #fcfcfc;
    border-radius: 3px;
    border: 1px solid #eaeaea;
}
.siparis-head .us {
    padding: 23px 10px 48px 23px;
}
.siparis-head .sh-baslik {
    margin-bottom: 22px;
}
.siparis-head .sh-baslik h4 {
    font-size: 28px;
    font-weight: 400;
    color: #424242;
}
.siparis-head .sh-baslik h4 span {
    color: #797878;
}
.siparis-head .sh-baslik p span.sl-fiyat {
    color: #f5771b;
    font-size: 20px;
    font-weight: 600;
}
.siparis-head .sh-ozet li {
    font-size: 14px;
    color: #222;
    margin-bottom: 9px;
}
.siparis-head .sh-ozet li label {
    margin-right: 10px;
}
.siparis-head .sh-ozet li label {
    width: 47%;
}
.siparis-head .sh-ozet li.no span {
    color: #e52a2a;
}
.sh-adres {
    border-top: 1px dashed #dfdfdf;
    margin: 15px 0 0 0;
}
.sh-adres label {
    margin-right: 10px;
    width: calc( 22% - 10px );
}
.siparis-head .sh-adres li {
    border-bottom: 1px dashed #dfdfdf;
    padding: 17px 0;
}
.siparis-head .sh-adres ul li:last-child {
    border: 0;
}
.siparis-head li label {
    color: #444;
    font-family: Arial;
    font-size: 12px;
    font-weight: 600;
    max-width: initial;
    display: initial;
    margin-bottom: initial;
    display: inline-block;
}
.siparis-head .sh-adres li p {
display: inline-block;
    width: 77.5%;
    font-size: 14px;
}
.siparis-head .as {
    border-top: 1px solid #eaeaea;
    height: 63px;
    border-radius: 0 0 3px 3px;
    background: white;
}
.urun-tablosu table {
    width: 98%;
    margin: 0 auto;
    top: -40px;
    position: relative;
}
.urun-tablosu thead {
    vertical-align: top;
}
.urun-tablosu thead tr {
    height: 60px;
}
.ut-fiyat thead tr td {
    text-align: center;
}
.ut-fiyat thead tr td:nth-child(1) {
    text-align: left;
}
.urun-tablosu thead td {
    font: 700 12px "Arial";
    color: #666;
}
.ut-fiyat td {
    padding: 0 10px;
}
.urun-tablosu tbody tr {
    height: 100px;
}
.ut-fiyat tbody td {
    text-align: right;
    font-size: 15px;
}
.urun-tablosu tbody td {
    border-bottom: 1px solid #e9e9e9;
}
.ut-fiyat tbody tr td:nth-child(1) {
    text-align: left;
    padding-left: 12px;

}
.ut-fiyat tbody tr td:nth-child(1) span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 140px;
    display: block;

}
.ut-fiyat tbody tr td:nth-child(2) {
    text-align: center;
}
.ut-fiyat tbody tr td:nth-child(3) {
    text-align: center;
}
.ut-fiyat tbody tr td:nth-child(4) {
    text-align: center;
    padding: 0 10px;
    width: 20px;
}
.ut-fiyat tbody tr td:nth-child(5) {
    text-align: center;
}
.ut-fiyat tbody tr td:nth-child(6) {
    text-align: center;
}
.urun-tablosu td figure {
    border-radius: 52px;
    width: 52px;
    height: 52px;
    background: #fff;
    padding: 3px;
    box-sizing: border-box;
    border: 2px solid #dcdcdc;
}
.urun-tablosu td figure span {
    border-radius: 46px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
}
.urun-tablosu td figure img {
    height: 40px;
}
.ut-fiyat tbody td .birim {
    font-size: 11px;
    color: #888;
}

.urun-tablosu .ut-footer {
    width: 98%;
    min-height: 150px;
    margin: 0 auto;
    position: relative;
}
.urun-tablosu .tablo-islem {
    left: 14px;
}
.urun-tablosu .tablo-rapor {
    position: absolute;
    width: 200px;
    top: 25px;
    right: 0;
}
.urun-tablosu .tablo-rapor ul li {
    padding: 14px 13px 14px 0;
    position: relative;
}
.urun-tablosu .tablo-rapor ul label {
    color: #f5771b;
    padding-left: 4px;
}
.urun-tablosu .tablo-rapor ul li span.prt {
    position: absolute;
    right: 15px;
    font-size: 15px;
    top: 12px;
}
.urun-tablosu .tablo-rapor ul li:last-child {
    border-top: 1px solid #e9e9e9;
    text-align: right;
    font-size: 27px;
}
.urun-tablosu .tablo-rapor ul li:last-child .birim {
    font-size: 21px;
    color: #999;
    margin-left: 3px;
}

/* adres-list */
.adres-list li {
    float: left;
    width: 100%;
    border: 1px solid #e1e1e1;
    padding: 20px;
    margin: 0 0 10px;
}
.adres-item {
    float: left;
    width: 100%;
    margin: 0 0 10px;
}
.adres-list li span {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #888;
    display: inline-block;
    width: 100px;
}
.adres-list p {
    display: inline-block;
    font-size: 15px;
    margin: 0;
    padding: 0;
}
.adres-list a {
    display: inline-block;
    margin: 10px 0 0;
    padding-right: 15px;
    color: #3894D3;
    font-weight: 500;
    font-size: 14px;
}

.adres-list a i {
    margin-right: 5px;
}

.yorum-list-item {
    padding: 0;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}
.yorum-list-item img {
    width: 64px;
    height: 64px;
    display: inline-block;
}