a,
ul li a {
    text-decoration: none
}

.align-top,
.header-search-button {
    transform: translateY(-50%);
    top: 50%
}

h2,
h4,
h5,
section {
    margin: 0;
    padding: 0
}

#container,
body,
header {
    height: auto
}

.mycart-collapse,
.normal-useron-collapse,
.sign-collapse {
    z-index: 999;
    visibility: hidden
}

#deals-content-pad,
#slider-image,
.sss .panel {
    overflow: hidden
}

.clear,
.temizle,
section {
    clear: both
}

a {
    color: #fff
}

a:active,
a:focus,
a:hover {
    outline: 0
}

a img {
    border: 0
}

img {
    display: block
}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

ul li {
    list-style: none
}

.right {
    float: right;
    right: 0
}

.left {
    float: left;
    left: 0
}

.align-full,
.align-middle {
    position: absolute;
    left: 50%
}

.align-top {
    position: absolute;
    -webkit-transform: translateY(-50%)
}

.align-middle {
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%)
}

.align-full {
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

h2,
h4,
h5 {
    font-weight: inherit
}

.alert-error,
.alert-ok {
    color: #a94442;
    padding: .75rem 1.25rem
}

.vertical-text {
    writing-mode: tb-rl
}

.column1,
.column10,
.column11,
.column12,
.column2,
.column3,
.column4,
.column5,
.column6,
.column7,
.column8,
.column9 {
    float: left
}

.column12 {
    width: 100%
}

.column11 {
    width: 91.66666667%
}

.column10 {
    width: 83.33333333%
}

.column9 {
    width: 75%
}

.column8 {
    width: 66.66666667%
}

.column7 {
    width: 58.33333333%
}

.column6 {
    width: 50%
}

.column5 {
    width: 41.66666667%
}

.column4 {
    width: 33.33333333%
}

.column3 {
    width: 25%
}

.column2 {
    width: 16.66666667%
}

.column1 {
    width: 8.33333333%
}

#container,
body,
html {
    width: 100%
}

input,
option {
    outline: 0
}

select {
    outline: 0;
    border-radius: 3px;
    -webkit-border-radius: 3px
}

.text-center {
    text-align: center
}

.alert-error {
    background-color: #f2dede;
    border-radius: .25rem;
    -webkit-border-radius: .25rem;
    margin-bottom: 1rem;
    border: 1px solid #ebcccc;
    font-weight: 700;
    font-size: 18px
}

.top5 {
    margin-top: 5px
}

.top10 {
    margin-top: 10px
}

.top15 {
    margin-top: 15px
}

.top20 {
    margin-top: 20px
}

.top30 {
    margin-top: 30px
}

.bottom5 {
    margin-bottom: 5px
}

.bottom10 {
    margin-bottom: 10px
}

.bottom15 {
    margin-bottom: 15px
}

.bottom30 {
    margin-bottom: 30px
}

.underline {
    text-decoration: underline
}

.alert-errortwo {
    color: #a94442;
    font-weight: 400;
    font-size: 14px;
    margin-top: 5px
}

.alert-ok {
    background-color: #4bde4b;
    border-radius: .25rem;
    -webkit-border-radius: .25rem;
    margin-bottom: 1rem;
    border: 1px solid #ebcccc;
    font-weight: 700;
    font-size: 18px
}

#header-top a:hover,
#header-top i {
    color: #000
}

select {
    background-color: #fff!important
}

html {
    height: 100%
}

body {
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    font-family: 'Patrick Hand', sans-serif;
    font-weight: 400;
    overflow-x: hidden;
    margin: 0;
    padding: 0
}

#header-top a,
#header-top i,
#header-top-shipping span {
    font-size: 16px
}

.header-search-button span,
.sign-collapse {
    font-family: Roboto, sans-serif
}

button {
    cursor: pointer
}

.content-row,
.content-row-all {
    /*content içindeki kayan slider*/
    width: 1102px;
    height: auto;
    margin: 0 auto
}

.content-row-all:after {
    clear: both;
    content: '';
    display: block
}

header {
    width: 100%;
    position:relative;
    z-index:9999;
}

#header-top {
    width: 100%;
    height: 30px;
    background: #f4f4f4;
    line-height: 30px;
    border-bottom: 1px solid #e7e7e7
}

#header-top a {
    display: inline-block;
    margin-left: 20px;
    color: #000;
    border-left: 1px solid #e7e7e7;
    padding-left: 9px;
    cursor: default
}

#header-top a:first-child {
    margin-left: 0
}

#header-top i {
    margin-right: 7px
}

#header-top-shipping {
    float: right;
    color: #000
}

#header-center {
    width: 100%;
    height: 106px
}

#header-bg {
    width: 100%;
    height: 100%;
    /*background-image: url(../images/header-bg.png);*/
    background-color:#fff;
    background-size: cover
}

header .content-row {
    display: table;
    vertical-align: middle;
    position: relative;
    height: 100%
}

header .content-row-cell {
    display: table-cell;
    vertical-align: middle
}

.mobile-bars {
    position: absolute;
    left: 0;
    margin-top: 3px
}

.mobile-bars div {
    display: inline-block
}

.mobile-bars div:first-child {
    padding: 15px 10px 15px 5px;
    margin-top: -15px;
    margin-right: -5px;
    cursor: pointer
}

.mobile-bars i {
    color: #333;
    font-size: 22px;
    cursor: pointer
}

.mobile-user {
    display: none
}

.mobile-user i {
    font-size: 30px;
    color: #363636
}

#logo {
    margin-top: 0px
}

#logo img {
    max-width: 327px
}

#header-search {
    position: relative;
    margin-top: 18px
}

#header-search input {
    width: 100%;
    height: 41px;
    border: 1px solid #363636;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    text-indent: 10px
}

#header-search input::placeholder {
    color: #aaa
}

.chkbadres {
    padding-top: 5px
}

.chkbadres input {
    width: 14px!important;
    height: 14px!important;
    padding: 0!important;
    margin: 0!important
}

.header-search-button {
    position: absolute;
    right: 2px;
    -webkit-transform: translateY(-50%);
    height: 29px;
    border: none;
    border-left: 1px solid #ccc;
    background: #fff;
    outline: 0;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.header-search-button span {
    font-weight: 300;
    font-size: 12px;
    color: #aaa;
    margin-right: 12px;
    padding-left: 6px;
    line-height: 30px
}

.header-search-button i {
    font-weight: 300;
    font-size: 10px;
    color: #aaa;
    float: right;
    line-height: 29px;
    margin-right: 13px
}

#header-member {
    text-align: right;
      margin-top: 10px
}

#header-member a {
    display: inline-block;
    text-align: center;
    position: relative
}

#header-member a:first-child {
    margin-right: 30px
}

#header-member a:hover span,
.mycart a:hover span {
    color: #000;
    
}

#header-member a span,
.mycart a span {
    font-size: 16px;
    color: #000;
    letter-spacing: .01em
}

#header-member a img,
#header-member a span {
    display: block;
    text-align: center;
    margin: 0 auto
}

.mycart a span {
    display: block;
    text-align: center;
    margin: 6px auto 0
}

#header-member a span {
    margin-top: 3px
}

.sign-collapse {
    margin-top: 2px;
    position: absolute;
    height: auto;
    font-size: 12px;
    padding: 10px;
    min-width: 186px;
    background-color: #fff;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    opacity: 0;
    box-shadow: 0 1px 7px -2px rgba(0, 0, 0, .3);
    text-align: center;
    color: #323232;
    right: 0;
    border: 1px solid #ddd
}

.normal-useron,
.normal-useron a span {
    position: relative
}

.sign-collapse .useroff a {
    display: block;
    width: 100%;
    padding: 10px 0;
    background: #7fbc00;
    color: #fff
}

.sign-collapse .useroff a:first-child:hover {
    background: #6c9f01
}

.sign-collapse .useroff a:last-child {
    margin-top: 10px;
    border: 1px solid #ddd;
    background: #fff;
    color: #000
}

.sign-collapse .useroff a:last-child:hover {
    margin-top: 10px;
    border: 1px solid #7fbc00;
    color: #7fbc00
}

.sign-collapse .useron a {
    color: #000;
    display: block;
    width: 100%;
    text-align: left!important;
    margin-top: 10px;
    padding: 5px 0
}

.normal-useron-collapse a:hover,
.normal-useron-collapse a:hover i,
.sign-collapse .useron a:hover,
.sign-collapse .useron a:hover i {
    color: #f27a1a
}

.sign-collapse .useron a:first-child {
    margin-top: 0
}

.normal-useron a {
    margin-right: 10px!important
}

.normal-useron a span:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: '\f078';
    position: absolute;
    display: block;
    top: 50%;
    right: -15px;
    transform: translateY(-50%);
    font-size: 12px
}

.mycart-collapse,
.normal-useron-collapse {
    height: auto;
    background-color: #fff;
    font-family: Roboto, sans-serif;
    opacity: 0;
    box-shadow: 0 1px 7px -2px rgba(0, 0, 0, .3)
}

.normal-useron i {
    font-size: 42px;
    color: #363636
}

.normal-useron-collapse {
    margin-top: 2px;
    position: absolute;
    font-size: 12px;
    padding: 10px;
    min-width: 90px;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    text-align: center;
    color: #323232;
    right: 0;
    border: 1px solid #ddd;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s
}

.normal-useron-collapse span,
.useron span {
    color: #f27a1a;
    cursor: pointer;
    text-align: left!important;
    float: left
}

.normal-useron-collapse i,
.useron i {
    display: inline-block;
    font-size: 18px;
    float: left;
    color: #bababa;
    margin-right: 5px;
    width: 30px
}

.normal-useron-collapse a {
    color: #000;
    display: block;
    width: 100%;
    text-align: left!important;
    margin-top: 10px;
    padding: 5px 0
}

.normal-useron-collapse a:hover {
    color: #f27a1a
}

.normal-useron-collapse a:first-child {
    margin-top: 0
}

.mycart {
    display: inline-block;
    position: relative;
    margin-top: 12px;
    padding-right: 10px
}

.mycart a.headersepet {
    float: right
}

.mycart-collapse {
    position: absolute;
    right: 0;
    font-size: 12px;
    padding: 10px;
    min-width: 300px;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    text-align: left
}

#menu ul li ul li span,
nav#menu ul li a {
    display: block;
    font-family: 'Segoe UI', sans-serif
}



#menu ul li ul,
.menu-close {
    z-index: 9999;
    position: absolute
}

.mycart-collapse span {
    font-size: 12px
}

.mycart-collapse .status {
    width: 100%;
    margin-top: 21px
}

.mycart-collapse .status .status-empty {
    font-size: 10px;
    font-weight: 700;
    color: #000
}

.mycart-collapse .status .status-full {
    width: 100%;
    min-height: 100px
}

.mycart-collapse .status .status-full-image {
    margin-bottom: 20px;
    float: left;
    width: 40%
}

.mycart-collapse .status .status-full-image img {
    height: 75px
}

.mycart-collapse .status .status-full-count {
    font-weight: 700
}

.mycart-collapse .status .status-full-title {
    float: left;
    text-align: left;
    width: 50%;
    padding-left: 5px;
    height: 75px;
    overflow: hidden
}

.mycart-collapse .status .status-full-title span:last-child {
    font-size: 12px;
    color: #520644
}

.mycart-collapse .status .status-full-title-close {
    width: 10%;
    float: right;
    text-align: right
}

.mycart-collapse .status .status-full-title-close i:hover {
    color: #520644
}

.mycart-collapse .subtotal {
    border-top: 1px solid #b9b9b9;
    border-bottom: 1px solid #b9b9b9;
    text-align: center;
    padding: 15px 0;
    font-weight: 700
}

.mycart-collapse .mycart-button,
.search-collapse .mycart-button {
    font-size: 12px;
    background-color: #7fbc00;
    color: #fff;
    border: 0;
    padding: 10px 12px;
    width: 100%;
    margin-top: 10px;
    display: block;
    text-align: center
}

.mycart-collapse .mycart-button:hover,
.search-collapse .mycart-button:hover {
    background-color: #6c9f01;
    color: #fff
}

.mycart a #mybasket-count {
    position: absolute;
    right: 0;
    top: -5px;
    width: 21px;
    height: 21px;
    background: #de574b;
    border-radius: 100%;
    -webkit-border-radius: 100%
}

#slider-image,
#slider-image ul,
#slider-image ul li,
#slider-image ul li iframe,
#slider-image ul li img {
    height: 100%;
    width: 100%
}

.mycart a #mybasket-count span {
    font-size: 16px;
    color: #fff;
    line-height: 21px;
    margin: 0;
    font-weight: 700
}

.mycart a img {
    margin: 0 auto
}

nav {
    width: 100%;
    min-height: 53px;
    /*background-image: url(../images/menu-bg.png); 
      background-repeat: repeat-x;*/ 
         background-color:#252525;

    text-align: center
}

.menu-close {
    color: #363636;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #f5f5f5;
    width: 100%;
    padding: 15px 0
}

.menu-close i {
    font-size: 24px;
    cursor: pointer
}

nav#menu ul {
    padding: 0;
    margin: 0
}

nav#menu ul li {
    display: inline-block;
    margin-left: 8px
}

nav#menu ul li a {
    line-height: 53px;
    font-size: 16px;
    font-weight: 700;
    color: #fff
}




nav#menu ul li:first-child {
    margin-left: 0
}

ul.mobile-after li a {
    padding: 0 10px
}

ul.mobile-after li:hover a {
    color: #ff0000;
    background: #fff
}

 

nav#menu #nav-toggle {
    line-height: 53px;
    position: absolute;
    text-align: center;
    width: 100%;
    left: 0;
    display: none;
    cursor: pointer;
    
}

nav#menu #nav-toggle i {
    color: #fff;
    font-size: 18px;
    cursor: pointer
}

#menu ul li ul {
    left: 0;
    top: 100%;
    background: #fff;
    width: 100%;
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 14px;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease 0s;
    box-shadow: 0 1px 7px -2px rgba(0, 0, 0, .3)
}

#menu ul li ul li a {
    border: 1px solid transparent;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    color: #363636
}

#menu ul li ul li a:hover {
    border: 1px solid #ddd
}

#menu ul li ul li {
    display: inline-block;
    float: left
}

#menu ul li ul li img {
    max-width: 80px;
    margin: 0 auto
}

 


#bank img,
#gift-right img,
.category-products-in ul li img,
.content-in-image img,
.owl-item figure img {
    max-width: 100%
}

#menu ul li ul li span {
    font-size: 16px;
    margin-top: -10px
}

#top-content {
    margin-top: 20px
}

#slider {
    padding-right: 12px;
    height: auto
}

#slider-border {
    /*slider border ve padding ayarları*/
    height: 440px;
    border: 0px solid #ccc;
    padding: 0px;
    position: relative
}

#slider-image ul {
    margin: 0;
    padding: 0
}

#slider-image ul li {
    transition: opacity 2s;
    -webkit-transition: opacity 2s
}

#slider-buttons {
    z-index: 999;
    width: 100%
}

.slider-arrow {
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 26px;
    height: 42px;
    background: #fff;
    border: 1px solid #fff
}

.slider-arrow i {
    color: #363636;
    font-size: 20px;
    line-height: 44px;
    
}

#slider-left {
    position: absolute;
    left: 0;
    border-bottom-right-radius: 26px;
    border-top-right-radius: 26px;
    border-left: 0
}

#slider-left i{
   padding-right:10px;
}

#slider-right i{
   padding-left:8px;
}

#slider-right {
    position: absolute;
    right: 0;
    border-bottom-left-radius: 26px;
    border-top-left-radius: 26px;
    border-right: 0
}

#deals {
    height: 440px
}

#deals-header {
    height: 40px;
    background: rgba(178,150, 81,1);
    position: relative;
    border: 1px solid rgba(0, 0, 0, .22);
    color:#000

}

#deals-header i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    /*color: rgba(0, 0, 0, .33);*/
    color:#fff;
    font-size: 19px;
    cursor: pointer
}

#deals-header i:first-child {
    margin-left: 15px;
    left: 0
}

#deals-header i:last-child {
    right: 0;
    margin-right: 15px
}

#deals-header h5 {
    text-align: center;
    line-height: 40px;
    font-family: Roboto, sans-serif;
    font-size: 14px;
      /*color: rgba(0, 0, 0, .77);*/
       color:#fff;
}

#deals-content {
    height: 400px;
    border: 1px solid #ccc;
    border-top: 0;
    text-align: center;
    /*background-image: url(../images/firsat-bg.png);*/
    background-size: contain;
    background-repeat: repeat-y;
    background-position: 100%;
    position: relative
}

#deals-content-pad {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    position: relative
}

#deals-content ul {
    margin: 0;
    padding: 0px 0 0;
    width: 6100px;
    position: absolute;
    height: 100%;
    left: 0;
    transition: all 1s;
    -webkit-transition: all 1s
}

#deals-content ul li {
    float: left;
    width: 275px;
    height: 100%;
    position: relative
}

.deals-image {
    margin-bottom: 20px;
     
}

.deals-image img {
    margin: 0 auto;
     max-width: 100%;
     /*max-height:280px;*/

}

/*h5.deals-title {
    font-size: 22px;
    color: #000;
    font-family: 'Segoe UI', sans-serif;
    padding-left: 10px;
    padding-right: 10px
}*/

.deals-title {
    font-size: 22px;
    color: #000;
    font-family: 'Segoe UI', sans-serif;
    padding-left: 10px;
    padding-right: 10px
}


.deals-bottom {
    text-align: center;
    margin-bottom: 10px
}

.deals-bottom a,
.deals-bottom>h5,
span {
    display: inline-block;
      font-family: 'Segoe UI', sans-serif;
}

span.deals-mark {
    font-size: 16px;
    color: #363636
}

.deals-price {
    font-size: 24px;
    color: #531a00;
    margin-left: 10px
}

.deals-basket {
    width: 149px;
    height: 32px;
    background: #558a26;
    margin: 0 auto;
    line-height: 32px;
    color: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    display: block
}

.cont-bottom {
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
    background-color:#fff;
}

.deals-basket>div {
    display: inline-block
}

.deals-basket-cart {
    margin-right: 10px
}

.deals-basket span {
    font-family: Roboto, sans-serif;
    font-size: 12px;
    letter-spacing: .03em;
    font-weight: 500
}

.product-content-gram select,
.product-title h1 {
    font-family: 'Segoe UI', sans-serif
}
.product-title h3 {
    font-family: 'Segoe UI', sans-serif
}
#teslimat {
    min-height: 90px;
    /*background-image: url(../images/teslimat-bg.png);*/
    background-color:#f4f4f4;
    margin-top: 21px;
    border-bottom:1px solid #cccccc;
    border-top:1px solid #cccccc;
      font-family: 'Segoe UI', sans-serif;
      
}

.teslimat-content {
    height: 71px;
    padding: 0
}

.teslimat-content:nth-child(1) {
     padding-left: 13px;
    padding-right: 3px;
        border-right:1px solid #cccccc;

}

.teslimat-content:nth-child(2),
.teslimat-content:nth-child(3) {
    padding-left: 13px;
    padding-right: 3px;
     border-right:1px solid #cccccc;
}

.teslimat-content:nth-child(4) {
    padding-left: 13px
}

.teslimat-content-pad {
    height: 71px;
    background: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px
    
}

#teslimat .content-row {
    margin-top: 10px;
    display: table;
    vertical-align: middle;
    position: relative;
    height: 100%
}

#teslimat .content-row-cell {
    display: table-cell;
    vertical-align: middle
}

#teslimat .teslimat-sol {
    
    height: 100%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: center;
    position: relative
}

#teslimat .teslimat-sol img {
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    max-width:64px;
}

#teslimat .teslimat-sag {
    text-align: center;
    color: #531a00;
    font-weight: 600
}

.product-title h1,
.product-title i {
    color: #000;
    display: inline-block
}
.product-title h3,
.product-title i {
    color: #000;
    display: inline-block
}

.product-title h3,
.product-title i {
    color: #000;
    display: inline-block
}


#teslimat .teslimat-sag-title span {
    font-size: 16px
}

#teslimat .teslimat-sag-title {
    margin-top: 3px;
    margin-bottom: 5px;
    color:#000;
}

#teslimat .teslimat-sag-p p {
    font-size: 14px;
     margin: 0 auto;
    width: 96%;
    line-height: 15px; color:#000;
}

.product-title {
    text-align: center
}

.product-title i {
    font-size: 22px
}

.product-title h1 {
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    margin-left: 10px;
    margin-right: 10px
}
.product-title h3 {
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom:10px;
}

.with-sale,
.with-salegri,
.with-salegrifirsat {
    width: 54px;
    height: 30px;
    font-size: 16px;
    line-height: 30px
}


.with-tukendi {
     width: 100%;
    position: absolute;
    left: 0;
    bottom: 98px;
    background: #ca3357;
    color: #fff;
    text-align: center;
    padding:3px;
    font-size: 20px;
}

.with-sale,
.with-salegri {
    position: absolute;
    right: 0;
    top: 0;
    background: #b29651;
    color: #fff;
    text-align: center;
    z-index:4
}

 
.with-yeni {
   
    position: absolute;
    left: 0;
    top: 0;
    background: #00cbff;
    color: #fff;
    text-align: center;
    z-index:4;
      width: 50px;
    height: 30px;
    font-size: 18px;
    line-height: 30px

}


.with-salefirsat,
.with-salegrifirsat {
    top: 0px;
    background: #b29651;
    color: #fff;
    position: absolute;
    text-align: center;
    right: 0;
    z-index:5
}
 
.with-salefirsat {
    width: 50px;
    height: 36px;
    font-size: 22px;
    line-height: 36px
}

.with-salefirsat:after {
    top: 100%;
    right: 0;
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    border-color: #ffb932 transparent transparent;
    border-width: 25px
}

.owl-item {
    /*ana sayfadaki ürün causel*/
    padding-top: 0px;
    padding-bottom: 4px;
    border: 1px solid #ddd;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    text-align: center;
    margin-top: 10px;
    /*transition: box-shadow .5s;
    -webkit-transition: box-shadow .5s;*/
    }

 #containerres {
  display: inline-block;
  overflow: hidden;
}

#containerres img {
  display: block;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

#containerres:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


.owl-item:hover {
      box-shadow: 0 0 8px rgba(33,33,33,.2); 
      
}

.owl-item:hover .product-button-basket {
    background: #6c9f01
}

.owl-item figure {
    margin: 0 0px;
    padding: 0px;
    width: 100%
}

.owl-item figure img {
   width:100%;
    margin: 0 auto;
    width: auto!important
}

.adetafter,
.gramafter {
    height: 33px
}

.gramafter,
.nongram,
.select-gram {
    width: 100%;
    float: left;
   font-weight:bold;
}

.owl-nav {
    display: block!important;
    position: absolute;
    top: -30px;
    right: 0
}

.owl-nav div,
.owl-nav i {
    display: inline-block
}

#footer-bulten,
.adetafter,
.gramafter {
    position: relative
}

.owl-nav i {
    font-size: 32px;
    color: #a98c7f;
    cursor: pointer
}

.owl-nav div:first-child {
    margin-right: 5px
}

.owl-dots {
    display: none!important
}

.product-content-gram {
    /*ürün fiyat bölümü*/
    margin-top: 0px;
    min-height: 35px;
    padding: 0px;
  
}

.product-content-gram select {
    height: 33px;
    padding-left: 5px;
    color: #531a00;
    font-weight: 700;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    position: relative
}

.odemebilgileri input[type=number],
input[type=number] {
    -moz-appearance: textfield
}

.select-gram {
    background: url(../images/gramarrow.png) right center no-repeat;
    background-position: 97%
}

.nongram {
    text-align: center;
    line-height: 33px
}

.nongramin {
    text-align: left;
    /*line-height: 33px;*/
    width:100%;
    font-size: 20px;
     font-weight:bold;
}

.nongramin .salely {
    color: #d4591e;
    font-size: 16px;
    text-decoration: line-through;
    font-weight:bold;
}

.nongram .salely {
    color: #d4591e;
    font-size: 16px;
    text-decoration: line-through
}

.nongram span:last-child {
    color: #000;
    font-size: 18px
}

.adetafter {
    width: 70px;
    float: right
}

.adetafter span {
    position: absolute;
    font-size: 16px;
    top: 50%;
    transform: translateY(-50%);
    display: none
}

.select-adet {
    width: 75px;
    float: right;
    background: url(../images/adetarrow.png) right center no-repeat;
    background-position: 95%
}

#footer-alt,
#footer-bg,
#gift-kuruyemis img,
footer {
    width: 100%
}

.product-button-basket {
    width: 100%;
    height: 36px;
    background-color: #7fbc00;
    margin-top: 10px;
    text-align: center;
    transition: all .5s;
    -webkit-transition: all .5s
}

.product-button-basket a {
    display: block
}

.product-button-basket a span {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 500
}

.product-button-basket a i {
    margin-right: 3px;
    font-size: 16px;
    line-height: 36px
}

.product-content-bottom {
    background-color:#fff;
    position:relative;
    
    
}



.product-content-bottom h2 {
    font-size: 18px;
    color: #000;
    display: block;
    vertical-align: middle;
    height: 50px;
    font-family: 'Segoe UI', sans-serif;
    padding-left: 3px;
    padding-right: 3px;
    padding-top:2px;
    /*display:table-cell;*/
}

#footer-bulten a,
#footer-bulten input {
    height: 40px;
    font-family: 'Segoe UI', sans-serif
}

.product-content-bottom a {
    display: table;
    margin: 0 auto;
    text-align: center
}

#foryou,
#gifts,
footer,
section#mybasket {
    margin-top: 30px
}

#footer-alt h1,
footer ul {
    margin: 0;
    padding: 0
}

#footer-right,
#footer-right ul {
    text-align: right
}

#gift-kuruyemis {
    padding-right: 10px
}

#gift-right {
    padding-left: 10px
}

#gift-right div:first-child {
    margin-bottom: 14px
}

footer {
    height: auto;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd
}

#footer-bg {
    min-height: 300px;
    /*background-image: url(../images/header-bg.png);*/
    background-color:#f4f4f4;
    background-size: cover;
    padding: 30px 0
}

#bank img {
    margin-bottom: 20px
}

footer ul h5 {
    font-size: 16px;
    margin-bottom: 10px;
    font-family: 'Segoe UI', sans-serif;
    font-weight: 700
}

footer ul li a {
    color: #000;
    font-size: 14px;
    font-family: 'Segoe UI', sans-serif
}

footer ul li a:hover {
    color: #558a26
}

#footer-right ul {
    margin: 0 0 12px;
    padding: 0
}

#footer-alt,
.sepetbos,
.sepetbos i:after,
.urun_yokk {
    text-align: center
}

#footer-right ul li {
    display: inline-block;
    margin-left: 15px
}

#footer-right ul li a img {
    transition: box-shadow .3s;
    -webkit-transition: box-shadow .3s
}

#footer-right ul li a:hover img {
    box-shadow: 0 1px 12px 0 #558a26
}

#footer-phone,
#footer-whatsapp {
    font-size: 24px;
    color: #252525;
    margin-bottom: 12px
}

#footer-phone i,
#footer-whatsapp i {
    font-size: 42px;
    color: #252525;
    margin-right: 8px
}

#footer-bulten input {
    text-align: center;
    border: 2px solid #252525;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    color: #000;
    width: 243px;
    font-size: 19px
}

#footer-bulten input::placeholder {
    color: #000
}

#footer-bulten p {
    margin-right: 18px
}

#footer-bulten a {
    position: absolute;
    right: 0;
    top: 0;
    background: #558a26;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    line-height: 40px;
    font-size: 16px;
    padding: 0 6px
}

#footer-alt {
    font-family: 'Segoe UI', sans-serif;
    font-size: 11px;
    padding: 5px 0
}

.relief span,
.sepetbos,
.sepetbos i:after,
.urun_yokk {
    font-family: Roboto, sans-serif
}

#footer-alt h1 {
    font-size: 11px;
    display: inline-block;
    color: #558a26
}

.sepetbos {
    margin: 0 auto;
    padding: 30px 0
}

.sepetbos a,
.sepetbos i,
.sepetbos span {
    margin-bottom: 15px
}

.sepetbos i {
    font-size: 48px;
    color: #434343;
    position: relative
}

.sepetbos i:after {
    position: absolute;
    content: "0";
    display: block;
    float: right;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    top: -6px;
    right: -6px;
    background: #de574b;
    color: #fff;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    -webkit-border-radius: 100%
}

.sepetbos span {
    font-size: 24px
}

.sepetbos a {
    background: #0153a6;
    color: #fff;
    font-size: 16px;
    padding: 15px;
    margin: 15px auto 0;
    border-radius: 3px;
    -webkit-border-radius: 3px
}

.urun_yokk {
    margin: 0 auto;
    padding: 30px 0
}

.urun_yokk a,
.urun_yokk i,
.urun_yokk span {
    margin-bottom: 15px
}

.urun_yokk i {
    font-size: 48px;
    color: #434343;
    position: relative
}

.urun_yokk span {
    font-size: 24px
}

.urun_yokk a {
    background: #0153a6;
    color: #fff;
    font-size: 16px;
    padding: 15px;
    margin: 5px auto 0;
    border-radius: 3px;
    -webkit-border-radius: 3px
}

.relief span {
    font-size: 72px;
    font-weight: 700;
    color: #999;
    opacity: 1
}

.relief-text,
.relief1-text,
.relief2-text,
.relief3-text,
.relief4-text {
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    position: relative
}

.relief span.active {
    color: #019247;
    opacity: 1
}

.relief-icon {
    font-size: 72px;
    float: right
}

.relief-text {
    font-size: 20px;
    color: #bab9b9
}

.relief1-icon {
    font-size: 72px;
    float: right
}

.relief1-text {
    font-size: 20px;
    color: #bab9b9
}

.relief2-icon {
    font-size: 72px;
    float: right
}

.relief2-text {
    font-size: 20px;
    color: #bab9b9
}

.relief3-icon {
    font-size: 72px;
    float: right
}

.relief3-text {
    font-size: 20px;
    color: #bab9b9
}

.relief4-icon {
    font-size: 72px;
    float: right
}

.relief4-text {
    font-size: 20px;
    color: #bab9b9
}

.relief1 .relief-text:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: '\f291';
    position: absolute;
    display: block;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 32px;
    color: #bab9b9
}

.relief1 .relief1-text:after,
.relief2 .relief-text:after {
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    display: block;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%)
}

.relief1 .relief1-text:after {
    content: '\f291';
    font-size: 32px;
    color: #019247
}

.relief2 .relief-text:after {
    content: '\f0d1';
    font-size: 32px;
    color: #bab9b9
}

.relief2 .relief2-text:after,
.relief3 .relief-text:after {
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    display: block;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%)
}

.relief2 .relief2-text:after {
    content: '\f0d1';
    font-size: 32px;
    color: #019247
}

.relief3 .relief-text:after {
    content: '\f09d';
    font-size: 32px;
    color: #bab9b9
}

.relief3 .relief3-text:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: '\f09d';
    position: absolute;
    display: block;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 32px;
    color: #019247
}

.relief4 .relief-text:after,
.relief4 .relief4-text:after {
    content: '\f058';
    position: absolute;
    display: block;
    bottom: 100%;
    transform: translateX(-50%);
    left: 50%
}

.relief4 .relief-text:after {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 32px;
    color: #bab9b9
}

.relief4 .relief4-text:after {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 32px;
    color: #019247
}

.relief-right-arrow {
    display: inline-block;
    margin-left: 30px;
    color: #bab9b9
}

.relief-right-arrow i {
    font-size: 80px;
    font-weight: 300
}

.content-in-property span,
.content-in-title h2,
.content-in-title p {
    font-family: Roboto, sans-serif;
    font-size: 14px
}

#mybasket-products {
    margin-top: 20px;
    padding-right: 20px
}

.mybasket-content {
    border: 1px solid #ddd;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 3px;
    -webkit-border-radius: 3px
}

.content-in-property {
    text-align: left;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px
}

.content-in-property span {
    font-weight: 500;
    color: #a7a7a7
}

.content-in {
    border-bottom: 1px solid #ddd;
    padding: 15px 0
}

.content-in:last-child {
    border: none;
    padding-bottom: 0
}

.content-in-gram {
    margin-top: 16px
}

.content-in-gram select {
    width: 70%;
    background: #fff;
    height: 30px;
    border-radius: 0;
    -webkit-border-radius: 0;
    color: #656669;
    border-color: #656669;
    padding-left: 5px
}

.content-in-title {
    padding-left: 15px;
    margin-top: 24px
}

.content-in-title h2,
.content-in-title p {
    color: #4e4f53
}

.content-in-adet {
    font-size: 24px;
    margin-top: 14px
}

.content-in-adet a:first-child i {
    color: #a7a7a7
}

.content-in-adet a:last-child i {
    color: #8bc058
}

.content-in-adet span {
    font-family: Robot, sans-serif;
    color: #4e4f53;
    font-weight: 500
}

.content-in-price {
    margin-top: 20px
}

.content-in-price span {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #478cba
}

.content-product-delete {
    float: right;
    margin-right: 10px
}

.content-product-delete i {
    color: #de574b;
    font-size: 24px;
    float: right;
    margin-top: -25px
}

.content-product-button a,
.order-content-other span {
    font-family: Roboto, sans-serif;
    font-size: 14px
}

#category,
.content-product-button,
.order-content-button {
    margin-top: 10px
}

.content-product-button a {
    text-align: center;
    display: block;
    background-color: #bdc3c7;
    color: #fff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    width: 30%;
    padding: 10px;
    transition: background-color .5s;
    -webkit-transition: background-color .5s
}

.content-product-button a:hover {
    background-color: #909598
}

#order {
    margin-top: 20px
}

.order-content {
    border: 1px solid #ddd;
    background: #f8f9fa;
    border-radius: 3px;
    -webkit-border-radius: 3px
}

.order-content-count {
    border-bottom: 1px solid #ddd;
    padding: 10px
}

.order-content-count span {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #a7a7a7
}

.ml0 {
    margin-left: 0!important
}

.order-content-other {
    border-bottom: 1px solid #ddd;
    padding: 20px 10px
}

.order-content-other span {
    display: inline-block;
    font-weight: 500;
    color: #4e4f53
}

.order-content-button a,
.order-contentnew-button a {
    font-size: 14px;
    color: #fff;
    transition: background-color .5s;
    display: block;
    text-align: center;
    font-family: Roboto, sans-serif;
    text-transform: uppercase
}

.order-content-other .order-content-other-in span:last-child {
    float: right
}

.order-content-other-in:first-child {
    margin-bottom: 10px
}

.order-toplam {
    margin-bottom: 0!important
}

.order-content-button {
    width: 100%
}

.order-content-button a {
    background-color: #35c126!important;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 15px 0;
    margin-bottom: 5px
}

.order-content-button a:last-child {
    background: #f77d1a
}

.order-content-button a:last-child:hover {
    background: #f58f3c
}

.order-contentnew-button {
    border: none!important;
    padding: 0;
    margin-top: 10px
}

.order-contentnew-button a {
    background-color: #35c126!important;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 15px 0
}

.order-content-button a:hover,
.order-contentnew-button a:hover {
    background-color: #35a729!important
}

#category {
    padding-right: 10px
}

#category ul.main-category {
    margin: 0;
    padding: 0;
    border: 1px solid #ddd
}

#category ul.main-category li a {
    color: #313436;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    display: block;
    padding: 12px;
    position: relative;
    border-bottom: 1px solid #ddd;
    width: 100%;
    height: 100%
}

.category-link .category-drop-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 998
}

#category ul.main-category li ul {
    border: none;
    margin: 0;
    padding: 0;
    background: #ecf1f4;
    display: none
}

#category ul li ul li a:hover {
    background: #252525;
    color: #fff
}

#category ul.main-category li.category-dropdown ul li {
    border: none;
    display: block;
    margin: 0
}

#category ul.main-category li.category-dropdown ul li a {
    padding: 6px 18px;
    border-bottom: none;
    font-size: 14px
}

.category-drop>a .category-drop-all {
    display: none
}

.show {
    display: block
}

#category-products {
    padding-left: 10px
}

.category-products-title {
    width: 100%;
    padding: 2px 10px;
    border: 1px solid #ddd;
    position: relative
}

.category-products-title h1 {
    font-family: Roboto, sans-serif;
    font-size: 21px;
    color: #363636
}

.category-products-title h3 {
    font-family: Roboto, sans-serif;
    font-size: 21px;
    color: #363636
}


.category-products-title .column12 p {
    font-size: 14px;
    margin: 0;
    padding: 0;
    font-family: 'Segoe UI', sans-serif;
    color: #5a5a5a
}

.category-products-title .ranked-in {
    margin-top: 18px
}

.category-products-title .ranked-in select {
    height: 33px;
    min-width: 150px;
    float: right;
    text-indent: 1px;
    color: #656669;
    border-color: #a7a7a7;
    border-radius: 0;
    -webkit-border-radius: 0;
    outline: 0
}

.category-products-in {
    margin-top: 21px
}

.category-products-in ul {
    padding: 0;
    margin: 0;
    width: 100%;
    height: auto
}

.category-products-in ul li {
    display: inline-block;
    width: 31.6%;
    text-align: center;
    border: 1px solid #ddd;
    margin-left: 2%;
    margin-bottom: 2%;
    transition: box-shadow .5s;
    -webkit-transition: box-shadow .5s;
    position: relative;
    padding-bottom:4px;
}

.category-products-in ul li:hover {
    /*tüm ürünler gölge*/
    /*-webkit-box-shadow: inset 1px 1px 14px 2px rgba(0, 0, 0, .11);
    -moz-box-shadow: inset 1px 1px 14px 2px rgba(0, 0, 0, .11);
    box-shadow: inset 1px 1px 14px 2px rgba(0, 0, 0, .11);
    z-index:3*/
      box-shadow: 0 0 8px rgba(33,33,33,.2); 
    
}
 


.category-products-in ul li:hover .product-button-basket {
    background: #6c9f01
}

.category-products-in ul li:first-child,
.category-products-in ul li:nth-child(3n+4) {
    margin-left: 0
}

 

/*4lü*/

.category-products-in ul li img
 {
    max-width: 100%
}

  .category-products-in ul li figure {
        margin: 0;
        padding: 0px;
         text-align:center;
         height: 330px;
    }

  .category-products-in ul li figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

  .content-row .owl-item figure {
    height: 330px;
}

.content-row .owl-item figure img {
    width: 100%!important;
    height: 100%;
    object-fit: cover;
}

.category-products-anasayfa ul li figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*4lü bitiş*/

.category-pagination {
    width: 100%;
    text-align: center;
    margin-top: 21px
}

.category-pagination .category-pagination-in div {
    margin: 0;
    padding: 0
}

.category-pagination-in {
    margin: 0 auto;
    text-align: center;
    position: relative
}

.category-pagination a {
    font-family: Roboto, sans-serif;
    color: #16a085;
    font-size: 16px;
    font-weight: 400;
    transition: all .3s;
    -webkit-transition: all .3s
}

.paginate-content {
    position: relative
}

.paginate-content ul {
    padding: 0;
    margin: 0 auto;
    display: inline-block
}

.paginate-content ul li {
    display: inline-block;
    font-size: 0;
    margin-right: -1px
}

.paginate-content ul li a,
.paginate-left a,
.paginate-right a {
    display: block;
    border: 1px solid #d6e1e5;
    padding: 14px 18px
}

.paginate-left,
.paginate-right {
    display: inline-block
}

.paginate-left {
    margin-right: -4px!important
}

.paginate-right {
    margin-left: -3px!important
}

.paginate-left a {
    border-top-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px
}

.paginate-right a {
    border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px
}

.paginate-left a,
.paginate-right a {
    color: #6c9f01
}

.category-pagination a.page-active,
.category-pagination a:hover {
    background: #252525;
    color: #fff
}

#uye {
    margin-top: 21px
}

.uye-border {
    width: 100%;
    height: auto;
    border: 1px solid #ddd
}

#uye-ol-content {
    padding-top: 30px;
    padding-left: 30px;
    padding-bottom: 30px
}

#uye-ol {
    padding-right: 10px
}

#uye-giris {
    padding-left: 10px
}

.uye-title {
    text-align: center;
    padding: 10px 0;
    border-bottom: 2px solid #8bc058
}

.uye-title h2 {
    font-family: Roboto, sans-serif;
    font-size: 22px;
    color: #333;
    letter-spacing: .05em
}

.uye-ol-content-row {
    margin-bottom: 15px
}

.uye-ol-content-row label {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #364347;
    line-height: 38px
}

.sepetegit-submit,
.uye-ol-button-submit {
    font-size: 18px;
    transition: background .5s;
    display: block;
    font-family: Roboto, sans-serif;
    text-align: center
}

.uye-ol-content-row input {
    float: right;
    height: 38px;
    border: 2px solid #ddd;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    text-indent: 15px;
    color: #364347;
    width: 270px
}

.uye-ol-button {
    width: 100%;
    height: auto;
    margin-bottom: 10px
}

.giris-button,
.uye-ol-button-submit {
    outline: 0;
    border: none;
    background: 0 0;
    border-radius: 3px;
    -webkit-border-radius: 3px
}

.uye-ol-button-submit {
    color: #fff;
    background: #63b243;
    padding: 10px 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-transition: background .5s;
    width: 100%
}

.uye-ol-button-submit:hover {
    background: #7ccc5c
}

.sepetegit-button {
    width: 100%;
    height: auto;
    margin-bottom: 3px;
    margin-top: 3px
}

.sepetegit-button-submit {
    outline: 0;
    border: none;
    background: 0 0;
    border-radius: 3px;
    -webkit-border-radius: 3px
}

.sepetegit-submit {
    color: #558a26;
    background: #fff;
    padding: 3px 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-transition: background .5s;
    width: 100%
}

.sepetegit-submit:hover {
    background: #e1ffa3;
    color: #000
}

.kullanimkosullari {
    color: #333
}

.kullanimkosullari input {
    height: 30px;
    width: 30px
}

#uye-giris .uye-border {
    background: #f8f9fa
}

#uye-giris-content {
    padding: 30px 60px
}

.uye-giris-content-row {
    margin-bottom: 15px
}

.uye-giris-content-row label {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #364347;
    line-height: 38px;
    float: left
}

.uye-giris-content-row input {
    float: right;
    height: 38px;
    border: 2px solid #ddd;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    text-indent: 15px;
    color: #364347
}

.urundetay-price,
.urundetay-title {
    border-bottom: 1px solid #ddd;
    width: 100%
}

.uye-giris-content-row a {
    color: #436ab2;
    float: right;
    font-size: 16px
}

.uye-giris-content-row .giris-button {
    background: #009cff;
    display: block;
    float: right;
    padding: 10px 0;
    font-size: 16px;
    width: 100%;
    text-align: center;
    color: #fff;
    transition: background .5s;
    -webkit-transition: background .5s
}

.uye-giris-content-row .giris-button:hover {
    background: #45b2f7
}

#urundetay {
    margin-top: 10px
}

.hierarchy {
    margin-bottom: 1px;
    color: #363636
}

.hierarchy a {
    font-family: Roboto, sans-serif;
    color: #363636;
    font-size: 13px
}

.urundetay-image {
    padding-right: 0;
    min-height: 478px;
    border: 1px solid #ddd;
    position: relative;
    display: table;
    vertical-align: middle
}

.urundetay-image figure {
    width: 100%;
    padding: 0;
    margin: 0;
    display: table-cell;
    vertical-align: middle
}

.urundetay-image figure img {
    max-width: 100%;
    margin: 0 auto;
    
}

.urundetay-image .mini-image {
    height: 75px;
    text-align: center;
    border-top: none;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);

}

.urundetay-image .mini-image img {
    max-height: 100%;
    margin: 0 auto;
    border:1px solid #000;
}

.urundetay-image .mini-image a {
    display: inline-block;
    margin-left: 10px;
    height: 75px;
    padding: 5px 0
}

.urundetay-image .mini-image a:first-child {
    margin-left: 0
}

.urundetay-in {
    padding-left: 10px
}

.urundetay-in-border {
    width: 100%;
    height: auto;
    border: 1px solid #ddd;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #f8f9fa;
    padding: 14px 15px
}

.urundetay-title h1,
.urundetay-title p {
    font-family: 'Segoe UI', sans-serif;
    padding: 0
}

.urundetay-title h1 {
    margin: 0;
    font-weight: 700;
    font-size: 28px
}

.urundetay-title h2,
.urundetay-title p {
    font-family: 'Segoe UI', sans-serif;
    padding: 0
}

.urundetay-title h2 {
    margin: 0;
    font-weight: 700;
    font-size: 28px
}

.urundetay-title p {
    margin: 8px 0 10px;
    font-weight: 400;
    font-size: 16px
}

.urundetay-price {
    padding: 15px;
    display: table
}

.urundetay-gram,
.urundetay-price .urundetay-left {
    display: table-cell;
    vertical-align: middle
}

.urundetay-in .sepeteekle {
    background: #8bc058;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    transition: background-color .5s;
    -webkit-transition: background-color .5s
}

.urundetay-in .sepeteekle:hover {
    background-color: #69a72e
}

.urundetay-in .stoktayok {
    background: #df564b;
    cursor: not-allowed
}

.urundetay-in .stoktayok:hover {
    background: #df564b
}

.urundetay-in .hizlisatinal {
    background: #d79d5e;
    margin-top: 10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    transition: background .5s;
    -webkit-transition: background .5s
}

.urundetay-in .hizlisatinal:hover {
    background: #e49136
}

.urundetay-price .urundetay-left {
    font-family: Roboto, sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #000;
    margin-right: 15px;
    height: 30px
}

.urundetay-gram .urundetay-left {
    float: left;
    margin-top: 3px
}

.urundetay-gram .urundetay-fiyat {
    width: 100%;
    text-align: unset!important;
    margin-top: -7px!important
}

.urundetay-gram select {
    width: 70%;
    height: 30px;
    border-radius: 0;
    -webkit-border-radius: 0;
    color: #656669;
    border-color: #656669;
    padding-left: 5px
}

.urundetay-adet {
    text-align: center;
    border-radius: 0;
    display: table;
    vertical-align: middle
}

.urundetay-adet select {
    height: 30px;
    display: table-cell;
    vertical-align: middle;
    float: left
}

.minus {
    color: #a7a7a7
}

.urundetay-adet a:last-child i {
    color: #8bc058
}

.urundetay-adet span {
    font-family: Robot, sans-serif;
    color: #4e4f53;
    font-weight: 500
}

.urundetay-fiyat {
    width: 100%;
    text-align: center;
    margin-top: 15px
}

.urundetay-fiyat span {
    font-family: Roboto;
    font-size: 40px;
    color: #0153a6;
    font-weight: 700
}

.urundetay-button a,
.urundetay-proccess .yorumyap a {
    font-family: Roboto, sans-serif;
    display: block
}

.urundetay-button {
    width: 100%;
    text-align: center;
    margin-top: 15px
}

.urundetay-button a {
    font-size: 22px;
    font-weight: 700;
    padding: 10px 0
}

.guvenlihizli {
    margin-top: 30px;
    margin-bottom: 15px
}

.urundetay-process {
    width: 100%;
    height: auto;
    margin-bottom: 15px
}

.urundetay-proccess .yorumyap {
    padding: 0 6px
}

.urundetay-proccess .yorumyap a {
    font-size: 13px;
    font-weight: 500;
    color: #c7d301;
    width: 100%;
    padding: 6px 0;
    text-align: center;
    border: 1px solid #c7d301;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #fff;
    transition: background .5s;
    -webkit-transition: background .5s
}

.urundetay-proccess .yorumyap a:hover {
    background: #c7d301;
    color: #fff
}

.urundetay-share {
    margin-top: 15px
}

.urundetay-share span {
    font-size: 32px;
    margin-left: 6px;
    margin-right: 15px
}

.urundetay-share i {
    font-size: 32px;
    margin-right: 15px;
    color: #8bc058;
    cursor: pointer;
    transition: color .5s;
    -webkit-transition: color .5s
}

.ulcontent,
.urundetay-property a {
    font-size: 16px;
    font-family: 'Segoe UI', sans-serif
}

.urundetay-share i:hover {
    color: #69a72e
}

.urundetay-property {
    margin-top: 30px;
    border: 1px solid #ddd;
    text-align: center
}

.urundetay-property ul.ulproperty {
    margin: 0 0 10px;
    width: 100%;
    border: 1px solid #ddd;
    background: #f8f9fa;
    border-top: none
}

.urundetay-property ul.ulproperty li {
    display: inline-block;
    margin-left: 12px
}

.urundetay-property ul.ulproperty li:first-child {
    margin-left: 0
}

.urundetay-property a {
    color: #000;
}

.urundetay-property .urundetay-property-active {
    background: #ccc;
    color: #fff
}

.urundetay-property .urundetay-property-active:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: calc(100% - 4px);
    border: 0 solid #b1a87b;
    display: block
}

.ulcontent {
    margin: 0;
    padding: 2px 15px 20px;
    text-align: left;
    color: #000;
    font-weight: 400;
    line-height: 28px
}

.ulcontent li {
    width: 100%;
    display: none;
    opacity: 0;
    transition: all .5s;
    -webkit-transition: all .5s
}

.ulcontent li:first-child {
    display: block;
    opacity: 1
}

.ulcontent li ul,
.ulcontent li ul li {
    display: block!important;
    opacity: 1!important
}

.ulcontent li ul li {
    display: list-item!important;
    list-style: disc
}

.yorumlisi {
    display: block!important;
    opacity: 1!important
}

.sticky-basket {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0!important;
    width: 100%;
    background: #15c060;
    display: none;
    z-index: 11
}

.sticky-sepeteekle {
    text-align: center;
    padding-top: 2px;
    padding-bottom: 10px
}

.sticky-sepeteekle span {
    font-family: 'Segoe UI', sans-serif;
    color: #fff;
    font-size: 24px
}

.yorum-yok {
    width: 100%;
    text-align: center
}

.yorum-yok span {
    color: #0153a6;
    font-weight: 700;
    display: block;
    padding: 0;
    margin: 0 0 10px
}

.yorum-yapa {
    color: #424242!important;
    font-size: 16px
}

.yorum-yapb {
    color: #333!important;
    font-weight: 300!important
}

.yorum-yok a {
    margin: 5px 0 0;
    text-transform: none;
    background: #0153a6;
    color: #fff;
    padding: 10px;
    border-radius: 3px;
    -webkit-border-radius: 3px
}

.yorumlar {
    width: 100%;
    height: auto;
    padding: 0 6px;
    margin-top: 20px
}

.yorum-item {
    width: 100%;
    border-bottom: 1px solid #ddd;
    margin-bottom: 1px;
    padding-top: 10px;
    padding-bottom: 10px
}

.yorum-item:last-child {
    border-bottom: none;
    margin-bottom: 0
}

.yorum-item:last-child span:last-child {
    margin-bottom: 0
}

.yorumlar span.yorum-icerik,
.yorumlar span.yorum-kisaca {
    display: block
}

.yorumlar span {
    margin-bottom: 4px;
    color: #777;
    font-weight: 500
}

.yorumlar span.yorum-kisaca {
    color: #8bc058;
    font-size: 16px;
    font-weight: 700
}

.yorumlar span.yorum-tarih,
.yorumlar span.yorum-yazan {
    font-weight: 700;
    color: #333
}

.yorum-yap {
    width: 100%;
    text-align: center
}

.yorum-yap span {
    margin-bottom: 1px
}

.yorum-yap input {
    display: block;
    text-align: center;
    margin: 0px auto 0;
    width: 570px;
    border:1px solid #000;
    margin-bottom:-12px;
    
}

.yorum-yap input[type=textarea],
.yorum-yap input[type=text],
.yorum-yap textarea {
    box-shadow: none;
    padding: 15px;
    
    background: #f5f5f5;
    font-size: 14px;
    font-family: Roboto, sans-serif;
    height: 100px;
    text-align: left;
    color: #9e9e9e;
       border:1px solid #000;
    
  
}

.yorum-yap input[type=textarea],
.yorum-yap input[type=text] {
     border:1px solid #ddd;
    
    border-radius: 3px;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out
}

.yorum-yap textarea {
    display: block;
    margin: 0 auto;
    width: 570px;
    border: 1px;
    border-radius: 3px;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
          border:1px solid #ddd;
    
}

.accordion,
.sss h1,
.sss p {
    font-family: 'Segoe UI', sans-serif
}

.sss a:link { color: #000; }
.sss a:visited { color: #000; }
.sss a:hover { color: #dc0d0d; }
.sss a:active { color: #000; }


 
.not-found,
.odeme-hata,
.odeme-ok {
    text-align: center
}

.yorum-yap input[type=textarea]::placeholder,
.yorum-yap input[type=text]::placeholder {
    color: #9e9e9e;
    font-weight: 500!important
}

.yorum-yap input[type=text] {
    height: 46px
}

.yorum-yap .yorum-gonder {
    outline: 0;
    border: none;
    background: #0153a6;
    padding: 12px;
    color: #fff;
    width: 570px;
    margin-top: 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer;
    font-weight: 700;
    font-size: 16px
}

.not-found {
    margin: 60px 0
}

.not-found i {
    font-size: 100px;
    color: #e60000
}

.not-found p {
    font-size: 72px;
    line-height: 72px;
    padding: 0;
    margin: 30px 0 0
}

.odeme-hata p,
.odeme-ok p {
    line-height: 36px;
    padding: 0
}

.odeme-ok {
    margin: 20px 0
}

.odeme-ok i {
    font-size: 60px;
    color: #66a80f
}

.odeme-ok p {
    font-size: 36px;
    margin: 20px 0 0
}

.odeme-hata {
    margin: 20px 0
}

.odeme-hata i {
    font-size: 60px;
    color: #ef513a
}

.odeme-hata p {
    font-size: 36px;
    margin: 20px 0 0;
    color: #000
}

.sss h1,
.sss i {
    color: #421c0d;
    font-weight: 700
}

.sss {
    margin-top: 10px;
    margin-bottom: 20px
}

.sss h1 {
    font-size: 24px
}

.sss h2 {
    margin-bottom: 30px;
    font-size: 20px;
    color: #e60000
}

.ssaciklama {
  font-family:'Segoe UI',sans-serif;
}


.sss p {
    margin: 0;
    padding: 0
}

.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border-bottom: 1px solid #ccc;
    text-align: left;
    outline: 0;
    font-size: 18px;
    transition: .4s;
    font-weight: 700
}

.accordion:hover,
.sss .active {
    background-color: #ccc
}

.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: 700;
    float: right;
    margin-left: 5px
}

.sss .active:after {
    content: "\2212"
}

.sss .panel {
    padding: 0 18px;
    background-color: #fff;
    max-height: 0;
    transition: max-height .2s ease-out
}

.uyebilgileri-menu {
    font-family: Roboto, sans-serif;
    margin-bottom: 10px
}

.uyebilgileri-menu h2 {
    font-size: 28px;
    color: #000;
    font-weight: 700;
    text-align: center;
    font-family: 'Patrick Hand', sans-serif
}

.uyebilgileri-menu ul {
    margin: 15px 0 0;
    padding: 0
}

.uyebilgileri-menu li {
    margin: 0;
    padding: 0 15px 0 0;
    display: inline-block;
    text-align: center
}

.uyebilgileri-menu li a {
    color: #777;
    font-weight: 700;
    font-size: 18px;
    display: inline-block;
    width: 100%;
    transition: color .3s;
    -webkit-transition: color .3s;
    border-bottom: 3px solid #ddd;
    padding-bottom: 15px
}

.uyebilgiler-menu a span {
    float: left
}

.uyebilgileri-menu a i {
    float: right;
    font-size: 16px
}

.uyebilgileri-menu li a:hover {
    color: #7fbc00
}

.uyebilgileri-menu li a.active {
    color: #7fbc00;
    border-bottom-color: #7fbc00
}

.uyebilgileri-content {
    font-family: Roboto, sans-serif
}

.uyebilgileri-content-row input,
.uyebilgileri-content-row select,
.uyebilgileri-content-row textarea {
    box-shadow: none;
    background: #f5f5f5;
    font-family: Roboto, sans-serif;
    outline: 0
}

.uyebilgileri-content h2 {
    font-size: 16px;
    color: #7fbc00
}

.uyebilgileri-content-row {
    margin-top: 2px
}

.uyebilgileri-content-row label {
    margin-top: 13px;
    font-weight: 500
}

.uyebilgileri-content-row input,
.uyebilgileri-content-row select {
    padding: 0 15px;
    border-radius: 3px;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    max-height: 35px;
    height: 35px;
    margin-top: 5px;
    border: 1px solid #ededed
}

.uyebilgileri-content-row textarea {
    display: block;
    margin: 10px auto 0;
    padding: 8px;
    line-height: 30px;
    color: #9e9e9e;
    font-size: 12px;
    border: 0;
    border-radius: 3px;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    text-align: left
}

.uyebilgileri-content-row .bilgilerimikaydet {
    border: 1px solid #7fbc00;
    outline: 0;
    background: 0 0;
    color: #7fbc00;
    padding: 12px 0;
    float: right;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    transition: all .5s;
    -webkit-transition: all .5s;
    font-size: 12px
}

.uyebilgileri-content-row .bilgilerimikaydet:hover {
    background: #7fbc00;
    color: #fff
}

.siparislerim .content-in-adet span {
    font-size: 18px
}

.siparislerim-ilk #mybasket-products {
    padding-right: 15px
}

.siparislerim-ilk .mybasket-content {
    background: 0 0;
    padding-top: 8px
}

.siparislerim-ilk .content-in span {
    font-family: Roboto, sans-serif;
    color: #000;
    font-weight: 500;
    font-size: 16px;
    margin: 0;
    padding: 0;
    display: block
}

.siparislerim-ilk .content-in span:nth-child(2n) {
    margin-top: 5px
}

.siparislerim-ilk .content-in a span {
    font-weight: 500;
    text-decoration: underline;
    color: #7fbc00
}

.right30 {
    margin-top: 10px;
    padding-right: 30px;
    border-right: 1px solid #ededed
}

.left30 {
    margin-top: 10px;
    padding-left: 30px;
    padding-right: 15px
}

.form-top-border {
    border-top: 1px solid #ededed;
    margin-top: 15px;
    padding-top: 15px
}

.adreskpt {
    position: absolute;
    right: 26px;
    margin-top: -24px;
    width: 26px
}

.adresekle-in {
    background: #7fbc00;
    padding: 15px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #fff;
    position: relative
}

.adresmodal,
.adresmodalguncelle {
    top: 0;
    transform: translateX(-50%);
    border: 1px solid #e6e6e6;
    padding: 15px 30px 30px;
    overflow: auto;
    font-family: Roboto, sans-serif;
    visibility: hidden
}

.adresmodal-overlay {
    position: fixed;
    left: 0;
    top: 0;
    background: #000;
    opacity: .6;
    z-index: 9998;
    width: 100%;
    height: 100%;
    visibility: hidden
}

.adresmodal {
    position: absolute;
    left: 50%;
    z-index: 9999;
    background: #fff;
    width: 420px;
    height: auto;
    margin-top: 15px
}

.adresmodal-overlay-guncelle {
    position: fixed;
    left: 0;
    top: 0;
    background: #000;
    opacity: .6;
    z-index: 9998;
    width: 100%;
    height: 100%;
    visibility: hidden
}

.adresmodalguncelle {
    position: absolute;
    left: 50%;
    z-index: 9999;
    background: #fff;
    width: 420px;
    height: auto
}

#contentholder_orta_ctl00_chk_box_fatura,
#contentholder_orta_ctl00_rbl_cinsiyet_0 {
    width: auto;
    margin-top: 0;
    padding-top: 0!important;
    padding: 0;
    height: 18px
}

.adresmodalfatura,
.adresmodalfaturaguncelle,
.adresmodaltavsiye {
    transform: translateX(-50%);
    border: 1px solid #e6e6e6;
    padding: 15px 30px 30px;
    font-family: Roboto, sans-serif;
    top: 0;
    visibility: hidden;
    overflow: auto
}

#contentholder_orta_ctl00_rbl_cinsiyet_0,
#contentholder_orta_ctl00_rbl_cinsiyet_1 {
    height: 13px!important;
    margin-top: 0
}

#contentholder_orta_ctl00_rbl_cinsiyet {
    margin-top: 12px
}

#contentholder_orta_ctl00_ctl00_chk_box_fatura,
#contentholder_orta_ctl00_ctl00_ddl_adres_tipi,
#contentholder_orta_ctl00_ddl_adres_tipi,
.adresekle .adresmodal-container,
.modal-span {
    margin-top: 0!important
}

.adresmodal-overlay-fatura {
    position: fixed;
    left: 0;
    top: 0;
    background: #000;
    opacity: .6;
    z-index: 9998;
    width: 100%;
    height: 100%;
    visibility: hidden
}

.adresmodalfatura {
    position: absolute;
    left: 50%;
    z-index: 9999;
    background: #fff;
    width: 420px;
    height: auto
}

.adresmodal-overlay-fatura-guncelle {
    position: fixed;
    left: 0;
    top: 0;
    background: #000;
    opacity: .6;
    z-index: 9998;
    width: 100%;
    height: 100%;
    visibility: hidden
}

.adresmodalfaturaguncelle {
    position: absolute;
    left: 50%;
    z-index: 9999;
    background: #fff;
    width: 420px;
    height: auto
}

.adresmodal-overlay-tavsiye {
    position: fixed;
    left: 0;
    top: 0;
    background: #000;
    opacity: .6;
    z-index: 9998;
    width: 100%;
    height: 100%;
    visibility: hidden
}

.adresmodaltavsiye {
    position: absolute;
    left: 50%;
    z-index: 9999;
    background: #fff;
    width: 420px;
    height: auto
}

.modal-span {
    line-height: 29px
}

#contentholder_orta_ctl00_ctl00_chk_box_fatura {
    width: auto!important
}

#contentholder_orta_ctl00_txt_mesaj {
    width: 100%
}

.adresmodal-row:last-child input {
    margin-top: 0!important;
    height: 40px
}

.adresmodal-header {
    border-bottom: 1px solid #ededed;
    padding-bottom: 14px;
    font-size: 16px;
    color: #7fbc00
}

.adresmodal-header i {
    float: right;
    cursor: pointer
}

.adresmodal-container {
    margin-top: 15px
}

.adresmodal-row {
    margin-top: 8px
}

.adresmodal-container label {
    font-size: 12px;
    font-weight: 500
}

.adresmodal-container input,
.adresmodal-container select {
    border: 1px solid #7a7a7a;
    color: #666;
    float: left;
    font-size: 12px;
    padding: 5px 0 5px 10px;
    margin-top: 10px;
    height: 30px;
    width: 100%
}

.adresmodal-row-right7 {
    padding-right: 7px
}

.adresmodal-row-left7 {
    padding-left: 7px
}

.modalkaydet {
    background: #7fbc00;
    outline: 0;
    border: none;
    color: #fff;
    padding: 12px 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    transition: all 0s;
    font-size: 12px;
    margin: 0 auto;
    text-align: center;
    float: none!important
}

.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .7);
    transition: opacity .5s;
    visibility: hidden;
    opacity: 0;
    z-index: 999
}

.overlay:target {
    visibility: visible;
    opacity: 1
}

.popup {
    margin: 70px auto;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    width: 30%;
    position: relative;
    transition: all .5s ease-in-out
}

.popup h2 {
    margin-top: 0;
    color: #333;
    font-family: Tahoma, Arial, sans-serif
}

.adresler,
.basket-off-in,
.siparisdetay-header,
.siparislerim-detay .content-in-gram span {
    font-family: Roboto, sans-serif
}

.popup .close {
    position: absolute;
    top: 20px;
    right: 30px;
    transition: all .2s;
    font-size: 30px;
    font-weight: 700;
    text-decoration: none;
    color: #333
}

.popup .close:hover {
    color: #06D85F
}

.popup .content {
    max-height: 500px;
    overflow: auto;
    margin-top: 30px
}

.adresler {
    margin-top: 15px
}

.adresler h5 {
    font-size: 15px;
    color: #7fbc00;
    float: left
}

.adresler-islem a,
.siparisdetay-header a {
    color: #000
}

.adresler-islem {
    float: right
}

.adresler-islem span {
    margin-right: 30px;
    text-decoration: underline;
    cursor: pointer
}

.adresler-container {
    background: #f2f2f0;
    padding: 20px 20px 0;
    margin-top: 7px
}

.adresler-container span {
    display: block;
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 12px
}

.adresler:nth-child(2n+1) {
    padding-left: 7px;
    padding-right: 0!important
}

.adresler:nth-child(1n) {
    padding-right: 7px
}

#mybasket .adresbilgileri {
    padding-right: 20px;
    margin-top: 20px
}

.adresbilgileri,
.siparisdetay {
    padding-right: 15px
}

#mybasket .adresler-islem span {
    margin: 0
}

.siparislerim-detay .content-in-gram span {
    display: block!important
}

.siparislerim-detay #mybasket-products {
    padding-right: 15px;
    background: 0 0
}

.siparislerim-detay .mybasket-content {
    background: 0 0
}

.siparisdetay-header {
    background: #f6f6f6;
    padding: 15px;
    font-size: 12px
}

.margli .siparisdetay-no,
.margli .siparisdetay-tarih,
.siparisdetay-kargo {
    margin-top: 15px
}

.siparisdetay-header h2 {
    font-size: 24px
}

.siparisdetay-header-in:last-child {
    text-align: right;
    float: right
}

.siparislerimadresler {
    padding-left: 0!important
}

.siparislerimadresler .adresler-container {
    padding: 20px
}

.adreslerkapsa {
    padding-right: 15px
}

.siparislerimadresler .adresler-container a {
    text-decoration: underline;
    color: #337ab7;
    font-size: 14px;
    display: block
}

.basket-off {
    margin-top: 20px;
    padding-right: 20px
}

.basket-off-in {
    border: 1px solid #ddd;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    border-left: 1px solid #ddd
}

.basket-off-in .basket-off-header h2 {
    font-size: 18px;
    font-weight: 500;
    color: #4e4f53
}

.basket-off-in .basket-off-header span {
    font-size: 14px;
    font-weight: 500;
    color: #a7a7a7;
    margin-top: 5px
}

.basket-off-in .basket-off-header {
    border-bottom: 1px solid #ddd;
    padding: 15px;
    background: #f8f9fa
}

.basket-off-in .basket-off-content {
    background: #fff
}

.basket-off-content #uye-ol-content .uye-ol-button-submit,
.basket-off-content input[type=radio]:checked~.check::before {
    background: #f28b00
}

.basket-off-content ul {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: auto
}

.basket-off-content ul li {
    color: #333;
    display: inline-block;
    position: relative
}

.basket-off-content-left ul li:nth-child(2) {
    margin-left: 15px;
    margin-right: 15px
}

.basket-off-content ul li input[type=radio] {
    position: absolute;
    visibility: hidden
}

.basket-off-content ul li label {
    display: block;
    position: relative;
    font-weight: 300;
    font-size: 14px;
    padding: 0 0 0 25px;
    margin: 3px auto;
    height: 30px;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all .25s linear
}

.basket-off-content ul li:hover label {
    color: #000;
    font-weight: 700
}

.basket-off-content ul li .check {
    display: block;
    position: absolute;
    border: 2px solid #AAA;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    top: 0;
    left: 0;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear
}

.basket-off-content ul li:hover .check {
    border: 5px solid #333
}

.basket-off-content ul li .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 10px;
    width: 10px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    margin: auto;
    transition: background .25s linear;
    -webkit-transition: background .25s linear
}

.basket-off-content input[type=radio]:checked~.check {
    border: 2px solid #f28b00
}

.basket-off-content input[type=radio]:checked~label {
    color: #f28b00;
    font-weight: 700
}

.fyt_drm,
.krg_drm {
    background: 0 0;
    box-shadow: none;
    font-family: Roboto, sans-serif;
    z-index: 3
}

.basket-off-content #uye-ol-content .uye-ol-button-submit:hover {
    opacity: .8
}

.basket-off-content #uye-giris,
.basket-off-content #uye-ol-content {
    padding: 0
}

.basket-off-content #uye-giris,
.basket-off-content #uye-olmadan-devam-et {
    display: none
}

.basket-off-content-left {
    border-right: 0px solid #ddd;
    border-left: 0px solid #ddd;
    padding: 15px 30px;
    /*min-height: 488px*/
}

.basket-off-content-left .uye-ol-content-row {
    margin-bottom: 8px
}

.basket-off-content-left .uye-ol-content-row input {
    float: none;
    width: 100%
}

.basket-off-content-right ul {
    margin: 0 auto;
    padding: 0 30px
}

.basket-off-content-right ul li {
    padding: 0;
    margin: 20px 0 0;
    display: block
}

.basket-off-content-right ul li:first-child {
    margin-top: 36px
}

.basket-off-content-right ul li h3,
.basket-off-content-right ul li i,
.basket-off-content-right ul li p {
    padding: 0;
    margin: 0;
    display: inline-block;
    font-weight: 500
}

.basket-off-content-right ul li i {
    font-size: 18px
}

.basket-off-content-right ul li h3 {
    font-size: 16px
}

.basket-off-content-right ul li p {
    font-size: 12px;
    margin-top: 10px;
    color: #666
}

.basket-off-content-left .uye-ol-content-row label {
    line-height: 24px;
    font-size: 14px
}

.orderf {
    color: #0153a6!important;
    font-size: 16px!important
}

.basket-header-2,
.basket-header-3 {
    display: none
}

.fyt_drm {
    border: 0;
    border-radius: 0;
    font-size: 16px;
    font-weight: 600;
    color: #478cba;
    width: 90px;
    text-align:right;
}

.krg_drm {
    border: 0;
    border-radius: 0;
    font-size: 14px;
    color: #000;
    text-align:right;
}

.snackbar-legend,
.snackbar-sepete-git {
    font-family: Roboto;
    width: 100%
}

.sifremiunuttum {
    color: #0153a6;
    float: right;
    margin-bottom: 5px
}

.alert {
    margin-top: 10px;
    padding: 20px;
    background-color: #f44336;
    color: #fff;
    opacity: 1;
    transition: opacity .6s;
    margin-bottom: 5px
}

.alert.success {
    background-color: #4CAF50
}

.alert.info {
    background-color: #2196F3
}

.alert.commentno {
    background-color: #c2e1e3;
    color: #000;
    margin-top: 6px
}

.alert.warning {
    background-color: #ff9800
}

.closebtn {
    margin-left: 15px;
    color: #fff;
    font-weight: 700;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: .3s
}

.closebtn:hover {
    color: #000
}

.mt50 {
    height: 50px
}

.mt5 {
    height: 5px
}

.mt10 {
    height: 10px
}

.mt20 {
    height: 20px
}

#snackbar {
    bottom: 80px;
    right: 10px;
    visibility: hidden;
    min-width: 240px;
    background-color: #fff;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    position: fixed;
    font-size: 20px;
    z-index: 9999;
    border: 1px solid #007b3c
}

.snackbar-legend {
    background: #f1f1f1;
    font-size: 13px;
    padding: 10px 15px;
    text-align: -webkit-left
}

.snackbar-legend a {
    color: #000;
    font-weight: 400
}

.snackbar-sepete-git {
    text-align: left;
    padding: 0 15px;
    font-weight: 300;
    font-size: 13px;
    height: 55px;
    position: relative
}

.snackbar-sepete-git a:first-child {
    color: #000;
    font-size: 13px;
    text-align: left;
    line-height: 55px
}

.snackbar-sepete-git a:nth-child(2) {
    background: #7fbc00;
    padding: 10px 12px;
    color: #fff;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%)
}

.fixed-tabs-Whats,
.fixed-tabs-Whatsdetay {
    position: fixed;
    z-index: 100;
    cursor: pointer
}

#snackbar.show {
    visibility: visible;
    -webkit-animation: fadein .5s, fadeout .5s 2.5s;
    animation: fadein .5s, fadeout .5s 2.5s
}

@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0
    }
    to {
        bottom: 80px;
        opacity: 1
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0
    }
    to {
        bottom: 80px;
        opacity: 1
    }
}

@-webkit-keyframes fadeout {
    from {
        bottom: 80px;
        opacity: 1
    }
    to {
        bottom: 0;
        opacity: 0
    }
}

@keyframes fadeout {
    from {
        bottom: 80px;
        opacity: 1
    }
    to {
        bottom: 0;
        opacity: 0
    }
}

.fixed-tabs-Whats {
    bottom: 6px
}

.fixed-tabs-Whatsdetay {
    bottom: 55px
}

.yemis-whatsphone {
    background: #d3e3e3;
    height: 45px;
    width: 190px;
    border-radius: 30px 0 0 30px;
    transition: .7s ease;
    border: 1px solid #ddd;
    border-right: 0
}

.yemis-whatsphone-icone {
    background: url(../images/whatsapp-icon.png) no-repeat;
    width: 190px;
    background-size: 50px;
    background-position-y: -6px;
    background-position-x: 0;
    padding: 2px
}

.yemis-whatsphone-icone a {
    color: #363636;
    font-size: 13px;
    line-height: 20px;
    margin-left: 45px;
    text-decoration: none;
    height: 60px;
    font-family: sans-serif
}

.guncel-haberler,
.odemebilgileri .main-col {
    font-family: Roboto, sans-serif
}

.yemis-whatsphone-icone a strong {
    display: block;
    font-size: 19px;
    margin-left: 45px
}

.guncel-haberler {
    width: 100%;
    padding: 8px;
    background-color: #000;
    color: #fff;
    text-align: center;
    font-size: 15px;
    letter-spacing: .03em
}

.guncel-haberler i {
    float: right;
    cursor: pointer
}

.odemebilgileri .main-col h1 {
    padding: 50px 0;
    font-weight: 400;
    text-align: center
}

.odemebilgileri input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none
}

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

.odemebilgileri .main-col p {
    margin: 0 0 20px;
    line-height: 1.5;
    color: #555
}

.odemebilgileri .main-col {
    min-width: 305px;
    padding: 30px 0;
    margin: 0 auto;
    background: #fff
}

.odemebilgileri .main-col section {
    display: none;
    border-top: 1px solid #ddd;
    padding-top: 15px
}

.odemebilgileri .main-col input#tab1,
.odemebilgileri .main-col input#tab2,
.odemebilgileri .main-col input#tab3 {
    display: none
}

.odemebilgileri .main-col .dortlu {
    width: 63px!important;
    margin-right: 5px
}

.odemebilgileri .main-col .column2,
.odemebilgileri .main-col .column3 {
    height: 40px;
    display: table;
    vertical-align: middle
}

.odemebilgileri .main-col .column2 span,
.odemebilgileri .main-col .column8 .column3 span {
    display: table-cell;
    vertical-align: middle
}

.odemebilgileri .main-col .column12 {
    margin-bottom: 15px
}

.odemebilgileri .main-col input {
    text-indent: 15px
}

.odemebilgileri .main-col input,
.odemebilgileri .main-col select {
    height: 40px
}

.odemebilgileri .main-col select {
    padding: 0 20px;
    margin-right: 10px;
    width: 100px;
    border-radius: 0!important
}

.odemebilgileri .main-col .fulle {
    width: 277px
}

.odemebilgileri .main-col .cvc {
    width: 100px!important
}

.odemebilgileri .main-col .kullanimKosullari input {
    height: unset!important;
    margin-right: 5px
}

.odemebilgileri .main-col label {
    display: inline-block;
    margin: 0 0 -1px;
    padding: 15px 25px;
    font-weight: 600;
    text-align: center;
    color: #bbb;
    border: 1px solid transparent
}

.odemebilgileri .main-col label:before {
    font-family: fontawesome;
    font-weight: 400;
    margin-right: 10px
}

.odemebilgileri .main-col label[for*='1']:before {
    content: '\f283'
}

.odemebilgileri .main-col label[for*='2']:before {
    content: '\f0ec'
}

.odemebilgileri .main-col label:hover {
    color: #888;
    cursor: pointer
}

.odemebilgileri .main-col input:checked+label {
    color: #555;
    border: 1px solid #ddd;
    border-top: 2px solid orange;
    border-bottom: 1px solid #fff
}

.odemebilgileri .main-col #tab1:checked~#content1,
.odemebilgileri .main-col #tab2:checked~#content2,
.odemebilgileri .main-col #tab3:checked~#content3  {
    display: block;
    position: relative
}

.odemebilgileri .main-col #content1 .column4 {
    height: 40px;
    line-height: 40px
}

.odemebilgileri .kullanimKosullari a.amock,
.odemebilgileri a.amock {
    color: #0153a6!important;
    position: relative!important
}

.odemebilgileri .dsecure i,
.odemebilgileri .kullanimKosullari a.amock span,
.odemebilgileri a.amock span {
    width: 300px;
    height: auto;
    padding: 15px;
    display: block;
    background-color: #fff;
    border: 1px solid #ddd;
    color: #333;
    bottom: 100%;
    right: 50%;
    margin-bottom: 10px;
    transition: all .5s;
    transform: translateX(50%);
    box-shadow: 0 10px 42px rgba(0, 0, 0, .3)
}

.odemebilgileri .dsecure {
    position: relative
}

.odemebilgileri .dsecure i {
    position: absolute;
    visibility: hidden;
    font-style: normal
}

.odemebilgileri .dsecure:hover i {
    visibility: visible
}

.odemebilgileri .kullanimKosullari a.amock {
    margin-left: 10px!important
}

.odemebilgileri .kullanimKosullari a.amock span,
.odemebilgileri a.amock span {
    position: absolute;
    visibility: hidden
}

.odemebilgileri .kullanimKosullari a.amock:hover span,
.odemebilgileri a.amock:hover span {
    visibility: visible
}

.odemebilgileri .tabcontent-properties {
    position: absolute;
    right: 0;
    top: 10px
}

.odemebilgileri .tabcontent-properties2 {
    position: absolute;
    right: 0;
    bottom: 10px
}

.odemebilgileri .tabcontent-properties .tabcontent-secure,
.odemebilgileri .tabcontent-properties2 .tabcontent-card {
    height: 60px;
    display: table;
    vertical-align: middle;
    margin-left: 10px
}

.odemebilgileri .tabcontent-card .tabcontent-card-in,
.odemebilgileri .tabcontent-secure .tabcontent-secure-in {
    display: table;
    vertical-align: middle
}

.tabcontent-card-in {
    margin-top: 5px
}

.odemebilgileri .tabcontent-card-in img,
.odemebilgileri .tabcontent-card-in span,
.odemebilgileri .tabcontent-secure-in img,
.odemebilgileri .tabcontent-secure-in span {
    display: table-cell;
    vertical-align: middle
}

.odemebilgileri .tabcontent-secure-in img {
    margin-right: 5px
}

.odemebilgileri .tabcontent-card-in img {
    margin-left: 5px
}

.odemebilgileri .main-col {
    position: relative
}

.odemebilgileri .main-col #content2 ul {
    display: table;
    vertical-align: middle;
    padding: 0;
    margin: 0
}

.odemebilgileri .main-col #content2 ul li {
    width: 100%;
    display: block;
    margin-bottom: 15px
}

.odemebilgileri .main-col #content2 ul li span {
    display: inline-block;
    line-height: 20px
}

.odemebilgileri .main-col #content2 ul li span:last-child {
    display: block;
    color: #7f7f7f;
    margin-top: 5px
}

.odemebilgileri .main-col #content2 .spansa {
    display: inline-block;
    margin-left: 30px
}

.odemebilgileri .main-col #content2 ul li img {
    display: inline-block;
    max-width: 150px
}

@media screen and (max-width:1100px) {
    .odemebilgileri .main-col #content2 .spansa,
    .odemebilgileri .main-col #content2 img {
        margin-left: 0;
        width: 100%
    }
    .main-col .column7 {
        width: 100%
    }
    .main-col .column7 .column12:nth-child(1) {
        margin-top: 15px
    }
    .odemebilgileri .tabcontent-properties2 {
        bottom: -15px
    }
    .odemebilgileri .tabcontent-properties {
        top: 0
    }
    .odemebilgileri .main-col section {
        padding-top: 0
    }
}

@media screen and (max-width:768px) {
    .odemebilgileri .main-col,
    .odemebilgileri .main-col .column8 {
        width: 100%!important
    }
    .odemebilgileri .main-col {
        width: 100%;
        padding: 30px 20px
    }
    .odemebilgileri .main-col .column8 {
        width: 100%!important
    }
    .odemebilgileri .main-col .column8 .column3,
    .odemebilgileri .main-col .column8 .column9 {
        width: 100%
    }
}

@media screen and (max-width:650px) {
    .odemebilgileri .main-col label {
        font-size: 14px;
        padding: 15px
    }
    .odemebilgileri .main-col label:before {
        margin: 0 5px 0 0;
        font-size: 14px
    }
    .popup {
        width: 90%!important
    }
}

@media screen and (max-width:400px) {
    .odemebilgileri .main-col label {
        padding: 15px
    }
    .tabcontent-properties {
        top: 10px!important
    }
    #content1 .column7 {
        padding: 10px!important
    }
}

@media screen and (max-width:991px) {
    #content1 .column7 {
        width: 100%;
        border: 1px solid #ddd;
        padding: 30px 20px 20px;
        border-top: none!important
    }
    .odemebilgileri #content2 {
        border: 1px solid #ddd;
        padding: 20px
    }
    .odemebilgileri .main-col #tab1:checked~#content1,
    .odemebilgileri .main-col #tab2:checked~#content2,
    .odemebilgileri .main-col #tab3:checked~#content3
     {
        border-bottom: none!important
    }
    .odemebilgileri .tabcontent-properties2 {
        position: unset;
        float: right
    }
    .odemebilgileri .tabcontent-properties {
        right: 20px
    }
    .popup {
        width: 80%
    }
}

#contentholder_orta_ctl00_pnl_havaletab {
    display: inline-block
}

.siparislerim_yorumlarim .content-in-title {
    margin-top: 16px!important;
    font-family: 'Roboto ', sans-serif;
    padding-left: 0
}

.sect-content2-button {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    text-align: center;
    display: block;
    background-color: #35c126!important;
    color: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 15px 0;
    text-transform: uppercase;
    transition: background-color .5s;
    margin-bottom: 5px;
    max-width: 427px;
    margin-top: 10px;
    cursor: pointer
}

.odemebilgileri .fyt_drm {
    text-align: right
}

.odemebilgileri .odemecheckbox2 {
    height: 45px;
    margin-right: 10px
}

.rightla-properties .content-in-price {
    margin-top: 11px!important
}

.rightla-properties .content-in-price span {
    font-size: 14px;
    color: #4e4f53
}

.siparislerim-detay .content-in-gram {
    margin-top: 21px!important
}

.siparislerim-ilk .content-in a span {
    margin-top: 2px;
    font-size: 13px
}

.urundetay-property ul.ulproperty li a {
    font-family: 'Segoe UI', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #333333;
    display: inline-block;
    position: relative;
    padding: 18px 18px;
    letter-spacing: 0.05em;
}



/*ana sayfa ürünler*/




 .category-products-anasayfa {
    margin-top: 10px;
     width: 100%;
   
}
.category-products-anasayfa ul {
    padding: 0;
    margin: 0;
    width: 100%;
    height: auto
}

 
.category-products-anasayfa ul li figure {
        margin: 0;
        padding: 0px;
         text-align:center;
         height:330px;
    }

    .content-row .owl-item a {
    display: block;
    width: 100%;
    text-align: center;
}
 

 .owl-item #containerres {
    width: 100%;
    text-align: center;
}

.category-products-anasayfa ul li {
  
    display: inline-block;
    width: 24.2%;
    text-align: center;
    border: 1px solid #ddd;
    margin-left: 0.6%;
    margin-bottom: 2%;
    transition: box-shadow .5s;
    -webkit-transition: box-shadow .5s;
    position: relative;
    padding-bottom:6px;

    
}
.category-products-anasayfa ul li:hover {
   
     box-shadow: 0 0 8px rgba(33,33,33,.2); 
    
}

.category-products-anasayfa ul li:hover .product-button-basket {
    background: #6c9f01
}

.category-products-anasayfa ul li:first-child,
.category-products-anasayfa ul li:nth-child(4n+5) {
    margin-left: 0
}
 .category-products-anasayfa ul li img
 {
    max-width: 100%;
    padding:0px;
    z-index:2;

}

 


   
 .product-content-gram .nongram {
    width: 100%;
}

@media (min-width:960px) and (max-width:1120px) {
   .category-products-anasayfa {
    margin-top: 10px;
   width: 100%!important;
   }
   .category-products-anasayfa ul li {
  
    display: inline-block;
    width: 23.8%;
    text-align: center;
    border: 1px solid #ddd;
    margin-left: 0.6%;
    margin-bottom: 2%;
    transition: box-shadow .5s;
    -webkit-transition: box-shadow .5s;
    position: relative;
    padding-bottom:6px;

    
}
}  
 



@media  (max-width:960px) {
   
    .category-products-anasayfa ul li {
        width: 49.1%;
        /*margin-left: 0*/
        margin-left: 0.7%;
    }
    .category-products-anasayfa .gramafter,
    .category-products-anasayfa .gramafter select {
        width: 116px;
        text-indent: 7px;
        font-size: 12px
    }
    .nongram {
        width: 100%;
    }
    
    .category-products-anasayfa ul li:first-child,
.category-products-anasayfa ul li:nth-child(2n+3) {
    margin-left: 0
}

}


/*ana sayfa ürünler end*/


#menu ul li.drop2 ul {
    position: absolute;
    left: 0;
    background: #fff;
    visibility: hidden;
    display: block;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 0;
    filter: alpha(opacity=0);
    top: 120%;
    border: 1px solid #eaeaea;
    min-width: 225px;
    padding: 5px 0px 5px 0px;
    margin-top: 1px;
    transform: scale(1);
    top: 100%;
    border-radius: 0;
    box-shadow: unset;
}

.category-dropdown2>a{
        pointer-events:none;
        user-select:none;
}

li.category-dropdown2 a>i {
    position: absolute;
    right: 5px;
}

ul li.drop3 h6 > a.drop3link {pointer-events:unset!important;user-select:unset!important;}



.pt-in {
  display: flex;
  align-content: center;
  justify-content: flex-start;
}
.pt-in i {
  line-height: 74px;
}
.product-title {
}
.pt-tumu {
  color: #222;
  font-size: 16px;
  line-height: 74px;
}

.pt-tumu i {
    font-size: 12px!important;
}


.content-row .owl-carousel .owl-nav button {
  background-color: transparent;
  border: 0;
  font-size: 30px;
  font-weight: 500;
  padding: 0 4px;
}
.content-row .owl-carousel .owl-nav {
  top: -30px;
}

.pt-tumu:hover,
.pt-tumu:hover i {
    color: red;
}

.product-title.product-title2 {
  display: flex;
  align-content: center;
  justify-content: space-between;
}

.category-dropdown2 {
    cursor:pointer;
}

.category-dropdown2 a i {
    margin-right: 8px;
}

.acc{
    display:block!important;
    padding-left: 10px;
}

li.drop2 {
    position: relative;
}

#menu ul li.drop2 ul li a {
    display: block;
    padding: 0 15px;
    line-height: 32px;
    color: #666;
    text-align: left;
    font-weight: 400;
    font-size: 16px;
    border-radius: 0;
    border: 0;
    border-bottom:1px solid #ddd!important;
}
#menu ul li.drop2 ul>li:last-child>a {
    border-bottom: 0!important;
}

#menu ul li.drop2 ul li ul>li>a {

    border-bottom:1px solid #ddd!important;
}
#menu ul li.drop2 ul li ul>li:last-child>a {
    border-bottom: 0!important;
}


#menu ul li.drop2 ul li {
    float: unset;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    position:relative;
}

#menu ul li.drop2 ul li a:hover {
    background-color: #eaeaea;
    border: 0;
}



#menu ul li.drop2 ul li ul {
    position: absolute;
    left: 100%;
    top: 0;
    margin-left: 0px;
    visibility: hidden!important;
    opacity: 0!important;
}



#menu ul li.drop2 ul li a span {
    margin: 0;
}
.drop2 .category-drop-all {
    display: none;
}
#menu ul li.drop3 ul {
    width: 25%;
    position: static;
    top: 0;
    box-shadow: unset;
    border: 0;
    transform: scale(1)!important;
}

#menu ul li.drop3 ul h6 {
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Segoe UI', sans-serif;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    text-align: left;
    margin-bottom: 10px;
    line-height:1em;
    color:#222;
}

#menu ul li.drop3 ul li {
    border: 0!important;
    display: block;
    width: 100%;
    text-align: left;
    padding: 0;
    margin: 0;
}
#menu ul li.drop3 ul h6 a {
    font-size: 16px;
    font-weight: 600;
    line-height: 1em;
    padding: 0;
    color:#222!important;
}

.drop3 .category-drop-all {
    display: none;
}
#menu ul li.drop3 ul li a {
    height: 30px;
    line-height: 30px;
    padding: 0;
    color: #222!important;
    font-weight: 500;
    border: 0!important;
    border-radius:0!important;
    transition: transform .2s ease-in-out;
}

#menu ul li.drop3 ul li a:hover {
      color:#b29651 !important;
    /*transform:translateX(5px);*/
    background-color: #eaeaea!important;

    
}


.drop3-in {
    position: absolute;
    width: 100%;
    background-color: #fff;
    height: auto;
    display: flex;
    top: 100%;
    z-index: 99;
    left: 0;
    margin-top: 1px;
    border: 1px solid #eaeaea;
    visibility: hidden;
    opacity: 0;
    transition: all .5s ease 0s;
}
.mb_eksi{
    margin-bottom:-16px;
}
 .breadcrumbs{
              background-color:transparent;
               padding: 2px 0px 3px 0px !important;
               margin-bottom:0px!important;
   } 
  .breadcrumbs > ol {
  display: flex;
  list-style: none;
  margin: 0;
  left:0px
}

.breadcrumbs > ol li {
  margin-right: .5em;
}
.breadcrumbs > ol li a{
color:#000;
}
.breadcrumbs > ol li + li:before {
  content: '>';
}


.whatsapp-button {
    /*font-family: 'Open Sans';*/
     font-family: 'Segoe UI', sans-serif;
    text-decoration: none;
    position: fixed;
    z-index: 93;
    /*top: 90%;*/
    bottom:60px;
    left: -122px;
    background-color: #4caf50;
    transform: rotate(270deg) translateY(190%);
    color: rgba(255,255,255,.8);
    transition: all .3s ease;
    height: 40px;
    line-height: 40px;
    width: 130px;
    text-align: center;
    font-size: 16px;
    font-weight:bold;
    box-shadow: 0 8px 18px rgb(0 0 0 / 20%), 0 10px 10px rgb(0 0 0 / 20%);
    border-radius: 10px;
}

.whatsapp-button-siparis {
    /*font-family: 'Open Sans';*/
     font-family: 'Segoe UI', sans-serif;
    text-decoration: none;
    position: fixed;
    z-index: 93;
    /*top: 90%;*/
    bottom:110px;
    left: -122px;
    background-color: #4caf50;
    transform: rotate(270deg) translateY(190%);
    color: rgba(255,255,255,.8);
    transition: all .3s ease;
    height: 40px;
    line-height: 40px;
    width: 130px;
    text-align: center;
    font-size: 16px;
    font-weight:bold;
    box-shadow: 0 8px 18px rgb(0 0 0 / 20%), 0 10px 10px rgb(0 0 0 / 20%);
    border-radius: 10px;
}

   #inner {  display: table;  margin: 0 auto;  border: 0px solid black;}
    #outer {  border: 0px solid red;  width:100%}
     #child {   display: flex;  justify-content: center;  align-items: center;}
   a.youtube-link span {
            width: 65%;
            height: 100%;
            position: absolute;
            background: url("../images/play-btn-2.png") no-repeat;
              background-position: 10% 40%;
            background-size: 25%;
            margin-left:-35px;
            
        }
@media screen and (max-width: 480px) {
  a.youtube-link span {
    background-size: 35%;
  }
}

    .btn_mkat{
 
  color:#000;
  /*background:rgba(0, 0, 0, 0.5);*/
  padding:10px 20px;
  font-size:12px;
  text-decoration:none;
  letter-spacing:2px;
  text-transform:uppercase;
  border:1px solid #ddd;
  display:inline-block;
  margin-top:3px;
}

.btn_mkat:hover{
  /*border:none;*/
  background:rgba(0, 0, 0, 0.4);
   color:#1b1b1b;
}